body{background: #fff;font-size:14px;font-family: 'jt',Arial,"Helvetica Neue", Helvetica, sans-serif;color:#333333;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs80{font-size: 64px;line-height: 1;}
.fs70{font-size: 60px;line-height: 1;}
.fs60{font-size: 50px;line-height: 1;font-weight:bold;}
.fs50{font-size: 36px;}
.fs40{font-size: 24px;}
.fs34{font-size: 22px;}
.fs32{font-size: 21px;}
.fs30{font-size: 20px;}
.fs28{font-size: 19px;}
.fs26{font-size: 18px;}
.fs24{font-size: 16px;}
.fs22{font-size: 14px;}
.fs18{font-size: 12px;}


.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.c9{color:#999;}
.grey{color:#757575;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.ai{align-items: center;}
.flex-end{align-items: flex-end;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{ text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 5%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:0;display: inline-block;}
.navbar-brand>img{max-height: 80px;}
.imghover{overflow: hidden;}
.imghover .img{transition: all .5s ease 0s;}
.imghover:hover .img{transform: scale(1.04);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{
  -moz-transition:all .5s ease 0s; 
  -ms-transition:all .5s ease 0s; 
  -o-transition:all .5s ease 0s; 
  -webkit-transition:all .5s ease 0s; 
  transition:all .5s ease 0s;
}
.mask{background: rgba(0,0,0,.3);position: fixed;top:0;left:0;bottom:0;right:0;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0042a6;background: #0042a6;color:#fff;}
.container{max-width: 1440px;}

@font-face{
  font-family: 'jt';
  src:url('../fonts/pfr.ttf');
}
@media (min-width:767px){
  .container{width: 94%;}
}
@media (min-width:992px){
    .container{width: 85%;}   
}
@media (min-width:1500px){
    .container{width: 80%;}   
}
.sectionBox{width: 100%;height: 100%;position: relative;}

.bodyfixed{overflow: hidden;}
.bodyfixed .head_nav .logo{opacity: 0;}
.head_nav{position: fixed;top:0;left:0;right:0;z-index:100;padding:30px 0;}
.head_nav .logo img{max-height: 50px;}
.head_nav .icon-nav{width: 50px;height: 36px;background: url(../images/icon-nav.png) no-repeat center;background-size: 100% auto;}
.head_nav .hamburger-box{width: 50px;}
.head_nav .hamburger{cursor: pointer;width: 100%;padding-bottom:72%;position: relative;}
.hamburger .icon {width:76%;background-color:#fff;display:block;height:2px;position:absolute;right:0;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.hamburger .icon:nth-child(1) {top:0;width:100%;}
.hamburger .icon:nth-child(2) {top:50%;margin-top:-1px;}
.hamburger .icon:nth-child(3) {bottom:0;}
.hamburger.open .icon:nth-child(1),.hamburger.open .icon:nth-child(3) {top:7px;width:28px}
.hamburger.open .icon:nth-child(1) {-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.hamburger.open .icon:nth-child(2) {display:none}
.hamburger.open .icon:nth-child(3) {-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.index_head_nav{padding:0;}
.index_head_nav .logo{position: fixed;top:30px;left:7.5%;}
.index_head_nav .hamburger-box{position: fixed;top:30px;right:7.5%;}
.index_head_nav.on .logo{display: none;}
.hamburger-box.on .hamburger .icon{background: #333;}
.hamburger.open .icon,.head_nav.fixed .icon{background: #333!important;}

.head_nav.fixed{background: #fff;transition: all linear .3s;padding:20px 0;box-shadow: 0 5px 8px rgba(0,0,0,.2);}
.bodyfixed .head_nav.fixed{background: none;box-shadow: none;}

.global-nav{position: fixed;top:0;background: #F5F5F5;left:auto;right:0;bottom:0;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;-webkit-transform:translateX(100%);transform:translateX(100%);margin:auto;/*visibility:hidden;*/width:100%;opacity: 1;}
.global-nav.close {-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);-webkit-transform:translateX(100%);transform:translateX(100%);z-index:20;width:100%}
.global-nav.open {/*overflow-y:scroll;-webkit-overflow-scrolling:touch;*/-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);-webkit-transform:translateX(0);transform:translateX(0);z-index:20;visibility:visible;width:100%}
.global-nav.open::-webkit-scrollbar {background-color:#333333;width:2px}
.global-nav.open::-webkit-scrollbar-track {background:transparent;border:none}
.global-nav.open::-webkit-scrollbar-thumb {background:#333333;border-radius:2px;width:2px}
.global-nav .nav{position: fixed;top:0;left:0;right:0;bottom:0;background: url(../images/nav-bg.png) no-repeat center;background-size: cover;}
.global-nav .nav-box{padding-top:50px;}
.global-nav .list{margin:0 90px;}
.global-nav .list li{line-height: 1;margin-bottom: 80px;}
.global-nav .list li .en{font-weight: normal;font-family: arial;font-size:36px;margin-right: 10px;padding:0 6px;position: relative;}
/*.global-nav .list li a .en::after{content:'';position: absolute;left:0;width: 0;transition: all linear .3s;top:50%;height: 4px;background: #eeb118;margin-top:-2px;}*/
.global-nav .list li a.active .en::after,.global-nav .list li a:hover .en::after{width: 100%;}
.global-nav .list li a.active,.global-nav .list li a:hover{color:#204c9c;}
.global-nav .list li .cn{font-weight: bold;letter-spacing: 1px;}
.global-nav .other-nav{text-align: center;margin-top: 20px;}
.global-nav .other-nav li{display: inline-block;text-align: left;margin:0 40px;width: 33%;max-width: 400px;}
.global-nav .other-nav li a{font-weight: bold;border:2px solid #333;display:block;padding:20px 10% 20px 17.5%;position: relative;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0;transition-delay:0;}
.global-nav .other-nav li .icon{position: absolute;width: 12.5%;right:10%;height: 100%;top:0;background: url(../images/icon-arrow.png) no-repeat center right;background-size: 100% auto;}
.global-nav .other-nav li a:hover .icon{background-image: url(../images/icon-arrowon.png);}
.global-nav .other-nav li a:hover{background: #204c9c;border-color:#204c9c;color:#fff;}
.global-nav .sns{margin-top: 55px;}
.global-nav .sns li{display: inline-block;margin:0 25px;font-weight: bold;line-height: 30px;}
.global-nav .sns li a{display: block;padding-left: 40px;position: relative;}
.global-nav .sns li a .icon{position: absolute;left:0;height: 100%;top:0;width: 40px;background: url(../images/icon-address.png) no-repeat left center;}

.section{overflow: hidden;position: relative;}
.bannerBox .img{width: 100%;}
.bannerBox #video{/*object-fit: cover;*/height:100%;}

.partPro .sectionBox{display: flex;flex-direction: column;justify-content: flex-end;}
@media (min-width:767px){
    .sectionBox .index-proCate{position: absolute;top:0;left:0;max-width: 520px;width:28%;height: 100%;z-index:10;}
}
.sectionBox .index-proCate{background: rgba(32, 76, 156, 0.8);color:#fff;text-align: center;}
.sectionBox .index-proCate .swiper-container,.sectionBox .index-proCate .swiper-container ul{height: 100%;}
.sectionBox .index-proCate li a{opacity: 0.7;padding:0 10px;height:100%;}
.sectionBox .index-proCate li.on a{opacity: 1;background: #eeb118;}

.partPro{background: #f4f4f4;}
.index-proList,.index-proList-box{width: 100%;position: relative;}
.index-proList{padding-left: 16.67%;}
.index-proList .proList-item{display: none;width:50%;margin:0 auto;overflow: visible;}
/*.index-proList .proList-item:first-child{display: block;}*/
.index-proList .proList-item.on{display: block;}
.index-proList .proList-item .item-img{width: 100%;position: relative;overflow: hidden;background: #fdfdfd;padding:20px;}
.index-proList .proList-item .item-img .img{width: 100%;height: 100%;position: relative;}
.index-proList .proList-item .item-img img{max-width: 100%;max-height: 100%;}
.index-proList .proList-item ul{}
.index-proList .proList-item li{width: 50%;}
.index-proList .proList-item .item-name{padding:32px 10px;line-height: 1;color:#000;}
.section .swiper-btn{margin:-65px 0 0 0;width: 60px;height: 130px;background: #eeb118;color:#eeb118;border:none;border-radius:0;}
.section .swiper-btn::after{color:#fff;width:35.7%;height: 100%;margin:0 auto;background: url(../images/swiper-right.png) no-repeat center;background-size: 100% auto;font-size:0;}
.section .swiper-button-prev::after{background-image: url(../images/swiper-left.png);}
.index-proList .proList-item .swiper-button-next{right:-3.75%;}
.index-proList .proList-item .swiper-button-prev{left:-3.75%;}
.index-proList .swiper-btn{margin-top:-130px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}

.index-proTitle{position: absolute;left:86.842%;margin-left:-3px;top:0;z-index:11;}
.index-proTitle>div{position: relative;padding:30px 0 16px 30px;}
.index-proTitle>div::before{position: absolute;content:'';bottom:0;left:0;width: 2px;height: 300px;max-height:50%;background: #333333;}
.index-proTitle .en-title{writing-mode:vertical-rl;min-height: 380px;text-align: left;line-height: 1.2;color:#000;}
.index-proTitle .en-title span{font-size:14px;margin-bottom: 14px;font-weight: bold;line-height: 1;position: relative;right:-8px;}
.index-proTitle .en-title b{font-size:46px;font-family: -webkit-pictograph,times;font-weight: normal;text-transform: uppercase;}
.index-proTitle .title{font-weight: bold;}

.partRun .sectionBox ul,.partRun .sectionBox ul li{height: 100%;}
.partRun .runpic-pic{position: relative;}
.partRun .runpic-pic li{display:none;background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;top:0;left:0;width: 100%;height: 100%;}
.partRun .runpic-words{position: absolute;left:0;right:0;top:0;height: 100%;color:#fff;z-index:5;padding-top:20px;}
.partRun .runpic-words li{transition: all linear .3s;position: relative;}
.partRun .runpic-words li .mix{width: 100%;}
/*.partRun .runpic-words-list{opacity: 0;}*/
.partRun .runpic-words .hover .runpic-words-item{position: relative;transform: translateX(0);transition: all linear .3s;}
.partRun .runpic-words .runpic-words-list{height: 0;overflow: hidden;position: relative;}
.partRun .runpic-words .list{opacity: 0;transition: all linear 0.3s;overflow: hidden;position: relative;/*transform: translateY(100%);*/}
.partRun .runpic-words .hover:hover .list{opacity: 0.8;/*transform: translateY(0);*/overflow: visible;}
/*.partRun .runpic-words .hover:hover .runpic-words-list{height: auto;}*/
/*.partRun .runpic-words .hover:hover .runpic-words-item{transform: translateY(-100%);}*/
.partRun .runpic-words .list .item{margin:14px 0;}
.partRun .runpic-words-pic img{transition: all 1s;}
.partRun .runpic-words .hover:hover .runpic-words-pic img{transform: rotateY(180deg);} 
.partRun .runpic-pic-shade{height: 100%;width: 100%;background: rgba(0,0,0,.2);position: absolute;z-index:2;transition:all 2s;}
.runpic-pic-true{animation: toPicBig 1s ease-in-out both;}
@keyframes toPicBig
{0% {transform: scale(1.04);}100% {transform: scale(1);}}
.partRun .runpic-words-pic{max-width: 26%;margin:0 auto 40px;}
.partRun .runpic-words-pic img{max-width: 100%;}

.partAbout .about-img{padding:0;}
@media (min-width:767px){
    .partRun .runpic-words li{width:20%;}
   .partAbout .content{width: 25.92%;} 
   .partAbout .about-img{width: 70.08%;} 
}
.partAbout .content{height: 100%;position: relative;}
.partAbout .content-item{padding: 0 14.5% 40px 14.5%;position: absolute;right:0;bottom:16%;width: 100%;}
.partAbout .desc{color:#444;line-height: 1.6;text-indent: 22px;margin-top:45px;text-align: justify;}
.partAbout .more{border:1px solid #333;display: inline-block;margin-top:40px;transition: all linear .3s;}
.partAbout .more i{display: block;height: 38px;width: 150px;background: url(../images/icon-arrow.png) no-repeat center;background-size: auto 18px;}
.partAbout .more:hover{background:#204c9c;}
.partAbout .more:hover i{background-image: url(../images/icon-arrowon.png);}

.part-title .en-title{text-transform: uppercase;padding-bottom: 40px;position: relative;}
.part-title .en-title::after{position: absolute;right:0;bottom:0;height: 2px;background: #000;content:'';max-width: 55%;width: 300px;}
.part-title .en-title span{font-size:14px;transform: rotate(-90deg);font-weight: bold;margin-right: 20px;display: inline-block;position: relative;top:-4px;}
.part-title .en-title b{font-family: -webkit-pictograph,times;font-weight: normal;text-transform: uppercase;}
.part-title .title{font-weight: bold;text-align: right;margin-top:32px;line-height: 1;letter-spacing: 1px;}

.partAbout .about-img .img{width: 100%;transition: all 1s;}

/*.partAbout .about-img .imghover:hover .img{transform: scale(1.08);}*/
.partAbout .about-tab{background: rgba(3, 61, 171, 0.8);height: 34.26%;padding:0 40px;position: absolute;width: 50%;left:0;bottom:0;background-blend-mode: multiply;color:#fff;}
.partAbout .about-tab li{height:100%;padding:20px 15px 10px;text-align: center;display: flex;justify-content: center;flex-direction: column;position: relative;z-index:2;}
.partAbout .about-tab li a{display: block;width: 100%;}
.partAbout .about-tab li .item-img{max-width: 30%;margin:0 auto 25px;transition: all linear .5s;}
.partAbout .about-tab li a:hover .item-img{transform: rotateY(180deg);}
/*.partAbout .content::after{height: 34.26%;background: rgba(32,76,156,1);width: 100%;bottom:0;left:0;position: absolute;content:'';}*/

.partNews .part-newstit{position: absolute;top:8%;bottom:2%;left:7.8%;pointer-events: none;z-index:10;}
.partNews .part-newstit .en-title{width:70px;float:left;height: 100%;display: flex;align-items: flex-end;}
.partNews .part-newstit .en-title p{transform: rotate(-90deg);transform-origin:left center;line-height: 1;padding-left:25px;font-weight: bold;}
.partNews .part-newstit .en-title p b{font-size:84px;color:#ebebeb;font-family: -webkit-pictograph,times;font-weight: normal;text-transform: uppercase;white-space: nowrap;}
.partNews .part-newstit .en-title p span{font-size:16px;position: absolute;left:0;bottom:10px;transform: rotate(-90deg);transform-origin: left;}
.partNews .part-newstit .title{float:left;width: 30px;text-align: center;margin-left:30px;line-height: 1.1;height: 100%;position: relative;}
.partNews .part-newstit .title::before{content:'';position: absolute;top:0;left:-30px;height: 300px;max-height: 35%;width: 2px;background: #333;}
.news-swiper{width: 100%;position: relative;padding-left:4.8%;}
.news-swiper .swiper-box{width: 56.5%;margin:0 auto;position: relative;}
.news-swiper .swiper-container{overflow: visible;}
/*.news-swiper .swiper-container li{width: 28.23%;}*/
.news-swiper .swiper-container li a{display: block;padding:0 6.2%;}
.news-swiper .swiper-btn{margin-top:-100px;}
.news-swiper .swiper-button-next{right: -1%;}
.news-swiper .swiper-button-prev{left: -1%;}
.newsList li{padding:10px 0;}
.newsList li .item-img{position: relative;overflow: hidden;}
.newsList li .item-img .img{transition: all .6s;padding-bottom: 133.33%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.newsList li .item-img .item-mask{opacity: 1;transition: all .3s;position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,.1);z-index:1;}
.newsList li .item-img .item-date{font-size:16px;font-weight: bold;position: absolute;z-index: 2;bottom:0;left:0;background: #fff;padding:18px 30px 18px 60px;line-height: 1;color:#333; }
.newsList li .item-img .item-date::before{position: absolute;left:2px;content:'';width: 17%;height: 2px;background: #333;top:50%;margin-top:-1px;}
.newsList li p{margin-top:20px;line-height: 1.61;font-weight: bold;}
.newsList li a:hover .item-img .item-mask{opacity: 0;}
.newsList li a:hover .item-img .img{transform: scale(1.03);}

.part-title.white{text-align: right;}
.part-title.white .en-title::after{background: #fff;max-width: 46%;}
.part-title.white .en-title span{font-size: 16px;font-weight: normal;}
.part-title.white .title{font-weight: normal;}
.partContact{background: url(../images/contact-bg.png) no-repeat center;background-size: cover;color:#fff;}
.partContact .contactBox{flex-direction: row-reverse;}
.partContact .contactInfo li{padding-left: 50px;position: relative;line-height: 32px;opacity: 0.8;margin-top: 40px;}
.partContact .contactInfo li .icon{position: absolute;left:0;top:0;height: 32px;width: 36px;background-repeat: no-repeat;background-size: auto 100%;}
.partContact .contactInfo li .icon-tel{background-image: url(../images/icon-tel.png);}
.partContact .contactInfo li .icon-mail{background-image: url(../images/icon-mail.png);}
.partContact .contactInfo li .icon-address{background-image: url(../images/icon-address-w.png);}
.partContact .code{margin-top:60px;}
.partContact .code img{float:right;width: 33.333%;margin-left:16.666%;border:1px solid #afafaf;}
@media (min-width:992px){    
.partContact .contactBox .col-xs-12{width: 45%;}
}
.partContact .contact-form{background: rgba(255,255,255,.1);color:#ededed;}
.partContact .contact-form .form{padding:70px 12% 40px;}
.partContact .form-item input::-webkit-input-placeholder,.partContact .form-item textarea::-webkit-input-placeholder {color:#ededed;}
.partContact .form-item input::-moz-input-placeholder,.partContact .form-item textarea::-moz-input-placeholder {color:#ededed;}
.partContact .form-item input::-ms-input-placeholder,.partContact .form-item textarea::-ms-input-placeholder {color:#ededed;}
.partContact .form-item input,.partContact .form-item textarea{border:none;outline: none;padding:12px 0;line-height: 1;background: none;width: 100%;}
.partContact .form-item textarea{min-height: 100px;}
.partContact .form-item{margin-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,.3)}
.partContact .form-btn{transition: all linear .3s;background: none;outline: none;border:1px solid #fff;width:200px;max-width: 41%;line-height: 1;padding:12px 20px;text-align: center;margin:0 auto;display: block;}
.partContact .form-btn:hover{background: rgba(255,255,255,1);color:#204c9c;}

.footer{background: #e6e6e6;padding-top:70px;}
.copyright{padding:20px 0;text-align: center;}
.footer .footer-info{padding:0 30px 10px;flex-direction: row-reverse;}
.footer-company{padding-right: 30px;min-width: 32%;}
.footer-company p{margin-bottom: 8px;font-weight: normal;color:#000;}
.footer .footer-title span{padding-bottom: 12px;display: inline-block;margin-bottom: 12px;position: relative;}
.footer .footer-title span::after{position: absolute;content:'';width: 26px;height: 2px;background: #edb324;left:0;bottom:0;}
.footer .co-name{margin-bottom: 18px;font-weight: bold;color:#333;}
.footer-nav li{margin:5px 0 15px;}
.footer .footer-img{max-width: 12%;}
.footer .code{margin-top:40px;}
.footer .code img{border:1px solid #afafaf;margin-bottom: 10px;}
.footer .logo img{max-height: 80px;max-width: 75%;}

@media (min-width:768px){
  .secwen-left {opacity:0;filter:alpha(opacity=0);transform:translateX(-60px);transition:.8s;}
  .secwen-left.animate {opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:.8s;}
  .secwen-right {opacity:0;filter:alpha(opacity=0);transform:translateX(60px);transition:.8s;}
  .secwen-right.animate {opacity:1;filter:alpha(opacity=100);transform:translateX(0);transition:.8s;}
  .secwen-q {opacity:0;transition:1.5s ease;transform:scale3d(1.1,1.1,1);}
  .animate.secwen-q {opacity:1;transform:scale3d(1,1,1);transition:1.5s ease;}
  .secwen {opacity:0;filter:alpha(opacity=0);transform:translateY(40px);transition:.8s;}
  .animate.secwen {opacity:1;filter:alpha(opacity=100);transform:translateY(0);transition:1s;}
  .animate.add1 {transition-delay:.1s;}
  .animate.add2 {transition-delay:.2s;}
  .animate.add3 {transition-delay:.3s;}
  .animate.add4 {transition-delay:.4s;}
  .animate.add5 {transition-delay:.5s;}
  .animate.add6 {transition-delay:.6s;}
  .animate.add7 {transition-delay:.7s;}
  .animate.add8 {transition-delay:.8s;}
  .animate.add9 {transition-delay:.9s;}
  .animate.add10 {transition-delay:1s;}
  .animate.add11 {transition-delay:1.1s;}
  .animate.add12 {transition-delay:1.2s;}
  .animate.add16 {transition-delay:1.6s;}
  .animate.add18 {transition-delay:1.8s;}
  .animate.add20 {transition-delay:2s;}
  .animate.add22 {transition-delay:2.2s;}
  .animate.add24 {transition-delay:2.4s;}
  .animate.add26 {transition-delay:2.6s;}
}



@media (max-width:1200px){
    .fs80{font-size: 56px;}
    .fs50{font-size: 30px;}
    .fs40{font-size: 21px;}
    .fs34{font-size: 20px;}
    .fs32{font-size: 19px;}
    .fs30{font-size: 18px;}
    .fs26{font-size: 17px;}

    .index-proTitle>div{padding-left: 25px;}
    .index-proList .proList-item .item-img .img{height: auto;padding-bottom: 100%;}
    .part-title .en-title{padding-bottom: 32px;}
    .part-title .title{margin-top:28px;}
    .partAbout .desc{margin-top:35px;}
    .partAbout .more{margin-top:35px;}
    .partAbout .about-tab{padding:0 20px;}
    .newsList li .item-img .item-date{font-size:15px;padding:14px 20px 14px 50px;}
    .section .swiper-btn{width: 52px;}
    .partNews .part-newstit .en-title p b{font-size:80px;}
    .partNews .part-newstit .title{margin-left:25px;position: relative;left:-5px;}
    .partNews .part-newstit .title::before{left:-25px;}

    .partPro .sectionBox{justify-content: center;}
    .part-title .en-title b{white-space: nowrap;}
    .part-title.white .en-title span{position: absolute;left:-4px;top:auto;bottom:39px;margin:0;}
    .partRun .runpic-words-pic{max-width: 30%;margin-bottom: 30px;}

}

.mbox {display: none;}
.slide-mspan {position:absolute;width:45px;height:30px;background:url(../images/x5.png) no-repeat center;background-size:100%;left:0;right:0;bottom:20px;margin:auto;z-index:10;}
.section2 .slide-mspan,.section5 .slide-mspan{background-image: url(../images/x5-b.png);}
@media screen and (max-width: 1200px){
  .global-nav .list li{margin-bottom: 70px;}
  .global-nav .list li .en{font-size:34px;}
}
@media screen and (max-width: 1100px){
    .fs80{font-size:44px;}
    .fs50{font-size: 26px;}
    .fs40{font-size: 19px;}
    .fs34{font-size: 18px;}
    .fs32{font-size: 18px;}
    .fs30{font-size: 17px;}
    .fs28{font-size: 16px;}
    .fs26{font-size: 16px;}

    .mbox {display: block;}
    .partRun .runpic-words a .runpic-words-item{padding:0 15px;}
    .partRun .runpic-words a .runpic-words-item p{min-height: 48px;}
    .partAbout .content-item{padding:0 9% 40px 15%;}
    .partAbout .desc{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
    .part-title .en-title span{margin-right: 10px;}
    .partAbout .about-tab{height: 26%;min-height: 120px;}
    .partAbout .about-tab li .item-img{max-width: 45%;}
    .section .swiper-btn{width: 44px;}
    .partNews .part-newstit .en-title p b{font-size:65px;}
    .partNews .part-newstit{bottom:20%;}
    .partContact .contact-form .form{padding:50px 4% 30px;}
    .partContact .form-btn{max-width: 60%;}
    .index-proTitle .en-title{min-height: 320px;}
    .sectionBox .index-proCate li a,.sectionBox .index-proCate li{height: 80px;}
    .index-proTitle .en-title b{font-size:42px;}
    .global-nav .list{margin:0 50px;}
    .global-nav .list li .en{font-size:32px;}
    .global-nav .list li{margin-bottom: 60px;}
    .global-nav .other-nav li a{padding-top:16px;padding-bottom: 16px;}
    .global-nav .sns{margin-top:50px;}
}
@media (min-width:767px) and (max-width: 1024px){
    .sectionBox .index-proCate{max-width: 30%}
}
@media screen and (max-width: 992px){
  .fs24{font-size:15px;}
    .partRun .runpic-words-pic{max-width: 40%}
    .partNews .part-newstit .en-title p b{font-size:60px;}
    .global-nav .list{margin:0 40px;}
}
@media screen and (max-width: 767px){
    .fs80{font-size:38px;}
    .fs50{font-size: 22px;}
    .fs40{font-size: 18px;}
    .fs34{font-size: 17px;}
    .fs32{font-size: 16px;}
    .fs30{font-size: 16px;}
    .fs26{font-size: 15px;}
    .fs24{font-size:14px;}
    .head_nav .hamburger{transform: scale(0.7);transform-origin: right center;}
    .head_nav .logo img{max-height: 40px;}
    .index_head_nav .logo,.index_head_nav .hamburger-box{top:10px;}
    .index_head_nav .hamburger-box{right:15px;}
    .index_head_nav .logo{left:15px;}

    .sectionBox .index-proCate{margin-bottom: 45px;}
    .sectionBox .index-proCate li{width:auto;height: auto;}
    .sectionBox .index-proCate li a{display: inline-block;height: auto;padding:15px 20px;font-size:14px;}
    .index-proList{padding:0;}

    .section .swiper-btn{width: 30px;height: 60px;margin-top:-72px;}
    .index-proList .proList-item .item-name{font-size:16px;}
    .mbox{display: none;}
    .index-proList .proList-item{width: 80%;}

    /*.partPro{height: auto!important;}*/

    /*.index-proTitle{left:0;}
    .index-proTitle>div{transform:rotate(-90deg);transform-origin: left top;padding-top: 20px;}
    .index-proTitle .title{transform: rotate(90deg);}*/
    .partPro .sectionBox{padding-top:60px;}
    .partPro .s-title{margin:0 15px 40px;position: relative;}
    .partPro .s-title .en-title span{transform: none;top:-13px;}
    .partPro .s-title .title{font-size:13px;position: absolute;right:0;top:8px;margin:0;transform: rotate(90deg);transform-origin: bottom;}
    .partPro .s-title .en-title{padding-bottom: 20px;}

    .partRun .sectionBox .runpic-words li{height: 33.333%;}
    .partRun .runpic-words-pic{max-width: 31%;margin-bottom: 12px;}
    .partRun .runpic-words .hover .runpic-words-item p{font-size:14px;}
    .partRun .runpic-words .list .item{margin:5px 0;font-size:13px;}
    /*.partRun .runpic-words a:hover .runpic-words-item{transform: translateY(-100%);}*/
    .partRun .runpic-words{padding-top:30px;}
    .partRun .runpic-words .hover .runpic-words-item{padding:0 5px;}
    .partRun .runpic-words .hover .runpic-words-item p{white-space: nowrap;overflow: hidden;min-height: 20px;height: 20px;text-overflow: ellipsis;}
    /*.partRun .runpic-words .list{top:-25px;}*/
    .partAbout .content-item{position: relative;padding-right: 20px;}
    .partAbout .about-tab{min-height: auto;height: auto;padding:0 20px;width: 100%;font-size:15px;}
    .partAbout .about-tab li{height:130px;padding:0 10px;}
    .partAbout .about-tab li .item-img{max-width: 50%;margin-bottom: 15px;}
    .partAbout .content{height: auto;padding:50px 0 0;}
    .part-title .en-title{padding-bottom: 26px;}
    .part-title .title{margin-top:23px;}

    .partNews .part-newstit .en-title p b{font-size:46px;}
    .partNews .part-newstit .en-title{width: 45px;}
    .partNews .part-newstit .title{margin-left:18px;}
    .partNews .part-newstit .title::before{left:-18px;}
    .partNews .part-newstit{left:0px;}
    .news-swiper{padding-left:100px;}
    .news-swiper .swiper-box{width: 90%;}
    .news-swiper .swiper-button-next{margin-top:-58px;}

    .partContact .contactBox{flex-direction: row;padding:60px 20px 60px;}
    .partContact .contact-form{font-size:15px;margin-top: 50px;}
    .partContact .contact-form .form{padding:30px 10px 20px;}
    .partContact .form-item{margin-bottom: 20px;}
    .partContact .form-btn{margin-top:30px;}

    .no-padding{padding-left:15px;padding-right: 15px;}
    .partContact .contactInfo li .icon{height: 24px;}
    .partContact .contactInfo li{line-height: 26px;padding-left: 40px;margin-top:30px;}
    .partContact .code{margin-top:45px;text-align: center;}
    .partContact .code img{margin:0 15px;display: inline-block;float:none;}
    .footer{padding-top:35px;}
    .footer .footer-info{padding:0 0 10px;}
    .footer-nav{width: 100%;margin-bottom: 20px;}
    .footer-nav ul li{width: 50%;float:left;font-size:15px;}
    .footer .co-name{font-size:15px;margin-bottom: 14px;}
    .footer-nav li{margin:5px 0 10px;}
    .footer-company{width: 100%;}
    .footer-company p{margin-bottom: 6px;font-size:14px;}
    .footer .footer-img{max-width: none;width: 100%;margin-top:30px;}
    .footer .logo img{max-width: 70px;}
    .footer .code{margin-top:20px;font-size:15px;}
    .footer .code img{max-width: 120px;}
    .copyright{padding:10px 0 15px;font-size:13px;}
}

.ibanner{position: relative;}
.location{color:#fff;position: absolute;top:50%;left:0;width: 100%;z-index:10;margin-top:-56px;}
.location p{text-transform: uppercase;margin-top:30px;letter-spacing: 1px;}
.location.black{color:#333;}
/*.location h2{font-weight: bold;}*/

.product-box{background: #f8f8f9;}
.product-box .product-left{float:left;width: 30.56%;}
.product-box .product-list{float:right;width: 69.44%;}
.product-top{flex-direction: row-reverse;}
.product-top .top-title{float:left;width: 30.56%;}
.product-top .search-box{float:left;width: 69.44%;}
.product-top .top-title h2{font-size:30px;background: #204c9c;color:#fff;text-align: center;padding-bottom:40%;position: relative;}
.product-top .top-title h2 span{width: 100%;height: 100%;position: absolute;left:0;top:0;}
.product-box .product-left ul{border-top:1px solid #eeeeee;}
.product-box .product-left a{overflow:hidden;padding:35px 0;border:1px solid #eee;border-top:none;justify-content: flex-end;position: relative;transition: all linear .3s;}
.product-box .product-left li{background: #fff;}
.product-box .product-left li .item-img{width: 20%;max-width: 80px;}
.product-box .product-left li .img{position: relative;padding-bottom:100%;}
.product-box .product-left li .img img{max-height: 100%;}
.product-box .product-left li .item-con{padding-left: 8%;padding-right:10px;width:65%;}
.product-box .product-left li .item-con p{margin:8px 0;}
.product-box .product-left a::before{position: absolute;content:'';left:-4.54%;top:0;height:100%;transform: translateX(0);width: 4.54%;background: #ffb700;transition: all linear .3s;}
.product-box .product-left a:hover::before,.product-box .product-left a.active::before{transform: translateX(100%);}
.product-box .product-left a:hover,.product-box .product-left a.active{background: rgba(255,183,0,.1);}

.search-box .search{width: 80%;margin:0 auto;}
.search-box .search-btn{width: 25%;min-width: 100px;line-height: 70px;border:none;outline: none;background:#204c9c;color:#fff;text-align: center;}
.search-box .search-input .input1{width: 100%;border:1px solid #dddddd;line-height: 68px;padding:0 35px;background: #fff;}
.product-list ul li{width: 50%;padding-left:5%;padding-right:0;margin-bottom: 40px;}
.product-list ul li .item-img{position: relative;padding:10px;background: #fff;overflow: hidden;}
.product-list ul li .item-img .img{position: relative;padding-bottom: 84.4%;transition:all linear .4s;}
.product-list ul li .item-img .img img{max-width: 100%;max-height: 100%;}
.product-list ul li p{padding:20px 15px;background: #e5e5e5;line-height: 1;letter-spacing: 1px;transition:all linear .3s;}
.product-list ul li a:hover .img{transform: scale(1.08);}
.product-list ul li a:hover p{background: #204c9c;color:#fff;}
.product-box{padding-bottom:60px;}

@media screen and (max-width: 1200px){
  .product-box .product-left a{padding:25px 0;}
  .search-box .search-btn{line-height: 54px;}
  .search-box .search-input .input1{line-height: 52px;padding:0 30px;}
  .product-box .product-left a::before{width: 4%;left:-4%;}
  .head_nav .hamburger-box{width: 40px;}
}
@media screen and (max-width: 992px){
  .fs60{font-size:36px;}
  .location{padding-top:20px;}
  .location p{margin-top:16px;}
  .head_nav{padding:12px 0;}
  .head_nav.fixed{padding:10px 0;}
  .product-top .top-title h2{font-size:24px;}
  .search-box .search-btn{line-height: 42px;}
  .search-box .search-input .input1{line-height: 40px;padding:0 20px;}
  .product-list ul li p{padding:16px 10px;}
  .product-box .product-left a{padding:12px 0;}
  .product-box .product-left li .item-con p{margin:5px 0;}
  .product-box .product-left ul{font-size:15px;}
  .product-box .product-left li .item-con{width: 70%;padding-left: 6%;}
  .product-box .product-left a::before{width: 3%;left:-3%;}
  .product-list ul li{margin-bottom: 32px;padding-left:4%;}
  .product-box{padding-bottom: 30px;}
}
@media screen and (max-width: 767px){
  .location{padding-top:40px;}
  .location h2{font-size:26px;font-weight: bold;}
  .location p{margin-top:8px;font-size:14px;font-weight: bold;}
  .ibanner img{min-height: 220px;object-fit: cover;}
  .head_nav,.head_nav.fixed{padding:7px 0;}
  .product-top{flex-direction: row;margin:20px 0 0;}
  .product-top .search-box{margin:0 0 18px;}
  .product-top .search-box,.product-top .top-title{width: 100%;}
  .product-top .top-title h2{padding:0;font-size:19px;}
  .product-top .top-title h2 span{position: static;display: block;padding:16px 15px;height: auto;}
  .product-box .product-left,.product-box .product-list{width: 100%;}
  .product-box .product-list{margin-top:25px;}
  .product-list ul{margin-left:-8px;margin-right:-8px;}
  .product-list ul li{padding:0 8px 0;margin-bottom: 16px;}
  .product-list ul li p{padding:12px 10px;font-size:14px;}
  .search-box .search{width: 100%;}
  .product-box .product-left{position: fixed;top:0;left:100%;width:100%;bottom:0;z-index:100;background: #fff;padding-left:45px;}
  .product-box .product-left .backBtn{position:absolute;width:45px;left:0;top:0;height:100%;vertical-align:top;background:rgba(32, 76, 156,.1);display: none;}
  .product-box .product-left .backBtn i{position:absolute;top:50%;margin-top:-20px;width:100%;height:40px;display:block;text-align:center;line-height:40px;font-size:24px;color:#1f42aa;padding:0;background: url(../images/icon-pro-arrow.png) no-repeat center;transform: rotate(-90deg);}
  .product-box .product-left ul{height: 100%;overflow-y: auto;}
  .product-box .product-left a{padding:10px 0;}
  .product-box .product-left li .item-img{max-width: 54px;}

  .global-nav .nav{overflow-y: auto;display: block;}
  .global-nav .nav-box .for-large{flex-wrap: wrap;}
  .global-nav .list{width:100%;margin:0;}
  .global-nav .list li{margin-bottom: 5px;padding:8px 12px;}
  .global-nav .list li .en{font-size:18px;}
  .global-nav .list li .cn{font-size:15px;}
  .global-nav .other-nav li{margin:0 2%;width:40%;}
  .global-nav .other-nav li a{padding:12px 10px 12px 15px;font-size:15px;}
}

.case-wrapper{padding:80px 0 140px;}
/* .case-wrapper .case-left{width: 13.2%;max-width: 190px;float:left;} */
.case-wrapper .case-left .item{margin-bottom: 5px;padding-bottom: 100%;position: relative;cursor: pointer;width: 100%;}
.case-wrapper .case-left .item .item-img{width: 100%;height: 100%;position: absolute;left:0;top:0;border:2px dashed #b7b7b7;}
.case-wrapper .case-left .item .item-con{width:0;transition: all .6s;position: absolute;top:0;height: 100%;color:#fff;left:0;text-align: center;/*transform: scale(0);*/transform-origin: center;z-index:10;}
.case-wrapper .case-left .item .item-con>div{width:190%;height:100%;background: #204c9c;position: absolute;top:0;left:50%;transform: translateX(-50%);}
.case-wrapper .case-left .item .item-con p{margin-top:14px;}
.case-wrapper .case-left li.active .item-con,.case-wrapper .case-left li.on .item-con,.case-wrapper .case-left li:hover .item-con{width:100%;}
/*.case-wrapper .case-left li.active .item-con,.case-wrapper .case-left li.on .item-con,.case-wrapper .case-left li:hover .item-con{transform: scale(1);}*/
.case-wrapper .case-left li.active .item-img,.case-wrapper .case-left li.on .item-img,.case-wrapper .case-left li:hover .item-img{border-color:#204c9c;}
.case-wrapper .case-left .item img{max-height: 34%;}
.case-wrapper .case-box{width:100%;float:right;}
.case-box .case-swiper{display: none;position: relative;margin-left:-8px;margin-right: -8px;}
.case-box .case-swiper.on{display: block;}
.case-box .case-swiper .swiper-container{padding-bottom: 60px;}
.case-box .case-swiper li{float:left;width:50%;padding:0 8px 16px;}
.case-box .case-swiper li a{display: block;position: relative;padding-bottom: 80%;color:#fff;overflow:hidden;}
.case-box .case-swiper li .item-img{position: absolute;width: 100%;height: 100%;top:0;left:0;transition: all .5s;}
.case-box .case-swiper li .item-img img{width:100%;height: 100%;object-fit: cover;}
.case-box .case-swiper li .item-name{position: absolute;z-index:10;left:0;top:100%;right:0;height:100%;transition: top .4s;background: rgba(0,0,0,.3);}
.case-box .case-swiper li .item-name p{transition: transform .2s;line-height: 1;padding:16px 15px;transform: translateY(-100%);background: rgba(0,0,0,.3);}
.case-box .case-swiper li a:hover .item-img{transform: scale(1.05);}
.case-box .case-swiper li a:hover .item-name{top:0;display: flex;align-items: center;justify-content: center;font-size:20px;}
.case-box .case-swiper li a:hover .item-name p{transform: none;background: none;}
.case-box .case-swiper .swiper-btn-box{position: absolute;left:0;right:0;bottom:0;}
.case-box .case-swiper .swiper-btn-box>div{margin:0 10%;position: relative;top:auto;left:auto;right:auto;width: 17.7%;display: inline-block;height:44px;max-width: 200px;background: #eeb118;}
.case-box .case-swiper .swiper-btn-box>div:after{left:0;top:0;position: absolute;width: 100%;height:100%;content:'';font-size:0;background: url(../images/case-arrow-l.png) no-repeat center;background-size: 16% auto;}
.case-box .case-swiper .swiper-btn-box>.swiper-button-next:after{background-image: url(../images/case-arrow-r.png);}

@media screen and (max-width: 1200px){
  .case-wrapper{padding:60px 0 120px;}
  .case-box .case-swiper .swiper-btn-box>div{width: 20%;}
}
@media screen and (max-width: 992px){
  .case-wrapper .case-box,.case-wrapper .case-left{float:none;width:100%;}
  .case-wrapper .case-left{max-width:none;margin-bottom: 30px;}
  .case-wrapper .case-left ul{display: flex;justify-content: center;}
  .case-wrapper .case-left ul li{width: 16%;padding:0 3px;}
  .case-wrapper .case-left .item .item-con>div{pointer-events: none;width: 160%;}
  .case-wrapper .case-left .item .item-con p{font-size:14px;margin-top:10px;}
  .case-wrapper{padding:50px 0 100px;}
}
@media screen and (max-width: 767px){
  .case-wrapper{padding:35px 0 70px;}
  .case-box .case-swiper li .item-name p{font-size:14px;padding:10px 12px;}
  .case-wrapper .case-left ul li{width: 20%;padding:0 2px;}
  .case-wrapper .case-left .item .item-con{display: none;}
  .case-wrapper .case-left .item img{max-height: 50%;}
  .case-wrapper .case-left{margin-bottom: 15px;}
  .case-wrapper .case-title{margin-bottom: 20px;font-size:16px;}
  .case-box .case-swiper .swiper-btn-box>div{width: 30%;margin:0 5%;height: 38px;}
}

.product-detail{padding:60px 0;}
.proDetail-right{float:right;}
@media screen and (min-width: 767px){
  .proDetail-left{padding-right:11%;padding-top:70px;}
  .proDetail-right .swiper-button{display: none;}
}
.proDetail-left .en-title,.proDetail-left .title{font-weight: bold;}
.proDetail-left .title{margin-top:26px;}
.proDetail-left .desc{margin-top:45px;line-height: 1.7;color:#666;min-height: 160px;}
.proDetail-left .bind-btn{margin-top:40px;cursor:pointer;width: 280px;line-height: 70px;max-width: 52%;background: #204c9c;color:#fff;text-align: center;}
.proDetail-right .item-img{position:relative;padding-bottom: 85.7%;}
.proDetail-right .item-img img{max-width: 100%;max-height: 100%;}
.proDetail-right .gallery-thumbs .swiper-slide{cursor: pointer;}
.proDetail-right .gallery-thumbs .item-img{padding-bottom: 100%;overflow: hidden;} 
.proDetail-right .gallery-thumbs .item-mask{position:absolute;top:0;left:0;width: 100%;height: 100%;background: #fff;opacity: 0.3;z-index:10;transition: all .3s;}
.proDetail-right .gallery-thumbs .item-img::after{position: absolute;content:'';bottom:0;left:100%;width:100%;height: 2.86%;background: #ecbd45;transition: all .3s;}
.proDetail-right .swiper-slide-thumb-active .item-mask,.proDetail-right .gallery-thumbs .swiper-slide:hover .item-mask{opacity: 0;}
.proDetail-right .swiper-slide-thumb-active .item-img::after,.proDetail-right .gallery-thumbs .swiper-slide:hover .item-img::after{left:0;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.product-detail .pro-content{margin-top:100px;}
.product-detail .pro-content .tab li{float:left;margin-right: 7%;font-weight: bold;}
.product-detail .pro-content .tab li span{cursor: pointer;display: inline-block;padding: 10px 0;position: relative;border-bottom: 6px solid transparent;}
.product-detail .pro-content .tab li.active span{border-bottom-color:#204c9c;}
.product-detail .pro-content .item-con{display: none;padding:40px 0;color:#444;}
.product-detail .pro-content .item-con:first-child{display: block;}
.product-detail .pro-content .item-con p{margin-bottom: 13px;}

@media screen and (max-width: 1200px){
  .proDetail-left{padding:40px 5% 0 0;}
  .proDetail-left .desc{margin-top:35px;}
  .proDetail-left .desc{min-height: 130px;}
  .proDetail-left .bind-btn{line-height: 60px;}
}
@media screen and (max-width: 992px){
  .product-detail{padding:50px 0 50px;}
  .proDetail-left .bind-btn{line-height: 50px;margin-top:35px;}
  .proDetail-left .desc{min-height: 100px;margin-top:28px;}
  .proDetail-left .title{margin-top:16px;}
  .proDetail-left{padding-top:30px;}
}
.proDetail-right .swiper-button{outline: none;width:32px;height: 70px;background: #EEB118;color:#fff;}
.proDetail-right .swiper-button::after{color:#fff;font-size:24px;}
.proDetail-right .swiper-button-next{right:0;}
.proDetail-right .swiper-button-prev{left:0;}
@media screen and (max-width: 767px){
  .product-detail{padding:35px 0;}
  .proDetail-left{padding-right:0;padding-top:35px;}
  .proDetail-left .en-title{font-size:30px;word-break: break-all;}
  .product-detail .pro-content{margin-top:60px;}
  .product-detail .pro-content .item-con{font-size:15px;padding:30px 0;}
  .product-detail .pro-content .item-con p{margin-bottom: 8px;}
  .proDetail-left .bind-btn{line-height: 46px;max-width: 50%;}
  .product-detail .pro-content .tab li span{border-bottom-width: 5px;}
}

.popup-form{position: fixed;top:0;left:0;right:0;bottom:0;z-index:100;display: none;}
.popup-form>div{width: 100%;height: 100%;}
.popup-form .product-form{width: 650px;max-width: 40%;position: relative;z-index:10;background: rgba(255,255,255,.8);}
.popup-form .product-form .close-btn{position: absolute;display: none;right:6px;top:6px;width:34px;height: 34px;background: url(../images/close-btn.png) no-repeat center;background-size: 100% auto;}
@media screen and (max-width: 992px){
  .popup-form .product-form{max-width: 60%;}
}
@media screen and (max-width: 767px){
  .popup-form .product-form{max-width: 90%;}
  .popup-form .product-form .close-btn{display: block;}
}
.popup-form .product-form .form{padding:45px 12% 35px;}
.product-form .form .title{padding-bottom: 24px;margin-bottom:10px;position: relative;text-align: center;font-weight: bold;line-height: 1;}
.product-form .form .title::after{background: #204c9c;position: absolute;content: '';width:52px;height: 4px;max-width: 8%;bottom:0;left:50%;transform: translateX(-50%);}
.product-form .form-item{margin-top:30px;}
.product-form .form-item p{margin-bottom: 16px;}
.product-form .form-item input,.product-form .form-item textarea{border:none;outline: none;background: #fff;width: 100%;padding:8px 12px;line-height: 24px;}
.product-form .form-item textarea{height:120px;}
.product-form .form-btn{font-weight: normal;border:none;margin:30px auto 0;display: block;width: 200px;max-width: 35%;padding:13px 0;line-height: 1;color:#ededed;background: #204c9c;}
@media screen and (max-width: 1400px){
  .product-form .form-item p{margin-bottom: 10px;}
  .product-form .form-item{margin-top:25px;}
}
@media screen and (max-width: 992px){
  .popup-form .product-form .form{padding-top:35px;}
}
@media screen and (max-width: 767px){
  .popup-form .product-form .form{padding:26px 20px 24px;}
  .product-form .form-item{margin-top:20px;}
  .product-form .form-item input, .product-form .form-item textarea{padding:5px 12px;}
  .product-form .form-item textarea{height: 100px;}
  .product-form .form-btn{max-width: 45%;margin-top:22px;}
}

.subcolumn{margin:0 auto;width: 85%;max-width: 1200px;background: rgba(24,68,148,.9);color:#fff;text-align: center;padding:45px 0;position: relative;transform: translateY(-66.7%);z-index:10;}
.subcolumn li{display: inline-block;min-width: 19%;line-height: 1;letter-spacing: 1px;position: relative;}
.subcolumn li::after,.subcolumn li:first-child::before{position: absolute;content: '';height: 50%;width: 1px;background: #fff;right:0;top:50%;transform: translateY(-50%);}
.subcolumn li span{position: relative;display: inline-block;}
.subcolumn li:first-child::before{right:auto;left:0;}
.subcolumn li a{display: inline-block;padding:0 10px;}
.subcolumn li span::after{position: absolute;content: '';bottom:-16px;left:50%;transform: translateX(-50%);width: 50px;max-width: 50%;height: 0;background: #fff;}
.subcolumn li.active span::after{height: 2px;}

.culture{padding-bottom: 180px;}
.culture-list{position: relative;text-align: center;}
.culture-list .bg{position: absolute;top:0;left:0;width:100%;height: 100%;}
.culture-list .bg-img{width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;}
.culture-list .bg-img::after{position: absolute;content:'';width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.4);}
.culture-list ul{position: relative;z-index:10;border-bottom:1px solid rgba(247,247,246,.5);}
.culture-list ul li{padding:0;border:1px solid rgba(247,247,246,.5);border-bottom:none;color:#fff;}
.culture-list ul li .item{position: relative;padding-bottom: 62.5%;transition: all .3s;}
.culture-list ul li .item-con{opacity:0;position: absolute;top:50%;left:0;width: 100%;text-align: center;transition: all .3s;margin-top:-30px;}
.culture-list ul li .item-con p{margin:12px 0;}
.culture-list ul li .item-title{width:100%;}
.culture-list ul li .item-title span{display: inline-block;position: relative;padding-bottom: 18px;font-weight: bold;letter-spacing: 1px;transform: translateY(0);transition: all .4s;}
.culture-list ul li .item-title span::after{position: absolute;width: 30px;height: 2px;background: #fff;content:'';left:50%;transform: translateX(-50%);bottom:0;}
.culture-list ul li .clogo{width: 100%;height: 100%;position: absolute;left:0;top:0;background-position: center;background-size: cover;}
.culture-list ul li .item-txt:hover{background: rgba(237,183,48,.7);}
.culture-list ul li .item-txt:hover .item-title span{transform: translateY(-80%);}
.culture-list ul li .item-txt:hover .item-con{opacity:1;transform: translateY(30px);}
@media screen and (max-width: 992px){
  .culture{padding-bottom: 120px;}
  .subcolumn{padding:30px 0;}
  .culture-list ul li .item-con p{margin:8px 0;}
}
@media screen and (max-width: 767px){
  .subcolumn{width: 100%;padding:16px 0;transform: translateY(-60%)}
  .subcolumn li a{font-size:15px;}
  .subcolumn li span::after{bottom: -8px;}
  .subcolumn li.active span::after{height: 1px;}

  .culture-list ul li .item-title span{padding-bottom: 13px;}
  .culture-list ul li .item-title{font-size:16px;}
  .culture-list ul li .item-title span::after{width: 20px;}
  .culture-list ul li .item-con p{margin:0 0 4px;}
  .culture-list ul li .item{padding-bottom:74%;}
  .culture-list ul li .item-logo{padding-bottom:50%;}
  .culture{padding-bottom: 80px;}
}

.honour{padding-bottom: 40px;}
.honour ul.row{margin-left:-12px;margin-right: -12px;}
.honour li{padding:0 12px;margin-bottom:60px;cursor: pointer;}
.honour li .item-img{overflow: hidden;}
.honour li .img{position: relative;padding-bottom: 145%;transition: all .6s;}
.honour li .img img{max-height: 100%;}
.honour li p{padding:22px 15px;line-height: 1;}
.honour li:hover .img{transform: scale(1.03);}

@font-face{font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}
.album_ordinary .album_prev,.album_ordinary .album_next {opacity: 0.7;}
.album_ordinary{background: none!important;}
@media screen and (max-width: 992px){
  .honour li{margin-bottom: 40px;}
}
@media screen and (max-width: 767px){
  .honour li{margin-bottom: 25px;}
  .honour li p{padding:15px 12px;}
  .album_ordinary .album_close{width: 50px!important;height: 50px!important;line-height: 50px!important;font-size:22px!important;}
  .album_ordinary .album_prev, .album_ordinary .album_next{width: auto!important;}
  .album_ordinary .album_prev i, .album_ordinary .album_next i{background: #EEB118!important;margin:0!important;font-size:36px!important;}
  .album_ordinary .album_close i{margin:0!important;}
}

.news-box{padding:30px 0 50px;}
.news-box .newsList{margin-left:-20px;margin-right: -20px;}
.news-box .newsList li{padding:0 20px;margin-bottom: 60px;}
.news-box .newsList li p{height: 56px;}
@media screen and (max-width: 1200px){
.news-box{padding-top:10px;}
}
@media screen and (max-width: 992px){
.news-box{padding-top:0;}
.news-box .newsList{margin-left:-15px;margin-right: -15px;}
.news-box .newsList li{padding:0 15px;margin-bottom: 40px;}
}
@media screen and (max-width: 767px){
  .news-box .newsList {margin-left:-7px;margin-right: -7px;}
  .news-box .newsList li{padding:0 7px;margin-bottom: 30px;}
  .news-box .newsList li .item-img .item-date{padding:12px 15px 12px 30px;font-size:14px;}
  .news-box .newsList li p{margin-top:15px;}
  .news-box{padding:0 0 30px;}
  .news-box .newsList li p{height: 48px;}
  .newsList li .item-img .item-mask{opacity: 0;}
}
.contactUs{padding:30px 0 120px;}
.contactUs .contactUs-map{float:right;width: 53%;} 
.contactUs .contactUs-map .map-box{/*padding-bottom: 78.7%;*/position: relative;min-height: 500px;height: 100%;}
.contactUs .contactUs-map .map{position: absolute;width: 100%;height: 100%;top:0;left:0;}
.contactUs .contactUs-map .map #allmap{width: 100%;height: 100%;}
.contactUs-info{float:left;width:44%;margin-left:3%;padding-right: 5%;padding-bottom: 20px;}
@media (min-width:992px){
  .contactUs .contactUs-map{width:52%}
  .contactUs-info{;width: 40.5%;margin-left:7.5%;}
}
@media (min-width:1500px){
  .contactUs .contactUs-map{width:53%}
  .contactUs-info{margin-left: 10%;width: 37%;}
}
.contactUs-info .title{font-weight: bold;padding-bottom: 28px;position: relative;}
.contactUs-info .title::after{position: absolute;bottom:0;left:0;width: 80px;height: 5px;background: #eeb118;max-width: 12%;content:'';}
.contactUs-info .info{/*color:#666;*/margin-top:25px;}
.contactUs-info .info p{margin-bottom: 18px;}
.contactUs-info .code img{width: 200px;max-width: 33%;float:left;margin-right: 10%;margin-top:30px;border:1px solid #c7c7c7;}
@media (max-width:992px){
.contactUs-info{padding-right: 20px;}
.contactUs .contactUs-map{width:50%}
.contactUs-info{;width: 47%;}
.contactUs{padding:20px 0 80px;}
}
@media (max-width:767px){
  .contactUs{padding:10px 15px 60px;}
  .contactUs-info{width: 100%;margin:0 0 40px;padding:0;}
  .contactUs .contactUs-map{width: 100%;}
  .contactUs .contactUs-map .map-box{height: 400px;min-height: 200px;}
  .contactUs-info .info p{margin-bottom: 11px;}
  .contactUs-info .title{padding-bottom: 22px;}
  .contactUs-info .title::after{height: 4px;}
  .contactUs-info .info{margin-top:20px;}
  .contactUs-info .code img{margin-top:20px;}
}

.contactUs-form{padding:10px 0 210px;background: url(../images/form-bg.png) no-repeat center bottom;background-size: 100% auto;}
.contactUs-form .form-box{width: 85%;margin:0 auto;}
.contactUs-form .form-title{font-weight: bold;margin-bottom: 60px;}
@media (min-width:1200px){
.contactUs-form .form-box .row{margin-left:-40px;margin-right: -40px;}
.contactUs-form .form-item{padding:0 40px;}
}
.contactUs-form .form-item{margin-bottom: 20px;}
.contactUs-form .form-item input,.contactUs-form .form-item textarea{background: #fafafa;border:1px solid #e3e3e3;padding:16px 22px;line-height: 30px;width:100%;display: block;}
.contactUs-form .form-item p{line-height: 1;padding:20px 22px;font-weight: bold;}
.contactUs-form .form-item textarea{height: 250px;}
.contactUs-form .form-item input::-webkit-input-placeholder,.contactUs-form .form-item textarea::-webkit-input-placeholder {color:#cfcfcf;}
.contactUs-form .form-item input::-moz-input-placeholder,.contactUs-form .form-item textarea::-moz-input-placeholder {color:#cfcfcf;}
.contactUs-form .form-item input::-ms-input-placeholder,.contactUs-form .form-item textarea::-ms-input-placeholder {color:#cfcfcf;}
.contactUs-form .form-btn{max-width:35%;width: 480px;padding:26px 0;line-height: 1;text-align: center;display: block;background: #184189;color:#fff;border:none;outline: none;margin:58px auto 0;}
@media (max-width:1200px){
  .contactUs-form .form-item p{padding:18px 20px;}
  .contactUs-form .form-item input, .contactUs-form .form-item textarea{padding:12px 20px;}
  .contactUs-form .form-item{margin-bottom: 18px;}
  .contactUs-form{padding-bottom: 160px;}
  .contactUs-form .form-btn{padding:25px 0;}
  .contactUs-form .form-item textarea{height: 250px;}
}
@media (max-width:992px){
  .contactUs-form .form-title{margin-bottom: 40px;}
  .contactUs-form .form-item textarea{height: 220px;}
  .contactUs-form .form-btn{margin-top:40px;}
  .contactUs-form{padding-bottom: 90px;}
  .contactUs-form .form-btn{padding:20px 0;}
  .contactUs-form .form-item input, .contactUs-form .form-item textarea{line-height: 26px;}
}
@media (max-width:767px){
  .contactUs-form .form-box{width: 100%;}
  .contactUs-form .form-title{line-height: 1.2;margin-bottom: 30px;}
  .contactUs-form{padding:10px 0 80px;background-size: 180% auto;}
  .contactUs-form .form-item{font-size:15px;margin-bottom: 16px;}
  .contactUs-form .form-item p{padding:12px 15px;}
  .contactUs-form .form-item input, .contactUs-form .form-item textarea{padding:11px 15px;line-height: 20px;}
  .contactUs-form .form-item textarea{height: 190px;}
  .contactUs-form .form-btn{padding:15px 0;max-width: 50%;margin-top:20px;}
}

.job-left{float:left;width: 40%;padding-right: 6%;padding-bottom: 50px;}
.job-list{border-left:1px solid #e6e6e6;width:60%;padding-left: 6%;}
.job-left .company-logo{width: 150px;max-width: 32%;margin:0 auto 30px;}
.job-left .company-logo .logo{position: relative;padding-bottom: 100%;border:1px solid #e1e1e1;border-radius:100%;overflow: hidden;}
.job-left .company-logo .logo img{max-width: 65%;max-height: 65%;}
.job-left .title{font-weight: bold;margin-bottom: 35px;}
.job-left .href{margin-top:50px;overflow: hidden;}
.job-left .href a{letter-spacing: 1px;float:left;color:#ffb700;border:2px solid #ffb700;border-radius:999px;line-height: 1;padding:22px 0;text-align: center;width: 220px;max-width: 44%;margin-right: 8%;}
.job-left .href a:nth-child(2n+2){margin:0;}
.job-left .href a:hover,.job-left .href a.active{background:#ffb700;color:#fff;}
.job-left .job-tab{margin-top:85px;}
.job-left .job-tab li{padding:40px 15px;border:1px solid #ddd;color:#999;margin-bottom:40px;cursor: pointer;}
.job-left .job-tab li h2{font-weight: bold;color:#333;padding-bottom: 15px;position: relative;}
.job-left .job-tab li h2::after{position: absolute;content:'';width:20px;height: 2px;background: #ababab;left:50%;bottom:0;transform: translateX(-50%);}
.job-left .job-tab li p{margin-top:11px;}
.job-left .job-tab li.active{border-color:#ffb700;}

.contactUs-job{padding-bottom: 110px;}
.contactUs-job .job-list .detail-content{color:#666;}
.contactUs-job .job-list .detail-content h2,.contactUs-job .job-list .detail-content h3,.contactUs-job .job-list .detail-content h4,.contactUs-job .job-list .detail-content h1,.contactUs-job .job-list .detail-content h5{color:#333;font-weight: bold;margin-bottom: 25px;font-size:18px;}
.contactUs-job .job-list .detail-content p{margin-bottom: 25px;font-family: arial;}
.contactUs-job .job-list .item-con{display: none;}
.contactUs-job .job-list .item-con:first-child{display: block;}

@media (max-width:1200px){
  .job-left .job-tab li{padding:30px 15px;margin-bottom: 35px;}
}
@media (max-width:992px){
  .job-left .href{text-align: center;margin-top:15px;}
  .job-left .href a{width: auto;float:none;display: inline-block;margin:20px 0;padding:16px 25px;max-width: none;letter-spacing: 0;}
  .contactUs-job .job-list .detail-content h2, .contactUs-job .job-list .detail-content h3, .contactUs-job .job-list .detail-content h4, .contactUs-job .job-list .detail-content h1, .contactUs-job .job-list .detail-content h5{margin-bottom: 18px;}
  .contactUs-job .job-list .detail-content p{margin-bottom: 14px;}
  .job-left .job-tab li{padding:20px 10px;margin-bottom: 25px;}
  .job-left .job-tab{margin-top:55px;}
  .job-left .title{margin-bottom: 25px;}
}
@media (max-width:767px){
  .job-left{width: 100%;padding:10px 0;}
  .job-left .title{margin-bottom: 20px;}
  .job-left .href{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
  .job-left .company-logo{margin-bottom: 25px;}
  .job-left .job-tab{margin-top:45px;}
  .job-list{border-left:none;width: 100%;padding:0;}
  .contactUs-job{padding-bottom:50px;}
  .contactUs-job .job-list .detail-content{display: none;padding:10px 0 15px 15px;}
  .contactUs-job .job-list .item-con{display: block;border-bottom:1px solid #e6e6e6;margin-bottom: 15px;}
  .contactUs-job .job-list .detail-title{padding-bottom: 15px;}
  .contactUs-job .job-list .detail-title h2{line-height: 24px;color:#999;position: relative;}
  .contactUs-job .job-list .detail-title h2 i{font-size:14px;font-weight:bold;position: absolute;color:#666;right:0;top:0;margin:0;width: 24px;height: 24px;text-align: center;transform: rotate(45deg);transition: transform .3s;}
  .contactUs-job .job-list .item-con.active .detail-title  i{transform: rotate(0);}
  .contactUs-job .job-list .detail-title h2 span{font-weight: bold;color:#333;margin-right: 10px;}
  .contactUs-job .job-list .detail-title h2 span::after{content:'—';color:#999;font-weight: normal;margin-left: 8px;}
  .contactUs-job .job-list .item-con:first-child .detail-content{display: block;}
  .contactUs-job .job-list .detail-content h2, .contactUs-job .job-list .detail-content h3, .contactUs-job .job-list .detail-content h4, .contactUs-job .job-list .detail-content h1, .contactUs-job .job-list .detail-content h5{font-size:16px;}
}

.about-us .detail{overflow: hidden;position: relative;}
.about-us .detail::after{transition: all .3s;position: absolute;height: 150px;content:'';right:0;left:0;bottom:0;z-index:10;background-image: linear-gradient(to top, #fff 0%, #fff 44%,rgba(255,255,255,0) 100%);}
.about-us.show .detail::after{height:0;opacity: 0;}
.about-us.show .detail{height: auto!important;}
.about-us .detail-img{width: 53%;margin-right: 6%;float:left;margin-bottom: 10px;}
.about-us .detail-con{padding:20px 0 1px;line-height: 1.86;text-indent: 24px;position: relative;}
.about-us .detail-con p{margin-bottom:30px;}
.about-us{padding-bottom: 150px;}
.about-us .view-more {display: inline-block;text-align: center;border:1px solid #aaaaaa;margin-top:30px;padding:14px 50px;cursor: pointer;}

.about-us .view-more span{display: inline-block;padding-right: 35px;color:#aaaaaa;background: url(../images/icon-down.png) no-repeat center right;background-size: auto ;letter-spacing: 1px;line-height: 1;}
.development{padding:160px 0;}
.development .title{text-align: center;font-weight: bold;}
.development .title span{display: inline-block;line-height: 1;padding-bottom: 28px;position: relative;}
.development .title span::after{content:'';position: absolute;bottom:0;left:50%;width: 50px;height: 5px;background: #204c9c;transform: translateX(-50%);}
.development .list ul li{min-height: 160px;margin:15px 0;}
.development .list ul li .item-date,.development .list ul li .item-con{width: 50%;padding:20px 4%;}
.development .list .item-date{font-weight: bold;text-align: right;}
.development .list{position: relative;padding:100px 0;margin:50px 0 60px;}
.development .list .line{position: absolute;left:50%;top:0;bottom:0;margin-left:-1px;width:2px;background: #999999;}
.development .list .line::before{content: '';top:0;}
.development .list ul li .item-con{line-height: 1.8;}
.development .list .line::before,.development .list .item-round{position: absolute;left:50%;transform: translateX(-50%);border:2px solid #999999;border-radius:100%;width: 30px;height: 30px;background: #fff;overflow: hidden;}
.development .list ul li:nth-child(2n+2){flex-direction: row-reverse;}
.development .list ul li:nth-child(2n+2) .item-date{text-align: left;}
.development .list .item-round::after{position: absolute;content: '';width: 48%;height:48%;background: #204c9c;border-radius:100%;overflow: hidden;left:50%;top:50%;transform: translate(-50%,-50%);}

.environment{position: relative;height: 100vh;min-height: 600px;}
.environment .click-hold{text-align: center;position: absolute;width: 250px;height: 250px;border-radius:100%;cursor: pointer;z-index:5;color:#fff;}
.click-hold .svg-circle{width: 100%;display: block;height: 100%;position: absolute;top:0;left:0;z-index:1;}
.click-hold .circle{stroke:rgba(255,255,255,.6);}
.click-hold .fadeBox{position: relative;width: 100%;height: 100%;}

.trans{-moz-transition:all 277ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 277ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 277ms cubic-bezier(0.16,0.01,0.77,1);transition:all 277ms cubic-bezier(0.16,0.01,0.77,1)}
.trans-med,.svg-map .border,.svg-map .hover,.svg-map .label,.trans-med:hover,.svg-map .border:hover,.svg-map .hover:hover,.svg-map .label:hover {-moz-transition:all 377ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 377ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 377ms cubic-bezier(0.16,0.01,0.77,1);transition:all 377ms cubic-bezier(0.16,0.01,0.77,1)}
.trans-slow,.trans-slow:hover {-moz-transition:all 477ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 477ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 477ms cubic-bezier(0.16,0.01,0.77,1);transition:all 477ms cubic-bezier(0.16,0.01,0.77,1)}
.trans-slower,.trans-slower:hover {-moz-transition:all 640ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 640ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 640ms cubic-bezier(0.16,0.01,0.77,1);transition:all 640ms cubic-bezier(0.16,0.01,0.77,1)}
.trans-slowest,.trans-slowest:hover {-moz-transition:all 800ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 800ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 800ms cubic-bezier(0.16,0.01,0.77,1);transition:all 800ms cubic-bezier(0.16,0.01,0.77,1)}
.trans-slowest2,.trans-slowest2:hover {-moz-transition:all 1200ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 1200ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 1200ms cubic-bezier(0.16,0.01,0.77,1);transition:all 1200ms cubic-bezier(0.16,0.01,0.77,1)}
.trans-slow-anim,.trans-slow-anim:hover {-moz-transition:all 2800ms cubic-bezier(0.16,0.01,0.77,1);-o-transition:all 2800ms cubic-bezier(0.16,0.01,0.77,1);-webkit-transition:all 2800ms cubic-bezier(0.16,0.01,0.77,1);transition:all 2800ms cubic-bezier(0.16,0.01,0.77,1)}
.anim-offview .anim__fade-scale {-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.delay-1 {-moz-transition-delay:100ms;-o-transition-delay:100ms;-webkit-transition-delay:100ms;transition-delay:100ms}
.delay-2 {-moz-transition-delay:200ms;-o-transition-delay:200ms;-webkit-transition-delay:200ms;transition-delay:200ms}
.delay-3 {-moz-transition-delay:300ms;-o-transition-delay:300ms;-webkit-transition-delay:300ms;transition-delay:300ms}

svg:not(:root){overflow: hidden;}

.click-hold .circle-progress {-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg); -moz-transform-origin:center 50%;-ms-transform-origin:center 50%;-webkit-transform-origin:center 50%;transform-origin:center 50%}
.click-hold__inner{font-weight: bold;letter-spacing: 1px;width: 100%;z-index:5;}
.envir-overlay{position: absolute;left:0;top:0;z-index:5;width: 100%;height:100%;}
.cover-img{ -moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat}

.environment .container{position: absolute;left:50%;transform: translateX(-50%);top:13.7%;color:#fff;z-index:6;pointer-events: none;}
.environment .title span{display: inline-block;font-weight: bold;position: relative;padding-bottom: 34px;letter-spacing: 1px;transition: all ease-in-out 1s;transform:matrix(1, 0, 0, 1, 0, 0);}
.environment .title span::before{position: absolute;content:'';width:55px;height: 5px;background: #fff;bottom:0;left:0;}
.envir-overlay .img-overlay{background: #000;position: absolute;z-index:5;opacity: 0.2;top:0;left:0;width:100%;height: 100%;}

.reply-list,.reply-list .item-img{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index:5;}
.reply-list{z-index:1;}
.op-0{opacity: 0;}

@media (max-width:1200px){
  .about-us{padding-bottom: 100px;}
  .environment .click-hold{width: 200px;height: 200px}
  .development{padding:120px 0;}
  .development .list{padding:80px 0;}
  .about-us .view-more{margin-top: 20px;}
}

@media (max-width:992px){
  .about-us{padding-bottom: 80px;}
  .about-us .view-more{padding:10px 35px;}
  .about-us .view-more span{padding-right: 25px;}
  .about-us .detail-con{font-size:16px;}
  .about-us .detail-con p{margin-bottom: 25px;}
  .development{padding:80px 0;}
  .development .list{padding:50px 0;}
  .development .list .line::before, .development .list .item-round{width: 24px;height: 24px;}
  .development .list ul li{min-height: 120px;}
  .about-us.show .view-more{margin-top:30px;}
}
@media (max-width:767px){
  .about-us{padding-bottom: 50px;}
  .about-us .detail-con{padding-top:10px;font-size:15px;}
  .about-us .detail-con p{margin-bottom: 15px;}
  .environment .container{left:15px;transform: none;padding:0;}
  .about-us .view-more{padding:8px 30px;}
  .environment .click-hold{width: 150px;height: 150px;}
  .environment .title span{padding-bottom: 22px;}
  .development .title span{padding-bottom: 20px;}
  .environment .title span::before,.development .title span::after{width: 40px;height: 3px;}
  .development{padding-top:45px;}
  .development .list{margin:40px 0;}
  .development .list .line::before, .development .list .item-round{width: 18px;height: 18px;border-width: 1px;}
  .development .list .item-round::after{width: 50%;height: 50%;}
  .development .list ul li .item-con{font-size:14px;padding:0;padding-left:20px;text-align: justify;}
  .development .list ul li:nth-child(2n+2) .item-con{padding-left:0;padding-right: 20px;}
  .development .list ul li .item-date{padding:20px 20px;}
}

.news-title {margin-bottom: 20px;text-align: center;}
.news-title h1 {margin: 0;font-size: 28px;font-weight: bold;}
.news-title p {margin: 10px 0 0;font-size: 14px;color: #999;}
.news-title p span {padding: 0 5px;}
.news-desc {margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;}
.news-body {line-height: 2;margin-bottom: 20px;}
.news-body p{ font-size:14px; line-height:35px}
.news-body img {max-width: 100% !important;height: auto !important;}
.news-rem {margin-bottom: 20px;}
.news-rem h4 {margin: 0;font-size: 24px;line-height: 55px;font-weight: bold;}
.news-rem li {border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;}
.news-rem li span {float: right;}
.news-epx {margin-bottom: 20px;}
.news-epx li {line-height: 32px;margin-bottom: 5px;}
.news-epx li span {display: inline-block;background-color: #A2A2A2;color: #fff;padding: 0 15px;margin-right: 10px; font-size:14px}
.news-epx li em {float: right;font-style: normal;}

/*.about-img-div{position: relative;}
.about-img-div .img-mask{width:34%;background: url(../images/blue-bg.png) no-repeat center;background-size: cover;position: absolute;bottom:0;mix-blend-mode: multiply;}
.partAbout .about-tab{background: none;}
.partAbout .content::after{position: absolute;left:0;right:0;bottom:0;content:'';background: #204c9c;}*/

.case-box .case-swiper{display: block;}

.new-jobList {padding-bottom: 40px;}
.new-jobList .list-box{margin-left:-22px;margin-right:-22px;}
.new-jobList .list-box li{margin-bottom: 60px;padding:0 22px;}
.new-jobList .list-box .list-item{border:1px solid #eaeaea;display: block;}
.new-jobList .list-box .item-img{padding-bottom: 64.5%;position: relative;overflow: hidden;}
.new-jobList .list-box .item-img img{width: 100%;height: 100%;position: absolute;left:0;top:0;object-fit: cover;transition: all .6s;}
.new-jobList .list-box .list-item:hover img{transform: scale(1.04);}
.new-jobList .list-box .list-item p{color:#656565;height: 24px;line-height: 24px;margin-top:12px;}
.new-jobList .list-box .list-item h2{line-height: 25px;height: 25px;font-weight: bold;}
.new-jobList .list-box .item-desc{padding:28px 28px 25px;}
.new-jobList .list-box .item-desc p span{display: inline-block;padding-left: 12px;position: relative;margin-left:12px;}
.new-jobList .list-box .item-desc p span::after{content:'|';position: absolute;left:0;}

@media (max-width:992px){
  .new-jobList .list-box{margin-left:-15px;margin-right:-15px;}
.new-jobList .list-box li{margin-bottom: 40px;padding:0 15px;}
.new-jobList .list-box .item-desc{padding:20px 22px 18px;}
}
@media (max-width:767px){
  .new-jobList .list-box .list-item h2{font-size:18px;}
  .new-jobList .list-box .list-item p{font-size:16px;margin-top:8px;}
  .new-jobList .list-box .item-desc{padding:18px 15px 16px;}
  .new-jobList .list-box li{margin-bottom: 30px;}
  .contactUs-job .job-list .detail-content{padding-left: 0;}
.job-left .job-tab li{margin-bottom:10px;}
}

.bodyfixed .head_nav.open{padding-bottom: 0!important;height:0;}

.sectionBox .video-play{z-index:10;position: absolute;top:0;left:0;width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.sectionBox .video-play .play-icon{position: absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;width:60px;height:60px;background: url(../images/icon-play.png) no-repeat center;background-size: contain;}

/*add 20210330*/
.sectionBox .index-proCate{font-size:0;background: #fff!important;}
.sectionBox .index-proCate li{height:150px;}
.sectionBox .index-proCate li a{height:100%;color:#000;font-weight:bold;overflow:hidden;border:1px solid #eee;border-top:none;justify-content: flex-end;position: relative;transition: all linear .3s;}
.sectionBox .index-proCate li{background: #fff;}
.sectionBox .index-proCate li .item-img{width: 20%;max-width: 80px;}
.sectionBox .index-proCate li .img{position: relative;padding-bottom:100%;}
.sectionBox .index-proCate li .img img{max-height: 100%;}
.sectionBox .index-proCate li .item-con{padding:0 8%;width:70%;text-align: left;}
.sectionBox .index-proCate li .item-con p{margin:8px 0;}
.sectionBox .index-proCate li a::before{position: absolute;content:'';left:-4.54%;top:0;height:100%;transform: translateX(0);width: 4.54%;background: #ffb700;transition: all linear .3s;}
.sectionBox .index-proCate li a:hover::before,.sectionBox .index-proCate li.active a::before{transform: translateX(100%);}
.sectionBox .index-proCate li a:hover,.sectionBox .index-proCate li.active a{background: rgba(255,183,0,.1);}
@media (min-width:768px){
.sectionBox .index-proCate{max-width: 400px;}
}
@media (max-width:1200px){
.sectionBox .index-proCate li{height:120px;}
}
@media (max-width:992px){
.sectionBox .index-proCate li{height:90px;}
}
@media (max-width:767px){
  .sectionBox .index-proCate li{height: auto;}
  .sectionBox .index-proCate li a{height: auto;padding:12px 15px;display: inline-block;}
  .sectionBox .index-proCate li .item-img{width:30px;height:30px;float:left;}
  .sectionBox .index-proCate li .item-con{width: auto;margin-left:30px;white-space: nowrap;display: flex;}
  .sectionBox .index-proCate li .item-con p{display: inline-block;white-space: nowrap;text-overflow:unset;}
  .sectionBox .index-proCate li a::before{width:4%;}
}

.partRun .part-title{position: absolute;left:4.9%;top:10%;z-index:10;color:#fff;text-align: left;}
.partRun .part-title .title{text-align: left;}
.partRun .part-title .en-title b{letter-spacing: 1px;}
.partRun .part-title .en-title::after{left:0;right:auto;}
.partRun .part-title .en-title{padding-bottom: 30px;}
@media (max-width:992px){
  .partRun .part-title .en-title b{font-size:44px;}
  .partRun .part-title .en-title{padding-bottom: 25px}
}
@media (max-width:767px){
  .partRun .part-title{top:7%;}
  .partRun .part-title .en-title b{font-size:26px;}
  .partRun .part-title .en-title{padding-bottom: 16px;}
  .partRun .runpic-words{padding-top:170px;}
}