body{background: #fff;font-size:14px;
  /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
  font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
  color:#333;max-width: 1920px;margin:0 auto;}
*{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;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs0{font-size:0;}
.fs100{font-size: 96px;}
.fs55{font-size: 55px;}
.fs48{font-size: 48px;}
.fs38{font-size: 38px;}
.fs35{font-size: 35px;}
.fs30{font-size: 30px;}
.fs25{font-size: 25px;}
.fs24{font-size: 24px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}

@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;   
}


@font-face{
  font-family: 'pm';
  src:url('pmzd.ttf');
}

.ht{font-family: '黑体';}
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.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;max-width: 100%;}
.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{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.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 3%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
/*.navbar-collapse{padding:20px 0;}*/
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.06);}
.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{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}

.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:#0084e9;background: #0084e9;color:#fff;}

@media (min-width: 767px){
    .container{width:90%;max-width: 1460px;padding:0;}
}
@media (min-width: 1200px){
  .container{width:85%;}
}
@media (min-width: 1500px){
    .container{width: 1460px;}
}


/* 导航部分 */
.header{position: fixed;top:0; left:0; right:0; z-index: 99;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;color:#000000;background: #fff;}
.header_box{position: relative;font-size:16px;padding-right:360px;}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;max-width: 30%;}
.header .header_logo .flexC{height: 100%;}
.header .header_logo img{max-height:90%;margin:0;}
.header .header_nav{text-align: right;}
.header .header_nav .nav_container>ul>li{display: inline-block;text-align: center;margin-right:1.7%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{display: block;padding:42px 14px;position: relative;line-height: 1;}
.header .header_nav .nav_container>ul>li>a::after{transition: all .3s;position: absolute;content:'';width:0;height: 3px;background: #003d89;left:0;bottom:0;}
.header .header_nav .nav_container>ul>li>a.active::after,.header .header_nav .nav_container>ul>li>a:hover::after{width:100%;}
.header .header-tel{position: absolute;right:150px;top:50%;line-height: 20px;margin-top:-10px;padding-left: 26px;background:url(../images/icon-tel.png) no-repeat left center;}

.header .nav-lang{text-transform: uppercase; line-height: 60px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 10;}
.header .nav-lang .lang{display: block;padding:0 0 0 56px;position: relative;background: url(../images/icon-earth-black.png) no-repeat left center;}
.header .nav-lang .lang em{font-style: normal; margin-right: 15px;}

.header .header_nav .inner_box{color: #333;position: fixed;top: 100px;left: 0;width: 100%;background: #f4f4f4;display: none;border-top: 1px solid #003d89;text-align: left;overflow: hidden;}
.header .header_nav .inner_box .box_l{width: 65.6%;float: left;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.3s;padding:34px 45px 34px 40px;}
.header .header_nav .inner_box .box_r{width: 34.4%;float: right;text-align: left;opacity: 0;filter: alpha(opacity=0);transform: translateX(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.4s;padding:34px 0 34px 38px;background: #ffff;position: relative;}
.header .header_nav .inner_box.inner_hover .box_l,
.header .header_nav .inner_box.inner_hover .box_r{opacity: 1;filter: alpha(opacity=100);transform: translate(0,0);}
.header .header_nav .inner_box .box_l .nav-tit{color:#000000;font-weight: bold;line-height: 1;margin-bottom: 30px;}
.header .header_nav .inner_box .box_l .left{float:left;width: 57.3%;}
.header .header_nav .inner_box .box_l .item-img{float:right;width: 42.7%;}
.header .header_nav .inner_box .box_l .img{padding-bottom: 62%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.header .header_nav .inner_box .box_l .nav-first-ul>li{width: 50%;float: left;text-align: left;margin-bottom: 16px;line-height: 1;}
.header .header_nav .inner_box .box_l .nav-first-ul>li a,.header .header_nav .inner_box .box_l .nav-first-ul>li a.active{display: block;position: relative;padding-left:20px;}
.header .header_nav .inner_box .box_l .nav-first-ul>li a::before,.header .header_nav .inner_box .box_l .nav-first-ul>li a.active:before{content: '';position: absolute;top: 0;left: 0;width: 7px;height: 16px;background: url(../images/header-arrow.png) no-repeat left center;background-size: 100% auto;}
.header_nav .inner_box .box_l a:hover{color:#003d89;}
.header .header_nav .inner_box .box_l .nav-first-ul>li a:hover::before{background-image: url(../images/header-arrowon.png);}
.header .header_nav .inner_box .box_r .desc{line-height: 36px;letter-spacing: 2px;text-align: justify;color:#000000;position: relative;z-index:10;}
.header .header_nav .inner_box .box_r .bg{position: absolute;left:0;top:0;height: 100%;width: 730px;background: #fff;}
.header .header_nav .inner_box .box_r .bg div{width: 100%;height: 100%;background: url(../images/header-bg.png) no-repeat right bottom;}


.mobile_key {display: none;width:28px;height:25px;position: relative;border:none!important;cursor: pointer;padding:0;}
/*.button_menu{width: 30px;height: 25px;position: absolute;top:7px;left:0;}*/
.button_menu span {display:block;width:100%;height:3px;background-color:#333;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.button_menu span:nth-child(1) {top:0}
.button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.button_menu span:nth-child(3) {bottom:0}
.header.fixed .button_menu span{background: #333;}
/*.button_close .button_menu span:nth-child(1) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.button_close .button_menu span:nth-child(2) {
    -moz-transform: rotate(-45deg) translate(6px,-7px);
    -ms-transform: rotate(-45deg) translate(6px,-7px);
    -webkit-transform: rotate(-45deg) translate(6px,-7px);
    transform: rotate(-45deg) translate(6px,-7px)
}*/
/*.header.fixed .header_tools .button_menu span,.header:hover .header_tools .button_menu span,.index_header.allIn .header_tools .button_menu span{background: #000;}*/


.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.index_header.ani{top:0;}
.header-container{position: relative;z-index:10;}

.ibanner{position: relative;text-align: center;}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .item-mask{position: absolute;top:0;left:0;right:0;bottom:0;color:#fff;}
.ibanner .item-mask .en{font-family: 'pm';text-transform: uppercase;letter-spacing: 1px;line-height: 1;transform: translateY(40px);transition: all .7s;transition-delay: .2s;}
.ibanner .item-mask .en span{display: inline-block;position: relative;padding:0 15px;}
.ibanner .item-mask .en span:before,.ibanner .item-mask .en span:after{position: absolute;content:'';width:105px;height: 1px;top:50%;background: #fff;}
.ibanner .item-mask .en span:before{left:100%;}
.ibanner .item-mask .en span:after{right:100%;}
.ibanner .item-mask .title{font-weight:bold;transform: translateY(50px);transition: all .7s;transition-delay: .3s;margin-top:25px;letter-spacing: 3px;}
.ibanner .item-mask .line{width:22%;height: 1px;background: #fff;margin:32px auto 25px;transform: translateY(40px);transition: all .7s;transition-delay: .3s;letter-spacing: 1px;}
.ibanner .item-mask .subtit{transform: translateY(40px);transition: all .7s;transition-delay: .4s;}
.ibanner .swiper-slide .title,.ibanner .swiper-slide .subtit,.ibanner .swiper-slide .en,.ibanner .item-mask .line{opacity: 0;filter: alpha(opacity=0);}
.ibanner .swiper-slide-active .title,.ibanner .swiper-slide-active .subtit,.ibanner .swiper-slide-active .en,.ibanner .swiper-slide-active .line{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.swiper-bottom{position: absolute;height: 37px;line-height: 37px;left:0;width: 100%;z-index:10;color:#fff;}
.swiper-bottom .swiper-index{float:right;font-size:16px;font-family: arial;letter-spacing: 1px;}
.swiper-bottom .swiper-index .cur{font-size:30px;}
.swiper-bottom .swiper-pagination-progressbar{position: relative;float:right;width: 340px;max-width: 25%;height: 2px;background: #fff;margin-top:18px;margin-left:3%;}
.ibanner .swiper-bottom{bottom:5.33%;text-align: right;}

.ibanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:4.6%;font-size:0;}
.ibanner .swiper-pagination-bullet{width: 3%;height:4px;background:#fff;opacity:0.5 ;border-radius:2px;transition: all .2s;}
.ibanner .swiper-pagination-bullet-active{opacity: 0.9;width:5.2%;}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
@media (min-width: 1000px){
  .ibanner .slide-item-img{width: 100%;height: 100vh;object-fit: cover;object-position: center;}
}


.banner_mouse{position:absolute; width: 23px;height: 37px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:5.33%; left:50%;margin-left:-12px;z-index:1;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:24px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 8px;border-radius: 2px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@-webkit-keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@-webkit-keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}




@media (max-width:992px){
  .header_box{overflow: hidden;padding:20px 0;}
  .mobile_key{display: block;float:right;}
  .header .header_logo{max-width: 70%;}
  .header .header_nav{text-align: left;font-size:14px;}
  body{padding-top:65px;}
}


.title-box .en{line-height: 0.8;font-weight: bold;color:#003d89;opacity: 0.3;letter-spacing: 8px;font-family: 'pm';text-transform: uppercase;}
.title-box .title{line-height: 1;font-weight: bold;letter-spacing: 3px;margin-top:15px;}
.title-box .title span{float:left;width: 296px;max-width: 18vw;margin-right:45px;height: 2px;background: #003d89;margin-top:17px;}
.title-box.white{color:#fff;}
.title-box.white .en{color:#fff;}
.title-box.white .title span{background: #fff;}

.part-about{padding:100px 0 100px 12%;background: url(../images/part1-bg.png) no-repeat bottom center;overflow: hidden;}
.part-about .box{width: 100%;}
.part-about .left{width: 39%;}

.part-about .right .video-box{position: relative;height:100%;min-height:400px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.part-about .right .videoitems{width:14%;max-width:100px;border-radius:999px;overflow: hidden; position: absolute;cursor: pointer;}
.part-about .right .videoitems span{width:100%;padding-bottom: 100%;display: block;background: url(../images/icon-play.png) no-repeat center;background-size: 100% auto;}
 
.part-about .right:hover .videoitems span{background: url(../images/licon-play.png) no-repeat center;background-size: 100% auto;}


.part-about .right{width:57%;max-width: 960px;overflow: hidden;position: relative;}
.part-about .right .img{height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.part-about .right .more-btn{position: absolute;left:0;bottom:0;background: #003d89;color:#fff;z-index:10;width: 266px;line-height: 79px;text-align: center;}
.part-about .right .more-btn .icon{width: 35px;height: 35px;border-radius:100%;margin-right:29px;transition: all .3s;position: relative;border:1px solid #fff;display: inline-block;vertical-align: middle;}
.part-about .right .more-btn .icon:after{position: absolute;content:'';width: 31px;height: 15px;background: url(../images/more-arrow-w.png) no-repeat center;background-size: 100% auto;top:50%;margin-top:-8px;left:20px;transition: left .3s;}
.part-about .right .more-btn span{position: relative;left:0;transition: all .3s;vertical-align: middle;}
.part-about .right .more-btn:hover .icon:after{left:90%;}
.part-about .right .more-btn:hover span{left:10px;}

.part-about .left .desc{line-height: 2.25;letter-spacing: 2px;text-align: justify;margin-top:69px;padding:0 20px 0 40px;max-height: 216px;overflow: hidden;}
.part-about .left .num-box{margin-top:50px;text-align: center;}
.part-about .left .num-box .num{color:#003d89;line-height: 1;margin-top:26px;}
.part-about .left .num-box p{margin-top: 18px;line-height: 1;}
.part-about .left .num-box .item-icon{max-width: 64px;margin:0 auto;transition: all .5s;}
.part-about .left .num-box li:hover .item-icon{transform: rotateY(180deg);}

.part-product{background: #003d89;color:#fff;padding:0 0 0 12%;overflow: hidden;}
.part-product .left,.part-product .right{padding:88px 0 86px;}
.part-product .left{width: 39.4%;max-width: 660px;position: relative;}
.part-product .right{width: 60.6%;background: url(../images/part2-bg.png) no-repeat center;background-size: cover;}
.part-product .left .tit{line-height: 1;padding-bottom: 10px;}
.part-product .index-proList{padding:0 40px;margin:95px 0 50px;}
.part-product .index-proList .list a{float:left;text-transform: uppercase;min-width:28%;max-width:163px;overflow: hidden;font-family: arial;margin-right:8%;text-align: center;border:1px solid #fff;line-height: 32px;margin-top:34px;transition: all .3s;}
.part-product .index-proList .list a.active,.part-product .index-proList .list a:hover{background: #fff;color:#003d89;}
.part-product .img-swiper{width: 85%;max-width: 870px;transform: translateX(-8.6%);position: relative;background: url(../images/index-probg.png) no-repeat center;background-size: cover;}
.part-product .img-swiper .item-img{position: relative;/*padding-bottom: 73%;*/height:635px;overflow:hidden;}
.part-product .img-swiper .item-img img{max-width: 59%;max-height: 59%;}
.part-product .swiper-bottom{bottom: 86px;left:40px;}
.part-product .swiper-pagination-progressbar{width:40%;max-width: 256px;margin-left:6.6%;float:left;background: #a5a5a5;}
.part-product .swiper-bottom .swiper-index{float:left;}
.part-product .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}
.part-product .swiper-btn{width: 62px;height: 73px;background: url(../images/pro-arrow-left.png) no-repeat center;background-size: auto 100%;position: absolute;top:50%;transform: translateY(-50%);z-index:10;outline: none;}
.part-product .swiper-btn.swiper-button-disabled{opacity: 0.3;}
.part-product .swiper-btn-prev{left:0;}
.part-product .swiper-btn-next{right:0;background-image: url(../images/pro-arrow-right.png);}

.part-news{padding:100px 12%;background: url(../images/news-bg.png) no-repeat bottom center;}
.part-news .top{margin:45px 0 0;}
.part-news .top .news-item{display: block;}
.part-news .top .news-item .item-img{position: relative;overflow:hidden;}
.part-news .top .news-item1{width: 58.9%;float:left;}
.part-news .top .news-item1 .item-img{padding-bottom: 48.37%;}
.part-news .top .news-item2{width: 39.04%;float: right;}
.part-news .top .news-item2 .item-img{padding-bottom: 72.98%;}
.part-news .top .news-item .item-con{position: absolute;bottom:13.9%;line-height: 1;padding:0 40px;left:0;width: 100%;z-index:10;color:#fff;letter-spacing: 2px;}
.part-news .top .news-item .item-con h2{line-height: 1;font-weight: bold;margin-bottom: 15px;}
.part-news .bottom{margin-top:30px;}
.part-news .bottom .sub{overflow: visible;}
.part-news .list-tab{max-width: 295px;margin-right:3.97%;}
.part-news .list-tab .tab-item{background: #333333;color:#fff;height: 115px;padding:0 30px;transition: all .3s;position: relative;}
.part-news .list-tab .tab-item b{font-weight: bold;font-size:40px;margin-right: 30px;line-height: 1;}
.part-news .list-tab .tab-item.active,.part-news .list-tab .tab-item:hover{background: #003d89;}
.part-news .list-tab .tab-item:after{content:'';position: absolute;top:50%;transform: translateY(-50%);left:100%;border:12px solid transparent;width:0;height: 0;transition: all .3s;}
.part-news .list-tab .tab-item.active:after,.part-news .list-tab .tab-item:hover:after{border-left:27px solid #003d89;}
.part-news .list-item{display: none;}
.part-news .list-item:first-child{display: block;}
.part-news .list-item .item{float:left;width: 31.6%;margin-right:2.6%;border:1px solid #c2c2c2;background: #fff;padding:28px 30px;transition: all .3s;}
.part-news .list-item .item:nth-child(3n+3){margin-right: 0;}
.part-news .list-item .item-date{line-height:1;color:#003d89;}
.part-news .list-item .item-date .d{display: inline-block;line-height: 0.85;}
.part-news .list-item .item h2{line-height: 1;margin-top:38px;letter-spacing: 1px;}
.part-news .list-item .item-desc{line-height: 24px;height: 48px;letter-spacing: 1px;margin-top:20px;}
.part-news .list-item .item:hover{border-color:#fff;box-shadow: 0 10px 30px rgba(0,0,0,.2);}

.footer-box{background: url(../images/footer-bg.png) no-repeat center;background-size: cover;color:#fff;}
.footer-box .container{padding:0 40px;}
.footer{padding:68px 0 72px;}
.footer-nav li{float:left;min-width: 20%;line-height: 1;}
.footer-nav a{display: block;line-height: 1;padding-left:13px;position: relative;margin-bottom: 22px;}
.footer-nav .tit{margin-bottom: 25px;}
.footer-nav .tit:before{position: absolute;content:'';width: 7px;height: 1px;top:50%;background: #fff;left:0;}
.footer-nav .s-menu{color:#a5a5a5;}
.footer-nav .s-menu a:before{position: absolute;content:'';width:7px;height: 11px;top:50%;margin-top:-5px;background: url(../images/f-arrow.png) no-repeat left center;left:0;}
.footer-info{max-width: 360px;}
.footer-info .name{line-height: 1.1;}
.footer-info .tel{font-family: 'pm';line-height: 1;margin-top:33px;letter-spacing: 1px;}
.footer-info .info{color:#a5a5a5;letter-spacing: 2px;margin-top:32px;}
.footer-info .info>*{margin-bottom: 4px;}
.footer-info .link{margin-top:32px;}
.footer-info .link .icon{float:left;width: 40px;border:1px solid #fff;border-radius:100%;margin-right:12px;position: relative;}
.footer-info .link .icon .wximg{max-width: 120px; position: absolute; right: 130%; top: 50%; transform: translateY(-50%); z-index: 10; display: none;}
.footer-info .link .icon:hover .wximg{display: block;}
.footer-copyright{padding:13px 0 50px;border-top:1px solid #fff;font-size:12px;}
.footer .f-logo img{max-height: 37px;}

@media (max-width: 1700px){
  .part-about,.part-product,.part-news{padding-left: 8%;}
  .part-news{padding-right: 8%;}
  .title-box .en{letter-spacing: 6px;}
}
@media (max-width: 1600px){
  .fs100{font-size: 92px;}
  .fs55{font-size: 51px;}
  .fs48{font-size: 46px;}
  .fs38{font-size: 36px;}
  .fs35{font-size: 33px;}
  .fs30{font-size: 28px;}
  .fs25{font-size: 23px;}
  .fs24{font-size: 22px;}
  .fs20{font-size: 19px;}
  .part-about,.part-product,.part-news{padding-left: 6%;}
  .part-news{padding-right: 6%;}
  .part-about .left .desc{margin-top:60px;}
  .title-box .en{letter-spacing: 4px;}
}
@media (max-width: 1400px){
  .fs100{font-size: 80px;}
  .fs55{font-size: 45px;}
  .fs48{font-size: 42px;}
  .fs38{font-size: 34px;}
  .fs35{font-size: 30px;}
  .fs30{font-size: 26px;}
  .fs20{font-size: 18px;}
  .fs18{font-size: 17px;}
  .header_box{padding-right: 300px;}
  .header .header-tel{right: 120px;}
  .title-box .en{letter-spacing: 3px;}
  .part-about .left .desc{margin-top:50px;letter-spacing: 1px;padding-left:30px;}
  .title-box .title{letter-spacing: 2px;}
  .title-box .title span{margin-right: 30px;}
  .part-about .left .num-box .num{font-size:22px;margin-top: 20px;}
  .part-about .left .num-box .item-icon{max-width: 56px;}
  .part-about .left .num-box p{font-size:14px;margin-top: 14px;}
  .part-about .left .num-box{margin-top:40px;}
  .part-about .left .num-box li{padding:0 5px;}
  .part-product .index-proList{margin-top:80px;}
  .part-product .index-proList .list a{margin-top:28px;}
  .part-product .img-swiper .item-img{height:550px;}
  .part-product .img-swiper{transform: translateX(-6%)}
  .part-about .right .more-btn{width: 250px;line-height: 70px;}
  .title-box .title span{max-width: 16vw;}
  .part-news .top .news-item .item-con{padding:0 30px;}
  .part-news .list-item .item h2{margin-top:30px;}
  .part-news .list-item .item{padding:22px 25px;}
  .part-news .list-item .item-desc{margin-top:18px;}
  .part-news .list-tab .tab-item b{margin-right:20px;}
  .part-news .list-tab .tab-item{height: 100px;}
}
@media (max-width: 1200px){
  .fs100{font-size: 66px;}
  .header_box{padding-right: 260px;}
  .header .header-tel{right: 100px;}
  .header .nav-lang .lang{padding-left: 50px;}
  .header .nav-lang .lang em{margin-right: 8px;}
  .header .header_nav .nav_container>ul>li>a{padding:34px 10px;}
  .header .header_nav .inner_box{top:84px;}
  .part-about{padding:90px 0 90px 5%;}
  .part-about .left .desc{margin-top:40px;padding-left: 20px;}
  .part-about .left .num-box .item-icon{max-width: 50px;}
  .part-about .left .num-box .num{font-size:20px;font-weight: bold;}
  .part-about .left .num-box p{margin-top:12px;}
  .part-product .left, .part-product .right{padding:75px 0;}
  .part-product .index-proList{margin-top:60px;padding:0 20px;}
  .part-product .img-swiper .item-img{height: 490px;}
  .part-product .swiper-bottom{left: 20px;}
  .part-news{padding:80px 5%;}
  .part-product .swiper-btn{height: 65px;}
  .part-news .top .news-item .item-con{padding:0 20px;}
  .part-news .list-tab .tab-item{padding:0 20px;}
  .part-news .list-tab .tab-item b{font-size:30px;margin-right:14px;}
  .part-news .list-item .item{padding:20px ;}
  .part-news .list-item .item h2{margin-top:25px;}
  .part-news .list-item .item-desc{margin-top:15px;}
  .part-news .list-tab .tab-item{height: 94px;}
  .footer{padding:50px 0 55px;}
  .footer-info{width: 35%;}
  .footer-info .tel{font-size:30px;margin-top:25px;}
  .footer-info .info{letter-spacing: 1px;font-size:15px;margin-top:25px;}
  .footer-copyright{padding-bottom: 30px;}

}
@media (max-width: 992px){
  .fs100{font-size: 60px;}
  .fs55{font-size: 41px;}
  .fs48{font-size: 34px;}
  .fs38{font-size: 32px;}
  .fs35{font-size: 28px;}
  .fs30{font-size: 24px;}
  .fs25{font-size: 21px;}
  .fs24{font-size: 20px;}
  .fs18{font-size: 16px;}
  .fs16{font-size: 15px;}
  .header_box{padding-right: 0;}
  .header .nav-lang{right: 50px;}
  .header .header-tel{right:156px;}
  .ibanner .item-mask .en span:before, .ibanner .item-mask .en span:after{width: 70px;}
  .ibanner .item-mask .title{margin-top:20px;}
  .ibanner .item-mask .line{margin:22px auto 18px;}
  .ibanner .item-mask .subtit{font-size:18px;}
  .part-about{padding:70px 0 70px 5%;}
  .part-about .left{width: auto;margin-right:5%;}
  .part-about .right{width: 100%;margin-top:30px;}
  .part-about .right .img{height: auto;padding-bottom: 60.4%;}
  .part-product{padding:0 0 0 5%;}
  .part-product .left, .part-product .right{padding:65px 0;}
  .part-product .img-swiper{width: 90%;transform: none;margin:0 auto;}
  .part-product .index-proList{padding:0;}
  .title-box .title span{margin-right: 25px;max-width: 14vw;}
  .part-product .index-proList .list a{font-size:15px;margin-top:20px;}
  .part-product .swiper-bottom{left: 0;}
  .part-product .img-swiper .item-img{height: 350px;}
  .swiper-bottom{height: 30px;line-height: 30px;}
  .swiper-bottom .swiper-pagination-progressbar{margin-top:15px;}
  .part-product .swiper-bottom{bottom: 60px;}
  .part-news{padding:60px 5%;}
  .part-news .bottom{display: block;}
  .part-news .list-tab{margin:0 0 25px;width: 100%;max-width: 100%;}
  .part-news .list-tab .tab-item{float:left;width: 50%;height: 80px;}
  .part-news .list-tab .tab-item:after{top:100%;left:50%;transform: translateX(-50%);border:12px solid transparent;}
  .part-news .list-tab .tab-item.active:after,.part-news .list-tab .tab-item:hover:after{border:12px solid transparent;border-top:15px solid #003d89;}
  .footer-box .container{padding:0;}
  .footer-info .tel{font-size:24px;margin-top:20px;}
  .footer-info .info{margin-top:20px;}
  .footer{padding:40px 0;}
  .footer-copyright{padding-bottom: 20px;}
}
@media (max-width: 767px){
  .fs100{font-size: 50px;}
  .fs55{font-size: 35px;}
  .fs48{font-size: 32px;}
  .fs38{font-size: 30px;}
  .fs35{font-size: 25px;}
  .fs30{font-size: 22px;}
  .fs25{font-size: 19px;}
  .fs24{font-size: 18px;}
  .header .header_logo{max-width: 40%;}
  .header .header-tel{right: 40px; display: none;}
  .header_box{padding:15px 0;}
  body{padding-top:55px;}
  .ibanner .item-mask .en{font-size:14px;}
  .ibanner .item-mask .en span{padding:0 10px;}
  .ibanner .item-mask .en span:before, .ibanner .item-mask .en span:after{width: 35px;}
  .ibanner .item-mask .title{font-size:28px;letter-spacing: 2px;margin-top:15px;}
  .ibanner .item-mask .line{margin:15px auto 12px;}
  .ibanner .item-mask .subtit{font-size:15px;}
  .ibanner .slide-item-img{width: 100%;min-height: 300px;object-fit: cover;object-position: center;}
  .banner_mouse{left:10%;}
  .swiper-bottom .swiper-index .cur{font-size:25px;}
  .part-about{padding:55px 0;}
  .part-about .left{width: 100%;margin:0;padding:0 15px;}
  .title-box .en{letter-spacing: 2px;}
  .title-box .title{letter-spacing: 1px;}
  .title-box .title span{max-width: 35%;}
  .part-about .left .desc{max-height: none;line-height: 2;margin-top:32px;padding:0 15px;}
  .part-about .left .num-box .item-icon{max-width: 42px;}
  .part-about .left .num-box .num{font-size:18px;margin-top:16px;}
  .part-about .left .num-box{margin-top:30px;}
  .part-about .right .more-btn{width: 180px;line-height: 52px;}
  .part-about .right .more-btn .icon{width: 30px; height: 30px;}
  .part-about .right .more-btn .icon::after{width: 26px;}
  .part-product{padding:0;background: none;}
  .part-product .left,.part-product .right{width: 100%;padding:45px 0;}
  .part-product .left{padding:45px 15px;background: #003d89;}
  .part-product .index-proList{margin-top:45px;}
  .part-product .swiper-bottom{bottom: 40px;left:15px;}
  .part-product .right{padding:30px 0;}
  .part-product .img-swiper .item-img{height: auto;padding-bottom: 73.1%;}
  .part-product .swiper-btn{width: 40px;height: 50px;}
  .part-news{padding:45px 15px;}
  .part-news .top .news-item{width: 100%;float:none;margin-bottom: 20px;}
  .part-news .top .news-item1 .item-img{padding-bottom: 70%;}
  .part-news .list-tab .tab-item{padding:0;height: 70px;}
  .part-news .list-tab .tab-item b{font-size:20px;margin-right:10px;}
  .part-news .bottom{margin-top:15px;}
  .part-news .list-item .item{width: 100%;margin-bottom: 12px;}
  .footer{display: block;padding:30px 0 20px;}
  .footer-box .container{padding:0 15px;}
  .footer-info{width: 100%;}
  .footer-nav .s-menu{display: none;}
  .footer-nav li{min-width:25%;padding-right:10px;}
  .footer-info .tel{font-size:28px;}
  .footer-info .link{margin-top: 25px;}
  .footer-copyright .f-logo{flex:none;max-width: 22%;margin-right:5px;}
  .footer-copyright{padding:12px 0;}
  .footer-info .info{font-size:14px;}
  .footer-info .link .icon .wximg{left: 130%; right: unset;}
  .part-news .top .news-item .item-con{letter-spacing: 1px;padding:0 15px;}
}

.inner-banner{position: relative;}
.inner-banner .nav-now{position: absolute;top:50%;transform: translateY(-50%);left:0;width: 100%;text-align: center;z-index:10;color:#fff;}
.inner-banner .nav-now .en{font-family: 'pm';position: absolute;top:50%;transform: translateY(-50%);left:0;width: 100%;font-size:130px;opacity: 0.1;pointer-events: none;}
.inner-banner .nav-now .tit{line-height: 1;font-weight: bold;letter-spacing: 2px;}
.inner-banner .nav-now .line{margin:23px auto 22px;height: 1px;background: #fff;width: 323px;max-width: 55%;}
.inner-banner .nav-now .desc{line-height: 1;letter-spacing: 1px;}

.subcolumn-nav{background: #fff;text-align: center;}
.subcolumn-nav a{line-height: 1;padding:34px 0 31px;position: relative;letter-spacing: 1px;color:#000;margin:0 2.2%;}
.subcolumn-nav a::after{position: absolute;content:'';height: 5px;overflow: hidden;transition: all .4s;background: #003d89;left:0;bottom:0;width:0;}
.subcolumn-nav a:hover::after,.subcolumn-nav a.active::after{width: 100%;}


.about-title {color:#333;text-align: center;position: relative;}
.about-title .en{line-height: 0.8;font-family: 'pm';opacity: 0.1;text-transform: uppercase;letter-spacing: 4px;color:#003d89;}
.about-title .tit{position: relative;z-index:10;margin-top:-60px;}
.about-title .tit span{display: inline-block;padding:0 2px 39px;border-bottom:2px solid #003d89;letter-spacing: 1px;}

.about-company .about-title{color:#fff;text-align: left;}
.about-company .about-title .en{color:#fff;}
.about-company .about-title .tit{margin-top:-30px;}
.about-company{background: #f7f7f7;overflow: hidden;}
.about-company .box{background: url(../images/profile-bg.png) no-repeat right top;background-size: 59.375% 100%;padding-top:100px;padding-right:11.875%;flex-direction: row-reverse;}
.about-company .left-img{width: 64%;max-width: 1080px;overflow: hidden;}
.about-company .left-img .img{background-repeat: no-repeat;background-size: cover;background-position: center;/*height: 640px;*/height:100%;}
.about-company .right-con{width: 32.2%;color:#fff;padding:70px 0 110px;}
.about-company .right-con .desc{line-height: 2.25;letter-spacing: 1px;text-align: justify;max-height: 315px;overflow-y: auto;padding-right:25px;margin-top:57px;text-indent:2em;}
.about-company .right-con .desc::-webkit-scrollbar {width:8px;}
.about-company .right-con .desc::-webkit-scrollbar-track {background:#405e8c;border-radius:8px;}
.about-company .right-con .desc::-webkit-scrollbar-thumb {background:#fff;border-radius:8px;}
.about-company .right-con .desc::-webkit-scrollbar-thumb:window-inactive {background:#fff;}
.about-company .right-con .desc::-webkit-scrollbar-thumb:vertical:hover {background:#fff;}

.about-environment{padding:100px 0;background: url(../images/about-bg.png) no-repeat bottom center;}
.about-environment .desc{text-align: center;max-width: 72%;margin:15px auto 10px;line-height: 2.25;letter-spacing: 2px;}
.about-environment .env-swiper{overflow: hidden;padding:30px 0;}
.about-environment .env-swiper .swiper-container{overflow: visible;width: 66%;margin:0 auto;}
.about-environment .env-swiper .item-img{transition: all .3s;overflow: hidden;margin:0 2%;}
.about-environment .env-swiper .item-img .img{transition: all ease .8s;padding-bottom: 44%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.about-environment .env-swiper .item-img:hover{box-shadow: 0 0 30px rgba(6,0,1,.3);}
.about-environment .env-swiper .item-img:hover .img{transform: scale(1.08) rotate(1deg);}
.about-environment .swiper-bot{margin-top:8px;text-align: center;}
.about-environment .swiper-bot .swiper-btn{position: relative;top:auto;left:auto;right:auto;margin:0;display: inline-block;color:#a5a5a5;height: auto;}
.about-environment .swiper-bot .swiper-btn:after{font-size:16px;}
.about-environment .swiper-pagination{display: inline-block;position: relative;margin:0 3.5%;}
.about-environment .swiper-pagination-bullet{width: 10px;height: 10px;background: #a5a5a5;opacity: 1;margin:0 12px;}
.about-environment .swiper-pagination-bullet-active{background: #0066af;}

@media (max-width: 1600px){
  .inner-banner .nav-now .en{font-size:120px;}
  .about-environment{padding:90px 0;}
  .about-company .box{padding-right:10%;}
  .about-company .right-con{padding:60px 0 90px;}
  .about-company .right-con .desc{margin-top:45px;}
  .about-title .en{letter-spacing: 3px;}
  .about-title .tit span{padding-bottom: 30px;}
}
@media (max-width: 1400px){
  .inner-banner .nav-now .en{font-size:110px;}
  .about-company .about-title .tit{margin-top:-24px;}
  .about-company .right-con .desc{padding-right: 20px;margin-top:35px;}
  .about-company .box{padding-right: 8%;}
  .about-environment{padding:80px 0;}
  .about-title .tit{margin-top:-48px;}
  .about-title .tit span{padding-bottom: 25px;}
  .about-environment .desc{max-width: 80%;}
}
@media (max-width: 1200px){
  .inner-banner .nav-now .en{font-size:100px;}
  .about-company .box{padding-right: 5%;padding-top:85px;}
  .about-company .left-img{width: 60%;}
  .about-company .right-con{width: 36%;padding:50px 0 70px;}
  .about-company .right-con .desc{padding-right:15px;line-height: 2;font-size:15px;}
  .about-environment{padding:70px 0;}
  .about-environment .desc{max-width: 100%;}
  .about-environment .env-swiper{padding:20px 0;}
  .about-environment .env-swiper .item-img:hover{box-shadow: 0 0 20px rgba(6,0,1,.3);}
}
@media (max-width: 992px){
  .inner-banner .nav-now .en{font-size:80px;}
  .subcolumn-nav a{padding:25px 0;}
  .subcolumn-nav a::after{height: 4px;}
  .about-company .box{padding-top:75px;}
  .about-company .left-img{width: 55%;}
  .about-company .right-con{width: 42%;padding:40px 0 60px;}
  .about-company .right-con .desc{max-height: 280px;}
  .about-environment{padding:65px 0;}
  .about-title .tit span{padding-bottom: 20px;}
  .about-title .tit{margin-top:-40px;}
  .about-environment .desc{line-height: 2;}
}
@media (max-width: 767px){
  .inner-banner{overflow: hidden;}
  .subcolumn-nav a{font-size:15px;padding:18px 0;display: inline-block;}
  .subcolumn-nav .flex{display: block;white-space: nowrap;overflow-x: auto;}
  .about-company .box{background-size: cover;padding:55px 0 0;}
  .about-company .right-con{width: 100%;margin:0 0 30px;padding:0 15px;}
  .about-company .left-img{width: 100%;}
  .about-company .left-img .img{height: auto;padding-bottom: 59.2%;}
  .about-company .about-title .tit{margin-top:-20px;}
  .about-environment{padding:55px 0;}
  .about-title .tit span{padding-bottom: 12px;}
  .about-title .tit{margin:0;padding-top:6px;}
  .about-title .en{position: absolute;left:50%;top:0;transform: translateX(-50%);overflow:hidden;}
  .about-company .about-title .en{position: relative;left:auto;transform: none;}
  .about-environment .desc{letter-spacing: 1px;line-height: 1.8;font-size:14px;}
  .about-environment .env-swiper .swiper-container{width: 80%;}
  .about-environment .env-swiper{padding:15px 0;}
  .about-environment .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 6px;}
  .inner-banner .slide-item-img{min-height: 200px;width: 100%;object-fit: cover;object-position: center;}
  .inner-banner .nav-now .tit{font-size:28px;}
  .inner-banner .nav-now .line{margin:16px auto 14px;}
  .inner-banner .nav-now .desc{font-size:14px;letter-spacing: 1px;}
  .about-environment{overflow:hidden;}
}

.pal{padding-left:12%;}
.leader-box{padding:100px 0 110px;background: url(../images/leader-bg.png) no-repeat left bottom #f7f7f7;background-size: auto 100%;}
.leader-box .box{overflow:hidden;}
.leader-box .left{float:left;width: 42.3%;max-width: 716px;padding:50px 0 0 40px;}
.leader-box .right-img{float:right;max-width: 57%;}
.leader-box .left .desc{letter-spacing: 1px;text-align: justify;line-height: 2.25;padding-right:30px;max-height: 596px;overflow-y: auto;color:#000;}
.leader-box .left .desc::-webkit-scrollbar {width:8px;}
.leader-box .left .desc::-webkit-scrollbar-track {background:#fff;border-radius:8px;box-shadow:0 0 5px rgba(4,0,0,.7) inset;}
.leader-box .left .desc::-webkit-scrollbar-thumb {background:#003d89;border-radius:8px;}
.leader-box .left .desc::-webkit-scrollbar-thumb:window-inactive {background:#003d89;}
.leader-box .left .desc::-webkit-scrollbar-thumb:vertical:hover {background:#003d89;}

@media (max-width: 1600px){
  .header .header_nav .inner_box .box_r{padding:25px 0 25px 30px;}
  .header .header_nav .inner_box .box_l{padding:34px 35px 30px 30px;}
  .pal{padding-left: 10%;}
  .leader-box .left .desc{max-height: 540px;padding-right: 20px;}
  .leader-box{padding:90px 0 100px;}
}
@media (max-width: 1400px){
  .header .header_nav .inner_box .box_r .desc{line-height: 32px;}
}
@media (max-width: 1200px){
  .header .header_nav .inner_box .box_r .desc{line-height: 28px;letter-spacing: 1px;font-size:14px;}
  .header .header_nav .inner_box .box_l .nav-tit{margin-bottom: 24px;}
  .header .header_nav .inner_box .box_l .nav-first-ul>li a::before, .header .header_nav .inner_box .box_l .nav-first-ul>li a.active:before{width: 5px;}
  .header .header_nav .inner_box .box_l .nav-first-ul>li a{padding-left:15px;font-size:14px;}
  .pal{padding-left: 5%;}
  .leader-box{padding:80px 0 90px;}
  .leader-box .left{padding:10px 0 0 15px;}
  .leader-box .box{margin-top:40px;}
  .leader-box .left .desc{font-size:15px;max-height: 500px;}
}
@media (max-width: 992px){
  .leader-box{padding:70px 0 80px;}
  .leader-box .left .desc{max-height: 380px;font-size:14px;letter-spacing: 0;padding-right:12px;}
}
@media (max-width: 767px){
  .pal{padding-left:0;}
  .inner-banner .nav-now .en{left:50%;transform: translate(-50%,-50%);}
  .leader-box{padding:55px 0 60px;}
  .leader-box .left{width: 100%;padding:30px 15px 0 20px;float:none;}
  .leader-box .right-img{width: 100%;float:none;max-width: 100%;}
  .leader-box .box{background: #f7f7f7;}
  .leader-box .box .left{background: url(../images/leader-bg.png) no-repeat left bottom;background-size: auto 100%;}
}

.inner-wrapper{background:url(../images/about-bg.png) no-repeat bottom center #f7f7f7;padding:100px 0;}
.culture-box{padding:90px 0;}
.culture-box .box{margin:0 -10px;}
.culture-box .box li{float:left;padding:10px;width: 73.8%;}
.culture-box .box .culture-item{position: relative;transition: all .3s;height: 305px;color:#fff;overflow: hidden;}
.culture-box .box .culture-item .item-img{position: absolute;background-repeat: no-repeat;background-size: cover;background-position: center;top:0;left:0;width: 100%;height: 100%;transition: all ease .9s;}
.culture-box .box .culture-item .item-txt{position: absolute;max-width: 500px;padding:65px 40px 0;z-index:10;width: 100%;}
.culture-box .box .li1 .culture-item{height: 385px;color:#333333;}
.culture-box .box .li2{width: 26.2%;float:right;}
.culture-box .box .li2 .culture-item{height: 710px;}
.culture-box .box .li3{width: 27.7%;}
.culture-box .box .li4{width: 46.1%;}
.culture-box .box .culture-item .item-tit{line-height: 1;margin-bottom: 15px;letter-spacing: 1px;}
.culture-box .box .culture-item .item-subtit{line-height: 1.3;}
.culture-box .box .culture-item .item-desc{line-height: 2.375;letter-spacing: 1px;   overflow-y: auto;
    padding-right: 25px;
    height: 160px;}
.culture-box .box .li1 .culture-item .item-tit{color:#003d89;}
.culture-box .box .li1 .culture-item .item-subtit{font-size:25px;}
.culture-box .box .li1 .culture-item .item-desc{margin-top:32px;    overflow-y: auto;
    padding-right: 25px;
    height: 190px;}
.culture-box .box .culture-item:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.culture-box .box .culture-item:hover .item-img{transform: scale(1.08) rotate(1deg);}

@media (max-width: 1500px){
  .inner-wrapper{padding:90px 0;}
  .culture-box .box .culture-item .item-txt{padding:50px 35px 0;}
}
@media (max-width: 1200px){
  .inner-wrapper{padding:80px 0;}
  .culture-box{padding:70px 0;}
  .culture-box .box{margin:0 -8px;}
  .culture-box .box li{padding:8px;}
  .culture-box .box .culture-item{height: 260px;}
  .culture-box .box .li1 .culture-item{height: 340px;}
  .culture-box .box .li2 .culture-item{height: 630px;}
  .culture-box .box .culture-item .item-txt{padding:40px 24px 0;}
  .culture-box .box .culture-item .item-tit{font-size:25px;}
  .culture-box .box .culture-item .item-subtit{font-size:16px;}
  .culture-box .box .culture-item .item-desc{font-size:15px;line-height: 2;}
  .culture-box .box .li1 .culture-item .item-subtit{font-size:20px;}
  .culture-box .box .li1 .culture-item .item-desc{margin-top:25px;}
}
@media (max-width: 992px){
  .inner-wrapper{padding:70px 0;}
  .culture-box{padding:60px 0;}
  .culture-box .box .culture-item{height: 200px;}
  .culture-box .box .li1 .culture-item{height: 250px;}
  .culture-box .box .li2 .culture-item{height: 466px;}
  .culture-box .box .culture-item .item-txt{padding:30px 20px 0;}
  .culture-box .box .culture-item .item-tit{font-size:20px;margin-bottom: 10px;font-weight: bold;}
  .culture-box .box .culture-item .item-subtit{font-size:15px;}
  .culture-box .box .culture-item .item-desc{font-size:14px;line-height: 1.8;}
  .culture-box .box .li1 .culture-item .item-subtit{font-size:17px;}
  .culture-box .box .li1 .culture-item .item-desc{margin-top:20px;}
}
@media (max-width: 767px){
  .inner-wrapper{padding:50px 0;}
  .culture-box{padding:50px 0;}
  .culture-box .box li{width: 100%!important;}
  .culture-box .box li .culture-item{height: auto!important;min-height: 240px;}
  .culture-box .box li .culture-item .item-txt{position: relative;padding-bottom: 30px;}
  .culture-box .box .li2 .culture-item{min-height: 400px;}
  .culture-box .box .culture-item .item-tit{margin-bottom: 15px;}
}


.news-box .news-list li{border-bottom:1px solid #999999;padding-bottom: 50px;margin-bottom: 50px;}
.news-box .news-list li:last-child{border-bottom:none;margin-bottom: 0;}
.news-box .news-item{display: block;padding:0 40px;}
.news-box .news-item .item-con{float:left;width: 58.333%;padding-top:32px;}
.news-box .news-item .item-img{float:right;position: relative;height: 320px;width: 35.5%;overflow: hidden;}
.news-box .news-item .item-img img{transition: all ease .6s;}
.news-box .news-item .item-title{letter-spacing: 2px;line-height: 1;margin-bottom: 24px;}
.news-box .news-item .item-date{line-height: 1;}
.news-box .news-item .item-desc{line-height: 24px;letter-spacing: 1px;margin-top:36px;color:#000;}
.news-box .news-item .item-more{width: 228px;line-height: 35px;padding:12px 0 12px 40px;border:1px solid #a5a5a5;transition: all .3s;margin-top:43px;}
.news-box .news-item .item-more .icon{width: 35px;height: 35px;border-radius:100%;margin-right:29px;transition: all .3s;position: relative;border:1px solid #333333;float:left;}
.news-box .news-item .item-more span{position: relative;left:0;transition: all .3s;}
.news-box .news-item .item-more .icon:after{position: absolute;content:'';width: 31px;height: 15px;background: url(../images/more-arrow.png) no-repeat center;background-size: 100% auto;top:50%;margin-top:-8px;left:20px;transition: left .3s;}
.news-box .news-item .item-more:hover .icon:after{left:90%;background-image: url(../images/more-arrow-w.png);}
.news-box .news-item .item-more:hover{background: #003d89;border-color:#003d89;color:#fff;}
.news-box .news-item .item-more:hover .icon{border-color:#fff;}
.news-box .news-item .item-more:hover span{left:10px;}
.news-box .news-item:hover .item-img img{transform: scale(1.06);}
.pager-box {text-align: center;}
.pager-box a{display: inline-block;min-width: 30px;line-height: 30px;background: #fff;color:#333;font-size:16px;padding:0 5px;margin:0 8px;transition: all .3s;}
.pager-box a:hover,.pager-box a.Ahover{background: #003d89;color:#fff;}
.pager-box a.NextA,.pager-box a.PreA{padding:0 25px;}

@media (max-width: 1500px){
  .news-box .news-item{padding:0 20px;}
  .news-box .news-item .item-img{height: 300px;}
  .news-box .news-item .item-con{padding-top:20px;}
}

@media (max-width: 1200px){
  .news-box .news-list li{padding-bottom: 40px;margin-bottom: 40px;}
  .news-box .news-item .item-desc{margin-top:30px;}
  .news-box .news-item{padding:0;}
  .news-box .news-item .item-img{height: 265px;}
  .news-box .news-item .item-con{padding-top:20px;}
  .news-box .news-item .item-more{padding:10px 0 10px 30px;width: 210px;margin-top:35px;}
  .news-box .news-item .item-title{margin-bottom: 20px;}
  .pager-box a.NextA, .pager-box a.PreA{padding:0 15px;}
  .pager-box a{margin:0 5px;font-size:15px;}
}

@media (max-width: 992px){
  .news-box .news-item .item-title{letter-spacing: 1px;margin-bottom: 16px;}
  .news-box .news-item .item-desc{margin-top:25px;}
  .news-box .news-item .item-con{padding-top:15px;}
  .news-box .news-item .item-more{margin-top:25px;line-height: 30px;padding:8px 0 8px 20px;width: 180px;}
  .news-box .news-item .item-more .icon{width: 30px;height: 30px;}
  .news-box .news-item .item-more .icon:after{width: 26px;}
  .news-box .news-item .item-img{height: 220px;}
}
@media (max-width: 767px){
  .news-box .news-list li{padding-bottom: 28px;margin-bottom: 24px;}
  .news-box .news-item .item-img,.news-box .news-item .item-con{float:none;width: 100%;}
  .news-box .news-item .item-con{padding:0 0 20px;}
  .news-box .news-item .item-title{font-size:17px;}
}

.news-detai{color:#000;}
.news-detail .container{padding:0 40px;}
.news-detail .news-title{text-align: center;letter-spacing: 2px;}
.news-detail .news-tips{margin-top:40px;}
.news-detail .news-tips span{display: inline-block;line-height: 16px;padding-left: 23px;margin:0 10px;}
.news-detail .news-tips .time{background: url(../images/icon-time.png) no-repeat left center;}
.news-detail .news-tips .view{background: url(../images/icon-eye.png) no-repeat left center;padding-left:26px;}
.news-detail .news-description{color:#000;line-height: 2.25;letter-spacing: 1px;text-align: justify;margin-top:48px;min-height:30vh;}
.met-pager-box{margin-top:70px;}
.met-pager-box a{color:#a5a5a5;}
.met-pager-box a:hover{color:#003d89;}
.met-pager-box .prev,.met-pager-box .next{width: 101px;text-align: center;padding-bottom: 10px;background: url(../images/news-prev.png) no-repeat bottom center;background-size: 100% auto;}
.met-pager-box .prev{float:left;}
.met-pager-box .next{float:right;background-image: url(../images/news-next.png);}
.met-pager-box .next:hover{background-image: url(../images/news-nexton.png);}
.met-pager-box .prev:hover{background-image: url(../images/news-prevon.png);}

@media (max-width:1500px){
  .news-detail .container{padding:0 20px;}
  .news-detail .news-tips{margin-top:30px;}
  .news-detail .news-description{margin-top:40px;}
}
@media (max-width: 992px){
  .news-detail .news-title{letter-spacing: 1px;}
  .news-detail .container{padding:0 15px;}
  .news-detail .news-tips{margin-top:25px;}
  .news-detail .news-description{margin-top:30px;}
  .met-pager-box{margin-top:50px;}
}
@media (max-width: 767px){
  .news-detail .news-title{font-size:18px;}
  .news-detail .news-description{line-height: 2;margin-top:22px;}
  .news-detail .news-tips{font-size:13px;}
  .met-pager-box{margin-top:40px;}
}

.product-box .container{padding:0 10px;}
.product-box .list li{padding:0 2%;margin-bottom:45px;}
.product-box .pro-item {display: block;}
.product-box .pro-item .item-img{position: relative;background: #fff;padding-bottom: 87.1%;overflow: hidden;}
.product-box .pro-item .item-img img{max-height: 90%;max-width: 90%;}
.product-box .pro-item .item-tit{line-height: 1;padding:25px 15px;text-align: center;}
.product-box .pro-item .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,61,137,.9);opacity: 0;transition: all .3s;}
.product-box .pro-item .item-icon{position: absolute;left:0;width: 100%;top:50%;transform: translateY(-50%);z-index:10;}
.product-box .pro-item .item-arrow{width: 36px;height: 36px;background: url(../images/pro-iconm.png) no-repeat center;margin:16px auto 0;}
.product-box .pro-item .item-line{position: absolute;left:8.8%;right:8.8%;top:8.74%;bottom:8.74%;}
.product-box .pro-item .item-line b{position: absolute;background: #fff;transition: all .7s;transition-delay: .1s;overflow: hidden;opacity: 0.8;}
.product-box .pro-item .item-line .b1,.product-box .pro-item .item-line .b3{height:0;width: 1px;}
.product-box .pro-item .item-line .b2,.product-box .pro-item .item-line .b4{width:0;height: 1px;}
.product-box .pro-item .item-line .b2{right:0;top:0;}
.product-box .pro-item .item-line .b4{left:0;bottom:0;}
.product-box .pro-item .item-line .b1{top:0;left:0;}
.product-box .pro-item .item-line .b3{bottom:0;right:0;}
.product-box .pro-item:hover .item-line .b1,.product-box .pro-item:hover .item-line .b3{height: 88%;}
.product-box .pro-item:hover .item-line .b2,.product-box .pro-item:hover .item-line .b4{width: 89.6%;}
.product-box .pro-item:hover .item-mask{opacity: 1;}
@media (max-width: 1500px){
  .product-box .list li{margin-bottom: 35px;}
  .product-box .pro-item .item-tit{padding:20px 15px;}
}
@media (max-width: 1200px){
  .product-box .list li{margin-bottom: 30px;}
}
@media (max-width: 992px){
  .product-box .list li{margin-bottom: 25px;}
}
@media (max-width: 767px){
  .product-box .list li{margin-bottom: 20px;}
  .product-box .pro-item .item-tit{padding:16px 15px;}
}

.honor-box{padding:70px 0 100px;}
.honor-tab a{display: inline-block;padding:0 27px;line-height: 46px;border:1px solid #a5a5a5;transition: all .3s;color:#000;letter-spacing: 1px;margin:0 8px;}
.honor-tab a.active,.honor-tab a:hover{background: #003d89;color:#fff;border-color:#003d89;}
.honor-box .honor-list{margin:53px -0.9% 40px;}
.honor-box .honor-list li{padding:0.9%;}
.honor-box .honor-list .honor-item{display: block;border:1px solid #a5a5a5;background: #fff;overflow: hidden;}
.honor-box .honor-list .item-img{position: relative;padding-bottom: 83.6%;transition: all ease .5s;}
.honor-box .honor-list .item-img img{max-height: 90%;max-width: 90%;}
.honor-box .honor-list .honor-item:hover .item-img{transform: scale(1.07);}
@media (max-width: 992px){
  .honor-box{padding:60px 0 80px;}
  .honor-box .honor-list{margin:40px -0.9% 30px;}
}
@media (max-width: 767px){
  .honor-box{padding:50px 0 60px;}
  .honor-box .honor-list{margin:40px 10px 30px;}
  .honor-tab a{padding:0 15px;line-height: 36px;margin:0 5px;}
  .honor-box .honor-list{margin:30px -5px;}
  .honor-box .honor-list li{padding:8px;}
  .pager-box a{margin:0 2px;}
}

.job-box .pager-box{margin-top:50px;}
.job-box .job-title{line-height: 66px;color:#fff;background: #003d89;}
.job-box .job-line li{float:left;width: 25%;text-align: center;padding:0 10px;}
.job-box .job-item{color:#000;}
.job-box .job-item .job-line{height: 95px;border-bottom:1px solid #003d89;cursor: pointer;}
.job-box .job-line .icon{position: relative;width: 18px;height: 18px;margin:0 auto;transition: all .3s;}
.job-box .job-line .icon b{position: absolute;left:0;width: 18px;height: 1px;transition: all .3s;background: #000;top:50%;}
.job-box .job-line .icon .b2{transform: rotate(90deg);}
.job-box .job-con{background: #fff;border-bottom: 1px solid #003d89;padding:24px 6.5% 20px;display: none;}
.job-box .job-item:first-child .job-con{display: block;}
.job-box .job-item.active .icon .b2{transform: rotate(0);}
.job-box .job-desc{margin-bottom: 24px;}
.job-box .job-desc:last-child{margin-bottom: 0;}
.job-box .job-desc .i-tit{line-height: 1;color:#003d89;margin-bottom: 8px;text-indent: -0.5em;}
.job-box .job-desc .i-desc{color:#999;line-height: 2.25;letter-spacing: 2px;}
.job-box .more-btn{margin-top:45px;}

@media (max-width:1500px){
  .job-box .job-item .job-line{height: 80px;}
}
@media (max-width:1200px){
  .job-box .job-title{line-height: 60px;}
  .job-box .job-item .job-line{height: 70px;}
}
@media (max-width:992px){
  .job-box .job-item .job-line{height: 60px;}
  .job-box .job-title{font-size:16px;}
  .job-box .job-desc .i-desc{line-height: 2;}
}
@media (max-width:750px){
  .job-box .list{border-top:1px solid #003d89;}
  .job-box .job-title{display: none;}
  .job-box .job-line li{width: 50%;padding:5px 0;text-align: left;font-size:14px;}
  .job-box .job-item .job-line{height: auto;padding:5px 0;}
  .job-box .job-item .job-line span{float:left;}
  .job-box .job-line .icon{margin-right:20px;}
  .job-box .job-con{padding:20px 16px;}
  .job-box .job-desc .i-desc{line-height: 1.8;}
  .job-box .more-btn{margin-top:30px;}
}

.contact-box .container,.product-detail .container{padding:0 40px;}
.contact-box .map-box .map{padding-left:500px;}
.contact-box .map-box{position: relative;}
.contact-box .map-box #allmap{height: 370px;}
.contact-box .map-box .info{position: absolute;left:0;top:0;width: 500px;height: 100%;z-index:10;background: url(../images/map-bg.png) no-repeat right center #003d89;background-size: auto 100%;color:#fff;padding: 84px 70px 0;}
.contact-box .map-box .info .tit{line-height: 1;padding-bottom: 18px;position: relative;}
.contact-box .map-box .info .tit:after{position: absolute;content:'';width: 112px;height: 2px;background: #fff;bottom:0;left:0;}
.contact-box .map-box .info .txt{margin-top:40px;}
.contact-box .map-box .info .txt>*{margin-bottom: 12px;}

.contact-form{padding:40px 4.34%;}
.contact-form li{float:left;width: 33.333%;padding:0 10px;margin-bottom: 31px;}
.contact-form li.textarea{width:100%;}
.contact-form li .item-value{display: block;width: 100%;border:1px solid #a5a5a5;padding:8px 14px;line-height: 22px;background: #fff;outline: none;resize:none;}
.contact-form li .item-value:focus{border-color:#000;}
.contact-form li textarea.item-value{height: 187px;}
.contact-form li .item-value::-webkit-input-placeholder {color:#a5a5a5;}
.contact-form li .item-value:-moz-placeholder {color:#a5a5a5;}
.contact-form li .item-value::-moz-placeholder {color:#a5a5a5;}
.contact-form li .item-value:-ms-input-placeholder {color:#a5a5a5;}
.contact-form .btn-box{text-align: center;}
.contact-form .btn-box .butt{width:200px;line-height:40px;border:none;background: #666666;color:#fff;margin:0 auto;display: block;transition: all .3s;}
.contact-form .btn-box .butt:hover{background: #003d89;}

@media (max-width: 1200px){
  .contact-box .container,.product-detail .container{padding:0 30px;}
  .contact-box .map-box .map{padding-left: 420px;}
  .contact-box .map-box .info{width: 420px;padding:70px 40px 0;}
  .contact-form li{margin-bottom: 28px;}
}
@media (max-width: 992px){
  .contact-box .container,.product-detail .container{padding:0 15px;}
  .contact-box .map-box .map{padding-left: 350px;}
  .contact-box .map-box .info{width: 350px;padding:50px 30px 0;}
  .contact-box .map-box .info .tit:after{width: 90px;}
  .contact-form{padding:30px 4%;}
  .contact-form li{margin-bottom: 20px;padding:0 8px;}
  .contact-box .map-box .info .txt{margin-top:32px;}
}
@media (max-width: 750px){
  .contact-box .map-box .info{width: 100%;position: relative;height: auto;padding:35px 20px;}
  .contact-box .map-box .info .tit{font-size:28px;}
  .contact-box .map-box .info .tit:after{width: 80px;}
  .contact-box .map-box .map{padding:0;}
  .contact-form li{width: 100%;margin-bottom: 16px;}
  .contact-form{padding:35px 16px;}
  .contact-box .map-box .info .txt{margin-top:28px;}
  .contact-box .map-box .info .txt>*{margin-bottom: 10px;}
  .contact-form .btn-box{margin-top:10px;}
  .header .header_nav>.nav_container{display: none;}
  .header .header-tel{font-size:14px;}
}




.product-detail{overflow: hidden;}
.product-detail-img{width:46.4%;float:left;}
.product-detail-img .gallery-top{margin-bottom: 18px;background: #fff;}
/*.product-detail-img .gallery-top .swiper-slide{padding:10px;}*/
.product-detail-img .item-img{position: relative;padding-bottom: 70.8%;overflow:hidden;background: #fff;}
.product-detail-img .item-img .mix{max-width: 100%;max-height: 100%;}
.product-detail-img .gallery-thumbs .swiper-slide{border:1px solid #a5a5a5;width:172px;cursor: pointer;}
.product-detail-img .gallery-thumbs .item-img{padding-bottom: 57%;}
.product-detail-img .gallery-thumbs .swiper-slide-thumb-active{border-color:#003d89;}
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 .right-con{padding:15px 0 15px 55px;float:right;width: 50%;border-left:1px dashed #a5a5a5;margin-top:25px;}
.product-detail .right-con .title{color:#000;}
.product-detail .right-con .desc{line-height:2.25;min-height: 170px;margin-top:27px;letter-spacing: 1px;}
.product-detail .right-con .info{margin-top:30px;color:#69696a;}
.product-detail .right-con .info .tel{padding-left:54px;background: url(../images/pro-tel.png) no-repeat left center;line-height: 32px;color:#003d89;}
.product-detail .right-con .info .i-link{margin-top:28px;letter-spacing: 1px;}
.product-detail .right-con .info .i-link a{float:left;padding-left:45px;background: url(../images/pro-qq.png) no-repeat left center;line-height: 33px;}
.product-detail .right-con .info .i-link .icon-share{padding-left:50px;background-image: url(../images/pro-share.png);margin-left:11%;}

.product-detail .detail-desc{margin-top:50px;}
.product-detail .detail-desc .title span{float:left;line-height: 1;padding-bottom: 14px;border-bottom:3px solid #003d89;}
.product-detail .detail-desc .description{margin-top: 36px;line-height: 2.25;text-align: justify;letter-spacing: 2px;}

@media (max-width: 1500px){
  .product-detail-img .gallery-thumbs .swiper-slide{width: 30%;}
}
@media (max-width: 1200px){
  .product-detail .right-con{padding:10px 0 10px 30px;margin-top:15px;}
  .product-detail .right-con .desc{line-height: 2;margin-top:20px;}
  .product-detail .right-con .info{margin-top:25px;}
  .product-detail .right-con .info .i-link{margin-top:22px;}
  .product-detail .right-con .info .i-link a{background-size: auto 26px;padding-left:35px;}
  .product-detail .right-con .info .i-link .icon-share{padding-left:40px;}
  .product-detail .detail-desc .description{margin-top:30px;}
}

@media (max-width: 992px){
  .product-detail-img .gallery-thumbs .swiper-slide{width: 45%;}
  .product-detail .right-con{padding:10px 0 10px 20px;margin-top:10px;}
  .product-detail .right-con .desc{margin-top:15px;min-height: auto;}
  .product-detail .right-con .info .tel{padding-left:40px;background-size: 26px auto;line-height: 26px;}
  .product-detail .right-con .info .i-link{margin-top: 15px;}
  .product-detail .right-con .info .i-link .icon-share{margin-left:8%;}
  .product-detail .right-con .info .i-link a{background-size: auto 22px;line-height: 24px;}
}
@media (max-width: 767px){
  .product-detail-img,.product-detail .right-con{float:none;width: 100%;}
  .product-detail .right-con{padding:20px 0;margin-top:25px;border:none;border-top:1px dashed #a5a5a5;}
  .product-detail .right-con .info .i-link{margin-top:20px;}
  .product-detail-img .gallery-thumbs .swiper-slide{width: 35%;}
  .product-detail .detail-desc{margin-top: 30px;}
  .product-detail .detail-desc .description{letter-spacing: 1px;margin-top:25px;line-height: 2;}
}

.history-box{padding-top:0;min-height: 100vh;}
.history{height:100vh;overflow:hidden;}
.history .section {position:relative;top:0;left:0; width:100%; height:100%;bottom:0;padding:0; max-width:100%;opacity:0;color:#fff;padding:100px 0;overflow: hidden;z-index:20;background: #fff;}
.history .section.on {visibility:visible; opacity:1; z-index:20;}
.history .section .section_inner {position:relative; width:100%; height:100%;}
#HISTORY_DETAIL .container{max-width: 1360px;}

/*#HISTORY_DETAIL .detail_contents .detail_inner .intro .container,#HISTORY_DETAIL .detail_contents .detail_inner .lists{padding-top:115px;}*/
#HISTORY_DETAIL .detail_contents .detail_inner .intro .container, #HISTORY_DETAIL .detail_contents .detail_inner .lists{padding-top: 8vw;}

#HISTORY_DETAIL .detail_container {position:relative; width:100%; height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
#HISTORY_DETAIL .detail_container .hidden_scroll {position:absolute; top:0; left:0; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; opacity:0;}
#HISTORY_DETAIL .detail_container .hidden_scroll .hidden_contents {display: block; width:100%; height:100%;}
#HISTORY_DETAIL .detail_contents {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing: border-box; visibility: hidden; opacity:0; z-index:0;background-repeat: no-repeat;background-size: cover;background-position: center;}
#HISTORY_DETAIL .detail_contents.on {visibility: visible; opacity:1; z-index:1;}
#HISTORY_DETAIL .detail_contents.change {animation:detail_change_animate 1s forwards cubic-bezier(.66,0,.34,1); visibility: visible; opacity:1; z-index:2;}
#HISTORY_DETAIL .detail_contents.change1 {animation:detail_change_animate1 1s forwards cubic-bezier(.66,0,.34,1); visibility: visible; opacity:1; z-index:2;}
#HISTORY_DETAIL .detail_contents .detail_inner {position:relative; height:100%;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro {position:absolute; left:0;width: 100%;top:0;height: 100%;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro .container{height: 100%;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro-ul{width: 42%;max-width:580px;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro-ul .en{font-family: 'pm';opacity: 0.3;line-height: 0.8;}
#HISTORY_DETAIL .detail_contents .detail_inner .year {font-size:160px;opacity: 0.1;font-weight: bold;position: absolute;bottom:0;line-height: 0.8;left:0;transform-origin: bottom left;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro li.title {line-height: 1; margin-top:22px; margin-bottom:52px;font-weight: bold;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro li.desc {font-size:16px; line-height: 2.25;text-align: justify;letter-spacing: 1px;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll {font-size:14px;letter-spacing:1.4px;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll .arrow {display: inline-block; position:relative; vertical-align: middle; top:-4px;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll .arrow:before {content:""; position:absolute; top:0; left:7px; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); animation:detail_scroll_arrow_animate 1.5s infinite;}
#HISTORY_DETAIL .detail_contents .detail_inner .intro li.scroll .arrow:after {content:""; position:absolute; top:0; left:0; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); animation:detail_scroll_arrow_animate 1.5s 0.1s infinite;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists {position:relative; font-size:0; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; padding-left:46.667%; -ms-overflow-style:none; height:100%;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists::-webkit-scrollbar {display:none;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a {position:relative; display: inline-block; vertical-align: top; margin-right:120px;color: #fff; text-decoration: none;width:73%;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists .thumb:last-child {margin-right:243px;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .thumb {overflow:hidden;padding-bottom: 55.3%;width:100%;position: relative;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .thumb{padding-bottom: 67%;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a img {width:100%;transition:all 500ms ease-out;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a:hover .thumb img {transform:scale(1.1);}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .tit{margin-top:35px;white-space: normal;}
body.ipad #HISTORY_DETAIL .detail_contents {padding-top:180px;}
#HISTORY_DETAIL .progress-box {position:absolute; background:#000;bottom:0; left:0; width:100%; transform: translate(0, 20px);transition:transform 0.7s cubic-bezier(.66,0,.34,1); z-index:3;cursor: pointer;touch-action: none;}
/**{touch-action: none;}*/
/*#HISTORY_DETAIL .progress-box{bottom:100px;}*/
#HISTORY_DETAIL .progress-box .progress_container {height:120px;position: relative;}
#HISTORY_DETAIL .progress-box .progress_inner {font-size:0;}
#HISTORY_DETAIL .progress-box .progress_inner a {position:relative; width:16.666%; display:inline-block;  text-align: center; vertical-align: top;margin-top:49px;overflow: visible;}
#HISTORY_DETAIL .progress-box .progress_inner a:before {content:""; position:absolute; top:0; left:0; width:18px; height:18px; margin:-9px; border:1px solid #fff; border-radius: 50%; opacity:0; box-sizing: border-box; z-index:1;}
#HISTORY_DETAIL .progress-box .progress_inner a:after {content:""; position:absolute; top:0; left:0; width:18px; height:18px; margin:-9px; border:1px solid #fff; border-radius: 50%; opacity:0; box-sizing: border-box; z-index:1;}
#HISTORY_DETAIL .progress-box .progress_inner a .line {position:relative; width:100%; height:1px; background-color:rgba(255,255,255,.5);margin-bottom:20px;}
#HISTORY_DETAIL .progress-box .progress_inner a .line .progress_line {position:absolute; top:0; left:0; width:0; height:1px; background-color:#fff;}
#HISTORY_DETAIL .progress-box .progress_inner a .line:after,#HISTORY_DETAIL .progress-box .progress_inner a .line:before{content:""; position:absolute; top:-6px; left:-6px; width:12px; height:12px; background-color:#fff; border-radius: 50%;}
#HISTORY_DETAIL .progress-box .progress_inner a.on .line:before{left:-16px;top:-16px;width: 32px;height: 32px;background: transparent;border:1px solid #fff;}
#HISTORY_DETAIL .progress-box .progress_inner a:last-child .line:before {right:-6px;left:auto;width:12px;height:12px;border:none;background: #fff;top:-6px;}
#HISTORY_DETAIL .progress-box .progress_inner a span {position:relative; display: inline-block; font-size:16px; color:#fff; opacity:0.42; transform:translate(0, 40px); transition:transform 0.7s 0.2s, opacity 0.3s;}
#HISTORY_DETAIL .progress-box .progress_inner a span:after {content:""; position:absolute; bottom:-6px; left:50%; width:0; height:1px; background-color:#fff; transition:all 0.3s;}
#HISTORY_DETAIL .progress-box .progress_inner a.already .line .progress_line {width:100% !important;}
#HISTORY_DETAIL .progress-box .progress_inner a.on span {opacity:1;}
#HISTORY_DETAIL .progress-box .progress_inner a.on span:after {left:0; width:100%;}
#HISTORY_DETAIL .progress-box .progress_inner a:hover span {opacity:1;}
#HISTORY_DETAIL .progress-box .progress_inner a.on:before {animation:progress_on_animate 2s linear infinite;}
#HISTORY_DETAIL .progress-box .progress_inner a.on:after {animation:progress_on_animate 2s 1s linear infinite;}
/*#HISTORY_DETAIL .progress-box .progress_arrow {position:absolute; top:30px; right:30px; width:20px; height:12px; transform:rotate(180deg); transition:transform 0.3s;}*/
/*#HISTORY_DETAIL .progress-box .progress_arrow img{vertical-align: top;max-width: 100%;}*/
#HISTORY_DETAIL .progress-box.on {transform:translate(0,0);}
#HISTORY_DETAIL .progress-box.on .progress_inner a span {transform:translate(0,0);}
/*#HISTORY_DETAIL .progress.on .progress_arrow {transform:rotate(0deg);}*/
#HISTORY_DETAIL .progress-box .progress_container {transform:translate(0, 100px); opacity:0;}
#HISTORY_DETAIL.on .progress-box .progress_container {transform:translate(0, 0); opacity:1; transition:all 1s 1s;}

#HISTORY_DETAIL .detail_contents .detail_inner .intro li .tw_box{transform:translate(0, 100px); opacity:0;}
#HISTORY_DETAIL .detail_contents .detail_inner .year{transform:translate(0, 100px); }
#HISTORY_DETAIL .detail_contents.on .detail_inner .year{transform:translate(0); transition:all 1s;}
#HISTORY_DETAIL .detail_contents.change .detail_inner .intro li .tw_box,
#HISTORY_DETAIL .detail_contents.on .detail_inner .intro li .tw_box{transform:translate(0, 0); opacity:1; transition:all 1s;}
#HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(1) .tw_box,
#HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(1) .tw_box {transition-delay:0.5s;}
#HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(2) .tw_box,
#HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(2) .tw_box {transition-delay:0.6s}
#HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(3) .tw_box,
#HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(3) .tw_box{transition-delay:0.7s}
#HISTORY_DETAIL .detail_contents.change .detail_inner .intro li:nth-of-type(4) .tw_box,
#HISTORY_DETAIL .detail_contents.on .detail_inner .intro li:nth-of-type(4) .tw_box {transition-delay:0.8s}
/*=== DETAIL ANIMATION ================================================================*/
#POPUP {position:fixed; top:100px; left:0; width:100%; height:calc(100% - 100px); background-color:rgba(0,0,0,0.8); z-index:3; overflow-y:auto; display: none;}
#POPUP .popup_container {position:relative; width:100%; height:100%; display:table; text-align: center;}
#POPUP .popup_inner {display: table-cell; vertical-align: middle;}
#POPUP .popup_inner .thumb_box {position:relative; width:100%; max-width:784px; margin:0 auto; padding:60px 0;}
#POPUP .popup_inner .thumb_box > img {width:100%;}
#POPUP .popup_inner .thumb_box .popup_close {position:absolute; top:24px; right:0;width:21px;height:21px;}
.isWeb {display: inline-block !important;}
.isMob {display: none !important;}
@keyframes step1_scroll_animate {
    0%, 20% {height: 45%;top: -45%;}
    80%, 100% {height: 45%;top: 145%;}
}

@keyframes detail_change_animate {
    0% {transform:translate(100%,0);}
    100% {transform:translate(0,0);}
}

@keyframes detail_change_animate1 {
    0% {transform:translate(-100%,0);}
    100% {transform:translate(0,0);}
}

@keyframes detail_scroll_arrow_animate {
    0% {transform:translate(-5px,0) rotate(45deg); opacity:0;}
    50% {transform:translate(0,0) rotate(45deg); opacity:1;}
    100% {transform:translate(5px,0) rotate(45deg); opacity:0;}
}

@keyframes progress_on_animate {
    0% {width:0; height:0; margin:0; opacity:0;}
    10% {width:0; height:0; margin:0; opacity:1;}
    100% {width:30px; height:30px; margin:-15px; opacity:0;}
}


@media (max-width: 1600px){
  /*#HISTORY_DETAIL .detail_contents .detail_inner .intro .container, #HISTORY_DETAIL .detail_contents .detail_inner .lists{padding-top:100px;}*/
  #HISTORY_DETAIL .detail_contents .detail_inner .lists a .tit{margin-top: 25px;}
  #HISTORY_DETAIL .detail_contents .detail_inner .intro li.title{margin:20px 0 40px;}
  #HISTORY_DETAIL .detail_contents .detail_inner .intro li.desc{letter-spacing: 0;}
}
@media (max-width: 1024px){
  .history-box{min-height: auto;}
   /* 发展历程 手机端  */
   .m_history01 .inner-title .en{font-family: pm;line-height: 0.8;margin-bottom: 10px;}
    .m_history.m_channelContent{padding:0;}
    .m_history01{padding:50px 0; background:#f7f7f7;}
    .m_history01 .tab_t{margin-top:20px;}
    .m_history01 .tab_t li{float:left;width:30%;margin-right:5%;font-size:20px; color:#333f47; line-height:52px; text-align:center; background:#fff; border-radius:35px; margin-bottom:15px;}
    .m_history01 .tab_t li:nth-child(3n+3){margin-right:0;}
    .m_history01 .tab_t li span{font-family:Arial; margin-right:10px;}
    .m_history01 .tab_t li.cur{background:#003D89;color:#fff;}
    .m_history01 .tab_c ul{position:relative; margin:50px 0 0;display: none;}
    .m_history01 .tab_c ul:first-child{display: block;}
    .m_history01 .tab_c ul:after{content:''; position:absolute; left:10px; top:0; width:2px; height:100%; background:#e4e4e4;}
    .m_history01 .rect-668{padding-bottom:66.8%;}
    .m_history01 .tab_c li{overflow:hidden; margin-bottom:50px;align-items: flex-start;}
    .m_history01 .tab_c .item-img{float:right; width:31%;/*margin:0 0 0 20px;*/}
    .m_history01 .tab_c .item-img .img{position: relative;padding-bottom: 80%;overflow: hidden;}
    .m_history01 .tab_c .txt{float:left; width:54%; padding-left:45px; }
    .m_history01 .tab_c .txt .num{position:relative; font-size:40px; font-weight: bold;font-family: arial;color:#003D89;}
    .m_history01 .tab_c .txt .num:after{content:''; position:absolute; z-index:3; top:50%; margin-top:-10px; left:-45px; width:41px; height:20px; background:url(../images/m_history01_2.png) no-repeat center;}
    .m_history01 .tab_c .txt .tit{font-size:17px; color:#4e4e4e;margin:0 0 10px;}
}
@media (max-width: 767px){
  .m_history01 .tab_t li{font-size:14px; line-height:36px;width:49%;margin-right:2%;}
  .m_history01 .tab_t li:nth-child(2n){margin-right:0;}
    .m_history01 .tab_c ul{margin:20px 0 0;}
    .m_history01 .tab_c li{margin-bottom:20px;}
    .m_history01 .tab_c .txt .num{font-size:20px;}
    .m_history01 .tab_c .txt{width:68%;padding-left:25px;}
    .m_history01 .tab_c .txt .tit{font-size:13px;line-height: 1.5;}
    .m_history01 .tab_c .item-img{width:30%;}
}

#HISTORY_DETAIL .detail_contents .detail_inner .lists a{width: 400px;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box {display: block; margin-top:20px; white-space: normal;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box span {display: block;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box .title {font-size:15px; margin-bottom:20px; line-height: 24px;}
#HISTORY_DETAIL .detail_contents .detail_inner .lists a .copy_box .year {font-size:16px; color:#999999;}
 #HISTORY_DETAIL .detail_contents .detail_inner{padding-top:90px;}
 /*#HISTORY_DETAIL .detail_contents{transition: all .3s;}*/
@media (max-width: 1600px){
  #HISTORY_DETAIL .detail_contents .detail_inner{padding-top: 45px;}
}
.mar-50{ margin-top:50px;}
.part-title{line-height: 1;color:#333;}
.part-title .t-box{display: inline-block;text-align: center;}
.part-title p{ font-weight: bold;}
 
.part-cont .more-btn{margin-top:32px;}
.part-cont .list{margin-top:60px;}
.part-cont .list li{border:1px solid #fff;background: #FFF;color:#000;transition: all linear .4s; margin:0 9px; width:31.5%;}
.part-cont .list li .item{padding:66px 25px 25px;}
.part-cont .list li:last-child{ margin-right:0}
.part-cont .list .tit{transition: all linear .4s; text-align: left;line-height: 1;margin-top:20px;color:#333;/*letter-spacing: 2px;*/}
.part-cont .list .i{ width:112px; height:2px; background:#333333; margin-top:30px; margin-bottom:30px;}
.part-cont .list .desc{line-height: 2.0;margin-top:20px;height: 150px;overflow: hidden; color:#333}
.part-cont .list li:hover{background: #003d89;color:#fff;}
.part-cont .list li:hover .tit,.part-cont .list li:hover .desc{color:#fff;}
.part-cont .list li:hover .i{background:#fff}
@media (max-width: 765px){
	.part-cont .list li{ width:100%; margin:1% 0;}
	.part-cont .list li .item {padding: 26px 25px 15px;}
}



.video-fixed {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:130;top:0;left:0;cursor:pointer;display:none;}
.video-fixed .videoboxs {width:90%;max-width:1000px;height:500px;max-height:80%;position:absolute;background:#000;box-sizing:border-box;}
.video-fixed .videoboxs .box {height: 100%;}
.video-fixed .cha {width:30px;height:30px;background:url(../images/close-vid2.png) no-repeat center/100% auto;position:absolute;top:30px;right:30px;cursor:pointer;}

@media (max-width:767px){
  .video-fixed .cha {width: 25px;height: 25px;}
}