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

body {font-family: 'Poppins'; font-weight: normal; --hover-color:#0729db; --green:#7bbe42; --white:#fff; --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:7,41,219; --rgb-green:123,190,66;  --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.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .en{display: inline-block;font-size: var(--font-size56);color: var(--black);font-weight: 500; position: relative;}
.Hometitle.white .en{ color: #fff;}
.Hometitle.center{ text-align: center;}

.Homemore {}
.Homemore a {position: relative; z-index: 2; padding-right: 0.3rem;display: inline-flex;justify-content: center;align-items: center; }
.Homemore a::before {content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 0.5rem;height: 0.5rem;border-radius: 0.5rem;background: var(--hover-color);transition: all 0.4s;}
.Homemore span { display: inline-block;font-size: var(--font-size18);color: var(--black); }
.Homemore .icon {width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; margin-right:0.1rem;overflow: hidden;background: var(--hover-color); transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.Homemore .icon:before { display: inline-block;content: '';width: 0.12rem;height: 0.12rem;transform: rotate(45deg);border-top: 0.02rem solid #fff;border-right: 0.02rem solid #fff;margin-left: -0.05rem; }
.Homemore a:hover span{color: var(--white);}
.Homemore a:hover::before {width: 100%;}
.Homemore.white span{color: var(--white);}
.Homemore.white .icon{background: var(--white);}
.Homemore.white .icon:before { border-color: var(--hover-color);}
.Homemore.white a::before{background: var(--white);}
.Homemore.white a:hover span{color: var(--hover-color);}


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


/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background-color: #fff; transition: background-color 0.3s,transform 1s; border-bottom: 0.01rem solid rgba(0, 0, 0, 0.05);}
.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.19rem auto;  }
.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.18rem;}
.Top003156 .top-right .lang::before{position:absolute;right: 0; top: 50%; width: 0.01rem; height:.16rem; content: ''; background: rgba(var(--rgb-white), 0.3); transform: translateY(-50%);}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang.svg) no-repeat left 0.12rem center; padding:0.05rem 0.32rem 0.05rem 0.4rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.22rem; color: var(--grey); font-size: var(--font-size16);border: 0.01rem #eee solid; border-radius: 0.5rem;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.08rem;height: 0.08rem;content: '';transform: rotate(135deg);border-top: 1px solid var(--grey);border-right: 1px solid var(--grey);right: 0.12rem;top: 50%;margin-top: -0.06rem;}
.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.06rem 0.2rem; border-radius: 0.5rem;cursor: pointer; }


.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); font-weight: 500;}
.Top003156 menu li:hover span:after, 
.Top003156 menu li.aon span:after { width: 100%; }
.Top003156 menu li span a{color: var(--black); }
.Top003156 menu li .sub{display: none;}

.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 menu li span:after,
.Top003156.fixed menu li span:after{ background-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 3.2rem 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(36 / 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.55rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:nth-child(1){padding-right: 0.18rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color:  var(--white);border-radius: 0 0 0.05rem 0.05rem;width: 2rem;  margin-left: -1rem; padding: 0.1rem 0;}
.Top003156 menu li .sub dl{ padding: 0rem;}
.Top003156 menu li .sub dt {line-height: 0.26rem; padding: 0.05rem 0.1rem; text-align: center; position: relative;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
.Top003156 menu li .sub .hierarchy{ background-color: var(--white);border-radius: 0 0 0.05rem 0.05rem; padding: 0.1rem;}
.Top003156 menu li .sub .hierarchy ol{line-height: 0.26rem; padding: 0.05rem 0; text-align: center;}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; padding: 0.24rem; 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; }
.Top003156 menu li span a {   color: var(--grey); 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 {  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.16rem; }
.Top003156 .top-right dt { padding-left:0.15rem; }
.Top003156 .top-right .lang{ padding-right: 0;}
.Top003156 .inquiry{padding: 0.05rem 0.1rem; display: none;}
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: var(--grey); }
.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:#333; }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 menu li .sub dl{ padding: 0.12rem;}
.Top003156 menu li .sub dt{line-height: 0.3rem; padding: 0.05rem 0; text-align: center; }

}




.Banner003223{position:relative;z-index:1; }
.Banner003223 .swiper-wrapper{height: 100%;}
.Banner003223 .item{background: linear-gradient(to right, var(--hover-color), #2563eb); min-height: 3.9rem; background: url(../images/Banner-bg.jpg); background-size: cover;}
/* .Banner003223 .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20; } */
.Banner003223 .txt{color:#fff;}
.Banner003223 .text{ padding: var(--padMar50) 0; }
.Banner003223 .txt :where(.tit,.desc,.Homemore){opacity:0;transform:translateY(2rem);transition:0.5s}
.Banner003223 .txt .tit {font-size: var(--font-size48);line-height: 1.1;  font-weight: 600; margin-bottom: 0.1rem;}
.Banner003223 .txt .desc{font-size: var(--font-size18); line-height: 1.6;}
.Banner003223 .txt .Homemore{margin-top:0.3rem;}

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

.HomeBanner .img{width: 100% !important; margin-right: 0 !important;}

@media (min-width:1025px) {
.Banner003223 .wap{display: none;} 
.Banner003223 .pc {}
.Banner003223 .inner{ display: flex;justify-content: space-between; align-items: center;}
.Banner003223 .text{width: 60%; }
.Banner003223 .img {width: calc(50.282% + calc(240.5 / 1920 * 100vw));margin-right: calc(-240.5 / 1920 * 100vw);}
.Banner003223 .img .path{-webkit-mask-image: url(../images/mask_soft.svg);-webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat;mask-size: cover;mask-position: top left;}
.Banner003223 .img img{ width: 100%; object-fit: cover; object-position: right; }
}

@media(min-width:1025px) and  (max-width:1600px) {
.Banner003223 .img {width: calc(50.282% + calc(170.5 / 1920 * 100vw));margin-right: calc(-170.5 / 1920 * 100vw);}
}

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


.HProduct{padding: var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden;  background: url(../images/HomePro-bg.jpg) no-repeat top center; background-size: cover;}
.HProduct .box:not(:first-child){ margin-top: var(--padMar60);}
.HProduct .list {position: relative;}
.HProduct .swiper-wrapper{ /* margin: 0 -0.1rem; */}
.HProduct .list .item{background: #fff; text-align: center;border-radius: var(--radius); overflow: hidden; /* margin:0 0.1rem; */}
.HProduct .item .imgbox{padding-top: 75.145%;overflow: hidden;}
.HProduct .item .imgbox img{object-fit: contain;}
.HProduct .item:hover .imgbox img{transform: scale(1.1);}
.HProduct .item .info{ padding: 0.2rem;}
.HProduct .item .tit{font-size: var(--font-size20);color: var(--grey);}
.HProduct .item:hover .tit{ color: var(--hover-color);}
.HProduct .swiper-wrapper{ display: flex; align-items: flex-end; justify-content: space-between;}

.HProduct .box1 .item .imgbox{max-width: 80%;max-height: 80%;margin: 0 auto;}
.HProduct .box1 .item{text-align: left; background: url(../images/HProbg.jpg) no-repeat center center; background-size: 100% 100%; }
.HProduct .box1 .item .info{position: absolute;width: 100%;top: 0;z-index: 10;padding: 0.7rem;}
.HProduct .box1 .item .tit{ color: var(--black);font-size: var(--font-size30); font-weight: 500; }
.HProduct .box1 .item:hover .tit{ color: var(--hover-color);}
.HProduct .box1 .item .more{width: 0.5rem; height: 0.5rem;background: var(--hover-color);  border-radius: 50%; position: relative;transition: 0.3s;display: flex;align-items: center;justify-content: center; margin-top: 0.3rem;}
.HProduct .box1 .item .more:before{display: inline-block;content: '';width: 0.5em;height: 0.5em;transform: rotate(45deg);border-top: 0.02rem solid var(--white);border-right: 0.02rem solid var(--white);vertical-align: middle;}
.HProduct .box1 .item:hover .more{ background: var(--green); }
.HProduct .box1 .item:hover .more:before{ border-color: var(--white);}


.HProduct .controls{display: flex;align-items: center;justify-content: space-between; margin-top: 0.4rem; }
.HProduct .controls .pages{display: block;width: calc( 100% - 1.5rem);height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.HProduct .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.HProduct .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.HProduct .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative;  }
.HProduct .controls .arrows a: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%;}
.HProduct .controls .arrows a + a{margin-left: 0.2rem;}
.HProduct .controls .arrows a.prev{left: auto; }
.HProduct .controls .arrows a.next{right: auto;}
.HProduct .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HProduct .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.HProduct .controls .arrows a:hover:before{ border-color: #fff;}

@media(min-width:1025px){
/* .HProduct .box1 .item{width:4.1rem !important;}
.HProduct .box1 .item.swiper-slide-active{width:5.8rem !important;} */
}

@media (min-width: 1025px) {
/* .HProduct .swiper-slide-active {transform: scale(1.5873015873);} */
/* .Floor002911 .slider li.slick-current .hover .inner {transform: scale(0.8) translateY(-60%);}
.Floor002911 .slider li:hover .show {-webkit-transform: rotateY(-360deg);-moz-transform: rotateY(-360deg);}
.Floor002911 .slider li:hover .hover {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);} */
}
@media(max-width:1024px){
.HProduct .item .info{padding: 0.16rem;}
.HProduct .item .tit{font-size: var(--font-size18);}
.HProduct .box1 .item .info{padding: 0.24rem;}
}



.HomePro{ padding: var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden;  background: url(../images/HomePro-bg.jpg) no-repeat top center; background-size: cover;}
.HomePro .Hometitle{ margin-bottom: 0;}
.HomePro .Tabtitle{display: flex; justify-content: space-between;align-items: center; margin-bottom: 0.4rem;}
.HomePro .TabNav {}
.HomePro .TabNav li {font-size: var(--font-size22); font-weight: 500;text-align: center;cursor: pointer;transition: all 0.5s;color:var(--grey2);border-bottom: solid .02rem transparent;padding-bottom: .1rem;}
.HomePro .TabNav li:not(:last-child) {margin-right: 0.3rem;}
.HomePro .TabNav li:hover,
.HomePro .TabNav li.on {color: var(--hover-color);border-color: var(--hover-color);}
.HomePro .list {position: relative;}
.HomePro .list .TabCon{display:none;}
.HomePro .list .item{background: #fff; text-align: center;border-radius: var(--radius); overflow: hidden;}
.HomePro .item .imgbox{padding-top: 75.145%;overflow: hidden;  transition: 0.3s;}
.HomePro .item:hover .imgbox img{transform: scale(1.1);}
.HomePro .item .info{ padding: 0.2rem;}
.HomePro .item .tit{font-size: var(--font-size20);color: var(--grey);}
.HomePro .item:hover .tit{ color: var(--hover-color);}


.HomePro .controls{display: flex;align-items: center;justify-content: space-between; margin-top: var(--padMar50); }
.HomePro .controls .pages{display: block;width: calc( 100% - 1.5rem);height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.HomePro .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.HomePro .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.HomePro .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative;  }
.HomePro .controls .arrows a: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%;}
.HomePro .controls .arrows a + a{margin-left: 0.2rem;}
.HomePro .controls .arrows a.prev{left: auto; }
.HomePro .controls .arrows a.next{right: auto;}
.HomePro .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomePro .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.HomePro .controls .arrows a:hover:before{ border-color: #fff;}


@media(max-width:1024px){

}

.HomeVideo{position: relative;}
.HomeVideo .video{position: relative; overflow: hidden;max-height: 9rem;}
.HomeVideo .video::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(var(--rgb-black), 0.3);z-index: 2;}
.HomeVideo video{ object-fit: contain;width: 100%;}
.HomeVideo .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; }
.HomeVideo .txt .tit{font-size: var(--font-size46);font-weight: 500;line-height: 1.4; margin-bottom: 0.2rem;}
.HomeVideo .txt .desc{font-size: var(--font-size20);line-height: 1.75;}

.HomeVideo  .Homemore{ margin-top: 0.5rem;}

@media (min-width:1025px) {
.HomeVideo .text{ max-width: 75%; margin: 0 auto;}   
}
@media(max-width:1024px){
.HomeVideo .txt .tit{font-size: var(--font-size30);line-height: 1.2;margin-bottom: 0.1rem;}
.HomeVideo .txt .desc{line-height: 1.5;}
.HomeVideo .Homemore{margin-top: 0.3rem;}
}



.HomeAppli{overflow: hidden; padding: var(--padMar100) 0;}
.HomeAppli .item{position: relative;z-index: 1; transition: 0.3s; }
.HomeAppli .item:not(:last-child){ margin-bottom: 0.3rem;border-bottom: 0.01rem solid #eee; padding-bottom: 0.24rem;}
.HomeAppli .item .pic{position: relative;z-index: 1; overflow: hidden; transition: 0.3s;border-radius: var(--radius);}
.HomeAppli .item .txt{}
.HomeAppli .item .txt .info{ transition: 0.3s;}
.HomeAppli .item .tit{font-size:var(--font-size32); margin-bottom: .2rem;font-weight: 500;color:var(--grey);}
.HomeAppli .item .txt .desc{font-size:var(--font-size18);line-height: 1.8;color:var(--grey2);}
.HomeAppli .item .Homemore {margin-top: 0.5rem;}

@media (min-width:1025px) {
.HomeAppli .item{display: flex;justify-content: space-between; overflow: hidden; }
.HomeAppli .item .txt{ width: 38%;}
.HomeAppli .item .pic{width: 54%;}
}
@media (max-width:1024px) {

}

.HNewPro{overflow: hidden; padding: var(--padMar100) 0;background-color: #f8f8f8;}
.HNewPro .list{position: relative;z-index: 1;}
.HNewPro .list .box{overflow: hidden;border-radius: var(--radius);background: url(../images/NewPro.png) no-repeat top left;padding: 0.8rem 0.8rem 0.8rem;}

.HNewPro .list .box .left{width: calc(100% - 7.5rem);float: left;min-height: 5rem;}
.HNewPro .list .box .left .txt{color: var(--white);}
.HNewPro .list .box .left .txt .tit{font-size: var(--font-size36); font-weight: 500; line-height: 1.5;margin-bottom: 0.3rem;}
.HNewPro .list .box .left .txt .info{font-size: var(--font-size18); line-height: 1.8;}
.HNewPro .list .box .left .txt .info p{ margin: 0.1rem 0;padding-left: 0.2rem; position: relative;}
.HNewPro .list .box .left .txt .info p:before{position: absolute;content: ''; left: 0;top: 0.13rem;  height:0.06rem;width: 0.06rem; border-radius: 50%; background-color: var(--white);}

.HNewPro .list .box .right .imgbox{position: absolute;top: 0;text-align: center;left: 0;width: 100%}
.HNewPro .list .box .right{width: 50%;float: right;position: absolute;right: 0;top: 1rem;height: 4.8rem;;z-index: 9;}
.HNewPro .list .more a{width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--white); transition: 0.3s; display: flex;align-items: center;justify-content: center; margin-top: 0.5rem;}
.HNewPro .list .more a::after{display: inline-block;content: '';width: 0.5em;height: 0.5em;transform: rotate(45deg);border-top: 0.02rem solid var(--hover-color);border-right: 0.02rem solid var(--hover-color);vertical-align: middle;}
.HNewPro .list .more a:hover{ background: var(--green);}
.HNewPro .list .more a:hover::after{ border-color: var(--white);}

.HNewPro .arrows{position: absolute;width: 100%;top: 50%;z-index: 22; padding: 0;transition: 0.5s; transform: translateY(-50%);display: flex;justify-content: space-between;}
.HNewPro .arrows a{width: 0.5rem; height: 0.5rem;  border-radius: 0.5rem; border: solid 1px var(--hover-color); cursor: pointer; background: #fff; position: relative;}
.HNewPro .arrows a: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%;}
.HNewPro .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HNewPro .arrows a:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HNewPro .arrows a:hover:before{ border-color: #fff;}
.HNewPro .arrows a.swiper-button-disabled{ opacity: 0.5;}

@media (min-width:1025px) { 
.HNewPro .arrows a.prev{left:-0.65rem;}
.HNewPro .arrows a.next{right:-0.65rem;}
}

@media (max-width:1024px) {
.HNewPro .list .box{padding: 0.3rem 0.24rem;}
.HNewPro .list .box .left .txt .tit{font-size: var(--font-size30); }
.HNewPro .list .box .left{width: 100%;min-height: unset;margin-bottom: 0.3rem;}
.HNewPro .list .box .right{width: 100%;position: static;height: auto;}
.HNewPro .list .box .left .txt .ti{font-size: 0.3rem;margin-bottom: 0.2rem;}
.HNewPro .list .box .left .txt .item .ico{width: 0.4rem}
.HNewPro .list .box .left .txt .item .con{width: calc(100% - 0.7rem)}
.HNewPro .list .box .left .txt .item{margin-bottom: 0.1rem;align-items: flex-start}
.HNewPro .list .box .right .imgbox{position: static;}
.HNewPro .list .box .left .txt  .item .con h3{font-size: 0.20rem;}
.HNewPro .list .box .left .txt  .item .con p{   font-size: 0.18rem;}
}


.HomeAbout{padding:var(--padMar100) 0; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.HomeAbout .Hometitle .en{font-size: var(--font-size48);}

.HomeAbout .edit_info{font-size: var(--font-size18); color: var(--grey); line-height: 1.75; }
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .Homemore{margin-top:0.5rem;}

.HomeAbout .pic{position: relative;z-index: 5;overflow: hidden;border-radius: var(--radius);}
.HomeAbout .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
.HomeAbout .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);}
.HomeAbout .open-video:before,
.HomeAbout .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;}
.HomeAbout .open-video:before{left: -24px; top: -24px; bottom: -24px;right: -24px; animation-delay: 0.3s;}
.HomeAbout .open-video:after{left: -40px; top: -40px; bottom: -40px;right: -40px;}
.HomeAbout .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: var(--black);}

.HomeAbout .number{ padding-top: var(--padMar50);}
.HomeAbout .number ul {display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;overflow: hidden;}
.HomeAbout .number li{float: left;width: 18%; margin: 0 1%;position: relative; display: flex;align-items: center; text-align: center; }
.HomeAbout .number li .icon{width: 0.8rem;height: 0.8rem;border-radius: 50%;background:rgba(var(--rgb-hover),0.08);display: flex;justify-content: center;align-items: center;margin-right: 0.24rem;}
.HomeAbout .number li .icon img{max-width: 0.42rem;}
.HomeAbout .number li .Con{flex: 1;}
.HomeAbout .number li aside{display: inline-block;position: relative;line-height: 1;}
.HomeAbout .number li aside b{font-size: var(--font-size56);color: var(--white);display: block;  font-weight: 500; }
.HomeAbout .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(--white); }
.HomeAbout .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(--white);}
.HomeAbout .number li p{font-size: var(--font-size18);color: var(--white); margin: 0;line-height: 1.5;margin-top:0.12rem; }


@media(min-width:1025px){
.HomeAbout .intro{ display: flex;  justify-content: space-between; align-items: center;}
.HomeAbout .left{width:48%;} 
.HomeAbout .right{width:46%;}
}
@media(max-width:1024px){
.HomeAbout .Hometitle .en{font-size: var(--font-size36);}
.HomeAbout .left{ margin-bottom: 0.2rem;}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.2rem;}
.HomeAbout .number li aside b{font-size: var(--font-size42);}
}
@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.6);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;}



/*Floor003234 */
.Floor003234{position: relative;z-index: 1; overflow: hidden; padding: var(--padMar100) 0; background: #f7f8ff;}


.Floor003234 .cate-list li{margin: 0 0.24rem;color: var(--grey);font-size: var(--font-size20);cursor: pointer;position: relative;z-index: 1;padding-bottom: 0.16rem;margin-bottom:0.1rem;}
.Floor003234 .cate-list li:after{position: absolute; content: ''; width: 0;left: 50%;transform: translateX(-50%); bottom: 0;background-color: var(--hover-color); transition: 0.3s;height: 3px;}
.Floor003234 .cate-list li.active{color: var(--hover-color);}
.Floor003234 .cate-list li.active:after{width: 100%;}
.Floor003234 .load-swiper{position: relative;z-index: 1;}
.Floor003234 .load-swiper:before,
.Floor003234 .load-swiper:after{position: absolute;content: '';top: 0;height: 150%;width: 20%;z-index: 10;pointer-events: none;}
.Floor003234 .load-swiper:before{left: 0;background: linear-gradient(to right, rgba(247,251,254,1) 0%, rgba(247,251,254,0) 100%);}
.Floor003234 .load-swiper:after{right: 0;background: linear-gradient(to right, rgba(247,251,254,0) 0%, rgba(247,251,254,1) 100%);}
.Floor003234 .swiper-slide a{display: block;padding: 0.36rem 0;}
.Floor003234 .swiper-slide .pic{display: flex;align-items: center; justify-content: center; height: 1.2rem; background-color:#fff;border-radius: var(--radius);box-shadow:0.05rem 0 0.2rem rgba(var(--rgb-hover),0.08);}
.Floor003234 .swiper-slide .pic img{max-width: 80%;max-height: 80%;}
.Floor003234 .swiper-wrapper{height: auto;transition-timing-function: linear!important;}
.Floor003234 .swiper + .swiper{margin-top: -0.44rem;}
.Floor003234 .swiper-slide{width: 2.4rem;padding: 0 0.1rem;}
@media (max-width:640px) {
.Floor003234 .swiper{padding-bottom: 0.1rem;}
.Floor003234 .swiper + .swiper{margin-top: -0.1rem;}
.Floor003234 .swiper-slide .pic{height: 0.8rem;}
.Floor003234 .swiper-slide{width: 1.4rem;padding: 0 0.05rem;}
.Floor003234 .swiper-slide a{padding: 0.1rem 0;}
}


.HomeNew{padding:var(--padMar100) 0 ;}
.HomeNew .title{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.4rem;}
.HomeNew .Hometitle{ margin-bottom: 0;}
.HomeNew li {background: #fff; overflow: hidden;border-bottom: 1px solid #eee; padding-bottom: 0.24rem; margin-bottom: 0.24rem; transition: 0.3s; position: relative; z-index: 2;}
.HomeNew li .date{color: var(--grey3);flex: 0 0 auto;font-size:var(--font-size16);}
.HomeNew li .date span{ font-size:var(--font-size36);color:var(--green); line-height: 1; font-weight: 500; margin-bottom: 0.05rem;}
.HomeNew li .txt{ flex: 1 1 auto;  overflow: hidden;position: relative;padding-left: 0.4rem;}
.HomeNew li .txt::before{ position:absolute; content:''; width:1px; height:80%; top:10%; background-color:rgba(0, 0, 0, 0.08); left:0;}
.HomeNew li .txt .tit{font-size:var(--font-size22);color:var(--black);margin-bottom:0.1rem; line-height: 1.2;}
.HomeNew li .txt .desc{font-size:var(--font-size16);line-height:1.75;color:var(--grey3);  }
.HomeNew li .more{width: 0.5rem; height: 0.5rem;/* background: var(--hover-color); */border: 0.01rem solid var(--hover-color);  border-radius: 50%; position: relative;transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.HomeNew li .more:before{display: inline-block;content: '';width: 0.5em;height: 0.5em;transform: rotate(45deg);border-top: 0.02rem solid var(--hover-color);border-right: 0.02rem solid var(--hover-color);vertical-align: middle;}
.HomeNew li:hover .more{ background: var(--hover-color); }
.HomeNew li:hover .more:before{ border-color: var(--white);}
.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 .info{width: 100%; display: flex; justify-content: space-between;align-items: center;}
.HomeNew li .date{width: 15%;display: flex;flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}
.HomeNew ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.HomeNew li{ width: 48.5%;}
}

@media (max-width:1024px) {
.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;}
}



/*Floor003220 */
.Floor003220{padding: var(--padMar100) 0; overflow: hidden;}
.Floor003220 .Homemore{position: absolute;top: 50%;right: 0; transform: translateY(-50%);}
.Floor003220 .Hometit{text-align: center;}
.Floor003220 .swiper{overflow: hidden;}
.Floor003220 .swiper-wrapper{height: auto;}
.Floor003220 .swiper-slide {padding-top: 0.24rem}
.Floor003220 .swiper-slide a{display: block;background-color: #f7f8ff;padding: 0 0.24rem 0.24rem;border-radius:var(--radius);}
.Floor003220 .pic{overflow: hidden;border-radius:var(--radius);position: relative;top: -0.24rem;}
.Floor003220 .pic .imgbox{padding-top: 65.075%;overflow: hidden;  transition: 0.3s;}
.Floor003220 .swiper-slide a:hover .imgbox img{transform: scale(1.1);}
.Floor003220 .swiper-slide .txt{/* margin-top: 0.25rem; */}
.Floor003220 .swiper-slide .tit{font-size:var(--font-size22); margin-bottom: 0.12rem; color: var(--black); line-height: 1.4; height:calc(1.4em * 2);}
.Floor003220 .swiper-slide .desc{color: var(--grey3); line-height:1.75; margin-bottom:0.2rem;}
.Floor003220 .swiper-slide a:hover .tit{color: var(--hover-color); }

.Floor003220 .swiper-slide time{font-size: var(--font-size16);color: var(--grey2); font-weight: lighter; }
.Floor003220 .swiper-slide .line{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:0.2rem}
.Floor003220 .swiper-slide .line::before,
.Floor003220 .swiper-slide .line::after{display:block;content:''}
.Floor003220 .swiper-slide .line::before{flex-shrink:0;width:0.07rem;height:0.07rem;border-radius:50%;background-color:var(--green)}
.Floor003220 .swiper-slide .line:after{flex:1;height:1px;background-color:rgba(0,32,91,0.08)}


.Floor003220 .controls{display: flex;align-items: center; justify-content: space-between; margin-top: var(--padMar50); }
.Floor003220 .controls .pages{display: block; width: calc(100% - 1.5rem);flex: 1;height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.Floor003220 .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Floor003220 .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative;  }
.Floor003220 .controls .arrows a: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%;}
.Floor003220 .controls .arrows a + a{margin-left: 0.2rem;}
.Floor003220 .controls .arrows a.prev{left: auto; }
.Floor003220 .controls .arrows a.next{right: auto;}
.Floor003220 .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Floor003220 .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.Floor003220 .controls .arrows a:hover:before{ border-color: #fff;}
@media (min-width:1025px) {

}
@media (max-width:1024px) {
.Floor003220 .swiperCon{padding: 0  var(--padMar160)}
.Floor003220 .swiperCon:before{width:var(--padMar160);}
.Floor003220 .swiperCon:after{width:var(--padMar160);}
}



.HContact{position: relative;padding: var(--padMar80) 0;background-size:cover;background-repeat:no-repeat;background-position:bottom center; z-index: 2;}
.HContact:before{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;z-index: -1;background-image: linear-gradient(to right, rgba(var(--rgb-hover),0.75) 30% , rgba(var(--rgb-hover),0.2));transition: all 0.5s;}

.HContact .txt{color: var(--white);}
.HContact .txt .desc{font-size: var(--font-size20); line-height: 1.75; }
.HContact .Homemore{/* margin-top: 0.4rem; */}

@media (min-width:1025px) {
.HContact .main{ display: flex; justify-content: space-between; align-items: center;}
}
@media (max-width:1024px) {

}


/*Bottom002900 */
.Bottom002900{background: #f2f2f2;padding: var(--padMar80) 0 0 0; border-top: 0.05rem solid var(--green);}
.Bottom002900,
.Bottom002900 a{color: rgba(0,0,0,.7);}
.Bottom002900 a:hover{ color: var(--white);}
@media(min-width:1025px){
.Bottom002900 .contact{width: 37%;max-width: 5.5rem;}
.Bottom002900 .b_nav{max-width: 5.2rem;width: 45%;}
.Bottom002900 .b_nav nav{width:90%;margin: 0 auto; max-width: 5rem; overflow: hidden;}
.Bottom002900 .right{width: 2.5rem;}
}

.Bottom002900 .b_nav nav dl{float: left; max-width: 2.4rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;font-size: var(--font-size20);color: var(--b);  position: relative;font-weight: 500; }
.Bottom002900 .b_nav nav dt a{color: var(--grey);}
.Bottom002900 .b_nav nav dt a:hover{color: var(--hover-color);}
.Bottom002900 .b_nav nav dd{line-height: 0.26rem;padding: 0.06rem 0;}
.Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);}
.Bottom002900 .b_nav nav dd a:hover{color: var(--hover-color);}
@media(max-width:1024px){
 .Bottom002900 .b_nav nav{display: none;}
}
.Bottom002900 .copyright{line-height: 2;border-top: 1px solid rgba(0, 0, 0, 0.1);padding: 0.2rem 0 ;margin-top: 0.36rem;font-size: var(--font-size16); color: rgba(0,0,0,0.6); }
.Bottom002900 .copyright a{color: rgba(0,0,0,0.6);}
.Bottom002900 .copyright .fr a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(0,0,0,0.5);margin: 0 0.15rem;vertical-align: middle;}
.Bottom002900 .copyright a:hover{ color: var(--hover-color);}
.Bottom002900 a:hover{color: var(--hover-color);opacity: 1!important;}
.Bottom002900 .logo img{max-height:0.6rem;}
.Bottom002900 .contact .hotline .tit{color: var(--grey2);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: 0.2rem auto;margin-right: 0.1rem}
.Bottom002900 .contact .num{font-size: var(--font-size32); font-weight: 500; margin-bottom: 0.18rem;line-height: 1;color: var(--hover-color);}
.Bottom002900 .contact .hotline p{display: block; margin: 0.06rem 0; line-height: 1.6; padding-left:0.26rem;background-position: left top 3px;background-repeat: no-repeat; background-size: 0.18rem auto;  }
.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+p{margin-top:0.1rem;}
.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width:1.3rem; padding: 5px;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: 20px; top: 100%;border-top-color: #fff;}
.Bottom002900 .share li:not(:last-child){margin-right: 0.12rem;}
.Bottom002900 .share li a{display: block;background: rgba(0,0,0,0.15); width: 0.42rem; height: 0.42rem;background-position: center center;background-repeat: no-repeat; background-size: 0.24rem auto; border-radius: 50%; cursor: pointer;}
.Bottom002900 .share li a:hover{background-color: var(--hover-color);}

.Bottom002900 .btn a{ display: inline-block; padding: 0.12rem 0.3rem; text-align: center;background-color: var(--hover-color); color: #fff; border-radius: 0.1rem;font-size: var(--font-size18); cursor: pointer;}
.Bottom002900 .btn a:hover{background-color: var(--green);}
@media(min-width:1025px){
.Bottom002900 .logo{ margin-bottom: 0.26rem;}
.Bottom002900 .contact .tit{padding-bottom: 0.16rem;}
.Bottom002900 .share{margin: 0.3rem 0 0 0;}
.Bottom002900 .share .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 .share li figure{left: 50%; margin-left: -60px;}
.Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;}
.Bottom002900 .contact .hotline{margin-bottom: 0.2rem;}
.Bottom002900 .btn{ margin-bottom: 0.2rem;}
.Bottom002900 .share .tit{padding-bottom: 0.12rem;}
.Bottom002900 .copyright{margin-top: 0.3rem;}
}

@media(max-width:640px){
.Bottom002900 .contact .num{ font-size:var(--font-size30);}
}




.lm-title{margin-bottom:0.4rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .en{font-size:var(--font-size42);color: var(--black);font-weight: 500;}
.lm-title.white .en {color: #fff;}
.lm-title.center .en:after{margin: .15rem auto 0 ;}
.lm-title.white .en:after{ background-color: var(--white);}
@media(max-width:1024px){
.lm-title{margin-bottom:0.3rem;}
.lm-title .en{font-size:var(--font-size32);}
}



.cbanner{position: relative;}
.cbanner:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);content: "";}
.cbanner .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; }
.cbanner .txt .en{font-size: var(--font-size56);font-weight: 500;line-height: 1.2;}
@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt .en{font-size: var(--font-size32);}  
}


/*Columnmenu*/
.Columnmenu{background:#fff; border-bottom: 0.01rem solid #eee; position:relative;z-index:1;}
.Columnmenu ul{}
.Columnmenu li{float:left;position:relative; }
.Columnmenu li:not(:last-child) { margin-right: calc(40 / 1920 * 100vw); }
.Columnmenu li a{display:block;font-size:var(--font-size18);position:relative;overflow:hidden;line-height:0.9rem;height:0.9rem;}
.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 a{line-height:0.6rem;height:0.6rem;}
}


.Prolist{padding:var(--padMar100) 0;}
.Prolist .group:not(:first-child){ margin-top: var(--padMar50);}
.Prolist .select_box{display: flex;align-items: center; justify-content: space-between;margin-bottom:0.32rem;}
.Prolist .Category{font-size:var(--font-size36);color:var(--black); font-weight: 500; line-height: 1; padding-left: 0.2rem; position: relative;}
.Prolist .Category::after{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 0.05rem;height: 0.28rem; border-radius: 0.1rem; background:var(--hover-color);content: "";}
.Prolist .select_box .Cate{width: 50%; max-width: 3.2rem;}
.Prolist .select_box li .select{ position: relative;}
.Prolist .select_box li .select .SelectTxt{background:#fff url(../images/select.svg) no-repeat right 0.2rem center; background-size: 0.15rem auto;border-radius: var(--radius); border: solid 1px #e4e4e4;display: block; line-height: 0.5rem; padding:0 0.3rem;position: relative;z-index: 4;color: #333; cursor: pointer;}
.Prolist .select_box li .select .SelectTxt:not(.on){color: #999;}
.Prolist .select_box .select .hover{position: absolute; left: 0; right: 0; top: 100%; z-index: 20; background: rgba(255,255,255,1);border-radius: 0.1rem; box-shadow: 0 0 20px rgba(0,0,0,0.1);  max-height: calc(0.42rem * 8); overflow: auto;}
.Prolist .select_box .select .hover dl{ }
.Prolist .select_box .select .hover dl dd a{display: block; height: 0.5rem; line-height: 0.5rem; padding: 0 0.2rem; color: #333;border:none;}
.Prolist .select_box .select .hover dl dd:hover a{background: #f8f9ff;}


.Prolist .list ul{display: flex; flex-wrap: wrap;}
.Prolist .list li{background: #fff; border: 0.01rem solid #eee; margin-bottom: 2%; margin-right: 2%; border-radius:var(--radius); position: relative; overflow: hidden;}
.Prolist .list li:after {content: "";position: absolute; width: 0; height: 0px; background: var(--hover-color);left: 0;bottom: 0;transition: all .5s;}
.Prolist .list li:hover:after{width: 100%;height: 0.03rem;}
.Prolist .list li:hover{box-shadow: 0 0 0.2rem rgba(var(--rgb-hover), 0.1);}
.Prolist .list li .imgbox{padding-top: 75.145%;overflow: hidden;  transition: 0.3s;}
.Prolist .list li .imgbox img{ object-fit: contain;}
.Prolist .list li a:hover .imgbox img{transform: scale(1.1);}
.Prolist .list li .txt{ padding: 0.2rem 0.16rem;}
.Prolist .list li .tit{font-size: var(--font-size20);color: var(--grey); line-height: 1.5; }
.Prolist .list li:hover .tit{ color: var(--hover-color);}
@media (min-width:1025px) { 
.Prolist .list li{width:23.5%;}
.Prolist .list li:nth-child(4n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Prolist .list li{width:49%;}
.Prolist .list li:nth-child(2n){ margin-right: 0;}
.Prolist .list li .txt{ padding: 0.16rem;}
.Prolist .list li .tit{font-size: var(--font-size18);}
.Prolist .Category{font-size: var(--font-size30);}
.Prolist .select_box li .select .SelectTxt{padding: 0 0.2rem;}
}


.Location{background: #fff; border-bottom: 0.01rem solid #eee;}
.Location .current{ padding: 0.18rem 0; font-size: var(--font-size16); padding-left: 0.22rem;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 0.16rem auto;}
.Location .current,
.Location .current a:not(:hover){color: #999;}
.Location .current span{color: #333;}




.ProTit{text-align: center;padding: var(--padMar50) 0;background: #f7f8ff;}
.ProTit .title{font-size: var(--font-size42); color: var(--black);font-weight: 500;}
.ProTit .order{font-size: var(--font-size24); color: var(--hover-color); margin-top: 0.1rem;}

.ProInfo{padding: var(--padMar100) 0;}
.ProInfo .item{ }
.ProInfo .item:not(:last-child){ margin-bottom: 0.36rem; border-bottom: 0.08rem solid; border-image-source: linear-gradient(to right,var(--hover-color),#32ede0,var(--hover-color),#32ede0,var(--green)); border-image-slice: 1; padding-bottom: 0.36rem;}
.ProInfo .tit {font-size: var(--font-size40);line-height: 1.2;  color: var(--black); font-weight: 500;  margin-bottom: 0.2rem;}
.ProInfo .desc{font-size: var(--font-size18) !important; color: var(--black); line-height: 1.6;}
.ProInfo .desc p{ margin: 0;}
.ProInfo .pic{position: relative;z-index: 2;padding-bottom: .2rem;padding-right: .2rem;}
.ProInfo .pic:after{display: block; content: '';width:90%; height:90%; background:rgba(var(--rgb-hover), 0.08); position: absolute; right: 0; bottom: 0; z-index: -1;  border-radius:  var(--radius);}
.ProInfo .pic img{ border-radius: var(--radius);}
.ProInfo .item:nth-child(2n) .pic{padding-bottom: .2rem;padding-left: .2rem; padding-right: 0;}
.ProInfo .item:nth-child(2n) .pic:after{right: auto; left: 0;}


@media (min-width:1025px) {
.ProInfo .item{display: flex; justify-content: space-between; align-items: center;}
.ProInfo .item:nth-child(2n){ flex-direction: row-reverse;}
.ProInfo .left{width:50%;}
.ProInfo .right{width:45%;}
}
@media(max-width:1024px){
.ProInfo .left{margin-bottom: 0.3rem;}
.ProInfo .tit{ font-size:var(--font-size26);margin-bottom: 0.16rem;}
}

.Pro_two{background-color: #f8f9fa;padding:var(--padMar100) 0;}

@media(min-width:1025px){
/* .Pro_two .box{ display: flex; justify-content: space-between;}
.Pro_two .box .left{width: 60%;}
.Pro_two .box .right{width:32%;} */
}


.ProInfo .pic{position: relative;z-index: 5;overflow: hidden;}
.ProInfo .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 8;transform: translate(-50%,-50%);bottom: auto;}
.ProInfo .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);}
.ProInfo .open-video:before,
.ProInfo .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;}
.ProInfo .open-video:before{left: -24px; top: -24px; bottom: -24px;right: -24px; animation-delay: 0.3s;}
.ProInfo .open-video:after{left: -40px; top: -40px; bottom: -40px;right: -40px;}
.ProInfo .right .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: #000;}

.ProInfo .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}
.ProInfo .video_files video{width:100%; height:100%; background-color:#000;}
.ProInfo .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 30;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: var(--hover-color);cursor: pointer;}
.ProInfo .video_files .close::before,
.ProInfo .video_files .close::after{ position:absolute; content:''; width:0.03rem; height:70%; border-radius:0.05rem; background-color:#fff; left:0.13rem; top:0.05rem;}
.ProInfo .video_files .close::before{ transform:rotate(45deg);}
.ProInfo .video_files .close::after{ transform:rotate(-45deg);}



.ProImg{}
.ProImg .slider { }
.ProImg .item{ text-align: center; overflow: hidden; width: 4rem;padding: 0 0.1rem;}
.ProImg .item .pic{border-radius: var(--radius);overflow: hidden;background: #fff;}
.ProImg .item .imgbox{padding-top: 75.145%;  transition: 0.3s;}
.ProImg .item .imgbox img{ object-fit: contain;}
.ProImg .item:hover .imgbox img{transform: scale(1.1);}
.ProImg .item .txt{padding: 0.2rem 0 0.1rem 0; }
.ProImg .item .tit{font-size: var(--font-size18);color: var(--black);  }
.ProImg .item:hover .tit{ color: var(--hover-color);}

.ProImg .slick-arrow{width: 0.5rem; height: 0.5rem;  border-radius: 0.5rem; z-index: 22; border: 0.01rem solid var(--hover-color); position: absolute;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%); }
.ProImg .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%;}
.ProImg .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.ProImg .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.ProImg .slick-arrow:hover:before{ border-color: #fff;}
.ProImg .slick-prev{left:0.1rem;}
.ProImg .slick-next{right:0.1rem;}

@media(min-width:1025px){
.ProImg .slick-prev{left:-0.6rem;}
.ProImg .slick-next{right:-0.6rem;}
}

.ProDown{ padding-top:var(--padMar80) ;}
.ProDown .lm-title{ margin-bottom: 0.24rem;}
.ProDown .lm-title .en {font-size: var(--font-size32);}
.ProDown ul{;display: flex; flex-wrap: wrap;}
.ProDown li{border-bottom: 1px solid #e5e5e5;padding:0.2rem 0; overflow:hidden; position:relative;}
.ProDown li a{display: flex; justify-content: space-between; align-items: self-start;}
.ProDown li .tit{font-size: var(--font-size18);color: var(--grey);  line-height: 1.4; flex: 1;}
.ProDown li .more{ width: 0.28rem; height: 0.28rem; color: var(--grey);  background:url(../images/down-r.svg) no-repeat right center; background-size:.28rem auto ;  margin-left: 0.2rem;}
.ProDown li:hover{border-bottom-color: var(--hover-color); }
.ProDown li:hover .tit{color: var(--hover-color)}
.ProDown li:hover .more{background-image: url(../images/down-on.svg); color: var(--hover-color); }

@media(min-width:1025px){
.ProDown li{float: left; width: 32%; margin-right: 2%;}
.ProDown li:nth-child(3n){margin-right: 0;}

}
@media(max-width:1024px){
.ProDown li{ width: 100%;}
.ProDown .lm-title .en {font-size: var(--font-size24);}
}


.ProCon{padding:var(--padMar100) 0; background: #f3f5ff;}
.ProCon .edit_info { line-height: 1.8; color: var(--grey); font-size: var(--font-size18); }
.ProCon .table{ overflow: hidden;}
.ProCon table{ width: 100% !important;} 
.ProCon table th {font-weight: normal;}
.ProCon table th,
.ProCon table td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:1.7; padding:0.12rem 0.12rem;font-size:var(--font-size16);}
.ProCon table .th_1{ background:var(--hover-color);color: #fff}
.ProCon table tr{background: #fff;}
.ProCon table tr:nth-child(2n+1){ background: #f8f8f8;}
.ProCon table tr th{ background:var(--hover-color);color: #fff;font-size:var(--font-size16);}

@media(max-width:1024px){
.ProCon .table{overflow-x: auto;}
.ProCon table{ width: 280% !important;}
}

.ProCode{padding:var(--padMar100) 0; background: #fff;}
.ProCode table th,
.ProCode table td{text-align:left;}
.ProCode table tr th{ background:#f0f4f9; color: var(--grey); font-size:var(--font-size16);}

.Applist{padding:var(--padMar100) 0;}
.Applist .group:not(:first-child){ margin-top: var(--padMar50);}
.Applist .Category{font-size:var(--font-size36);color:var(--black); font-weight: 500; line-height: 1; padding-left: 0.2rem; position: relative;margin-bottom:0.32rem;}
.Applist .Category::after{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 0.05rem;height: 0.28rem; border-radius: 0.1rem; background:var(--hover-color);content: "";}
.Applist .load-more{ background-color: var(--hover-color);padding: 0.12rem 0.35rem; text-align: center;color: #fff;border-radius: 0.1rem;font-size: var(--font-size18);display: table; margin: 0.24rem auto 0; cursor: pointer;}
.Applist .load-more:hover{background-color: var(--green);}
.Applist ul{ display: flex; flex-wrap: wrap;}
.Applist li { float: left; margin-bottom: 2% ; margin-right:2%; border-bottom: 1px solid #eee; padding-bottom: 0.25rem; position: relative; z-index: 2;   }
.Applist li:after {content: "";position: absolute; width: 0; height: 1px; background: #eee;left: 0;bottom: 0;transition: all .5s;}
.Applist li:hover:after{background: var(--hover-color);width: 100%;height: 2px;}
.Applist li .pic{overflow: hidden; margin-bottom: 0.2rem; border-radius: var(--radius);}
.Applist li .pic .imgbox{padding-top:62.675%;transition: 0.3s; }
.Applist li a:hover .imgbox img{transform: scale(1.1);}
.Applist li .txt{  overflow: hidden;}
.Applist li .txt .tit{font-size:var(--font-size20);color:var(--grey);/* margin-bottom:0.1rem; */ line-height: 1.4; height: 2.8em;}
.Applist li .txt .desc{font-size:var(--font-size16);line-height:1.75;color: var(--grey2); display: none; }
.Applist li a:hover .txt .tit{color:var(--hover-color);}
@media (min-width:1025px) {
.Applist li{width: 23.5%;}
.Applist li:nth-child(4n){margin-right: 0;}
}
@media(max-width:1024px){
.Applist li{width: 48.5%;}
.Applist li:nth-child(2n){margin-right: 0;}
}

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


/*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 #eee; 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 #666;border-right: 0.02rem solid #666;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;}
}



.AppTit{text-align: center;padding: var(--padMar50) 0;background: #f7f8ff;}
.AppTit .title{font-size: var(--font-size36); color: var(--grey);font-weight: 500;}

.AppInfo .box{padding: var(--padMar80) 0;}
.AppInfo .box:nth-child(2n){ background: #f8f9ff;}
.AppInfo .box .num{position: relative; font-size:var(--font-size46);font-weight:500; color:var(--hover-color);line-height: 1.5;}
.AppInfo .box .num:after{display: block; content: ''; background:linear-gradient(to right,var(--hover-color),#32ede0,var(--hover-color),#32ede0,var(--green)); position: absolute; width:95%; height: 0.08rem; top: 50%; margin-top:-0.05rem; right: 0;}
.AppInfo .item{ }
.AppInfo .box:not(:last-child) .item{ /* margin-bottom: 0.36rem; border-bottom: 0.08rem solid; border-image-source: linear-gradient(90deg, var(--green), var(--hover-color)); border-image-slice: 1; padding-bottom: 0.36rem; */}
.AppInfo .tit {font-size: var(--font-size40);line-height: 1.2;  color: var(--black); font-weight: 500;  margin-bottom: 0.2rem;}
.AppInfo .desc{font-size: var(--font-size18) !important; color: var(--black); line-height: 1.6;}
.AppInfo .desc p{ margin: 0;}
.AppInfo .pic{position: relative;z-index: 5;padding-bottom: .2rem;padding-right: .2rem;}
.AppInfo .pic:after{display: block; content: '';width:90%; height:90%; background:rgba(var(--rgb-hover), 0.08); position: absolute; right: 0; bottom: 0; z-index: -1;  border-radius:  var(--radius);}
.AppInfo .pic img{ border-radius: var(--radius);}
.AppInfo .box:nth-child(2n) .item .pic{padding-bottom: .2rem;padding-left: .2rem; padding-right: 0;}
.AppInfo .box:nth-child(2n) .item .pic:after{right: auto; left: 0;}

@media (min-width:1025px) {
.AppInfo .box .item{display: flex; justify-content: space-between; align-items: center;}
.AppInfo .box:nth-child(2n) .item{ flex-direction: row-reverse;}
.AppInfo .box:nth-child(2n) .num{text-align: right;}
.AppInfo .box:nth-child(2n) .num:after{right: auto; left: 0;}
.AppInfo .left{width:50%;}
.AppInfo .right{width:45%;}
}
@media(max-width:1024px){
.AppInfo .left{margin-bottom: 0.3rem;}
.AppInfo .tit{ font-size:var(--font-size26);margin-bottom: 0.16rem;}
}



.AppInfo .pic{position: relative;z-index: 5;overflow: hidden;}
.AppInfo .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 8;transform: translate(-50%,-50%);bottom: auto;}
.AppInfo .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);}
.AppInfo .open-video:before,
.AppInfo .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;}
.AppInfo .open-video:before{left: -24px; top: -24px; bottom: -24px;right: -24px; animation-delay: 0.3s;}
.AppInfo .open-video:after{left: -40px; top: -40px; bottom: -40px;right: -40px;}
.AppInfo .right .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: #000;}

.AppInfo .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}
.AppInfo .video_files video{width:100%; height:100%; background-color:#000;}
.AppInfo .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 30;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: var(--hover-color);cursor: pointer;}
.AppInfo .video_files .close::before,
.AppInfo .video_files .close::after{ position:absolute; content:''; width:0.03rem; height:70%; border-radius:0.05rem; background-color:#fff; left:0.13rem; top:0.05rem;}
.AppInfo .video_files .close::before{ transform:rotate(45deg);}
.AppInfo .video_files .close::after{ transform:rotate(-45deg);}




.VideoInfo{ background-color: var(--hover-color);padding: var(--padMar100) 0; background-image: linear-gradient(to right,#001791,#1739e9);  }
.VideoInfo .tit {font-size: var(--font-size36);line-height: 1.2;  color: var(--white); font-weight: 500;  margin-bottom: 0.2rem;}
.VideoInfo .desc{font-size: var(--font-size18) !important; color: var(--white); line-height: 1.8;}
.VideoInfo .pic{position: relative;z-index: 5;padding-bottom: .2rem;padding-right: .2rem;}
.VideoInfo .pic:after{display: block; content: '';width:90%; height:90%; background:rgba(var(--rgb-white), 0.2); position: absolute; right: 0; bottom: 0; z-index: -1;  border-radius:  var(--radius);}
.VideoInfo .pic img{ border-radius: var(--radius);}

@media (min-width:1025px) {
.VideoInfo .videobox .item{display: flex; justify-content: space-between; align-items: center;}
.VideoInfo .videobox .left{width:54%;}
.VideoInfo .videobox .right{width:40%;}
}
.VideoInfo .pic{position: relative;z-index: 5;overflow: hidden;}
.VideoInfo .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 8;transform: translate(-50%,-50%);bottom: auto;}
.VideoInfo .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);}
.VideoInfo .open-video:before,
.VideoInfo .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;}
.VideoInfo .open-video:before{left: -24px; top: -24px; bottom: -24px;right: -24px; animation-delay: 0.3s;}
.VideoInfo .open-video:after{left: -40px; top: -40px; bottom: -40px;right: -40px;}
.VideoInfo .right .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: #000;}

.VideoInfo .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}
.VideoInfo .video_files video{width:100%; height:100%; background-color:#000;}
.VideoInfo .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 30;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: var(--hover-color);cursor: pointer;}
.VideoInfo .video_files .close::before,
.VideoInfo .video_files .close::after{ position:absolute; content:''; width:0.03rem; height:70%; border-radius:0.05rem; background-color:#fff; left:0.13rem; top:0.05rem;}
.VideoInfo .video_files .close::before{ transform:rotate(45deg);}
.VideoInfo .video_files .close::after{ transform:rotate(-45deg);}

.video_files iframe{width:100%; height:100%; background-color:#000;}





.AppCon{ padding:var(--padMar100) 0;}
.AppCon .edit_info { line-height: 1.8; color: var(--grey); font-size: var(--font-size18); }



.AboutInfo{padding:var(--padMar100) 0; position: relative; overflow: hidden; }
.AboutInfo .edit_info {font-size: var(--font-size16);color: var(--grey2); line-height:1.5;}
.AboutInfo .edit_info p{ margin: 0.05rem 0;}
.AboutInfo .pic{ position: relative;  /* padding-right: 0.24rem; */ }
.AboutInfo .pic img{width: 100%; border-radius: var(--radius);}
.AboutInfo .pic::before {content: "";position: absolute;right: -0.24rem;bottom: -0.24rem;width: 90%;top: 0.7rem;background: var(--hover-color);z-index: -1;opacity: 1;border-radius: var(--radius);}

.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: 24%; 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(--black);display: block;  font-weight: 500; }
.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(--grey2); }
.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(--grey2);}
.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; align-items: center;}
.AboutInfo .info{width:58%;} 
.AboutInfo .pic {width: 40%;}
.AboutInfo .edit_info{max-height: 3.2rem;overflow-y: auto;padding-right: 0.1rem;}
}
@media(max-width:1024px){
.AboutInfo .info{ margin-bottom: 0.3rem;}
.AboutInfo .pic{margin:2% 0;}
.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;}
}



.Joinlist{padding: var(--padMar100) 0; }
.Joinlist .list {padding: 0 0.2rem;background: #fff; border-radius: var(--radius); border: 0.02rem solid var(--black);}
.Joinlist .list+.list {margin-top: 0.18rem;}
.Joinlist .job-title {line-height: 1.6;padding: 0.15rem 0;cursor: pointer;position: relative;color: var(--black);}
.Joinlist .job-title p {margin: 0 0 0.1rem;position: relative;line-height: 1.6;font-size: var(--font-size24);color: var(--hover-color);}
.Joinlist .job-title aside {color: var(--black);display: inline-block; }
.Joinlist .job-title aside+aside {margin-left: 0.3rem;}

.Joinlist .job-title aside{color: var(--grey);display: inline-block;background-repeat: no-repeat;background-position: left center; background-size: 0.18rem auto;vertical-align: top;}
.Joinlist .job-title aside span{ display: block;color: var(--grey3);}
/* .Joinlist .job-title aside.num{background-image: url(../images/icon-num.svg); background-size: 0.2rem auto;}
.Joinlist .job-title aside.wp{background-image: url(../images/icon-edu.svg);}
.Joinlist .job-title aside.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 ;border-top: 1px dotted rgba(0, 0, 0, 0.15);}
.Joinlist strong {display: block;color: var(--grey);margin-bottom: 0.12rem;}
.Joinlist .job-main .job-info {font-size: var(--font-size18);line-height: 1.7; }
.Joinlist .job-main .job-info p {margin: 0;}
.Joinlist .job-main .job-info p+p {margin-top: 0.03rem;}

.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: var(--font-size16);background: url(../images/apply.svg) no-repeat right center;padding-right:0.32rem;background-size: auto 0.24rem; cursor: pointer;}


@media (max-width:1024px) {
.Joinlist .job-title {line-height: 1.6;padding: 0.2rem 0px;}
.Joinlist .job-title p {margin: 0 0 0.1rem;line-height: 1.8;}
.Joinlist .job-title aside:nth-of-type(1) {width: 100%;max-width: 100%;}
.Joinlist .job-title aside+aside {margin-left: 0px;width: 100%;line-height: 1.75;}
.Joinlist .job-main .job-info p+p, 
.Joinlist .job-main .job-info p {margin-top: 0.1rem;}
.Joinlist .list{padding: 0 0.25rem;}
}




.Downlist{padding:var(--padMar100) 0; }
.Downlist li{ background:#f8f9ff; border-radius: var(--radius);  border-bottom: 0.04rem solid transparent; margin-bottom: 2%;}
.Downlist li a{ padding:0.3rem;display: flex;justify-content: space-between; align-items: center;}
.Downlist li .info{width: calc(100% - 0.8rem); display: flex; justify-content: space-between;align-items: center;}
.Downlist li .icon{ flex: 0 0 auto; width:0.52rem ; }
.Downlist li .txt {flex: 1 1 auto;overflow: hidden;position: relative;padding-left: 0.2rem;}
.Downlist li .tit{font-size: var(--font-size20); line-height: 1.4;  color:var(--grey); margin-bottom:.08rem; }
.Downlist li .deta{color:var(--grey3);}
.Downlist li time{display: inline-block;  margin-left: 0.12rem; }
.Downlist li:hover .tit{color: var(--hover-color);}
.Downlist li .dow{display: flex; align-items: center; justify-content: space-between;}
.Downlist li .more{width: 0.45rem; height: 0.45rem; color: var(--grey); padding-right:.4rem; background:url(../images/down-on.svg) no-repeat right center; background-size:0.4rem auto; line-height: .24rem; }
.Downlist li:hover{border-bottom-color: var(--hover-color); }
@media(min-width:1025px){
.Downlist .ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.Downlist li{ width:48.5%; }

}
@media(max-width:1024px) {
.Downlist li{ width:100%; margin-right:0%;}
.Downlist li a{padding:0.24rem;}
}






.Newlist{padding: var(--padMar100) 0; overflow: hidden;}
.Newlist li { border-bottom: 1px solid #f3f3f3; padding:0.32rem 0;  position: relative; z-index: 2; }
.Newlist li::after{ width:100vw; height:100%; content:''; display:block; position:absolute; left:50%; top:0; transform:translate(-50%); opacity:0; transition:.3s;}
.Newlist li:hover::after{background-color:#f7f8ff; opacity:1;}
.Newlist li a{ position: relative; z-index:5;}
.Newlist li .pic{overflow: hidden; }
.Newlist li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: 0.1rem;}
.Newlist li a:hover .imgbox img{transform: scale(1.1);}
.Newlist li time{ display: block; font-size: var(--font-size16);color:var(--grey3); padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto; margin-bottom: 0.12rem;}
.Newlist li .txt{  }
.Newlist li .txt .tit{font-size:var(--font-size24);color:var(--grey);margin-bottom:0.12rem; line-height: 1.3; }
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.75;color:var(--grey3); }
.Newlist li .txt .more{margin-top: 0.3rem;width: 0.42rem; height: 0.42rem; border: solid 0.01rem var(--hover-color); border-radius: 50%; position: relative;transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.Newlist li .txt .more:before { display: inline-block;content: '';width: 0.08rem;height: 0.08rem;transform: rotate(45deg);border-top: 0.01rem solid var(--hover-color);border-right: 0.01rem solid var(--hover-color);margin-left: -0.04rem; }

.Newlist li a:hover .txt .tit{color:var(--hover-color);}
.Newlist li a:hover .txt .more{background: var(--hover-color); border-color: var(--hover-color);}
.Newlist li a:hover .txt .more:before{ border-color: var(--white); }
@media (min-width:1025px) {
.Newlist li a{display: flex; justify-content: space-between; align-items: center;}
.Newlist .pic{width: 26%;}
.Newlist .txt{width: 70%;}
}

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



.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: 1.8; color: var(--grey); 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.8rem; 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(--green);}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: var(--grey2);  }
.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: 0.16rem;}
.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 .desc{font-size: var(--font-size18); line-height: 1.8; color: var(--grey2); margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .info h2{font-size: var(--font-size30); line-height: 1.2; color: var(--black); margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e6e6e6; padding:0.3rem 0 ;}
.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: #333;  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{color: #999; margin-bottom: 0.08rem; }
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.5;font-size: var(--font-size20); }
.ContactInfo .Contact li .txt p b{font-size: var(--font-size36); color: var(--hover-color); font-weight: 500; }

.ContactInfo .formInfo .form-ul{}
.ContactInfo .formInfo .form-ul li{margin-bottom: 0.16rem;position: relative;}
.ContactInfo .formInfo .form-ul li .tit{font-size: var(--font-size16);line-height: 0.42rem;height: 0.42rem;color: var(--grey2);display: block;}
.ContactInfo .formInfo .form-ul li .tit span{ color: #f00; padding-left: 0.05rem; vertical-align: sub;}
.ContactInfo .formInfo .form-ul li .tit em{ font-style:normal; color:#adadad;font-size: var(--font-size14); }
.ContactInfo .formInfo .form-ul li select,
.ContactInfo .formInfo .form-ul li .text{width: 100%;border: 0.01rem solid #eee;font-size: var(--font-size16); border-radius: 0.05rem; line-height: 0.5rem;height: 0.5rem;background: var(--white);color: var(--grey); padding: 0 0.2rem;}
.ContactInfo .formInfo .form-ul li select.focus,
.ContactInfo .formInfo .form-ul li .text.focus{ border-color: var(--hover-color); color: var(--grey); box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.08); }
.ContactInfo .formInfo .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.ContactInfo .formInfo .btn{width: 1.8rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size18);height:0.52rem;color: #fff;cursor: pointer;border: 0; margin-top: 0.2rem;}
.ContactInfo .formInfo .btn:hover{background: var(--green);}
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; flex-wrap: wrap;justify-content: space-between;  }
.ContactInfo .Contact{width:52%;padding-right: 1rem; border-right: 1px solid #eee;}
.ContactInfo .formInfo{width:48%;padding-left:1rem;}
.ContactInfo .formInfo .form-ul .row2 li{float: left;width: calc(49% - 0.15rem);}
.ContactInfo .formInfo .form-ul .row2 li:nth-child(2n){float: right;}
.ContactInfo .formInfo .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.ContactInfo .formInfo .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
.ContactInfo .formInfo .form-ul{padding: 0.2rem;}
}




.Otherhang .float-btn{position: fixed; right:.1rem; bottom:25%; z-index: 199; width:.8rem;}
.Otherhang .float-btn li{padding-bottom:4px;}
.Otherhang .float-btn li a{display: block;background-position: center center;background-repeat: no-repeat;background-color: var(--hover-color); cursor: pointer; text-align: center;color: #fff;    border-radius: .1rem;font-size:.12rem;height: .75rem;}
.Otherhang .float-btn li a.open-kefu i{width:.8rem;height:.45rem;background: url("../images/message.svg") no-repeat center; background-size: .3rem; display: block;}
.Otherhang .float-btn li a.gettop i{width:.8rem;height:.45rem;background: url("../images/top.svg") no-repeat center; background-size: .23rem; display: block;}

.Otherhang .fixed-box{position: fixed; left: 0; top: 0; width: 100%; z-index: 200; height: 100%;background: rgba(0,0,0,0.6);display: none;overflow-y: scroll;}
.Otherhang .fixed-box .ytable{height: 100%;}
.Otherhang .fixed-box .main{color:#222;background:#fff; text-align:center;position: relative; padding: .5rem 0; max-width: 6rem; width: 94%;}
.Otherhang .fixed-box .close{ width:.3rem; height:.3rem;right: 5px;position: absolute;top: 10px; transform: rotate(45deg);cursor: pointer;}
.Otherhang .fixed-box .close:before,
.Otherhang .fixed-box .close:after{position: absolute; left: 50%; top: 50%; content: '';background: #000;}
.Otherhang .fixed-box .close:before{width: 50%; height: 2px; margin-top: -1px; margin-left: -25%;}
.Otherhang .fixed-box .close:after{height: 50%; width: 2px; margin-left: -1px; margin-top: -25%;}

.Otherhang .formInfo{padding:0 0.5rem;}
.Otherhang .formInfo .lm-title .en{font-size: var(--font-size32);}
.Otherhang .formInfo .form-ul li{margin-bottom: 0.16rem;position: relative;}
.Otherhang .formInfo .form-ul li .tit{font-size: var(--font-size18);line-height: 0.35rem;height: 0.35rem;color: var(--grey);display: block; text-align: left;}
.Otherhang .formInfo .form-ul li .tit span{ color: #f00; padding-left: 0.05rem; vertical-align: sub;}
.Otherhang .formInfo .form-ul li .tit em{ font-style:normal; color:#adadad;font-size: var(--font-size14); }
.Otherhang .formInfo .form-ul li select,
.Otherhang .formInfo .form-ul li .text{width: 100%;border: 0.01rem solid #ddd;font-size: var(--font-size16); border-radius: 0.05rem; line-height: 0.5rem;height: 0.5rem;background: var(--white);color: var(--grey); padding: 0 0.2rem;}
.Otherhang .formInfo .form-ul li select.focus,
.Otherhang .formInfo .form-ul li .text.focus{ border-color: var(--hover-color); color: var(--grey); box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.08); }
.Otherhang .formInfo .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.Otherhang .formInfo .btn{width: 1.8rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size18);height:0.52rem;color: #fff;cursor: pointer;border: 0; margin-top: 0.2rem;}
.Otherhang .formInfo .btn:hover{background: var(--green);}

@media (min-width:1025px) { 
.Otherhang .box{display: flex; flex-wrap: wrap;justify-content: space-between;  }
.Otherhang .formInfo .form-ul .row2 li{float: left;width: calc(49% - 0.15rem);}
.Otherhang .formInfo .form-ul .row2 li:nth-child(2n){float: right;}
.Otherhang .formInfo .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.Otherhang .formInfo .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px){
.Otherhang .fixed-box .main{padding: 0.3rem 0;}
.Otherhang .Contact{ margin-bottom: 0.2rem;}
.Otherhang .formInfo{padding: 0 0.3rem;}
}