@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: bold;
  font-display: swap;
}

body {font-family: 'hm'; font-weight: normal; --hover-color:#d21c29;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --yellow:#d0a657; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:210,28,41;--rgb-yellow:208,166,87; --radius: .1rem;}

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

.w1400{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;}

.itemhover{transition: all ease 0.3s;}
.activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}


.Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size46);color: #000;font-weight: 500;}
.Hometitle .en {font-size: var(--font-size24);text-transform: uppercase;color: var(--hover-color);margin-top: 0.1rem;}
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .en {color: #fff;}
.Hometitle.center{ text-align: center;}


.Homemore a{display:inline-flex;align-items:center;background-color:var(--white);border-radius:3em;border:solid 1px var(--hover-color);line-height:0.58rem;padding-left:2em;padding-right:0.04rem;position:relative;font-size: var(--font-size16);}
.Homemore a span{position:relative;display:block;z-index:2}
.Homemore a:after,
.Homemore a::before{width:0.5rem;height:0.5rem}
.Homemore a:after{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/more-on.svg);background-size:auto 0.15rem;margin-left:0.5rem;position:relative;z-index:2}
.Homemore a::before{position:absolute;content:'';right:0.04rem;border-radius:0.63rem;top:0.04rem;background-color:var(--hover-color);z-index:1;transition:width 0.3s}
.Homemore a:hover{color:var(--white)}
.Homemore a:hover:before{width:calc(100% - 0.08rem)}
.Homemore.white a{ background: none;}
.Homemore.white span{color:var(--white)}

@media(max-width: 1024px) {
.Hometitle{margin-bottom: 0.3rem;}
.Hometitle .cn {font-size: var(--font-size36);}
.Hometitle .en {font-size: var(--font-size20);}

}




/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: background-color 0.3s,transform 1s;}
.Top003156 .auto { position: relative; z-index: 3; }
.Top003156 .logo { display: table; }
.Top003156 .logo a { display: table-cell; vertical-align: middle; }
.Top003156 .top-right { position: absolute; right: 0; top: 0; display: table; }
.Top003156 .top-right > * { display: table-cell; vertical-align: middle; }
.Top003156 .open-search { cursor: pointer; display: block; width: 0.3rem; height: 0.3rem; background: url(../images/search.svg) no-repeat center center; background-size: 0.18rem auto; border-radius: 50%; }
.Top003156 .open-search.on:before, .Top003156 .open-search.on:after { background-color: var(--hover-color); }
.Top003156 .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 0.05rem rgba(0,0,0,0.3); border-radius: 0.05rem; }
.Top003156 .top-search .text { width: 100%; height: 0.5rem; line-height: 0.5rem;; padding: 0 0.5rem 0 0.15rem;border-radius: 0.05rem; }
.Top003156 .top-search .btn { position: absolute; right: 0; top: 0; width: 0.5rem;; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 18px; }

.Top003156 .top-right .code{position: relative;z-index: 100;}
.Top003156 .top-right .code .icon{width: 0.3rem; height: 0.3rem; display:block;background:url(../images/top_wx.svg) no-repeat center center; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.18rem; color: #333;}
.Top003156 .top-right .code .codebox{position: absolute; left: 50%; width:1.4rem ; padding: 0.12rem; margin-left:-0.7rem; z-index: 100;background: rgba(0,0,0,0.3);border-radius:0.06rem; top: 100%;display: none;}

.Top003156 .top-right .tel{display: inline-block; font-size:var(--font-size20) ;color:var(--hover-color); font-weight: 500;background: url(../images/top_tel.svg) left center no-repeat; background-size: 0.24rem auto; padding-left: 0.3rem;}

.Top003156 .top-right .lang{position: relative;z-index: 100;}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang.svg) no-repeat left center; padding:0 0.2rem 0 0.3rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.22rem; color: #333;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.08rem;height: 0.08rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #666;border-right: 1px solid #666;right: 0;top: 50%;margin-top: -4px;}
.Top003156 .top-right .lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;}
.Top003156 .top-right .lang .lang_box a{display: block;line-height: 30px;text-align: center;}
.Top003156 menu li span, .Top003156 menu li span a { display: block; }
.Top003156 menu li span { position: relative; z-index: 2; }
.Top003156 menu li span:after { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--hover-color); transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; }
.Top003156 menu li span a:hover, .Top003156 menu li.aon span a { color: var(--hover-color); }
.Top003156 menu li:hover span:after, .Top003156 menu li.aon span:after { width: 100%; }

.Top003156 menu li span a{color: #333;}

.Top003156 .logo .red{display: none;}
.Top003156 .logo .white{display: block;}

.Top003156.hover .logo .white,
.Top003156.fixed .logo .white{display: none;}
.Top003156.hover .logo .red,
.Top003156.fixed .logo .red{display: block;}
.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: #333;}

.Top003156.hover,
.Top003156.fixed{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;}
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{background-color: var(--hover-color);}
.Top003156.hover menu li a:hover,
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li a:hover,
.Top003156.fixed menu li.aon span a{color: var(--hover-color);}
.Top003156.hover .top-right .lang .icon,
.Top003156.fixed .top-right .lang .icon{background-image:url(../images/lang_white.svg); color: #333;}
.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}
.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.18rem; }
.Top003156.hover .open-search.on:before, 
.Top003156.hover .open-search.on:after,
.Top003156.fixed .open-search.on:before, 
.Top003156.fixed .open-search.on:after { background-color: var(--hover-color); }


@media (min-width:1025px) {
.Top003156 header { padding: 0 2.9rem 0 0%; }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .top-right{float: right;}
.Top003156 .top-right{float: right;margin-left: calc(30 / 1920* 100vw);}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(50 / 1920 * 100vw); }
.Top003156 menu li span a { line-height:0.8rem; font-size: var(--font-size18);}
.Top003156 .logo { height: 0.8rem;  float: left;}
.Top003156 .logo img { max-height: 0.6rem; }
.Top003156 .top-right { height:0.8rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt{padding-left: 0.15rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px;width: 1.4rem;  margin-left: -0.7rem; overflow: hidden;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; padding: 0.1rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.5rem; padding-left:0.15rem;}
.Top003156 menu li span a {   color: #333; font-size:var(--font-size18); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156_fixed menu li span:after{ display: none;}
.Top003156 .logo { max-width: 40%; height: 0.6rem; }
.Top003156 .logo img { max-height: 0.5rem; }
.Top003156 .top-right { height: 0.6rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.12rem; }
.Top003156 .top-right dt { padding-left: 0.12rem; }
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: #333; }
.Top003156 menu li.has-sub span .op:before, 
.Top003156 menu li.has-sub span .op:after{background-color: var(--hover-color);}
.top-search { width: 100%; }
.Top003156_fixed .open-menu i { background-color: var(--hover-color); }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}



.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li .img{}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .tit {font-size: var(--font-size48);line-height: 1.3;  margin-bottom: 0.2rem;}
.HomeBan li .txt .tit span{font-size: var(--font-size60);font-weight: bold;}
.HomeBan li .txt .desc{font-size: var(--font-size18); line-height: 1.875;}
.HomeBan li .txt .Homemore{margin-top:0.4rem;}

.HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;}
.HomeBan .slick-dots li{float: left;}
.HomeBan .slick-dots li button{border: 0;overflow: hidden;;font-size: 1em;text-indent: -999em;width: 0.14rem;height: 0.14rem;background-color: rgba(255,255,255,.6); border-radius: 50%; margin: 0 0.1rem;display: inline-block;padding: 0; vertical-align: middle;}
.HomeBan .slick-dots li:after{display: inline-block;content: '';width: 0; height: 2px; background-color: #fff; transition: 0.3s; vertical-align: middle;}
.HomeBan .slick-dots li.slick-active:after{width: 0.5rem; }
.HomeBan .slick-dots li.slick-active button{background-color: #fff;}

@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 45%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 
.HomeBan li .txt .text{font-size: 0.4rem;}
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}

}

.HomeAbout{ padding: var(--padMar80) 0;}
.HomeAbout .edit_info{font-size: var(--font-size16); color: #333; line-height: 2;}
.HomeAbout .edit_info p{ margin: 0.08rem 0;}
.HomeAbout .img img{ border-radius: 0.1rem;}
.HomeAbout .Homemore{overflow:hidden; padding-top: 0.24rem;}

.HomeAbout .number{padding:0.5rem 0 0 0 ;}
.HomeAbout .number ul {display: flex;justify-content: center;justify-content: space-between;overflow: hidden;}
.HomeAbout .number li{float: left;width: 18%; margin: 0 1%; text-align: center;position: relative; }
.HomeAbout .number li aside{display: inline-block;position: relative;line-height: 1;}
.HomeAbout .number li aside b{font-size: var(--font-size56);color: var(--hover-color);display: block; margin-bottom:0.15rem ; }
.HomeAbout .number li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 20%;font-size: var(--font-size16);margin-left: 0.1rem;color: #333; }
.HomeAbout .number li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 10%;font-size: var(--font-size16);margin-left: 0.1rem;color: #333;}
.HomeAbout .number li p{font-size: var(--font-size18);color: #333; margin: 0;}

@media (min-width:1025px) {
.HomeAbout .info{width: 46%;}   
.HomeAbout .img{ width: 50%;}
}
@media(max-width:1024px){
.HomeAbout .Homemore{padding: 0.24rem 0;}
.HomeAbout .number ul{flex-wrap: wrap;}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.2rem;}
.HomeAbout .number li aside b{font-size: var(--font-size48);}
}




.HomeProject{padding:var(--padMar80) 0;background: #fff; overflow: hidden; background: #f7f8fb;}
.HomeProject .tab-ul{ display: flex;justify-content: center;flex-wrap: wrap;gap:0.1rem 0.2rem;}
.HomeProject .tab-ul li{font-size:var(--font-size20); color: var(--hover-color); cursor: pointer; border: 1px solid var(--hover-color); border-radius: 0.5rem; padding: 0.15rem 0.5rem;display: flex;align-items: center; }
.HomeProject .tab-ul li img{max-width: calc(30 / 16 * 1em); margin-right:calc(10 / 16 * 1em); vertical-align: middle}
.HomeProject .tab-ul li.on {color: #fff; background: var(--hover-color);}
.HomeProject .tab-ul li.on img{filter: grayscale(100) brightness(100);}

.HomeProject .tab-list{ padding-top: 0.5rem;}
.HomeProject .tit{font-size:var(--font-size36); color: #000; margin-bottom: 0.24rem; font-weight: 500;}
.HomeProject .desc{ line-height: 2; color: #333; font-size:var(--font-size16);}

.HomeProject .right .pic{position: relative;z-index: 1;overflow: hidden;}
.HomeProject .right .pic img{border-radius:0.1rem ;}
.HomeProject .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
.HomeProject .open-video i{display: block;width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--hover-color) url(../images/play.png) no-repeat center center; background-size: 0.18rem auto; position: relative; z-index: 4;}
.HomeProject .open-video:before,
.HomeProject .open-video:after{position: absolute; content: '';border-radius: 50%;background: var(--hover-color); opacity: 0.2;-webkit-opacity: 0.2; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;}
.HomeProject .open-video:before{left: -0.15rem; top: -0.15rem; bottom: -0.15rem;right: -0.15rem; animation-delay: 0.3s;}
.HomeProject .open-video:after{left: -0.3rem; top: -0.3rem; bottom: -0.3rem;right: -0.3rem;}
.HomeProject .right .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: #000;}
.HomeProject .right .pic .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.HomeProject .right .pic .video_files video{width:100%; height:100%; background-color:#000;}

.HomeProject .picimg{padding-top: 0.3rem;}
.HomeProject .picimg .slider{margin: 0 -0.1rem;}
.HomeProject .picimg li{margin: 0 0.1rem;}
.HomeProject .picimg li .imgbox{padding-top: 62%; overflow: hidden; border-radius: 0.1rem; transition: 0.3s; }
.HomeProject .picimg li:hover .imgbox img{transform: scale(1.1);}

.HomeProject .picimg .slick-arrow{width: 0.55rem; height: 0.55rem;  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;}
.HomeProject .picimg .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%;}
.HomeProject .picimg .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomeProject .picimg .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeProject .picimg .slick-arrow:hover:before{ border-color: #fff;}

.HomeProject .slick-dots{text-align: center; margin-top: 0.2rem;}
.HomeProject .slick-dots li{width: 0.12rem;height: 0.12rem; background-color: rgba(var(--rgb-hover), 0.3); border-radius: 0.5rem; cursor: pointer; display: inline-block; margin: 0 0.1rem;}
.HomeProject .slick-dots li button{display: none;}
.HomeProject .slick-dots li.slick-active{background-color: var(--hover-color); }

@media (min-width:1025px) {
.HomeProject .TabCon .item{ display: flex; justify-content: space-between; align-items: center; }
.HomeProject .TabCon .item .left{width:50%;}
.HomeProject .TabCon .item .right{width:45%;}
.HomeProject .picimg .slick-prev{left:-0.75rem;}
.HomeProject .picimg .slick-next{right:-0.75rem;}
}


@media (max-width:1024px) {
.HomeProject .tab-ul li{font-size: var(--font-size18);padding: 0.12rem 0.3rem;}	
.HomeProject .tit{font-size: var(--font-size30);margin-bottom: 0.16rem;}
.HomeProject .TabCon .item .left{ margin-bottom: 0.2rem;}
.HomeProject .picimg .slick-arrow{width: 0.5rem; height: 0.5rem; }
.HomeProject .picimg .slick-prev{left:0.12rem;}
.HomeProject .picimg .slick-next{right:0.12rem;}
}

@keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@-webkit-keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@-ms-keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}





.Homeadv{padding:var(--padMar80) 0;background-size: 100% auto;background-repeat: no-repeat;background-color: #f8f8f8;}
.Homeadv .list {display: flex;flex-wrap: wrap;}
.Homeadv .item{ float: left; margin: 0 2% 0% 0;background-color: #fff;box-shadow:1px 0.02rem 0.2rem 0px rgba(0,0,0,0.07); padding:0.8rem 0.5rem; text-align: center; border-radius: 0.1rem; overflow: hidden;transition: all .5s;position: relative; z-index: 2;}
.Homeadv .item::before{content:"";display: block;width:100%;border-radius: 0.1rem;position: absolute;bottom:0;left:0;background: var(--hover-color);transition: all .5s;opacity: 0;height:0; z-index: -1;}
.Homeadv .item .icon{ background-color: var(--hover-color);width:0.8rem;height:0.8rem; border-radius: 0.6rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.3rem; transition: all .5s; }
.Homeadv .item .icon img{ max-width: 0.55rem;}
.Homeadv .item .tit{margin: 0.08rem 0 0.16rem;font-size: var(--font-size26); color: #000; }
.Homeadv .item .desc{color: #333;font-size: var(--font-size18);  line-height: 1.8;}
.Homeadv .item:hover{transform: translateY(-0.1rem); }
@media(min-width:1025px){
.Homeadv .item{width:32%;}
.Homeadv .item:nth-child(3n) {margin-right: 0;}
}

@media (max-width:1024px) {
.Homeadv{background-size: 200% auto;}
.Homeadv .item{width: 100%;padding: 0.3rem; margin-bottom: 0.2rem; margin-right: 0;}   

}

.HomeStore{padding:var(--padMar80) 0; overflow: hidden; }
.HomeStore .Homemore{ padding-top: 0.4rem;}
.HomeStore .box{ background: #f7f8fb;}
.HomeStore .box .right{padding: 0rem 0.8rem;}
.HomeStore .tit{ color: #000; font-size: var(--font-size36); line-height: 1.4; font-weight: 500; margin-bottom: 0.2rem;}
.HomeStore .desc{color: #333;font-size: var(--font-size16); line-height: 1.875; }
.HomeStore .pic .imgbox{padding-top: 59.339%;   transition: 0.3s; }
.HomeStore .pic img{display: block;width: 100%;}

.HomeStore .slick-arrow{width: 0.55rem; height: 0.55rem;  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;}
.HomeStore .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%;}
.HomeStore .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomeStore .slick-prev{}
.HomeStore .slick-next{background-color: var(--hover-color);}
.HomeStore .slick-next:before{ border-color: #fff;}
.HomeStore .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeStore .slick-arrow:hover:before{ border-color: #fff;}


@media(min-width:1025px ){
.HomeStore .slider{width: 91.667%; }
.HomeStore .slider .slick-list{overflow: inherit;}
.HomeStore .slider li:not(.slick-center){opacity: 0.2;}
.HomeStore .box{ display: flex; justify-content: space-between; align-items: center; }
.HomeStore .box .left{width:50%;}
.HomeStore .box .right{width:50%;}
.HomeStore .slick-prev{left: 10%; border-color: #fff; background-color: #fff;}
.HomeStore .slick-next{right: -0.28rem;}
}
@media(max-width:1024px ){
.HomeStore .auto{ width: 94%;}
.HomeStore .Hometitle{ text-align: left;}
.HomeStore .box .right{ padding: 0.3rem;}
.HomeStore .tit{font-size: var(--font-size26); }
.HomeStore .slick-arrow{bottom: 100%; top: auto; right: 0%;width: 0.5rem; height: 0.5rem; /* margin-bottom: 0.1rem; */}
.HomeStore .slick-prev{background-color: var(--hover-color);margin-right: 0.6rem;}
.HomeStore .slick-prev:before{ border-color: #fff;}
/* .HomeStore .slick-prev{ left: 0;} */

}

.StoreInfo{padding:var(--padMar80) 0;}
.StoreInfo .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; }
.StoreInfo .title h1 { margin: 0;  font-size: var(--font-size30); font-weight: 500;  color: #000; }
.StoreInfo .info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center }
.StoreInfo .edit_info { line-height: 2; color: #333; font-size: var(--font-size16); }
.StoreInfo .edit_info p{margin:0.1rem 0;}

@media(max-width:1024px ){
.StoreInfo .title h1{font-size: var(--font-size28);}
.StoreInfo .info img{ width: 100% !important; height: 100% !important;}
}


.BottomForm{ padding: 0.2rem 0; position: fixed;bottom: 0;left: 0;width: 100%;/* height: 1.5rem; */background: rgba(16, 18, 17, .7);opacity: 1;z-index: 100;}
.BottomForm .contact{ display: flex;justify-content: center; align-items: center; padding-bottom: 0.2rem;}
.BottomForm .contact .tit{color: #fff; font-size: var(--font-size24);  font-weight: 500; }
.BottomForm .contact .tel{color: #fff; font-size: var(--font-size24);   }
.BottomForm .form li{ position: relative; z-index: 1;   }
.BottomForm .form li:not(:last-child){margin-right: 0.1rem; }
.BottomForm .form .tit{position: absolute;left:0.16rem;top: 0;font-size: var(--font-size16); line-height:0.5rem;color: #333;}
.BottomForm .form select,
.BottomForm .form .text{width: 100%;border-radius:5px;font-size:var(--font-size16);border: 1px solid #eee;line-height:0.5rem;height:0.5rem;background: #fff;padding: 0 0.16rem; }
.BottomForm .form textarea.text{height:1.5rem;}
.BottomForm .form  .btn{width:1.6rem;font-size: var(--font-size20);background: var(--hover-color);border-radius: 0.05rem;line-height: 0.5rem; color: #fff;cursor: pointer;border: 0; display: block;}

@media(min-width:1025px ){
.BottomForm .form ul{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.BottomForm .form li:not(.but){width: 15.9%; }
}
@media(max-width:1024px ){
.BottomForm{position: initial;background: #f9f9f9; }
.BottomForm .contact{flex-wrap: wrap;}
.BottomForm .contact .tit{ color: #000;}
.BottomForm .contact .tel{color: #000;}
.BottomForm .form li{ margin-bottom: 0.15rem;}
.BottomForm .form li:not(:last-child){margin-right: 0rem; }
.BottomForm .form .btn{font-size: var(--font-size18);display: table; margin: 0 auto;}
}

/*Bottom002900 */
.Bottom002900{background: #222;padding: var(--padMar60) 0 0 0;}
.Bottom002900,
.Bottom002900 a{color: rgba(255,255,255,.6);}

@media(min-width:1025px){
.Bottom002900 .contact{width: 35%;max-width: 4.2rem;}
.Bottom002900 .b_nav{max-width: 5rem;width: 45%;}
.Bottom002900 .code{width: 20%;max-width: 2.8rem;}
}

.Bottom002900 .b_nav nav{}
.Bottom002900 .b_nav nav dl{float: left; max-width: 1.8rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;}
.Bottom002900 .b_nav nav dt a{font-size: var(--font-size18); color: #fff; position: relative; }
.Bottom002900 .b_nav nav dd{line-height: 0.24rem;padding: 0.09rem 0;}
.Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);}


@media(max-width:1024px){
 .Bottom002900 .b_nav nav{display: none;}
}
.Bottom002900 .copyright{line-height: 2;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 0.2rem 0 ;margin-top: 0.3rem;font-size: var(--font-size16); }
.Bottom002900 .copyright .fr a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.4);margin: 0 0.15rem;vertical-align: middle;}

.Bottom002900 a:hover{color: #fff;opacity: 1!important;}
.Bottom002900 .logo img{max-height:0.6rem;}
.Bottom002900 .contact .hotline .tit{color: #fff;display: flex;align-items: center}
.Bottom002900 .contact .hotline .tit::before{content: '';width:0.2rem;height: 0.2rem;  background: url(../images/Bottom-tel.svg) no-repeat left center; background-size: calc(20 / 16* 1em) auto;margin-right: 0.1rem}
.Bottom002900 .contact .num{font-size: var(--font-size36); font-weight: 500; margin-bottom: 0.18rem;line-height: 1;color: var(--hover-color);}
.Bottom002900 .contact P{ margin: 0.06rem 0; line-height: 1.6; }
.Bottom002900 .share{ }
.Bottom002900 .share .tit{font-size: var(--font-size18); color: #fff; margin-bottom: 0.2rem;}
.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 5px;display: none;}
.Bottom002900 .share li figure img{display: block;width: 100%;}
.Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.Bottom002900 .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom002900 .share li a{display: block;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.1); width: 0.45rem; height: 0.45rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom002900 .share li a:hover{background-color: var(--hover-color);}

.Bottom002900 .code{ margin: 0 auto;}
.Bottom002900 .code dl{display: flex;justify-content: space-between;}
.Bottom002900 .code dd{float: left; width: 45%; text-align: center;}
.Bottom002900 .code dd:nth-child(2n){float: right;}
.Bottom002900 .code dd aside{color: rgba(255,255,255,0.5); margin-top: 0.1rem;}
.Bottom002900 .code dd img{border-radius: 0.05rem; display: block; width: 100%; max-width: 1.25rem;}

@media(min-width:1025px){
.Bottom002900 .logo{ margin-bottom: 0.26rem;}
.Bottom002900 .contact .tit{ padding-bottom: 0.16rem;}
.Bottom002900 .share{margin:  0 0 0.25rem 0;}
}
@media(max-width:1024px){
.Bottom002900{text-align: center; padding-bottom: 0 !important;}
.Bottom002900 .logo{ padding-bottom: 0.2rem;}
.Bottom002900 .contact .tit{padding-bottom: 0.15rem;justify-content: center;}
.Bottom002900 .share{ margin-bottom: 0.2rem;}
.Bottom002900 .share ul{margin: 0 auto;display: table;}
.Bottom002900 .share li figure{left: 50%; margin-left: -60px;}
.Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;}
.Bottom002900 .contact .num{margin-bottom: 0.12rem;font-size: var(--font-size30);}
.Bottom002900 .code dl{display: flex;justify-content: center;}
.Bottom002900 .code dd{ width: auto; margin: 0 0.1rem;}
}



.nBanner{position: relative;}
.nBanner .txt{width:100%;position: absolute;z-index: 2;left:0;top:50%;transform: translateY(-50%);color:#fff; display: flex;align-items: center;justify-content: center;}
.nBanner .txt .cn{font-size: var(--font-size46);font-weight: 500;}
.nBanner .txt .desc{font-size: var(--font-size20); color: #fff; line-height: 1.6; margin-top: 0.12rem;}
@media (min-width:1025px) {
.nBanner .wap{display: none;}   
}
@media (max-width:1024px) {
.nBanner .pc{display: none;}  
.nBanner .txt .cn{font-size: var(--font-size32);}  
.nBanner .txt .desc{font-size: var(--font-size18);}
}


/*Columnmenu*/
.Columnmenu{background:#fff; border-bottom: 0.01rem solid #eee; position:relative;z-index:1;}
.Columnmenu ul{display:table;margin:0 auto;}
.Columnmenu li{float:left;padding:0 calc(40 / 1920 * 100vw);position:relative;}
.Columnmenu li:after{position:absolute;content:'';width:1px;right:0;top:50%;height:0.14rem;margin-top:-0.07rem;background:#dfdfdf;}
.Columnmenu li:last-child:after{display:none;}
.Columnmenu li a{display:block;font-size:var(--font-size18);position:relative;overflow:hidden;line-height:0.7rem;height:0.7rem;}
.Columnmenu li a:after{position:absolute;left: 50%;transform: translateX(-50%);bottom:0;content:'';height:0.02rem;width:0;background:var(--hover-color);transition: 0.3s;}
.Columnmenu li.aon a,.Columnmenu li:hover a{color:var(--hover-color);}
.Columnmenu li.aon a:after,.Columnmenu li:hover a:after{width: 100%;}

@media(max-width:1024px){
.Columnmenu li{padding:0 calc(70 / 1920 * 100vw);}
.Columnmenu li a{line-height:0.6rem;height:0.6rem;}
}




.lm-title{margin-bottom:0.4rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size42);color: #000;font-weight: 500;}
.lm-title .desc{font-size:var(--font-size18);color: #666; line-height: 1.6; margin-top: 0.12rem;}
.lm-title.white .cn {color: #fff;}
@media(max-width:1024px){
.lm-title{margin-bottom:0.3rem;}
.lm-title .cn{font-size:var(--font-size32);}
.lm-title .desc{font-size:var(--font-size16);}
}


.AboutInfo{ padding: var(--padMar80) 0;}
.AboutInfo .edit_info{font-size: var(--font-size16); color: #333; line-height: 2;}
.AboutInfo .img img{ border-radius: 0.1rem;}
@media (min-width:1025px) {
.AboutInfo .info{width: 47%;}   
.AboutInfo .img{ width: 47%;}
}


.Culture{ padding: var(--padMar80) 0;background-color: #f7f8fb;}
.Culture .edit_info {line-height: 2;font-size: var(--font-size16);color: #333; }
.Culture .right .imgbox{width: 100%;height: 100%;}
.Culture .right .imgbox img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.1rem;}
.Culture .left{display: flex;flex-wrap: wrap;flex-direction: column;}
.Culture .item{flex: 1;background-color: #fff;border-radius: 0.1rem;overflow: hidden;padding: 0.3rem 0.4rem; position: relative;display: flex;align-items: center;}
.Culture .item:not(:last-child){ margin-bottom: 0.2rem;}
.Culture .item .icon{margin-right: 0.2rem;width: 0.72rem;height: 0.72rem;border: 1px solid var(--hover-color);border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;}
.Culture .item .icon img{ max-width: 0.45rem; /* opacity: 0.05; */}
.Culture .item .tit{font-size: var(--font-size24);color: #000; margin-bottom: 0.12rem; font-weight: 500; }
.Culture .item .desc {color: #333;font-size: var(--font-size18); line-height: 1.7;}
@media (min-width:1025px) {
.Culture .box{ display: flex;justify-content: space-between;}
.Culture .left{width: 42%;} 
.Culture .right{width: 56%;} 
}
@media(max-width:1024px){
.Culture .item{padding: 0.3rem;}
.Culture .left{ margin-bottom: 0.2rem;}
}



.ContactInfo{ padding: var(--padMar80) 0;}
.ContactInfo ul{ display: flex;flex-wrap: wrap;}
.ContactInfo li{ float: left; background: #ce2b1f; margin-right: 2%; margin-bottom: 2%; padding: 0.4rem 0.3rem;/* box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.08); */ border-radius: 0.1rem;position: relative;z-index: 2; } 
.ContactInfo li::after{position: absolute;content: '';right: 0;bottom: 0;width: 100%;height: 1.6rem;background: url(../images/logo-bg.png) no-repeat right center; background-size: contain; opacity: 0.15; z-index: -1;}
.ContactInfo .tit {font-size: var(--font-size24);color: #fff;margin-bottom: 0.16rem;line-height: 1.5;}
.ContactInfo .info {line-height: 1.8;font-size: var(--font-size18); color: #fff; }
.ContactInfo .info p {margin: 0;}
.ContactInfo .pic img{ border-radius: 0.1rem;}
@media (min-width:1025px) {
.ContactInfo li{ width: 23.5%;} 
.ContactInfo li:nth-child(4n){ margin-right: 0;} 
}
@media(max-width:1024px){
.ContactInfo li{ width: 49%;padding: 0.3rem;} 
.ContactInfo li:nth-child(2n){ margin-right: 0;} 
}
@media(max-width:768px){
.ContactInfo li{ width: 100%;padding: 0.2rem;margin-right: 0} 
}

.Joinlist{ padding: var(--padMar80) 0;}
.Joinlist .list {padding: 0 0.5rem;background: #f8f8f8;border-radius: 0.1rem;}
.Joinlist .list+.list {margin-top: 0.2rem;}
.Joinlist .job-title {line-height: 1.8;padding: 0.25rem 0;cursor: pointer;position: relative;color: #000;}
.Joinlist .job-title p {margin: 0 0 0.15rem;position: relative;line-height: 1.8;font-size: var(--font-size20);}
/* .Joinlist .job-title p::before {content: '';position: absolute;width: 0.07rem;height: 0.07rem;;border-radius: 50%;background:var(--hover-color);left: -0.2rem;top: 0.15rem;} */
.Joinlist .job-title span+span {margin-left: calc(45 / 1920 * 100vw);}

.Joinlist .job-title span{color: #666; display: inline-block; font-weight: lighter; padding-left: 0.24rem;background-repeat: no-repeat;background-position: left center; background-size: 0.18rem auto;}
.Joinlist .job-title span.edu{background-image: url(../images/icon-edu.svg);}
.Joinlist .job-title span.ep{background-image: url(../images/icon-ep.svg);}
.Joinlist .job-title span.wp{background-image: url(../images/icon-place.svg);}
.Joinlist .job-title span.time{background-image: url(../images/icon-time.svg);}

.Joinlist .job-title i {position: absolute;width: 0.28rem;height: 0.28rem;background:var(--hover-color);border-radius: 50%;right: 0;top: 50%;margin-top: -0.14rem;}
.Joinlist .job-title i::before,
.Joinlist .job-title i::after {position: absolute;content: '';background: #fff;}
.Joinlist .job-title i::before {left: 25%;width: 50%;height: 2px;top: 50%;margin-top: -1px;}
.Joinlist .job-title i::after {left: 50%;margin-left: -1px;width: 2px;top: 25%;height: 50%;}
.Joinlist .job-title.select i::after {display: none;}
.Joinlist .job-title.select {color: var(--hover-color);}
.Joinlist .job-main {display: none;padding: 0.4rem 0 0.3rem;border-top: 1px dotted rgba(0, 0, 0, 0.15);}
.Joinlist strong {display: block;color: #333;margin-bottom: 0.12rem;}
.Joinlist .job-main .job-info {line-height: 1.8; }
.Joinlist .job-main .job-info p {margin: 0;}
.Joinlist .job-main .job-info p+p {margin-top: 0.08rem;}

.Joinlist .apply{width:1.8rem;line-height: 0.55rem;border-radius: 0.5rem;background: var(--hover-color);text-align: center; margin: 0.32rem 0;}
.Joinlist .apply a{color:#fff;display: inline-block;font-size: calc(16 / 16 * 1em);background: url(../images/apply.svg) no-repeat right center;padding-right: calc(32 / 16 * 1em);background-size: auto calc(24 / 16 * 1em); cursor: pointer;}

.Joinlist .send {padding: 0.2rem 0;margin-top: 0.2rem;border-top: 1px dashed rgba(0, 0, 0, 0.15);font-size: var(--font-size18);}
.Joinlist .send em {font-style: normal;border-bottom: 1px solid var(--hover-color);font-weight: bold;margin-left: 0.12rem;}
.Joinlist .send a {line-height: 1.8;color: var(--hover-color);background: url(../images/send.svg) no-repeat right center;padding-right: 0.4rem;background-size: 0.28rem auto ;}


@media (max-width:1024px) {
.Joinlist .job-title p::before {left: -12px;width: 6px;  height: 6px;}
.Joinlist .job-title {line-height: 1.6;padding: 0.2rem 0px;}
.Joinlist .job-title p {margin: 0px 0px 0.1rem 0px;line-height: 1.6;}
.Joinlist .job-title span:nth-of-type(1) {width: 100%;max-width: 100%;}
.Joinlist .job-title span+span {margin-left: 0px;width: 100%;line-height: 1.8;}
.Joinlist .job-main .job-info p+p, 
.Joinlist .job-main .job-info p {}
.Joinlist .list{padding: 0 0.2rem;}
.Joinlist .send{font-size: var(--font-size16);}
}




.BrandInfo{ padding: var(--padMar80) 0;}
.BrandInfo .tit {font-size: var(--font-size32);line-height: 1.3; font-weight: 500; color: #333;  margin-bottom: 0.25rem;}
.BrandInfo .subtit {font-size: var(--font-size18);line-height: 1.6; color: #333; font-weight: normal;  margin-bottom: 0.12rem;}
.BrandInfo .intro{ background-color: #f7f8fb; border-radius: 0.1rem; overflow: hidden;}
.BrandInfo .info{ padding: 0.2rem 0.5rem;}
.BrandInfo .edit_info{font-size: var(--font-size16); color: #333; line-height: 2;}
.BrandInfo .edit_info p{ margin: 0.08rem 0;}
.BrandInfo .img img{ /* border-radius: 0.1rem; */}

@media (min-width:1025px) {
.BrandInfo .info{width:50%;}
.BrandInfo .img{width:50%;}
}
@media(max-width:1024px){
.BrandInfo .info{padding: 0.2rem ;}
.BrandInfo .tit{ font-size:var(--font-size30);margin-bottom: 0.15rem;}
}
@media(max-width:640px){
.BrandInfo .tit{ font-size:var(--font-size26);}
}

.Environment{padding:  var(--padMar80) 0;background-color: #f8f8f8; position: relative;z-index: 2;}
.Environment::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2rem;background-color:var(--hover-color);z-index: -1;}
.Environment li .imgbox{padding-top: 62%;   transition: 0.3s; }
.Environment li img{ border-radius: 0.1rem;}
.Environment .row li{margin-bottom: 0.4rem;}
.Environment .row_2{ margin-top: 0.4rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.Environment .row_2 li {width: 48%; margin-bottom: 0.4rem;}

.Environment .row_3 {/* margin-top: 0.4rem; */display: flex; flex-wrap: wrap; justify-content: space-between;}
.Environment .row_3 li {width: 32%;margin-bottom: 0.4rem;}
@media(max-width:640px){
.Environment .row_2 li {width: 100%;margin-bottom: 0.2rem;}
.Environment .row_3 li {width: 100%;margin-bottom: 0.2rem;}
}



.Strength{ padding: var(--padMar80) 0;}
.Strength .list {display: flex;flex-wrap: wrap;}
.Strength .item{ float: left; margin: 0 2% 0% 0;background-color: #fff;box-shadow:1px 0.02rem 0.4rem 0px rgba(0,0,0,0.07); padding:0.6rem 0.5rem; text-align: center; border-radius: 0.1rem; overflow: hidden;transition: all .5s;position: relative; z-index: 2;}
.Strength .item::before{content:"";display: block;width:100%;border-radius: 0.1rem;position: absolute;bottom:0;left:0;background: var(--hover-color);transition: all .5s;opacity: 0;height:0; z-index: -1;}
.Strength .item .icon{ background-color: var(--hover-color);width:0.8rem;height:0.8rem; border-radius: 0.6rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.3rem; transition: all .5s; }
.Strength .item .icon img{ max-width: 0.55rem;}
.Strength .item .tit{margin: 0.08rem 0 0.16rem;font-size: var(--font-size26); color: #000; }
.Strength .item .desc{color: #333;font-size: var(--font-size18);  line-height: 1.8;}
.Strength .item:hover{transform: translateY(-0.1rem); }
@media(min-width:1025px){
.Strength .item{width:32%;}
.Strength .item:nth-child(3n) {margin-right: 0;}
}

@media (max-width:1024px) {
.Strength .item{width: 100%;}   
}


.BrandAdv{ padding: var(--padMar80) 0; background: #fff;}
.BrandAdv ul {display: flex;flex-wrap: wrap;}
.BrandAdv li{ background: #f8f8f8; padding: 0.5rem 0.4rem;border-radius: 0.1rem; margin-right: 2%; margin-bottom: 2%; overflow: hidden;transition: all .5s;}
.BrandAdv li:nth-child(2),
.BrandAdv li:nth-child(4),
.BrandAdv li:nth-child(5),
.BrandAdv li:nth-child(7) { background: #fcefef;}
.BrandAdv li .icon {display: flex;justify-content: space-between;width: 100%;align-items: center; margin-bottom: 0.35rem;}
.BrandAdv li .icon img{ max-width:0.5rem;}
.BrandAdv li .num{font-size: var(--font-size26); color: var(--hover-color); opacity: 0.6;  width: 0.5rem; height: 0.5rem; border-radius: 0.6rem; background-color: #fce5e3;display: flex;justify-content: center;align-items: center;}
.BrandAdv li .tit{font-size: var(--font-size26); color: #000; }
.BrandAdv li:hover{transform: translateY(-0.1rem); }
@media(min-width:1025px){
.BrandAdv li{width:23.5%;}
.BrandAdv li:nth-child(4n) {margin-right: 0;}
}

@media (max-width:1024px) {
.BrandAdv li{width:49%; padding: 0.3rem;}
.BrandAdv li:nth-child(2n) {margin-right: 0;}  
.BrandAdv li .icon{margin-bottom: 0.25rem;}
.BrandAdv li .tit{font-size: var(--font-size20);}
}


.Process{padding: var(--padMar80) 0;background: #f7f8fb; }
.Process ul {display: flex;flex-wrap: wrap;}
.Process li{ background: #fff; padding: 0.85rem 0.25rem 0.35rem 0.25rem;border-radius: 0.1rem; margin-right: 2%; margin-bottom: 2%; overflow: hidden;transition: all .5s; position: relative;}
.Process li::before {content: '';width: 100%;height: 0.04rem;background:var(--hover-color);position: absolute;bottom: 0;left: 0;}
.Process li:hover{transform: translateY(-0.1rem); }
.Process li .step {width: 0.8rem;height: 0.32rem;border-radius: 0 0.32rem 0.32rem 0;background: var(--hover-color);color: #fff;font-size: var(--font-size16);text-align: center;line-height: 0.32rem;position: absolute;left: 0;top: 0.3rem;text-transform: uppercase;}
.Process li .icon{ background-color: rgba(var(--rgb-hover), 0.1);width:0.68rem;height:0.68rem; border-radius: 0.68rem; display: flex; align-items: center; justify-content: center; margin-bottom:  0.3rem; transition: all .5s;  }
.Process li .icon img{ max-width: 0.4rem;}
.Process li .tit{font-size: var(--font-size20); color: #000; line-height: 1.5; margin-bottom: 0.15rem; }
.Process li .desc{color: #333;font-size: var(--font-size16);  line-height: 1.8;}
@media(min-width:1025px){
.Process li{width:18.4%;}
.Process li:nth-child(5n) {margin-right: 0;}
}
@media (max-width:1024px) {
.Process li{width:49%;padding: 0.85rem 0.2rem 0.2rem 0.2rem;}
.Process li:nth-child(2n) {margin-right: 0;}  
}
@media (max-width:640px) {
.Process li{width:100%;padding: 0.85rem 0.2rem 0.2rem 0.2rem;margin-right: 0; margin-bottom: 0.2rem;}
}


.Searchlist {padding: var(--padMar80) 0;}
.Searchlist li{border-bottom: 0.01rem dashed #d5d5d5;padding: 0.2rem 0; }
.Searchlist li a{ display: block; height: auto; overflow: hidden; font-size: var(--font-size16); color: #333;}
.Searchlist li a::before{display: inline-block;content: '';width: 0.06rem;height: 0.06rem;background: var(--hover-color);border-radius: 50%;margin-right: 0.10rem;vertical-align: middle;}
.Searchlist li time{  float: right; color: #666; margin-left: 0.12rem; font-weight: lighter; }
.Searchlist li a:hover{ color: var(--hover-color);}