@charset "utf-8";
@import url(base.css);
/* 头部 */
.header{width: 100%;height: 100px;background: transparent;padding: 0 12.5%;box-sizing: border-box;position: absolute;z-index: 1000;}
.headercon{width: 100%;height: 100px;border-bottom: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.headerleft{float: left;margin-right: 18%;padding-top: 26px;box-sizing: border-box;}
.headerleft a{display: block;}
.headerleft a img{display: block;}
.headernav{float: left;}
.headernav ul li{float: left;margin-right: 50px;position: relative;}
.headernav ul li:last-child{margin-right: 0;}
.headernav ul li>a{display: block;font-size: 16px;color: #fff;font-weight: 400;line-height: 100px;}
.headerdown{position: absolute;top: 100px;left: 50%;background: #fff;border-radius: 0 0 4px 4px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);
width: 150px;margin-left: -75px;display: none;}
.headerdown p a{display: block;text-align: center;font-size: 14px;color: #333;padding: 8px 10px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerdown p a:hover{color: #105FAC;}
.headersearch{float: right;padding-top: 34px;box-sizing: border-box;position: relative;}
.headersearch input{width: 0px;height: 30px;border: 1px solid #fff;padding: 0 30px 0 10px;box-sizing: border-box;font-size: 14px;color: #fff;border-radius: 2px;
opacity: 0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: transparent;}
.headersearch input::-webkit-input-placeholder {color:#fff;}
.headersearch input:-moz-placeholder {color:#fff;}
.headersearch input::-moz-placeholder {color:#fff;}
.headersearch input:-ms-input-placeholder {color: #fff;}
.headersearch button{width: 28px;height: 28px;border: 0;outline: none;background: url(../images/search.png) center no-repeat;position: absolute;top: 35px;
right: 1px;}
.headersearch:hover input{width: 180px;opacity: 1;border-color: #fff;}

/* 手机端 */
.nav{width: 100%;height: 60px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;}
.navleft{float: left;height:60px;display:flex;align-items: center;max-width:144px;}
.navleft a{display: block;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;cursor:pointer;}
.navright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #fff;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.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: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.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: 90%;margin: 20px auto;position: relative;}
.mobileseach input{width: 100%;height: 38px;background: #F2F2F2;font-size: 14px;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%;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li a{display: block;width: 100%;}
.bannercon ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.bannertext{position: absolute;top: 50%;left: 12.5%;transform: translateY(-50%);max-width: 800px;}
.bannertext h5{font-size: 32px;color: #fff;font-weight: 400;line-height: 45px;margin-bottom: 15px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.bannertext h4{font-size: 56px;color: #fff;font-weight: 400;line-height: 78px;margin-bottom: 6px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.bannertext p{font-size: 22px;color: #fff;font-weight: 200;line-height: 30px;margin-bottom: 30px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.bannertext span{display: block;font-size: 14px;color: #1C64E4;width: 140px;height: 40px;background: #fff;text-align: center;line-height: 40px;border-radius: 2px;}
.bannerdian{bottom: 30px !important;overflow: hidden !important;}
.bannerdian .swiper-pagination-bullet{width: 14px !important;height: 14px;border-radius: 50% !important;background: #fff !important;opacity: 0.65 !important;
margin: 0 6px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;border: 0;overflow: hidden;}
.bannerdian .swiper-pagination-bullet-active{opacity: 1 !important;width: 64px !important;border-radius: 25px !important;}
.bannercon .bannernext{background: url(../images/right.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;right: 5% !important;border-radius: 50%;}
.bannercon .bannerprev{background: url(../images/left.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;left: 5% !important;border-radius: 50%;}
/* 首页产品中心 */
.inproduct{width: 100%;padding: 100px 0;box-sizing: border-box;}
.inproductitle{width: 100%;padding: 0 12.5%;box-sizing: border-box;margin-bottom: 34px;position: relative;}
.inproductitle::before{content: "";width: 12%;height: 1px;background: #D8D8D8;position: absolute;top: 22%;right: 0%;margin-top: -0.5px;}
.inproductitleleft{float: left;}
.inproductitleleft ul li{float: left;min-width: 130px;height: 62px;border: 1px solid #DDDDDD;box-sizing: border-box;border-right: 0;}
.inproductitleleft ul li:last-child{border-right: 1px solid #DDDDDD;}
.inproductitleleft ul li a{display: block;font-size: 14px;color: #333;text-align: center;line-height: 62px;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.inproductitleleft ul li a::before{content: '';width: 0%;height: 4px;background-color: #105FAC;position: absolute;bottom: -2px;left: 50%;
transform: translateX(-50%);transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.inproductitleleft ul .active a{color: #105FAC;}
.inproductitleleft ul .active a::before{width: 100%;}
.inproductitleleft ul li a:hover{color: #105FAC;}
.inproductitleleft ul li a:hover::before{width: 100%;}
.inproductitleright{float: right;}
.inproductitleright p{font-size: 24px;color: #999;font-weight: 200;line-height: 33px;margin-bottom: 3px;text-transform:uppercase;text-align: right;}
.inproductitleright h5{font-size: 32px;color: #333;font-weight: 400;line-height: 45px;text-align: right;}
.inproductcon{width: 100%;padding-left: 12.5%;box-sizing: border-box;}
.inproductconter{width: 100%;padding: 88px 0 62px 92px;box-sizing: border-box;background: #F4F4F4;}
.inproductconterlist{width: 100%;padding-right: 12.5%;box-sizing: border-box;position: relative;display: none;}
.inproductconterlist:first-child{display: block;}
.inprolist{width: 100%;}
.inprolist ul li{float: left;position: relative;overflow: hidden;}
.inprolist ul li a{display: block;}
.inprolist ul li a>img{display: block;width: 100%;}
.inprolistbut{width: 100%;position: absolute;bottom: 38px;left: 50%;transform: translateX(-50%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.inprolistbut h5{font-size: 18px;color: #fff;font-weight: 400;line-height: 25px;overflow: hidden;margin-bottom: 3px;
text-overflow:ellipsis;white-space: nowrap;text-align: center;}
.inprolistbut p{font-size: 12px;color: #7AA9D6;font-weight: 400;line-height: 17px;overflow: hidden;margin-bottom: 3px;
text-overflow:ellipsis;white-space: nowrap;text-align: center;padding: 0 8px;box-sizing:border-box;}
.inprotext{position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.inprotextbj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.48;
background: linear-gradient(180deg, #105FAC 0%, #239439 100%);
background: -moz-linear-gradient(180deg, #105FAC 0%, #239439 100%);
background: -webkit-gradient(180deg, #105FAC 0%, #239439 100%);
background: -ms-linear-gradient(180deg, #105FAC 0%, #239439 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#105FAC, endColorstr=#239439);}
.inprotextcon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0 20px;box-sizing: border-box;width: 100%;}
.inprotextcon h5{font-size: 16px;color: #fff;font-weight: 400;text-align: center;margin-bottom: 30px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.inprotextcon span{display: block;width: 34px;height: 34px;border-radius: 50%;margin: 0 auto;}
.inprotextcon span img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.inprolist ul li:hover .inprolistbut{bottom: -100px;}
.inprolist ul li:hover .inprotext{bottom: 0;}
.inprolistlast{width: 100%;padding-top: 32px;box-sizing: border-box;}
.inpjianjie{float: left;width: 75%;}
.inpjianjie p{font-size: 14px;color: #666;font-weight: 400;line-height: 26px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inprolistlastright{float: right;}
.innext{background: #105FAC url(../images/inleft.png) center no-repeat !important;width: 50px;height: 50px;
z-index: 100;cursor: pointer;border-radius: 0%;float: left;margin-right: 1px;}
.inprev{background: #105FAC url(../images/inright.png) center no-repeat !important;width: 50px;height: 50px;
z-index: 100;cursor: pointer;border-radius: 0%;float: left;}
/* 首页经典案例 */
.incase{width: 100%;padding: 66px 0 80px 0;box-sizing: border-box;background-color: #EDEDED;}
.incasetitle{width: 100%;padding: 0 12.5%;box-sizing: border-box;position: relative;margin-bottom: 34px;}
.incasetitle::before{content: "";width: 12%;height: 1px;background: #D8D8D8;position: absolute;top: 21%;left: 0%;margin-top: -0.5px;}
.incasetitleleft{float: left;}
.incasetitleleft p{font-size: 24px;color: #999;font-weight: 200;line-height: 33px;margin-bottom: 3px;text-transform:uppercase;text-align: left;}
.incasetitleleft h5{font-size: 32px;color: #333;font-weight: 400;line-height: 45px;text-align: left;}
.incasetitleright{float: right;padding-top: 30px;box-sizing: border-box;}
.incasetitleright a{display: block;width: 120px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #fff;border-radius: 18px;
background-color: #105FAC;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incasetitleright a:hover{box-shadow: 0 5px 10px rgba(16,95,172,0.5);}
.incaselist{width: 100%;padding: 0 12.5%;box-sizing: border-box;}
.incaselist ul{float: left;width: 60.6%;margin-right: 2%;}
.incaselist ul li{float: left;position: relative;overflow: hidden;}
.incaselist ul li a{display: block;width: 100%;overflow: hidden;}
.incaselist ul li a img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incasetext{min-width: 262px;max-width: 262px;height: 94px;background: rgba(16,95,172,0.65);position: absolute;top: 30px;left: 0;padding: 19px 34px;box-sizing: border-box;}
.incasetext h5{font-size: 24px;color: #fff;font-weight: 400;line-height: 33px;margin-bottom: 2px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.incasetext p{font-size: 14px;color: #fff;font-weight: 300;line-height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.incaselist ul li:nth-child(1){width: 100%;margin-bottom: 3%;}
.incaselist ul li:nth-child(2){width: 48.5%;margin-right: 3%;}
.incaselist ul li:nth-child(3){width: 48.5%;}
.incaselist ul li:hover a img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.incaseright{float: right;width: 37.4%;position: relative;overflow: hidden;}
.incaseright a{display: block;overflow: hidden;}
.incaseright a img{width: 100%;display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incaseright:hover a img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
/* 首页关于我们 */ 
.inabout{width: 100%;background: #F3F3F3;}
.inaboutleft{float: left;width: 55%;padding-left: 12.5%;box-sizing: border-box;padding-right: 8%;}
.inaboutleftcon{width: 100%;}
.inaboutleftcon h4{font-size: 70px;color: #E9E9E9;font-weight: 400;line-height: 60px;text-transform:uppercase;}
.inaboutleftcon h5{font-size: 34px;color: #333;font-weight: 400;line-height: 34px;margin-bottom: 30px;}
.inaboutconter{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.inaboutconter h6{font-size: 30px;color: #333;font-weight: 400;line-height: 42px;margin-bottom: 12px;}
.inaboutconter p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;}
.inaboutbut{width: 100%;}
.inaboutbut ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 40px;}
.inaboutbut ul li:nth-child(2n){margin-right: 0;}
.inaboutbut ul li i{float: left;display: block;width: 60px;height: 60px;border-radius: 50%;margin-right: 16px;}
.inaboutbut ul li i img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.inaboutbutright{float: left;padding-top: 2px;box-sizing: border-box;width: 70%;}
.inaboutbutright p{font-size: 16px;color: #105FAC;line-height: 32px;}
.inaboutbutright p strong{font-size: 33px;font-weight: 400;color: #105FAC;}
.inaboutbutright span{display: block;font-size: 12px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.inaboutright{float: right;width: 45%;}
.inaboutright img{display: block;}
/* 首页公司新闻 */
.innew{width: 100%;background: #fff;padding: 80px 0;box-sizing: border-box;}
.innewlist{width: 100%;padding: 0 12.5%;box-sizing: border-box;}
.innewlist ul li{float: left;overflow: hidden;position: relative;}
.innewlist ul li a{display: block;width: 100%;height: 100%;}
.innewlist ul li a img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;height: 100%;object-fit: cover;}
.innewlist ul li:nth-child(1){width: 65.6%;margin-right: 2.8%;margin-bottom: 2%;}
.innewlist ul li:nth-child(2){width: 31.6%;margin-bottom: 2%;}
.innewlist ul li:nth-child(3){width: 31.6%;margin-right: 2.6%;}
.innewlist ul li:nth-child(4){width: 31.6%;margin-right: 2.6%;}
.innewlist ul li:nth-child(5){width: 31.6%;}
.innewfirst{position: absolute;width: 100%;bottom: 18px;left: 0;padding: 0 25px;box-sizing: border-box;}
.innewfirst h5{font-size: 26px;color: #fff;font-weight: 500;line-height: 30px;margin-bottom: 10px;}
.innewfirst p{font-size: 16px;color: #fff;font-weight: 500;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewimg{width: 100%;overflow: hidden;height:247px;}
.innewimg img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;height:100%;object-fit:cover;}
.innewtext{width: 100%;background: #F6F6F6;padding: 20px 25px;box-sizing: border-box;}
.innewtext span{display: block;font-size: 14px;color: #999;font-weight: 400;line-height: 20px;margin-bottom: 7px;}
.innewtext h5{font-size: 18px;color: #333;font-weight: 500;line-height: 24px;overflow: hidden;margin-bottom: 8px;
text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.innewtext p{font-size: 14px;color: #999;font-weight: 400;line-height: 22px;margin-bottom: 14px;min-height: 42px;max-height: 42px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewtext strong{display: block;width: 120px;height: 36px;border-radius: 18px;border: 1px solid #ddd;text-align: center;line-height: 36px;font-weight: 400;
font-size: 14px;color: #999;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.innewlist ul li:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.innewlist ul li:hover .innewtext h5{color: #105FAC;}
.innewlist ul li:hover .innewtext strong{background: #105FAC;border-color: #105FAC;color: #fff;}
/* 首页企业文化 */
.inqiye{width: 100%;padding: 64px 12.5%;box-sizing: border-box;
background: linear-gradient(90deg, #105FAC 0%, #229539 100%);
background: -moz-linear-gradient(90deg, #105FAC 0%, #229539 100%);
background: -webkit-gradient(90deg, #105FAC 0%, #229539 100%);
background: -ms-linear-gradient(90deg, #105FAC 0%, #229539 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#105FAC, endColorstr=#229539);}
.inqiye a{display: block;}
.inqiyeleft{float: left;width: 62%;}
.inqiyeleft h5{font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;margin-bottom: 5px;}
.inqiyeleft h4{font-size: 28px;color: #fff;font-weight: 400;line-height: 46px;}
.inqiyeright{float: right;padding-top: 40px;box-sizing: border-box;padding-right: 10px;}
.inqiyeright i{display: block;width: 14px;height: 26px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.inqiyeright i img{display: block;width: 100%;height: 100%;}
.inqiye a:hover i{margin-right: 5px;}
/* footer */
.footer{width: 100%;padding: 60px 12.5% 0 12.5%;box-sizing: border-box;background: #3C3C3C;min-height: 300px;}
.footerup{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.footerupleft{float: left;width: 74%;}
.footerupleft ul li{float: left;margin-right: 8.6%;}
.footerupleft ul li h5{font-size: 18px;color: #fff;font-weight: 400;line-height: 25px;margin-bottom: 15px;}
.footerupleft ul li a{display: table;font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;margin-bottom: 10px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0.8;}
.footerupleft ul li a:last-child{margin-bottom: 0;}
.footerupleft ul li a:hover{opacity: 1;}
.footerupright{float: right;width: 25%;}
.footertall{width: 100%;margin-bottom: 15px;}
.footertall p{font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;}
.footertall h5{font-size: 26px;color: #fff;font-weight: 500;line-height: 36px;}
.footertext{width: 100%;}
.footertext h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 4px;}
.footertext p{font-size: 14px;color: #fff;font-weight: 400;line-height: 25px;}
.footerbut{width: 100%;border-top: 1px solid #6A6A6A;padding: 30px 0;box-sizing: border-box;}
.footerbutleft{float: left;}
.footerbutleft p{font-size: 16px;color: #C0C0C0;font-weight: 400;line-height: 22px;}
.footerbutleft p a{color: #C0C0C0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbutleft p a:hover{color: #fff;}
.footerbutright{float: right;}
.footerbutright a{font-size: 16px;color: #C0C0C0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbutright a:hover{color: #fff;}
.backup{width: 60px;height: 40px;position: fixed;bottom: 8%;right: 60px;background: #ccc;cursor: pointer;font-size: 16px;text-align: center;line-height: 40px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: none;border-radius: 4px;display: none;z-index: 1000;}
.backup:hover{background: #105FAC;color: #fff;}
/* 新闻动态 */
.zrtbanner{width: 100%;position: relative;}
.zrtbanner img{display: block;margin: 0 auto;width: 100%;}
.zrtbannertext{max-width: 800px;position: absolute;top: 50%;left: 12.5%;transform: translateY(-50%);}
.zrtbannertext h5{font-size: 32px;color: #fff;font-weight: 400;line-height: 45px;margin-bottom: 15px;}
.zrtbannertext h4{font-size: 56px;color: #fff;font-weight: 500;line-height: 78px;margin-bottom: 6px;}
.zrtbannertext p{font-size: 22px;color: #fff;font-weight: 400;line-height: 30px;}
.zrtnav{width: 100%;position: absolute;bottom: 0;}
.zrtnav ul li{height: 60px;background: rgba(255,255,255,0.7);border-right: 1px solid #fff;box-sizing: border-box;}
.zrtnav ul li:last-child{border-right: 0;}
.zrtnav ul li a{display: block;font-size: 16px;color: #333;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
line-height: 60px;text-align: center;position: relative;}
.zrtnav ul li a::before{content: '';width: 0%;height: 2px;background: #105FAC;position: absolute;top: 0;left: 50%;transform: translateX(-50%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.zrtnav ul .active a{color: #105FAC;}
.zrtnav ul .active a::before{width: 100%;}
.zrtnav ul li a:hover{color: #105FAC;}
.zrtnav ul li a:hover::before{width: 100%;}
.newlist{width: 100%;padding: 65px 12.5%;box-sizing: border-box;}
.newlistcon{width: 100%;}
.newlistcon ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.newlistcon ul li:nth-child(3n){margin-right: 0;}
.newlistcon ul li a{display: block;}
.newlistcon ul li:hover .innewimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.newlistcon ul li:hover .innewtext h5{color: #105FAC;}
.newlistcon ul li:hover .innewtext strong{background: #105FAC;border-color: #105FAC;color: #fff;}
.saspages{width: 100%;margin-top: 20px;}
.saspages ul{display: table;margin: 0 auto;}
.saspages ul li{float: left;margin-right: 10px;}
.saspages ul li:last-child{margin-right: 0;}
.saspages 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;}
.saspages ul .active a{border-color: #105FAC;background: #105FAC;color: #fff;}
.saspages ul li:hover a{border-color: #105FAC;background: #105FAC;color: #fff;}
/* 新闻动态详情 */
.newlisted{padding: 65px 18.7%;}
.newxqleft{float: left;width: 70%;margin-right: 5.5%;}
.newxqtitle{width: 100%;padding-bottom: 18px;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;}
.newxqtitle h4{font-size: 40px;color: #333;font-weight: 500;line-height: 55px;margin-bottom: 8px;}
.newxqtitle p{font-size: 14px;color: #C1C1C1;font-weight: 400;line-height: 20px;}
.newxqtitle p span{margin-right: 25px;}
.newxqtitle p span strong{font-weight: 400;}
.newxqconter{width: 100%;padding: 28px 0;box-sizing: border-box;}
.newxqconter h4{font-size: 24px;color: #105FAC;font-weight: 500;line-height: 26px;margin-bottom: 15px;}
.newxqconter p{font-size: 16px;color: #666;line-height: 26px;font-weight: 400;margin-bottom: 20px;}
.newxqconter p img{max-width: 100%;display: block;margin: 0 auto;}
.newxqright{float: right;width: 24.5%;}
.newxqright a{display: block;margin-bottom: 15px;}
.newxqright a:last-child{margin-bottom: 0;}
.newxqright a img{display: block;}
.newxqpage{width: 100%;padding-top: 10px;box-sizing: border-box;}
.newxqpage p{display: block;margin-bottom: 10px;}
.newxqpage p:last-child{margin-bottom: 0;}
.newxqpage p a{display: block;font-size: 20px;color: #666;font-weight: 400;line-height: 28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newxqpage p a:hover{color: #105FAC;}
/* 产品中心 */
.productlist{width: 100%;}
.productlist ul li{float: left;width: 23%;margin-right: 2.6%;border: 1px solid #BCBCBC;box-sizing: border-box;margin-bottom: 2.6%;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productlist ul li:nth-child(4n){margin-right: 0;}
.productlist ul li a{display: block;position: relative;}
.productlist ul li a img{display: block;}
.productext{width: 100%;padding: 0 10px;box-sizing: border-box;position: absolute;bottom: 40px;left: 0;}
.productext h5{font-size: 18px;color: #333;font-weight: 400;line-height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;text-align: center;margin-bottom: 5px;}
.productext p{font-size: 12px;color: #666;font-weight: 400;line-height: 17px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.productlist ul li:hover{border-color: #105FAC;}
.productlist ul li:hover .productext h5{color: #105FAC;}
/* 产品中心二级列表 */
.productlisted{width: 100%;}
.productlisted ul li{width: 100%;background: #E6EDF9;margin-bottom: 50px;}
.productlisted ul li a{width: 100%;padding: 50px 102px;box-sizing: border-box;}
.productimg{float: left;width: 45%;overflow: hidden;margin-right: 5%;}
.productimg img{display:block;width: 100%;height: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productedtext{width: 50%;float: left;}
.productedtextcon{width: 100%;}
.productedtextcon h4{font-size: 28px;color: #333;font-weight: 400;line-height: 40px;padding-bottom: 18px;box-sizing: border-box;margin-bottom: 18px;
border-bottom: 1px solid #D8D8D8;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productedtextcon h5{font-size: 22px;color: #666;font-weight: 400;line-height: 30px;}
.productedtextcon h5 strong{font-weight: 400;}
.productedtextcon p{font-size: 16px;color: #666;font-weight: 400;line-height: 28px;padding-top: 20px;box-sizing: border-box;margin-bottom: 45px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.productedtextcon span{display: block;width: 120px;height: 36px;border-radius: 18px;text-align: center;line-height: 36px;
font-size: 14px;color: #fff;background: #105FAC;}
.productlisted ul li:hover .productimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.productlisted ul li:hover .productedtextcon h4{color: #105FAC;}
.productimgs{margin-right: 0;}
.productedtexts{margin-right: 5%;}
/* 产品详情 */
.newxqleftlist{float: none;width: 100%;margin-right: 0;}
/* 经典案例 */
.caselist{width: 100%;}
.casetitle{width: 100%;margin-bottom: 55px;}
.casetitle h4{font-size: 40px;color: #333;font-weight: 500;line-height: 56px;text-align: center;}
.innewtexted h5{font-size: 18px;line-height: 25px;}
.partner{width: 100%;padding: 75px 12.5%;box-sizing: border-box;background: #F4F4F4;}
.partnercon{width: 100%;}
.caseconlist{width: 100%;}
.caseconlist ul li{float: left;width: 18%;margin-right: 2.5%;margin-bottom: 2.5%;background: #fff;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.caseconlist ul li:nth-child(5n){margin-right: 0;}
.caseconlist ul li img{display: block;margin: 0 auto;}
.caseconlist ul li:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
/* 关于我们--公司简介 */
.about{width: 100%;padding: 0 12.5%;box-sizing: border-box;}
.aboutcon{width: 100%;padding: 75px 0 100px 0;box-sizing: border-box;}
.aboutitle{width: 100%;margin-bottom: 30px;}
.aboutitle h4{font-size: 30px;color: #333;font-weight: 500;line-height: 42px;margin-bottom: 30px;}
.aboutitle i{display: block;width: 40px;height: 4px;background: #E5E5E5;}
.aboutconter{width: 100%;margin-bottom: 34px;}
.aboutleft{float: left;width: 67.5%;margin-right: 6%;}
.aboutleft p{font-size: 16px;color: #666;font-weight: 400;line-height: 28px;margin-bottom: 25px;}
.aboutright{float: right;width: 26.5%;}
.aboutright ul li{width: 100%;padding: 30px 0;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;}
.aboutright ul li:first-child{padding-top: 0;}
.aboutright ul li:last-child{border-bottom: 0;}
.aboutright ul li i{width: 60px;height: 60px;border-radius: 50%;display: block;float: left;margin-right: 20px;}
.aboutright ul li i img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.aboutrighted{float: left;width: 70%;}
.aboutrighted h5{font-size: 16px;color: #105FAC;font-weight: 500;line-height: 32px;}
.aboutrighted h5 span{font-size: 40px;color: #105FAC;}
.aboutrighted p{font-size: 12px;color: #666;font-weight: 400;line-height: 17px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.aboutbut{width: 100%;}
.aboutbut h4{font-size: 30px;color: #333;font-weight: 500;line-height: 42px;margin-bottom: 55px;}
.aboutbut ul li{float: left;position: relative;width: 23%;margin-right: 2.6%;}
.aboutbut ul li:last-child{margin-right: 0;}
.aboutbut ul li img{display: block;width: 100%;}
.aboutbut ul li p{display: block;width: 100%;padding: 0 15px;box-sizing: border-box;font-size: 16px;color: #fff;text-align: center;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: 44px;left: 0;font-weight: 500;line-height: 22px;}
/* 关于我们--企业文化 */
.zrtbannertexted p{font-size: 32px;font-weight: 200;}
.business{width: 100%;padding: 155px 0 144px 0;box-sizing: border-box;}
.businesscon{width: 1200px;margin: 0 auto;}
.businesscon h4{font-size: 30px;color: #105FAC;font-weight: 500;line-height: 42px;margin-bottom: 26px;text-align: center;}
.businesscon i{display: block;margin: 0 auto 38px;width: 120px;height: 1px;background: #D8D8D8;border-top: 1px solid #979797;}
.businesscon p{font-size: 18px;color: #666;font-weight: 400;line-height: 34px;text-align: center;}
.businessbut{width: 100%;padding: 145px 0 205px 0;box-sizing: border-box;}
.businessbutcon{width: 1200px;margin: 0 auto;padding: 0 50px;box-sizing: border-box;}
.businessbutcon ul li{float: left;padding: 10px;box-sizing: border-box;width: 22%;margin-right: 4%;}
.businessbutcon ul li:last-child{margin-right: 0;}
.businessimg{display: block;width: 68px;height: 68px;margin: 0 auto 55px;}
.businessimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.businessbutcon ul li h4{font-size: 18px;color: #fff;text-align: center;font-weight: 400;line-height: 25px;margin-bottom: 24px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.businessbutcon ul li p{font-size: 12px;color: #fff;text-align: center;font-weight: 400;line-height: 17px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/* 关于我们 -- 人才招聘 */
.recruit{width: 100%;padding: 0 12.5%;box-sizing: border-box;background: #F4F4F4;}
.recruitcon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.recruitcon ul li{width: 100%;margin-bottom: 25px;}
.recruitup{width: 100%;height: 70px;background: #fff;
padding: 0 40px;box-sizing: border-box;cursor: pointer;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitup p{float: left;font-size: 16px;color: #333;font-weight: 400;line-height: 70px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitup i{float: right;display: block;width: 11px;height: 19px;background: url(../images/zp.png) center no-repeat;margin-top: 27px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitcon ul li:hover .recruitup{background: #105FAC;border-color: #105FAC;}
.recruitcon ul li:hover .recruitup p{color: #fff;}
.recruitcon ul li:hover .recruitup i{background: url(../images/zps.png) center no-repeat;}
.recruitcon ul li .recruitup.active{background: #105FAC;border-color: #105FAC;}
.recruitcon ul li .recruitup.active p{color: #fff;}
.recruitcon ul li .recruitup.active i{background: url(../images/zps.png) center no-repeat;
transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.recruitext{width: 100%;background: #fff;border-top: 1px solid #E8E8E8;padding: 25px 40px;box-sizing: border-box;display: none;}
.recruitext h4{font-size: 14px;color: #333;font-weight: 500;line-height: 20px;margin-bottom: 5px;}
.recruitext p{font-size: 12px;color: #666;font-weight: 400;line-height: 24px;}
/* 关于我们 -- 技术咨询*/
.recruitcons h4{font-size: 40px;color: #333;font-weight: 400;line-height: 56px;margin-bottom: 60px;}
.recruitcons ul li{float: left;width: 48%;margin-right: 4%;background: #fff;height: 70px;padding: 0 24px;box-sizing: border-box;
margin-bottom: 42px;}
.recruitcons ul li:nth-child(2n){margin-right: 0;}
.recruitcons ul li span{float: left;line-height: 70px;font-size: 16px;color: #666;font-weight: 400;}
.recruitcons ul li select{float: right;height: 70px;border: 0;font-size: 16px;color: #333;text-align: right;}
.recruitcons ul li input{float: left;height: 70px;border: 0;outline: none;font-size: 16px;color: #333;width: 60%;}
.recruitcons ul .miaoshu{width: 100%;height: auto;}
.recruitcons ul .miaoshu textarea{float: left;height: 150px;width: 85%;outline: none;resize: none;border: 0;font-size: 16px;color: #333;
padding: 25px 10px 5px 0;box-sizing: border-box;}
.recruitcons ul .conlast{width: 100%;height: auto;background: transparent;padding: 0;}
.recruitcons ul .conlast button{display: block;width: 218px;height: 50px;background: #105FAC;border: 0;outline: none;
font-size: 16px;color: #fff;border-radius: 2px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitcons ul .conlast button:hover{box-shadow: 0 5px 10px rgba(16,95,172,0.5);}
/* 关于我们 -- 联系我们 */
.contactus{width: 100%;}
.contactusnav{width: 100%;padding: 0 15%;box-sizing: border-box;border-bottom: 1px solid #DEDEDE;}
.contactusnav ul li{float: left;padding-top: 60px;box-sizing: border-box;text-align: center;}
.contactusnav ul li a{font-size: 16px;color: #333;font-weight: 400;position: relative;padding-bottom: 28px;box-sizing: border-box;display: table;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin: 0 auto;}
.contactusnav ul li a::before{content: '';width: 0%;height: 4px;background: #105FAC;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactusnav ul .active a{color: #105FAC;}
.contactusnav ul .active a::before{width: 100%;}
.contactusnav ul li a:hover{color: #105FAC;}
.contactusnav ul li a:hover::before{width: 100%;}
.contactuscon{width: 100%;padding-top: 90px;padding-bottom: 60px;box-sizing: border-box;}
.contactuscon ul li{float: left;width: 33.3%;position: relative;}
.contactuscon ul li::before{content: '';width: 1px;height: 108px;background: #DEDEDE;position: absolute;top: 1px;right: 0;}
.contactuscon ul li:last-child::before{display: none;}
.contactusimg{display: block;width: 24px;height: 24px;margin: 0 auto 19px;}
.contactusimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.contactuscon ul li p{font-size: 16px;color: #333;text-align: center;font-weight: 400;line-height: 22px;margin-bottom: 9px;}
.contactuscon ul li .tcontactall{font-size: 20px;color: #DD0E0E;font-weight: 500;line-height: 28px;text-align: center;}
.contactuscon ul li .contactemail{font-size: 16px;color: #333;font-weight: 400;line-height: 22px;text-align: center;}
.contactuscon ul li .contactdizhi{font-size: 16px;color: #666;font-weight: 400;line-height: 22px;text-align: center;max-width: 200px;margin: 0 auto;}
.contactusimgs{width: 100%;}
.contactusimgs img{display: block;margin: 0 auto;}
/* 搜索结果页 */
.searchtitle{width: 100%;margin-bottom: 40px;}
.searchtitle a{font-size: 16px;color: #333;font-weight: 500;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.searchtitle a:hover{color: #105FAC;}
.searchtitle span{font-size: 16px;color: #333;font-weight: 500;}
.searchtitle span strong{font-weight: 500;color: #105FAC;}
.inproductitleleftmobile{display:none;}
@media screen and (max-width: 1650px) {
	.header{padding: 0 10%;}
	.headerleft{margin-right: 15%;}
	.headernav ul li{margin-right: 40px;}
	.bannertext,.zrtbannertext{left: 10%;}
	.inproductitle,.incasetitle,.incaselist,.innewlist,.about,.recruit{padding: 0 10%;}
	.zrtnav{padding:0;}
	.inproductitle::before,.incasetitle::before{width: 9%;}
	.inproductcon,.inaboutleft{padding-left: 10%;}
	.inproductconterlist{padding-right: 10%;}
	.footer{padding-left: 10%;padding-right: 10%;}
	.footerupleft ul li{margin-right: 6%;}
	.inqiye{padding: 64px 10%;}
	.newlist{padding: 65px 10%;}
	.partner{padding: 75px 10%;}
}
@media screen and (max-width: 1450px) {
	.header{padding: 0 8%;}
	.headerleft{margin-right: 12%;}
	.bannertext,.zrtbannertext{left: 8%;}
	.inproductitle,.incasetitle,.incaselist,.innewlist,.about,.recruit{padding: 0 8%;}
	.zrtnav{padding:0;}
	.inproductitle::before,.incasetitle::before{width: 7%;}
	.inproductcon,.inaboutleft{padding-left: 8%;}
	.inproductconterlist{padding-right: 8%;}
	.footer{padding-left: 8%;padding-right: 8%;}
	.footerupleft{width: 70%;}
	.footerupright{width: 30%;}
	.inqiye{padding: 64px 8%;}
	.newlist{padding: 65px 8%;}
	.partner{padding: 75px 8%;}
	.bannertext h4{font-size:42px;line-height:50px;}
	.inproduct{padding:80px 0;}
	.inproductconter{padding:60px 0 60px 60px;}
	.inaboutleftcon h4{font-size:60px;}
	.aboutcon{padding:70px 0;}
	.business{padding:80px 0;}
	.businessbut{padding:80px 0;}
}
@media screen and (max-width: 1366px) {
	.headerleft{margin-right: 6%;}
	.inaboutleft{padding-right: 6%;}
	.inaboutconter{padding-bottom: 40px;}
	.inaboutbut ul li{margin-bottom: 30px;}
	.header{padding:0 6%;}
	.headernav ul li{margin-right:32px;}
	.bannertext h5{font-size:28px;line-height:32px;}
	.bannertext h4{font-size:36px;line-height:40px;}
	.inproduct{padding:60px 0;}
	.inproductconter{padding:40px 0 40px 40px;}
	.inprolistbut{bottom:20px;}
	.inproductcon, .inaboutleft{padding-left:6%;}
	.inproductconterlist{padding-right:6%;}
	.inaboutleftcon h4{font-size:50px;line-height:50px;}
	.incase{padding:60px 0;}
	.innew{padding:60px 0;}
	.footer{padding:60px 6% 0 6%;}
	.inqiye{padding:60px 6%;}
	.inaboutbutright{width: 65%;}
	.productlisted ul li a{padding: 40px 60px;}
	.productedtextcon p{margin-bottom: 25px;}
	.zrtbannertext h5{font-size:28px;line-height:32px;}
	.zrtbannertext  h4{font-size:36px;line-height:40px;}
	.zrtbannertext{left:6%;}
	.newlist{padding:60px 6%;}
	.newxqtitle h4{font-size:32px;line-height: 1.5;}
	.productext{bottom:24px;}
	.casetitle{margin-bottom:40px;}
	.casetitle h4{font-size:32px;line-height:1.5;}
	.partner{padding:60px 6%;}
	.aboutcon{padding:60px 0;}
	.aboutbut ul li p{bottom:30px;}
	.business{padding:60px 0;}
	.businessbut{padding:60px 0;}
	.recruitcon{padding:60px 0;}
    .recruitcons h4{font-size:32px;line-height: 1.5;margin-bottom:30px;}
    .contactuscon{padding-top:60px;}
}
@media screen and (max-width: 1210px) {
    .header{padding:0 4%;}
    .inproductitle, .incasetitle, .incaselist, .innewlist, .about, .recruit{padding:0 4%;}
    .headerleft{margin-right:4%;}
	.headernav ul li{margin-right:20px;}
	.headersearch:hover input{width:140px;}
	.inproduct{padding:40px 0;}
	.inproductitle::before, .incasetitle::before{display:none;}
	.inproductitleright p{font-size:20px;margin-bottom:0;}
	.inproductitleright h5{font-size:26px;line-height:32px;}
	.inproductitleleft ul li{max-width:120px;height:40px;line-height:40px;}
	.inproductitleleft ul li a{line-height:38px;}
	.inproductitle{margin-bottom:24px;}
	.inproductcon, .inaboutleft{padding-left:4%;}
	.inproductconterlist{padding-right:4%;}
	.inproductitleleft{padding-top:18px;box-sizing:border-box;}
	.inprolistlastright{float:none;display:table;margin:0 auto;}
	.incasetitleleft p{font-size:20px;margin-bottom:0;}
	.incasetitleleft h5{font-size:26px;line-height:32px;}
	.incasetitleright{padding-top:20px;}
	.incasetext{padding:12px 20px;}
	.incasetext h5{font-size:20px;}
	.inaboutleftcon h4{font-size:40px;line-height:40px;}
	.inaboutleftcon h5{font-size:26px;line-height:32px;margin-bottom:20px;}
	.inaboutconter h6{font-size:22px;line-height:32px;}
	.inqiyeleft h4{font-size:24px;line-height:32px;}
	.innewfirst h5{font-size:24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.incase{padding:40px 0;}
	.innew{padding:40px 0;}
	.footer{padding:40px 4% 0 4%;}
	.footerup{padding-bottom:40px;}
	.footerbut{padding:20px 0;}
	.footerbutleft p{font-size:14px;}
	.footerbutright a{font-size:14px;}
	.inqiye{padding:40px 4%;}
	.footerupleft ul li{margin-right:4%;}
	.inaboutleft{padding-right:4%;}
	.zrtbannertext{left:4%;}
	.newlist{padding:40px 4%;}
	.newxqtitle{padding-bottom:10px;}
	.newxqtitle h4{font-size:26px;}
	.productext{bottom:20px;}
	.productlisted ul li a{padding:20px 30px;}
	.productedtextcon h4{font-size:24px;line-height:1.5;padding-bottom:10px;margin-bottom:10px;}
	.productedtextcon h5{font-size:20px;line-height:1.5;}
	.productedtextcon p{padding-top:12px;margin-bottom:20px;}
	.productlisted ul li{margin-bottom:30px;}
	.casetitle{margin-bottom:30px;}
	.casetitle h4{font-size:26px;line-height:1.5;}
	.partner{padding:40px 4%;}
	.aboutcon{padding:40px 0;}
	.aboutitle h4{font-size:26px;line-height: 1.5;margin-bottom:20px;}
	.aboutbut h4{font-size:26px;line-height:1.5;margin-bottom:30px;}
	.aboutbut ul li p{bottom:20px;}
	.business{padding:40px 0;}
	.businessbut{padding:40px 0;}
	.businesscon h4{font-size:24px;line-height: 1.5;margin-bottom:20px;}
	.businessbutcon,.businesscon{width:100%;padding:0 4%;box-sizing:border-box;}
	.recruitcon{padding:40px 0;}
	.recruitcons h4{font-size:26px;line-height: 1.5;}
	.contactusnav ul li{padding-top:40px;}
	.contactuscon{padding:40px 0;}
	
}
@media screen and (max-width: 1024px) {
    .inaboutbutright{width:60%;}
    .footerupleft ul li{margin-right:2%;}
    .productlist ul li{width:32%;margin-right:2%;}
    .productlist ul li:nth-child(4n){margin-right:2%;}
    .productlist ul li:nth-child(3n){margin-right:0;}
    .productlisted ul li{margin-bottom:20px;}
}
@media screen and (max-width: 980px) {
    .header{display:none;}
    .nav{display:block;}
    .bannertext{max-width:100%;padding:0 4%;box-sizing:border-box;left:0;text-align:center;width:100%;}
    .zrtbannertext{max-width:100%;padding:0 4%;box-sizing:border-box;left:0;text-align:center;width:100%;}
    .bannertext h5{font-size:24px;line-height:30px;margin-bottom:10px;}
	.bannertext h4{font-size:32px;line-height:40px;}
	.bannertext p{font-size:20px;line-height:24px;margin-bottom:16px;}
	.bannertext span{margin:0 auto;width:120px;}
	.bannerdian .swiper-pagination-bullet-active{width:40px !important;}
	.inabout{display:block;}
	.inaboutleft{float:none;width:100%;margin-right:0;padding-top:40px;padding-bottom:20px;}
	.inaboutright{float:none;width:100%;}
	.inaboutright img{max-width:100%;margin:0 auto;}
    .footerupleft{float:none;width:100%;}
    .footerupright{float:none;width:100%;}
    .footerupleft ul li{width:15%;}
    .footerupleft ul li:last-child{margin-right:0;}
    .zrtbannertext h5{font-size:24px;line-height:30px;margin-bottom:10px;}
    .zrtbannertext  h4{font-size:32px;line-height:40px;}
    .zrtbannertext p{font-size:20px;line-height:24px;}
    .zrtbanner img{height:320px;object-fit:cover;}
    .zrtnav ul li{height:50px;}
    .zrtnav ul li a{line-height:50px;}
    .newlistcon ul li{width:48%;margin-right:4%;}
    .newlistcon ul li:nth-child(3n){margin-right:4%;}
    .newlistcon ul li:nth-child(2n){margin-right:0;}
    .innewtext{padding:12px 16px;}
    .recruitup{padding:0 20px;height:50px;}
    .recruitup p{line-height: 50px;}
    .recruitup i{margin-top:15px;}
    .recruitcons ul li{float:none;width:100%;margin-right:0;margin-bottom:20px;padding:0 16px;}
}
@media screen and (max-width: 880px) {
    .newxqleft{float:none;width:100%;margin-right:0;margin-bottom:20px;}
    .newxqpage p a{font-size:16px;line-height:22px;}
    .newxqright{float:none;width:100%;}
    .aboutleft{float:none;width:100%;margin-right:0;margin-bottom:12px;}
    .aboutright{float:none;width:100%;}
    .aboutright ul li{padding:12px 0;}
    .contactuscon ul li:before{display:none;}
    .contactuscon ul li{float:none;width:100%;border-right:0;border-bottom: 1px solid #DEDEDE;padding: 10px 0;box-sizing:border-box;}
    .contactuscon ul li:last-child{border-bottom:0;}
}

@media screen and (max-width: 580px) {
    .bannertext h5{font-size:20px;line-height:30px;margin-bottom:10px;}
	.bannertext h4{font-size:24px;line-height:30px;}
	.bannertext p{font-size:18px;line-height:22px;margin-bottom:12px;white-space: inherit;}
	.bannercon .bannernext{display:none;}
	.bannercon .bannerprev{display:none;}
	.inproductitleright{float:left;width:100%;}
	.inproductitleright p{text-align:center;font-size:18px;}
	.inproductitleright h5{text-align:center;font-size:22px;}
	.inproductcon{padding:0;}
	.inproductconter{padding:20px 0 20px 4%;}
	.inproductitleleftpc{display:none;}
	.inproductitleleftmobile{display:block;}
	.incasetitleleft p{font-size:18px;}
	.incasetitleleft h5{font-size:22px;}
	.inaboutleftcon h4{font-size:32px;text-align:center;}
	.inaboutleftcon h5{font-size:22px;text-align:center;}
	.incasetitleleft p{font-size:18px;}
	.incasetitleleft h5{font-size:20px;}
	.inproductitle, .incasetitle, .incaselist, .innewlist, .about, .recruit{margin-bottom:20px;}
	.incaselist ul{float:none;width:100%;margin-right:0;}
	.incaselist ul li{float:none;width:100%;margin-right:0;}
	.incaselist ul li:nth-child(2){width:100%;margin-right:0;margin-bottom:3%;}
	.incaselist ul li:nth-child(3){width:100%;margin-right:0;}
	.incasetext{height:auto;padding:10px 12px;top:20px;}
	.incasetext h5{font-size:16px;}
	.incaseright{float:none;width:100%;margin-top:3%;}
	.inaboutconter{padding-bottom:20px;}
	.innewlist{margin-bottom:0;}
	.inaboutbut ul li{float:none;width:100%;margin-right:0;margin-bottom:20px;}
	.inaboutbut ul li:last-child{margin-bottom:0;}
	.innewlist ul li{float:none;width:100%;margin-right:0;}
	.innewlist ul li:nth-child(1){width:100%;margin-right:0;}
	.innewlist ul li:nth-child(2){width:100%;}
	.innewlist ul li:nth-child(3){width:100%;}
	.innewlist ul li:nth-child(4){width:100%;}
	.innewlist ul li:nth-child(5){width:100%;}
	.inaboutconter h6{font-size:20px;}
	.inaboutbutright p strong{font-size:28px;}
	.inqiyeright{float:none;display:table;margin:0 auto;}
	.innewtext{padding:10px 12px;}
	.inqiyeleft h4{font-size:18px;line-height:26px;}
	.inqiyeleft{float:none;width:100%;}
	.footerupleft{display:none;}
	.footerup{padding-bottom:20px;}
	.footerbut{padding:10px 0;}
	.footerbutleft,.footerbutright{float:none;width:100%;text-align:center;}
	.zrtbannertext h5{font-size:20px;line-height:30px;}
	.zrtbannertext  h4{font-size:24px;line-height:30px;}
	.zrtbannertext p{font-size:18px;line-height:22px;}
	.newlistcon ul li{width:100%;margin-right:0%;float:none;}
    .newlistcon ul li:nth-child(3n){margin-right:0%;}
    .newlistcon ul li:nth-child(2n){margin-right:0;}
    .backup{right:20px;font-size:14px;width:40px;height:30px;line-height:30px;}
    .zrtnav ul li{height:40px;}
    .zrtnav ul li a{line-height:40px;font-size:14px;}
    .saspages ul li{margin-right:4px;}
    .saspages ul li a{font-size:12px;padding:4px 6px;}
    .newxqtitle h4{font-size:20px;}
    .newxqconter{padding：20px 0;}
    .productlist ul li{width:100%;margin-right:0%;float:nonel}
    .productlist ul li:nth-child(4n){margin-right:0%;}
    .productlist ul li:nth-child(3n){margin-right:0%;}
    .productlist ul li:nth-child(2n){margin-right:0%;}
    .productext{bottom:14px;}
    .productext h5{font-size:16px;margin-bottom:4px;line-height:20px;}
    .productlisted ul li a{padding:10px 12px;display:block;}
	.productedtextcon h4{font-size:20px;}
	.productedtextcon h5{font-size:18px;}
	.productedtextcon p{padding-top:10px;margin-bottom:12px;font-size:14px;line-height:1.5;}
	.productimg{float:none;width:100%;margin-right:0;margin-bottom:12px;}
	.productedtext{float:none;width:100%;display:block;}
	.newxqconter p img{width:auto !important;height:auto !important;}
	.casetitle{margin-bottom:20px;}
	.casetitle h4{font-size:22px;}
	.caseconlist ul li{width:49%;margin-right:2%;}
	.caseconlist ul li:nth-child(5n){margin-right:2%;}
	.caseconlist ul li:nth-child(2n){margin-right:0;}
	.aboutitle{margin-bottom:20px;}
	.aboutitle h4{font-size:22px;margin-bottom:12px;}
	.inpjianjie{float:none;width:100%;margin-bottom:12px;}
	.aboutrighted h5 span{font-size:28px;}
	.aboutbut h4{font-size:22px;margin-bottom:20px;}
	.aboutbut ul li p{bottom:14px;}
	.aboutbut ul li{width:100%;margin-right:0%;float:none;margin-bottom:12px;}
	.aboutbut ul li:last-child{margin-bottom:0;}
	.businesscon h4{font-size:22px;}
	.businesscon i{width:100px;margin-bottom:24px;}
	.businesscon p{font-size:16px;line-height: 32px;}
	.businessbutcon ul li{width:49%;margin-right:2%;margin-bottom:10px;}
	.businessbutcon ul li:nth-child(2n){margin-right:0;}
	.businessimg{margin-bottom:20px;}
	.businessbutcon ul li h4{line-height: 1.5;margin-bottom:16px;}
	.recruitcon ul li{margin-bottom:12px;}
	.recruitcon ul li:last-child{margin-bottom:0;}
	.recruitup{padding:0 12px;height:40px;}
    .recruitup p{line-height: 40px;font-size:14px;}
    .recruitup i{margin-top:11px;}
    .recruitext{padding:12px 16px;}
    .recruit{margin-bottom:0;}
    .recruitcons h4{font-size:22px;line-height: 1.5;margin-bottom:20px;}
    .recruitcons ul li{height:40px;}
    .recruitcons ul li span{line-height: 40px;font-size:14px;}
    .recruitcons ul li select{height:40px;font-size:14px;}
    .recruitcons ul li input{height:40px;font-size:14px;}
    .recruitcons ul .miaoshu textarea{width:75%;padding-top:10px;font-size:14px;}
    .recruitcons ul .conlast button{width:120px;height:40px;border-radius:4px;font-size:14px;margin:0 auto;}
}