*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;outline: none;}
html{overflow-x: hidden;}  
body,input,textarea,select{font-size:16px;color: #000;line-height: 1;font-family:Arial, Helvetica, sans-serif;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
img,video{border:0;max-width: 100%;display:block;}
.imgs{overflow: hidden;}
.imgs img{transition: all .5s;}
a:hover .imgs img{transform: scale(1.08);}
a{text-decoration:none;transition: all .4s;color: #000;}
em,th,i,b{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
table {border-spacing: 0;border-collapse: collapse}
hr{border-color: #ddd;}
input,button,textarea,select{font-size:100%;border:none;outline:none;resize:none;}
textarea{border:1px solid #ccc;outline:0;resize:none;width:100%;}
input{background-color:transparent;outline:0}
input[type=text]::placeholder,textarea::placeholder{color: #666;}
input:focus::placeholder,textarea:focus::placeholder{opacity: 0;}
.app{display: none!important;}
.pc{display: block!important;}
.poR{position: relative!important;}
.flex{display: flex;}
.head1200{display:none;}
.comWrapper{width: 84%;margin:0 auto;max-width: 1260px;}

.maskbg{background-color: rgba(0,0,0,.8);position: fixed;z-index: 9;width: 100%;height: 100%;top: 0;left:0;display: none;}
.maskbg.active{display: block;}

/*PC端-导航*/
.header{height: 100px;justify-content: space-between;position: absolute;top: 0;width: 100%;z-index: 999;display: flex;align-items: center;left: 0;}
.header .comWrappers{max-width: 1920px;margin: 0 auto;height: 100%;width: 100%;padding: 0 160px;display: flex;justify-content: space-between;}
@media (max-width:1700px){
  .header .comWrappers{padding: 0 80px;}
}
.header .logo .black{display: none;}
.header .flex{align-items: center;}
.headLeft{justify-content: space-between;width: calc(100% - 240px);height: 100%;}
.headLeft{justify-content: space-between;width: calc(100% - 240px);height: 100%;}
.headLeft .nav {width: calc(100% - 180px);height: 100%;justify-content: flex-end;display: flex;}
.header .nav>li{margin-left: 30px;height: 100%;position: relative;}
.header .nav>li>a{display: flex;align-items: center;padding: 0 20px;font-weight: 600;position: relative;color: #fff;height: 100%;}
.header.headerActive .nav>li:hover>a,.header .nav>li.cur>a{color: #3485fb;}
.header .nav>li>a i{position: absolute;top: 32px;right: -2px;}
.header .nav>li>dl{position: absolute;top: 100px;left: 0;box-shadow: 0 0 15px rgba(0, 0, 0, .12);background-color: #fff;border-radius: 10px;width: 290px;padding: 5px 15px 0;opacity: 0;visibility: hidden;transition: top .4s;z-index: -1;}
.header .nav>li>dl.dl_about{width: 180px;}
.header .nav>li>dl::before{content: '';border:8px solid transparent;border-bottom-color:#fff;position: absolute;left: 24px;top: -16px;}
.header .nav>li>dl dd a{display: block;line-height: 1.6;font-weight: 600;color: #444;padding: 15px 0;border-bottom: 1px solid #E0E0E0;}
.header .nav>li>dl dd a:hover{color: #3485fb;}
.header .nav>li>dl dd:last-of-type a{border: none;}
.header.headerActive .nav>li:hover dl{opacity: 1;visibility: visible;top: 90px;z-index: 1;}
.navDown{position: fixed;left: 0;width: 100%;top: 100px;z-index: 99;background-color: #f5f5f5;padding-bottom: 45px;padding: 0  140px;visibility: hidden;opacity: 0;transition: top .5s;z-index: -1;}
.navDown_con{display: flex;align-items: flex-start;min-height: 400px;max-width: 1920px;margin: 0 auto;}
.navDown_l{border-right: 1px solid #E0E0E0;width: 330px;}
.navDown_l ul{margin-top: 55px;}
.navDown_l ul li{height: 64px;line-height: 64px;padding-right: 35px;text-align: right;}
.navDown_l ul li a{display: block;height: 100%;color: #444;}
.navDown_l ul li.cur,.navDown_l ul li:hover{background: url(../images/navliBg.svg) no-repeat right top;}
.navDown_l ul li.cur a,.navDown_l ul li:hover a{font-weight: 600;}
.navDown_r{width: calc(94% - 330px);padding-left: 35px;}
.navDown_r_tit{display: flex;padding-left: 5px;margin-top: 55px;}
.navDown_r_tit dd{margin-left: 4%;}
.navDown_r_tit dd a{display: inline-flex;background-color: #e7e7e7;color: #444;font-weight: 600;padding: 15px 38px;border-radius: 8px;}
.navDown_r_tit dd.cur a,.navDown_r_tit dd:hover a{background-color: #3485fb;color: #fff!important;}
.navSwiper{overflow: hidden;margin-top: 50px;}
.navSwiper dl{width: 100%;}
.navSwiper dl+dl{border-left: 1px solid #E0E0E0;}
.navSwiper dl a{display: block;}
.navSwiper dl a:hover p{color: #3485fb;}
.navSwiper dt .imgs img{width: 80%;margin: 0 auto;}
.navSwiper dd{text-align: center;}
.navSwiper dd p{margin-bottom: 12px;margin-top: 30px;}
.navSwiper dd span{display: inline-flex;padding: 5px 10px;border-radius: 4px;border: 1px solid #E0E0E0;color: #666;font-size: 12px;}
.header.headerActive .nav>li:hover .navDown{visibility: visible;top: 100px;opacity: 1;}
.navDown_r_con>div,.navDown_r_conbig>div{display: none;}
.navDown_r_con>div.cur,.navDown_r_conbig>div.cur{display: block;}
.navSbtn{display: flex;align-items: center;justify-content: center;margin-bottom: 50px;margin-top: 40px;}
.navSbtn div{cursor: pointer;outline: none;}
.navSbtn div+div{margin-left: 50px;}
.navSbtn div:hover svg path{stroke: #3485fb;}
@media (max-width:1700px){
.navDown{padding: 0;}
.navDown_l{width: 250px;}
.navDown_r{width: calc(95% - 250px);padding-left: 15px;}
.navDown_r_tit dd{margin-left: 4%;}
.navDown_r_tit dd a{font-size: 15px;padding: 14px 35px;}
}
.headRight,.langBtn{display: flex;align-items: center;}
.headRight{color: #fff;}
.headRight>span{width: 1px;background-color: rgba(255, 255, 255, .6);height: 19px;display: inline-flex;margin:0 25px;}
.headRight .lang{align-items: center;display: flex;cursor: pointer;}
.headRight .lang .arrowD{transition: all .4s;}
.headRight .lang>span{display: inline-flex;margin: 0 10px 0 12px;}
.headRight .lang .langDown{position: absolute;top: 0px;right: 0;}
.headRight .lang .langDown dl{background-color: #fff;border-radius: 4px;display: none;box-shadow: 0 0 15px rgba(0, 0, 0, .15);padding: 10px;margin-top: 54px;position: relative;width: 60px;text-align: center;}
.headRight .lang .langDown dl::before{content: '';border:8px solid transparent;border-bottom-color:#fff;position: absolute;left: 50%;top: -16px;transform: translateX(-50%);}
.headRight .lang .langDown dd a{display: block;line-height: 1.6;color: #3485fb;}
.headRight .lang .langDown dd a:hover{text-decoration: underline;}
.headRight .lang:hover .arrowD{transform: rotate(180deg);}
.headRight .lang:hover .langDown dl{display: block;}
.header .searchBtn svg path{fill:#fff}
.searchC.searchTop{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;top: 0;left: 0;opacity: 0;transition: all .2s;visibility: hidden;flex-direction: column;top:0;z-index: -1;transition: none;}
.searchC.searchTop.active{opacity: 1;visibility: visible;z-index: 9999;position: fixed;transition: all .2s;background-color: rgba(0,0,0,.2);}
.searchC h6{font-size: 30px;margin-bottom: 35px;color: #fff;font-weight: 600;text-align: center;}
.searchC form{padding: 0 15px;width: 740px;padding: 0 0 0 25px;max-width: 80%;background-color: rgba(255, 255, 255, .8);border-radius: 15px;display: flex;align-items: center;height: 56px;margin: 0 auto;}
.searchC input[type=text]{color: #000;font-size: 16px;font-weight: 300;line-height: 158.333%;width: calc(100% - 22px - 25px);height: 100%;font-weight: 400;}
.searchC input[type=text]::placeholder{color: #666;}
.searchC .close{width: 22px;position: fixed;right: calc((100% - 740px - 100px) / 2);top: 50%;transition: all .4s;cursor: pointer;transform: translateY(calc(-50% - 120px));}
.searchC .searchtag{padding: 0 35px;display: flex;max-width: 740px;align-items: center;margin: 25px 0 0;position: relative;width: 90%;}
.searchC .searchtag p{margin-left: 10px;text-align: left;}
.searchC .searchtag a{color: #fff;display: inline-flex;}
.searchC .searchtag a+a{margin-left: 24px;}
.searchC .searchtag a:hover{text-decoration: underline;}
.searchC .searchtag .span1{color: #fff;display: inline-flex;margin-left: 24px;margin-right: 12px;}

.header.headerActive{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.header.headerActive .black{display: block;}
.header.headerActive .white{display: none;}
.header.headerActive .nav a,.header.headerActive,.header.headerActive .headRight{color: #222;}
.header.headerActive .searchBtn path{fill: #222;}
.header.headerActive .headRight>span{background-color: #e0e0e0;}
.header.headerActive .langIcon path{fill:#3485fb}
.header.headerActive .arrowD path{stroke:#ababab}

.footer{background-color: #333;padding: 60px 0 0;font-size: 14px;}
.footer,.footer a{color: #fff;}
.footer a:hover{color: #fff!important;text-decoration: underline;opacity: 1;}
.footTop{padding-bottom: 60px;}
.footTopL{width: calc(100% - 330px);}
.footNav{width: 100%;}
.footTopL dl+dl{margin-left: 12%;}
.footTopL dt{margin-bottom: 40px;}
.footTopL dt a{font-size: 18px;font-weight: 600;}
.footTopL dd a{display: block;margin-bottom: 20px;color: #9E9E9E;}
.footTopR{width: 330px;flex-direction: column;}
.footShare{margin-bottom: 30px;}
.footShare a+a{margin-left: 30px}
.footShare a>img{opacity: 1;display: inline-block;}
.footShare a{position: relative;}
.footShare a span{position: absolute;left: 50%;bottom:45px;background-color: #fff;border-radius: 4px;padding: 8px;display: none;width: calc(96px + 8px * 2);transform: translateX(-50%);}
.footShare a span img{width: 96px;}
.footShare a:hover>img{opacity: .9;}
.footShare a:hover span{display: block;}
.footShare a:hover span::before{border:8px solid transparent;border-top-color:#fff;content: '';position: absolute;left: calc(50% - 10px);bottom: -16px;border-left-width:10px;border-right-width:10px;}
.footTopR{align-items: flex-end;}
.footTel_tit{display: flex;align-items: center;}
.footTel_tit span{display: inline-flex;margin-left: 15px;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.footTel{margin: 20px 0 40px;}
.footTel p{color:#9E9E9E;line-height: 1.6;font-size: 18px;}
.footTopR form{align-items: flex-start;justify-content: flex-end;display: flex;width: 100%;}
.footTopR form input[type=text]{background-color: rgba(255, 255, 255, 0);height: 37px;padding: 0 20px;width: calc(100%);border-top-left-radius: 4px;border-bottom-left-radius: 4px;border: 1px solid rgba(255, 255, 255, .6);border-right: none;color:#fff;}
.footTopR form input[type=text]::placeholder{color: #999;}
.footTopR form input[type=image]{transition: all .4s;}
.footBottom .flex.comWrapper{align-items: center;justify-content: space-between;border-top: 1px solid #474747;padding: 33px 0;}
.footBottom span,.footBottom a,.footBottom p{opacity: .6;}
/* 搜索 */
.searchWarp{margin-top: 85px;padding-bottom: 20px;}
.searchTop{background-color: #f5f5f5;height: 294px;display: flex;justify-content: center;align-items: center;}
.searchForm{height: 56px;display: flex;align-items: center;background: #fff;padding: 0 35px;border-radius: 12px;max-width: 740px;width: 90%;}
.searchForm input[type=image]{width: 20px;}
.searchForm input[type=text]{border: none;background: transparent;width: 100%;font-weight: 410;color: #000;color: #666;}
.tabTit{justify-content: space-between;align-items: center;margin-top: 65px;border-bottom: 1px solid #EEEEEE;padding-right: 30px;}
.tabTit dl{display: flex;align-items: center;}
.tabTit dd{color: #999;font-size: 30px;cursor: pointer;padding-bottom: 24px;}
.tabTit dd.active{color: #222;font-weight: 600;position: relative;}
.tabTit dd.active::before{height: 3px;width: 100%;position: absolute;left: 0;bottom: 0;content: '';background-color: #3485fb;}
.tabTit dd+dd{margin-left: 80px;}
.tabInfo{margin-top: 40px;}
.tabInfo>div{min-height: 240px;}
.searchResult_num{font-size: 20px;color: #444;margin-bottom: 50px;}
.searchResult_num strong{font-weight: 600;}
.noResult{font-size: 18px;color: #444;}
.productList,.newsList{flex-wrap: wrap;display: flex;}
.productList a{display: block;border: 1px solid #EEEEEE;border-radius: 10px;;text-align: center;}
.productList a,.newsList a{width: calc((100% - 24px * 2) / 3);margin-bottom: 24px;margin-right: 24px}
.productList a:nth-of-type(3n),.newsList a:nth-of-type(3n){margin-right: 0;}
.productList a .img{height: 290px;display: flex;align-items: flex-end;justify-content: center;}
.productList a img{display: inline-flex;}
.productList a p{font-size: 20px;color: #000;margin-bottom: 30px;margin-top: 30px;}
.productList a:hover{background: url(../images/probg.png) no-repeat;background-size: cover;}
.newsList a{position: relative;display: block;}
.newsList a .newsArrow{position: absolute;bottom: 28px;right:26px;transition: all .4s;}
.newsList a .imgs img{width: 100%;}
.newsList a .txt{background-color: #F1F1F1;padding: 20px 30px 30px 30px;}
.newsList a p{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size: 17px;color: #222;line-height: 1.6;height: 80px;}
.newsList a span{display: block;color: #666;font-size: 14px;margin-top: 15px;}
.newsList a i{display: block;color: #666;margin-top: 15px;margin-bottom: 6px;}
.newsList a i em{color: #3485fb;}
.newsList a:hover p{color: #3485fb;}
.newsList a:hover .newsArrow{transform: translateX(5px);}
.bannerInner img{object-fit: cover;height: 100%;display: block;width: 100%;}
.bannerInner .txt{z-index: 99;position: absolute;top: 50%;transform: translate(-50%,-50%);color: #fff;left: 50%;width: 1260px;}
.bannerInner .txt h6{font-size:58px;font-weight:600;letter-spacing:-0.96px;text-transform:uppercase;line-height: 1.4;animation: ups 1s both;-webkit-animation: ups 1s both;}
.bannerInner .txt p{font-size:18px;font-weight:400;line-height: 1.4;margin-top: 5px;}
@media (max-width:1500px){
.bannerInner .txt{width: 83%;}
.bannerInner .txt h6{font-size: 48px;}
.bannerInner .txt p{font-size: 15px;}
}
.newsTop{display: flex;align-items: center;margin: 80px 0 60px;width: 100%;}
.newsTop .imgs{width: 570px;margin-right: 90px;}
.newsTop .txt{padding-top: 10px;width: calc(100% - 90px - 570px);}
.newsText p+p{margin-top: 20px;}
.newsText p.des{margin: 30px 0;}
.newsText strong{color: #242424;font-size: 24px;font-weight: 500;line-height: 1.3;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.newsText span{line-height: 1.4;color: #666;}
.newsText em{color: #616161;}
.newsText i{color: #3485fb}
.newsTop .newsText span{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.more{background-color: #3485fb;color: #fff;display: inline-flex;position: relative;overflow: hidden;border-radius: 15px;border: 1px solid transparent;}
.more:hover{color: #3485fb;background-color: transparent;border-color: #3485fb;}
.newsTop .more{margin-top: 40px;text-transform: uppercase;padding:20px 60px;font-weight: 600;}
.newsdetail{padding: 80px 0 60px;}
.newsBox p{color: #444;font-weight: 500;line-height: 1.6;padding-top: 20px;}
.newsBox p+p{margin-top: 1px;}
.newsBox img{display: inline-flex;}
.newsdetailShare{margin-right: 46px;position: absolute;top: 0;left: -130px;}
.newsdetailShare a{width: 46px;height: 46px;display: flex;justify-content: center;align-items: center;}
.newsdetailShare a+a{margin-top: 30px;}
#share{position: relative;}
.social-share .icon-wechat{border-color: transparent!important;transition:none;background-color: transparent!important;background: url(../images/wx.svg) no-repeat;width: 46px;height: 46px;background-size: cover;border-radius:0;padding: 0;margin: 0;}
.social-share .icon-wechat:before{display: none;}
.social-share .icon-wechat:hover{background: url(../images/wx.svg) no-repeat;width: 46px;height: 46px;background-size: cover;}
.social-share .icon-wechat .wechat-qrcode .qrcode{margin: 10px auto 0px!important;}
.social-share .social-share-icon{border:none}
.social-share .icon-wechat .wechat-qrcode{left: -45px;}
.social-share .icon-wechat .wechat-qrcode{width: 130px;}
.social-share .icon-wechat .wechat-qrcode .help p{margin-top: 10px;}
@media (max-width:1500px){
.newsdetailShare{left: -5.7%;}
.newsdetailShare a + a{margin-top: 15px;}
.newsdetailShare a>img{width: 40px;}
.social-share .icon-wechat,.social-share .icon-wechat:hover{width: 40px;height: 40px;}
}
@media (max-width:1200px){
.newsdetailShare{position: relative;left: 0;display: flex;}
.newsdetailShare a + a{margin-top: 0;margin-left: 10px;}
.newsdetailShare a>img{width: 30px;}
.social-share .icon-wechat,.social-share .icon-wechat:hover{width: 30px;height: 30px;}
}
.newsRecommend{border-top: 1px solid #EEEEEE;padding-bottom: 100px;}
.newsRecommend h6{color: #242424;font-size: 32px;font-weight: 600;letter-spacing: -0.8px;text-transform: uppercase;padding: 55px 0;}
.pages{display: flex;justify-content: center;align-items: center;margin-bottom: 100px;margin-top: 60px;}
.pages a{border:1px solid #616161;position:relative;transition:all .3s;display:inline-flex;min-width:48px;height:48px;align-items:center;justify-content:center;margin:0 4px;border-radius: 8px;}
.pages a:hover{background-color: #3485fb;border-color: #3485fb;color: #fff;}
.pages a svg path{stroke: #000;}
.pages a:hover svg path{stroke: #fff;}
/* 联系我们 */
.contactOffice{margin-top: 90px;margin-bottom: 90px;}
.contactOffice h6,.whoTop .contactTit h6{color: #222;font-size: 36px;font-weight: 600;letter-spacing: -0.96px;text-transform: uppercase;position: relative;padding-bottom: 24px;display: inline-flex;}
.contactOffice h6::before,.whoTop .contactTit h6::before{content: '';position: absolute;bottom: 0;left: 0;width: 100px;height: 3px;background-color: #585858;}
.contactOffice>p{color: #616161;font-size: 20px;font-weight: 500;margin-top: 40px;}
.contactOfficeInfo{align-items: center;margin-top: 40px;}
.contactOfficetxt{flex-wrap: wrap;margin-right: 80px;width: calc(100% - 580px - 80px);margin-top: 60px;}
.contactOfficetxt dl{width: calc(50%);margin-bottom: 50px;}
.contactOfficetxt dt{font-size: 24px;color:#3485fb;font-weight: 400;display: flex;align-items: center;position: relative;padding-bottom: 15px;margin-bottom: 25px;}
.contactOfficetxt dt::before{content: '';width: 104px;height: 1px;background-color: #3485fb;position: absolute;bottom: -5px;left: 0;}
.contactOfficetxt dd{font-size: 24px;color: #424242;line-height: 1.3;}
.contactOfficeMap{width: 580px;}
.contactOfficeMap #map{height: 395px;}
.contactForm{background: #EFEFEF;padding: 60px 0 100px;}
.contactForm h6{margin-bottom: 20px;font-size: 32px;color: #242424;font-weight: 700;line-height: 1.4; letter-spacing: -0.64px;text-transform: uppercase;}
.contactForm p{color: #616161;font-weight: 400;margin-bottom: 30px;}
.contactForm form{display: flex;flex-wrap: wrap;}
.contactForm input{width:calc(50% - 20px) ;margin-bottom: 20px;height: 54px;line-height: 54px;border: 1px solid #C8C8C8;padding: 0 28px;background-color: #fff;}
.contactForm input::placeholder,.contactForm textarea::placeholder{color: #999;}
.contactForm input:nth-of-type(2n){margin-left: 40px;}
.contactForm textarea{padding: 20px 28px;width: 100%;border: 1px solid #C8C8C8;}
.contactForm .more{padding:20px 50px;margin-top: 40px;}
.contactForm .more:hover path{stroke: #3485fb;}
/* 关于我们 */
.who{padding-top: 90px;}
.whoTop .contactTit{margin-bottom: 40px;}
.whoTop .contactmessage p{line-height: 1.5;color: #444;}
.whoTop .contactmessage p+p{margin-top: 20px;}
.num .flex{padding: 15px 0;align-items: center;justify-content: center;}
.num dl{text-align: center;padding-left: 4.2%;margin-right: 8%;}
.num dl:last-of-type{margin-right: 0;}
.num dt{color: #3485FB;font-size: 24px;font-weight: 600;display: inline-flex;align-items: flex-end;letter-spacing: -1px;}
.num dt sup{font-size: 13px;position: relative;top: -10px;}
.num dt img{align-self: center;display: inline-flex;margin-right: 15px;}
.num dt strong{font-size: 56px;font-weight: 600;letter-spacing: -1px;}
.num dd{font-size: 20px;color: #222;font-weight: 600;margin-top: 10px;}
.whoTop .num{margin: 70px 0 85px;}
.whoTop .num dl{background: url(../images/aboutbar.svg) no-repeat left bottom;}
.aboutVideo{position: relative;margin: 0 auto 110px;width: 1068px;}
.videoB{position: relative;height: 600px;}
.videoBtn{position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 9;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.videoBtn img{display: block;margin: auto;}
.whoMap{background: #f2f2f2;padding: 50px 10% 50px 6%;}
.whoMap .txt dt{color:#333;font-size:24px;line-height:1.2;text-transform: uppercase;font-weight: 600;}
.whoMap .txt dd{line-height: 1.4;color: #666;}
.whoMap .pc{position: relative;}
.whoMap .pc img{margin: 0 auto;}
.whoMap .pc dl{max-width: 430px;width: 90%;margin-top: 80px;margin-left: 21%;}
.whoMap .pc dt{margin-bottom: 25px;}
.whoMap .pc dd{line-height: 1.4;}
.whoMap .pc .txt{position: absolute;top: 0;left: .8%;width: 100%;height: 100%;z-index: 1;max-width: 1920px;margin: 0 auto;}
.whoMap .dot{position: absolute;display: inline-flex;align-items: center;}
.whoMap .dot p{color: #666;margin-right: 12px;}
.whoMap .dot1{left: 4%;top: 19.5%;}
.whoMap .dot2{left: 8%;top: 35%;}
.whoMap .dot3{left: 13.3%;top: 47%;}
.whoMap .dot4{left: 26.8%;top: 68%;}
.whoMap .dot5{left: 50%;top: 29%;}
.txr{flex-direction: row-reverse;}
.whoMap .dot6{left: 53%;top: 48.5%;}
.whoMap .dot7{left: 43.2%;top: 58%;}
.whoMap .dot8{left: 46.5%;top: 76%;}
.whoMap .dot9{right: 23%;top: 15.5%;}
.whoMap .dot10{right: 19.5%;top: 35%;}
.whoMap .dot11{right: 8.5%;top: 34%;}
.whoMap .dot12{right: 10%;top: 39%;}
.whoMap .dot13{right: 18%;top: 51%;}
.whoMap .dot14{right: 11.5%;top: 55%;}
.whoMap .dot15{right: 23.5%;top: 57%;}
.whoMap .dot16{right: 16%;top: 59%;}
.whoMap .dot17{right: 22%;top: 63%;}
.whoMap .dot18{right: 12%;top: 76%;} 
.china img{width: 50px;}
@media (max-width:1600px){
.whoMap .pc dl{margin-top: 65px;}
.whoMap .pc dt{margin-bottom: 10px;}
.whoMap .dot p{font-size: 15px;margin-right: 4px;}
.whoMap .dot img{transform: scale(.8);}
.whoMap .dot{transform: translate(-18px,-14px);}
}
.bgGrey{background-color: #F1F2F2;}
.bgWhite{background-color: #fff;}
.titBig{color: #222;font-size: 36px;font-weight: 600;text-transform: uppercase;}
.productstop{text-align: center;padding: 110px 0 120px;}
.productsswiper:before{
  content:" ";
  display:block;
  background:#fff;
  top:0;
  left:0;
  width:25%;
  height:100%;
  position:absolute;
  background:linear-gradient(90deg, #fff 30%, hsla(0, 0%, 100%, 0) 90%);
  z-index:10
}
.productsswiper:after {
  content:" ";
  display:block;
  background:#fff;
  top:0;
  right:0;
  width:25%;
  height:100%;
  position:absolute;
  background:linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 70%);
  z-index:2
}
.productsswiper{position: relative;padding-bottom: 0;margin-top: 60px;padding: 20px 0;}
.productsswiper .productBtn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;cursor: pointer;outline: none;}
.productsswiper .productsPrev{left: 7.5%;}
.productsswiper .productsNext{right: 7.5%;}
.productsswiper a{background-color: #fff;border-radius: 10px;border: 1px solid #EEEEEE;}
.productsswiper a p strong{display: flex;margin-top: 40px;justify-content: center;}
.productsswiper a:hover p strong{color: #3485fb;}
.productsswiper a{display: block;position: relative;background: #fff;text-align: center;padding-bottom: 45px;}
.productsswiper a .news{position: absolute;top: 25px;left: 25px;font-size: 12px;color: #fff;width: 48px;height: 24px;border-radius: 2.564px;background: #3485fb;z-index: 9;display: inline-flex;justify-content: center;align-items: center;}
.productsswiper a .img{margin-bottom: 10px;}
.productsswiper a .img img{margin: 0 auto;}
.productsswiper a p{margin-top: 15px;color: #999;}
.productsswiper a span{font-weight: 600;color: #3485fb;}
.productsswiper a em{display: inline-flex;border-radius: 3px;background: #3485fb;width: 30px;height: 26px;justify-content: center;align-items: center;margin-left: 5px;transition: all .4s;}
.productsswiper a strong{font-size: 20px;color: #222;line-height: 1.2;}
.productsswiper a:hover{box-shadow: 0 0 20px rgba(0, 0, 0, .14);transform: translateY(-4px);}
.productsswiper a:hover strong{color: #3485fb;}
.productsswiper a:hover em{transform: translateX(5px);}
.swiper-pagination-bullet{border-radius: 0;height: 2px;width: 20px;background-color: #B1B1B1;opacity: 1;}
.swiper-pagination-bullet-active{background-color: #3485fb;}
@media (max-width:1600px){
.productsswiper{padding-bottom: 70px;}
.productsswiper a{padding: 45px 50px 35px;}
.productsswiper a .img{margin-bottom:30px}
.productsswiper a strong{font-size: 18px;}
}
.productslist{padding-bottom: 140px;padding-top: 140px;}
.productslist>div{align-items: flex-start;}
.productslistcate{max-width: 380px;margin-right: 4%;padding: 35px 35px 20px 35px;width: 30%;}
.productslistcate dt{font-size: 20px;color: #333;display: inline-flex;border-bottom: 4px solid #3485fb;padding-right: 76px;padding-bottom: 15px;cursor: pointer;}
.productslistcate dd{border-top: 1px solid #D1D3D4;}
.productslistcate dd:first-of-type{border-top: none;}
.productslistcate dd a{display: flex;justify-content: space-between;color: #666;padding: 24px 0;}
.productslistcate dd a svg{opacity: 0;transition: all .4s;}
.productslistcate dd.cur a svg,.productslistcate dd:hover a svg{opacity: 1;}
.productslistcate ul{padding: 10px 0;display: none;}
.productslistcate dd.cur+ul{border-top: 1px solid #D1D3D4;}
.productslistcate ul li a{display: flex;border-radius: 12px;height: 48px;align-items: center;padding: 0 30px;color: #454545;}
.productslistcate ul li a:hover{color: #fff;background-color: #3485fb;}
.productslistcon{width: calc(100% - 30%);}
.productslistcon .productList a{width: calc((100% - 25px ) / 2);margin-bottom: 25px;margin-right: 24px;background-color: #fff;}
.productslistcon .productList a:nth-of-type(2n){margin-right: 0;}
.productslist .pages{margin-top: 20px;}
.productEdtail{margin-top: 105px;} 
.proTxt{text-align: center;margin: 10px 0;}
.proTxt h6{margin-bottom: 30px;font-size: 36px;color: #222;font-weight: 600;line-height: 1.15;letter-spacing: -0.8px;text-transform: uppercase;}
.proTxt p{line-height: 1.4;color: #444;font-size: 20px;}
.proInfo{text-align: center;margin-bottom: 150px;}
.proInfo .img{margin: 50px 0;}
.proInfo .img img{display: inline-flex;}
.proInfo p{align-items: center;justify-content: center;}
.proInfo p a{display: flex;align-items: center;justify-content: center;border-radius: 15px;width: 384px;height: 48px;border: 2px solid #3485fb;color: #3485fb;font-weight: 600;text-transform: uppercase;font-size: 14px;}
.proInfo p a span{margin-right: 15px;}
.proInfo p a+a{margin-left: 30px;}
.proInfo p a path{fill: #3485fb;}
.proInfo p a:hover{background-color: #3485fb;color: #fff;}
.proInfo p a:hover path{fill:#fff ;}
.proBox1{align-items: center;}
.proBox1 .txt{width: 50%;}
.proBox1 .txt dt{margin-bottom: 35px;}
.proBox1 .txt dt h6,.proBox2 h6,.proBox3table h6,.proBox4>h6,.proBox5>h6,.proVideo>h6{font-size: 36px;color: #222;font-weight: 600;letter-spacing: -0.64px;text-transform: uppercase;line-height:1.4375}
.proBox1 .txt dd p{color: #616161;font-weight: 400;line-height: 1.4;}
.proBox1 .txt dd p+p{margin-top: 10px;}
.proBox1 .img{width: 50%;}
.proBox2{margin-top: 80px;margin-bottom: 80px;}
.proBox2 h6{margin-bottom: 80px;text-align: center;}
.proBox2List{position: relative;/* min-height: 350px; */}
.proBox2List .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.proBox2List dl{width: 356px;line-height: 1.4;}
.proBox2List dt{font-weight: 400;color: #616161;margin-bottom: 20px;}
.proBox2List dd{border-bottom: 1px solid #c8c8c8;padding-bottom: 20px;}
.proBox2List dd ul{margin-left: 15px;}
.proBox2List dd ul li{display: flex;align-items: center;}
.proBox2List dd ul li img{display: inline-flex;margin-right: 25px;}
.proBox2List dd ul li span{display: flex;color: #666;}
.proBox2List dd ul li strong{display: flex;color: #000;}
.proBox2Listinner{justify-content: space-between;}
.proBox2List>div+div{margin-top: 30px;}
.proBox3table{background-color: #EFEFEF;padding: 100px 0;}
.proBox3table h6+ul{margin-top: 50px;}
.proBox3table li{border-bottom: 1px solid #C2C2C2;padding: 20px 0;display: flex;align-items: flex-start;}
.proBox3table li .tit{width: 25%;color: #616161;padding: 0 35px;}
.proBox3table li .des{width: 75%;color: #616161;}
.proBox3table a.more{display: inline-flex;border: 2px solid #3485fb;padding: 18px 60px;color: #3485fb;font-weight: 600;text-transform: uppercase;background-color: transparent;position: relative;left: 50%;transform: translateX(-50%);margin-top: 65px;}
.proBox3table a.more:hover{background-color: #3485fb;color: #fff;}
.proBox3PersonalInfo{margin-bottom: 80px;}
.proBox3PersonalInfo .comWrapper{align-items: flex-end;}
.proBox3PersonalInfo .tableL{margin-right: 100px;width: calc(100% - 100px - 330px);}
.proBox3PersonalInfo table{border: 1px solid #242424;width: 100%;}
.proBox3PersonalInfo table tr{background-color: #ebebeb;height: 44px;}
.proBox3PersonalInfo table tr:nth-of-type(2n){background-color: #fff;}
.proBox3PersonalInfo table th{background-color: #9a9a9a;}
.proBox3PersonalInfo table th,.proBox3PersonalInfo table td{padding: 0 35px;border: 1px solid #242424;}
.proBox3PersonalInfo .tableImg{width: 330px;text-align: center;}
.proBox3PersonalInfo table.table2 td{padding: 0 20px;}
.productEdtail{padding-bottom: 50px;}
.proBox3scroll{padding-bottom: 30px;}
.proBox3scroll .proBox3swiperbg{position: relative;}
.proBox3swiper{position: relative;margin-bottom: 80px;height: 360px;}
.proBox3swiper .swiper-slide{ transform: scale(0.85);display: flex;justify-content: center;align-items: center;transition: 300ms;position: relative;}
.proBox3swiper .swiper-slide>img.imgbox{width: 100%;}
.proBox3swiper .swiper-slide-active,.proBox3swiper .swiper-slide-duplicate-active{transform: scale(1.07);}
.proBox3swiper .swiper-slide .img{position: absolute;top: 50%;left: 50%;width: calc(100% - 50px);height: calc(100% - 50px);display: flex;justify-content: center;align-items: center;transform: translate(-50%, -50%);}
.proBox3swiper .swiper-slide .img img{max-height: 94%;}
.swiperBtn{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all .2s;}
.btnPrev{left: -55px;}
.btnNext{right: -55px;}
.swiperBtn:hover svg{border: 2px solid #3485FB;border-radius: 50%;}
.swiperBtn:hover svg circle{fill: #fff;}
.swiperBtn:hover svg path{stroke: #3485fb;}

.proBox4{padding: 50px 0 0;}
.proBox4>h6{text-align: center;margin-bottom: 50px;}
.proBox4 dt{display: flex;align-items: center;font-weight: 700;border-bottom: 1px solid #c8c8c8;position: relative;padding: 20px 30px 20px 5px;cursor: pointer;}
.proBox4 dl dt::after {content: ""; height: 2px; width: 14px; background-color: #424242; position: absolute; right: 14px; top: 45px;}
.proBox4 dl dt::before {content: ""; height: 2px; width: 14px; background-color: #424242; position: absolute; right: 14px; top: 45px; transform: rotate(90deg);text-decoration:none; transition-duration: .5s;-webkit-transition-duration: .5s;}
.proBox4 dl.cur dt::before { transform: rotate(0deg);}
.proBox4 dt h6{font-size: 20px;color: #000;font-weight: 700;line-height: 2.3; letter-spacing: -0.4px;text-transform: uppercase;}
.proBox4 dd{padding-bottom: 20px;display: none;padding: 0 5px;}
.proBox4 dd p{margin-top: 20px;line-height: 1.3;color: #616161;font-weight: 400;}
.proBox5{padding-bottom: 100px;padding-top: 100px;}
.proBox5>h6{text-align: center;margin-bottom: 50px;}
.proBox5 .proBox5List{flex-wrap: wrap;}
.proBox5 .proBox5List dl{width: calc((100% - 80px) / 3);}
.proBox5 .proBox5List dl:nth-of-type(3n-1){margin: 0 40px;} 
.proBox5 .proBox5Lists dl{width: 100%!important;}
.proBox5 .proBox5Lists dl:nth-of-type(3n-1){margin: 0!important;} 
.proBox5Lists{padding-bottom: 20px;}
.proBox5Lists .swiper-pagination{bottom: 0;}
.proBox5 .proBox5List dl h6{font-size: 24px;color: #424242;}
.proBox5 .proBox5List dl p{margin: 20px 0 20px;line-height: 1.3;}
.proBox5 .proBox5List dl a{margin-top: 0;}
.proBox5 .proBox5List dl .imgs img{width: 100%;}
.proBox5 .proBox5List dl:hover .imgs img{transform: scale(1.06);}
.proVideo{margin: 100px auto 60px;}
.proVideo .comWrapper{max-width: 1200px;}
.proVideo h6{text-align: center;margin-bottom: 70px;}
.proVideo .videoB{width: 100%;height: 580px;}
.proVideo .videoB video{height: 100%;width: 100%;object-fit: cover;}
.solution{padding-top: 85px;}
.solution h6{color: #222;text-align: center;font-size: 36px;font-weight: 600;margin-bottom: 20px;text-transform: uppercase;}
.solutionTop{color: #444;line-height: 1.1;}
.solutionTop_info1{text-align: center;}
.solutionTop_info1 p{font-size: 20px;line-height: 1.2;}
.solutionTop_info2{margin-top: 80px;margin-bottom: 100px;align-items: center;line-height: 1.5;justify-content: space-between;}
.solutionTop_info2 p+p{margin-top: 15px;}
.solutionTop_info2 dt{width: 48%;margin-right: 5%;}
.solutionTop_info2 dd{width: 47%;}
.solutionTop_info2 dd img{width: 100%;}
.solutionPlan{background: url(../images/solutionbg.jpg) no-repeat;background-size: cover;padding: 90px 0 100px;}
.solutionPlan h6{margin-bottom: 70px;}
.solutionPlan dl{/* width: calc(50% - 30px); */text-align: center;box-shadow: 0 0 12px rgba(0, 0, 0, .12);width: 100%;}
/* .solutionPlan dl:nth-of-type(2n){margin-left: 60px;} */
.solutionPlan dt.imgs img{width: 100%;}
.solutionPlan dd{padding: 25px 0;}
.solutionPlan dd strong{font-size: 20px;}
.solution .proBox5{padding-bottom: 80px;}
.solutionCase{margin: 95px 0 65px;}
.solutionCase h6{margin-bottom: 90px;}
.solutionCase dl{width: calc(50% - 33px);}
.solutionCase dl:nth-of-type(2n){margin-left: 66px;}
.solutionCase dt{position: relative;}
.solutionCase dd{color: #444;margin-top: 30px;}
.solution .video .videoB{height: 338px;}
.solution .video .videoBtn{transition: all .4s;}
.solution .video:hover .videoBtn{transform: scale(1.2);}
.solution .video .videoBtn img{width: 58px;}
.solutionRecommended{padding-top: 90px;}
.solutionRecommended h6{margin-bottom: 90px;}
.solutionReSwiper{overflow: hidden;position: relative;}
.solutionRecommended .flex{justify-content: space-between;}
.solutionRe_left{margin-right: 60px;width: 570px;}
.solutionRe_right{width: calc(100% - 570px - 60px);}
.solutionRe_right a{display: block;width: 100%;}
.solutionRe_right .imgBox{display: flex;align-items: center;}
.solutionRe_right .imgBox .imgs{border-radius: 4px;overflow: hidden;border: 1px solid #eee;width: 156px;}
.solutionRe_right .imgBox dd{font-size: 20px;color: #000;margin-left: 35px;}
.solutionRe_right .attrs{margin-top: 15px;}
.solutionRe_right .attrs p{border-bottom: 1px solid #eee;padding: 15px 0;display: flex;align-items: flex-start;}
.solutionRe_right .attrs span{color: #666;display: inline-flex;width: 35%;margin-right: 5%;line-height: 1.1;}
.solutionRe_right .attrs em{color: #222;display: inline-flex;width: 70%;line-height: 1.1;}
.proBtn{display: flex;align-items: center;position: absolute;top: 0;right: 0;z-index: 9;cursor: pointer;outline: none;}
.proBtn>div+div{margin-left: 12px;}
.proBtn div rect,.proBtn div path{transition: all .4s;}
.proBtn div:hover rect{stroke:#3485fb;fill:#3485fb}
.proBtn div:hover path{stroke:#fff}
.proBtn .swiper-button-disabled{opacity: .4;}
.home .more{margin-top: 40px;display: inline-flex;background-color: #3485fb;color: #fff;text-transform: uppercase;padding: 18px 60px;font-weight: 600;border: 2px solid transparent;}
.home .more:hover{border-color: #3485fb;background-color: transparent;color: #fff;}
.more.center{position: relative;left: 50%;transform: translateX(-50%);}
.more.center:hover{color: #3485fb;}
.bannerHomeSwiper{overflow: hidden;position: relative;}
.bannerHomeSwiper .swiper-slide{position: relative;}
.bannerHomeSwiper .swiper-slide>img,.caseBigSwiper .swiper-slide .img>img{width: 100%;}
.bannerHomeSwiper .txt{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;left: 0;width: 100%;}
.bannerHomeSwiper .txt .comWrapper{left: -40px;position: relative;}
.bannerHomeSwiper .swiper-pagination{bottom: 40px;}
.bannerHomeSwiper .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background-color: #fff;opacity: .4;margin:0 8px!important}
.bannerHomeSwiper .swiper-pagination-bullet-active{opacity: 1;}
.bannerHomeSwiper .swiper-slide-active .txt{animation: ups 1s both;-webkit-animation: ups 1s both;}
@keyframes ups {
  0% {
      margin-top: -5%;
      opacity: 0;
  }
  100% {
    margin-top: 0;
      opacity: 1;
  }
}
@-webkit-keyframes ups {
  0% {
      margin-top: -5%;
      opacity: 0;
  }
  100% {
    margin-top: 0;
      opacity: 1;
  }
}

.titHome{text-align: center;margin-bottom: 60px;}
.titHome dt{font-size: 36px;color: #222;font-weight: 600;text-transform: uppercase;margin-bottom: 25px;}
.titHome dd{font-size: 20px;color: #444;line-height: 1.4;}
.proHome{padding-top: 90px;}
.caseHome{padding-top: 90px;}
.casebig,.casebig .img img{height: 750px;}
.casebig .img img{object-fit: cover;}
.caseCon .txt{position: absolute;top: 50%;left: 0;color: #fff;transform: translateY(-50%);width: 100%;}
.caseCon .txt .comWrapper>div{width: 55%;}
.caseCon .txt h6{font-size: 30px;}
.caseCon .txt p{margin: 25px 0 40px;line-height: 1.5;}
.caseCon .txt .more{margin-top: 0;}
.caseSwiper_wrap{padding: 35px 0;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);margin-left: calc((1260px - 86px) / 2);}
@media (max-width:1500px) {
  .caseSwiper_wrap{margin-left: calc((84% - 86px) / 2);}
}
.caseBigs .caseSwiper{height: 470px;}
.caseSwiper{position: relative;overflow: hidden;}
.caseSwiper .icon{width: 86px;height: 86px;border-radius: 8px;background-color: rgba(255, 255, 255, .3);display: inline-flex;justify-content: center;align-items: center;}
.caseSwiper .swiper-slide{cursor: pointer;}
.caseSwiper .swiper-slide-thumb-active .icon{background-image: url(../images/iconBg.svg);}
.caseSwiper_wrap .swiper-button-disabled{opacity: .4;}
.caseBtn{position: absolute;left: 50%;transform: translateX(-50%);}
.casePrev{top: 0;}
.caseNext{bottom: 0;}
.aboutHome{background:#fff url(../images/aboutbg.jpg) no-repeat center 0;padding-top: 90px;}
.aboutInfo{margin-top: 80px;position: relative;z-index: 1;}
.aboutInfo .img{width: 630px;}
.aboutInfo .txt{width: calc(100% - 630px);display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0 4px 10px rgba(0, 0, 0, .08);}
.aboutInfo .txt>div{width: 84%;display: flex;flex-direction: column;justify-content: flex-start;}
.aboutInfo .txt h6{font-size: 30px;color: #222;}
.aboutInfo .txt p{margin: 25px 0 45px;line-height: 1.6;color: #444;}
.aboutInfo .txt .more{margin-top: 0;align-self: flex-end;}
.aboutInfo .txt .more:hover{color: #3485fb;}
.newsHome{padding-bottom: 80px;background-color: #f1f1f1;padding-top: 220px;position: relative;top: -130px;margin-bottom: -130px;}
.newsHome .newsList a .txt{background-color: #fff;}
.infoHome{padding: 125px 0 120px;}
.infL{width: 60%;}
.infL form{align-items: flex-start;justify-content: center;display: flex;}
.infL form input[type=text]{background-color: rgba(255, 255, 255, 0);height: 56px;padding: 0 20px;width: calc(100%);border-top-left-radius: 4px;border-bottom-left-radius: 4px;border: 1px solid #3485fb;border-right: none;width: 300px;}
.infL form input[type=text]::placeholder{color: #999;}
.infL form input[type=image]{transition: all .4s;}
.infR{width: 40%;}
.infR .footShare{justify-content: center;display: flex;}
.infR .footShare a span{bottom: 65px;box-shadow: 0 0 15px rgba(0,0,0,.1);}

@media (max-width:1200px) {
html,body{overflow-x: hidden!important;}
body{font-size: 15px;}
.pc{display: none!important;}
.app{display: block!important;}
.flex{display: block;}
.comWrapper{width: 90%;margin-left:auto;margin-right:auto;}
.header{padding: 0 5px 0 30px;height: 70px;}
.header .comWrappers{padding: 0;}
.header .flex{display: flex;}
.headLeft{width: 50%;}
.headLeft .nav{display: none;}
.header a.logo{width: 120px;}
.header.poR a.logo .black{display: block;}
.header.poR a.logo .white{display: none;}
.header .headRight{align-items: center;justify-content: flex-end;display: flex;width: 50%;}
.headRight .lang .langDown dl{margin-top: 34px;}
.headRight .lang>span,.headRight>span{display: none;}
.headRight .lang{margin-left: 10px;}
.headRight .lang .arrowD{margin-left: 5px;}
.header.headerActive .menu-handler .burger{background:#3485fb;}
.search{margin-right: 5px;}
.searchC h6{font-size: 18px;margin-bottom: 20px;}
.searchC form{height: 42px;}
.searchC input[type=text]{width: calc(100% - 18px - 25px);font-size: 12px;}
.searchC input[type=image]{width: 18px;}
.searchC .searchtag{align-items: flex-start;padding: 0 5px 0 30px;margin-top: 20px;}
.searchC .searchtag p{margin-top: 0;}
.searchC .searchtag a{margin-right: 5px;margin-bottom: 8px;font-size: 12px;}
.searchC .searchtag a+a{margin-left: 5px;}
.searchC .searchtag .span1{margin-left:2px;margin-right: 5px;}
.menuBox{position: fixed;right:-100%;top:66px;width:100%;height:96%;z-index:999;background:#fff;left: auto;}
.menu-handler{width:58px;height:58px;cursor:pointer;position:relative;z-index:9;}
.menu-handler .burger{width:24px;height:2px;background:#fff;display:block;position:absolute;z-index:5;top:20px;left:50%;margin:0px 0px 0px -12px;-webkit-transform-origin:center;transform-origin:center;}
.menu-handler .burger-2{top:27px}
.menu-handler .burger-3{top:35px}
.menu-handler.active .burger-1{top:27px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-handler.active .burger-2{opacity:0;}
.menu-handler.active .burger-3{top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.trans,.trans:hover{-webkit-transition:all 277ms ease-in-out;transition:all 277ms ease-in-out;}
.trans-fast,.trans-fast:hover{-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out}
.navMobile{width:100%;}
.navMobile li{line-height:34px;}
.navMobile li h5{width:90%;margin: auto;position:relative;font-size: 16px;width: 100%;border-bottom:1px solid #f5efef;}
.navMobile li h5 a{color: #333;display: block;width:100%;font-weight:bold}
.navMobile li h5 i,.navMobile li h3 i{border:2px solid #3485fb;display:block;width:8px;height:8px;transform:rotate(-45deg);border-top:none;border-right:none;right:20px;position:absolute;top: calc(50% - 4px);transition: all .4s;}
.navMobile li h5 i.active,.navMobile li h3 i.active{transform:rotate(135deg);}
.navMobile li .listDown{display:none;width:100%;border-bottom:1px solid #e8e8e8;}
.navMobile li .listDown .list2_one{font-size:14px;background-color:#fff;}
.navMobile li .listDown .list2_one h3{border-top:1px solid #e8e8e8;padding:0px 20px 0 10px;line-height: 2.4;font-size: 15px;font-weight: 500;position: relative;}
.navMobile li .listDown .list2_one:first-child h3{border: none;}
.navMobile li h5>a,.navMobile li .listDown .list2_one h3 a{margin-left:20px;width:80%;color:#444;padding: 10px 0;}
.list2_two{display: none;}
.list2_two ul{border-top: 1px solid #f5efef;padding: 8px 0;}
.list2_two ul li{border-bottom:none;line-height: 2.6;}
.list2_two ul li a{color: #333;width: 74%;margin: auto;display: flex;}
.footer{padding: 10px 0 5px;}
.searchC .close{right: calc((10%) / 2);transform:translateY(calc(-50% - 110px))}
.footNav,.footTopL dl,.footTopR,.footTopL{width: 100%;}
.footTop{padding-bottom: 40px;}
.footShare{margin-bottom:15px;margin-top: 20px;}
.footShare a+a{margin-left: 10px;}
.footShare a>img{width: 28px;}
.footBottom p{text-align: center;line-height: 1.5;font-size: 13px;}
.footBottom p.flex{display: none;}
.footNav{margin-top: 40px;}
.footNav dl:last-child{width: 100%;}
.footNav form{margin-top:10px}
.footTopL dd a{margin-bottom: 15px;}
.footNav dl{width: 100%;margin-bottom: 10px;}
.footNav dl dt a{font-size: 16px;}
.footNav dl dt{margin-bottom: 10px;font-size: 16px;position: relative;}
.footNav dl dt::after {content: ""; height: 2px; width: 14px; background-color: #fff; position: absolute; right: 14px; top: 50%;}
.footNav dl dt::before {content: ""; height: 2px; width: 14px; background-color: #fff; position: absolute; right: 14px; top: 50%; transform: rotate(90deg);text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.footNav dl dt.cur::before { transform: rotate(0deg);}
.footNav dl dt.cur { border-bottom: none;}
.footNav dl+dl{margin-top: 20px;margin-left: 0;}
.footNav dl dd {display: none;margin-top: 0;padding-top: 10px;}
.footTel_tit span{font-size: 13px;}
.footTel{margin: 15px 0 0;}
.footTel p{font-size: 16px;}
.footTopR{margin-top: 35px;}
.footTopR form input[type=text]{font-size: 12px;padding: 0 15px;}
.footBottom .flex.comWrapper{padding: 15px 0;font-size: 12px;}
.banner{height: 400px;}
.banner img,.banner video{object-fit: cover;height: 100%;}
.searchWarp{padding-bottom:0px;}
.searchTop{height: 180px;}
.tabTit{margin-top:45px}
.searchForm{padding:0 20px;}
.tabTit dd{font-size: 18px;padding-bottom:15px;}
.tabTit dd+dd{margin-left: 30px;}
.tabInfo{margin-top: 25px;}
.searchResult_num{font-size: 15px;margin-bottom: 25px;}
.productList a, .newsList a{width: 100%;margin-right: 0;}
.productList a{width: calc(50% - 10px);margin-right: 10px;}
.productList a:nth-of-type(2n){margin-right: 0;}
.productList a:nth-of-type(3n){margin-right: 10px;}
.productList a .img{height: 100px;margin-top: 10px;}
.productList a img{height: 110px;}
.productList a p{font-size: 15px;margin-top: 20px;margin-bottom: 20px;}
.newsList a .txt{padding:15px 20px 25px 20px}
.newsList a p{font-size: 15px;}
.newsList a span{font-size: 13px;}
.newsList a .newsArrow{width: 40px;bottom:15px;bottom: 20px;}
.noResult{font-size: 16px;}
.bannerInner{height: 350px;}
.bannerInner .txt{width: 90%;top: 54%;}
.bannerInner .txt h6{font-size: 26px;}
.bannerInner .txt p{font-size: 15px;}
.newsdetail{padding: 40px 0 20px;}
.newsdetail>.comWrapper{display: flex;flex-direction: column-reverse;}
.newsText strong{font-size: 20px;}
.newsdetailCon{margin-top: 10px;}
.newsdetailShare{margin-top: 15px;}
.newsRecommend{padding-bottom: 40px;}
.newsRecommend h6{font-size:20px;padding:30px 0}
.newsTop{margin:50px 0}
.newsTop .txt,.newsTop .imgs{width: 100%;}
.newsTop .txt{margin-top: 20px;}
.newsText p.des{margin: 15px 0;}
.newsTop .more{margin-top: 25px;padding:15px 40px;font-size: 13px;}
.pages{margin-bottom: 50px;margin-top: 20px;}
.pages a{min-width: 30px;height: 30px;}
.pages a svg{width: 12px;}
.contactOffice{margin-top: 40px;margin-bottom:60px}
.contactOffice h6{font-size: 24px;}
.contactOffice>p{font-size: 15px;line-height: 1.4;margin-top:15px}
.contactOfficetxt{margin-right: 0;width: 100%;display: flex;margin-top: 30px;}
.contactOfficetxt dl{margin-bottom: 30px;}
.contactOfficetxt dt{font-size: 16px;margin-bottom: 15px;padding-bottom: 10px;}
.contactOfficetxt dt>img{width: 20px;}
.contactOfficetxt dd{font-size: 15px;}
.contactOfficeInfo{margin-top: 25px;}
.contactOfficeMap{width: 100%;}
.contactOfficeMap #map{height: 350px;}
.contactForm{padding: 50px 0 60px;}
.contactForm h6{font-size: 24px;margin-bottom: 10px;}
.contactForm p{line-height: 1.4;}
.contactForm input{width: 100%;margin-bottom: 20px;padding: 0 18px;}
.contactForm input:nth-of-type(2n){margin-left: 0;}
.contactForm textarea{padding: 15px 18px;}
.contactForm .more{padding: 18px 44px;margin-top: 25px;}
.contactOffice h6, .whoTop .contactTit h6{font-size: 24px;}
.who{padding-top: 50px;}
.whoTop .contactTit{margin-bottom: 30px;}
.whoTop .num{margin: 30px 0 20px;}
.num dl{padding-left: 25px;margin-bottom: 25px;text-align: left;}
.num dt{font-size: 17px;}
.num dt strong{font-size: 32px;}
.num dt img{transform: scale(.75);margin-right: 5px;}
.num dt sup{font-size: 12px;transform: scale(.8);}
.num dd{font-size: 16px;}
.aboutVideo{width: 100%;margin-bottom: 50px;}
.videoB{height: inherit;width: 90%;margin: 0 auto;}
.videoB video{object-fit: cover;width: 100%;}
.videoBtn img{width: 48px;}
.whoMap{padding: 15px 0;}
.titBig{font-size: 22px;}
.productstop{padding: 50px 0 40px;}
.productsswiper{margin-top: 30px;}
.productsswiper:before,.productsswiper::after{width: 10%;}
.productsswiper{padding: 20px 5%;}
.productBtn svg{width: 38px;}
.productsswiper a{padding: 30px 10px 25px;}
.productsswiper a .img{margin-bottom: 0px;}
.productsswiper a .img img{width:240px;margin: 0 auto;}
.productsswiper a p{margin-top: 10px;}
.productsswiper a .news{left: 15px;top: 15px;}
.productslist{padding-top: 40px;}
.productslistcate,.productslistcon{width: 100%;}
.productslistcon{margin-top: 30px;}
.productslistcon .productList{justify-content:space-between}
.productslistcon .productList a{margin-bottom: 20px;width: calc(50% - 5px)!important;margin-right: 10px!important;}
.productslistcon .productList a:nth-of-type(2n){margin-right: 0!important;}
.productEdtail{margin-top: 55px;padding-bottom:20px}
.proInfo .img{margin: 20px 0;}
.proTxt h6{font-size: 24px;margin-bottom: 15px;}
.proTxt p{font-size: 16px;}
.proInfo{margin-bottom: 40px;}
.proInfo p a{width: 100%;border-width: 1px;}
.proInfo p a+a{margin-left: 0;margin-top: 15px;}
.proBox1 .txt dt h6,.proBox2 h6,.proBox3table h6,.proBox4>h6,.proBox5>h6,.proVideo>h6{font-size: 22px;margin-bottom: 20px;}
.proBox1 .txt,.proBox1 .img{width: 100%;margin-top: 20px;}
.proBox1 .txt dt{margin-bottom: 15px;}
.proBox2{margin-top:40px;margin-bottom:40px}
.proBox2List .img{width: 100%;position: relative;top: 0;left: 0;transform: none;margin-bottom: 30px;}
.proBox2List dt{margin-bottom: 15px;}
.proBox2List dl{width: 100%;margin-bottom: 15px;}
.proBox2List>div+div{margin-top: 0;}
.proBox3table h6{margin-bottom: 0;}
.proBox3table table{margin-top: 20px;width: 700px;}
.proBox3table td{padding: 0 10px;}
.vsc{overflow-y: scroll;}
.proBox3table{padding: 40px 0 50px;}
.proBox4 dt h6{font-size: 14px;line-height: 1.4;}
.proBox4 dt{padding: 15px 25px 15px 0;}
.proBox4 dl dt::after,.proBox4 dl dt::before {top: 24px;right: 5px;}
.proBox5{padding-bottom: 40px;padding-top: 40px;}
.proBox5List{display: flex;flex-wrap: wrap;margin-top: 30px;}
.proBox5 .proBox5List dl{width: 100%;}
.proBox5 .proBox5List dl h6{font-size: 20px;}
.proBox5 .proBox5List dl:nth-of-type(3n-1){margin: 15px 0;}
.proBox5 .proBox5List dl p{margin: 12px 0;}
.proBox2List dd{padding-bottom: 15px;}
.proBox2List dd ul li img{height: 28px;margin-right: 15px;}
.proBox5List dd a{width: 130px;height: 44px;font-size: 13px;}
.proBox5List dd a svg{width: 16px;}
.proBox3swiper{margin-bottom:40px;height: 204px;}
.swiperBtn{z-index: 99;}
.swiperBtn svg{width: 30px;height: inherit;}
.btnPrev{left: -10px;}
.btnNext{right: -10px;}
.swiperBtn.btnPrev:hover{left: -12px;}
.swiperBtn.btnNext:hover{right: -12px;}
.proVideo{margin-top: 40px;margin-bottom: 0;}
.proVideo .videoB{height: 200px;}
.proBox3PersonalInfo .tableL,.proBox3PersonalInfo .tableImg{width: 100%;}
.proBox3PersonalInfo .tableL table{width: 700px;}
.proBox3PersonalInfo .tableImg{margin-top: 20px;}
.proBox5 .proBox5List dl dd{margin-top: 10px;}
.proBox3table ul{margin-top: 10px;}
.proBox3table li{line-height: 1.5;}
.proBox3table li .tit{padding: 0 15px;width: 40%;}
.proBox3table li .des{width: 60%;}
.proBox3table a.more{padding: 14px 40px;margin-top: 30px;}
.solution{padding-top: 55px;}
.solution h6{font-size: 22px;}
.solutionTop_info1 p{font-size: 15px;text-align: left;line-height: 1.5;}
.solutionTop_info2{margin-top: 40px;margin-bottom: 50px;}
.solutionTop_info2 dt,.solutionTop_info2 dd{width: 100%;}
.solutionTop_info2 dt{margin-bottom: 20px;}
.solutionPlan{padding: 40px 0;}
.solutionPlan dl{width: 100%;}
.solutionPlan dl:nth-of-type(2n){margin-left: 0;margin-top: 20px;}
.solutionPlan dd{padding: 16px 0;}
.solutionPlan dd strong{font-size: 15px;}
.solutionRecommended{padding-top: 50px;}
.solutionRecommended h6{margin-bottom: 30px;}
.solutionRe_left{width: 100%;margin-right: 0;margin-bottom: 35px;}
.solution .video .videoB{height: inherit;width: 100%;}
.solution .video .videoBtn img{width: 44px;}
.solutionRe_right{width: 100%;}
.solutionRe_right .imgBox dd{font-size: 15px;margin-left:15px}
.solutionRe_right .attrs span{width: 45%;}
.solutionRe_right .attrs em{width: 50%;}
.proBtn svg{width: 30px;}
.solutionCase{margin:45px 0 0}
.solutionCase dl{width: 100%;}
.solutionCase dl:nth-of-type(2n){margin-left: 0;margin-top: 25px;}
.solutionCase dd{margin-top: 15px;}
.solution .proBox5{padding-bottom: 50px;}
.bannerHomeSwiper .swiper-slide>img{height: 480px;object-fit: cover;}
.bannerHomeSwiper .txt .comWrapper{left: 0;}
.bannerHomeSwiper .txt .comWrapper img{max-width: 90%;margin-left: 2%;}
.home .more{margin-top: 25px;padding:13px 36px;font-size: 13px;border-radius: 10px;}
.bannerHomeSwiper .swiper-pagination{bottom: 25px;}
.bannerHomeSwiper .swiper-pagination-bullet{width: 10px;height: 10px;margin:0 6px!important}
.titHome{margin-bottom: 30px;}
.titHome dt{font-size: 24px;margin-bottom: 10px;}
.titHome dd{font-size: 15px;}
.proHome,.caseHome,.aboutHome{padding-top: 50px;}
.caseSwiper_wrap{padding: 25px 0;margin-left:calc((84% - 30px) / 2)}
.caseBigs .caseSwiper{height: 240px;}
.casebig, .casebig .img img{height: 500px;}
.caseSwiper .icon{width: 43px;height: 43px;background-size: cover;}
.caseSwiper .icon img{width: 24px;}
.caseCon .txt h6{font-size: 24px;}
.caseCon .txt .comWrapper>div{width: 84%;}
.aboutHome .num dl{padding-left: 24%;}
.aboutInfo{margin-top: 30px;}
.aboutInfo .img,.aboutInfo .txt{width: 100%;}
.aboutInfo .txt{padding: 35px 0;}
.aboutInfo .txt h6{font-size: 20px;}
.aboutInfo .txt p{margin-bottom: 20px;margin-top: 15px;}
.newsHome{padding-top: 180px;padding-bottom: 50px;}
.infoHome{padding:50px 0 30px}
.infL,.infR{width: 100%;}
.infL{margin-bottom: 35px;}
.infR .footShare a>img{width: 36px;}
.infR .footShare a span{bottom: 54px;}
.infL form input[type=text],.infL form input[type=image]{height: 46px;}
}

@media (min-width:768px) and (max-width:1200px) {
.bannerHomeSwiper .txt .comWrapper img{max-width: 350px;}
.num .flex{display: flex;}
.num dl,.aboutHome .num dl{padding-left: 5%;margin-right:5%}
.productList a,.newsList a,.proBox5 .proBox5List dl{width: calc((100% - 20px) / 3);margin-right: 10px!important;}
.productList a:nth-of-type(3n),.newsList a:nth-of-type(3n),.proBox5 .proBox5List dl:nth-of-type(3n){margin-right: 0!important;}
.proBox5 .proBox5List dl:nth-of-type(2){margin: 0;}
.aboutInfo{display: flex;}
.aboutInfo .img img{height: 100%;object-fit: cover;object-position:80% 50%}
.newsList a .newsArrow{right: 16px;bottom: 12px;width: 35px;}
.infoHome .flex.comWrapper{display: flex;}
.infL, .infR{width: 50%;}
.contactOfficetxt dl{width: calc(100% / 3)!important;}
.newsTop{display: flex;}
.newsTop .imgs{margin-right: 30px;}
.newsTop .txt{margin-top: 0;}
.newsTop .newsText strong{-webkit-line-clamp:1}
.newsTop .newsText span{-webkit-line-clamp:2}
.newsTop .more{margin-top: 20px;}
.newsBox p{line-height: 1.6;font-size: 16px;}
.productslist>div.comWrapper.flex{display: flex;}
.productslistcate{width: 34%;}
.productslistcon{width: 62%;margin-top: 0;}
.proInfo .img{max-width: 90%;margin: 0 auto;}
.proInfo p{display: flex;}
.proInfo p a{border-radius: 12px;}
.proInfo p a+a{margin-top: 0;margin-left: 15px;}
.proBox1,.proBox2Listinner{display: flex;}
.proBox2Listinner{justify-content: space-between;}
.proBox2List .img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: auto;max-width:46%}
.proBox2List .img img{height: 250px;}
.proBox2List dl{width: 35%;}
.proVideo .videoB{height: 350px;}
.proBox4 dt h6{font-size: 16px;}
.solutionTop_info2{display: flex;}
.solutionTop_info2 dt{margin-bottom: 0;}
.solutionTop_info2 dd{height: 100%;}
.solutionTop_info2 dd img{height: 100%;object-fit: cover;}
.solutionPlan .comWrapper.flex{display: flex;}
.solutionPlan h6{margin-bottom: 30px;}
.solutionPlan dl:nth-of-type(2n){margin-left: 10px;margin-top: 0;}
.solutionCase{display: flex;margin-bottom: 35px;}
.solutionCase dl:nth-of-type(2n){margin-left: 10px;margin-top: 0;}
.solutionRecommended .flex{display: flex;}
.solutionRe_left,.solutionRe_right{width: 48%;}
.searchC .searchtag{width: 80%;}


}
@media (min-width:850px) and (max-width:1200px) {
  .proVideo .videoB{height: 450px;}
}