@font-face {
    font-family: "PingFangSe";
    src: url("../fonts/PingFang-SC-Semibold.otf");
}

@font-face {
    font-family: "PingFang-Regular";
    src: url('../fonts/PingFang-SC-Regular.ttf');
}

body {
    font-family: "PingFang-Regular",Microsoft YaHei, Arial, Helvetica, sans-serif !important;
}
/*鍔ㄧ敾*/
@keyframes fadeInUp1 {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInUp1 {
    animation-name: fadeInUp1;
}

@keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInLeft1 {
    animation-name: fadeInLeft1;
}

@keyframes fadeInRight1 {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes fadeInRight1 {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
/*鍦板浘*/
@-webkit-keyframes wateranimate {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@keyframes wateranimate {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes wateranimates {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@keyframes wateranimates {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}
.newdetail .video-js{
    margin: 0 auto;
}

#my-video{
    display: none;
}
.svposter-ab{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}
.vide-pr{
    position: relative;
    width: 100%;
}
.href-a {
    width: 220px;
    height: 78px;
    position: absolute;
    left: 20%;
}
.vibaner-sub{
    position: absolute;
    z-index: 44;
    width: 100%;
    top: 0;
    left: 0;
}
.vibaner-sub img{
    width: 100%;
}
.vibaner-sub-but{
    position: absolute;
    z-index: 60;
    width: 76px;
    height: 76px;
    margin-top: -38px;
    background: url(../images/new-video.png) no-repeat center;
    background-size: 100%;
    transform: translate(-50%);
    top: 50%;
    left: 50%;
    cursor: pointer;
}
.vibaner-sub-but:hover{
    position: absolute;
    z-index: 99;
    width: 76px;
    height: 76px;
    background: url(../images/new-video-hov.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
}

.vibaner-sub-but2{
    position: absolute;
    z-index: 60;
    width: 76px;
    height: 76px;
    margin-top: -38px;
    background: url(../images/new-video.png) no-repeat center;
    background-size: 100%;
    transform: translate(-50%);
    top: 50%;
    left: 50%;
    cursor: pointer;
}
.vibaner-sub-but2:hover{
    position: absolute;
    z-index: 60;
    background: url(../images/new-video-hov.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
}
.svposter-flx{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.svposter{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.svposter img{
    width: 100%;
}
.fled .svposter{
    display: block;
}
.flag .href-a{
    width:220px;
    height:78px;
    position:absolute;
    left:20%;
}

.test-c {
    text-align: center;
}
.curli a:hover {
    color: #ee7300;
}
.curpro a:hover {
    color: #ee7300;
}
.product_nav_listvn {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 30px 0 20px;
    flex-wrap: wrap;
    overflow: hidden;
}
.plselect{
    width: 100%;
    position: relative;
    display: none;
    cursor: pointer;
}
.plselect-se{
    float: left;
    display: none;
}
#toptw{
    width: 100%;
    height: 90px;
    position: relative;
    text-align: center;
}
#toptw:after{
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%;);
    z-index: 0;
}
.cursr{
    color:#ff6900!important;
    position: relative;
}
.cursr a {
    color:#ff6900!important;
}
.cursr:after{
    width: 100%;
    content: "";
    display: block;
    color: #ff6900!important;
    position: absolute;
    bottom:0;
    z-index: 1;
    left: 0;
}
.pcursr{
    color:#ff6900!important;
    position: relative;
}
.pcursr a {
    color:#ff6900!important;
}
.pcursr:after{
    width: 100%;
    content: "";
    display: block;
    background: #ff6900;
    height: 1px;
    color: #ff6900!important;
    position: absolute;
    bottom:0;
    z-index: 1;
    left: 0;
}

.curpro{
    position: absolute;
    width: 1000px;
    text-align: left;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}
.curpro a {
    margin:0 15px;
    padding-bottom: 10px;
    position: relative;
    font-size: 14px;
}
.dcurr .curpro{
    display: block;
    text-align: center;
}
.inav-as {
    color: #505050;
    text-decoration: none;
    font-size: 16px;
    margin: 0px;
    padding: 0 15px;
    display: inline-block;
    line-height: 46px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.arrdownr {
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(270deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}
.prr{
    width: 16px;
    height: 16px;
    background: url(../images/so-of.png) no-repeat center;
    background-size: 100%;
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(90deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    float: right;
    margin-top: 8px;
    margin-right: 10px;
    display: none;
}
.prrs{
    width: 16px;
    height: 16px;
    background: url(../images/so-of1.png) no-repeat center;
    background-size: 100%;
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(90deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    float: right;
    margin-top: 4px;
    display: none;
}


.addright{
    position: fixed;
    right: 10px;
    top:50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.addright img{
    width: 280px
}
.search-list{
    cursor: pointer;
}
.search-list:hover{
    color:#ee7300;
}
.ipw-hotsearch{
    display: none;
}
.topaddurl{
    float: left;
    padding:10px 0 0 60px;
    display: none;
}
.flag .topaddurl{
    display: block;
}
.nflag .topaddurl{
    display: block;
}
.pcurl{
    width: 100%;
    position: absolute;
    z-index:
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.pcurl img{
    width: 100%;
}
.h5url{
    display: none;
}
.divid{
    padding:10px 20px;
    background: #ff6900;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    position: fixed;
    z-index: 9999;
    display: none;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.wapbannerBox{
    display: none;
}

.pad-bg{
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    display: none;
}
.pdf-pad{
    max-width: 800px;
    width: 90%;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    border-bottom: 2px solid #fff;
    transform: translate(-50%,-50%);
    z-index: 999999999;
}
.pdf-title{
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.pad-name{
    font-size: 16px;
    padding-right: 15px;
    float: left;
}
.pad-down{
    float: left;
    width: 90px;
    height: 24px;
    color: white;
    background-color: #f47d27;
    border-radius: 3px;
    margin-left: 15px;
    font-size: 14px;
    display: inline-block;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
}
.pad-down a{
    color:#ffffff!important;
}
.pad-close .icon-cha{
    font-size: 18px!important
}
.pad-close{
    float: right;
    padding:0 5px;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.pad-close:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.pad-close:hover .icon-cha{
    color:#f47d27;
}

.pdf-800{
    width: 100%;
    height: 650px;
}

/*****/
.spad-bg{
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    display: none;
}
.spdf-pad{
    max-width: 800px;
    width: 90%;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    border-bottom: 2px solid #fff;
    transform: translate(-50%,-50%);
    z-index: 999999999;
}
.spdf-title{
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.spad-name{
    font-size: 16px;
    padding-right: 15px;
    float: left;
}
.spad-down{
    float: left;
    width: 90px;
    height: 24px;
    color: white;
    background-color: #f47d27;
    border-radius: 3px;
    margin-left: 15px;
    font-size: 14px;
    display: inline-block;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
}
.spad-down a{
    color:#ffffff!important;
}
.spad-close .icon-cha{
    font-size: 18px!important
}
.spad-close{
    float: right;
    padding:0 5px;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.spad-close:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.spad-close:hover .icon-cha{
    color:#f47d27;
}

.spdf-800{
    width: 100%;
    height: 650px;
}
/*****/



.ileft .txt{
    text-align: left!important;
}
.ileft .yg-more{
    float: left;
}
.icenter .text{
    width: 100%;
    text-align: center!important;
}
.icenter .yg-more{
    float: none!important;
    margin:40px auto 0;
}
.irignt .txt{
    text-align: right!important;
}
.irignt .yg-more{
    float: right;
}
.sposit{
    position: absolute;
    bottom: 15px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    position: absolute;
    z-index: 999;
}
.darrimg{
    padding-left: 5px;
}
.cink{
    width: 100%;
    float: left;
    height: 1;
    clear: both;
}
.qfont36{
    font-size: 30px!important;
}
.wxewm-pad img{
    width: 150px;
    height: 150px;
}
.wxewm{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    display: none;
}
.wxewm-pad{
    background: #ffffff;
    padding:3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 991;
    position: absolute;
}
.ewmclose{
    position: absolute;
    right: -17px;
    top: -17px;
    font-size: 18px;
    background: #000;
    color:#ffffff;
    cursor: pointer;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 1000px;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.ewmclose:hover{
    background: #ee7300;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);

}
.notes {
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}
.notes .line {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #f1f1f1 ;
}
.notes .txt {
    color: #a5a5a5;
    padding:0 15px;
    box-sizing: border-box;
    white-space: nowrap;
}

.shref-buts{
    position: absolute;
    right: -18px;
    top: -18px;
    font-size: 30px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    height: 36px;
    z-index: 99;
    color: #fffdfd;
    cursor: pointer;
    background: #000;
    border-radius: 1000%;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.shref-buts:hover{
    background: #ee7300;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.shref-but2{
    float: left;
    padding-top: 15px;
    color: #ee7700;
}
.shref-name{
    width: 100%;
    padding-bottom: 15px;
    font-size: 14px;
}
.share-fix{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background:rgba(0,0,0,0.5);
    display: none;
}
.share-href{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background: #ffffff;
    padding:20px;
    z-index: 999;
    width: 520px;
}
.shref-input{
    width: 100%;
    height: 50px;
    background: #f1f1f1;
    padding: 5px;
    box-sizing: border-box;
}
#show-href{
    width: 32px;
    height: 32px;
    display: inline-block;
}
#video-btn{
    display: none;
}
.shref-but{
    background: #ee7700;
    padding:8px 15px;
    float: right;
    cursor: pointer;
    color:#ffffff;
    border-radius: 4px;
    margin-top: 10px;
    border: 0;
}

a:hover{
    color:#ee7300;
}
.sunvideo {
    width: 100%;
    float: left;
}
#show-poster{
    display: none;
}
.ift2{
    line-height: 28px;
}
.setitpad{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.swiper-bustton-prev{
   position: absolute;
   z-index: 66;
   left: 20px;
   top: 50%;
   transform: translateY(-50%);
}
.swiper-bustton-next{
   position: absolute;
   z-index: 66;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
}
.provideo{
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.1);
}
.videobat{
    width: 60px!important;
    height: 60px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 6;
    cursor: pointer;
}
.videobt{
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.videobt img{
    width: 58px;
}
.abwap{
    display: none;
}
.one_class {
    float:none!important;
    margin:0 auto!important;
}
#poster{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    display: none;
}
.postpad{
    width: 80%;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    position: absolute;
}
.poclose{
    position: absolute;
    top:0;
    right: 0;
    z-index: 9999;
}
.postpad img{
    width: 100%;
}
.find{
    display: none!important;
}
.ileft .place1{
    text-align: left;
}
.ileft .place2{
    text-align: left;
}
.ileft .place3{
    text-align: left;
}
.icenter .place1{
    text-align: center;
}
.icenter .place2{
    text-align: center;
    margin: 0 auto!important;
}
.icenter .place3{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.irignt .place1{
    text-align: right;
}
.irignt .place2{
    text-align: right;
    float: right;
}
.irignt .place3{
    text-align: right;
    float: right;
    clear: both;
}

.sleft .splace1{
   text-align: left;
}
.sleft .splace2{
   text-align: left;
}
.scenter .splace1{
   text-align: center;
}
.scenter .splace2{
   text-align: center;
}
.srignt .splace1{
   text-align: right;
}
.srignt .splace2{
   text-align: right;
}

.hotcas-list{
    background: url(../images/hot.png) no-repeat center right;
    float: left;
    width: 55px;
    padding: 6px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -1px;
}
.gl02{
    display: none;
}
.new_brief{
    width: 100%;
    font-size: 16px;
    color: #888888;
    line-height: 30px;
    text-align: justify;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.scr-left{
    position: fixed;
    left: 20px;
    top:50%;
    transform: translateY(-50%);
    z-index: 99;
}
.c99 a {
   color:#999;
}
.c99 a:hover{
    color: #ee7300;
}
.moreload{
    padding-top: 15px;
}
.new-zd{
    width: 100%;
    display: flex;
    align-items: center;
    background: #ffffff;
}
.new-zd:hover .news-info-title{
    color:#ee7300;
}
.new-zd-left{
    width: 100%;
    overflow: hidden;
}
.new-zd-left img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.new-zd-right{
    width: 100%;
    padding:0 40px;
    box-sizing: border-box;
}
.new-zd:hover .new-zd-left img{
    transition: all .25s ease;
    transform: scale(1.15, 1.15);
}
.pidoimg{
    font-size: 15px;
    padding-left:8px;
    display: none;
}
.pav-website{
    width: 100%;
}
.nav-websites{
    float: left;
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}
.nav-websites a{
    width: 100%;
    display: flex;
    align-items: center;
}
.nav-websites a:hover{
    color:#ee7300;
}
.nav-websites a:hover .pidoimg{
    display: inline-block;
}
.nav-websites a:hover .gl02{
    display: inline-block;
}
.nav-websites a:hover .gl01{
    display: none;
}
.nav-website a:hover .dlabde .gl02{
    display: inline-block;
}
.nav-website a:hover .dlabde .gl01{
    display: none;
}
.nav-websites img{
   margin-right: 8px;
}
.gl02{
    display: none;
}
.fled{
    display: block!important;
/*    position: fixed!important;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999!important;
    overflow: inherit!important;*/
}
.fled .downvideo .svideo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)!important;
}

.fled .svideobg{
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 66;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}
.fled .svideo{
    width: 60%;
    background:#ffffff;
    max-width: 1200px;
    padding:3px;
    position: relative;
    margin:0 auto;
    box-sizing: border-box;
}
video{
    padding: 0;
    margin: 0;
    vertical-align: middle;
    object-fit: fill;
    object-position: center;
}
/*video::-webkit-media-controls{
display:none !important;
}*/
.onver{
    position: absolute;
    right: 15px;
    bottom: 25px;
    font-size: 30px;
    z-index: 99;
    color:#ffffff;
    cursor: pointer;
}
.onvernew{
    position: absolute;
    right: 15px;
    bottom: 25px;
    font-size: 30px;
    z-index: 99;
    color:#ffffff;
    cursor: pointer;
}
.onstariwp {
    position: absolute;
    right: -25px;
    top: -25px;
    font-size: 20px;
    z-index: 999999!important;
    color: #fffdfd;
    cursor: pointer;
    display: inline-block;
    background: #000;
    border-radius: 1000%;
    padding: 8px;
}
.onstar{
    position: absolute;
    right: -25px;
    top: -25px;
    font-size: 30px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    height: 46px;
    z-index: 99;
    color: #fffdfd;
    cursor: pointer;
    background: #000;
    border-radius: 1000%;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.onstar:hover{
    background: #ee7300;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}


.onstar-new{
    position: absolute;
    right: -25px;
    top: -25px;
    font-size: 30px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    height: 46px;
    z-index: 99;
    color: #fffdfd;
    cursor: pointer;
    background: #000;
    border-radius: 1000%;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.onstar-new:hover{
    background: #ee7300;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}


.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.mrtlive{
    position: relative;
    width: 100%;
    overflow:hidden;
}
.svideo{
    width: 100%;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 3;
}

.svideom{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    width: 60%;
    background: #ffffff;
    padding: 3px;
    margin: 0 auto;
    box-sizing: border-box;
}
.auhig{
    height: auto!important;
}
.wlsico{
    font-size: 30px;
}
.nav-back{
    width: 100%;
    padding:15px 0;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 15px;
}
.nav-website{
    width: 100%;
    padding:15px 0;
}
.nav-website a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dlabde{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dlabde img{
    padding-right: 5px;
    width: 20px!important;
    height: 20px!important;
}
.nav-site{
    width:100%;
    position:absolute;
    height:100vh;
    background:#f9f9f9;
    padding:0 15px;
    box-sizing: border-box;
    right:-100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.rebcak{
    font-size: 12px;
    padding:5px 8px 5px 0;
}
.navin{
    right: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.pull-web{
    float: left;
    width: 100%;
    padding:0 15px;
    box-sizing: border-box;
    margin-top: 20px;
}
.pull-li{
    width: 48px;
    margin: 0 auto;
}
.linkgroup-name{
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
}
.linkgroup-ico{
    width: 48px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 1000px;
    text-align: center;
    line-height: 48px;
}
.pull-li:hover .linkgroup-name{
    color: #ee7300;
}
.linkgroup-ico:hover{
    border: 1px solid #ee7300;
    background: #ee7300;
}
.linkgroup-ico:hover .wlsico{
    color: #ffffff;
}
.w70-li a:hover .doimg{
    display:inline-block;
}
.doimg{
    font-size: 16px!important;
    display: none;
}
.foot-main-right dl dd:hover .doimgs{
    display:inline-block;
    color:#ee7300;
    opacity: 1;
}
.doimgs{
    font-size: 15px!important;
    color:#404040;
    opacity: 0;
}
.telvido{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
}
.sitmap{
    width: 80%;
    margin:0 auto;
    padding:0 0 30px 0;
}
.sitep_pad{
    float: left;
    width: 100%;
    margin:15px 0;
}
.sitp_h1{
    float: left;
    width: 100%;
}
.sitp_h2{
    float: left;
    width: 100%;
    padding:10px 0;
}
.sitp_h1 a{
    font-size: 24px;
    padding:10px 0;
    color: #ee7300!important;
}
.sitp_h2 a{
    font-size: 18px;
    padding:10px 0;
    margin-right: 20px;
}
.sitp_h1 a:hover{
    color:#ee7300;
}
.sitp_h2 a:hover{
    color:#ee7300;
}

.sitp_h2 a:hover .doimgs{
    display: inline-block;
}
.bannview{

}
.hov{
    display: none;
}
.bannview:hover .hov{
    display: inline-block;
    margin: 0 auto
}
.cackpadd{
    padding-top:10%;
}
.bannview:hover .nohov{
    display: none;
}

.reviewlive{
    position: absolute;
    z-index: 99;
    font-size: 32px;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding:0;
    color: #ffffff;
    cursor: pointer;
}

.iparr{
    display: none;
}
.spliter {
    width: 100%;
    height: 20px;
}
.wave {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
}
.wave .circlem {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
}
/* 娉㈢汗鏁堟灉 */
.wave.ripple .circlem {
    width: 100%; /* 鍑忓幓杈规鐨勫ぇ灏 */
    height: 100%;/* 鍑忓幓杈规鐨勫ぇ灏 */
}
.wave.ripple .circlem:first-child {
    animation: circle-opacity 2s infinite;
}
.wave.ripple .circlem:nth-child(2) {
    animation: circle-opacity 2s infinite;
    animation-delay: .3s;
}
.wave.ripple .circlem:nth-child(3) {
    animation: circle-opacity 2s infinite;
    animation-delay: .6s;
}
.wave.ripple.danger {
    color: red;
}
.wave.ripple.danger .circlem {
    background: rgba(255,105,0,0.5)
}
.wave.ripple.warning .circlem {
    background: rgba(255,105,0,0.2)
}
.wave.solid .circlem{
    width: 100%;
    height: 100%;
    background: #fff;
}
.wave.solid .circlem:first-child {
    animation: circle-opacity 2s infinite;
}
.wave.solid.danger {
    color: red;
}
.wave.solid.danger .circlem{
    background: red;
}
.wave.solid.warning {
    color: orange;
}
.wave.solid.warning .circlem{
    background: orange;
}
.adradius{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
.circlem{
    display: none;
}
.wave:hover .circlem{
    display: block;
}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}

.tgnow{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.layui-form-switch{
    padding:0;
    margin:0;
}
.cwps{
    display: none;
}
.prelefts05{
    left:20px;
    top:50%;
    transform: translateY(-50%);
}
.prerights05{
    right:20px;
    top:50%;
    transform: translateY(-50%);
}

.marpreleft{
    margin-top: -59px;
}
.marpreright{
    margin-top: -59px;
}

.marpreleft2{
    margin-top: -120px;
}
.marpreright2{
    margin-top: -120px;
}
.sw-buttom:hover .idc{
    color: #ee7300;
}
.menx{
    float: right;
    width: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
 .diff{
    float:right;
    font-size:15px;
    padding-top: 10px;
    color:#ed722e;
 }
 .layui-form-onswitch{
    border-color: #ed722e!important;
    background-color: #ed722e!important;
 }
.mavlist{
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #f1f1f1;
}
.menx {
    float: right;
}
.red{

}
.red .detail-table-ceil{
   color:#dadada;
}
.ipws{
    display: none!important;
}
.ipcw{
    display: none!important;
}
.iselected{
    color: #fff;
    background: #ff6900;
    border-radius: 1000px;
}
.iselected .gorpad{
    color: #fff;
    cursor: pointer;
}
.nav-a{
    cursor: pointer;
}
.guide{
    font-size: 26px!important;
}
.guidecol{
    font-size: 26px!important;
    color:#ffffff;
}
.sew250{
    width: 250px;
    float: left;
}
.sew750{
    width: calc(100% - 300px);
    float: left;
    padding-left:40px;
    box-sizing: border-box;
}
.search-li{
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 25px;
    margin-bottom: 25px;
    float: left;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: left;
}
.search-li a{
    width: 100%;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: left;
}
.search-li a:hover .sear-h1{
    color:#ee7300;
}
.seartitle{
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
}
.seartitle .ft{
    color:#ee7300;
}
.search-li-left{
    float: left;
    padding-right: 20px;
}
.search-li-left img{
    width: 180px;
}
.sear-h3{
    color:#231814;
}
.sear-h2{
    color:#231814;
    padding:10px 0;
}
.sear-h1{
    color:#333333;
}
.search-li-right{
    float: left;
    width: calc(100% - 180px);
}
.search-pad{
    width: 100%;
    text-align: center;
    padding:120px 0 60px;
}
.search-ui{
    border:1px solid #a7a3a1;
    max-width: 740px;
    margin:0 auto 40px;
    padding:10px;
    box-sizing: border-box;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: left;
    align-items: center;
}
.search-ui input{
    width: 100%;
    padding:0 10px;
    box-sizing: border-box;
    font-size: 16px;
}
.search-tep{
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #d3d1d0;
    margin-bottom: 20px;
}
.search-cn{
    width: 100%;
}

.check{
    width: 100%;
}
.pad82{
    padding-top: 82px;
}
.announ-li{
    width: 100%;
    float: left;
    padding:15px 30px;
    box-sizing: border-box;
    cursor: pointer;
}
.an01{
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
    color: #333333;
}
.an02{
    float: left;
    width: 15%;
    height: 50px;
    line-height: 50px;
}
.an03{
    float: right;
    height: 50px;
    line-height: 50px;
    width: 150px;
}
.an04{
    float: left;
    height: 50px;
    line-height: 50px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    align-items: center;
}
.an05{
    float: left;
    padding-left: 15px;
    height: 50px;
    line-height: 50px;
}
.announ-li:nth-child(odd){
    background: #f8f8f8;
}
.announ-li:hover .pdf01 {
    display: none;
}
.announ-li:hover .pdf02 {
    display: block;
}
.an04 img{
    float: left;
}
.announ-pad{
    padding:70px 0 0;
    float: left;
    width: 100%;
}
#mains{
    width: 100%;
    max-width: 1472px;
    margin:0 auto;
    padding:15px;
    box-sizing: border-box;
    height:550px!important;
}
.lian-coe p{
    float: left;
}
.lian-coe label {
    float: left;
}
.in-add{
     position: fixed;
     left:0;
     bottom: 0;
     z-index: 1;
}
.inclose{
     position: absolute;
     right: 15px;
     top: 15px;
     z-index: 991;
     cursor: pointer;
}
.appr-img1{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    z-index: 99999;
}
.appr-img2{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    z-index: 99999;
}
.appr-img3{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    z-index: 99999;
}
.appr-img4{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    z-index: 99999;
}
.appr-img{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    z-index: 99999;
}
.appr-uimg{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 222;
    background: #ffffff;
}
.iclose{
    padding:6px;
    box-sizing: border-box;
    position: absolute;
    display: block;
    right:-20px;
    top:-20px;
    cursor: pointer;
}
.iclose img{
    width: 22px;
    padding:8px;
    border-radius: 1000px;
    background: #ffffff;
    display: block;
    margin:0 auto;
}

.dome {
    padding: 15px 0;
}

.dome a {
    padding-right: 15px;
    color: #333333;
}

.dome a:hover {
    color: #ee7300;
}

.soli-down {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 3;
    text-align: center;
}
.soli-down:hover .soname{
    color:#ee7300;
}
.sodown {
    width: 100%;
    text-align: center;
}
.soimg img{
    width: 28px;
}
.soname {
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    padding-top: 15px;
}

.display {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    align-items: bottom;
}

.dropdown {
    position: relative;
}

.swiper-container-horizontal>.swiper-scrollbar {
    height: 3px!important;
}

.swiper-scrollbar-drag {
    background: rgba(0,0,0,.3)!important;
}

.dropdown-selected {
}

.hsearch {
    font-size: 14px;
    font-weight: bolder;
    width: 100%;
    padding: 0 20px 15px;
    box-sizing: border-box;
    color: #9a9999;
}

.dropdown ul {
    padding: 0;
    width: 100%;
    overflow-y: auto;
    position: absolute;
    display: none;
    z-index: 2;
    left: 0%;
    top: 90px;
    background: #fff;
    border-radius: 5px;
    padding: 30px 0 30px;
    position: absolute;
    z-index: 999;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.dropdown ul li {
    list-style: none;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.dropdown ul li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 20px;
    cursor: pointer;
}

.dropdown ul li:hover {
    background-color: #f2f6fa;
}

.dropdown ul li a:active,.dropdown ul li.active a {
    background-color: #e4e9f2;
    padding: 5px 20px;
}

.results-box {
    background: #fff;
    border-radius: 5px;
    margin-top: 17px;
    padding: 20px 0 30px;
    position: absolute;
    z-index: 999;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
}

.intro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}

#player, #player video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.ban_box {
    height: 100% !important;
}

#wrapper {
    width: 100%;
    min-width: 320px;
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 1;
    background-color: #eee;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.gif {
    background: url(../images/yxg.gif) no-repeat!important;
    background-size: 40px!important;
}

.loadimg {
    background: url(../images/loading1.png) no-repeat center;
    background-size: 40px;
    width: 50px;
    height: 50px;
}

.search-box .b-search-keyword {
    display: none;
    position: absolute;
    z-index: 2;
    width: calc(100% - 70px);
}

.pull-loading {
    margin: 0 auto;
    background: url(../images/loading1.png) no-repeat left center;
    background-size: 40px;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 50px;
    display: block;
    width: 80px;
}

.water1 {
    -webkit-animation: wateranimates  9s ease-out infinite;
    animation: wateranimates  9s ease-out infinite;
}

.water2 {
    -webkit-animation: wateranimate 6s ease-out infinite;
    animation: wateranimate 8s ease-out infinite;
}

.water1 {
    padding: 40%;
    position: absolute;
    box-shadow: 0 0 190px 40px rgba(238, 115, 0, 0.5) inset;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    top: -69%;
    left: 36%;
}

.water2 {
    padding: 40%;
    position: absolute;
    box-shadow: 0 0 290px 40px rgba(238, 115, 0, 1) inset;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    top: -69%;
    left: 36%;
}

.swater1 {
    -webkit-animation: wateranimates  9s ease-out infinite;
    animation: wateranimates  9s ease-out infinite;
}

.swater2 {
    -webkit-animation: wateranimate 6s ease-out infinite;
    animation: wateranimate 8s ease-out infinite;
}

.swater1 {
    padding: 40%;
    position: absolute;
    box-shadow: 0 0 190px 40px rgba(238, 115, 0, 0.5) inset;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    top: -69%;
    left: 36%;
}

.swater2 {
    padding: 40%;
    position: absolute;
    box-shadow: 0 0 290px 40px rgba(238, 115, 0, 1) inset;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    top: -69%;
    left: 36%;
}


.servemap {
    position: relative;
    overflow: hidden;
}

.wa01 {
    border: 1px solid rgba(238,115,0,0.4);
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.wa02 {
    width: 8px;
    height: 8px;
    background: #ee7300;
    border-radius: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.mipc {
    display: none;
}

.wa {
    position: absolute;
    top: 42%;
    left: 15.5%;
    z-index: 1;
}

.wa2 {
    position: absolute;
    top: 50%;
    left: 18%;
    z-index: 1;
}

.wa3 {
    position: absolute;
    top: 60%;
    left: 25%;
    z-index: 1;
}

.wa4 {
    position: absolute;
    top: 65.5%;
    left: 24%;
    z-index: 1;
}

.wa5 {
    position: absolute;
    top: 73.5%;
    left: 25%;
    z-index: 1;
}

.wa6 {
    position: absolute;
    top: 84.5%;
    left: 25%;
    z-index: 1;
}

.wa7 {
    position: absolute;
    top: 74.5%;
    left: 30%;
    z-index: 1;
}

.wa8 {
    position: absolute;
    top: 32.5%;
    left: 24.7%;
    z-index: 1;
}

.wa9 {
    position: absolute;
    top: 37.5%;
    left: 25%;
    z-index: 1;
}

.wa10 {
    position: absolute;
    top: 22.5%;
    left: 45%;
    z-index: 1;
}

.wa11 {
    position: absolute;
    top: 26.5%;
    left: 47%;
    z-index: 1;
}

.wa12 {
    position: absolute;
    top: 29.5%;
    left: 46%;
    z-index: 1;
}

.wa13 {
    position: absolute;
    top: 36.5%;
    left: 47%;
    z-index: 1;
}

.wa14 {
    position: absolute;
    top: 15.5%;
    left: 47.8%;
    z-index: 1;
}

.wa15 {
    position: absolute;
    top: 20.5%;
    left: 49.8%;
    z-index: 1;
}

.wa16 {
    position: absolute;
    top: 28.5%;
    left: 50%;
    z-index: 1;
}

.wa17 {
    position: absolute;
    top: 28.5%;
    left: 54%;
    z-index: 1;
}

.wa18 {
    position: absolute;
    top: 34.5%;
    left: 52%;
    z-index: 1;
}

.wa19 {
    position: absolute;
    top: 34.2%;
    left: 63%;
    z-index: 1;
}

.wa20 {
    position: absolute;
    top: 43.2%;
    left: 59%;
    z-index: 1;
}

.wa21 {
    position: absolute;
    top: 43.5%;
    left: 61.2%;
    z-index: 1;
}

.wa22 {
    position: absolute;
    top: 44.9%;
    left: 69.2%;
    z-index: 1;
}

.wa23 {
    position: absolute;
    top: 53.9%;
    left: 69.2%;
    z-index: 1;
}

.wa24 {
    position: absolute;
    top: 49.9%;
    left: 76.2%;
    z-index: 1;
}

.wa25 {
    position: absolute;
    top: 51.5%;
    left: 74%;
    z-index: 1;
}

.wa26 {
    position: absolute;
    top: 54%;
    left: 75.5%;
    z-index: 1;
}

.wa27 {
    position: absolute;
    top: 59%;
    left: 75.5%;
    z-index: 2;
}

.wa28 {
    position: absolute;
    top: 48%;
    left: 79%;
    z-index: 1;
}

.wa29 {
    position: absolute;
    top: 59%;
    left: 80%;
    z-index: 1;
}

.wa30 {
    position: absolute;
    top: 63%;
    left: 78%;
    z-index: 1;
}

.wa31 {
    position: absolute;
    top: 68%;
    left: 79%;
    z-index: 1;
}

.wa32 {
    position: absolute;
    top: 34%;
    left: 76%;
    cursor: pointer;
    z-index: 1;
}

.wa32:hover .china {
    display: block;
}

.wa32:hover .water1 {
    display: block;
}

.wa32:hover .water2 {
    display: block;
}

.wa33 {
    position: absolute;
    top: 38%;
    left: 82%;
    z-index: 1;
}

.wa34 {
    position: absolute;
    top: 40%;
    left: 85%;
    z-index: 1;
}

.wa35 {
    position: absolute;
    top: 85%;
    left: 91%;
    z-index: 1;
}

.china {
    position: absolute;
    top: 13px;
    width: 80px;
    left: -15px;
    z-index: 1;
}

.dp-name {
    color: #666666;
}

.co6 {
    color: #666666;
}

.co3 {
    color: #333333;
}

.fadeInRight1 {
    animation-name: fadeInRight1;
}

.con-pad {
    width: 100%;
}

.wa-item-bold .wa01 {
    border: 0;
}

.wa-item-bold .wa02 {
    width: 10px;
    height: 10px;
}

.ncurr {
    color: #ee7300 !important
}

.servemap {
    width: 100%;
}

.servemap img {
    width: 100%;
}

.app {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
}

.nchild {
    position: relative;
}

.nchild-close {
    float: right;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
}
.nchild-close:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.nchild-sclose {
    float: right;
    cursor: pointer;
    transition: width 1s,height 1s,transform 1s;
    -moz-transition: width 1s,height 1s,transform 1s;
    -webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 1000px;
    text-align: center;
    background: #000;
}
.nchild-sclose:hover{
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    background: #ee7300;
}

.nchild-close img {
    width: 20px;
    height: 20px;
}

#my-video {
    object-fit: cover;
    object-position: center center;
}

.hidden {
    display: none;
}

.results-box {
    background: #fff;
    border-radius: 5px;
    margin-top: 17px;
    padding: 20px 0 30px;
    position: absolute;
    z-index: 999;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
}

input, select, textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    outline: none;
}

.seachxx:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.childn {
    position: relative;
}

.ygmore a {
    border: 1px solid #ff6900;
    border-radius: 1000px;
    padding: 7px 28px;
    letter-spacing: 2px;
    color: #ff6900;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: all .3s ease;
}

.dipflex {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    align-items: center;
}

.video-mp {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
}

.ygmore a:hover {
    color: #ffffff;
    box-shadow: inset 2px 2px 2px 0 rgba(255, 255, 255, .5), 7px 7px 20px 0 rgba(0, 0, 0, .1), 4px 4px 5px 0 rgba(0, 0, 0, .1);
    transition: all .3s ease;
}

.appr-text {
    line-height: 32px;
}

.history {
    width: 100%;
    background: url(../images/history_bg.jpg) no-repeat center;
    background-size: 100%;
    background-attachment: fixed
}

/*鏈嶅姟*/
.servdetail-pad {
    width: 100%;
    padding: 100px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.sefont {
    font-size: 32px;
}

.se-flex {
    font-size: 38px;
    padding-bottom: 30px;
}
.se-flex a{
    color:#333333;
}
.se-flex a:hover{
    color:#ee7300!important;
}
.se-flex2 a{
    color:#333333;
}
.se-flex2 a:hover{
    color:#ee7300!important;
}
.se-flex2 {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 30px;
    font-size: 20px;
}

.se-flex3 {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    width: 100%;
    align-items: center;
}

.serdeta-left {
    max-width: 700px;
    line-height: 55px;
}

.w20 {
    vertical-align: middle;
    padding-right: 10px;
    width: 35px;
    height: 36px;
    display: block;
    align-items: center;
}

.se-flex {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    width: 100%;
    align-items: center;
}

.se-line {
    width: 1px;
    height: 168px;
    margin-top: 10px;
    background: #e5e5e5;
    margin: 0 30px;
}

.online-fk {
    width: 100%;
    text-align: center;
}

.onlin-w100 {
    width: 100%;
    /*display: block;*/
    padding-top: 60px;
}

.ondetail-pad {
    padding: 40px 100px;
}

.online-row {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    /*margin-left:-15px;*/
    /*margin-right:-15px;*/
}

.onl-50 {
    width: 50%;
    /* padding-left: 15px; */
    margin-bottom: 15px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.onl-50 label {
    width: 22%;
    text-align: right;
    min-width: 110px;
}

.onl-50 label i {
    color: #ee7300;
}

.oninp {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    box-sizing: border-box;
}

.onl-100 {
    width: 100%;
    margin-bottom: 10px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: left;
    box-sizing: border-box;
}

.onl-100 label {
    width: 10%;
    text-align: right;
    min-width: 110px;
}

.onl-100 label i {
    color: #ee7300;
}

.onarea {
    float: left;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 10px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    align-items: center;
    justify-content: left;
    box-sizing: border-box;
    padding-right: 15px;
    height: 90px;
}

.onl-w10 {
    width: 100%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.onl-w10 label {
    width: 26%;
    text-align: right;
    min-width: 110px;
}

.onl-w10 label i {
    color: #ee7300;
}

.box {
    width: 50%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.onl-wleft {
    width: 100%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.on-wl2 label {
    width: 30%;
}

.onl-wright {
    text-align: center;
}

.on-wl2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.chage-yzm {
    width: 227px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}
.sm-btn-success .rect-top:before{
    border-left: 0px solid #00de76!important;
}
.sm-btn-success .right-tick .right-tick-left, .sm-btn-success .right-tick .right-tick-right{
    position: absolute;
    height: 1px;
    background: #ee7300!important;
}
.sm-btn-success:hover {
    -moz-box-shadow: 0px 0px 0 #ee7300!important;
    -webkit-box-shadow: 0px 0px 0 #ee7300!important;
    box-shadow: 0px 0px 0 0!important;
}
.nc_scale span {
    border: 1px solid #ccc;
    background: #fff url("//g.alicdn.com/sd/ncpc/images/rt.png") no-repeat center;
}
.nc_scale .btnok {
    background: #fff url("//g.alicdn.com/sd/ncpc/images/yes.png") no-repeat center;
}
.errloading {
    border: #faf1d5 1px solid;
    background: url("//g.alicdn.com/sd/ncpc/images/no.png") #fffff0 no-repeat 10px 9px;
    color: #ef9f06;
}
.chage-yzm-b {
    width: 34.8%;
    cursor: pointer;
    text-align: center;
    height: 46px;
    line-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    overflow: hidden;
}
#SM_BTN_1{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sm-btn-loading:hover{
    -moz-box-shadow: 0px 0px 0px #65F4B5!important;
    -webkit-box-shadow: 0px 0px 0px #65F4B5!important;
    box-shadow: 0px 0px 0px #65F4B5!important;
}
.sm-btn-loading .out-silder-circle {
    position: absolute;
    width: 36px;
    height: 36px;
    background: linear-gradient(rgba(238,115,0,.8),rgba(238,115,0,.4),rgba(238,115,0,.3),rgba(238,115,0,.2))!important;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    top: 0px;
}
.sm-btn-default .sm-ico, .sm-btn-loading .sm-ico, .sm-btn-success .sm-ico, .sm-btn-fail .sm-ico{
    margin:0!important;
    z-index:3!important;
}
.sm-txt{
    margin-left: 8px!important;
}
#sc{
    width: 100%;
    margin:0!important;
}
#rectMask{
    width: 100%!important;
    display: none;
}
.rect-bottom{
    width: 100%!important
}
.rect-top{
    width: 100%!important
}
.sm-btn-default:hover{
    -moz-box-shadow: 0px 0px 0 #ee7300!important;
    -webkit-box-shadow: 0px 0px 0 #ee7300!important;
    box-shadow: 0px 0px 0 #ee7300!important;
}
.sm-btn-success .sm-txt{
    color:#ee7300!important;
}
.sm-btn{
    width: 100%!important;
    border: 0!important;
}
.sm-btn-success .out-silder-circle {
    animation: successWave 1s infinite;
    animation-iteration-count: 1;
    background: #f5cbad!important;
}
.sm-btn-default .out-silder-circle {
    position: absolute;
    width: 36px;
    height: 36px;
    background: #fde0cc;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    top: 0;
}
.sm-btn-default .sm-ico-wave, .sm-btn-loading .sm-ico-wave, .sm-btn-success .sm-ico-wave {
    background-image: linear-gradient(0deg,#ff6900,#f3a772)!important;
}
.sm-btn-default .sm-ico:hover {
    box-shadow: 0 0 10px #ee7300!important;
    background: rgb(255, 105, 0)!important;
}

.sm-btn-default .out-silder-circle {
    position: absolute;
    width: 36px;
    height: 36px;
    background: #ffd6b0!important;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    top: 0;
}
.ongol-ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
}

.ongnum {
    color: #ee7700;
}
.ongnum p{
    display: inline-block;
}

.ongnum span {
    font-size: 18px;
    color: #666666;
}

.onepadd {
    width: 100%;
    padding: 50px 0;
}

.chage-yzm img {
    display: block;
}

.on-wl1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 auto;
}

.doc {
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    box-sizing: border-box;
    flex: 1 1 auto;
}

.chage-box {
    width: 30%;
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    align-items: center;
    margin-left: 15px;
    border-radius: 4px;
}

.chtext {
    padding: 10px 0;
    margin: 0 auto;
}

.chbox {
    background: #b1b1b1;
    padding: 10px 15px;
}
.stypad{
    padding:90px 0 60px;
    text-align: center;
}

/*鏈嶅姟*/
.hidd img{
    max-width: 100%;
}
.bradn-lipad{
    width: 100%;
    padding-right:20px;
    box-sizing: border-box;
    max-width: 510px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;

}
.bradn-lipad:hover {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform:translateY(-20%)
}

.cof-h1{
    color:#ffffff;
    padding-bottom: 30px;
    width: 100%;
    text-align: justify;
}
.cof-h2{
    color:#ffffff;
    width: 100%;
    line-height: 36px;
    text-align: justify;
}
.serdetail {
    background: url(../images/servebg.jpg) no-repeat center top;
    background-size: cover;
    padding: 60px 0;
    width: 100%;
    box-sizing: border-box;
}
.brand-cn{
    width: 100%;
    background: url(../images/brand-img04.jpg) no-repeat center;
    background-size: cover;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
.brand-li{
    width: 50%;
    position: relative;
    float: left;
    cursor: default;
    overflow: hidden;
    border-right:1px solid rgba(255,255,255,0.3);
    padding-top:260px;
    padding-bottom:260px;
}
.brand-li:nth-child(2){
    border-right:0;
}
.brand-li:nth-child(2) .bradn-lipad{
    float: right;
    padding-left:20px;
    padding-right:0;
}
.ygwpad-li{
    width: 100%;
    padding:40px 0;
    position: relative;
    float: left;
}
.brad-li-left{
    float: right;
}

.ygwpad-li:nth-child(even) .brad-li-left{
    float: left;
}

.ygwpad-li:nth-child(odd) .brad-li-left{
    float: right;
    padding-right: 0;
    padding-left:25px;
}
.ygwpad-li:nth-child(even) .brad-li-right{
    float: right;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    right: 0
}
.ygwpad-li:nth-child(even) .hidd{
  float: left;
  width: 100%;
}
.ygwpad-li:nth-child(odd) .hidd{
   float: right;
  width: 100%;
}
.ygwpad-li:nth-child(odd) .brad-li-right{
    float: right;
    position: absolute;
    top:50%;
    transform:translateY(-50%)
}
.pad42{
    padding-bottom: 20px;
}
.pad16{
    line-height: 36px;
}

.bdif{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brad-li-left{
    width: 55%;
    padding-right: 25px;
    box-sizing: border-box;
}
.brad-li-right{
    width: 45%;
    text-align: left;
}

.ygwpad{
    padding:80px 0;
    width: 100%;
}
.tjb {
    width: 174px;
    background: #ee7300;
    text-align: center;
    padding: 8px 0;
    border-radius: 100px;
    display: block;
    margin-top: 18px;
    margin-left: 100px;
    color: #fff !important;
}



.hidd{
    overflow: hidden;
}
.hidd img{
    max-width:100%;
}
.oerm {
    width: 100%;
}

.oerm img {
    max-width: 120px;
}

.ipw {
    display: none;
}

.cor {
    color: #ee7300;
}

.accbanner {
    width: 100%;
}

.accbanner img {
    width: 100%;
}

.white {
    color: #ffffff;
}

.swname {
    width: 100%;
    text-align: center;
    padding: 80px 0 40px;
    position: absolute;
}

.tabs_con {
    width: 33.3%;
    height: 100%;
    position: relative;
    float: left;
    cursor: default;
    overflow: hidden;
}

.tabs_con::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    background: rgba(255, 255, 255, .22);
    top: 0;
    bottom: 0;
}

.tabs_con:first-child::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    background: rgba(255, 255, 255, .22);
    top: 0;
    bottom: 0;
}

.tabs_con:hover .poli {
    top: 40%;
}

.tabs_con:hover .itest {
    opacity: 1;
    display: block;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    text-align: left;
}

.tabs_con:hover .tab:before {
    opacity: 1;
    display: block;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.tab:before {
    width: 40px;
    height: 2px;
    background: #ee7300;
    content: "";
    display: block;
    margin: 0 auto 15px;
    opacity: 0;
    display: none;
}
.tab-b{
    padding-bottom:20px;
}
.tab-b:after {
    width: 40px;
    height: 2px;
    background: #ee7300;
    content: "";
    display: block;
    margin: 20px auto 15px;
    opacity: 0;
    display: none;
}
.tabs_con:hover .tab-b:after {
    opacity: 1;
    display: block;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.arr36 {
    font-size: 36px !important;
    color: #ffffff !important;
}

.posit {
    width: 100%;
    position: absolute !important;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.tab {
    width: 100%;
    padding-bottom: 10px;
}

.itest {
    opacity: 0;
    display: none;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.poli {
    transition: all 1s;
    position: absolute;
    top: 50%;
    left: 8%;
    right: 8%;
    margin: auto;
    text-align: center;
    color: #fff;
    margin-top:-27px;
}

.accretion {
    width: 100%;
    position: relative;
}

.ser-banner {
    position: relative;
}

.mnservice {
    width: 100%;
    text-align: center;
    padding: 60px 0 40px;
}

.mnsercon {
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

.dp-ul {
    position: relative;
    width: calc(100% - 162px);
    height: 100%;
    z-index: 1;
    padding: 30px 0;
}

.dp-disp {
    position: relative;
    width: calc(100% - 162px);
    height: 100%;
    z-index: 1;
    padding: 30px 30px 30px 60px;
    box-sizing: border-box;
}

.wicenter {
    width: 100%;
    text-align: center;
}

.serv-wbg {
    width: 100%;
    background: #f8f8f8;
    padding: 60px 0;
}

.cont-pads-left {
    float: left;
    width: 50%;
    padding: 4%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
   /* align-items: center;*/
}

.cont-flex {
    width: 100%;
}

.line {
    width: 100%;
    line-height: 36px;
    color: #666666;
}

.cont-pads-right {
    float: left;
    width: 50%;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.cont-pads-right img {
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.cont-pads-right:hover img {
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}

.ilink {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 25px;
    color:#333333;
}

.cont-pads-right {
    float: left;
    width: 50%;
}

.cont-pads-right img {
    width: 100%;
}

.cont-pads {
    width: 100%;
    display: block;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.mnser-pad {
    position: relative;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;
}

.dp-sli {
    width: 14%;
    text-align: center;
    float: left;
}

.w12 {
    width: 162px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 157px;
    text-align: center;
    align-items: center;
}

.wname {
    margin: 0 auto;
}

.nbandiv {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    max-height: 700px;
}

.disvc {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #ffffff;
}

/**鑱旂郴鎴戜滑**/
.contact-left {
    width: 50%;
}
.contact-left img{
    width: 100%;
}
.exhs-h1 {
    height: 80px;
}

.contact-zb {
    width: 100%;
    background: url(../images/lx-bg.png) repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.con-bg {
    background: url(../images/lx-bg.png) repeat !important;
    box-shadow: 0px 3px 7px #e0e0e0;
}

.ifont36 {
    font-size: 36px;
}

.c-pany {
    border-bottom: 1px solid #e1e1e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;/*瓒呭嚭閮ㄥ垎闅愯棌*/
    white-space: nowrap;/*涓嶆崲琛?/
    text-overflow:ellipsis;/*瓒呭嚭閮ㄥ垎鏂囧瓧浠?..鏄剧ず*/
}

.c-add {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.c-code {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.c-tel {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.c-email {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.c-web {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.c-web p {
    word-break: break-all;
}

.c-email p {
    word-break: break-all;
}

.c-tl {
    width: 50px;
}
.c-flx{
    display: flex;
    display: -webkit-box;
 /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
 /* Firefox 17- */
    display: -webkit-flex;
 /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
 /* Firefox 18+ */
    display: -ms-flexbox;
 /* IE 10 */
    justify-content: left;
    align-items: center;
    float:left;
    width: 70px;
}
.c-flx img{
    margin-right: 5px;
}
.c-tr {
    width: calc(100% - 70px);
    word-break: break-all;
    float: left;
}
.c-tr a:hover{
    color:#ee7300;
}
.green-list{
    width: 100%;
    float: left;
    clear: both;
    margin-top: 20px;
}
.cols{
  color: #FF7300;
}
.green-list {
    padding:0 15px;
    width: 100%;
    box-sizing: border-box;
}
.gc-tl {
    width: auto;
}
.gc-flx{
    display: flex;
    display: -webkit-box;
 /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
 /* Firefox 17- */
    display: -webkit-flex;
 /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
 /* Firefox 18+ */
    display: -ms-flexbox;
 /* IE 10 */
    justify-content: left;
    align-items: center;
    float:left;
    width: 90px;
}
.gc-flx img{
    margin-right: 5px;
}
.gc-tr {
    width: calc(100% - 90px);
    word-break: break-all;
    float: left;
}



.search-box {
    width: 400px;
    height: 78px;
    padding: 0;
    right: 182px;
    position: absolute;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: auto;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 99;
}

.flag .search-box input {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width: 85%;
    height: 40px;
    border: 1px solid #d4d4d4;
    line-height: 40px;
    padding-left: 10px;
    outline: none;
    font-size: 16px;
    left: 0;
    position: absolute;
    padding-right: 0;
    background-color: #fff;
}

.nav-hide {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
}

.search-box.search-hide {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    left: auto;
}

.search-box.search-hide {
    visibility: hidden;
}

.w70-tit {
    padding-bottom: 30px;
}

.w70-li a {
    width: 33.3%;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 15px;
    cursor: pointer;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    float: left;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    align-items: center;
    text-align: left;
}

.w70-li .iconfont {
    font-size: 10px;
    padding-right: 10px;
}

.wdix {
    width: 100%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: space-between;
}

.search-box input {
    width: 85%;
    height: 40px;
    border: 1px solid #d4d4d4;
    line-height: 40px;
    padding-left: 10px;
    outline: none;
    font-size: 16px;
    left: 0;
    top: 19px;
    position: absolute;
    padding-right: 0;
    background-color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}


.search-box a.btn-search {
    position: absolute;
    right: 60px;
    top: 22px;
    width: 30px;
    height: 30px;
    color: #86807f;
    text-decoration: none;
    margin: 0 !important;
    background: url(../images/fdz.png) no-repeat;
}

.search-box a.btn-close, .search-box a.btn-search {
    top: 25px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.search-box a.btn-close {
    position: absolute;
    right: 0;
    width: 28px;
    height: 28px;
    top: 24px;
    color: #86807f;
    text-decoration: none;
    margin: 0 !important;
    background: url(../images/closes.png) no-repeat center;
    background-size: 18px;
}

.contpad {
    padding: 30px;
    box-sizing: border-box;
    background: url(../images/lx-bg.png) repeat;
    float: left;
    min-height: 300px;
}
.shrefno{
    position: absolute;
    z-index: -1;
    left: -100000000px;
    transform: -1000000px;
}
.vemap {
    border: 1px solid #ee7300;
    border-radius: 1000px;
    color: #ee7300;
    padding: 5px 15px;
    text-align: center;
    width: 150px;
    margin-top: 15px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
    justify-content: center;
    float: left;
}

.vemap img {
    display: inline-block;
    padding: 0px 5px 0 0;
}

.section-conta {
    width: 100%;
    background: #ffffff;
}

.contact_content {
    background: #ffffff;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
    float: left;
}

.contact-right {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
    width: 50%;
    padding:0 50px;
    box-sizing: border-box;
}

.iph {
    display: none;
}

/**鏂伴椈璧勮**/
.laymore{
    display: flex;
    align-items: center;
}
.laymore:hover .more1{
    display: none!important;
}
.laymore:hover .more2{
    display: inline-block!important;
}

.more2 {
    display: none!important;
}

.more {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: center;
    align-items: center;
}

.more:hover .more1 {
    display: none
}

.more:hover .more2 {
    display: block;
}

.new-time {
    background: url(../images/time-bg.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-right: 25px;
}

.new-view {
    background: url(../images/view-ico.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-right: 25px;
}

.new-view-time {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: left
}

.new-view-times {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: left
}

.new-times {
    background: url(../images/time-bg.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
}

.news-info-title {
    width: 100%;
    text-align: left;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
}

.news-info-text {
    width: 100%;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    text-align: justify;
}

.swiper-slide-card-info {
    padding: 80px 50px 80px 120px;
    background: #ffffff;
    width: 55%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    z-index: 0;
}

.new-swi-img {
    width: 100%;
    overflow: hidden;
}

.new-swi-img img {
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

span:focus {
    outline: none;
}

.news-intor {
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
}

.ifont22 {
    font-size: 22px;
}

.ifont14 {
    font-size: 14px;
}

.new_intor_title {
    color: #333;
    width: 100%;
    height: 88px;
}

.product_list_card:hover .new_intor_title {
    color: #ee7300;
}

.swiper-new-card:hover .new-swi-img img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.swiper-new-card:hover .news-info-title {
    color: #ee7300;
}

.newpad {
    width: 100%;
    text-align: center;
    padding:15px 0;
}

.newpad .swiper-pagination-bullet {
    background: #d2d2d2;
    transform: scale(1.7);
}

.swiper-new-card {
    width: 100%;
    position: relative;
}

.swiper-new-card-left {
    position: absolute;
    left: 0;
    width: 50%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.aspectRatio {
    padding-bottom: 367px
}

.swiper-new-card-left img {
}

.newsBox {
    margin-top: 15px;
    margin-bottom: 25px;
}

.new-banner {
    width: 100%;
}

.section-new {
    width: 100%;
    background: #f8f8f8;
}
.section-newdetail{
    width: 100%;
    background: #ffffff;
}
.detail-share{
    width: 100%;
    display: flex;
    align-items: center;
    padding:15px 0 0 0;
}
.detail-h1{
    width: 100%;
    text-align: center;
    color: #333333;
    padding:50px 0 10px;
}
.detail-h2{
    width: 100%;
    text-align: center;
    color: #666666;
    padding-bottom: 10px;
}
.yg-return {
    width: 100%;
    margin:0 0 50px;
}
.yg-return-ba{
    width: 140px !important;
    display: block;
    text-align: center;
    border: 1px solid #ee7300;
    border-radius: 10000px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    overflow: hidden;
    margin:0 auto;
    color:#ee7300;
    padding: 6px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yg-return-ba img{
    padding:0 5px;
}
.re-no{
    display: none;
}
/*.yg-return-ba:hover .re-no{
    display: block;
}*/
/*.yg-return-ba:hover .re-ye{
    display: none;
}*/
.yg-return-ba:hover .btn-iner {
    width: 140%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}
.hotnew-name{
    width: 100%;
    text-align: center;
    padding:15px 0;
}
.news-tj{
    width: 100%;
    background: #f8f8f8;
    padding:50px 0;
}
.time-img{
    margin:0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#999999;
}
.time-img img{
    padding:0 5px 0 0;
}
.newdetail{
    width: 100%;
    line-height: 32px;
    font-size: 16px;
    padding:30px 0 60px;
    text-align: justify;
}
.newdetail p{
    margin-bottom: 15px;
}
.newdetail img{
    text-align: center;
    max-width: 100%;
}
.detail-pad{
    display: flex;
    justify-content: center;
    padding:0 50px;
    min-width: 245px;
}
.detail-share:after{
    width: 100%;
    height: 1px;
    background: #f1f1f1;
    content: "";
    vertical-align: middle;
    display: inline-block;
}
.detail-share:before{
    width: 100%;
    height: 1px;
    background: #f1f1f1;
    content: "";
    vertical-align: middle;
    display: inline-block;
}
.detail-time{
    width: 100%;
    display: flex;
    justify-content: center;
}
.newsnav-bord {
    width: 100%;
    padding:0;
}

.news-nav {
    width: 100%;
    text-align: center;
}

.newsnav-bord:after {
    border-bottom: 1px solid #d6d4d4;
    content: "";
    display: block;
    max-width: 1442px;
    margin: 0 auto;
    width: 100%;
}

@keyframes move {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/*鎼滅储*/
.seachdiv.vis {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.disv {
    font-size: 0;
}

.disv:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.disvc {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
}

.seachfm {
    padding-left: 35px;
    padding-right: 35px;
}

.seachxx {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.seachfmdiv {
    position: relative;
}

.seachinp input {
    width: 100%;
    height: 150px;
    display: block;
    border-bottom: solid 1px #3a4951;
    background-color: rgba(0, 0, 0, 0);
    font-size: 30px;
    color: #fff;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
    background: url(../images/seachbut.png) no-repeat center left;
}

.seachbut {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    font-size: 20px;
    color: #fff;
}

.seachbut input {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 30px;
}

.h100b {
    height: 100%;
}

.seachdiv {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #333;
    overflow: hidden;
    opacity: 1;
    visibility: hidden;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

/**璇█**/
.langs-wd33 {
    float: left;
    width: 100%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    padding: 0;
    justify-content: space-between;
}

.langs-wd8 {
    width: 80%;
    max-width: 397px;
}

.langs-li {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.langs-gl {
    border-bottom: 1px solid #e5e5e5;
    padding: 4px 0;
    font-size: 22px;
    width: 90%;
    color: #333333;
    float: left;
}

.langs-en {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #666666;
    padding: 1px 0;
}

.langs-en a {
    color: #666666;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: left;
    align-items: center;
    padding:5px 0;
    font-family: "寰蒋闆呴粦"
}

.langs-en a:hover {
    color: #ee7300;
}

.langs-en span {
    float: left;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    justify-content: left;
    align-items: center;
    padding-right: 15px;
}

.langs-en img {
    float: left;
    padding-right: 5px;
    vertical-align: middle;
    display: inline;
}

/*鏀瑰彉婊氬姩鏉?/
/*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border-radius: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

::-webkit-scrollbar:hover {
    width: 10px;
    height: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
}
*/
.new-w20::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
}

.new-w20::-webkit-scrollbar-track {
    background:#ffffff;
    border-radius: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.new-w20::-webkit-scrollbar-thumb {
    background:#b1b1b1;
    border-radius: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.new-w20::-webkit-scrollbar:hover {
    width: 8px;
    height: 6px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
}
.my-custom-scrollbar:hover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}


/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
/*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}*/

/*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
 */
/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/
/*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
 */

/* 闅愯棌婊氬姩鏉 */
/* * {
    scrollbar-width: none;
    -ms-overflow-style: none;
 }

 ::-webkit-scrollbar {
    display: none;
 }
*/
.scroll-top {
    position: fixed;
    bottom: 58px;
    right: 0;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    padding: 0;
    line-height: 1;
    width: 58px;
    height: 58px;
    border: 0;
    -webkit-animation: jump 3.5s linear infinite;
    animation: jump 3.5s linear infinite;
    background-color: white;
    color: #221f3c;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.tabs-no {
    display: none;
}

.iphod {
    display: none;
}

.phove {
    color: #ec722e !important;
}

.phove .sta-so {
    display: block;
}

.phove .sta-ho {
    display: none;
}

.prfont {
}

.lang-wd33 {
    float: left;
    width: 33.3%;
}

.scroll-top:hover {
    background: #ec722e;
    color: #fff;
    display: block;
}

.scroll-top:hover a {
    color: #ffffff !important;
    display: block;
}

.lx {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.lx img {
    width: 58px;
}

.list {
    margin: 0 auto;
}

.list ul li {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

.list ul li a {
    display: block;
    position: relative;
}

.list ul li .inactive {
    background-size: 20px;
}

.list ul li .inactives {
    background-size: 20px;
}

.icon-right:before {
    content: "\e602";
    transition: all 0.5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    display: inline-block;
}

.inactives .icon-right:before {
    content: "\e602";
    transition: all 0.5s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    display: inline-block;
}

.sol {
    padding: 0 !important;
    font-size: 16px;
    color: #211815;
}

.list ul li ul {
    display: none;
}

.list ul li ul li {
}

.list ul li ul li ul {
    display: none;
}

.list ul li ul li a {
}

.list ul li ul li ul li {
    background-color: #d6e6f1;
    border-color: #6196bb;
}

.last {
    background-color: #d6e6f1;
    border-color: #6196bb;
}

.list ul li ul li ul li a {
    color: #316a91;
}

/* 婊氬姩鍐呭鏍峰紡 */
.scroll_main {
    display: block;
    margin: 0 auto;
    background-color: #fff;
}

/* 婊氬姩鍐呭鍖烘牱寮 */
.scroll_wrap {
    width: 100%;
    height: 480px;
    position: relative;
}

/* 婊氬姩鍐呭鏍峰紡 */
.scroll_wrap .scroll_cont {
    height: 100%;
    overflow: hidden;
}

.scroll_wrap .scroll_cont p {
    padding: 15px;
}

.scroll_wrap .scroll_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background-color: #e4e4e4;
}

.scroll_wrap .scroll_slider {
    position: absolute;
    top: 0;
    left: 0px;
    width: 5px;
    height: 48px;
    background-color: #525252;
    border-radius: 5px;
    opacity: .5
}

.scroll_wrap .scroll_slider:hover {
    opacity: 1
}

.jsmap-disabled {
    cursor: pointer !important;
}

.global {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: right;
    color: #ffffff;
}

.glsico{
    font-size: 20px;
    color:#fff;
    margin-top:-1px;
}
.glsites:hover .glsico{
    color: #e0863d !important;
    opacity: 1;
}
.global-site:hover .header_bg .glleft {
    color: #e0863d !important;
}
.nflag .glsico{
    color: #000;
}
.header_content_left_one {
    padding-top: 10px;
}

.search {
    float: left;
    margin-top: 38px;
    margin-right: 8px;
    cursor: pointer;
}
.search:hover .font-w{
    color: #ee7300;
    opacity: 1
}

.site-flag:hover .glleft{
    color: #ee7300;
}
.site-flag:hover .global{
    opacity: 1;
}
.glsites:hover svg{
    color:#ee7300;
    fill: #ee7300;
}
.glsites{
    float: left;
    margin-top: 36px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: left;
    align-items: center;
}
.glsites svg{
    width: 16px!important;
    height: 16px!important;
    margin-right: 5px;
}
.ygname {
    padding: 15px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: left;
    align-items: center;
}

.ygname img {
    width: 20px;
    margin-right: 8px;
}

.font-w {
    color: #ffffff;
}

.glleft {
    padding-top: 1px;
    font-size: 15px;
}

.fcol {
    color: #333333;
}

.site-flag {
    float: right;
    padding: 39px 0 0 0;
    margin: 0 5px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.flag .site-flag {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.global-site {
    color: #ffffff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.global-site a {
    font-size: 14px !important;
    padding-bottom: 21px;
}

.header_content_left_two {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    width: 15px !important;
    height: 15px !important;
    background: url(../img/tab-icon.png) no-repeat !important;
    margin-left: -7px !important;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #fff !important;
    /*闈炴椿鍔ㄥ鑸殑棰滆壊*/
    height: 8px;
    width: 8px;
    margin: -4px 0 0 -4px;
}


.swiper-top {
    margin-top: 1300px;
}

.f14 {
    font-size: 14px !important;
}

.ygtitle {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: #ffffff;
}

.yg-more {
    width: 140px !important;
    display: block;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 10000px;
    margin-top: 40px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    overflow: hidden;
}
.dig{
    opacity: 1!important;
    height: auto!important;
}

.yg-more:hover .btn-iner {
    width: 140%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.yg-more:hover {
    border: 1px solid #ee7300;
    background: #ee7300;
}

.yg-more:hover a {
    color: #ffffff !important;
}

.swiper-pagination-bullets {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #8b8b8b;
}

.ygs-more {
    width: 140px !important;
    display: block;
    text-align: center;
    border: 1px solid #ee7300;
    border-radius: 10000px;
    margin-top: 40px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    padding: 6px 0;
    overflow: hidden;
}

.ygs-more a {
    color: #ee7300 !important;
    display: block;
    text-align: center;
}

.ygs-more:hover .btn-iner {
    width: 140%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.ygs-more:hover {
    border: 1px solid #ee7300;
}

.ygs-more:hover a {
    color: #ffffff !important;
}

.ygp-more {
    width: 140px !important;
    display: block;
    text-align: center;
    border: 1px solid #ee7300;
    border-radius: 10000px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    padding: 6px 0;
    overflow: hidden;
}

.ygp-more a {
    color: #ee7300 !important;
    display: block;
    text-align: center;
}

.ygp-more:hover .btn-iner {
    width: 140%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.ygp-more:hover {
    border: 1px solid #ee7300;
}

.ygp-more:hover a {
    color: #ffffff !important;
}

.btn-iner {
    position: absolute;
    background: #ee7300;
    z-index: -1;
    width: 0;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.yg-more:hover {
    transition: .5s;
    transition: 0.5s all;
}

.yg-more:hover a {
    color: #ffffff !important;
}

.yg-more a {
    color: #ffffff !important;
    display: block;
    padding: 6px 0;
    text-align: center;
}

.yg-abouts-section {
    width: 100%;
    position: absolute;
    z-index: -1;
}

.yg-abouts-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: url(../images/page03.jpg) no-repeat center;
    background-size: cover;
    height: 100vh;
}

.yg-abouts-left {
    width: 1445px;
    padding: 0 70px;
}

.gf40 {
    font-size: 4rem;
}

.gf26 {
    font-size: 2.6rem;
}

.fwb {
    font-weight: 700;
}

.gf16 {
    font-size: 1.6rem
}

.yg-ab-h1 {
    width: 100%;
    text-align: left;
}

.yg-ab-h2 {
    width: 100%;
    text-align: left;
    line-height: 28px;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.yg-ab-ul {
    width: 100%;
}

.yg-ab-li {
    margin-top: 0;
    transition: 0.5s all;
    float: left;
}

.yg-ab-li a {
    color: #ffffff !important;
}

.yg-ab-li:hover {
    color: #ffffff !important;
    position: relative;
    transition: 0.5s all;
    margin-top: -10px;
}

.yg-about-con {
    max-width: 600px;
    float: left;
}

.sectionNew {
    width: 100%;
    padding: 0;
    background: #f7f8fa;
}

.new-in-bg {
    width: 100%;
    max-width: 1445px;
    margin: 0 auto 0;
    padding: 0;
    box-sizing: border-box;
}

.new-in-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: right;
    justify-content: middle;
    align-items: center;
}

.new-in-more a {
    color: #333333;
}

.new-in-more a:hover {
    color: #ee7300;
}

.new-in-menu {
    width: 100%;
    padding: 75px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.na_hov {
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.3);
}

.new-in-h1 {
    color: #1c1c1c;
}

.new-in-ul {
    display: flex;
    justify-content: space-around;
    margin-left: -15px;
    margin-right: -15px;
}

.newlbg {
    width: 100%;
    background: #ffffff;
    cursor: pointer;
}

.newtitle {
    color: #333333;
    width: 100%;
}

.new-in-li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    background: #ffffff;
    margin-left: 15px;
    margin-right: 15px;
}

.new-in-lipad {
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

.new-in-li:hover .newtitle {
    color: #ec722e;
}

.new-img {
    overflow: hidden;
}

.new-in-li img {
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.new-in-li:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.new-pad {
    width: 100%;
    background: #ffffff;
    position: relative;
}

.new-action {
    width: 100%;
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
}

.new-w20 {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    height: 540px;
    overflow-y: auto;
    position: relative;
}

.new-w20-bot {
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    /* 鏍囧噯鐨勮娉 */
    height: 50px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
}

.new-w20-li {
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}

.new-w20-li a:hover .scr-name {
    color: #ec722e;
}

.clearfix {
    clear: both;
}

#wap-swiper .swiper-slide,
#wap-swiper img {
    width: 100%;
    height: 100vh;
    text-align: center;
    object-fit: cover;
}

.swheight .swiper-slide,
.swheight img {
    height: auto !important;
}

#wap-swiper .swiper-slide .banner-box {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}

#wap-swiper .swiper-slide .banner-box p {
    opacity: 0.8;
    transition: 2.5s all;
    transform: translateY(-200px);
    opacity: 0;
    font-family: 'PingFangSe'
}

#wap-swiper .swiper-slide .banner-box .yg-more {
    transition: 1.5s all;
    transform: translateY(150px);
    opacity: 0;
}

#wap-swiper .swiper-slide .banner-video {
    width: 100%;
    height: 100vh;
}

#wap-swiper .swiper-slide .banner-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#wap-swiper .swiper-slide.swiper-slide-active .banner-box p {
    opacity: 1;
    transform: translateY(0);
}

#wap-swiper .swiper-slide.swiper-slide-active .banner-box .txt {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    padding: 0 15px;
}

#wap-swiper .swiper-slide.swiper-slide-active .banner-box .yg-more {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    text-align: left;
    padding: 0;
}


#swiper1 .swiper-slide,
#swiper1 img {
    width: 100%;
    height: 100vh;
    text-align: center;
    object-fit: cover;
}

.swheight .swiper-slide,
.swheight img {
    height: auto !important;
}

#swiper1 .swiper-slide .banner-box {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}

#swiper1 .swiper-slide .banner-box p {
    opacity: 0.8;
    transition: 2.5s all;
    transform: translateY(-200px);
    opacity: 0;
    font-family: 'PingFangSe'
}

#swiper1 .swiper-slide .banner-box .yg-more {
    transition: 1.5s all;
    transform: translateY(150px);
    opacity: 0;
}

#swiper1 .swiper-slide .banner-video {
    width: 100%;
    height: 100vh;
}

#swiper1 .swiper-slide .banner-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#swiper1 .swiper-slide.swiper-slide-active .banner-box p {
    opacity: 1;
    transform: translateY(0);
}

#swiper1 .swiper-slide.swiper-slide-active .banner-box .txt {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    padding: 0 70px;
}

#swiper1 .swiper-slide.swiper-slide-active .banner-box .yg-more {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    text-align: left;
    padding: 0;
}




#swipers2 .swiper-slide,
#swipers2 img {
    width: 100%;
    height: 100vh;
    text-align: center;
    object-fit: cover;
}

.swheight .swiper-slide,
.swheight img {
    height: auto !important;
}

#swipers2 .swiper-slide .banner-box {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}

#swipers2 .swiper-slide .banner-box p {
    opacity: 0.8;
    transition: 2.5s all;
    transform: translateY(-200px);
    opacity: 0;
    font-family: 'PingFangSe'
}

#swipers2 .swiper-slide .banner-box .yg-more {
    transition: 1.5s all;
    transform: translateY(150px);
    opacity: 0;
}

#swipers2 .swiper-slide .banner-video {
    width: 100%;
    height: 100vh;
}

#swipers2 .swiper-slide .banner-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#swipers2 .swiper-slide.swiper-slide-active .banner-box p {
    opacity: 1;
    transform: translateY(0);
}

#swipers2 .swiper-slide.swiper-slide-active .banner-box .txt {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    padding: 0 70px;
}

#swipers2 .swiper-slide.swiper-slide-active .banner-box .yg-more {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    text-align: left;
    padding: 0;
}


#swiperrs3 .swiper-slide,
#swiperrs3 img {
    width: 100%;
    height: 100vh;
    text-align: center;
    object-fit: cover;
}

.swheight .swiper-slide,
.swheight img {
    height: auto !important;
}

#swiperrs3 .swiper-slide .banner-box {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}

#swiperrs3 .swiper-slide .banner-box p {
    opacity: 0.8;
    transition: 2.5s all;
    transform: translateY(-200px);
    opacity: 0;
    font-family: 'PingFangSe'
}

#swiperrs3 .swiper-slide .banner-box .yg-more {
    transition: 1.5s all;
    transform: translateY(150px);
    opacity: 0;
}

#swiperrs3 .swiper-slide .banner-video {
    width: 100%;
    height: 100vh;
}

#swiperrs3 .swiper-slide .banner-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#swiperrs3 .swiper-slide.swiper-slide-active .banner-box p {
    opacity: 1;
    transform: translateY(0);
}

#swiperrs3 .swiper-slide.swiper-slide-active .banner-box .txt {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    padding: 0 70px;
}

#swiperrs3 .swiper-slide.swiper-slide-active .banner-box .yg-more {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    text-align: left;
    padding: 0;
}


#wap-swiper2 .swiper-slide,
#wap-swiper2 img {
    width: 100%;
    height: 100vh;
    text-align: center;
    object-fit: cover;
}

.swheight .swiper-slide,
.swheight img {
    height: auto !important;
}

#wap-swiper2 .swiper-slide .banner-box {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}

#wap-swiper2 .swiper-slide .banner-box p {
    opacity: 0.8;
    transition: 2.5s all;
    transform: translateY(-200px);
    opacity: 0;
    font-family: 'PingFangSe'
}

#wap-swiper2 .swiper-slide .banner-box .yg-more {
    transition: 1.5s all;
    transform: translateY(150px);
    opacity: 0;
}

#wap-swiper2 .swiper-slide .banner-video {
    width: 100%;
    height: 100vh;
}

#wap-swiper2 .swiper-slide .banner-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#wap-swiper2 .swiper-slide.swiper-slide-active .banner-box p {
    opacity: 1;
    transform: translateY(0);
}

#wap-swiper2 .swiper-slide.swiper-slide-active .banner-box .txt {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    padding: 0 15px;
}

#wap-swiper2 .swiper-slide.swiper-slide-active .banner-box .yg-more {
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    max-width: 1445px;
    text-align: left;
    padding: 0;
}

.exhibition {
    width: 100%;
    box-sizing: border-box;
    background: #f7f8fa;
    padding-bottom: 50px;
}

.ygrow {
    margin-left: -15px;
    margin-right: -15px;
}

.exh-con {
    width: 100%;
}

.exh-h1 {
    color: #333333;
    height: 115px;
    letter-spacing: 2px;
}

.exh-con-li {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.exh-con-li a:hover .exh-h1 {
    color: #ec722e !important
}

.exh-time {
    color: #656464;
}

.exh-cn-pad {
    width: 100%;
    background: #ffffff;
    padding: 5rem 5.5rem;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    float: left;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.exh-cn-pad:hover {
    background: #ffffff;
    width: 100%;
    border: 1px solid #ec722e;
    box-sizing: border-box;
    box-shadow: 0px 2px 16px 2px #f1f1f1;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.scr-time {
    width: 100%;
}

.scr-time {
    color: #999999;
    font-size: 16px;
}

.newdes {
    font-size: 16px;
    color: #888888;
}

.scr-name {
    color: #333333;
    padding: 0 0 8px 0;
}

.exh-time {
    width: 100%;
    float: left;
    clear: both;
    padding: 0 0 0 20px;
    position: relative;
}

.exhs-time {
    width: 100%;
    margin-top: 15px;
    float: left;
    clear: both;
    padding: 0 0 0 20px;
    position: relative;
}

.newatime {
    color: #666666;
    font-size: 16px;
    padding-top: 10px;
}

.ntime {
    font-size: 18px;
}

.direction img {
    margin-top: 12px;
}

.exh-com {
    width: 100%;
    font-size: 16px;
    color: #656464;
    float: left;
    clear: both;
    margin: 10px 0;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    height: 50px;
}

.exh-add {
    width: 100%;
    font-size: 16px;
    color: #656464;
    float: left;
    clear: both;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    height: 20px;
}

.time {
    font-size: 16px;
    margin-right: 5px;
    text-align: center;
    float: left;
    width: 20px;
    position: absolute;
    left: 0;
    padding-top:3px;
}

.add {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    float: left;
    width: 20px;
    position: absolute;
    left: 0;
    padding-top: 1px;
}

.inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1445px;
}

.area {
    color: #888888;
    font-size: 15px;
    margin-right: 5px;
    text-align: center;
    float: left;
    width: 20px;
    position: absolute;
    left: 0;
    top: 4px;
}

.left,
.right {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 66px;
    text-align: center;
    z-index: 2;
    height: 66px;
    line-height: 66px;
    box-sizing: border-box;
    border-radius: 1000px;
    background: #ec722e;
    color: #ffffff;
    opacity: 0;
    transition: .1s;
}

.left:hover {
    transform: scale(1.2);
    -webkit-transition: font-size 0.25s linear, width 0.25s linear;
    -moz-transition: font-size 0.25s linear, width 0.25s linear;
    transition: font-size 0.25s linear, width 0.25s linear;
}

.right:hover {
    transform: scale(1.2);
    -webkit-transition: font-size 0.25s linear, width 0.25s linear;
    -moz-transition: font-size 0.25s linear, width 0.25s linear;
    transition: font-size 0.25s linear, width 0.25s linear;
}

.bannerBox:hover .left {
    opacity: 0.9;
    transition: .5s;
}

.mpp {
    top: 0 !important;
}

.inner {
    width: 100%;
    margin: 0 auto;
}

.bannerBox:hover .right {
    opacity: 0.9;
    transition: .5s;
}

.swipacc {
    display: block;
}

.swip {
    display: none;
}

.active-nav .swipacc {
    display: none;
}

.active-nav .swip {
    display: block;
}

.left {
    left: 4%;
}

.right {
    right: 4%;
}

.left img {
    width: 15px !important;
    height: 28px !important;
    margin-top: 18px;
    margin-right: 3px;
}

.right img {
    width: 15px !important;
    height: 28px !important;
    margin-top: 18px;
    margin-left: 6px;
}

.fsize {
    font-size: 3rem;
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    transition: all 0.4s ease 0s;
    border-bottom: 1px solid rgba(255,255,255,0)
}

.header_content_left_two li a {
    color: #333;
}

.header_content_left_two_white li a {
    color: #333333;
}

.head2 .header .img2,
.header .img1 {
    display: none;
}

.head2 .header {
}

.head2 .header .img1 {
    display: inline-block;
}

.head2 .header_content_left_two li a {
    color: #ffffff;
}

.head2 .header_content_left_two li a:hover {
    color: #e46f29 !important;
}

.curr {
    color: yellow !important;
}

.header_content {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1445px;
    position: relative;
}

.header_bg li a {
    color: #000000 !important;
}

.header_bg .font-w {
    color: #000000  ;
}
.header_bg .glsico{
    color: #000000 !important;
}

.header_bg .global-site {
    color: #000000 !important;
}


.header_bg .glright {
    color: #000000 !important;
}

.flag .img03 {
    display: block !important;
}

.flag .img02 {
    display: none !important;
}


.flag .header_content_left_two li a {
    padding: 25px 0 10px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.flag .search {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}


.img02 {
    display: none;
}

.img03 {
    display: none;
}

.nimg01 {
    display: none;
}

.nflag {
    background: url(https://www.sungrowpower.com/storage/logo/festivalpc.gif) no-repeat center #ffffff;
    background-size: 100%;
    /*transition: all 0.4s ease 0s;*/
    border-bottom: 1px solid rgba(241,241,241,0.9);
}

.nflag .font-w {
    color: #000;
}

.nflag .global-site {
    color: #000000;
}


.nflag li a {
    color: #333333 !important;
    font-size: 18px;
}


.header_bg .img02 {
    display: block;
}

.header_bg .img01 {
    display: none;
}

.scrollmenu .nimg02 {
    display: none;
}

.scrollmenu .nimg01 {
    display: block;
}
.scrollmenu .header{
    background: url(https://www.sungrowpower.com/storage/logo/festivalh5.gif) no-repeat center #ffffff;
    background-size: 100%;
}

.header_bg {
    background: #ffffff;
    background: url(https://www.sungrowpower.com/storage/logo/festivalpc.gif) no-repeat center #ffffff;
    background-size:100%;
    transition: all 0.4s ease 0s;
    border-bottom: 1px solid rgba(241,241,241,0.9);
}

.head-v3 {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    z-index: 999999;
}

.head-v3 .navigation-inner {
    margin: 0 auto;
    width: 100%;
    position:relative
}



.navigation-up .navigation-v3 {
    float: right;
    _margin-left: 10px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.navigation-up .navigation-v3 ul {
    float: left
}

.navigation-up .navigation-v3 li {
    float: left;
    margin: 0 39px;
    color: #ffffff;
}

.navigation-up .navigation-v3 .nav-up-selected a {
    color: #ee7300!important;
}

.navigation-up .navigation-v3 .nav-up-selected-inpage {
    color: #ee7300;
}
.glright{
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 鍜 Chrome */
-o-transform:rotate(0deg);  /* Opera */
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.nav-up-selected .glright{
transform:rotate(180deg);
-ms-transform:rotate(180deg);     /* IE 9 */
-moz-transform:rotate(180deg);    /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 鍜 Chrome */
-o-transform:rotate(180deg);  /* Opera */
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.navigation-up .navigation-v3 li a {
    white-space: nowrap;
    display: block;
    color: #ffffff;
    margin: 0;
    padding: 36px 0 18px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.navigation-down {
    top: 60px;
    left: 0px;
    width: 100%
}

.navigation-down .nav-down-menu {
    width: 100%;
    margin: 0;
    background: #ffffff;
    padding: 112px 0 15px;
    float: left;
}

.navigation-down .nav-down-menu .navigation-down-inner {
    margin: auto;
    width: 100%;
    position: relative;
    z-index: 4;
}

.navigation-down .nav-down-menu dl {
    float: left;
    margin: 18px 80px 18px 0
}
.navigation-down .nav-down-menuns {
    width: 100%;
    margin: 0;
    background: #ffffff;
    padding: 15px 0 15px;
    float: left;
}
.scrollmenu .wap-head{
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999!important;
    /*transition: all 0.4s ease 0s;*/
    background: url(https://www.sungrowpower.com/storage/logo/festivalpc.gif) no-repeat center #ffffff;
    background-size: 100%;
    /*transition: all 0.4s ease 0s;*/
	background-color: #fff;
    border-bottom: 1px solid rgba(241,241,241,0.9);
}

.wap-head-b{
    border-bottom: 1px solid rgba(241,241,241,0.9);
    float: left;
    width: 100%;
}
.navigation-down .nav-down-menuns .navigation-down-inner {
    margin: auto;
    width: 100%;
    position: relative;
    z-index: 4;
}

.navigation-down .nav-down-menuns dl {
    float: left;
    margin: 18px 80px 18px 0
}

.navigation-down .menu-1 dl {
    margin: 20px 80px 25px 0
}

.navigation-down .menu-1 dt {
    color: #61789e;
    padding-bottom: 10px;
    border-bottom: 1px solid #61789e;
    margin-bottom: 10px
}

.navigation-down .menu-1 dd a {
    color: #fff;
}

.navigation-down .menu-1 dd a:hover {
    color: #60aff6
}

.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a {
    color: #fff;
}

.posi {
    position: absolute;
    z-index: 4
}

.header_content_left_two {
/*    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
*/
}

.header_content_left,
.header_content_right {
    display: block;
/*    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
*/
}

.header_content_right_two {
    position: relative;
}

.header_content_right_two .child {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 100%;
    padding-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}

.header_content_right_two:hover .child {
    visibility: visible;
    opacity: 1;
}

.header_scanCode {
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    position: absolute;
    top: 260%;
    right: -10px;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0;
    transition: all .8s;
    border-radius: 6px;
}

.header_content_left {
    position: relative;
}

.header_content_left_two li:first-child img {
    vertical-align: baseline;
}

.header_content_left_two li {
    float: left;
    padding: 0 39px;
}

.header_content_left_two li a {
    white-space: nowrap;
    display: block;
    margin: 0;
    padding: 36px 0 18px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.header_content_right {
    padding: 24px 0 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.ygnav-li-hov {
    width: 100%;
}

.smap {
    padding:0 8px;
    box-sizing: border-box;
    float: left;
    width: 33.3%;
}

.ygnav-li a:hover {
    color: #ee7300;
}

.w70-li a:hover {
    color: #ee7300;
}

.yiji a:hover {
    color: #ee7300;
}

.ygnav-li-hov:hover .ygname {
    color: #e46f29;
}

.slimg {
    overflow: hidden;
}

.slimg img {
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.ygnav-li-hov:hover img {
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}

.tit-a {
    position: relative;
}

.tit-a i {
    display: block;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    background-color: #e46f29;
}

.sta-so {
    display: none;
}

.ygnav-li-hov:hover .sta-so {
    display: inline-block;
    transform: scale(1, 1) !important;
}

.ygnav-li-hov:hover .sta-ho {
    display: none;
}

.head2 .header_content_left_two li:hover .tit-a i {
    left: 50%;
    width: 100%;
    transition: all 0.4s ease 0s;
    transform: translateX(-50%);
}

.aHover {
    /*  position:relative;
    */
}

.ygnav-li {
    padding: 0;
    margin-bottom: 15px;
}

.child {
    background-color: #fff;
    opacity: 1 !important;
    visibility: hidden;
    transform: translateY(0);
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
}

.menu-tep {
    width: 100%;
    z-index: 999;
    padding: 78px 0 40px;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.na_hov .menu-tep {
    width: 100%;
    z-index: 999;
    padding: 62px 0 30px !important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.swtep {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    color: #4b4b4b;
    border: 1px solid #4b4b4b;
    border-radius: 1000px;
    padding: 6px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    opacity: 0.6;
}

.swtep:hover {
    background: #e46f29;
    color: #ffffff;
    border: 1px solid #e46f29;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    opacity: 1;
}

.nav_list {
    width: 100%;
    margin: 0 auto;
}

.nav_lists {
    width: 100%;
    margin: 0 auto;
    float: left;
    clear: both;
}

.nav_list_left {
    float: left;
    width: 190px;
    box-sizing: border-box;
}

.nav_list_right {
    float: left;
    width: calc(100% - 190px);
    overflow: hidden;
}
#swiperall{
    max-height: 310px;
    overflow: hidden;
}

.nav_list_rights {
    float: left;
    width: 50%;
}

.
.nav_lists_right {
    float: left;
    width: 80%;
}

.nav-left-5 {
    width: 50%;
}

.nav-right-5 {
    width: 50%;
    box-sizing: border-box;
}

.nav-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-left: 0;
    padding-bottom: 10px;
    cursor: pointer;
}

.yg-content {
    max-width: 1445px;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.child a {
    padding: 10px 6px;
    color: #333333 !important;
}

.inactives .s-size {
    color: #de7d2f !important;
}

.sec-nav {
    font-size: 14px !important;
    padding: 0 0 0 5px !important;
}

.sec-nav::after {
    float: left;
    width: 1px;
    height: 13px;
    content: "";
    background: #c6c6c6;
    margin: 5px 10px 0 0;
}

.sec-nav:hover::after {
    background: #de7d2f;
}

.sol {
    font-size: 15px !important;
}

.s-size {
    font-size: 10px !important;
    padding-right: 10px;
}

.aHover:hover .child {
    opacity: 0;
    visibility: visible;
    top: 0;
}

.Child {
    display: none;
}

.xia {
    width: 10px;
    height: 10px;
    background: url(../images/so-of.png) no-repeat;
    background-size: 100% 100%;
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(90deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    position: absolute;
    right:15px;
    top:15px;

}
.Child{
    background: #f6f6f6;
    width: 100%;
    padding:0 35px;
    box-sizing: border-box;
    float: left;
}

.Child a {
    display: block;
    margin-top: 10px;
    border-bottom: 1px dashed #e7e7e7;
    color:#333;
}
.Child a:hover{
    color:#ee7300!important;
}
.Child a:last-child {
    border-bottom:0;
}

.faq_search {
    width: 90%;
    max-width: 780px;
    margin: 50px auto;
    border: 1px solid #DDDDDD;
    position: relative;
    overflow: hidden;
}

.faq_search .txt {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    border: 0;
}

.section {
    position: relative;
}

.section_one {
    position: relative;
    height: 100vh;
}

.section_one img {
    width: 100%;
    height: 100%;
}

.sectionDown {
    width: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    z-index: 99;
}

.sectionDown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sectionDown img {
    display: block;
    width: 19px;
    height: 28px;
    margin-bottom: 5px;
}

.sectionDown:hover {
    animation: sectionDown 1s infinite;
}

@keyframes sectionDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.header_content_left_one img {
    width: 220px;
    height: 61px;
}

.header_content_right_one {
    margin-right: 41px;
}

.header_content_right_one,
.header_content_right_two {
    cursor: pointer;
}

.sousuo {
    width: 160px;
    height: 30px;
    line-height: 33px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 0;
    position: absolute;
    top: 55px;
    right: -14%;
    box-sizing: border-box;
    opacity: 0;
    transition: all .7s;
}

.sousuo .triangle {
    width: 0px;
    height: 0px;
    border-bottom: 10px solid #FFFFFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 46%;
}

.main_abouts_left {
    width: 37.5%;
    float: left;
    height: 100vh;
    overflow: hidden;
    background: url(../images/banner_bg.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 0 0;
    transition: all .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.main_abouts_left_content {
    position: relative;
    transition: 2.5s all;
    /*  transform: translateY(200px);
*/
}

.active .main_abouts_left_content {
    transform: translateY(30px);
    opacity: 1;
    left: 0;
}

.tabs_content {
    width: 100%;
    height: 100%;
    background-size: cover;
    text-align: center;
}

.tabs_content_header,
.tabs_content_header ul {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.tabs_content_header ul {
    position: relative;
    z-index: 1;
}

.tabs_content_header .bannerBox2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tabs_content_header .bannerBox2 .txt {
    text-align: center;
    display: none;
}

.tabs_content_header .bannerBox2 img {
    width: 100%;
    height: 100vh;
}

.tabs_content_header li {
    width: 33.3%;
    height: 100%;
    position: relative;
    float: left;
    cursor: default;
    overflow: hidden;
}

.tabs_content_header li:last-child::after {
    display: none;
}

.tabs_content_header li .tab {
    transition: all 1s;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: auto;
}

.tabs_content_header li:hover {
    background: url(../images/step-bg.png) bottom center repeat-x;
}

.tabs_content_header li div span {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.tabs_content_header li div p {
    transition: all 1.4s;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    opacity: 0;
}

.tabs_content_header li:hover > div {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tabs_content_header li:hover > div p {
    opacity: 1;
}

.foot-cp-left {
}

.foot-cp-left a {
    color: #757575 !important;
}

.foot-cp-left a:hover {
    color: #ec722e !important;
}

.foot-cp-left a:before {
    content: "|";
    color: #757575;
    padding: 0 1rem;
    display: inline-block;
}

.foot-cp-left a:nth-child(1):before {
    content: "";
    padding: 0;
}

.foot-share {
    width: 100%;
    text-align: left;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
}
.valu02{
    display: none;
}
.ifoot01 {
    display: inline-block;
    transition: all .25s ease;
}
.ifoot01:hover .valu02{
    display: inline-block;
}
.ifoot01:hover .valu01{
    display: none;
}
.ifoot02 {
    display: inline-block;
    transition: all .25s ease;
}
.ifoot02:hover .valu02{
    display: inline-block;
}
.ifoot02:hover .valu01{
    display: none;
}
.ifoot03 {
    display: inline-block;
    transition: all .25s ease;
}
.ifoot03:hover .valu02{
    display: inline-block;
}
.ifoot03:hover .valu01{
    display: none;
}


.ifoot04 {
    display: inline-block;
    transition: all .25s ease;
}
.ifoot04:hover .valu02{
    display: inline-block;
}
.ifoot04:hover .valu01{
    display: none;
}
.ifoot05 {
    display: inline-block;
    transition: all .25s ease;
}
.ifoot05:hover .valu02{
    display: inline-block;
}
.ifoot05:hover .valu01{
    display: none;
}
.ifoot06 {
    display: inline-block;
    transition: all .25s ease;
}
.ifoot06:hover .valu02{
    display: inline-block;
}
.ifoot06:hover .valu01{
    display: none;
}

.fshare {
    width: 34px;
    height: 34px;
    border-radius: 1000px;
    text-align: center;
    line-height: 34px;
    display: block;
    background: #757575;
    color: #404040;
    transition: all .25s ease;
}

.fshare:hover {
    background: #ee7700;
    color: #ffffff;
    transition: all .25s ease;
    transform: scale(1.2);
    width: 34px;
    height: 34px;
}

.fshare:hover a {
    color: #ffffff !important;
    transition: all .25s ease;
}

.foot-logo {
    width: 100%;
    padding-top: 5px;
}

.foot-sz {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 18px;
    color: #8b8b8b;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
}
.foot-sz a {
    color: #8b8b8b!important;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.sh1 {
    font-size: 18px;
    display: block;
    padding-top: 1px;
}

.sh2 {
    font-size: 18px;
    display: block;
    font-weight: bolder;
}

.sh3 {
    font-size: 18px;
    display: block;
}

.sh4 {
    font-size: 18px;
    display: block;
}

.foot-cp-right {
}

.foot-cp-right a {
    color: #757575 !important;
    margin-left: 1rem;
}

.foot-cp-right a:hover {
    color: #ec722e !important;
    margin-left: 1rem;
}

.footer {
    width: 100%;
    padding: 30px 0 20px;
    background-color: #404040;
    box-sizing: border-box;
}

.foot-flx {
    float: left;
    position: relative;
}

.foot-main {
    max-width: 1445px;
    width: 100%;
    margin: 0 auto;
}

.foot-copy {
    width: 100%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
    color: #8c8c8c;
    font-size: 14px;
    border-top: 1px solid #525355;
    max-width: 1445px;
    margin: 15px auto 0;
    padding-top: 15px;
}

.foot-main-left {
    float: left;
    width: 35%;
    position: relative;
}
.wx2 img{
    width: 120px;
}
.wx1 img{
    width: 120px;
}
.wx4 img{
    width: 120px;
}
.wx3 img{
    width: 120px;
}

.wx2{
    position: absolute;
    left: 0;
    bottom: 38px;
    display: none;
}
.wx4{
    position: absolute;
    right: 0;
    bottom: 38px;
    display: none;
}
.wx1{
    position: absolute;
    left: 0;
    bottom: 38px;
    display: none;
}
.wx3{
    position: absolute;
    left: 0;
    bottom: 38px;
    display: none;
}
.shows{
    display: block;
}
.foot-main-right {
    float: left;
    width: 65%;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
}

.foot-main-right dl {
    float: left;
/*    width: 16.66%;
*/
}

.foot-main-right dl dt {
    float: left;
    color: #ffffff;
    margin-bottom: 20px;
}

.foot-main-right dl dd {
    float: left;
    clear: both;
    transition: all .25s ease;
}

.foot-main-right dl dd:hover a {
    color: #ec722e !important;
    transition: all .25s ease;
}

.foot-main-right a {
    color: #8c8c8c !important;
    font-size: 14px;
    line-height: 32px;
}

.footer_left p {
    margin-top: 34px;
    font-weight: 300;
    color: #989898;
}

.footer_left a {
    color: #989898;
    display: inline-block;
}

.footer_right {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
}

.footer_right_one {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    margin-top: 30px;
}

.newList_list {
    width: 100%;
    background: #F8F7F6;
    box-sizing: border-box;
    padding-top: 119px;
    padding-bottom: 140px;
}

.newList_list_content_left {
    float: left;
    width: 601px;
}

.newList_list_content_right {
    overflow: hidden;
    padding: 48px 0 48px 39px;
}

.newList_list_content_right_time {
    margin-top: ;
    color: #B58434;
}

.newList_list_content_right_title {
    margin-top: 20px;
    color: #494949;
}

.newList_list_content_right_describe {
    color: #505050;
    opacity: 0.6;
    margin-top: 20px;
}

.newList_list_content_right_more {
    display: inline-block;
    margin-top: 30px;
    padding: 11px 42px;
    background: #CAAF85;
    border: 1px solid #CAAF85;
    color: #fff;
}

/* Radial Out */
.newList_list_content_right .hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #fff;
}

.newList_list_content_right .hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.newList_honor {
    /* padding:0 360px;
    */
    padding-bottom: 142px;
}

.newList__honor_header {
    text-align: center;
    margin-top: 119px;
    font-weight: 300;
    color: #666666;
}

.newList_honor_content {
    width: 1400px;
    margin: auto;
    position: relative;
}

.newList_honor_content .swiper-container {
    width: 1200px;
    margin: auto;
    margin-top: 50px;
}

.newList_honor_content .swiper-container .swiper-slide {
    text-align: center;
}

.newList_honor_content .swiper-button-next,
.newList_honor_content .swiper-button-prev {
    width: 15px !important;
    height: 28px !important;
}

.newList_honor_content .swiper-button-prev {
    background: url(../img/prev.png) no-repeat;
    background-size: 100% 100%;
}

.newList_honor_content .swiper-button-next {
    background: url(../img/next.png) no-repeat;
    background-size: 100% 100%;
}

.tanchuang {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
}

.tanchuang_yiny {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
}

.tanchuang_content img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.xianshi {
    display: block !important;
}

#swiper3 {
    margin-right: 20%;
}

#swiper3 .swiper-slide {
    text-align: left;
}

#swiper3 .swiper-slide .img_ratio {
    padding-top: 80%;
}

#swiper4 {
    position: absolute;
    top: 20%;
    margin-top: 0;
    width: 30%;
    right: 0;
}

#swiper4 .swiper-slide .img_ratio {
    padding-top: 100%;
}

.anli_details_tab_content_left,
.anli_details_tab_content_right {
    position: absolute;
    width: 50px;
    height: 50px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f1ee;
    cursor: pointer;
    bottom: 0;
    z-index: 99;
}

.anli_details_tab_content_left {
    left: 90%;
}

.anli_details_tab_content_right {
    right: 0;
}

.anli_details_tab_content_left:hover,
.anli_details_tab_content_right:hover {
    background-color: #e0dad3;
}

.shangXia {
    width: 1200px;
    margin: auto;
    margin-top: 59px;
    margin-bottom: 80px;
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: space-between;
}

.shang {
    color: #4A4A4A;
    letter-spacing: 2.6px;
}

.shang:hover {
    color: #B58434;
}

.block {
    display: block !important;
}

/* 鑱旂郴鎴戜滑 */
.lianxiUs {
    padding: 100px 0;
    background: url(../images/lianxi_bg.jpg) no-repeat center bottom;
    overflow: hidden;
    background-size: cover;
}

/* #container {
    margin-top:87px;
}
*/

.map-box,
.jsmap-svg-container {
    margin: auto;
}

.map-wrapper {
    padding: 90px 0;
}

.map-wrapper .map-box {
    transform: scale(1.4);
}

.map-wrapper .xx {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    pointer-events: none;
}

.map-wrapper .xx span.show1 {
    display: block;
    pointer-events: visible;
}

.map-wrapper .xx span {
    pointer-events: none;
    position: absolute;
    margin-left: 130px;
    margin-top: -7px;
    line-height: 1.2;
    font-size: 12px;
    display: none;
}

.map-wrapper .xx span {
    padding-left: 24px;
    background: url(../img/icon1.png) no-repeat;
    background-size: 20px 22px;
}

.map-wrapper .xx span i {
    display: block;
}

.map-wrapper .xx span em {
    text-transform: capitalize;
    font-size: 10px;
}


.pagination{
    width: 100%;
    text-align: center;
    margin:15px 0 0;
}

.about-bord{
    width: 100%;
}

body .swiper-pagination-bullet-active {
    background: #de7d2f !important;
    transform: scale(1.2);
}

.bannerBox2 .swiper-pagination2,
.bannerBox .swiper-pagination {
    display: block;
}

#swiper {
    display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;/* Firefox 17- */
    display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;/* Firefox 18+ */
    display: -ms-flexbox;/* IE 10 */
    display: flex;
    justify-content: center;
}



#report-en {
    display: none;
}
.padd82{
    padding:0;
}
.flat{
   clear: both;
}
  #video{
      position: absolute;
      left: 0;
      top: 0;
    width: 100%;height: 100%;
      object-fit: fill;
  }
  .video_cover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;height: 100%;
    background: url('../images/banner.jpg') no-repeat;
    background-size: cover;
    z-index: 1;
  }
  .load-img{
     width: 100%;
     position: absolute;
     top: 0;
     left:0;
     bottom: 0;
     right: 0;
     z-index: 999999;
  }
.arrdown{
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transform:rotate(270deg);
    -moz-transform-origin:50% 30%;
    -webkit-transform:rotate(270deg);
    -webkit-transform-origin:50% 50%;
    -o-transform:rotate(270deg);
    -o-transform-origin:50% 50%;
    transform:rotate(270deg);
    transform-origin:50% 50%;
}
.nopage{
    background:url(../images/bg404.jpg) repeat-x center #e4f1fa;
    width: 100%;
    position: relative;
}

.nopage-w{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
.nopage-left{
    width: 50%;
}
.nopage-left img{
    max-width: 100%;
}
.nopage-right{
    width:50%;
    text-align: left;
    padding-left:20px;
    box-sizing: border-box;
}
.nopage-right img{
   max-width: 100%;
}
.ygp-no {
    width: 143px !important;
    display: block;
    text-align: center;
    border: 1px solid #ee7300;
    border-radius: 10000px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    padding:6px 0;
    overflow: hidden;
    margin-right: 20px;
}

.ygp-no a {
    color: #ee7300 !important;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.ygp-no:hover .btn-iner {
    width: 140%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.ygp-no:hover {
    border: 1px solid #ee7300;
}

.ygp-no:hover a {
    color: #ffffff !important;
}
.nopad-top{
    width: 100%;
    padding-top: 60px;
}
.no-buttom{
    display: flex;
    justify-content: left;
    padding-top: 50px;
}
/*鎷涜仒*/
.joblist-bg01{
    width: 100%;
    background: url(../images/jobbg01.jpg) no-repeat center;
    background-size:cover;
    padding:80px 0 0;
}
.joblist-bg02{
    width: 100%;
    background: url(../images/jobbg02.jpg) no-repeat center;
    background-size:cover;
    padding-top: 80px;
}
.joblist-bg03{
    width: 100%;
    background: url(../images/jobbg03.jpg) no-repeat center;
    background-size:cover;
    padding:90px 0;
}
.joblist-pad{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.joblist-left{
    width: 50%;
    display: flex;
    align-items: center;
}
.joblist-left img{
    width: 100%;
    align-items: center;
    vertical-align: middle;
}
.joblist-right{
    width: 40%;
    display: flex;
    align-items: center;
}

.joblist-left02{
    width: 30%;
    display: flex;
    align-items: center;
    padding-left:10%;
}
.joblist-right02{
    width: 50%;
    display: flex;
    align-items: center;
}
.joblist-right02 img{
    width: 100%;
}

.jp-h1{
    padding-bottom: 30px;
}
.jp-h1:after{
    width: 32px;
    height: 2px;
    background: #ee7300;
    content: "";
    display: block;
    margin-top: 30px;
}
.job-txt{
    padding:0 20px;
}
.joline{
    line-height: 36px;
}
.jobewm{
    border:1px solid #f1f1f1;
    display: inline-block;
    align-items: center;
    padding-top: 15px;
}
.job-join{
    color: #000000;
    padding-top: 20px;
    line-height: 36px;
}
.link-li{
    width: 33.3%;
    float: left;
    padding:15px 0 0 0;
}
.link-href a {
    color: #fff!important;
    font-weight: normal;
}
.link-href img{
    width: 16px;
    padding-left: 5px;
}
.link-pad{
    padding:30px 0 20px 0;
    width: 100%;
    float: left;
}
.link-name{
    padding:15px 0 15px 0;
    color: #ffffff;
}

.radioBox{
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.radioBox input{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    outline: none;
    margin-right: 22px;
    cursor: pointer;
}
.radioBox input:checked{
}

.radioBox input{
   display: none;
}
.radioBox label{
    cursor: pointer;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    margin:0;
    padding:0;
}
.radioBox label::before{
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(193, 200, 211, 1);
    margin-right: 6px;
    vertical-align: middle;
}
/* 閫変腑 */
.radioBox input:checked+label::after{
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    background-color: #ee7300;
    top:50%;
    transform: translateY(-50%);
}

.topLink img{
    width: 3rem;
}


.clear {
    clear: both;
}
.bold{
    font-weight: bold;
    color:#909090!important;
}
.footer {
    bottom:0;
    left: 0;
    z-index: 999;
}
.rep-cn div{
    font-size: 16px;
}
.iScrollIndicator {
    background: transparent !important;
}
.liaison{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.liansion-left{
    float: left;
    width: 50%;
    padding:30px;
    box-sizing: border-box;
}
.liansion-right{
    float: left;
    width: 50%;
    padding:30px;
    box-sizing: border-box;
}
.left-lab{
    float: left;
    display: flex;
    justify-content: left;
    align-content: center;
    align-items: center;
}
.liaison{
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    padding:80px 0;
}
.lian-col{
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.lian-tel{
    width: 100%;
    float: left;
    color: #656464;
    margin:10px 0;
}
.lian-tel img{
    float: left;
    padding: 0 5px 0 0;
}
.lian-mail{
    width: 100%;
    float: left;
    color: #656464
}
.lian-mail img{
    float: left;
    padding: 0 5px 0 0;
}
.about-right img{
    width: 100%;
    max-width: 325px;
}
.lian-coe{
    float: left;
    padding-left: 15px;
    color: #656464
}
.lian-cot{
    float: left;
    padding-left: 15px;
}
.fzs26{
    font-size: 30px!important;
    color: #ffffff;
}
.toop:hover .fzs26{
    color: #ee7300;
}
.gray-color{
    width: 100%;
    padding:30px 0 50px;
    color: #909090;
    float: left;
    box-sizing: border-box;
    clear: both;
}

/*#nav-scroll::-webkit-scrollbar {
    display: none;
}*/
.ongol-li .ongname{
    padding-left: 5px;
}
.nav-item a:hover{
    color:#ee7300;
}
.product_list_card:hover .exhs-h1{
    color:#ee7300;
}
.product_list_card:hover .poicd img{
    transform: scale(1)!important;
}
.seachdiv {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #333;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.seachdiv.vis {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.seachxx {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.seachfm {
    padding-left: 35px;
    padding-right: 35px;
}

.seachfmdiv {
    position: relative;
}

.seachinp input {
    width: 100%;
    height: 150px;
    display: block;
    border-bottom: solid 1px #3a4951;
    background-color: rgba(0,0,0,0);
    font-size: 30px;
    color: #fff;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
    background: url(../images/seachbut.png) no-repeat center left;
}

.seachinp input::-webkit-input-placeholder {
    color: #9ca1a4;
}

.seachbut {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    font-size: 20px;
    color: #fff;
}


.pc {
    display: none;
}
.ihm{
    display: none;
}
.pad0 {
    bottom: 10px!important;
}

.class_1{
    position: fixed;
    top:80px;
    width: 100%;
    z-index: 999;
}
.class_1 .nav-down-menu {
    width: 100%;
    margin: 0;
    background: #ffffff;
    padding: 112px 0 10px;
    float: left;
}
.scrollmenu .img02 {
    display: none;
    opacity: 0;
/*    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
*/}

.scrollmenu .img03 {
    display: block;
    opacity: 1;
 }
.scrollmenu .img01{
    display: none;
    opacity: 0;
}

.c-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
}
.circles-text{
    width: 60%;
}
.slie-img {
    overflow: hidden;
    position: relative;
    min-height: 130px;
}

.system-ul {
    width: 100%;
    padding: 60px 0;
    line-height: 32px;
}
.system-ul img{
    max-width: 100%;
}
.circles-text{
    font-size: 26px!important;
    font-weight: bolder;
    color:#ee7300;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);     /* IE 9 */
    -moz-transform:rotate(-90deg);    /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 鍜 Chrome */
    -o-transform:rotate(-90deg);  /* Opera */
}
.circles-wrp{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);     /* IE 9 */
    -moz-transform:rotate(90deg);    /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 鍜 Chrome */
    -o-transform:rotate(90deg);  /* Opera */
}
.slie-img img {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.slie-pad:hover .slie-img img {
    transition: all .25s ease;
    transform: scale(1.25);
}

.casedet-cent {
    width: 100%;
    text-align: center;
}

.sh02{
    display: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.icon-bg:hover .sh01{
    display: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.icon-bg:hover .sh02{
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.sys-page-w {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 20px;
}
/* 浜у搧鏍囬 */
.product_title {
    width: 100%;
    font-family: PingFangSC-Medium;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    width: 100%;
    text-align: center;
    padding: 25px 0 0 0;
}

.layui-colla-icon {
    position: absolute;
    left: 15px;
    top: 50%!important;
    font-size: 14px;
    width: 26px;
    height: 26px;
    border: 1px solid #333333;
    line-height: 26px;
    text-align: center;
    border-radius: 10000px;
    transform: translateY(-50%);
}

.layui-colla-icon {
    left: 0!important;
}

.solution_card_item i {
    display: block;
    width: 0;
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 1px;
    background-color: #ff6900;
}

.activer i {
    left: 0%;
    width: 100%!important;
    transition: all 0.4s ease 0s;
 }

.stat02 {
    display: none;
}

.solution-ul {
    width: 100%;
    float:left;
    box-sizing: border-box;
}
.slies-img{
    overflow: hidden;
}
.slies-img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.slies-img:hover img{
    transform: scale(1.15, 1.15);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    cursor: pointer;
}
.activer .stat02 {
    display: block;
}

.activer .stat01 {
    display: none;
}

.activer {
    display: block;
}

.product_nav_item_active span:after {
    width: 100%;
    content: "";
    display: block;
    background: #ff6900;
    height: 1px;
    color: #ff6900!important;
    position: absolute;
    bottom: -1px;
}

.probanner-video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    max-width: 1472px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.devbanner-video{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: left;
    max-width: 1442px;
    transform: translate(-50%,-50%);
}
.dev-font36{
    font-size: 36px;
    color: #ffffff;
}
.dev-font18{
    font-size: 18px;
    color: #ffffff;
    width: 40%;
    padding:18px 0;
}
.dev-pad{
    width: 100%;
    padding: 50px 0;
    margin:0 auto;
    max-width: 1200px;
    box-sizing: border-box;
}
.dev-pad img{
    max-width: 100%;
}
.dev-pad p{
    padding: 15px 0;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.de-font36{
    font-size: 36px;
}
.de-font18{
    font-size: 18px;
    padding: 30px 0
}
.de-font18 p{
    padding: 15px 0;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.de-vlist{
    width: 100%;
    padding-bottom: 50px;
    float: left;
}
.dev-video{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.pv-font36 {
    font-size: 36px;
    color: #ffffff;
}

.pv-video {
    padding-top: 20px;
}

.pv-font18 {
    font-size: 18px;
    color: #ffffff;
    padding: 10px 0;
}
.de-vlist-li{
    float: left;
    width: 50%;
    border-right:1px solid #e5e5e5;
    box-sizing: border-box;
}
.de-vlist-li:nth-child(2){
    border:0;
}
.de-vlist-font{
    font-size: 22px;
    padding-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 50px;
}
/*svg{
    width: 100%!important;
    height: 100%!important;
}*/
.de-vlist-cn{
    width: 100%;
}
.de-bord{
    margin:0 auto;
}
.de-vlist-left{
    float: left;
    width: 50%;
    padding: 15px 0;
    text-align: center;
    box-sizing: border-box;
}
.de-vlist-right{
    float: left;
    width: 50%;
    padding: 15px 0;
    text-align: center;
    box-sizing: border-box;
}
.de-name{
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
}
.dect {
    width: 100%;
    position: relative;
    padding: 0 0 0 20px;
    margin: 10px 0;
    font-size: 18px;
    color: #666666;
}
.dect:after {
    width: 4px;
    height: 4px;
    background: #cbcbcb;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.efont-36{
    font-size: 36px;
    width: 100%;
    padding-bottom: 10px;
}
.efont-16{
    font-size: 16px;
    width: 100%;
}
.efont-16 p{
    line-height: 28px;
    padding:15px 0;
}
.desc {
    font-size: 18px;
    width: 100%;
    color: #666666;
    padding: 8px 0;
}

.employee:nth-child(odd) .employee-w5{
     float: left;
}
.employee:nth-child(odd) .employee-w6{
     float: right;
     padding-left: 30px;
     padding-right: 0;
}
.employee-w6{
    float: left;
    width:60%;
    padding-right: 30px;
    box-sizing: border-box;
}
.employee-w5{
    width: 40%;
    float: left;
}
.employee-w5 img{
    width: 100%;
}
.employee-w4{
    float: left;
    width:40%;
}
.employee{
    width: 100%;
    float: left;
    clear: both;
    padding:40px 0;
}
.our-action{
     width: 100%;
     text-align: center;
     padding:20px 0;
}
.safety{
    width: 100%;
    padding: 40px 0;
    float: left;
}
.safety-w4{
    float: left;
}
.safety-w6{
    float: left;
    width: 60%;
    padding-left: 30px;
    box-sizing: border-box;
}
.tagname {
    font-size: 18px;
}
.sfont-36{
    font-size: 36px;
    width: 100%;
    padding-bottom: 10px;
}
.sfont-16{
    font-size: 16px;
}
.sfont-16 p{
    line-height: 28px;
    padding: 15px 0;
}
.active_tag .tagname {
    color: #f47920;
}
.our-action-name{
    font-size: 36px;
    padding:40px 0 40px;
}

.nav_list_content_item {
    width: max-content;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    margin-bottom: 1.04vh;
    margin-right: 30px;
}
.our-action-cn{
    width: 100%;
    overflow: hidden;
}
.fath-w{
    margin-left:-10%!important;
    margin-right:-10%!important;
}

.presleft01{
    position: absolute;
    left: 10%;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
}
.presright01{
    position: absolute;
    right: 10%;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
}
.fs26{
    font-size: 30px!important;
    color:#ffffff;
}

.swiper-slide_card {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dev-swip{
    position: absolute;
    left: 40px;
    bottom: 30px;
    font-size: 24px;
    color: #fff;
}

.case-swip {
    width: 100%;
}

/* 鍟嗗搧鍒楄〃 */
.product_list {
    width: 100%;
    float: left;
}
.med-pad{
    width: 100%;
    border:1px solid #f8f8f8;
    background: #ffffff;
    box-sizing: border-box;
}
.med-pad:hover{
    box-shadow: 0px 3px 7px #e0e0e0;
    border: 1px solid #ee7300;
    box-sizing: border-box;
    width: 100%;
}


/* 鍟嗗搧浠嬬粛 */
.product_intor {
    width: 100%;
    height: 240px;
    padding: 0.83vh 2.86vw 0;
    box-sizing: border-box;
}

.product_intor_list {
    width: 100%;
    height: 120px;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
}
.pro-pad{
    background: #ffffff;
    width: 100%;
    border: 1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    overflow: hidden;
}
.pro-pad:hover{
    border:1px solid #ee7300;
}

.video {
    float: left;
    vertical-align: middle;
    padding: 0 10px 0 0
}
.case-name{
    width: 100%;
    display: flex;
    align-items: center;
}

#masonry_p {
    position: relative;
    width: 100%;
    margin: auto;
}

.case-list-img {
    overflow: hidden;
}

.casedet-shar {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
}

.case {
    width: 100vw;
    position: relative;
}

.font-16 {
    font-size: 16px;
    padding: 8px 0 0 0;
}

.font-22 {
    font-size: 22px;
}

.casedat-li {
    width: 50%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}



.icon-bg {
    width: 28px;
    height: 28px;
    border-radius: 10000px;
    margin: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}



.product_detail_page {
    width: 100vw;
    background: #ffffff;
}

.product_banner {
    width: 100%;
    position: relative;
}

.yw-position {
    width: 100%;
    position: absolute;
    text-align: center;
    transform: translateY(100px);
}

.ywf36 {
    font-size: 36px;
    color: #ffffff;
}

.yw16 {
    color: #ffffff;
    padding: 15px 0 0 0;
}

.ywvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.product_nav_item_active  span{
    position: relative;
}

.exh-pad{
    width: 100%;
    background: #ffffff;
    position: relative;
}
/*.product_intor_title {
    font-family: PingFangSC-Regular;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    padding: 15px 0;
    border-bottom: 2px solid #f8f8f8;
    margin-bottom: 2.08vh;
}*/

.product_intor_list div {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


#masonry_p {
    position: relative;
    width: 100%;
    margin: auto;
}

.case-list-img {
    overflow: hidden;
}

.case_detail_page {
    padding-top: 83px;
    grid-auto-flow: row;
    grid-template-columns: 12.5vw repeat(3, 1fr) 12.5vw;
    grid-template-areas: "banner banner banner banner banner"
        "nav nav nav nav ."
        ". content content content .";
    width: 100vw;
    background: #ffffff;
}

.product_nav_item {
    position: relative;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

/*.product_nav_item_active {
    border-color: #ff6900;
}
 */

/* 鍟嗗搧鍥剧墖 */

.product_list_card_img {
    width: 100%;
    overflow: hidden;
    transition: all .25s ease;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background: url(../images/bg.jpg) no-repeat center;
    position: relative;
    background-size:cover;
}
.product_list_card_img img{
    width: 100%;
}
.video_list_card_img {
    width: 100%;
    overflow: hidden;
    transition: all .25s ease;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}
.nevideo {
    width: 65px;
    height: 65px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.nevideo .hov{
    display: none;
}
.product_list_card:hover .nohov{
    display: none;
}
.product_list_card:hover .hov{
    display: block;
}

.product_list_card:hover .video-img img {
    transition: all .5s ease;
    transform: scale(1.2);
}
.exhs-h1 {
    height: 60px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 24px;
    margin-bottom: 10px;
}
.new-video-time {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: left;
}
.video-time {
    background: url(../images/vico01.jpg) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-right: 25px;
}
.video-view {
    background: url(../images/vico02.jpg) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-right: 25px;
}
.video-img img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.product_list_card:hover .product_list_card_img img {
    transition: all .25s ease;
    transform: scale(1.15, 1.15);
}

.product_list_card_img img{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.product_intor_title {
    font-family: PingFangSC-Regular;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    padding: 15px 0;
    border-bottom: 2px solid #f8f8f8;
    margin-bottom: 2.08vh;
}
.poicd{
    position: absolute;
    top:10px;
    left:0;
    z-index: 1;
}


.case-nav {
    color: #666666;
    padding: 10px 0 0 0;
}

.case_list_card {
    margin-right: -15px;
    margin-left: -15px;
}

#masonry_p {
    position: relative;
    width: 100%;
    margin: auto;
}

.case-list-img {
    overflow: hidden;
}

.casedet-menu {
    width: 100%;
    padding: 50px 0 50px;
    text-align: center;
    position: relative;
}

.casedet-pd {
    position: relative;
    width: 100%;
}

.case {
    width: 100vw;
    position: relative;
}

.font-16 {
    font-size: 16px;
    padding: 8px 0 0 0;
}

.case-pad {
    width: 100%;
    padding: 5px 0 5px;
    border-bottom: 1px solid #dfdfdf;
    min-height: 105px;
    box-sizing: border-box;
}

.font-36 {
    font-size: 36px;
    text-align: center;
    color: #333333;
}

.swiper-case {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
}

.cs-f36 {
    width: 100%;
    font-size: 36px;
    padding-bottom: 20px;
}

.cs-f16 {
    width: 100%;
    border-bottom: 1px solid #dededf;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

.cs-f16n {
    width: 100%;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    line-height: 32px;
}

.cs-more {
    width: 100%;
}

.cs-more a {
    border: 1px solid #ff6900;
    border-radius: 1000px;
    padding: 7px 28px;
    letter-spacing: 2px;
    color: #ff6900;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: all .3s ease;
}

.cs-more a:hover {
    color: #ffffff;
    box-shadow: inset 2px 2px 2px 0 rgba(255,255,255,.5), 7px 7px 20px 0 rgba(0,0,0,.1), 4px 4px 5px 0 rgba(0,0,0,.1);
    transition: all .3s ease;
}

.cs-mores {
    width: 100%;
}

.cs-mores a {
    width: 140px !important;
    display: block;
    color: #ff6900;
    text-align: center;
    border: 1px solid #ff6900;
    border-radius: 10000px;
    margin-top: 40px;
    letter-spacing: 1px;
    position: relative;
    transition: .3s;
    overflow: hidden;

}

.cs-mores a:hover {
    color: #ffffff;
    box-shadow: inset 2px 2px 2px 0 rgba(255,255,255,.5), 7px 7px 20px 0 rgba(0,0,0,.1), 4px 4px 5px 0 rgba(0,0,0,.1);
    transition: all .3s ease;
}
.cs-mores a:hover .btn-inner{
    color:#ffffff;
}

.btn2 .btn-inner {
    padding:6px 12px;
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    color:#ee7300;
}

.btn2:hover .btnbg-x {
    width: 140%;
    background: #ff6900;
}

.btn2 .btnbg-x {
    position: absolute;
    left: -4px;
    width: 0;
    top: -4px;
    right: -4px;
    bottom: -4px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.case_box {
    width: 100%;
}

.case_box h3 {
    color: #081232;
    font-weight: normal;
    font-size: 42px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}

.case_box .category ul {
    padding-bottom: 40px;
    display: block;
    height: auto;
    overflow: hidden;
}

.case_box .content {
    padding-left: 0;
}

.case_box .content .cont {
    display: none;
}

.case_box .content .cont.active {
    display: block;
}

.case_box .content .cont img.bg {
    position: absolute;
    border: 1px solid #E3E3E3;
    right: 0;
    top: 0;
}

.case_box .content .cont .info {
    position: absolute;
    width: 520px;
    height: 340px;
    background: #fff;
    box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
    left: 0;
    top: 120px;
    padding: 50px 40px 0;
    border-radius: 10px;
}

.case_box .content .cont .info .title .logo {
    float: left;
    padding-right: 25px;
}

.case_box .content .cont .info .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.case_box .content .cont .info .title h4 {
    float: left;
    padding-top: 30px;
    font-size: 24px;
    color: #081232;
}

.case_box .content .cont .info p {
    font-size: 16px;
    line-height: 32px;
    padding-top: 30px;
    color: #828b9f;
}

.case_boxs {
    width: 100%;
}

.case_boxs h3 {
    color: #081232;
    font-weight: normal;
    font-size: 42px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}

.case_boxs .categorys ul {
    padding-bottom: 40px;
    display: block;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.case_boxs .categorys ul li {
    float: left;
    font-size: 20px;
    text-align: center;
    padding: 4px 3px 10px 0;
    color: #939aac;
    border-radius: 50px;
    margin: 0 25px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    position: relative;
}

.tagnpad {
    padding: 30px 0;
    width: 100%;
}

.pagination01 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 25px 0 10px;
}

.pagination01 .swiper-pagination-bullet {
    background: #d6d6d6;
}

.pagination02 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 25px 0 10px;
}

.pagination02 .swiper-pagination-bullet {
    background: #d6d6d6;
}

.pagination03 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 25px 0 10px;
}

.pagination03 .swiper-pagination-bullet {
    background: #d6d6d6;
}

.swiper-pagination-bullet {
    margin: 0 6px;
}

.swiper-pagination-bullet-active {
    background: #ff6900!important;
}
.catlist img{
    width: 30px;
    padding-right: 10px;
}

.cat01 {
    display: none;
}

.active .cat01 {
    display: block;
}

.active .cat02 {
    display: none;
}

.cat-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.gory i {
    display: block;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #ff6900;
}

.active i {
    left: 50%;
    width: 100%!important;
    transition: all 0.4s ease 0s;
    transform: translateX(-50%);
}

.case_boxs .categorys ul li.active {
    color: #ee7300;
}

.case_boxs .contents {
}

.case_boxs .contents .conts {
    display: none;
}

.case_boxs .contents .conts.active {
    display: block;
}

.case_boxs .contents .conts img.bg {
    position: absolute;
    border: 1px solid #E3E3E3;
    right: 0;
    top: 0;
}

.case_boxs .contents .cont .info {
    position: absolute;
    width: 520px;
    height: 340px;
    background: #fff;
    box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
    left: 0;
    top: 120px;
    padding: 50px 40px 0;
    border-radius: 10px;
}

.case_boxs .contents .conts .info .title .logo {
    float: left;
    padding-right: 25px;
}

.case_boxs .contents .conts .info .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.case_boxs .contents .conts .info .title h4 {
    float: left;
    padding-top: 30px;
    font-size: 24px;
    color: #081232;
}

.case_boxs .contents .conts .info p {
    font-size: 16px;
    line-height: 32px;
    padding-top: 30px;
    color: #828b9f;
}

.w1200 {
    width: 100%;
    margin: 0 auto;
    max-width: 1500px;
}

.category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.casetage-ul {
    width: 100%;
    padding: 30px 0;
}

.w1400 {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1400px;
}

.w80 {
    width: 100%;
    max-width: 1400px;
}

.wi1238 {
    width: 100%;
    max-width: 1238px;
    margin: 0 auto;
    position: relative;
}

.fz24 {
    font-size: 26px;
    color: #000;
    cursor: pointer;
}

.swiper-button-prev {
    position: absolute;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    left:15px;
}

.swiper-button-next {
    position: absolute;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    right:15px;
}
.toop{
    top:0;
    height: 100%;
    display: flex;
    justify-content:center;
    align-items: center;
/*    top:50%;
    transform: translateY(-50%);
*/}
.toop:hover .fz26 {
    color:#ee7300;
}
.swiper-menu-left{
    width: 44px;
    height: 44px;
    border: 1px solid #8b8b8b;
    position: absolute;
    top:50%;
    left:5px;
    transform: translateY(-50%);
    line-height: 44px;
    text-align: center;
    border-radius: 1000px;
    color: #8b8b8b;
    cursor:pointer;
    z-index: 8;
}
.swiper-menu-left:hover{
    border: 1px solid #ee7300;
    color: #ffffff;
    background: #ee7300;
}
.swiper-menu-right:hover{
    border: 1px solid #ee7300;
    color: #ffffff;
    background: #ee7300;
}
.swiper-menu-right{
    cursor: pointer;
    width: 44px;
    z-index: 8;
    height: 44px;
    border: 1px solid #8b8b8b;
    position: absolute;
    top:50%;
    right:5px;
    transform: translateY(-50%);
    line-height: 44px;
    text-align: center;
    border-radius: 1000px;
    color: #8b8b8b;
}


.swip-menu-right{
    cursor: pointer;
    z-index: 8;
    padding:0 10px;
    height: calc(100% - 39px);;
    text-align: center;
    top:0!important;
    position: absolute;
    left:0;
    line-height: 100%;
    text-align: center;
    color: #8b8b8b;
    display: flex;
    align-items: center;
}
.swip-menu-right:hover{
   color: #ee7300!important;
}
.swip-menu-left:hover{
    color: #ee7300!important;
}
.swip-menu-right:hover .guidecol{
   color: #ee7300!important;
}
.swip-menu-left:hover .guidecol{
    color: #ee7300!important;
}

.swip-menu-left{
    cursor: pointer;
    z-index: 8;
    padding:0 10px;
    height: calc(100% - 39px);;
    text-align: center;
    top:0;
    position: absolute;
    right:0;
    line-height: 100%;
    text-align: center;
    color: #8b8b8b;
    display: flex;
    align-items: center;
}

.ifont-16 a {
    color:#333!important;
}
.ifont-16 a:hover{
    color:#ee7300!important;
}
.sopad01{
    padding-bottom: 20px;
}
.sopad02{
    padding-bottom: 15px;
}
.ifont-16n{
    line-height: 32px;
}
.swiper-but-left{
    width: 60px;
    height: 60px;
    position: absolute;
    top:50%;
    left:20px;
    transform: translateY(-50%);
    line-height: 60px;
    text-align: center;
    border-radius: 1000px;
    color: #8b8b8b;
    cursor:pointer;
    z-index: 8;
}

.swiper-but-left:hover{
    color: #ee7300;
 }
.swiper-but-left:hover .fz24 {
    color: #ee7300;
}
.swiper-but-right:hover .fz24 {
    color: #ee7300;
}

.swiper-but-right:hover{
     color: #ee7300;
 }
.swiper-but-right{
    cursor: pointer;
    width: 60px;
    z-index: 8;
    height: 60px;
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
    line-height: 60px;
    text-align: center;
    border-radius: 1000px;
    color: #8b8b8b;
}



.pv-solution {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    padding: 60px 0;
}

.slie-p {
    width: 100%;
}

.sl {
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 5px 0;
}

.sl:after {
    width: 4px;
    height: 4px;
    background: #cbcbcb;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slie-pad {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(254,118,22,0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    background: #ffffff;
}

.slie-qure {
    padding: 30px 30px 30px 30px;
    width: 100%;
    box-sizing: border-box;
}

.slie-img {
    overflow: hidden;
}

.slie-pad:hover {
    width: 100%;
    position: relative;
    border: 1px solid rgba(254,118,22,1);
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #ec722e;
    box-sizing: border-box;
    box-shadow: 1px 3px 16px 2px #dedede;
    ;
     transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.slie-pad:hover .nlink:after {
    background: #ff7717;
    animation: clipMe 8s linear infinite;
}

.nlink {
    position: relative;
}

.nlink:after {
    width: 55px;
    height: 2px;
    background: #bab8b7;
    margin: 20px 0;
    content: "";
    display: block;
}

.related-cases {
    width: 100%;
    padding: 60px 0;
    background: #f8f8f8;
}

.rela-name {
    width: 100%;
    text-align: center;
    font-size: 36px;
    padding: 0 0 30px 0;
}


/* 鍒楄〃椤 */

.list_page {
    width: 100%;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 20px 0;
}

/* 鍗＄墖鍒楄〃 */

.list_card_content {
    width: 100%;
    height: max-content;
    /* padding: 52px 0 0; */
    box-sizing: border-box;
}

.list_card_item {
    width: 100%;
    min-height: 270px;
    overflow: hidden;
    height: auto;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 8.96vh 2.97vw 7.08vh 3.59vw;
    box-sizing: border-box;
    margin: 15px 0;
    transition: .3s all ease-in-out;
}
.list_card_item:hover .card_item_left_title a {
    color:#ee7300;
}

.list_card_item:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 14px 29px 0 rgba(12,12,12,0.08);
/*    transform: scale(1.01);
*/}
.list_card_item:hover .card_item_left_title{
    color:#ee7300;
}
.card_item_left {
    width: 32.23vw;
    /* width: 350px; */
    height: 100%;
}

.card_item_left_img_box {
/*    width: 53px;
    height: 53px;
*/    position: relative;
    margin-bottom: 2.40vh;
}

.img_index {
    z-index: 999;
}

.card_item_left_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.card_item_left_img_hov {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.card_item_left_title {
     font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 25px;
}

.card_item_left_content {
    width: 100%;
     font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.card_item_center {
    /* width: 225px; */
    width: 11.72vw;
    height: 100%;
    /* background: yellow; */
    padding: 0 36px;
    /* padding: 43px 36px 34px; */
}

.card_item_center_nav_list {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.card_item_center_nav_item {
    width: max-content;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #666666;
    height: 26px;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
    cursor: pointer;
    padding-right:20px;
}
.card_item_center_nav_item span:hover{
    border-bottom: 1px solid #ff6900;
    color: #ff6900;
}
.card_item_center_nav_item a:hover{
    color: #ee7300;
}

.nav_item_active {
    border-bottom: 1px solid #ff6900;
    color: #ff6900;
}

/* 鍙宠竟鍥剧墖鍒楄〃 */
.card_item_right {
    /* width: 737px; */
    width: 38.39vw;
    /* flex: 1; */
    /* height: 100%; */
    box-sizing: border-box;
    overflow: hidden;
}

.card_item_right_img_list {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.img_list_img_list_item {
    width: 100%;
    /* flex: 1; */
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-right: 23px;
}

.img_list_img_list_item:last-of-type {
    margin-right: 0;
}

.img_list_img_box {
    width: 100%;
    position: relative;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
}
.img_list_img_box:hover .yg-pr-more{
    display: block;
}
.yg-pr-more:hover .yg-pr-m{
    color: #ee7300;
}
.yg-pr-more{
    position:absolute;
    left:0%;
    top:0%;
    right:0%;
    bottom:0%;
    display: none;
 }

.yg-pr-flx{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}
.yg-pr-cm{

/*        filter: url(blur.svg#blur);
    -webkit-filter: blur(10px);
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);
            filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
*/
   opacity: 0.9;
}
.yg-pr-n{
    color:#ee7300;
}
.yg-pr-m{
    color:#333333;
    font-size: 14px;
    padding-top: 4px;
}

.img_list_img_box img {
    width: 100%;
    height: 100%;
}

.img_list_img_bor {
    position: relative;
    bottom: -12px;
    width: 80%;
    height: 3px;
    background-color: transparent;
    border-radius: 2px
}

.img_bor_active {
    background-color: #ff6900;
}

.img_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    grid-gap: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}
.colx-50{
    float: left;
    width: 50%;
}
.img_items_box {
    width: 92px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
/*    justify-content: space-between;
*/    margin-right: 15px;
}
.tracker{
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
}
.img_item {
    width: 85px;
    height: 53px;
    overflow: hidden;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 10px;
}
.magnifier{
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
}

.img_item_border {
    border: solid 1px rgb(255, 255, 255);
}

.img_item:hover,
.img_item_border_hover {
    border: solid 1px #ee7700;
}

/* 鍟嗗搧鍥剧墖 */
.mid_img {
    width: 100%;
    position: relative;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mid_img img {
    width: 100%;
    height: 100%;
}

/* 鍟嗗搧鍚嶇О 鍒嗕韩閾炬帴 璇︽儏 浼樺娍鏍囩 */
.prod_detail {
    margin-left: 30px;
    position: relative;
    width: 100%;
}

.cpro-shar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
}

.prod-top {
    width: 100%;
    position: relative;
}

.prod_title {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    max-width: 90%;
}

.col-50 {
    float: left;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.share_link {
    grid-area: share_link;
}

.desc {
    grid-area: desc;
}

.advantag {
    grid-area: advantag
}

.advantag {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "adv_tag adv_tag adv_tag"
        "adv_item adv_item adv_item";
}

.adv_tag {
    grid-area: adv_tag;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    padding-left: 0;
}

.adv_tag .tag {
    margin-right: 10px;
    cursor: pointer;
    width: 140px;
    height: 100px;
    position: relative;
    z-index: 0;
    border: 1px solid #848484;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}

.im-act01 {
    display: none;
}

.tag_img {
    position: relative;
    width: 50px;
    height: 50px;
}

.active_tag .im-act01 {
    display: block;
}

.active_tag .im-act02 {
    display: none;
}

/*.tag_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}*/

.img_active {
    z-index: 999;
}

.adv_tag .tag:hover,
.adv_tag .active_tag {
    border: 1px solid #ee7700 !important;
}

.noactive_tag {
    border: 1px solid #848484;
}

/* 鍊掍笁瑙 */
.active_tag::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #ee7700;
    position: absolute;
    bottom: -5.5px;
    left: 50%;
    margin-left: -4.5px;
    transform: rotate(45deg);
    border-left-color: transparent;
    border-top-color: transparent;
    background-color: #FFFFFF;
}

.adv_item {
    grid-area: adv_item;
    padding: 10px 0;
}

.adv_item_desc,
.adv_item_desc_noactive {
    display: none;
}

.adv_item_desc_active {
    display: block !important;
}

/* 璁よ瘉閮ㄥ垎鏍峰紡 */
.certification_box {
    width: 100%;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding:50px 0;
}

.disflx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.certification_item{
    width: 100%;
    text-align: center;
    padding:10px 0;
}


.certification_item img {
    margin: 0 auto;
}

.pdf02 {
    display: none;
}

/* 鎶€鏈弬鏁版牱寮 */
#parameters {
    font-size: 36px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    padding: 30px 0 20px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.layui-colla-title {
    padding: 0 15px 0 40px!important;
}

#parameters~.layui-collapse {
    border-left-width: 0;
    border-right: 0;
    margin-bottom: 74px;
}

#parameters~.layui-collapse .layui-colla-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #333333;
}

#parameters~.layui-collapse .layui-colla-title {
    background-color: #FFFFFF;
}

#parameters~.layui-collapse .layui-colla-content {
    border-top: 0;
}

/* 涓嬭浇 */
#doc_download {
    width: 100%;
    background-color: #f1f1f1;
    padding-top: 64px;
    padding-bottom: 50px;
    box-sizing: border-box;
}
.doc_download{
    width: 100%;
    background-color: #f1f1f1;
    padding-top: 64px;
    padding-bottom: 50px;
    box-sizing: border-box;
}

.download_title {
    font-size: 36px;
    font-weight: 500px;
    line-height: 36px;
}

.download_resources {
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
/*    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
*/}
.download_resources a{
    float: left;
    margin:10px 0;
    padding:0 15px;
    width: 33.3%;
    box-sizing: border-box;
}
.download_res:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 14px 29px 0 rgba(12,12,12,0.08);
}

.download_res:hover .pdf01 {
    display: none;
}

.download_res:hover .pdf02 {
    display: block;
}

.download_res i {
    display: block;
    width: 0;
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 2px;
    background-color: #ff6900;
    transition: .3s all ease-in-out;
}

.download_res:hover i {
    width: 100%;
    transition: .3s all ease-in-out;
}

.download_res {
    margin-right: 25px;
    background-color: #FFFFFF;
    width: 100%;
    height: 121px;
    cursor: pointer;
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.download_title {
    font-size: 36px;
    font-weight: 500px;
    line-height: 36px;
}

.investor_resources {
    width: 100%;
}
.row-in{
    margin-left: -15px;
    margin-right: -15px;
}

.investor_res:hover {
    transition: .3s all ease-in-out;
    box-shadow: 0 14px 29px 0 rgba(12,12,12,0.08);
}

.investor_res:hover .pdf01 {
    display: none;
}

.investor_res:hover .pdf02 {
    display: block;
}

.investor_res i {
    display: block;
    width: 0;
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 2px;
    background-color: #ff6900;
    transition: .3s all ease-in-out;
}

.investor_res:hover i {
    width: 100%;
    transition: .3s all ease-in-out;
}
.investor_pad{
    float: left;
    width: 50%;
    padding:15px;
    box-sizing: border-box;
}

.investor_res {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
    height: 121px;
    cursor: pointer;
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}




.res-tit {
   color: #333333;
}

.res_name {
    /*float: left;*/
}

.res_icon {
    /*float: right;*/
}

.res_desc {
    padding: 5px 0 0 0;
    color: #999999;
}

/* 鍦ㄧ嚎鍜ㄨ */
.online {
    width: 100%;
    margin: 0 auto;
}

.on50 {
    float: left;
    width: 50%;
    padding: 30px;
    box-sizing: border-box;
}

.crumbs_title {
    width: 100%;
    background: #fff;
    margin-bottom: 5.73vh;
    box-sizing: border-box;
}



/* nav瀵艰埅 */
.product_nav_list {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 30px 0 20px;
    flex-wrap: wrap;
}

.online-name {
    font-size: 36px;
    width: 100%;
    padding-bottom: 15px;
}

.onsel {
    font-size: 18px;
    color: #ff6900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 14px;
}

.ontel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: left;
    align-items: center;
}

.onzj {
    width: 100%;
    margin-top: 30px;
}

.tels {
    padding-right: 30px;
    font-size: 16px;
    padding: 8px 50px 8px 0;
    font-size: 16px;
}
.tels a:hover{
    color:#ff6900;
}
.webs a:hover{
    color:#ff6900;
}
.webs {
    padding: 5px 0;
    font-size: 16px;
}
.iph-r:hover{
    color:#ff6900;
}

.ygwpad {
    width: 100%;
    padding: 50px 0;
}

.on-row {
    margin-left: -30px;
    margin-right: -30px;
}

.line-li {
    margin-left: -6px;
    margin-right: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-content: left;
}
.line-50{
    width: 70%;
    float: left;
}
.line-ewm{
    text-align: right;
    padding:10px;
}
.w-name{
    display: inline-block;

}
.line-ewm img{
    max-width: 120px;
}
.line-30{
    float: right;
    width: 30%;
    text-align: right;
}
.on-input {
    border: 0;
    background: #f8f8f8;
    width: calc(100% - 100px);
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding:4px;
    float: left;
    text-indent: 1em;
}

.inpage {
    width: 100%;
}
.inpage i{
    color: #ee7300;
    display: inline-block;
    padding-right: 6px;
}
.inpages {
 }

.inpages label {
    width: 100px;
    font-size: 14px;
    color: #999999;
}

.line-ly {
    width: 100%;
    box-sizing: border-box;
    margin: 6px 0;
    min-height: 80px;
    float: left;
}

.select-doc {
    width: 100%;
    padding:6px 0;
 }
 .doc-left{
    width: 100px;
    padding-right: 5px;
    font-size: 14px;
    color: #999999;
    text-align: right;
    float: left;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
 }



.doc-right {
    width: 35%;
    min-width: 150px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}

.yzm {
    margin-top: 6px;
    width: 100%;
    min-width: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.onchage {
    background: #ff6900;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px 30px;
    font-size: 14px;
    display: inline-block;
    margin-top: 12px;
    margin-left: 95px;
    border:0;
}

.sele-doc {
    text-align: center;
    width: 100%;
    padding: 10px 10px;
}

.sele-uplod:hover {
    background: #ff6900;
    padding: 10px 20px;
}
.sele-uplod {
    background: #b1b1b1;
    padding: 10px 20px;
}

.inpage label {
    width: 100px;
    padding-right: 5px;
    font-size: 14px;
    color: #999999;
    text-align: right;
    float: left;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
}
.hit{
    height: 70px;
}
.line-li-50 {
    width: 50%;
    padding: 0;
    box-sizing: border-box;
}
.line-lis-50{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

/* nav瀵艰埅浜岀骇瀵艰埅 */
.product_nav_list_content {
    /* background: #fff; */
    width: 100%;
    /* grid-area: nav;
    width: 100vw; */
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.nav_list_content_item {
    width: max-content;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    margin-bottom: 1.04vh;
    margin-right: 70px;
}

.product_list_card {
    width: 33.3%;
    float: left;
    padding:15px;
    box-sizing: border-box;
}
.c-pad-list{
     width: 100%;     height: 150px;

}
.c-pad-listn{
     height: 180px;
     width: 100%;
}
.con-row{
     margin-left:-15px;
     margin-right:-15px;
}

.contpad{
    border: 1px solid transparent;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    width:100%;
    border-radius:10px;
    box-shadow: 0px 3px 7px #e0e0e0;
}

.contpad:hover {
    position: relative;
    border: 1px solid rgba(250,116,45,1);
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #ec722e;
    box-sizing: border-box;
    box-shadow: 1px 3px 16px 2px #dedede;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
/* 浜у搧杞挱 */
.bannerBox {
/*    height: 498px;
*/
/*    background: #ffffff;
*//*    margin-bottom: 30px;
*/    /* width: 100%;
    height: 100%; */
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.prfont {
    font-size: 14px;
    padding: 0 0 0 10px;
    margin-top: 4px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.prfont:after {
    width: 4px;
    height: 4px;
    background: #cbcbcb;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.prfonts {
    font-size: 18px;
    padding: 0 0 0 10px;
    margin-top: 4px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.prfonts:after {
    width: 4px;
    height: 4px;
    background: #cbcbcb;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-slide_card_img {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-size:cover;
}

.swiper-slide_card_img img {
    width: 100%;
    height: 100% !important;
}

.swiper-slide_card_info {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 40px;
    display: flex;
    flex-direction:column;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
}

.slide_card_info_title {
    font-family: PingFangSC-Regular;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    text-align: left;
    margin-bottom: 2.27vh;
}
.slide_card_info_title a:hover{
    color:#ee7300;
}

.slide_card_info_list {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: 0px;
    color: #999999;
    margin-bottom: 1.67vh;
}

.slide_card_info_list div {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: left;
}

.slide_card_info_btn {
    width: 100%;
    margin-top: 20px;
    padding-top:20px;
    border-top:1px solid #e5e5e5;
}




/* 鍒囨崲鍗＄墖 */
.solution_card_list {
    margin-left:-15px;
    margin-right: -15px;
}

.solution_ca_list {
    margin-left:-15px;
    margin-right: -15px;
}

.solu-disflex {
    width: 100%;
    align-items: center;
}
.solupad{
    width:100%;
    padding:20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    background: #ffffff;
}
.solution_card_item {
    width: 33.3%;
    float: left;
    padding:0 15px;
    margin:5px 0;
    box-sizing: border-box;
}
.solution_card_item
.solution_card_item_img {
    width: 41px;
    height: 47px;
    margin-right: 10px;
}

.solution_card_item_img:first-of-type {
    width: 36px;
    height: 34px;
}

.solution_card_item_img:last-of-type {
    width: 36px;
    height: 34px;
}

.solution_card_item_img img {
    width: 100%;
    height: 100%;
}

.solution_card_item_title {
    font-family: PingFangSC-Regular;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}


/* 瑙ｅ喅鏂规鍒楄〃鍗＄墖 */
.solution_list {
    height: auto;
    padding-bottom: 8.44vh;
    grid-row-gap: 1.56vh;
}

.solution_list_card {
    width: 33.3%;
    padding:15px;
    box-sizing: border-box;
    border: 1px solid rgba(254,118,22,0);
    box-sizing: border-box;
    float: left;
}
.solution_padr{
    width: 100%;
    background: #ffffff;
}

.solution_pad:hover {
    position: relative;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #ec722e;
    box-sizing: border-box;
    box-shadow: 1px 3px 16px 2px #dedede;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.solution_list_card_img {
    width: 100%;
}
.solu-li{
    margin:0 -15px;
    width: 110%;
    padding-bottom: 15px;
}
.solunav{
    float: left;
    width: 33.3%;
    padding: 0 15px;
    box-sizing: border-box;
}
.solution_list_card_img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.solution_list_card_img {
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.solution_list_card:hover .solution_list_card_img img {
    transition: all .25s ease;
    transform: scale(1.25);
}

.solution_list_card_info {
    width: 100%;
    padding: 5.06vh 1.98vw 5.69vh;
    box-sizing: border-box;
}

.list_card_info_title {
    font-family: PingFangSC-Regular;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 15px;
}

.list_card_info_bor {
    width: 54px;
    height: 2px;
    background: #f8f8f8;
    margin-bottom: 2.71vh;
}

.list_card_info_list {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #666666;
    margin-bottom: 20px;
    min-height: 76px;
}

.list_card_info_list div {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.list_card_info_btn {
    width: 100%;
}

.list_card_info_btn .info_btn {
    width: 148px;
    height: 34px;
    background-color: #ff6900;
    border-radius: 20px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    border: 0;
}

.product-list {
    width: 100%;
    margin: 30px 0;
    position: relative;
    float: left;
}

.solu-jh-left img {
    transition: all .25s ease;
}

.solu-jh-left {
    overflow: hidden;
}

.product-list:hover .solu-jh-left img {
    transition: all .25s ease;
    transform: scale(1.15);
}

.clear {
    clear: both;
}

.solu-jh-left {
    width: 50%;
}

.solu-jh-left img {
    width: 100%;
}

.solu-jh-right {
    position: absolute;
    right: 0;
    max-width: 866px;
/*    background: url(../../static/images/solu-bg.png) repeat-y left center;
*/
    background: rgba(208, 208, 208, 0.2);
    padding: 50px 50px 50px 155px;
    width: 55%;
    box-sizing: border-box;
    top:50%;
    transform:translateY(-50%);
}

.sfont36 {
    font-size: 36px;
    color: #333333;
}

.slink {
    width: 55px;
    height: 2px;
    background: #bab8b7;
    margin: 25px 0;
}

.sfont16 {
    font-size: 16px;
    width: 100%;
    padding-bottom: 15px;
}

.sol-more {
    padding: 6px 20px;
    border: 1px solid #ff6900;
    border-radius: 1000px;
    margin: 15px 0 0 0;
    display: inline-block;
}

.sol-more a {
    color: #ff6900;
}

.product-list:nth-child(even) .solu-jh-left {
    float: right;
}

.product-list:nth-child(even) .solu-jh-right {
    position: absolute;
    left: 0;
    right: auto;
    padding:50px 145px 50px 50px;
/*    background: url(../../static/images/solu-bg-right.png) repeat-y right center;
*/  background: rgba(208, 208, 208, 0.2);

}

.crumbs_nav {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.crumbs_nav a {
    color:#333;
}
.crumbs_nav a:hover{
    color:#ee7300;
}

.product_content {
    width: 100%;
    background: #f8f8f8;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
.product-page-w{
    width: 100%;
    padding-bottom: 5px;
    float: left;
}

.products_content {
    width: 100%;
    background: #f8f8f8;
    padding: 15px 0;
    float: left;
    clear: both;
}

.product_contents {
    width: 100%;
    background: #ffffff;
}

.product_system {
    background: #fff;
}

.planadvantage {
    width: 100%;
    /*height: 658px;*/
    box-sizing: border-box;
    padding-bottom: 30px;
}

.planadvantage_title {
    width: 100%;
    padding: 80px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}

.planadvantage_list {
    width: 100%;
    align-items: center;
    padding-bottom: 30px;
}

.planadvantage_list_ul {
    float: left;
    width: 25%;
    box-sizing: border-box;
}

.planadvantage_list_item {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 90px 40px 90px;
    transition: all .25s ease;
    /*    padding: 8.33vh 2.70vw 0;
*/
    border-radius: 30px 0 30px 0;
}

.planadvantage_list_item_img {
    position: relative;
    margin-bottom: 40px;
}

.planadvantage_list_item:hover {
    background: #ffffff;
    transition: all .25s ease;
    border-radius: 30px 0 30px 0;
}

.van-img02 {
    display: none;
}

.planadvantage_list_item:hover .van-img02 {
    display: block;
}

.planadvantage_list_item:hover .van-img01 {
    display: none;
}

.img_box1 {
    width: 71px;
    height: 71px;
}

.img_box2 {
    width: 69px;
    height: 61px;
}

.img_box3 {
    width: 68px;
    height: 65px;
}

.img_box4 {
    width: 65px;
    height: 61px;
}

/*.planadvantage_list_item_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}*/

.img_active {
    z-index: 999;
}
/*.plan-5{
    width: 100%;
    display: flex;
    justify-content: space-between;
}*/
.planadvantage_list_item_title {
    font-family: PingFangSC-Regular;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    width: 100%;
    margin-top: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.item-van {
    background: #dfdfdf;
    width: 35px;
    height: 1px;
}

/* 绯荤粺缁撴瀯鍥 */

.system {
    background: #fff;
}
/*鍒楄〃鍔犺浇鍔ㄧ敾  */
.product_list_loading {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333333;
    padding: 40px 0;
}

.loadmore {
    padding-left: 5px;
    color:#333333;
}
.loadmore:hover{
    color: #ee7300;
}
.yxg {
    width: 28px;
    padding-left: 10px;
}
.hidden{ display: none;}
.list {
    overflow: hidden;
}
.case-list-li {
    width: 33.3%;
    position: relative;
    background: #ffffff;
    -webkit-transition: all 0.5s ease 0s;
    float: left;
    padding:15px;
    box-sizing: border-box;
}
.case-li-list {
    width: 100%;
    padding: 15px;
    height: 90px;
    box-sizing: border-box;
}
.case-list-pad {
    width:100%;
    border: 1px solid #e5e5e5;
}
.case-list-pad:hover {
    box-shadow: 1px 3px 16px 2px #dedede;
}
.case-list-pad:hover a{
    color:#ee7300;
}
.case-list-li:hover {
    position: relative;
    background: #ffffff;
    box-sizing: border-box;
     transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.layui-flow-more a cite:hover{
    color:#ee7300;
}
.case-list-li .case-list-img img {
    width: 100%;
    min-height: 200px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

.case-list-li:hover .case-list-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}





#masonry_p {
    position: relative;
    width: 100%;
    margin: auto;
}

.case-list-img {
    overflow: hidden;
}

.case {
    width: 100vw;
    position: relative;
}

.font-16 {
    font-size: 16px;
    padding: 8px 0 0 0;
}


.casetage {
    width: 100%;
    background: #e4e5e6;
    padding: 50px 0 0;
}

.wi50-left {
    width: 60%;
    float: left;
    padding:0 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    min-height: 280px;
}
.wi50-left img{
    max-width: 80%;
    margin:0 auto;
    text-align: center;
    background: url(../images/bg.jpg) no-repeat center;
    background-size:cover;
}
.wi50-right {
    float: left;
    width: 40%;
    padding: 0 ;
    box-sizing: border-box;
}

.swiper-case {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
}

.cs-f36 {
    width: 100%;
    font-size: 36px;
    padding-bottom: 20px;
}

.cs-f16 {
    width: 100%;
    border-bottom: 1px solid #dededf;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

.cs-f16n {
    width: 100%;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    line-height: 32px;
}



.case_box .category ul {
    padding-bottom: 40px;
    display: block;
    height: auto;
    overflow: hidden;
}

.case_box .category ul li {
    float: left;
    text-align: center;
    padding: 4px 20px;
    color: #333333;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
}

.case_box .category ul li:after {
    position: absolute;
    width: 1px;
    height: 20px;
    content: "";
    background: #bdbdbe;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.case_box .category ul li:last-child::after {
    position: absolute;
    width: 0;
    height: 20px;
    content: "";
    background: #bdbdbe;
    right: 0;
}

.case_box .category ul li.active .gorpad {
    color: #fff;
    background: #ff6900;
    padding: 3px 20px;
    border-radius: 1000px;
}

.gorpad {
    padding: 1px 20px;
    margin:0 14px;
    font-size: 16px;
}

.case_box .content {
    padding-left: 0;
}

.case_box .content .cont {
    display: none;
}

.case_box .content .cont.active {
    display: block;
}

.case_box .content .cont img.bg {
    position: absolute;
    border: 1px solid #E3E3E3;
    right: 0;
    top: 0;
}

.case_box .content .cont .info {
    position: absolute;
    width: 520px;
    height: 340px;
    background: #fff;
    box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
    left: 0;
    top: 120px;
    padding: 50px 40px 0;
    border-radius: 10px;
}

.case_box .content .cont .info .title .logo {
    float: left;
    padding-right: 25px;
}

.case_box .content .cont .info .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.case_box .content .cont .info .title h4 {
    float: left;
    padding-top: 30px;
    font-size: 24px;
    color: #081232;
}

.case_box .content .cont .info p {
    font-size: 16px;
    line-height: 32px;
    padding-top: 30px;
    color: #828b9f;
}

.case_boxs {
    width: 100%;
}

.case_boxs h3 {
    color: #081232;
    font-weight: normal;
    font-size: 42px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}


.swiper-pagination-bullet {
    margin: 0 6px;
}

.swiper-pagination-bullet-active {
    background: #ff6900!important;
}


.cat-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.gory i {
    display: block;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #ff6900;
}

.active i {
    left: 50%;
    width: 100%!important;
    transition: all 0.4s ease 0s;
    transform: translateX(-50%);
}


.case_boxs .contents {
}

.case_boxs .contents .conts {
    display: none;
}

.case_boxs .contents .conts.active {
    display: block;
}

.case_boxs .contents .conts img.bg {
    position: absolute;
    border: 1px solid #E3E3E3;
    right: 0;
    top: 0;
}

.case_boxs .contents .cont .info {
    position: absolute;
    width: 520px;
    height: 340px;
    background: #fff;
    box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
    left: 0;
    top: 120px;
    padding: 50px 40px 0;
    border-radius: 10px;
}

.case_boxs .contents .conts .info .title .logo {
    float: left;
    padding-right: 25px;
}

.case_boxs .contents .conts .info .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.case_boxs .contents .conts .info .title h4 {
    float: left;
    padding-top: 30px;
    font-size: 24px;
    color: #081232;
}

.case_boxs .contents .conts .info p {
    font-size: 16px;
    line-height: 32px;
    padding-top: 30px;
    color: #828b9f;
}

.w1200 {
    width: 100%;
    margin: 0 auto;
    max-width: 1500px;
}

.case-w {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.casetage-ul {
    width: 100%;
    padding: 30px 0;
}

.swiper-father {
    margin: 0 auto;
    position: relative;
}

.w80 {
    width: 100%;
    max-width: 1400px;
}



.sw-buttom {
    width: 60px!important;
    height: 60px!important;
    line-height: 60px!important;
    text-align: center;
}

.sw-buttom:hover {
    color: #ff6900;
}

.sw-buttom:hover .fz26 {
    color: #ff6900
}
.fz26{
    font-size: 32px;
}

.pv-solution {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
    padding: 60px 0;
}

.pv-solu-title {
    width: 100%;
    text-align: center;
}

.slie-name {
    width: 100%;
    height: 58px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.slie-img {
    overflow: hidden;
}

.swiper-container {
/*    padding-bottom: 15px!important
*/
}
.cas-more{
    position: absolute;
    right: 50px;
    bottom: 0;
    z-index: 33
}
.cas-more{
    color:#333333;
    font-size: 18px;
}
.cas-more:hover{
    color:#ee7300;
    font-size: 18px;
}

.rela-name {
    width: 100%;
    text-align: center;
    font-size: 36px;
    padding: 0 0 30px 0;
}

.swpadd {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    float: left;
    clear: both;
    position: relative!important;
}

.wih {
    width: 100%!important;
    max-width: 1472px!important;
}

.ygw1442 {
    width: 1472px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    position: relative;
}

.ygrow {
    margin-right: -15px;
    margin-left: -15px;
}

.ygfont-22 {
    font-size: 22px;
}

.ygfont-16 {
    font-size: 16px;
    padding-top: 10px;
}

.color66 {
    color: #666666;
}
/****/
.casepage_content {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

.card-im01 {
    display: none;
}

.list_card_item:hover .card-im01 {
    display: block;
}

.list_card_item:hover .card-im02 {
    display: none;
}



.colr {
    width: 5px;
    height: 5px;
    background: #cacaca;
    border-radius: 1000px;
    float: left;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    z-index: 99;
}

.colr-r {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
}

#loutinav ul li.ractive .colr-r {
    display: block;
    color: #ff6900;
}


/**鍙寔缁彂灞?*/
.devl-f36{
    padding: 0 0 15px 0;
}
.devl-f36:after{
    width: 30px;
    height: 2px;
    background: #ee7300;
    content: "";
    display: block;
    margin-top:15px;
}
.devl-f16{
    padding: 10px 0;
    line-height: 28px;
    color:#666666;
}
.devl-icon-name{
    font-size: 36px;
    text-align: center;
    width: 100%;
    padding:20px 0;
}
.devl-icon{
    width: 100%;
    padding:80px 0;
}
.devl-icon-ul{
    width: 100%;
 }
.devl-icon-li{
    float: left;
    width: 25%;
    text-align: center;
    padding:0 15px;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.devl-icon-li:hover .devico-p{
    border: 1px dashed #ee7300;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.devl-icon-li:hover .devico{
    border: 1px dashed #ee7300;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.devl-ac-name{
    font-size: 36px;
    text-align: center;
    padding:90px 0 30px;
}
.devico{
    border:1px dashed #e9e9e9;
    display: inline-block;
    border-radius:1000px;
    overflow: hidden;
    padding:10px;
    box-sizing: border-box;
}
.devico-p{
    border:1px dashed #e9e9e9;
    display: inline-block;
    border-radius:1000px;
    overflow: hidden;
    float: left;
}
.devico-p img{
    border-radius: 1000px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.devh1{
    font-size: 36px;
}
.devh1 small{
    font-size: 16px;
}
.devh2{
     width: 100%;
     text-align: center;
}
.devl-li{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    background: #35583d;
}
.devl-li img{
    width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dev-left:hover img{
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}
.dev-left:hover .dev-no{
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dev-left:hover .dev-le-pad{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: translateY(-10%);
}
.dev-ri-two:hover .dev-le-pad{
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: translateY(-10%);
}
.dve-ri-two:hover img{
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}
.dev-ri-two:hover img{
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}
.dev-ri-one:hover img{
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ease 0s;
}
.dve-ri-two{
    overflow: hidden;
    position: relative;
/*    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;*/
}
.dev-left{
    overflow: hidden;
/*    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;*/
    width: 66.6666666%;
    position: relative;
}
.dev-left img{
    width: 100%;
    vertical-align: middle;
}
.dev-ri-one:hover .dev-le-pad {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: translateY(-10%);
}
.dve-ri-two:hover .dev-le-pad {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transform: translateY(-10%);
}
.dev-ri-one:hover .dev-no{
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dev-right{
    overflow: hidden;
    /*float: left;*/
    width: 33.3333333%;
    position: relative;
}

.dev-ri-two:hover .dev-no {
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dve-ri-two:hover .dev-no {
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dev-right img{
    width: 100%;
}
.dev-ri-one{
    overflow: hidden;
    position: relative;
/*    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;*/
}
.dev-ri-two{
    overflow: hidden;
    position: relative;
/*    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;*/
    align-items: center;
}
.dev-le-pad{
    position: absolute;
    z-index: 99;
    width: 100%;
    padding:5%;
    box-sizing: border-box;
    bottom:0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dev-le-pan{
    font-size: 36px;
    color: #ffffff;
    padding-bottom: 15px;
}
.dev-no{
    display: none;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.dev-le-tit{
    font-size: 16px;
    color: #ffffff;
    padding:0;
}
.dev-le-more{
    color:#ffffff;
    font-size: 16px;
    padding-top: 10px;
}
.dev-le-more a {
    color:#ffffff;
}
.dev-le-more a:hover{
    color: #ee7300;
}
.report{
    width: 100%;
    padding:50px 0;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.report-left{
    float: left;
}
.report-right{
    float: right;
    padding:0 0 0 90px;
    width: 100%;
    box-sizing: border-box;
}
.rep-f36{
    width: 100%;
    padding-bottom: 25px;
}
.rep-f16{
    font-size: 16px;
    width: 100%;
    padding-bottom: 45px;
}
.rep-buttom{
    float: left;
}
.rep-view{
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 36px;
    margin-right: 15px;
    line-height: 36px;
    border-radius:1000px;
    border:1px solid #ee7300;
}
.reer{
    width: 0%;
    position: absolute;
    left:0;
    height: 40px;
    background: #ee7300;
    top:0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 0;
    overflow: hidden;
}
.rep-view:hover .reer{
    width: 100%;
    position: absolute;
    left:0;
    background: #ee7300;
    top:0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.rep-view:hover .rep-af{
    color: #ffffff!important;
}
.v02{display: none;}
.rep-view:hover .v02{display: block;}
.rep-view:hover .v01{display: none;}
.rep-dowm{
    float: left;
    margin: 0 0 0 15px;
    padding:8px 60px;
    color:#ee7300;
    border-radius:1000px;
    border:1px solid #ee7300;
}
.rep-af{
    color:#ee7300;
    position: relative;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: center;
    align-items: center;
    position: absolute;
    flex-wrap: wrap;
    width: 100%;
    z-index: 1;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.rep-af div{
    margin:0 5px;
}

.rep-df:before{
    background: url(../images/dowm2.png) center no-repeat;
    width: 23px;
    height: 23px;
    content: "";
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    left:0;
}
.oreport{
    float:right;
    font-size: 14px;
}
.oreport a {
    color: #333333;
}
.oreport a:hover{
    color:#ee7300;
}
.report-bg{
    width: 100%;
    background: #f8f8f8;
    padding:60px 0;
}
.rep-fm{
    width: 100%;
}
.rep-cn{
    width: 100%;
    text-align: center;
    padding-top:10px;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: center;
}
.rep-cn div{
    padding:0 5px;
    cursor: pointer;
}
.acurr{
    color:#ee7300!important;
}

.rep-cn a {
    display: inline-block;
    padding: 5px 15px;
    color: #999999;
}
.approve{
    width: 100%;
    padding:90px 0;
}
.approve-top{
    width: 100%;
    padding-bottom: 55px;
    text-align: center;
}
.appr-app{
    text-align:center;
    vertical-align: middle;
}
.appr-pad{
    width: 110px;
    height: 110px;
    line-height: 110px;
    background: #b1b1b1;
    text-align:center;
    margin:0 auto;
    vertical-align: middle;
    border-radius: 1000px;
    overflow: hidden;
    border:10px solid #f7f7f7;
    cursor: pointer;
}
.appr-pad img{
    display: inline-block;
    vertical-align: middle;
}
.appr-names{
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.swiper-slide:hover .appr-pad{
    background: #ee7300;
}
.research{
    width: 100%;
    background: url(../images/about-dev-img10.jpg) center no-repeat;
    padding:120px 0;
}
.rescontz{
    width: 100%;
    background: url(../images/about-dev-img11.jpg) center no-repeat;
    padding:120px 0;
}
.res-name{
    font-size: 36px;
    color: #ffffff;
    text-align: center;
}
.res-text{
    color: #ffffff;
    width: 50%;
    margin:0 auto;
    padding: 20px 0 50px;
    text-align: center;
}
.res-buttom{
    margin:0 auto;
    text-align: center;
    border: 1px solid #ee7300;
    color:#ee7300;
    padding:8px 30px;
    border-radius: 1000px;
    max-width: 170px;
}
.res-a{
    color:#ee7300;
    position: relative;
    width: 78px;
    margin:0 auto;
    padding-left:20px;
}
.res-a:before{
    position: absolute;
    left:0;
    content: "";
    background: url(../images/re001.png) no-repeat center left;
    width: 17px;
    height: 17px;
    top:50%;
    transform: translateY(-50%);
}


.sectom{
    display: none;
}
.con-name{
    color:#ffffff;
}
.con-name:after{
    content: "";
    width: 25px;
    height: 2px;
    background: #ff6900;
    display: block;
    margin: 15px auto;
    display: none;
}
.con-title{
    display: none;
}
.con-title{
    font-size: 18px;
    color:#ffffff;
}
.tabs_content_header li:hover .sectom{
    display: block;
}
.tabs_content_header li:hover .con-title{
    display: block;
}
.tabs_content_header li:hover .con-name:after{
    display: block;
}
.napad{
    padding:40px 0 0px;
}
.currs{
    color:#ff6900!important;
}
.currs:after{
    width: 100%;
    content: "";
    display: block;
    background: #ff6900;
    height: 1px;
    color: #ff6900!important;
    position: absolute;
    bottom:0;
}



.pc-banner {
    position: relative;
}

.pc-banner .swiper-container .swiper-wrapper .swiper-slide {
    width: 1442px;
    opacity: 0.1;
    transform: scale(0.9);
}

.pc-banner .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

.pc-banner .swiper-container .swiper-wrapper .swiper-slide-active {
    width: 1442px;
    opacity: 1;
    transform: scale(1);
}

.pc-banner .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ff1e1e;
}

.pc-banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 21px;
    height: 12px;
    background: #e75230;
    border-radius: 6px;
}

.pve-nex {
    max-width: 1472px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}


.idc{
    display: block;
    margin:0 auto;
}
.swi-w1400 {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
}

.menu_body:after{
    content: "";
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
.menu_head{
    position: relative;
    padding:30px 0 30px 40px;
    box-sizing: border-box;
    float:left;
    cursor: pointer;
}
.link{
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    float: left;
}
.menu_body{
    padding-bottom: 20px;
    width: 100%;
}
.menu_list{width:100%;margin:0 auto;}
.menu_head:after{
    content: "";
    position: absolute;
    left:0;
    width: 28px;
    height: 28px;
    top:50%;
    transform: translateY(-50%);
    background:url(../images/arr-top.png) center right no-repeat;
}
.menu_list .current:after{
    content: "";
    position: absolute;
    left:0;
    width: 28px;
    height: 28px;
    top:50%;
    transform: translateY(-50%);
    background:url(../images/arr-bot.png) center right no-repeat;
}


/**琛ㄦ牸**/
#table-yg{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    font-family: '寰蒋闆呴粦'
}
.table-box-body-row{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.detail-table-header{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 20%;
/*    min-height: 56px;
*/    padding: 5px 27px;
    color: #767676;
    font-size: 12px;
    font-family: "PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei","SimHei",Helvetica,Arial;
    font-weight: normal;
    line-height: 20px;
    white-space: normal;
    word-break: break-all;
    text-align: right;
/*   border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
*/}
.detail-table-header span{
    width: 100%;
    text-align: right;
    font-size: 14px;
}
.detail-table-ceil{
    position: relative;
    width: 20%;
    color: #262626;
    background-color: #fff;
    border-bottom: none;
    border-left: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 27px;
    color: #767676;
    font-size: 14px;
    font-family: "PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei","SimHei",Helvetica,Arial;
    font-weight: normal;
    line-height: 20px;
    white-space: normal;
    border-left: solid 1px #e5e5e5;

}
.detail-table-values{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
/*    transform: translateX(-25%);
*/}
.sg-f24{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
/*.sg-f24:after{
    width: 5px;
    height: 5px;
    border-radius: 1000px;
    background: #ff6900;
    content: "";
    position: absolute;
    left:20px;
    top: 50%;
    transform: translateY(-50%);
}*/
.about-nav{
    width: 100%;
    text-align: center;
}
.about-bord:after{
    border-bottom: 1px solid #f1f1f1;
    content: "";
    display: block;
    width: 100%;
/*    animation:move 3.5s;
*/    max-width: 1442px;
    margin:0 auto;

}
/*@keyframes move{
    0%{width:0;}
    100%{width:100%;}
}*/
.nav-item{
    padding:16px 0;
    padding:0 30px 0 0;
    position: relative;
    display: inline-block;
}
.nav-item span{
    height: 46px;
    line-height: 46px;
    position: relative;
    display: inline-block;
}
.nav-item a {
    position: relative;
}
.page-home{
    padding: 15px 0;
    width: 100%;
    float: left;
}
.page-home a:hover{
    color:#ee7300!important;
}
.font-18{
    float: left;
    font-size: 18px;
    clear: both;
    padding:20px 0;
}
.font-text{
    float: left;
    clear: both;
    padding:10px 0;
    line-height: 38px;
}
.about-right{
    float: right;
    width: 25%;
    padding:15px 0 0 30px;
    box-sizing: border-box;
    position: absolute;
    right:0;
    bottom:30px;
}
.about-left{
    float: left;
    width: 75%;
}
.about-post{
    width: 100%;
    position: relative;
    float: left;
}
.spee{
    margin-bottom: 36px;
}
.spee:after{
    content: "";
    background: #ee7300;
    height: 2px;
    width: 33px;
    display: block;
    margin-top: 25px;
}
.about-con{
    background:url('../images/about-bg.jpg') no-repeat center bottom;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 140px;
}
}
.abouts-con{
    width: 100%;
    padding-bottom: 330px;
    padding-top: 140px;
}

.font-text p{
     width: 100%;
     padding: 10px 0;
     text-align: justify;
}
.signature{
    float: left;
    width: 100%;
    text-align: right;
    padding:10px 0;
}


/*鍙戝睍鍘嗙▼*/
.container{
    padding:50px 0;
}
.cntl-link{
    width: 45px;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    right:0;
    top:15px;
}
.year{
    position: absolute;
    right: 60px;
    font-size: 36px;
    top:-9px;
}
.cntl-text{
    float: right;
    margin-right: 160px;
    padding-right: 15px;
    border-right: 1px solid #f1f1f1;
    text-align: right;
}
.cntl-content:hover .year{
    color:#e46f29;
}
.cntl-content:hover .cntl-link{
   background: #ee7700!important;
}
 .histo-swip{
    float: right;
    width: 100%;
    text-align: right;
    margin-top:15px;
 }
  .cntl-content{
    cursor: pointer;
  }
  .cntl-w10{
    position:relative;
    width: 100%;
    text-align: center;
  }
  .cntl-w10 .swiper-pagination{
      left:50%;
      transform: translateX(-50%);
      padding-top: 5px;
  }
  .cntl-txt{
     width: 100%;
     height: 0;
     opacity: 0;
     padding-left: 160px;
     box-sizing: border-box;
     float: left;
     margin-top: 15px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    position: relative;
}

 .cultre_nav{
     width: 100%;
 }
 .culture-cn{
    width: 100%;
    background-size: cover;
    text-align: center;
    position: relative;
 }
.tabs_content_header{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:0;
}
.devl-more{
    margin-top: 80px;
}
.devl-more a{
    width: 100%;
    max-width: 170px;
    border:1px solid #ee7300;
    color: #ee7300;
    padding:6px 10px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    border-radius:1000px;
}
.devl-more a:hover{

}
.devl-test-bg{
    width: 100%;
    padding:80px 0;
    background: #f8f8f8;
}
.devl-text-right{
    background: #ffffff;
    padding: 85px 90px;
    width: 55%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-50%);
}
.devl-text-list{
    width: 100%;
 }
.devl-text-left{
    float: left;
    width: 50%;
    overflow: hidden;
}
.devl-text-left img{
    transition: transform 0.6s ease 0s;
    width: 100%;
}
.devl-text-list:hover .devl-text-left img{
    transform: scale(1.15, 1.15);
    transition: transform 0.6s ;
}
.iwcul{
    display: none;
}
.wabout-left{
    float: left;
    width: 55%;
    background:url(../images/sban.png) center bottom no-repeat #ffffff;
    background-size:100%;
    box-shadow: -2px 2px 20px #dcdcdc;
    padding: 90px 120px 90px 90px;
    box-sizing: border-box;
}
.wabout-right{
    float: right;
    width: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    right: 0;
    top:-35px;
}
.wabout-right img {
    width: 100%;
    text-align: right;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.wabout:hover .wabout-right img{
    transform: scale(1.15, 1.15);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.wabout{
    width: 100%;
    margin: 80px 0;
    position: relative;
}
.wh1{
    padding-bottom: 35px;
}
.wh1:after{
    width: 40px;
    height: 1px;
    background: #ee7300;
    content: "";
    display: block;
    margin-top: 20px;
}
.whtext{
    color:#666666;
    line-height: 32px;
    text-align: justify;
}
.wa-bottom{
    background: url(../images/down-ico.png) no-repeat left center;
    padding-left:30px;
    margin:40px 0 0;
}
.wa-bottom:hover{
    color:#ee7300;
}
.development{
    width: 100%;
    background: url(../images/about-tepimg.jpg) no-repeat center;
    padding:260px 0;
    margin:10px 0 0;
}
.des-name{
    color: #ffffff;
    text-align: left;
}
.des-text{
    color:#ffffff;
    width:40%;
    padding:30px 0;
    line-height:36px;
}
.des-name:after {
    width: 40px;
    height: 1px;
    background: #ee7300;
    content: "";
    display: block;
    margin-top: 20px;
}
.globals{
    width: 100%;
    background: url(../images/20210807.png) no-repeat top center;
    padding:90px 0 50px;
}
.globals-name{
    width: 100%;
    text-align: center;
}
.globals-li1{
    padding-left:66px;
    background:url(../images/aico01.png) no-repeat 0 5px;
    width: 100%;
    max-width: 480px;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.globals-li2{
    padding-left:66px;
    background:url(../images/aico02.png) no-repeat 0 2px;
    width: 100%;
    max-width: 480px;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.gl-top{
    border-bottom:1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.gl-tit{
    color:#ee7700;
    line-height: 40px;
}
.gl-tit span{
    font-size: 18px;
    color:#666666;
    padding:0 0 0 10px;
}
.gl-name{

}
.gl-bot{
    line-height: 28px;
    color: #666666;
}
.globals-left{
    float: left;
    width: 50%;
}
.globals-right{
    float: left;
    width: 38%;
    padding:0 6%;
    text-align: left;
}
.globals-right img{
    max-width: 500px;
    width: 100%;
}

.approves{
    width: 100%;
    padding: 200px 0 140px;
    background: url(../images/about-img021.jpg) no-repeat center;
    float: left;
    position: relative;
    background-size: cover;
}
.appr-left{
    float: left;
    width: 71%;
}
.appr-right{
    float: right;
}
.appr-left img{
    max-width: 100%;
}
.appr-cn{
    max-width: 400px;
    text-align: justify;
    color:#ffffff;
    padding-right: 50px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 50px;
}
.appr-name{
    text-align: left;
    color: #ffffff;
    padding-bottom: 15px;
}
.appr-name:after{
    width: 40px;
    height: 1px;
    background: #ee7300;
    content: "";
    display: block;
    margin-top: 20px;
}
.mission{
    width: 100%;
    padding:300px 0;
    background: url(../images/about-img03.jpg) no-repeat center;
    float: left;
    background-size: cover;
}
.mis-name{
    text-align: left;
    font-size: 36px;
    color: #ffffff;
}
.mis-name:after{
    width: 40px;
    height: 1px;
    background: #ee7300;
    content: "";
    display: block;
    margin-top: 20px;
}
.mis-text{
    color: #ffffff;
    width: 400px;
    line-height: 32px;
    margin-top: 30px;
}
.header_bg .navigation-down{



    padding-top: 82px!important;
}

/*鐢垫瀵艰埅*/
#LoutiNav{ position: fixed; top:50%; transform: translateY(-50%); left: 20px; display: none; z-index: 99999}
#LoutiNav li{ height: 40px; line-height: 40px; text-align: center; cursor: pointer; display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    align-items: center;}
#LoutiNav li .ic01{ width: 6px; height:6px; background: #cacaca; border-radius: 1000px; float: left; display: block; position: relative; }
#LoutiNav li .ic01:after{ display: block; content: ""; width: 1px; height: 20px; top:15px; background: #f8f8f8;position: absolute; left:50%; transform: translateX(-50%); }
#LoutiNav li:last-child .ic01:after{display: none;}
#LoutiNav .ic02{display: none; margin-left:20px; color: #ee7300;}
#LoutiNav .active .ic01{ background: url(../images/yxgs.png) no-repeat center;border-radius: 0; background-size:13px; width: 15px; height: 13px; margin-left:-5px; }
#LoutiNav li:hover .ic02{display: block;}
#LoutiNav .active .ic02{display: block;}


.navbar-toggle { position: relative; float: right;padding:13px; background-color: transparent; background-image: none; border:0; border-radius: 0 }
.navbar-toggle:focus { outline: 0 }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px }
.navbar-default .navbar-toggle .icon-bar { background-color: #909090 }
.navbar-toggle .icon-bar { position: relative }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px }
.navbar-toggle .icon-bar:nth-child(2) { -moz-transition: background .3s ease 0s; -o-transition: background .3s ease 0s; -webkit-transition: background .3s ease; -webkit-transition-delay: 0s; transition: background .3s ease 0s; background: transparent }
.transform-fallback-fix .navbar-toggle .icon-bar:nth-child(2) { background: #909090 }
.navbar-toggle .icon-bar:nth-child(1), .navbar-toggle .icon-bar:nth-child(3) { -moz-transition: top .3s ease, -moz-transform .3s ease .4s; -o-transition: top .3s ease, -o-transform .3s ease .4s; -webkit-transition: top .3s ease, -webkit-transform .3s ease; -webkit-transition-delay: 0s, .4s; transition: top .3s ease, transform .3s ease .4s }
.navbar-toggle .icon-bar:nth-child(1) { top: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.transform-fallback-fix .navbar-toggle .icon-bar:nth-child(1) { top: 0 }
.navbar-toggle .icon-bar:nth-child(3) { top: -8px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.transform-fallback-fix .navbar-toggle .icon-bar:nth-child(3) { top: 0 }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { -moz-transition: background .3s ease .4s; -o-transition: background .3s ease .4s; -webkit-transition: background .3s ease; -webkit-transition-delay: .4s; transition: background .3s ease .4s; background-color: #909090 }
.navbar-toggle.collapsed .icon-bar:nth-child(1), .navbar-toggle.collapsed .icon-bar:nth-child(3) { top: 0; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transition: top .3s ease .4s, -moz-transform .3s ease; -o-transition: top .3s ease .4s, -o-transform .3s ease; -webkit-transition: top .3s ease, -webkit-transform .3s ease; -webkit-transition-delay: .4s, 0s; transition: top .3s ease .4s, transform .3s ease }


.nav-toggle { position: relative; float: right;padding:13px; background-color: transparent; background-image: none; border:0; border-radius: 0 }
.nav-toggle:focus { outline: 0 }
.nav-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px }
.nav-toggle .icon-bar + .icon-bar { margin-top: 4px }
.nav-default .nav-toggle .icon-bar { background-color: #909090 }
.nav-toggle .icon-bar { position: relative }
.nav-toggle .icon-bar + .icon-bar { margin-top: 6px }
.nav-toggle .icon-bar:nth-child(2) { -moz-transition: background .3s ease 0s; -o-transition: background .3s ease 0s; -webkit-transition: background .3s ease; -webkit-transition-delay: 0s; transition: background .3s ease 0s; background: transparent }
.transform-fallback-fix .nav-toggle .icon-bar:nth-child(2) { background: #909090 }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { -moz-transition: top .3s ease, -moz-transform .3s ease .4s; -o-transition: top .3s ease, -o-transform .3s ease .4s; -webkit-transition: top .3s ease, -webkit-transform .3s ease; -webkit-transition-delay: 0s, .4s; transition: top .3s ease, transform .3s ease .4s }
.nav-toggle .icon-bar:nth-child(1) { top: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.transform-fallback-fix .nav-toggle .icon-bar:nth-child(1) { top: 0 }
.nav-toggle .icon-bar:nth-child(3) { top: -8px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.transform-fallback-fix .nav-toggle .icon-bar:nth-child(3) { top: 0 }
.nav-toggle.collapsed .icon-bar:nth-child(2) { -moz-transition: background .3s ease .4s; -o-transition: background .3s ease .4s; -webkit-transition: background .3s ease; -webkit-transition-delay: .4s; transition: background .3s ease .4s; background-color: #909090 }
.nav-toggle.collapsed .icon-bar:nth-child(1), .nav-toggle.collapsed .icon-bar:nth-child(3) { top: 0; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transition: top .3s ease .4s, -moz-transform .3s ease; -o-transition: top .3s ease .4s, -o-transform .3s ease; -webkit-transition: top .3s ease, -webkit-transform .3s ease; -webkit-transition-delay: .4s, 0s; transition: top .3s ease .4s, transform .3s ease }

.clno2{
    display: none;
}
.ishow .clno2{
    display: block;
}
.ishow .clno1{
    display: none;
}
.nav-toggle .icon-bars + .icon-bars {
    margin-top: 6px;
}
.navbar-default{ position: fixed; right:0; z-index: 9999; height: 45px;}
.togsearch{color:#909090;
position: fixed; z-index: 99; width: 50px; text-align: center; line-height: 45px; height: 45px;right:50px;
}
.toglg{color:#909090;
position: fixed; z-index: 99; width: 50px;right:100px;line-height: 45px; height: 45px;text-align: center;
}
.togmenu{
    float: right;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: space-between;
}
.glo-video {
    position: relative;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    z-index: 10;
    overflow: hidden;
}
.about-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(0);
    border-radius: 500%;
    overflow: hidden;
}
#medio{
   object-fit: cover;
}
.selected {
     color: #fff;
     background: #ff6900;
     border-radius: 1000px;
  }
  .selected .underLine{
      width:15px;
      height: 1px;
      background: #FFF;
      bottom:0px;
      left:0px;
      right:0px;
      margin:auto;
  }

  .nav-list{
      white-space: nowrap;
      display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
      height: 40px;
      align-items: center;
      justify-content: center;
  }
  .pnav-list{
    white-space: nowrap;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    flex-direction: column;
  }

  .snav-list{
    white-space: nowrap;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
   }

  .nav-a {
      color: #505050;
      text-decoration: none;
      font-size: 16px;
      margin: 0px;
      padding:0 15px;
      display: inline-block;
      width: auto !important;
      line-height: 46px;
      overflow: hidden;
      position: relative;
      text-align: center;
  }
  .cate-nav{
     width: 100%;
     padding:10px 0 25px;
  }
  .iactive{
    background: #ee7300;
    color:#ffffff;
    border-radius:100px;
  }
  .snav-a{
     line-height: 30px;
     cursor: pointer;
  }
  .selected {
     color: #fff;
     background: #ff6900;
     border-radius: 1000px;
  }
  .selected .underLine{
      width:15px;
      height: 1px;
      background: #FFF;
      bottom:0px;
      left:0px;
      right:0px;
      margin:auto;
  }

  #nav .bar .color{
      width: 15px;
      margin: 0 auto;
      height: 1px;
      background: #f85959;
  }
  #nav .bar {
      width: 50px;
      height: 3px;
      position: absolute;
      bottom: 6px;
  }
  .nav-a span{
      line-height: 40px;
  }
/*  ::-webkit-scrollbar {
      width: 0px;
      height: 0px;
  }*/

.swiper-container {
    width: 100%;
    height: 100%;
}

#table-yg li{
    font-size: 16px;
    display: inline-block;
    padding-right: 15px;
    width: 50%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding:15px 0;
    color:#333;
/*    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;*/
}
.ta01{
    color:#606060!important;
}
#table-yg li span{
    color:#b5b5b5;
}
.currs{
    position : relative;
}
.nav-a a:hover{
    color: #ff6900!important;
}
.currs a {
    color: #ff6900!important;
}

/*fullpage*/
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/*fullpage*/


.swiper-content {
    width: 100%;
    height: 100%;
    background: #fff;
}
.swiper-content .inner {
    padding: 20px 70px;
    margin-top: 200px;
}
.swiper-content h1 {
    margin: 0 0 15px;
    font-size: 40px;
    color:#ffffff;
}
.swiper-content .movie-pic {
    float: left;
    border-radius: 5px;
    box-shadow: 0px 1px 2px #000;
    width: 110px;
    height: auto;
}
.swiper-content .movie-text {
    color:#ffffff;
    width: 100%;
    line-height: 32px;
    max-width: 520px;
    margin:0;
}
.swiper-nav {
    height: 195px;
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
}
.swiper-nav:after{
    border-bottom: 1px dashed rgba(255,255,255,0.3);
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top:113px;
    left:0;
    right:0;
}
.swiper-nav .swiper-slide {
    width: 150px;
    height: 165px;
    text-align: center;
    position: relative;
}
.swiper-nav .swiper-slide, .swiper-nav .angle {
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.swiper-nav .angle {
    width: 18px;
    height: 18px;
    background: url(../images/circle.png) no-repeat;
    background-size:100%;
    position: absolute;
    top:85px;
    left:50%;
    margin-top:20px;
    transform: translateX(-50%);

}
.swiper-navs{
    height: 0
}
.swiper-nav .active-nav {

}
.swiper-nav .active-nav .angle {
    background: url(../images/circle-bg.png) no-repeat;
    background-size:100%;
}
.swiper-nav .swiper-wrapper {
    margin: 0 auto;
}
.swiper-nav img {
    width: 80px;
    height: 80px;
    margin:0 auto;
    cursor: pointer;
}
.swiper-nav .title {
    margin: 0 5px;
    font-size: 10px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/*鍙戝睍鍘嗙▼*/
.cntl {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding:50px 0;
}

.cntl-center {
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.cntl-bar {
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    background-color: #f5ad66;
}


.cntl-bar-fill {
    background-color: #f5ad66;
    position: absolute;
    left:0;
    right:0;
    top:0;
    height:0;

}
.cntl-bar-fill:after{
    content: "";
    position: absolute;
    width: 2px;
    height: 60px;
    top:0;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5ad66 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5ad66));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5ad66 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f5ad66 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f5ad66 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f5ad66 100%);;
}
.cntl-bar:after{
    content: "";
    position: absolute;
    width: 2px;
    height: 60px;
    bottom: 0;
    background: -moz-linear-gradient(top, #f5ad66 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ad66), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f5ad66 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f5ad66 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f5ad66 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f5ad66 0%,#ffffff 100%);
}

.cntl-state {
    position: relative;
    width:100%;
    margin-bottom: 50px;
}

.cntl-state::after {
    display:block;
    content: ' ';
    clear:both;
}

.cntl-icon {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background:url('../images/yxg.png') no-repeat center;
    position: absolute;
    top: -10px;
    color: #fff;
}

.cntl-content {
    width: 49%;
    float:left;
    opacity:0;
    position:relative;
    margin-left:-40%;
}

.cntl-state:nth-child(2n+2) .cntl-content {
    float:right;
    margin-right:-40%;
}
.cntl-state:nth-child(2n+1) .cntl-txt {
    padding-left: 0;
    padding-right: 160px;
}


.cntl-image {
    opacity:0;
    width: 40%;
    padding: 2%;
}

.cntl-state:nth-child(2n+1) .cntl-image {
    float:right;
}

.cntl-image img {
    width:100%;
}

.cntl-content h4 {
    font-size:20px;
    font-weight: normal;
    margin-bottom: 10px;
}


/*
animations
*/
.cntl-bar-fill,.cntl-content,.cntl-image {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {
    margin-right:0%;
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .year{
    left:60px;
    right:auto;
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-text{
    float: left;
    margin-left: 160px;
    padding-right: 0!important;
    margin-right: 0!important;
    border-right: 1px solid #f1f1f1;
    text-align: left!important;
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-link {
    width: 45px;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 14px;
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-text{
    border-right: 0;
    border-left: 1px solid #f1f1f1;
    padding-right: 0;
    padding-left: 15px;
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-texts{
    border-right: 0;
    padding-right: 0;
    padding-left: 15px;
}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-texts{
    float: left;
    margin-left: 160px;
    padding-right: 0!important;
    margin-right: 0!important;
    border-right: 1px solid #f1f1f1;
    text-align: left!important;
    margin-top: 10px;
}

.cntl-animate .cntl-content {
    opacity:1;
    margin-left:0%;
    position: relative;
    margin: 15px 0;
}

.cntl-animate .cntl-image {
    opacity:1;
}

.cntl-state:hover .cntl-icon{
   background:url(../images/yxgs.png) no-repeat center;
   background-size: 16px;
}



.kke_menus_tab_edage {
    float: left;
}

.kke_cfg_ctn {
    display: none;
}

#KKE_sina_finance_logo {
    display: none;
}
#top{
    padding-top:0px;
}
.hotcas{
    background: url(../images/hot.png) no-repeat center right;
    float: left;
    width:55px;
    padding:6px;
    color:#ffffff;
    font-weight: bold;
    position: absolute;
    left:0;
    top:0;
}
.swiper-pagination-switch{
    background: #8b8b8b;
    border-radius:1000px;
    display: inline-block;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    opacity: .9;
    margin: 0 6px;
    cursor: pointer;
}
.swiper-active-switch{
    background: #de7d2f !important;
    transform: scale(1.2);
}

.iactive{
    display: block!important;
}
.inav-a {
    color: #505050;
    text-decoration: none;
    font-size: 16px;
    margin: 0px;
    padding: 0 15px;
    display: inline-block;
    width: auto !important;
    line-height: 46px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.k-font{
    text-align: center;
    width: 100%;
    padding:30px 0;
}
.k-font ul{
    margin:0;
    padding:0;
    list-style: none;
    display: flex;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    justify-content: center;
}
.k-font li{
    padding:0 10px;
}
.close-btn{
    position: absolute;
    top:-14px;
    right:0;
    z-index: 99;
}
.cntprel{
    position: relative;
    padding-right: 14px;
}
.ewmclose2{
    font-size: 20px!important;
    color:#ffffff;
}
.point,.point::before,.point::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
.point::before{animation: scale 2s infinite; }
.point::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(6); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(12);opacity:0;}}


.point,.point::before,.point::after{
/* 璁剧疆棰滆壊 */
background:url(../images/add-icon.png) no-repeat center;
display: flex;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
align-items: center;
}
.point2,.point2::before,.point2::after{
/* 璁剧疆棰滆壊 */
background-color: rgba(0, 221, 254, .9);}
.point3,.point3::before,.point3::after{
/* 璁剧疆棰滆壊 */
background-color:  rgba(1, 88, 255, .9);}
.point4,.point4::before,.point4::after{
/* 璁剧疆棰滆壊 */
background-color:  rgba(135, 229, 8, .9);}



.hl_nav{
    position: relative;
    color: #333;
    width: 100%;
    height: 50px;
    max-width: 1200px;
}
.hl_nav a{
    display: block;
    text-decoration: none;
}
.hl_nav .shade{
    width: 100%;
    z-index: 1;
    opacity: 0.9;
    filter: alpha(opacity=90);
    box-shadow: 0 5px 15px #CCCCCC;
    display: none;
    border-bottom: #ffffff solid 1px;
    border-bottom: rgba(255,255,255,0.3) solid 1px;
}
.hl_nav .nav_list{
     margin: 0;
    z-index: 2;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
    height: 50px;
}
.hl_nav .nav_list>li{
    padding: 0;
    float: left;
    margin: 0;
    text-align: center;
    height: 50px;
    padding: 0 15px;
}
.hl_nav .nav_head{
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 16px;
    position: relative;
}

.hl_nav .nav_list>li>ul{
    position: absolute;
    width: auto;
    height: 40px;
    top: 50px;
    z-index: 2;
    padding: 0;
    margin: 0;
    line-height: 40px;
    list-style: none;
    overflow: hidden;
    display: none;
}
.hl_nav .nav_list>li.active {
    background-color: #ea0d04;
}
.hl_nav .nav_list>li a:hover{
    color: #ff6900!important
}
.hl_nav .nav_list>li:hover>ul{
    display: block;
}


.hl_nav .nav_list>li>ul.offset_left{
    left: 0;
}
.hl_nav .nav_list>li>ul.offset_left.offset_1{
    left: 10%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_2{
    left: 20%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_3{
    left: 30%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_4{
    left: 40%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_5{
    left: 50%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_6{
    left: 60%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_7{
    left: 70%;
}
.hl_nav .nav_list>li>ul.offset_left.offset_8{
    left: 80%;
}
.hl_nav .nav_list>li>ul.offset_right{
    right: 0;
}
.hl_nav .nav_list>li>ul.offset_right.offset_1{
    right: 10%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_2{
    right: 20%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_3{
    right: 30%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_4{
    right: 40%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_5{
    right: 50%;
}
.hl_nav .nav_list>li>ul.offset_right.offset_6{
    right: 60%;
}

.hl_nav .nav_list>li>ul>li{
    float: left;
}
.hl_nav .nav_list>li>ul>li>a{
    text-decoration: none;
    display: block;
    color: #666666;
    padding: 0 20px;
    height: 40px;
}
.hl_nav .nav_list>li>ul>li>a:hover{
    background-color: #ffffff;
    color: #999999;
}
.hl_nav .nav_list:hover{
    height: 90px;
}

.hl_nav .nav_list:hover + .shade{
    display: block;
}
#move_port{
  position: fixed;
  width: 15%;
  left: 0;
  top:0;
  cursor: pointer;
  z-index: 10000;
}