@charset "utf-8";
@import url(base.css);
.jh{width: 1200px;margin: 0 auto;box-sizing: border-box;}

/* 头部 */
.header{width: 100%;height: 85px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);box-sizing: border-box;position: fixed;
top: 0;left: 0;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;z-index: 5000;}
.headercon{width: 100%;}
.headerleft{float: left;padding-top: 10px;box-sizing: border-box;}
.headerleft a{display: block;}
.headerleft a img{display: block;width: 65px;height: 65px;}
.headerconter{float: right;}
.headerconter>ul{float: left;margin-right: 80px;}
.headerconter>ul>li{float: left;margin-right: 10px;}
.headerconter>ul>li:last-child{margin-right: 0;}
.headerconter>ul>li>a{display: block;font-size: 16px;color: #fff;padding: 0 15px;box-sizing: border-box;font-weight: bold;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;position: relative;line-height: 85px;}
.headerconter>ul>li>a::before{content: "";width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:10px;
border-style:solid dashed dashed dashed;border-color: transparent transparent #ff0008 transparent;
position: absolute;bottom: 0;left: 50%;margin-left: -10px;display: none;}
.headerlast{float: right;line-height: 85px;}
.headerlast a{display: block;font-size: 16px;color: #fff;font-weight: bold;position: relative;float: left;margin-right: 24px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headerlast a::before{content: "";width: 1px;height: 12px;background: #fff;position: absolute;top: 37px;right: -12px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headerlast span{width: 18px;height: 18px;float: left;display: block;background: url(../images/search.png) center no-repeat;margin-top: 34px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;cursor: pointer;}
.header.headeractive{background: #fff;}
.header.headeractive .headerconter>ul>li>a{color: #000;}
.header.headeractive .headerlast a{color: #000;}
.header.headeractive .headerlast a::before{background: #000;}
.header.headeractive .headerlast span{background: url(../images/searchs.png) center no-repeat;}
.header.headeractives{background: #fff;}
.header.headeractives .headerconter>ul>li>a{color: #000;}
.header.headeractives .headerlast a{color: #000;}
.header.headeractives .headerlast a::before{background: #000;}
.header.headeractives .headerlast span{background: url(../images/searchs.png) center no-repeat;}
.header:hover{background: #fff;}
.header:hover .headerconter>ul>li>a{color: #000;}
.header:hover .headerlast a{color: #000;}
.header:hover .headerlast a::before{background: #000;}
.header:hover .headerlast span{background: url(../images/searchs.png) center no-repeat;}
.header .headerconter>ul>li.active>a{color: #ff0008;}
.header .headerconter>ul>li:hover>a{color: #ff0008;}
.headerconter>ul>li:hover>a::before{display: block;}
.header:hover .headerlast a:hover{color: #ff0008;}
.headerdown{width: 100%;position: absolute;top: 85px;left: 0;background: rgba(204,204,204,0.8);padding: 30px 0;box-sizing: border-box;display: none;z-index: 100;}
.headerdowncon{width: 100%;}
.headerdowncon h4{font-size: 15px;color: #333;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 20px;box-sizing: border-box;}
.headerdowncon ul li{float: left;width: 25%;padding: 0 30px 0 15px;box-sizing: border-box;}
.headerdowncon ul li h6 a{font-size: 16px;color: #333;font-weight: bold;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;display: table;}
.headerdowncon ul li h6 a:hover{text-decoration: underline;color: #ff0008;}
.headerdowncon ul li.headeritem{border-left: 1px solid #ccc;}
.headerdowncon ul li.headeritem:first-child{border-left: 0;}
.headerdowncon ul li.headeritem h5{margin-bottom: 20px;}
.headerdowncon ul li.headeritem h5 a{font-size: 20px;color: #333;font-weight: bold;display: table;padding-bottom: 4px;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.headerdowncon ul li.headeritem .items{font-size: 15px;color: #333;font-weight: bold;line-height: 20px;margin-bottom: 5px;display: table;}
.headerdowncon ul li.headeritem .items:hover{text-decoration: underline;color: #ff0008;}
.sousuo{width: 100%;position: absolute;top: 85px;padding: 30px 0;box-sizing: border-box;background: rgba(204,204,204,0.8);z-index: 100;left: 0;display: none;}
.sousuocon{width: 100%;position: relative;}
.sousuocon input{width: 100%;padding: 0 70px 0 20px;box-sizing: border-box;border: 0;border-bottom: 1px solid #fff;font-size: 18px;color: #333;
outline: none;height: 60px;background: transparent;}
.sousuocon input[type='text']::-webkit-input-placeholder {color: #333;}
.sousuocon input[type='text']:-moz-placeholder { color: #333;}
.sousuocon input[type='text']::-moz-placeholder { color: #333;}
.sousuocon input[type='text']:-ms-input-placeholder {color: #333;}
.sousuocon button{width: 60px;height: 60px;background: url(../images/search.png) center no-repeat;position: absolute;top: 0;right: 0;
border: 0;outline: none;}
/* 手机端导航 */
.headernav{width: 100%;padding: 0 4%;box-sizing: border-box;height: 64px;border-bottom: 1px solid #ccc;box-sizing: border-box;position: fixed;
top: 0;left: 0;z-index: 5000;display: none;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernavleft{float: left;width: 50px;height: 50px;margin-top: 7px;}
.headernavleft a{display: block;}
.headernavleft a img{display: block;max-width: 100%;}
.headernavright{float: right;}
.headertext{float: left;}
.headerlist{float: left;height: 64px;padding-top: 24px;padding-left: 14px;box-sizing: border-box;}
.headerlist span{display: block;width: 24px;height: 2px;background: #fff;margin-bottom: 6px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerlist span:last-child{margin-bottom: 0;}
.headernav.active{background: #fff;}
.headernav.active span{background: #1090d6;}
.headernav.actives{background: #fff;}
.headernav.actives span{background: #1090d6;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 5000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #002B60;}
.mobilebox .close{width: 100%;height: 64px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 22px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #407aab;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;background: #5e83a2;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.mobileseach{width: 80%;margin: 20px auto;position: relative;}
.mobileseach input{width: 100%;height: 38px;background: #F2F2F2;font-size: 17px;color: #333;
outline: none;border: 0;padding: 0 40px 0 15px;box-sizing: border-box;border-radius: 4px;}
.mobileseach button{background: url(../images/searchs.png) center no-repeat;width: 38px;height: 38px;
border: 0;outline: none;display: block;position: absolute;top: 0;right: 0;}
/* banner */
.banner{width: 100%;}
.bannerpc{width: 100%;position: relative;}
.bannerpc video{display: block;width: 100%;margin: 0 auto;outline: none;}
.bannerpctext{width: 100%;position: absolute;top: 0%;left: 0;height: 100%;}
.bannerpctext h4{font-size: 58px;font-weight: bold;color: #fff;}
.bannerpctext p{font-size: 18px;font-weight: bold;margin: 15px 0;letter-spacing: 2px;color: #fff;max-width: 530px;line-height: 28px;}
.bannerpctextcon a{display: inline-block;padding: 10px 20px;box-sizing: border-box;border: 1px solid #fff;border-radius: 4px;z-index: 10;
font-size: 16px;color: #fff;width: 180px;position: relative;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.bannerpctextcon a span{float: left;}
.bannerpctextcon a i{float: right;width: 14px;height: 14px;background: url(../images/more.png) center no-repeat;margin-top: 4px;}
.bannerpctextcon a::before{content: "";width: 0%;height: 100%;background: #ff0008;position: absolute;top: 0;left: 0;border-radius: 2px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;z-index: -1;}
.bannerpctextcon a:hover{border-color: #ff0008;}
.bannerpctextcon a:hover::before{width: 100%;}
.bannermobile{width: 100%;display: none;position: relative;height: 100%;}
.bannermobile img{display: block;max-width: 100%;margin: 0 auto;width: 100%;object-fit: cover;height: 100%;}
.conter{width: 100%;}
.newest{width: 100%;background: #fff;padding: 40px 0;box-sizing: border-box;}
.newestcon{width: 100%;}
.jhtitle{width: 100%;margin-bottom: 30px;}
.jhtitle h4{font-size: 28px;color: #000;font-weight: bold;text-align: center;margin-bottom: 20px;}
.jhtitle i{display: block;width: 60px;height: 2px;background: #1090d6;margin: 0 auto;}
.newestconter{width: 100%;}
.newestleft{float: left;width: 49%;margin-right: 2%;}
.newestleft a{display: block;}
.newestimg{width: 100%;overflow: hidden;}
.newestimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.newestext{width: 100%;}
.newestext p{font-size: 16px;color: #1090d6;font-weight: 700;margin: 10px 0;}
.newestext h5{font-size: 28px;line-height: 38px;color: #222;font-weight: 700;height: 76px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newestleft a:hover .newestimg img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.newestleft a:hover .newestext h5{color: #1090d6;}
.newestright{float: left;width: 49%;}
.newestright ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 24px;}
.newestright ul li:nth-child(2n){margin-right: 0;}
.newestright ul li a{display: block;}
.newestright ul li a .newestimg{height: 170px;}
.newestright ul li a .newestext h5{font-size: 18px;line-height: 28px;height: 56px;}
.newestright ul li:hover .newestimg img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.newestright ul li:hover .newestext h5{color: #1090d6;}
.newested{width: 100%;display: none;}
.newestedcon{width: 100%;}
.newestedcon ul li{width: 100%;}
.newestedcon ul li a{display: block;}
.newestedimg{display: block;width: 100%;}
.newestedimg img{display: block;max-width: 100%;width: 100%;}
.newestedtext{width: 100%;padding: 20px;box-sizing: border-box;}
.newestedtext h5{font-size: 18px;color: #333;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.newestedtext p{font-size: 14px;color: #666;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mores{display: table;padding: 10px 20px;box-sizing: border-box;border: 1px solid #ff0008;border-radius: 4px;z-index: 10;margin: 20px auto 0;
font-size: 16px;color: #ff0008;width: 180px;position: relative;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.mores span{float: left;}
.mores i{float: right;width: 14px;height: 14px;background: url(../images/mores.png) center no-repeat;margin-top: 4px;}
.mores::before{content: "";width: 0%;height: 100%;background: #ff0008;position: absolute;top: 0;left: 0;border-radius: 2px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;z-index: -1;}
.mores:hover{border-color: #ff0008;color: #fff;}
.mores:hover i{background: url(../images/more.png) center no-repeat;}
.mores:hover::before{width: 100%;}
.inproduct{width: 100%;padding: 40px 0;box-sizing: border-box;background: #f0f2f1;}
.inproductcon{width: 100%;}
.inproductlist{width: 100%;}
.inproductlist ul li{float: left;width: 32%;margin-right: 2%;}
.inproductlist ul li:last-child{margin-right: 0;}
.inproup{width: 100%;overflow: hidden;position: relative;}
.inproup a{display: block;}
.inproup a .inimgs{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.inprotext{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 58, 143, 0.5);}
.inprotextcon{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.inprotextcon i{display: block;margin: 0 auto 10px;width: 120px;height: 90px;}
.inprotextcon i img{display: block;max-width: 100%;margin: 0 auto;}
.inprotextcon h5{font-size: 28px;color: #fff;text-align: center;font-weight: 700;}
.inproup:hover a .inimgs{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.inprobut{width: 100%;padding: 25px 15px;box-sizing: border-box;background: #fff;}
.inprobut>.initems{display: block;font-size: 16px;color: #333;font-weight: 700;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/jtes.png) left 5px no-repeat;margin-bottom: 10px;
padding-left: 16px;box-sizing: border-box;}
.inprobut>.initems:hover{color: #1090d6;}
.inprobut .inmore{font-size: 16px;font-weight: 700;display: table;margin: 20px auto 0px;color: #1090d6;}
.inprobut .inmore:hover{text-decoration: underline;}
.inexplore{width: 100%;padding: 40px 0;box-sizing: border-box;background: #fff;}
.inexplorecon{width: 100%;}
.inexplist{width: 100%;}
.inexplist ul{position: relative;}
.inexplist ul li a{display: block;overflow: hidden;}
.inexplist ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.inextext{position: absolute;top: 0;left: 0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;width: 100%;height: 100%;}
.inextextcon{width: 100%;padding: 0 25px 35px;box-sizing: border-box;position: absolute;left:0;bottom: 0;}
.inextextcon span{display: inline-block;padding: 5px 10px;box-sizing: border-box;background-color: #1090d6;font-size: 15px;color: #fff;}
.inextextcon h5{font-size: 32px;color: #fff;font-weight: 700;margin-top: 10px;}
.inextextcon p{font-size: 18px;color: #fff;font-weight: 700;margin-top: 5px;}
.inexplist ul li:hover a img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.inexplist ul li:hover .inextext{background: rgba(0, 58, 143, 0.6);}
.blueprint{width: 100%;position: relative;}
.blueprint img{display: block;max-width: 100%;margin: 0 auto;}
.blueprotext{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0 4%;box-sizing: border-box;}
.blueprotext h5{font-size: 18px;color: #fff;font-weight: 700;text-align: center;}
.blueprotext h4{font-size: 48px;color: #fff;font-weight: 700;text-align: center;margin: 20px 0 30px;}
.blueprotext a{display: block;padding: 10px 20px;box-sizing: border-box;border: 1px solid #fff;border-radius: 4px;z-index: 10;margin: 0 auto;
font-size: 16px;color: #fff;width: 180px;position: relative;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.blueprotext a span{float: left;}
.blueprotext a i{float: right;width: 14px;height: 14px;background: url(../images/more.png) center no-repeat;margin-top: 4px;}
.blueprotext a::before{content: "";width: 0%;height: 100%;background: #ff0008;position: absolute;top: 0;left: 0;border-radius: 2px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;z-index: -1;}
.blueprotext a:hover{border-color: #ff0008;}
.blueprotext a:hover::before{width: 100%;}
.footer{width: 100%;background: #fff;padding: 50px 0 30px 0;box-sizing: border-box;}
.footerup{width: 100%;margin-bottom: 30px;}
.footerleft{float: left;width: 70%;padding: 0 15px;box-sizing: border-box;}
.footerleft ul li{float: left;width: 25%;padding: 0 15px;box-sizing: border-box;}
.footerleft ul li h5{font-size: 18px;color: #333;font-weight: 700;margin-bottom: 16px;}
.footerleft ul li a{display: table;font-size: 14px;color: #333;line-height: 28px;opacity: 0.8;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.footerleft ul li a:hover{opacity: 1;text-decoration: underline;color: #ff0008;}
.footeright{float: right;width: 30%;min-height: 200px;border-left: 1px dashed #ddd;padding: 10px 15px 0 15px;box-sizing: border-box;}
.footup{width: 100%;margin-bottom: 20px;}
.footup i{float: left;width: 20px;height: 20px;background: url(../images/weizhi.png) center no-repeat;margin: 0 14px;}
.footuptext{float: left;}
.footuptext h5{font-size: 13px;color: #333;font-weight: 700;margin-bottom: 5px;}
.footuptext h5 span{position: relative;display: inline-block;margin-right: 20px;}
.footuptext h5 span::before{content: "";width: 1px;height: 10px;background: #fff;position: absolute;top: 4px;right: -10px;}
.footuptext h5 a{color: #333;font-weight: 300;}
.footuptext h5 a:hover{text-decoration: underline;}
.footuptext p{font-size: 13px;color: #333;font-weight: 300;line-height: 18px;}
.footups i{background: url(../images/tall.png) center no-repeat;}
.footerimg{position: relative;padding-top: 10px;box-sizing: border-box;width: 40px;margin-left: 48px;}
.footerimg .wxicon{width: 40px;height: 40px;border-radius: 50%;cursor: pointer;}
.footerewm{position: absolute;top: -114px;left: -34px;display: none;}
.footerewm img{max-width: 120px;display: block;}
.footerimg:hover .footerewm{display: block;}
.footerbut{width: 100%;border-top: 1px solid #ddd;padding-top: 20px;box-sizing: border-box;}
.footerbut p{float: left;font-size: 14px;color: #333;}
.footerbut p a{display: inline-block;margin-left: 14px;color: #333;}
.footerbut p a:hover{text-decoration: underline;color: #ff0008;}
.footerbut span{float: right;font-size: 14px;color: #333;}
.footerbut span a{color: #333;}
.footerbut span a:hover{text-decoration: underline;color: #ff0008;}
.backup{width: 50px;height: 50px;position: fixed;bottom: 8%;right: 40px;background: url(../images/up.png) center no-repeat;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 4px;display: none;z-index: 2500;}
.banners{width: 100%;position: relative;}
.banners img{display: block;max-width: 100%;width: 100%;margin: 0 auto;}
.bacon{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.baconter{width: 100%;}
.baconter h4{font-size: 48px;color: #fff;font-weight: 700;}
.aboutup{width: 100%;padding: 40px 0;box-sizing: border-box;}
.aboutupcon{max-width: 880px;margin: 0 auto;}
.aboutitle{width: 100%;font-size: 28px;color: #000;font-weight: 700;text-align: center;margin-bottom: 50px;}
.aboutext{width: 100%;}
.aboutext p{margin-bottom: 30px;font-size: 16px;color: #333;line-height: 28px;}
.aboutext p img{display: block;max-width: 100%;margin: 0 auto;}
.aboutext p video{display: block;max-width: 100%;width: 100%;outline: none;}
.aboutext p:last-child{margin-bottom: 0;}
.aboutcon{width: 100%;height: 715px;}
.aboutconter{width: 100%;padding-top: 65px;box-sizing: border-box;}
.aboutconter .jhtitle{margin-bottom: 0;}
.aboutconter .jhtitle h4{color: #fff;}
.abconter{width: 100%;height: 460px;position: relative;}
.abconter h5{font-size: 18px;color: #24beef;line-height: 38px;text-align: center;font-weight: 600;padding-top: 10px;box-sizing: border-box;}
.abconter ul li{position: absolute;}
.abtext{padding: 20px 30px;border: 2px dotted #25bae8;display: inline-block;width: 276px;height: 186px;border-radius: 4px;
box-sizing: border-box;}
.abtext h4{font-size: 20px;font-weight: 600;text-align: center;margin-bottom: 15px;color: #00c3ff;}
.abtext p{font-size: 14px;font-weight: 600;line-height: 24px;color: #fff;}
.abicon{display: inline-block;padding-left: 30px;background: url(../images/about02_arrow_left.jpg) left center no-repeat;width: 119px;position: absolute;z-index: 2;
top: 50%;transform: translateY(-50%);box-sizing: border-box;}
.abicon img{margin: 0 auto;display: block;max-width: 100%;}
.abconter ul li:nth-child(1){top: 0;left: 30px;}
.abconter ul li:nth-child(1) .abicon{left: 274px;}
.abconter ul li:nth-child(2){top: 0;right: 30px;}
.abconter ul li:nth-child(2) .abicon{left: -117px;background: url(../images/about02_arrow_right.jpg) right center no-repeat;padding-left: 0;padding-right: 30px;}
.abconter ul li:nth-child(3){bottom: 0;left: 30px;}
.abconter ul li:nth-child(3) .abicon{left: 274px;}
.abconter ul li:nth-child(4){bottom: 0;right: 30px;}
.abconter ul li:nth-child(4) .abicon{left: -117px;background: url(../images/about02_arrow_right.jpg) right center no-repeat;padding-left: 0;padding-right: 30px;}
.aboutbut{width: 100%;}
.aboutbutcon{width: 100%;height: 800px;padding: 65px 0 0 0;box-sizing: border-box;}
.aboutbutcon .jhtitle{margin-bottom: 0;}
.aboutbutcon .jhtitle i{background: #898989;}
.ablister{width: 750px;padding-top: 20px;box-sizing: border-box;}
.abfirst{width: 100%;}
.abfirst h4{font-size: 32px;color: #000;font-weight: 600;padding-bottom: 10px;box-sizing: border-box;}
.abfirst i{display: block;width: 100%;background: url(../images/about03_line_1.jpg) left center no-repeat;height: 1px;
margin: 10px 0;}
.abfirst p{font-size: 16px;color: #666;font-weight: 600;padding-top: 10px;line-height: 30px;box-sizing: border-box;}
.abfirst p a{color: #1090d6;}
.abfirst p a:hover{text-decoration: underline;}
.abtwo{width: 100%;padding-top: 50px;box-sizing: border-box;}
.abtwo ul li{float: left;width: 31%;margin-right: 3.5%;}
.abtwo ul li:last-child{margin-right: 0;}
.abtwo ul li i{display: block;width: 100%;background: url(../images/about03_line_1.jpg) left center no-repeat;height: 1px;
margin: 0 0 10px 0;}
.abtwo ul li p{font-size: 16px;color: #666;font-weight: 600;line-height: 30px;}
.abtwo ul li h4{font-size: 16px;color: #000;padding-top: 10px;box-sizing: border-box;font-weight: 500;}
.abtwo ul li h4 span{font-size: 78px;font-weight: 600;vertical-align: -1px;}
.abthree{width: 100%;padding-top: 50px;box-sizing: border-box;}
.abthree i{display: block;width: 100%;background: url(../images/about03_line_1.jpg) left center no-repeat;height: 1px;
margin: 0 0 10px 0;}
.abthree p{font-size: 16px;color: #666;font-weight: 600;line-height: 30px;}
.abthree h4{font-size: 32px;color: #000;padding-top: 10px;box-sizing: border-box;font-weight: 600;max-width: 460px;}
.tishi{font-size: 12px;color: #999;text-align: right;padding-right: 140px;box-sizing: border-box;padding-bottom: 30px;}
.stastyle{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.stastylecon{width: 100%;}
.stastylecon .jhtitle{margin: 65px 0;}
.stalist{width: 100%;}
.stalist>ul>li{width: 100%;padding: 40px 0;box-sizing: border-box;}
.stalist>ul>li:first-child{padding-top: 25px;}
.stalasted{float: left;width: 600px;}
.stalastedcon{width: 100%;}
.stalastedcon ul li{width: 100%;}
.stalastedcon ul li img{display: block;max-width: 100%;margin: 0 auto;width: 100%;}
.stalastdian{width: auto !important;left: auto !important;right: 10px !important;}
.stalastdian .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: rgba(255,255,255,.5);border-radius: 0;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.stalastdian .swiper-pagination-bullet-active{background: #24beef;}
.stalastext{width: 560px;padding: 0 40px;box-sizing: border-box;float: left;position: relative;z-index: 10;}
.stalastext h4{font-size: 28px;line-height: 32px;color: #24beef;border-bottom: 2px solid #24beef;padding: 15px 0;box-sizing: border-box;
font-weight: 600;margin-bottom: 30px;margin-left: -80px;padding-left: 80px;}
.statext{width: 100%;}
.statext p{font-size: 16px;line-height: 32px;color: #333;padding-bottom: 15px;box-sizing: border-box;}
.statext p:last-child{padding-bottom: 0;}
.stalist>ul>li:nth-child(2n) .stalasted{float: right;}
.stalist>ul>li:nth-child(2n) .stalastext{float: left;}
.stalist>ul>li:nth-child(2n) .stalastext h4{margin-right: -130px;margin-left: 0;padding-right: 80px;padding-left: 0;}
.statexted{width: 100%;}
.statexted p{font-size: 14px;color: #333;font-weight: 400;line-height: 22px;position: relative;padding-left: 20px;box-sizing: border-box;margin-bottom: 10px;}
.statexted p::before{content: "";width: 7px;height: 7px;background: #24beef;border-radius: 50%;position: absolute;top: 8px;left: 0;}
.statexted p:last-child{margin-bottom: 0;}
.honor{width: 100%;padding: 65px 0;box-sizing: border-box;background: #fff;}
.honorcon{width: 100%;}
.honorcon .jhtitle{margin-bottom: 0;}
.honortab{width: 100%;padding: 40px 0;box-sizing: border-box;}
.honortab ul{display: table;margin: 0 auto;}
.honlist{display: none;}
.honlist:first-child{display: block;}
.honortab ul li{float: left;width: 158px;height: 44px;line-height: 44px;background: #9e9e9e;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;margin-right: 20px;}
.honortab ul li:last-child{margin-right: 0;}
.honortab ul li a{display: block;font-size: 16px;text-align: center;color: #fff;font-weight: 700;}
.honortab ul li.active{background: #1ebaec;}
.honortab ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.35);}
.honorconter{width: 100%;border-top: 2px solid #24beef;box-sizing: border-box;}
.honorconter ul li{width: 100%;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.honorup{width: 100%;height: 70px;}
.honorup h4{font-size: 20px;color: #333;font-weight: 500;cursor: pointer;position: relative;padding: 0 90px 0 35px;box-sizing: border-box;
line-height: 70px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honorup h4 i{display: block;width: 30px;height: 16px;background: url(../images/honor_i_1.png) center no-repeat;
position: absolute;top: 27px;right: 30px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.honorbut{width: 100%;background: #f8f8f8;padding: 50px 0;box-sizing: border-box;display: none;}
.honorbut img{display: block;max-width: 100%;margin: 0 auto 15px;}
.honorbut p{font-size: 16px;color: #333;font-weight: 400;line-height: 36px;text-align: center;}
.honorconter ul li .honorup.on  h4{color: #27b0e0;}
.honorconter ul li .honorup.on  i{background: url(../images/honor_i_2.png) center no-repeat;transform: rotate(180deg);}
.baconter h5{font-size: 22px;color: #fff;font-weight: 700;margin-bottom: 10px;}
.product{width: 100%;padding: 65px 0;box-sizing: border-box;background: #fff;}
.productcon{width: 100%;}
.inexplisted .inextextcon h5{font-size: 24px;}
.inexplisted ul li:hover .inextext{background: transparent;}
.proconter{width: 100%;height: 570px;position: relative;}
.procontered{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(69, 125, 179, 0.4);}
.protext{position: absolute;top: 50%;width: 100%;left: 0;transform: translateY(-50%);}
.protext h5{font-size: 38px;color: #fff;font-weight: 700;text-align: center;}
.protext h6{font-size: 22px;color: #fff;font-weight: 700;text-align: center;margin: 20px 0;}
.protext a{display: table;margin: 0 auto;padding: 10px 20px;border: 1px solid #fff;font-size: 16px;font-weight: 700;color: #fff;}
.xgtuijian{width: 100%;padding: 40px 0;box-sizing: border-box;background: #f0f0f0;}
.xgtuijiancon{width: 100%;}
.xgtjlist{width: 100%;}
.xgtjlist ul li{float: left;width: 24%;margin-right: 1.33%;}
.xgtjlist ul li:last-child{margin-right: 0;}
.xgtjlist ul li a{display: block;}
.xgtjimg{width: 100%;}
.xgtjimg img{display: block;max-width: 100%;margin: 0 auto;height: 170px;object-fit: cover;}
.xgtjtext{width: 100%;}
.xgtjtext p{font-size: 14px;color: #666;padding: 15px 0;box-sizing: border-box;}
.xgtjtext h5{font-size: 18px;color: #333;line-height: 26px;display: -webkit-box;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xgtjlist ul li a:hover .xgtjtext h5{color: #1090d6;}
.prolast{width: 100%;padding: 40px 0;box-sizing: border-box;box-sizing: border-box;}
.prolastcon{width: 100%;}
.prolastcon h4{font-size: 24px;color: #333;text-align: center;margin-bottom: 24px;font-weight: 700;}
.prolastcon a{display: table;margin: 0 auto;padding: 10px 50px;background: #1090d6;color: #fff;font-size: 16px;font-weight: 700;
box-shadow: 0 0 2px 2px rgba(193,193,193,0.3);border-radius: 3px;}
.productxq{width: 100%;padding: 65px 0;box-sizing: border-box;background: #eef2f2;}
.productxqcon{width: 100%;padding: 0 10%;box-sizing: border-box;}
.productxqcon p{font-size: 18px;color: #333;line-height: 30px;text-align: center;margin-bottom: 20px;font-weight: 700;}
.productxqcon p img{display: block;max-width: 100%;margin: 0 auto;}
.productxqcon p:last-child{margin-bottom: 0;}
.proxq{width: 100%;padding: 65px 0;box-sizing: border-box;background: #fff;}
.proxqcon{width: 100%;}
.proxqlist{width: 100%;}
.proxqlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;border: 2px solid #1090d6;height: 300px;position: relative;
padding: 30px 10px;box-sizing: border-box;}
.proxqlist ul li:nth-child(3n){margin-right: 0;}
.proxqlist ul li:nth-child(2){border-color: #f3a131;}
.proxqlist ul li:nth-child(3){border-color: #4aaf3d;}
.proxqlist ul li:nth-child(4){border-color: #f5d650;}
.proxqlist ul li:nth-child(5){border-color: #1f7bec;}
.proxqlist ul li:nth-child(6){border-color: #65b1ca;}
.proxqlist ul li b{position: absolute;bottom: -2px;right: -2px;height: 70px;width: 2px;background: #fff;}
.proxqlist ul li h4{font-size: 24px;color: #333;font-weight: 700;text-align: center;}
.proxqlist ul li i{display: block;width: 50px;height: 2px;background: #1090d6;margin: 20px auto;}
.proxqlist ul li p{font-size: 16px;color: #333;text-align: center;padding: 0 20px;box-sizing: border-box;line-height: 20px;}
.prxqconter{width: 100%;background: #1090d6;}
.prxqleft{float: left;width: 50%;position: relative;}
.proxqtext{position: absolute;top: 50%;right: 0;transform: translateY(-50%);min-width: 580px;color: #fff;max-width: 500px;padding-right: 70px;}
.proxqtext h5{font-size: 28px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.proxqtext ul{margin-left: 20px;}
.proxqtext ul li{font-size: 16px;font-weight: 700;color: #fff;line-height: 26px;list-style: disc;}
.prxqleft img{display: block;max-width: 100%;margin: 0 auto;opacity: 0;}
.prxqright{float: left;width: 50%;}
.prxqright img{display: block;max-width: 100%;margin: 0 auto;}
.xgtjlister ul li{width: 32%;margin-right: 2%;background: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
height: 420px;}
.xgtjlister .xgtjimg{position: relative;overflow: hidden;}
.xgtjlister .xgtjimg img{width: 100%;height: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.xgtjlister .xgtjimg h6{position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.3);height: 100%;color: #fff;
font-size: 28px;line-height: 30px;font-weight: 700;text-align: center;padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;
align-items: center;}
.xgtjlister .xgtjtext p{font-size: 16px;margin: 20px 15px 0;color: #333;line-height: 24px;}
.xgtjlister ul li:hover{background: #1090d6;}
.xgtjlister ul li:hover .xgtjimg img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.xgtjlister ul li:hover .xgtjtext p{color: #fff;}
.stalastexts h5{font-size: 16px;color: #333;font-weight: 700;}
.stalastexts h4{color: #1090d6;border-bottom: 1px solid #1090d6;}
.project p{font-size: 16px;color: #333;font-weight: 400;line-height: 26px;}
.ydxq{display: table;padding: 10px 20px;box-sizing: border-box;border: 1px solid #fff;border-radius: 4px;z-index: 10;margin: 20px 0;background: #24beef;
font-size: 16px;color: #fff;width: 180px;position: relative;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.ydxq span{float: left;}
.ydxq i{float: right;width: 14px;height: 14px;background: url(../images/more.png) center no-repeat;margin-top: 4px;}
.ydxq::before{content: "";width: 0%;height: 100%;background: #1090d6;position: absolute;top: 0;left: 0;border-radius: 2px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;z-index: -1;}
.ydxq:hover::before{width: 100%;}
.projectlist{width: 100%;background: #f0f0f0;padding: 40px 0;box-sizing: border-box;}
.projectlistcon{width: 100%;}
.cases ul li{width: 32%;margin-right: 2%;background: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
height: 420px;margin-bottom: 2%;}
.cases ul li:nth-child(3n){margin-right: 0;}
.cases .xgtjimg{position: relative;overflow: hidden;}
.cases .xgtjimg img{width: 100%;height: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.cases .xgtjimg h6{position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.3);height: 100%;color: #fff;
font-size: 28px;line-height: 30px;font-weight: 700;text-align: center;padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;
align-items: center;}
.cases .xgtjtext p{font-size: 16px;margin: 10px 15px 0;color: #333;line-height: 24px;}
.cases ul li:hover{background: #1090d6;}
.cases ul li:hover .xgtjimg img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.cases ul li:hover .xgtjtext p{color: #fff;}
/* 分页 */
.scrpage{width: 100%;padding: 0 10%;box-sizing: border-box;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;}
.scrpage ul .active a{border-color: #1090d6;background: #1090d6;color: #fff;}
.scrpage ul li:hover a{border-color: #1090d6;background: #1090d6;color: #fff;}
.baconters h5{text-align: center;}
.baconters h4{text-align: center;}
.projexq{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;background: #fff;}
.projexqcon{width: 100%;}
.jhtitled{padding: 0 12%;box-sizing: border-box;}
.jhtitled h4{font-size: 18px;}
.projlist{width: 100%;padding: 60px 12%;box-sizing: border-box;border-bottom: 1px solid #e1e0e1;}
.projlisted{padding-top: 0;}
.provideo{width: 100%;}
.provideo video{display: block;max-width: 100%;margin: 0 auto;outline: none;}
.projecon{width: 100%;}
.projecon .protitle{font-size: 28px;margin-bottom: 20px;font-weight: 700;}
.protextconer{width: 100%;}
.protextconer p{font-size: 16px;line-height: 24px;color: #333;font-weight: 500;margin-bottom: 20px;}
.protextconer p img{display: block;max-width: 100%;margin: 0 auto;}
.protextconer p:last-child{margin-bottom: 0;}
.protextconer ul li{position: relative;padding-left: 10px;box-sizing: border-box;margin-bottom: 20px;}
.protextconer ul li::before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #1090d6;position: absolute;top: 10px;left: 0;}
.protextconer ul li p{margin-bottom: 20px;font-size: 16px;color: #333;}
.proxqlistcon ul li{width: 48%;margin-right: 4%;}
.proxqlistcon ul li:nth-child(3n){margin-right: 4%;}
.proxqlistcon ul li:nth-child(2n){margin-right: 0;}
.projelisted ul li{float: left;width: 32%;margin-right: 2%;background: #f0f2f1;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.projelisted ul li:last-child{margin-right: 0;}
.projelisted ul li a{display: block;}
.projecimg{width: 100%;}
.projecimg img{display: block;max-width: 100%;width: 100%;margin: 0 auto;}
.projectext{width: 100%;padding: 20px 10px;box-sizing: border-box;}
.projectext p{font-size: 16px;color: #333;font-weight: 500;text-align: center;height: 42px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.projelisted ul li:hover{background: #1090d6;}
.projelisted ul li:hover .projectext p{color: #fff;}
.projlist:last-child{border-bottom: 0;}
.projectnext{width: 100%;height: 370px;padding-top: 100px;box-sizing: border-box;}
.projectnextcon{width: 100%;}
.projectnextcon h5{font-size: 18px;text-align: center;font-weight: 700;color: #fff;}
.projectnextcon h4{font-size: 48px;text-align: center;margin: 20px auto 10px;font-weight: 700;color: #fff;}
.nexted{display: table;padding: 10px 20px;box-sizing: border-box;border: 1px solid #fff;border-radius: 4px;z-index: 10;margin: 20px auto 0;
font-size: 16px;color: #fff;width: 180px;position: relative;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.nexted span{float: left;}
.nexted i{float: right;width: 14px;height: 14px;background: url(../images/more.png) center no-repeat;margin-top: 4px;}
.nexted::before{content: "";width: 0%;height: 100%;background: #1090d6;position: absolute;top: 0;left: 0;border-radius: 2px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;z-index: -1;}
.nexted:hover{border-color: #1090d6;color: #fff;}
.nexted:hover::before{width: 100%;}
.statextedcon p{padding-left: 0;}
.statextedcon p::before{display: none;}
.welfale{width: 100%;padding: 65px 0 20px 0;box-sizing: border-box;}
.welfalecon{width: 100%;}
.wetext{width: 100%;}
.wetext i{display: block;margin: 0 auto;}
.wetext i img{display: block;margin: 0 auto;}
.wetest{width: 100%;padding-top: 45px;}
.wetest h4{font-size: 48px;color: #000;text-align: center;padding-bottom: 20px;box-sizing: border-box;font-weight: 700;}
.wetest b{display: block;margin: 0 auto;width: 2px;height: 35px;background: #9d9d9d;}
.weted{width: 100%;padding: 10px 0 30px;box-sizing: border-box;}
.weted p{font-size: 28px;line-height: 48px;color: #000;font-weight: 300;text-align: center;}
.weted b{display: block;margin: 20px auto;width: 35px;height: 2px;background: #9d9d9d;}
.weted i{display: block;margin: 10px auto 30px;}
.weted i img{display: block;margin: 0 auto;}
.weted h4{font-size: 28px;line-height: 42px;color: #000;font-weight: 700;text-align: center;}
.weconter{width: 100%;margin-bottom: 60px;}
.weconter ul li{float: left;width: 25%;position: relative;}
.weconter ul li img{display: block;max-width: 100%;width: 100%;margin: 0 auto;}
.wetexted{position: absolute;top: 0;left: 0;background: rgba(0,58,143,.5);width: 100%;height: 100%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 1;}
.wetexted h4{font-size: 128px;color: #fff;position: absolute;top: 50%;left: 0%;transform: translateY(-50%);
font-weight: 300;width: 100%;text-align: center;}
.weteds{position: absolute;top: 0;left: 0;background: rgba(58,183,223,.85);width: 100%;height: 100%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;}
.weteds h4{font-size: 24px;color: #fff;position: absolute;top: 50%;left: 0%;transform: translateY(-50%);
font-weight: 500;width: 100%;text-align: center;line-height: 38px;padding: 0 10px;box-sizing: border-box;}
.weconter ul li:hover .wetexted{opacity: 0;}
.weconter ul li:hover .weteds{opacity: 1;}
.honorcon .jhtitlecons{margin-bottom: 40px;}
.jhtitlecons h4{text-align: left;}
.jhtitlecons i{margin: 0;}
.honorbuted{padding: 40px 20px;}
.honorbuted p{font-size: 14px;color: #666;text-align: left;line-height: 22px;}
.message{background: #f5f5f5;}
.messagecon ul{margin-bottom: 24px;}
.messagecon ul li{float: left;width: 49%;margin-right: 2%;}
.messagecon ul li:last-child{margin-right: 0;}
.messagecon ul li input{width: 100%;height: 50px;padding: 0 20px;box-sizing: border-box;font-size: 18px;
color: #333;outline: none;background: #fff;border: 0;border-radius: 2px;}
.messagecon ul li input[type="text"]::-webkit-input-placeholder {color: #666;}
.messagecon ul li input[type="text"]::-moz-input-placeholder {color: #666;}
.messagecon ul li input[type="text"]::-ms-input-placeholder {color: #666;}
.messagetext{width: 100%;}
.messagetext textarea{width: 100%;height: 100px;border-radius: 2px;padding: 13px 20px;box-sizing: border-box;font-size: 18px;
color: #333;outline: none;background: #fff;border: 0;resize: none;display: block;}
.messagelast{width: 100%;}
.messagelast button{width: 162px;height: 40px;background: #1090d6;border: 0;outline: none;display: block;font-size: 18px;color: #fff;border: 0;
margin-top: 48px;border-radius: 2px;}
.bacontacted h4{text-align: center;font-size: 28px;margin-bottom: 40px;}
.bacontacted h6{font-size: 22px;color: #fff;font-weight: 700;margin-bottom: 15px;text-align: center;}
.bacontacted ul{margin-bottom: 20px;}
.bacontacted ul li{float: left;width: 100%;}
.bacontacted ul li p{font-size: 18px;line-height: 20px;color: #fff;font-weight: 700;text-align: center;margin-bottom: 10px;}
.bacontacted ul li a{display: table;margin: 0 auto;font-size: 14px;color: #fff;font-weight: 700;border-bottom: 1px solid #fff;
padding-bottom: 4px;box-sizing: border-box;}
.contactext{font-size: 18px;line-height: 20px;color: #fff;font-weight: 700;text-align: center;}
.chuanzhen{margin-top: 20px;}
.contactab{width: 100%;margin-bottom: 30px;}
.contactab ul{display: table;margin: 0 auto;}
.contactab ul li{float: left;font-size: 24px;cursor: pointer;color: #333;margin: 0 20px;font-weight: 700;padding-bottom: 5px;box-sizing: border-box;}
.contactab ul li.active{border-bottom: 2px solid #1090d6;color: #1090d6;}
.contactab ul li:hover{border-bottom: 2px solid #1090d6;color: #1090d6;}
.contactconter{width: 100%;}
.contactlist{display: none;width: 100%;}
.contactlist:first-child{display: block;}
.contactlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 35px 20px;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;background: #fff;height: 271px;}
.contactlist ul li:nth-child(3n){margin-right: 0;}
.contactlist ul li h4{font-size: 24px;line-height: 24px;color: #333;margin-bottom: 15px;font-weight: 400;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.contactlist ul li i{display: block;width: 40px;height: 3px;background: #1090d6;margin-bottom: 15px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.contactlist ul li p{display: block;font-size: 16px;line-height: 24px;color: #000;margin-bottom: 10px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.contactlist ul li span{display: block;font-size: 16px;line-height: 24px;color: #000;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.contactlist ul li a{display: table;font-size: 16px;line-height: 24px;color: #1090d6;margin-top: 14px;font-weight: 700;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.contactlist ul li:hover{background: #1090d6;}
.contactlist ul li:hover h4{color: #fff;}
.contactlist ul li:hover i{background: #fff;}
.contactlist ul li:hover p{color: #fff;}
.contactlist ul li:hover span{color: #fff;}
.contactlist ul li:hover a{color: #fff;}
.new{width: 100%;margin-top: 85px;border-top: 1px solid #ccc;box-sizing: border-box;}
.newconter{width: 100%;padding: 55px 0;box-sizing: border-box;}
.newup{width: 100%;}
.newup h4{font-size: 32px;font-weight: 600;color: #000;margin-bottom: 30px;}
.newupcon{width: 100%;}
.newupcon ul li{width: 100%;}
.newupimg{float: left;width: 42%;margin-right: 6%;}
.newupimg a{display: block;}
.newupimg img{display: block;width: 100%;object-fit: cover;}
.newuptext{float: left;width: 52%;}
.newuptext h5{font-size: 32px;color: #3b9def;line-height: 42px;font-weight: 600;}
.newuptext span{font-size: 16px;color: #000;font-weight: 300;display: block;margin: 15px 0;}
.newuptext p{font-size: 16px;color: #000;font-weight: 400;display: block;margin: 0 0 15px 0;line-height: 26px;}
.newuptext a{font-size: 16px;color: #3b9def;font-weight: 400;display: table;line-height: 26px;}
.newdian{width: auto !important;left: inherit !important;right: 0;}
.newdian .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #919191;border-radius: 0;}
.newdian .swiper-pagination-bullet-active{background: #3b9def;}
.newseach{width: 100%;margin-bottom: 40px;}
.newseachcon{width: 100%;background: #e4e3e4;padding: 20px 25px;box-sizing: border-box;}
.newseachcon h6{font-size: 18px;color: #000;margin-bottom: 15px;font-weight: 500;}
.newseachlist{width: 100%;}
.newseachlist select{float: left;width: 320px;height: 50px;background: #fff url(../images/select.png) 95% center no-repeat;margin-right: 10px;
border: 0;padding: 0 15px;font-size: 16px;color: #3b9def;outline: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.newseachlist input{float: left;width: 1034.35px;height: 50px;background: #fff;border: 0;outline: none;margin-right: 10px;
padding: 0 25px;font-size: 16px;color: #3b9def;box-sizing: border-box;}
.newseachlist input[type="text"]::-webkit-input-placeholder {color: #3b9def;}
.newseachlist input[type="text"]::-moz-input-placeholder {color: #3b9def;}
.newseachlist input[type="text"]::-ms-input-placeholder {color: #3b9def;}
.newseachlist button{float: left;width: 105px;height: 50px;background: #3b9def;border: 0;outline: none;
font-size: 16px;color: #fff;box-sizing: border-box;}
.newbutton{width: 100%;padding-bottom: 65px;box-sizing: border-box;}
.newlister{width: 100%;}
.newbutlist{width: 100%;margin-bottom: 40px;}
.newbutlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;background: #fff;}
.newbutlist ul li:nth-child(3n){margin-right: 0;}
.newbutlist ul li a{display: block;border: 1px solid #e0e0e0;padding: 20px;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.newbutimg{width: 100%;height: 200px;overflow: hidden;}
.newbutimg img{display: block;max-width: 100%;width: 100%;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.newbutext{width: 100%;padding: 10px 0;box-sizing: border-box;}
.newbutext span{font-size: 16px;color: #666;margin-bottom: 12px;display: block;}
.newbutext h5{font-size: 18px;color: #666;margin-bottom: 20px;display: block;line-height: 28px;margin-bottom: 12px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.newbutext p{font-size: 16px;color: #333;display: block;height: 84px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.newbutext p::after{content: "";display: inline-block;width: 10px;height: 19px;background: url(../images/list_span.png) center no-repeat;
vertical-align: -6px;}
.newbutlist ul li a:hover{border-color: #3b9def;}
.newbutlist ul li a:hover .newbutimg img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.newbutlist ul li a:hover .newbutext h5{color: #0079de;}
.newxq{width: 100%;padding-top: 60px;box-sizing: border-box;}
.neqxqcon{width: 100%;}
.neqxqup{width: 100%;margin-bottom: 20px;}
.neqxqup a{font-size: 14px;color: #999;float: left;}
.neqxqup span{font-size: 14px;color: #999;float: left;margin: 0 6px;}
.newxqtitle{width: 100%;margin-bottom: 50px;}
.newxqtitle h4{font-size: 38px;line-height: 42px;color: #003a8f;margin-bottom: 10px;font-weight: 500;}
.newxqtitle strong{font-size: 16px;color: #999;}
.newxqconter{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.newxqconter p{font-size: 18px;line-height: 32px;color: #333;margin-bottom: 20px;}
.newxqconter p:last-child{margin-bottom: 0;}
.newxqconter p img{display: block;max-width: 100%;margin: 0 auto;}
.newbuttons{background: #f1f1f1;padding: 55px 0;box-sizing: border-box;}
.newlister .newxqtitles{font-size: 32px;color: #000;font-weight: 600;margin-bottom: 20px;}
.newbuttons .newbutlist{margin-bottom: 0;}
@media screen and (max-width: 1440px) {
	.proxqtext{min-width: 480px;}
}
@media screen and (max-width: 1210px) {
	.jh{width: 100%;padding: 0 4%;}
	.bannerpctext h4{font-size: 50px;}
	.bannerpctext p{font-size: 16px;line-height: 24px;}
	.headerconter>ul{margin-right: 40px;}
	.headerconter>ul>li{margin-right: 6px;}
	.headerconter>ul>li>a{padding: 0 10px;}
	.abtext{padding: 15px 25px;width: 230px;height: inherit;}
	.abtext h4{font-size: 16px;}
	.abtext p{font-size: 14px;line-height: 20px;}
	.abconter ul li:nth-child(1) .abicon{left: 228px;}
	.abconter ul li:nth-child(3) .abicon{left: 228px;}
	.baconter h4{font-size: 32px;}
	.aboutbutcon{background-position: right center !important;}
	.stalasted{width: 50%;}
	.stalastext{width: 50%;}
	.stastylecon .jhtitle{margin: 40px 0;}
	.honorup{padding: 10px 0px 10px 15px;height: auto;box-sizing: border-box;}
	.honorup h4{line-height: 1.5;font-size: 14px;padding: 0 45px 0 0;}
	.honorup h4 i{width: 19px;height: 100%;top: 0;right: 15px;}
	.honorbut p{font-size: 14px;line-height: 26px;}
	.honorbut{padding: 20px;}
	.honortab ul li{width: 110px;height: 40px;line-height: 40px;margin-right: 8px;}
	.honortab ul li a{font-size: 14px;}
	.product{padding: 40px 0;}
	.proconter{height: 470px;}
	.protext h5{font-size: 30px;}
	.protext h6{font-size: 18px;}
	.xgtjimg img{height: 140px;}
	.xgtjtext p{padding: 10px 0;}
	.xgtjtext h5{font-size: 16px;}
	.inexplisted .inextextcon h5{font-size: 16px;}
	.xgtjlister ul li{height: auto;}
	.xgtjlister .xgtjtext p{padding: 0 0 20px 0;}
	.xgtjlister .xgtjimg h6{font-size: 18px;}
	.prxqleft{float: none;width: 100%;}
	.prxqright{float: none;display: none;}
	.prxqleft img{opacity: 1;width: 100%;}
	.proxqtext{min-width: 100%;position: static;padding: 20px;box-sizing: border-box;transform: translate(0);}
	.proxqtext h5{font-size: 20px;margin-bottom: 10px;}
	.productxq,.proxq{padding: 40px 0;}
	.honor{padding: 40px 0;}
	.newxq{padding-top: 40px;}
}
@media screen and (max-width: 1024px) {
	.jhtitle h4{font-size: 18px;}
	.newestconter{display: none;}
	.newested{display: block;}
	.baconter h4{font-size: 22px;}
	.proxqlist ul li{width: 100%;float: none;margin-right: 0;}
	.projlist{padding: 40px 0;}
	.projecon .protitle{font-size: 18px;}
	.projectnextcon h4{font-size: 32px;}
	.wetest{background-size: 100% auto !important;padding-top: 30px;}
	.wetest h4{font-size: 30px;}
	.weted p{font-size: 18px;line-height: 26px;}
	.wetexted h4{font-size: 80px;}
	.weteds h4{font-size: 20px;}
	.newseachlist select{width: 100%;margin-right: 0;margin-bottom: 10px;height: 40px;}
	.newseachlist input{width: calc(100% - 80px)!important;height: 40px;margin-right: 0;}
	.newseachlist button{width: 80px;height: 40px;}
	.newxqtitle{margin-bottom: 40px;}
	.newxqtitle h4{font-size: 20px;line-height: 24px;}
	.newxqconter p{font-size: 14px;line-height: 20px;}
	.newlister .newxqtitles{font-size: 20px;}
	.newbuttons{padding: 40px 0;}
	.newbuttons .newbutlist ul li{float: none;width: 100%;margin-right: 0;}
}
@media screen and (max-width: 998px) {
	.header{display: none;}
	.headernav{display: block;}
	.bannerpc{display: none;}
	.bannermobile{display: block;}
	.bannerpctext h4{font-size: 24px;}
	.bannerpctext p{font-size: 12px;line-height: 24px;max-width: 100%;margin: 12px 0;}
	.bannerpctextcon a,.mores,.blueprotext a{width: 120px;padding: 0 15px;font-size: 12px;height: 36px;line-height: 32px;}
	.bannerpctextcon a i,.mores i,.blueprotext a i{margin-top: 10px;}
	.inproductlist ul li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
	.inproductlist ul li:nth-child(2n){margin-right: 0%;}
	.inprotextcon h5{font-size: 18px;}
	.inextextcon h5{font-size: 20px;}
	.inextextcon p{font-size: 14px;}
	.blueprotext h5{font-size: 16px;}
	.blueprotext h4{font-size: 24px;}
	.footerleft{width: 100%;float: none;border-bottom: 1px dashed #fff;padding-bottom: 20px;box-sizing: border-box;margin-bottom: 20px;}
	.footerleft ul li h5{font-size: 16px;}
	.footeright{float: none;width: 100%;border-left: 0;}
	.abconter{background: transparent !important;height: auto;}
	.abconter ul li{width: 49%;position: relative;left: 0 !important;float: left;margin-right: 2%;margin-top: 50px;}
	.abconter ul li:nth-child(2n){margin-right: 0;}
	.abtext{width: 100%;padding: 40px 14px 14px;}
	.abicon{left: 0 !important;right: 0 !important;background: transparent !important;top: -30px;width: 100%;height: inherit;
	transform: translateY(0);padding: 0 !important;}
	.abicon img{max-width: 60px;margin: 0 auto;}
	.aboutcon{height: auto;}
	.aboutconter{padding: 60px 0 30px 0;}
	.aboutitle{font-size: 18px;margin-bottom: 40px;}
	.aboutext p{font-size: 14px;margin-bottom: 20px;line-height: 20px;}
	.bacon{top: inherit;transform: translateY(0);bottom: 25%;}
	.abfirst h4{font-size: 18px;padding: 0;}
	.abfirst p,.abtwo ul li p,.abthree p{font-size: 16px;padding: 0;line-height: 26px;}
	.abtwo{padding-top: 20px;}
	.abtwo ul li h4{font-size: 16px;}
	.abtwo ul li h4 span{font-size: 30px;}
	.abthree{padding-top: 20px;}
	.abthree h4{font-size: 18px;max-width: 100%;}
	.ablister{width: 100%;}
	.aboutbutcon{height: auto;padding-bottom: 190px;background-size: 100% auto !important;background-position: center bottom !important;}
	.stalist>ul>li{padding: 20px 0;}
	.stalist>ul>li:first-child{padding-top: 20px;}
	.stalasted{float: none;width: 100%;margin-bottom: 10px;}
	.stalastext{float: none;width: 100%;padding: 0;}
	.stalastext h4{margin-left: 0 !important;margin-right: 0 !important;padding-left: 0 !important;padding-right: 0 !important;
	font-size: 18px;border: 0;padding-top: 0;padding-bottom: 10px;margin-bottom: 0;line-height: 24px;}
	.statext p{font-size: 14px;line-height: 22px;padding-bottom: 4px;}
	.stastylecon .jhtitle{margin: 30px 0;}
	.jhtitled{padding: 0;}
	.bacontact{bottom: inherit;transform: translateY(-50%);top: 50%;}
	.bacontacted h4{font-size: 18px;margin-bottom: 20px;}
	.bacontacted h6{font-size: 16px;margin-bottom: 10px;}
	.bacontacted ul{margin-bottom: 10px;}
	.bacontacted ul li p{font-size: 14px;margin-bottom: 6px;}
	.contactext{font-size: 14px;}
	.chuanzhen{margin-top: 10px;}
	.contactab ul li{font-size: 20px;}
	.contactconter{padding: 0 60px;box-sizing: border-box;}
	.contactlist ul li{width: 49%;margin-right: 2%;}
	.contactlist ul li:nth-child(3n){margin-right: 2%;}
	.contactlist ul li:nth-child(2n){margin-right: 0;}
	.new{margin-top: 64px;border-top: 0;}
	.newconter{padding: 20px 0;}
	.newup h4{font-size: 20px;margin-bottom: 20px;}
	.newupimg{float: none;width: 100%;margin-right: 0;}
	.newupimg img{height: auto !important;}
	.newuptext{float: none;width: 100%;padding: 12px 0;}
	.newuptext h5{font-size: 18px;line-height: 22px;}
	.newseachcon{padding: 20px;}
	.newseachcon h6{font-size: 16px;}
	.newseachlist select{font-size: 14px;}
	.newseachlist input{font-size: 14px;}
	.newseachlist button{font-size: 14px;}
	.newbutimg{height: 150px;}
}
@media screen and (max-width: 568px) {
	.inproductlist ul li{float: none;width: 100%;margin-right: 0;}
	.inexplist ul li{position:inherit!important;width: 100% !important;top: 0 !important;left: 0 !important;margin-bottom: 24px;}
	.inextextcon{padding: 0 14px 20px;}
	.inextextcon h5{font-size: 16px;}
	.blueprint img{height: 300px;object-fit: cover;}
	.footer{padding: 20px 0;}
	.footerleft{display: none;}
	.footeright{min-height: auto;}
	.footerimg .wxicon{display: none;}
	.footerewm{display: block;position: static;}
	.footerbut p{float: none;font-size: 12px;}
	.footerbut span{display: none;}
	.banners img{height: 450px;object-fit: cover;}
	.aboutconter{padding-top: 30px;}
	.abtext p{font-size: 12px;}
	.abtext{padding: 40px 10px 10px;}
	.backup{right: 14px;}
	.aboutbutcon{padding-top: 30px;}
	.abtwo ul li p{height: 52px;}
	.tishi{padding: 0 0 30px 0;text-align: center;}
	.stastylecon .jhtitle{margin: 30px 0 10px 0;}
	.stastyle{padding-bottom: 30px;}
	.honortab{padding: 20px 0;}
	.honortab ul li{width: 100px;}
	.proconter{height: 320px;padding: 0 10px;box-sizing: border-box;}
	.protext h5{font-size: 22px;}
	.protext h6{font-size: 16px;}
	.xgtjlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 14px;}
	.xgtjimg img{width: 100%;height: auto;}
	.prolastcon h4{font-size: 18px;}
	.xgtjlister .xgtjtext p{font-size: 16px;}
	.productxqcon{padding: 0 4%;}
	.productxqcon p{font-size: 16px;line-height: 24px;margin-bottom: 14px;}
	.proxqlist ul li h4{font-size: 18px;}
	.proxqlist ul li p{font-size: 14px;}
	.proxqlist ul li{height: auto;}
	.stalastexts h5{font-size: 14px;margin-bottom: 6px;}
	.project p{font-size: 14px;}
	.cases .xgtjimg h6{font-size: 18px;}
	.cases ul li{height: auto;}
	.cases .xgtjtext p{font-size: 14px;}
	.scrpage{padding: 0;}
	.scrpage ul li{margin-right: 6px;}
	.scrpage ul li a{padding: 5px 10px;}
	.projectnext{height: 300px;padding-top: 60px;}
	.projectnextcon h4{font-size: 22px;}
	.projelisted ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.wetest{background-size: 100% auto !important;padding-top: 30px;}
	.wetest h4{font-size: 24px;}
	.weted p{font-size: 16px;line-height: 22px;}
	.wetexted h4{font-size: 60px;}
	.weteds h4{font-size: 16px;}
	.weconter{padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;}
	.weconter ul li{width: 100%;float: none;height: 170px;margin-bottom: 20px;}
	.weconter ul li img{object-fit: cover;height: 100%;}
	.wetexted{padding-top: 20px;box-sizing: border-box;}
	.wetexted h4{font-size: 40px;position: static;transform: translate(0);top: 0;left: 0;}
	.weteds{opacity: 1;height: auto;background: transparent;top: 70px;}
	.weteds h4{position: static;transform: translate(0);}
	.weconter ul li:hover .wetexted{opacity: 1;}
	.weted h4{font-size: 20px;}
	.messagecon ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.messagecon ul li input{height: 40px;font-size: 14px;}
	.messagetext textarea{font-size: 14px;padding: 10px;}
	.bacontacted ul li{width: 100%;float: none;}
	.bacontacted h4{margin-bottom: 10px;}
	.bacontacted ul li p{margin-bottom: 0;}
	.bacontacted h6{margin-bottom: 4px;}
	.bacontact{top: 55%;}
	.contactab ul li{font-size: 18px;}
	.contactconter{padding: 0;}
	.contactlist ul li{width: 100%;float: none;margin-right: 0;}
	.contactlist ul li h4{font-size: 20px;}
	.contactlist ul li p{font-size: 14px;}
	.contactlist ul li span{font-size: 14px;}
	.newuptext span{font-size: 14px;margin: 10px 0;}
	.newuptext p{font-size: 14px;line-height: 18px;}
	.newbutlist ul li{float: none;width: 100%;margin-right: 0;}
	.newbutext span{font-size: 14px;margin-bottom: 8px;}
	.newbutext h5{font-size: 16px;line-height: 22px;margin-bottom: 8px;}
	.newbutext p{font-size: 14px;height: 78px;}
	.newbutton{padding-bottom: 40px;}
	.newxqtitle{margin-bottom: 20px;}
	.newxq{padding-top: 20px;}
}