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

body { font-family: 'SYH'; font-weight: normal; --hover-color:#006EBF;  --hover-color2:#80b340; --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:0,110,191; --rgb-hover2:128,179,64; --rgb-gradual:linear-gradient(135deg, var(--hover-color), var(--hover-color2)); --rgb-gradual2:linear-gradient(135deg, var(--hover-color2), var(--hover-color)); --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;}


.Hometitle {margin-bottom: 0.42rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .en{font-size:var(--font-size80);color: var(--black); text-transform: uppercase; opacity: 0.03;position: absolute;top: 50%;width: 100%;transform: translateY(-75%);font-weight: bold;z-index: -1;}
.Hometitle .cn {font-size: var(--font-size46);color: var(--black);  font-weight: bold;  }
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .en{ color: #fff;}
.Hometitle.center{ text-align: center;}


.Homemore a{display: flex;align-items: center;width: 1.6rem;height: .55rem;border-radius: 0.5rem;background: var(--rgb-gradual);color:#fff;justify-content: center;transition: .3s all}
.Homemore a i{ width: .14rem; height: .14rem; background: rgba(255,255,255,0.5);  position: relative; border-radius: 50%; margin-left: .15rem; transition: .3s all;}
.Homemore a i::after{content: '';width: 0.05rem;height: 0.05rem;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .3s all}
.Homemore a:hover{background: var(--rgb-gradual2);}


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




/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background-color: #fff;  border-bottom: 1px solid rgba(0,0,0,0.06); 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.2rem;}
.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 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 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(45 / 1920* 100vw);}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(45 / 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: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.8rem;  margin-left: -0.9rem; overflow: hidden;}
.Top003156 menu li .sub dl{ background: none;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
}

@media (max-width:1024px) {
.Top003156 header{ display: flex; justify-content: space-between; align-items: center; }
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 3rem; padding: 0.24rem; background: rgba(255,255,255,1);  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; overflow: auto;}
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu #menu {width: 100%;height: 90vh;overflow: auto;}
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.6rem; }
.Top003156 menu li span a {   color: #333; font-size:var(--font-size20); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{ display: none;}
.Top003156 .logo {  height: 0.7rem; }
.Top003156 .logo img { max-height: 0.5rem; }
.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.hover .open-menu i,
.Top003156.fixed .open-menu i { background-color:#333; }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}



@media(min-width:1025px){
.Top003156 menu li.promenu{position: static;}
.Top003156 menu li.promenu .navpull{position: absolute;top:100%;width:100%;left:0 !important;background: rgba(255,255,255,0.95);z-index:999;border-top:1px solid #e5e5e5;margin-left:0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding:1% 0 2% 0;}
.Top003156 .wap-fixed{position: relative;}
.Top003156 menu li.promenu .navpull .navpullbox{padding:2% 0 3% 0;text-align: center;}
.Top003156 menu li.promenu .navpull .navtab{margin-bottom:10px;}
.Top003156 menu li.promenu .navpull .navtab dl dt{display: inline-block;margin:0 25px;font-size: 16px;font-weight: bold;}
.Top003156 menu li.promenu .navpull .navtab dl dt.on a{color:var(--hover-color);}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox{display: none;}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd{width:180px;margin:0 10px;margin-bottom:20px;display: inline-block;}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img{height:120px;line-height: 120px;border:1px solid #eee;overflow: hidden;}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img img{max-height:80%;max-width:80%;transition: all .3s;-webkit-transition: all .3s;}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox dl dd .ti{margin-top:10px;}
.Top003156 menu li.promenu .navpull  dl dd:hover a{color: var(--hover-color);}
.Top003156 menu li.promenu .navpull .navtabcon .navtabbox .navmore a{font-size: 14px;font-weight: bold;color:var(--hover-color);}

.navpull1{width: 100%;margin: 0 auto;}
.navpull1  .navpul_box{display: flex;flex-wrap: wrap; margin: 0 auto;}
.navpull1  .navpul_box .nav_ab dl dt{border-bottom: 1px solid #dcdcdc;padding-bottom: 0.1rem;margin-bottom: 0.16rem;text-align: left;}
.navpull1 .navpul_box .nav_ab dl dt a{font-size: var(--font-size22);color: var(--black);}
.navpull1  .navpul_box .nav_ab dl dt img{max-width: 25px;margin-right: 10px;}
.navpull1  .navpul_box .nav_ab{padding: 0;text-align: left;width: 23.5%;margin-right: 2%;}
.navpull1  .navpul_box .nav_ab:nth-child(4n){ margin-right: 0;}
.navpull1  .navpul_box .nav_ab dd{line-height: 1.7; margin-bottom:0.1rem;}
.navpull1  .navpul_box .nav_ab dd a{font-size: var(--font-size18); color: var(--grey);}
.navpull1  .navpul_box .nav_ab dd{ position: relative; padding-left: 0.24rem;}
.navpull1  .navpul_box .nav_ab dd::after {position: absolute;content: '';top: 50%; left: 0px;display: inline-block;content: '';width: 0.08rem;height: 0.08rem;transform: rotate(45deg);border-top: 0.01rem solid var(--grey);border-right: 0.01rem solid var(--grey);margin-top: -0.04rem;}}
.navpull1  .navpul_box .nav_ab dd:hover::after{ border-color: var(--hover-color);}
}

@media(max-width:1024px){
.Top003156 menu li.promenu .navpull .navpullbox .navtabcon{display: none;}
.Top003156 menu li .navpull{padding:0.2rem 0}
.Top003156 menu li .navpull .optionList {flex-wrap: wrap;}
.Top003156 menu li .navpull .optionList dt{line-height:0.5rem;text-align: left;font-size: var(--font-size20);}
.Top003156 menu li .navpull .optionList dt:not(:last-child){margin-right: 0.12rem;}
.Top003156 menu li .navpull .detailBox{flex-wrap: wrap;background: #fff;}
.Top003156 menu li .navpull .detailBox .detailLeft{width: 40%;max-height: none;}
.Top003156 menu li .navpull .detailBox .detailLeft li{padding-top: 0.1rem; padding-bottom: 0.1rem; padding-right: 0.24rem;}
.Top003156 menu li .navpull .detailBox .detailMiddle{width: 60%;padding: 0.2rem}

/* .Top003156 menu li .navpull .detailBox .detailMiddle ul{ display: none;}
.Top003156 menu li .navpull .detailBox .detailMiddle ul.active{ display: block;} */
.Top003156 menu li .navpull .detailBox .detailMiddle li{width: 100%;margin-right: 0}
.Top003156 menu li .navpull .detailBox .detailMiddle li .txt{padding-left: 0.1rem;}
}


.Banner003223{position:relative;z-index:1; }
.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-size62);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;transition-delay:0.5s;}
.Banner003223 .txt .desc{font-size: var(--font-size22); 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.4rem;height: 0.05rem; margin:0 .1rem !important; background:var(--white);display: inline-block; border-radius:  0.5rem;opacity: 1; }
.Banner003223 .controls-page span.swiper-pagination-bullet-active {background:var(--rgb-gradual); }
.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: 56%;}
.Banner003223 .pc{  object-fit: cover; height: calc(100vh - 0.9rem);}
}
@media (max-width:1024px) {
.Banner003223 .pc{display: none;} 
.Banner003223 .txt .tit {font-size: var(--font-size32); 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;}
}





.HomePro{ overflow: hidden;position: relative; padding:var(--padMar100) 0; background: #f5f6fa; }
.HomePro .item{height: auto;}
.HomePro .item {display: block; background: var(--white); overflow: hidden;padding: 0.5rem 0 0.36rem 0; border-radius: var(--radius);/* box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); */ position: relative;}
.HomePro .item .pic{ margin-bottom: 0.2rem;}
.HomePro .item .imgbox{padding-top: 75.078%;overflow: hidden;}
.HomePro .item:hover .imgbox img{transform: scale(1.1);}
.HomePro .item .info{ padding: 0 0.2rem;}
.HomePro .item .cate{ display: inline-block; background: rgba(var(--rgb-hover),0.08);position: absolute; z-index: 5; top: 0.2rem; left: 0.2rem; text-align: center;font-size: var(--font-size16); padding: 0.06rem 0.16rem; border-radius: 0.5rem;color: var(--hover-color);}
.HomePro .item .tit{font-size:var(--font-size20); font-weight: 500;  line-height:1.5;margin-bottom: 0.15rem ;transition: 0.3s;}
.HomePro .item .desc{font-size: var(--font-size16); color: var(--grey2);  line-height: 1.8;  }
.HomePro .item:hover .tit{ color: var(--hover-color);}


.HomePro .box{display: flex; overflow: hidden; }
.HomePro .box .item.swiper-slide{position: relative;transition: width 0.5s ease; }
.HomePro .box .item .imgbox{ height: 7rem;}
.HomePro .box .item .pic{ position: relative; overflow: hidden;z-index: 1;}
.HomePro .box .item .pic::after{position: absolute;content: '';height: 100%; left: 0;width: 100%; bottom: 0;background:linear-gradient(0deg, rgba(var(--rgb-black), 0.95) 0%, rgba(var(--rgb-black), 0.4) 32%, transparent 64%);}
.HomePro .box .item a{display: block;color: var(--white);}
.HomePro .box .item:not(:last-child) a{ width: calc(100% - 0rem);}
.HomePro .box .item .txt{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 4;padding: 0 0.7rem 0.54rem; transition: 0.3s;}
.HomePro .box .item .hover{padding: 0 2rem 0.5rem 0.7rem;transform: translateY(0.3rem); opacity: 0;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 4;}
.HomePro .box .item .icon{width: 0.8rem; height: 0.8rem; border-radius: 50%;backdrop-filter:saturate(100%) contrast(100%) blur(3px);-webkit-backdrop-filter:saturate(100%) contrast(100%) blur(3px);background-color:rgba(255,255,255,.4);  display: flex; justify-content: center; align-items: center;}
.HomePro .box .item .icon img{ max-width: 0.48rem;}


.HomePro .item .more{width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--hover-color);display:flex;align-items:center;justify-content:center;transition:all 0.3s;position: absolute;right: 0.7rem;top: 50%;margin-top: -0.3rem;opacity: 0;transform: scale(0);transition: 0.3s;}
.HomePro .item .more:after{width:0.2rem;height: 0.2rem;background:url(../images/more-w.svg) no-repeat center center;background-size:0.14rem auto;display:block;content:'';transform: rotate(-45deg); transition: 0.3s;}

.HomePro .box .item:hover .txt,
.HomePro .box .item.swiper-slide-active .txt{transform: translateY(-0.3rem); opacity: 0;}
.HomePro .box .item:hover .hover,
.HomePro .box .item.swiper-slide-active .hover{transform: translateY(0); opacity: 1; transition: 0.5s 0.5s;}
.HomePro .box .item:hover .more,
.HomePro .box .item.swiper-slide-active .more{opacity: 1;transform: scale(1); transition-delay: 0.5s;}


.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-hover), 0.1);border-radius: .02rem; position: relative;}
.HomePro .controls .pages span{height:.04rem;top:0;background: var(--rgb-gradual);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;}


.HomeApp{padding: var(--padMar100) 0; overflow: hidden;/* background: linear-gradient(to bottom, #f9f9f9, #fff); */ background:url(../images/HomeApp-bg.jpg) no-repeat left top;background-size: cover;}
.HomeApp .top{margin-bottom: 0.4rem;}
.HomeApp .swiper-tab{text-align: center;}
.HomeApp .swiper-tab .swiper-wrapper{justify-content: flex-end;}
.HomeApp .swiper-tab .icon {margin-bottom: 0.1rem;}
.HomeApp .swiper-tab .icon img{max-height: 0.5rem;}
.HomeApp .swiper-tab .tit{font-size: var(--font-size18);color:var(--grey);padding: 0 0rem;}
.HomeApp .swiper-tab .swiper-slide{border-radius: 0.1rem;overflow: hidden;}
.HomeApp .swiper-tab .swiper-slide:after{position: absolute;left: 50%;top: 50%;width: 0;height: 0;border-radius: var(--radius);content: "";background-color: var(--hover-color);z-index: 0;transform: translate(-50%,-50%);opacity: 0;transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.HomeApp .swiper-tab .swiper-slide a{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 1.5rem;position: relative;z-index: 1;}
.HomeApp .swiper-tab .swiper-slide-thumb-active .tit {color: #fff;font-weight: 500;}
.HomeApp .swiper-tab .swiper-slide-thumb-active .icon img {filter: brightness(0) invert(1);}
.HomeApp .swiper-tab .swiper-slide-thumb-active:After {width: 100%;height: 100%;opacity: 1;}

.HomeApp .swiper-info .swiper{overflow: visible;padding-right: 20%;}
.HomeApp .swiper-info .imgbox{border-radius: var(--radius);padding-bottom: calc(600 / 1280 * 100%);}
.HomeApp .swiper-info .info{position: absolute;z-index: 10;right: 0.4rem;bottom: 0.4rem;border-radius: var(--radius);padding: 0.4rem;width: 4rem;background-color: rgba(255,255,255,0.85);backdrop-filter: blur(10px);}
.HomeApp .swiper-info .info .tit{font-size: var(--font-size30); color: var(--black); font-weight: 500; margin: 0.25rem 0;}
.HomeApp .swiper-info .info .icon img{height: 0.52rem;}
.HomeApp .swiper-info .info .desc{margin-bottom: 0.4rem;color: var(--grey2); line-height: 1.8;}
.HomeApp .swiper-info .swiper-slide-active .info{animation:fadeInUpSmall 0.3s 0.4s ease both;}
.HomeApp .swiper-info .swiper-slide-active .imgbox img{animation:fadeInfilter 0.3s 0.5s ease both;}

@media(min-width:1025px){
.HomeApp .top{display: flex; justify-content: space-between;align-items: center;}
.HomeApp .Hometitle{flex: 1;padding-right: 0.3rem; margin-bottom: 0;}
.HomeApp .swiper-tab{width: calc(1220 / 1440 * 100%);}
}
@media(max-width:1024px){
.HomeApp .swiper-info .info{padding: 0.2rem;}
.HomeApp .swiper-info .swiper{padding-right: 0%;}
.HomeApp .swiper-info .imgbox{padding-bottom: 88%;}
.HomeApp .swiper-tab .icon img{height: 0.4rem;}
.HomeApp .swiper-tab .swiper-slide a{height: auto; justify-content: flex-start;padding: 0.2rem 0.08rem;}
.HomeApp .swiper-info .info .tit{margin: 0.2rem 0;font-size: var(--font-size24);}
.HomeApp .swiper-tab .tit{font-size: var(--font-size17);}
.HomeApp .swiper-info .info .desc{margin-bottom: 0.24rem;}
}


.HomeAbout{position: relative;padding: var(--padMar100) 0;position: relative;z-index: 2;overflow: hidden;background: linear-gradient(to top, #f6faff 0%, #fff 50% ,#f6faff 100%);}
.HomeAbout .intro{ position: relative;z-index: 5;}
.HomeAbout .edit_info{font-size: var(--font-size18); color: var(--grey2); line-height: 2; }
.HomeAbout .edit_info p{  margin: 0 0 0.16rem 0;}
.HomeAbout .pic img{  }
.HomeAbout .Homemore{margin-top:0.6rem; }

.HomeAbout .number ul{ display: flex; flex-wrap: wrap;  }
.HomeAbout .number li{width: 100%; border-bottom: 1px solid #e8e8e8; padding-bottom: 0.3rem;display: flex;align-items: center; justify-content: space-between;  }
.HomeAbout .number li:not(:last-child){ margin-bottom: 0.3rem;}
.HomeAbout .number li .icon{}
.HomeAbout .number li .icon img{max-width: 0.36rem;}
.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-size52);color: var(--hover-color);display: block;  font-weight: bold; }
.HomeAbout .number li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 20%;font-size: var(--font-size18);margin-left: 0.1rem;color: var(--hover-color); }
.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(--hover-color);}
.HomeAbout .number li p{font-size:var(--font-size18);color:var(--grey2);  margin: 0; 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:40%;}
}
@media(max-width:1024px){
.HomeAbout .left{ margin-bottom: 0.2rem;}
.HomeAbout .btnbox{margin-top: 0.3rem;}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.24rem;}
.HomeAbout .number li aside b{font-size: var(--font-size36);}
.HomeAbout .number li .icon{width: 0.6rem;height: 0.6rem;margin-right: 0.16rem;}
.HomeAbout .number li .icon img{max-width: 0.36rem;}
.HomeAbout .Homemore{margin-top:0.4rem;}
}



/*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.31rem}
.Floor003220 .swiper-slide a{display: block;background-color: #f5f7fb;padding: 0 0.24rem 0.24rem;border-radius:var(--radius);}
.Floor003220 .pic{overflow: hidden;border-radius:var(--radius);position: relative;top: -0.31rem;}
.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(--grey); line-height: 1.4; height:calc(1.4em * 2);}
.Floor003220 .swiper-slide .desc{color: var(--grey3); line-height:1.8; 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(--hover-color2)}
.Floor003220 .swiper-slide .line:after{flex:1;height:1px;background-color:rgba(0,32,91,0.08)}


.Floor003220 .controls{display: flex;align-items: center; margin-top: var(--padMar50); }
.Floor003220 .controls .pages{flex: 1;height:.04rem;background-color: rgba(var(--rgb-hover), 0.1);border-radius: .02rem; position: relative;}
.Floor003220 .controls .pages span{height:.04rem;top:0;background: var(--rgb-gradual);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);}
}


/*Bottom002900 */
.Bottom002900{padding: var(--padMar80) 0 0 0; position: relative; z-index: 2;  background: #070707 url(../images/bottom-bg.png) no-repeat right bottom; background-size:28% auto;}
.Bottom002900,
.Bottom002900 a{color: rgba(255,255,255,.6);}
.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: 3.8rem;}
.Bottom002900 .b_nav{max-width: 10rem;width: 65%;}
}

.Bottom002900 .b_nav nav{}
.Bottom002900 .b_nav nav dl{float: left; max-width: 2rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.16rem;}
.Bottom002900 .b_nav nav dt a{font-size: var(--font-size18); font-weight: 500; color: var(--white); position: relative; }
.Bottom002900 .b_nav nav dt a:hover{ color: var(--hover-color);}
.Bottom002900 .b_nav nav dd{line-height: 0.26rem;padding: 0.07rem 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.25rem 0 ;margin-top: 0.5rem;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.55rem;}
.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.24rem;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.16rem;}
.Bottom002900 .code { margin-top: 0.3rem;}
.Bottom002900 .code .tit{font-size: var(--font-size16);color: var(--white);}
.Bottom002900 .code ul{display: flex;justify-content: flex-start;}
.Bottom002900 .code li{text-align: center; }
.Bottom002900 .code li:not(:last-child){ margin-right: 0.2rem;}
.Bottom002900 .code li .img{max-width: 1.1rem;border-radius: 0.05rem;background-color: var(--white);margin-bottom: 0.1rem; overflow: hidden;}
.Bottom002900 .code li p{margin: 0;font-size: var(--font-size16);}

.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% 0.2rem;}
.Bottom002900 .f-top{padding-bottom: 0.3rem; margin-bottom: .3rem;}
.Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;}
.Bottom002900 .contact .hotline p{display: inline-block;}
.Bottom002900 .share ul{margin: 0 auto;display: table;}
.Bottom002900 .code ul{justify-content: center;}
}



.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 .tit{font-size: var(--font-size52);font-weight: 500;line-height: 1; margin-bottom: 0.15rem;}
.cbanner .txt .desc{font-size: var(--font-size20);color: var(--white);line-height: 1.75; }
.cbanner .txt .Homemore{ margin-top: 0.36rem;}
{}
@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt .tit{font-size: var(--font-size32);}  
.cbanner .txt .desc{font-size: var(--font-size16);}
}


/*Menu003135 */
.Menu003135{position: relative;z-index: 3; border-bottom: 0.01rem solid #eee;}
.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.62rem;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.4rem; 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);}
}




.Product{ padding: var(--padMar100) 0;position: relative; background: linear-gradient(135deg, #ecf3f8 -3.43%, #f9fcff 48.77%, #fbfff5 100.97%);}
@media (min-width:1025px) {
.Product .flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.Product .left{width:3.2rem;}
.Product .right{flex:1;margin-left:.3rem;width: calc(100% - 3.2rem);}
.Product .left {position: sticky;top:0.9rem; }
}


.Menu002306{padding:0.25rem;border-radius: var(--radius); background: #fff;}
.Menu002306 .side-title{font-size: var(--font-size32) ; color: var(--black); font-weight: 500; margin-bottom: 0.15rem;}
.Menu002306 .side-menu{ overflow:hidden;}
.Menu002306 .side-menu li a{ display:block;}
.Menu002306 .side-menu > ul > li >a{display: block; line-height:1.5;padding:0.18rem 0 0.15rem 0.28rem; margin-bottom:0.12rem ; position: relative; border-bottom: solid 1px #e6e6e6;font-size:var(--font-size18) ; color: var(--grey);  position:relative;}
.Menu002306 .side-menu > ul > li > a i{display: block;width:.12rem;height:.12rem;position:relative;cursor:pointer; position: absolute;top: 50%; transform: translateY(-50%);  right: 0;}
.Menu002306 .side-menu > ul > li > a i::before,
.Menu002306 .side-menu > ul > li > a i::after{content:'';display:block;position:absolute;left:50%;top:50%;width:100%;height:0.02rem;background-color:#666;}
.Menu002306 .side-menu > ul > li > a i::before{transform:translate(-50%,-50%);}
.Menu002306 .side-menu > ul > li > a i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:1;}
.Menu002306 .side-menu > ul > li.aon > a i::after{opacity:0;}
.Menu002306 .side-menu > ul > li.aon > a i::before,
.Menu002306 .side-menu > ul > li.aon > a i::after{ background: var(--hover-color);}
.Menu002306 .side-menu > ul > li > a:hover,
.Menu002306 .side-menu > ul > li.aon > a{ color:var(--hover-color); }
.Menu002306 .side-menu > ul > li > a:before{width: 0.16rem;height: 0.16rem;content: "";left: 0;top: 0.25rem;position: absolute;border-radius: 50%;background-color: rgba(var(--rgb-hover2), 0.15);}
.Menu002306 .side-menu > ul > li > a:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.05rem;top: 0.3rem;border-radius: 50%;position: absolute;background-color: rgba(var(--rgb-hover2), 1);}
.Menu002306 .side-menu > ul > li:hover > a:before,
.Menu002306 .side-menu > ul > li.aon > a:before{background-color: rgba(var(--rgb-hover), 0.15);}
.Menu002306 .side-menu > ul > li:hover > a:after,
.Menu002306 .side-menu > ul > li.aon > a:after{background-color: rgba(var(--rgb-hover), 1);}

.Menu002306 .side-menu > ul > li ul{ display:none; }
.Menu002306 .side-menu > ul > li > ul{ }
.Menu002306 .side-menu > ul > li > ul > li > a{ display: block; position: relative; line-height: 1.6; padding:0.06rem 0 0.06rem 0.16rem; font-size: var(--font-size16); color: var(--grey2);}
.Menu002306 .side-menu ul li ul li > a:hover,
.Menu002306 .side-menu ul li ul li.aon > a{ color:var(--black); position: relative; }
.Menu002306 .side-menu ul li ul li > a::after{ content: '';position: absolute; width: 0.05rem; height:0.05rem; background: #ccc; border-radius: 0.5rem; left: 0rem; top: 0.16rem}
.Menu002306 .side-menu ul li ul li> a:hover::after,
.Menu002306 .side-menu ul li ul li.aon > a::after{ background: var(--hover-color); }
.Menu002306 .side-open_menu{ display:none;}
@media(min-width:1025px){
.Menu002306 .side-menu{ display:block !important;}
}
@media(max-width:1024px){
.Menu002306{ padding: 0.2rem; margin-bottom: 0.2rem;}
.Menu002306 .side-title{line-height: 0.5rem;}
.Menu002306 .side-title{ display: none;}
.Menu002306 .side-open_menu{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:var(--hover-color); border-radius:var(--radius); position:relative; font-size: 0.2rem}
.Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:var(--hover-color); right:10px; top:50%; margin-top:-3px;}
.Menu002306 .side-menu{ display:none; padding-bottom:0.2rem;}
}


.Prolist{}
.Prolist ul{display: flex; flex-wrap: wrap;}
.Prolist li{background: #fff; margin-bottom: 2%; margin-right: 2%; border-radius:var(--radius); position: relative; overflow: hidden; border: 0.01rem solid #eee;}
.Prolist li .imgbox{padding-top: 75%;overflow: hidden;  transition: 0.3s;}
.Prolist li a:hover .imgbox img{transform: scale(1.1);}
.Prolist li .txt{ padding: 0.3rem;}
.Prolist li .tit{font-size: var(--font-size20);color: var(--grey);  margin-bottom: 0.1rem;}
.Prolist li .desc{font-size: var(--font-size16);color:var(--grey2); line-height: 1.75; }
.Prolist li:hover .tit{ color: var(--hover-color);}


.Prolist li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align: center;  background:rgba(var(--rgb-hover),0.85); z-index:10; transition:0.3s; color:#fff; border-radius: 10px;}
.Prolist li:hover a .hover{ opacity:1;}
.Prolist li .info{ position:absolute; left:7%;width:86%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}
.Prolist li .hover h5{ font-size:var(--font-size24); margin: 0; font-weight: 500;}
.Prolist li .hover i{ display:block;  height:2px; background:#fff; width:0.5rem; margin:0.15rem auto;} 
.Prolist li .hover .desc{ font-size: var(--font-size16);line-height: 1.75; color: #fff; }
.Prolist li .hover .desc p{color: #fff;margin: 0;}
.Prolist li .hover .more{ display: block; margin-top:0.25rem;}
.Prolist li .hover .more span{ display: inline-block; padding: 0 0.2rem;  line-height: 40px; background:var(--hover-color2) ; color: var(--white); border-radius: 50px;transition:all 0.5s ease-out 0s;}


@media (min-width:1025px) { 
.Prolist li{width:32%;}
.Prolist li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Prolist li{width:49%;}
.Prolist li:nth-child(2n){ margin-right: 0;}
.Prolist li .txt{ padding: 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 #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{padding: 6vw 0 8vw 0;}
.Page002623 .Pages em{display: none;}
.Page002623 .Pages a{background-color: #eee;}
}


.Menu{ background: #fff; border-bottom: 1px solid #eee;position: sticky;top: .91rem;z-index: 98;}
.Menu ul{ display: flex; align-items: center;} 
.Menu li{float: left;font-size:var(--font-size18);line-height:.7rem;}
.Menu li:not(:last-child){margin-right: calc(50 / 1920 * 100vw);}
.Menu li a{display: block;position: relative; color: #333; }
.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;}
.Menu li.active a,
.Menu li:hover a{color:var(--hover-color);}
.Menu li.active a:after,
.Menu li:hover a:after{width: 100%;}

@media(max-width:1024px){
.Menu{top: .61rem;}

}


.ProInfo{ padding: var(--padMar100) 0 var(--padMar50) 0;position: relative;}
.ProInfo .img-side{border: solid 1px #eee; border-radius: var(--radius); overflow: hidden;  margin-bottom: 0.5rem;}
.ProInfo .img-side{ border-radius: var(--radius); overflow: hidden;  }
.ProInfo .img-group .imgbox{ padding-bottom:75%;}
.ProInfo .img-group .imgbox img{object-fit: contain;}

.ProInfo .controls{display: table;position: relative;padding: 0 0.4rem; margin: 0.3rem auto 0;}
.ProInfo .controls .slick-dots li{float: left;position: relative; width: 0.12rem;height: 0.12rem; margin: 0 0.08rem;}
.ProInfo .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 0.12rem;height: 0.12rem;border-radius: 50px; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.ProInfo .controls .slick-dots li.slick-active button{background-color:var(--hover-color); width: 100%;height: 100%;}


.ProInfo .img-side .tit{ font-size:var(--font-size32);color: var(--black); font-weight: 500; margin-bottom: 0.3rem; padding-bottom:0.2rem ; border-bottom: 1px solid #eee;}
.ProInfo .img-side .desc{line-height:1.875; color: var(--grey2); font-size: var(--font-size18);margin-bottom: 0.16rem;}
.ProInfo .img-side .text{ line-height:1.875; color: color: var(--grey2);; font-size: var(--font-size16);  }
.ProInfo .img-side .text p{position: relative;padding-left: 0.16rem; line-height: 1.875; margin: 0.06rem 0;}
.ProInfo .img-side .text p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 50%;background: var(--hover-color); left: 0; top: 0.13rem;}
.ProInfo .img-side .btn{ margin-top: 0.4rem;}
.ProInfo .img-side .btn a{display: inline-block;font-size: var(--font-size16);color: #fff;box-shadow: 0px 0.05rem 0.2rem rgba(var(--rgb-hover), 0.08);border-radius: 0.5rem; min-width:1.5rem;text-align: center; line-height: 0.5rem;padding: 0 0.32rem; cursor: pointer;}
.ProInfo .img-side .btn a:not(:last-child){ margin-right: 0.1rem;}
.ProInfo .img-side .btn a.back{background: var(--hover-color);}
.ProInfo .img-side .btn a.down{background: var(--rgb-gradual);}
.ProInfo .img-side .btn a:hover{background: var(--rgb-gradual2);}
.ProInfo .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 0.52rem;margin-right: 0.1rem;}
.ProInfo .img-side .btn a.back:before{background-image: url(../images/icon-back.svg);}
.ProInfo .img-side .btn a.down:before{background-image: url(../images/icon-down.svg);}
.ProInfo .img-side .dwon{margin-top: 0.32rem;}
.ProInfo .img-side .dwon .dwontit{font-size: var(--font-size22);color: var(--grey); margin-bottom: 0.2rem;}
.ProInfo .img-side .btndwon a{display: block; font-size: var(--font-size18);color: var(--grey2); line-height: 1.6; padding: 0.08rem 0; }
.ProInfo .img-side .btndwon a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.28rem;height: 0.28rem;margin-right: 0.12rem;background-image: url(../images/down-on.svg);}
.ProInfo .img-side .btndwon a:hover{ color: var(--hover-color);}


.Prod-intro .sub-title{font-size:var(--font-size40); color: var(--black); font-weight: 500;text-align: center; line-height: 1.5; margin-bottom: 0.45rem;}
.Prod-intro .sub-title.white{ color: var(--white);}
.Prod-intro .singlePage{line-height: 2;  color: #333; font-size: var(--font-size18);}
.Prod-intro .singlePage p{ margin: 0.1rem 0;}

@media (min-width:1025px) {
.ProInfo .img-side{ display: flex; justify-content: space-between;}
.ProInfo .img-side .img-group{width: 46%;}
.ProInfo .img-side .txt{width: 54%;}
	
	
.ProInfo .img-group{border-right: solid 1px #f2f2f2;}
.ProInfo .img-side .img-group{padding:0.42rem;}
.ProInfo .img-side .txt{padding:0.5rem 0.6rem;} 
}

@media(max-width: 1024px) {
.ProInfo .img-side .txt{padding:0.24rem;} 
.ProInfo .img-side .tit{font-size:var(--font-size26);}
.Prod-intro .sub-title{font-size:var(--font-size32);}
}


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


/* 特点 */
.ProFeatures{padding: var(--padMar100) 0; background-color: #f5f5f5;background-image: url(../images/Features-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.ProFeatures .list{}
.ProFeatures .list ul{display:flex;flex-wrap:wrap; gap: 0.2rem;}
.ProFeatures .list li{width: calc((100% - 0.2rem * 3) / 4);  background-color:#fff; padding:.55rem .4rem; border-radius:var(--radius); }
.ProFeatures .list li .top{display:flex;align-items:center;justify-content:space-between;}
.ProFeatures .list li .ico{width:.6rem;height:.6rem;border-radius:var(--radius);overflow:hidden;background:var(--rgb-gradual);position:relative;}
.ProFeatures .list li .ico img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:60%;}
.ProFeatures .list li .num{color:rgba(24,24,24,.2);font-size:var(--font-size30); font-weight: 500;}
.ProFeatures .list li .text_box{color:var(--grey);line-height:1.8;margin-top:.32rem;font-size:var(--font-size20);}

@media(max-width: 1024px) {
.ProFeatures .list li{width: calc((100% - 0.2rem * 1) / 2);}
}


/* 应用 */
.ProApp{padding: var(--padMar100) 0; background-color: #fff;}
.ProApp .item{ background: #eff3f8;  border-radius: var(--radius); overflow: hidden;}
.ProApp .right{ padding: 0.2rem 0.5rem; }
.ProApp .item .tit{ font-size: var(--font-size32); color: var(--grey); font-weight: 500; line-height:1.2;margin-bottom: 0.24rem;}
.ProApp .item .desc{ font-size: var(--font-size16); color: var(--grey2);  line-height:1.8;}
.ProApp .item .desc p{ margin: 0.1rem 0;}
.ProApp .pic img{width: 100%; }

.ProApp .slick-dots{display: table;position: relative; margin: 0.3rem auto 0;}
.ProApp .slick-dots li{width: 0.14rem;height: 0.14rem;background: rgba(0,0,0,0.2); border-radius: 0.5rem; cursor: pointer; display: inline-block; margin: 0 calc(10 / 1920 * 100vw);}
.ProApp .slick-dots li button{display: none;}
.ProApp .slick-dots li.slick-active{background: var(--hover-color); width: 0.32rem;}

@media (min-width:1025px) {
.ProApp .item{ display: flex;justify-content: space-between; align-items: center; }
.ProApp .left{width: 48%;} 
.ProApp .right {width: 52%;}
}
@media(max-width:1024px){
.ProApp .right{ padding: 0.2rem; }
.ProApp .item .tit{font-size: var(--font-size24);}
.ProApp .left{ margin-bottom: 0.3rem;}
}


/* 文档下载 */
.ProDown{padding: var(--padMar100) 0;/* background: linear-gradient(180deg, #f8fafc, #fff); */ background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ProDown ul{display: flex; flex-wrap: wrap;}
.ProDown li{ background:rgba(var(--rgb-white), 0.95);backdrop-filter: blur(10px); border-radius: var(--radius);  border-bottom: 0.05rem solid transparent; margin-bottom: 2%;}
.ProDown li:hover{ background:rgba(var(--rgb-white), 1);}
.ProDown li a{ padding:0.4rem;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.ProDown li time{display: block;font-size: var(--font-size16); color:var(--grey3); padding-left:.3rem; background:url(../images/icon-time.svg) left center no-repeat; background-size: auto .18rem; line-height:.18rem;}
.ProDown li .tit{font-size: var(--font-size22); line-height: 1.7; color:var(--grey); margin-bottom:.5rem; }
.ProDown li:hover .tit{color: var(--hover-color);}
.ProDown li .dow{display: flex; align-items: center; justify-content: space-between;}
.ProDown li .more{font-size: var(--font-size16);color:var(--grey3); padding-right:.4rem; background:url(../images/down.svg) no-repeat right center; background-size:auto .24rem; line-height: .24rem; }
.ProDown li:hover{border-bottom-color: var(--hover-color2); }
.ProDown li:hover .more{background-image: url(../images/down-on.svg); color: var(--hover-color); }
@media(min-width:1025px){
.ProDown li{ width:32%; margin-right:2%;}
.ProDown li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px) {
.ProDown li{ width:48%; margin-right:4%;}
.ProDown li:nth-child(2n){ margin-right: 0;}
.ProDown li{padding:0.24rem;}
.ProDown li .tit{margin-bottom:.24rem;}
}
@media(max-width:640px) {
.ProDown li{ width:100%; margin-right:0%;}
}

/* 相关产品 */
.ProRec{padding: var(--padMar100) 0; background: linear-gradient(180deg, #f4f6f9 -3.43%, #e9edf5 48.77%, #dce3ed 100.97%);}
.ProRec .slick-track{ display: flex;}
.ProRec .slider{margin: 0 -0.1rem;}
.ProRec .slider li{margin: 0 0.1rem; }
.ProRec li{ transition: all .5s;overflow: hidden;background: var(--white);  border-radius: var(--radius); border: 1px solid #eee;}
.ProRec li:hover{ border-color: var(--hover-color);}
.ProRec li a{display: block;position: relative; }
.ProRec li .pic{}
.ProRec li .pic .imgbox{padding-top:68.7%;transition: 0.3s; }
.ProRec li a:hover .imgbox img{transform: scale(1.1);}
.ProRec li .txt{padding:0.26rem 0.18rem; }
.ProRec li .txt .tit{font-size:var(--font-size20);color:var(--grey);line-height: 1.5; font-weight: 500;  margin-bottom: 0.1rem;}
.ProRec li .txt .desc{font-size:var(--font-size16);color:var(--grey2);line-height: 1.8; }
.ProRec li .txt .more{ display: block; margin-top:0.2rem;}
.ProRec li .txt .more span{ display: inline-block; padding: 0.05rem 0.24rem;  background: var(--rgb-gradual) ; font-size:var(--font-size16); color: var(--white); border-radius: 50px;transition:all 0.5s ease-out 0s;}
.ProRec li a:hover .txt .tit{color:var(--hover-color);}
.ProRec li a:hover .txt .more span{ background: var(--rgb-gradual2);}

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

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

/* 特性 */
.ProFeat{padding: var(--padMar100) 0; background-color: #f8fafc;}
.ProFeat .list{}
.ProFeat .list ul{display:flex;flex-wrap:wrap; gap: 0.2rem;}
.ProFeat .list li{width: calc((100% - 0.2rem * 2) / 3); border-bottom: 1px dashed #dfdfdf; padding: 0.24rem 0 0.2rem; }
.ProFeat .list li .text_box{color:var(--grey);line-height:1.8;font-size:var(--font-size18);}


.ProFeat .list li table {width: 100%;border-collapse: collapse; margin-top: 0.1rem;background-color: #fff; }
.ProFeat .list li th, 
.ProFeat .list li td {padding: 0.08rem 0.15rem;text-align: center;border: 1px solid #e2e8f0;}
.ProFeat .list li th {color: #666;}


@media(max-width: 1024px) {
.ProFeat .list li{width: calc((100% - 0.2rem * 1) / 2);}
.ProFeat .list li th, 
.ProFeat .list li td{padding: 0.05rem 0.08rem;}
}

@media(max-width: 640px) {
.ProFeat .list li{width: 100%;padding: 0.18rem 0 0.16rem;}
}


/* 产品简介 */
.ProProfile{ padding:var(--padMar100) 0; background:linear-gradient(to bottom,#f9f9f9 ,#f8f9f9);}
.ProProfile .singPage{color:var(--grey2);line-height:1.875;font-size:var(--font-size18);}
.ProProfile .singPage p{ margin: 0;}
.ProProfile .tit{font-size:var(--font-size28);color:var(--grey); font-weight: 500; margin-bottom: 0.1rem;}
.ProProfile .des{color:var(--grey2);}
.ProProfile .tits{font-size:var(--font-size20);color:var(--grey); font-weight: 500; margin-bottom: 0.05rem; margin-top: 0.18rem;}
.ProProfile .feat{}
.ProProfile .feat li{padding-left:.17rem;position:relative; list-style: none;color:var(--grey2);}
.ProProfile .feat li:before{content:'';display:block;position:absolute;left:0;top:.15rem;width:.05rem;height:.05rem;border-radius:50%;background-color:var(--hover-color);}
.ProProfile .img{ text-align: center;}

.ProProfile .rig .items .item:nth-child(1){ margin-top: 0.3rem;}
.ProProfile .rig .items .item:not(:last-child){ margin-bottom: 0.24rem; border-bottom: 1px solid #eee; padding-bottom: 0.24rem;}
.ProProfile .rig .items .item .tits{margin-bottom: 0.1rem; margin-top: 0rem;}
@media(min-width:1025px){
.ProProfile .box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProProfile .lef{ width: 47%;}
.ProProfile .rig{ width: 47%;}

.ProProfile .rig .item{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProProfile .rig .item .info{ width: 60%;}
.ProProfile .rig .item .imgs{ width: 36%;}
}

@media(max-width: 1024px) {
.ProProfile .tit{font-size: var(--font-size24);}
.ProProfile .lef,
.ProProfile .rig .item .info{margin-bottom: 0.24rem;}
}



/* 视频展示 */
.ProVideo{ padding:var(--padMar100) 0; background: linear-gradient(180deg, #fff, #f8fafc);}
.ProVideo .pic{position: relative;z-index: 5;overflow: hidden; border-radius: var(--radius);}
.ProVideo .pic img{width: 100%;}
.ProVideo .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
.ProVideo .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);}
.ProVideo .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: #000;}

.ProVideo .pic > video.cover{position: static; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; background: none; z-index: 1;}

@media screen and (max-width: 1024px){
.ProVideo .open-video i{width: 0.5rem; height: 0.5rem;}
}


.ProScene{padding:var(--padMar100) 0 ; overflow: hidden;}
.ProScene .slick-track{ display: flex;}
.ProScene .slider{margin: 0 -0.1rem;}
.ProScene .slider li{margin: 0 0.1rem; }
.ProScene li{ border-bottom: 1px solid #eee; padding-bottom: 0.25rem; position: relative; z-index: 2; }
.ProScene li:after {content: "";position: absolute; width: 0; height: 1px; background: #eee;left: 0;bottom: 0;transition: all .5s;}
.ProScene li a{display: block;position: relative;}
.ProScene li .pic{overflow: hidden; margin-bottom: 0.2rem; border-radius: var(--radius);}
.ProScene li .pic .imgbox{padding-top:68.738%;transition: 0.3s; }
.ProScene li a:hover .imgbox img{transform: scale(1.1);}
.ProScene li .txt{overflow: hidden; text-align: center;}
.ProScene li .txt .tit{font-size:var(--font-size18);color:var(--grey);line-height: 1.2;  }
.ProScene li a:hover .txt .tit{color:var(--hover-color);}

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

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




.Newlist{padding:var(--padMar100) 0 ; overflow: hidden;}
.Newlist li { border-bottom: 1px solid #eee; padding: 0.3rem 0; transition: 0.3s; 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:#f4f7fb; 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 .txt{   overflow: hidden;position: relative;}
.Newlist li time{ display: block; font-size: var(--font-size16);color:#999;  margin-top: 0.16rem;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;}
.Newlist li .txt .tit{font-size:var(--font-size24);color:var(--grey);margin-bottom:0.16rem; line-height: 1.4;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey3);  }

.Newlist 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; }
.Newlist 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;}
.Newlist li:hover .more{ background: var(--hover-color); border-color: var(--hover-color);}
.Newlist li:hover .more::after{ background-image: url(../images/more-w.svg);transform: rotate(0deg);}
.Newlist li:hover .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%;}
.Newlist .txt{width: 70%; flex: 1 1 auto; padding-left: 0.6rem;}
.Newlist li .more{margin-left: 0.5rem;}
}

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


.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 aside span{color: #999; margin: 0 0.1rem;}
.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.875; 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(--rgb-gradual);}
.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;}
}



.AboutInfo{ position: relative; overflow: hidden;padding:var(--padMar100) 0; }
.AboutInfo .edit_info {font-size: var(--font-size18);color: var(--grey2); line-height:1.875;}
.AboutInfo .edit_info p{ margin: 0.08rem 0;}
.AboutInfo .pic{ position: relative; }
.AboutInfo .pic img{width: 100%; }

@media (min-width:1025px) {
.AboutInfo .intro{ display: flex;justify-content: space-between; align-items: center;}
.AboutInfo .info{flex-basis: 50%; flex-shrink: 0;padding-right: clamp(20px, 1rem, 100px);}
.AboutInfo .pic{flex-basis: 50vw;flex-shrink: 0;}
.AboutInfo .pic img {width: 100%;border-radius: 20vw 0 0 20vw;}
.AboutInfo .pic:after{content: '';position: absolute; display: block; width: 100%; height: 100%; border-radius: 20vw 0 0 20vw; background: linear-gradient(-45deg,#fff 75%,#fafafe)}
}
@media(max-width:1600px){
.AboutInfo .edit_info{font-size: var(--font-size16);}
}

@media(max-width:1024px){
.AboutInfo .info{ margin-bottom: 0.3rem;}
.AboutInfo .pic img{border-radius: var(--radius);}
}


.Honor{padding:var(--padMar100) 0;  background-size: cover; background: #f6f9fc; background: url(../images/honorbg.jpg) no-repeat center center;background-size: cover;}
.Honor .item .tit{text-align: center;margin:0.18rem 0 0.1rem 0;font-size: var(--font-size18); line-height: 1.6;}
.Honor .item .img{background: url(../images/honor-bg.jpg) no-repeat bottom center;background-size: 100% 100%;height:3.6rem;box-sizing: border-box;padding:0.3rem 0;border-radius: var(--radius);transition: all .5s;}
.Honor .item .img .imgbox{padding-top:3rem;}
.Honor .item .img .imgbox img{padding:0.12rem;background: url(../images/honor-kuang.png) no-repeat center center;background-size: 100% 100%;object-fit: contain;max-width:80% !important;max-height:3.2rem;width:80%;margin:0 auto;height:auto;position: relative;z-index:9;}
.Honor .item .img .imgbox .box{position: relative;text-align: center;width:100%;}
.Honor .item .img:hover .img span{transform: scale(1.05);}

.Honor .controls{display: flex;align-items: center; margin-top: 0.4rem; }
.Honor .controls .pages{flex: 1;height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.Honor .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.Honor .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Honor .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;  }
.Honor .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%;}
.Honor .controls .arrows a + a{margin-left: 0.2rem;}
.Honor .controls .arrows a.prev{left: auto; }
.Honor .controls .arrows a.next{right: auto;}
.Honor .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Honor .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.Honor .controls .arrows a:hover:before{ border-color: var(--white);}





.ContactInfo{padding:  var(--padMar100) 0; }
.ContactInfo .box{background-color: #f8fafc; border-radius: var(--radius); overflow: hidden;border: solid 0.01rem #eef2f6;}
.ContactInfo .Contact{ padding: 0.2rem 0.5rem;}
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e6e6e6;padding: 0.18rem 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: var(--grey);  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{color: var(--grey2); 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; line-height: 1.2;}
.ContactInfo .pic img{ width: 100%;}
@media (min-width:1025px) { 
.ContactInfo .box{display: flex;  justify-content: space-between;  align-items: center; }
.ContactInfo .Contact{  width: 50%; }
.ContactInfo .pic{ width: 47%; }
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem; padding: 0.24rem;}
}


.FormInfo{padding: var(--padMar100) 0;background: linear-gradient(to top,#f4fbea ,#e5f1f9 ,#f3f6f8 ,#eaf1f6); }
.FormInfo .box{ }
.FormInfo .form-ul{ background: rgba(var(--rgb-white),0.75); padding: 0.4rem; border: 0.02rem solid rgba(var(--rgb-white),1); border-radius: var(--radius);}
.FormInfo .form-ul li{margin-bottom: 0.15rem;position: relative; }
.FormInfo .form-ul li:hover{border-bottom-color: var(--hover-color);}
.FormInfo .form-ul li .tit{position: absolute; left: 0.2rem; top: 0;font-size: var(--font-size16);  line-height: 0.55rem;color: var(--grey3);display: block; }
.FormInfo .form-ul li select,
.FormInfo .form-ul li .text{width: 100%;border-radius: 0.05rem;border: solid 1px #ededed;font-size: var(--font-size16);line-height: 0.55rem;height: 0.55rem;background: rgba(255, 255, 255, 0.85);color: var(--grey);padding: 0 0.2rem;}
.FormInfo .form-ul li select.focus,
.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);}
.FormInfo .form-ul li textarea.text{height: 1.2rem; line-height: 1.6; padding: 0.1rem;}
.FormInfo .btn{width: 1.8rem;background: var(--rgb-gradual);border-radius: 0.5rem;font-size: var(--font-size18);height:0.55rem;color: #fff;cursor: pointer;border: 0; margin:.24rem auto 0;display: block;}
.FormInfo .btn:hover{ background: var(--rgb-gradual2);}
@media (min-width:1025px) { 
.FormInfo .form-ul .row2 li{float: left;width: calc(50% - 0.15rem);}
.FormInfo .form-ul .row2 li:nth-child(2n){float: right;}
.FormInfo .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.FormInfo .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.FormInfo .form-ul{padding: 0.2rem;}
}


.DownPage{ padding: var(--padMar100) 0;position: relative; background: #f6f6f6;}
@media (min-width:1025px) {
.DownPage .flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.DownPage .left{width:3.2rem;}
.DownPage .right{flex:1;margin-left:.3rem;width: calc(100% - 3.2rem);}
.DownPage .left {position: sticky;top:0.9rem; }
}

.Prose{display: flex; justify-content: flex-end;}
.seForm {position: relative;border: 1px solid var(--hover-color);padding-right: 1rem;overflow: hidden;border-radius: 0.5rem;max-width: 4rem;margin-bottom: 0.4rem;background: #fff;}
.seForm .btn{position: absolute;right: 0; top: 0; width: 1rem; 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);}


.DownInfo{}
.DownInfo ul{display: flex; flex-wrap: wrap;}
.DownInfo li{ background:#fff;border-radius: var(--radius);  border-bottom: 0.05rem solid transparent; margin-bottom: 2%;}
.DownInfo li .inner{ padding:0.4rem;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.DownInfo li time{display: block;font-size: var(--font-size16); color:var(--grey3); padding-left:.3rem; background:url(../images/icon-time.svg) left center no-repeat; background-size: auto .18rem; line-height:.18rem;}
.DownInfo li .tit{font-size: var(--font-size20); line-height: 1.7; color:var(--grey); margin-bottom:.5rem; }
/* .DownInfo li:hover .tit{color: var(--hover-color);} */
.DownInfo li .dow{display: flex; align-items: center; justify-content: space-between;}
.DownInfo li .more{border: 1px solid var(--grey3);border-radius: 0.5rem;padding: 0.05rem 0.2rem;}
.DownInfo li .more a{font-size: var(--font-size16);color:var(--grey3); padding-right:.36rem; background:url(../images/down.svg) no-repeat right center; background-size:auto .24rem; line-height: .24rem; }
.DownInfo li:hover{border-bottom-color: var(--hover-color); }
.DownInfo li .more:hover{ border-color: var(--hover-color);}
.DownInfo li .more a:hover{background-image: url(../images/down-on.svg); color: var(--hover-color); }
@media(min-width:1025px){
.DownInfo li{ width:32%; margin-right:2%;}
.DownInfo li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px) {
.DownInfo li{ width:48%; margin-right:4%;}
.DownInfo li:nth-child(2n){ margin-right: 0;}
.DownInfo li .inner{padding:0.24rem;}
.DownInfo li .tit{margin-bottom:.24rem;}
}
@media(max-width:640px) {
.DownInfo li{ width:100%; margin-right:0%;}
}

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

.SingleInfo{padding:var(--padMar100) 0;}
.SingleInfo .edit_info{line-height:1.875; color: #333333;font-size: var(--font-size16);  }
.SingleInfo .edit_info p{ margin: 0.1rem 0;}

.Sitemap{ padding:var(--padMar100) 0;}
.Sitemap li{ padding: 0.2rem 0; border-bottom: solid 1px #eee}
.Sitemap li span a{display: block;font-size: var(--font-size20); color: var(--black); font-weight: 500; margin-bottom: 0.12rem;}
.Sitemap .sub a{display: inline-block;padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem; color: var(--grey2);  }
.Sitemap .sub a:hover{color: var(--hover-color);}




.Applist .item{padding:var(--padMar100) 0;background: #fff;}
.Applist .item:nth-child(2n){ background:#f5f6fa; }
.Applist .tit{font-size: var(--font-size32);color:var(--grey); font-weight: 500; margin-bottom: 0.24rem;  position: relative; }
.Applist .info { font-size: var(--font-size18); color: var(--grey2); line-height: 1.8; margin:0; }
.Applist .info p{ margin: 0.1rem 0;}

.Applist .pic{ overflow: hidden;border-radius: var(--radius);}
.Applist .pic img{  transition: 0.3s;}
.Applist .pic:hover img{transform: scale(1.1);}

.Applist .RecPro{ margin-top: 0.3rem;}
.Applist .RecPro .tits{font-size: var(--font-size24);color:var(--grey); margin-bottom: 0.18rem;}
.Applist .RecPro ul{display: flex;flex-wrap: wrap;}
.Applist .RecPro li{position:relative;font-size: var(--font-size18);background: var(--white); border-radius: 0.5rem;border: 1px solid #e8e8e8;margin-right: .1rem;margin-bottom: .1rem;padding: .08rem .2rem;}
.Applist .RecPro li:hover{ background: var(--hover-color);}
.Applist .RecPro li:hover a{ color: var(--white);}

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