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

.wrapper .swiper-container .swiper-wrapper{
 -webkit-transition-timing-function: linear; 
 -moz-transition-timing-function: linear;
 -ms-transition-timing-function: linear;
 -o-transition-timing-function: linear;
 transition-timing-function: linear;
}

.fs0{font-size:0;}
.fs100{font-size:100px;}
.fs80{font-size:84px;line-height: 0.8;}
.fs68{font-size: 68px;line-height: 1;}
.fs60{font-size: 58px;line-height: 1;}
.fs52{font-size:52px;line-height: 1;}
.fs55{font-size: 53px;}
.fs50{font-size: 48px;}
.fs48{font-size: 48px;}
.fs45{font-size: 45px;}
.fs42{font-size: 36px;}
.fs36{font-size: 34px;}
.fs35{font-size: 35px;}
.fs30{font-size: 30px;}
.fs28{font-size: 26px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}
.fs14{font-size: 14px;}
.fs12{font-size: 12px;}


@font-face{font-family: "iconfont";
 src: url('../font/iconfont.eot'); /* IE9*/
 src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
 url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
 url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 url('../font/iconfont.svg') 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: 'rt';
 src:url('http://www.jshd66.com/Public/Web/templates/QLD544/css/pf/pfr.ttf');
}

@font-face{
 font-family: 'impact';
 src:url('../font/impact.woff');
}

.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.08);}
.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: 375px){
 .container{width:90%;max-width: 1600px;padding:0;}
}

@media (min-width: 967px){
 .part-about .container .aboutImg {width: 70%}
 .part-about .container .about {width: 30%}
}


/* 导航部分 */
.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:#fff;border-bottom: 1px solid rgba(90,92,114,0.3);}
.header.fixed,.header:hover{top:0;background:#fff;color:#000;}
.header .logo-fix,.header.fixed .logo,.header:hover .logo,.header.inner-header .logo{display: none;}
.header .logo,.header.fixed .logo-fix,.header:hover .logo-fix,.header.inner-header .logo-fix{display: block;}
.inner-header{position: sticky;}
.index_header.ani{top:0;}
.header_box{position: relative;font-size:16px;}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;max-width: 30%;}
.header .header_logo .flex{height: 100%;}
.header .header_logo .logo-black,.header.fixed .header_logo .logo-white,.header:hover .header_logo .logo-white{display: none;}
.header.fixed .header_logo .logo-black,.header:hover .header_logo .logo-black{display: block;}
.header .header_logo img{max-height:90%;margin:0;float: left; vertical-align: middle; margin-top: 4px}
.header .header_logo .name {float: left; margin-left: 20px;}
.header .header_nav{text-align: right;}
.header .header_nav .nav_container>ul>li{display: inline-block;text-align: center;margin-right:5%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{display: block;padding:0;position: relative;line-height: 99px;transition: line-height .3s;}
.header .header_nav .nav_container>ul>li>a::after{transition: all .3s;position: absolute;content:'';width:0;height: 2px;background: #fff;left:50%;transform: translateX(-50%);bottom:0;}
.header .header_nav .nav_container>ul>li>a.active::after,.header .header_nav .nav_container>ul>li>a:hover::after{width:60px;}
.header .header_nav .nav_container .dropdown-menu{margin:0;padding:0;border:none;left:50%;transform: translateX(-50%);text-align: center;border-radius:0;background: rgba(255,255,255,.7);font-size:15px;}
.dropdown-menu li a{color:#333;}
.header .header_nav .nav_container .dropdown-menu li a{display: block;white-space: nowrap;padding:16px 10px;position: relative;transition: all .3s;}
.header .header_nav .nav_container .dropdown-menu li a:hover, .dropdown-menu li a:focus,.dropdown-menu li a.active{background: #0066af;color:#fff;}
.header.fixed .header_nav .nav_container>ul>li>a{line-height: 90px;}

.header.fixed .header_nav .nav_container>ul>li>a.active::after,.header:hover .header_nav .nav_container>ul>li>a.active::after,
.header .header_nav .nav_container>ul>li>a:hover::after{background: #0066af;bottom:0;}
.header.fixed .header_nav .nav_container>ul>li>a.active,.header:hover .header_nav .nav_container>ul>li>a.active,.header .header_nav .nav_container>ul>li>a:hover{color:#0066af;}

.header .header_tools{position: absolute;right:0;top:50%;margin-top:-30px;width: 100%;}
.header .header_tools>ul{}
.header .header_tools li{float: right;text-align: center; cursor: pointer;line-height: 60px;position: relative;margin-left:3%;cursor: pointer;}
.header .header_tools li:last-child{margin-left:0;}
.header .header_tools li .icon-lang{float:right;margin-left:12px;}
.header .header_tools .nav-lang{text-transform: uppercase;}
.header .header_tools .nav-lang .lang{display: block;padding:0 24px 0 38px;position: relative;background: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/icon-earth.png) no-repeat left center;}
.header .header_tools .nav-lang .lang i{position: absolute;right:0;top:0;width:12px;height: 100%;background: url(../image/icon-down.png) no-repeat center;}
.header .header_tools .quick_box{position: absolute;top: 100%;left:0;width:500px; background-color:#fff; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;}
.header .header_tools .quick_box a{padding-left:20px;display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#313131;}
.header .header_tools .quick_box a .lin{padding-right: 30px;color:#313131;vertical-align: 2px;}
.header .header_tools .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.header .header_tools .quick_box.show a:nth-child(1){transition-delay: .3s;}
.header .header_tools .quick_box.show a:nth-child(2){transition-delay: .5s;}
.header .header_tools .quick_box.show a:nth-child(3){transition-delay: .7s;}
.header .header_tools .quick_box.show a:nth-child(4){transition-delay: .9s;}
.header .header_tools .quick_box.show a:nth-child(5){transition-delay: 1.1s;}
.header .header_tools .quick_box.show a:nth-child(6){transition-delay: 1.3s;}
.header .header_tools .quick_box.show a:nth-child(7){transition-delay: 1.5s;}
.header .header_tools .quick_box.show a:nth-child(8){transition-delay: 1.7s;}
.header .header_tools .quick_box.show a:nth-child(9){transition-delay: 1.9s;}
.header .header_tools .quick_box.show a:nth-child(10){transition-delay: 2.1s;}
.header .header_tools .quick_box.show a:nth-child(11){transition-delay: 2.3s;}

.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:#fff;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,.header:hover .button_menu span{background: #333;}

.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; margin-top: 127px}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .slide-item .slide-item-img{max-width: 100%;}
.ibanner .slide-item .slide-item-img.mix{min-width: 100%;min-height: 100%;max-width: none;}
.ibanner .item-mask{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.3);color:#fff;text-align: center;}
.ibanner .item-mask .borderbox{display: inline-block; padding: 30px 10px; position: relative;}
.ibanner .item-mask .borderbox:before{content: ""; width: 100%; height: 2px; background-image: linear-gradient( to right, rgba(255,255,255,1), rgba(255,255,255,0) ); position: absolute; left: 0; top: 0;}
.ibanner .item-mask .borderbox:after{content: ""; width: 100%; height: 2px; background-image: linear-gradient( to right, rgba(255,255,255,0), rgba(255,255,255,1) ); position: absolute; left: 0; bottom: 0;}
.ibanner .item-mask .title{letter-spacing: 5px;}
.ibanner .item-mask .title,.ibanner .item-mask .subtitle{transform: translateY(60px);opacity: 0;filter: alpha(opacity=0);transition: all .8s;transition-delay: .2s;line-height: 1.2}
.ibanner .item-mask .subtitle{transform: translateY(50px);transition-delay: .4s;margin-top:20px;}
.ibanner .swiper-slide-active .title,.ibanner .swiper-slide-active .subtitle{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}
.ibanner .swiper-pager{position: absolute;top:50%;right:8.3%;z-index:20;}
.ibanner .swiper-pager .swiper-pagination{position: relative;left:auto;bottom:auto;font-size:0;text-align: left;width:90%}
.ibanner .swiper-pagination-bullet{width: 12.5px;height:12.5px;background:unset; border:1px solid #fff;opacity:1 ;border-radius:50%;transition: all .2s;margin-bottom:16px;}
.ibanner .swiper-pagination-bullet-active{background: #0066af;}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}

.ibanner .swiper-iban{width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.ibanner .iban_prev, .ibanner .iban_next{width: 38px; height: 53px; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer;}
.ibanner .iban_prev{float: left; background-image: url(../image/iban_prev.png);}
.ibanner .iban_next{float: right; background-image: url(../image/iban_next.png);}

.ibanner .item-mask .tit{transform: translateY(30px);opacity: 0;filter: alpha(opacity=0);transition: all .6s;transition-delay: .2s;}
.ibanner .swiper-slide-active .tit{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.search {width: 550px; position: absolute;top: 102%;right: 0; z-index:99; display: none;}
.search input {width:400px;height: 5rem;padding-left: 20px; border: none; border-radius: unset; border-top-left-radius: 5px;border-bottom-left-radius: 5px; box-shadow: unset !important; float: left;}
.search button {width: 150px;height: 5rem; border:none;text-align: center;border-radius: unset; border-top-right-radius: 5px;border-bottom-right-radius: 5px; background: #003ca6; color: #ffffff;}

.ibanner .down {position: absolute;bottom: 5%;z-index: 99;width: 100%;text-align: center}
.ibanner .down img {width: 2.1%; cursor: pointer}
.ibanner .down span {color: #ffffff;display: inline-block;margin-top: 10px}


.mainTitle {width: 100%;text-align: center; margin-top: 70px}
.mainTitle span {color: #999999}
.mainTitle label {font-family: 'Impact';font-weight: normal; color: #000}


@media only screen and (max-width: 1660px){
.header_search_fix .box{width: 60%;left:20%;}
}

.xuanzhun{-webkit-transition-property: -webkit-transform;animation: rotate 5s linear infinite;}
@keyframes rotate{
 from{transform: rotate(0deg)}
 to{transform: rotate(359deg)}
}

.banner_mouse{position:absolute; width: 18px;height: 44px;cursor:pointer;background:url(../image/banner_mouse_ico.png) no-repeat -18px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:6%; left:50%;margin-left:-9px;z-index:1;}
.banner_mouse span{font-size: 12px; color: #fff; line-height: 20px; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%);width: max-content;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:18px;height:44px;background:url(../image/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{height: 55px; padding:15px 0;}
 .mobile_key{display: block;float:right;}
 .header .header_logo{max-width: 70%;}
 .header .header_nav{text-align: left;font-size:14px;}
}


.title-box{text-align: center;line-height: 63px;min-height: 63px;position: relative;}
.title-box .en{color:#0066af;opacity: 0.1;text-transform: uppercase;letter-spacing: 2px;font-family: arial;}
.title-box .tit{position: absolute;left:0;width: 100%;top:50%;transform: translateY(-50%);z-index:10;letter-spacing: 4px;}
.title-desc{letter-spacing: 2px;margin-top:40px;text-align: center;}

.part-product{height: auto;overflow: hidden;}
.part-product .item {border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;padding: 0}
.part-product .item:last-child {border-right: none}
.part-product .proItem {width: 100%}
.part-product .proItem .proItem-title {width: 100%; padding: 0 11.46%;}
.part-product .proItem .proItem-title label {font-family: 'Impact'; color: #000; display: inline-block; margin-top: 16.5%;font-weight: normal}
.part-product .proItem .proItem-title span {color: #999999}
.part-product .proItem .proItem-title a {margin-top: 11.5%; display: inline-block; width: 47.2%; padding: 10px 0; text-align: center; color: #333333;border: 1px solid #333333;transition: all .3s;}
.part-product .proItem .proItem-title a:hover{background: #003CA6;color:#fff;border-color:#003CA6;}
.part-product .proItem .img {width: 100%; height: 180px; text-align: right}
.part-product .proItem img {height: 100%}

.part-about{position: relative; margin-bottom: 80px; background: url("../image/about_bg.png") no-repeat top center; background-size: 100%}
.part-about .container{width: 78.125%;
 background: url("../image/aboutBg.png") no-repeat 100px;
 background-size: cover;
 margin: 100px auto 0;
}
.part-about .container .aboutImg {float: left; top: -40px; padding: 0;}
.part-about .container .about .about-content {text-align: justify}
.part-about .swiper-btn-box {position: absolute;left: 0;bottom: 0;z-index: 999;}
.part-about .swiper-btn-prev,.part-about .swiper-btn-next{position: relative;top:auto;margin:0;left:auto;right:auto;margin-right: 5px; color:#fff;width: 70px;height: 70px;line-height: 70px;transition: all .3s;float:left;background-color: rgba(0,0,0,0.5);}
.part-about .swiper-btn-prev:after,.part-about .swiper-btn-next:after{font-size:24px;}
.part-about .swiper-btn-prev:hover,.part-about .swiper-btn-next:hover{background: #003ca6;}
/*.part-about .swiper-btn-prev {
 width: 70px; height: 70px;
 background: #938c8e url("../images/prev.png") no-repeat center center;
 float: left;
 margin-right: 5px;
}
.part-about .swiper-btn-next {
 width: 70px; height: 70px;
 background: #938c8e url("../images/next.png") no-repeat center center;
 float: left;
}*/
.part-about .container .about {float: left; padding: 4%;color: #ffffff; padding-top: 8%}
.part-about .container .about .about-title span {display: inline-block;line-height: 20px}
.part-about .container .about .about-title span img {margin-right: 10px}
.part-about .container .about .about-title span:last-child {margin: 20px 0;}
.part-about .container .about .about-content p{line-height: 28px}
.part-about .container .about a { margin-top:70px;display: inline-block;width: 70%; padding: 5% 0; text-align:center;background: url("../image/btnBg.png") no-repeat center;color: #ffffff}
.part-about .tip{
 position: absolute;
 right: -5%;
 bottom: 0;font-size:14px;color:#999;width: 16px;text-align: center;padding-top:44px;
}
.part-about .tip:before{position: absolute;content:'';width:2px;height:30px;background: #999;top:0;left:50%;margin-left:-1px;}
.title-box .title{letter-spacing: 1px;margin-top:-28px;line-height: 1;}
.part-industry{position: relative; margin-top: 60px}
.part-industry .part-industry_bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index:0;overflow: hidden;}
.part-industry .part-industry_bg div{position:absolute; left:0; top:0;width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;-webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.part-industry .part-industry_bg div.on{transform: scale(1.08, 1.08);opacity:1; z-index:10;}
.part-industry .swiper-container{color:#fff;background: rgba(0,0,0,.37);position: relative;z-index:2;}
.part-industry li{height: 773px;padding:0;position: relative;transition: all .4s;border-right:1px solid #fff;}
.part-industry .item{position: relative;padding:78px 14.76% 0 9.77%;display: block;height: 100%;}
.part-industry .item-top{line-height: 1;}
.part-industry .item-top .tit{margin-top: 22px;letter-spacing: 1px;}
.part-industry .item-top .tit1{margin-top: 22px;letter-spacing: 1px; display: none}
.part-industry .item-con{margin-top:75px;opacity: 0;transition: all .4s;position: relative;top:25px;}
.part-industry .item-con .tit{letter-spacing: 2px;line-height: 1;color:#ffffff;position: relative;padding-bottom: 30px;margin-bottom: 25px;}
.part-industry .item-con .desc{line-height: 1.5;text-align: justify;}
.part-industry li .item-more{transition: all .4s;position: absolute;bottom:9.18%;left:9.77%;font-size:0;width:46px;overflow:hidden;height:46px;border:1px solid #fff;text-align: center;}
.part-industry li .item-more text{width:0;overflow: hidden;color:#fff;white-space: nowrap;}
.part-industry li .item-more i{transition: all .4s;width:44px;height:100%;background: url(../image/icon-arrow.png) no-repeat center;}
.part-industry li:hover{background: rgba(0,0,0,.7);border-right-color:rgba(0,0,0,.6);}
.part-industry li:hover .item-top .tit {display: none}
.part-industry li:hover .item-top .tit1 {display: block}
.part-industry li:hover .item-con{opacity: 1;top:0;}
.part-industry li:hover .item-more{background: #003ca6;width: 156px;border-color:#003ca6;padding-left: 32px;}
.part-industry li:hover .item-more i{background-image: url(../image/icon-arrowon.png);}
.part-industry li:hover .item-more text{width: 70px;}
.part-industry .swiper-btn-prev {background-image: url(../image/left.png); background-repeat: no-repeat; position: absolute; left: 1.8%; top: 50%; width: 40px; height: 40px; z-index: 999}
.part-industry .swiper-btn-next {background-image: url(../image/right.png); background-repeat: no-repeat; position: absolute; right: 1.8%; top: 50%;width: 40px; height: 40px; z-index: 999}

.footer-box{background: #383a46;color:#fff;position: relative;overflow: hidden;}
.footer-box .fLogo { border-bottom: 1px solid #565762;text-align: center;padding: 50px 0;}
.footer-box .fLogo img {margin-bottom: 20px}
.footer-box .part-news { border-bottom: 1px solid #565762; height: auto;overflow: hidden; padding: 50px 0}
.footer-box .part-news .nTitle {
 float: left;
 width: 5.4%;
 line-height: 56px;
 background: #003ca6;
 text-align: center;
 margin-left: 8.3%;
}
.footer-box .part-news .newsList { width: 86%; height: auto; overflow: hidden}
.footer-box .part-news .newsList .newsItem {border-right: 1px solid #565762; padding-left: 30px}
.footer-box .part-news .newsList .newsItem span {line-height: 28px}
.footer-box .part-news .newsList .newsItem p{
 line-height: 28px;
 width: 90%;
 white-space: nowrap;
 word-break: break-all;
 overflow: hidden;
 text-overflow: ellipsis;
}
.footer-box .foot {text-align: center;padding: 30px 0;}


@media (max-width:1600px){
 .fs100{font-size:94px;}
 .fs80{font-size:80px;}
 .fs52{font-size:46px;}
 .fs48{font-size:46px;}
 .fs45{font-size: 43px;}
 .fs30{font-size: 28px;}
 .title-box .tit{letter-spacing: 2px;}
}
@media (max-width:1500px){
 .fs100{font-size:90px;}
 .fs52{font-size:42px;}
 .fs48{font-size:42px;}
 .fs45{font-size: 41px;}
 .fs35{font-size: 34px;}
 .fs30{font-size: 24px;}
 .fs28{font-size: 24px;}
 .fs26{font-size: 23px;}
 .fs24{font-size: 22px;}
 .fs22{font-size: 20px;}
 .fs18{font-size: 18px;}
 .fs16{font-size: 16px;}
 .fs14{font-size: 14px;}
 .fs14{font-size: 12px;}
 .header .header_nav .nav_container>ul>li{margin-right:3%;}
 .title-desc{letter-spacing: 1px;margin-top:30px;font-size:20px;}
 .part-about .desc{line-height: 2;margin-top:30px;}
 .part-case .index-caseList .citem .item-name{font-size:20px;letter-spacing: 1px;}
 .title-box .en{letter-spacing: 1px;}
 .part-news .top .news-item .item-date{top:14px;left: 14px;height: 58px;width: 74px;padding:7px 0 0 10px;}
 .part-news .top .news-item .item-con h2{letter-spacing: 1px;}
 .part-news .top .news-item .item-con{padding-bottom: 20px;}
 .part-news .top .news-item .item-con .item-desc{margin-top:16px;}
 .part-news .list .item-more span{padding-right:50px;}
 .part-about .swiper-btn-prev {width: 60px;height: 60px}
 .part-about .swiper-btn-next {width: 60px;height: 60px}
}
@media (max-width:1200px){
 .part-about .swiper-btn-prev {width: 55px;height: 55px}
 .part-about .swiper-btn-next {width: 55px;height: 55px}
 .part-product .proItem .img {height: 130px}
 .fs100{font-size:80px;}
 .fs80{font-size:70px;}
 .fs52{font-size:38px;}
 .fs48{font-size:38px;}
 .fs45{font-size: 36px;}
 .fs35{font-size: 32px;}
 .fs30{font-size: 22px;}
 .fs28{font-size: 22px;}
 .fs26{font-size: 21px;}
 .fs24{font-size: 20px;}
 .fs22{font-size: 18px;}
 .fs20{font-size: 18px;}
 .fs18{font-size: 17px;}
 .fs16{font-size: 15px;}
 .fs14{font-size: 14px;}
 .fs12{font-size: 12px;}
 .header .header_nav .nav_container>ul>li>a{line-height: 90px;}
 .header.fixed .header_nav .nav_container>ul>li>a{line-height: 90px;}
 .header_box{font-size:15px;}
 .header .header_logo img{max-height: 50px;}
 .header .header_nav .nav_container>ul>li{margin-right:2%;}
 .ibanner .swiper-btn-box .swiper-btn{margin-left:20px;}
 .ibanner .swiper-pagination-bullet{width: 12.5px; height: 12.5px}
 .title-box{line-height: 56px;min-height: 56px;}
 .title-desc{margin-top:20px;font-size:18px;}
 .part-about{}
 .part-about .bg{height: 370px;}
 .part-case .index-caseList .swiper-slide{width: 23.9%;}
 .part-case .index-caseList .citem .item-name{font-size:19px;}
 .part-news{padding:90px 0;}
 .part-news .list .item-name{margin-top:20px;}
 .part-news .list .item-more{margin-top:24px;}
 .part-news .list a{padding-bottom: 20px;}
 .footer-box .footer{padding:45px 0 40px;}
 .footer-info .in{background-size: auto 24px;padding-left:40px;margin-bottom: 15px;}
 .footer-nav li{margin-right:25px;}
 .footer-nav li .s-menu{margin-top:30px;}
 .footer .code p{margin-top:22px;}
 .footer-box .foot{padding:25px 0;}
}

@media (max-width:992px){
 .footer-box .part-news .nTitle {
 width: unset;
 line-height: unset;
 padding: 2%;
 }
 .footer-box .part-news .newsList {width: 100%; margin-top: 70px}
 .part-about .swiper-btn-prev {width: 50px;height: 50px}
 .part-about .swiper-btn-next {width: 50px;height: 50px}
 .part-about .container {background-position: 0}
 .part-about .container .aboutImg {margin-top: 0}
 .part-product .proItem .img {height: 110px}
 .fs100{font-size:70px;}
 .fs80{font-size:60px;}
 .fs52{font-size:34px;}
 .fs48{font-size:34px;}
 .fs45{font-size: 30px;}
 .fs35{font-size: 28px;}
 .fs30{font-size: 20px;}
 .fs28{font-size: 20px;}
 .fs26{font-size: 19px;}
 .fs24{font-size: 18px;}
 .fs22{font-size: 17px;}
 .fs20{font-size:17px;}
 .fs18{font-size: 16px;}
 .header .header_logo img{max-height: 45px;}
 .header .header-tel{right:50px;}
 .ibanner .swiper-btn-box .swiper-btn{margin-left:12px;}
 .title-box{line-height: 48px;min-height: 48px;}
 .title-desc{font-size:16px;}
 .part-case .index-caseList .swiper-slide{width: 32.4%;}
 .part-case .index-caseList .citem .item-name{font-size:17px;}
 .part-news{padding:80px 0;}
 .footer-box .footer{padding:30px 0 25px;flex-wrap: wrap;}
 .footer-box .footer-nav{width: 100%;margin-bottom: 20px;}
 .footer-nav li{margin-right: 4.6vw;}
 .footer-nav li .s-menu{margin-top:20px;}
 .footer-info{max-width: 80%;}
 .footer-info .in{margin-bottom: 12px;}
 .footer-box .foot{padding:20px 0;font-size: 14px}
}

@media (max-width:767px){
 .part-product .proItem .proItem-title a {width: 100px}
 .part-about .swiper-btn-prev {width: 40px;height: 40px}
 .part-about .swiper-btn-next {width: 40px;height: 40px}
 .part-product .proItem .img {height: 90px}
 .part-case .index-caseList .citem .hover img {width: 80%}
 .fs100{font-size:50px;}
 .fs80{font-size:50px;}
 .fs52{font-size:32px;}
 .fs48{font-size:32px;}
 .fs45{font-size: 28px;}
 .fs35{font-size: 26px;}
 .fs30{font-size: 18px;}
 .fs28{font-size: 18px;}
 .fs26{font-size: 18px;}
 .ibanner .slide-item-img{min-height:450px;object-fit: cover;object-position: center;}
 .ibanner .item-mask .title{font-size:24px;}
 .ibanner .item-mask .subtitle{font-size:15px;}
 .ibanner .swiper-pagination-bullet{width: 8px; height: 8px}
 .ibanner .swiper-btn-box .swiper-btn{margin-left:5px;}
 .header .header-tel{right:45px;}
 .title-box{line-height: 40px;min-height: 40px;}
 .title-desc{font-size:15px;}
 .title-box .title{margin-top:-24px;}
 .part-about .desc{max-height: 100px;overflow-y: scroll;overflow-y: auto;line-height: 1.8;}
 .part-case .index-caseList .swiper-slide{width: 49%;}
 .part-news{padding:70px 0;}
 .part-news .top li{width: 100%!important;}
 .part-news .top .news-item .item-con{padding:0 15px 15px;}
 .part-news .top .news-item .item-con .item-desc{line-height: 20px;margin-top:12px;}
 .part-news .top .news-item .item-date{top:10px;left:10px;height: 52px;width: 70px;padding-top:5px;}
 .part-news .top .news-item .item-date .d{margin-top:4px;}
 .footer-nav li .s-menu{display: none;}
 .footer-nav li{margin:0;width: 25%;text-align: center;}
 .footer-nav li a{font-size:15px;}
 .footer-info{max-width:60%;font-size:14px;}
 .footer-info .in{margin-bottom: 6px;padding-left:30px;background-size: auto 20px;}
 .footer .code{width: 36%;}
 .footer .code p{font-size:14px;margin-top:15px;}
 .footer-box .foot{padding:15px 0; font-size: 12px}
}


.inner-banner{position: relative;}
.inner-banner .subcolumn-nav{position: absolute;left:0;top:0;text-align: center;width: 100%;color:#fff;z-index:10;top:50%;line-height: 80px;height: 80px;margin-top:-40px;}
.inner-banner .subcolumn-nav .en{color:rgba(255,255,255,.2);text-transform: uppercase;font-family: arial;}
.inner-banner .subcolumn-nav .cn{position: absolute;left:0;top:0;width: 100%;letter-spacing: 4px;}

.inner-title{text-align: left;}

.about-box{padding-bottom: 100px;}
.about-part{margin-top:100px;}
.about-part1{padding:76px 0 72px;background: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/about-img1.png) no-repeat center;background-size: cover;}
.about-part1 .box{width: 93%;background: rgba(255,255,255,.9);border-radius:18px;overflow:hidden;margin:0 auto;padding:94px 0;}
.about-part1 .left-icon{max-width: 12%;margin-right:6.7%;}
.about-part1 .right-con{border-left:4px solid #0066af;width: 81.3%;padding:0 2.74% 0 4.8%;}
.about-part1 .right-con .con{padding-bottom: 65px;}
.about-part1 .right-con .desc{line-height: 2.25;margin-top:92px;text-align: justify;}
.about-part2{position: relative;background: #f7f7f7;}
.about-part2 .left-imgSwiper{width: 50%;position: absolute;left:0;top:0;height: 100%;}
.about-part2 .left-imgSwiper .swiper-container,.about-part2 .left-imgSwiper .item-img{position: relative;height: 100%;}
.about-part2 .con{float:right;width: 50%;padding:62px 2.74% 62px 3.83%;}
.about-part2 .con .desc{margin-top:80px;line-height: 2.25;text-align: justify;letter-spacing: 1px;}
.about-part2 .con .common-more{float:right;margin-top:74px;}
.common-more{padding:0 33px;line-height: 49px;border:1px solid #333333;line-height: 48px;text-align: center;letter-spacing: 1px;transition: all .3s;}
.common-more span{padding-right:54px;background: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/icon-arrow-black.png) no-repeat right center;}
.common-more:hover{background:#0066af;color:#fff;border-color:#0066af;}
.common-more:hover span{background-image: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/icon-arrow-white.png);}
.about-part2 .left-imgSwiper .swiper-pagination{width: 10px;font-size:0;left:auto;right:4.48%;top:50%;transform: translateY(-50%);bottom:auto;}
.about-part2 .left-imgSwiper .swiper-pagination-bullet{width:10px;height: 10px;background: transparent;border:1px solid #fff;opacity: 1;}
.about-part2 .left-imgSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0;}
.about-part2 .left-imgSwiper .swiper-pagination-bullet-active{background: #fff;}

@media (max-width: 1680px){
 .about-part1 .box{width: 96%;}
}
@media (max-width: 1600px){
 .about-part1 .box{width: 94%;}
 .about-part1 .box .container{max-width: 100%;}
 .about-part1 .left-icon{margin:0 5% 0 5%;}
 .about-part1 .right-con{width: 76%;}
 .about-part1 .right-con .desc{margin-top:80px;}
}

@media (max-width: 1500px){
 .about-part1 .left-icon{margin-left:0;max-width: 15%;}
 .about-part1 .right-con{padding-right:0;}
 .about-part1 .box{padding:80px 0;}
 .about-part1 .right-con .con{padding-bottom: 50px;}
 .about-part{margin-top:90px;}
 .about-box{padding-bottom: 90px;}
 .about-part2 .con .desc,.about-part1 .right-con .desc{margin-top:65px;max-height: 280px;overflow-y: auto;padding-right:4px;}
 .about-part2 .con .desc::-webkit-scrollbar,.about-part1 .right-con .desc::-webkit-scrollbar {width:3px;}
 .about-part2 .con .desc::-webkit-scrollbar-track,.about-part1 .right-con .desc::-webkit-scrollbar-track {background:#fff;}
 .about-part2 .con .desc::-webkit-scrollbar-thumb ,.about-part1 .right-con .desc::-webkit-scrollbar-thumb{background:#333;}
 .about-part2 .con .desc::-webkit-scrollbar-thumb:window-inactive,.about-part1 .right-con .desc::-webkit-scrollbar-thumb:window-inactive {background:#333;}
 .about-part2 .con .desc::-webkit-scrollbar-thumb:vertical:hover ,.about-part1 .right-con .desc::-webkit-scrollbar-thumb:vertical:hover{background:#333;}
}
@media (max-width: 1200px){
 .about-part2 .con{padding:50px 2.74% 50px 3.83%;}
 .common-more span{padding-right:44px;}
 .common-more{padding:0 28px;}
 .about-part2 .con .common-more{margin-top:60px;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{margin-top:50px;}
 .about-part1{padding:65px 0;}
 .about-part1 .box{padding:70px 0;}
 .about-part{margin-top:80px;}
 .about-box{padding-bottom: 80px;}
}
@media (max-width: 992px){
 .inner-banner .slide-item-img{min-height: 350px;object-fit: cover;object-position: center;}
 .about-part{margin-top:65px;}
 .about-box{padding-bottom: 65px;}
 .about-part1{padding:60px 0;}
 .about-part1 .box{padding:64px 0;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{margin-top:40px;}
 .about-part1 .left-icon{max-width: 18%;}
 .about-part2 .con{padding:40px 2.74% 40px 3.83%;}
 .about-part2 .con .desc{letter-spacing: 0;}
 .about-part2 .con .more{margin-top:45px;}
 .common-more{line-height: 44px;padding:0 24px;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{max-height: 260px;}
}
@media (max-width: 750px){
 .inner-banner .slide-item-img{min-height: 260px;}
 .footer-box .part-news .newsList .newsItem {padding-left: 8.1%}
 .about-part1{padding:50px 0;}
 .about-part1 .box{padding:45px 0;}
 .about-part{margin-top:55px;}
 .about-box{padding-bottom: 55px;}
 .about-part2 .con .desc, .about-part1 .right-con .desc{line-height: 2;font-size:14px;margin-top:25px;}
 .about-part1 .left-icon{max-width: 100%;width: 100%;margin:0;}
 .about-part1 .left-icon img{max-width: 35%;}
 .about-part1 .right-con{width: 100%;padding:20px 0 0;margin-top:30px;border-top:2px solid #0066af;border-left:none;}
 .about-part1 .right-con .con{padding:0;}
 .about-part2 .left-imgSwiper{position:relative;height: auto;width: 100%;}
 .about-part2 .left-imgSwiper .item-img{height: auto;padding-bottom: 72.46%;}
 .about-part2 .left-imgSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;}
 .about-part2 .con{width: 100%;padding:40px 0;}
 .common-more span{padding-right:35px;}
 .common-more{line-height: 40px;}
 .about-part2 .con .common-more{margin-top:35px;}
}

.inner-wrapper{padding:100px 0;background: #f7f7f7;}

 

.product-box .list li{margin-bottom: 30px;}
.product-box .list .pro-item{display: block;background: #fff;position: relative;}
.product-box .list .pro-item .item-img{float:left;width: 50%;background: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/pro-bg.png) no-repeat center;background-size: 100% 100%;}
.product-box .list .pro-item .item-img img{max-width: 80%;max-height:80%;}
.product-box .list .pro-item .item-con{float:right;width: 50%;padding:30px 4% 80px;}
.product-box .list .pro-item .item-tit{line-height: 1;letter-spacing: 1px;}
.product-box .list .pro-item .item-desc{line-height: 1.5;color:#a5a5a5;letter-spacing: 2px;margin-top:44px;}
.product-box .list .pro-item .item-more{position: absolute;right:4%;bottom:28px;}
.common-imgBox{position: relative;padding-bottom: 95.2%;overflow:hidden;}
.common-imgBox .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: #0066af;opacity: 0;transition: all .3s;}
.common-imgBox .item-line{position: absolute;left:6.74%;right:6.74%;top:6.76%;bottom:6.76%;}
.common-imgBox .item-line b{position: absolute;background: #fff;transition: all .7s;transition-delay: .1s;overflow: hidden;opacity: 0.8;}
.common-imgBox .item-line .b1,.common-imgBox .item-line .b3{height:0;width: 1px;}
.common-imgBox .item-line .b2,.common-imgBox .item-line .b4{width:0;height: 1px;}
.common-imgBox .item-line .b1{left:0;top:0;}
.common-imgBox .item-line .b3{right:0;bottom:0;}
.common-imgBox .item-line .b2{top:0;right:0;}
.common-imgBox .item-line .b4{bottom:0;left:0;}
.common-imgBox .item-line .icon{width: 30px;height: 30px;position: absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;background: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/icon-search.png) no-repeat center;opacity: 0;transform: scale(0);transition: all .3s;transition-delay: .1s;}
.common-imgBox:hover .item-line .b1,.common-imgBox:hover .item-line .b3,
.common-item:hover .item-line .b1,.common-item:hover .item-line .b3{height: 100%;}
.common-imgBox:hover .item-line .b2,.common-imgBox:hover .item-line .b4,
.common-item:hover .item-line .b2,.common-item:hover .item-line .b4{width: 100%;}
.common-imgBox:hover .item-mask,.common-item:hover .item-mask{opacity: 0.8;}
.common-imgBox:hover .item-line .icon,.common-item:hover .item-line .icon{opacity: 1;transform: scale(1);}

.pager-box{text-align: center;margin-top:20px;}
.pager-box a{display: inline-block;min-width: 30px;line-height: 30px;background: #fff;padding:0 5px;color:#333;margin:0 8px;font-size:16px;transition: all .3s;}
.pager-box a.PreA,.pager-box a.NextA{padding:0 25px;}
.pager-box a:hover,.pager-box a.Ahover{background: #0066af;color:#fff;}

@media (max-width: 1500px){
 .inner-wrapper{padding:85px 0;}
 .category-box .content{font-size:18px;}
 .common-item .item-more{padding:0 25px;line-height: 42px;}
 .common-item .item-more span{padding-right:40px;}
 .product-box .list .pro-item .item-desc{margin-top:35px;}
 .product-box .list ul{margin:0 -12px;}
 .product-box .list li{padding:0 12px;margin-bottom: 24px;}
}

@media (max-width: 1200px){
 .inner-wrapper{padding:70px 0;}
 .category-box .content{font-size:16px;}
 .category-box .content a{margin-right:1.33333%;width:24%;margin-bottom: 15px;padding:18px 8px;}
 .category-box .content a:nth-child(5n+5){margin-right:1.33333%;}
 .category-box .content a:nth-child(4n+4){margin-right:0;}
 .common-item .item-more{bottom: 20px;padding:0 18px;line-height: 38px;}
 .common-item .item-more span{padding-right:28px;}
 .pager-box a{margin:0 6px;}
}
@media (min-width:992px) and (max-width: 1200px){
 .product-box .list .pro-item .item-desc{margin-top:20px;}
 .product-box .list .pro-item .item-con{padding-top:24px;}
}
@media (min-width:767px) and (max-width: 992px){
 .category-box .content a{min-width: 24%;width: auto;margin-right:1.333%;}
 .inner-wrapper{padding:60px 0;}
 .product-box .list .pro-item .item-img,.product-box .list .pro-item .item-con{float:none;width: 100%;}
 .product-box .list .pro-item .item-desc{height: 44px;}
 .product-box .list .pro-item .item-con{padding-bottom: 100px;}
 .category-box .content{font-size:15px;}
}

@media (max-width: 767px){
 .inner-wrapper{padding:50px 0;}
 .category-box{padding:0 0 40px;}
 .category-box .moveBtn,.category-box .backBtn{display: block;}
 .contentBox{position: fixed;top:0;width: 100%;left:100%;background: #fff;z-index:1000;bottom:0;overflow-y: auto;font-size:0;padding-left:45px;}
 .category-box .content{padding:20px 15px;}
 .category-box .content a{width: auto;font-size:13px;margin-right:12px;border-radius:999px;overflow: hidden;padding:10px 16px;margin-bottom: 12px;}
 .product-box .list .pro-item .item-con{padding:20px 18px 75px;}
 .product-box .list .pro-item .item-desc{margin-top:20px;letter-spacing: 1px;}
 .inner-wrapper .common-item .item-more{line-height: 32px;padding:0 16px;bottom:20px;}
 .common-item .item-more span{padding-right:20px;font-size:14px;}
 .product-box .list li{margin-bottom: 18px;}
 .product-box .list .pro-item .item-img,.product-box .list .pro-item .item-con{width: 100%;float:none;}
 .pager-box a{font-size:14px;margin:0 3px;}
 .pager-box a.PreA, .pager-box a.NextA{padding:0 8px;}
}

.tech-list li{margin-bottom: 30px;}
.tech-list .tech-item{display: block;position: relative;background: #fff;transition: all .3s;border-radius:10px;overflow: hidden;}
.tech-list .tech-item .common-imgBox{padding-bottom: 69.5%;}
.tech-list .tech-item .item-img{width: 33.56%;float:left;border:1px solid #a5a5a5;border-radius: 10px;overflow: hidden;}
.tech-list .tech-item .item-con{width: 63%;float:right;padding:35px 2.74% 80px 0;}
.tech-list .tech-item .item-more{position: absolute;right:2.74%;bottom:28px;}
.tech-list .tech-item:hover{box-shadow: 0 0 40px rgba(0,0,0,.1);}
.tech-list .tech-item:hover .item-img{border-color:#2173ad;}
.common-item .item-tit{line-height: 1;letter-spacing: 1px;}
.common-item .item-desc{line-height: 2.25;letter-spacing: 2px;color:#a5a5a5;}
.tech-list .tech-item .item-desc{margin-top:60px;}
@media (min-width: 1500px){
 .tech-list .tech-item .item-tit{font-size:27px;}
}
@media (max-width: 1500px){
 .tech-list .tech-item .item-desc{margin-top:40px;}
}
@media (max-width: 1200px){
 .tech-list .tech-item .item-con{padding:25px 2.74% 70px 0;}
 .tech-list .tech-item .item-desc{margin-top:25px;}
 .common-item .item-desc{line-height: 2;}
}
@media (min-width: 750px) and (max-width: 992px){
 .tech-list .tech-item .common-imgBox{padding-bottom: 0;height: 220px;}
 .tech-list .tech-item .item-img{width: 40%;}
 .tech-list .tech-item .item-con{width: 56%;}
 .tech-list li{margin-bottom: 25px;}
}
@media (max-width: 750px){
 .inner-wrapper .common-item .item-img,.inner-wrapper .common-item .item-con{float:none;width: 100%;}
 .inner-wrapper .common-item .item-con{padding:25px 18px 75px;}
 .common-item .item-desc{font-size:14px;line-height: 2;letter-spacing: 1px;}
 .tech-list .tech-item .item-tit{font-size:18px;}
 .tech-list .tech-item .item-desc{margin-top:20px;}
 .common-item .item-more span{background-size: 5px auto;}
 .product-box .list .pro-item .item-desc{line-height: 1.7;}
}

.news-box .news-list li{border-bottom:1px solid #999999;padding-bottom: 45px;margin-bottom: 45px;}
.news-box .news-list li:last-child{border:none;margin:0;}
.news-box .news-list .news-item{display: block;}
.news-box .news-list .news-item .item-img{float:right;width: 36.4%;max-width: 530px;}
.news-box .news-list .news-item .item-con{float:left;width:59%;max-width: 860px;}
.news-box .news-list .news-item .item-date{line-height: 1;margin-top:22px;font-family: arial;}
/*.news-box .news-list .news-item .common-imgBox{padding:0;height: 320px;}*/
.news-box .news-list .news-item .common-imgBox{padding-bottom:60.4%;}
.news-box .news-list .news-item .common-imgBox .item-line{left:6.8%;right:6.8%;top:10%;bottom:10%;}
.news-box .news-list .news-item .item-desc{line-height:24px;height: 48px;margin-top:38px;}
.news-box .news-list .news-item .item-more{float:left;margin-top:55px;}
@media (max-width: 1500px){
 .news-box .news-list li{padding-bottom: 35px;margin-bottom: 35px;}
 /*.news-box .news-list .news-item .common-imgBox{height: 280px;}*/
 .news-box .news-list .news-item .item-more{margin-top:45px;}
 .news-box .news-list .news-item .item-desc{margin-top:33px;}
}
@media (max-width: 1200px){
 .news-box .news-list .news-item .item-more{margin-top:30px;}
 .news-box .news-list .news-item .item-desc{margin-top:20px;}
 .news-box .news-list .news-item .item-date{margin-top:15px;}
}
@media (max-width: 992px){
 .news-box .news-list .news-item .item-more{margin-top:22px;}
 .news-box .news-list .news-item .item-desc{margin-top:16px;}
 .news-box .news-list .news-item .common-imgBox{padding:0;height: 180px;}
}
@media (max-width: 767px){
 .news-box .news-list .news-item .item-img,.news-box .news-list .news-item .item-con{float:none;width: 100%;}
 .news-box .news-list .news-item .item-con{padding:0 0 28px;}
 .news-box .news-list .news-item .item-desc{height: auto;}
 .news-box .news-list li{padding-bottom: 30px;margin-bottom: 28px;}
}

.contact-box .map-box{position: relative;}
.contact-box .map-box .map{width: 100%;position: absolute;left:0;top:0;height: 100%;}
.contact-box .map-box label{max-width: none;}
.contact-box .map-box #allmap{height: 100%;}
.contact-box .map-info{padding:80px 30px 76px;background: #fff;float:right;width: 50%;position: relative;z-index:10;border-bottom:5px solid #0066af;}
.contact-box .map-info .t{margin-bottom: 32px;line-height: 1;text-transform: uppercase;letter-spacing: 1px;padding-bottom: 37px;border-bottom:2px dashed #cccccc;color:#303131;}
.contact-box .map-info .t .en{margin-bottom: 30px;color:#0066af;}
@media (min-width: 1500px){
 .contact-box .map-info .t .en{font-size:80px;}
}
.contact-box .map-info .tit{letter-spacing: 1px;}
.contact-box .map-info .info{color:#666;}
.contact-box .map-info .info p{margin-bottom:15px;}
.contact-box .map-info .co{letter-spacing: 1px;margin-bottom: 30px;}

.contact-form{margin-top:100px;}
.contact-form .title{text-align: center;color:#999999;}
.contact-form .title h2{line-height: 1;margin-bottom: 25px;letter-spacing: 2px;color:#000;}
.contact-form .form{margin-top:46px;background: #fff;padding:40px 7.53%;}
.contact-form .form .row{margin:0 -10px;}
.contact-form .form li{float:left;width: 33.333%;padding:0 10px;margin-bottom: 31px;}
.contact-form .form li.textarea{width:100%;}
.contact-form .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 .form li .item-value:focus{border-color:#000;}
.contact-form .form li textarea.item-value{height: 187px;}
.contact-form .form li .item-value::-webkit-input-placeholder {color:#a5a5a5;}
.contact-form .form li .item-value:-moz-placeholder {color:#a5a5a5;}
.contact-form .form li .item-value::-moz-placeholder {color:#a5a5a5;}
.contact-form .form li .item-value:-ms-input-placeholder {color:#a5a5a5;}
.contact-form .form .btn-box{text-align: center;}
.contact-form .form .btn-box .butt{width:200px;line-height:40px;border:none;background: #0066af;color:#fff;margin:0 auto;display: block;}



@media (max-width: 1500px){
 .contact-box .map-info .t .en{font-size:65px;}
 .contact-form .form li{margin-bottom: 25px;}
 .contact-form{margin-top:80px;}
 .contact-form .title h2{margin-bottom: 20px;}
 .contact-form .form{margin-top:40px;}
 .contact-box .map-info{padding:75px 30px 65px;}
}
@media (max-width: 1200px){
 .contact-box .map-info{padding:65px 30px 55px;}
 .contact-box .map-info .t .en{font-size:54px;}
 .contact-box .map-info .co{margin-bottom: 25px;}
 .contact-box .map-info .t{padding-bottom: 30px;margin-bottom: 25px;}
 .contact-form .form{padding:36px 7%;}
}
@media (max-width: 992px){
 .contact-box .map-info{padding:50px 25px 40px;width: 60%;}
 .contact-box .map-info .t .en{margin-bottom: 16px;font-size:42px;}
 .contact-box .map-info .t{padding-bottom: 25px;margin-bottom: 20px;}
 .contact-box .map-info .co{margin-bottom: 20px;}
 .contact-box .map-info .info p{margin-bottom:10px;}
 .contact-form{margin-top:65px;}
 .contact-form .title h2{margin-bottom: 16px;}
 .contact-form .form{margin-top:30px;padding:30px 5%;}
 .contact-form .form li{margin-bottom: 18px;}
}
@media (max-width: 750px){
 .contact-box .map-info{border-bottom-width:4px;margin-bottom: 35px;}
 .contact-box .map-box .map{position: relative;height: 350px;}
 .contact-form .title p{font-size:14px;}
 .contact-box .map-info{float:none;width: 100%;padding:35px 20px 30px;}
 .contact-box .map-info .t .en{font-size:38px;}
 .contact-box .map-info .t{padding-bottom: 25px;margin-bottom: 20px;}
 .contact-box .map-info .co{margin-bottom: 20px;}
 .contact-form{margin-top:55px;}
 .contact-form .title h2{letter-spacing: 1px;}
 .contact-form .form li{width: 100%;margin-bottom: 16px;}
 .contact-form .form{padding:20px 20px;}
}

.product-detail .detail-top{padding:50px 0 65px;background-repeat: no-repeat;background-size: cover;color:#fff;background-position: center;text-align: center;}
.product-detail .detail-top .pro-tips{margin-top: 14px;text-align: center;letter-spacing: 1px;}
.product-detail .detail-top .pro-tips span{display: inline-block;margin:0 1%;line-height: 1;}
.product-detail .detail-top .pro-tips .c{margin-right:2%;}
.product-detail .detail-top .pro-swiper{margin:30px auto;max-width: 600px;}
.product-detail .detail-top .item-img{padding-bottom: 55%;}
.product-detail .detail-top .item-img img{max-width: 100%;max-height: 100%;}
.product-detail .detail-top .pro-links{text-align: center;}
.product-detail .detail-top .pro-links .icon{display: inline-block;margin:0 4.9%;line-height: 38px;padding-left:50px;letter-spacing: 1px;background-repeat: no-repeat;background-position: left center;}
.product-detail .detail-top .pro-links .qq{background-image: url(../image/icon-qq.png);}
.product-detail .detail-top .pro-links .share{background-image: url(../image/icon-share.png);}
.product-detail .detail-top .pro-links .tel{background-image: url(../image/pro-tel.png);}
.product-detail .detail-top .pro-links .line{width:1px;background: #fff;height: 38px;display: inline-block;}

.product-detail .description-box .title{line-height: 1;padding:28px 0;border-bottom:1px solid #a5a5a5;border-top:1px solid #a5a5a5;text-align: center;color:#0066af;text-align:center;letter-spacing: 2px;background: #fff;margin-bottom: 50px;font-size:30px;}
.product-detail .description-box .description{line-height: 2.25;}
.product-detail .description-box .description table{width: 100%;text-align: center;margin-bottom: 20px;}
.product-detail .description-box .description th{background: #0066af;color:#fff;}
.product-detail .description-box .description td,.product-detail .description-box .description th{border:2px solid #bebebe;text-align: center;padding:5px 10px;}
.product-detail .description-box .desc-t{font-size:30px;letter-spacing: 2px;line-height: 1;padding-left:18px;border-left:4px solid #0066af;margin:40px 0 20px;}

@media (max-width: 1500px){
 .product-detail .description-box .desc-t,.product-detail .description-box .title{font-size:26px;}
 .product-detail .detail-top{padding:40px 0 50px;}
 .product-detail .detail-top .pro-links .icon{background-size: auto 30px;padding-left:45px;line-height: 36px;}
 .product-detail .detail-top .pro-links .line{height:36px;}
}
@media (max-width: 992px){
 .product-detail .category-box{padding-bottom: 16px;}
 .product-detail .detail-top{padding:35px 0 40px;}
 .product-detail .detail-top .pro-links .icon{line-height: 32px;background-size: auto 25px;padding-left:40px;}
 .product-detail .detail-top .pro-links .line{height: 32px;}
 .product-detail .description-box .desc-t, .product-detail .description-box .title{font-size:24px;letter-spacing: 1px;}
 .product-detail .description-box .title{padding:24px 0;}
}
@media (max-width: 767px){
 .product-detail .category-box{padding-bottom: 40px;}
 .product-detail .detail-top{padding:30px 0 25px;}
 .product-detail .detail-top .pro-tit{font-size:24px;}
 .product-detail .detail-top .pro-tips{font-size:13px;}
 .product-detail .detail-top .pro-links{flex-wrap: wrap;}
 .product-detail .detail-top .pro-links .icon{margin: 5px 6%;min-width: 30%;text-align: left;}
 /*.product-detail .detail-top .pro-links .tel{width: 100%;}*/
 .product-detail .detail-top .pro-links .line{display: none;}
 .product-detail .detail-top .pro-links .icon{background-size: auto 22px;}
 .product-detail .description-box .desc-t, .product-detail .description-box .title{font-size:20px;}
 .product-detail .description-box .title{margin-bottom: 30px;padding:20px 0;}
 .product-detail .description-box .desc-t{padding-left:15px;}
}



/* 首页改版 */
.gaiban-en{width: 100%; font-size: 30px; color: #666; line-height: 1; text-align: center; margin-bottom: 20px; overflow: hidden;}
.gaiban-en span{display: inline-block; padding: 0 270px; position: relative;}
.gaiban-en span::before{content: ""; width: 240px; height: 1px; background: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.gaiban-en span::after{content: ""; width: 240px; height: 1px; background: #666; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.gaiban-title{font-size: 36px; color: #333; line-height: 1; font-weight: bold; text-align: center;}
.gaiban-title span{color: #2950a3;}
.gaiban-desc{font-size: 20px; color: #666; line-height: 30px; text-align: center; margin-top: 20px;}
.gaiban-jt{width: 50px; height: 26px; background: url(../image/gbjt.png) no-repeat center; background-size: cover; margin: 30px auto 45px;}

.gaiban-product{padding: 66px 0 100px;}
.gbproitem a{display: flex; width: 100%; height: 230px;}
.gbpro_tit{width: 30%; background: #2951a4; display: flex; justify-content: center; align-items: center;}
.gbpro_tit h3{width: 100%; font-size: 18px; color: #fff; line-height: 30px; text-align: center;}
.gbpro_tit .gbpj{width: 40px; height: 40px; margin: 30px auto 0; background: url(../image/gbpj.png) no-repeat center; background-size: cover; transition: all 0.5s;}
.gbpro_tit .gbpj:hover{transform: rotate(180deg);}
.gbpro_img{width: 70%; border: 2px solid transparent; border-left: 0; background: #eef2f5; display: flex; justify-content: center; align-items: center;}
.gbpro_img img{max-width: 100%; max-height: 100%;}
.gbproitem a:hover .gbpro_img{border: 2px solid #2951a4; border-left: 0;}

.gaiban-recommd{padding: 66px 0 80px; background: url(../image/gaiban-recommd.jpg) no-repeat center; background-size: cover;}
.gaiban-recommd .gaiban-en{color: #fff;}
.gaiban-recommd .gaiban-en span::before, .gaiban-recommd .gaiban-en span::after{background: #fff;}
.gaiban-recommd .gaiban-title{color: #fff;}
.gaiban-recommd .gaiban-desc{color: #fff;}
.gaiban-recommd .gaiban-jt{background-image: url(../image/gbjt_b.png);}
.gaiban-recpro{width: 100%; overflow: hidden;}
.gaiban-recpro li{width: 19.4%; float: left; margin-right: 0.75%; margin-bottom: 0.75%;}
.gaiban-recpro li:nth-of-type(5n){margin-right: 0;}
.gbrec_img{width: 100%; padding-bottom: 78%; background: #fff; position: relative; overflow: hidden;}
.gbrec_img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.gbrec_img .gbrec_cover{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 20; display: none;}
.gbrec_img .gbrec_cover a{display: block; width: 170px; border: 1px solid #fff; border-radius: 30px; font-size: 16px; color: #fff; line-height: 50px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.gbrec_img .gbrec_cover a:hover{background: #2951a4; border-color: #2951a4; color: #fff;}
.gbrec_tit{width: 100%; padding: 0 10px; font-size: 16px; color: #333; line-height: 55px; text-align: center; background: #f0f0f0;}
.gaiban-recpro li:hover .gbrec_img .gbrec_cover{display: block;}
.gaiban-recpro li:hover .gbrec_tit{color: #fff; background: #2951a4;}

.gaiban-advantage{padding: 66px 0 32px; background: #f9f9f9;}
.gaiban-advan{width: 100%; margin-top: 45px; overflow: hidden;}
.gaiban-advan li{width: 100%; padding: 60px 65px 60px 80px; background: #fff; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.gaiban-advan li:nth-of-type(2n){flex-direction: row-reverse;}
.gbadvan_cont{width: 45%;}
.gbadvan_cont h3{font-size: 36px; color: #333; line-height: 72px; font-weight: bold;}
.gbadvan_cont h3 strong{font-size: 72px; color: #2951a4; margin-right: 20px; float: left;}
.gbadvan_cont span{display: block; width: 45px; height: 3px; background: #2951a4; margin: 30px 0 20px;}
.gbadvan_cont p{font-size: 16px; color: #666; line-height: 30px;}
.gbadvan_cont a{display: block; width: 210px; border: 1px solid #dcdcdc; border-radius: 56px; background: #fff; font-size: 18px; color: #333; line-height: 56px; text-align: center; margin-top: 40px;}
.gbadvan_cont a:hover{background: #2951a4; border-color: #2951a4; color: #fff;}
.gbadvan_img{width: 48%;}
.gaiban-advantage .gaiban-jt{margin: 10px auto 0;}

.gaiban-about{padding: 95px 0 70px; background: url(http://www.jshd66.com/Public/Web/templates/QLD544/images/gaiban-about.jpg) no-repeat center; background-size: cover;}
.gaiban-about .flex{justify-content: space-between; align-items: center;}
.gbabout_cont{width: 32%;}
.gbabout_tit{font-family: "impact"; font-size: 58px; color: #2951a4; line-height: 1; text-transform: uppercase;}
.gbabout_desc{font-size: 32px; color: #333; line-height: 1; font-weight: bold; margin: 20px 0 20px;}
.gbabout_con{font-size: 18px; color: #999; line-height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.gbabout_link{display: block; width: 210px; border: 1px solid #dcdcdc; border-radius: 56px; background: #fff; font-size: 18px; color: #333 !important; line-height: 56px; text-align: center; margin-top: 60px;}
.gbabout_link:hover{background: #2951a4; border-color: #2951a4; color: #fff !important;}
.gbabout_img{width: 42%;}
.about_iprev, .about_inext{width: 18px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;}
.about_iprev{left: 40px; background-image: url(../image/about_iprev.png);}
.about_inext{right: 40px; background-image: url(../image/about_inext.png);}
.gbabout_para{width: 20%;}
.gbabout_para li{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; text-align: center;}
.gbabout_para li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: unset;}
.gbabout_para li img{display: block; margin: auto;}
.gbabout_para li h3{font-size: 24px; color: #333; line-height: 1; margin-top: 15px;}
.gbabout_para li .num{font-size: 24px; color: #333; line-height: 1;}
.gbabout_para li .num .counter{font-family: "impact"; font-size: 48px; color: #2951a4; line-height: 40px; margin-right: 5px; vertical-align: bottom;}
.gbabout_para li .desc{font-size: 18px; color: #333; line-height: 20px; margin-top: 20px;}

.gaiban-news{background: #f9f9f9;}
.gbnews_ban{width: 100%; padding: 80px 0 80px 330px; position: relative;}
.gbnews_ban:before{content: ""; width: 600px; height: 100%; background: #2951a4 url(../image/gbnews_bg.png) no-repeat right center; background-size: contain; position: absolute; top: 0; right: calc(100% - 300px); z-index: 10;}
.gbnews_tcon{width: 300px; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;}
.gbnews_en{font-family: "impact"; font-size: 58px; color: #fff; line-height: 1; margin: 90px 0 30px;}
.gbnews_tit{font-size: 36px; color: #fff; line-height: 1;}
.swiper-num{font-size: 18px; color: #fff; line-height: 1; position: absolute; left: 0; bottom: 180px;}
.swiper-num span.fg{margin: 0 20px;}
.news_iprev, .news_inext{width: 13px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 180px;}
.news_iprev{left: 150px; background-image: url(../image/news_iprev.png);}
.news_inext{left: 180px; background-image: url(../image/news_inext.png);}
.gbnewsitem a{display: block; padding: 20px 24px; background: #fff;}
.gbnewsitem img{display: block; width: 100%;}
.gbnewsitem span{display: block; font-size: 18px; color: #333; line-height: 1; margin-top: 30px;}
.gbnewsitem h3{font-size: 24px; color: #333; line-height: 1; margin: 15px 0;}
.gbnewsitem p{font-size: 18px; color: #333; line-height: 30px;}
.gbnewsitem a:hover h3{color: #2951a4;}


@media (max-width: 1500px){
 .gaiban-en{font-size: 26px;}
 .gaiban-en span{padding: 0 230px;}
 .gaiban-en span::before, .gaiban-en span::after{width: 200px;}
 .gaiban-title{font-size: 32px;}
 .gaiban-desc{font-size: 18px;}

 .gaiban-product{padding: 60px 0 80px;}
 .gbproitem a{height: 200px;}

 .gaiban-recommd{padding: 60px 0 80px;}
 .gaiban-recpro li{width: 24%; margin-right: 1.33%; margin-bottom: 1.33%;}
 .gaiban-recpro li:nth-of-type(n+9){display: none;}
 .gaiban-recpro li:nth-of-type(5n){margin-right: 1.33%;}
 .gaiban-recpro li:nth-of-type(4n){margin-right: 0;}

 .gaiban-advantage{padding: 60px 0 30px;}
 .gaiban-advan li{padding: 50px;}
 .gbadvan_cont h3{font-size: 32px; line-height: 60px;}
 .gbadvan_cont h3 strong{font-size: 60px;}
 .gbadvan_cont a{width: 180px; line-height: 50px; margin-top: 30px;}

 .gaiban-about{padding: 80px 0 60px;}
 .gbabout_tit{font-size: 50px;}
 .gbabout_desc{font-size: 28px;}
 .gbabout_con{font-size: 16px; line-height: 32px;}
 .gbabout_link{width: 180px; line-height: 50px; margin-top: 30px;}
 .gbabout_para li{padding-bottom: 20px; margin-bottom: 20px;}
 .gbabout_para li img{height: 50px;}
 .gbabout_para li h3{font-size: 20px; margin-top: 10px;}
 .gbabout_para li .num{font-size: 20px;}
 .gbabout_para li .desc{font-size: 16px; margin-top: 15px;}
 
 .gbnews_ban{padding: 60px 0 60px 330px;}
 .gbnewsitem a{padding: 20px;}
 .gbnewsitem h3{font-size: 20px;}
 .gbnewsitem p{font-size: 16px;}
 .gbnews_en{font-size: 50px; margin: 80px 0 25px;}
 .gbnews_tit{font-size: 30px;}
 .swiper-num, .news_iprev, .news_inext{bottom: 150px;}
 
}

@media (max-width: 1200px){
 .gaiban-en{font-size: 24px;}
 .gaiban-en span{padding: 0 200px;}
 .gaiban-en span::before, .gaiban-en span::after{width: 180px;}
 .gaiban-title{font-size: 30px;}
 .gaiban-desc{font-size: 16px;}
 .gaiban-jt{margin: 25px auto 35px;}

 .gaiban-product{padding: 50px 0 60px;}
 .gbproitem a{height: 200px;}

 .gaiban-recommd{padding: 50px 0 60px;}
 .gaiban-recpro li{width: 32%;}
 .gaiban-recpro li:nth-of-type(n+7){display: none;}
 .gaiban-recpro li:nth-of-type(4n){margin-right: 1.33%;}
 .gaiban-recpro li:nth-of-type(3n){margin-right: 0;}

 .gaiban-advantage{padding: 50px 0 30px;}
 .gaiban-advan{margin-top: 30px;}
 .gaiban-advan li{padding: 40px;}
 .gbadvan_cont{width: 47%;}
 .gbadvan_cont h3{font-size: 26px; line-height: 50px;}
 .gbadvan_cont h3 strong{font-size: 50px;}
 .gbadvan_cont span{margin: 15px 0;}
 .gbadvan_cont a{font-size: 16px; margin-top: 20px;}

 .gaiban-about{padding: 60px 0 50px;}
 .gbabout_tit{font-size: 42px;}
 .gbabout_desc{font-size: 24px; margin: 15px 0;}
 .gbabout_con{font-size: 16px; line-height: 30px;}
 .gbabout_link{font-size: 16px; margin-top: 20px;}
 .gbabout_para li{padding-bottom: 20px; margin-bottom: 20px;}
 .gbabout_para li img{height: 40px;}
 .gbabout_para li h3{font-size: 18px; margin-top: 10px;}
 .gbabout_para li .num{font-size: 18px;}
 .gbabout_para li .num .counter{font-size: 40px; line-height: 30px;}
 .gbabout_para li .desc{font-size: 16px; margin-top: 15px;}
 
 .gbnews_ban{padding: 50px 0 50px 300px;}
 .gbnews_ban:before{right: calc(100% - 280px);}
 .gbnews_tcon{width: 280px;}
 .gbnewsitem a{padding: 20px;}
 .gbnewsitem span{font-size: 16px; margin-top: 20px;}
 .gbnewsitem h3{font-size: 18px; margin: 12px 0;}
 .gbnewsitem p{font-size: 15px; line-height: 25px;}
 .gbnews_en{font-size: 44px; margin: 60px 0 20px;}
 .gbnews_tit{font-size: 26px;}
 .swiper-num, .news_iprev, .news_inext{bottom: 120px;}
}

@media (max-width: 767px){
 .gaiban-en{font-size: 20px; margin-bottom: 15px;}
 .gaiban-en span{padding: 0}
 .gaiban-en span::before, .gaiban-en span::after{display: none;}
 .gaiban-title{font-size: 26px;}
 .gaiban-desc{font-size: 14px; line-height: 24px; margin-top: 15px;}
 .gaiban-jt{width: 40px; height: 20px; margin: 20px auto 25px;}

 .gaiban-product{padding: 40px 0;}
 .gbproitem a{height: 180px;}
 .gbpro_tit h3{font-size: 16px;}
 .gbpro_tit .gbpj{width: 30px; height: 30px; margin-top: 20px;}

 .gaiban-recommd{padding: 40px 0;}
 .gaiban-recpro li{width:48%; margin-right: 4%; margin-bottom: 4%;}
 .gaiban-recpro li:nth-of-type(5n){margin-right: 4%;}
 .gaiban-recpro li:nth-of-type(4n){margin-right: 4%;}
 .gaiban-recpro li:nth-of-type(3n){margin-right: 4%;}
 .gaiban-recpro li:nth-of-type(2n){margin-right: 0;}
 .gbrec_img .gbrec_cover a{width: 120px; line-height: 36px; border-width: 2px; font-size: 15px;}
 .gbrec_tit{line-height: 40px; font-size: 15px;}

 .gaiban-advantage{padding: 40px 0 30px;}
 .gaiban-advan{margin-top: 25px;}
 .gaiban-advan li{padding: 20px; display: block; margin-bottom: 20px;}
 .gbadvan_cont{width: 100%;}
 .gbadvan_cont h3{font-size: 20px; line-height: 36px;}
 .gbadvan_cont h3 strong{font-size: 36px; margin-right: 15px;}
 .gbadvan_cont span{margin: 15px 0;}
 .gbadvan_cont p{font-size: 14px; line-height: 24px;}
 .gbadvan_cont a{width: 150px; line-height: 40px; font-size: 14px; margin-top: 15px;}
 .gbadvan_img{width: 100%; margin-top: 20px;}

 .gaiban-about{padding: 40px 0;}
 .gaiban-about .flex{display: block;}
 .gbabout_cont{width: 100%;}
 .gbabout_tit{font-size: 36px;}
 .gbabout_desc{font-size: 20px; margin: 15px 0;}
 .gbabout_con{font-size: 14px; line-height: 24px;}
 .gbabout_link{width: 150px; line-height: 40px; font-size: 14px; margin-top: 15px;}
 .gbabout_img{width: 100%; margin: 20px 0;}
 .about_iprev{left: 20px;}
 .about_inext{right: 20px;}
 .gbabout_para{width: 100%;}
 
 .gbnews_ban{padding: 40px 0 40px 120px;}
 .gbnews_ban:before{right: calc(100% - 100px);}
 .gbnews_tcon{width: 100px;}
 .gbnewsitem a{padding: 15px;}
 .gbnewsitem span{font-size: 15px; margin-top: 15px;}
 .gbnewsitem h3{font-size: 16px; margin: 10px 0;}
 .gbnewsitem p{font-size: 14px; line-height: 24px;}
 .gbnews_en{font-size: 36px; margin: 50px 0 15px;}
 .gbnews_tit{font-size: 20px;}
 .swiper-num{bottom: 50px;}
 .swiper-num span.fg{margin: 0 10px;}
 .news_iprev, .news_inext{bottom: 100px;}
 .news_iprev{left: 0;}
 .news_inext{left: 30px;}
}


.footer-gaiban{width: 100%; background: url(../image/footer_gbbg.jpg) no-repeat center; background-size: cover;}
.footer_gbtop{width: 100%; padding: 80px 0 70px;}
.gbfootnav{width: 18%; float: left;}
.gbfootnav h3{font-size: 24px; color: #fff; line-height: 1; font-weight: bold; margin-bottom: 40px;}
.gbfootnav p{font-size: 16px; color: rgba(255,255,255,.7); line-height: 1; margin-bottom: 30px;}
.gbfootnav p:hover{color: #fff;}
.gbfootnav p:last-child{margin-bottom: 0;}
.gbfootcont{width: 32%; float: left;}
.gbfootcont h3{font-size: 24px; color: #fff; line-height: 1; font-weight: bold; margin-bottom: 40px;}
.gbfootcont .gbcont h4{font-size: 18px; color: #fff; line-height: 1; margin-bottom: 15px;}
.gbfootcont .gbcont p{font-size: 16px; color: rgba(255,255,255,.7); line-height: 24px; margin-bottom: 25px;}
.gbfootcont .gbcont p:hover{color: #fff;}
.gbfootcont .gbcont p:last-child{margin-bottom: 0;}
.gbfootcode{max-width: 11%; float: right; margin-right: 3%; margin-top: 30px;}
.gbfootcode img{display: block; max-width: 100%; display: none;}
.gbfootcode img:first-child{display: block;}
.gbfootcode p{font-size: 16px; color: rgba(255,255,255,.7); line-height: 1; text-align: center; margin-top: 18px;}
.gbfootcode p a:first-child{margin-right: 12px; position: relative;}
.gbfootcode p a:first-child:after{content: ""; width: 2px; height: 14px; background: rgba(255,255,255,.7); position: absolute; top: 50%; right: -7px; transform: translateY(-50%);}
.gbfootcode p a.on{color: #fff;}
.footer_gbbot{width: 100%; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.2);}
.footer_gbbot .container{position: relative;}
.gbother{max-width: 88%; font-size: 16px; color: #fff; line-height: 24px;}
.gbbacktop{padding-right: 50px; font-size: 14px; color: #fff; line-height: 40px; background: url(../image/gbbacktop.png) no-repeat right center; background-size: 40px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1000; cursor: pointer;} 


@media (max-width: 1500px){
	.footer_gbtop{padding: 60px 0;}
	.gbfootnav{width: 16%;}
	.gbfootnav h3, .gbfootcont h3{font-size: 20px; margin-bottom: 30px;}
	.gbfootnav p{margin-bottom: 20px;}
	.gbfootcont .gbcont h4{margin-bottom: 12px;}
	.gbfootcont .gbcont p{margin-bottom: 20px;}
	.gbfootcode{max-width: 12%; margin-right: 0; margin-top: 20px;}
}

@media (max-width: 1200px){
	.footer_gbtop{padding: 50px 0;}
	.gbfootnav{width: 16%;}
	.gbfootnav h3, .gbfootcont h3{font-size: 18px; margin-bottom: 20px;}
	.gbfootnav p{font-size: 15px; margin-bottom: 15px;}
	.gbfootcont .gbcont h4{font-size: 16px; margin-bottom: 10px;}
	.gbfootcont .gbcont p{font-size: 15px; margin-bottom: 15px;}
	.gbfootcode{max-width: 16%; margin-right: 0; margin-top: 0;}
	.gbfootcode p{font-size: 15px; margin-top: 15px;}
	.gbother{font-size: 15px;}
}

@media (max-width: 767px){
	.footer_gbtop{padding: 40px 0 30px;}
	.gbfootnav{width: 33.33%; margin-bottom: 25px;}
	.gbfootnav h3, .gbfootcont h3{font-size: 16px; margin-bottom: 15px;}
	.gbfootnav p{font-size: 14px; margin-bottom: 10px;}
	.gbfootcont{width: 65%;}
	.gbfootcont .gbcont h4{font-size: 15px; margin-bottom: 8px;}
	.gbfootcont .gbcont p{font-size: 14px; margin-bottom: 10px;}
	.gbfootcode{max-width: 35%;}
	.gbfootcode p{font-size: 14px; margin-top: 15px;}
	.footer_gbbot{padding: 15px 0;}
	.gbother{max-width: 100%; font-size: 14px;}
	.gbbacktop{display: none;}
}


.header_top{width: 100%; height: 36px; background: url(../image/header_topbg.png) no-repeat center; background-size: cover; background: #3e62ad;}
.header_welcome{float: left; font-size: 14px; color: #fff; line-height: 36px;}
.header_tbox{float: right; font-size: 14px; color: #fff; line-height: 36px;}
.header_tbox .top_info{float: left;}
.header_tbox span{display: block; width: 1px; height: 14px; background: rgba(255,255,255,.4); float: left; margin: 11px 30px;}
.header_tbox .top_wx{float: left; padding-left: 30px; background: url(../image/top_wx.png) no-repeat left center; position: relative; cursor: pointer;}
.header_tbox .top_wx img{display: block; max-width: 180px; position: absolute; top: 100%; right: 0; z-index: 100; display: none;}
.header_tbox .top_wx:hover img{display: block;}

.header_box{padding-right: 30px;}
.searchbox{width: 30px; height: 100%; position: absolute; top: 0; right: 0;}
.searchbt{width: 30px; height: 30px; background: url(../image/searchbt.png) no-repeat center; cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

@media (max-width: 1500px){
	.header_tbox .top_wx img{max-width: 150px;}
}

@media (max-width: 1200px){
	.header_tbox span{margin: 11px 20px;}
	.ibanner .iban_prev, .ibanner .iban_next{width: 30px;}
	.ibanner .item-mask .borderbox{padding: 25px 8px;}
}

@media (max-width: 992px){
	.header_top{display: none;}
	.header_box{padding-right: 45px;}
	.ibanner{margin-top: 55px;}
}

@media (max-width: 767px){
	.search{width: 90vw;}
	.search input{width: 70%; height: 4rem;}
	.search button{width: 30%; height: 4rem;}
	.ibanner .swiper-iban{display: none;}
	.ibanner .item-mask .borderbox{padding: 20px 0;}
}