@import url(base.css);
.jq{padding: 0 1.8rem;box-sizing: border-box;}

.header{width: 100%;height: 80px;background: transparent;position: fixed;top: 0;left: 0;z-index: 1000;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headercon{width: 100%;}
.headerleft{float: left;height: 80px;display: flex;align-items: center;max-width: 110px;min-width: 110px;}
.headerleft a{display: block;overflow: hidden;position: relative;width: 100%;height: 48px;}
.headerleft a img{display: block;max-width: 100%;position: absolute;top: 0;left: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerleft a .headerlogos{opacity: 0;}
.headeright{float: right;}
.headeright ul li{float: left;margin-right: 0.46rem;position: relative;}
.headeright ul li:last-child{margin-right: 0;}
.headeright>ul>li>a{display: block;font-size: 16px;color: #fff;line-height: 80px;}
.headerdown{position: absolute;top: 80px;left: 50%;width: 180px;margin-left: -90px;padding: 10px 0;display: none;
background: #fff;border-radius:0 0 4px 4px;box-shadow: 0 8px 10px rgba(0,0,0,0.3);}
.headerdown a{display: block;padding: 6px 8px;box-sizing: border-box;font-size: 14px;color: #333;text-align: center;
/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerdown a:hover{background: #089CFD;color: #fff;}
.header.headeractive{background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.header.headeractive .headerlogo{opacity: 0;}
.header.headeractive .headerlogos{opacity: 1;}
.header.headeractive .headeright>ul>li>a{color: #333;}
.header.headeractive .headeright>ul>li>a:hover{color: #089CFD;}

/* 手机端 */
.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;}
.navleft a{display: block;font-size: 0;width: 80px;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.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(../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-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(../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;box-sizing: border-box;border-top: 1px solid #eee;background: #5e83a2;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.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%;margin: 0 auto;}
.jqpages{bottom: 36px !important;overflow: hidden !important;}
.jqpages .swiper-pagination-bullet{border-radius: 50% !important;opacity: 1 !important;height: 12px !important;width: 12px !important;
margin: 0 8px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;border: 0;overflow: hidden;
background: #fff !important;}
.jqpages .swiper-pagination-bullet-active{width: 40px !important;border-radius: 25px !important;}
.conter{width: 100%;}
.in_product{width: 100%;padding: 0.8rem 0;box-sizing: border-box;background: #F5F7FA;}
.in_productcon{width: 100%;}
.in_title{width: 100%;margin-bottom: 0.64rem;}
.in_titlecon{width: 100%;}
.in_titlecon h4{display: table;margin: 0 auto;font-size: 0.48rem;color: #292C33;font-weight: 400;line-height: 0.48rem;margin-bottom: 0.16rem;
position: relative;}
.in_titlecon h4::before{content: "";width: 0.5rem;height: 0.36rem;background: url(../image/icon1.png) center no-repeat;
background-size: 100% 100%;position: absolute;top: 0.08rem;right: -0.74rem;}
.in_titlecon h4::after{content: "";width: 0.5rem;height: 0.36rem;background: url(../image/icon2.png) center no-repeat;
background-size: 100% 100%;position: absolute;top: 0.08rem;left: -0.74rem;}
.in_titlecon p{font-size: 0.32rem;color: #525866;font-weight: 400;line-height: 0.48rem;text-align: center;}
.in_prolist{width: 100%;}
.in_prolist ul li{float: left;width: 23.5%;margin-right: 2%;position: relative;}
.in_prolist ul li:last-child{margin-right: 0;}
.in_prolist ul li a{display: block;}
.in_proimg{width: 100%;margin: 0 auto;display: block;}
.in_proconter{width: 100%;position: absolute;top: 0;left: 0;padding: 0.48rem 0.28rem;box-sizing: border-box;}
.in_cpimg{display: block;width: 0.56rem;margin-bottom: 0.28rem;}
.in_protext{width: 100%;}
.in_protext h5{font-size: 0.32rem;color: #fff;font-weight: 500;line-height: 0.32rem;margin-bottom: 0.08rem;}
.in_protext p{font-size: 16px;color: #fff;font-weight: 300;line-height: 20px;margin-bottom: 0.24rem;}
.in_protext span{display: block;font-size: 16px;color: #fff;font-weight: 400;}
.in_protext span i{display: inline-block;width: 17px;height: 12px;background: url(../image/xjt.png) center no-repeat;
background-size: 100% 100%;vertical-align: -0.01rem;margin-left: 0.06rem;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.in_prolist ul li:hover .in_protext span i{margin-left: 0.18rem;}
.in_service{width: 100%;padding: 0.8rem 0;box-sizing: border-box;background-color: #fff !important;}
.in_servicecon{width: 100%;}
.in_sernav{width: 100%;margin-bottom: 1rem;}
.in_sernav ul{float: left;width: 80%;}
.in_sernav ul li{float: left;margin-right: 1.8rem;}
.in_sernav ul li:last-child{margin-right: 0;}
.in_sernav ul li a{display: table;font-size: 0.24rem;color: #525866;font-weight: 400;line-height: 32px;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;padding-bottom: 0.16rem;box-sizing: border-box;}
.in_sernav ul li a::before{content: '';width: 00%;height: 2px;background: #089CFD;position: absolute;bottom: 0;left: 0;
transition:.25s;-moz-transition: .25s;-webkit-transition: .25s;-o-transition: .25s;}
.in_sernav ul li a:hover{color: #089CFD;}
.in_sernav ul li a:hover::before{width: 100%;}
.in_sernav ul li.active a{color: #089CFD;}
.in_sernav ul li.active a::before{width: 100%;}
.in_more{float: left;font-size: 0.24rem;color: #525866;font-weight: 400;line-height: 32px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-left: 6%;}
.in_more:hover{color: #089CFD;}
.in_serconter{width: 100%;}
.in_serlist{width: 100%;display: none;}
.in_serlist:first-child{display: block;}
.in_serleft{float: left;width: 52%;}
.in_serleft h5{font-size: 0.32rem;color: #292C33;font-weight: 500;line-height: 0.45rem;margin-bottom: 0.35rem;}
.in_serleft p{font-size: 0.2rem;color: #525866;line-height: 0.38rem;font-weight: 400;}
.in_serleft a{display: block;width: 2.2rem;height: 0.64rem;background: #089CFD;border-radius: 4px;text-align: center;line-height: 0.64rem;
font-size: 0.18rem;color: #fff;margin-top: 0.8rem;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.in_serleft a:hover{opacity: 0.8;}
.in_seright{float: right;width: 40%;}
.in_seright img{display: block;width: 100%;margin: 0 auto;}
.in_solution{width: 100%;padding: 0.8rem 0;box-sizing: border-box;background: #F5F7FA;}
.in_solutioncon{width: 100%;}
.in_solutionlist{width: 100%;}
.in_solutionlist ul li{float: left;width: 23.5%;margin-right: 2%;position: relative;overflow: hidden;}
.in_solutionlist ul li:last-child{margin-right: 0;}
.in_solutionlist ul li a{display: block;}
.in_solutionlist ul li a .in_soimg{display: block;width: 100%;margin: 0 auto;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.in_sotext{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;
padding: 0 10px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.in_sotext h5{font-size: 0.32rem;color: #fff;font-weight: 500;text-align: center;line-height: 0.32rem;margin-bottom: 0.32rem;}
.in_sotext p{font-size: 0.2rem;color: #fff;font-weight: 400;text-align: center;}
.in_sotbut{width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;opacity: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.in_sotbutcon{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;}
.in_sotbutcon h5{font-size: 0.32rem;color: #fff;font-weight: 500;text-align: center;line-height: 0.32rem;margin-bottom: 0.32rem;}
.in_sotbutcon p{font-size: 0.2rem;color: #fff;font-weight: 400;text-align: center;line-height: 0.2rem;margin-bottom: 0.56rem;}
.in_sortbutimg{display: block;margin: 0 auto;width: 0.8rem;height: 0.8rem;border-radius: 50%;}
.in_solutionlist ul li:hover .in_sotext{opacity: 0;}
.in_solutionlist ul li:hover .in_soimg{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.in_solutionlist ul li:hover .in_sotbut{bottom: 0;opacity: 1;}
.in_customer{width: 100%;padding: 0.8rem 0;box-sizing: border-box;background-color: #fff;}
.in_customercon{width: 100%;}
.in_customernav{width: 100%;margin-bottom: 0.65rem;}
.in_customernav ul{width: 80%;margin: 0 auto;}
.in_customernav ul li{float: left;padding-left: 10%;box-sizing: border-box;}
.in_customernav ul li:nth-child(1){width: 30%;}
.in_customernav ul li:nth-child(2){width: 40%;}
.in_customernav ul li:nth-child(3){width: 30%;}
.in_customernav ul li p{font-size: 0.32rem;color: #525866;font-weight: 500;line-height: 0.32rem;margin-bottom: 0.26rem;}
.in_customernav ul li h5{font-size: 0.54rem;color: #089CFD;font-weight: 500;line-height: 0.54rem;}
.in_customernav ul li h5 b{font-weight: 500;vertical-align: -3px;}
.in_customerbut{width: 100%;}
.in_customerbut ul li{float: left;width: 18%;margin-right: 2.5%;margin-bottom: 0.2rem;}
.in_customerbut ul li:nth-child(5n){margin-right: 0;}
.in_customerbut ul.hiden li:nth-child(n+11){display: none;}
.in_customerbut ul li img{display: block;max-width: 100%;margin: 0 auto;}
.mored{display: table;margin: 0.2rem auto 0;font-size: 0.18rem;color: #089CFD;font-weight: 500;}
.in_news{width: 100%;padding: 1.4rem 0 0.9rem 0;box-sizing: border-box;background: #F5F7FA;}
.in_newscon{width: 100%;}
.in_newsleft{float: left;width: 28%;padding-top: 0.8rem;box-sizing: border-box;}
.in_newtitle{width: 100%;margin-bottom: 0.65rem;}
.in_newtitle h4{display: table;font-size: 0.48rem;color: #292C33;font-weight: 400;line-height: 0.48rem;margin-bottom: 0.16rem;
position: relative;}
.in_newtitle h4::before{content: "";width: 0.5rem;height: 0.36rem;background: url(../image/icon1.png) center no-repeat;
background-size: 100% 100%;position: absolute;top: 0.08rem;right: -0.74rem;}
.in_newtitle p{font-size: 0.2rem;color: #525866;font-weight: 500;line-height: 0.2rem;}
.in_newpsges{width: 100%;}
.in_newpsges .newsnext{float: left;width: 37px;height: 26px;background: url(../image/al.svg) center no-repeat;background-size: 100% 100%;
position: static;cursor: pointer;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-right: 24px;}
.in_newpsges .newsprev{float: left;width: 37px;height: 26px;background: url(../image/ar.svg) center no-repeat;background-size: 100% 100%;
position: static;cursor: pointer;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.in_newsright{float: right;width: 66%;position: relative;}
.in_newsright::before{content: "";width: 1.32rem;height: 1.2rem;background: url(../image/nbj.png) center no-repeat;background-size: 100% 100%;
position: absolute;top: -0.7rem;left: -0.2rem;z-index: 100;}
.in_newsrightcon{width: 100%;padding: 2%;box-sizing: border-box;}
.in_newsrightcon ul li{float: left;background: #fff;box-shadow: 0px 8px 27px 0px rgba(181, 214, 235, 0.35);border-radius: 20px;height: 5rem;}
.in_newsrightcon ul li a{display: block;width: 100%;padding: 0.48rem 0.55rem;box-sizing: border-box;}
.in_nimg{display: block;margin-bottom: 0.4rem;}
.in_nimg img{display: block;max-width: 100%;margin: 0 auto;}
.in_newtext{width: 100%;}
.in_newtext h5{font-size: 0.24rem;color: #292C33;font-weight: 400;line-height: 0.33rem;margin-bottom: 0.2rem;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.in_newtext span{display: block;font-size: 0.16rem;color: #525866;font-weight: 400;line-height: 0.22rem;margin-bottom: 0.2rem;}
.in_newtext p{display: block;font-size:0.18rem;color: #525866;font-weight: 400;line-height: 0.35rem;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;height: 1.75rem;}
.in_newsrightcon ul li:hover .in_newtext h5{color: #089CFD;}
.xwpages{width: 100%;text-align: center;display: none;}
.xwpages span{margin: 0 4px;}
.footer{width: 100%;padding-top: 0.8rem;box-sizing: border-box;background: #fff;}
.footerconter{width: 100%;padding-bottom: 0.32rem;box-sizing: border-box;}
.footerleft{float: left;width: 30%;}
.footerup{width: 100%;margin-bottom: 0.2rem;}
.footerup p{font-size: 14px;color: #292C33;font-weight: 400;line-height: 20px;margin-bottom: 0.08rem;}
.footerup h6{font-size: 0.32rem;color: #089CFD;font-weight: 500;line-height: 0.32rem;}
.footerup h6 i{animation:tel 6s ease-out 0s infinite;-webkit-animation:tel 6s ease-out 0s infinite;display:inline-block; font-style:normal;}
.footercon{width: 100%;margin-bottom: 0.2rem;}
.footercon p{font-size: 14px;color: #525866;font-weight: 400;margin-bottom: 0.08rem;}
.footercon p:last-child{margin-bottom: 0;}
.footerlast{width: 100%;}
.footerlastleft{float: left;width: 100px;margin-right: 10px;}
.footerlastleft img{display: block;max-width: 100%;margin: 0 auto;}
.footerlastright{float: left;width: calc(100% - 110px);padding-top: 20px;box-sizing: border-box;}
.footerlastright h5{font-size: 18px;color: #525866;font-weight: 500;line-height: 28px;}
.footerlastlist{width: 100%;}
.footerlastlist a{float: left;font-size: 14px;color: #525866;font-weight: 400;line-height: 28px;margin-right:12px;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerlastlist a:hover{color: #089CFD;}
.footerlastlist a::before{content: "";width: 1px;height: 12px;background: #525866;position: absolute;top: 8px;right: -7px;}
.footerlastlist a:last-child::before{display: none;}
.footerlastlist a:last-child{margin-right: 0;}
.footeright{float: right;width: 60%;position: relative;}
.footeright::before{content: "";width: 1px;height: 260px;background: #D9D9D9;position: absolute;top: 8px;left: -10%;}
.footeright ul li{float: left;width: 25%;}
.footeright ul li h5{font-size: 16px;color: #292C33;font-weight: 500;margin-bottom: 0.24rem;}
.footeright ul li a{font-size: 14px;color: #525866;font-weight: 400;line-height: 28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: table;}
.footeright ul li a:hover{color: #089CFD;}
.footerbut{width: 100%;border-top: 1px solid #D9D9D9;padding: 0.26rem 0;box-sizing: border-box;}
.footerbutleft{float: left;} 
.footerbutleft p{font-size: 14px;color: #999;}
.footerbutleft p a{color: #999;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbutleft p a:hover{color: #089CFD;}
.footerbutright{float: right;}
.footerbutright a{float: left;font-size: 14px;color: #999;font-weight: 400;margin-right:12px;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbutright a:hover{color: #089CFD;}
.footerbutright a::before{content: "";width: 1px;height: 12px;background: #999;position: absolute;top: 4px;right: -5.5px;}
.footerbutright a:last-child::before{display: none;}
.footerbutright a:last-child{margin-right: 0;}
.ce{position: fixed;top:50%;right: 40px;width: 68px;transform: translateY(-50%);z-index: 100;}
.ce ul li{width: 100%;margin-bottom: 8px;}
.ce ul li a{width: 100%;height: 68px;background: #E2F2FF;border-radius: 8px;cursor: pointer;margin-bottom: 8px;padding-top: 13px;box-sizing: border-box;
display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ce ul li:last-child{margin-bottom: 0;}
.ceimg{width: 25px;height: 20px;margin: 0 auto 9px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ceimg.qq{background: url(../image/qq.png) center no-repeat;}
.ceimg.wx{background: url(../image/wx.png) center no-repeat;}
.ceimg.dh{background: url(../image/dh.png) center no-repeat;}
.ceimg.sq{background: url(../image/sq.png) center no-repeat;}
.cetext{font-size: 12px;color: #089CFD;font-weight: 400;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.ce ul li:hover a{background: #089CFD;}
.ce ul li:hover .ceimg.qq{background: url(../image/qqs.png) center no-repeat;}
.ce ul li:hover .ceimg.wx{background: url(../image/wxs.png) center no-repeat;}
.ce ul li:hover .ceimg.dh{background: url(../image/dhs.png) center no-repeat;}
.ce ul li:hover .ceimg.sq{background: url(../image/sqs.png) center no-repeat;}
.ce ul li:hover .cetext{color: #fff;}
.in_serlast{width: 100%;display: none;}
.in_serlast a{display: block;width: 2.2rem;height: 0.64rem;background: #089CFD;border-radius: 4px;text-align: center;line-height: 0.64rem;
font-size: 0.18rem;color: #fff;margin: 0.4rem auto 0;}
.cetextcon{width: 316px;height: 382px;padding-right: 8px;box-sizing: border-box;
position: absolute;top: 0;right: 68px;display: none;}
.cetextconter{background: #fff;box-shadow: 0px 4px 12px 0px rgba(8, 156, 253, 0.1);border-radius: 8px;
width: 100%;height: 100%;padding: 32px;box-sizing: border-box;} 
.cetitle{width: 100%;margin-bottom: 20px;}
.cetitle h5{font-size: 28px;color:#292C33;font-weight: 500;margin-bottom: 10px;}
.cetitle p span{display: inline-block;font-size: 14px;color: #525866;position: relative;margin-right: 12px;}
.cetitle p span::before{content: "";width: 1px;height: 12px;background: #525866;position: absolute;top: 4px;right: -7px;}
.cetitle p span:last-child::before{display: none;}
.cetitle p span:last-child{margin-right: 0;}
.ceimged{width: 100%;margin: 0 auto 4px;}
.ceimged img{display: block;max-width: 200px;margin: 0 auto;}
.celast{width: 100%;}
.celast p{font-size: 14px;color:#525866;text-align: center;font-weight: 400;}
.ce ul li.ceweixin:hover .cetextcon{display: block;}
.ce ul li.dhzx{position: relative;}
.addtall{width: 260px;height: 68px;padding-right: 8px;box-sizing: border-box;display: none;
 position: absolute;top: 0;right: 68px;}
.addtallcon{width: 100%;height: 100%;border-radius: 8px;background: #fff;box-shadow: 0px 4px 12px 0px rgba(8, 156, 253, 0.1);}
.addtallcon h5{font-size: 26px;color: #089CFD;text-align: center;line-height: 68px;font-weight: 400;}
.ce ul li.dhzx:hover .addtall{display: block;}
.backup{cursor: pointer;font-size:14px;position: fixed;text-align: center;z-index: 5500;transition: background-color 0.2s ease-in-out;display:none;
background: #121212;color: #ffffff;border-radius: 3px;padding: 12px;right: 20px;bottom: 45px;}
.backup:hover{background: #089CFD;}
/* 联系我们 */
.jq_1180{max-width: 1180px;box-sizing: border-box;margin: 0 auto;}
.cbanner{width: 100%;position: relative;}
.cbanner img{display: block;width: 100%;margin: 0 auto;object-fit: cover;}
.cbannertext{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cbannertextcon{width: 100%;}
.ctitlecon{width: 100%;}
.ctitlecon h4{display: table;margin: 0 auto;font-size: 0.56rem;color: #fff;font-weight: 400;line-height: 0.48rem;margin-bottom: 0.16rem;
position: relative;}
.ctitlecon h4::before{content: "";width: 0.5rem;height: 0.36rem;background: url(../image/icon1.png) center no-repeat;
background-size: 100% 100%;position: absolute;top: 0.08rem;right: -0.74rem;}
.ctitlecon h4::after{content: "";width: 0.5rem;height: 0.36rem;background: url(../image/icon2.png) center no-repeat;
background-size: 100% 100%;position: absolute;top: 0.08rem;left: -0.74rem;}
.contact{width: 100%;padding: 1rem 0 0.6rem 0;box-sizing: border-box;background: #fff;}
.contactup{width: 100%;}
.contactfirst{width: 100%;}
.contactfirstcon{width: 100%;}
.contactitle{width: 100%;font-size: 32px;color: #1F2329;font-weight: 500;margin-bottom: 0.34rem;}
.contactfirstbut{width: 100%;margin-bottom: 0.56rem;}
.conleft{float: left;width: 78%;margin-right: 2%;padding: 0.48rem 0.32rem;box-sizing: border-box;margin-top: 12px;
background: linear-gradient(270deg, #FFFFFF 0%, #089CFD 100%);}
.conleftup{width: 100%;margin-bottom: 0.4rem;}
.conleftup ul li{float: left;width: 38%;margin-right: 5%;}
.conleftup ul li:last-child{margin-right: 0;}
.conleftup ul li p{font-size: 16px;color: #fff;font-weight: 400;margin-bottom: 10px;}
.conleftup ul li h5{font-size: 32px;color: #fff;font-weight: 500;}
.conleftbut{width: 100%;}
.conleftbut p{font-size: 16px;color: #fff;font-weight: 400;}
.conright{float: right;width: 20%;}
.conrightimg{max-width: 200px;margin: 0 auto;float: right;}
.conrightimg img{display: block;margin: 0 auto 10px;max-width: 100%;}
.conrightimg p{font-size: 14px;color: #525866;font-weight: 400;text-align: center;}
.contactlist{width: 100%;margin-bottom: 0.56rem;}
.contactlist ul li{float: left;width: 32%;margin-right: 2%;height: 250px;border: 1px solid #E6E6E6;padding: 40px 32px;box-sizing: border-box;
background: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-bottom:2%;}
.contactlist ul li:nth-child(3n){margin-right: 0;}
.contitles{width: 100%;margin-bottom: 0.48rem;}
.contitles h5{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 0.16rem;}
.contitles i{display: block;width: 38px;height: 0.06rem;background: #089CFD;}
.conlister{width: 100%;}
.conlister p{margin-bottom: 0.1rem;}
.conlister p:last-child{margin-bottom: 0;}
.conlister p i{display: inline-block;width: 16px;height: 16px;vertical-align: -2px;margin-right: 0.08rem;}
.conlister p i img{display: block;max-width: 100%;margin: 0 auto;}
.conlister .tall span{font-size: 16px;color: #333;font-weight: 500;}
.conlister .dizhi span{font-size: 14px;color: #333;font-weight: 400;}
.contactlist ul li:hover{box-shadow: -2px 8px 28px -3px rgba(26, 134, 192, 0.2);border-color: #fff;}
.contactlast{width: 100%;min-height: 400px;position: relative;}
.conlast{position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0 0.78rem;box-sizing: border-box;}
.conlastcon{max-width: 450px;}
.conlastcon h5{font-size: 32px;color: #fff;font-weight: 500;margin-bottom: 0.28rem;}
.conlastcon p{font-size: 14px;color: #fff;font-weight: 400;margin-bottom: 0.46rem;}
.conlastcon a{display: block;width: 154px;height: 48px;border-radius: 2px;background: #089CFD;
text-align: center;line-height: 48px;font-size: 14px;color: #fff;opacity: 0.9;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.conlastcon a:hover{opacity: 1;}
.contactbut{width: 100%;padding: 0.74rem 0;box-sizing: border-box;}
.contactbox h5{font-size: 32px;color: #1F2329;font-weight: 500;text-align: center;margin-bottom: 0.16rem;}
.contactbox p{font-size: 24px;color: #1F2329;font-weight: 400;text-align: center;margin-bottom: 0.24rem;}
.contactlasted{width: 100%;text-align: center;}
.contactlasted a{display: inline-block;width: 112px;height: 48px;border-radius: 2px;margin-right: 0.12rem;
border: 1px solid #089CFD;box-sizing: border-box;text-align: center;line-height: 46px;color: #fff;font-size: 14px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactlasted .tiyan{background: #089CFD;opacity: 0.9;}
.contactlasted .tiyan:hover{opacity: 1;}
.contactlasted .lianxi{margin-right: 0;color: #089CFD;opacity: 0.9;}
.contactlasted .lianxi:hover{opacity: 1;background: #089CFD;color: #fff;opacity: 1;}
/* 加入我们 */
.join{width: 100%;padding: 0.58rem 0 0.88rem 0;box-sizing: border-box;background: #fff !important;}
.joincon{width: 100%;}
.jointitle{width: 100%;position: relative;padding-left: 26px;box-sizing: border-box;margin-bottom: 0.56rem;}
.jointitle::before{content: "";width: 6px;height: 96%;background: #089CFD;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;}
.joinlist{width: 100%;}
.joinlist ul li{width: 100%;background: #fff;margin-bottom: 0.24rem;box-shadow: 0px 6px 18px 0px rgba(181, 214, 235, 0.35);
border-radius: 4px;overflow: hidden;}
.joinlist ul li:last-child{margin-bottom: 0;}
.joinup{width: 100%;padding: 0 0.4rem;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: 0.3rem 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/m.png) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background-size: cover;position: absolute;top: 50%;right: 0.4rem;margin-top: -8px;}
.joinupcon:hover i{background: url(../image/ms.png) center no-repeat;background-size: cover;}
.joinbut{width: 100%;padding: 0 0.4rem 0.4rem 0.4rem;box-sizing: border-box;display: none;}
.joinbutcon{width: 100%;border-top: 1px solid #999999;padding-top: 0.28rem;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: #089CFD;}
.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: #089CFD;}
.joinlist ul li:hover .joinup{background: #089CFD;}
.joinlist ul li:hover .joinup .joinupcon{border-color: #089CFD;}
.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;}
.new{width: 100%;padding: 0.8rem 0;box-sizing: border-box;background: #fff;}
.newcon{width: 100%;}
.newcon ul li{width: 100%;padding-bottom: 0.38rem;box-sizing: border-box;position: relative;}
.newcon ul li::before{content: "";width: 82px;height: 100%;background: url(../image/xian.png) center;position: absolute;top: 0%;left: 0;}
.newleft{width: 120px;float: left;margin-right: 40px;background: #fff;padding: 10px 0;box-sizing: border-box;position: relative;z-index: 1;}
.newcon ul li:first-child .newleft{padding-top: 0;}
.newleftcon{width: 100%;}
.newleftcon h5{font-size: 32px;color: #333;font-weight: 500;}
.newleftcon p{font-size: 16px;color: #333;font-weight: 400;}
.newright{width: calc(100% - 160px);float: right;}
.newtime{font-size: 22px;color: #089CFD;font-weight: 500;margin-bottom: 10px;display: none;}
.newright a{display: block;width: 100%;margin-bottom: 0.38rem;}
.newright a:last-child{margin-bottom: 0;}
.newimg{float: left;width: 294px;height: 196px;overflow: hidden;margin-right: 32px;}
.newimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newtext{float: left;width: calc(100% - 326px);padding-top: 20px;box-sizing: border-box;}
.newtext h5{font-size: 16px;color: #1F2329;font-weight: 500;margin-bottom: 16px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newtext p{font-size: 14px;color: #646A73;font-weight: 400;margin-bottom: 40px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtext span{display: block;width: 96px;height: 32px;border: 1px solid #B3B3B3;box-sizing: border-box;
text-align: center;line-height: 30px;font-size: 12px;color: #525866;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newright a:hover .newimg 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);}
.newright a:hover .newtext h5{color: #089CFD;}
.newright a:hover .newtext span{background: #089CFD;color: #fff;border-color: #089CFD;}
/* 新闻详情 */
.newxq{width: 100%;padding: 0.28rem 0 0.64rem 0;box-sizing: border-box;background: #fff;}
.newxqcon{width: 100%;}
.mianbao{width: 100%;margin-bottom: 0.4rem;}
.mianbao a{float: left;font-size: 14px;color: #999999;font-weight: 400;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.mianbao span{float: left;font-size: 14px;color: #999999;font-weight: 400;margin: 0 8px;}
.mianbao strong{float: left;font-size: 14px;color: #999999;font-weight: 400;}
.mianbao a:hover{color: #089CFD;}
.newtitle{width: 100%;border-bottom: 1px solid #D8D8D8;padding-bottom: 16px;box-sizing: border-box;}
.newtitle h5{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 10px;}
.newtitle p{font-size: 14px;color: #999;font-weight: 400;}
.newtitle p span{display: inline-block;margin-right: 20px;}
.newtitle p span:last-child{margin-right: 0;}
.newxqconter{width: 100%;padding: 0.4rem 0;box-sizing: border-box;}
.newxqconter h5{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 10px;}
.newxqconter p{font-size: 14px;color: #333;font-weight: 500;margin-bottom: 16px;}
.newxqconter p:last-child{margin-bottom: 0;}
.jqpages{width: 100%;padding-top: 0.2rem;box-sizing: border-box;}
.xqpagesleft{float: left;width: 48%;text-align: left;position: relative;padding-left: 20px;box-sizing: border-box;}
.xqpagesleft::before{content: "";width: 2px;height: 100%;background: #D8D8D8;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.xqmore{display: inline-block;font-size: 18px;color: #333;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-bottom: 10px;}
.xqmore:hover{color: #089CFD;}
.xqpagesleft p{font-size: 14px;color: #666;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xqpagesright{float: right;width: 48%;text-align: right;padding-right: 20px;box-sizing: border-box;position: relative;}
.xqpagesright::before{content: "";width: 2px;height: 100%;background: #D8D8D8;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.xqpagesright p{font-size: 14px;color: #666;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 解决方案 */
.solution{width: 100%;padding: 0.64rem 0;box-sizing: border-box;background: #fff;}
.solutioncon{width: 100%;}
.solutionlist{width: 100%;}
.solutionlist ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 0.4rem;}
.solutionlist ul li:nth-child(2n){margin-right: 0;}
.solutionlist ul li a{display: block;width: 100%;}
.solutionimg{width: 100%;overflow: hidden;}
.solutionimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutiontext{width: 100%;padding-top: 0.28rem;box-sizing: border-box;}
.solutiontext h5{font-size: 16px;color: #1F2329;font-weight: 500;margin-bottom: 10px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.solutiontext strong{font-size: 12px;color: #525866;font-weight: 400;margin-bottom: 16px;display: block;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.solutiontext p{font-size: 14px;color: #646A73;font-weight: 400;margin-bottom: 20px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.solutiontext span{display: block;width: 96px;height: 32px;border: 1px solid #B3B3B3;box-sizing: border-box;
text-align: center;line-height: 30px;font-size: 12px;color: #525866;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutionlist ul li:hover .solutionimg 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);}
.solutionlist ul li:hover .solutiontext h5{color: #089CFD;}
.solutionlist ul li:hover .solutiontext span{background: #089CFD;color: #fff;border-color: #089CFD;}
.scrpage{width: 100%;margin: 0.1rem 0 0 0;}
.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:first-child a{background: url(../images/page.png) center no-repeat;}*/
/*.scrpage ul li:last-child a{background: url(../images/pages.png) center no-repeat;}*/
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;box-sizing: border-box;border-radius: 2px;text-align: center;line-height: 30px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;min-height: 32px;min-width: 32px;padding: 0 12px;}
.scrpage ul .active a{border-color: #089CFD;background: #089CFD;color: #fff;}
.scrpage ul li:hover a{border-color: #089CFD;background: #089CFD;color: #fff;}
/*.scrpage ul li:first-child:hover a{background: url(../images/pageleft.png) center no-repeat;}*/
/*.scrpage ul li:last-child:hover a{background: url(../images/pageright.png) center no-repeat;}*/
/* 服务与支持 */
.service{width: 100%;padding: 0.4rem 0 0.64rem 0;box-sizing: border-box;background: #fff;}
.servicecon{width: 100%;}
.servicenav{width: 100%;margin-bottom: 0.4rem;}
.servicenav ul{text-align: center;}
.servicenav ul li{display: inline-block;margin-right: 12px;margin-bottom: 4px;}
.servicenav ul li:last-child{margin-right: 0;}
.servicenav ul li a{display: block;padding: 0 24px;font-size: 16px;color: #666666;border-radius: 25px;height: 40px;line-height: 40px;
background: #F3F3F3;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.servicenav ul li.active a{background: #089CFD;color: #fff;}
.servicenav ul li:hover a{background: #089CFD;color: #fff;}
.serviceup{width: 100%;margin-bottom: 0.4rem;}
.serleft{float: left;width: 66%;margin-right: 2%;position: relative;}
.serleft a{display: block;width: 100%;overflow: hidden;height: 100%;}
.serleft a img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.sertext{width: 100%;padding: 0.24rem 0.32rem;box-sizing: border-box;position: absolute;bottom: 0;left: 0;}
.sertext h5{font-size: 18px;color: #fff;font-weight: 500;margin-bottom: 16px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sertext p{font-size: 14px;color: #fff;font-weight: 400;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.serleft: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);}
.seright{float: right;width: 32%;}
.seright a{display: block;width: 100%;}
.serimg{width: 100%;overflow: hidden;}
.serimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.sertexted{width: 100%;padding-top: 0.32rem;box-sizing: border-box;}
.sertexted h5{font-size: 18px;color: #333;font-weight: 500;margin-bottom: 0.16rem;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sertexted p{font-size: 14px;color: #646A73;font-weight: 400;margin-bottom: 0.3rem;height: 57px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.sertexted span{display: block;width: 96px;height: 32px;border: 1px solid #B3B3B3;box-sizing: border-box;
text-align: center;line-height: 30px;font-size: 12px;color: #525866;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.seright a:hover .serimg 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);}
.seright a:hover .sertexted h5{color: #089CFD;}
.seright a:hover .sertexted span{border-color: #089CFD;background: #089CFD;color: #fff;}
.servicebut{width: 100%;}
.servicebutlist{width: 100%;}
.servicebutlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 0.4rem;}
.servicebutlist ul li:nth-child(3n){margin-right: 0;}
.servicebutlist ul li a{display: block;width: 100%;}
.servicebutlist ul li:hover .serimg 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);}
.servicebutlist ul li:hover .sertexted h5{color: #089CFD;}
.servicebutlist ul li:hover .sertexted span{border-color: #089CFD;background: #089CFD;color: #fff;}
/* 服务与支持详情 */
.newxqlist{margin-bottom: 30px;}
.newxqlist:last-child{margin-bottom: 0;}
/* 图书推荐 */
.books{width: 100%;}
.books ul li{float: left;width: 32%;margin-right: 2%;background: #fff;margin-bottom: 0.5rem;}
.books ul li:nth-child(3n){margin-right: 0;}
.books ul li a{display: block;width: 100%;}
.bookimg{width: 100%;margin: 0 auto 0.24rem;}
.bookimg img{display: block;max-width: 100%;margin: 0 auto;}
.booktext{width: 100%;}
.booktext h5{font-size: 18px;color: #333;font-weight: 500;margin-bottom: 0.16rem;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.booktext p{font-size: 14px;color: #646A73;font-weight: 400;margin-bottom: 0.3rem;height: 38px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.booktext span{display: block;width: 96px;height: 32px;border: 1px solid #B3B3B3;box-sizing: border-box;
text-align: center;line-height: 30px;font-size: 12px;color: #525866;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
/* 资料下载 */
.download{width: 100%;}
.downloadup{width: 1000px;margin: 0 auto 0.3rem;}
.downloadup select{float: left;width: 348px;height: 40px;border: 1px solid #E6E6E6;border-radius: 2px;
font-size: 14px;color: #333;font-weight: 400;padding: 0 24px 0 16px;box-sizing: border-box;outline: none;
background: url(../image/caret-up.png) 324px center no-repeat;margin-right: 12px;
appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.downloadupinp{float: left;width: 348px;position: relative;}
.downloadupinp input{float: left;width: 100%;height: 40px;border: 1px solid #E6E6E6;border-radius: 2px;
font-size: 14px;color: #333;font-weight: 400;padding: 0 44px 0 16px;box-sizing: border-box;outline: none;
background: #fff;}
.downloadupinp button{display: block;width: 40px;height: 40px;background: url(../image/sousuo.png) center no-repeat;
position: absolute;top: 0;right: 0;border: 0;outline: none;}
.downloadlist{width: 1000px;margin: 0 auto 0.5rem;}
.downloadlist ul li{width: 100%;margin-bottom: 8px;}
.downloadlist ul li:last-child{margin-bottom: 0;}
.downloadlist ul li a{display: block;width: 100%;padding: 0.2rem 0.32rem;background: #F7F7F7;border-radius: 2px;box-sizing: border-box;}
.downloadlist ul li a p{float: left;width: 70%;margin-top: 4px;}
.downloadlist ul li a p i{display: block;float: left;width: 26px;margin-right: 12px;}
.downloadlist ul li a p i img{display: block;max-width: 100%;}
.downloadlist ul li a p span{display: block;float: left;width: calc(100% - 38px);font-size: 18px;color: #333;font-weight: 500;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;}
.downloadlist ul li a strong{display: block;width: 108px;height: 40px;border: 1px solid #999;box-sizing: border-box;
text-align: center;line-height: 38px;font-size: 14px;color: #999;border-radius: 2px;float: right;font-weight: 500;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.downloadlist ul li a strong i{display: inline-block;width: 13px;height: 16px;background: url(../image/xz.png) center no-repeat;vertical-align: -2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.downloadlist ul li a:hover strong{border-color: #089CFD;background: #089CFD;color: #fff;}
.downloadlist ul li a:hover strong i{background: url(../image/xzs.png) center no-repeat;}
/* 活动报名 */
.signup{width: 100%;margin-bottom: 0.5rem;}
.signup ul li{width: 100%;margin-bottom: 20px;}
.signup ul li:last-child{margin-bottom: 0;}
.signup ul li a{display: block;width: 100%;height: 100%;}
.signleft{float: left;width: 50%;overflow: hidden;}
.signleft img{display: block;width: 100%;margin: 0 auto;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
height: 330px;object-fit: cover;}
.signright{float: right;width: 50%;padding-left: 5%;box-sizing: border-box;display: flex;align-items: center;height: 330px;}
.signrightcon{width: 100%;}
.signrightcon h5{font-size: 18px;color: #333;font-weight: 500;margin-bottom: 0.16rem;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.signrightcon .sitime{font-size: 14px;color: #333;font-weight: 400;margin-bottom: 0.16rem;}
.signrightcon .sijianjie{font-size: 14px;color: #646A73;line-height: 24px;font-weight: 400;margin-bottom: 0.32rem;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.signrightcon strong{display: block;width: 96px;height: 32px;border: 1px solid #B3B3B3;box-sizing: border-box;
text-align: center;line-height: 30px;font-size: 12px;color: #525866;border-radius: 2px;font-weight: 500;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.signup ul li:nth-child(2n) .signleft{float: right;}
.signup ul li:nth-child(2n) .signright{float: left;padding-left: 0;padding-right: 5%;}
.signup ul li:hover .signleft 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);}
.signup ul li:hover .signrightcon h5{color: #089CFD;}
.signup ul li:hover .signrightcon strong{border-color: #089CFD;background: #089CFD;color: #fff;}
/* 活动报名详情 */
.headersignup{background: rgba(0,0,0,0.6);}
.signupxq{width: 100%;padding-bottom: 0.6rem;box-sizing: border-box;background: #fff;}
.signupxqcon{width: 100%;}
.signupxqup{width: 100%;background: #fff;border-radius: 8px;box-shadow: -2px 8px 28px -3px rgba(26, 134, 192, 0.2);
padding: 0.58rem 0.8rem;box-sizing: border-box;margin-top: -0.68rem;position: relative;z-index: 1;margin-bottom: 0.56rem;}
.signupleft{float: left;width: 70%;}
.signupleft h5{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 0.2rem;}
.signupleft p{font-size: 14px;color: #333;font-weight: 400;margin-bottom: 0.08rem;}
.signupleft p:last-child{margin-bottom: 0;}
.signupright{float: right;margin-top: 26px;}
.signupright a{width: 145px;height: 50px;display: block;text-align: center;line-height: 50px;font-size: 16px;color: #fff;
opacity: 0.9;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 2px;background: #089CFD;}
.signupright a:hover{opacity: 1;}
.signupxqbut{width: 1086px;margin: 0 auto;}
.signupxqlist{width: 100%;margin-bottom: 0.56rem;}
.signupxqlist:last-child{margin-bottom: 0;}
.signuptitle{width: 100%;font-size: 24px;color: #333;font-weight: 500;margin-bottom: 0.24rem;}
.signuptext{width: 100%;}
.signuptext p{font-size: 14px;color: #333;font-weight: 400;line-height: 24px;margin-bottom: 0.24rem;}
.signuptext p:last-child{margin-bottom: 0;}
.signuptext p img{display: block;max-width: 100%;margin: 0 auto;}
.signupjb{width: 100%;}
.signupjb ul li{width: 100%;margin-bottom: 0.46rem;}
.signupjb ul li:last-child{margin-bottom: 0;}
.jbleft{float: left;width: 116px;border-radius: 50%;}
.jbleft img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.jbright{float: left;width: calc(100% - 116px);padding-left: 0.34rem;box-sizing: border-box;margin-top: 10px;}
.jbright p{font-size: 14px;color: #333;font-weight: 400;line-height: 24px;}
.jbright .jbjianjie{font-size: 14px;color: #666;font-weight: 400;}
.bm{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 6000;display: none;}
.bmbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.bmbox{position: absolute;top: 50%;left: 50%;background: #fff;transform: translate(-50%,-50%);
padding: 0.64rem 0.4rem;box-sizing: border-box;width: 360px;border-radius: 8px;}
.closebm{display: block;width: 16px;height: 16px;background: url(../image/gb.png) center no-repeat;position: absolute;
top: 0.16rem;right: 0.16rem;cursor: pointer;}
.bmbox h5{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 0.32rem;}
.bmbox ul li{width: 100%;margin-bottom: 0.2rem;}
.bmbox ul li:last-child{margin-bottom: 0;}
.bmbox ul li input{width: 100%;border: 1px solid #F7F7F7;box-sizing: border-box;border-radius: 2px;font-size: 14px;
color: #333;padding: 0 16px;box-sizing: border-box;outline: none;height: 40px;
background: #F7F7F7;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.bmbox ul li input::-webkit-input-placeholder {color: #ccc;}
.bmbox ul li input:-moz-placeholder { color: #ccc;}
.bmbox ul li input::-moz-placeholder { color: #ccc;}
.bmbox ul li input:-ms-input-placeholder {color: #ccc;}
.bmbox ul li button{width: 100%;border: 0;border-radius: 2px;font-size: 14px;
color: #fff;box-sizing: border-box;outline: none;height: 40px;background: #089CFD;
opacity: 0.9;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.bmbox ul li input:focus{border-color: #089CFD;}
.bmbox ul li button:hover{opacity: 1;}
/* 关于我们 */
.about{width: 100%;background: #fff;}
.aboutnav{width: 100%;padding: 0.45rem 0 0 0;box-sizing: border-box;}
.aboutjq{width: 100%;margin-bottom: 0.8rem;}
.aboutjqleft{float: left;width: 25%;}
.aboutjqleft h4{font-size: 32px;color: #1F2329;font-weight: 500;margin-bottom: 0.16rem;}
.aboutjqleft h4 span{color: #089CFD;}
.aboutjqleft p{font-size: 14px;color: #1F2329;font-weight: 400;text-transform: uppercase;}
.aboutjqright{float: left;width: 75%;padding-left: 5%;box-sizing: border-box;}
.aboutjqright p{font-size: 14px;color: #666;font-weight: 400;line-height: 28px;margin-bottom: 0.24rem;}
.aboutjqright p:last-child{margin-bottom: 0;}
.aboutsass{width: 100%;margin-bottom: 0.4rem;}
.aboutsassleft{float: left;width: 66.5%;margin-right: 2%;}
.aboutsassleft a{display: block;width: 100%;}
.aboutsassleft a img{display: block;width: 100%;height: 244px;object-fit: cover;}
.aboutsassright{float: left;width: 31.5%;position: relative;}
.aboutsassright a{display: block;width: 100%;}
.aboutsassright a .aboutbj{display: block;width: 100%;height: 244px;object-fit: cover;}
.aboutjqtext{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 0.32rem 0.24rem 0.24rem 0.24rem;box-sizing: border-box;}
.aboutjqtext h5{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 0.08rem;}
.aboutjqtext p{font-size: 14px;color: #fff;font-weight: 400;}
.aboutjqtext span{display: block;width: 40px;position: absolute;bottom: 0.24rem;left: 0.24rem;}
.aboutjqtext span img{display: block;max-width: 100%;margin: 0 auto;}
.aboutry{width: 100%;padding: 0.4rem 0;box-sizing: border-box;}
.aboutitle{width: 100%;margin-bottom: 0.4rem;}
.aboutitle h4{font-size: 32px;color: #1F2329;font-weight: 500;margin-bottom: 0.16rem;text-align: center;}
.aboutitle h4 span{color: #089CFD;}
.aboutitle p{font-size: 14px;color: #1F2329;font-weight: 400;text-transform: uppercase;text-align: center;}
.aboutrylist{width: 100%;}
.aboutrylist ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1.33%;}
.aboutrylist ul li:nth-child(4n){margin-right: 0;}
.aboutimg{margin: 0 auto;width: 100%;}
.aboutimg img{display: block;max-width: 100%;margin: 0 auto;width: 100%;}
.aboutrylist ul li p{font-size: 14px;color: #333;padding: 0.24rem 0.1rem 0.08rem 0.1rem;box-sizing: border-box;text-align: center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutdx{width: 100%;padding: 0.4rem 0 0.2rem 0;box-sizing: border-box;background: #fff;}
.aboutdxcon{width: 100%;}
.aboutdxconter{width: 100%;position: relative;}
.aboutdxlist{width: 100%;}
.aboutdxlist ul li{float: left;margin-bottom: 0.26rem;}
.aboutdxlist ul li img{display: block;width: 100%;margin: 0 auto;}
.abprev{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/left.png) center no-repeat !important;
width: 56px;height: 56px;left: -80px !important;margin-top: -28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.abprev:hover{background: url(../image/lefted.png) center no-repeat !important;}
.abnext{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/right.png) center no-repeat !important;
width: 56px;height: 56px;right: -80px !important;margin-top: -28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.abnext:hover{background: url(../image/righted.png) center no-repeat !important;}
.abouthz{width: 100%;padding: 0.4rem 0 0.5rem 0;box-sizing: border-box;background: #fff;}
.abouthzcon{width: 100%;}
.abouthzconter{width: 100%;position: relative;}
.abouthzlist{width: 100%;}
.abouthzlist ul li{float: left;margin-bottom: 0.32rem;margin-top: 0 !important;}
.abouthzlist ul li img{display: block;width: 100%;margin: 0 auto;}
.abhzprev{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/left.png) center no-repeat !important;
width: 56px;height: 56px;left: -80px !important;margin-top: -28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.abhzprev:hover{background: url(../image/lefted.png) center no-repeat !important;}
.abhznext{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/right.png) center no-repeat !important;
width: 56px;height: 56px;right: -80px !important;margin-top: -28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.abhznext:hover{background: url(../image/righted.png) center no-repeat !important;}
/* 典型客户 */
.typical{width: 100%;padding-bottom: 0.5rem;box-sizing: border-box;}
.typical ul li{float: left;width: 12.5%;margin-bottom: 0.26rem;}
.typical ul li img{display: block;max-width: 100%;margin: 0 auto;}
/* 合作伙伴 */
.partner{width: 100%;padding-bottom: 0.5rem;box-sizing: border-box;}
.partner ul li{float: left;width: 15%;margin-right: 2%;margin-bottom: 0.32rem;}
.partner ul li:nth-child(6n){margin-right: 0;}
.partner ul li img{display: block;max-width: 100%;margin: 0 auto;}
/* 产品中心 */
.product{width: 100%;padding: 0.4rem 0 0.64rem 0;box-sizing: border-box;background: #fff;}
.productcon{width: 100%;}
.productlist{width: 100%;margin-bottom: 0.2rem;}
.productlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 0.32rem;background: #fff;
box-shadow: -1px 4px 19px -3px rgba(26, 134, 192, 0.16);}
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li a{display: block;width: 100%;padding: 0.16rem 0.16rem 0.2rem 0.16rem;box-sizing: border-box;}
.productimg{width: 100%;margin: 0 auto;overflow: hidden;}
.productimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productext{width: 100%;padding: 0.2rem 0 0 0;box-sizing: border-box;}
.productext h5{font-size: 16px;color: #1F2329;font-weight: 500;margin-bottom: 0.08rem;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productext p{font-size: 14px;color: #525866;font-weight: 400;display: -webkit-box;margin-bottom: 0.16rem;height: 38px;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.productext span{display: block;}
.productext span i{display: inline-block;width: 17px;height: 12px;background: url(../image/projt.svg) center no-repeat;position: relative;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;vertical-align: -2px;margin-right: 4px;}
.productext span strong{display: inline-block;font-size: 14px;color: #089CFD;visibility: hidden;opacity: 0;font-weight: 500;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productlist ul li:hover .productimg img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.productlist ul li:hover .productext h5{color: #089CFD;}
.productlist ul li:hover .productext span i{background: url(../image/projts.svg) center no-repeat;width: 72px;}
.productlist ul li:hover .productext span strong{visibility: visible;opacity: 1;}
/* 产品中心详情 */
.proheader{width: 100%;height: 80px;background: #fff;position: fixed;top: 0;left: 0;z-index: 5000;
box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.proheadercon{width: 100%;}
.proheaderleft{float: left;height: 80px;display: flex;align-items: center;}
.proheaderleft .prologo{display: block;max-width: 110px;min-width: 100px;float: left;margin-right: 32px;}
.proheaderleft .prologo img{display: block;max-width: 100%;}
.proheaderleft .prologotext{float: left;font-size: 14px;color: #333;font-weight: 400;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.proheaderleft .prologotext::before{content: "";width: 1px;height: 14px;background: rgba(153,153,153,0.3);position: absolute;top: 3px;left: -12px;}
.proheaderleft .prologotext:hover{color: #089CFD;}
.proheaderight{float: right;padding-top: 24px;box-sizing: border-box;}
.proheaderight h4{font-size: 24px;color: #333;font-weight: 500;}
.proheaderight h4 i{display: inline-block;width: 17px;height: 18px;vertical-align: 0;margin-right: 6px;}
.proheaderight h4 i img{display: block;max-width: 100%;margin: 0 auto;}
.probanner{width: 100%;position: relative;margin-top: 80px;}
.probanner .proimgs{display: block;max-width: 100%;width: 100%;margin: 0 auto;}
.probannercon{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.probannerconter{width: 100%;}
.probannerconter h4{font-size: 46px;font-weight: 500;line-height: 58px;margin-bottom: 0.32rem;
color: #fff;}
.probannerconter a{display: block;width: 102px;height: 36px;background: linear-gradient(90deg, #FFA53D 0%, #FF8800 100%);
border-radius: 4px;text-align: center;line-height: 36px;font-size: 14px;color: #fff;}
.probannerconter a i{display: inline-block;width: 24px;height: 24px;background: url(../image/xl.png) center no-repeat;vertical-align: -7px;}
.productxq{width: 100%;padding: 0.45rem 0 0 0;box-sizing: border-box;background: #fff;}
.productxqcon{width: 100%;}
.proxqconter{width: 100%;}
.prolist{width: 100%;padding-top: 0.2rem;padding-bottom: 0.4rem;box-sizing: border-box;}
.proxqleft{float: left;width: 48%;margin-right: 4%;}
.proxqtitle{width: 100%;margin-bottom: 0.32rem;}
.proxqtitle h4{font-size: 32px;color: #1F2329;font-weight: 500;margin-bottom: 0.16rem;}
.proxqtitle i{display: block;width: 50px;height: 22px;}
.proxqtitle i img{display: block;max-width: 100%;margin: 0 auto;}
.proxqtext{width: 100%;}
.proxqtext p{font-size: 16px;color: #51565D;line-height: 24px;margin-bottom: 0.2rem;}
.proxqtext p:last-child{margin-bottom: 0;}
.proxqright{float: right;width: 48%;border: 1px solid #A5E8FF;background: #EAF8FE;padding: 0.2rem;box-sizing: border-box;
border-radius: 16px;}
.proxqright img{display: block;width: 100%;margin: 0 auto;border-radius: 8px;height: 100%;object-fit: cover;}
.proxqgn{width: 100%;padding: 0.4rem 0;box-sizing: border-box;}
.progntitle{width: 100%;}
.progntitle h4{font-size: 32px;color: #1F2329;font-weight: 500;margin-bottom: 0.32rem;}
.progntitle h4 i{display: inline-block;width: 50px;height: 22px;vertical-align: -2px;margin-left: 6px;}
.progntitle h4 i img{display: block;max-width: 100%;margin: 0 auto;}
.progntable{height: 58px;width: 100%;background: #EFF0F1;box-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.05);border-radius: 8px 8px 0px 0px;
line-height: 58px;margin-bottom: 0.08rem;}
.progntable p{float: left;width: 33.3%;font-size: 16px;color: #1F2329;font-weight: 500;padding: 0 0.24rem;box-sizing: border-box;}
.prognconter{width: 100%;}
.prognlist{width: 100%;position: relative;margin-bottom: 0.04rem;}
.prognlist::before{content: "";width: 4px;height: 100%;position: absolute;top: 0;left: 0;}
.prognlist:last-child{margin-bottom: 0;}
.prognlist:first-child{background: #E9EFFF;}
.prognlist:first-child::before{background: #A2BCFF;}
.prognlist:nth-child(2){background: #E9F8F7;}
.prognlist:nth-child(2)::before{background: #6ECCBF;}
.prognlist:nth-child(3){background: #E9F7FD;}
.prognlist:nth-child(3)::before{background: #7DD4F5;}
.prognlist:nth-child(4){background: #FEF4E8;}
.prognlist:nth-child(4)::before{background: #FFD8AD;}
.proli{float: left;width: 33.3%;border-right: 1px solid #fff;padding: 0.17rem 0.24rem;box-sizing: border-box;}
.proli:last-child{border-right: 0;}
.proli p{font-size: 14px;color: #51565D;line-height: 22px;font-weight: 400;}
.prognconters{width: 100%;}
.progned{width: 100%;}
.proxqkc{padding: 0.4rem 0;box-sizing: border-box;width: 100%;}
.proxqkconter{width: 100%;position: relative;}
.proxqkclist{width: 100%;}
.proxqkclist ul li{float: left;background: linear-gradient(180deg, #0074FF 0%, #00ACFF 100%);border-radius: 20px;
padding: 0.4rem 0.2rem 0.35rem 0.2rem;box-sizing: border-box;}
.proxqkclist ul li:nth-child(2n){background: linear-gradient(180deg, #00BEAD 0%, #3FD8DD 100%);}
.proxqkclist ul li:nth-child(3n){background: linear-gradient(180deg, #7775FF 0%, #828CFF 100%);}
.xqkctitle{width: 100%;font-size: 18px;color: #fff;margin-bottom: 0.16rem;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proxqkclisted{width: 100%;margin-bottom: 0.2rem;}
.proxqkclisted a{display: block;font-size: 14px;color: #fff;font-weight: 400;line-height: 24px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proactive a:nth-child(n+17){display: none;}
.prokclast{width: 100%;}
.kcactive{visibility: hidden;}
.prokclast a{display: table;font-size: 14px;color: #fff;font-weight: 400;}
.prokclast a i{display: inline-block;width: 24px;height: 24px;background: url(../image/xl.png) center no-repeat;vertical-align: -7px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.prokclast a.on i{transform: rotate(90deg);}
.proprev{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/left.png) center no-repeat !important;
width: 56px;height: 56px;left: -80px !important;margin-top: -28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.proprev:hover{background: url(../image/lefted.png) center no-repeat !important;}
.pronext{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/right.png) center no-repeat !important;
width: 56px;height: 56px;right: -80px !important;margin-top: -28px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.pronext:hover{background: url(../image/righted.png) center no-repeat !important;}
.proxqdx{width: 100%;padding: 0.4rem 0 0.2rem 0;box-sizing: border-box;}
.typicaldx{padding-bottom: 0 !important;}
.proxqqt{width: 100%;padding: 0.8rem 0;box-sizing: border-box;}
.proxqqtcon{width: 100%;position: relative;}
.proxqqtlist{width: 100%;padding: 0.1rem;box-sizing: border-box;}
.proxqqtlist ul li{float: left;background: #fff;box-shadow: -1px 4px 19px -3px rgba(26, 134, 192, 0.16);}
.proxqqtlist ul li a{display: block;width: 100%;padding: 0.16rem 0.16rem 0.2rem 0.16rem;box-sizing: border-box;}
.proxqqtlist ul li:hover .productimg img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.proxqqtlist ul li:hover .productext h5{color: #089CFD;}
.proxqqtlist ul li:hover .productext span i{background: url(../image/projts.svg) center no-repeat;width: 72px;}
.proxqqtlist ul li:hover .productext span strong{visibility: visible;opacity: 1;}
.proqtprev{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/left.png) center no-repeat !important;
width: 56px;height: 56px;left: -80px !important;margin-top: -28px;background-size: 100% 100% !important;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.proqtprev:hover{background: url(../image/lefted.png) center no-repeat !important;background-size: 100% 100% !important;}
.proqtnext{position: absolute;top: 46%;cursor: pointer;z-index: 20;background: url(../image/right.png) center no-repeat !important;
width: 56px;height: 56px;right: -80px !important;margin-top: -28px;background-size: 100% 100% !important;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.proqtnext:hover{background: url(../image/righted.png) center no-repeat !important;background-size: 100% 100% !important;}
.serconters{width: 100%;}
.proxqdt{width: 100%;background: #F5F7FA;padding: 0.68rem 0 0 0;box-sizing: border-box;}
.proxqdtcon{width: 100%;}
.proxqdtitle{width: 100%;margin-bottom: 0.48rem;}
.proxqdtitle h4{font-size: 32px;color: #1F2329;font-weight: 500;text-align: center;}
.proxqdtitle h4 span{display: inline-block;margin: 0 6px;}
.proxqdtitle h4 i{display: inline-block;width: 50px;height: 22px;vertical-align: -2px;}
.proxqdtitle h4 i img{display: block;max-width: 100%;margin: 0 auto;}
.proxqdtconter{width: 100%;}
.proxqdtleft{float: left;width: 39%;background: #fff;padding: 0.68rem 0.4rem;box-sizing: border-box;}
.proxqdtup{width: 100%;}
.procontered{width: 100%;}
.proxqdtuplist{width: 100%;display: none;}
.proxqdtuplist:first-child{display: block;}
.proxqdtuplist h5{font-size: 18px;color: #292D33;font-weight: 400;display: -webkit-box;margin-bottom: 0.24rem;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.proxqdtuplist p{font-size: 14px;color: #525866;font-weight: 400;display: -webkit-box;line-height: 24px;margin-bottom: 0.32rem;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.proxqdtuplist a{display: table;font-size: 14px;color: #089CFD;font-weight: 400;margin-bottom: 0.56rem;}
.proxqdtlast{width: 100%;}
.prodtprev{position: static;cursor: pointer;background: url(../image/left.png) center no-repeat !important;
width: 56px;height: 56px;background-size: 100% 100% !important;float: left;margin-right: 12px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.prodtprev:hover{background: url(../image/lefted.png) center no-repeat !important;background-size: 100% 100% !important;}
.prodtnext{position: static;cursor: pointer;background: url(../image/right.png) center no-repeat !important;
width: 56px;height: 56px;background-size: 100% 100% !important;float: left;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.prodtnext:hover{background: url(../image/righted.png) center no-repeat !important;background-size: 100% 100% !important;}
.dtpages{width: auto !important;left: auto !important;right: 16px;bottom: 20px !important;}
.dtpages .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin: 0 8px;}
.dtpages .swiper-pagination-bullet-active{width: 32px;border-radius: 25px;}
.proxqdtright{float: left;width: 61%;}
.proxqdtlist{width: 100%;}
.proxqdtlist ul li{width: 100%;}
.proxqdtlist ul li img{display: block;width: 100%;height: 100%;object-fit: cover;}
/* 申请试用 */
.sqbm{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 6000;display: none;}
.sqbmbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.sqbmbox{position: absolute;top: 50%;left: 50%;background: #fff;transform: translate(-50%,-50%);
padding: 0.4rem;box-sizing: border-box;width: 360px;border-radius: 8px;}
.closesq{display: block;width: 16px;height: 16px;background: url(../image/gb.png) center no-repeat;position: absolute;
top: 0.16rem;right: 0.16rem;cursor: pointer;}
.sqbmbox h5{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 0.32rem;text-align: center;}
.sqbmbox ul li{width: 100%;margin-bottom: 0.2rem;}
.sqbmbox ul li:last-child{margin-bottom: 0;}
.sqbmbox ul li input{width: 100%;border: 1px solid #F7F7F7;box-sizing: border-box;border-radius: 2px;font-size: 14px;
color: #333;padding: 0 16px;box-sizing: border-box;outline: none;height: 40px;
background: #F7F7F7;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.sqbmbox ul li input::-webkit-input-placeholder {color: #ccc;}
.sqbmbox ul li input:-moz-placeholder { color: #ccc;}
.sqbmbox ul li input::-moz-placeholder { color: #ccc;}
.sqbmbox ul li input:-ms-input-placeholder {color: #ccc;}
.sqbmbox ul li button{width: 100%;border: 0;border-radius: 2px;font-size: 14px;
color: #fff;box-sizing: border-box;outline: none;height: 40px;background: #089CFD;
opacity: 0.9;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.sqbmbox ul li input:focus{border-color: #089CFD;}
.sqbmbox ul li button:hover{opacity: 1;}
.dibu{width: 100%;position: fixed;bottom: -100%;left: 0;z-index: 5000;background: rgba(0,0,0,0.6);opacity: 0;
padding: 14px 0;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.dibu.active{bottom: 0;opacity: 1;}
.dibucon{width: 100%;}
.dibuleft{float: left;width: 20%;margin-right: 2%;}
.dibuimg{float: left;width: 102px;}
.dibuimg img{display: block;max-width: 100%;}
.dibutext{float: left;width: calc(100% - 102px);padding-left: 12px;box-sizing: border-box;padding-top: 26px;}
.dibutext h5{font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 6px;}
.dibutext p{font-size: 14px;color: #fff;font-weight: 400;}
.diburight{float: left;width: 78%;padding-top: 34px;box-sizing: border-box;}
.diburight input{float: left;width: 28%;margin-right: 2%;height: 40px;border-radius: 2px;font-size: 14px;color: #333;
padding: 0 16px;border: 1px solid #fff;box-sizing: border-box;outline: none;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.diburight input:focus{border-color: #089CFD;}
.diburight button{float: left;width: 10%;height: 40px;font-size: 14px;color: #fff;border: 0;outline: none;border-radius: 2px;
background: #089CFD;opacity: 0.9;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.diburight button:hover{opacity: 1;}
@media screen and (max-width:1450px){
	.jq{padding: 0 1.2rem;box-sizing: border-box;}
}
@media screen and (max-width:1366px){
	.abprev,.abhzprev,.proqtprev{left: 0px !important;}
	.abnext,.abhznext,.proqtnext{right: 0px !important;}
	.probannerconter h4{font-size: 32px;line-height: 42px;}
	.proprev{left: -50px !important;width: 40px;height: 40px;margin-top: -20px;background-size: 100% 100% !important;}
	.proprev:hover{background-size: 100% 100% !important;}
	.pronext{right: -50px !important;width: 40px;height: 40px;margin-top: -20px;background-size: 100% 100% !important;}
	.pronext:hover{background-size: 100% 100% !important;}
}
@media screen and (max-width:1290px){
	.dibuleft{width: 30%;}
	.diburight{width: 68%;}
}
@media screen and (max-width:1275px){
	.proxqkclist{margin-bottom: 20px;}
	.abpages{text-align: center;}
	.proprev{position: static;margin-top: 0;display: inline-block;margin-right: 10px;}
	.pronext{position: static;margin-top: 0;display: inline-block;}
}
@media screen and (max-width:1200px){
	.footerlastright h5{font-size: 16px;}
	.footerlastlist a{font-size: 12px;line-height: 20px;}
	.footerlastlist a::before{top: 5px;}
	.jq_1180{max-width: 100%;padding: 0 1.2rem;box-sizing: border-box;}
	.conrightimg{max-width: 100%;}
	.contactlist ul li{height: 210px;}
	.aboutsassleft a img{height: 200px;}
	.aboutsassright a .aboutbj{height: 200px;}
	.aboutjqleft h4{font-size: 26px;}
	.aboutitle h4{font-size: 26px;}
	.partner ul li{width: 19%;margin-right: 1.25%;}
	.partner ul li:nth-child(6n){margin-right: 1.25%;}
	.partner ul li:nth-child(5n){margin-right: 0%;}
	.probannerconter h4{font-size: 26px;line-height: 32px;}
	.proxqtitle h4{font-size: 26px;}
	.progntitle h4{font-size: 26px;}
	.proxqdtitle h4{font-size: 26px;}
}
@media screen and (max-width:1100px){
	.in_newtext p{-webkit-line-clamp:4;height: auto;}
	.downloadup,.downloadlist{width: 100%;padding: 0 1.2rem;box-sizing: border-box;}
	.signupxqbut{width: 100%;}
	.aboutsassleft a img{height: 170px;}
	.aboutsassright a .aboutbj{height: 170px;}
	.typical ul li{width: 16.66%;}
}
@media screen and (max-width:980px){
	.nav{display: block;}
	.header{display: none;}
	.ce{right: 20px;}
	.in_sernav ul li{margin-right: 1rem;}
	.footerleft{float: none;width: 100%;margin-bottom: 14px;}
	.footeright{float: none;width: 100%;}
	.footeright::before{display: none;}
	.contactitle{font-size: 26px;}
	.conleftup ul li h5{font-size: 26px;}
	.contactlist ul li{padding: 20px 18px;height: 170px;}
	.contactlast{min-height: 280px;}
	.conlastcon h5{font-size: 26px}
	.contactbox h5{font-size: 26px;}
	.contactbox p{font-size: 18px;}
	.newleftcon h5{font-size: 26px;}
	.newleft{margin-right: 20px;}
	.newright{width: calc(100% - 140px);}
	.newimg{width: 240px;height: 160px;margin-right: 20px;}
	.newtext{width: calc(100% - 260px);padding-top: 10px;}
	.newtext p{margin-bottom: 20px;}
	.downloadup select{width: 49%;margin-right: 2%;}
	.downloadupinp{width: 49%;}
	.signleft img{height: 220px;}
	.signright{height: 220px;}
	.typical ul li{width: 20%;}
	.partner ul li{width: 24%;margin-right: 1.33%;}
	.partner ul li:nth-child(6n){margin-right: 1.33%;}
	.partner ul li:nth-child(5n){margin-right: 1.33%;}
	.partner ul li:nth-child(4n){margin-right: 0%;}
	.proheader{height: 60px;}
	.proheaderleft{height: 60px;}
	.proheaderleft .prologo{max-width: 80px;min-width: 80px;}
	.proheaderight{padding-top: 16px;}
	.proheaderight h4{font-size: 20px;}
	.proheaderight h4 i{vertical-align: -1px;}
	.probanner .proimgs{height: 278px;object-fit: cover;}
	.probannerconter h4{text-align: center;max-width: 100%;}
	.probannerconter a{margin: 0 auto;}
	.prolist{display: block;}
	.proxqleft{float: none;width: 100%;margin-right: 0;margin-bottom: 0.2rem;}
	.proxqright{float: none;width: 100%;}
	.prognconters{overflow-x: scroll;-webkit-overflow-scrolling: touch;padding-bottom: 10px;box-sizing: border-box;}
	.prognconters::-webkit-scrollbar{width: 5px;height: 5px;background-color: #c5c2ba;}
	.prognconters::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #c5c2ba;}
	.prognconters::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #089CFD;}
	.progned{width: 1180px;}
	.dibu{display: none;}
	.proxqdtconter{display: block;}
	.proxqdtleft{float: none;width: 100%;}
	.proxqdtright{float: none;width: 100%;}
	.probanner{margin-top: 60px;}
}
@media screen and (max-width:860px){
	.newleft{display: none;}
	.newright{width: 100%;float: none;}
	.newcon ul li::before{display: none;}
	.newtime{display: block;}
	.signupright{margin-top: 20px;}
	.signupright a{height: 40px;width: 120px;line-height: 40px;}
}
@media screen and (max-width:670px){
	.conleftup ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
}
@media screen and (max-width:580px){
	.jq{padding: 0 4%;}
	.jq_1180{padding: 0 4%;}
	.downloadup,.downloadlist{padding: 0;}
	.ce{display: none;}
	.bannercon ul li a img{height: 220px;object-fit: cover;}
	.jqpages{bottom: 12px !important;}
	.in_sernav{margin-bottom: 0.4rem;}
	.in_prolist ul li{width:49%;margin-bottom: 10px;}
	.in_prolist ul li:nth-child(2n){margin-right: 0;}
	.in_sernav ul{float: none;width: 100%;}
	.in_sernav ul li{width: 50%;margin-right: 0;}
	.in_sernav ul li a{display: block;text-align: center;}
	.in_more{display: none;}
	.in_serleft{float: none;width: 100%;margin-bottom: 0.24rem;}
	.in_serleft a{margin-top: 0.4rem;}
	.in_seright{float: none;width: 100%;}
	.in_serlast{display: block;}
	.in_solutionlist ul li{width: 49%;margin-bottom: 10px;}
	.in_solutionlist ul li:nth-child(2n){margin-right: 0;}
	.in_sotbutcon{padding: 0 6px;box-sizing: border-box;}
	.in_sotbutcon p{line-height: 1.5;}
	.in_customernav ul{width: 100%;}
	.in_customernav ul li{width: 100% !important;padding-left: 0;margin-bottom: 12px;text-align: center;}
	.in_customerbut ul li{width: 50%;margin-right: 0;}
	.mored{font-size: 0.32rem;}
	.in_news{padding: 0.8rem 0;}
	.in_newsleft{float: none;width: 100%;padding-top: 0;text-align: center;}
	.in_newtitle h4{margin: 0 auto 0.16rem;}
	.in_newtitle p{font-size: 0.32rem;line-height: 0.48rem;}
	.in_newtitle h4::after{content: "";width: 0.5rem;height: 0.36rem;background: url(../image/icon2.png) center no-repeat;
	background-size: 100% 100%;position: absolute;top: 0.08rem;left: -0.74rem;}
	.in_newpsges{display: none;}
	.in_newsright{float: none;width: 100%;}
	.footerleft{margin-bottom: 0;}
	.footeright{display: none;}
	.footerbutleft{float: none;text-align: center;}
	.footerbutright{float: none;text-align: center;}
	.footerbutright a{float: none;display: inline-block;}
	.footerbutright a::before{right: -9px;}
	.xwpages{display: block;}
	.contactitle,.conleftup ul li h5{font-size: 24px;}
	.contact{padding: 0.8rem 0;}
	.conleft{float: none;width: 100%;margin-right: 0;margin-top: 0;margin-bottom: 10px;
	background: linear-gradient(229deg, #FFFFFF 0%, #089CFD 100%);}
	.conright{float: none;width: 100%;}
	.conrightimg{float: none;}
	.contactlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.contactlist ul li:last-child{margin-bottom: 0;}
	.conlast{padding: 0 14px;}
	.contactlast{min-height: 220px;}
	.conlastcon{max-width: 100%;}
	.conlastcon h5{font-size: 24px;text-align: center;}
	.conlastcon p{text-align: center;}
	.conlastcon a{width: 120px;height: 40px;line-height: 40px;margin: 0 auto;}
	.contactbox h5{font-size: 24px;}
	.contactlasted a{width: 100px;height: 38px;line-height: 36px;}
	.cbannertext{top: 55%;}
	.cbanner img{height: 220px;}
	.newimg{float: none;width: 100%;height: auto;}
	.newtext{width: 100%;float: none;}
	.newtext h5{margin-bottom: 10px;}
	.newtext p{margin-bottom: 10px;}
	.newcon ul li:last-child{padding-bottom: 0;}
	.xqpagesleft{padding-left: 6px;}
	.xqmore{font-size: 16px;margin-bottom: 6px;}
	.xqpagesright{padding-right: 6px;}
	.newtitle h5{font-size: 22px;}
	.solutionlist ul li{float: none;width: 100%;margin-right: 0;}
	.solutiontext h5{margin-bottom: 6px;}
	.solutiontext strong{margin-bottom: 8px;}
	.solutiontext p{margin-bottom: 12px;}
	.scrpage{margin-top: 0.6rem;}
	.serviceup{display: block;}
	.serleft{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.seright{float: none;width: 100%;}
	.servicebutlist ul li{float: none;width: 100%;margin-right: 0;}
	.servicenav ul li a{padding: 0 10px;font-size: 14px;}
	.servicenav ul li{margin-right: 4px;}
	.servicenav ul li:last-child{margin-right: 0;}
	.sertext h5{margin-bottom: 6px;}
	.books ul li{width: 100%;float: none;margin-right: 0;}
	.downloadlist ul li a p{float: none;width: 100%;margin-top: 0;margin-bottom: 10px;}
	.downloadlist ul li a p span{font-size: 16px;margin-top: 7px;}
	.downloadlist ul li a strong{float: none;height: 32px;line-height: 30px;width: 98px;}
	.downloadup select{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.downloadupinp{width: 100%;float: none;}
	.signleft{float: none;width: 100%;}
	.signleft img{height: auto;}
	.signright{height: auto;float: none;width: 100%;padding: 0;padding-top: 0.2rem;}
	.signup ul li:nth-child(2n) .signleft{float: none;}
	.signup ul li:nth-child(2n) .signright{float: none;padding-right: 0;}
	.signupxqup{padding: 14px 14px;}
	.signupleft{float: none;width: 100%;}
	.signupleft h5{font-size: 22px;}
	.signupright{float: none;width: 100%;margin-top: 10px;}
	.signupright a{margin: 0 auto;}
	.signuptitle{font-size: 20px;}
	.jbleft{float: none;margin: 0 auto;}
	.jbright{float: none;width: 100%;padding-left: 0;}
	.bmbox{width: 96%;}
	.aboutnav{margin-bottom: 0.4rem;}
	.aboutjqleft{width: 100%;float: none;margin-bottom: 0.4rem;}
	.aboutjqleft h4{font-size: 22px;text-align: center;}
	.aboutjqleft p{text-align: center;}
	.aboutjqright{float: none;width: 100%;padding-left: 0;}
	.aboutsassleft{float: none;width: 100%;margin-right: 0;margin-bottom: 14px;}
	.aboutsassleft a img{height: auto;}
	.aboutsassright{float: none;width: 100%;}
	.aboutsassright a img{height: auto;}
	.aboutrylist ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;}
	.aboutrylist ul li:nth-child(2n){margin-right: 0;}
	.abpages{text-align: center;}
	.abprev{position: static;margin-top: 0;display: inline-block;margin-right: 10px;
	width: 40px;height: 40px;background-size: 100% 100% !important;}
	.abprev:hover{background-size: 100% 100% !important;}
	.abnext{position: static;margin-top: 0;display: inline-block;width: 40px;height: 40px;background-size: 100% 100% !important;}
	.abnext:hover{background-size: 100% 100% !important;}
	.aboutitle h4{font-size: 22px;}
	.abhzprev{position: static;margin-top: 0;display: inline-block;margin-right: 10px;
	width: 40px;height: 40px;background-size: 100% 100% !important;}
	.abhzprev:hover{background-size: 100% 100% !important;}
	.abhznext{position: static;margin-top: 0;display: inline-block;width: 40px;height: 40px;background-size: 100% 100% !important;}
	.abhznext:hover{background-size: 100% 100% !important;}
	.typical ul li{width: 33.3%;}
	.partner ul li{width: 49%;margin-right: 2%;}
	.partner ul li:nth-child(6n){margin-right: 2%;}
	.partner ul li:nth-child(5n){margin-right: 2%;}
	.partner ul li:nth-child(4n){margin-right: 2%;}
	.partner ul li:nth-child(2n){margin-right: 0%;}
	.probannerconter h4{font-size: 22px;line-height: 30px;}
	.proheaderleft .prologotext{display: none;}
	.proheaderight{padding-top: 20px;}
	.probanner .proimgs{height: 220px;}
	.proxqtitle h4{font-size: 22px;}
	.progntitle h4{font-size: 22px;}
	.proxqdtitle h4{font-size: 22px;}
	.proxqdtitle h4 span{margin: 0 4px;}
	.progntitle h4 i{vertical-align: -4px;margin-left: 4px;}
	.proxqdtitle h4 i{vertical-align: -4px;}
	.proxqqtlist{margin-bottom: 20px;}
	.proqtprev{position: static;margin-top: 0;display: inline-block;margin-right: 10px;
	width: 40px;height: 40px;}
	.proqtnext{position: static;margin-top: 0;display: inline-block;width: 40px;height: 40px;}
	.sqbmbox{width: 96%;}
	.prodtnext,.prodtprev{width: 40px;height: 40px;}
	.dtpages{width: 100% !important;left: auto !important;right: auto !important;bottom: 10px !important;}
	.dtpages .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 7px;}
	.dtpages .swiper-pagination-bullet-active{width: 20px;}
	.productlist ul li{width:100%;margin-right:0%;}
	.productlist ul li:nth-child(3n){margin-right:0;}
}