@import url(base.css);
.ht_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}

/* header */
.header{width: 100%;height: 100px;position: fixed;top: 0;left: 0;z-index: 1000;padding: 0 4%;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;background: #fff;}
.headerleft{float: left;}
.headerlogo{padding-top: 14px;box-sizing: border-box;}
.headerlogo a{display: block;max-width: 83px;position: relative;width: 83px;}
.headerlogo a img{display: block;width: 100%;position: absolute;top: 0;left: 0;height: 72px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright{float: right;}
.headeright>ul>li{float: left;margin-right: 48px;position: relative;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{font-size: 16px;color: #333;font-weight: 400;line-height: 100px;position: relative;display: block;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.header .headeright>ul>li:hover>a{color: #004098;}
.header .headeright>ul>li.active>a{color: #004098;}
.header.active{box-shadow: 0 3px 12px rgba(98,107,181,.25);}
.headerdown{position: absolute;top: 100px;left: 50%;width: 100%;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1);
width: 200px;margin-left: -100px;border-radius: 0 0 6px 6px;display: none;}
.headerdowncon{width: 100%;}
.headerdowncon ul li {text-align: center;}
.headerdowncon ul li:last-child{border-radius: 0 0 5px 5px;}
.headerdowncon ul li:last-child a{border-radius: 0 0 5px 5px;}
.headerdowncon ul li a{display: block;padding: 12px 10px;box-sizing: border-box;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 16px;color: #333;font-weight: 400;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdowncon ul li:hover a{color: #fff;background: #004098;}
/* 首页banner */
.banner{width: 100%;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li img{display: block;width: 100%;margin: 0 auto;height: 100vh;object-fit: cover;}
.bannerconter{width: 100%;position: absolute;top: 45%;left: 0;padding: 0 10%;box-sizing: border-box;
transform: translateY(-50%);}
.bannertext h4{font-size: 60px;color: #fff;font-weight: 400;line-height: 84px;max-width: 780px;
margin: 0 auto 40px;text-align: center;}
.bannertext p{font-size: 38px;color: #fff;font-weight: 300;text-align: center;}
.bannercon .bannerpages{bottom: 90px !important;text-align: left;width: auto !important;left: auto !important;right: 4%;}
.bannercon .swiper-pagination-bullet{width: 50px;height: 2px;background: rgba(255,255,255,0.6);opacity: 1;border-radius: 0;position: relative;}
.bannercon .swiper-pagination-bullet:after{content: "";display: block;width: 0;height: 2px;position: absolute;background-color: #fff;top: 0;left: 0;}
.bannercon .swiper-pagination-bullet-active:after{transition: width 3s;width: 100%;}
.bannernumber{width: 100%;position: absolute;bottom: 90px;left: 0;padding: 0 4%;box-sizing: border-box;z-index: 10;}
.bannernumber span{font-size: 38px;color: #fff;font-weight: 400;}
.bannernumber span b{font-weight: 400;}
.bannernumber strong{font-size: 18px;color: #fff;font-weight: 400;opacity: 0.8;}
.bannernumber strong b{font-weight: 400;}
/* 内容 */
.conter{width: 100%;}
.footer{width: 100%;}
.footerup{width: 100%;padding: 56px 0 42px 0;box-sizing: border-box;background: #404040;}
.footerupcon{width: 100%;}
.footerupcon select{float: right;width: 308px;height: 48px;border: 1px solid #979797;padding: 0 60px 0 14px;box-sizing: border-box;
font-size: 14px;color: #fff;outline: none;background: transparent url(../image/se.svg) 100% center no-repeat;
appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.footerupcon select option{color: #333;}
.footerbutcon{width: 100%;margin-top: 24px;}
.footerbutconleft{float: left;}
.footerbutconleft p{font-size: 16px;color: #fff;opacity: 0.6;font-weight: 400;line-height: 22px;margin-bottom: 4px;}
.footerbutconleft p:last-child{margin-bottom: 0;}
.footerewm{width: 100px;text-align: center;margin-top: -15px;}
.footerewm img{display: block;width: 100px;margin-bottom: 6px;}
.footerewm span{display: block;font-size: 16px;color: #fff;opacity: 0.6;}
.footerbutright{float: right;width: 70%;}
.footerbutright ul{float: right;}
.footerbutright ul li{float: left;margin-right: 40px;}
.footerbutright ul li:last-child{margin-right: 0;}
.footerbutright ul li h5{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.footerbutright ul li a{font-size: 14px;color: #fff;font-weight: 400;display: table;opacity: 0.6;line-height: 24px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footerbutright ul li a:hover{opacity: 1;}
.footerbut{width: 100%;padding: 14px 0;box-sizing: border-box;background: #2B2B2B;}
.footerlast{width: 100%;}
.footerlast p{font-size: 14px;color: #fff;}
.footerlast p span{opacity: 0.6;}
.footerlast p a{opacity: 0.6;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;color: #fff;}
.footerlast p a:hover{opacity: 1;}
.backtop{cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 999; -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;display: none;
    -ms-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;
	border-radius: 3px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px;bottom: 90px;}
.backtop:hover{background: #004098;color: #fff;}
.nav{width: 100%;height: 60px;background: #fff;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;
position: fixed;top: 0;left: 0;}
.navleft{float: left;width: 40%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;}
.navleft a img{width: 70%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #004098;}
.navright>span:last-child{margin-bottom: 0;}
.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: #004098;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../image/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-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #0063eb;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../image/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 9px 25px;box-sizing: border-box;border-top: 1px solid #eee;background: #3b98e5;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.inproduct{width: 100%;padding: 120px 10%;box-sizing: border-box;background: #fff;}
.inproductcon{width: 100%;}
.inproductcon ul li{float: left;width: 53%;margin-right: 0;position: relative;overflow: hidden;}
.inproductcon ul li:nth-child(1){margin-right: 2%;}
.inproductcon ul li:nth-child(2){width:45%;margin-bottom: 2.195%;}
.inproductcon ul li:nth-child(3){width:45%;}
.inproductcon ul li a{display: block;width: 100%;}
.inproductcon ul li a img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproductext{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 100px 56px;box-sizing: border-box;}
.inproductext h5{font-size: 36px;color: #fff;font-weight: 500;margin-bottom: 28px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inproductext p{font-size: 16px;color: #fff;font-weight: 400;margin-bottom: 56px;max-width: 450px;letter-spacing: 2px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.inproductext span{display: block;width: 182px;height: 56px;background: rgba(255,255,255,0.3);border-radius: 4px;border: 1px solid #fff;
box-sizing: border-box;text-align: center;line-height: 54px;font-size: 16px;color: #fff;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproductexted{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 60px 40px;box-sizing: border-box;}
.inproductexted h5{font-size: 36px;color: #fff;font-weight: 500;margin-bottom: 28px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inproductexted p{font-size: 16px;color: #fff;font-weight: 400;max-width: 450px;letter-spacing: 2px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inproductexted span{display: block;width: 182px;height: 56px;background: #004098;position: absolute;bottom: 0;right: 0;
text-align: center;line-height: 56px;font-size: 16px;color: #fff;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproductcon ul li:hover a img{transform: scale(1.1);}
.inproductcon ul li:hover .inproductext span{border-color: #004098;background: #004098;}
.inproductcon ul li:hover .inproductexted span{background: #003098;}
.incase{width: 100%;}
.incasetitle{width: 100%;padding: 0 10%;box-sizing: border-box;margin-bottom: 56px;}
.incasetitle h4{font-size: 36px;color: #333;font-weight: 500;}
.incasecon{width: 100%;padding: 80px 0 220px 0;box-sizing: border-box;}
.incasenav{width: 100%;padding: 0 4%;box-sizing: border-box;}
.tips{font-size: 12px;color: #fff;font-weight: 300;margin-bottom: 20px;display: none;padding-left: 20px;box-sizing: border-box;}
.incasenav ul{border-bottom: 1px solid rgba(255,255,255,0.6);padding: 0 40px;box-sizing: border-box;}
.incasenav ul li{float: left;width: 12.5%;cursor: pointer;padding-bottom: 24px;box-sizing: border-box;}
.incaseicon{width: 42px;height: 42px;margin: 0 auto 8px;}
.incaseicon img{display: block;width: 100%;}
.incasenav ul li p{font-size: 20px;color: #fff;font-weight: 400;opacity: 0.8;position: relative;text-align: center;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;display: table;margin: 0 auto;}
.incasenav ul li p:before{content: '';width: 0%;height: 2px;background: #006BFF;position: absolute;bottom: -25px;left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incasenav ul li:hover p{opacity: 1;}
.incasenav ul li:hover p:before{width: 100%;}
.incasenav ul li.active p{opacity: 1;}
.incasenav ul li.active p:before{width: 100%;}
.incaseconter{width: 100%;padding: 152px 10% 0 10%;box-sizing: border-box;}
.incaselist{display: none;max-width: 600px;}
.incaselist:first-child{display: block;}
.incaselist h5{font-size: 36px;color: #fff;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 28px;}
.incaselist p{font-size: 16px;color: #fff;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;
margin-bottom: 60px;letter-spacing: 2px;height: 130px;line-height: 26px;}
.incaselist a{display: block;width: 182px;height: 56px;background: #004098;border-radius: 4px;
box-sizing: border-box;text-align: center;line-height: 56px;font-size: 16px;color: #fff;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incaselist a:hover{background: #003098;}
.innew{width: 100%;padding: 120px 10%;box-sizing: border-box;background: #fff;}
.innewtitle{width: 100%;margin-bottom: 40px;}
.innewtitle h4{color: #333;}
.f36{font-size: 36px;font-weight: 500;}
.innewcon{width: 100%;}
.innewleft{float: left;width: 33.5%;margin-right: 6.5%;position: relative;height: 100%;}
.innewleft h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 16px;}
.innewleftcon{width: 100%;}
.innewleftcon ul li a{display: block;width: 100%;height: 100%;}
.innewleftcon ul li a img{display: block;width: 100%;height: 100%;object-fit:cover;}
.innewtext{width: 100%;position: absolute;top: 0%;left: 0;padding: 80px 56px;box-sizing: border-box;
    background: linear-gradient(180deg, #004098 0%, rgba(0,64,152,0) 100%);}
.innewtext h6{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 24px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewtext p{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 38px;opacity: 0.8;line-height:26px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.innewtext strong{display: block;font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 38px;opacity: 0.8;}
.innewtext span{display: block;width: 108px;height: 36px;background: rgba(255,255,255,0.3);border-radius: 4px;border: 1px solid #fff;
box-sizing: border-box;text-align: center;line-height: 34px;font-size: 16px;color: #fff;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewleftcon .innewpages{bottom: 60px !important;text-align: left;width: auto !important;left: 56px !important;}
.innewleftcon .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;opacity: 0.4;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewleftcon .swiper-pagination-bullet-active{opacity: 1;}
.innewleftcon ul li:hover .innewtext span{border-color: #004098;background: #004098;}
.innewleft .more{display: block;width: 182px;height: 56px;background: #004098;font-size: 16px;color: #fff;line-height: 56px;z-index: 10;
text-align: center;position: absolute;bottom: -16px;right: -16px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewleft .more:hover{background: #003098;}
.innewright{float: left;width: 60%;}
.innewup{width: 100%;margin-bottom: 60px;}
.innewupcon{width: 100%;}
.innewupcon ul li a{display: block;width: 100%;}
.innewupcon ul li a h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 16px;}
.innewimg{width: 100%;overflow: hidden;margin-bottom: 56px;}
.innewimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.innewtexted{width: 100%;}
.innewtexted h6{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 24px;height: 56px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewtexted p{font-size: 16px;color: #666;font-weight: 500;margin-bottom: 24px;height: 78px;letter-spacing: 2px;line-height: 26px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.innewtexted span{font-size: 16px;color: #999;font-weight: 500;display: block;}
.innewupcon ul li:hover .innewtexted h6{color: #004098;}
.innewbut{width: 100%;}
.innewbutleft{float: left;}
.innewbutleft i{float: left;margin-right: 26px;width: 36px;height: 36px;border-radius: 50%;cursor: pointer;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewbutleft i:last-child{margin-right: 0;}
.innewbutleft .innebutnext{background: url(../image/left.png) center no-repeat;}
.innewbutleft .innebutnext:hover{background: url(../image/lefts.png) center no-repeat;}
.innewbutleft .innebutprve{background: url(../image/right.png) center no-repeat;}
.innewbutleft .innebutprve:hover{background: url(../image/rights.png) center no-repeat;}
.innewbut b{display: block;width: calc(100% - 282px);height: 1px;background: #D8D8D8;float: left;margin-left: 38px;
margin-top: 17px;}
.innewbut a{display: block;width: 108px;height: 36px;background: #fff;font-size: 16px;color: #004098;line-height: 34px;border-radius: 4px;
border: 1px solid #004098;box-sizing: border-box;float: right;
text-align: center;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewbut a:hover{background: #004098;color: #fff;}
.inserve{width: 100%;padding: 134px 10% 80px 10%;box-sizing: border-box;}
.inservetitle{width: 100%;text-align: center;margin-bottom: 106px;}
.inservetitle h4{color: #fff;margin-bottom: 8px;}
.inservetitle p{font-size: 16px;color: #fff;max-width: 600px;text-align: center;margin: 0 auto;letter-spacing: 2px;}
.inservelist{width: 100%;}
.inservelist ul{display: table;margin: 0 auto;height: 430px;}
.inservelist ul li{width: 338px;height: 362px;background: rgba(255,255,255,0.3);border: 1px solid #fff;box-sizing: border-box;padding: 10px;
margin-right: 60px;float: left;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;}
.inservelist ul li:last-child{margin-right: 0;}
.inservelist ul li:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;
background: linear-gradient(180deg, #004098 0%, rgba(0,64,152,0) 100%);border-radius: 16px;opacity: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inservelistbox{width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;z-index: 1;}
.insimg{width: 100px;height: 100px;margin: 0 auto 38px;}
.insimg img{display: block;width: 100%;}
.inservelist ul li p{font-size: 28px;color: #fff;font-weight: 500;text-align: center;}
.inservelast{width: 124px;position: relative;overflow: hidden;height: 0;margin: 38px auto 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inservelast a{width: 124px;height: 46px;background: #004098;border-radius: 4px;display: block;text-align: center;line-height: 46px;
font-size: 16px;color: #fff;position: absolute;bottom: -50px;left: 0;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inservelist ul li:hover{height: 430px;margin-top: -34px;border: transparent;background: transparent;border-radius: 16px;}
.inservelist ul li:hover .inservelistbox{margin-top: -34px;}
.inservelist ul li:hover:before{opacity: 1;}
.inservelist ul li:hover .inservelast{height: 46px;}
.inservelist ul li:hover .inservelast a{bottom: 0;}
.inabout{width: 100%;padding: 120px 10%;box-sizing: border-box;background: #fff;}
.inaboutcon{width: 100%;}
.inaboutleft{float: left;width: 52%;margin-right: 15%;}
.inaboutleft h4{color: #333;margin-bottom: 28px;}
.inaboutext{width: 100%;margin-bottom: 30px;}
.inaboutext p{font-size: 16px;color: #666;font-weight: 400;letter-spacing: 2px;line-height: 26px;margin-bottom: 20px;}
.inaboutext p:last-child{margin-bottom: 0;}
.inaboutlast{width: 100%;}
.inaboutlast a{display: block;width: 182px;height: 56px;background: #004098;border-radius: 4px;text-align: center;line-height: 56px;
font-size: 16px;color: #fff;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inaboutlast a:hover{background: #003098;}
.inaboutright{float: right;width: 33%;position: relative;}
.inaboutright:before{content: '';width: 100%;height: 100%;border: 1px solid #004098;box-sizing: border-box;position: absolute;
top: 30px;left: -30px;}
.inaboutright img{display: block;width: 100%;position: relative;z-index: 1;}
.injoin{width: 100%;padding: 137px 4%;box-sizing: border-box;}
.injoin h4{color: #fff;text-align: center;margin-bottom: 20px;}
.injoin p{font-size: 16px;color: #fff;letter-spacing: 2px;text-align: center;max-width: 600px;margin: 0 auto 48px;}
.injoin a{display: block;width: 182px;height: 56px;background: rgba(255,255,255,0.3);border-radius: 4px;border: 1px solid #fff;
box-sizing: border-box;text-align: center;line-height: 54px;font-size: 16px;color: #fff;font-weight: 400;margin: 0 auto;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.injoin a:hover{border-color: #004098;background: #004098;}
.inbanner{width: 100%;margin-top: 100px;position: relative;}
.inbanner video{display: block;width: 100%;outline: none;height: 600px;object-fit: cover;}
.inbanner img{display: block;width: 100%;}
.inbannertext{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.inbannertext h4{font-size: 60px;color: #fff;font-weight: 500;text-align: center;}
.about{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.aboutcon{width: 100%;}
.f32{font-size: 32px;font-weight: 500;}
.aboutleft{float: left;width: 52%;margin-right: 8%;}
.aboutleft h4{color: #3D424D;margin-bottom: 56px;}
.aboutext{width: 100%;}
.aboutext p{font-size: 14px;color: #3D424D;font-weight: 400;line-height: 30px;margin-bottom: 20px;}
.aboutext p:last-child{margin-bottom: 0;}
.aboutright{float: left;width: 40%;position: relative;}
.aboutright img{display: block;max-width: 100%;}
.aboutone{width: 100%;padding-bottom: 60px;box-sizing: border-box;background: #fff;}
.aboutonecon{width: 100%;}
.aboutitle{width: 100%;}
.aboutitle h4{color: #3D424D;margin-bottom: 46px;text-align: center;}
.aboutonelist{width: 100%;}
.aboutonelist ul li{float: left;width: 16.6%;text-align: center;}
.aboutonelist ul li h5{font-size: 36px;color: #004098;margin-bottom: 2px;}
.aboutonelist ul li h5 span{font-size: 16px;font-weight: 400;vertical-align: 2px;margin-left: 4px;}
.aboutonelist ul li p{font-size: 16px;font-weight: 400;color: #999;}
.aboutwo{width: 100%;}
.aboutwo ul li{float: left;width: 33.3%;overflow: hidden;position: relative;}
.aboutwo ul li .aboutimg{display: block;width: 100%;}
.aboutwocon{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.aboutwocon img{display: block;width: 80px;height: 80px;margin: 0 auto 32px;}
.aboutwocon h5{font-size: 32px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 32px;}
.aboutwocon i{display: block;width: 64px;height: 6px;background: #fff;margin: 0 auto;}
.aboutwotc{width: 100%;position: absolute;left: 0;bottom: -100%;background: linear-gradient(360deg, rgba(0,64,152,0.73) 0%, #004098 100%);
height: 100%;padding: 0 60px;box-sizing: border-box;opacity: 0;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.aboutwotc img{display: block;width: 80px;height: 80px;margin: 0 auto 32px;}
.aboutwotc h5{font-size: 32px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 32px;}
.aboutwotc i{display: block;width: 64px;height: 6px;background: #fff;margin: 0 auto 56px;}
.aboutwotc p{font-size: 14px;color: #fff;font-weight: 400;text-align: center;line-height: 30px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.aboutwo ul li:hover .aboutwocon{opacity: 0;}
.aboutwo ul li:hover .aboutwotc{opacity: 1;bottom: 0;}
.abouthree{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.abouthreecon{width: 100%;}
.abouthreetext{width: 100%;margin-bottom: 46px;}
.abouthreetext p{font-size: 14px;color: #3D424D;font-weight: 400;line-height: 30px;}
.abouthreeimg{width: 100%;}
.abouthreeimg img{display: block;width: 100%;}
.develop{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.developcon{width: 100%;}
.developcon ul li{width: 100%;position: relative;padding-bottom: 80px;box-sizing: border-box;}
.developcon ul li:last-child{padding-bottom: 0;}
.developcon ul li:before{content: '';width: 1px;height: 99%;position: absolute;top: 16px;left: 19px;background: #004098;}
.deveyear{width: 100%;margin-bottom: 90px;}
.deveyear i{float: left;width: 38px;height: 38px;background: url(../image/nian.png) center no-repeat;margin-top: 6px;position: relative;z-index: 1;}
.deveyear h5{font-size: 36px;color: #004098;font-weight: 500;padding-left: 40px;box-sizing: border-box;float: left;}
.developyue{width: 100%;}
.developlist{width: 100%;margin-bottom: 80px;}
.developlist:last-child{margin-bottom: 0;}
.developlist i{float: left;width: 20px;height: 20px;background: url(../image/yue.png) center no-repeat;margin-top: 6px;
margin-left: 10px;position: relative;z-index: 1;}
.developright{float: left;width: calc(100% - 30px);padding-left: 50px;box-sizing: border-box;}
.developright h5{font-size: 24px;color: #3D424D;font-weight: 500;margin-bottom: 16px;}
.developtext{width: 100%;}
.developtext p{font-size: 16px;color: #3D424D;font-weight: 400;line-height: 32px;}
.developtext p img{display: block;max-width: 100%;}
.certification{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.certificationcon{width: 100%;}
.certificationlist{width: 100%;}
.certificationlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 60px;}
.certificationlist ul li:nth-child(3n){margin-right: 0;}
.cerimg{width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);background: #fff;}
.cerimg img{display: block;width: 100%;}
.certificationlist ul li p{width: 100%;padding: 40px 10px 0 10px;box-sizing: border-box;font-size: 16px;color: #666;font-weight: 400;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.scrpage{width: 100%;margin-top: 40px;}
.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: #004098;background: #004098;color: #fff;}
.scrpage ul li:hover a{border-color: #004098;background: #004098;color: #fff;}
.zitc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 3000;display: none;}
.zitcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.zitcbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.zitcbox img{display: block;max-width: 100%;margin: 0 auto 20px;}
.zitcbox i{display: block;width: 32px;height: 32px;border-radius: 50%;cursor: pointer;margin: 0 auto;
background: url(../image/zclose.png) center no-repeat;}
.contact{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.contactcon{width: 100%;}
.contactup{width: 100%;margin-bottom: 66px;}
.contactup p{font-size: 16px;color: #333;font-weight: 400;line-height: 32px;}
.contactlist{width: 100%;margin-bottom: 120px;}
.contactlist ul li{float: left;width: 33.3%;position: relative;padding: 0 20px 0 36px;box-sizing: border-box;}
.contactlist ul li:first-child{padding-left: 0;}
.contactlist ul li:before{content: '';width: 1px;height: 90%;background: #D8D8D8;position: absolute;top: 0;right: 0;}
.contactlist ul li:last-child:before{display: none;}
.conimg{float: left;width: 56px;height: 56px;margin-right: 16px;}
.conimg img{display: block;width: 100%;}
.context{float: left;width: calc(100% - 72px);}
.context h5{font-size: 18px;color: #000;font-weight: 500;margin-bottom: 12px;}
.context p{font-size: 14px;color: #999;font-weight: 400;line-height: 24px;max-width: 254px;}
.context .contall{color: #004098;}
.context p a{display: inline-block;font-size: 0;margin-right: 20px;}
.context p a:last-child{margin-right: 0;}
.context p a img{display: block;}
.contactlist ul li:nth-child(3) .context h5{margin-bottom: 8px;}
.contactlist ul li:nth-child(3) p{margin-bottom: 10px;}
.contactlist ul li:nth-child(3) p:last-child{margin-bottom: 0;}
.contactmap{width: 100%;background: #fff;border: 1px solid #E6E6E6;padding: 20px;box-sizing: border-box;}
.contactmap img{display: block;width: 100%;}
.samillnav{width: 100%;background: #F2F2F2;height: 80px;box-sizing: border-box;}
.samillnavcon{width: 100%;}
.samillnavcon ul li{width: 50%;line-height: 80px;box-sizing: border-box;}
.samillnavcon ul li:last-child{border-right: 0;}
.samillnavcon ul li a{display: table;font-size: 16px;color: #666;text-align: center;font-weight: 400;margin: 0 auto;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;}
.samillnavcon ul li a:before{content: '';width: 0%;height: 4px;background: #004098;position: absolute;bottom: 0;left: 50%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transform: translateX(-50%);border-radius: 8px;}
.samillnavcon ul li.active a{color: #004098;font-weight: 500;}
.samillnavcon ul li.active a:before{width: 100%;}
.samillnavcon ul li:hover a{color: #004098;font-weight: 500;}
.samillnavcon ul li:hover a:before{width: 100%;}
.productcon{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.productcon .productlist{padding-top: 0;margin-bottom: 10px;}
.productlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li a{display: block;width: 100%;}
.inproimg{width: 100%;}
.inproimg img{display: block;width: 100%;}
.inprotext{width: 100%;padding: 26px 32px;box-sizing: border-box;background: #F5F5F5;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inprotext h5{font-size: 20px;color: #3D424D;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 4px;}
.inprotext p{font-size: 16px;color: #999;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li .inprotext p{transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li:hover{ box-shadow: rgba(163, 177, 204, 0.2) 0px 0px 16px 0px;transform: translateY(-20px);}
.productlist ul li:hover a { box-shadow: none; margin-top: 0; }
.productlist ul li:hover .inprotext{background: #004098;}
.productlist ul li:hover .inprotext h5{color: #fff;}
.productlist ul li:hover .inprotext p{color: #fff;}
.nbannerbox img{height: 600px;object-fit: cover;}
.proone{width: 100%;margin-top: -380px;position: relative;z-index: 1;}
.proonecon{width: 100%;}
.proimgs{float: left;background: #fff;padding: 16px;box-sizing: border-box;width: 43%;margin-right: 4%;}
.proimgs img{display: block;width: 100%;}
.protexted{float: left;width: 53%;padding-top: 16px;box-sizing: border-box;}
.protexted h5{font-size: 32px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.protextedcon{width: 100%;}
.protextedcon p{font-size: 14px;color: #fff;font-weight: 400;line-height: 24px;}
.protextedconed{margin-top: 20px;}
.protwo{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.peotwocon{width: 100%;}
.protitle{width: 100%;margin-bottom: 18px;}
.protitle h4{font-size: 32px;color: #004098;font-weight: 500;}
.protwoconter{width: 100%;}
.protext{width: 100% !important;margin-bottom: 40px;}
.protext:last-child{margin-bottom: 0;}
.protext h5{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 16px;}
.protext p{font-size: 14px;color: #333;line-height: 24px;font-weight: 400;}
.prothree{width: 100%;padding-bottom: 80px;box-sizing: border-box;background: #fff;}
.prothree .protitle{margin-bottom: 50px;}
.prothreecon{width: 100%;}
.prothree .productlist ul li{margin-bottom: 0;}
.solution{width: 100%;}
.solutionone{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.solutiononecon{width: 100%;}
.sotitle{width: 100%;margin-bottom: 40px;}
.sotitle h4{color: #333;text-align: center;}
.solutionlist{width: 100%;}
.solutionlist ul li{float: left;width: 33.3%;padding: 40px 20px;box-sizing: border-box;}
.solutionimg{width: 66px;height: 66px;margin: 0 auto 24px;}
.solutionimg img{display: block;width: 100%;}
.solutiontext{width: 100%;}
.solutiontext h5{font-size: 20px;color: #333;font-weight: 500;text-align: center;margin-bottom: 16px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solutiontext p{font-size: 14px;color: #666;font-weight: 400;text-align: center;}
.solutiontwo{width: 100%;}
.solutiontwoup{width: 100%;}
.solutiontwoupcon{width: 100%;}
.solutiontwoupcon .sotitle{margin-bottom: 26px;}
.solutionnav{width: 100%;margin-bottom: 56px;}
.solutionnav ul{display: table;margin: 0 auto;}
.solutionnav ul li{float: left;font-size: 20px;color: #666;cursor: pointer;position: relative;margin-right: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.solutionnav ul li:last-child{margin-right: 0;}
.solutionnav ul li:before{content: '';width: 1px;height: 20px;background: #E6E6E6;position: absolute;top: 4px;right: -20px;}
.solutionnav ul li:last-child:before{display: none;}
.solutionnav ul li:hover{color: #004098;}
.solutionnav ul li.active{color: #004098;}
.solutiontwobut{width: 100%;padding: 120px 0;box-sizing: border-box;background: #F6F6F6;}
.solutiontwobutcon{width: 100%;}
.solutiontwobutlist{width: 100%;display: none;}
.solutiontwobutlist:first-child{display: block;}
.soleft{float: left;width: 56%;margin-right: 4%;}
.soleft img{display: block;width: 100%;}
.soright{float: left;width: 40%;padding-top: 14px;box-sizing: border-box;}
.soright h5{color: #333;margin-bottom: 32px;}
.sotext{width: 100%;margin-bottom: 40px;}
.sotext p{font-size: 14px;color: #666;font-weight: 400;line-height: 26px;}
.sorightlast{width: 100%;}
.sorightlast a{display: block;width: 140px;height: 40px;background: #004098;border-radius: 4px;float: left;margin-right: 10px;
margin-bottom: 10px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.sorightlast a:hover{background: #003098;}
.solutionthree{width: 100%;padding: 80px 0 56px 0;box-sizing: border-box;background: #fff;}
.solutionthreeup{width: 100%;}
.solutionthreecon{width: 100%;}
.solutionthreebut{width: 100%;padding-bottom: 60px;box-sizing: border-box;}
.solutionthreebut ul li{width: 67%;}
.solutionthreebut ul li a{display: block;width: 100%;}
.solutionthreebut ul li a img{display: block;width: 100%;}
.sonext{width: 36px;height: 36px;border-radius: 50%;cursor: pointer;background: url(../image/right.png) center no-repeat !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
position: absolute;top: 50%;margin-top: -13px;z-index: 10;right: 10% !important;}
.sonext:hover{background: url(../image/rights.png) center no-repeat !important;}
.soprve{width: 36px;height: 36px;border-radius: 50%;cursor: pointer;background: url(../image/left.png) center no-repeat !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
position: absolute;top: 50%;margin-top: -13px;z-index: 10;left: 10% !important;}
.soprve:hover{background: url(../image/lefts.png) center no-repeat !important;}
.sopages{bottom: 0px !important;}
.sopages .swiper-pagination-bullet{width: 12px;height: 12px;background: #F0F0F0;opacity: 1;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.sopages .swiper-pagination-bullet-active{background: #004098;}
.solutext{width: 50%;position: absolute;bottom: 0;right: 0;padding: 40px;box-sizing: border-box;background: rgba(0,64,152,0.8);}
.solutext h5{color: #fff;font-weight: 500;margin-bottom: 16px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solutext p{font-size: 14px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 16px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.solutext span{display: block;width: 140px;height: 40px;background: #FFFFFF;border-radius: 4px;text-align: center;line-height: 40px;
font-size: 16px;color: #004098;}
.insolution{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.insolutioncon{max-width: 600px;}
.insolutioncon h4{color: #fff;margin-bottom: 28px;}
.insolutioncon p{font-size: 16px;color: #fff;letter-spacing: 2px;line-height: 26px;}
.solutiondetail{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.solutiondetailcon{width: 100%;}
.solutiondetailtext{width: 100%;margin-bottom: 80px;}
.solutiondetailtext p{font-size: 18px;color: #333;}
.solutiondetailtext p img{display: block;max-width: 100%;margin:0 auto;}
.solutiontj{width: 100%;}
.solutiontj h4{color: #333;margin-bottom: 40px;}
/*.solutiontj .productlist ul li{margin-bottom: 0;}*/
.newconter{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.newlist{width: 100%;}
.newlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 50px;}
.newlist ul li:nth-child(3n){margin-right: 0;}
.newlist ul li a{display: block;width: 100%;}
.newimg{width: 100%;overflow: hidden;}
.newimg img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newtext{width: 100%;padding: 30px 0 0 0;box-sizing: border-box;}
.newtext h5{font-size: 18px;color: #333;font-weight: 500;line-height: 24px;height: 48px;margin-bottom: 14px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtext p{font-size: 14px;color: #999;font-weight: 400;}
.newlist ul li:hover .newimg img{transform: scale(1.1);}
.newlist ul li:hover .newtext h5{color:#004098;}
.newdetailbox{width: 100%;padding-top: 100px;box-sizing: border-box;}
.breadcrumbs{width: 100%;background: #F9F9F9;padding: 23px 0;box-sizing: border-box;}
.breadcrumbscon{width: 100%;}
.breadcrumbscon i{float: left;width: 16px;margin-right: 8px;margin-top: 1px;}
.breadcrumbscon i img{display: block;width: 100%;}
.breadcrumbscon a{float: left;font-size: 14px;color: #999;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.breadcrumbscon a:hover{color: #004098;}
.breadcrumbscon span{float: left;font-size: 14px;color: #999;margin: 0 4px;}
.breadcrumbscon strong{float: left;font-size: 14px;color: #999;font-weight: 400;}
.newdetail{background: #fff;padding: 60px 0 80px 0;box-sizing: border-box;}
.newdetailcon{width: 100%;}
.newdetailup{width: 100%;border-bottom: 1px solid #EBEBEB;padding-bottom: 20px;box-sizing: border-box;}
.newdetailup h4{color: #333;font-weight: 500;margin-bottom: 28px;text-align: center;}
.newdetailup p{display: block;font-size: 14px;color: #999;line-height: 24px;text-align: center;}
.newdetailup p span{display: inline-block;position: relative;margin-right: 24px;}
.newdetailup p span:before{content: '';width: 1px;height: 14px;background-color: #999;position: absolute;top: 5px;right: -12px;}
.newdetailup p span:last-child{margin-right: 0;}
.newdetailup p span:last-child:before{display: none;}
.newdetailconter{max-width: 920px;padding: 30px 0;box-sizing: border-box;margin: 0 auto;}
.newdetailconter p{font-size: 18px;color: #333;line-height: 26px;margin-bottom: 20px;}
.newdetailconter p img{display: block;max-width: 100%;margin: 0 auto;}
.newdetailconter p:last-child{margin-bottom: 0;}
.newother{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;border-top: 1px solid #EBEBEB;}
.newother h4{color: #333;font-weight: 500;margin-bottom: 32px;text-align: center;}
.newotherlist{width: 100%;}
.newotherlist ul li{float: left;width: 32%;margin-right: 2%;}
.newotherlist ul li:last-child{margin-right: 0;}
.newotherlist ul li a{display: block;width: 100%;}
.newotherimg{width: 100%;height: 190px;overflow: hidden;margin: 0 auto;}
.newotherimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newothertext{width: 100%;padding-top: 30px;box-sizing: border-box;}
.newothertext p{font-size: 18px;color: #333;font-weight: 400;line-height: 24px;height: 48px;margin-bottom: 16px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newothertext span{display: block;font-size: 14px;color: #999;}
.newotherlist ul li:hover .newotherimg img{transform: scale(1.1);}
.newotherlist ul li:hover .newothertext p{color: #004098;}
.serve{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.servecon{width: 100%;}
.serveup{width: 100%;margin-bottom: 56px;}
.serveup img{display: block;width: 100%;}
.servebut{width: 100%;}
.servebut h4{color: #333;margin-bottom: 24px;}
.servebut p{font-size: 14px;color: #333;font-weight: 400;}
.servebut p img{display: block;max-width: 100%;}
.inbannerskill{top: 42%;}
.skillnav{width: 100%;position: absolute;bottom: 56px;left: 0;}
.skillnavcon{width: 100%;}
.skillnavcon ul{text-align: center;}
.skillnavcon ul li{margin-right: 110px;display: inline-block;}
.skillnavcon ul li:last-child{margin-right: 0;}
.skillnavcon ul li a{display: block;}
.skillnavimg{width: 42px;height: 42px;margin: 0 auto 8px;}
.skillnavimg img{display: block;max-width: 100%;height: auto !important;}
.skillnavcon ul li a p{font-size: 20px;color: #fff;opacity: 0.8;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.skillnavcon ul li:hover a p{opacity: 1;}
.skill{width: 100%;padding: 60px 0 20px 0;box-sizing: border-box;background: #fff;}
.skillcon{width: 100%;}
.skillcon ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 40px;overflow: hidden;position: relative;}
.skillcon ul li:nth-child(2n){margin-right: 0;}
.skillcon ul li a{display: block;width: 100%;}
.skillcon ul li a img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.skillconter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.skillconted{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding: 10px;box-sizing: border-box;}
.skillconted h5{color: #fff;text-align: center;margin-bottom: 16px;}
.skillconted p{text-align: center;font-size: 14px;color: #fff;font-weight: 400;}
.skillconted p i{display: inline-block;width: 16px;height: 16px;background: url(../image/sk5s.png) center no-repeat;vertical-align: -3px;}
.skillcon ul li a:hover img{transform: scale(1.1);}
.inbannered{width: 100%;position: relative;margin-top: 100px;}
.inbannered img{height: 306px;object-fit: cover;display: block;width: 100%;}
.inskill{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;}
.inskillcon{width: 100%;}
.inskillcon h4{color: #fff;text-align: center;margin-bottom: 40px;}
.skillserch{width: 100%;position: relative;}
.skillserch input{display: block;width: 100%;background: #fafafa;border: 1px solid #e6e6e6;border-radius: 28px;
padding: 0 140px 0 24px;box-sizing: border-box;font-size: 14px;color: #333;outline: none;height: 56px;}
.skillserch button{display: block;border: 0;outline: none;font-size: 18px;color: #fff;background: #004098;height: 54px;
border-radius: 28px;position: absolute;top: 1px;right: 2px;cursor: pointer;width: 112px;}
.service{width: 100%;padding: 56px 0 80px 0;box-sizing: border-box;background: #fff;}
.servicecon{width: 100%;}
.servicelist{width: 100%;}
.servicelist h4{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 10px;}
.serviceup{width: 100%;background: #000;height: 50px;line-height: 50px;}
.serviceup p{float: left;font-size: 14px;color: #fff;padding: 0 20px;box-sizing: border-box;text-align: center;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.serviceup p:nth-child(1){width: 75%;text-align: left;}
.serviceup p:nth-child(2){width: 15%;}
.serviceup p:nth-child(3){width: 10%;}
.servicebut{width: 100%;}
.servicebut ul li{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #F0F0F0;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.servicebut ul li p{float: left;font-size: 14px;color: #333;padding: 0 20px;box-sizing: border-box;text-align: center;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.servicebut ul li p a{color: #004098;}
.servicebut ul li p:nth-child(1){width: 75%;text-align: left;}
.servicebut ul li p:nth-child(2){width: 15%;}
.servicebut ul li p:nth-child(3){width: 10%;}
.servicebut ul li:hover{background: #EBF3FF;}
.skillcase{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.skillcasecon{width: 100%;}
.skillcaseleft{float: left;width: 48%;margin-right: 4%;}
.skcasetitle{width: 100%;font-size: 20px;color: #333;font-weight: 500;margin-bottom: 24px;}
.skillcaseright{float: right;width: 48%;}
.skillcaselist{width: 100%;}
.skillcaselist ul li{width: 100%;margin-bottom: 24px;}
.skillcaselist ul li:last-child{margin-bottom: 0;}
.skillcaselist ul li a{display: block;width: 100%;}
.skillcaselist ul li a h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 4px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.skillcaselist ul li a p{font-size: 12px;color: #999;font-weight: 400;}
.skillcaselist ul li:hover a h5{color: #004098;}
.promore{width: 100%;border: 1px solid #004098;border-radius: 4px;height: 36px;text-align: center;line-height: 34px;
font-size: 16px;color: #004098;display: block;margin-top: 40px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.promore:hover{background: #004098;color: #fff;}
.notice{width: 100%;padding: 60px 0 80px 0;box-sizing: border-box;background: #fff;}
.noticecon{width: 100%;}
.noticetime{width: 100%;margin-bottom: 24px;}
.noticetime select{display: block;font-size: 14px;color: #004098;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;
background: url(../image/sj.png) 99% center no-repeat;padding: 0 14px 0 0;box-sizing: border-box;cursor: pointer;}
.noticelist{width: 100%;}
.noticelist ul li{width: 100%;padding: 24px 0;border-bottom: 1px dashed #e6e6e6;box-sizing: border-box;}
.noticelist ul li:first-child{padding-top: 0;}
.noticelist ul li a{display: block;width: 100%;}
.noticeleft{float: left;width: 80%;}
.noticeleft h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 8px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.noticeleft p{font-size: 12px;color: #999;font-weight: 400;}
.noticeleft p span{display: inline-block;position: relative;margin-right: 16px;}
.noticeleft p span:before{content: '';width: 1px;height: 12px;background: #999;position: absolute;top: 3px;right: -9px;}
.noticeleft p span:last-child{margin-right: 0;}
.noticeleft p span:last-child:before{display: none;}
.noticelist ul li a i{float: right;width: 36px;height: 36px;background: url(../image/nright.png) center no-repeat;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.noticelist ul li:hover .noticeleft h5{color: #004098;}
.noticelist ul li:hover a i{background: url(../image/rights.png) center no-repeat;}
.download{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.downloadcon{width: 100%;}
.downloadconnav{width: 100%;margin-bottom: 56px;}
.downloadconnav ul{display: table;margin: 0 auto;}
.downloadconnav ul li{float: left;position: relative;margin-right: 60px;}
.downloadconnav ul li a{display: block;font-size: 20px;color: #666;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.downloadconnav ul li:last-child{margin-right: 0;}
.downloadconnav ul li:before{content: '';width: 1px;height: 20px;background: #999;position: absolute;top: 4px;right: -28px;}
.downloadconnav ul li:last-child:before{display: none;}
.downloadconnav ul li:hover a{color: #004098;}
.downloadconnav ul li.active a{color: #004098;}
.downloadlist{width: 100%;}
.downloadlist ul li{float: left;width: 23%;margin-right: 2.6%;margin-bottom: 2.6%;}
.downloadlist ul li:nth-child(4n){margin-right: 0;}
.downloadlist ul li a{display: block;padding: 20px;border-radius: 8px;background: #F7F7F7;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.downimg{float: left;width: 56px;height: 56px;border-radius: 50%;margin-right: 12px;margin-top: 15px;}
.downimg img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.downtext{float: left;width: calc(100% - 68px);}
.downtext h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 8px;height: 42px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.downtext p{font-size: 12px;color: #333;font-weight: 400;}
.downloadlist ul li:hover a{box-shadow: rgba(163, 177, 204, 0.2) 0px 0px 16px 0px;}
.downloadlist ul li:hover .downtext h5{color: #004098;}
.downloadbut{max-width: 920px;margin: 10px auto 0;}
.downloadleft{float: left;width: 60%;}
.downloadleft h4{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 14px;}
.downloadleftlist{width: 100%;}
.downloadleftlist a{display: block;font-size: 18px;color: #004098;line-height: 36px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.downloadleftlist a:hover{color: #003098;text-decoration: underline;}
.downloadright{float: right;}
.downloadewm{float: left;width: 100px;margin-right: 32px;}
.downloadewm:last-child{margin-right: 0;}
.dewm{width: 100%;height: 100px;object-fit: cover;margin-bottom: 10px;}
.downloadewm p{text-align: center;font-size: 14px;color: #333;font-weight: 400;}
.downloadewm p i{display: inline-block;width: 18px;height: 20px;vertical-align: -4px;margin-right: 2px;}
.downloadewm p i img{display: block;max-width: 100%;margin: 0 auto;}
/* 招纳贤士 */
.join{width: 100%;padding: 56px 0;box-sizing: border-box;background: #fff !important;}
.joincon{width: 100%;}
.joinconup{width: 100%;margin-bottom: 56px;}
.jointitle{position: relative;padding-left: 26px;box-sizing: border-box;float: left;}
.jointitle::before{content: "";width: 6px;height: 96%;background: #004098;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.jointitle h4{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 12px;}
.jointitle p{font-size: 14px;color: #666;font-weight: 400;}
.joinserach{float: right;position: relative;margin-top: 15px;}
.joinserach input{display: block;width: 390px;height: 40px;background: #FAFAFA;border-radius: 28px;border: 1px solid #E6E6E6;outline: none;
padding: 0 106px 0 16px;box-sizing: border-box;font-size: 14px;color: #333;}
.joinserach button{display: block;width: 90px;height: 40px;background: #004098;border-radius: 28px;outline: none;border: 0;
font-size: 18px;color: #fff;position: absolute;top: 0;right: 0;}
.joinlist{width: 100%;}
.joinlist ul li{width: 100%;background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #F2F2F2 100%);margin-bottom: 12px;border-radius: 2px;overflow: hidden;}
.joinlist ul li:last-child{margin-bottom: 0;}
.joinup{width: 100%;padding: 0 40px;box-sizing: border-box;border-radius: 4px 4px 0 0;cursor: pointer;
position: relative;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinupcon{width: 100%;padding: 28px 0;box-sizing: border-box;}
.joinupleft{float: left;width: 80%;}
.joinupleft h5{display: inline-block;font-size: 18px;color: #292C33;font-weight: 500;margin-right: 0.24rem;}
.joinupleft p{display: inline-block;font-size: 14px;color: #292C33;}
.joinupleft p span{display: inline-block;margin-right: 12px;position: relative;}
.joinupleft p span::before{content: "";width: 1px;height: 12px;background: #292C33;position: absolute;top: 4px;right: -7px;}
.joinupleft p span:last-child{margin-right: 0;}
.joinupleft p span:last-child::before{display: none;}
.joinup i{width: 9px;height: 16px;background: url(../image/jmore.svg) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background-size: cover;position: absolute;top: 50%;right: 60px;margin-top: -8px;}
.joinupcon:hover i{background: url(../image/jmores.svg) center no-repeat;background-size: cover;}
.joinbut{width: 100%;padding: 0 40px 40px 40px;box-sizing: border-box;display: none;}
.joinbutcon{width: 100%;border-top: 1px solid rgba(153,153,153,0.2);padding-top: 28px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinbutitle{width: 100%;margin-bottom: 16px;}
.joinbutitle h5{font-size: 16px;color: #292C33;font-weight: 500;margin-bottom: 12px;}
.joinbutitle i{display: block;width: 24px;height: 4px;background: #004098;}
.joinbutlast{width: 100%;}
.joinbutlast p{font-size: 14px;color: #666;line-height: 26px;font-weight: 400;}
.joinlist ul li.active .joinup i{transform: rotate(90deg);}
.joinlist ul li:hover .joinbutcon{border-color: #004098;}
.joinlist ul li:hover .joinup{background: #004098;}
.joinlist ul li:hover .joinup .joinupcon{border-color: #004098;}
.joinlist ul li:hover .joinupleft h5{color: #fff;}
.joinlist ul li:hover .joinupleft p{color: #fff;}
.joinlist ul li:hover .joinupleft p span::before{background: #fff;}
/*客服*/
.addservice{position: fixed;text-align: center;z-index: 999;right: 20px;bottom: 190px;}
.addservice a{display: block;width: 45px;height: 42px;border-radius: 3px;
background: #004098 url(../image/kfs.svg) center no-repeat;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.addwx{position: fixed;text-align: center;z-index: 999;right: 20px;bottom: 140px;}
.addwx a{display: block;width: 47px;height: 42px;border-radius: 3px;
background: #004098 url(../image/wx.svg) center no-repeat;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.addwxcon{width: 120px;background: #fff;border-radius: 4px;padding: 10px;box-sizing: border-box;visibility: hidden;z-index: -10;opacity: 0;
position: absolute;bottom: 0;right: 58px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.addwxcon img{display: block;width: 100px;height: 100px;object-fit: cover;}
.addwxcon p{font-size: 14px;color: #333;text-align: center;font-weight: 400;margin-top: 10px;}
.addwx:hover .addwxcon{visibility: visible;z-index: 1000;opacity: 1;}
.addwidth{max-width:980px;margin:0 auto;}
.addwidth>div{max-width:100%;}
.addwidths{margin-bottom:80px;}
.conterone{width: 100%;padding: 80px 0;box-sizing: border-box;background: #f7f7f7;}
.conteronecon{width: 100%;}
.contertitle{width: 100%;text-align: center;margin-bottom: 60px;}
.contertitle h4{font-size: 32px;color: #000;font-weight: 500;}
.conterlist{width: 100%;}
.conterlist ul li{width: 49%;background: #fff;float: left;border:1px solid #e6e6e6;box-sizing:border-box;margin-right:2%;margin-bottom: 20px;
    transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.conterlist ul li:nth-child(2n){margin-right:0%;}
.conterlist ul li a{display:flex;width:100%;align-items:center;}
.conlefted{width:120px;float:left;}
.conlefted img{display:block;width:100%;}
.conrighted{float:left;width:calc(100% - 120px);padding:0 6px;box-sizing:border-box;}
.conrighted h6{font-size:20px;color:#050101;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:8px;}
.conrighted p{font-size:14px;color:#999;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:6px;}
.conrighted span{font-size:16px;color:#004098;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;}
.conrighted span b{display: inline-block;width: 16px;height: 16px;
background: url(../image/sk5s.png) center no-repeat;margin-left: 2px;vertical-align: -2px;}
.conterlist ul li:hover{box-shadow: 0 0 20px rgba(68,71,75,0.2);transform: translate3d(0,-4px,0);border-color:#004098;}
.conterlist ul li h5{font-size: 18px;color: #000;font-weight: 500;margin-bottom: 20px;}
.conterlist ul li h4{font-size: 24px;color: #004098;font-weight: 500;margin-bottom: 50px;}
.conterlist ul li h4 i{display: inline-block;width: 24px;height: 24px;
background: url(/static/default/pc/images/tell.svg) center no-repeat;margin-right: 12px;vertical-align: -2px;}
.conterlist ul li p{font-size: 14px;color: #999;font-weight: 400;}
@media screen and (max-width: 1905px) {
}
@media screen and (max-width: 1805px) {
}
@media screen and (max-width: 1705px) {
}
@media screen and (max-width: 1605px) {
	.inproductext{padding: 80px 40px;}
	.inproductexted{padding: 40px;}
}
@media screen and (max-width: 1505px) {
}
@media screen and (max-width: 1450px) {
	.bannertext h4{font-size: 40px;line-height: 50px;margin-bottom: 24px;}
	.bannertext p{font-size: 24px;}
	.inproduct{padding: 80px 8%;}
	.inproductext h5,.inproductexted h5{margin-bottom: 20px;}
	.incasetitle{padding: 0 8%;}
	.incasecon{padding: 80px 0 180px 0;}
	.incaseconter{padding: 150px 8% 0 8%;}
	.innew{padding: 80px 8%;}
	.innewimg{margin-bottom: 40px;}
	.inserve{padding: 80px 8%;}
	.inservetitle{margin-bottom: 80px;}
	.inabout{padding: 80px 8%;}
	.injoin{padding: 80px 4%;}
	.inbannertext h4{font-size: 40px;}
	.about{padding: 80px 0;}
	.aboutwotc{padding: 0 24px;}
	.abouthree{padding: 80px 0;}
	.contactlist{margin-bottom: 80px;}
	.solutiontwobut{padding: 80px 0;}
}
@media screen and (max-width: 1380px) {
	.inproduct{padding: 60px 6%;}
	.inproductext{padding: 60px 40px;}
	.inproductext p{margin-bottom: 40px;}
	.inproductexted{padding: 30px;}
	.inproductext span{width: 160px;height: 44px;line-height: 42px;}
	.inproductexted span{width: 160px;height: 44px;line-height: 44px;}
	.incasetitle{padding: 0 6%;}
	.incasecon{padding: 60px 0 160px 0;}
	.incaseconter{padding: 120px 6% 0 6%;}
	.incaselist p{margin-bottom: 40px;}
	.incaselist a{width: 160px;height: 44px;line-height: 44px;}
	.innew{padding: 60px 6%;}
	.innewtext{padding: 40px 32px;}
	.innewleftcon .innewpages{left: 32px !important;}
	.innewleft .more{width: 160px;height: 44px;line-height: 44px;}
	.innewimg{margin-bottom: 24px;}
	.innewup{margin-bottom: 40px;}
	.inserve{padding: 60px 6%;}
	.inservetitle{margin-bottom: 60px;}
	.inabout{padding: 60px 6%;}
	.inaboutleft{width: 62%;margin-right: 10%;}
	.inaboutext p{margin-bottom: 12px;}
	.inaboutlast a{width: 160px;height: 44px;line-height: 44px;}
	.injoin{padding: 60px 4%;}
	.injoin a{width: 160px;height: 44px;line-height: 44px;}
	.about{padding: 60px 0;}
	.abouthree{padding: 60px 0;}
	.develop{padding: 60px 0;}
	.developcon ul li{padding-bottom: 60px;}
	.deveyear,.developlist{margin-bottom: 60px;}
	.certification{padding: 60px 0;}
	.contact{padding: 60px 0;}
	.contactlist,.contactup{margin-bottom: 60px;}
	.productcon{padding: 60px 0;}
	.protwo{padding: 60px 0;}
	.prothree{padding-bottom: 60px;}
	.solutionone{padding: 60px 0;}
	.solutiontwobut{padding: 60px 0;}
	.solutionthree{padding-top: 60px;}
	.solutiondetail{padding: 60px 0;}
	.solutiondetailtext{margin-bottom: 60px;}
	.newconter{padding: 60px 0;}
	.newdetail{padding: 60px 0;}
	.serve{padding: 60px 0;}
	.service{padding: 56px 0 60px 0;}
	.skillcase{padding: 60px 0;}
	.notice{padding: 60px 0;}
	.download{padding: 60px 0;}
	.addwidths{margin-bottom：60px;}
	.conterone{padding:60px 0;}
}
@media screen and (max-width: 1305px) {
	.inservelist ul{display: block;height: 300px;}
	.inservelist ul li{width: 32%;margin-right: 2%;height: 260px;}
	.insimg{margin-bottom: 14px;}
	.inservelast{margin-top: 14px;}
	.inservelist ul li:hover{height: 300px;margin-top: -34px;border: transparent;background: transparent;border-radius: 16px;}
}
@media screen and (max-width: 1210px) {
	.ht_1200{max-width: 100%;padding: 0 4%;}
	.inproduct{padding: 40px 4%;}
	.inproductext h5, .inproductexted h5{font-size: 24px;}
	.incasetitle{padding: 0 4%;margin-bottom: 40px;}
	.incasetitle h4{font-size: 24px;}
	.incasecon{padding: 40px 0 120px 0;}
	.incaseconter{padding: 80px 4% 0 4%;}
	.incaselist h5{font-size: 24px;margin-bottom: 20px;}
	.incaselist p{margin-bottom: 32px;}
	.incasenav ul{padding: 0;}
	.incasenav ul li p{font-size: 16px;}
	.innew{padding: 40px 4%;}
	.f36,.f32{font-size: 24px;}
	.innewtexted h6{margin-bottom: 12px;}
	.innewtexted p{margin-bottom: 12px;}
	.innewup{margin-bottom: 20px;}
	.inserve{padding: 40px 4%;}
	.inservelist ul li p{font-size: 20px;}
	.inabout{padding: 40px 4%;}
	.inaboutleft h4{margin-bottom: 20px;}
	.injoin{padding: 40px 4%;}
	.injoin p{margin-bottom: 32px;}
	.inbanner img{height: 360px;object-fit: cover;}
	.about{padding: 40px 0;}
	.aboutleft h4{margin-bottom: 32px;}
	.aboutone{padding-bottom: 40px;}
	.aboutitle h4{margin-bottom: 24px;}
	.aboutonelist ul li h5{font-size: 24px;}
	.aboutonelist ul li h5 span{font-size: 14px;}
	.aboutonelist ul li p{font-size: 14px;}
	.aboutwocon img,.aboutwotc img{margin-bottom: 20px;}
	.aboutwocon h5,.aboutwotc h5{margin-bottom: 20px;font-size: 24px;}
	.aboutwotc i{margin-bottom: 20px;}
	.aboutwotc p{line-height: 22px;}
	.abouthree{padding: 40px 0;}
	.abouthreetext{margin-bottom: 24px;}
	.develop{padding: 40px 0;}
	.developcon ul li{padding-bottom: 40px;}
	.deveyear,.developlist{margin-bottom: 40px;}
	.deveyear h5{font-size: 24px;margin-top: 10px;}
	.developright h5{font-size: 20px;margin-top: 2px;margin-bottom: 10px;}
	.certification{padding: 40px 0;}
	.certificationlist ul li{margin-bottom: 40px;}
	.contact{padding: 40px 0;}
	.contactlist,.contactup{margin-bottom: 40px;}
	.productcon{padding: 40px 0;}
	.nbannerbox img{height: 500px;}
	.protexted h5{font-size: 24px;}
	.protwo{padding: 40px 0;}
	.prothree{padding-bottom: 40px;}
	.protitle h4{font-size: 24px;}
	.protext{margin-bottom: 16px;}
	.protext h5{margin-bottom: 10px;}
	.solutionone{padding: 40px 0;}
	.solutiontwobut{padding: 40px 0;}
	.solutionnav ul li{margin-right: 20px;font-size: 18px;}
	.solutionnav ul li:before{right:-10px;}
	.solutionnav{margin-bottom: 40px;}
	.soright h5{margin-bottom: 20px;}
	.sotext{margin-bottom: 20px;}
	.sotext p{line-height: 22px;}
	.solutionthree{padding: 40px 0;}
	.solutext{padding: 20px;}
	.insolutioncon h4{margin-bottom: 12px;}
	.insolutioncon p{font-size: 14px;line-height: 22px;}
	.solutiondetail{padding: 40px 0;}
	.solutiondetailtext{margin-bottom: 40px;}
	.newconter{padding: 40px 0;}
	.newlist ul li{margin-bottom: 20px;}
	.newtext{padding-top: 16px;}
	.newtext h5{font-size: 16px;margin-bottom: 8px;}
	.newdetail{padding: 40px 0;}
	.newdetailconter p{font-size: 14px;margin-bottom: 12px;}
	.newothertext{padding-top: 16px;}
	.newothertext p{font-size: 16px;margin-bottom: 8px;}
	.serve{padding: 40px 0;}
	.serveup{margin-bottom: 24px;}
	.servebut h4{margin-bottom: 16px;}
	.skill{padding: 40px 0 20px 0;}
	.skillcon ul li{margin-bottom: 20px;}
	.skillnav{bottom: 20px;}
	.skillnavcon ul li{margin-right: 60px;}
	.skillnavcon ul li a p{font-size: 18px;}
	.service{padding: 40px 0;}
	.skillcase{padding: 40px 0;}
	.notice{padding: 40px 0;}
	.download{padding: 40px 0;}
	.downloadlist ul li{width: 32%;margin-right: 2%;}
	.downloadlist ul li:nth-child(4n){margin-right: 2%;}
	.downloadlist ul li:nth-child(3n){margin-right: 0;}
	.downloadconnav{margin-bottom: 40px;}
	.downloadconnav ul li{margin-right: 20px;}
	.downloadconnav ul li:before{right: -11px;}
	.newdetailup h4{margin-bottom: 20px;}
	.join{padding: 40px 0;}
	.joinup{padding: 0 20px;}
	.joinupcon{padding: 20px 0;}
	.joinup i{right: 20px;}
	.joinserach input{width: 300px;}
	.joinserach button{font-size: 14px;}
	.joinconup{margin-bottom: 24px;}
	.inbanner video{height: 420px;}
	.addwidths{margin-bottom：40px;}
	.conterone{padding:40px 0;}
}
@media screen and (max-width: 1108px) {
	.inproductext{padding: 40px 20px;}
	.inproductexted{padding: 20px;}
	.inproductext p,.inproductexted p{max-width: 100%;}
	.proone{margin-top: 0;padding-top: 40px;box-sizing: border-box;}
	.protexted h5{color: #333;}
	.protextedcon p{color: #333;}
}
@media screen and (max-width: 1040px) {
	.header{display: none;}
	.nav{display: block;}
	.banner{margin-top:60px;}
	.bannercon ul li img{height:auto;}
	.bannertext h4{font-size: 32px;line-height: 44px;}
	.bannertext p{font-size: 20px;}
	.bannernumber span{font-size: 30px;}
	.footerup{padding: 40px 0;}
	.footerbutright ul li{margin-right: 20px;}
	.inproductext h5, .inproductexted h5{margin-bottom: 14px;}
	.inproductext p,.inproductexted p{font-size: 14px;}
	.inproductext span{width: 140px;height: 40px;line-height: 38px;font-size: 14px;}
	.inproductexted span{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
	.incasecon{padding: 40px 0 80px 0;}
	.incaseconter{padding-top: 80px;}
	.incaselist p{font-size: 14px;}
	.incaselist a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
	.innewleft .more{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
	.innewtext{padding: 20px;}
	.innewtext p{font-size: 14px;}
	.innewtext h6,.innewtexted h6{font-size: 18px;}
	.innewtexted p{font-size: 14px;}
	.innewtexted h6{height: 48px;}
	.inaboutext{margin-bottom: 14px;}
	.inaboutext p{margin-bottom: 10px;font-size: 14px;line-height: 20px;}
	.inaboutlast a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
	.inbanner{margin-top: 60px;}
	.inbanner img{height: 315px;}
	.inbannertext h4{font-size: 32px;}
	.aboutleft h4{margin-bottom: 24px;}
	.aboutleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.aboutext p{line-height: 20px;margin-bottom: 10px;}
	.aboutright{float: none;width: 100%;}
	.aboutright img{margin: 0 auto;}
	.developtext p{font-size: 14px;line-height: 22px;}
	.contactlist ul li{padding: 0 10px 0 20px;}
	.inprotext{padding: 16px;}
	.inprotext h5{font-size: 16px;}
	.inprotext p{font-size: 14px;}
	.soright a{font-size: 14px;}
	.solutext{width: 100%;}
	.inbannered{margin-top: 60px;}
	.addwidth{max-width:100%;}
}
@media screen and (max-width: 980px) {
	.contactlist ul li{float: none;width: 100%;padding: 0;margin-bottom: 12px;}
	.contactlist ul li:before{display: none;}
	.contactlist ul li:last-child{margin-bottom: 0;}
	.jointitle{float: none;width: 100%;}
	.joinserach{float: none;width: 100%;}
	.joinserach input{width: 100%;}
}
@media screen and (max-width: 900px) {
	.footerbutright{display: none;}
	.incasenav{overflow-y: scroll;}
	.incasenav::-webkit-scrollbar {display:none;}
	.tips{display: block;}
	.incasenav ul{width: max-content;width: -moz-max-content;width: -o-max-content;}
	.incasenav ul li{width: 180px;}
	.inaboutcon{display: block;}
	.inaboutleft{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}
	.inaboutright{float: none;width: 100%;}
	.inaboutright:before{display: none;}
	.inaboutright img{width: auto;max-width: 100%;margin: 0 auto;}
	.aboutwo ul li{width: 50%;}
	.certificationlist ul li{width: 49%;}
	.certificationlist ul li:nth-child(3n){margin-right: 2%;}
	.certificationlist ul li:nth-child(2n){margin-right: 0;}
	.certificationlist ul li p{padding-top: 20px;}
	.solutionlist ul li{padding: 20px;}
	.solutionimg{margin-bottom: 20px;}
	.solutionlist ul li{width: 50%;}
	.soleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.soright{float: none;width: 100%;padding-top: 0;}
}
@media screen and (max-width: 860px) {
	.inproductcon ul li{float: none;width: 100%;margin-bottom: 2%;}
	.inproductcon ul li:nth-child(1){margin-right: 0;}
	.inproductcon ul li:nth-child(2){margin-bottom:2%;width: 100%;}
	.inproductcon ul li:nth-child(3){width: 100%;}
	.inproductcon ul li:last-child{margin-bottom: 0;}
	.innewcon{display: block;}
	.innewleft{float: none;width: 100%;margin-right: 0;}
	.innewleftcon .innewpages{bottom: 32px !important;}
	.innewleft .more{position: static;margin: 20px auto 0;}
	.innewright{float: none;width: 100%;margin-top: 20px;}
	.proimgs{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.proimgs img{width: auto;max-width: 100%;margin: 0 auto;}
	.protexted{float: none;width: 100%;padding-top: 0;}
	.solutionnav ul li{margin-right: 40px;font-size: 16px;margin-bottom: 8px;}
	.solutionnav ul li:before{right:-21px;top: 2px;}
	.skillnavcon ul li{margin-right: 40px;}
	.serviceup p:nth-child(1){width: 70%;}
	.serviceup p:nth-child(2){width: 15%;}
	.serviceup p:nth-child(3){width: 15%;}
	.servicebut ul li p:nth-child(1){width: 70%;}
	.servicebut ul li p:nth-child(2){width: 15%;}
	.servicebut ul li p:nth-child(3){width: 15%;}
	.skillcaseleft{float: none;width: 100%;margin-right: 0;margin-bottom: 24px;}
	.skillcaseright{float: none;width: 100%;}
}
@media screen and (max-width: 650px) {
	.downloadleft{float: none;width: 100%;margin-bottom: 20px;}
	.downloadright{float: none;width: 100%;}
	.inbanner video{height: auto;}
}
@media screen and (max-width: 580px) {
	.bannertext{max-width: 100%;}
	.bannertext h4{font-size: 24px;line-height: 32px;margin-bottom: 24px;}
	.bannertext p{font-size: 18px;}
	.bannernumber{bottom: 20px;}
	.bannernumber span{font-size:20px;}
	.bannernumber strong{font-size:14px;}
	.bannercon .bannerpages{width: 100% !important;right: auto !important;left: 0 !important;bottom: 40px !important;
	padding: 0 4%;box-sizing: border-box;}
	.footerbutconleft{float: none;}
	.footerupcon select{float: none;width: 100%;margin-top: 12px;}
	.footerewm{margin-top: 0;}
	.inproductext{padding: 20px;}
	.inproductext h5, .inproductexted h5{font-size: 20px;margin-bottom: 10px;}
	.inproductext p{margin-bottom: 20px;}
	.incasenav ul li{width: 120px;padding-bottom: 12px;}
	.incasenav ul li p:before{bottom: -13px;}
	.incaseconter{padding-top: 40px;}
	.incasecon{padding-bottom: 40px;}
	.incaselist h5{font-size: 20px;}
	.inservelist ul{height: auto;}
	.inservelist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;height: auto;padding: 20px 10px;}
	.inservelist ul li:last-child{margin-bottom: 0;}
	.inservelast{height: auto;}
	.inservetitle{margin-bottom: 24px;}
	.inservetitle p{font-size: 14px;}
	.inservelast a{position: static;}
	.inservelist ul li:hover{height: auto;margin-top: 0;border: transparent;background: transparent;border-radius: 16px;}
	.inservelist ul li:hover .inservelistbox{margin-top: 0;}
	.injoin p{max-width: 100%;}
	.inbanner img{height: 180px;}
	.inbannertext h4{font-size: 24px;}
	.aboutone{padding-bottom: 26px;}
	.aboutonelist ul li{width: 33.3%;margin-bottom: 14px;}
	.aboutwo ul li{width: 100%;float: none;margin-bottom: 12px;}
	.aboutwo ul li:last-child{margin-bottom: 0;}
	.deveyear h5{padding-left: 14px;}
	.developright{padding-left: 20px;}
	.certificationlist ul li{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}
	.zitcbox{width: 100%;}
	.contactup p{font-size: 14px;line-height: 22px;}
	.scrpage ul li a{padding: 4px 8px;}
	.samillnav{height: auto;}
	.samillnavcon ul li{line-height: 46px;}
	.samillnavcon ul li a{font-size: 14px;}
	.productlist ul li{float: none;width: 100%;margin-right: 0;}
	.prothree .productlist ul li{margin-bottom: 40px;}
	.prothree .productlist ul li:last-child{margin-bottom: 0;}
	.solutionlist ul li{width: 100%;}
	.sonext,.soprve{display: none;}
	.solutionthreebut ul li a img{height: 320px;object-fit: cover;}
	.insolution{position: static;transform: translateY(0);}
	.insolutioncon{padding: 20px 0;box-sizing: border-box;}
	.insolutioncon h4{color: #333;}
	.insolutioncon p{color: #666;}
	.solutiontj .productlist ul li{margin-bottom: 40px;}
	.solutiontj .productlist ul li:last-child{margin-bottom: 0;}
	.newlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 16px;}
	.newotherlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 16px;}
	.newotherlist ul li:last-child{margin-bottom: 0;}
	.inbannerskill{position: static;transform: translateY(0);background: #e9e5e5;padding-top: 40px;box-sizing: border-box;}
	.inbannerskill h4{color: #333;}
	.skillnav{position: static;background: #e9e5e5;padding: 40px 0 20px 0;box-sizing: border-box;}
	.skillnavcon ul li{margin-bottom: 20px;}
	.skillnavcon ul li:nth-child(3n){margin-right: 0;}
	.skillnavcon ul li a p{font-size: 16px;color: #333;}
	.skillcon ul li{float: none;width: 100%;margin-right: 0;}
	.skillserch input{padding: 0 80px 0 12px;height: 40px;}
	.skillserch button{height: 38px;font-size: 14px;width: 60px;}
	.serviceup p,.servicebut ul li p{padding: 0 8px;}
	.serviceup p:nth-child(1){width: 60%;}
	.serviceup p:nth-child(2){width: 20%;}
	.serviceup p:nth-child(3){width: 20%;}
	.servicebut ul li p:nth-child(1){width: 60%;}
	.servicebut ul li p:nth-child(2){width: 20%;}
	.servicebut ul li p:nth-child(3){width: 20%;}
	.downloadconnav{margin-bottom: 20px;}
	.downloadconnav ul li a{font-size: 16px;}
	.downloadconnav ul li:before{height: 14px;top: 5px;}
	.downloadlist ul li{width: 100%;margin-right: 0%;float: none;}
	.joinup{padding: 0 12px;}
	.joinbutcon{padding-top: 14px;}
	.joinbut{padding: 0 14px 14px 14px;}
	.joinupleft h5{font-size: 16px;}
	.conterlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 12px;}
	.conterlist ul li:last-child{margin-bottom: 0;}
	.conterlist ul li a{display:block;padding:12px;box-sizing:border-box;}
	.conlefted{float:none;margin:0 auto;}
	.conrighted{float:none;width:100%;}
	.conrighted h6{font-size:18px;}
}