

html,body{overscroll-behavior: none;scroll-behavior:smooth;padding: 0; margin: 0;}
body{ overflow-x: hidden; --hover-color:#B81820;--hover-color2:#0c5b39; --white:#fff;font-size: var(--font-size16);}

 /* body{overflow: hidden;} */
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;}


 h1,h2,h3,p{margin: 0;}
.center{text-align: center;}

/*Top002262*/
.Top002262{z-index: 100; width: 100%; left: 0; top: 0;background: var(--white);}
.Top002262_fixed{background:#fff;box-shadow:  0 0 5px rgba(0,0,0,0.1); border-bottom: none; }
.Top002262 .header-left{ float: left; width: 30%; display:table;  height:.9rem;max-width:2.6rem;}
.Top002262 .header-left img{max-width:1rem;}
.Top002262 .logo{ display:table-cell; vertical-align:middle;}
.Top002262 .logo img.on,
.Top002262_fixed .logo img{ display:none;}
.Top002262_fixed .logo .on{ display:block !important;}
.Top002262 .header-mids,
.Top002262 .header-right{ float:right;}
.Top002262 .header-right dd{ float:left;padding: .3rem 0;}
.Top002262 .top-language{ position:relative; padding-right: 1.5vw !important;  margin-right: 1.5vw;font-size: var(--font-size18); display: none;}
.Top002262 .top-language::before{ position:absolute;right: 0; top: 50%; width: 1px; height: .15rem; content: ''; background: rgba(0, 0, 0, 0.2); transform: translateY(-50%);}
.Top002262_fixed .top-language::before{ background: rgba(255, 255, 255, 0.3);}
.Top002262 .top-language span{ display:block;background:url(../images/lang.svg) no-repeat left center;line-height:.3rem; padding:0 .15rem 0 .3rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 70%; color:var(--black3); }
.Top002262_fixed .top-language span{ background-image:url(../images/lang-white.svg); color:var(--white);}
.Top002262 .top-language span:after{position: absolute; width:.06rem; height:.06rem; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);border-top: 1px solid var(--black3);border-right: 1px solid var(--black3); right: 0; top: 50%; margin-top: -3px;}
.Top002262_fixed .top-language span:after{border-top-color:var(--white);border-right-color:var(--white);}
.Top002262 .top-language figure{ position:absolute; top:100%; left:50%; background:var(--white); width:1.2rem; line-height:.4rem; display:none; margin-left:calc(-60 / 16 * 1em); box-shadow:  0 0 10px rgba(0,0,0,0.1);}
.Top002262 .top-language a{ display:block; text-align:center; color:var(--black3); line-height: .45rem;}
.Top002262 .top-language a:hover{color:var(--white); background:var(--hover-color); }
.Top002262 .search{ position:relative; z-index:100;}
.Top002262 .open-search{ background:url(../images/search.svg) no-repeat center center; width:.3rem; height:.3rem;display:block; background-size:auto 70%;}
.Top002262_fixed .open-search{ background-image:url(../images/search.svg);}
.Top002262 .top-search{ position:absolute; top:100%; right:0; z-index:100; border-top:1px solid #b4b4b4; background:var(--white); }
.Top002262 .top-search .text{width:2.54rem;line-height:.46rem;height:.46rem; color:var(--grey9); padding:0 .46rem 0 .12rem; background: none; font-size:var(--font-size14);}
.Top002262 .top-search .btn{ position:absolute; right:0; top:0; height:.46rem; width:.46rem; background:url(../images/search.svg) no-repeat center;background-size:auto 40%;  }
.Top002262 .top-search .btn::before{position: absolute; content: '';border: .08rem solid transparent; border-bottom-color:var(--hover-color2);top: -.16rem;right:.04rem;}
.search-show .Top002262 .top-search{display: block;}
.Top002262 .open-search.on:before, 
.Top002262 .open-search.on:after{background:var(--hover-color2);}
.Top002262 .header-right .open-menu{ position: relative;}
.Top002262 .header-mids li .sub{display: none;}
.Top002262 .header-mids li span,
.Top002262 .header-mids li a{display:block;}
@media(min-width:1025px){
.Top002262 .header-mids{margin-right:.6rem;} 
.Top002262 .header-right dd:last-child{display: none;}
.Top002262 .header-mids li{float: left; position: relative;}
.Top002262 .header-mids li span{position:relative; }
.Top002262 .header-mids li span a{ line-height:.9rem; position:relative; color:#333; font-size: var(--font-size18); margin:0 .4rem;}
.Top002262_fixed .header-mids li span a{color:var(--hover-color2); }
.Top002262 .header-mids li span a::before{ position:absolute; content:''; left:50%; bottom:0;  height:3px; width:0; transition:ease-in-out 0.3s; transform:translateX(-50%);}
.Top002262 .header-mids li span a:hover::before,
.Top002262 .header-mids li.aon span a::before{width:100%;background: var(--hover-color2);}
.Top002262_fixed .header-mids li span a:hover::before,
.Top002262_fixed .header-mids li.aon span a::before{background:var(--hover-color2);}
.Top002262 .header-mids li span a:hover,
.Top002262 .header-mids li.aon span a{color:var(--hover-color2); }
.Top002262_fixed .header-mids li span a:hover,
.Top002262_fixed .header-mids li.aon span a{color:var(--hover-color2); }
.Top002262 .header-mids li .sub{ width:2.1rem; overflow:hidden; position: absolute; left: 50% !important; top:100%;z-index: 2;margin-left: -1.05rem; border-radius: 0 0 .1rem .1rem;}
.Top002262 .header-mids li .sub dl{padding:0; background:rgba(255, 255, 255, 0.95);}
.Top002262 .header-mids li .sub dl dt{ padding:0; position:relative; text-align: center;}
.Top002262 .header-mids li .sub dl dt:not(:last-child){border-bottom:1px solid #e7e7e7; }
.Top002262 .header-mids li .sub dl dt::before{ position:absolute; content:''; width:0; height:.14rem; background:var(--hover-color2); left:0; top:50%; margin-top:-.07rem; transition:0.3s;}
.Top002262 .header-mids li .sub dl dt:hover::before{ width:.06rem;}
.Top002262 .header-mids li .sub dl dt a{line-height:.3rem;  color:#333; padding: .12rem 0; font-size:.15rem;}
.Top002262 .header-mids li .sub dl dt a:hover{ color:var(--hover-color2);}
}
@media (max-width:1024px) {
.Top002262 .open-menu i{margin-top: 0;background: #666;}
.Top002262 .header-left{height: .6rem;} 
.Top002262 .header-right dd{padding:.15rem 0;}
.Top002262 .header-right dd:not(:first-child){padding-left: .25rem;}
.Top002262 .open-menu{margin:.1rem 0; margin-left:.25rem ;width:.4rem ;height:.4rem ; }	
.Top002262 .header-mids{position: fixed; right: -100%;opacity: 0; top:.6rem ;bottom: 0;overflow: auto; z-index: 99; box-shadow: 0 10px 10px rgba(0,0,0,0.1);transition: 0.5s; width: 60%; background:rgba(255,255,255,0.95); z-index: 999;}
.menu-show .Top002262 .header-mids{right:-1px;opacity: 1; }
.Top002262 .open-menu:not(.on) i:nth-child(1){margin-top:-.1rem;}
.Top002262 .open-menu:not(.on) i:nth-child(3){margin-top:.1rem;}
.Top002262 .logo img { max-height:.4rem;}
.Top002262 .header-mids li{border-bottom: 1px solid #eaeaea;}
.Top002262 .header-mids li span{line-height:.6rem ;padding:0 0.4rem 0 0.2rem;font-size:var(--font-size18);}
.Top002262 .header-mids li .sub{background-color: #eee;}
.Top002262 .header-mids li .sub dl{ padding: 0.16rem;}
.Top002262 .header-mids li .sub dt {line-height: 0.3rem;padding: 0.05rem 0;text-align: center;font-size:0.18rem;}
.Top002262 .header-mids li .sub dd{line-height: 0.26rem;padding: 0.05rem 0;text-align: center;font-size:0.16rem; position: relative;}
.Top002262 .header-mids li .sub dd a{ color: var(--grey);}
.Top002262 .has-multi aside .op-multi:before, 
.Top002262 .has-multi aside .op-multi:after, 
.Top002262 .has-sub span .op:before, 
.Top002262 .has-sub span .op:after{ transform: translate(0,0); width:.07rem;}
.Top002262 .has-multi aside .op-multi:after,
.Top002262 .has-sub span .op:after{height:.07rem; width: 0.02rem;}
.Top002262 .has-multi aside .op-multi, 
.Top002262 .has-sub span .op{right: 2%;transform: rotate(135deg);}
.Top002262 .has-sub span .op:before, 
.Top002262 .has-sub span .op:after{background-color: var(--hover-color);}
.Top002262 .has-sub span .op.click{ transform: rotate(225deg);}	
}


/*Banner003223 */
.Banner003223{position:relative;z-index:1;}
.Banner003223 .swiper-wrapper{height: auto;}

.Banner003223 .txt{position:absolute;left:0;top:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:3;color:var(--white)}
.Banner003223 .txt :where(h3,p,.Homemore){opacity:0;transform:translateX(1rem);transition:0.5s}
.Banner003223 .txt h3{margin:0;font-size:0.46rem;line-height:1.3;transition-delay:0.5s}
.Banner003223 .txt p{margin:.2rem 0 .8rem 0;font-size:var(--font-size26);line-height:1.2;max-width:8.2rem;transition-delay:0.8s}
.Banner003223 .txt .Homemore{transition-delay:1.1s}
.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;width: 100%;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223  .controls-page span.swiper-pagination-bullet-active {border-color: var(--hover-color);background-color: var(--hover-color);}
.Banner003223 .swiper-slide-active .txt :where(h3,p,.Homemore){opacity:1;transform:translateX(0)}
@media (max-width:1024px) {
.Banner003223 .txt h3{font-size: var(--font-size30);}   
.Banner003223 .txt p{font-size: var(--font-size16); margin-bottom: 2em;}
}


.Homemore{min-width: 1.6rem;display: inline-block;overflow: hidden;position: relative;text-align: center;border-radius: 0.5rem;background-color: transparent;}
.Homemore a{position: relative;text-align: center; border:2px solid var(--hover-color); color: var(--hover-color);transition: all 0.5s;overflow: hidden;display: flex;align-items: center;justify-content: center;height: 0.55rem;border-radius: 0.5rem;padding: 0 0.15rem;}
.Homemore a:after{display: inline-block;vertical-align: middle;content: "";width: 0.2rem;height: 0.2rem;background: url(../images/arrow-red2.svg) no-repeat center center;background-size: auto 0.16rem;margin-left: 0.12rem;transition: all 0.5s;transform: rotate(-45deg)}
.Homemore:hover a:after{transform: rotate(0deg);}
.Homemore:hover a{background: var(--hover-color); color: var(--white);border-color: var(--hover-color);}
.Homemore:hover a:after{ background-image:url(../images/arrow-w.svg) ;}
.Homemore.white a{ border-color: var(--white);color: var(--white);}
.Homemore.white a:after{background-image:url(../images/arrow-w.svg) ;}
.Homemore.white:hover a{border-color: var(--hover-color);}

.hometitle{padding-bottom: .3rem;}
.hometitle .cn{font-size: var(--font-size46); color: #333;}
.hometitle .en{font-size: var(--font-size24); color: #666; padding-top: .06rem;text-transform:uppercase; }

@media (max-width:1024px) {
.hometitle .cn{font-size: var(--font-size36);}   
.hometitle .en{font-size: var(--font-size20); }
.Homemore{min-width: 1.5rem;}
.Homemore a{height: 0.5rem;}
}





.Home_about{overflow: hidden;padding: var(--padMar120) 0;}
.Home_about .flex .left{padding-top:0;position: relative;z-index: 3}
.Home_about .flex .left .info{padding-bottom: .5rem;}
.Home_about .flex .left .tit1{color: #333;font-size: .3rem }
.Home_about .flex .left .tit2{font-size:.38rem;color: #333;padding: .14rem 0 .3rem;font-weight: bold; line-height:1.4;}
.Home_about .flex .left .desc{line-height:2;font-size: var(--font-size18); color: #333;}
.Home_about .flex .right {position: relative}
.Home_about .flex .right .pic{width:148%;position: relative;z-index: 3}
.Home_about .flex .right .pic figure{height:6rem}

.Home_about .industry{width: 100%; display: flex; flex-wrap: wrap; padding-bottom: var(--padMar70);}
.Home_about .industry li{width: 20%; list-style: none; text-align: center;transition: 0.3s all;}
.Home_about .industry li:hover{transform: translateY(-5px);transition: 0.3s all;}
.Home_about .industry li .icon{max-width: .55rem; margin: 0 auto;transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s;}
.Home_about .industry li:hover .icon{transform: rotateY(360deg);}
.Home_about .industry li .name{font-size: var(--font-size16); padding-top: .15rem; color: #333;}
@media(min-width:1025px){
.Home_about .flex{display: flex;justify-content: space-between}
.Home_about .flex .left{width:50%}
.Home_about .flex .right{width:43%}
}
@media(max-width:1024px){
.Home_about .flex .left {margin-bottom:0.3rem;}
.Home_about .flex .left .tit1{font-size: .24rem;}
.Home_about .flex .left .tit2 {font-size:.3rem; padding-bottom: .2rem;}
.Home_about .home_more {margin-top: 0.3rem;}
.Home_about .industry li{width: 31%; margin: 0 1%; margin-bottom: 3%;}
.Home_about .flex .right .pic{width:100%;}
.Home_about .flex .right .pic figure{ height: auto; padding-bottom: 65%;}
}


.Home_intro{background:#B81820; padding: var(--padMar70) 0;}
.Home_intro .edit-info{color: #fff;font-size: var(--font-size32); line-height: 1.5;}
.Home_intro .edit-info .tel{background: url(../images/hometel.svg) no-repeat left center; padding-left: .52rem; background-size: .42rem;display: inline-block;}

@media (min-width:1025px) {
.Home_intro .flex{display: flex;justify-content: space-between;}
}
@media (max-width:1024px) {
.Home_intro .edit-info{font-size: var(--font-size22); text-align: center;}
.Home_intro .edit-info .title{ margin-bottom: 0.24rem;}
}



.Home_product{padding: var(--padMar120) 0;}
.Home_product .intro .info .wen{padding-bottom: .4rem;}
.Home_product .intro .info p{line-height:2; font-size: var(--font-size18); color: #333; padding-bottom: .1rem;}
@media (min-width:1025px) {
.Home_product .intro .img{width:42%;}
.Home_product .intro .info{padding-right:10%;}  
}
@media (max-width:1024px) {
.Home_product .intro .info{margin-bottom: 0.24rem;}
}


.Home_feature{background: #f9f9f9; padding: var(--padMar120) 0;}
.Home_feature .box-rows{padding-top: .55rem;}
.Home_feature .box-rows dd{box-shadow: 0px .1rem .4rem rgba(0, 0, 0, 0.08);text-align: center; padding: 0 .4rem .4rem;transition: 0.3s all; min-height: 3.5rem;background: #fff; border-radius: .12rem;}
.Home_feature .box-rows dd:hover{transform: translateY(-10px);transition: 0.3s all;box-shadow: 0px .1rem .4rem rgba(254, 0, 0, 0.08);}
.Home_feature .box-rows dd .icon{width:.86rem; height:.86rem; display: block;margin: 0rem auto 0; transform: translateY(-50%); line-height:.86rem; text-align: center;color: #fff; border-radius: 50%;background: linear-gradient(to right, var(--hover-color), #e41818);position: relative;}
.Home_feature .box-rows dd .icon img{max-width: .45rem;transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s;}
.Home_feature .box-rows dd .icon:after{position: absolute;content: '';background-color: var(--hover-color);width: 1.06rem;height: 1.06rem;left: 50%;top: 50%;margin: -0.53rem 0 0 -0.53rem;border-radius: 50%;z-index:0; opacity: 0.08;}
.Home_feature .box-rows dd:hover .icon img{transform: rotateY(360deg);}
.Home_feature .box-rows dd .text{color:#333;font-size:var(--font-size22); margin-top:var(--padMar80);line-height:2;}
.Home_feature .box-rows dd:hover .text{color: var(--hover-color);}
.Home_feature .box-rows dd:hover li{text-decoration: underline;}
@media (min-width:1025px) { 
.Home_feature .box-rows dd{float: left;width:22%;}  
.Home_feature .box-rows dd:not(:nth-child(4n)){ margin-right:4%;}
}
@media (max-width:1024px) { 
.Home_feature .box-rows dd{float: left;width:48%;}
.Home_feature .box-rows dd:not(:nth-child(2n)){ margin-right:4%;}
.Home_feature .box-rows dd{padding-bottom: 0.4rem; margin-bottom: 0.7rem;min-height: 3rem;}
}

@media (max-width:640px) { 
.Home_feature .box-rows dd{float: none;width:100%;box-shadow: 0px 0rem .2rem rgba(0, 0, 0, 0.08);}  
.Home_feature .box-rows dd{padding-bottom: 0.3rem; margin-bottom: 0.7rem; min-height: auto;}
}

.Home_news{padding: var(--padMar120) 0; background:url(../images/Home_news-bg.jpg) no-repeat center;}
.Home_news .tab-ul{position: relative; z-index: 1; margin-bottom:.4rem; border-bottom: solid 1px #eee;}
.Home_news .tab-ul li{float: left;line-height:.5rem; }
.Home_news .tab-ul li span{display:block; padding:0 .6rem;font-size:var(--font-size18); position: relative; cursor: pointer; color: #666;}
.Home_news .tab-ul li.on span{background: var(--hover-color);color: #fff;}
@media(max-width:640px){

}

.Home_news .tab-list dd{position: relative;overflow: hidden; padding-bottom: .24rem; margin-bottom: .24rem; border-bottom: 1px dashed #ededed;}
.Home_news .tab-list dd a{display: block; width: 100%;    position: relative;}
.Home_news .tab-list dd time{position: absolute; right: 0;color: #999;font-size:var(--font-size14);opacity: 1; background: url(../images/time.svg) no-repeat left center; background-size: .22rem; padding-left: .28rem;}
.Home_news .tab-list dd .tits{font-size: var(--font-size18); color: #333; padding-bottom: .12rem; width: 76%;}
.Home_news .tab-list dd:hover .tits,
.Home_news .tab-list dd.active .tits{color: var(--hover-color); text-decoration: underline;}
.Home_news .tab-list dd .summ{font-size: var(--font-size15); color: #888;overflow: hidden;}

.Home_news .inner a{ display:block; position:relative;border-radius: .15rem;overflow: hidden;}
.Home_news .inner h4,
.Home_news .inner h5{ margin:0; text-align:center; font-weight:normal;}
.Home_news .inner figure{ padding-bottom:110%; background-size: cover;}
.Home_news .inner h4{ font-size: var(--font-size22);color: #fff; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding: .2rem .1rem; background: var(--hover-color);}

.Home_news .inner .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(254, 0, 0,0.9); z-index:10; transition:0.3s; color:#fff; border-radius:.15rem;}
.Home_news .inner:hover{border-color:var(--hover-color);}
.Home_news .inner:hover a .hover{ opacity:1;}
.Home_news .inner aside{ position:absolute; left:5%;width:90%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}
.Home_news .inner .hover h5{  font-size:var(--font-size22); line-height: 1.6;}
.Home_news .inner .hover i{display:block; height:2px; background:#fff; width:.4rem; margin:.15rem auto .2rem;} 
.Home_news .inner .hover p{font-size:var(--font-size16); line-height:1.6; margin:0;overflow:hidden;}
.Home_news .more{ display: block; text-align: center; margin-top:.5rem;}
.Home_news .more span{ display: inline-block; padding-left:.3rem; padding-right:.6rem; line-height:.45rem; background:url(../images/arrow-red2.svg) no-repeat 77% center #fff; border-radius: .1rem;transition:all 0.5s ease-out 0s; background-size: .16rem; color: var(--hover-color);}
.Home_news .more span:hover{padding-left:.5rem; padding-right:.8rem;  }

@media(min-width:1025px){
.Home_news .flex{ display: flex; justify-content: space-between;}
.Home_news .left{width:68%; padding-right:8%;}
.Home_news .right{width:32%;}
}
@media(max-width:640px){
.Home_news .tab-list dd span{font-size:var(--font-size14);}
.Home_news .inner figure{ padding-bottom:80%; }
}




.Floor003234{position: relative;z-index: 1; overflow: hidden; padding: var(--padMar120) 0;}
.Floor003234 .cate-list{display: none;}
.Floor003234 .cate-list li{margin: 0 0.24rem;color: #292929;font-size: var(--font-size20);cursor: pointer;position: relative;z-index: 1;padding-bottom: 0.16rem;margin-bottom:0.1rem;}
.Floor003234 .cate-list li:after{position: absolute; content: ''; width: 0;left: 50%;transform: translateX(-50%); bottom: 0;background-color: var(--hover-color); transition: 0.3s;height: 3px;}
.Floor003234 .cate-list li.active{color: var(--hover-color);}
.Floor003234 .cate-list li.active:after{width: 100%;}
.Floor003234 .load-swiper{position: relative;z-index: 1;}
.Floor003234 .load-swiper:before,
.Floor003234 .load-swiper:after{position: absolute;content: '';top: 0;height: 100%;width: 20%;z-index: 10;pointer-events: none;}

.Floor003234 .swiper-slide a{display: block;padding: 0.32rem 0;}
.Floor003234 .swiper-slide .pic{display: flex;align-items: center; justify-content: center; height: 1.2rem; background-color:#fff;border-radius: 0.08rem;box-shadow:0.05rem 0 .18rem rgba(45,46,50,0.15);}
.Floor003234 .swiper-slide .pic img{max-width:75%;max-height:75%;}
.Floor003234 .swiper-wrapper{height: auto;transition-timing-function: linear!important;}
.Floor003234 .swiper + .swiper{margin-top: -0.44rem;}
.Floor003234 .swiper-slide{width: 2.5rem;padding: 0 0.1rem;}
@media (max-width:640px) {
.Floor003234 .index-title .tit{font-size: var(--font-size32);}
.Floor003234 .cate-list li{font-size: var(--font-size16);margin: 0 0.1rem 0.1rem;}
.Floor003234 .swiper{padding-bottom: 0.1rem;}
.Floor003234 .swiper + .swiper{margin-top: -0.1rem;}
.Floor003234 .swiper-slide .pic{height: 0.6rem;}
.Floor003234 .swiper-slide{width: 1.4rem;padding: 0 0.05rem;}
.Floor003234 .swiper-slide a{padding: 0.1rem 0;}
.Floor003234 .swiper-slide .pic{box-shadow:0.05rem 0 0.1rem rgba(45,46,50,0.15);}
}



/*Bottom003207 */
.Bottom003207{background: #18436F; background-size: cover; padding-top: var(--padMar60); padding-bottom:0;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);}
.Bottom003207,
.Bottom003207 a:not(:hover){color:var(--white);}

.Bottom003207 .logo{display: none;}
.Bottom003207 .logo:hover a{color: #fff;}
.Bottom003207 .logo .cn{font-size: var(--font-size26); padding-bottom: .08rem;}
.Bottom003207 .logo .en{font-size: var(--font-size18);}

.Bottom003207 .f-top{margin-bottom: 0.4rem; border-bottom: 1px solid var(--white-opacity-10); padding-bottom: .3rem;}
.Bottom003207 .f-mid{margin-bottom: 0.4rem;}
.Bottom003207 .f-bottom{padding: 0.3rem 0; font-size: var(--font-size14);}
.Bottom003207 .f-bottom,
.Bottom003207 .f-bottom a:not(:hover){color: var(--white-opacity-30);}

.Bottom003207 .follow-us li{position: relative;z-index: 10}
.Bottom003207 .follow-us li +li{margin-left: 0.1rem;}
.Bottom003207 .follow-us li a{display: flex; border-radius: 50%;background-color:rgba(255, 255, 255, 0.1); width: 0.4rem; height: 0.4rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;background-position: center center;background-repeat: no-repeat; background-size: 0.18rem auto;cursor: pointer;}
.Bottom003207 .follow-us li a:hover{background-color: var(--hover-color);}
.Bottom003207 .follow-us li a:after{width: .18rem; height: .18rem;background-position: center center; background-repeat: no-repeat; background-size:contain; opacity: 0.7;transition: 0.3s; content: '';display: block;}
.Bottom003207 .follow-us li a:hover:after{opacity: 1;}
.Bottom003207 .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom003207 .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom003207 .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}

.Bottom003207 .contact{display: flex;justify-content: space-between;}
.Bottom003207 .contact h1{font-size: .22rem;font-weight: normal; padding-bottom: .15rem;}
.Bottom003207 .contact .name{font-weight: 500; margin-bottom: 0.2rem;}
.Bottom003207 .contact dl{width:45%;}
.Bottom003207 .contact dd{line-height: 1.6;}
.Bottom003207 .contact .flex{}
.Bottom003207 .contact dd span{flex-shrink: 0; text-align: left; opacity: 0.8;}
.Bottom003207 .contact dd .tel{font-size: var(--font-size22);}
.Bottom003207 .contact dd div{flex: 1; margin-top: .02rem;}
.Bottom003207 .contact dd + dd{margin-top: 0.1rem;}

.Bottom003207 nav dd{font-weight: 100;}
.Bottom003207 nav dt{  position: relative; font-weight: 500;}
.Bottom003207 nav dd{line-height:2; padding-bottom: 3px;}
.Bottom003207 nav dd a:not(:hover){color: var(--white-opacity-50);}

.Bottom003207 .Ewm{margin-left: .4rem;}
.Bottom003207 .Ewm p{margin-bottom: .15rem;font-size: .18rem;}
.Bottom003207 .Ewm img{max-width: 1.3rem;}

.Bottom003207 .icp a{display: flex;}
@media (min-width:1025px) {
 .Bottom003207 .f-bottom{border-top: 1px solid var(--white-opacity-10); }
.Bottom003207 .contact{width: calc(650 / 1400 * 100%);}
.Bottom003207 nav{width: calc(520 / 1400 * 100%);}
.Bottom003207 nav dt{margin-bottom:.15rem; font-size: .18rem;}
.Bottom003207 nav dd{display: block!important;}
}
@media (max-width:1024px) {
.Bottom003207 .logo{margin: 0 auto 0.2rem;}   
.Bottom003207 .f-mid{ margin-bottom: 0.2rem;}
.Bottom003207 .follow-us{justify-content: center;}
.Bottom003207 .contact{margin-bottom: 0.3rem; flex-wrap: wrap;}
.Bottom003207 .contact dl{ width: 100%; margin-bottom: 0.2rem;}
.Bottom003207 nav{border-top: 1px solid var(--white-opacity-10); display: none;}
.Bottom003207 nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
.Bottom003207 nav dt{overflow: hidden;padding: 0.1rem 0;}
.Bottom003207 nav dd{display: none;}
.Bottom003207 .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom003207-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
.Bottom003207 dl.active{padding-bottom: 0.2rem;}
.Bottom003207 .active .wap-b-op{transform: rotate(45deg);}
.Bottom003207 .Ewm { margin-left: 0; display: table; margin: 0 auto; text-align: center;}
.Bottom003207 .f-bottom{text-align: center; padding: 0.2rem 0;}
.Bottom003207 .icp{margin-top: 0.1rem;}
.Bottom003207 .icp a{display: inline-flex;}
}

.Bottom003207 #bnav1022{ display: none;}


.Columnbanner{position: relative; z-index: 1;}
.Columnbanner .Ispic{height:3rem; background-color: #f2f2f2;}
.Columnbanner .txt{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 10;color: #fff; text-align: left;}
.Columnbanner .txt .cn{font-size:var(--font-size36); padding-bottom: .1rem; font-weight: bold;line-height: 1;}
.Columnbanner .txt .en{font-size:var(--font-size22);}
@media(max-width:1024px){
.Columnbanner .Ispic{height: 38vw;}
.Columnbanner .txt .cn{font-size:var(--font-size32);}
.Columnbanner .txt .en{font-size:var(--font-size20);}
}


.Menu003135{border-bottom: 1px solid #ebebeb;}
.Menu003135 .fr{float: left;}
.Menu003135 .current{ font-size:var(--font-size16); padding-left:.25rem;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto; line-height:.8rem; display: none;}
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: #999;}
.Menu003135 .current span{color: #333;}
.Menu003135 .nav-menu li{float: left;font-size: var(--font-size18);line-height:.8rem;}
.Menu003135 .nav-menu li:not(:last-child){margin-right:.5rem;}
.Menu003135 .nav-menu li a{display: block;position: relative;}
.Menu003135 .nav-menu li a:hover,
.Menu003135 .nav-menu li.aon a{color:var(--hover-color);}
.Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color:var(--hover-color);}
@media (max-width:1024px) {
.Menu003135 .current{display: none;}   
.Menu003135 .nav-menu li{line-height:.6rem;}
}


.Menu002518{background-color:#fff;border-radius: 0.15rem;padding:0.3rem;}
.side-open_menu{font-size: var(--font-size32);color: var(--hover-color);padding-bottom: 0.2rem;position: relative;display: none;}
.side-open_menu::after{content: "";display: block;width: 90%;height: 1px;background-color: #dcdcdc;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.side-open_menu span{display: block;font-size: var(--font-size18);color: var(--grey2);}
/* .Menu002518 .side-menu{margin-top: 0.2rem;} */
.Menu002518 .side-menu li a{display:block; position:relative; color:#333;}
.Menu002518 .side-menu li a i{ position:absolute; top:50%;}
.Menu002518 .side-menu li a i::before,
.Menu002518 .side-menu li a i::after{ position:absolute; content:''; background:#d1d1d1;}
.Menu002518 .side-menu li a i::before{ left:20%; height:.02rem; width:60%; top:50%; margin-top:-.01rem;}
.Menu002518 .side-menu li a i::after{ left:50%; width:.02rem; margin-left:-.01rem; top:20%; height:60%;}
.Menu002518 .side-menu .one > li > a{ line-height:.6rem;font-family: hmm; font-size:var(--font-size18);}
.Menu002518 .side-menu .one > li > a i{right:0; margin-top:-.1rem; width:.2rem; height:.2rem;}
.Menu002518 .side-menu .one > li > a em{font-style: normal;display: inline-block;width: 0.25rem;height: 0.25rem;background-position: center 10%;background-repeat: no-repeat;background-size: 0.2rem;vertical-align: middle;margin-right: 0.05rem;}
.Menu002518 .side-menu .one > li > a .on1{display: inline-block;}
.Menu002518 .side-menu .one > li > a .off1{display: none;}
.Menu002518 .side-menu .one > li ul{ display:none; padding: 1em 0 1em .4rem;position: relative;}
.Menu002518 .side-menu .one > li ul::after{content: "";display: block;width: 1px;height: 90%;background: #dcdcdc;position: absolute;top: 50%;transform: translateY(-50%);left: 0.1rem;}
.Menu002518 .side-menu .two > li.aon a,.Menu002518 .side-menu .two > li a:hover{color: var(--hover-color);}
.Menu002518 .side-menu .one > li > a:hover,
.Menu002518 .side-menu .one > li.aon > a{ color:var(--hover-color);}
.Menu002518 .side-menu .one > li > a:hover > i::before,
.Menu002518 .side-menu .one > li.aon > a > i::before{ background:var(--hover-color);}
.Menu002518 .side-menu .one > li > a:hover > i::after,
.Menu002518 .side-menu .one > li.aon > a > i::after{ display:none;}
.Menu002518 .side-menu .one > li > a:hover .off1,.Menu002518 .side-menu .one > li.aon > a .off1{display: inline-block;}
.Menu002518 .side-menu .one > li > a:hover .on1,.Menu002518 .side-menu .one > li.aon > a .on1{display: none;}
/* .Menu002518 .side-menu .one > li.aon > a > i::before{background:var(--white);} */
.Menu002518 .side-menu .two > li > a{ line-height:.5rem;  position:relative;background-color: #f9f9f9;border-radius: 0.1rem;padding-left: 0.3rem;margin-bottom: 0.1rem;font-size: var(--font-size16);color: #333;}
.Menu002518 .side-menu .two > li > a i{right:.2rem; margin-top:-.1rem; width:.2rem; height:.2rem;}
/* .Menu002518 .side-menu .two > li > a::after{ position:absolute; content:''; opacity:0; border-color:transparent; border-width:.05rem 0 .05rem .06rem; border-style:solid; border-left-color:var(--hover-color); left:-.2rem; top:50%; margin-top:-.06rem;} */
.Menu002518 .side-menu .two > li > a:hover::after,
.Menu002518 .side-menu .two > li.aon > a::after{ opacity:1;}
.Menu002518 .side-menu .two > li > a:hover > i::before,
.Menu002518 .side-menu .two > li.aon > a > i::before{ background:#333;}
.Menu002518 .side-menu .two > li > a:hover > i::after,
.Menu002518 .side-menu .two > li.aon > a > i::after{ display:none;}

.Menu002518 .side-menu .three{ position: relative; z-index: 2; padding-top:0.1rem !important; padding-bottom: 0.2rem !important;}
.Menu002518 .side-menu .three::after{display: none !important;}
.Menu002518 .side-menu .three > li{line-height:.3rem; }
.Menu002518 .side-menu .three > li > a{color:var(--grey2);}
.Menu002518 .side-menu .three > li > a::after{ position:absolute; content:''; opacity:0; border-color:transparent; border-width:.05rem 0 .05rem .06rem; border-style:solid; border-left-color:#333; left:-.2rem; top:50%; margin-top:-.06rem;}
.Menu002518 .side-menu .three > li > a:hover::after,
.Menu002518 .side-menu .three > li.aon > a::after{ opacity:1;}
.Menu002518 .side-menu li a:hover,
.Menu002518 .side-menu li.aon > a{ color:#333;}
@media(min-width:1025px){
}
@media(max-width:1024px){
.Menu002518{ position:relative; z-index:10;padding:0.2rem; margin-bottom: 0.24rem;}
.Menu002518 .side-menu{display:none; position:absolute; left:0; width:100%; top:100%; margin-top:.05rem; z-index:100; background-color: #fff; padding: 0.2rem;}
.Menu002518 .side-open_menu{display: block;position: relative;padding-bottom: 0rem;font-size: var(--font-size20);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.side-open_menu span{ display: none;}
.side-open_menu::after{ display: none;}
.Menu002518 .side-open_menu::before{ position:absolute; content:''; border:.08rem solid transparent; border-top-color:var(--hover-color); right:.1rem; top:50%; margin-top:-.02rem;}
}

.submitBtn{width:1.6rem;height:0.5rem;border-radius:0.08rem;border:1px solid var(--hover-color);-webkit-border-radius:0.5rem;-moz-border-radius:0.08rem;-ms-border-radius:0.08rem;-o-border-radius:0.08rem;display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-size: var(--font-size16);}
.submitBtn a:hover{color:var(--white)}
.submitBtn::after{background-repeat: no-repeat; content:'';display:block;width:0.16rem;height:0.14rem;background-image:url(../images/arrow-w.svg);background-size:0.16rem 0.14rem;margin-left:0.1rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.submitBtn:hover::after{margin-left:0.2rem}


.solutionList{background:rgba(247, 248, 250, 1);padding:var(--padMar100) 0;}
/* .solutionList .ul{align-items:flex-start} */
.solutionList .ul .item{width:32%;margin-right:2%;margin-bottom:4%;background:#fff;border-radius:0;padding-top:0.4rem;padding-bottom:0.5rem;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;border-radius: 0.15rem;overflow: hidden;}
.solutionList .ul .item:nth-child(3n){margin-right:0}
.solutionList .ul .item .itemCon{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}
.solutionList .ul .item .itemCon .img{padding-top:0;width:100%;display:flex;justify-content:center;align-items:center}
.solutionList .ul .item .itemCon .img img{object-fit:contain;max-width: 1.5rem;}
.solutionList .ul .item .title{line-height:1.4;margin-top:.3rem;text-align: center; font-size: var(--font-size18);}
.solutionList .ul .item:hover .title{color: var(--hover-color);}
.solutionList .ul .item .submitBtn{margin-top:0.2rem;background-color:transparent;color:#999;border-color:transparent;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.solutionList .ul .item .submitBtn::after{display:none}
.solutionList .ul .item:hover{box-shadow:0px 0px 35px 0px rgba(33,74,154,0.07);transform: translateY(-.1rem);}
.solutionList .ul .item:hover .submitBtn{background-color:var(--hover-color);border-color:var(--hover-color);color:var(--white)}
.solutionList .ul .item:hover .submitBtn::after{display:block}

@media screen and (max-width:1024px){
.solutionList .ul .item{width:calc(100% / 4 - 0.12rem);margin-right:0.18rem}
}
@media screen and (max-width:768px){
.solutionList .ul .item{padding:0.24rem 0.1rem;}
.solutionList .ul .item .submitBtn{margin-top:0.2rem}
.solutionList .ul{justify-content:space-between}
.solutionList .ul .item{width:calc(100% / 2 - 0.1rem);margin-right:0;margin-bottom:0.2rem}
.solutionList .ul .item:hover{margin-top:0}
}



.Page002623{padding-top:var(--padMar60); text-align: center;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 3vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .5rem; width: .5rem; margin: 0 1px;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); border-radius: 50%;}
.Page002623 .Pages .p_page > a{font-size: 0;height: .5rem;position: relative;}
.Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;}
.Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;}
.Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;}
.Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
.Page002623 .Pages a{background-color: #fff;}
}

/* 产品详情 */
.Product_intro{padding: var(--padMar100) 0 0;}
.Product_intro .tab{margin-top: .3rem;}
.Product_intro .tab dl{display: flex;justify-content: center;}
.Product_intro .tab dd{ float:left; margin:0 .1rem;}
.Product_intro .tab dd{ cursor:pointer; padding:0 .4rem; border:1px solid #f5f5fb; border-radius:.4rem; line-height:.5rem; text-align:center; font-size:var(--font-size18); color:#333; background: #f5f5fb;}
.Product_intro .tab dd span{padding-left: .3rem;}
.Product_intro .tab dd .shi{background: url(../images/video.svg) no-repeat left center;}
.Product_intro .tab dd .pic{background: url(../images/picture.svg) no-repeat left center;}

.Product_intro .tab dd.on{ background:var(--hover-color); color: #fff;}
.Product_intro .tab dd.on .shi,
.Product_intro .tab dd.on .pic{filter: brightness(0) invert(1);}

.Product_intro .tab .copy-info{ display:none;}
.Product_intro .js-fade{ position:relative;}

.Product_intro .std-h4{font-size: var(--font-size32); font-weight: bold;line-height:1.5;color: #222;display: flex;align-items: center;}
.Product_intro .std-h4 span{padding: 2px 8px 3px;display: inline-block;margin-left: 10px;background: var(--hover-color);color:#fff;font-size:var(--font-size14);line-height:1.2;border-radius:.3rem;}
.Product_intro .proword{padding: .1rem 0 .2rem; font-size: var(--font-size16); color: #666; line-height:1.6;}
.Product_intro .prodet-ban-ri-min{background: rgba(247, 248, 250, 1); padding:.3rem .4rem; border-radius: .15rem;}
.Product_intro .pbrm-list{display: flex;flex-wrap: wrap;}
.Product_intro .pbrm-list dl{width: 33.333333%;padding: 0 .2rem;margin-bottom:.3rem; list-style: none;text-align: center;}
.Product_intro .pbrm-list dt{text-align: center;font-size: var(--font-size20);font-weight: bold;line-height: 1.6;color: #333;}
.Product_intro .pbrm-list dd{display: block;margin-top: 6px;font-size:var(--font-size14);color:#333 !important;line-height:1.2;font-weight: normal;}
.Product_intro .pbrm-cry,
.Product_intro .pbrm-prod{border-top: dashed 1px #dedede; padding: .2rem 0;}
.Product_intro .pbrm-tilte{font-size: var(--font-size18); color: #333; padding-bottom: .15rem; padding-left: .3rem;}
.Product_intro .app{background: url(../images/pbrm-tilte_01.svg) no-repeat left top 5%;background-size: .22rem;}
.Product_intro .cert{background: url(../images/pbrm-tilte_02.svg) no-repeat left top 5%;background-size: .22rem;}
.Product_intro .pbrm-cry-bot{}
.Product_intro .pbrm-prod-ul{display: flex; flex-wrap: wrap; list-style: none;}
.Product_intro .pbrm-prod-ul-li{padding: 0 .1rem;}
.Product_intro .pbrm-prod-ul .ppul-img{width: .55rem;}


.Product_intro .proinfo_pic{background: #f9f9f9; margin-top: var(--padMar80); padding: var(--padMar80) 0 var(--padMar100) 0;}
.Product_intro .proinfo_pic .img{ text-align: center;}

/*slick Basic*/
.Product_intro .slick-slider { position:relative;z-index: 1; display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Product_intro .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Product_intro .slick-list:focus {outline: none}
.Product_intro .slick-list.dragging {cursor: pointer;cursor: hand;}
.Product_intro .slick-slider .slick-track, 
.Product_intro .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Product_intro .slick-track {position: relative; top: 0; left: 0; display: block;}
.Product_intro .slick-track:before, 
.Product_intro .slick-track:after{display: table; content: '';}
.Product_intro .slick-track:after{ clear: both;}
.Product_intro .slick-loading .slick-track { visibility: hidden;}
.Product_intro .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Product_intro .slick-slide .slick-loading img { display: none;}
.Product_intro .slick-slide .dragging img { pointer-events: none;}
.Product_intro .slick-initialized .slick-slide { display: block;}
.Product_intro .slick-loading .slick-slide { visibility: hidden;}
.Product_intro .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Product_intro .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/


.Product_intro .big{ margin-bottom:.2rem;}
.Product_intro .big li figure{border:1px solid #e5e5e5;  padding-bottom:70%; background-size:contain;}
.Product_intro .small{ padding:0 30px; position: relative;}
.Product_intro .small .slick-arrow{ position:absolute; height:100%; top:0; width:.15rem; z-index:10; cursor:pointer; border: 0;padding: 0; }
.Product_intro .small .slick-prev{ left:0;}
.Product_intro .small .slick-next{ right:0;}
.Product_intro .small .slick-disabled{ cursor:default;}
.Product_intro .small .slick-arrow span{ background: url(../images/btn_next.svg) no-repeat; background-size: contain;width:.14rem;height:.2rem; display: block;}
.Product_intro .small .slick-prev span{transform: rotate(180deg)}
.Product_intro .small li figure{ margin:0 auto; padding-bottom:75%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;}
.Product_intro .small li.slick-current figure{ border-color:var(--hover-color);}

@media(min-width:1025px){
.Product_intro .flex{display: flex;  justify-content: space-between;}
.Product_intro .proinfo_right{width: 60%;margin-left:6%;}
.Product_intro .proinfo_left{width: 40%;}
}

@media(max-width:1024px){
.Product_intro .proinfo_left{ margin-bottom: 0.3rem;}
.Product_intro .tab dl{ float:none;}
.Product_intro .tab dd{ margin:0 1%; }
.Product_intro .tab dd span{ width:auto;}
.Product_intro .std-h4{font-size: var(--font-size28);}
.Product_intro .prodet-ban-ri-min{padding: .3rem .24rem;}
}
@media(max-width:480px){
.Product_intro .tab dd span{ font-size:14px; line-height:32px;}
}

.Product_intro .video{position: relative; z-index: 1;}
.Product_intro .video video{background: #000; height: 4.5rem;}


.PicList000687{padding:var(--padMar100) 0;overflow: hidden; background:rgba(247, 248, 250, 1);}
.PicList000687 .results{font-size: .36rem;padding-bottom: .4rem;color: #333;}
.PicList000687 .news-list .tit{font-size:var(--font-size24);color: #333;}
.PicList000687 .news-list li:hover .tit{color: var(--hover-color);}
.PicList000687 .news-list p{line-height:1.7;color: #666;margin:.2rem 0;}

.PicList000687 .news-list{}
.PicList000687 .news-list li{background: #fff; margin-bottom:.3rem;}
.PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.PicList000687 .news-list .main{border-left: 2px solid var(--hover-color); padding-left: 4.17vw; padding-right: 4.06vw;}
.PicList000687 .news-list li .imgbox{padding-top: 70%;overflow: hidden;  transition: 0.3s;}
.PicList000687 .news-list li a:hover .imgbox img{transform: scale(1.1);}
.PicList000687 .news-list .tit{margin-bottom:.15rem;}
.PicList000687 .news-list time{color: #999; background: url(../images/time.svg) no-repeat left center; background-size: .25rem; padding-left: .3rem;}
.PicList000687 .news-list .more{line-height: normal;color:var(--hover-color);background: none;width: auto; text-align: left;}
.PicList000687 .news-list .more:after{display: inline-block; content: '';background: url("../images/arrow-red2.svg") no-repeat; width:.14rem; height:.14rem; vertical-align: middle; margin-left:.1rem; background-size: .14rem;}
@media(min-width:641px){
.PicList000687 .news-list .pic{width:30%;}
}
@media(max-width:640px){
.PicList000687 .news-list .ytable-cell,
.PicList000687 .news-list .ytable{display: block;}
.PicList000687 .news-list li{margin-bottom:0.2rem;}
.PicList000687 .news-list .main{padding: 0.2rem;border: 2px solid var(--hover-color); border-bottom: 0;}
.PicList000687 .news-list .tit{font-size:var(--font-size20);}
}


.RighInfo002973 {padding:var(--padMar100) 0; background:rgba(247, 248, 250, 1);}
.RighInfo002973 .news-details {padding:.7rem .8rem; background: #fff; border-radius: .15rem;}
.RighInfo002973 .news-details .title {border-bottom: 1px solid #e8f1f7;padding-bottom: .3rem;text-align: center;padding-right: 0; margin-bottom: .3rem;}
.RighInfo002973 .news-details .title h1 {font-size:var(--font-size36);margin: 0 0 .2rem 0; color: #333; font-weight: normal; line-height: 1.5;}
.RighInfo002973 .news-details .title aside span {display: inline-block;vertical-align: middle;margin:0;line-height:1.2;font-size:var(--font-size16);color: #999;}
.RighInfo002973 .news-details .title .bshare-custom {display: inline-block;}
.RighInfo002973 .bshare-custom a {background-position: center center;margin: 0 0 0 .15rem;}
.RighInfo002973 .news-details .edit-info {line-height:1.8;color: #333;border-bottom: 1px solid #e8f1f7;padding: 0 0 .5rem 0;margin-bottom:.5rem;font-size: var(--font-size16); }
.RighInfo002973 .news-details .edit-info p{margin-bottom: .1rem;}
.RighInfo002973 .news-details .edit-info aside{font-size: var(--font-size14); color: #666;}
.RighInfo002973 .news-details .edit-info .text {background: #f1f6ff;padding:.25rem .3rem;color:#333;border-radius:.1rem;}
.RighInfo002973 .news-details .edit-info .img {margin:.2rem 0;}
.RighInfo002973 .news-details .edit-info .img img {margin: 0 auto;display: flex;border-radius: 6px;justify-content: center;}
.RighInfo002973 .pn-page aside {padding:.1rem 0;}
.RighInfo002973 .pn-page aside a {color: #666;font-size:var(--font-size16);}
.RighInfo002973 .pn-page aside a b {color:#333;}
.RighInfo002973 .pn-page aside a:hover {color:  var(--hover-color);}
.RighInfo002973 .operating {overflow: hidden;line-height: 24px;}
.RighInfo002973 .operating a:not(:last-child) {margin-right:.45rem;}
.RighInfo002973 .operating a {float: left;color: #fff;font-size:var(--font-size18); background: url(../images/return.svg) no-repeat right 20% center var(--hover-color); width: 1.8rem; text-align: center; padding:.15rem .6rem .15rem .4rem; border-radius: 0.6rem; background-size: .2rem;}
@media(min-width:1025px) {
.RighInfo002973 .pn-page {min-height: 24px;position: relative;padding-right:2.3rem;}
.RighInfo002973 .pn-page .operating {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

}
@media(max-width:1024px) {
.RighInfo002973 .news-details{padding:.2rem ;}
.RighInfo002973 .operating {padding-bottom:.2rem; display: flex; justify-content: center;}
.RighInfo002973 .operating a {display: inline-block;padding: .12rem .5rem .12rem .24rem;}
.RighInfo002973 .news-details .title h1{font-size:var(--font-size28);}
.Product_intro .video video{background: #000; height: 4.25rem;}
}


.columntitle{ font-size:var(--font-size42);color:#222; margin:0; padding-bottom:.4rem; }

@media(max-width:1024px) {
.columntitle {font-size:var(--font-size32);}
}

/*.Map002364 为demo编号*/
.Map002364{padding:var(--padMar100) 0;}
.Map002364 .columntitle{padding-bottom: .2rem;}
.Map002364 dd{ margin-bottom:2%; padding-left:0; background-color:none; position:relative;}
.Map002364 dd:last-child{ margin-bottom:0;}
.Map002364 .map *{ max-width:none;  border-radius:.15rem;}
.Map002364 dd figure{ padding:0; }
.Map002364 dd ul{ padding-bottom:3%; }
.Map002364 dd li{line-height:.25rem; padding:.2rem 0; padding-left:.4rem; border-bottom:dashed 1px #e1e1e1; background:url( "../images/icon-tel.svg") no-repeat center left; font-size:var(--font-size18); color:#666;background-size:.28rem;}

.Map002364 dd li .wz {font-size:var(--font-size20);color:#333;margin: 5px 0;}
.Map002364 dd li.phone{background-image:url( "../images/icon-tel.svg");}
.Map002364 dd li.email{background-image:url( "../images/icon-email.svg");}
.Map002364 dd li.add{background-image:url( "../images/icon-add.svg");}
@media(min-width:1025px){
.Map002364 dd figure{ width: 43%;}
.Map002364 .map{ position:absolute !important; width:50%; right: 0; height:100%; top:0;}
}
@media(max-width:1024px){
.Map002364 dd{  margin-bottom: 0.3rem;}
.Map002364 .map{  position:relative !important;}
.Map002364 dd figure{ padding:0;}
}



/*Bottom003085 */
.Bottom003085{padding:.1rem 0;font-size:var(--font-size16);color:#666;}
.Bottom003085 a:not(:hover){color:#666;}
.Bottom003085 nav{padding-top: 2.2vw; margin-bottom:.1rem;}
.Bottom003085 nav a{display: inline-block;}
.Bottom003085 nav a:not(:last-child):after{display: inline-block; content: '·'; margin: 0 .05rem;}
.Bottom003085 .slogan{font-size:var(--font-size28);color:var(--hover-color); }
.Bottom003085 .share li{float: left;position: relative; z-index:20;}
.Bottom003085 .share li:not(:last-child){margin-right: .15rem;}
.Bottom003085 .share li figure{position: absolute; width:1.5rem; height:1.5rem;background: var(--hover-color); padding:.05rem; left: 50%; margin-left: -.75rem; bottom: 100%; margin-bottom:.1rem; display: none;}
.Bottom003085 .share li a{display: block;cursor: pointer;background-color: var(--hover-color); background-position: center center;background-size: auto 50%;background-repeat: no-repeat; width:.5rem; height: .5rem; border-radius: 50%;}
.Bottom003085 .share li a:hover{background-color:var(--hover-color);}
.Bottom003085 .share p {margin-right:.1rem; font-size:var(--font-size18);}
@media(min-width:1025px){
.Bottom003085 .slogan{text-align: right;margin-bottom: 3.2rem;}
.Bottom003085 .share{float: left;display: flex;align-items: center;}
}
@media(max-width:1024px){
.Bottom003085{text-align: center;}
.Bottom003085 .share{display: table; margin: 0.2rem auto 0;}
.Bottom003085 .logo{padding: 4vw 0 0 0;}
}
@media(max-width:1024px){
.Bottom003085 .share p{ margin-bottom: 0.16rem; margin-right: 0rem; text-align: center;}
}
@media(max-width:640px){
.Bottom003085 .logo{padding-left: 20%; padding-right: 20%;}
}





.FormInfo{padding:  var(--padMar100) 0; background:url(../images/FormInfo-bg.jpg) no-repeat center;background-size: cover;}
.FormInfo .form-ul{padding: .6rem .7rem;background: rgba(255, 255, 255, 0.9);border-radius:.2rem; }
.FormInfo .form-ul li{margin-bottom: 0.15rem;position: relative;}
.FormInfo .form-ul li .tit{position: absolute; left: 0.15rem; top: 0;font-size: var(--font-size16); font-weight: lighter; line-height: 0.55rem;color:#333;display: block; }
.FormInfo .form-ul li select,
.FormInfo .form-ul li .text{width: 100%;border-radius: 0.05rem;border: solid 1px #eee;font-size: var(--font-size16);line-height: 0.55rem;height: 0.55rem;background: rgba(255, 255, 255, 0.7);color:#333;padding: 0 0.15rem;}
.FormInfo .form-ul li select.focus,
.FormInfo .form-ul li .text.focus{border-color: var(--hover-color); color:#333; box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.1);}
.FormInfo .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.FormInfo .btn{width: 1.8rem;background: var(--hover-color);border-radius: .5rem;font-size: var(--font-size16);height:0.55rem;color: #fff;cursor: pointer;border: 0; margin-top: 0.2rem;margin:.4rem auto 0;display: block;}
@media (min-width:1025px) { 
.FormInfo .form-ul .row2 li{float: left;width: calc(50% - 0.15rem);}
.FormInfo .form-ul .row2 li:nth-child(2n){float: right;}
.FormInfo .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.FormInfo .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.FormInfo .form-ul{padding: 0.2rem;}
}



/*RighInfo002814*/
.RighInfo002814{padding:var(--padMar100) 0;}
.RighInfo002814 .edit_info{font-size: var(--font-size16);color: #333; line-height:1.8;}
.RighInfo002814 p{text-indent: 2em;}
.RighInfo002814 p:not(:last-child){ padding-bottom: .18rem; }
.RighInfo002814 p.linian{font-size: var(--font-size20); padding: 0;}
.RighInfo002814 .info{font-size: var(--font-size16);color: #333; line-height:1.8;}
.RighInfo002814 .info h2{font-size: .18rem;color: #333;padding-bottom: .06rem;}
.RighInfo002814 .title{border-top:5px solid #f8f8f8; margin:1rem 0 .4rem .1rem;position: relative; z-index: 4;}
.RighInfo002814 .title-nt{margin-top: 0;}
.RighInfo002814 .title aside{display: table; margin-top:-.24rem; padding-right:.2rem; background:#fff;}
.RighInfo002814 .title span{display: table;line-height:.44rem; border-radius:.3rem; padding:0 1em; background: #f1f1f1;font-size:var(--font-size22);color:#333;}
.RighInfo002814 .title span i{font-style: normal;float: left;padding: 0 1em; margin-left:-.32rem; margin-top:-.1rem;color:#fff;border-radius:.3rem; background: var(--hover-color); margin-right:.1rem;}
.RighInfo002814 .intro{position: relative; z-index: 1; }
.RighInfo002814 .intro .title{margin-bottom: 0; margin-top:.3rem; margin-left: 0;}
.RighInfo002814 .intro .title aside{padding: 0 .4rem; margin-left: auto; margin-right: auto;}
.RighInfo002814 .intro .main{border-left:5px solid #f8f8f8;border-right:5px solid #f8f8f8;padding:.6rem; margin-top:-.24rem;line-height: 1.75;}
.RighInfo002814 .intro .main b{color: var(--hover-color);}
.RighInfo002814 .subtit{text-align: center; color: var(--hover-color); font-size:var(--font-size24); margin:.3rem 0 .2rem;}
.RighInfo002814 .info .subtit{text-align: left;}
.RighInfo002814 .pic img{border-radius: .1rem;}
.RighInfo002814 .dl1 dd{padding:.6rem 3em .4rem; text-align: center; border:3px dashed var(--hover-color); border-radius:.3rem; position:relative; margin-top:.3rem;}
.RighInfo002814 .dl1 .num{font-size:var(--font-size24); width:.6rem; line-height:.6rem; color:#fff; background:var(--hover-color); border-radius: 50%; position: absolute; left: 50%; top:0; transform: translate(-50%,-50%); font-weight: bold;}
.RighInfo002814 .dl1 .t1{font-size:var(--font-size20); color:#333; line-height: 1.75;}
@media(min-width:1025px){
.RighInfo002814 .flex{display: flex; justify-content: space-between; align-items: center;}
.RighInfo002814 .info{width:53%; padding-right:5%;}
.RighInfo002814 .pic{width:47%;}
.RighInfo002814 .dl1 dd{width: 31.3%; margin-right: 3%;}
.RighInfo002814 .dl1 dd:nth-child(3n){ margin-right:0;}
}
@media (max-width:1024px) {
.RighInfo002814 .intro .main{padding: .2rem 0.2rem 0.6rem 0.2rem;}
.RighInfo002814 .info{margin-bottom: 0.24rem;}
.RighInfo002814 .subtit{font-size: var(--font-size20);}
}


.placeholder{padding-bottom:var(--padMar100) ;}

.PicList002925{background: #f5f5f5;padding:1rem 0;overflow: hidden;}
.PicList002925 .column_tit{padding-bottom: .5rem;}
.PicList002925 .list{padding: 0 .4rem; --imgh:2rem;--t:calc(var(--imgh) - .5rem);}
.PicList002925 .list ul{margin: 0 -2vw;}
.PicList002925 li{text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top var(--t)  left;}
.PicList002925 li a{display: block;position: relative; z-index: 3;}
.PicList002925 li .pic{padding-bottom:.2rem; position: relative;}
/* .PicList002925 li .pic:after{position: absolute;right: -24px;background: url(../images/PicList002433_ying.png) no-repeat left bottom;width: 24px;height: 100%;background-size: contain;content: '';} */
.PicList002925 li .img{height: var(--imgh);margin: 0 auto; background: url(../images/honor_frame_01.png) no-repeat; background-size: 100% 100%; padding: .12rem; box-shadow: .05rem .05rem .05rem rgba(var(--rgb-black),0.2);}
.PicList002925 li .tit{margin-top:.2rem; margin-bottom:.7rem; padding: 0 8%;}
.PicList002925 li .tit aside{font-size: var(--font-size18); line-height:1.3;min-height:.4rem;}
.PicList002925 .Page002623{padding-top: .3rem;}
@media(min-width:769px) and (max-width:1440px){
.PicList002925 .list{--imgh:calc(185 / 1440 * 100vw);}
}
@media(min-width:769px){
.PicList002925 li{width:25%;}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top var(--t) #f5f5f5; width:.9rem;left: -2vw;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top var(--t) #f5f5f5; width:.9rem;right: -2vw;}
}
@media(max-width:768px){
.PicList002925 .list{padding: 0 6vw;--imgh:25vw;--t:calc(var(--imgh) - .4rem);}
.PicList002925 li{width:50%;}
.PicList002925 li .pic{padding-bottom: 20px;}
.PicList002925 li .tit{margin-bottom: 5vw;}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top var(--t) #f5f5f5; width:7.4375vw;left: -3vw;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top var(--t) #f5f5f5; width:7.4375vw;right: -3vw;}
.PicList002925 li .tit aside{font-size: 3vw;}
}


.FloatBox{position: fixed;z-index:99;right:0.2rem;top:50%;transform: translateY(-50%);/* background: url(../images/ip.png) no-repeat top center; background-size: 1.5rem auto; */}
.FloatBox li{margin-bottom:0.05rem;position: relative; list-style: none;}
.FloatBox li>a{width:0.55rem;height:0.55rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 0.5rem;background: var(--hover-color);font-weight: lighter;color:#fff;font-size: var(--font-size14);}
.FloatBox li .icon{display: flex;align-items: center;justify-content: center;}
.FloatBox li .icon img{ max-width: 0.3rem;}
.FloatBox li:hover>a{background: var(--hover-color);}
.FloatBox li .tcbox{min-height:100%;min-width:1.5rem;right:108%;border-radius: 0.05rem;background: var(--hover-color);position: absolute;color:#fff;text-align: center;top:0%; padding:0.15rem;display: flex;align-items: center;flex-direction: column;white-space: nowrap;justify-content: center;display: none;}
.FloatBox li .tcbox p{ margin: 0; line-height: 1.5; }
.FloatBox li .tcbox p b{ font-size: var(--font-size20);}
.FloatBox li .tcbox p:nth-child(2){margin-bottom: .15rem;}
.FloatBox li .tcbox img{ margin-bottom: 0.08rem;}
.FloatBox li:hover .tcbox{display: flex;}
.FloatBox li.gotop{opacity: 0;visibility: hidden;transition: all .5s;}
.FloatBox li.gotop a{background:var(--hover-color);}
.FloatBox li.gotop .icon img{ max-width: 0.16rem;}
.FloatBox li.gotop.on{opacity: 1;visibility: visible;}
.FloatBox li a:hover{box-shadow:0px 0.1rem 0.2rem rgba(var(--rgb-hover),0.3); }

@media(max-width:640px){
.FloatBox{right:0.1rem;}
.FloatBox li>a{width: 0.5rem; height: 0.5rem;}
.FloatBox li .icon img{max-width: 0.24rem;}
}

.Searchcont{position: relative; z-index: 1;background-size: cover; background-color: #f2f2f2;}
.Searchcont > img{opacity: 0;position: relative; z-index: -1;}
.Searchcont .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.Searchcont .txt .ytable{height: 100%;}
.Searchcont .txt .email{ position: relative;max-width: 7.8rem; width: 100%; margin: 0 auto;background: #fff;    border-radius:.1rem;}
.Searchcont .email input{font-size: var(--font-size16);}
.Searchcont .email .text{width: 100%; padding: 0.18rem 0.3rem; line-height: .26rem;border: 0;color: #999;border-radius:.1rem;}
.Searchcont .email .text.focus{color: #333;}
.Searchcont .email .btn{position: absolute; right: 0; top: 0; height: 100%; width: 1.3rem;color: #fff; cursor: pointer; border: 0;text-transform: uppercase; border-radius: 0 .1rem .1rem 0; background: url(../images/search-white.svg) no-repeat left 25% center  var(--hover-color); background-size: .2rem; padding-left: .3rem;}
.Searchcont .txt .remen{font-size: var(--font-size16);color: #fff;margin-top:0.3rem; font-weight: bold;}
.Searchcont .txt .remen a{font-size:var(--font-size14);color: #fff; margin-right:.14rem; background: hsla(0, 0%, 100%, .18);padding: 0.09rem 0.15rem;border-radius:.5rem; font-weight: normal;}
.Searchcont .txt .remen a:first-child{margin-left:.2rem;}
@media(max-width:768px){
.Searchcont{overflow: hidden;}
.Searchcont .email .text{padding: 0.15rem 0.24rem;}
.Searchcont > img{max-width: inherit; width: 150%;margin-left: -25%;}
.Searchcont .txt .auto{width: 94%;}
.Searchcont .txt .remen{display: flex;flex-wrap: wrap;justify-content: center;}
.Searchcont .txt .remen a{margin-right: .08rem;font-size: var(--font-size14);padding: 0.06rem 0.12rem; margin-bottom: 0.05rem;}
}
