@import url("fonts/fonts.css");

html,body{overflow-x: hidden;}
body {font-family: 'SYH'; font-weight: normal; --hover-color:#b21b1b;--white:#fff; --hover-color2:#344367; --black:#000; --grey:#333; --grey2:#666; --grey3:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:178,27,27; --rgb-hover2:52,67,103;--radius: .1rem;}

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


/*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;}

.scroll::-webkit-scrollbar {width:3px;height:3px;}
.scroll::-webkit-scrollbar-track {width:3px;background-color:#f5f5f5;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.scroll::-webkit-scrollbar-thumb {background-color:var(--hover-color);background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
.scroll::-webkit-scrollbar-thumb:hover {background-color:var(--hover-color);} 

.Hometitle {margin-bottom: 0.5rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size20);color: var(--hover-color);margin-bottom: 0.16rem;}
.Hometitle .des{font-size:var(--font-size42); color: var(--black); font-weight: 500;  }
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .des{ color: #fff;}
.Hometitle.center{ text-align: center;}

.Homemore a{display:inline-flex;align-items:center; border: 0.01rem solid var(--hover-color); border-radius:0.5rem;line-height:0.5rem;padding-left:0.36rem;padding-right:0.06rem;position:relative;font-size: var(--font-size16);color:var(--hover-color)}
.Homemore a span{position:relative;display:block;z-index:2;}
.Homemore a:after,
.Homemore a::before{width:0.42rem;height:0.42rem}
.Homemore a:after{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/more-w.svg);background-size:auto 0.14rem;margin-left:0.16rem;position:relative;z-index:2;transform: rotate(-45deg);transition: 0.5s ease-out;}
.Homemore a::before{position:absolute;content:'';right:0.04rem;border-radius:0.6rem;top:0.04rem;background-color:var(--hover-color);z-index:1;transition: 0.5s ease-out;}
.Homemore a:hover:after{transform: rotate(0deg);background-image:url(../images/more.svg);}
.Homemore a:hover{background-color: var(--hover-color); color: var(--white);}
.Homemore a:hover::before{background-color:var(--white);}

.Homemore.white a{ border-color: var(--hover-color); background-color:var(--hover-color) ; color: var(--white) ;}
.Homemore.white a:after{background-image:url(../images/more.svg); }
.Homemore.white a::before{ background-color: var(--white);}

@media(max-width: 1024px) {
.Hometitle .cn {font-size: var(--font-size40);}
.Hometitle .en {font-size: var(--font-size50);}
.Homemore a{padding-left:0.2rem;}
.Homemore a:after{margin-left:0.16rem;}
}
@media(max-width:640px){
	.Hometitle{margin-bottom: 0.3rem;}
	.Hometitle .des{font-size:var(--font-size24);}
	.Homemore a{line-height: 0.4rem;}
	.Homemore a:after, .Homemore a::before{width: 0.3rem;height: 0.3rem;}
}

/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.2); 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.22rem; height: 0.22rem; background: url(../images/search.svg) no-repeat center center; background-size: 0.17rem 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 0.18rem; }
.Top003156 .top-right .lang{position: relative;z-index: 100; padding-right: 0.25rem;}
.Top003156 .top-right .lang::before{position:absolute;right: 0; top: 50%; width: 0.01rem; height:.16rem; content: ''; background: rgba(var(--rgb-black), 0.3); transform: translateY(-50%);}
.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.2rem; color: #333;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.07rem;height: 0.07rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #999;border-right: 1px solid #999;right: 0;top: 50%;margin-top: -0.04rem;}
.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 .inquiry { background: var(--hover-color); color: #fff; padding: 0.08rem 0.2rem; border-radius: 0.5rem; }

.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: var(--black);}

.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: var(--black);}
.Top003156.hover menu li span a:hover, 
.Top003156.fixed menu li span a:hover, 
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li.aon span a { color: var(--hover-color); }
.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.svg); color: #333;}
.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}
.Top003156.hover .top-right .lang::before,
.Top003156.fixed .top-right .lang::before{background: rgba(var(--rgb-black), 0.3);}
.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; }
.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 0.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(70 / 1920 * 100vw); }
.Top003156 menu li span a { line-height:0.9rem; font-size: var(--font-size18);}
.Top003156 .logo { height: 0.9rem;  float: left;}
.Top003156 .logo img { max-height: 0.65rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:not(:first-child){padding-left: 0.2rem;}
.Top003156 .top-right dt:last-child{padding-left: 0rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px;width: 1.6rem;  margin-left: -0.8rem; 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:1em;}
.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.7rem; }
.Top003156 .logo img { max-height: 0.6rem; }
.Top003156 .top-right { height: 0.7rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.16rem; }
.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;}
}


.Banner003223{position:relative;z-index:1; }
.Banner003223 .link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20;}
.Banner003223 .txt :where(.tit,.desc,.Homemore){opacity:0;transform:translateX(1rem);transition:0.5s;}
.Banner003223 .txt .tit {font-size: var(--font-size52);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;transition-delay:0.5s;}
.Banner003223 .txt .desc{font-size: var(--font-size18); line-height: 1.75;transition-delay:0.8s}
.Banner003223 .txt .Homemore{margin-top:0.4rem;transition-delay:1s;}

.Banner003223 .controls-page{bottom:5%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; margin:0 .12rem !important; background:var(--white);display: inline-block; border-radius:  0.5rem;opacity: 1; }
.Banner003223 .controls-page span.swiper-pagination-bullet-active {background:var(--hover-color); }
.Banner003223 .swiper-slide-active .txt :where(.tit,.desc,.Homemore){opacity:1;transform:translateX(0)}

@media (min-width:1025px) {
.Banner003223 .wap{display: none;} 
.Banner003223 .text{width: 48%;}
}
@media (max-width:1024px) {
.Banner003223 .pc{display: none;} 
.Banner003223 .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
.Banner003223 .txt .desc{font-size: var(--font-size16); line-height: 1.8;}
.Banner003223 .txt .Homemore{margin-top:0.2rem;}
.Banner003223 .video-inner{z-index: 50;}
.Banner003223 .root-swiperVideo .video-box video{object-fit:contain;}
}



.HomeAbout{position: relative;padding: var(--padMar100) 0;position: relative;z-index: 2;overflow: hidden;background-image: url(../images/HomeAbout-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom center;}
.HomeAbout [class*=autoCon-]{position: relative; z-index: 2;}
.HomeAbout .img {position: absolute;width: 1.6rem;overflow: hidden;/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */transform: scale(0.8) rotate(0deg); border-radius: var(--radius);}
.HomeAbout .img img {width: 100%;}
.HomeAbout .img_1 {top: 0;left: 0;transform: rotate(-15deg);}
.HomeAbout .img_2 {top: 25%;right: 0;transform: rotate(5deg);}
.HomeAbout .img_3 {top: 86%;left: 5%;transform: rotate(5deg);}
.HomeAbout .img_4 {top: 85%;right: 10%;transform: rotate(8deg);}


.HomeAbout .entitle{font-size: var(--font-size240); color: var(--hover-color2); font-weight: bold; text-align: center; line-height: 1; margin-bottom: 0.3rem;}
.HomeAbout .entitle span{ position: relative;}
.HomeAbout .entitle img {position: absolute;width: 1.1rem;right: -0.5rem;top: 52.5%;transform: rotate(-15deg); }
.HomeAbout .subtitle{font-size: var(--font-size36); color: var(--black); text-align: center; margin: 0.3rem 0; font-weight: 500;}
.HomeAbout .edit_info{font-size: var(--font-size18); color: var(--grey); line-height: 1.875; max-width: 11rem; width: 100%; margin: 0 auto; text-align: center;}
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .Homemore{margin-top:0.4rem; display: flex; justify-content: center;}

@media(max-width:1024px){
	.HomeAbout .entitle{font-size: var(--font-size100);}
}
@media(max-width:640px){
	.HomeAbout .entitle{font-size: var(--font-size48);}
	.HomeAbout .subtitle{font-size: var(--font-size24);margin: 0.15rem 0;}
}

.HomePro{ overflow: hidden;position: relative; padding-top:var(--padMar100) ;}
.HomePro .list ul li.on .img:after{background-color: rgba(var(--rgb-black), 0.5);}
.HomePro .list ul li .casket .icon{display: flex;justify-content: center;margin-bottom: 0.2rem;}
.HomePro .list ul li .casket .icon img{max-height: 0.6rem;}
.HomePro .list ul li .casket .title{margin-top: 0.24rem;font-size: var(--font-size36);color: #fff;font-weight: 500;}
/* .HomePro .list ul li.on .img img{width: 55vw} */
.HomePro .list ul li .box .icon{ margin-bottom: 0.2rem;}
.HomePro .list ul li .box .icon img{max-height: 0.5rem;}
.HomePro .list ul li .box .title{font-size: var(--font-size36);color: #fff; font-weight: 500;}
.HomePro .list ul li .box .Homemore{margin-top: 0.5rem;}

.HomePro .list ul li .box .cooperate{margin-top: 0.3rem;max-width:7rem;}
.HomePro .list ul li .box .industry dl{display: flex;flex-wrap: wrap; gap: 0.15rem; width: 100%;}
.HomePro .list ul li .box .industry dl dd{ width: calc((100% - 0.15rem * 2) / 3);  text-align: center;}
.HomePro .list ul li .box .industry dl dd .simg{ padding-top: 58%;border-radius: var(--radius);background-color: rgba(255, 255, 255, .3);border: 0.01rem solid rgba(255, 255, 255, 0.5); margin-bottom: 0.12rem; transition: 0.3s;}
.HomePro .list ul li .box .industry dl dd .pic img{ object-fit: contain;transition: 0.3s;}
.HomePro .list ul li .box .industry dl dd .tit{font-size:var(--font-size16); color: var(--white);}
.HomePro .list ul li .box .industry dl dd:hover .simg img{transform: scale(1.1);}

.HomePro .list ul li .box .brand dl{display: flex;flex-wrap: wrap; gap: 0.15rem; width: 100%;}
.HomePro .list ul li .box .brand dl dd{ width: 2.2rem; text-align: center;}
.HomePro .list ul li .box .brand dl dd .pic{display: flex;align-items: center; justify-content: center; height: 1.1rem; background-color:#fff;border-radius: var(--radius);box-shadow:0.05rem 0 0.2rem rgba(var(--rgb-hover),0.08);margin-bottom: 0.12rem;}
.HomePro .list ul li .box .brand dl dd .pic img{max-width: 80%;max-height: 80%; transition: 0.3s;}
.HomePro .list ul li .box .brand dl dd .tit{font-size:var(--font-size16); color: var(--white);}
.HomePro .list ul li .box .brand dl dd:hover .pic img{transform: scale(1.1);}

@media(min-width:1025px){
.HomePro .list ul{display: flex;justify-content: space-between;width: 108%}
.HomePro .list ul li{flex:1;transition: 0.8s ease;}
.HomePro .list ul li .main-box{position: relative;width: 100%;transition: 0.8s ease;transform: skew(-10.15deg);transform-origin: left top;overflow: hidden;}
.HomePro .list ul li .main{position: relative;width: 100%;height: 8rem;transform: skew(10.15deg);z-index: 5;}
.HomePro .list ul li.on{flex:1.6;}
.HomePro .list ul li .img{position: absolute;overflow: hidden;z-index: 2;top: 0;bottom: 0;transition: 0.3s;transform: skew(10.15deg);width: 140%;height: 100%;margin-left: -20%;z-index: 1;}
.HomePro .list ul li .img img{position: absolute;left: 50%;top: 50%;min-width: 100%;min-height: 100%;max-width: none;object-fit: cover;transform: translate(-50%, -50%);}
.HomePro .list ul li .img:after{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);z-index: 3;}
.HomePro .list ul li .box{display: none;position: absolute;left:1.2rem;top: 50%;width: 100%;min-width: 8rem;padding: 0.8rem;transform: translateY(-50%);z-index: 5;box-sizing: border-box;overflow: hidden;}
.HomePro .list ul li.on .casket{display: none;}
.HomePro .list ul li.on .box{display: block;}
.HomePro .list ul li .casket{position: absolute;left: 0;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);z-index: 5;}
}
@media(max-width:1024px){
	.HomePro .list ul{display: flex;}
	.HomePro .list ul li{position: relative;flex: 1;text-align: center;padding: 0.5rem 0;}
	.HomePro .list .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
	.HomePro .list .main .box{display: none;}
	.HomeLab .txt{position: relative;}
}
@media(max-width:640px){
	.HomePro .list ul li .casket .title{font-size: var(--font-size24);}
	.HomePro .list ul li .casket .icon img{max-height: 0.4rem;}
	.HomePro .list ul li .casket .icon{margin-bottom: 0;}
	.HomePro .list ul li .casket .title{margin-top: 0.1rem;}
}

.HomeLab{padding:var(--padMar100) 0 0 0 ;}
.HomeLab .box{position: relative;}
.HomeLab .pic{ position: relative; overflow: hidden; border-radius: var(--radius);padding-bottom: calc(600 / 1400* 100%);}
.HomeLab .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.HomeLab .pic::before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: rgba(var(--rgb-black), 0.3);}
.HomeLab .txt{width:100%;position: absolute;z-index: 5;left:0;top:50%;transform: translateY(-50%);color:var(--white); text-align: center; display: flex;align-items: center;justify-content: center; }
.HomeLab .txt .tit{font-size: var(--font-size24);line-height: 1; margin-bottom: 0.16rem; }
.HomeLab .txt .subtit{font-size: var(--font-size46);font-weight: 500;line-height: 1.5; margin-bottom: 0.24rem;}
.HomeLab .txt .Homemore{ margin-top: 0.4rem;}

@media(max-width:1024px){
		.HomeLab .txt .subtit{font-size: var(--font-size36);}
}
@media(max-width:640px){
	.HomeLab .txt{position: relative;transform: translate(0,0);padding: 0.5rem 0;}
	.HomeLab .pic{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: -1;}
	.HomeLab .txt .subtit{font-size: var(--font-size24);}
}

.HomeNew{padding:var(--padMar100) 0 ; overflow: hidden;}
.HomeNew .Homemore{position: absolute;right:0;top:50%; transform: translateY(-50%);}
.HomeNew li { border-bottom: 1px solid #eee; padding: 0.3rem 0; transition: 0.3s; position: relative; z-index: 2;}
.HomeNew li::after{ width:100vw; height:100%; content:''; display:block; position:absolute; left:50%; top:0; transform:translate(-50%); opacity:0; transition:.3s;}
.HomeNew li:hover::after{background-color:#f5f7fc; opacity:1;}
.HomeNew li a{ position: relative; z-index:5;}
.HomeNew li .pic{overflow: hidden; }
.HomeNew li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: 0.1rem;}
.HomeNew li a:hover .imgbox img{transform: scale(1.1);}
.HomeNew li .txt{ flex: 1 1 auto;  overflow: hidden;position: relative;padding-left: 0.6rem;}
.HomeNew li time{ display: block; font-size: var(--font-size16);color:var(--grey3);  margin-bottom: 0.2rem;font-weight: lighter;}
.HomeNew li .txt .tit{font-size:var(--font-size22);color:var(--grey);margin-bottom:0.15rem; line-height: 1.3;}
.HomeNew li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey3);  }

.HomeNew li .more{ width: 0.5rem; height: 0.5rem;border-radius: 50%;border: 0.01rem solid var(--hover-color); transition: 0.3s;  display: flex;align-items: center;justify-content: center;  position: relative; margin-left: 0.5rem;}
.HomeNew li .more::after{position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more.svg) no-repeat center; background-size: auto 0.14rem;transform:rotate(-45deg);transition: 0.5s ease-out;}
.HomeNew li:hover .more{ background: var(--hover-color); border-color: var(--hover-color);}
.HomeNew li:hover .more::after{ background-image: url(../images/more-w.svg);transform: rotate(0deg);}
.HomeNew li:hover .tit{ color: var(--hover-color);}

@media (min-width:1025px) {
.HomeNew li a{display: flex; justify-content: space-between; align-items: center;}
.HomeNew li .pic{width: 23%;}
.HomeNew li .txt{width: 70%;}
}
@media (max-width:1024px) {
.HomeNew li:first-child{padding-top: 0;}
.HomeNew li time{margin-top: 0.1rem;}
.HomeNew li .txt{padding-left: 0rem;}
.HomeNew li .txt::before{ display: none;}
.HomeNew li .date{ margin-bottom: 0.1rem;}
.HomeNew li .date span{ font-size:var(--font-size32); margin-bottom: 0; margin-right: 0.1rem;}
.HomeNew li .more{ margin-top: 0.2rem;display: none;}
}

.HomePartner{padding: var(--padMar100) 0;background-image: linear-gradient(to bottom, #f7fafd, #f2f7fb);overflow: hidden; position: relative;z-index: 1;}
.HomePartner:before {position: absolute;content: '';width: 100%;height: 100%;left: 0;top: -1px;clip-path: polygon(0 calc(0 / 1130 * 100%),calc(690 / 1920 * 100%) 0,100% 0,100% calc(650 / 1130 * 100%),calc(1550 / 1920 * 100%) 100%,0 100%);z-index: 1;background: var(--hover-color2); display: none;}
.HomePartner .list{margin-top:var(--padMar120);}
.HomePartner li{width:12.5%;float:left;height:2rem;padding-bottom:0.24rem;display: flex;align-items: center;justify-content: center;position: relative;z-index:99;margin-top:-0.5rem;position: relative;}
.HomePartner li::before{content:'';background: url(../images/lobg.png) no-repeat center center;background-size: 100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;transform: scale(1.05);}
.HomePartner  li:nth-child(15n+9){margin-left:6.25%;}
.HomePartner li a{position: relative;z-index:9;text-align: center;}
.HomePartner li img{max-width:85%;max-height:85%;transition: all .3s;}
.HomePartner li:hover img{transform: scale(1.05);}

@media(max-width:1024px){
.HomePartner:before{display: none;}
.HomePartner .before{width:1rem;}
}

@media(max-width:640px){
.HomePartner .list{margin-top: 0;}
.HomePartner li{width: 25%;height:1.2rem;margin-top:0px;}
.HomePartner li:nth-child(15n+9){margin-left:0;}
.HomePartner li:nth-child(9n+6){margin-left:0%;}
.HomePartner li img{max-width: 60%;}
.HomePartner li{padding-bottom: 0.12rem;}
.HomePartner li::before{transform: scale(1);}
}


/*Bottom002900 */
.Bottom002900{padding: var(--padMar80) 0 0 0; position: relative; z-index: 2;/* border-top: 0.04rem solid var(--black); */background:url(../images/bottom-bg.png) no-repeat 50% #313d5c; background-size: 32% auto;}
.Bottom002900,
.Bottom002900 a{color: rgba(255,255,255,.6);}
.Bottom002900:before{height: 0.06rem;left: 0;top: 0;content: "";position: absolute;background-color: var(--hover-color);width: 100%;transition: 0.3s;}
.Bottom002900:hover:before{width: 100%;}
.Bottom002900 .f-top{padding-bottom: 0.4rem;margin-bottom: .4rem; border-bottom: 1px solid rgba(255,255,255,.1)}
@media(min-width:1025px){
.Bottom002900 .contact{width: 30%;max-width: 4.5rem;}
.Bottom002900 .b_nav{max-width: 9.6rem;width: 60%;}
}
.Bottom002900 .b_nav nav{}
.Bottom002900 .b_nav nav dl{float: left; max-width: 1.8rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.16rem;}
.Bottom002900 .b_nav nav dt a{font-size: var(--font-size18); color: var(--white); position: relative; }
.Bottom002900 .b_nav nav dd{line-height: 0.24rem;padding: 0.06rem 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.24rem 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.2);margin: 0 0.15rem;vertical-align: middle;}

.Bottom002900 a:hover{color: var(--hover-color);opacity: 1!important;}
.Bottom002900 .logo img{max-height:0.6rem;}
.Bottom002900 .contact .hotline .tit{color: rgba(255,255,255, 0.8);display: flex;align-items: center}
.Bottom002900 .contact .hotline .tit::before{content: '';width:0.2rem;height: 0.2rem;  background: url(../images/icon_call.svg) no-repeat left center; background-size: 0.2rem auto;margin-right: 0.1rem}
.Bottom002900 .contact .num{font-size: var(--font-size38); font-weight: bold; margin-bottom: 0.2rem;line-height: 1;color: var(--white);}
.Bottom002900 .contact .hotline p{display: block; margin: 0.08rem 0; line-height: 1.75; padding-left:0.28rem;background-position: left top 0.05rem;background-repeat: no-repeat; background-size: 0.18rem auto; color: var(--white); opacity: 0.8; }
.Bottom002900 .contact .hotline p.add{background-image: url("../images/icon_add.svg");}
.Bottom002900 .contact .hotline p.email{background-image: url("../images/icon_email.svg");}
.Bottom002900 .contact .hotline p.fax{background-image: url("../images/icon_fax.svg");}
.Bottom002900 .contact .hotline p+p{margin-top:0.12rem;}

.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 1.3rem; padding: 0.05rem;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom002900 .share li figure img{display: block;width: 100%;}
.Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 0.2rem; top: 100%;border-top-color: #fff;}
.Bottom002900 .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom002900 .share li a{display: block;background: rgba(255,255,255,0.1); width: 0.5rem; height: 0.5rem;background-position: center center;background-repeat: no-repeat; background-size: 0.25rem auto; border-radius: 50%; cursor: pointer;}
.Bottom002900 .share li a:hover{background-color: var(--hover-color);}

@media(min-width:1025px){
.Bottom002900 .contact .tit{padding-bottom: 0.16rem;}
}
@media(max-width:1024px){
.Bottom002900{text-align: center;}
.Bottom002900 .logo{padding: 0 20% 3%;}
.Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;}
.Bottom002900 .share ul{margin: 0 auto;display: table;}
.Bottom002900 .f-top{padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.Bottom002900 .copyright{margin-top: 0.2rem;}
}

.cbanner{position: relative; background-color: #fff;}
.cbanner::after{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);z-index: 1;}
.cbanner .txt{width:100%;position: absolute;z-index: 2;left:0;top:50%;transform: translateY(-50%);color:var(--white); display: flex;align-items: center;justify-content: center; }
.cbanner .txt .text{ }
.cbanner .txt .tit{font-size: var(--font-size50);font-weight: bold;line-height: 1.4; margin-bottom: 0.1rem;}
.cbanner .txt .desc{font-size: var(--font-size24);color: var(--white);line-height: 1.75; }
@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt .tit{font-size: var(--font-size36);}  
.cbanner .txt .desc{font-size: var(--font-size18);}
}


/*Menu003135 */
.Menu003135{position: relative;z-index: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.Menu003135 .current{font-size:var(--font-size16); padding-left:.25rem;background: url(../images/Menu003135-icon.svg) no-repeat left center; background-size:.16rem auto; line-height:.8rem; }
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: var(--grey3); }
.Menu003135 .current i {display: inline-flex;margin: 0 0.1rem;}
.Menu003135 .nav-menu li{float: left;font-size:var(--font-size18);line-height:.8rem;}
.Menu003135 .nav-menu li:not(:last-child){margin-right: calc(50 / 1920 * 100vw);}
.Menu003135 .nav-menu li a{display: block;position: relative; color: #333; }
.Menu003135 .nav-menu 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;}
.Menu003135 .nav-menu li.aon a,
.Menu003135 .nav-menu li:hover a{color:var(--hover-color);}
.Menu003135 .nav-menu li.aon a:after,
.Menu003135 .nav-menu li:hover a:after{width: 100%;}
@media (max-width:1024px) {
.Menu003135 .current{display: none;}  
.Menu003135 .nav-menu li{line-height: 0.6rem;font-size: 0.18rem;} 
.Menu003135 .nav-menu{white-space: nowrap;overflow: auto;}
.Menu003135 .nav-menu li{display: inline-block;float:none;}
}



.lm-title{margin-bottom:0.5rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size42);color: var(--black);font-weight: 500;}
.lm-title .des{font-size:var(--font-size20); color: var(--grey); margin-top: 0.2rem;}
.lm-title.center .cn::after{margin: .2rem auto 0 ;}
.lm-title.white .cn {color: #fff;}
.lm-title.white .des {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(--padMar100) 0; position: relative;overflow: hidden;}
.AboutInfo .slogan{ font-size: var(--font-size36);color: var(--black); font-weight: 500; margin-bottom: 0.32rem; line-height: 1.5;  }
.AboutInfo .edit_info {font-size: var(--font-size18);color: var(--grey); line-height:2;}
.AboutInfo .edit_info p{ margin: 0.12rem 0;}
.AboutInfo .pic{ position: relative; }
.AboutInfo .pic img{width: 100%; }
.AboutInfo .pic:after {position: absolute;right: -0.2rem;bottom: -0.2rem;height: 45%;clip-path: polygon(100% -248%, 100% 0, 100% 100%, 0 100%);background-color: var(--hover-color);width: 80%;content: ""; z-index: -1;}

.AboutInfo .number{ padding-top: var(--padMar80);}
.AboutInfo .number ul {display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;overflow: hidden;}
.AboutInfo .number li{float: left;width: 18%; margin: 0 1%;position: relative; display: flex;align-items: center; text-align: center; }
.AboutInfo .number li .icon{width: 0.8rem;height: 0.8rem;border-radius: 50%;background:rgba(var(--rgb-hover),0.05);display: flex;justify-content: center;align-items: center;margin-right: 0.24rem;}
.AboutInfo .number li .icon img{max-width: 0.42rem;}
.AboutInfo .number li .Con{flex: 1;}
.AboutInfo .number li aside{display: inline-block;position: relative;line-height: 1;}
.AboutInfo .number li aside b{font-size: var(--font-size56);color: var(--hover-color);display: block;  font-weight: bold; }
.AboutInfo .number li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 20%;font-size: var(--font-size20);margin-left: 0.1rem;color: var(--hover-color); }
.AboutInfo .number li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 10%;font-size: var(--font-size20);margin-left: 0.1rem;color: var(--hover-color);}
.AboutInfo .number li p{font-size: var(--font-size18);color: var(--grey2); margin: 0;line-height: 1.5;margin-top:0.12rem; }


@media (min-width:1025px) {
.AboutInfo .intro{ display: flex;justify-content: space-between; flex-direction: row-reverse;}
.AboutInfo .info{width: calc(660 / 1400 * 100%);min-height:35.156vw;margin-top: -0.03rem;border-top: 0.03rem solid var(--hover-color);padding-top: 0.4rem;}
.AboutInfo .pic{width: calc(920 / 1920 * 100%);left: 0;position: absolute;top: var(--padMar200);margin-top: 0;}
}
@media(max-width:1024px){
.AboutInfo .info{ margin-bottom: 0.3rem;}
.AboutInfo .pic img{border-radius: var(--radius);}
.AboutInfo .number li{width: 48%;margin: 0 0%;  margin-bottom: 0.24rem;text-align: left;}
.AboutInfo .number li .icon{width: 0.7rem;height: 0.7rem;margin-right: 0.12rem;}
.AboutInfo .number li .icon img{max-width: 0.32rem;}
.AboutInfo .number li aside b{font-size: var(--font-size36);}
.AboutInfo .number li aside sub,
.AboutInfo .number li aside sup{font-size: var(--font-size18);}
.AboutInfo .number li p{font-size: var(--font-size16);margin-top: 0.05rem;}
.AboutInfo .slogan{font-size: var(--font-size24);}
}


.Culture{padding:var(--padMar100) 0;}
.Culture .item{padding: 0.4rem 0.4rem 0.2rem 0.4rem;border-radius: var(--radius); overflow: hidden; box-shadow: 0 3px 0.5rem rgba(69,75,86,0.2);position: relative;z-index: 2;}

.Culture .item:not(:last-child){ margin-bottom: 0.5rem;}
.Culture .item .img img{border-radius: var(--radius);}
.Culture .item p{color: #666666;margin: 0;}
.Culture .item .entit{font-size: var(--font-size20);color: var(--hover-color); text-transform: uppercase;}
.Culture .item .tit{font-size: var(--font-size32); color: var(--grey); line-height: 1.2;margin-top: 0.16rem;font-weight: 500;}
.Culture .item .desc{font-size: var(--font-size18); color: var(--grey); line-height: 1.875;margin-top: 0.2rem;}
@media(min-width:1025px){
.Culture .item{display: flex; flex-wrap: wrap; align-items: center;}
.Culture .item .pic{width: calc(710 / 1400 * 100%);top: -0.2rem;z-index: 2;position: relative;}
.Culture .item .info{width: calc(658 / 1400 * 100%);padding: 0 0.7rem;position: relative;z-index: 1;}
.Culture .item:after{width: calc(800 / 1400 * 100%);right:0.4rem;top: 0.4rem;height: calc(100% - 0.4rem);border-radius: var(--radius);background: linear-gradient(-80deg, #eff3f9 0%, rgba(227,231,237,0.3) 83%, rgba(227,231,237,0.1) 100%);position: absolute;content: "";z-index: 0;}
.Culture .item:nth-child(even){flex-direction: row-reverse;}
.Culture .item:nth-child(even):after{right: auto;left:0.4rem;background: linear-gradient(80deg, #eff3f9 0%, rgba(227,231,237,0.3) 83%, rgba(227,231,237,0.1) 100%);}
}
@media(max-width:1024px){
.Culture .item{padding: 0.2rem;}
.Culture .item .pic{margin-bottom: 0.25rem;}
}
@media(max-width:640px){
	.Culture .item .tit{font-size: var(--font-size24);}
	.Culture .item:not(:last-child){margin-bottom: 0.2rem;}
}

.Activity{padding: var(--padMar100) 0;}
.Activity ul{ display: flex; flex-wrap: wrap;}
.Activity li { float: left; background: #f8f9fa; margin-bottom: 3% ; margin-right:3%; border-radius: var(--radius); overflow: hidden; position: relative; z-index: 2;transition: all .5s; }
.Activity li:hover{ background: var(--white); box-shadow: 0 0 0.15rem rgba(0, 0, 0, .2);}
.Activity li .pic{overflow: hidden;  }
.Activity li .pic .imgbox{padding-top:65.075%;transition: 0.3s; }
.Activity li a:hover .imgbox img{transform: scale(1.1);}
.Activity li time{ display: block; font-size: var(--font-size16);color:#999; font-weight: lighter;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;margin-top: 0.16rem;}
.Activity li .txt{  overflow: hidden; padding: 0.24rem;}
.Activity li .txt .tit{font-size:var(--font-size20);color:var(--grey);margin-bottom:0.12rem; line-height: 1.5;}
.Activity li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#999; }
.Activity li a:hover .txt .tit{color:var(--hover-color);}
@media (min-width:1025px) {
.Activity li{width: 31.33%;}
.Activity li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
.Activity li{width: 48.5%;}
.Activity li:nth-child(2n){margin-right: 0;}
}

@media(max-width:640px){
.Activity li{width: 100%;margin-right: 0;}
}


.Honor{padding: var(--padMar100) 0;background: #f8f8f8;}
.Honor ul{ display: flex; flex-wrap: wrap; }
.Honor li { float: left;  margin-bottom: 2% ; margin-right: 2%; text-align: center;position: relative; z-index: 2;transition: all .5s; }
.Honor li a{display: block;position: relative; z-index: 3;}
.Honor li .pic{ height:3.6rem;display: flex; align-items: center; justify-content: center; background-color: var(--white);border-radius: var(--radius); padding: 0.24rem 0;}
.Honor li .imgbox{position: relative; overflow: hidden;display: inline-block;max-width: 80%; transition: all .3s;}
.Honor li .pic .imgbox img{max-height: 3rem;margin: 0 auto; background: url(../images/kuang.png) no-repeat; background-size: 100% 100%; padding: 0.15rem 0.16rem 0.16rem; }
.Honor li:hover .pic .imgbox{transform: scale(1.05);} 

.Honor li .txt{  overflow: hidden; text-align: center;}
.Honor li .txt .tit{font-size:var(--font-size18);color:var(--grey); line-height: 1.5; margin-top: 0.18rem;}
.Honor li a:hover .txt .tit{color:var(--hover-color);}

@media (min-width:1025px) {
.Honor li{width: 23.5%;}
.Honor li:nth-child(4n){margin-right: 0;}
}
@media(max-width:1024px){
.Honor li{width: 48.5%;}
.Honor li:nth-child(2n){margin-right: 0;}
}
@media(max-width:640px){
	.Honor li .pic{height: 2.8rem;}
}

.LaboraInfo{padding: var(--padMar100) 0;background-image: linear-gradient(to bottom, #eff2f5, #e3e6eb);/* background: #eff2f5 */}
.LaboraInfo .list{ padding-top: 0.6rem;}
.LaboraInfo ul{ display: flex; flex-wrap: wrap;margin-bottom: -0.9rem;}
.LaboraInfo li {  float: left; margin-right: 2%; background-image: linear-gradient(135deg, #fff, #f3f6fa 48.77%, #f8faff 70%, #fff 100%);  border-radius: var(--radius); padding: 0.72rem 0.4rem 0.4rem 0.4rem; position: relative; z-index: 2;transition: all .5s;margin-bottom: 0.9rem;}
.LaboraInfo li .icon { width: 0.9rem; height: 0.9rem;background-image: linear-gradient(180deg, var(--hover-color) 26%, #e03031 100%);  border-radius: 0.5rem; position: relative;display: flex;justify-content: center;align-items: center;  position: absolute; top: 0; left: 0.4rem; transform: translateY(-50%); z-index: 2; transition: all 0.3s;}
.LaboraInfo li .icon img {max-width: 0.45rem;position: relative;}
.LaboraInfo li .tit{font-size:var(--font-size28); font-weight: 500; color:var(--grey); line-height: 1.5; margin-bottom: 0.16rem;}
.LaboraInfo li:hover .tit{color:var(--hover-color);}
.LaboraInfo li .desc{font-size:var(--font-size18);color:var(--grey2); line-height: 1.8; }
.LaboraInfo li:hover .icon{transform:translateY(-65%);}

@media (min-width:1025px) {
.LaboraInfo li{width: 32%;}
.LaboraInfo li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
.LaboraInfo li{width: 48.5%;}
.LaboraInfo li:nth-child(2n){margin-right: 0;}
}
@media(max-width:640px){
	.LaboraInfo ul{margin-bottom: -0.45rem;}
	.LaboraInfo li{width: 100%;margin-bottom: 0.45rem;padding: 0.5rem 0.3rem 0.3rem;}
	.LaboraInfo li .icon{width: 0.6rem;height: 0.6rem;}
	.LaboraInfo li .icon img{max-width: 0.3rem;}
	.LaboraInfo li .tit{font-size: var(--font-size24);}
}

.LabVideo{padding:var(--padMar100) 0 0 0; }
.LabVideo .pic{position: relative;z-index: 5;overflow: hidden; border-radius: var(--radius);}
.LabVideo .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
.LabVideo .open-video i{display: block;width: 0.6rem; height: 0.6rem; border-radius: 50%; background: url(../images/play.png) no-repeat center center; background-size: 0.18rem auto; position: relative; z-index: 4; background-color: var(--hover-color);}
.LabVideo .open-video:before,
.LabVideo .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;}
.LabVideo .open-video:before{left: -0.24rem; top: -0.24rem; bottom: -0.24rem;right: -0.24rem; animation-delay: 0.3s;}
.LabVideo .open-video:after{left: -0.4rem; top: -0.4rem; bottom: -0.4rem;right: -0.4rem;}
.LabVideo .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: var(--black);}


@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);}
}

.videoMask{position:fixed;z-index:999;background:rgba(0,0,0,0.8);left:0;top:0;width:100%;height:100%;display:none;}
.videoMask .videoBox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;max-width:94%;}
.videoMask .videoBox video{width:100%;}
.videoMask .videoBox .close{position:absolute;right:5px;top:5px;padding:10px;z-index:10;cursor:pointer;padding-top:2%;}
.videoMask .videoBox .close:before,.videoMask .videoBox .close:after{content:"";position:absolute;width:100%;left:0;top:50%;border-bottom:1px solid #fff;}
.videoMask .videoBox .close:before{transform:rotate(45deg);}
.videoMask .videoBox .close:after{transform:rotate(-45deg);}
.video_click{cursor:pointer;}

.LaboraImg{padding:var(--padMar100) 0; overflow: hidden; /* background-image: linear-gradient(to bottom,#f2f2f2,#fff); */  }
.LaboraImg .slick-slider{margin:0 -0.12rem; }
.LaboraImg .slick-list{overflow: inherit}
.LaboraImg .slick-slide {padding: 0.12rem;position: relative;}
.LaboraImg li .pic{position: relative;z-index: 5;overflow: hidden; }

.LaboraImg li .imgbox {padding-top: 74.71%;transition: 0.3s;border-radius: var(--radius);border: 1px solid #eee;}
.LaboraImg li .txt{ text-align: center; padding: 0.15rem 0;}
.LaboraImg li .txt .tit{ font-size:var(--font-size18); line-height: 1.8; color: var(--grey); }
.LaboraImg .slick-slide:not(.slick-active) .pic .imgbox{opacity: 0.3}
.LaboraImg .slick-slide:not(.slick-active) .txt .tit{opacity: 0}
.LaboraImg .slick-arrow { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--hover-color); z-index: 2; position: absolute; top: 50%; transform: translateY(-50%);text-indent: -999em;overflow: hidden; margin-top: -0.25rem;}
.LaboraImg .slick-arrow:before { position: absolute; content: ''; width: 20%; height: 20%; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 40%; top: 40%; }
.LaboraImg .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.LaboraImg .slick-prev { left: 0.1rem; }
.LaboraImg .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.LaboraImg .slick-next { right: 0.1rem; }
.LaboraImg .slick-arrow:hover:before{ border-color: #fff;}

@media(min-width:1025px){
.LaboraImg  .slick-prev{left:-0.3rem;}
.LaboraImg  .slick-next{right:-0.3rem;}
}
@media(max-width:1400px){
.LaboraImg .slick-slider{padding-left: 10%; padding-right: 10%;}
}
@media(max-width:1024px){
	.videoMask .videoBox{width: 94%;}
	.LabVideo .open-video i{width: 0.4rem;height: 0.4rem;background-size: 30% auto;}
}
@media(max-width:640px){
	.LaboraImg .slick-slide{padding-top: 0;padding-bottom: 0`;}
}

.Supplier{padding: var(--padMar100) 0;}
.Supplier li { background: #fff; overflow: hidden;border-bottom: 1px solid #eee; padding-bottom:0.24rem; margin-bottom: 0.24rem;  }
.Supplier li .pic{ border: 1px solid #e8e8e8;border-radius: var(--radius); overflow: hidden;}
.Supplier li .pic .imgbox{padding-top:52.18%;transition: 0.3s; }
.Supplier li a:hover .imgbox img{transform: scale(1.1);}
.Supplier li .txt{  overflow: hidden; }
.Supplier li .txt .tit{font-size:var(--font-size20);color:var(--grey);margin-bottom:0.08rem; line-height: 1.2;}
.Supplier li .txt .desc{font-size:var(--font-size16);line-height:1.7;color:var(--grey3);  max-height: 0.86rem; overflow-y: auto;  padding-right: 0.1rem; }
.Supplier li:hover .pic{ border-color:var(--hover-color) ;}
.Supplier li a:hover .txt .tit{color:var(--hover-color);}
.Supplier li a{display: flex; justify-content: space-between; align-items: center;}
.Supplier .pic{width: 16.572%;}
.Supplier .txt{width: 80.828%;}


.Client{padding:var(--padMar100) 0; overflow: hidden;}
.Client li{ float:left;  margin-right:1.5%; margin-bottom:1.5%;}
.Client li a{ border:1px solid #e8e8e8; position:relative; display:block;border-radius: var(--radius);transition: .3s}
.Client li .pic{display: flex;align-items: center; justify-content: center; height: 1.1rem; background-color:#fff;border-radius: 0.1rem;}
.Client li .pic img{max-width: 85% !important;max-height: 85%;}
.Client li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(var(--rgb-hover),0.95); opacity:0; transition:0.3s;}
.Client li a:hover figure{ opacity:1;}
.Client li a:hover{border-color:var(--hover-color);}
.Client li dl{ display:table;  width:100%; height:100%;}
.Client li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:var(--font-size18); color:#fff;}
@media(min-width:1025px){
.Client li{width:15.4%;}
.Client li:nth-child(6n){ margin-right:0;}
}
@media(max-width:1024px){
.Client li{ width:23.5%;  margin-right:2%;}
.Client li:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
.Client li{ width:49%;}
.Client li:nth-child(2n){ margin-right:0;}
}


.FilterBox{padding: var(--padMar60) 0; background: #f8f9fa;}
.FilterBox .box{ background: var(--white); padding: 0.32rem; border-radius: var(--radius);}
.FilterBox .item{border-bottom: 1px dashed #e8e8e8; padding-bottom: 0.15rem;display: flex; align-items: stretch;}
.FilterBox .item:not(:last-child){margin-bottom: 0.15rem;}
.FilterBox .item .tit{width: 2rem;font-size: var(--font-size16);color:#fff;background-color:var(--hover-color); display: flex; align-items: center; justify-content: center; padding: 0.1rem 0.12rem; border-radius: 0.05rem; flex-shrink: 0;}
.FilterBox .item .tit .icon{ max-width: 0.24rem; margin-right: 0.12rem;}

.FilterBox .item .list{ padding-left: 0.3rem; padding-right: 0.8rem;position: relative;}
.FilterBox .item .tag-list {display: flex;flex-wrap: wrap;align-items: center;gap: 0.08rem;margin: 0;padding: 0;overflow: hidden;}
.FilterBox .item .tag-list a{font-size: var(--font-size16);color:var(--grey);display:inline-block;border-radius: 0.05rem;padding: 0.09rem 0.12rem;}
.FilterBox .item .tag-list a.on,
.FilterBox .item .tag-list a:hover{color: #fff;background: var(--hover-color);}

.FilterBox .item .tag-list .toggle-btn {position: absolute; right: 0;display: inline-block;padding: 0.08rem 0.12rem;border-radius: 0.05rem;font-size: var(--font-size16);cursor: pointer;transition: all 0.2s;background-color: rgba(var(--rgb-hover), .1);color: var(--hover-color);display: none;}


.Prolist{padding: var(--padMar100) 0; }

.seForm {position: relative;border: 1px solid var(--hover-color);padding-right: 1.2rem;overflow: hidden;border-radius: 0.5rem;max-width: 5.5rem;margin: 0 auto var(--padMar50);}
.seForm .btn{position: absolute;right: 0; top: 0; width: 1.2rem; height: 0.5rem; color: #fff;background: var(--hover-color); font-size: var(--font-size16); border: 0; cursor: pointer;}
.seForm .text{width: 100%;line-height: 0.5rem; height: 0.5rem;background: none; color: var(--grey2); border: 0;padding: 0 0.2rem;font-size:var(--font-size16);}


.Prolist .table{overflow-x: auto;}
.Prolist td{  text-align:left; padding:0.16rem 0.18rem; border-bottom:dotted 1px #dedede;border-right: 1px solid #f2f2f2;font-size: var(--font-size16); color: var(--grey); line-height: 1.5;}
.Prolist .tr_top td{ background-color:var(--hover-color);font-size: var(--font-size18); font-weight:500; line-height:1.5; padding:0.16rem 0.18rem;color: #fff;position: relative;}
.Prolist table{border: 1px solid #f2f2f2; }
.Prolist table a{cursor: pointer;}
.Prolist table .ta-add{color: #fff;padding: 0.08rem 0.16rem;box-sizing: border-box;transition: all .3s;white-space: nowrap;border-radius: 0.5rem;transition: 0.3s;background:var(--hover-color2);font-size: var(--font-size15);}
.Prolist table .ta-add:hover{background: var(--hover-color);}
.Prolist tr:hover{background: rgba(var(--rgb-hover), .05);}

.Prolist td:nth-child(1){width: 30%;}
.Prolist td:nth-child(2){width: 20%;}
.Prolist td:nth-child(3){width: 20%;}
.Prolist td:nth-child(4){width: 15%; text-align: center;}

.Prolist .table::-webkit-scrollbar {width: 0.3rem;height: 0.05rem;}
.Prolist .table::-webkit-scrollbar-thumb {background: var(--hover-color);border-radius: 0.3rem;}
.Prolist .table::-webkit-scrollbar-track {background: transparent;}


@media(max-width:1024px){
.Prolist table{ width: 280%;}
.FilterBox .item{display: block;}
.FilterBox .item .list{padding: 0.15rem 0.6rem 0 0;}
.FilterBox .item:not(:last-child){margin-bottom: 0.15rem;}
}
@media(max-width:640px){
	.FilterBox .box{padding: 0.2rem;}
	.FilterBox{padding-bottom: var(--padMar50);}
	.Prolist{padding-top: var(--padMar50);}
	.FilterBox .item .tag-list a{padding: 0.05rem;}
}

.ProInfo{padding: var(--padMar100) 0;}

.ProInfo .Pro_info{border: solid 1px rgba(0, 0, 0, 0.1); margin-bottom:0.5rem; padding: 0.5rem;  border-radius: var(--radius); overflow: hidden;}
.ProInfo .Pro_info .txt{ margin-bottom: 0.4rem;}
.ProInfo .Pro_info .tit{font-size:var(--font-size30);  margin-bottom:0.2rem; font-weight: 500; color: var(--black); }
.ProInfo .Pro_info .line{width:0.5rem; height:0.03rem; background-color:var(--hover-color);display: block; margin-bottom: 0.4rem;}
.ProInfo .Pro_info .subtit{font-size:var(--font-size24);font-weight: 500; color: var(--grey);}


.ProInfo .Pro-intro .name{border-bottom: 1px solid #efefef;font-size:var(--font-size24); color: var(--black);padding-bottom: 0.12rem;  line-height: 1.5;position: relative;}
.ProInfo .Pro-intro .singlePage{line-height: 1.875; margin: 0.24rem 0 0.4rem 0; color: #333; font-size: var(--font-size16);}
.ProInfo .Pro-intro .singlePage p{ margin: 0.08rem 0;}

.ProInfo .RedPro .item{ padding:0.3rem; background: #f8f8f8; border-radius: var(--radius);}
.ProInfo .RedPro .item:not(:last-child){ margin-bottom: 0.24rem;}
.ProInfo .RedPro .tithead{line-height: 1;font-size: var(--font-size30); color: var(--black); font-weight: 500; padding-left: 0.15rem; position: relative; margin-bottom: 0.3rem;}
.ProInfo .RedPro .tithead:After{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 0.03rem;height: 0.30rem;background:var(--hover-color);content: "";}

.ProInfo .RedPro .industry ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProInfo .RedPro .industry li{ float: left; width: 48%; border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-bottom: 0.12rem; margin-bottom: 0.16rem; text-align: center;}
.ProInfo .RedPro .industry li .pic{ margin-bottom: 0.2rem;}
.ProInfo .RedPro .industry li .pic .imgbox{padding-top:58%;transition: 0.3s; border-radius: var(--radius);}
.ProInfo .RedPro .industry li a:hover .imgbox img{transform: scale(1.1);}
.ProInfo .RedPro .industry li .txt .tit {font-size: var(--font-size16);color: #333; line-height: 1.5; }
.ProInfo .RedPro .industry li:hover .txt .tit{color: var(--hover-color);}

.ProInfo .RedPro .brand dl{display: flex;flex-wrap: wrap; gap: 0.15rem; width: 100%;}
.ProInfo .RedPro .brand dl dd{ width: 48%; text-align: center;}
.ProInfo .RedPro .brand dl dd .pic{display: flex;align-items: center; justify-content: center; height: 1.1rem; background-color:#fff;border-radius: var(--radius);margin-bottom: 0.12rem;}
.ProInfo .RedPro .brand dl dd .pic img{max-width: 80%;max-height: 80%; transition: 0.3s;}
.ProInfo .RedPro .brand dl dd .tit{font-size:var(--font-size16); color: var(--grey);}
.ProInfo .RedPro .brand dl dd:hover .pic img{transform: scale(1.1);}


@media (min-width:1025px) {
.ProInfo .ProCon{display: flex; justify-content: space-between; align-items: flex-start; }
.ProInfo .Pro_info { width: 64%; }
.ProInfo .RedPro { width: 32%;}
}
@media(max-width:640px){
	.ProInfo .Pro_info{padding: 0.2rem;}
	.ProInfo .Pro_info{margin-bottom: 0.2rem;}
}


.Newlist{padding: var(--padMar100) 0;}
.Newlist li {background: #fff; overflow: hidden;border-bottom: 1px solid #f3f3f3; padding-bottom:0.28rem; margin-bottom: 0.28rem; }
.Newlist li .pic{}
.Newlist li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: var(--radius);}
.Newlist li a:hover .imgbox img{transform: scale(1.1);}
.Newlist li time{ display: block; font-size: var(--font-size16);color:var(--grey3);  margin-top: 0.2rem;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto; }
.Newlist li .txt{  overflow: hidden;}
.Newlist li .txt .tit{font-size:var(--font-size22);color:var(--grey);margin-bottom:0.15rem; line-height: 1.4;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.8;color:var(--grey3);  }
.Newlist li a:hover .txt .tit{color:var(--hover-color);}
@media (min-width:1025px) {
.Newlist li a{display: flex; justify-content: space-between; align-items: center;}
.Newlist .pic{width: 24%;margin-right: 4%;}
.Newlist .txt{flex: 1;}
}

@media(max-width:1024px){
.Newlist li .pic{ margin-bottom: 0.2rem;}
.Newlist li .n_more{ margin-top: 0.2rem;}
}


/*Page002623 */
.Page002623{padding: var(--padMar60) 0 0% 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 0.05rem; border: 1px solid #ededed; border-radius: 0.6rem;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-top: 0.02rem solid #999;border-right: 0.02rem solid #999;left: 50%;top: 50%;width: 0.1rem;height: 0.1rem;transform: rotate(45deg);margin: -0.05rem 0 0 -0.05rem;}
.Page002623 .Pages .p_page > a.a_prev:before{transform: rotate(-135deg);}
.Page002623 .Pages a.a_prev:hover:before{border-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-color: #fff;}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
}


.News_detail {padding: var(--padMar100) 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-size32); font-weight: 500;  color: var(--black); }
.News_detail .news_info .title time {display: inline-block;color: #999;  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-size18); }
.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.7rem; line-height: 0.5rem; border-radius: 0.5rem; background: var(--hover-color); }
.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_back a:hover{ background: var(--hover-color2);}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: #666;  }
.News_detail .info_pn span a:hover { color: var(--hover-color); }


@media (min-width:1025px) {

}

@media(max-width:1024px) {
.News_detail .bot{margin-top: 0.3rem;padding-top: 0.3rem;}
.News_detail .info_back { position: relative; margin-bottom: 1em;}
.News_detail .news_info .title h1 { font-size: var(--font-size28); }
.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(--padMar100) 0; }
.ContactInfo .info h2{font-size: var(--font-size30); line-height: 1.2; color: #333; margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e6e6e6; padding:0.24rem 0 ; align-items: center;}
.ContactInfo .Contact li .icon{width: 0.42rem;}
.ContactInfo .Contact li .icon img{max-width: 0.26rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size16);color: var(--grey);  width: calc(100% - 0.42rem);display: flex;align-items: center;}
.ContactInfo .Contact li .txt .tit{color: var(--grey2); }
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.5;font-size: var(--font-size20);flex: 1;}
.ContactInfo .Contact li .txt p b{font-size: var(--font-size32);  color: var(--hover-color); font-weight: 500;}
.ContactInfo .pic img{ border-radius: var(--radius);}
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; align-items: center; justify-content: space-between;  }
.ContactInfo .Contact{flex: 1;}
.ContactInfo .pic{width:49%;margin-left: 5%;}
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
}


.JoinInfo{padding:  var(--padMar100) 0; background: #f8f9fa;}
.JoinInfo ul{  display: flex; justify-content: center; gap: 0.3rem;}
.JoinInfo li{ text-align: center; transition: 0.3s;}
.JoinInfo li:hover{ transform: translateY(-0.1rem);}
.JoinInfo li .img{ background: #fff; border: 1px solid #eee; border-radius: var(--radius); max-width: 1.8rem; padding: 0.05rem; margin-bottom: 0.16rem; overflow: hidden;}
.JoinInfo li .tit{font-size: var(--font-size20); color: var(--grey);  line-height: 1.6;}
.JoinInfo li .more{ margin-top: 0.2rem;}
.JoinInfo li .more a{min-width: 1.4rem;display: inline-block;overflow: hidden;position: relative;text-align: center; background-color: var(--white); border-radius: 0.5rem;}
.JoinInfo li .more span{position: relative; border: 0.01rem solid var(--hover-color); text-align: center;color: var(--hover-color);transition: all 0.5s;overflow: hidden;display: flex;align-items: center;justify-content: center;height: 0.48rem;border-radius: 0.5rem;padding: 0 0.1rem;}
.JoinInfo li .more span:after{display: inline-block;vertical-align: middle;content: "";width: 0.2rem;height: 0.2rem;background: url(../images/more.svg) no-repeat center center;background-size: auto 0.12rem;margin-left: 0.1rem;transition: all 0.5s;transform: rotate(-45deg)}
.JoinInfo li .more:hover span:after{transform: rotate(0deg); background-image: url(../images/more-w.svg);}
.JoinInfo li .more:hover span{background: var(--hover-color); color: var(--white); border-color: var(--hover-color);}
.JoinInfo li:hover .tit{ color: var(--hover-color);}
@media (max-width:1024px) {
.JoinInfo ul{ gap: 0.2rem;}
}

/* map */
.ul_sitemap{list-style: none;}
.ul_sitemap li strong{font-size: var(--font-size26);font-weight: bold;line-height: 2.8;border-bottom: 1px solid #e6e6e6;position: relative;margin-right: 0.2rem;}
.ul_sitemap li strong:After{position: absolute;left: 0;width: 0.22rem;bottom: -2px;height: 3px;content: "";background-color: var(--hover-color);}
.ul_sitemap li span {padding: 0.23rem 0 0.29rem;}
.ul_sitemap li span  a{position: relative;padding-left: 15px;min-width: 1.9rem;padding-right: 0.2rem;}
.ul_sitemap li span  a:before{position: absolute;width: 4px;height: 4px;content: "";background-color: #555555;transition: all 0.5s;left: 0;top: 50%;transform: translateY(-50%);}
.ul_sitemap li span  a:hover:before{background-color: var(--hover-color);transform: translateY(-50%) scale(1.5);}