body { --hover-color:#9fc518;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --green:#8cb300; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:159,197,24;--rgb-green:140,179,0; --radius: .1rem;}

a:hover{color:var(--hover-color); }

.w1280{max-width: 1400px;margin: 0 auto;width: 94%;}

/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,
.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,
.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.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;}


.flexbw{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;}


.Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size28);color: #000;font-weight: 500;padding-left: 0.2rem;}
.Hometitle .cn:before {width: 0.05rem;height: 0.28rem;background-color: var(--hover-color);border-radius: 0.1rem;content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.Hometitle.center{ text-align: center;}

.Hometitle .title {font-size: var(--font-size36);color: #000;font-weight: 500;}


.Homemore{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: #333;font-size:var(--font-size14);display: inline-flex; align-items: center;}
.Homemore i {display: flex;align-items: center; justify-content: center;margin-left: .06rem ; width: 0.2rem; height: 0.2rem; border-radius:50%; background: var(--hover-color);}
.Homemore i:after,
.Homemore i:before {content: "";width: .06rem;height: .06rem;border-left: solid 1px  #fff;border-top: solid 1px #fff;display: block;transform: rotate(135deg)}
/* .Homemore:hover i:after,
.Homemore:hover i:before {border-color: var(--hover-color)} */

@media(max-width: 1024px) {
    .Hometitle .cn {font-size: var(--font-size24);}
}


/*Top002047 */
.Top002047{ }
.Top002047 .Toper{ line-height:0.4rem; background:#f7f7f7;position: relative;z-index: 100; font-size: var(--font-size14);}
.Top002047 .top{ position: relative;z-index: 1;}
.Top002047 .Toper menu{margin-left: 0.73rem;display: inline-block;}
.Top002047 .Toper .Tel_top{display: inline-block;}
.Top002047 .Toper .Tel_top span:not(:last-child){margin-right: 0.3rem;position: relative;}
.Top002047 .Toper .Tel_top span:not(:last-child):after{content: "";position: absolute;right: -0.17rem;top: 50%;margin-top:-0.06rem;width: 1px;height: 0.12rem;background-color: #cccccc;}
.Top002047 .Toper .Tel_top .tel{ font-size:var(--font-size16) ;color:var(--hover-color); font-weight: bold;background: url(../images/top_tel.svg) left center no-repeat; background-size: 0.18rem auto; padding-left: 0.24rem;}
.Top002047 .Toper .Tel_top .slogan{font-size:var(--font-size16)}
.Top002047 .Toper dd a:hover{ color:var(--hover-color);}

.Top002047 .grcenter{cursor: pointer;position: relative; transition: 0.3s;}
.Top002047 .grcenter .head{display: none;text-align: center;padding-top:0.15rem;line-height: 0.3rem}
.Top002047 .grcenter .head span{font-weight: 500;color:#333;font-size: var(--font-size15);}
.Top002047 .grcenter .head .img{border-radius: 50%;width:0.45rem;height: 0.45rem;display: block;margin: 0px auto 0.04rem;background-color: var(--hover-color);position: relative;}
.Top002047 .grcenter .head .img img{ max-width: 28px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.Top002047 .grcenter aside{display: inline-block;line-height: 30px}
.Top002047 .grcenter ul{display: none;line-height: 30px}
.Top002047 .grcenter ul li:nth-child(1){border-bottom:1px solid #e9e9e9;}
.Top002047 .grcenter ul li:hover a{color:var(--hover-color);}
.Top002047 .grcenter i{position: relative;}
.Top002047 .grcenter i:after {display: inline-block;position: absolute;right:-15px;top: 50%;content: '';width: 8px;height: 8px;transform:rotate(135deg);border-top: 1px solid #ccc;border-right: 1px solid #ccc;margin-top: -4px;vertical-align: middle;}
.Top002047 .grcenter .loginout{margin-left: 31px;display: none;}
.Top002047 .grcenter.on {padding: 0 0.3rem;background-color: #fff;border: 1px solid #f0f0f0;position: absolute;left: 0;top: 0;}
.Top002047 .grcenter.on .head{display: block;}
.Top002047 .grcenter.on .loginout{display: inline-block;vertical-align: middle;}
.Top002047 .grcenter.on ul{padding: 0px 0 15px;display: block;}


.Top002047 header{ position:relative;padding:0.32rem 0;display: flex;align-items: center;justify-content: space-between}
.Top002047 .logo{display: flex;align-items: center;}
.Top002047 .logo img{ max-height: 0.72rem;}
.Top002047 .slogan{font-size: var(--font-size20); margin-left: .15rem;display: flex;align-items: center;color: var(--hover-color); }
.Top002047 .slogan:before{content: '';display: block;width:1px;height: .2rem;background-color:rgba(0,0,0,0.2);margin-right: .15rem;}
.Top002047 .search{ width: 4rem;}
.Top002047 .search dt{ border:1px solid var(--hover-color); position:relative; background:url(../images/search.svg) no-repeat 0.1rem center; background-size: 0.16rem auto; border-radius: 5px; overflow: hidden;}
.Top002047 .search .text{ height:0.42rem; line-height:0.42rem; background:none; padding:0 1rem 0 0.42rem; width:100%; border:none; color:#333;}
.Top002047 .search .btn{position:absolute; right:0; top:0;  width:0.9rem; height:100%; color:#fff; border:none;background:var(--hover-color); font-size:var(--font-size16);cursor:pointer; padding:0;line-height: 1;display: flex;align-items: center;justify-content: center;}
.Top002047 .search dd{ line-height:0.35rem;color:#999; font-size:var(--font-size14) ;}
.Top002047 .search dd a{color:#999; display:inline-block; margin-right:0.1rem;}
.Top002047 .search dd a:hover{ color:var(--hover-color);}

.Top002047 .btnlist .tel{display: inline-block; font-size:var(--font-size26) ;color:var(--hover-color); font-weight: 500;background: url(../images/top_tel.svg) left center no-repeat; background-size: 0.26rem auto; padding-left: 0.36rem;}

.Top002047 nav{ background-color:var(--hover-color);}
.Top002047 nav .auto{ position:relative;z-index: 2;}
.Top002047 .category{ float:left; width:18.36%; position:relative; z-index:100;}
.Top002047 .category h3{ color:#fff; font-size:var(--font-size18); line-height:0.55rem; margin:0; background-color:var(--green); padding:0 0.24rem;}
.Top002047 .category h3 span{display:inline-block;vertical-align: middle;margin: -0.03rem 0.14rem 0 0;}
.Top002047 .category h3 span i{display:block;height: 0.02rem;width:0.15rem;background: #fff;margin: 0.04rem 0 0.04rem 0.05rem;position: relative;}
.Top002047 .category h3 span i:before{width: 0.02rem;height: 0.02rem;content: "";position: absolute;left: -0.04rem;top: 0;background-color: #fff;}
.Top002047 .category h3 .jt{position: absolute;right: 0.21rem;font-size: var(--font-size16);}
.Top002047 .category h3:after {display: inline-block;position: absolute;right:0.2rem;top: 50%;content: '';width: 0.1rem;height: 0.1rem;transform:translateY(-50%) rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;margin-top: -0.04rem;vertical-align: middle;}

.top-det .hover{display: none;}
.top-det .category h3{background: unset;color: #fff;}
.top-det .category:hover h3{background-color:var(--green);color:#fff;}
.Top002047 .hover{ position:absolute;  width:100%; top:100%; height:100% ; left:0; background-color: rgba(var(--rgb-green),0.8);}
.Top002047 .hover dd{ line-height:0.5rem;}
.Top002047 .hover dd.on > a{color:#fff; }
.Top002047 .hover dd > a{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0.2rem; color:#fff;border-bottom: 1px dashed rgba(255,255,255,0.3); font-size:var(--font-size16) ;}
.Top002047 .hover dd > a img{ margin-right:0.12rem; width:0.25rem; height:0.25rem;}
.Top002047 .box{ position:absolute;padding:0.2rem 0.3rem; left:100%; top:0; background: rgba(255,255,255,0.95); height: 100%; width:445%;border-left: 1px solid rgba(0,0,0,0.08); overflow-y: auto;display:none;}
.Top002047 .box ol h2 { margin: 0; line-height: 1.8;font-size: var(--font-size18);color:var(--hover-color);border-bottom: 1px solid rgba(0,0,0,0.08); padding-bottom: 0.08rem;}
.Top002047 .hover dd.on{background: var(--hover-color);}

.Top002047 .box ol li{ float:left; line-height:0.4rem;}
.Top002047 .box ol li:not(:last-child):after{ display:inline-block; content:''; margin:0 0.18rem; width:0.02rem; border-right:1px dashed #ccc; height:0.1rem;}
.Top002047 .box ol li a{ color:#333;font-size: var(--font-size16);}
.Top002047 .box ol li a:hover{ color:var(--hover-color);}
.Top002047 .menu{ float:left; width:81.6%;}
.Top002047 .menu li{ line-height:0.55rem;height:0.55rem;text-align: center;padding: 0 0.4rem;}
.Top002047 .menu li a{ color:#fff; font-size:var(--font-size16); display:block; position: relative;}
.Top002047 .menu li a:hover{ color:#fff;}
.Top002047 .menu li a:after {content: "";position: absolute;left: 50%;width: 11px;margin-left: -5px;bottom: 0;height: 5px;background: url(../images/menu_arr.png) no-repeat;opacity: 0;}
.Top002047 .menu li:hover a:after,
.Top002047 .menu li.aon a:after{opacity: 1;}
.Top002047 .menu li:hover,
.Top002047 .menu li.aon{background: var(--green);}
.Top002047 .Hbanner{position: relative;background: #f9f9f9;}
.Top002047 .Hbanner .banner-box{ position:relative; z-index:1;}
.Top002047 .Hbanner ul.slider{/* max-width:760px;margin:0 auto;padding-top:25px; */}

.Top002047 .Hbanner .slick-dots{position: absolute; left: 0;width: 100%;text-align: center; bottom: calc(60 / 1920 * 100%);z-index: 10;}
.Top002047 .Hbanner .slick-dots li{width: 0.12rem;height: 0.12rem; background: rgba(255,255,255,0.7); border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 0.1rem;}
.Top002047 .Hbanner .slick-dots li button{display: none;}
.Top002047 .Hbanner .slick-dots li.slick-active{background: var(--hover-color);}

.Top002047 .use_shell {position: absolute;top: 0;left: 0;width: 100%; }
.Top002047 .topNews{width: 18.5%;position: relative; z-index: 10;background-color: #fff;padding: calc(10 / 16 * 1em) calc(15 / 16 * 1em) calc(20 / 16 * 1em);min-height: 435px;margin-top:25px;}
.Top002047 .topNews .head{text-align: center;padding-top:calc(14 / 14 * 1em);padding-bottom:calc(20 / 14 * 1em);border-bottom: 1px solid #eee; font-size:calc(14 / 16 * 1em) ;}
.Top002047 .topNews .head p{ margin: 0;}
.Top002047 .topNews .head .img{border-radius: 50%;width: calc(50 / 14 * 1em);height: calc(50 / 14 * 1em);display: block;margin: 0px auto calc(8 / 14 * 1em);background-color: #131313;position: relative;}
.Top002047 .topNews .head .img img{ max-width: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.Top002047 .topNews .head .btn{margin-top: 16px;}
.Top002047 .topNews .head .btn a{display: inline-block;border-radius: 3px;border: 1px solid #131313;color: #131313; padding: 0 12px; line-height: 32px;margin: 0 5px;width: 100%;}
.Top002047 .topNews .head .btn a + a{margin-top: 8px;}
.Top002047 .topNews .head .btn a.on,
.Top002047 .topNews .head .btn a:hover{color: #fff;background-color: #131313;}
.Top002047 .topNews .erm{padding: 20px 26px 0;text-align: center;}
.Top002047 .topNews .erm h3{font-size: var(--font-size14);margin-bottom: 0;}
.Top002047 .topNews .news{padding-top:0.15rem;}
.Top002047 .topNews .news .tithead a{ display: block; background-color: #131313; color: #ffffff; text-align: center;border-radius: 5px; padding:0.08rem 0.2rem; }
.Top002047 .topNews .news .list{ padding: 13px 0 14px;}
.Top002047 .topNews .news .list li{padding-left:0.14rem; position: relative; margin-bottom: 0.1rem;}
.Top002047 .topNews .news .list li a{font-size:var(--font-size14) ;line-height: 1.6;}
.Top002047 .topNews .news .list li a:hover{color: var(--hover-color);}
.Top002047 .topNews .news .list li:before {position: absolute;left: 0;top: 10px;content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #131313;}
.Top002047 .topNews .news .xinxi{ text-align: center;font-size:var(--font-size14) ;color: #333; }
.Top002047 .topNews .news .xinxi .total{font-size:var(--font-size16);color: #131313;margin-top: 8px;}
.Top002047 .topNews .news .xinxi .view{display: block;text-decoration: underline;color: #131313; margin-top: 8px;}
.Top002047 .box .ul{margin-bottom: 20px;}

@media(min-width:1025px){
    .Top002047 .logo{width: 5.2rem;}
    .Top002047 .btnlist{width: 2.2rem;text-align: right;}
    .Top002047 .menu{ float:left; width:81.6%;display: flex;/* justify-content: space-between; */align-items: center}
    .Top002047 .Hbanner .imgbox{ padding-top:5.5rem;}
    .Top002047 .Hbanner .wap{display: none;}
    .Top002047 .hover{ min-height: 5.5rem; }
}

@media(max-width:1200px){
    .Top002047 .search{ right:2%;}
}

@media(max-width:1024px){
    .Top002047 header {padding: 15px 0;flex-wrap: wrap}
    .Top002047 header .search{position: absolute;top: 94px;left: 0}
    .Top002047 header .btnlist{display: flex;justify-content: space-between;align-items: center;width: 100%}
    .Top002047 .Hbanner .pc{display: none;}
    .topNews{width: 100%}
    .Top002047 .slogan{font-size: var(--font-size16);;}
    .Top002047 .search{ position:relative; right:auto; max-width:none; width:100%; margin-top:0;}
    .Top002047 .search dd{ line-height:24px; padding:2% 0;}

    .Top002047 .logo{ position:relative;width: 100%;padding-bottom: 70px}
    .Top002047 .mobile_menu{ width:48px;height:40px;position: relative;margin-left: 20px}
    .Top002047 .mobile_menu span,
    .Top002047 .mobile_menu span::before,
    .Top002047 .mobile_menu span::after{position:absolute; width:100%; left:0;height:4px;background-color:var(--hover-color);; border-radius:4px;}
    .Top002047 .mobile_menu span{ top:50%;margin-top:-2px; }
    .Top002047 .mobile_menu span::before,
    .Top002047 .mobile_menu span::after{content:''; }
    .Top002047 .mobile_menu span::before{ top:10px;}
    .Top002047 .mobile_menu span::after{ top:-10px;}
    .Top002047 .mobile_menu.open span{background: none}
    .Top002047 .mobile_menu.open span::before{ transform: rotate(45deg);top: 0}
    .Top002047 .mobile_menu.open span::after{ transform: rotate(-45deg);top: 0}

    .Top002047 nav{ display:none;}
    .Top002047 .category,
    .Top002047 .menu{ float:none; width:auto;}
    .Top002047 .hover{ position:relative; top:auto; left:auto; height:auto !important;}
    .Top002047 .box{ position:relative; width:auto; left:auto;}
    .Top002047 .box ol{ margin:0;}
    .Top002047 .menu li{ float:none; width:auto; line-height:normal; height:auto; padding:1px 0 0;font-weight: normal;font-size: 18px}
    .Top002047 .menu li a{ padding:2%; background-color:var(--green);;}

    .Top002047 .banner{padding-top: 20px}
    .Top002047 .use_shell{position: relative}
    .Top002047 .topNews{width: 100%;margin-top: 0;min-height: auto;display: flex;align-items: center;justify-content: space-between}
    .Top002047 .topNews .erm{max-width: 120px;padding: 20px 0}
    .Top002047 .topNews .head{border-bottom: 0;border-right: 1px solid #eee;padding-right: 50px;padding-bottom: 0}
    .Top002047 .topNews .head .btn a{margin: 5px 0 0!important}

}


.top-det .hover{display: none;opacity: 0;}
.top-det .category:hover{cursor: pointer;}
.top-det .category:hover .hover{display: block;opacity: 1;transition: 0.3s;}



.HomeHot{padding: var(--padMar60) 0 ;}
.HomeHot .slider{margin: 0 -0.1rem;}
.HomeHot li{margin: 0 0.1rem;}
.HomeHot li a{ display: block; background-color: #f9f9f9;border-radius: 0.1rem; overflow: hidden;}
.HomeHot li .imgbox{padding-top: 62.705%; transition: 0.3s;  }
.HomeHot li a:hover .imgbox img{transform: scale(1.1);}
.HomeHot li .txt {overflow: hidden; text-align: center; padding: 0.16rem 0.12rem;}
.HomeHot li .tit{font-size: var(--font-size18);color: #000; line-height: 1.5;/* margin-bottom: 0.1rem; */ }
.HomeHot li .desc {color: #333;font-size: var(--font-size15); line-height: 1.6;/* font-weight: 100; */ display: none;}
.HomeHot li:hover .tit{color: var(--hover-color);}

.HomeHot .slick-arrow{width: 0.45rem; height: 0.45rem;  border-radius: 0.5rem; z-index: 22;border:1px solid var(--hover-color);position: static;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;}
.HomeHot .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.HomeHot .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}

.HomeHot .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeHot .slick-arrow:hover:before{ border-color: #fff;}

@media (min-width:1025px) { 
    .HomeHot .slick-prev{left:-0.55rem;}
    .HomeHot .slick-next{right:-0.55rem;}
}
@media (max-width:1400px){
    .HomeHot .slick-prev{left:-0.15rem;}
    .HomeHot .slick-next{right:-0.15rem;}
}
@media (max-width:1024px) {
    .HomeHot .slick-prev{left:0rem;}
    .HomeHot .slick-next{right:0rem;}
}


.Main{background: #f5f5f5;}
.Homebox1{background: #f5f5f5;padding-bottom:var(--padMar60);}
.bg999{background: #F9F9F9;}
.HomeAdv{padding-top: 0.3rem;}
.HomeAdv img{border-radius: 0.1rem;width: 100%}

.Homepro{ padding: var(--padMar60) 0 0 0;}
.Homepro .left { background: #9fc518;  /* display: flex; flex-wrap: wrap;align-content: space-between; */ overflow: hidden; border-radius: 0.1rem;position: relative; margin-bottom: 0.2rem;}
.Homepro .left .info{padding: 0.86rem 0.3rem ;position: relative; z-index: 5;}
.Homepro .left .title{font-size: var(--font-size24);color: #fff; line-height: 1.5; margin-bottom: 0.24rem; }
.Homepro .left li { font-size: var(--font-size18); line-height: 0.26rem; margin-bottom: 0.1rem;  float: left; margin-right:0.15rem; padding: 0.06rem 0.2rem; border: 1px solid #fff; text-align: center; border-radius: 0.05rem;  }
.Homepro .left li a { color: #fff; text-align: center; }
.Homepro .left li:hover{ background: var(--green); border-color:var(--green) ;}
.Homepro .left li:hover a{ color: #fff; }
.Homepro .left .pic {position: absolute;left: 0;bottom: 0;width: 100%; height: 100%;}
.Homepro .left .pic img{width: 100%; height: 100%; object-fit: cover; opacity: 0.4;}
/* .Homepro .left .pic::before {content: '';position: absolute;bottom: 0;height: 100%;width: 100%;left: 0;background: linear-gradient(0deg, rgba(33, 158, 3, 0.5) 0, rgba(33, 158, 3, 0.2) 100%);border-radius: 0.1rem;z-index: 2;} */

.Homepro .right ul{ display: flex; flex-wrap: wrap; margin-top: -2%;}
.Homepro .right li{ float: left; margin-right: 2%; margin-top: 2%; background-color: #fff; border-radius: 0.1rem; overflow: hidden;}
.Homepro .right li .pic{flex: 0 0 auto;width: 24%;border-radius: 0.15rem;overflow: hidden;}
.Homepro .right li .imgbox{padding-top: 62.705%; transition: 0.3s;  }
.Homepro .right li a:hover .imgbox img{transform: scale(1.1);}
.Homepro .right li .txt {overflow: hidden; text-align: center; padding: 0.16rem 0.12rem;}
.Homepro .right li .tit{font-size: var(--font-size18);color: #000; line-height: 1.5; /* margin-bottom: 0.1rem; */ }
.Homepro .right li .desc {color: #666;font-size: var(--font-size15); line-height: 1.6;font-weight: 100; display: none;}
.Homepro .right li:hover .tit{color: var(--hover-color);}
@media (min-width:1025px) { 
/* .Homepro .box{display: flex; flex-wrap: wrap;justify-content: space-between;  }
.Homepro .left{width:25%;}
.Homepro .right{width:72%;} */
.Homepro .right li{ width: 23.5%;}
.Homepro .right li:nth-child(4n){ margin-right: 0;}
}

@media (max-width:1024px) {
.Homepro .left { /* padding-bottom: 50%;margin-bottom: 20px */}
.Homepro .left .info {padding: 0.4rem 0.3rem;}
.Homepro .right li{ width: 49%;}
.Homepro .right li:nth-child(2n){ margin-right: 0;}
}



.Homepro.Chair .left { background: #e16152;}
.Homepro.Board .left{background: #0491d2;}
.Homepro.Cabinet .left{background: #d77701;}
.Homepro.Sofa .left{background: #219e03;}


.Homeser{padding: var(--padMar100) 0;position: relative;}
.Homeser .imgbox{position:absolute;left:0;top:0;width:100%;height:100%;}
.Homeser .imgbox img{width:100%;height:100%;object-fit:cover;}
.Homeser .info{position:relative;z-index:2;}
.Homeser ul{ display: flex; flex-wrap: wrap;}
.Homeser li{ float: left; margin-bottom: 0.1rem ; margin-right: 2%; background: rgba(255,255,255,0.2); padding: 0.2rem;  border-radius: 0.1rem;transition: all .5s;position: relative; z-index: 2;  display: flex; flex-wrap: wrap;align-items: center;}
.Homeser li:hover{background: rgba(var(--rgb-hover),0.85); }
.Homeser li .icon{ width:0.7rem;height:0.7rem; border-radius: 0.6rem;border: solid 0.02rem  #fff; display: flex; align-items: center; justify-content: center;  transition: all .5s; }
.Homeser li .icon img{ max-width: 0.36rem;}
.Homeser li .txt{ padding-left: 0.25rem; }
.Homeser li .tit{font-size: var(--font-size18);color: #fff; margin-bottom: 0.05rem; font-weight: lighter;}
.Homeser li .desc{font-size: var(--font-size20);color: #fff; font-weight: 500; line-height: 1.5;}
.Homeser .btn{display: flex;justify-content: center;margin-top:.3rem;}
.Homeser .btn a{display: flex;align-items: center;width: 1.8rem;height: .56rem;border-radius: 0.5rem;background: var(--hover-color);color:#fff;justify-content: center;transition: .3s all}
.Homeser .btn a i {display: flex;align-items: center; justify-content: center;margin-left: .1rem ; }
.Homeser .btn a i::after,
.Homeser .btn a i:before{content: "";width: .08rem;height: .08rem;border-left: solid 0.02rem  #fff;border-top: solid 0.02rem #fff;display: block;transform: rotate(135deg)}
.Homeser .btn a:hover{background: var(--green);}
@media (min-width:1025px) {
    .Homeser li{width: 32%;}   
    .Homeser li:nth-child(3n){  margin-right: 0;}
}
@media (max-width:1024px) {
    .Homeser li{width: 100%;margin-right: 0}   
}



.HomeAbout{ padding: var(--padMar80) 0;}
.HomeAbout .edit_info{font-size: var(--font-size16); color: #333; line-height: 1.875;}
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .img img{ border-radius: 0.1rem;}
.HomeAbout .more{overflow:hidden; padding-top: 0.24rem;}
.HomeAbout .more a{font-size:var(--font-size16);color:#333;display: inline-flex; align-items: center;}
.HomeAbout .more i {display: flex;align-items: center; justify-content: center;margin-left: .15rem ; width: 0.5rem; height: 0.5rem; border-radius:50%; background: var(--hover-color);}
.HomeAbout .more i:after,
.HomeAbout .more i:before {content: "";width: .08rem;height: .08rem;border-left: solid 0.02rem  #fff;border-top: solid 0.02rem #fff;display: block;transform: rotate(135deg)}
.HomeAbout .more a:hover{ color: var(--hover-color);}
@media (min-width:1025px) {
    .HomeAbout .info{width: 48%;}   
    .HomeAbout .img{ width: 48%;}
}
@media(max-width:1024px){
    .HomeAbout .more{padding: 0.24rem 0;}
}

/*Floor003196 */
.Floor003196{background: #f8f8f8; background-size: cover;padding: var(--padMar80) 0; overflow: hidden;}
.Floor003196 .Homemore{ display:table; margin:0.5rem auto 0 ;}
@media (max-width:1024px) {
    .Floor003196 .box-new-company{ margin-bottom: 0.3rem;}
}
.Floor003196 .ytable-cell{ vertical-align: top;}
.Floor003196 [class*=box-new-] a:hover{color: var(--hover-color);}
.Floor003196 [class*=box-new-] h4.tit{margin: 0;font-weight: normal;}
.Floor003196 .box-new-industry{ padding: 0.2rem;background: #fff; border-radius: 0.1rem;}
.Floor003196 a.inner{display: block;  overflow: hidden; }
.Floor003196 a.inner .txt{ padding:0.2rem;background: #fff; border-radius: 0.1rem; }
.Floor003196 .label span{display: inline-block; padding: 0 calc(18 / 16 * 1em); text-align: center;color: var(--hover-color);line-height: calc(30 / 14 * 1em);border-radius: 50px;border: solid 1px #682f1a;font-size: calc(14 / 16 * 1em);}
.Floor003196 a:hover .label span{color:#fff;border-color: transparent; background:#682f1a;}
.Floor003196 a.inner h4.tit{margin: 0rem 0 0.1rem 0;font-size: var(--font-size18); line-height:1.6; font-weight: normal; color: #000;}
.Floor003196 a.inner p{margin: 0; color: #333; line-height: 0.3rem; margin-bottom: 0.12rem;  height: calc(0.3rem * 2); /* font-weight: lighter; */}
.Floor003196 a.inner time{color: #666; font-size: var(--font-size15); transition:all 0.5s; font-weight: lighter;}
.Floor003196 a.inner .more{color: #666;display: inline-block; font-size: calc(16 / 16 * 1em); padding-right: calc(20 / 16 * 1em); background: url(../images/more-j.svg) no-repeat right center; background-size:calc(12 / 16 * 1em) auto;transition: 0.3s;}
.Floor003196 a.inner:hover .more{color: #682f1a; }
.Floor003196 .box-new-company .pic{overflow: hidden;padding-top: 64.91%; transition: 0.3s; border-radius: 0.1rem 0.1rem 0 0;}
.Floor003196 a.inner:hover .imgbox img{transform: scale(1.1);}
.Floor003196 .box-new-company .Ispic{padding-bottom: 3.4rem; transition: 0.3s;}
.Floor003196 a.inner:hover .Ispic{transform: scale(1.1);}
.Floor003196 a.inner:hover h4.tit{ color: var(--hover-color);}

.Floor003196 .list{ }
.Floor003196 .list li{display: table;width: 100%;border-bottom:1px solid #eee; /* height: 1.2rem; */ padding-bottom: 0.16rem;  }
.Floor003196 .list li:not(:last-child){margin-bottom: 0.12rem;}
.Floor003196 .list li a{display: table-cell; vertical-align: middle;}
.Floor003196 .list h4.tit{font-size: var(--font-size18); line-height: 1.5; margin-bottom:0.1rem;font-weight: normal;color: #000;}
.Floor003196 .list p{ color: #333; line-height: 1.8; margin: 0; margin-bottom:0.1rem;}
.Floor003196 .list li time{color: #666; font-size: var(--font-size15);  font-weight: lighter;}
.Floor003196 .list li a:hover h4.tit{ color: var(--hover-color);}

.Floor003196 .more{overflow:hidden; padding-top: 0.5rem;text-align: center;}
.Floor003196 .more a{font-size:var(--font-size16);color:#333;display: inline-flex; align-items: center;}
.Floor003196 .more i {display: flex;align-items: center; justify-content: center;margin-left: .15rem ; width: 0.5rem; height: 0.5rem; border-radius:50%; background: var(--hover-color);}
.Floor003196 .more i:after,
.Floor003196 .more i:before {content: "";width: .08rem;height: .08rem;border-left: solid 0.02rem  #fff;border-top: solid 0.02rem #fff;display: block;transform: rotate(135deg)}
.Floor003196 .more a:hover{ color: var(--hover-color);}


@media (min-width:1025px) {
    .Floor003196 .box-new-company{width: calc(450 / 1280 * 100%);}  
    .Floor003196 a.inner{margin-right:0.3rem;}
}
@media (max-width:1024px) {

}


.Bottom{margin-top: var(--padMar60); background-color: var(--white); padding-bottom: 0.2rem; }
.Bottom .b-top{padding-bottom: 0.25rem; margin-bottom: 0.35rem;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;}
.Bottom .b-top .left .logo img{max-height: 0.72rem;}
.Bottom .b-bottom{display: flex;align-items: center;justify-content: space-between;}
.Bottom .b-nav ul{display: flex;align-items: center;justify-content: space-between;}
.Bottom .b-nav li{font-size: var(--font-size18);}
.Bottom .b-nav li a{ color: #000;}

.Bottom .qrcode{width: 1.3rem;text-align: center;flex-shrink: 0; margin-left: 0.3rem;}
.Bottom .qrcode p{font-size: var(--font-size16);color: #666; font-weight: lighter; margin: 0.12rem 0 0 0;}
.Bottom .qrcode img{border: 1px solid #ebebeb;width: 100%;padding: 0.05rem;}
.Bottom .hotline span{display: flex;align-items: center;color: #333;}
.Bottom .hotline span::before{display: block;content: '';width: 0.2rem;height: 0.2rem; background: url(../images/top_tel.svg); background-size: 0.2rem auto; margin-right: 0.12rem;}
.Bottom .hotline h2{margin: 0.12rem 0 0 0; font-size: var(--font-size30); font-weight: 500; color: var(--hover-color);}
.Bottom .copyright{color: #333;font-size: var(--font-size14);line-height: 1.5;}
@media (min-width:1025px) {
    .Bottom .b-top .left{}
    .Bottom .b-nav li:not(:last-child):after {margin: 0 0.5rem;content: '';display: inline-block;width: 0.03rem;height: 0.03rem;border-radius: 50%;vertical-align: middle;background: rgba(0, 0, 0, 0.5);}
    /* .Bottom .b-nav li:not(:last-child){margin-right: 0.6rem;} */
    .Bottom .copyright{margin-top: 0.6rem;}
}
@media (max-width:1024px) {
    .Bottom .b-top{flex-direction: column;justify-content: center;}
    .Bottom .b-top .left{ margin-bottom: 0.3rem;}
    .Bottom .b-nav ul{justify-content: center;}
    .Bottom .b-nav li{margin: 0 1em;}
    .Bottom .hotline{margin:0 0 0.3rem 0;}
}



.nBanner{position: relative;}
.nBanner .txt{width:100%;position: absolute;z-index: 2;left:0;top:50%;transform: translateY(-50%);color:#fff; text-align: center;display: flex;align-items: center;justify-content: center;}
.nBanner .txt .cn{font-size: var(--font-size42);font-weight: 500;}
.nBanner .txt .en{font-size: var(--font-size30); color: #fbfbfb; text-transform: uppercase;}
@media (min-width:1025px) {
    .nBanner .wap{display: none;}   
}
@media (max-width:1024px) {
    .nBanner .pc{display: none;}      
}


.lm-title{margin-bottom:0.4rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size36);color: #000;font-weight: 500;}

.Conbg{background-color: #fff; padding: 0.4rem;border-radius: 0.1rem;}
@media(max-width:1024px){
    .Conbg{padding: 0.3rem;}
}

.AboutInfo{ padding: var(--padMar60) 0;}
.AboutInfo .edit_info{font-size: var(--font-size16); color: #333; line-height: 2;}
.AboutInfo .edit_info p{ margin: 0.1rem 0;}
.AboutInfo .img img{ border-radius: 0.1rem;} 
@media (min-width:1025px) {
    
    .AboutInfo .info{width: 56%;}   
    .AboutInfo .img{ width: 40%;}
}
@media(max-width:1024px){
    .AboutInfo{ padding: var(--padMar100) 0;}
}


.Menu dl{padding:0.25rem;border-radius: 0.1rem; background: #fff;margin-bottom: .5rem}
.Menu dt{ font-size: var(--font-size28) ; color: #000; margin-bottom: 0.15rem;}
.Menu dt.open_menu{ display: none;}
.Menu li b{display: block; line-height:1.5;padding:0.18rem 0 0.1rem 0; margin-bottom:0.12rem ; position: relative; border-bottom: solid 1px #e6e6e6; font-weight: normal; }
.Menu li b{display: flex;justify-content: space-between;align-items: center;}
/* .Menu li b:after{position: absolute;content: '';width: 0.1rem;height: 0.1rem;right: 0px;top: 50%;margin-top: -0.05rem;border: 0.02rem solid #999;border-left: 0;border-bottom: 0;transform: rotate(45deg); transition: 0.5s} */
.Menu li b a{font-size:var(--font-size20) ;}
.Menu li b i{display: block;width:.15rem;height:.15rem;position:relative;cursor:pointer; }
.Menu li b i::before,
.Menu li b i::after{content:'';display:block;position:absolute;left:50%;top:50%;width:100%;height:0.02rem;background-color:#666;}
.Menu li b i::before{transform:translate(-50%,-50%);}
.Menu li b i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.Menu li b i.cur::after{opacity:1;}
.Menu li.aon b i::before,
.Menu li.aon b i::after{ background: var(--hover-color);}
.Menu li a{display: block;line-height: 1.6; color: #000;font-size:var(--font-size18) ;}
.Menu li a:hover{color: var(--hover-color)}
.Menu li.aon b a{color: var(--hover-color)}
.Menu li .sub span{display: block; position: relative; padding:0.05rem 0 0.05rem 0.24rem; }
.Menu li .sub span:after{content: '';position: absolute;border: solid 3px #f5f5f5; width: 0.12rem; height:0.12rem; background: #fff; border-radius: 0.5rem;box-shadow: 0 0 0 1px var(--hover-color); left: 0; top: 0.13rem}
.Menu li .sub span:not(.aon) a{color: #333;}
.Menu li .sub span:hover a,
.Menu li .sub span.aon a{color: var(--hover-color)}
.Menu li .sub span:hover:after,
.Menu li .sub span.aon:after{background: var(--hover-color); border-color: #fff}
.Menu li.have_sub.aon b:after{transform: rotate(135deg);border-color: var(--hover-color);}

@media(max-width:1024px){
    /* .Menu{padding-bottom: 0.3rem} */
    .Menu dl{padding: 0.2rem; position: relative;margin-bottom: 0}
    .Menu dt{font-size:var(--font-size20) ;display:block; position: relative}
    .Menu dt.side-title{ display: none;}
    .Menu dt.open_menu{ display: block;margin-bottom: 0}
    .Menu dt:after {position: absolute;content: '';border: 0.08rem solid transparent;border-top-color: var(--hover-color);right: 0.1rem;top: 50%;margin-top: -0.04rem;}
    .Menu dd{display: none;background: #fff;left: 0; border-radius:0.1rem;padding: 0.2rem; position: absolute;top: 100%;width: 100%; z-index: 200; border: solid 1px #eee}
    .Menu dd ul{max-height:300px;overflow-y: auto; overflow-x: hidden;}
    .Menu dd .sub{padding: 0px 0.1rem;}
    .Menu li b{padding:0.1rem 0}
}


.filter-box{background-color: #fff; border-radius: 0.1rem;padding: 0.2rem 0.4rem 0.2rem 0.25rem; margin-bottom: 0.3rem;}
.filter-box .items{display: flex;font-size: var(--font-size15);}
.filter-box .items:not(:last-child){margin-bottom: 0.1rem;}
.filter-box .items .option{flex: 1; position: relative; }
.filter-box .items .label{flex-shrink: 0; width: 1rem;padding: 0.06rem 0; color: #000; }
.filter-box .items .option.close{height: calc(0.12rem + 1em + 3px); overflow: hidden; }
.filter-box .items .option .open{position: absolute; right: 0; top: 0.06rem;  color: var(--hover-color);cursor: pointer;}
.filter-box .items .option dl{display: flex;flex-wrap: wrap;}
.filter-box .items .option dt{margin-bottom: 3px; margin-right:0.22rem;}
.filter-box .items .option dt a{display: block; padding: 0.06rem 0; border-radius: 0.03rem; border: 1px solid transparent;cursor: pointer;}
.filter-box .items .option dt a:not(:hover){color: #000;}
.filter-box .items .option dt a.on{border-color: var(--hover-color); color: var(--hover-color);padding-left: 0.12rem; padding-right: 0.12rem;}

@media (max-width:1024px) {
    .filter-box{padding: 0.15rem;}
    .filter-box .items .option dt{ margin-right:0.12rem;}
}


.ProBox{ padding: var(--padMar60)  0 0 0 ;}
.ProBox .prolist{ padding-bottom: 0.4rem;}
.ProBox .prolist ul{ display: flex; flex-wrap: wrap; }
.ProBox .prolist li{ float: left; margin-right: 2%; margin-bottom: 2%; background-color: #fff; border-radius: 0.1rem; overflow: hidden;}
.ProBox .prolist li .pic{flex: 0 0 auto;width: 24%;border-radius: 0.15rem;overflow: hidden;}
.ProBox .prolist li .imgbox{padding-top: 62.705%; transition: 0.3s;  }
.ProBox .prolist li a:hover .imgbox img{transform: scale(1.1);}
.ProBox .prolist li .txt {overflow: hidden; text-align: center; padding: 0.16rem 0.12rem;}
.ProBox .prolist li .tit{font-size: var(--font-size18);color: #000; line-height: 1.5; /* margin-bottom: 0.1rem; */ }
.ProBox .prolist li .desc {color: #333;font-size: var(--font-size15); line-height: 1.6;/* font-weight: 100; */ display: none;}
.ProBox .prolist li:hover .tit{color: var(--hover-color);}

@media (min-width:1025px) { 
    .ProBox .box{display: flex; flex-wrap: wrap;justify-content: space-between;  }
    .ProBox .left{width:24%;}
    .ProBox .right{width:74%;}
    .ProBox .prolist li{ width: 32%;}
    .ProBox .prolist li:nth-child(3n){ margin-right: 0;}

}
@media (max-width:1024px) {
    .ProBox{ padding: var(--padMar100)  0 0 0 ;}
    .ProBox .left{ margin-bottom: 0.2rem;}
    .ProBox .prolist li{ width: 49%;}
    .ProBox .prolist li:nth-child(2n){ margin-right: 0;}
}


/*RighInfo003134 */
.RighInfo003134 {padding: var(--padMar60) 0;}
.RighInfo003134 .img-side{ margin-bottom: 0.4rem;  }
.RighInfo003134 .img-side .ytable-cell{ /* padding-bottom: 3em; */}
.RighInfo003134 .img-group li .imgbox{background-size: contain; /* border-radius: 0.1rem; */ /* padding-bottom: 68%; */}
.RighInfo003134 .controls{display: table;position: relative;padding: 0 0.56rem; margin: 3.125em auto 0;}
.RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 12px;height: 12px; margin: 0 5px;}
.RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 12px;height: 12px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.RighInfo003134 .controls .slick-dots li.slick-active button{background-color: var(--hover-color); width: 100%;height: 100%;}
.RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;}
.RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);}
.RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);}
.RighInfo003134 .controls .slick-disabled{cursor: default;}
.RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);}
.RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);}
.RighInfo003134 .img-side .txt{}
.RighInfo003134 .img-side .tit{font-size:var(--font-size26);color: #000;font-weight: 500; margin-bottom: 0.2rem;}
.RighInfo003134 .img-side .line{width: 15px; height: 2px; background-color: #e60012;display: block;margin: 0 auto;}
.RighInfo003134 .img-side .text{ line-height:1.8; color: #333; /* font-weight: lighter; */}
.RighInfo003134 .img-side .text p{margin: 0.1rem 0;}
.RighInfo003134 .img-side .btn{ margin-top: 0.3rem;}
.RighInfo003134 .img-side .btn a{display: inline-block;font-size:var(--font-size16);color: #fff;border-radius: 0.5rem;  min-width:1.6rem;text-align: center; line-height: 0.5rem;padding: 0 0.2rem; cursor: pointer;}
.RighInfo003134 .img-side .btn a.download{background-color: var(--hover-color);}
.RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;}
.RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.2em;margin-right: 0.5555em;}
.RighInfo003134 .img-side .btn a.download:before{background-image: url(../images/icon-zixun.svg);}
.RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/icon-file.svg);}
.RighInfo003134 .img-side .btn a:hover{ background: var(--green);}

.RighInfo003134 .tab .h1_tab{margin:0;margin-bottom:0.3rem;overflow:hidden;font-size:var(--font-size18);font-weight:normal;color:#000;}
.RighInfo003134 .tab .h1_tab span{color: #000;display: block;float:left; padding:0 0 0.2rem 0;position: relative; cursor:pointer;}
.RighInfo003134 .tab .h1_tab span:not(:last-child){margin-right: calc(40 / 1920 * 100vw);}
.RighInfo003134 .tab .h1_tab span:after{position: absolute;content: ''; height: 2px;width: 0;transition: 0.3s;background-color: var(--hover-color); left: 50%;transform: translateX(-50%); bottom: 0;}
.RighInfo003134 .tab .h1_tab span:hover:after,
.RighInfo003134 .tab .h1_tab span.on:after{width: 100%;}
.RighInfo003134 .tab .h1_tab span.on,
.RighInfo003134 .tab .h1_tab span:hover{color:var(--hover-color); }


.RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em; padding-bottom: 0.666em;color: #000; line-height: 2;}
.RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: var(--hover-color);display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;}
.RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);}
.RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);}
.RighInfo003134 .prod-intro .singlePage{line-height: 2; margin: 2em 0 1em 0; color: #000;}
.RighInfo003134 .prod-intro .singlePage .Scene li{ margin-bottom: 0.16rem;}
.RighInfo003134 .prod-intro .singlePage .Scene li .imgbox{padding-top: 67%; }

.RighInfo003134 .img-side .text dl dd{position: relative; padding-left: 0.18rem; margin: 0.03rem 0;}
.RighInfo003134 .img-side .text dl dd:before {position: absolute;content: '';width: 0.06rem;height: 0.06rem;border-radius: 50%;background: var(--hover-color);left: 0;top: 0.13rem;}

.RighInfo003134 .table_1 th {font-weight: normal;}
.RighInfo003134 .table_1 th,
.RighInfo003134 .table_1 td{ text-align:left; border:1px solid #eee; border-collapse:collapse; line-height:26px; padding:0.12rem;font-size:var(--font-size16);}
.RighInfo003134 .table_1 tr:nth-child(2n+1){ background: #f4f8fd;}
.RighInfo003134 .table_1 tr th{ background:var(--hover-color);color: #fff;}

@media (min-width:1025px) {
    .RighInfo003134 .img-group{width: 45%;border-right: solid 1px #f2f2f2;}
    .RighInfo003134 .img-side .ytable-cell{/* padding-top: 2em; */ vertical-align: top;}
    .RighInfo003134 .img-side .txt{padding-left: 0.5rem;}
	
	.RighInfo003134 .prod-intro .singlePage .Scene{ display: flex; justify-content: space-between;}
	.RighInfo003134 .prod-intro .singlePage .Scene li{ width: 48%;}
	
    .RighInfo003134 .text dl{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .RighInfo003134 .text dd{ width: 48%;}

    /* .RighInfo003134 .other_wrap .left{ float: left; width: 72%;}
    .RighInfo003134 .other_wrap .right{ float: right;width: 25%;} */

}
@media (max-width:1024px) {
    .RighInfo003134 {padding: var(--padMar100) 0;}
    .RighInfo003134 .img-side{ padding: 0.3rem;}
    .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;}
    .RighInfo003134 .img-side .tit{margin: 0.2rem 0;}
}


.Relpro{ padding:0 0 var(--padMar60) 0;  border-radius: 0.1rem;}
.Relpro .tithead{line-height: 2;font-size: var(--font-size26); color: #000; padding-left: 0.15rem; position: relative; margin-bottom: 0.2rem;}
.Relpro .tithead:After{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 0.04rem; border-radius: 0.05rem; height: 0.26rem;background:var(--hover-color);content: "";}
.Relpro .slider{margin: 0 -0.1rem;}
.Relpro li{margin: 0 0.1rem;}
.Relpro li a{ display: block; /* background-color: #f9f9f9; */border-radius: 0.1rem; overflow: hidden;}
.Relpro li{/* border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: calc(24 / 16 * 1em) 0 calc(15 / 16 * 1em); */}
.Relpro li .imgbox{padding-top: 68%; transition: 0.3s; /* margin-bottom: 0.18rem; */ border-radius: 0.1rem;  }
.Relpro li a:hover .imgbox img{transform: scale(1.1);}
.Relpro li:hover .pic .Ispic { transform: scale(1.1); }
.Relpro li .txt .tit {font-size:var(--font-size18); text-align: center; line-height: 1.6; color: #000; }
.Relpro li:hover .txt .tit{color: var(--hover-color);}

.Relpro .slick-arrow{width: 0.45rem; height: 0.45rem;  border-radius: 0.5rem; z-index: 22;border:1px solid var(--hover-color);position: static;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;}
.Relpro .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.Relpro .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Relpro .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.Relpro .slick-arrow:hover:before{ border-color: #fff;}

@media (min-width:1025px) { 
.Relpro .slick-prev{left:-0.55rem;}
.Relpro .slick-next{right:-0.55rem;}
}
@media (max-width:1400px){
.Relpro .slick-prev{left:-0.15rem;}
.Relpro .slick-next{right:-0.15rem;}
}
@media (max-width:1024px) {
.Relpro .slick-prev{left:0rem;}
.Relpro .slick-next{right:0rem;}
}



/*Page002623 */
.Page002623{padding: 0 0% var(--padMar60)  0 ; text-align: center;font-size: var(--font-size18);}
.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 0.2rem; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: 0.5rem; width: 0.5rem; margin: 0 5px; border: 1px solid #eee;color: #000; border-radius: 0.5rem;background: #fff;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); }
.Page002623 .Pages .p_page > a{font-size: 0;height: 0.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{padding: 6vw 0 8vw 0;}
.Page002623 .Pages em{display: none;}
.Page002623 .Pages a{background-color: #eee;}
}


.Newlist{padding: var(--padMar60) 0;}
.Newlist li{  padding: 0.24rem 0;border-bottom: 1px solid #eee;transition: 0.3s; position: relative; z-index: 2;}
.Newlist li:first-child{ padding-top: 0;}
.Newlist li a {display: flex;align-items: center;justify-content: space-between;}
.Newlist li .pic{flex: 0 0 auto;width: 26%;border-radius: 0.1rem;overflow: hidden;}
.Newlist li .imgbox{padding-top: 72%; transition: 0.3s;  }
.Newlist li a:hover .imgbox img{transform: scale(1.1);}
.Newlist li .txt {position: relative; flex: 1 1 auto; margin-left: 4%;overflow: hidden;}
.Newlist li .tit{font-size: var(--font-size20);color: #000; line-height: 1.5; margin-bottom: 0.16rem; }
.Newlist li .desc {color: #333;font-size: var(--font-size16); line-height: 1.875;/* font-weight: lighter; */}
.Newlist li time{  display: block;font-size: var(--font-size16);color: #666; font-weight: lighter; margin-top: 0.2rem; padding-left: 0.28rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto; }
.Newlist li a:hover .tit{color:var(--hover-color);}

@media(max-width:1024px) {
.Newlist{padding: var(--padMar100) 0;}
.Newlist li a{ flex-wrap: wrap;}
.Newlist li .pic{ width: 100%; margin-bottom: 0.2rem;}
.Newlist li .txt{width: 100%;margin-left: 0%;}
}


.News_detail {padding: var(--padMar60) 0; }
.News_detail .news_info {}
.News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; }
.News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.15rem; font-size: var(--font-size26); font-weight: 500;  color: #000; }
.News_detail .news_info .title time {display: inline-block;color: #666; font-weight: lighter; font-size: var(--font-size16);padding-left: 0.3rem;background: url(../images/icon-time.svg) no-repeat left center;background-size: auto 0.18rem;line-height: 1.6}
.News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center }
.News_detail .info { line-height: 2; color: #333; font-size: var(--font-size16); }
.News_detail .info p{margin:0.1rem 0;}
.News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.32rem; border-top: 1px dashed #eee }
.News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 }
.News_detail .info_back a { position: relative; color: #fff; display: block; width: 1.8rem; line-height: 0.5rem; border-radius: 0.5rem; background: var(--hover-color); }
.News_detail .info_back a:hover { background: var(--green); }
.News_detail .info_back a:before{display: inline-block; vertical-align: top;content: '';background-image: url(../images/icon-back.svg);background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.24rem;height: 0.5rem;margin-right: 0.1rem;}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: #333;  }
.News_detail .info_pn span a:hover { color: var(--hover-color); }

@media(max-width:1024px) {
.News_detail {padding: var(--padMar100) 0; }
.News_detail .bot{margin-top: 2em;padding-top: 1.5em;}
.News_detail .info_back { position: relative; margin-bottom: 1em;}
.News_detail .news_info .title h1 { font-size: 1.5em; }
.News_detail .info_back a{ text-align: center; display: table;margin: 0 auto;}
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}




.ContactInfo{padding:  var(--padMar60) 0; }
.ContactInfo .info h2{font-size: var(--font-size26); line-height: 1.2; color: #000; margin: 0;margin-bottom: 0.18rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px dashed #e6e6e6; padding:0.2rem 0 ;}
.ContactInfo .Contact li .icon{width: 0.42rem;}
.ContactInfo .Contact li .icon img{max-width: 0.25rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size18);color: #000;  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{  }
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.5;font-size: var(--font-size20);  }
.ContactInfo .pic img{ border-radius: 0.1rem;} 
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;  }
.ContactInfo .Contact{width:48%;}
.ContactInfo .pic{width:48%;}

}
@media (max-width:1024px) {
.ContactInfo{padding:  var(--padMar100) 0; }
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
}


.FormInfo{padding: 0 0 var(--padMar60) 0 ; }
.FormInfo .form-ul{border-radius:0.1rem; background-color: rgba(255, 255, 255, 0.6);}
.FormInfo .form-ul li{margin-bottom: 0.2rem;position: relative;}
.FormInfo .form-ul li .tit{position: absolute;top: 0;left: 0.15rem;font-size: var(--font-size16);line-height: 0.52rem;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.52rem;height: 0.52rem;background: rgba(255, 255, 255, 0.5);color: #adadad;padding: 0 0.15rem; color: #000;}
.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.6rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size16);height:0.52rem;color: #fff;cursor: pointer;border: 0;  display: table; margin: 0 auto; margin-top: 0.2rem;}
.FormInfo .btn:hover{background: var(--green);}
@media (min-width:1025px) { 
.FormInfo .form-ul .row2 li{float: left;width: calc(49% - 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{padding: 0 0 var(--padMar100) 0 ; }
}




.RightFix{position:fixed;right:1.354vw;top:60%;transform:translateY(-50%);z-index:1000;}
.RightFix .list{width:.66rem;border-radius:calc(36 / 16 * 1em);background-color:#fff;padding:.25rem 0;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.RightFix .item{padding:.15rem 0;position:relative;cursor:pointer;}
.RightFix .item:not(:last-child):after{left:50%;transform:translateX(-50%);bottom:0;width:29px;height:1px;content:"";position:absolute;background-color:rgba(0,0,0,0.2);}
.RightFix .item:first-child{padding-top:0}
.RightFix .item:last-child{padding-bottom:0}
.RightFix .item.li_open{padding-top:0}
.RightFix .item.open{padding-top:.15rem}
.RightFix .icon{width:.48rem;height:.48rem;border-radius:50%;margin:0px auto;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-wrap: wrap;}
.RightFix .icon span{width: 100%;font-size: var(--font-size14);text-align: center; color: #333;}
.RightFix .icon::before{width:.3rem;content:'';height:.3rem}
.RightFix .icon.pro::before{background:url(../images/top_tel.svg)no-repeat center;background-size:.24rem auto;}
.RightFix .icon.wx::before{background:url(../images/icon-wx.svg)no-repeat center;background-size:.24rem auto;}
.RightFix .icon.kf::before{background:url(../images/icon-kf.svg)no-repeat center;background-size:34px auto;}
.RightFix .icon.ly::before{background:url(../images/icon-ly.svg)no-repeat center;background-size:30px auto;}
.RightFix .icon.op::before{background:url(../images/icon-op.svg)no-repeat center;background-size:30px auto;}
.RightFix .icon.zx::before{background: url(../images/Advisory.svg) no-repeat center;background-size: .24rem auto;}
.RightFix .icon:hover span{color:var(--hover-color)}
.RightFix .icon:hover::before{}
.RightFix .tipInfo{position:absolute;right:60px;top:0;background-color:#fff;box-shadow:0 0 18px rgba(1,100,183,0.16);width:1.5rem;border-radius:0.1rem;padding:.25rem;visibility:hidden;opacity:0;z-index:-1;transition:all 0.5s;}
.RightFix .tipInfo.tel{width:1.8rem;}
.RightFix .tipInfo .hotline{display:flex;align-items:center;margin-bottom:calc(20 / 16 * 1em)}
.RightFix .tipInfo aside{color:#000;font-size:var(--font-size20)}
.RightFix .tipInfo.code aside{font-size:var(--font-size14);margin-bottom: .1rem}
.RightFix .tipInfo .text{margin-bottom:17px;font-size:calc(22 / 16 * 1em);font-weight:bold;margin:0;color:var(--hover-color)}
.RightFix .tipInfo .codeBox dl dt{border:1px solid #ebebeb}
.RightFix .tipInfo .codeBox dl dd{margin-top:8px}
.RightFix .tipInfo:after{width:10px;height:10px;background-color:#fff;content:"";right:-5px;top:25px;position:absolute;transform:rotate(45deg);}
.RightFix li:hover .tipInfo{right:80px;z-index:10;opacity:1;visibility:visible;}
.RightFix .fllowus li{width:120px;padding-left:0;}
.RightFix .fllowus li:not(:first-child){margin-left:20px}
.RightFix .fllowus li img{width:100%;}
.totop{margin-top:0rem;border-radius:50%;background-color:#fff;border-radius:50%;width:.66rem;transition:all 0.5s;visibility:hidden;margin:0 0 -100px;transition:all 0.5s;opacity:0;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.totop:hover{background-color:var(--hover-color);}
.totop .icon{height:.66rem;width:.66rem;}
.totop .icon::before{width:.3rem;content:'';height:.3rem;background:url(../images/ico_top.svg)no-repeat center;background-size:auto;}
.totop .icon:hover::before{filter:grayscale(100) brightness(100);}
.totop.cd-is-visible{visibility:visible;opacity:1;margin:10px 0 0;}
@media(min-width:1025px){
    .RightFix .tipInfo .codeBox{display:flex;}
    .RightFix .tipInfo .codeBox dl{width:30%;text-align:center;margin-right:5%}
    .RightFix .tipInfo .codeBox dl:nth-child(3n){margin-right:0}
}
@media(max-width:640px){
    .RightFix{top:70%;}
    .RightFix .tipInfo{width:200px !important;}
    .RightFix .fllowus li{width:75px;font-size:12px;line-height:20px;}
}

.Hsearch{ background-color: #fcfcfc; padding: .15rem 0;}
.Hsearch .w1280{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.Hsearch .left{ display: flex; flex-wrap: wrap; gap: .05rem .1rem; width: 55%; color: #666;}
.Hsearch .left a{ color: #666;}
.Hsearch .left a:hover{ color: var(--hover-color);}
.Hsearch .right{ width: 40%; position: relative; max-width: 4rem;}
.Hsearch .box{ border:1px solid var(--hover-color); position:relative; background:url(../images/search.svg) no-repeat 0.1rem center; background-size: 0.16rem auto; border-radius: 5px; overflow: hidden; width: 100%;}
.Hsearch .box .text{ height:0.42rem; line-height:0.42rem; background:none; padding:0 1rem 0 0.42rem; width:100%; border:none; color:#666;}
.Hsearch .box .btn{position:absolute; right:0; top:0;  width:0.9rem; height:100%; color:#fff; border:none;background:var(--hover-color); font-size:var(--font-size16);cursor:pointer; padding:0;line-height: 1;display: flex;align-items: center;justify-content: center;}
@media(max-width:768px){
    .Hsearch .left,
    .Hsearch .right{ width: 100%;}
    .Hsearch .right{ margin-top: 0.1rem;  max-width: 100%;}
}