@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
:root{
   --max-width: 1600;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 25, 25, 25; /*#191919*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 137, 39, 39; /*#892727*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --white-color__rgb: 255, 255, 255; /*#fff*/
   --white-color: rgba(var(--white-color__rgb), 1);
   --black-color__rgb: 0, 0, 0; /*#000*/
   --black-color: rgba(var(--black-color__rgb), 1);
   --text-color__rgb:89, 89, 89; /*#595959*/
   --text-color: rgba(var(--text-color__rgb), 1);
   --font-family: 'hm', sans-serif;
   --transition: 0.3s;
   --header-height: 1rem; 
   --font-weight__r: 400;
   --font-weight__m: 500;
   --font-weight__b: 700;
   --same-section__1__mt:calc(-122 / 1920 * 100vw);
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1600px) {
   html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
   html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width: 768px) {
   html{font-size: calc(100 / 700 * 100vw);}
}
@media (max-width: 480px) {
   html{font-size: calc(100 / 500 * 100vw);}
}

body {font-family:var(--font-family); line-height: 1; color: var(--default-color);font-size: var(--font-size__16);}

.container {width: 87.6%;margin: 0 auto;}
@media (max-width: 1024px) {
   .container { width: 94%; }
}

/* Start
   ========================================================================== */
.main-header{ position: fixed; top: 0;left: 0;width: 100%;z-index: 100;background-color: rgba(var(--primary-color__rgb), 0.6);font-size: var(--font-size__18);}
.main-header .container{height: var(--header-height);}
.main-header .logo{flex-shrink: 0;}
.header-nav li{position: relative;}
.header-nav li a{color: var(--white-color);}


.main-header .login{color: var(--white-color); flex-shrink: 0;}
.main-header .login a{display: inline-block;background-color: rgba(246, 240, 240, 1);border-radius: 5px; line-height: calc(28 / 16); padding: 0 0.18rem;color: var(--default-color);}
.main-header .login .username{margin-right: 0.1rem;}
.main-header .login .after{display: none;}

.open-search{width: 0.28rem;height: 0.28rem;background: url(../images/search-white.svg) var(--background-contain); background-size: auto calc(20 / 28 * 100%); cursor: pointer; }
.search-show .open-search{background-image: url(../images/close.svg)}

.search-box{position: absolute; top: 100%;width: 100%;background: var(--primary-color); left: 0; padding: 0.2rem 0;z-index: -1; opacity: 0;visibility: hidden; transition: var(--transition); transform: translateY(0.2rem);}
.search-box .inner{width:90%;max-width: 5rem; background-color: var(--white-color);border-radius: 0.04rem; padding:0 0.1rem;}
.search-box .text{background: none;border:0;box-shadow: none;flex: 1; color: rgba(var(--default-color__rgb), 0.5);}
.search-box .btn{width: 0.5rem;height: 0.5rem;background: url(../images/search.svg) var(--background-contain); background-size: auto 50%; cursor: pointer;}
.search-show .search-box{z-index: 100;opacity: 1;visibility: visible; transform: translateY(0);}

@media (min-width:1025px) {
.main-header .logo img{height: 0.44rem;}
.header-nav li{line-height: var(--header-height);}
.header-nav li:not(:last-child){margin-right: 0.6rem;}
.header-nav li .sub{display: none;}
.header-nav li .sub{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);min-width: 100%;line-height: 1.5;z-index: -1;white-space: nowrap;background-color: rgba(var(--primary-color__rgb), 0.6);padding: 0 0.3rem;}
.header-nav li .sub dl dt{margin: 0.2rem 0;}
.open-search{margin: 0 0.56rem;}
}
@media (max-width:1024px) {
:root{--header-height: 0.8rem;}
.main-header .logo{max-width: 40%;}
.main-header .logo img{max-height: 3rem;}
   
.open-search,
.open-menu{width:0.5rem;height: 0.5rem;}
.open-menu{display: flex;flex-direction: column; justify-content: center;align-items: center; margin: 0 0.1rem 0 0;}
.open-menu i{width: 70%;display: block; height: 2px;background-color: var(--white-color);}
.open-menu i:not(:last-child){margin-bottom: 0.08rem;}
.header-nav{position: fixed; top: var(--header-height); left: 0;background-color: rgba(var(--primary-color__rgb), 0.6);z-index: 100;bottom: 0;width: 0; transition: var(--transition); visibility: hidden; overflow: hidden; opacity: 0;}
.header-nav ul{width: 2.4rem;}
.menu-show .header-nav{width: 2.4rem; visibility: visible; opacity: 1;}
.header-nav li:not(:last-child){border-bottom: 1px solid rgba(var(--white-color__rgb), 0.2);}
.header-nav li a{display: block;padding: 0.1rem 0.2rem;line-height: 2;}
.header-nav li .sub dl dt{text-align: center;}
}
@media (max-width:480px) {
   .main-header .login .username{display: none;}
   .main-header .login a{padding: 0 0.5em;}
}

[class*="mask-"]{--img:url(../images/con-mask.svg);-webkit-mask-image:var(--img);mask-image: var(--img);-webkit-mask-size: 100%  auto; mask-size: 100%  auto; -webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
.mask-bottom{-webkit-mask-position: left bottom;mask-position: left bottom;}
.mask-top{-webkit-mask-position: left top;mask-position: left top;}
.mask-center{-webkit-mask-position: center center;mask-position: center center;-webkit-mask-size: 100%  100%; mask-size: 100%  100%;}

footer{background-color: #f6f0f0; padding: 2.4rem 0 0 0;position: relative;}
footer .mask-bottom{content: "";position: absolute;width: 100%;height:var(--padding-margin__140);background:var(--white-color); top: 0; left: 0;--img:url(../images/con-mask.svg);}
.footer-top{padding-bottom: var(--padding-margin__100);}
.footer-top .logo{margin-bottom: var(--padding-margin__40);}
.footer-top .logo img{height: 0.51rem;}
.footer-bottom{border-top: 1px solid rgba(0, 0, 0, 0.1); padding: var(--padding-margin__30) 0;}
.footer-bottom,
.footer-bottom a:not(:hover){color: #999;}
.other-nav{display: flex;align-items: center;}
.other-nav a:not(:last-child){margin-right: 0.2rem;}

.footer-top-right dd{font-size: var(--font-size__24);font-weight: var(--font-weight__b);}
.footer-top-right dd:not(:last-child){margin-bottom: 0.25rem;}
.footer-top-right dd a:not(:hover){color: var(--text-color);}

.back-top{position: absolute;top: 0;right: 0;color: var(--text-color); cursor: pointer;}
.back-top::before{display: block; content: '';margin: 0 auto 0.17rem; background: url(../images/more-gettop.svg) var(--background-contain); transform: rotate(-90deg); width: 0.18rem; height: 0.18rem;}
.back-top:hover{color: var(--primary-color);}
.back-top:hover::before{background-image: url(../images/more-color.svg);}

.footer-contact{color: var(--text-color);}
.footer-contact dl{line-height: calc(30 / 18 * 1em); font-size: var(--font-size__18);}
.footer-contact dt{padding-left: 0.25rem;background:var(--img) no-repeat left center;background-size: auto 0.15rem;}
.footer-contact dt.email{--img:url(../images/email.svg);}
.footer-contact dt.address{--img:url(../images/address.svg);background-size: auto 0.18rem;}
.footer-contact dt.address + dd a{display: inline-flex;align-items: center; border-bottom: 1px solid var(--text-color); }
.footer-contact dt.address + dd a:after{content: "";display: block;width:1em;height: 1em;margin-left: 1em; background: url(../images/location.svg) var(--background-contain); }
.footer-contact dt.address + dd a:hover{border-bottom-color: var(--primary-color);}
.footer-contact dt.address + dd a:hover:after{background-image: url(../images/location-on.svg);}

@media (min-width:1025px) {
.footer-top-left{max-width:  calc(400 / var(--max-width) * 100%);}
.footer-top-right{width: calc(748 / var(--max-width) * 100%);position: relative;}
.footer-top-right dd a{display: inline-flex;align-items: center; }
.footer-top-right dd a:after{content: "";display: block;width: 0.16rem;height: 0.16rem;margin-left: 0.1rem; background: url(../images/more-color.svg) var(--background-contain); transition: var(--transition); transform:rotate(-45deg) translateX(-0.2rem); opacity: 0; margin-left: 0.23rem;}
.footer-top-right dd a:hover:after{opacity: 1; transform: rotate(-45deg) translateX(0);}
}
@media (max-width:1024px) {
   footer{padding-top: 1.4rem;}
   .footer-top{position: relative;}
   .back-top{top: auto; bottom: 0.1rem;}
   .footer-top-left{margin-bottom: var(--padding-margin__80);display: flex;flex-direction: column;justify-content:center;align-items: center;}
   .footer-top-right dl{display: none;}
   .footer-contact dl{display: flex;flex-direction: column;justify-content:center;align-items: center;}
   .footer-bottom{line-height: 1.5;}
}

.all-more a{display: inline-flex;align-items: center;min-width: 10em;justify-content: center;background-color: var(--primary-color);border-radius: 0.05rem 0; color: var(--white-color); font-size: var(--font-size__18); height: calc(60 / 18 * 1em); padding: 0 calc(30 / 18* 1em);clip-path: polygon(0 0, calc(100% - 0.14rem) 0, 100% 0.14rem, 100% 100%, 0.14rem 100%, 0 calc(100% - 0.14rem)); overflow: hidden;}
.all-more a::after{content: "";display: block;width: 0.14rem;height: 0.14rem;transform: rotate(-45deg); margin-left: calc(35 / 18* 1em); background: url(../images/more.svg) var(--background-contain); transition: var(--transition);}
.all-more a:hover::after{transform: rotate(45deg);}
.all-more a.icon-before{flex-direction: row-reverse;}
.all-more a.icon-before::after{margin-left: 0; margin-right: calc(35 / 18* 1em); transform: rotate(0deg);}
.all-more.add a.icon-before::after{margin-right: calc(24 / 18* 1em);background-image: url(../images/workbench/add.svg);}
@media (max-width:768px) {
   .all-more a{ font-size: var(--font-size__16);}
}

.home-ban{position: relative;z-index: 1;}
.home-ban :where(.controls-page,.txt){position: absolute; left: 0; width: 100%; }
.home-ban .controls-page{ bottom: calc(184 / 1920 * 100vw);z-index: 10;}
.home-ban .txt{height: calc(960 / 1920 * 100vw);color: var(--white-color); top: 0;}
.home-ban .tit-cn{font-size: var(--font-size__60); line-height: calc(80 / 60); letter-spacing: 0.04rem;}
.home-ban .tit-en{font-size: var(--font-size__24); line-height: calc(27 / 24); margin: calc(14 / 24 * 1em) 0 calc(27 / 24 * 1em) 0;}
.home-ban :where(.tit-cn,.tit-en,.all-more){transform: translateY(0.2rem); opacity: 0;transition:1s 0.3s;}
.home-ban .swiper-slide-active :where(.tit-cn,.tit-en,.all-more){transform: translateY(0); opacity: 1;}
.home-ban .swiper-slide-active .tit-en{transition-delay: 0.5s;}
.home-ban .swiper-slide-active .all-more{transition-delay: 0.8s;}
.home-ban .controls-page span{width: 0.24rem;height: 0.24rem;border: 2px solid transparent;background: none;display: block; position: relative;z-index: 1; opacity: 1;margin: 0 0.15rem;}
.home-ban .controls-page span:before{position: absolute; content: ""; width: 0.06rem; height: 0.06rem; background-color: var(--white-color); top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.home-ban .controls-page span.swiper-pagination-bullet-active{border-color: var(--white-color);}
@media (max-width:768px) {
   .home-ban .tit-cn{font-size: var(--font-size__36);}
   .home-ban .tit-en{font-size: var(--font-size__18);}
}
@media (max-width:480px) {
   .home-ban .txt{height: calc(960 / 1090 * 100% - var(--header-height) - 0.24rem); top: var(--header-height);}
   .home-ban .tit-cn{font-size: var(--font-size__24);}
   .home-ban .tit-en{font-size: var(--font-size__14);}
}

[class*="all-title"]{font-size: var(--font-size__44);  margin-bottom: var(--padding-margin__50);}
.all-title-white{color: var(--white-color);}
@media (max-width:768px) {
   [class*="all-title"]{font-size: var(--font-size__32);}
}

.edit-info{font-size: var(--font-size__18); line-height: calc(32 / 18); margin-bottom: var(--padding-margin__40);color: var(--text-color);}
.edit-info img{display: inline-block;}

.same-section__1{margin-top:var(--same-section__1__mt);position: relative;z-index: 2; padding: var(--padding-margin__120) 0 var(--padding-margin__200) 0; overflow: hidden;}
.same-section__1 .wrap,
.same-section__1 > [class*="mask-"]{background: url(../images/con-bg.png) repeat-y 0 0 var(--white-color); background-size: 19.2rem;}
.same-section__1 .wrap{background-position: left top -1.2rem;}
.same-section__1 > [class*="mask-"]{position: absolute; left: 0;  width: 101%;  z-index: 1;pointer-events: none;}
.same-section__1 .mask-top{height: var(--padding-margin__120);top: 0;}
.same-section__1 .mask-bottom{height: var(--padding-margin__200);bottom: 0; background-position: left var(--bgpositon);}

.home-about .top{font-size: var(--font-size__20); margin-bottom: var(--padding-margin__80);}
.home-about .top .sub-tit{color: var(--primary-color);}
.home-about .all-title{color: var(--primary-color);}
.home-about .all-more{margin-top: var(--padding-margin__50);}
.home-about .pic img{--img:url(../images/img-mask.svg);}
@media (min-width:1025px) {
   .home-about .left{width: calc(700 / var(--max-width) * 100%);}
   .home-about .right{width: calc(800 / var(--max-width) * 100%);}
}     
@media (max-width:1024px) {
   .home-about .left{margin-bottom: var(--padding-margin__50);}
}

.home-business{position: relative;z-index: 1;margin-top: calc(-130 / 1920 * 100vw); padding: calc(130 / 1920 * 100vw) 0; background-color: var(--black-color);}
.home-business > figure{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.6;}
.home-business .container{position: relative;z-index: 2;}
.home-business .main-txt{padding-bottom: var(--padding-margin__50);}
.home-business .edit-info{color: var(--white-color);}
.home-business .swiper-thumb li{--lin:6;--limr:0.2rem;position: relative; overflow: hidden;}
.home-business .swiper-thumb a{display: flex;align-items: flex-end; color: var(--white-color);}
.home-business .swiper-thumb .hover-txt{background: var(--primary-color); padding: 0 var(--padding-margin__40) var(--padding-margin__30) var(--padding-margin__30); --maskHeight:0.7rem; }
.home-business .swiper-thumb .hover-txt .mask-top{position: absolute; left: 0; bottom: 100%; width: 100%; height: var(--maskHeight); z-index: 1; background: var(--primary-color);--img:url(../images/txt-mask.svg);z-index: -1;}
.home-business .swiper-thumb a > .tit{font-size: var(--font-size__18);  padding-bottom: var(--padding-margin__20); border-bottom: 0.05rem solid rgba(var(--white-color__rgb), 0.5);width: 100%;}
.home-business .swiper-thumb .active .hover-txt{opacity: 1; transform: translateY(0);}
.home-business .swiper-thumb .icon{margin-top:calc((var(--maskHeight) - 0.4rem) * -1);}
.home-business .swiper-thumb .icon img{width: 0.36rem; height: 0.36rem; object-fit: contain;}
.home-business .swiper-thumb .num{font-size: var(--font-size__36); color: rgba(var(--white-color__rgb), 0.1);}
.home-business .swiper-thumb .txt .tit{font-size: var(--font-size__24); margin-bottom: var(--padding-margin__20);}
.home-business .swiper-thumb .txt pre{font-size: var(--font-size__18); line-height: calc(32 / 18);opacity: 0.6;}
@media (min-width:1025px) {
.home-business{min-height: 12.35rem; }
.home-business .main-txt{max-width: 7.2rem; min-height: 4.31rem; }
.home-business .swiper-thumb li:not(:nth-child(6n)){margin-right: var(--limr);}
.home-business .swiper-thumb .hover-txt{position: absolute; left: 0; width: 100%; opacity: 0; transition: var(--transition); transform: translateY(100%);top: var(--maskHeight); bottom: 0;display: flex;flex-direction: column;justify-content: space-between;}
.home-business .swiper-thumb a{ height: 2.8rem;}
}     
@media (max-width:1024px) {
.home-business .main-txt{padding-top: var(--padding-margin__100);}
.home-business .swiper-thumb{padding-bottom: var(--padding-margin__100);}
.home-business .swiper-thumb .hover-txt{position: relative; margin-top: var(--maskHeight);width: 100%; height: calc(100% - var(--maskHeight));}
.home-business .swiper-thumb a {height: 100%;}
.home-business .swiper-thumb a > .tit{display: none;}
.home-business .swiper-thumb .txt .tit{margin-top: var(--padding-margin__20);}
}
@media (min-width:769px) and (max-width:1024px){
   .home-business .swiper-thumb li{--lin:3;}
.home-business .swiper-thumb li:not(:nth-child(3n)){margin-right: var(--limr);}
.home-business .swiper-thumb li:nth-child(3) ~ li{margin-top: var(--limr);}
}
@media (max-width:768px) {
   .home-business .swiper-thumb li{--lin:2;}
   .home-business .swiper-thumb li:not(:nth-child(2n)){margin-right: var(--limr);}
   .home-business .swiper-thumb li:nth-child(2) ~ li{margin-top: var(--limr);}
}

.same-section__2{margin-top: calc(-130 / 1920 * 100vw);padding: var(--padding-margin__140) 0 0 0; position: relative;z-index: 2; }
.same-section__2 .mask-top{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: var(--white-color);}
.same-section__2 .container{position: relative;z-index: 2;}

.home-faq .list{margin-bottom: var(--padding-margin__60);}
.home-faq .list .item{width: calc((100% - 0.6rem) / 2); --height: 0.8rem; position: relative;}
.home-faq .list .item .name{ border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1); line-height: var(--height); padding-right: 0.2rem; position: relative; font-size: var(--font-size__18);font-weight: var(--font-weight__b);cursor: pointer;}
.home-faq .list .item .name::before{content: "";display: block;width: 0.15rem;height: 0.1rem;background: url(../images/select.svg) var(--background-contain); border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(90deg); transition: var(--transition);}
.home-faq .list .item.active .name::before{transform: translateY(-50%) rotate(0deg);}
.home-faq .list .item p{margin: 0;}
.home-faq .list .item.active{z-index: 10;}
.home-faq .list .item-txt{background-color: var(--white-color);color: var(--text-color);line-height: calc(30 / 16); display: none;}
.home-faq .all-more a.icon-before::after{margin-right: 1em; width: 0.21rem; height: 0.21rem;background-image: url(../images/faq.svg); }
@media (min-width:1025px) {
   .home-faq .list .item-txt{position: absolute;left: -0.1rem;width: calc(100% + 0.2rem);padding: 0 0.1rem 0.1rem;top: calc(100% - 1px);height: calc(var(--height) * 2); overflow: auto;}
}
@media (max-width:1024px) {
   .home-faq .list .item{width: 100%;}
}

.page-ban{position: relative;z-index: 1;}
.page-ban .txt{position: absolute;z-index: 2;left: 0;width: 100%; height: 100%; color: var(--white-color); top: 0;padding-top: var(--header-height); padding-bottom: calc(var(--same-section__1__mt) * -1);}
.page-ban .tit{font-size: var(--font-size__52);font-weight: var(--font-weight__m);}
@media (max-width:768px) {
   .page-ban img{height: 60vw;}
   .page-ban .tit{font-size: var(--font-size__32);}
}

[class*=same-section__] .Current{position: absolute; left: 0;top: 0.3rem;width: 100%;z-index: 10;}
.Current{color: var(--primary-color);}
.Current .container{padding-left:0.25rem;background: url(../images/home.svg) no-repeat left center;background-size: auto 0.16rem;}
.Current a:not(:hover){color: var(--text-color);}
.Current a{padding-right: 1em; background: url(../images/home-a.svg) no-repeat right center;background-size: auto 0.09rem;margin-right: 0.09rem;}

.about-intro .pic{margin-top: var(--padding-margin__70);}
.about-intro .pic img{--img:url(../images/full-img-mask.svg);}
@media (min-width:1025px) {
   .about-intro .right{width: calc(800 / var(--max-width) * 100%);}
}

.list-rows > *{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));}

.service-comment-list li{--limr:0.27rem; position: relative; padding: 0.6rem 0;}
.service-comment-list li [class*="mask-"]{position: absolute; left: 0; width: 100%; z-index: 1; background: rgba(246, 240, 240, 1);--img:url(../images/list-con-mask.svg);z-index: -1;}
.service-comment-list li .mask-top{height:0.6rem;top: 0; }
.service-comment-list li .mask-bottom{height:0.6rem;bottom: 0; }
.service-comment-list li .txt{background: rgba(246, 240, 240, 1); height: 100%; padding: 0 var(--padding-margin__40);}
.service-comment-list li .tit{font-size: var(--font-size__24); font-weight: var(--font-weight__b); margin-bottom: var(--padding-margin__20);color: var(--primary-color);}
.service-comment-list li .txt p{color: var(--text-color); line-height: calc(30 / 16);}
@media (max-width:480px) {
   .service-comment-list li{--limr:0rem;--lin:1;}
   .service-comment-list li:not(:last-child){margin-bottom: 0.2rem;}
}


.news-list li{--limr:0.27rem;--bgh:0.7rem; padding: var(--bgh) 0;}
.news-list li .bg{position: absolute; left: 50%;transform: translateX(-50%); top:0; width: calc(388 / 380 * 100%); bottom: 0; z-index: 1; background:url(../images/li-mask.png) no-repeat center center; background-size: 100% auto;}
.news-list li .bg:before,
.news-list li .bg:after{content: "";display: block;width: 100%; height: var(--bgh); position: absolute; left: 0;z-index: 1; background-repeat: no-repeat; background-image: url(../images/li-mask.png);background-size: 100% auto;}
.news-list li .bg:before{bottom: 100%; background-position: left top 0.1rem;}
.news-list li .bg:after{top: 100%; background-position: left bottom 0.1rem;}
.news-list li a{display: block; position: relative; z-index: 1; transition: var(--transition);}
.news-list li .inner{position: relative; z-index: 2; padding: 0 var(--padding-margin__40);}
.news-list li .cate span{display: inline-flex;align-items: center;border-radius: 0.15rem;border: solid 1px rgba(var(--black-color__rgb), 0.4);color: var(--text-color);padding: 0 0.2rem; line-height: calc(30 / 16); transition: var(--transition);}
.news-list li .cate span::before{content: "";display: block;width: 0.06rem;height: 0.06rem;background: var(--text-color); border-radius: 50%; margin-right: 0.12rem;transition: var(--transition);}
.news-list li .tit{margin-top: var(--padding-margin__20); font-size: var(--font-size__20); font-weight: var(--font-weight__m); margin-bottom: var(--padding-margin__30);line-height: 1.5; min-height: 3em;}
.news-list li .pic figure{padding-bottom: calc(200 / 300 * 100%);}
.news-list li .line{margin: var(--padding-margin__40) 0  var(--padding-margin__30);position: relative;height: 1px;background:rgba(var(--black-color__rgb), 0.1);}
.news-list li .line::before{content: "";display: block;width: 100%;height: 100%;background: var(--primary-color); position: absolute; left: 0; top: 0; transform: scaleX(0); transition: transform var(--transition); transform-origin: 100% 50%;}
.news-list li time{display: flex;justify-content: space-between; align-items: center; color: var(--text-color); }
.news-list li time:after{content: "";display: block;width: 0.11rem;height: 0.11rem;background: url(../images/more-gettop.svg) var(--background-contain); transform: rotate(-45deg); transition: var(--transition);}
@media (min-width:1025px) {
.news-list li a:hover{transform: translateY(-0.1rem);}
.news-list li a:hover .bg{width: calc(412 / 380 * 100%);}
.news-list li a:hover .bg,
.news-list li a:hover .bg:after,
.news-list li a:hover .bg:before{background-image: url(../images/li-mask-on.png);}
.news-list li a:hover .bg:after{ background-position: left bottom;}
.news-list li a:hover .bg:before{background-position: left top;}
.news-list li a:hover .cate span{background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}
.news-list li a:hover .cate span::before{background: var(--primary-color);}
.news-list li a:hover .line::before{transform: scaleX(1); transform-origin: 0 50%;}
.news-list li a:hover time:after{transform: rotate(0deg); background-image: url(../images/more-color.svg);}
}
@media  (min-width:481px) and (max-width:1024px) {
   .news-list li{--bgh:0.84rem;}
}
@media (max-width:480px) {
   .news-list li{--bgh:0.5rem;--limr: 0.15rem;}
}

.news-main{--max-width:1200;}
.news-main .page-ban .txt{position: relative; height: auto;}
.news-main .page-ban img{position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.news-title{max-width: 9.6rem;}
.news-title time{color: var(--primary-color);}
.news-title h1{color: var(--default-color); font-size: var(--font-size__40); line-height: calc(60 / 40);margin: 0.15rem 0 0 0; font-weight: var(--font-weight__r);}
.info-prev-next{border-top: 1px solid rgba(var(--black-color__rgb), 0.1); padding-top: 0.13rem;}
.info-prev-next .go{flex: 1; margin-right: 0.2rem;}
.info-prev-next .go a{display: block;}
.info-prev-next .go a:not(:hover){color: var(--text-color);}
.info-prev-next .go span{margin: 0.17rem 0;}
.info-prev-next .all-more{flex-shrink: 0;}
.info-prev-next .all-more a:after{background-image: url(../images/back.svg);width: 0.15rem; height: 0.13rem;margin-right: 0.1rem;}
@media  (min-width:769px){
.news-details{margin-top: -0.44rem;}
}
@media (min-width:1025px) {
   .news-main .page-ban .txt{min-height: 7.5rem; }
}
@media (max-width:1024px) {
   .news-title h1{font-size:var(--font-size__32);}
   .news-title{padding: var(--padding-margin__50) 0;}
}
@media (max-width:480px) {
   .news-title h1{font-size:var(--font-size__24);}
}

.contact-page{margin-top: var(--padding-margin__60);}
.contact-page li{--lin:3;--limr:0.37rem;position: relative; margin-bottom: var(--padding-margin__60);}
.contact-page li:before,
.contact-page li:after{position: absolute; content: '';left: 0; width: 100%;background-repeat: no-repeat; background-size: 99.9% auto; background-image: url(../images/item-mask.svg); height: 0.62rem;}
.contact-page li:before{bottom: 100%; background-position:  center top;}
.contact-page li:after{top: 100%; background-position:  center bottom;}
.contact-page li .inner{padding: 0 var(--padding-margin__40) 0 var(--padding-margin__50);background: url(../images/k-mid.svg) repeat-y center top;background-size: 99.9% auto;height: 100%;}
.contact-page li [class*=icon-]{display: block; width: 0.52rem; height: 0.52rem; background: var(--background-contain); position: absolute; top: -0.87rem;}
.contact-page li .icon-tel{background-image: url(../images/contact-tel.png);}
.contact-page li .icon-email{background-image: url(../images/contact-email.png);}
.contact-page li .icon-add{background-image: url(../images/contact-add.png);}
.contact-page li :where(h3,p){margin: 0;}
.contact-page li h3{padding: 0 0 0.25rem 0;font-weight: var(--font-weight__r);font-size: var(--font-size__32);}
.contact-page li p{font-size: var(--font-size__24);font-weight: var(--font-weight__b); line-height: 1.2;}
.contact-page li p.tel{font-size: var(--font-size__32);}
@media (min-width:1025px) {
   .contact-page li:not(:nth-child(3n)){margin-right: var(--limr);}
}
@media (max-width:1024px) {
   .contact-page li{--lin:1;--limr:0rem;}
}
@media(min-width:769px) and (max-width:1024px){
   .contact-page li{margin: 1.4rem 0;}
   .contact-page li:before, .contact-page li:after{height: 1.2rem;}
}
@media (max-width:768px) {
   .contact-page li{margin: 0.8rem 0;}
}

section[class*=-main] header{background: var(--primary-color);position: relative;}
.member-main footer{display: none;}

.login-main{position: fixed; top: var(--header-height); overflow: auto; bottom: 0; left: 0;width: 100%;}
.login-main > figure{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.login-wrap{--max-width:1162;padding: var(--padding-margin__40) 0; z-index: 3;position: relative;}
.login-wrap .poster .mask-center{--img:url(../images/login-img-mask.svg);}
.login-wrap .box.mask-center{--img:url(../images/login-con-mask.svg); background-color: var(--white-color);}
@media (min-width:1025px) {
.login-wrap{height: 100%;}
.login-wrap .box{flex: 1; min-height: calc(630 / 960 * 100vh);}
.login-wrap .poster,
.login-wrap .poster figure{height: 100%;}
}
@media (max-width:1024px) {
   .login-wrap .poster figure{padding-bottom: 50%;}
   .login-wrap .poster .mask-center,
   .login-wrap .box.mask-center{--img:none;}
   .login-wrap .box.mask-center{padding: var(--padding-margin__100) 0;}
}

.login-box{max-width: 4.6rem;width: 90%;}
.login-box h2{margin: 0 0 calc(53 / 36 * 1em) 0; font-size: var(--font-size__36); font-weight: var(--font-weight__m);color: var(--black-color); text-align: center;}
.login-box .tab{margin: 0 auto 0.46rem; max-width: 2.85rem; width: 90%;}
.login-box .tab li{border-bottom: 2px solid transparent; padding-bottom: 0.1rem; font-size: var(--font-size__18);color: var(--text-color);cursor: pointer;}
.login-box .tab li.active{color: var(--primary-color);border-bottom-color: var(--primary-color);}

.form-box a{color: var(--primary-color);cursor: pointer;}
.form-item-list .form-item{position: relative;}
.form-item-list .form-item:not(:last-child){margin-bottom: 0.2rem;}
.form-box .is-remember{height: 0.56rem; padding: 0 0.3rem;}
.form-box .input-text{background-color: #f6f0f0;border-radius: 0.06rem; height: 0.52rem;line-height: 0.52rem;padding: 0 0.25rem; }
.form-box .input-text:not(:focus){border-color: #f6f0f0;}
.form-box input:-webkit-autofill,
.form-box input:-webkit-autofill:hover,
.form-box input:-webkit-autofill:focus,
.form-box input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f6f0f0 inset !important;-webkit-text-fill-color: var(--black-color) !important; transition: background-color 5000s ease-in-out 0s;}
.form-box .see,
.form-box .getcode{position: absolute;right: 0;top: 0; height: 100%;z-index: 10;cursor: pointer; }
.form-box .getcode{background: none; border: 0;color: var(--primary-color); padding: 0 0.1rem; min-width:1.4rem;}
.form-box .getcode[disabled]{cursor: default;}
.form-box .see{background: url(../images/see.svg) var(--background-contain); width: 0.8rem; background-size: 0.2rem auto;}
.form-box .see.active{background-image: url(../images/see-no.svg);}
.form-box .form-button{line-height: 0.52rem;background-color: var(--primary-color); cursor: pointer;border-radius: 0.06rem; color: var(--white-color); text-align: center; padding: 0;}
.form-item-list +  .form-button{margin-top:var(--padding-margin__30);}
.form-box .other{margin-top:var(--padding-margin__40);}
.checkbox{display: inline-flex;align-items: center;position: relative;color: var(--primary-color);}
.checkbox input[type="checkbox"]{position: absolute; left: 0;top: 0;opacity: 0;}
.checkbox i{width:1em; height: 1em; margin-right: 0.1rem;display: block; border: 1px solid rgba(var(--black-color__rgb), 0.1);border-radius: 0.03rem;}
.checkbox input[type="checkbox"]:checked + i{background: url(../images/checkbox.svg) no-repeat center center var(--primary-color); background-size: auto calc(11 / 16 * 100%); border-color: var(--primary-color);}

.workbench-main{--plr:var(--padding-margin__60)}
.workbench-main header .container{max-width: none;width: auto;padding: 0 var(--plr);}
.workbench-main footer{padding-top: var(--padding-margin__120);}
.workbench-main footer .mask-bottom{display: none;}

.workbench-container{background-color: #f7f5f5; min-height: calc(100vh - var(--header-height));}
.workbench-wrap{padding: 0.3rem var(--plr) var(--padding-margin__70);}
.workbench-wrap .Current{margin-bottom: 0.14rem;}
.workbench-wrap .Current .container{width: auto; max-width: none;}

.workbench-title{margin-bottom: var(--padding-margin__40); min-height: 0.6rem;}
.workbench-title .title-left h2{margin: 0;font-size: var(--font-size__28);display: flex; align-items: center;}
.workbench-title .title-left h2:before{content: "";display: block;width: 0.04rem;height: 1em;background: var(--primary-color);margin-right: 0.14rem;}

.side-menu{ background-color: #fff;}
.side-menu-header{height:1.06rem; display: flex; align-items: center; padding:0 0 0 var(--plr); font-size: var(--font-size__20); font-weight: var(--font-weight__b);}
.side-menu-list{position: sticky;top: 0;}
.side-menu-list li a{display: flex; align-items: center; padding: 0 var(--plr);line-height: 0.7rem; color: var(--text-color);}
.side-menu-list li a:hover,
.side-menu-list li.aon a{color: var(--primary-color); background: rgba(var(--primary-color__rgb), 0.1);}

.side-menu-list li [class*="icon-"]{width: 0.38rem;height: 0.24rem; background: no-repeat left center; background-size: contain;}
.side-menu-list li [class*="icon-1"]{background-image: url(../images/workbench/icon-1.svg);height: 0.26rem; }
.side-menu-list li [class*="icon-2"]{background-image: url(../images/workbench/icon-2.svg);height: 0.21rem;}
.side-menu-list li [class*="icon-3"]{background-image: url(../images/workbench/icon-3.svg);}
.side-menu-list li [class*="icon-4"]{background-image: url(../images/workbench/icon-4.svg);}

.side-menu-list li a:hover [class*="icon-1"],
.side-menu-list li.aon [class*="icon-1"]{background-image: url(../images/workbench/icon-1-on.svg);}
.side-menu-list li a:hover [class*="icon-2"],
.side-menu-list li.aon [class*="icon-2"]{background-image: url(../images/workbench/icon-2-on.svg);}
.side-menu-list li a:hover [class*="icon-3"],
.side-menu-list li.aon [class*="icon-3"]{background-image: url(../images/workbench/icon-3-on.svg);}
.side-menu-list li a:hover [class*="icon-4"],
.side-menu-list li.aon [class*="icon-4"]{background-image: url(../images/workbench/icon-4-on.svg);}
@media (min-width:769px) {
   .side-menu-list li a{ font-size: var(--font-size__18); }
}
@media (min-width:1025px) {
.side-menu{flex: 1;}
.side-menu-list li{padding-bottom: 1px;}
.workbench-wrap{width:calc(1590 / 1920 * 100vw);flex-shrink: 0;}
}
@media (max-width:1024px) {
   .side-menu-list ul{display: flex;align-items: center;justify-content: space-between;}
   .side-menu-list li{flex: 1;}
   .side-menu-list li a{display: flex;justify-content: center;padding: 0;}
   .side-menu-header{padding: 0;justify-content: center; height: var(--padding-margin__100);border-bottom: 1px solid #f7f5f5;}
}
@media (max-width:480px) {
   .side-menu-list li [class*="icon-"]{width: 0.24rem;height: 0.18rem; }
   .side-menu-list li [class*="icon-1"]{height: 0.22rem;}
   .side-menu-list li [class*="icon-2"]{height: 0.16rem;}
}

.filter-main{margin-bottom: 0.2rem;}
.filter-main .layui-input{background: none; border-color: rgba(var(--black-color__rgb), 0.1);}
.filter-main .filter-search{flex: 1;position: relative;}
.filter-main .filter-search .btn-search{position: absolute; right: 0; top: 0; width: 0.56rem; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.2rem;z-index: 10;cursor: pointer;}
.filter-main .filter-name{flex-shrink: 0; margin-right: 0.2rem;color: var(--text-color);}
.filter-main .filter-name + .filter-search{max-width: 6rem;}
@media (min-width:1025px) {
.filter-main .filter-list{width: calc(820 / (var(--max-width) - 120) * 100%);flex-shrink: 0;}
.filter-main .filter-list .filter-item{flex: 1;margin-right: 0.1rem;}
}
@media (min-width:1025px) and (max-width:1600px) {
   .filter-main .filter-list{width: calc(980 / (var(--max-width) - 120) * 100%);}
}
@media (max-width:1024px) {
   .filter-main .filter-list{flex-wrap: wrap;}
   .filter-main .filter-list .filter-item{margin-bottom: 0.1rem;}
}
@media (min-width:481px) and (max-width:1024px) {
   .filter-main .filter-list .filter-item{width: calc((100% - 0.1rem * 2) / 3); }
   .filter-main .filter-list .filter-item:not(:nth-child(3n)){margin-right: 0.1rem;}
}
@media (max-width:480px) {
   .filter-main .filter-list{flex-wrap: wrap;}
   .filter-main .filter-list .filter-item{width: calc((100% - 0.1rem) / 2); }
   .filter-main .filter-list .filter-item:not(:nth-child(2n)){margin-right: 0.1rem;}
}

.workbench-form .form-item{margin-bottom: 0.2rem;}
.workbench-form .err{color: red;}
.workbench-form .form-item > label{display: block; font-size: var(--font-size__18); margin-bottom: 0.14rem;}
.workbench-form-btn{margin-top: 0.35rem;}
.workbench-form-btn .layui-btn{font-size: var(--font-size__20);border-radius: 0.05rem; min-width: 1.6rem;height: 0.5rem;line-height: 0.5rem;}
.workbench-form-btn .layui-btn-primary{background-color: #e6e6e6;border: 0;}
.workbench-form .layui-input{height: 0.6rem; line-height: 0.6rem; border-color: #e5e5e5;}
.workbench-form .layui-input-suffix{padding: 0;width: 0.58rem;display: flex;align-items: center;justify-content: center;}
.workbench-form .layui-input-suffix .layui-icon-date{width: 0.18rem; height: 0.18rem;background: url(../images/workbench/date.svg) var(--background-contain);}
.workbench-form .layui-input-suffix .layui-icon-date:before{display: none;}
@media (min-width:1025px) {
   .workbench-form .form-item{width: calc((100% - 0.2rem) / 2);}
}

.form-upload{border-radius: 0.05rem; background-color: #ffffff;border-radius: 5px;border: solid 1px #e5e5e5;height: 0.6rem; display: flex; align-items: center;justify-content: space-between;padding: 0 8px 0 15px;}
.form-upload .upload-btn{display:flex; align-items: center;justify-content: center; width: 1rem; height:0.44rem; background: var(--primary-color);border-radius: 0.05rem;color: var(--white-color);flex-shrink: 0;cursor: pointer; margin-left: 0.25rem;}
.form-upload .upload-btn::after{content: "";display: block;width: 0.18rem;height: 0.16rem;background: url(../images/workbench/files.svg) var(--background-contain); margin-left: 0.12rem;}
.form-upload .before{flex: 1; color: var(--text-color);}
.form-upload .after{flex: 1;}
.form-upload .after .name{flex: 1;display: flex;align-items: center;}
.form-upload .after .name:before{content: "";display: block;width: 0.36rem;height: 0.36rem;background: url(../images/workbench/files-dark.svg) no-repeat center center #f0f0f0;background-size: auto 0.16rem; margin-right: 0.12rem; border-radius: 0.05rem;}
.form-upload .after .right{display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.form-upload .after .close{display: block;width: 10px;height: 10px;background: url(../images/workbench/close.svg) var(--background-contain);margin-left: 0.12rem;cursor: pointer;}
.form-upload .after .size{font-size: var(--font-size__14);color: #999;}

.popup-login-out{position: fixed; top: 0; left: -100%;opacity: 0;visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}
.popup-login-out.show{left: 0;opacity: 1;visibility: visible;}
.popup-login-out .inner{min-width: 4.6rem; background-color: #fff;  padding: 0.5rem 0.3rem 0.3rem; max-width: 90%;text-align: center;}
.popup-login-out .title{font-size: var(--font-size__32); color: var(--black-color);}
.popup-login-out .content{color: var(--text-color); margin: 0.35rem 0 0.4rem 0;}

.popup-feedback{position: fixed; top: 0; left: -100%;opacity: 0;visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}
.popup-feedback.show{left: 0;opacity: 1;visibility: visible;}
.popup-feedback .inner{min-width: 4.6rem; background-color: #fff;  padding: 0.5rem 0.3rem 0.3rem; max-width: 90%;text-align: center;}
.popup-feedback .title{font-size: var(--font-size__32); color: var(--black-color); margin-bottom: 0.2rem;}

.table-main [class*=table-btn]{height: 0.3rem;border-radius: 5px;color: var(--primary-color);display: inline-flex;align-items: center;justify-content: center;padding: 0 0.11rem; border: 0;cursor: pointer; background: none;}
.table-main .table-btn-icon:before{content: "";display: block;width: 0.18rem;height: 0.14rem;background: url(../images/workbench/view.svg) var(--background-contain); margin-right: 0.09rem;}
.table-main .table-btn-icon{background-color: #f6f0f0;}
.table-main .table-btn-icon:hover{background-color:var(--primary-color);color: var(--white-color);}
.table-main .table-btn-icon:hover:before{filter: brightness(0) invert(1);}
.table-main .table-btn-icon.btn-upload{background-color: var(--primary-color);color: var(--white-color);}
.table-main .table-btn-icon.btn-upload:before{filter: brightness(0) invert(1); width: 0.15rem;background-image: url(../images/workbench/upload.svg);}
.table-main .table-btn-full{border: 1px solid var(--primary-color);color: var(--primary-color);}
.table-main .table-btn-full:hover{background-color: var(--primary-color);color: var(--white-color);}
.table-main .text-line{text-decoration: underline;color: var(--primary-color);}
.table-main .table-name{padding-left: 10px;}
.table-main .table-btn-full.disabled{background-color: #f0f0f0; color: #999999;cursor: default;  border-color: #f0f0f0;opacity: 1;}

.new-table-page{background-color: var(--white-color);padding: 0.4rem 0 0.48rem 0;display: flex;justify-content: center; border-top: 1px solid #eee;}
.new-table-page .icon-prev,
.new-table-page .icon-next{display: block;width: 0.11rem;height: 0.16rem;background: var(--background-contain)}
.new-table-page .icon-prev{background-image: url(../images/page/prev.svg);}
.new-table-page .icon-next{background-image: url(../images/page/next.svg);}
.new-table-page .layui-laypage a,
.new-table-page .layui-laypage span{width: 0.4rem;height: 0.4rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0;margin: 0 0.1rem;font-size: var(--font-size__18);}
.new-table-page .layui-laypage{display: flex;align-items: center;justify-content: center;margin: 0;}
.new-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{border-radius: 50%;}
.new-table-page .layui-laypage-prev,
.new-table-page .layui-laypage-next{border: 0;}

.search-result li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1); line-height: 0.6rem;position: relative;padding-left: 0.2rem;}
.search-result li:before{content: "";display: block;width: 0.04rem;height: 0.04rem;background: var(--primary-color);position: absolute; left: 0; top: 0.25rem;}
.search-result li time{float: right;color: var(--text-color); margin-left: 0.1rem;}
.search-result li h3{margin: 0;font-size: var(--font-size__18);}
.search-result li a:not(:hover){color: var(--black-color);}