/*基础CSS*/
* { margin: 0; padding: 0; }
html { font-size: 14px; overflow-x: hidden; font-family: Arial; }
li { list-style: none; }
a { color: #000; text-decoration: none; }
p, dl, dt, dd, ul { margin: 0; padding: 0; }
.shadow-sm-top { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important; }
.transition_all { transition: all .5s; }
.big_img { overflow: hidden; }
.big_img img { display: block; transition: all .6s;}
.big_img:hover img { transform: scale(1.1)}
.max-width { max-width: 1920px; }
.wrap { width: 100%; margin: auto; }
.bg_f8 { background-color: #f8f8f8!important;}
.swiperBut { width: .48rem; height: .48rem; background: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); transition: all .5s;
    display: flex!important; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; }
.swiperBut i { font-size: .2rem; transition: all .5s; }
.swiperBut:hover { background-color: #74bc35; }
.swiperBut:hover i { color: #fff; }
/*滚动条整体部分*/
::-webkit-scrollbar {  width: 6px; height: 0; background: transparent; }
/*内嵌滑块*/
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 5px; background: #6eb92c;
}
/*外层轨道*/
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    border-radius: 0; background: #ddd;
}
/*头部*/
.headerPlaceholder { height: 70px; }
.headerWrap { width: 100%; height: 70px; position: fixed; top: 0; left: 0; right: 0; z-index: 88;}

.header { height: 100%; background-color: #fff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1); position: relative; z-index: 20;  }
.header .container { margin-left: 1rem; margin-right: 1rem; display: flex; align-items: center; justify-content: space-between; height: 100%;}
.header .logo { font-size: 16px; }
.header .nav_wap { display: none;}
.header .nav { font-size: .16rem; height: 100%; display: flex;}
.header .nav li {display: flex; align-items: center; height: 100%; position: relative; z-index: 3;}
.header .nav .nav_item { margin-right: .77rem; }
.header .nav .nav_link { font-weight: bold; cursor: pointer; }
.header .nav .nav_link:hover, .header .active .nav_link { text-decoration: underline; color: #6eb92c; }
.header .tow_nav { display: none; min-width:6.5rem; position: absolute; left: 0; top: 100%; z-index: 1; }
.header .tow_nav_box { display: flex; height: 70px; align-items: center; position: relative; z-index: 22;  }
.header .tow_nav_box .sub_nav_link { white-space:nowrap; color: #999; font-size: .16rem; transition: all .5s; }
.header .tow_nav_box .sub_nav_link:hover { color: #000; }
.header .tow_nav_box .sub_nav_link + .sub_nav_link { margin-left: .45rem; }
.header .tow_nav_box .sub_nav_link.active { color: #181818;}
.header .tow_nav .towNavBg { width: 4000px; height: 100%; position: absolute; left: -2000px; top: 0; z-index: 1;}

.submenu { width: 100%; position: absolute; z-index: 3; top: 100%; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05);}
.submenu .container { margin-left: 1rem; margin-right: 1rem; }
.submenu .item { /*border-top: 1px solid #e5e5e5;*/ display: none; }
.submenu_item { display: flex;}
.submenu .full_submenu_item { padding: .6rem 0; justify-content: space-between;}
.submenu_item .left { /*padding-right: .96rem; border-right: 1px solid #f2f2f2;*/}
.submenu_item .line { width: 1px;height: 3.6rem; background-color: #f2f2f2;}
.submenu_item .img { width: 4.8rem; height: 3.2rem; overflow: hidden; border-radius: .24rem; }
.submenu_item img { width: 100%; display: block }
.submenu_item .nav_name { font-size: .28rem; font-weight: bold; line-height: 1; padding-top: .32rem; }
.submenu_item .right { padding-top: .32rem; /*width: calc( 100% - 6.8rem );*/ display: flex; justify-content: space-between;}
.submenu_item .right dt { font-size: .2rem; font-weight: bold; line-height: 1;}
.submenu_item .right dt a { transition: all .5s; }
.submenu_item .right dt a:hover { color: #6eb92c; text-decoration: underline; }
.submenu_item .right dd { font-size: .18rem; color: #666; line-height: 1; padding-top: .3rem;}
.submenu_item .right dd a { color: #666; transition: all .5s; line-height: 1; }
.submenu_item .right dd a:hover, .submenu_item .right dd a.active { color: #6eb92c; text-decoration: underline; }
.submenu_item .right dl + dl { margin-left: 1.5rem;}
.singleRow { align-items: center; justify-content: center; padding: .38rem 0; }
.singleRow a {cursor: pointer; line-height: .38rem; font-size: .18rem; transition: all .5s; margin: 0 .45rem;  }
.singleRow a:hover, .singleRow a.active { color: #6eb92c; text-decoration: underline; }

.search_item { margin-right: 0!important;}
.search_item i { font-size: .26rem; font-weight: bold; }

.search_box { width: 9.6rem; margin: auto; padding-top: 1.5rem; padding-bottom: 1.4rem; }
.search_box form { display: flex; align-items: center; padding-bottom: .2rem; border-bottom: 1px solid #999; width: 100%; position: relative; }
.search_box .keyword { border: none; outline: none; height: .34rem; width: 100%; }
.search_box .iconfont { font-size: .24rem; color: #181818; position: absolute; z-index: 2; right: 0;}
.search_box .keywords { display: flex; align-items: center; font-size: .18rem; line-height: 1; color: #181818; padding-top: .3rem;}
.search_box i {font-size: .26rem; font-weight: bold; }
.search_box .keywords a { font-size: .16rem; color: #666; margin-left: .45rem; transition: all .5s;}
.search_box .keywords a:hover { color: #6eb92c; }

/**/
.banner { background-color: #f8f8f8; position: relative; }
.banner_pagination { position: absolute; z-index: 22; bottom: .4rem!important; width: 100%; display: flex; justify-content: center;}
.banner_pagination span { background: #c9c9c9!important; opacity: 1!important; border-radius: 4px; transition: all .5s;}
.banner_pagination span.swiper-pagination-bullet-active { background: #6eb92c!important; width: 24px;}
.banner .swiper-slide { text-align: center; position: relative;}
.banner .swiper-slide img {max-width: 100%; width: 100%; display: block;}
.banner .swiper-slide .inner {
    position: absolute; left: 0; top: 0; bottom: 0; z-index: 22; padding: 0 2rem .6rem; text-align: left; color: #fff;
    display: flex; align-items: center;
}
.banner .swiper-slide .inner .tit{font-size: .48rem; font-weight: bold;}
.banner .-item1.swiper-slide-active img, .banner .-item1.swiper-slide-duplicate-active img, .banner .-item1.swiper-slide-prev img,
.banner .-item3.swiper-slide-active img, .banner .-item3.swiper-slide-duplicate-active img, .banner .-item3.swiper-slide-prev img,
.banner .-item5.swiper-slide-active img, .banner .-item5.swiper-slide-duplicate-active img, .banner .-item5.swiper-slide-prev img {
    animation: topKvZoomUp 14s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards;
}
.banner .-item2.swiper-slide-active img, .banner .-item2.swiper-slide-duplicate-active img, .banner .-item2.swiper-slide-prev img,
.banner .-item4.swiper-slide-active img, .banner .-item4.swiper-slide-duplicate-active img, .banner .-item4.swiper-slide-prev img {
    animation: topKvZoomOut 14s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards;
}
@keyframes topKvZoomUp {
    0% { transform: scale(1) translateY(0px); }
    100% { transform: scale(1.25) translateY(-30px); }
}
@keyframes topKvWipeReverse {
    0% { transform: scale(1.2) translateX(0vw); }
    100% { transform: scale(1.2) translateX(8vw); }
}
@keyframes topKvZoomOut {
    0% { transform: scale(1.25) translateY(-40px); }
    100% { transform: scale(1) translateY(0); }
}
@keyframes topKvWipe {
    0% { transform: scale(1.2) translateX(0vw); }
    100% { transform: scale(1.2) translateX(-8vw); }
}
/**/
.i_pro_desc { text-align: center; }
.i_pro_desc .container { margin:0 1rem; padding: 1.1rem 0;  font-size: .48rem; font-weight: bold; line-height: .78rem; }

.iProScene { position: relative; z-index: 1;}
.iProScene img{display: block; width: 100%;}
.iProScene .sub_nav { position: absolute; top: 9.5%; z-index: 66; width: 100%; display: flex; justify-content: center;}
.iProScene .sub_nav .item { font-size: .2rem; font-weight: bold; width: 2.2rem; height: .6rem; margin: 0 .23rem; border-radius: .3rem;
    background: rgba(255,255,255,.2); color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.iProScene .sub_nav .item:hover, .iProScene .sub_nav .item.cur { background: #6fb92d;}

.iProScene .sub_nav_pic { position: absolute; width: 100%; height: 100%; z-index: 50;}
.iProScene .sub_nav_pic .item{ position: relative; height: 100%; display: none;}
.iProScene .sub_nav_pic .item:nth-child(1){display: block;}

.iReProBox { display: none; position: absolute; z-index: 12; background-color: #fff; border-radius: .16rem; padding: .48rem; }
.iReProBox .tit { font-size: .2rem; color: #6fb92d; font-weight: bold; line-height: 1;}
.iReProBox .list { padding-top: .16rem; display: flex;}
.iReProBox .list ._tit { font-size: .16rem; font-weight: bold; line-height: .44rem;}
.iReProBox .pro_list { display: flex;}
.iReProBox .list_item:nth-child(1) { margin-right: .6rem;}
.iReProBox .pro_item { padding: 10px; border-radius: .16rem; }
.iReProBox .pro_item .img { width: 1.8rem; }
.iReProBox .pro_item img { display: block; width: 100%; }
.iReProBox .pro_item .info { text-align: center;  }
.iReProBox .pro_item .name { font-size: .16rem; font-weight: bold; line-height: 1; padding-top: .15rem; }
.iReProBox .pro_item .learnmore { font-size: 14px; color: #6fb92d;  line-height: 1; padding: 8px 0;}
.iReProBox .pro_item + .pro_item { margin-left: .3rem;}
.iReProBox .pro_item .learnmore:hover { text-decoration: underline; }

.iReProBox .morePro { display: flex; align-items: center; margin-left: .3rem}
.iReProBox .morePro a { border: 1px solid #6eb92c; border-radius: .24rem; width: 2rem; height: .48rem;
    display: flex; align-items: center; justify-content: center; color: #6eb92c; font-size: .16rem; font-weight: bold;}
.iReProBox .morePro i { font-size: .24rem; margin-left: 8px; font-weight: inherit;}

.area-box { position: absolute; cursor: pointer }
.area-box .dot { position: absolute; z-index: 2; top: 2px; left: 2px; width: .24rem; height: .24rem; border-radius: 50%; background-color: #ffff00;}
.area-box .pulse {
    position: absolute; top: -.12rem; left: -.12rem; width: .48rem; height: .48rem; border-radius: 50%;
    border: 2px solid #ffff00; box-shadow: 0 0 12px #ffff00, 0 0 20px #ffff00 inset; opacity: .6;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.area-box .pulse2 {
    position: absolute; top: -.24rem; left: -.24rem; width: .72rem; height: .72rem; border-radius: 50%;
    border: 2px solid #ffff00; box-shadow: 0 0 12px #ffff00, 0 0 20px #ffff00 inset; opacity: .6;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.area-box .delay-10 { animation-delay: -1.2s; }
.area-box .delay-09 { animation-delay: -.6s; }

.scene70 .area1 { left: 12.08%; top: 25.32%;}
.scene70 .area2 { left: 15.99%; top: 65.74%;}
.scene70 .area3 { left: 36.88%; top: 68.3%;}
.scene70 .area4 { left: 71.98%; top: 81.91%;}
.scene70 .area1 .iReProBox { left: .12rem; top: .12rem; }
.scene70 .area2 .iReProBox { left: .12rem; bottom: -.24rem; }
.scene70 .area3 .iReProBox { left: .12rem; bottom: -.24rem; }
.scene70 .area4 .iReProBox { right: -.24rem; bottom: -.24rem; }

.scene71 .area1 { left: 15.46%; top: 69.14%;}
.scene71 .area2 { left: 28.38%; top: 40.74%;}
.scene71 .area3 { left: 68.22%; top: 80%;}
.scene71 .area4 { left: 82.39%; top: 65.95%;}
.scene71 .area5 { left: 21.87%; top: 77.12%;}
.scene71 .area1 .iReProBox { left: .12rem; bottom: -.24rem; }
.scene71 .area2 .iReProBox { left: .12rem; top: .12rem; }
.scene71 .area3 .iReProBox { right: -.24rem; bottom: -.24rem; }
.scene71 .area4 .iReProBox { right: -.24rem; bottom: -.24rem; }
.scene71 .area5 .iReProBox { left: .12rem; bottom: -.24rem; }

.scene72 .area1 { left: 36.82%; top: 29.78%;}
.scene72 .area2 { left: 26.82%; top: 48%;}
.scene72 .area3 { left: 59.89%; top: 70.21%;}
.scene72 .area4 { left: 79.849%; top: 46.8%;}
.scene72 .area5 { left: 39.58%; top: 67.76%;}
.scene72 .area1 .iReProBox { left: .12rem; top: .12rem; }
.scene72 .area2 .iReProBox { left: .12rem; top: .12rem; }
.scene72 .area3 .iReProBox { right: -.24rem; bottom: -.24rem; }
.scene72 .area4 .iReProBox { right: -.24rem; top: .12rem; }
.scene72 .area5 .iReProBox { left: .12rem; bottom: -.24rem; }


@keyframes warn {
    0% {
        transform: scale(0); opacity: 1;
    }
    100% {
        transform: scale(1); opacity: 0;
    }
}
/**/
.iProCenter {}
.iProCenter .container { margin:0 1rem; padding-top: 1.1rem; }
.iProCenter .tit { display: flex; align-items: center; justify-content: space-between; padding-bottom: .8rem;}
.iProCenter .tit .text { font-size: .48rem; line-height: .78rem; font-weight: bold; }
.iProCenter .tit .link { font-size: .22rem; line-height: .224rem; font-weight: bold; }
.iProCenter .tit .link a { color: #6eb92c; }
.iProBox { padding-bottom: .28rem;}
.iProBox .container { position: relative;  margin-left: 1rem; display: flex; align-items: center; justify-content: space-between;}
.iProBox .nav { font-size: .18rem; color: #666; padding-left: .48rem; min-width: 4.12rem; padding-bottom: .6rem }
.iProBox .nav p { display: flex; align-items: center; padding-top: .2rem; padding-bottom: .2rem; cursor: pointer; font-weight: bold; }
.iProBox .nav p.cur { color: #000; font-size: .24rem; }
.iProBox .nav p.cur:before{ content: ''; display: block; width: 8px; height: 24px; border-radius: 3px; margin-right: .4rem; background-color: #74bc35;}
.iProBox .list { position: relative; width: calc( 100% - 4.6rem ); overflow: hidden;}
.iProBox .list .listBox { position: relative; overflow: hidden;}

.swiper_iPro { min-height: 4.5rem; display: none }
.swiper_iPro ul { display: flex }
.swiper_iPro ul li{float:left;}
.swiper_iPro .slide_box { width: 3.6rem; padding: 0.4rem .2rem; margin-right: .8rem; background: #fff; border-radius: .24rem; }
.swiper_iPro .slide_box .img img{ display: block; max-width: 100%;  }
.swiper_iPro .slide_box .name { font-size: .16rem; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 20px; }
.swiper_iPro .slide_box .subname { font-size: .16rem; text-align: center; color: #333;  }
.iProNavigation { position: absolute; z-index: 2; left: .48rem; bottom: 0; display: flex; }
.iProNavigation .swiperBut { margin-right: .24rem; }


.swiper_iPro2 { min-height: 6rem;}
.iProBox2 { padding-top: 1rem; padding-bottom: 1rem;}
.iProBox2 .container { margin:0 1rem; padding: .4rem;  background-color: #fff; overflow: hidden; border-radius: .48rem; position: relative; }
.iProBox2 .slide_box { display: flex; align-items: center; }
.iProBox2 .img { width: 8.4rem; height: 5.7rem }
.iProBox2 .img img { display: block; max-width: 100%; height: 100%; object-fit: cover; margin: auto; }
.iProBox2 .info { display: block; margin-left: 2rem; }
.iProBox2 .info .subname, .iProBox2 .info .name { font-size: .4rem; color: #000; font-weight: bold;}
.iProBox2 .info .desc { font-size: .16rem; color: #666; padding-top: .3rem;}
.iProBox2 .info .more { font-size: .22rem; padding-top: .66rem; }
.iProBox2 .info .more a{ color: #74bc35; font-weight: bold; display: flex; align-items: center;}
.iProBox2 .info .more a i{ font-size: .24rem; margin-left: 10px;}
.iProBox2 .swiperBut { position: absolute; z-index: 22; top: 50%; opacity: 0; }
.iProBox2 .iProPrev2 { left: .3rem; }
.iProBox2 .iProNext2 { right: .3rem; }
.iProBox2 .container:hover .swiperBut { opacity: 1;}

.iSolution { padding-top: .2rem; padding-bottom: 1.2rem;}
.iSolution .container { margin-left: 1rem; margin-right: 1rem;}
.iSolution .title { font-size: .48rem; font-weight: bold; text-align: center; line-height: 1; padding-bottom: .6rem;}
.iSolution .list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.iSolution .item { display: flex; position: relative; border-radius: .2rem; overflow: hidden; }
.iSolution .item img { display: block; width: 100%; transition: all .6s;}
.iSolution .inner { display: flex; align-items: center; justify-content: space-between;
    position: absolute; z-index: 2; left: .5rem; right: .5rem; bottom: .8rem; }
.iSolution .name { font-size: .24rem; font-weight: bold; color: #fff; transition: all .5s;}
.iSolution .icon { display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .5s;
    width: .48rem; height: .48rem; box-sizing: border-box; border: 1px solid #fff; border-radius: 50%;}
.iSolution .icon i { color: #fff;}
.iSolution .first_item { width: 100%;}
.iSolution .left { width: calc( 100% - 9.6rem ); }
.iSolution .right { width: 9.4rem; }
.iSolution .right { display: flex; flex-wrap: wrap; justify-content: space-between; }
.iSolution .right .item:nth-child(1) { width: 4.6rem;}
.iSolution .right .item:nth-child(2) { width: 4.6rem;}
.iSolution .right .item:nth-child(3) { width: 100%; margin-top: .2rem;}
.iSolution .item:hover img { transform: scale(1.1)}
.iSolution .item:hover .name { text-decoration: underline;}
.iSolution .item:hover .icon { opacity: 1;}
/**/
.iabout { padding-top: .8rem; padding-bottom: .8rem; border-top: 1px solid #f2f2f2;}
.iabout .desc{ padding-bottom: .6rem; font-size: .4rem; font-weight: bold; text-align: center;}
.iabout .more{ margin: auto; display: flex; align-items: center; justify-content: center; width: 2.4rem; height: .58rem;
    border-radius: .3rem; background: #74bc35; color: #fff; font-size: .2rem; font-weight: bold;}
.iabout .more i { margin-left: 10px;}

/*产品页*/
.ban { height: 6rem; }
.proBan { display: flex; align-items: center; }
.proBan .container { color: #fff; margin: 0 2rem;  padding-bottom: 1.4rem;}
.proBan .name { font-size: .4rem; font-weight: bold; padding-bottom: .2rem; }
.proBan .desc { font-size: .16rem; }
.proListWrap { padding-top: .7rem; padding-bottom: .6rem;}
.proListWrap .container{ margin: 0 1rem; display: flex; justify-content: space-between;}
.proListWrap .left { min-width: 260px; border-top: 1px solid #e5e5e5;}
.sidebarNav { border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
.sidebarNav .o_nav { padding: 10px 0; line-height: 1; font-size: .18rem; font-weight: bold; display: flex; align-items: center; justify-content: space-between;}
.sidebarNav .o_nav i { cursor: pointer;}
.sidebarNav .t_nav { display: none; }
.sidebarNav .t_nav_item { font-size: .16rem; color: #666; line-height: 1; padding-top: .14rem; padding-bottom: .1rem; }
.sidebarNav .t_nav_item a { transition: all .5s; }
.sidebarNav .t_nav_item a:hover, .t_nav_item.cur a { color: #6eb92c; }

.proListWrap .right { width: calc( 100% - 3.4rem);}
.proNavTitle { font-size: .24rem; font-weight: bold; padding-left: .4rem; padding-bottom: .3rem;}
.proListBox { display: flex; flex-wrap: wrap; }
.proCard { width: 33.33%; padding-left: .4rem; padding-bottom: .6rem; box-sizing: border-box; }
.proCardContent { padding: .2rem; background: #fff; border-radius: .16rem; transition: all .5s;}
.proCardContent .cardImg img{ width: 100%;}
.proCardContent .cardBody { padding: .2rem .2rem .14rem .2rem;}
.proCardContent .cardTitle { font-size: .18rem; padding-bottom: 8px; font-weight: bold; transition: all .5s;}
.proCardContent .cardSubTitle { font-size: .14rem; color: #666; padding-bottom: 14px;}
.proCardContent .more { opacity: 0; margin-top: 5px; font-size: .16rem; font-weight: bold;transition: all .5s;}
.proCardContent .more a {transition: all .5s;}
.proCardContent:hover { box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1); }
.proCardContent:hover .more { margin-top: 0; opacity: 1; }
.proCardContent:hover .more a, .proCardContent:hover .cardTitle { color: #74bc35 }

/*产品详情*/
.proDetails { padding-top: .6rem; }
.proDetails .container { margin: 0 1rem; display: flex; justify-content: space-between;}
.proDetails .left { width: 8.6rem; position: relative; display: flex; justify-content: flex-end; }
.proDetails .right { width: 6.6rem; }
.swiperDetWrap { width: 7rem; border-radius: .2rem; overflow: hidden; margin-left: auto; position: relative; }
.swiperDet { width: 100%; }
.swiperDet .swiper-slide { height: 7rem; display: flex; align-items: center; justify-content: center; }
.swiperDet .swiper-slide img { display: block; max-width: 100%; }
.swiperDetWrap .swiperBut { position: absolute; top: 50%; margin-top: -.24rem; z-index: 2; opacity: 0 }
.swiperDetWrap .dteButPrev { left: 10px; }
.swiperDetWrap .dteButNext { right: 10px; }
.swiperDet:hover .swiperBut {opacity: 1;}

.proThumbnail { width: 100px; height: 560px; position: absolute; top: 0; left: 0; z-index: 2; }
.swiperThumbnail { width: 100%; height: 100%; }
.swiperThumbnail .swiper-slide{ width: 100%; height: 100px!important; cursor: pointer; }
.swiperThumbnail .img { display: flex; align-items: center; height: 100px; border-radius: 8px; overflow: hidden; border: 1px solid #f2f2f2; box-sizing: border-box;}
.swiperThumbnail .img img{ display: block; width: 100%;}
.swiperThumbnail .swiper-slide-thumb-active .img{ border: 1px solid #6eb92c; }
.proDetails .proName {font-size: .32rem; font-weight: bold;}
.proDetails .proSubName {font-size: .32rem; font-weight: bold; line-height: .4rem; width: 4.4rem;}
.proDetails .parameter {font-size: .16rem; line-height: .44rem; padding-top: .3rem; padding-bottom: .4rem;}
.proDetails .contact { font-size: .2rem; font-weight: bold; width: 1.8rem; height: .48rem; border: 1px solid #6eb92c; border-radius: .24rem; overflow: hidden; }
.proDetails .contact a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color:#6eb92c; }

.proParamBox { border-top: 1px solid #e5e5e5; margin-top: .45rem; }
.proParam { border-bottom: 1px solid #e5e5e5; }
.proParam ._tit { cursor: pointer; padding: 10px 0; font-size: .16rem; display: flex; align-items: center; justify-content: space-between; }
.proParam ._inner { display: none; font-size: .16rem; color: #666; line-height: .32rem; padding-bottom: 10px;}
.proParam ._inner a {color: #6eb92c; text-decoration: underline }

.usingScene { padding-top: .5rem; }
.usingScene .container { margin-left: 1rem;}
.usingScene .tit { font-size: .5rem; font-weight: bold; padding-bottom: .6rem; }
.swiperUsingScene { overflow: hidden; border-radius: .24rem; }
.usingSceneItem { position: relative; border-radius: .24rem; overflow: hidden;}
.usingSceneItem .inner { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; color: #fff; padding: .2rem .38rem;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); transition: all .5s;
}
.usingSceneItem .name { font-size: .2rem; font-weight: bold; line-height: .6rem; }
.usingSceneItem .desc { display: none; font-size: .14rem; line-height: .23rem; padding-bottom: .1rem; }
.usingSceneItem .img{ overflow: hidden; }
.usingSceneItem .img img{ display: block; width: 100%; transition: all .6s;}
.usingSceneItem:hover .inner { background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); }
.usingSceneItem:hover img { transform: scale(1.1)}
.usingPagination { display: flex; padding-top: .45rem; padding-bottom: .7rem; }
.usingPagination span { width: 24px; height: 24px; background-color: #f8f8f8; color: #000; font-size: 12px; transition: all .5s;
    opacity: 1; display: flex; align-items: center; justify-content: center; }
.usingPagination span.swiper-pagination-bullet-active { background-color: #6eb92c; color: #fff;}

.relatedPro { padding-top: .5rem; padding-bottom: 1rem; }
.relatedPro .container { margin: 0 1rem; }
.relatedPro .title { line-height: 1; padding-bottom: .4rem; font-size: .5rem; font-weight: bold; display: flex; align-items: center; justify-content: space-between; }
.relatedPro .title a { display: flex; align-items: center; font-size: .22rem; font-weight: bold; color: #6eb92c; }
.relatedPro .title a i { margin-left: 10px; }
.relatedProBox {position: relative;}
.relatedProBox .swiper-slide { padding: 10px; box-sizing: border-box; }
.relatedProBox .relatedProPrev {position: absolute; left: -.18rem; top: 50%; margin-top: -.24rem; z-index: 2;}
.relatedProBox .relatedProNext {position: absolute; right: -.18rem; top: 50%; margin-top: -.24rem; z-index: 2;}
.relatedProBox .swiperBut { opacity: 0;}
.relatedProBox:hover .swiperBut { opacity: 1;}

/*产品专题*/
.proBanSub {display: flex; align-items: center;}
.proBanSub .container { color: #fff; margin: 0 2rem; width: 100%;  padding-bottom: 1.4rem;}
.proBanSub .desc { font-size: .4rem; font-weight: bold; text-align: center; }

.curNavBox { height: 70px;  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05); }
.curNavBox .container { margin: 0 1rem; height: 100%; display: flex; align-items: center; }
.curNavBox .curNavLink { margin-right: .45rem; font-size: .16rem; font-weight: bold; color: #999; transition: all .5s; }
.curNavBox .curNavLink.active, .curNavBox .curNavLink:hover { text-decoration: underline; color: #6eb92c;}
.curNavBox .position { width: 100%; font-size: .14rem; display: flex; align-items: center; justify-content: space-between;}
.curNavBox .position a { font-size: .14rem;}
.curNavBox .position .returnList a { font-size: .22rem; font-weight: bold; color: #6eb92c; display: flex; align-items: center;}
.curNavBox .position .returnList i {margin-right: 10px; font-size: .24rem; }

.proIntroduce { text-align: center; padding-top: .8rem; padding-bottom: .9rem;}
.proIntroduce .tit { font-size: .4rem; font-weight: bold; padding-bottom: .3rem; }
.proIntroduce .desc { font-size: .16rem; line-height: .28rem;}

.proChoose { padding-top: .75rem; padding-bottom: .4rem;}
.proChoose .container { margin: 0 1rem;}
.proChoose .tit {font-size: .48rem; font-weight: bold; line-height: .78rem; padding-bottom: .6rem;  text-align: center;}
.proChoose .list { display: flex; justify-content: space-between;}
.proChoose .list .item { width: calc( 50% - .3rem ); }
.proChoose .list .img { width: 100%; border-radius: .24rem; overflow: hidden; }
.proChoose .list .img img { width: 100%; }
.proChoose .list .info { padding-top: .4rem; }
.proChoose .list .name { font-size: .24rem; font-weight: bold; padding-bottom: 10px; }
.proChoose .list .desc { font-size: .16rem; color: #666; line-height: .26rem; }

.proScene { padding-top: .75rem; padding-bottom: .9rem; }
.proScene .container { margin: 0 1rem;}
.proScene .tit {font-size: .48rem; font-weight: bold; line-height: .78rem; padding-bottom: .6rem;  text-align: center;}
.proScene .sceneBox { display: flex; justify-content: space-between; }
.proScene .sceneBox .left { width: 7.6rem;}
.proScene .sceneBox .right { width: 6.6rem; margin-right: .7rem; padding-top: .3rem; position: relative; }
.swiper_scene { border-radius: .48rem; overflow: hidden; }
.swiper_scene .slide_box { border-radius: .48rem; overflow: hidden; }
.swiper_scene .slide_box img { width: 100%;}
.sceneBox .slide_text { text-align: left;}
.sceneBox .slide_text .name { cursor: pointer; font-size: .32rem; color: #999; font-weight: bold; margin-bottom: 10px; transition: all .5s; white-space: nowrap; }
.sceneBox .slide_text .desc { display: none; font-size: .16rem; color: #666; line-height: .28rem; padding-bottom: .25rem; }
.sceneBox .slide_text.cur .name { color: #000; display: flex; align-items: center; }
.sceneBox .slide_text.cur .name:before{ content: ''; display: block; width: 6px; height: 24px; border-radius: 3px; margin-right: .4rem; background-color: #74bc35;}

.sceneButBox { position: absolute; left: 0; bottom: .4rem; right: 0; display: flex;}
.sceneButBox .swiperBut { margin-right: .24rem; }


.proFeatured { padding: .9rem 0;}
.proFeatured .container {margin: 0 1rem;}
.proFeatured .title { font-size: .48rem; font-weight: bold; text-align: center;}
.proFeatured .subTit { display: flex; align-items: center; justify-content: space-between; font-size: .2rem; font-weight: bold; }
.proFeatured .subTit a { display: flex; align-items: center; font-size: .22rem; font-weight: bold; color: #6eb92c; }
.proFeatured .subTit a i { margin-left: 10px; }

.featuredProBox { margin-left: 1rem; padding-top: .5rem; padding-bottom: .4rem; }
.swiper_featured .swiper-slide { padding: 12px 0;}
.featuredNavigation { position: relative; height: 48px; display: flex; align-items: center; }
.featuredPagination { width: 100%; display: flex; justify-content: center;}
.featuredPagination span { background: #c9c9c9!important; opacity: 1!important; border-radius: 4px; transition: all .5s;}
.featuredPagination span.swiper-pagination-bullet-active { background: #6eb92c!important; width: 24px;}
.featuredNavigation .swiperBut { position: absolute; z-index: 2; top: 0;}
.featuredNavigation .featuredButPrev { left: 0;}
.featuredNavigation .featuredButNext { right: 0;}

.switchColumns { display: flex;}
.switchColumns .item { width: 50%; position: relative;}
.switchColumns .item img { display: block; width: 100%;}
.switchColumns .item a { font-size: .22rem; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center;
    position: absolute; left: 0; top:0; right: 0; bottom: 0; transition: all .5s;}
.switchColumns .item a:hover{ color: #74bc35;}
.switchColumns .item i{ font-size: .24rem;}
.switchColumns .item:nth-child(1) i { margin-right: 5px; }
.switchColumns .item:nth-child(1) i:before { content: "\e65d"; }
.switchColumns .item:nth-child(2) a { flex-direction: row-reverse }
.switchColumns .item:nth-child(2) i { margin-left: 5px;}
.switchColumns .item:nth-child(2) i:before { content: "\e65e"; }

.proAdvantage {}
.proAdvantage { padding-top: .9rem; padding-bottom: .9rem;}
.proAdvantage .container { margin: 0 2rem;}
.proAdvantage .list { display: flex; justify-content: space-between;}
.proAdvantage .list .item { width: 3rem; }
.proAdvantage .list .img { width: 100%; }
.proAdvantage .list .img img { display:block; max-width: 100%; margin: auto; }
.proAdvantage .list .info { padding-top: .4rem; text-align: center; }
.proAdvantage .list .name { font-size: .24rem; font-weight: bold; padding-bottom: 10px; }
.proAdvantage .list .desc { font-size: .16rem; color: #666; line-height: .26rem; }

.proSupply { padding-top: .75rem; padding-bottom: .4rem;}
.proSupply .container { margin: 0 2rem;}
.proSupply .tit {font-size: .48rem; font-weight: bold; line-height: .78rem; padding-bottom: .6rem;  text-align: center;}
.proSupply .list { display: flex; justify-content: space-between;}
.proSupply .list .item { width: calc( (100% - 1rem) / 3 ); border-radius: .24rem; overflow: hidden; }
.proSupply .list .img { width: 100%; }
.proSupply .list .img img { width: 100%; }
.proSupply .list .info { background-color: #fff; padding: .35rem .3rem; }
.proSupply .list .name { font-size: .2rem; font-weight: bold; white-space: nowrap;}
/*about*/
.whoAreWe { text-align: center; padding-top: 1.2rem;}
.whoAreWe .title{ font-size: .48rem; font-weight: bold; padding-bottom: .3rem; }
.whoAreWe .content {  font-size: .16rem; line-height: .32rem; color: #666;}

.ourAdvantage { padding-top: 1rem;}
.ourAdvantage .container { margin: 0 2rem;}
.ourAdvantage .title { font-size: .48rem; font-weight: bold; text-align: center; padding-bottom: .5rem; }
.ourAdvantage .list { display: flex; flex-wrap: wrap; }
.ourAdvantage .itemBox { width: 50%; box-sizing: border-box; padding: 0 .24rem; margin-bottom: .48rem; }
.ourAdvantage .item { display: flex; padding: .4rem .6rem; border-radius: .24rem; transition: all .5s; }
.ourAdvantage .item i { color: #6eb92c; font-size: .48rem; }
.ourAdvantage .inner { margin-left: .45rem; }
.ourAdvantage .inner .name { font-size: .24rem; font-weight: bold; line-height: 1; padding-bottom: .2rem; }
.ourAdvantage .inner .desc { font-size: .16rem; line-height: .3rem; max-width: 4.5rem; color: #666; padding-bottom: .1rem; }
.ourAdvantage .itemBox:nth-child(1) i:before {content: "\e60b";}
.ourAdvantage .itemBox:nth-child(2) i {font-size: .37rem;}
.ourAdvantage .itemBox:nth-child(2) i:before {content: "\e611";}
.ourAdvantage .itemBox:nth-child(3) i:before {content: "\e622";}
.ourAdvantage .itemBox:nth-child(4) i:before {content: "\e63b";}
.ourAdvantage .item:hover{ box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1); }

.weCanDo { padding-top: .7rem;}
.weCanDo .container { margin: 0 1rem; }
.weCanDo .title { font-size: .48rem; font-weight: bold; text-align: center; padding-bottom: .5rem; }
.weCanDo .list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.weCanDo .item { width: calc( 50% - 25px ); }
.weCanDo .item .img { border-radius: .24rem; }
.weCanDo .item img { display: block; width: 100%; }
.weCanDo .inner { padding-bottom: .5rem; padding-top: .3rem; display: flex; }
.weCanDo .inner .info { margin-left: .3rem;}
.weCanDo .inner span, .weCanDo .inner .name { font-size: .24rem; font-weight: bold; line-height: 1; padding-bottom: 10px; }
.weCanDo .inner .desc { font-size: .16rem; line-height: 1; color: #666; }

.globalLayout { padding-top: .7rem; padding-bottom: 1.6rem; }
.globalLayout .container { margin: 0 1rem; }
.globalLayout .title { font-size: .48rem; font-weight: bold; text-align: center; padding-bottom: .4rem;  }
.globalLayout .mapLayout { position: relative; }
.globalLayout .subTit { padding-left: 1rem; }
.globalLayout .subName { line-height: 1; font-size: .32rem; font-weight: bold; padding-bottom: .34rem; }
.globalLayout .desc { line-height: .32rem; font-size: .16rem; }
.globalLayout .mapBox { margin-top: .38rem; margin-right: 5rem; }
.globalLayout .mapBox img { display: block; max-width: 100%; }

.mapBox { position: relative;}
.mapArea { position: absolute; cursor: pointer }
.mapArea .dot { position: absolute; z-index: 2; top: 2px; left: 2px; width: .16rem; height: .16rem; border-radius: 50%; background-color: #6eb92c;}
.mapArea .pulse {
    position: absolute; top: -.08rem; left: -.08rem; width: .32rem; height: .32rem; border-radius: 50%;
    border: 2px solid #6eb92c; box-shadow: 0 0 12px #6eb92c, 0 0 20px #6eb92c inset; opacity: .6;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.mapArea .pulse2 {
    position: absolute; top: -.16rem; left: -.16rem; width: .48rem; height: .48rem; border-radius: 50%;
    border: 2px solid #6eb92c; box-shadow: 0 0 12px #6eb92c, 0 0 20px #6eb92c inset; opacity: .6;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.mapArea .delay-10 { animation-delay: -1.2s; }
.mapArea .delay-09 { animation-delay: -.6s; }
.mapArea .dotName { display: none; font-size: .16rem; font-weight: bold; position: absolute; z-index: 22; left: 20px; top: -50px; white-space: nowrap;}
.mapArea .dotName:before { content: ''; display: block; width: 100%; height: 1px; background-color: #9c9c9c; position: absolute; bottom: -5px;}
.mapArea .dotName:after { content: ''; display: block; width: 1px; height: 20px; background-color: #9c9c9c; position: absolute; left: -4px; bottom: -24px; transform: rotate(20deg)}

.mapDot165 { top: 1.9rem; left: .88rem;}
.mapDot166 { bottom: 1.85rem; left: 1.27rem;}
.mapDot167 { bottom: 4rem; left: 2.1rem;}
.mapDot168 { top: 1.2rem; left: 2.45rem;}
.mapDot169 { top: 1.8rem; left: 3.85rem;}
.mapDot170 { bottom: 2.8rem; left: 4.45rem;}
.mapDot171 { bottom: 1.8rem; left: 5.4rem;}
.mapDot172 { top: 1.08rem; left: 4.77rem;}
.mapDot173 { top: 3rem; left: 4.7rem;}
.mapDot174 { top: 3.4rem; right: 2.9rem;}
.mapDot175 { bottom: 2.2rem; right: 1.2rem;}
.mapDot173 .dotName{display: block;}

.mapContact { position: absolute; top: 0; right: 0; border-radius: .24rem; overflow: hidden; z-index: 33; width: 5.6rem; height: 6.4rem; background-color: #fff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1);}
.mapContact img {display: block; width: 100%;}
.mapContact .info { padding: .4rem .4rem 0}
.mapContact .info .name { font-size: .2rem; font-weight: bold; line-height: 1; padding-bottom: .12rem;}
.mapContact .info .item { display: flex;  font-size: 14px; color: #333; line-height: .24rem; padding-top: .12rem;}
.mapContact .info .item span { margin-right: 5px; font-size: 16px; color: #999;}

.goContact { position: relative;}
.goContact img { display: block; width: 100%; }
.goContact .container { position: absolute; z-index: 22; left: 3.5rem; right: 3.5rem; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.goContact .desc { font-size: .32rem; color: #fff; font-weight: bold; line-height: .52rem; }
.goContact a { display: flex; width: 2rem; height: .6rem; border-radius: .3rem; font-size: .16rem; font-weight: bold;
    align-items: center; justify-content: center; color: #fff; background-color:#6eb92c;  }
.goContact a i { margin-left: 8px;}
/*contact*/
.contact_wrap { padding-top: 1.15rem; padding-bottom: 2rem;}
.contact_wrap .container{ margin: 0 3rem; display: flex; justify-content: space-between; }
.contact_wrap .left { width: 4.34rem; display: flex; flex-direction: column; }
.contact_wrap .left .title {font-size: .32rem; font-weight: bold; line-height: .44rem;}
.contact_wrap .left .content {font-size: .16rem; color: #666; line-height: .32rem; padding-top: .3rem; padding-bottom: .4rem;}
.contact_wrap .left a {font-size: .16rem; color: #6eb92c; display: flex; align-items: center;}
.contact_wrap .left a i{margin-left: 8px;}
.contact_wrap .left .map { border-radius: 8px; overflow: hidden; margin-top: auto; }
.contact_wrap .left .map img { display: block; width: 100%; }
.contact_wrap .right { width: 7.6rem; }
.contact_wrap .right .title {font-size: .24rem; font-weight: bold; line-height: .36rem;}
.contact_wrap .right .content {font-size: .16rem; color: #666; line-height: .28rem; padding-top: .2rem; padding-bottom: .4rem;}
.contact_wrap .right .feedback { border-radius: 8px; overflow: hidden; position: relative; }
.contact_wrap .right .feedback img { display: block; width: 100%; }
.formBox { position: absolute; left: 0; right: 0; top: 0; padding: .9rem .9rem 0; }
.formBox .formItem { margin-bottom: .3rem; display: flex; }
.formBox .form_input{ height: .49rem; width: 100%; box-sizing: border-box; padding: 0 .24rem; border: 1px solid #f2f2f2; border-radius: 8px; }
.formBox .form_textarea{ height: 2rem ; width: 100%; font-family: Arial; box-sizing: border-box; padding: .15rem .24rem; border: 1px solid #f2f2f2; border-radius: 8px; }
.formBox .submitBtn{ background-color: #6eb92c; width: 100%; color: #fff; height: .49rem; display: block; font-size: .2rem; font-weight: bold; cursor: pointer; border: none; border-radius: 8px; }

.formBox .form_input:focus { outline: none; border: 1px solid #6eb92c; }
.formBox .form_textarea:focus { outline: none; border: 1px solid #6eb92c; }
/**/
.techWrap { padding-top: 1.2rem;}
.techWrap .container { margin: 0 1rem; }
.tabs {}
.tabs .tabsBut { display: flex; align-items: center;}
.tabs .tabsBut span { display: block; position: relative; transition: all .6s; text-align: center; width: 50%; padding-bottom: 20px; font-size: .16rem; font-weight: bold; border-bottom: 1px solid #c9c9c9;}
.tabs .tabsBut span:after { content: ''; width: 0; height: 2px; background-color: #6eb92c; position: absolute;
    bottom: -1px; left: 50%; transform: translate(-50%, 0); transition: all .6s; }
.tabs .tabsBut span.cur { color: #6eb92c; }
.tabs .tabsBut span.cur:after { width: 100%; }
.tabs .tabsBody { padding-top: 1.2rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1.1rem; }
.tabsBodyItem { display: none; }
.tabsBodyItem .title { font-size: .5rem; font-weight: bold; line-height: 1; text-align: center; padding-bottom: .3rem;}
.tabsBodyItem .def { font-size: .16rem;  line-height: .3rem; text-align: center; color: #666; padding-bottom: .2rem;}
.tabsBodyItem .list { display: flex; justify-content: space-between; padding-top: .2rem; }
.tabsBodyItem .list .name { font-size: .2rem; font-weight: bold; }
.tabsBodyItem .terms { display: none;}

.tabsBodyItem .list30 .item { width: calc( (100% - 72px) / 4 ); padding-top: .8rem; padding-bottom: .76rem; border-radius: .2rem;
    overflow: hidden; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); transition: all .5s;}
.tabsBodyItem .list30 .item .ico { text-align: center; font-size: .5rem; color: #6eb92c; padding-bottom: .4rem;  }
.tabsBodyItem .list30 .item .ico i { font-size: .5rem; }
.tabsBodyItem .list30 .item:nth-child(1) i:before { content: "\e621"; }
.tabsBodyItem .list30 .item:nth-child(2) i:before { content: "\e72c"; }
.tabsBodyItem .list30 .item:nth-child(3) i:before { content: "\e600"; }
.tabsBodyItem .list30 .item:nth-child(4) i:before { content: "\e612"; }
.tabsBodyItem .list30 .name { text-align: center; line-height: 1; padding-bottom: .22rem; }
.tabsBodyItem .list30 .content { text-align: center; font-size: .16rem; line-height: .3rem; color: #666; }
.tabsBodyItem .list30 .item:hover { box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);  }
.tabsBodyItem30 .terms {display: block; text-align: center; color:#6eb92c; font-size: .16rem; padding-top: .5rem; padding-bottom: .15rem; }
.tabsBodyItem .list31 .name { line-height: 1; padding-bottom: .26rem; display: flex; align-items: center; }
.tabsBodyItem .list31 .name:before { content: ''; display: block; width: 8px; height: 20px; border-radius: 4px; background-color: #6eb92c; margin-right: 16px; }
.tabsBodyItem .list31 .content { font-size: .14rem; line-height: .25rem; color: #666; }
.tabsBodyItem .list31 .content p { display: flex; align-items: center; }
.tabsBodyItem .list31 .content p:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 4px; background-color: #6eb92c; margin-right: 16px; }

.online { padding-bottom: 1.6rem;}
.online .container { margin: 0 1rem; display: flex; align-items: center; background-color: #6eb92c; border-radius: .2rem; overflow: hidden; }
.online .container .img { width: 50%; display: block;}
.online .container img { width: 100%; display: block;}
.online .container .info { padding-left: 1rem; color: #fff; }
.online .container .tit { font-size: .32rem; line-height: 1; font-weight: bold; padding-bottom: .38rem;}
.online .container .desc { font-size: .16rem; line-height: .32rem; color: #f4f4f4; padding-bottom: .5rem;}
.online .container a { display: flex; align-items: center; justify-content: center; width: 2.2rem; height: .48rem; border-radius: .24rem; background-color: #fff;
    color: #6eb92c; font-size: .2rem; font-weight: bold;}
.online .container a i { margin-left: .15rem;}
/*videoList*/
.videoList { padding-top: 1.2rem; padding-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.videoList .item { width: calc( (100% - 1.2rem) / 2 ); padding-bottom: .24rem;}
.videoList .item .img { width: 100%; position: relative; border-radius: .48rem; }
.videoList .item .icon {
    position: absolute; left: 50%; top: 50%; z-index: 22; transform: translate(-50%, -50%); color: #6eb92c;
    width: 0.64rem; height: 0.64rem; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center;
}
.videoList .item img { width: 100%; display: block; }
.videoList .item .tit { font-size: .24rem; font-weight: bold; line-height: .32rem; padding: .34rem .4rem; transition: all .5s; }
.videoList .item:hover .tit { color: #6eb92c;}

/*Solution*/
.proBan45 .name,.proBan45 .desc { color: #000!important;}
.solutionWrap { padding-top: .8rem; padding-bottom: .96rem;}
.solutionWrap .container { margin-left: 1rem; margin-right: 1rem; }
.solutionWrap .def1 { font-size: .24rem; font-weight: bold; line-height: .4rem;}
.solutionWrap .def2 { font-size: .16rem; color: #666; line-height: .26rem; padding-top: .3rem; }
.solutionWrap .title { font-size: .32rem; font-weight: bold; line-height: 1; padding-top: .96rem; padding-bottom: .45rem; }
.solutionTabs { display: flex; align-items: center; flex-wrap: wrap;}
.solutionTabs span{font-size: .16rem; color: #999; transition: all .5s;cursor: pointer;}
.solutionTabs span + span{margin-left: .4rem;}
.solutionTabs span.cur { color: #000;}
.solutionTabsBody { padding-top: .45rem;}
.solutionTabsBody .tabsBodyItem { display: none;}
.solutionTabsBody .item { display: flex; align-items: center;}
.solutionTabsBody .img { max-width: 8.6rem; border-radius: .2rem; }
.solutionTabsBody .img img {display: block; width: 100%; }
.solutionTabsBody .inner { max-width: 6.4rem; margin-left: 1rem; }
.solutionTabsBody .name { font-size: .32rem; font-weight: bold; line-height: 1; padding-bottom: .34rem;}
.solutionTabsBody .desc { font-size: .16rem; color:#666; line-height: .28rem; padding-bottom: 1.3rem;}
.solutionTabsBody .details { font-size: .22rem; font-weight: bold; color:#6eb92c; display: flex; align-items: center; }
.solutionTabsBody .details i { margin-left: 8px; }
.solutionRelatedPro { padding-top: .95rem;}
.solutionRelatedPro .swiperBut { opacity: 0;}
.solutionRelatedPro .container:hover .swiperBut { opacity: 1;}


.solutionWrap38 .title { text-align: center;}
.solutionWrap38 .solutionTabs { justify-content: center; }

.goContact2 { position: relative;}
.goContact2 img { display: block; width: 100%; }
.goContact2 .container { position: absolute; z-index: 22; left: 3.5rem; right: 3.5rem; height: 100%;
    display: flex; flex-direction: column; justify-content: center; }
.goContact2 .desc { font-size: .32rem; color: #000; font-weight: bold; line-height: .52rem; }
.goContact2 a { display: flex; width: 2rem; height: .6rem; border-radius: .3rem; font-size: .16rem; font-weight: bold; margin-top: .3rem;
    align-items: center; justify-content: center; color: #fff; background-color:#6eb92c;  }
.goContact2 a i { margin-left: 8px;}

/**/
.methods { padding-top: 1.2rem;}
.methods .container { margin: 0 3rem;}
.methods .title { font-size: .48rem; font-weight: bold; color: #181818; line-height: 1;}
.methods .desc { display: flex; align-items: center; justify-content: space-between; }
.methods .def { font-size: .16rem; color: #666; padding-top: .4rem; line-height: .28rem; }
.methods .tabs { display: flex;}
.methods .tabs .item { text-align: center; cursor: pointer;}
.methods .tabs .item + .item { margin-left: .5rem}
.methods .tabs .item:nth-child(1) i:before { content: '\e900'}
.methods .tabs .item:nth-child(2) i:before { content: '\e901'}
.methods .tabs .item:nth-child(3) i:before { content: '\e902'}
.methods .tabs .Charging-method { display: block; font-size: .48rem; color: #999; transition: all .5s;}
.methods .tabs p { padding-top: 10px; font-size: .16rem; color: #999; transition: all .5s;}
.methods .tabs .cur p, .methods .tabs .cur i { color: #000; }
.methods .tabsBody { padding-top: .55rem;}
.methods .tabsBody .img { display: none; border-radius: .48rem; overflow: hidden;}
.methods .tabsBody img {display: block; width: 100%;}

.commonly { height: 8.7rem; background-size:cover; background-repeat:no-repeat }
.commonly .container { margin: 0 3rem; padding-top: 1.2rem; }
.commonly .def1 { font-size: .2rem; font-weight: bold; line-height: 1; padding-bottom: .18rem; }
.commonly .def2 { font-size: .48rem; font-weight: bold; line-height: 1; }
.commonly .tabsBox { display: inline-block;}
.commonly .tabs  { padding-top: .6rem; line-height: 1; display: flex;  border-bottom: 1px solid #c5c5c5;  }
.commonly .tabs .item + .item { padding-left: .45rem; }
.commonly .tabs span { cursor: pointer; display: block; font-size: .16rem; color: #999; padding-bottom: .22rem; position: relative; }
.commonly .tabs span + span { margin-left: .45rem; }
.commonly .tabs span.cur { color: #181818;}
.commonly .tabs span.cur:after { content: ''; display: block; width: 100%; height: 1px; background-color: #181818; position: absolute; z-index: 2; left: 0; bottom: -1px;}
.commonly .itemWrap { display: none; }
.commonly .itemBox { display: flex; flex-wrap: wrap; }
.commonly .itemBox .item { text-align: center; width: 25%; padding-top: .6rem; }
.commonly .itemBox .item img { display: block; max-width: 100%; margin: auto; }
.commonly .itemBox .item .desc { font-size: .16rem; color: #181818; padding-top: .2rem; }

.systemScene { padding-top: 1.2rem; padding-bottom: 1.2rem;}
.systemScene .container{ margin-left: 3rem; margin-right: 3rem;}
.systemScene .title { font-size: .48rem; font-weight: bold; text-align: center; line-height: .8rem; padding-bottom: 1.2rem;}
.systemScene .subname { font-size: .24rem; font-weight: bold; text-align: center; line-height: 1;}
.systemScene .def2 { font-size: .16rem; text-align: center; line-height: .28rem; }
.systemSceneBox { display: flex; align-items: center; justify-content: center; margin-bottom: .6rem; padding-top: .8rem;}

.systemSceneBox .item { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative;}
.systemSceneBox  .img { height: 3rem; display: flex; align-items: center;}
.systemSceneBox  img { display: block; max-width: 100%; max-height: 100%;}
.systemSceneBox .info { text-align: center;}
.systemSceneBox .tit { font-size: .16rem; font-weight: bold; line-height: 1;}
.systemSceneBox .subtit { font-size: .16rem; line-height: 1; padding-top: .15rem; }
.systemSceneBox .itemBox { display: none;}

.systemSceneBox .left { width: 3.3rem; padding-right: .85rem;}
.systemSceneBox .left .line1 { width: .65rem; height: 1px; background-color: #c5c5c5;
    position: absolute; top:50%; right: -.85rem; }
.systemSceneBox .left .line1:before { content: ''; background-color: #c5c5c5; width: 10px; height: 10px; border-radius: 50%;
    position: absolute; left: 0; top: 50%; margin-top: -5px; }

.systemSceneBox .center { width: 2.48rem; padding-left: 1.2rem; padding-right: 1.2rem;}
.systemSceneBox .center .line1 { width: 1rem; height: 1px; background-color: #c5c5c5;
    position: absolute; top:50%; left: -1.2rem; }
.systemSceneBox .center .line1:before { content: ''; background-color: #c5c5c5; width: 10px; height: 10px; border-radius: 50%;
    position: absolute; right: 0; top: 50%; margin-top: -5px; }
.systemSceneBox .center .line2 { width: 1rem; height: 1px; background-color: #c5c5c5;
    position: absolute; top:50%; right: -1.2rem; }
.systemSceneBox .center .line2:before { content: ''; background-color: #c5c5c5; width: 10px; height: 10px; border-radius: 50%;
    position: absolute; left: 0; top: 50%; margin-top: -5px; }

.systemSceneBox .right  { width: 3.3rem; height: 3.4rem; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.systemSceneBox .right .name { cursor: pointer; font-size: .16rem; color: #999; font-weight: bold; padding-left: 1rem; position: relative; }
.systemSceneBox .right .name:before { content: ''; background-color: #c5c5c5; width: 10px; height: 10px; border-radius: 50%;
    position: absolute; left: 55px; top: 50%; margin-top: -5px; }
.systemSceneBox .right .name:after { content: ''; background-color: #c5c5c5; width: 55px; height: 1px;
    position: absolute; left: 0; top: 50%; }
.systemSceneBox .right:before { content: ''; background-color: #c5c5c5; width: 1px; height: calc( 100% - .16rem );
    position: absolute; left: 0; top: 50%; transform: translate(0, -50%) }
.systemSceneBox .right .name.cur { color: #181818;}

.systemSceneBox51 .left .item:before { content: ''; display: block; width: 1px; height: 50%; background-color: #c5c5c5; position: absolute; right: -.85rem;}
.systemSceneBox51 .left .item:nth-child(1):before { top: 50%; }
.systemSceneBox51 .left .item:nth-child(2):before { top: 0; }
.systemSceneBox51 .left .item:nth-child(2) .info { position: absolute; left: 0; right: 0; bottom: 0; }

.solutionDetails { padding-top: .45rem;}
.solutionDetails .container { margin-left: 3.2rem; margin-right: 3.2rem;}
.solutionDetails .title { font-size: .4rem; font-weight: bold; line-height: 1; padding-bottom: .15rem;}
.solutionDetails .subTit { font-size: .14rem;  line-height: .3rem; color: #666; padding-bottom: .14rem; border-bottom: 1px solid #e8e8e8;}
.solutionDetails .content { font-size: .18rem; line-height: .3rem; padding-top: .25rem; padding-bottom: .5rem; }
.solutionDetails .content img { display: block; max-width: 100%;  }
.solutionDetails .ShareTo { padding-top: .4rem; border-top: 1px solid #e8e8e8; font-size: .16rem; display: flex; align-items: center;  }
.solutionDetails .ShareTo i { display: block; color: #666; font-size: .24rem;}
.solutionDetails .ShareTo i { margin-left: .25rem; cursor: pointer;}
.solutionDetails .ShareTo img { display: block; width: 65% }
.solutionDetails .otherScenes { padding-top: .5rem; padding-bottom: .9rem; }
.solutionDetails .otherScenes .tit { font-size: .24rem; font-weight: bold; line-height: 1; }
.solutionDetails .otherScenes .box { display: flex; align-items: center; font-size: .16rem; padding-top: .3rem; }
.solutionDetails .otherScenes p+p { margin-left: .8rem }
.solutionDetails .otherScenes a { font-size: .16rem; font-weight: bold; color: #666; }
.solutionDetails .otherScenes a:hover { color: #70ba2f; }
.solutionDetails .otherScenes i { margin-left: 10px; }
.solutionDetails .return { height: .96rem; display: flex; align-items: center;  }
.solutionDetails .return a { font-size: .2rem; font-weight: bold; color: #70ba2f; display: flex; align-items: center;  }
.solutionDetails .return i { font-size: .24rem; margin-right: 8px;  }

.proSoDet { padding: .9rem 0;}
.proSoDet .container {margin: 0 3.2rem;}
.proSoDet .subTit { display: flex; align-items: center; justify-content: space-between; font-size: .48rem; font-weight: bold; }
.proSoDet .subTit a { display: flex; align-items: center; font-size: .22rem; font-weight: bold; color: #6eb92c; }
.proSoDet .subTit a i { margin-left: 10px; }
.soDetContainer {  margin-left: 3.2rem;  padding-top: .5rem; padding-bottom: .4rem; }
.soDetBox {position: relative;}
.soDetBox .swiper-slide { padding: 10px; box-sizing: border-box; }
.soDetBox .soDetPrev {position: absolute; left: -.18rem; top: 50%; margin-top: -.24rem; z-index: 2;}
.soDetBox .soDetNext {position: absolute; right: 3rem; top: 50%; margin-top: -.24rem; z-index: 2;}
.soDetBox .swiperBut { opacity: 0;}
.soDetBox:hover .swiperBut { opacity: 1;}
/**/
.pagesWrap {}
.pagesWrap .noPro { text-align: center; font-size: .28rem; padding-top: .4rem; min-height: 4rem;}
.pagesWrap .pagesLine { border-top: 1px solid #c9c9c9; padding-top: .4rem;}
.pagesWrap .pagination { display: flex; align-items: center; justify-content: center;}
.pagesWrap .pagination a { display: flex; align-items: center; justify-content: center; color: #666; font-size: .16rem;
    margin-left: 5px; margin-right: 5px;}
.pagesWrap .pagination a.page-num { padding: 4px 6px; border-radius: 3px; background-color: #e5e5e5; }
.pagesWrap .pagination a.page-num-current { background-color: #6eb82c; color: #fff; }

/*footer*/
.footer { background-color: #121212; padding-top: .9rem;}
.footer .container { margin-left: 1rem; margin-right: 1rem;}
.footer .footer_top { display: flex; justify-content: space-between; padding-bottom: 1.7rem;}
.footer .left { width: 3.3rem;}
.footer .f_logo img{ display: block; max-width: 100%;}
.footer .f_contact { padding-top: .38rem; font-size: .14rem; line-height: .36rem; color: #c9c9c9; }
.footer .right { display: flex;justify-content: space-between;  }
.footer .right .item + .item { margin-left: 1.6rem;}
.footer .right .tit { font-size: .2rem; line-height: 1; color: #f2f2f2; padding-bottom: .24rem; }
.footer .right .tit + .tit { padding-top: .18rem; }
.footer .right .tit a { color: #f2f2f2; transition: all .5s;}
.footer .right .tit a:hover { color: #74bc35; }
.footer .right .sub_nav { font-size: .14rem; line-height: 1; padding-top: .36rem; }
.footer .right .sub_nav a { color: #c9c9c9; transition: all .5s;}
.footer .right .sub_nav a:hover { color: #74bc35; text-decoration: underline; }
.footer .right .item form { position: relative; border-bottom: 1px solid #c9c9c9; padding-top: .18rem; padding-bottom: 8px; display: flex; align-items: center; justify-content: space-between; }
.footer .right .item input { background-color: #121212; height: .3rem; outline: none; border: none; color: #f2f2f2; }
.footer .right .item i { display: block; color: #6eb82c; font-size: .2rem; }
.footer .right .links { padding-top: .48rem; display: flex; align-items: center; }
.footer .right .links i { cursor: pointer; color: #666; font-size: .32rem; transition: all .5s; display: flex; align-items: center; justify-content: center;}
.footer .right .links i + i { margin-left: .4rem;}
/*.footer .right .links .twitter { width: .4rem; height: .4rem; position: relative; display: flex; align-items: center; justify-content: center;}*/
.footer .right .links img { max-width: 100%; width: 100%; transition: all .5s; /*position: absolute; top: 0; left: 0*/ }
/*.footer .right .links img:nth-child(1){opacity: 1;}*/
.icon-facebook-fill:hover { color: #537bbc!important;}
.icon-linkedin-fill:hover { color: #1284c7!important;}
/*.twitter { color: #1296db!important; }*/

.footer .copyright { border-top: 1px solid #222; height: .8rem; line-height: .22rem; font-size: 12px; display: flex; justify-content: center;
    align-items: center; color: #c9c9c9;}
.footer .copyright a { color: #c9c9c9; font-size: 12px; margin-right: 5px; transition: all .5s; }
.footer .copyright a:hover { color: #74bc35; text-decoration: underline }

.goToTop { display: none; position: fixed; z-index: 666; right: 24px; bottom: 1.1rem; box-shadow: 0 0 .10rem rgba(0,0,0,.1) !important;
    width: .48rem; height: .48rem; border-radius: 50%; background-color: #fff; }
.goToTop div { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; cursor: pointer; }
.goToTop i { color: #6eb82c; font-size: .3rem; }


@media only screen and (min-width: 768px) {
    .wap_menu {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .header .nav { font-size: .18rem}
    .curNavBox .position { font-size: .2rem;}
    .curNavBox .position a{ font-size: .2rem;}
    .proDetails .parameter { font-size: .18rem;}
    .proParam ._tit { font-size: .2rem;}
    .proParam ._inner { font-size: .18rem;}
    .usingSceneItem .desc { font-size: .18rem;}
    .proCardContent .cardSubTitle { font-size: .16rem;}

    .systemSceneBox .right .name:before { left: 30px;}
    .systemSceneBox .right .name:after { width: 30px;}
    .commonly .itemBox .item img { width: 36px;}
    .solutionTabs span { font-size: .2rem;}
    .solutionTabsBody .desc { font-size: .18rem}

    .tabs .tabsBut span { font-size: .18rem;}
    .online .container .desc { font-size: .18rem}
    .tabsBodyItem30 .terms { font-size: .18rem;}
    .tabsBodyItem .list31 .content { font-size: .24rem; line-height: 1.5;}
    .tabsBodyItem .list31 .name:before { width: 4px; height: 12px;}
    .tabsBodyItem .list31 .content p:before { width: 4px; height: 4px;}
    .tabsBodyItem .def { font-size: .18rem;}

    .whoAreWe .content { font-size: .18rem;}
    .ourAdvantage .inner .desc { font-size: .18rem;}
    .weCanDo .inner .desc { font-size: .18rem;}
    .globalLayout .desc { font-size: .18rem;}
    .mapArea .dotName { font-size: .2rem;}
    .mapContact { height: auto; padding-bottom: .4rem;}
    .mapContact .info .name { font-size: .22rem;}
    .mapContact .info .item span { font-size: .22rem;}
    .mapContact .info .item { font-size: .22rem; line-height: 1.4;}

    .solutionDetails .subTit { font-size: .22rem;}
    .solutionDetails .content { font-size: .26rem; line-height: 1.6;}
    .solutionDetails .ShareTo { font-size: .24rem;}
    .solutionDetails .ShareTo i { font-size: .4rem;}
    .solutionDetails .ShareTo img { width: 14px; }
    .solutionDetails .otherScenes .box { font-size: .24rem;}
    .solutionDetails .otherScenes .box p { display: flex; align-items: center;}
    .solutionDetails .otherScenes a { font-size: .24rem;}
    .solutionDetails .return a { font-size: .24rem;}
    .solutionDetails .return i { font-size: .3rem;}

    .footer .f_contact { font-size: .18rem}
    .footer .right .sub_nav { font-size: .16rem;}
    .footer .right .links img { width: 22px; }
}
@media only screen and (max-width: 768px) {
    .header .nav {display: none}
    .header .nav_wap {display: flex; font-size: .2rem; height: 100%;}
    .header .nav_wap li {
        display: flex; align-items: center;  height: 100%; position: relative; z-index: 3;cursor: pointer;
    }
    .header .nav_wap li.menu { margin-left: .6rem; cursor: pointer;}
    .header .nav_wap li i { font-weight: bold; font-size: .4rem; }

    .wap_menu {
        display: none;
        width: 100%; position: absolute; z-index: 3; top: 100%; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05);
    }
    .wap_menu ul { height: 60px; display: flex; align-items: center; justify-content: center;}
    .wap_menu ul li { font-size: .36rem; margin: 0 .4rem; }
    .wap_menu ul li a.nav_link:hover, .wap_menu ul li.active .nav_link { text-decoration: underline; color: #6eb92c; }

    .wap_submenu { width: 100%; position: absolute; z-index: 3; top: 100%; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05);}
    .wap_submenu .container { margin-left: 1rem; margin-right: 1rem; }
    .wap_submenu .item { /*border-top: 1px solid #e5e5e5;*/ display: none; border-top: 1px solid #eee; }
    .wap_submenu .full_submenu_item { padding: .6rem 0; justify-content: space-between;}
    .wap_submenu .left { /*padding-right: .96rem; border-right: 1px solid #f2f2f2;*/}
    .wap_submenu .line { width: 1px;height: 3.6rem; background-color: #f2f2f2;}
    .wap_submenu .img { width: 4.8rem; height: 3.2rem; overflow: hidden; border-radius: .24rem; }
    .wap_submenu img { width: 100%; display: block }
    .wap_submenu .nav_name { font-size: .28rem; font-weight: bold; line-height: 1; padding-top: .32rem; }
    .wap_submenu .right {  padding-top: 0;/*width: calc( 100% - 6.8rem );*/ display: flex; justify-content: space-between;}
    .wap_submenu .right dt { font-size: .3rem; font-weight: bold; line-height: 1;}
    .wap_submenu .right dt a { transition: all .5s; }
    .wap_submenu .right dt a:hover { color: #6eb92c; text-decoration: underline; }
    .wap_submenu .right dd { font-size: .3rem; color: #666; line-height: 1; padding-top: .3rem;}
    .wap_submenu .right dd a { color: #666; transition: all .5s; line-height: 1; }
    .wap_submenu .right dd a:hover, .submenu_item .right dd a.active { color: #6eb92c; text-decoration: underline; }
    .wap_submenu .right dl + dl { margin-left: 1.5rem;}

    .singleRow { align-items: center; justify-content: center; padding: .38rem 0; }
    .singleRow a {cursor: pointer; line-height: .38rem; font-size: .3rem; transition: all .5s; margin: 0 .45rem;  }
    .singleRow a:hover, .singleRow a.active { color: #6eb92c; text-decoration: underline; }

    .swiperBut { width: .54rem; height: .54rem;}
    .swiperBut i { font-size: .24rem;}

    .iProScene .sub_nav .item { font-size: .3rem; width: 2.6rem;}

    .iReProBox .pro_item .name { font-size: .24rem;}
    .iReProBox .pro_item .learnmore { font-size: .22rem}
    .iReProBox .morePro a { font-size: .2rem}
    .iReProBox .morePro i { margin-left: 4px;}

    .iProCenter .tit .text { font-size: .44rem; line-height: 1.6}
    .iProCenter .tit .link { font-size: .3rem;}

    .swiper_iPro .slide_box .name { font-size: .26rem}
    .swiper_iPro .slide_box .subname { font-size: .2rem;}

    .iSolution .first_item { height: 100%}
    .iSolution .item img { height: 100%; object-fit: cover; }
    .iProBox .nav p.cur { font-size: .3rem;}
    .iProBox .nav p.cur:before { width: 4px; height: 16px; margin-right: .3rem;}
    .iProBox .nav p { font-size: .26rem;}

    .iProBox2 .info .subname, .iProBox2 .info .name { font-size: .36rem; line-height: 1.5}
    .iProBox2 .info .desc { font-size: .24rem}

    .iabout .more { width: 3.4rem; height: 0.64rem; font-size: .24rem }

    .proListWrap .left { min-width: 180px!important;}
    .sidebarNav .o_nav { font-size: .3rem;}
    .sidebarNav .t_nav_item { font-size: .24rem;}
    .proListWrap .right { width: calc( 100% - 200px )}
    .proCardContent .cardTitle { font-size: .3rem;}
    .proCardContent .cardSubTitle { font-size: .24rem;}

    .curNavBox { height: 50px;}
    .curNavBox .curNavLink { font-size: .26rem;}
    .curNavBox .position { font-size: .26rem;}
    .curNavBox .position a{ font-size: .26rem;}
    .proIntroduce .desc { font-size: .22rem;}
    .proChoose .list .desc { font-size: .22rem;}
    .sceneBox .slide_text .desc { font-size: .22rem;}
    .proScene .sceneBox .right {padding-bottom: 1.2rem;}
    .sceneBox .slide_text.cur .name:before { width: 4px; height: 18px;}
    .proFeatured .subTit { font-size: .3rem;}
    .proFeatured .subTit a { font-size: .28rem;}

    .switchColumns .item a { font-size: .26rem;}
    .switchColumns .item i { font-size: .26rem;}

    .proAdvantage .list .desc { font-size: .22rem;}

    .proBan .desc { font-size: .24rem;}
    .solutionWrap .def2 { font-size: .24rem; line-height: 1.6}
    .solutionTabs span { font-size: .24rem;}
    .solutionTabsBody .desc { font-size: .24rem;line-height: 1.6}
    .relatedPro .title a { font-size: .28rem;}

    .goContact2 a { font-size: .24rem; width: 2.6rem;}
    .systemSceneBox .right .name { font-size: .2rem;}
    .systemSceneBox .right .name:before { left: 20px;}
    .systemSceneBox .right .name:after { width: 20px;}
    .systemSceneBox .tit {font-size: .2rem;}
    .systemSceneBox .subtit { font-size: .2rem;}
    .systemScene .def2 {font-size: .24rem; line-height: 1.6}
    .commonly .def1 { font-size: .22rem;}
    .commonly .tabs span { font-size: .22rem;}
    .commonly .itemBox .item .desc { font-size: .22rem}
    .commonly .itemBox .item img { width: 36px;}

    .commonly .container, .methods .container { margin: 0 2rem;}
    .methods .def { font-size: .24rem; line-height: 1.6}
    .methods .tabs p { font-size: .24rem;}
    .methods .tabs .Charging-method { font-size: .56rem;}
    .methods .tabs .item + .item { margin-left: .3rem;}
    .proCardContent .more { font-size: .24rem;}

    .tabs .tabsBut span { font-size: .26rem;}
    .tabsBodyItem .list30 .name { font-size: .24rem;}
    .tabsBodyItem .list30 .content { font-size: .22rem;}
    .tabsBodyItem30 .terms { font-size: .26rem;}
    .online .container .desc { font-size: .24rem;}
    .online .container a { width: 2.4rem;}
    .tabsBodyItem .def { font-size: .24rem;}
    .tabsBodyItem .list .name { font-size: .26rem;}
    .tabsBodyItem .list31 .content { font-size: .24rem; line-height: 1.5;}
    .tabsBodyItem .list31 .name:before { width: 4px; height: 12px;}
    .tabsBodyItem .list31 .content p:before { width: 4px; height: 4px;}

    .whoAreWe .content { font-size: .24rem}
    .ourAdvantage .inner .desc { font-size: .24rem; line-height: 1.4;}
    .weCanDo .inner span, .weCanDo .inner .name { font-size: .28rem;}
    .weCanDo .inner .desc { font-size: .24rem; line-height: 1.3;}
    .globalLayout .desc { font-size: .24rem;}
    .mapArea .dotName { font-size: .24rem;}
    .mapContact { height: auto; padding-bottom: .4rem;}
    .mapContact .info .name { font-size: .3rem;}
    .mapContact .info .item span { font-size: .28rem;}
    .mapContact .info .item { font-size: .28rem; line-height: 1.4;}

    .contact_wrap .container { margin: 0 2rem;}
    .contact_wrap .left { width: calc( 100% - 8.5rem )}
    .contact_wrap .left .content { font-size: .24rem;}
    .contact_wrap .left a { font-size: .24rem;}
    .contact_wrap .left .map { height: 4.4rem;}
    .contact_wrap .left .map img{ width: 100%; height: 100%; object-fit: cover}
    .contact_wrap .right .title { font-size: .3rem;}
    .contact_wrap .right .content { font-size: .24rem; line-height: 1.3}

    .proDetails .parameter { font-size: .26rem;}
    .proDetails .contact { font-size: .24rem;}
    .proParam ._tit { font-size: .26rem;}
    .proParam ._inner { font-size: .24rem; line-height: 1.4}

    .usingSceneItem .name { font-size: .24rem}
    .usingSceneItem .desc { font-size: .2rem;}

    .search_box .iconfont { font-size: .4rem;}
    .search_box .keywords, .search_box .keywords a { font-size: .26rem}

    .solutionDetails .subTit { font-size: .24rem;}
    .solutionDetails .content { font-size: .3rem; line-height: 1.6;}
    .solutionDetails .ShareTo { font-size: .26rem;}
    .solutionDetails .ShareTo i { font-size: .4rem;}
    .solutionDetails .ShareTo img { width: 14px; }
    .solutionDetails .otherScenes .box { font-size: .26rem;}
    .solutionDetails .otherScenes .box p { display: flex; align-items: center;}
    .solutionDetails .otherScenes a { font-size: .26rem;}
    .solutionDetails .return a { font-size: .26rem;}
    .solutionDetails .return i { font-size: .3rem;}

    .footer .f_logo img { width: 3.4rem;}
    .footer .footer_top { flex-direction: column; }
    .footer .left { margin-bottom: .5rem; width: 100%;}
    .footer .f_contact { line-height: .42rem; font-size: .26rem; padding-bottom: .2rem}
    .footer .right .tit { font-size: .26rem}
    .footer .right .sub_nav { font-size: .24rem;}
    .footer .copyright { font-size: .26rem;}
    .footer .right .links img { width: 22px;}
    .footer .right .item i { font-size: .3rem;}
}