@charset "utf-8";
@import url(base.css);
@font-face{
     font-family: 'bebas'; 
     src: url('../font/Bebas.ttf')
}
.sd_1180{width: 1180px;margin: 0 auto;}
.sd_1100{width: 1100px;margin: 0 auto;}
/* 头部 */
.header{width: 100%;height: 68px;background: transparent;position: fixed;top: 0;left: 0;z-index: 120;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headeractive{background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.headeractive .headerleft a .logoimg{display: none;}
.headeractive .headerleft a .logosimg{display: block;}
.headeractive .headeright ul li a span{color: #3D4450;}
.headeractive .headeright ul li a i{background: url(../images/downs.png) center no-repeat;}
.headeractive .headeright ul li a span::before{background: #1EAD73;bottom: -24px;height: 2px;}
.headercon{width: 100%;height: 68px;}
.headerleft{float: left;padding-top: 15px;box-sizing: border-box;}
.headerleft a{display: block;}
.headerleft a img{display: block;}
.headerleft a .logosimg{display: none;}
.headeright{float: right;}
.headeright ul li{float: left;line-height: 68px;margin-right: 39px;position: relative;}
.headeright ul li:last-child{margin-right: 0;}
.headeright ul li a{display: block;}
.headeright ul li a span{font-size: 14px;color: #fff;font-weight: 500;position: relative;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headeright ul li a i{display: inline-block;width: 12px;height: 7px;background: url(../images/down.png) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-left: 5px;}
.headeright ul li a span::before{content: '';width: 100%;height: 1px;background: #fff;position: absolute;bottom: -8px;left: 0;z-index: 1000;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;}
.headeright ul li:hover a span::before{opacity:1;}
.headeright ul li.active a span::before{opacity:1;}
.headerlist{position: absolute;top: 68px;left: 50%;transform: translateX(-53%);background: #fff;max-width: 362px;display: none;
padding: 29px 43px 32px 41px;box-sizing: border-box;box-shadow: 0px 10px 10px rgba(9, 22, 53, 0.08);border-radius: 4px;z-index: 100;}
.headerlist::before{content: '';width: 12px;height: 5px;background: url(../images/header4.png) center no-repeat;
position: absolute;top: -5px;left: 50%;margin-left: -6px;}
.headerlist a{line-height: 1.5;margin-bottom: 15px;}
.headerlist a:last-child{margin-bottom: 0;}
.headerlist a b{display: inline-block;width: 27px;height: 27px;margin-right: 13px;vertical-align: -10px;}
.headerlist a b img{display: block;}
.headerlist a strong{font-size: 14px;color: #3D4450;font-weight: 500;line-height: 33px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headerlister{width: 390px;}
.headerlisted{width: 120px;padding: 26px 24px;}
.headerlisted a{margin-bottom: 11px;}
.headerlisted a strong{line-height: 1.5;}
.headerlist a:hover strong{color: #1EAD73;}
/* banner */
.banner{width: 100%;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;height: 678px;}
.bannerconers ul li{width: 100%;height: 678px;opacity: 1 !important;}
.bannercon ul li a{display: block;height: 100%;}
.bannercon .swiper-slide-active{opacity: 1 !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.bannered{height: 100%;}
.bannercontre{width: 100%;display: flex;align-items: center;height: 100%;justify-content: space-between;}
.bannerleft{float: left;}
.bannerleft img{display: block;}
.banneright{float: right;flex: 1;display: flex;justify-content: flex-end;}
.banneright img{display: block;-webkit-animation: mousewheels 2.5s linear infinite;animation: mousewheels 2.5s linear infinite;}
@-webkit-keyframes mousewheels{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes mousewheels{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:1}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
.bannerpages{bottom: 23px !important;}
.bannerpages .swiper-pagination-bullet{width: 32px !important;height: 3px;background: #fff !important;opacity: 0.2 !important;
margin-right: 14px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 3px !important;}
.bannerpages .swiper-pagination-bullet-active{opacity: 1 !important;}
/* 产品介绍 */
.products{width: 100%;padding: 94px 0 104px 0;box-sizing: border-box; height: 880px;}
.productscon{width: 100%;}
.protitle{width: 100%;margin-bottom: 60px;}
.protitle h4{font-size: 32px;color: #3D4450;text-align: center;line-height: 38px;margin-bottom: 27px;font-weight: bold;}
.protitle p{font-size: 18px;color: #7B8390;text-align: center;line-height: 32px;}

.protitle1{background: url(../images/protitle1.png) center no-repeat;width: 583px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float: left; margin-bottom: 18px;}
.protitle2{background: url(../images/protitle2.png) center no-repeat;width: 284px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float: left;margin-left: 18px; margin-bottom: 18px;}
.protitle3{background: url(../images/protitle3.png) center no-repeat;width: 284px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float: left;margin-bottom:18px;margin-left: 18px;}
.protitle4{background: url(../images/protitle4.png) center no-repeat;width: 284px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float: left;}
.protitle5{background: url(../images/protitle5.png) center no-repeat;width: 284px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float: left;margin-left: 16px;}
.protitle6{background: url(../images/protitle6.png) center no-repeat;width: 284px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float: left;margin-left: 18px;}
.protitle7{background: url(../images/protitle7.png) center no-repeat;width: 284px;
    height: 262px;background-size: cover;
    border-radius: 8px 8px 8px 8px; float:left;margin-left: 18px;}

.protxttitle{width: 176px;
    height: 62px;
    font-weight: bold;
    font-size: 22px;
    color: #3D4450;
    line-height: 33px;
    text-align: left;
    font-style: normal;
    text-transform: none; margin-top: 38px; margin-left: 22px;}
.protxtdesc{
    width: 203px;
    height: 161px;
    font-weight: normal;
    font-size: 13px;
    color: #8B9098;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 15px;
    margin-left: 22px;
}
.protxtmore{
    width: 93px;
    height: 29px;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #7B828F;
    color: #7B828F;
    font-size: 12px;
    opacity: 0.8;
    float: right;
    margin-top: -60px;
    margin-right: 21px;
    text-align: center;
    line-height: 28px;
}


.protxttitle1{width: 220px;
    height: 62px;
    font-weight: bold;
    font-size: 22px;
    color: #3D4450;
    line-height: 33px;
    text-align: left;
    font-style: normal;
    text-transform: none; margin-top: 38px; margin-left: 22px;}
.protxtdesc1{
    width: 235px;
    height: 161px;
    font-weight: normal;
    font-size: 13px;
    color: #8B9098;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 15px;
    margin-left: 22px;
}
.protxtmore1{
    width: 93px;
    height: 29px;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #7B828F;
    color: #7B828F;
    font-size: 12px;
    opacity: 0.8;
    float: right;
    margin-top: -60px;
    margin-right: 21px;
    text-align: center;
    line-height: 28px;
}



.productsconter{width: 100%;}
.pronav{width: 100%;}
.pronav ul{background: linear-gradient(90deg, #1E2534 0%, #373F55 100%);position: relative;border-radius: 6px 6px 0 0;}
.pronav ul li{float: left;width: 393.2px;height: 80px;cursor: pointer;position: relative;}
.pronav ul i{position: absolute;left: 0;top: 0;background: linear-gradient(90deg, #00B27F 0%, #1DE2A6 100%);height: 100%;
width: 393.2px;transition: all 0.4s;border-radius: 5px 0 0 0;}
.pronav ul i::before{content: '';width: 22px;height: 10px;overflow: hidden;z-index: 10;
position: absolute;bottom: -9px;left: 50%;margin-left: -11px;background: url(../images/jiao.png) center no-repeat;}
.pronav ul li span{display: block;width: 100%;line-height: 80px;font-size: 18px;color: #fff;opacity: 0.7;text-align: center;
padding: 0 10px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;}
.pronav ul .active span{opacity: 1;}
.prolist{width: 100%;height: 400px;}
.prolistcon{width: 100%;}
.prolistcon ul li{width: 100%;}
.prolistcon ul li img{display: block;}
.prolistcon ul li .cpimgs{position: absolute;top: 0;left: 0;z-index: 10;-webkit-animation: opacitys 3s linear infinite;animation: opacitys 3s linear infinite;}
.peotext{width: 350px;position: absolute;top: 50%;left: 62px;transform: translateY(-50%);z-index: 11;}
.peotext h5{font-size: 30px;line-height: 47px;font-weight: bold;color: #fff;z-index: 12;margin-bottom: 22px;}
.peotext p{font-size: 14px;line-height: 28px;font-weight: 500;color: #fff;z-index: 12;margin-bottom: 70px;opacity: 0.7;}
.peotext .peotextlasted{display: block;width: 140px;height: 40px;border: 1px solid #fff;border-radius: 2px;text-align: center;font-size: 15px;
color: #fff;font-weight: 400;line-height: 40px;position: relative;}
.peotext .peotextlasted span{position: relative;}
.peotext .peotextlasted i{position: absolute;top: 0;left: 0;background: linear-gradient(90deg, #00B27F 0%, #1DE2A6 100%);width: 0px;height: 40px;}
@-webkit-keyframes opacitys{0%{opacity:1}30%{opacity:0}50%{opacity:0.5}80%{opacity:0.7}100%{opacity:1}}
@keyframes opacitys{0%{opacity:1}30%{opacity:0}50%{opacity:0.5}80%{opacity:0.7}100%{opacity:1}}
.cppages{display: none;}
/* 现场施工安全守护者 */
.xcsg{width: 100%;padding: 69px 0 95px 0;box-sizing: border-box;}
.xcsgcon{width: 100%;position: relative;}
.xcsgtitle{width: 100%;margin-bottom: 30px;}
.xcsgtitle h4{font-size: 32px;color: #fff;text-align: center;line-height: 38px;margin-bottom: 15px;font-weight: bold;}
.xcsgtitle p{font-size: 18px;color: #fff;text-align: center;line-height: 32px;opacity: 0.4;}
.xcsgimg{display: table;margin: 0 auto;width: 500px;}
.xcsgimg img{display: block;}
.xcsglist ul li{width: 308px;position: absolute;}
.xcsglist ul li .xcsgtext{width: 100%;margin-bottom: 13px;}
.xcsglist ul li .xcsgtext span{float: right;font-size: 26px;color: #fff;font-weight: bold;line-height: 31px;margin-right: 20px;}
.xcsglist ul li:nth-child(2n) .xcsgtext span{margin-left: 20px;margin-right: 0;float: left;}
.xcsglist ul li:nth-child(2n) .xcsgtext i{float: left;}
.xcsglist ul li .xcsgtext i{float: right;width: 32px;height: 40px;}
.xcsglist ul li .xcsgtext i img{display: block;}
.xcsglist ul li p{font-size: 14px;line-height: 32px;color: #fff;opacity: 0.4;font-weight: 400;}
.xcsglist ul li:nth-child(1){top: 130px;left: 7px;}
.xcsglist ul li:nth-child(1) p{text-align: right;}
.xcsglist ul li:nth-child(2){top: 130px;right: 7px;}
.xcsglist ul li:nth-child(3){bottom: 30px;left: 7px;}
.xcsglist ul li:nth-child(3) p{text-align: right;}
.xcsglist ul li:nth-child(4){bottom: 30px;right: 7px;}
/* 解决方案 */
.jjfa{width: 100%;padding: 88px 0;box-sizing: border-box;position: relative;height: 750px;}
.jjfaimglist{position: absolute;top: 0;left: 0;width: 100%;height: 750px;}
.jjfaimglist img{display: block;width: 100%;height: 100%;transition:1.5s;-moz-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;
opacity: 0;position: absolute;top: 0;left: 0;object-fit: cover;}
.jjfaimglist .active{opacity: 1;}
.jjfaconed{position: relative;z-index: 10;}
.jjfacon{width: 100%;}
.jjfaleft{float: left;width: 305px;padding-top: 413px;box-sizing: border-box;margin-right: 109px;}
.jjfaleftcon{width: 100%;}
.jjfaleftcon h4{font-size: 32px;color: #3D4450;line-height: 38px;margin-bottom: 27px;font-weight: bold;}
.jjfaleftcon p{font-size: 16px;color: #7B8390;line-height: 32px;}
.jjfaright{float: left;width: 766px;}
.jjfanav{width: 100%;margin-bottom: 20px;}
.jjfanav ul li{width: 375px;height: 80px;border: 1px solid rgba(255,255,255,0.6);float: left;box-sizing: border-box;line-height: 32px;cursor: pointer; margin-left: 15px;display: flex;
    justify-content: center;
    align-content: ;
    align-items: center;}
.jjfanav ul li i{display: inline-block;width: 40px;height: 48px;margin-right: 12px;vertical-align: -6px;}
.jjfanav ul li:nth-child(1){ margin-left: 0px;}
.jjfanav ul li:nth-child(3){ margin-left: 0px; position: absolute;
     top: 430px; z-index: 100;
 }
.jjfanav ul li:nth-child(4){ margin-left: 0px; position: absolute;
     top: 430px; right: 0px;z-index: 100;
}
.jjfanav ul li:nth-child(1) i{background: url(../images/jjfa2s.png) center no-repeat;}
.jjfanav ul li:nth-child(2) i{background: url(../images/jjfa3.png) center no-repeat;}
.jjfanav ul li:nth-child(3) i{background: url(../images/jjfa4.png) center no-repeat;}
.jjfanav ul li:nth-child(4) i{background: url(../images/jjfa5.png) center no-repeat;}
.jjfanav ul li span{font-size: 22px;color: #fff;font-weight: bold;}
.jjfanav ul li.active{background: #fff;border: 1px solid rgba(255,255,255,1);}
.jjfanav ul li.active:nth-child(1) i{background: url(../images/jjfa2.png) center no-repeat;}
.jjfanav ul li.active:nth-child(2) i{background: url(../images/jjfa3s.png) center no-repeat;}
.jjfanav ul li.active:nth-child(3) i{background: url(../images/jjfa4s.png) center no-repeat;}
.jjfanav ul li.active:nth-child(4) i{background: url(../images/jjfa5s.png) center no-repeat;}
.jjfanav ul li.active span{color: #1EAD73;}
.jjfabut{width: 100%;height: 470px;overflow: hidden;position: relative;}
.jjfalist{width: 100%;transition:1.5s;-moz-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;transform: translateX(-100%);
position: absolute;top: 0;left: 0;}
.jjfalisted{transform: translateX(100%);}
.jjfalistactive{transform: translateX(0%);opacity: 1;z-index: 100;}
.jjfalstcon{width: 100%;}
.jjfalstconed{width: 100%;}
.jjfalstconed ul li,.jjfalstconeds ul li{width: 100%;height: 310px;background: url(../images/jjfa1.png) center no-repeat;}
.jjfalistext{float: left;width: 50%;height: 20px;padding: 28px;box-sizing: border-box; padding-top: 33px; padding-bottom: 33px;}
.jjfalistextup{width: 100%;margin-bottom: 17px;}
.jjfalistextup i{display: inline-block;width: 28px;height: 28px;font-size: 0;text-align: center;line-height: 28px;margin-right: 4px;
vertical-align: -7px;}
.jjfalistextup i img{display: inline-block;}
.jjfalistextup span{font-size: 18px;color: #fff;font-weight: bold;line-height: 29px;}
.jjfalistext p{font-size: 14px;color: #fff;font-weight: 400;line-height: 27px;}
.jjfalast{width: 100%;padding-top: 44px;box-sizing: border-box;position: absolute;bottom: 2px;left: 0;}
.jjfalast a{display: block;float: left;width: 150px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;border-radius: 2px;
font-size: 16px;color: #fff;}
.jjfalaster{width: 80px;position: absolute;bottom: 2px;right: 0;height: 40px;z-index: 40;
transition:.6s;-moz-transition: .6s;-webkit-transition: .6s;-o-transition: .6s;}
.jjfalaster.active{transform: translateX(120%);}
.nexted{width: 40px;height: 40px;border: 1px solid #fff;position: absolute;top: 0px;right: 0 !important;
background: url(../images/right.png) center no-repeat !important;background-size: 50% !important;cursor: pointer;}
.preved{width: 40px;height: 40px;border: 1px solid #fff;position: absolute;top: 0px;left: auto !important;right: 40px !important;
background: url(../images/left.png) center no-repeat !important;background-size: 50% !important;cursor: pointer;}
/* 精选案例 */
.jxal{width: 100%;padding: 62px 0 72px 0;background: #fff;box-sizing: border-box;}
.jxalcon{width: 100%;}
.jxaltitle{width: 100%;margin-bottom: 40px;}
.jxaltitle h4{font-size: 32px;line-height: 38px;text-align: center;color: #3D4450;font-weight: bold;margin-bottom: 13px;}
.jxaltitle p{font-size: 18px;line-height: 32px;text-align: center;color: #7B8390;font-weight: 400;margin-bottom: 13px;}
.jxanli{width: 100%;}
.jxalconter{width: 100%;position: relative;height: 484px;}
.jxallist{width: 100%;height: 484px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0 !important;}
.jxanli .swiper-slide-active{opacity: 1 !important;}
.jxallist ul li{float: left;width: 380px;height: 234px;overflow: hidden;margin-right: 17px;position: relative;}
.jxallist ul li:first-child{width: 386px;height: 484px;margin-right: 17px;}
.jxallist ul li:nth-child(3){margin-right: 0;margin-bottom: 16px;}
.jxallist ul li:nth-child(5){margin-right: 0;}
.jxallist ul li a{display: block;}
.jxalimg{width: 100%;position: relative;}
.jxalimg img{display: block;}
.jxalimg p{position: absolute;bottom: 0;left: 0;padding: 0 10px;font-size: 16px;color: #fff;opacity: 0.7;height: 43px;line-height: 43px;
background: rgba(17,22,30,0.8);box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;width: 100%;}
.jxaltext{width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;background: rgba(17,22,30,0.8);padding: 28px 48px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0;}
.jxaltextcon{width: 100%;}
.jxaltextcon h5{font-size: 16px;line-height: 25px;color: #fff;text-align: center;font-weight: 500;margin-bottom: 20px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jxaltextcon p{font-size: 14px;line-height: 24px;color: #939CAA;text-align: center;font-weight: 400;margin-bottom: 39px;}
.jxaltextcon span{display: block;width: 126px;height: 35px;background: #1EAD73;border-radius: 3px;font-size: 14px;
color: #fff;line-height: 35px;margin: 0 auto;text-align: center;}
.jxallist ul li:hover .jxalimg p{bottom: -100%;opacity: 0;}
.jxallist ul li:hover .jxaltext{bottom: 0%;opacity: 1;}
.jxallast{width: 100%;}
.jxallast a{display: block;width: 160px;height: 44px;border: 1px solid #7B8390;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
box-sizing: border-box;font-size: 18px;color: #7B8390;border-radius: 3px;text-align: center;line-height: 44px;margin: 49px auto 0;}
.jxallast a:hover{border-color: #1EAD73;color: #1EAD73;}
/* 合作伙伴 */
.hzhb{width: 100%;padding: 66px 0 85px 0;box-sizing: border-box;background: #F2F4F5;margin-top: 60px;}
.hzhbcon{width: 100%;}
.hzhblist{width: 100%;}
.hzhblist ul li{float: left;height: 100px;margin-right: 14px;margin-bottom: 15px;background: #fff;}
.hzhblist ul li img{display: block;}
.hzhblist ul li{width: 284px}
.hzhblist ul li:nth-child(4),.hzhblist ul li:nth-child(5),.hzhblist ul li:nth-child(6),.hzhblist ul li:nth-child(7){width: 284px;}
.hzhblist ul li:nth-child(4),.hzhblist ul li:nth-child(8),.hzhblist ul li:nth-child(12){margin-right: 0;}
/* 可靠的数据支持 */
.kksj{width: 100%;height: 470px;padding-top: 45px;box-sizing: border-box;}
.kksjcon{width: 100%;}
.kksjtitle h4{color: #fff;}
.kksjtitle p{color: #fff;opacity: 0.5;}
.kksjlist{width: 100%;position: relative;}
.kksjlist ul li{position: absolute;}
.kksjlist ul li i{float: left;width: 40px;height: 40px;margin-right: 17px;margin-top: 6px;}
.kksjlist ul li i img{display: block;}
.kksjtext{float: left;}
.kksjtext h5{font-size: 38px;line-height: 40px;color: #fff;margin-bottom: 8px;font-family: bebas;}
.kksjtext h5 b{font-size: 24px;font-weight: 200;vertical-align: 10px;}
.kksjlist ul li:last-child .kksjtext h5{margin-bottom: 6px;}
.kksjtext p{font-size: 20px;line-height: 20px;color: #fff;font-weight: 400;}
.kksjlist ul li:last-child i{margin-top: 0;}
.kksjlist ul li:last-child .kksjtext h5 b{vertical-align: 3px;}
.kksjlist ul li:nth-child(1){top: 110px;left: 0;}
.kksjlist ul li:nth-child(2){top: 35px;left: 320px;}
.kksjlist ul li:nth-child(3){top: 98px;left: 720px;}
.kksjlist ul li:nth-child(4){top: 35px;right: 20px;}
/* 新闻资讯 */
.xinwen{width: 100%;padding: 50px 0 55px 0;box-sizing: border-box;background: #fff;}
.xinwencon{width: 100%;}
.xwtitle{margin-bottom: 60px;}
.xinwenconter{width: 100%;}
.xinwenleft{width: 783px;margin-right: 45px;float: left;}
.xinwenleft ul li{float: left;width: 372px;height: 133px;border-radius: 4px;}
.xinwenleft ul li a{display: block;}
.xinwenleft ul li:nth-child(1){width: 392px;height: 284px;margin-right: 19px;}
.xinwenleft ul li:nth-child(2){margin-bottom: 18px;}
.xinwenimg{width: 100%;position: relative;}
.xinwenimg img{display: block;}
.xwtext{width: 100%;height: 60px;padding: 10px 19px;box-sizing: border-box;background: rgba(0,0,0,0.6);border-radius: 0 0 4px 4px;
position: absolute;bottom: 0;left: 0;}
.xwtext h5{font-size: 16px;color: #fff;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
line-height: 19px;margin-bottom: 5px;}
.xwtext p{font-size: 12px;color: #fff;opacity: 0.6;font-weight: 400;line-height: 14px;}
.xwtext p i{display: inline-block;width: 14px;height: 14px;background: url(../images/xwtime.png) center no-repeat;margin-right: 3px;vertical-align: -2.2px;}
.xinwenright{float: right;width: 352px;}
.xinwenright ul li{width: 100%;border-bottom: 1px solid #E1E6F0;box-sizing: border-box;}
.xinwenright ul li a{display: block;padding: 30px 0;box-sizing: border-box;}
.xwrightext{float: left;width: 83%;}
.xwrightext h5{font-size: 16px;color: #3D4450;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
line-height: 19px;margin-bottom: 10px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.xwrightext p{font-size: 12px;color: #7B8390;font-weight: 400;line-height: 14px;}
.xwrightext p i{display: inline-block;width: 14px;height: 14px;background: url(../images/xwtimes.png) center no-repeat;margin-right: 3px;vertical-align: -2.2px;}
.xinwenright ul li a b{float: right;width: 24px;height: 24px;}
.xinwenright ul li a b img{display: block;}
.xinwenright ul li:first-child a{padding-top: 0;}
.xinwenright ul li a:hover .xwrightext h5{color: #1EAD73;}
/* footer */
.footer{width: 100%;padding: 64px 0 20px 0;box-sizing: border-box;}
.footercon{width: 100%;}
.footerup{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 15px;box-sizing: border-box;margin-bottom: 50px;}
.footerup img{display: block;}
.footerconter{width: 100%;margin-bottom: 44px;}
.footerleft{float: left;width: 440px;margin-right: 50px;}
.footerleft h5{font-size: 22px;color: #fff;opacity: 0.5;line-height: 26px;margin-bottom: 23px;font-weight: 400;}
.footerleft ul li{width: 100%;margin-bottom: 23px;}
.footerleft ul li:last-child{margin-bottom: 0;}
.footerleft ul li i{float: left;width: 16px;height: 16px;margin-right: 12px;}
.footerleft ul li i img{display: block;}
.footerleft ul li span{float: left;font-size: 15px;color: #fff;opacity: 0.4;line-height: 16px;font-weight: 400;}
.footerleft ul li:first-child span{font-family: bebas;}
.footercontered{float: left;width: 550px;}
.footerform{width: 100%;}
.footerform textarea{width: 100%;height: 90px;border-radius: 4px;background: rgba(39,47,64,0.4);margin-bottom: 14px;
padding: 7px 13px;border: 0;outline: none;resize: none;box-sizing: border-box;font-size: 14px;color: #fff;opacity: 0.4;}
.footerform textarea::-webkit-input-placeholder {color: #fff;opacity: 0.4;}
.footerform textarea:-moz-placeholder { color: #fff;opacity: 0.4;}
.footerform textarea::-moz-placeholder { color: #fff;opacity: 0.4;}
.footerform textarea:-ms-input-placeholder {color: #fff;opacity: 0.4;}
.footerform ul li{float: left;margin-right: 14px;}
.footerform ul li:last-child{margin-right: 0;}
.footerform ul li input{width: 186px;background: rgba(39,47,64,0.4);border: 0;outline: none;box-sizing: border-box;font-size: 14px;color: #fff;opacity: 0.4;
padding: 0 13px;height: 42px;border-radius: 4px;}
.footerform ul li input::-webkit-input-placeholder {color: #fff;opacity: 0.4;}
.footerform ul li input:-moz-placeholder { color: #fff;opacity: 0.4;}
.footerform ul li input::-moz-placeholder { color: #fff;opacity: 0.4;}
.footerform ul li input:-ms-input-placeholder {color: #fff;opacity: 0.4;}
.footerform ul li button{border: 0;outline: none;box-sizing: border-box;font-size: 14px;color: #fff;border-radius: 3px;
padding: 0 13px;width: 100%;height: 42px;width: 150px;background: linear-gradient(90deg, #1EAD73 0%, #39BC88 100%);}
.footersuccess{width: 100%;padding-top: 6px;box-sizing: border-box;display: none;}
.footersuccess b{width: 60px;height: 60px;display: block;font-size: 0;margin: 0 auto 16px;}
.footersuccess b img{display: block;}
.footersuccess h5{font-size: 22px;color: #fff;opacity: 0.5;text-align: center;line-height: 26px;margin-bottom: 13px;font-weight: 500;}
.footersuccess p{font-size: 15px;color: #fff;opacity: 0.5;text-align: center;line-height: 18px;font-weight: 400;}
.footermargin{ margin-left: 40px;}
.footeright{float: right;width: 118px;}
.footeright h5{font-size: 15px;color: #fff;opacity: 0.5;text-align: center;font-weight: 400;margin-bottom: 15px;}
.footeright p{display: block;width: 118px;height: 118px;}
.footeright p img{display: block;}
.footerlast{width: 100%;}
.footerlast p{font-size: 15px;color: #fff;opacity: 0.5;font-weight: 400;}
.footerlast p a{color: #fff;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerlast p a:hover{opacity: 1;color: #fff;}

.procuctzn{background: linear-gradient( 90deg, #FEFEFE 0%, #FAFAFC 100%);}

/* 侧栏 */
.celan{width: 48px;height: 180px;position: fixed;top: 70%;right: -150px;margin-top: -90px;z-index: 45;
transition:.8s;-moz-transition: .8s;-webkit-transition: .8s;-o-transition: .8s;opacity: 0;}
.celanactive{right: 50px;opacity: 1;}
.celanup{width: 48px;height: 120px;margin-bottom: 10px;border: 1px solid #E1E6F0;border-radius: 3px;box-sizing: border-box;cursor: pointer;}
.celancon{padding: 9px 0;box-sizing: border-box;background: #fff;position: relative;z-index: 10;}
.celancon i{display: block;width: 22px;height: 24px;margin: 0 auto 8px;}
.celancon i img{display: block;}
.celancon p{font-size: 14px;color: #7B8390;padding: 0 16px;box-sizing: border-box;line-height: 17px;}
.celantext{width: 0;height: 178px;background: #fff;border-radius: 3px;box-shadow: 0px 10px 10px rgba(9, 22, 53, 0.08);overflow: hidden;
position: absolute;top: 0;right: 58px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0;}
.celantext ul{padding: 28px 25px 24px 25px;box-sizing: border-box;width: 216px;display: none;}
.celantext ul li{width: 100%;margin-bottom: 28px;}
.celantext ul li:last-child{margin-bottom: 0;}
.celantext ul li i{float: left;width: 29px;height: 29px;margin-right: 12px;margin-top: 4px;}
.celantext ul li i img{display: block;}
.celantext ul li:first-child .cltext p{font-size: 12px;}
.cltext{float: left;width: 120px;}
.cltext h6{font-size: 14px;color: #3D4450;font-weight: 400;margin-bottom: 4px;}
.cltext p{font-size: 10px;color: #3D4450;font-weight: 400;}
.cltext .colored{color: #7B8390;}
.celanup:hover .celantext{opacity: 1;width: 216px;}
.celanup:hover .celantext ul{display: block;}
.celantop{width: 48px;height: 48px;border-radius: 3px;border: 1px solid #E1E6F0;box-sizing: border-box;cursor: pointer;
text-align: center;line-height: 48px;background: #fff;font-size: 0;position: relative;z-index: 10;}
.celantop img{display: inline-block;}
/* 即可体验弹层 */
.jkty{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 200;display: none;}
.jktybj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.jktycon{width: 520px;background: #FFFFFF;box-shadow: 0px 10px 30px rgba(9, 22, 53, 0.2);border-radius: 6px;height: 690px;
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 66px 0 80px 0;box-sizing: border-box;}
.jktys{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 20;display: none;}
.jktybjs{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.jktycons{width: 520px;background: #FFFFFF;box-shadow: 0px 10px 30px rgba(9, 22, 53, 0.2);border-radius: 6px;height: 690px;
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 66px 0 80px 0;box-sizing: border-box;}
.jktycon i,.jktycons i{display: block;width: 20px;height: 20px;position: absolute;top: 20px;right: 16px;cursor: pointer;}
.jktybox{width: 100%;}
.jktytitle{width: 100%;margin-bottom: 47px;padding: 0 60px 0 60px;box-sizing: border-box;}
.jktytitle h5{font-size: 36px;color: #3D4450;font-weight: bold;line-height: 40px;margin-bottom: 13px;text-align: center;}
.jktytitle p{font-size: 13px;color: #7B8390;font-weight: 400;line-height: 16px;text-align: center;}
.jktylist{width: 100%;}
.jktylist ul li{width: 100%;margin-bottom: 20px;padding: 0 60px 0 60px;box-sizing: border-box;}
.jktylist ul li:last-child{margin-bottom: 0;padding: 0 50px 0 50px;}
.jktylist ul li input{width: 100%;height: 50px;border: 1px solid #BABFC6;box-sizing: border-box;padding: 0 20px 0 42px;box-sizing: border-box;
outline: none;font-size: 15px;color: #333;outline: none;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.jktylist ul li input:focus{border-color: #1EAD73;}
.jktylist ul li input::-webkit-input-placeholder {color: #BABFC6;}
.jktylist ul li input:-moz-placeholder { color: #BABFC6;}
.jktylist ul li input::-moz-placeholder { color: #BABFC6;}
.jktylist ul li input:-ms-input-placeholder {color: #BABFC6;}
.jktylist ul li textarea{width: 100%;height: 110px;border: 1px solid #BABFC6;box-sizing: border-box;padding: 12px 20px 12px 42px;box-sizing: border-box;
outline: none;font-size: 15px;color: #333;outline: none;resize: none;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.jktylist ul li textarea:focus{border-color: #1EAD73;}
.jktylist ul li textarea::-webkit-input-placeholder {color: #BABFC6;}
.jktylist ul li textarea:-moz-placeholder { color: #BABFC6;}
.jktylist ul li textarea::-moz-placeholder { color: #BABFC6;}
.jktylist ul li textarea:-ms-input-placeholder {color: #BABFC6;}
.jktylist ul li:nth-child(1) input{background: #fff url(../images/gs.png) 10px center no-repeat;}
.jktylist ul li:nth-child(2) input{background: #fff url(../images/xm.png) 10px center no-repeat;}
.jktylist ul li:nth-child(3) input{background: #fff url(../images/sj.png) 10px center no-repeat;}
.jktylist ul li:nth-child(4) textarea{background: #fff url(../images/xq.png) 10px 13px no-repeat;}
.jktylist ul li button{width: 100%;height: 53px;background: linear-gradient(90deg, #1EAD73 0%, #39BC88 100%);border-radius: 2px;
display: block;font-size: 18px;color: #fff;outline: none;border: 0;margin: 40px auto 0;}
.jkthsuccess{width: 100%;display: none;}
.jkthsuccess b{display: block;width: 60px;height: 60px;margin: 0 auto 16px;font-size: 0;font-weight: 400;}
.jkthsuccess b img{display: block;}
.jkthsuccess h5{font-size: 33px;color: #3D4450;font-weight: bold;line-height: 40px;text-align: center;margin-bottom: 20px;}
.jkthsuccess p{font-size: 16px;color: #7B8390;font-weight: 400;line-height: 28px;text-align: center;}
/* 解决方案页面 */
.solution{width: 100%;background: #F2F6FA;padding: 93px 0 102px 0;box-sizing: border-box;}
.solutioncon{width: 100%;}
.solutiontitle{width: 100%;margin-bottom: 50px;}
.solutiontitle h4{font-size: 32px;color: #3D4450;line-height: 38px;text-align: center;margin-bottom: 13px;font-weight: bold;}
.solutiontitle p{font-size: 18px;color: #7B8390;line-height: 38px;text-align: center;font-size: 400;}
.solutionconter{width: 100%;}
.solutionconterup{width: 100%;margin-bottom: 102px;}
.solutionconterup:last-child{margin-bottom: 0;}
.solutionup{width: 100%;height: 240px;padding: 53px 46px 39px 46px;border-bottom: 1px solid #eee;box-sizing: border-box;}
.solutionup h5{font-size: 28px;line-height: 34px;color: #3D4450;font-weight: bold;margin-bottom: 23px;}
.solutionup p{font-size: 13px;line-height: 24px;color: #3D4450;font-weight: 400;margin-bottom: 20px;}
.solutionup a{font-size: 14px;color: #1EAD73;line-height: 17px;font-weight: 400;}
.solutionuplist{width: 100%;}
.solutionuplist ul li{width: 100%;height: 230px;border-bottom: 1px solid #eee;box-sizing: border-box;background: #fff;}
.solutionuplist ul li:last-child{border-bottom: 0;}
.solutionleft{float: left;width: 50%;padding: 50px 45px 35px 45px;box-sizing: border-box;}
.solutionright{float: left;width: 50%;padding: 50px 45px 35px 45px;box-sizing: border-box;}
.solutiontext h5{font-size: 18px;color: #3D4450;line-height: 22px;font-weight: 500;margin-bottom: 15px;}
.solutiontext h5 i{display: inline-block;width: 28px;height: 28px;margin-right: 6px;vertical-align: middle;}
.solutiontext h5 i img{display: block;}
.solutiontext p{font-size: 13px;color: #7B8390;line-height: 25px;font-weight: 400;}
.solutionuplists{width: 100%;}
.solutionuplists ul li{width: 100%;height: auto;border-bottom: 1px solid #eee;box-sizing: border-box;background: #fff;}
.solutionuplists ul li:last-child{border-bottom: 0;}
.solutionlefts{float: left;width: 53%;padding: 30px 45px 10px 45px;box-sizing: border-box;}
.solutionlefts .wenzi{ font-size: 16px; color:#3D4450; margin-bottom: 12px;}
.solutionrights{float: left;width: 47%;padding: 10px 45px 35px 45px;box-sizing: border-box; text-align: center; padding-bottom:10px}
.solutiontexts h5{font-size: 18px;color: #3D4450;line-height: 22px;font-weight: 500;margin-bottom: 15px;}
.solutiontexts h5 i{display: inline-block;width: 28px;height: 28px;margin-right: 6px;vertical-align: middle;}
.solutiontexts h5 i img{display: block;}
.solutiontexts p{font-size: 13px;color: #7B8390;line-height: 25px;font-weight: 400;}

/* 客户案例 */
.csae{width: 100%;padding-top: 80px;padding-bottom: 79px;box-sizing: border-box;}
.csaecon{width: 100%;}
.casenav{width: 100%;border-bottom: 1px solid #E1E6F0;box-sizing: border-box;}
.casenav ul li{width: 50%;float: left;}
.casenavtext{display: table;margin: 0 auto;padding-bottom: 26px;padding-top: 20px;box-sizing: border-box;cursor: pointer;position: relative;}
.casenavtext::before{content: '';width: 0%;height: 2px;background: #1EAD73;position: absolute;bottom: 0px;left: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.casenavtext i{display: block;margin: 0 auto 15px;width: 60px;height: 60px;}
.casenavtext i img{display: block;}
.casenavtext p{font-size: 20px;color: #3D4450;font-weight: 500;text-align: center;}
.casenav ul .active .casenavtext p{color: #1EAD73;}
.casenav ul .active .casenavtext::before{width: 100%;}
.caseconter{width: 100%;padding-top: 86px;box-sizing: border-box;position: relative;background: url(../images/khalpic.png) center top no-repeat;}
.caselist{width: 100%;transition:.8s;-moz-transition: .8s;-webkit-transition: .8s;-o-transition: .8s;opacity: 0;
transform: translateY(160px);position: absolute;top: 86px;left: 0;}
.caselist.active{opacity: 1;z-index: 10;transform: translateY(0px);}
.caselistcon{width: 100%;}
.caselistcon ul li{float: left;width: 340px;margin-right: 40px;background: #fff;box-shadow: 0px 10px 20px rgba(9, 22, 53, 0.1);
margin-bottom: 35px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.caselistcon ul li:nth-child(3n){margin-right: 0;}
.caselistcon ul li a{display: block;}
.caseimg{width: 100%;height: 200px;}
.caseimg img{display: block;}
.casetext{width: 100%;padding: 27px 36px;box-sizing: border-box;}
.casetext h5{font-size: 16px;color: #3D4450;font-weight: 500;line-height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-bottom: 15px;}
.casetext p{font-size: 13px;color: #7B8390;font-weight: 400;line-height: 26px;height: 78px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 16px;}
.casetext span{font-size: 14px;color: #1EAD73;font-weight: 400;}
.caselistcon ul li:hover{transform: translateY(-15px);}
.caselistcon ul li:hover .casetext h5{color: #1EAD73;}
.pages{width: 100%;margin-top: 40px;}
.pages ul{display: table;margin: 0 auto;}
.pages ul li{float: left;text-align: center;margin-right: 15px;}
.pages ul li:last-child{margin-right: 0;}
.pages ul li a{display: block;font-size: 14px;color: #747774;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
box-sizing: border-box;width: 36px;border: 1px solid #E1E6F0;box-sizing: border-box;line-height: 36px;height: 36px;}
.pages ul .prevedcon a,.pages ul .nextedcon a{padding: 0 20px;box-sizing: border-box;width: auto;border-radius: 25px;}
.pages ul li:hover a{background: #1EAD73;color: #fff;border-color: #1EAD73;}
.pages ul li.active a{background: #1EAD73;color: #fff;border-color: #1EAD73;}
/* 解决案例详情 */
.bannerxq{width: 100%;height: 260px;}
.bannerxqcon{width: 100%;line-height: 320px;}
.bannerxqconer{line-height: 290px;}
.bannerxqcon h5{font-size: 36px;color: #fff;font-weight: 500;line-height: 36px;display: inline-block;}
.bannerxqcon span{font-size: 24px;color: #fff;font-weight: 500;line-height: 24px;margin-left: 18px;vertical-align: -4px;}
.casexq{width: 100%;padding: 98px 0 75px 0;box-sizing: border-box;background: #fff;}
.casexqcon{width: 100%;}
.casexqleft{width: 200px;float: left;margin-right: 80px;}
.casexqleft ul li{width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;position: relative;}
.casexqleft ul li a{display: block;height: 50px;font-size: 16px;color: #3D4450;line-height: 50px;width: 96%;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.casexqleft ul li::before{content: '';width: 2px;height: 50px;position: absolute;top: 0;right: 0;background: #1EAD73;display: none;}
.casexqleft ul li.active::before{display: block;}
.casexqleft ul li.active{background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 99%);}
.casexqleft ul li.active a{color: #1EAD73;}
.casexqleft ul li:hover::before{display: block;}
.casexqleft ul li:hover{background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 99%);}
.casexqleft ul li:hover a{color: #1EAD73;}
.casexqright{float: right;width: 900px;}
.casexqtitle{width: 100%;margin-bottom: 17px;}
.casexqtitle h5{font-size: 26px;color: #3F464F;font-weight: 500;line-height: 26px;margin-bottom: 7px;}
.casexqtitle p{font-size: 16px;color: #92969B;font-weight: 500;line-height: 16px;}
.casexqconter{width: 100%;padding-top: 17px;box-sizing: border-box;}
.casexqconter h6{font-size: 16px;color: #3F464F;font-weight: 500;margin-bottom: 15px;}
.casexqconter p{font-size: 14px;color: #59626B;font-weight: 500;margin-bottom: 15px;line-height: 28px;}
.casexqconter p:last-child{margin-bottom: 0;}
/* 服务流程 */
.fwlc{width: 100%;padding: 94px 0 45px 0;box-sizing: border-box;background: #fff;}
.fwlccon{width: 100%;}
.fwlctitle{width: 100%;margin-bottom: 40px;}
.fwlctitle h4{font-size: 32px;color: #3D4450;font-weight: bold;text-align: center;line-height: 38px;}
.fwlcimg{width: 100%;}
.fwlcimg img{display: block;}
.fwlc1{width: 100%;padding: 60px 0;box-sizing: border-box;background: #F2F4F5;}
.fwlc1last{width: 100%;padding-top: 40px;box-sizing: border-box;}
.fwlc1last h5{font-size: 20px;color: #3D4450;font-weight: 500;position: relative;padding-left: 14px;box-sizing: border-box;margin-bottom: 25px;}
.fwlc1last h5::before{content: '';width: 6px;height: 19px;background: #1EAD73;position: absolute;top: 5px;left: 0;}
.fwlc1last ul li{float: left;width: 48%;margin-right: 4%;}
.fwlc1last ul li:nth-child(2n){margin-right: 0;}
.fwlc1last ul li p{font-size: 14px;color: #7B8390;line-height: 28px;font-weight: 400;}
.fwlc2{width: 100%;background: #fff;padding: 60px 0;box-sizing: border-box;}
.fwlclasted{width: 100%;padding-top: 80px;box-sizing: border-box;}
.fwlclastedcon{width: 100%;height: 66px;text-align: center;box-shadow: 0px 8px 10px rgba(0, 23, 45, 0.06);}
.fwlclastedcon p{font-size: 19px;color: #3D4450;font-weight: 500;line-height: 66px;}
.fwlclastedcon p i{display: inline-block;width: 26px;height: 28px;margin-right: 10px;vertical-align: -8px;}
.fwlclastedcon p i img{display: block;}
/* 常见问题 */
.faqlist{width: 100%;}
.faqlist ul li{width: 100%;}
.faqlist ul li a{display: block;border-bottom: 1px solid #EBEDF0;padding: 30px 0;box-sizing: border-box;cursor: default;}
.faqlist ul li:first-child a{padding-top: 0;}
.faqlist ul li a i{float: left;width: 18px;height: 18px;margin-right: 9px;}
.faqlist ul li a i img{display: block;}
.faqtext{float: left;width: 865px;}
.faqtext h5{font-size: 18px;color: #3D4450;font-weight: 500;margin-bottom: 15px;line-height: 18px;}
.faqtext p{font-size: 15px;color: #7B8390;font-weight: 500;line-height: 30px;}
/* 知识库 */
.know{width: 100%;}
.know ul li{width: 100%;margin-bottom: 40px;}
.know ul li a{display: block;}
.knowimg{float: left;width: 180px;height: 160px;margin-right: 50px;}
.knowimg img{display: block;}
.knowtext{float: left;width: 670px;height: 160px;border-bottom: 1px solid #F1F1F1;box-sizing: border-box;padding-top: 5px;}
.knowtext h5{font-size: 18px;color: #3F464F;font-weight: 500;line-height: 18px;margin-bottom: 20px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.knowtext p{font-size: 15px;color: #888C91;font-weight: 400;line-height: 28px;margin-bottom: 15px;height: 56px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.knowtext span{font-size: 14px;color: #92969B;font-weight: 500;line-height: 16px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.know ul li:hover .knowtext h5{color: #1EAD73;}
.know ul li:hover .knowtext span{color: #1EAD73;}
/* 资料下载 */
.download{width: 100%;padding: 90px 0 105px 0;box-sizing: border-box;background: #FFFFFF;}
.downloadcon{width: 100%;}
.downloadlist{width: 100%;}
.downloadlist ul li{float: left;width: 380px;height: 148px;border: 1px solid #E6EBF0;border-radius: 4px;box-sizing: border-box;
margin-right: 20px;margin-bottom: 20px;padding: 24px;box-sizing: border-box;}
.downloadlist ul li:nth-child(3n){margin-right: 0;}
.downleft{float: left;width: 195px;}
.downleft h6{font-size: 16px;color: #3F464F;font-weight: 500;line-height: 25px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;margin-bottom: 30px;}
.downleft a{font-size: 14px;color: #73808C;font-weight: 400;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.downleft a i{display: inline-block;width: 13px;height: 13px;margin-left: 4px;vertical-align: 0;}
.downleft a i img{display: block;}
.downleft a:hover{color: #1EAD73;}
.downright{float: right;width: 72px;height: 70px;margin-top: 18px;margin-right: 9px;}
.downright img{display: block;}
/* 新闻资讯 */
.new{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.newcon{width: 100%;}
.newlist{width: 100%;}
.newlist ul li{width: 100%;margin-bottom: 32px;}
.newlist ul li a{display: block;}
.newlistleft{float: left;width: 180px;height: 160px;margin-right: 60px;}
.newlistleft img{display: block;}
.newlistright{float: right;width: 940px;height: 160px;border-bottom: 1px solid #F1F1F1;padding-top: 5px;box-sizing: border-box;}
.newlistright h5{font-size: 18px;color: #3F464F;font-weight: bold;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-bottom: 20px;}
.newlistright p{font-size: 15px;color: #888C91;font-weight: 400;line-height: 28px;margin-bottom: 15px;height: 56px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newlistright span{font-size: 14px;color: #92969B;font-weight: 400;line-height: 16px;display: block;}
.newlistright span strong{font-weight: 400;}
.newlist ul li:hover .newlistright h5{color: #1EAD73;} 
/* 商务合作 */
.swhz{width: 100%;}
.swhzed{padding: 60px 0 90px 0;box-sizing: border-box;}
.swhzcon{width: 100%;height: 380px;}
.swhzleft{position: relative;}
.swhzleft i{width: 355px;height: 355px;display: block;margin-left: -70px;}
.swhzleft i img{display: block;}
.swhzleft h5{font-size: 40px;color: #3D4450;font-weight: 500;line-height: 78px;
position: absolute;top: 80px;left: 0;}
.swhzlist{width: 100%;padding-top: 40px;box-sizing: border-box;}
.swhzlist ul li{width: 380px;height: 220px;margin-right: 20px;margin-bottom: 20px;background: #fff;padding: 20px 40px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;float: left;}
.swhzlist ul li:nth-child(3n){margin-right: 0;}
.swhzlistcon{width: 100%;}
.swhzlist ul li i{display: block;width: 44px;height: 44px;margin: 0 auto 14px;}
.swhzlist ul li i img{display: block;}
.swhzlist ul li h5{font-size: 24px;color: #3D4450;font-weight: 500;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
line-height: 26px;margin-bottom: 20px;}
.swhzlist ul li p{font-size: 15px;color: #7B8390;font-weight: 400;line-height: 26px;text-align: center;}
.swhzlist ul li:hover{transform: translateY(-5px);box-shadow: 0px 5px 20px rgba(9, 22, 53, 0.1);}
.swhzlast{width: 100%;padding-top: 60px;box-sizing: border-box;}
/* 关于我们 */
.about{width: 100%;padding-bottom: 80px;box-sizing: border-box;}
.aboutnav{width: 100%;}
.aboutnavcon{width: 100%;height: 130px;background: #F8F9FD;box-shadow: 0px 5px 12px rgba(0, 36, 89, 0.1);margin-top: -43px;position: relative;margin-bottom: 90px;}
.aboutnavcon ul li{float: left;width: 393px;height: 130px;background-color: #F8F9FD;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.aboutnavcon ul li a{display: block;padding-top: 24px;box-sizing: border-box;}
.aboutnavcon ul li a i{display: block;width: 50px;height: 50px;margin: 0 auto 11px;}
.aboutnavcon ul li a i img{display: block;}
.aboutnavcon ul li a p{font-size: 18px;color: #7B8390;font-weight: 500;line-height: 23px;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.aboutnavcon ul li.active{background: #fff;}
.aboutnavcon ul li.active a p{color: #3D4450;}
.aboutnavcon ul li:hover{background: #fff;}
.aboutnavcon ul li:hover a p{color: #3D4450;}
.abouconter{width: 100%;margin-bottom: 70px;}
.abouconterleft{float: left;margin-right: 66px;width: 192px;}
.abouconterleft h4{font-size: 32px;color: #3D4450;font-weight: bold;line-height: 38px;margin-bottom: 24px;}
.abouconterleft i{display: block;}
.abouconterleft i img{display: block;}
.abouconteright{float: right;width:922px;}
.abouconteright p{font-size: 14px;color: #6B798E;line-height: 27px;margin-bottom: 30px;font-weight: 400;}
.abouconteright p:last-child{margin-bottom: 0;}
.aboutlast{width: 100%;}
.abouconterlefter{float: none;margin-right: 0;margin-bottom: 40px;}
.aboutlistimg{width: 1180px;
     height: 1657px;box-shadow: 0px 10px 25px rgba(9, 22, 53, 0.05);}
.aboutlistimg img{display: block; padding-top: 69px; margin-left: 56px; margin-right: 56px}
/* 加入我们 */
.join{width: 100%;padding-top: 10px;box-sizing: border-box;}
.jointitle{width: 100%;border-bottom: 1px solid #00CC7E;padding-bottom: 20px;box-sizing: border-box;}
.jointitle p{font-size: 18px;color: #3D4450;font-weight: 500;line-height: 27px;text-align: center;float: left;}
.jointitle p:nth-child(1){width: 15%;text-align: left;padding-left: 10px;box-sizing: border-box;}
.jointitle p:nth-child(2){width: 13%;}
.jointitle p:nth-child(3){width: 13%;}
.jointitle p:nth-child(4){width: 16%;}
.jointitle p:nth-child(5){width: 14%;}
.jointitle p:nth-child(6){width: 15%;}
.jointitle p:nth-child(7){width: 13%;text-align: right;padding-right: 10px;box-sizing: border-box;}
.joincon{width: 100%;}
.joinlist{width: 100%;}
.joinlistup{width: 100%;height: 70px;line-height: 70px;border-bottom: 1px solid #E1E6F0;box-sizing: border-box;}
.joinlistup p{font-size: 16px;color: #6B798E;font-weight: 400;float: left;text-align: center;}
.joinlistup p a{color: #1EAD73;}
.joinlistup p a i{display: inline-block;width: 13px;height: 8px;background: url(../images/join.png) center no-repeat;vertical-align: 1px;
margin-left: 2px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinlistup p a.active i{transform: rotate(-180deg);}
.joinlistup p:nth-child(1){width: 15%;text-align: left;padding-left: 10px;box-sizing: border-box;}
.joinlistup p:nth-child(2){width: 13%;}
.joinlistup p:nth-child(3){width: 13%;}
.joinlistup p:nth-child(4){width: 16%;}
.joinlistup p:nth-child(5){width: 14%;}
.joinlistup p:nth-child(6){width: 15%;}
.joinlistup p:nth-child(7){width: 13%;text-align: right;padding-right: 10px;box-sizing: border-box;}
.joinlistbut{width: 100%;padding: 30px 0 10px 0;box-sizing: border-box;display: none;border-bottom: 1px solid #E1E6F0;}
.joinlistbut ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 20px;}
.joinlistbut ul li:nth-child(2n){margin-right: 0;}
.joinlistbut ul li h5{font-size: 15px;color: #414D5B;line-height: 16px;font-weight: 500;margin-bottom: 15px;}
.joinlistbut ul li p{font-size: 12px;color: #7B8390;line-height: 27px;font-weight: 400;}
.joinlist:first-child .joinlistbut{display: block;}
.joinlaster{width: 100%;padding-top: 60px;box-sizing: border-box;}
.joinlaster p{font-size: 16px;color: #6B798E;font-weight: 500;text-align: center;}
/* 联系我们 */
.contact{width: 100%;padding-top: 15px;box-sizing: border-box;}
.contactup{width: 100%;height: 494px;background: #F8F9FD;position: relative;}
.contactupleft{float: left;width: 620px;height: 494px;position: relative;}
.contactupleft .dtimg{display: block;}
.contactupleftcon ul li{position: absolute;cursor: pointer;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactupleftcon ul .samll i{display: block;margin: 0 auto 2px;width: 18px;height: 18px;
background: url(../images/lx6.png) center no-repeat;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactupleftcon ul .big i{display: block;margin: 0 auto 2px;width: 30px;height: 30px;
background: url(../images/lx5.png) center no-repeat;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactupleftcon ul li i img{display: block;}
.contactupleftcon ul li span{font-size: 12px;color: #00CC7E;display: block;border: 1px solid #CEDAEC;height: 20px;text-align: center;line-height: 18px;
border-radius: 10px;padding: 0 10px;box-sizing: border-box;background: #fff;}
.contactupleftcon ul li:nth-child(1){bottom: 285px;right: 126px;}
.contactupleftcon ul li:nth-child(2){bottom: 232px;right: 210px;}
.contactupleftcon ul li:nth-child(3){top: 240px;right: 110px;}
.contactupleftcon ul li:nth-child(4){top: 213px;right: 159px;}
.contactupleftcon ul li:nth-child(5){top: 213px;right: 109px;}
.contactupleftcon ul li:nth-child(6){bottom: 109px;right: 153px;}
.contactupleftcon ul li:nth-child(7){bottom: 192px;right: 90px;}
/*.contactupleftcon ul li:nth-child(8){bottom: 232px;right: 160px; display: none}
.contactupleftcon ul li:nth-child(9){bottom: 255px;left: 332px; display: none}
.contactupleftcon ul li:nth-child(10){bottom: 258px;left: 266px; display: none}*/
.contactupleftcon ul li:nth-child(8){bottom: 193px;left: 318px;}
.contactupleftcon ul li:nth-child(9){bottom: 193px;left: 411px;}
.contactupleftcon ul li:nth-child(10){bottom: 11px;left: 319px;}
.contactupleftcon ul li:nth-child(11){bottom: 193px;left: 365px;}
.contactupright{width: 386px;height: 300px;background: #FFFFFF;box-shadow: 0px 5px 20px #EEEFF4;border-radius: 2px;
position: absolute;top: 88px;right: 80px;padding: 35px 48px;box-sizing: border-box;}
.contactlist{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 35px 48px;box-sizing: border-box;background: #fff;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;opacity: 0;}
.contactlist.active{opacity: 1;z-index: 10;}
.contactlist h5{font-size: 20px;color: #3D4450;font-weight: 500;line-height: 23px;padding-bottom: 20px;border-bottom: 1px solid #EEEFFF;box-sizing: border-box;margin-bottom: 24px;}
.contactell{width: 100%;margin-bottom: 24px;}
.contactell h6{font-size: 16px;color: #3D4450;font-weight: 500;line-height: 16px;margin-bottom: 10px;}
.contactell p{font-size: 16px;color: #3D4450;font-weight: 500;line-height: 27px;}
.contacdizhi{width: 100%;}
.contacdizhi h6{font-size: 16px;color: #3D4450;font-weight: 500;line-height: 16px;margin-bottom: 10px;}
.contacdizhi p{font-size: 16px;color: #3D4450;font-weight: 500;line-height: 27px;}
.contactlast{width: 100%;height: 128px;background: #fff;box-shadow: 0px 12px 6px rgba(0, 36, 89, 0.05);padding: 36px 90px;box-sizing: border-box;}
.contactlast ul li{float: left;width: 25%;}
.contactlast ul li i{float: left;width: 54px;height: 54px;margin-right: 17px;}
.contactlast ul li i img{display: block;}
.contactlastext{float: left;padding-top: 6px;box-sizing: border-box;}
.contactlastext h5{font-size: 16px;color: #3D4450;font-weight: bold;line-height: 20px;margin-bottom: 4px;}
.contactlastext p{font-size: 16px;color: #3D4450;font-weight: 400;line-height: 25px;}
/* 产品 */
.product{width: 100%;padding: 70px 0 0px 0;box-sizing: border-box;background: #fff;position: relative;z-index: 20;}
.qian{width: 260px;height: 760px;position: absolute;top: 140px;left: 0;
background: url(../images/proleft.png) center no-repeat;z-index: -1;}
.hou{width: 260px;height: 760px;position: absolute;top: 515px;right: 0;z-index: -1;
background: url(../images/proright.png) center no-repeat;}
.productcon{width: 100%;}
.productconleft{float: left;width: 565px;height: 480px;margin-right: 78px;position: relative;}
.proimg{display: block;position: absolute;top: 0;left: 0;}
.productconleftcon{width: 100%;}
.productconleftcon ul li{width: 100%;}
.productconleftcon ul li img{display: block;}
.proprev{position: absolute;top: 50%;left: 10px !important;width: 28px;height: 28px;cursor: pointer;margin-top: -14px;z-index: 20;}
.proprev img{display: block;}
.pronext{position: absolute;top: 50%;right: 10px !important;width: 28px;height: 28px;cursor: pointer;margin-top: -14px;z-index: 20;}
.pronext img{display: block;}
.productconright{float: left;width: 535px;padding-top: 5%;box-sizing: border-box;}
.productconright h5{font-size: 30px;color: #3D4450;font-weight: bold;line-height: 36px;position: relative;z-index: 1;margin-bottom: 40px;}
.productconright h5::before{content: '';width: 67px;height: 9px;background: #00CC7E;position: absolute;bottom: 4px;left: 0;z-index: -1;}
.productconright h5 span{font-size: 22px;color: #3D4450;font-weight: bold;line-height: 30px;margin-left: 10px;}
.projianjie{width: 100%;}
.projianjie p{font-size: 16px;color: #7B8390;font-weight: 400;line-height: 36px;margin-bottom: 40px;}
.projianjie p:last-child{margin-bottom: 0;}
.produtconter{width: 100%;padding-top: 30px;box-sizing: border-box;}
.produtfirst{width: 100%;margin-bottom: 30px;}
.produtfirst li{float: left;width: 208px;margin-right: 35px;}
.produtfirst li:last-child{margin-right: 0;}
.proimged{width: 100%;height: 130px;background: #F2F2F2;margin: 0 auto 20px;border-radius: 4px;}
.proimged img{display: block;}
.produtfirst li p{font-size: 17px;color: #3D4450;line-height: 22px;font-weight: 400;text-align: center;}

.produtfirsts{width: 100%;margin-bottom: 30px;}
.produtfirsts li{float: left;width: 167px;margin-right: 35px;}
.produtfirsts li:last-child{margin-right: 0;}
.proimged{width: 100%;height: 130px;background: #F2F2F2;margin: 0 auto 20px;border-radius: 4px;}
.proimged img{display: block;}
.produtfirsts li p{font-size: 17px;color: #3D4450;line-height: 22px;font-weight: 400;text-align: center;}

.produted li{float: left;width: 268px;margin-right: 36px;}
.produted li:last-child{margin-right: 0;}
.produted li p{font-size: 17px;color: #3D4450;line-height: 22px;font-weight: 400;text-align: center;}
.produtlast{width: 100%;padding: 100px 0 108px 0;box-sizing: border-box;}
.produtitle{width: 100%;margin-bottom: 50px;}
.produtitle h4{font-size: 32px;color: #3D4450;line-height: 38px;text-align: center;margin-bottom: 13px;font-weight: bold;}
.produtitle p{font-size: 18px;color: #7B8390;line-height: 38px;text-align: center;font-size: 400;}
.prolisted{width: 100%;}
.prolisted ul li{float: left;width: 20%;padding: 10px 10px;box-sizing: border-box;margin-bottom: 25px;}
.prolistedfpz ul li{width: 16.6%;}

.prolistedzn{width: 100%;}
.prolistedzn ul li{float: left;width: 18%; height: 188px; border-radius: 4px;  margin-left:2.5%; background:#ffffff;padding: 20px 10px;box-sizing: border-box;margin-bottom: 25px;  box-shadow: 0px 0px 30px rgba(9, 22, 53, 0.1);}
.prolistedzn ul li:nth-child(1){float: left;width: 18%; border-radius: 4px; background:#ffffff; margin-left:0%;padding: 20px 10px;box-sizing: border-box;margin-bottom: 25px; box-shadow: 0px 0px 30px rgba(9, 22, 53, 0.1);}
.prolistedzn ul li:nth-child(6){float: left;width: 18%; border-radius: 4px; background:#ffffff; margin-left:0%;padding: 20px 10px;box-sizing: border-box;margin-bottom: 25px; box-shadow: 0px 0px 30px rgba(9, 22, 53, 0.1);}
.prolistedzn ul li .hr{width: 160px;height: 0px;border: 1px solid #E3E4E9; margin: 0 auto;}
.prolistedzn ul li p{ text-align: center; height: 21px;line-height: 21px;display: block;margin-top: 17px;}
.prolistimgzn{width: 70px;height: 70px;margin: 0 auto 17px;}
.prolistimgzn img{display: block;}

.prolistimgznx{width: 172px;height: 70px;margin: 0 auto 17px;}
.prolistimgznx img{display: block;}

.prolisted ul li p{font-size: 17px;color: #3D4450;line-height: 22px;font-weight: 400;text-align: center;}
.prolistedj10{width: 100%;}
.prolistedj10 ul li{float: left;width: 16%;padding: 10px 10px;box-sizing: border-box;margin-bottom: 25px;}
.prolistedfpz ul li{width: 16.6%;}
.prolistimg{width: 66px;height: 66px;margin: 0 auto 20px;}
.prolistimg img{display: block;}
.prolistedj10 ul li p{font-size: 17px;color: #3D4450;line-height: 22px;font-weight: 400;text-align: center;}
.prolister{width: 100%;padding-top: 60px;box-sizing: border-box;}
.prolister ul li{float: left;width: 268px;height: 280px;border: 2px solid #3D4450;margin-right: 36px;box-sizing: border-box;
box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.1);border-radius: 7px;}
.prolister ul li:last-child{margin-right: 0;}
.prolisterimg{width: 100%;height: 220px;}
.prolisterimg img{display: block;}
.prolister ul li p{font-size: 17px;color: #3D4450;line-height: 54px;font-weight: 400;text-align: center;}

.prolisters{width: 100%;padding-top: 60px;box-sizing: border-box;}
.prolisters ul li{float: left;width: 268px;height: 280px;margin-right: 36px;box-sizing: border-box;
     box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.1);border-radius: 7px;}
.prolisters ul li:last-child{margin-right: 0;}
.prolisterimgs{width: 100%;height: 220px;}
.prolisterimgs img{display: block;}
.prolisters ul li p{font-size: 17px;color: #3D4450;line-height: 160px;font-weight: 400;text-align: center;}


.cpjz{width: 100%;padding: 75px 0 114px 0;box-sizing: border-box;}
.cpjzcon{width: 100%;}
.cpjztitle{width: 100%;margin-bottom: 29px;}
.cpjztitle h4{width: 100%;text-align: center;font-size: 32px;color: #fff;line-height: 38px;font-weight: bold;}
.cpjzconter{width: 100%;}
.cpjznav{width: 100%;margin-bottom: 54px;}
.cpjznav ul{display: table;margin: 0 auto;}
.cpjznav ul li{float: left;cursor: pointer;font-size: 18px;color: #fff;opacity: 0.4;margin-right: 46px;font-weight: 500;position: relative;}
.cpjznav ul li::before{content: '';width: 1px;height: 14px;background: rgba(255,255,255,0.4);position: absolute;top: 6px;right: -23px;}
.cpjznav ul li:last-child{margin-right: 0;}
.cpjznav ul li:last-child::before{display: none;}
.cpjznav ul .active{opacity: 1;}
.cpjzconted{width: 100%;height: 380px;box-shadow: 0px 40px 40px rgba(6, 19, 38, 0.06);}
.cpjzcontedcon{width: 100%;}
.cpjzcontedcon ul li{width: 100%;padding: 52px;box-sizing: border-box;background: #fff;}
.cpjzimg{float: left;width: 320px;height: 276px;margin-right: 54px;}
.cpjzimg img{display: block;}
.cpjztext{width: 702px;float: left;}
.cpjztext h5{font-size: 24px;color: #3D4450;font-weight: 500;line-height: 32px;width: 70%;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 15px;}
.cpjzdian{margin-bottom: 20px;}
.cpjzdian i{display: inline-block;width: 6px;height: 6px;background: #FDCE63;border-radius: 50%;margin-right: 16px;}
.cpjzdian i:last-child{margin-right: 0;}
.cpjztext p{font-size: 16px;color: #7B8390;font-weight: 400;line-height: 34px;}
.cpjzproprev{position: absolute;top: 47px;left: auto !important;width: 14px;height: 24px;background:  url(../images/leftse.png) center no-repeat !important;
cursor: pointer;z-index: 20;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;right: 131px !important;}
.cpjzproprev::before{content: '';width: 1px;height: 21px;background: #3D4450;position: absolute;top: 1px;right: -35px;}
.cpjzproprev:hover{background: url(../images/lefted.png) center no-repeat !important;}
.cpjzpronext{position: absolute;top: 47px;right: 50px !important;width: 14px;height: 24px;background:  url(../images/rightse.png) center no-repeat !important;
cursor: pointer;z-index: 20;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.cpjzpronext:hover{background: url(../images/righted.png) center no-repeat !important;}
.cpjzpages{display: none;}
.weby{width: 100%;padding-top: 125px;box-sizing: border-box;}
.webytitle{width: 100%;margin-bottom: 50px;}
.webytitle h4{width: 100%;text-align: center;font-size: 32px;color: #3D4450;line-height: 38px;font-weight: bold;}
.webynav{width: 100%;border-bottom: 1px solid #E1E6F0;box-sizing: border-box;}
.webynav ul{display: table;margin: 0 auto;}
.webynav ul li{float: left;margin-right: 250px;cursor: pointer;position: relative;padding-bottom: 23px;padding-top: 4px;box-sizing: border-box;}
.webynav ul li::before{content: '';width: 0%;height: 3px;background: #1EAD73;position: absolute;bottom: 0;left: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.webynav ul li:last-child{margin-right: 0;}
.webynav ul li i{float: left;width: 30px;height: 30px;margin-right: 5px;}
.webynav ul li i img{display: block;}
.webynav ul li span{float: left;font-size: 20px;color: #3D4450;line-height: 30px;font-weight: 500;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.webynav ul li.active::before{width: 100%;}
.webynav ul li.active span{color: #1EAD73;}
.webynav ul li:hover::before{width: 100%;}
.webynav ul li:hover span{color: #1EAD73;}

.webcon1{width: 100%;padding-top: 60px;box-sizing: border-box;height: 508px;position: relative;}
.weblistleft{float: left;width: 860px;height: 448px;margin-right: 87px;box-shadow: 0px 40px 40px rgba(6, 19, 38, 0.06);}


.webcon{width: 100%;padding-top: 60px;box-sizing: border-box;height: 508px;position: relative;}
.weblist{width: 100%;position: absolute;top: 60px;left: 0;opacity: 0;transform: translateY(30px);transition: all 0.7s;}
.weblist.active{opacity: 1;transform: translateY(0px) scale(1);z-index: 10;}
.weblistleft{float: left;width: 860px;height: 448px;margin-right: 87px;box-shadow: 0px 40px 40px rgba(6, 19, 38, 0.06);}
.weblister{width: 100%;}
.weblister ul li{width: 100%;}
.weblister ul li img{display: block;}
.weblistright{float: left;width: 233px;}
.weblistright i{display: block;width: 70px;height: 70px;margin-bottom: 27px;}
.weblistright i img{display: block;}
.weblistright h5{font-size: 26px;color: #3D4450;font-weight: 500;margin-bottom: 20px;}
.weblistright p{font-size: 16px;color: #7B8390;font-weight: 400;line-height: 36px;margin-bottom: 33px;}
.webpages{position: static;overflow: hidden;}
.webpages .swiper-pagination-bullet{width: 12px !important;height: 12px !important;cursor: pointer;opacity: 1 !important;
background: #E6E6E6 !important;margin-right: 13px;}
.webpages .swiper-pagination-bullet-active{background: #1EAD73 !important;}
.ydong{width: 100%;padding: 69px 0 109px 0;box-sizing: border-box;}
.ydongcon{width: 100%;position: relative;}
.ydtitle{width: 100%;margin-bottom: 63px;}
.ydtitle h4{font-size: 32px;color: #3D4450;font-weight: bold;line-height: 38px;text-align: center;}
.ydconter{width: 336px;height: 706px;margin: 0 auto;position: relative;padding: 8px;box-sizing: border-box;box-shadow: 0px 40px 40px rgba(6, 19, 38, 0.06);border-radius: 30px;}
.ydconter::before{content: '';width: 436px;height: 436px;background: url(../images/pros2.png) center no-repeat;position: absolute;top: -65px;left: -220px;}
.ydlister{width: 100%;border-radius: 20px;}
.ydlister ul li{width: 100%;border-radius: 20px;}
.ydlister ul li img{display: block;border-radius: 20px;}
.ydlist ul li{width: 340px;height: 180px;border: 2px solid transparent;padding: 28px 24px;box-sizing: border-box;border-radius: 10px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;position: absolute;cursor: pointer;}
.ydlist ul li h5{margin-bottom: 20px;}
.ydlist ul li h5 span{float: right;font-size: 26px;color: #3D4450;font-weight: 500;line-height: 30px;margin-right: 10px;margin-top: 5px;}
.ydlist ul li h5 i{float: right;width: 36px;height: 36px;}
.ydlist ul li h5 i img{display: block;}
.ydlist ul li p{font-size: 16px;color: #7B8390;font-weight: 400;line-height: 30px;}
.ydlist ul li:nth-child(2n) h5 span{float: left;margin-right: 0;}
.ydlist ul li:nth-child(2n) h5 i{float: left;margin-right: 10px;}
.ydlist ul li:nth-child(1){top: 161px;left: 0;}
.ydlist ul li:nth-child(2){top: 161px;right: 0;}
.ydlist ul li:nth-child(3){top: 361px;left: 0;}
.ydlist ul li:nth-child(4){top: 361px;right: 0;}
.ydlist ul li:nth-child(5){top: 561px;left: 0;}
.ydlist ul li:nth-child(6){top: 561px;right: 0;}
.ydlist ul li:hover{box-shadow: 0px 10px 12px rgba(0, 23, 45, 0.1);border-color: #00CC7E;background: #fff;}
.ydlist ul li.active{box-shadow: 0px 10px 12px rgba(0, 23, 45, 0.1);border-color: #00CC7E;background: #fff;}
.ydpages{display: none;}
.webynaver ul li{margin-right: 110px;}
.xitong{width: 100%;padding: 94px 0 70px 0;box-sizing: border-box;background: #fff;}
.xtcon{width: 100%;}
.xttitle{width: 100%;margin-bottom: 50px;}
.xttitle h4{font-size: 32px;color: #3D4450;font-weight: bold;line-height: 38px;text-align: center;}
.xtlist{width: 100%;}
.xtlist ul li{width: 100%;border-bottom: 1px solid #E3E4E9;padding-top: 46px;box-sizing: border-box;padding-bottom: 28px;}
.xtlistcon{width: 625px;}
.xtlistcon h5{font-size: 26px;color: #3D4450;font-weight: 500;line-height: 26px;margin-bottom: 10px;}
.xtlistcon .cpjzdian{margin-bottom: 10px;}
.xtlistcon .cpjzdian i{width: 3px;height: 3px;background: #FDCE63;border-radius: 0;margin-right: 6px;}
.xtlistcon p{font-size: 16px;color: #7B8390;line-height: 32px;font-weight: 400;margin-bottom: 30px;}
.xtlistcon a{display: block;width: 152px;height: 38px;text-align: center;line-height: 38px;font-size: 16px;color: #fff;font-weight: 400;
background: linear-gradient(90deg, #1EAD73 0%, #17B278 15%, #06C286 64%, #00C88C 100%);border-radius: 2px;}
.xtconter{width: 100%;padding-top: 70px;box-sizing: border-box;}
.xtconter h4{font-size: 26px;color: #3D4450;font-weight: 500;line-height: 28px;position: relative;padding-left: 22px;box-sizing: border-box;margin-bottom: 50px;}
.xtconter h4::before{content: '';width: 6px;height: 22px;background: #00CC7E;position: absolute;top: 3px;left: 0;}
.xtconter .xtup{margin-bottom: 20px;}
.xtconter .xtup li{float: left;width: 384px;margin-right: 14px;}
.xtconter .xtup li:last-child{margin-right: 0px;}
.xtimg{width: 100%;height: 160px;background: linear-gradient(90deg, #F7F7F9 0%, #F7F7F9 100%);border-radius: 6px;}
.xtimg img{display: block;}
.xtconter .xtup li p{font-size: 16px;color: #3D4450;padding: 24px 10px 10px 10px;box-sizing: border-box;font-weight: 400;text-align: center;
line-height: 24px;}
.xtconter .xtbut li{float: left;width: 284px;margin-right: 14px;}
.xtconter .xtbut li:last-child{margin-right: 0px;}
.xtimgs{background: linear-gradient(90deg, #F7F7F9 0%, #F7F7F9 100%);width: 100%;height: 120px;border-radius: 6px;}
.xtimgs img{display: block;}
.xtconter .xtbut li p{font-size: 16px;color: #3D4450;padding: 20px 10px 10px 10px;box-sizing: border-box;font-weight: 400;text-align: center;
line-height: 24px;}
.cpgn{width: 100%;padding: 80px 0 96px 0;box-sizing: border-box;background: linear-gradient(90deg, #FEFEFE 0%, #FAFAFC 100%);}
.cpgncon{width: 100%;}
.cpgntitle{width: 100%;margin-bottom: 50px;}
.cpgntitle h4{font-size: 32px;color: #3D4450;font-weight: bold;line-height: 38px;text-align: center;}
.cpgnlist{width: 100%;}
.cpgnlist ul li{width: 212px;height: 188px;background: #FFFFFF;box-shadow: 0px 0px 30px rgba(9, 22, 53, 0.1);border-radius: 4px;
float: left;margin-right: 30px;margin-bottom: 28px;}
.cpgnlist ul li:nth-child(5n){margin-right: 0;}
.cpgnimg{width: 110px;border-bottom: 1px solid #E3E4E9;padding: 23px 0 17px 0;box-sizing: border-box;margin: 0 auto;}
.cpgnimg i{display: block;width: 70px;height: 70px;margin: 0 auto;}
.cpgnimg i img{display: block;}
.cpgnlist ul li p{font-size: 16px;color: #3D4450;text-align: center;line-height: 22px;padding: 14px 10px 0 10px;box-sizing: border-box;}
.cpjznavs ul li{cursor: default;}
.cpjzcontedcons{width: 100%;}
.cpjzcontedcons ul li{width: 100%;padding: 52px;box-sizing: border-box;background: #fff;}
.cpjzlist{width: 100%;margin-bottom: 16px;}
.cpjzlist:last-child{margin-bottom: 0;}
.cpjzlist h6{font-size: 20px;color: #3D4450;font-weight: 500;margin-bottom: 13px;}
.cpjzlist h6 b{display: inline-block;width: 22px;height: 22px;margin-right: 7px;vertical-align: -3px;}
.cpjzlist h6 b img{display: block;}
.cpjzlist strong{font-size: 15px;color: #7B8390;font-weight: 400;line-height: 26px;display: block;}
.boxleft{float: left;width: 762px;height: 646px;position: relative;}
.boxleft::before{content: '';width: 436px;height: 436px;background: url(../images/pros2.png) center no-repeat;position: absolute;top: -110px;left: -155px;}
.boxleft ul li{float: left;width: 336px;height: 646px;margin-right: 88px;padding: 7px 8px;box-sizing: border-box;
overflow: hidden;border-radius: 30px;position: relative;box-shadow: 0px 40px 40px rgba(6, 19, 38, 0.06);}
.ydbjcon{position: absolute;top: 0;left: 0;width: 336px;height: 646px;z-index: 10;}
.ydbjcon img{display: block;width: 100%;height: 100%;}
.boxleft ul li:last-child{margin-right: 0;}
.img-list{width: max-content;transition: left 1s;position: relative;left: 0;}
.img-list img{float: left;width: 320px;height: 631px;object-fit: cover;border-radius: 21px;margin-right: 20px;}
.ydlisted{float: right;}
.ydlisted ul li{position: static;width: 320px;height: 170px;margin-bottom: 20px;padding: 28px 39px;}
.ydlisted ul li:last-child{margin-bottom: 0;}
.ydlisted ul li span{float: left !important;margin-right: 0 !important;}
.ydlisted ul li i{float: left !important;margin-right: 11px !important;}
.ydkuang{position: absolute;top: 0;left: 0;width: 336px;height: 706px;z-index: 10;}
.ydkuang img{display: block;width: 100%;height: 100%;}
@media screen and (max-width: 1440px) {
	.boxleft::before{width: 236px;height: 236px;background-size: 100% 100%;left: -78px;top: -78px;}
}
@media screen and (max-width: 1366px) {
	.boxleft::before{left: -48px;top: -48px;}
}
@media screen and (max-width: 1210px) {
	.swhzleft i{margin-left: 0;}
	.boxleft::before{left: -0px;top: -78px;}
	.headercon{display: flex;justify-content: space-between;}
	.headeright{flex: 1;display: flex;justify-content: flex-end;margin-right: 2%;}
}
@media screen and (max-width: 1180px) {
	.header .sd_1180{width: 100%;}
}
@media screen and (max-width: 870px) {
	.headeright ul li{margin-right: 24px;}
}
@media screen and (max-width: 740px) {
	.headeright ul li{margin-right: 16px;}
}
@media screen and (max-width: 568px) {
	.product::before,.product::after{display: none;}
}