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

body {font-family: 'hmr';font-weight: normal;--hover-color:#008c8c;--white:#fff;--black: #111;--grey:#333;--grey2:#666;--grey3:#999;--rgb-white:255,255,255;--rgb-black:25,25,25;font-size: var(--font-size16);--rgb-hover:0,140,140;--radius: .1rem;}

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

h1,h2,h3,p{margin: 0;}

/*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.2rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size40);color: var(--black);font-weight: 500;}
.Hometitle::after{display:block; content: '';width:0.6rem;height:0.03rem;background-color:var(--hover-color);margin: 0.16rem 0 auto; display: none;}
.Hometitle.white .cn {color: #fff;}
.Hometitle.center{ text-align: center;}
.Hometitle.center::after{margin: 0.15rem auto 0;}
.Hometitle.white:after{ background: #fff;}

.Homemore a{display: flex;align-items: center;width: 1.6rem;height: .55rem;border-radius: 0; border: 0.02rem solid var(--hover-color);  color:var(--hover-color);justify-content: center;transition: .3s all}
.Homemore a::after{content: '';width: 0.2rem;height: 0.2rem;transform: rotate(-45deg);margin-left: 0.12rem;background:url(../images/more.svg) no-repeat center;transition: .3s;background-size: auto 0.14rem;}
.Homemore a:hover{background: var(--hover-color); border-color: var(--hover-color); color: var(--white);}
.Homemore a:hover::after{ background-image: url(../images/more-w.svg);}

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

@media(max-width: 1024px) {
.Hometitle .cn {font-size: var(--font-size36);}
.Hometitle .en {font-size: var(--font-size18);}
.Homemore a{width: 1.5rem; height: .5rem;}
}

/*Floor003155 */

.Floor003155 .section {overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center}
.Floor003155 .section2  {background-size: contain; background-position: right center; background-repeat: no-repeat;}

@media (max-width:1200px) {
.Floor003155 .fp-section.fp-table, 
.Floor003155 .fp-tableCell { height: auto!important; }
}

.Floor003155 .fp-menu { position: fixed; z-index: 110; left: 0.3rem; top: 50%; transform: translateY(-50%); }
.Floor003155 .fp-menu li { position: relative; padding: 0.1rem 0; width: 0.16rem; }
.Floor003155 .fp-menu li a { display: block; width: 0.1rem; height: 0.1rem; background-color: rgba(255,255,255,0.3); border-radius: 50%; margin: 0 auto; transition: 0.3s; }
.Floor003155 .fp-menu li span { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); font-size: 0.875em; color: #fff; margin-left: 0.625em; line-height: 1.2; visibility: hidden; }
.Floor003155 .fp-menu li:nth-child(1) span { transform: rotate(90deg); transform-origin: top; }
.Floor003155 .fp-menu li.active span { visibility: initial; display: none; }
.Floor003155 .fp-menu li.active a {  background-color: var(--hover-color);}
.Floor003155 .fp-menu[type='white'] li a { background-color: #ccc; }
.Floor003155 .fp-menu[type='white'] li.active a {background-color: var(--hover-color); }

.Floor003155 .mouse { position: fixed; z-index: 110; left: 0.3rem; bottom:0.5rem;/* padding: 0 0.3rem; */text-align: center;  }
.Floor003155 .mouse p { margin: 0; width: 0.16rem; display: block; text-align: center; color: var(--white); font-size: var(--font-size16);line-height: 1.2; }
.Floor003155 .mouse i { display: block; margin: 0 auto 0.08rem; width: 0.16rem; height: 0.24rem; border: 2px solid var(--white); border-radius: 0.25rem; position: relative; }
.Floor003155 .mouse i:before { position: absolute; content: ''; width: 2px; height: 0.06rem; left: 50%; margin-left: -1px; bottom: 0.05rem; background-color: var(--white); animation: Floor003155_mouse 1s linear infinite both alternate; }
@keyframes Floor003155_mouse {
 0% {
transform: translateY(-10px);
}
 100% {
transform: translateY(0);
}
}
.Floor003155 .mouse[type='dark'] p { color: var(--black); }
.Floor003155 .mouse[type='dark'] i { border-color: var(--black); }
.Floor003155 .mouse[type='dark'] i:before { background-color: var(--black); }

@media (max-width:1200px) {
.Floor003155 .fp-menu { display: none; }
}
@media(max-width:1024px){
    .Floor003155 .mouse {display: none}
}

/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;transition: background-color 0.3s,transform 1s;backdrop-filter: blur(10px); background: #fff;}
.Top003156 .auto { z-index: 3; }
.Top003156 header { display: flex;justify-content: space-between;align-items: center }
.Top003156 .logo { display: table; }
.Top003156 .logo a { display: table-cell; vertical-align: middle; }
.Top003156 .top-right { 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-white), 0.3); transform: translateY(-50%);}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang_white.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: #fff;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.08rem;height: 0.08rem;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 0;top: 50%;margin-top: -0.02rem;}
.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 .top-right .group{position: relative;z-index: 100; }
.Top003156 .top-right .group .txt-but{background: var(--hover-color);border-radius: 0.5rem;padding:0.1rem 0.15rem;}
.Top003156 .top-right .group .icon{ display:block;background: url(../images/lang_white.svg) no-repeat left center;  padding:0rem 0.18rem 0rem 0.26rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.2rem; color: #fff; }
.Top003156 .top-right .group .icon:after {position: absolute;width:0.08rem;height: 0.08rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 0;top: 50%;margin-top: -0.06rem;}
.Top003156 .top-right .group .group_box{position: absolute; left: 0%; width: 100%; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 0.1rem 0;display: none;}
.Top003156 .top-right .group .group_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 menu li .sub dl dt {margin-bottom: .15rem}
.Top003156 menu li .sub dl dt img{max-height: .35rem;max-width: .35rem}

.Top003156.hover::after,
.Top003156.fixed::after{background-image: none;}

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

.Top003156.hover .logo .white,
.Top003156.fixed .logo .white{display: none;}

.Top003156.hover .logo .red,
.Top003156.fixed .logo .red{display: block;}

.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: var(--black);}

.Top003156.hover menu li span a:hover, 
.Top003156.fixed menu li span a:hover, 
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li.aon span a { color: var(--hover-color); }

.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{ background-color: var(--hover-color);}

.Top003156.hover,
.Top003156.fixed{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;}

.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{background-color: var(--hover-color);}

.Top003156.hover menu li a:hover,
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li a:hover,
.Top003156.fixed menu li.aon span a{color: var(--hover-color);}

.Top003156.hover .top-right .lang .icon,
.Top003156.fixed .top-right .lang .icon{background-image:url(../images/lang.svg); color: #333;}

.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}

.Top003156.hover .top-right .lang::before,
.Top003156.fixed .top-right .lang::before{background: rgba(var(--rgb-black), 0.3);}

.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; }

.Top003156.hover .open-search.on:before, 
.Top003156.hover .open-search.on:after,
.Top003156.fixed .open-search.on:before, 
.Top003156.fixed .open-search.on:after { background-color: var(--hover-color); }


@media (min-width:1025px) {
.Top003156 header { }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .rr{display: flex;justify-content: space-between;align-items: center}
.Top003156 .top-right{margin-left: .5rem;}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(30 / 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.45rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:nth-child(2n){padding-left: 0.16rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%;border-radius: 0 0 5px 5px;left: 0!important; width: 100%;background: rgba(0,60,60,.56);padding: 0;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);margin-left: 0;z-index: 1000;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
.Top003156 menu li .sub dl{display: flex;justify-content: center;background: none;padding: .05rem;}
.Top003156 menu li .sub dl dt{margin: 0 .4rem}
.Top003156 menu li .sub dl dt a{color: #fff}
.Top003156 menu li .sub dl dt a .icon{transition: .3s all}
.Top003156 menu li .sub dl dt a:hover .icon{transform: translateY(-5px)}

.Top003156 menu li{position: inherit;}
.Top003156 menu li .icon-sub{}
.Top003156 menu li .sub{ display: block; opacity: 0; pointer-events: none;backface-visibility: hidden;transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transform: translate3d(0, -10px, 0);}
.Top003156 menu li .sub.show_sub{opacity: 1;backface-visibility: hidden; pointer-events: auto;transform: translate3d(0, 0px, 0);}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; padding: 0.24rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.5rem; }
.Top003156 menu li span a {   color: #333; font-size:var(--font-size18); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156.fixed menu li span:after{ display: none;}
.Top003156 .logo { max-width: 40%; height: 0.6rem; }
.Top003156 .logo img { max-height: 0.45rem; }
.Top003156 .top-right { height: 0.6rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.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: rgba(0,60,60,.56);}
.Top003156 menu li .sub dl dt a{color:#fff;display: flex; align-items: center;}
.Top003156 menu li .sub dl dt a .icon{ margin-right: 0.15rem;}
.Top003156 menu li .sub dl dt img{max-height: .3rem; max-width: .3rem;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}

}

.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 .tit {font-size: var(--font-size60);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;}
.Banner003223 .txt .desc{font-size: var(--font-size30); line-height: 1.6;}
.Banner003223 .txt .Homemore{margin-top:0.4rem;}

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

@media (min-width:1025px) {
.Banner003223 .wap{display: none;} 
.Banner003223 .text{width: 70%;}
.Banner003223 .txt.center .text{width: 100%;}
.Banner003223 .pc {object-fit: cover;height: 100vh;}
}
@media (max-width:1024px) {
.Banner003223 .pc{display: none;} 
.Banner003223 .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
.Banner003223 .txt .desc{font-size: var(--font-size16); line-height: 1.8;}
.Banner003223 .txt .Homemore{margin-top:0.2rem;}
.Banner003223 .txt img{width: 60%;}
}




.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li img{}
.HomeBan li video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%;object-fit: cover;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20; }
.HomeBan li .txt.center{text-align: center;}
.HomeBan li .txt .tit {font-size: var(--font-size48);line-height: 1.4;  margin-bottom: 0.2rem;font-weight: 500;}
.HomeBan li .txt .desc{font-size: var(--font-size22); line-height: 1.875;}
.HomeBan li .txt .Homemore{margin-top:0.4rem;}

.HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;}
.HomeBan .slick-dots li{margin:0 .12rem !important;width:0.14rem;height:0.14rem;background:var(--white); opacity:1;display: inline-block;border-radius: 0.5rem;}
.HomeBan .slick-dots li.slick-active{background:var(--hover-color);}
.HomeBan .slick-dots li button{display: none;}

@media (min-width:1025px) {
    .HomeBan .wap{display: none;} 
    .HomeBan .text{width: 70%;}
    .HomeBan li .txt.center .text{width: 100%;}
    .HomeBan .pc {object-fit: cover;height: 100vh;}
}
@media(max-width:1024px){
    .HomeBan .pc{display: none;} 
    .HomeBan li .txt img {max-width: 70%;}
    .HomeBan li .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
    .HomeBan li .txt .desc{font-size: var(--font-size16); line-height: 1.8;}
    .HomeBan li .txt .Homemore{margin-top:0.2rem;}
    .HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
    .HomeBan .slick-dots{bottom:0.2rem;}
    .HomeBan  li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
    .HomeBan  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center center;background-size: auto 0.5rem; z-index: 20;}
    .HomeBan  li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
    .HomeBan  li.video-show video{left: 50%; top: 50%; opacity: 1;}
}

.HomeAbout{padding:var(--padMar100) 0 0 0; overflow: hidden; position: relative;z-index: 10 }
.HomeAbout .left{background: rgba(255,255,255,.3);backdrop-filter: blur(8px);padding: .7rem;border-radius:0;}
.HomeAbout .edit_info{font-size: var(--font-size18); color: var(--black); line-height: 1.75;  font-weight: lighter;}
.HomeAbout .edit_info p{line-height: 1.4;}
.HomeAbout .right img{border-radius: var(--radius); }
.HomeAbout .Homemore{margin-top:0.4rem;}

#HomeAbout .bg{background-size: cover;background-position: center;background-repeat: no-repeat;}

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

.HomeAbout .number{ }
.HomeAbout .number ul {}
.HomeAbout .number li{position: relative; display: flex;align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #b1d9d3; padding-bottom: 0.24rem; margin-bottom: 0.24rem;}
.HomeAbout .number li .icon{width: 0.8rem;height: 0.8rem;border-radius: 50%;background:rgba(var(--rgb-hover),0.08);display: flex;justify-content: center;align-items: center;margin-right: 0.24rem;}
.HomeAbout .number li .icon img{max-width: 0.42rem;}
.HomeAbout .number li .Con{flex: 1;}
.HomeAbout .number li aside{display: inline-block;position: relative;line-height: 1;}
.HomeAbout .number li aside b{font-size: var(--font-size46);color: var(--hover-color);display: block;  font-weight: 500; }
.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-size18);margin-left: 0.1rem;color: var(--hover-color);}
.HomeAbout .number li p{font-size: var(--font-size16);color: var(--grey2); margin: 0;line-height: 1.2;margin-top:0.12rem; }

.HomeAbout .slogan {font-weight:normal;font-size: var(--font-size24);color: var(--hover-color); line-height: 1; margin: 0 0 .1rem 0;}


@media(min-width:1025px){
.HomeAbout .intro{ display: flex;  justify-content: space-between; }
.HomeAbout .left{width: 39%;} 
.HomeAbout .right{width: 58%;}
.HomeAbout .number{width:22%;}
#HomeAbout .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
}
@media(max-width:1024px){
.HomeAbout .Homemore{margin-top:0.24rem;}
.HomeAbout .left{ margin-bottom: 0.2rem;padding: 0rem}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.2rem;}
.HomeAbout .number li aside b{font-size: var(--font-size42);}
#HomeAbout .bg{width: 94%; margin: 0 auto;padding-bottom: 53%}
}


/*Floor003220 */
.Floor003220{padding: var(--padMar100) 0 0 0; overflow: hidden;}
.Floor003220 .Homemore{position: absolute;top: 50%;right: 0; transform: translateY(-50%);}
.Floor003220 .Hometit{text-align: center; }
.Floor003220 .Hometitle{margin-bottom: 0.4rem;}
.Floor003220 .swiper{overflow: hidden;}
.Floor003220 .swiper-wrapper{height: auto;}
.Floor003220 .swiper-slide {padding-top: 0.31rem}
.Floor003220 .swiper-slide a{display: block;background-color: #fff;padding: 0 0.2rem 0.2rem;border-radius:0;}
.Floor003220 .pic{overflow: hidden;border-radius:0;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-size20); margin-bottom: 0.1rem; color: var(--black); line-height:1.2; min-height: .48rem;}
.Floor003220 .swiper-slide .desc{color: var(--grey3); line-height:1.4; margin-bottom:0.15rem;}
.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.15rem}
.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-color)}
.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: 0.4rem; }
.Floor003220 .controls .pages{flex: 1;height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.Floor003220 .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Floor003220 .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius:0;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s;  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{padding: var(--padMar100) 0; }
    .Floor003220 .swiperCon{padding: 0  var(--padMar160)}
    .Floor003220 .swiperCon:before{width:var(--padMar160);}
    .Floor003220 .swiperCon:after{width:var(--padMar160);}
}


.HomeContact{padding: var(--padMar100) 0 0 0;}
.HomeContact .box{backdrop-filter: blur(6px);padding: .7rem;background: rgba(0,0,0,.1);border-radius:0}
.HomeContact .desc{ font-size:var(--font-size18);margin-bottom:0.1rem; color: var(--white); line-height: 1.4;}
.HomeContact .contact li{ display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0.2rem 0;  }
.HomeContact .contact li .icon{width: .5rem; height: .5rem; margin-right: 0.2rem; background:rgba(var(--rgb-white), 1); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.HomeContact .contact li .icon img{ max-width: 0.22rem; }
.HomeContact .contact li .ti1{font-size:var(--font-size16);margin-bottom:0.07rem; color: rgba(255, 255, 255, 0.85) ; font-weight: lighter; line-height: 1;}
.HomeContact .contact li .ti2{font-size:var(--font-size18); color: var(--white); line-height: 1.2;}


.HomeContact .form-ul{ }
.HomeContact .form-ul li{margin-bottom: 0.2rem;position: relative;}
.HomeContact .form-ul li .tit{position: absolute; left: 0.15rem; top: 0;font-size: var(--font-size16); font-weight: lighter; line-height:.5rem;color:var(--white);display: block; }
.HomeContact .form-ul li select,
.HomeContact .form-ul li .text{width: 100%;/* border-radius: 0.05rem; */border: none;font-size: var(--font-size16);line-height:.5rem;height:.5rem;background: transparent;color:var(--white);padding: 0 0.15rem;border-bottom: 1px solid #ffffff2e; font-family: 'hmr';}
.HomeContact .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.HomeContact .form-ul li option{background:var(--black); }
.HomeContact .form-ul li option:checked,.HomeContact .form-ul li option:hover{background: var(--hover-color) !important;; }
.HomeContact .btn{width: 1.6rem;background: var(--white);border-radius:0;font-size: var(--font-size18);height:0.5rem;color: var(--hover-color);cursor: pointer;border: 0; font-family: 'hmr';}
.HomeContact .btn:hover{background: var(--hover-color);color: var(--white);}
.HomeContact .form-ul li.yzm{display: flex;align-items: center;position: relative;}
.HomeContact .form-ul li.yzm .imgcode{position: absolute;right: .1rem;top: 50%;transform: translateY(-50%);height: 0.5rem;}
.HomeContact .form-ul li.yzm .imgcode img{}

@media (min-width:1025px) {
    .HomeContact .box{ display: flex; justify-content: space-between;}
    .HomeContact .box .left{width: 35%;}
    .HomeContact .box .right{width: 50%;}

    .HomeContact .form-ul .row2 li{float: left;width: calc(50% - 0.15rem);}
    .HomeContact .form-ul .row2 li:nth-child(2n){float: right;}
    .HomeContact .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
    .HomeContact .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}

@media (max-width:1024px) {
    .HomeContact{padding: var(--padMar100) 0;}
    .HomeContact .box{padding: .5rem .3rem;}
    .HomeContact .box .left{ margin-bottom: 0.2rem;}
}



.HomePartner{padding:var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden; }
.HomePartner .info{ max-width: 14rem; margin: 0 auto; font-size: var(--font-size18); color: var(--grey);line-height: 1.4; margin-bottom: 0.4rem; }
.HomePartner .info p{ margin: 0; }
.HomePartner .info p span{font-size: var(--font-size24);color: var(--hover-color); font-weight: 500;}
.HomePartner .list .str_wrap{overflow: inherit}
.HomePartner .list ul .str_move{display: flex}
.HomePartner .list{position: relative;z-index: 1;}
.HomePartner .list:before,
.HomePartner .list:after{position: absolute;content: '';top: 0;height: 150%;width: 20%;z-index: 10;pointer-events: none;}
.HomePartner .list:before{left: 0;background: linear-gradient(to right, rgba(246,251,251,1) 0%, rgba(246,251,251,0) 100%);}
.HomePartner .list:after{right: 0;background: linear-gradient(to right, rgba(246,251,251,0) 0%, rgba(246,251,251,1) 100%);}
.HomePartner li {width: 2.5rem;padding: 0 0.1rem;}
.HomePartner li a {display: block;padding:0 0 .2rem 0;}
.HomePartner li .pic{display: flex;align-items: center; justify-content: center; height: 1.2rem; background-color:#fff;border-radius:0;box-shadow:0rem .04rem .1rem rgba(var(--rgb-black),0.1);}
.HomePartner li .pic img{max-width: 72% !important;max-height: 72%;}
@media (max-width:640px) {
.HomePartner .number li{ width:auto; margin:0 2%;}
.HomePartner li {width: 2.4rem;}
.HomePartner li .pic{height: 1rem;}
}

.HomeDashboard .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.HomeDashboard .list ul li{width: 48%;box-shadow: 0 0 .15rem rgba(0, 0, 0, .18);}
.HomeDashboard .list ul li a{display: block;}
.HomeDashboard .list ul li .img img{width: 100%;transition: all ease 0.3s;}
.HomeDashboard .list ul li .box{padding: .3rem;background-color: #fff;}
.HomeDashboard .list ul li .box .title{font-size: var(--font-size20);margin-bottom: 0.1rem;color: var(--black);}
.HomeDashboard .list ul li .box .text{color: var(--grey3);line-height: 1.4;}
@media (max-width:640px){
  .HomeDashboard .list ul li{width: 100%;margin-bottom: .2rem;}
}
/*Bottom002900 */
.Bottom002900{background: #191919;padding: var(--padMar100) 0 0 0; }
.Bottom002900,
.Bottom002900 a{color: rgba(255,255,255,.6);}

@media(min-width:1025px){
.Bottom002900 .contact{width: 26%;max-width: 4rem;}
.Bottom002900 .b_nav{max-width: 10rem;width: 66%;}
}

.Bottom002900 .b_nav nav{}
.Bottom002900 .b_nav nav dl{float: left; max-width: 1.8rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;}
.Bottom002900 .b_nav nav dt a{font-size: var(--font-size18); color: #fff; position: relative; line-height: 1;}
.Bottom002900 .b_nav nav dd{line-height:1;padding-bottom: .1rem;}
.Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);}
@media(max-width:1024px){
 .Bottom002900 .b_nav nav{display: none;}
}
.Bottom002900 .copyright{line-height: 2;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 0.24rem 0 ;margin-top: 0.3rem;font-size: var(--font-size14); }
.Bottom002900 .copyright .fr a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.4);margin: 0 0.15rem;vertical-align: middle;}

.Bottom002900 a:hover{color: #fff;opacity: 1!important;}
.Bottom002900 .logo img{max-height:0.6rem;}
.Bottom002900 .contact .hotline .tit{color: rgba(255, 255, 255, 0.8);display: flex;align-items: center;line-height: 1;}
.Bottom002900 .contact .hotline .tit::before{content: '';width:0.2rem;height: 0.2rem;  background: url(../images/Bottom-tel.svg) no-repeat left center; background-size: calc(20 / 16* 1em) auto;margin-right: 0.1rem}
.Bottom002900 .contact .num{font-size: var(--font-size38); font-weight: 500; margin-bottom: 0.18rem;line-height: 1;color: var(--hover-color);}
.Bottom002900 .contact .hotline p{display: flex;margin:0; line-height:1; background-size: 0.18rem auto; color: var(--white); opacity: 0.8; }
.Bottom002900 .contact .hotline p.add::before{content: '';width: .26rem;height: .22rem; background-image: url("../images/icon_add.svg");background-size: 0.18rem auto;background-position: left top;background-repeat: no-repeat;}
.Bottom002900 .contact .hotline p.email::before{content: '';width: .26rem;height: .22rem;background-image: url("../images/icon_email.svg");background-size: 0.18rem auto;background-position: left top;background-repeat: no-repeat;}
.Bottom002900 .contact .hotline p+p{margin-top:0.1rem;}

.Bottom002900 .code{ display: flex; align-items: center; margin-top: 0.3rem;}
.Bottom002900 .code .img {margin-right: 0.2rem;}
.Bottom002900 .code .img img{max-width: 1.2rem; border-radius: 0.05rem;}
.Bottom002900 .code p{margin:0; line-height: 1.3;}

.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom002900 .share li figure img{display: block;width: 100%;}
.Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.Bottom002900 .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom002900 .share li a{display: block;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.1); width: 0.45rem; height: 0.45rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom002900 .share li a:hover{background-color: var(--hover-color);}
@media(min-width:1025px){
.Bottom002900 .logo{ margin-bottom: 0.26rem;}
.Bottom002900 .contact .tit{padding-bottom: 0.1rem;}
.Bottom002900 .share{margin: 0.25rem 0 0 0;}
}
@media(min-width:1025px) and (max-width:1280px){
.Bottom002900 .share li:not(:last-child){margin-right: 2vw;}
}
@media(max-width:1024px){
    .Bottom002900{text-align: center;}
    .Bottom002900 .logo{padding: 0 20% 3%;}
    .Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;}
    .Bottom002900 .contact .hotline p{justify-content: center}
    .Bottom002900 .code{ justify-content: center;}
    .Bottom002900 .share ul{margin: 0 auto;display: table;}
    .Bottom002900 .share li figure{left: 50%; margin-left: -60px;}
    .Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;}
}


/*Floor003225 */
.HomeBus{position:relative;z-index:1;overflow:hidden;}
.HomeBus .items li{flex:1;display:flex;align-items:flex-end;transition:0.3s;position:relative;z-index:1}
.HomeBus .items li::before{position:absolute;content:'';left:0;bottom:0;width:100%;background:linear-gradient(to bottom,rgba(47,199,116,0.1) 0%,rgba(25, 129, 128, 0.9) 100%);height:0;transition:0.3s;z-index:-1}
.HomeBus .items li .txt{padding: .5rem 1.4vw .7rem 1.4vw;color:#fff;position: relative;width: 100%}

.HomeBus .items li .txt h3{font-size:var(--font-size26);font-weight:500;margin:0 0 0.3rem 0;text-align: center;position: relative;}
.HomeBus .items li .txt h3::after{display:block;content:'';width:0.26rem;height:0.03rem;background-color:var(--hover-color);position: absolute;left: 50%;transform: translateX(-50%);bottom: -50%;}
.HomeBus .items li .info{height:0;overflow:hidden;opacity:0;transition:height 0.5s;text-align: center;}
.HomeBus .items li .info dd{line-height:1.66666667;font-size:var(--font-size18);padding-left:0.13rem;position:relative;z-index:1}
.HomeBus .items li .info dd::before{position:absolute;content:'';width:0.04rem;height:0.04rem;background-color:#fff;left:0;top:0.8em;border-radius:50%}
.HomeBus .items li .info p{margin:0;font-size: var(--font-size16);}
.HomeBus .items li .more a{display:inline-flex;-ms-flex-align:center;align-items:center;color:#fff;transition:0.3s;position:relative}
.HomeBus .items li .more a::before{position:absolute;content:'';width:0;height:0;transition:0.3s;border-radius:0.46rem;background-color:var(--hover-color);right:0.03rem;top:0.03rem}
.HomeBus .items li .more a:after{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/HomeBus-more.svg);background-size:auto 0.11rem;margin-left:0.2rem;width:0.11rem;height:0.11rem;transition:0.3s;position:relative;z-index:3}
.HomeBus .items li .more a span{position:relative;display:block;z-index:3}
@media (min-width:641px) {
.HomeBus .swiper-wrapper{height: auto;}
.HomeBus .items{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10; display:flex;justify-content:space-between}
.HomeBus .items li{border-right:1px solid rgba(255,255,255,0.12);}
}
@media (min-width:1025px) {
.HomeBus .items li .txt:before{content: '';position: absolute;width: 100%;height:95%;left: 0;bottom: 0;background: rgba(0,0,0,.25);backdrop-filter: blur(8px);}
.HomeBus .items li:hover::before{height:25%}
.HomeBus .items li:hover .info{height:auto;opacity:1;margin-top: 0.2rem;}
.HomeBus .items li:hover .more{margin-top:0.2rem}
.HomeBus .items li:hover .more a{border:solid 1px var(--hover-color);padding:0.03rem 0.03rem 0.03rem 0.27rem;border-radius:0.52rem;color:#333;background-color:#fff}
.HomeBus .items li:hover .more a::before{width:0.46rem;height:0.46rem}
.HomeBus .items li:hover .more a:after{width:0.46rem;height:0.46rem;background-size:auto 0.13rem}
.HomeBus .items li:hover .more a:hover::before{width:calc(100% - 0.06rem)}
.HomeBus .items li:hover .more a:hover span{color:#fff}
.HomeBus .items li:hover .txt:before{opacity: 0}
.HomeBus .items li .bg{display: none}
}
@media (max-width:1024px) {
.HomeBus{padding: var(--padMar100) 0; }
.HomeBus .swiper{display: none;}
.HomeBus .items li{position: relative;}
.HomeBus .items li .txt{padding: .5rem .3rem;position: relative;z-index: 10;}
.HomeBus .items li .txt h3{font-size: var(--font-size24);}
.HomeBus .items li .info{height: auto;opacity: 1}
.HomeBus .items li .bg{position: absolute;height: 100%;width: 100%;left: 0;top: 0;background-size: cover;background-position: center;background-repeat: no-repeat}
}
@media (max-width:640px) {
.HomeBus .swiper{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.HomeBus .items{position: relative;z-index: 3;}
.HomeBus .swiper-slide img{max-width: none;height: 100%;width: auto;}
.HomeBus .items li{border-bottom:1px solid rgba(255,255,255,0.12);}
}


.HomeBus li .desc{font-size: var(--font-size16);color:var(--white);line-height: 1.6;opacity: 0.8;}
.HomeBus li .more{ display: block; width:.5rem; height: .5rem; background:url(../images/more.svg) no-repeat center var(--white); background-size:auto .14rem; margin:.2rem auto 0; border-radius: 50%;transform: rotate(-45deg); transition:0.3s;}





.cbanner{position: relative;background:#000 }
.cbanner figure{height: 6.5rem;}
.cbanner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.cbanner .txt .tit{font-size: var(--font-size50);color: #fff;font-family: 'hmb';text-align: center}
.cbanner .txt .desc{font-size: var(--font-size18);color: #fff;}
@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);}
}



.cmenu{border-bottom: 1px solid #ebebeb}
.cmenu .nav li:not(:last-child){margin-right: calc(50 / 1920 * 100vw)}
.cmenu .nav li a{display: block;line-height: .8rem;font-size: var(--font-size18);position: relative;color: #000}
.cmenu .nav li a::after{content: '';position: absolute;width: 100%;height: 2px;background:var(--hover-color);left: 0;bottom: -1px;opacity: 0; }
.cmenu .nav li:hover a,
.cmenu .nav li.aon a{color: var(--hover-color); }
.cmenu .nav li:hover a,
.cmenu .nav li.aon a::after{opacity: 1; }

.cmenu .location{font-size: var(--font-size14);padding-left: .24rem;background: url(../images/icon-home.svg)no-repeat center left;background-size: .16rem auto;line-height: .8rem;}
.cmenu .location a{color: #000;opacity: .5;}
.cmenu .location a:hover{;opacity: 1;color: var(--hover-color);}
.cmenu .location span{color: var(--hover-color);}
.cmenu .location i{margin: 0 .07rem 0 .05rem;color: #000;opacity: .5;}

@media (max-width:1024px) {
.cmenu .location{display: none;}  
.cmenu .nav{ display: block;}
.cmenu .nav li{ float: left;}
.cmenu .nav li:not(:last-child){margin-right: calc(70 / 1920 * 100vw)}
.cmenu .nav li a{line-height: 0.7rem;} 
}


.column_tit{padding-bottom: .2rem;font-size: var(--font-size40);color: #000;font-family: 'hmb';position: relative; line-height: 1;}
.column_tit.tc{text-align: center}
.column_tit span{color: var(--hover-color);}
/* .column_tit span::before{content: '';position: absolute;width: .16rem;height: .16rem;background: var(--hover-color);border-radius: 3px;top: .05rem;right: -.3rem;} */


@media (max-width:1024px) {
.column_tit{font-size: var(--font-size32);}
}

.About{}
.About .con1{padding:.6rem 0;border-bottom: 1px solid #ebebeb}
.About .con1 .desc{font-size: var(--font-size18);color:var(--black);text-align: left;line-height: 1.4; }

.About .con2{padding:.6rem 0;}
.About .con2 .autoCon-1440{position:relative;}
.About .con2 .autoCon-1440::before{content: '';position: absolute;width: 1px;height: 100%;border-left: 1px dashed #ddd;left: 0;top: 0;z-index: 1;left: .3rem;display: none;}
.About .con2 .item{position: relative;z-index: 10;display: flex;align-items: center;flex-wrap: wrap;}
.About .con2 .item{margin-bottom: .3rem;border: 1px solid #eee;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
.About .con2 .icon{width: .6rem;height: .6rem;background: #e9f9f9;flex: 0 0 auto;display: flex;justify-content: center;align-items: center;margin-bottom: 0.2rem;}
.About .con2 .icon img{max-height: .35rem}
.About .con2 .txt{padding-left: .4rem}
.About .con2 .txt .tit{font-size: var(--font-size30);color:var(--black);padding-top:0;padding-bottom: .1rem}
.About .con2 .txt .desc{line-height:1.4;font-size: var(--font-size18);color:var(--black);}
.About .con2 .right{width: 100%; }
.About .con2 .right .Ispic{width: 100%;padding-bottom: 52.78%;background-size: cover;background-position: center;background-repeat: no-repeat;}


@media(min-width:1025px){
.About .con1 .desc{width:85%;margin: 0 auto}
.About .con2 .item .left{width: 50%;padding-right: 8%;display: flex;align-items: center;}
.About .con2 .item .right{width: 50%;}
}


@media(max-width:1024px){
.About .con2 .item{margin-bottom: .2rem;}
.About .con2 .item .left{width: 100%;margin-bottom: .2rem;}
.About .con2 .item .right{width: 100%;}
.About .con2 .txt{ padding: 0.2rem 0.24rem;}
.About .con2 .txt .tit{font-size: var(--font-size24);} 
}

.About .con3{padding-bottom: 0.6rem;}
.About .con3 .desc{line-height:1.4;color:var(--black);}



.Organization{padding:.6rem 0;}
.Organization .column_tit{padding-bottom: .3rem;}



.History{padding: 1rem 0;}
.History .tip{font-size: var(--font-size18);line-height: 1.75;color: #000;text-align: center}

.History .list{position: relative;margin-top: 1rem}
.History .list::before{content: '';position: absolute;width: 3px;height: 100%;background: var(--hover-color);left: 50%;top: 0;margin-left: -.015rem;z-index: 1}
.History .list .item{position: relative;z-index: 10;padding-bottom: .3rem}
.History .list .item .title{position: relative;}
.History .list .item .title::before{position: absolute;content: '';width: .2rem;height: .2rem;border-radius: 4px;background: var(--hover-color);left: -1.1rem;top: .3rem;z-index: 3}
.History .list .item .title::after{position: absolute;content: '';width: .8rem;height: .8rem;background: #fff;left: -1.4rem;top: 0;z-index: 2}
.History .list .item .desc{line-height: 1.75;color: #000;padding-bottom: .2rem;}
.History .list .item .it1{font-size: var(--font-size20);color:var(--hover-color);}
.History .list .item .it2{font-size: var(--font-size30);color:var(--hover-color);font-family: 'hmb';padding-bottom: .3rem}
.History .list .item dl{background: #fafafa;padding: .5rem}
.History .list .item dd{padding-left: .2rem;position: relative;line-height: 1.75}
.History .list .item dd:not(:last-child){margin-bottom: .2rem}
.History .list .item dd::before{content: '';position: absolute;width: .07rem;height: .07rem;background: var(--hover-color);border-radius: 50%;left: 0;top: .1rem}

@media(min-width:1025px){
.History .tip{width: 70%;margin: 0 auto}
.History .list .item{display: flex;justify-content: flex-end}
.History .list .item:nth-child(2n){justify-content: flex-start}
.History .list .item .con{width: 50%;padding-left: 1rem}
.History .list .item:nth-child(2n) .con{padding-left: 0;padding-right: 1rem;}
.History .list .item:nth-child(2n) .title{text-align: right}
.History .list .item:nth-child(2n) .title::before{right: -1.1rem;left: auto}
.History .list .item:nth-child(2n) .title::after{right: -1.4rem;left: auto}
.History .list .item:nth-child(2n) .desc{text-align: right;}
}





.Culture{padding: .6rem 0;}
.Culture .column_tit{padding-bottom:0.3rem;}
.Culture .con{position: relative;}
.Culture .con .tit{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;text-align: center}
.Culture .con .tit .cn{font-size: var(--font-size60);color: #fff;font-family: 'hmb';}
.Culture .con .tit .en{font-size: var(--font-size19);color: #fff;font-family: 'hml'}
.Culture .con .bg{padding-bottom: 41.667%;position: relative;border-radius:0;overflow: hidden}
.Culture .con .bg::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #003434;opacity: .3;}

@media(max-width:1024px){
.Culture .con .tit{width: 92%;}
.Culture .con .tit .cn{font-size: var(--font-size36);}
.Culture .con .tit .en{font-size: var(--font-size16);}
.Culture .con .bg{padding-bottom: 60.667%;}
}



.Honor{padding: 1rem 0;}
.Honor .column_tit{padding-bottom:0.8rem; line-height: 1;}
.Honor .list{position:relative;padding:0 8%;}
.Honor .list:before{width:100%;padding-bottom:11.360799%;background:url(../images/honor_desk@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:0;margin-top:12.0625%;}
.Honor ul{position:relative;z-index:5;width: calc(100% + .4rem);display: flex;flex-wrap: wrap}
.Honor .top{padding-bottom:97.46835443%;position:relative;margin-bottom:30.80168776%;}
.Honor .cert{cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;display: flex;justify-content: center;}
.Honor .figure{overflow: hidden;position: relative;background:url(../images/honor_frame_01.png) no-repeat center center;background-size:100% 100%;padding:0.11rem;}
.Honor .cert .figure:after{content:'';display:block;position:absolute;width:100%;padding-bottom:5.907173%;background:url(../images/honor_frame_shadow_01.png) no-repeat center top;background-size:100% auto;top:100%;left:0;}
.Honor .figure .img { max-height: 2rem}
.Honor .img{object-fit:contain;}
.Honor .name{line-height:1.5em;color: #000;text-align: center}
.Honor .long{background-image:url(../images/honor_frame_02.png);width:72.88135593%;}
.Honor .long:after{background-image:url(../images/honor_frame_shadow_02.png);padding-bottom:9.88372093%;margin-top:-0.01rem;}
.Honor .long .figure:after{padding-bottom:140.4109589%;}
@media(min-width:1025px){
    .Honor li{width: 20%;padding-right: .4rem;padding-bottom: .4rem}
}
@media only screen and (max-width:1024px){
    .Honor .list:before{margin-top:22%;}
    .Honor .top{margin-bottom:18%;}
}
@media only screen and (max-width:750px){
    .Honor .list:before{margin-top:34%;}
    .Honor .top{margin-bottom:13%;}
}





.Page002623{padding: .4rem 0 0 0; text-align: center;}
.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 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .56rem; width: .56rem; margin: 0 5px;border-radius: 0;color: #010101;background: #f5f5f5}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color);border-color:var(--hover-color) }
.Page002623 .Pages .p_page > a{font-size: 0;height: .56rem;position: relative;border-radius:0;border: 1px solid var(--hover-color);background:none;}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt2.svg)no-repeat center ;background-size: .2rem auto;left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:var(--hover-color); border-color:var(--hover-color)}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:var(--hover-color); border-color:var(--hover-color) }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
}





.Partner {padding:.6rem 0}
.Partner .desc{margin-bottom: .3rem;line-height: 1.7;}
.Partner .column_tit{padding-bottom: .3rem;}
.Partner ul{display: flex;flex-wrap: wrap;margin-bottom: 2%}
.Partner li{margin-right: 1%;margin-bottom:.2rem;}
.Partner li a{display: block; padding-bottom: 47.245%; position: relative; overflow: hidden;background: #fff;border-radius:0;border: 1px solid #eee; box-shadow: .05rem .05rem .08rem rgba(var(--rgb-black),0.1);}
.Partner li a img{max-height: 70%;max-width: 60%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

@media(min-width:1025px){
.Partner li{width: 15.83%;}
.Partner li:nth-child(6n){margin-right: 0;}
}
@media (max-width: 1024px) {
.Partner li {width: 23.5%;margin-right: 2%; }
.Partner li:nth-child(4n){margin-right: 0;}
}
@media (max-width: 640px) {
.Partner li {width: 49%;}
.Partner li:nth-child(2n){margin-right: 0;}
}




.Technical{padding:.6rem 0;overflow: hidden}
.Technical .column_tit{padding-bottom:0.5rem;}
.Technical .item{margin-bottom: .4rem;border-bottom: 1px solid #ebebeb;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);padding: .4rem .7rem;border: 1px solid #eee;display: flex;align-items: center;flex-wrap: wrap;}
.Technical .item .pic{position: relative;min-height: 3rem;}
.Technical .item .pic .swiper-slide{display: flex;justify-content: center;align-items: center}
.Technical .pages:not(.swiper-pagination-lock){display: flex;justify-content: center;padding-top: 0.1rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 10;}
.Technical .pages span{width: 0.1rem; height: 0.1rem;}
.Technical .pages span.swiper-pagination-bullet-active{background-color: var(--hover-color);}

.Technical .item .pic img{max-height: 4rem;max-width: 100%;object-fit: contain;}
.Technical .item .txt .tit{font-size: var(--font-size30);color: #000;padding-bottom: .2rem;line-height: 1.3;}
.Technical .item .txt .desc p{padding-left: .15rem;line-height:1.4;position: relative;padding-bottom: .06rem;font-size: var(--font-size18);color: #333;}
.Technical .item .txt .desc p::before{content: '';position: absolute;width: .06rem;height: .06rem;background:var(--hover-color);left: 0;top: .1rem;border-radius: 50%;}
.Technical .con{position: relative; padding-top: 0.6rem;}
.Technical .con .title{text-align: center;font-size: var(--font-size40);font-family: 'hmb';color: #000;padding-bottom: .2rem;line-height: 1;}
.Technical .con .tab{display: flex;justify-content: center;padding-bottom: .2rem}
.Technical .con .tab span{font-size: var(--font-size18);padding: .12rem .3rem;border-radius: .1rem;cursor: pointer;margin: 0 .2rem}
.Technical .con .tab span.on{background: var(--hover-color);color: #fff}
.Technical .con .pic{border: 1px solid #ebebeb;padding-bottom: 128%;position: relative;display: flex;justify-content: center;align-items: center;border: 1px solid #eee;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}
.Technical .con .pic span{position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;left: 0;top: 0}
.Technical .con .pic span img{object-fit: contain;min-width: 70%;max-height: 70%;}
.Technical .con .txt{text-align: center;padding-top: .16rem;line-height: 1.4;}
.Technical .con .controls a{position: absolute;width: 0.45rem;height: 0.45rem;border-radius:0;border: solid 1px var(--hover-color);background-position: center center;background-repeat: no-repeat;background-size: auto 0.14rem;cursor: pointer;transition: 0.3s;background-image: url(../images/icon-jt2.svg);top: 50%;transform: translateY(-50%); z-index: 10;}
.Technical .con .controls a.prev{left: -.8rem; transform: translateY(-50%) rotate(180deg);}
.Technical .con .controls a.next{right: -.8rem; transform: translateY(-50%);}
.Technical .con .controls a:hover{background-color: var(--hover-color);background-image: url(../images/icon-jt2-w.svg); border-color: var(--hover-color);}

@media(min-width:1025px){
.Technical .item{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.Technical .item:nth-child(2n){flex-direction: row-reverse;}
.Technical .item .pic{width: 46%;flex: 0 0 auto;}
.Technical .item .txt{flex: 1;padding-left: 7%;align-self: center;}
.Technical .item:nth-child(2n) .txt{padding-left: 0;padding-right: 5%}
}

@media(max-width:1024px){
.Technical .column_tit{padding-bottom: 0.3rem;}
.Technical .item{padding: .24rem;margin-bottom: .24rem;}
.Technical .item .pic{width: 100%;margin-bottom: 0.3rem;}
.Technical .item .pic img{max-height: 2.6rem;}
.Technical .item .txt{width: 100%;padding: 0 !important;}
.Technical .item .txt .tit{font-size: var(--font-size24);}
.Technical .con .tab span{margin: 0 .12rem}
.Technical .con .pic span img{min-width: 80%;max-height: 80%;}
}





.Business{padding:.6rem 0}
.Business .list{}
.Business .list .item{margin-bottom: .6rem;position: relative;overflow: hidden;border-bottom: 1px solid #ededed;}
.Business .list .item .pic{position: relative;border-radius:0;overflow: hidden}
.Business .list .item .pic figure{padding-bottom:51.39%;position: relative;transition: .3s all}
.Business .list .item .txt{}
.Business .list .item .txt .tit{font-size: var(--font-size30);color:var(--black);padding-bottom: .2rem;line-height: 1.3;}
.Business .list .item .txt .desc{line-height:1.4; color: var(--grey2);}
.Business .list .item .txt i{display: block;width: .5rem;height: .5rem;background-color: var(--hover-color);background-image: url(../images/icon-jt2-w.svg);background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem;border-radius: 50%;margin-top: .15rem;transition: .3s all;margin-top: .4rem}
.Business .list .item:hover .pic figure{transform: scale(1.05)}
.Business .list .item:hover .txt{bottom: .4rem;}
.Business .list .item:hover .txt .tit{ color: var(--hover-color);}
.Business .list .item:hover .txt i{opacity: 1;transform: translateY(0);}

@media(min-width:1025px){
.Business .list .item a{display: flex;justify-content: space-between; align-items: center;}
.Business .list .item:nth-child(2n) a{flex-direction: row-reverse}
.Business .list .item .pic{width: 50%;flex: 0 0 auto}
.Business .list .item .txt{flex: 1;padding-right: 6%}
.Business .list .item:nth-child(2n) .txt{padding-left: 6%;padding-right: 0}
}

@media (max-width:1024px) {
.Business .list .item{margin-bottom: 0.24rem;}
.Business .list .item .txt{ margin-bottom: 0.2rem;}
.Business .list .item .txt .tit{font-size: var(--font-size26);}
.Business .list .item .txt i{margin-top: .24rem;}
}


.Business_Detail .more{padding-top: .15rem;}
.Business_Detail .con1{padding:.6rem 0}
.Business_Detail .con1 .left .more a{display: flex;justify-content: center;align-items: center;width: 2rem;height: .56rem;border: 1px solid #ccc;border-radius:0;}
.Business_Detail .con1 .left .more a::after{content: '';width: .2rem;height: .2rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .2rem auto;margin-left: .2rem}
.Business_Detail .con1 .left .more a:hover{background:var(--hover-color);border-color: var(--hover-color);color: #fff; }
.Business_Detail .con1 .left .more a:hover::after{filter: grayscale(100) brightness(100);}
.Business_Detail .con1 .right{line-height:1.4;}

.Business_Detail .con3{padding:.6rem 0}
.Business_Detail .con3 figure{padding-bottom:66.67%;border-radius:0}
.Business_Detail .con3 .desc{line-height:1.4;max-height:4.8rem;overflow: auto;padding-right: 5%}
.Business_Detail .con3 .desc p{padding-bottom: .18rem;}
.Business_Detail .con3 .desc::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 5px;background-color: rgba(0,0,0,0.1);;}
.Business_Detail .con3 .desc::-webkit-scrollbar{width: 3px;background-color: rgba(0,0,0,0);}
.Business_Detail .con3 .desc::-webkit-scrollbar-thumb{border-radius: 5px;background-color: var(--hover-color);}
@media(min-width:1025px){
.Business_Detail .con1 [class*=autoCon-]{display: flex;justify-content: space-between;}
.Business_Detail .con1 .left{width: 35%;}
.Business_Detail .con1 .right{width: 50%;}

.Business_Detail .con3 [class*=autoCon-]{display: flex;justify-content: space-between;}
.Business_Detail .con3 .left{width: 50%;}
.Business_Detail .con3 .right{width: 50%;padding-left: 5%}
}
@media (max-width:1024px) {
.Business_Detail .con1 .left{margin-bottom: 0.24rem;}
.Business_Detail .con3 .desc{max-height: inherit;padding-right: 0%; margin-top: 0.24rem;}
}




.Industry{overflow: hidden}
.Industry .con1{background: #fafafa;padding:.6rem 0}
.Industry .con1 .desc{font-size: var(--font-size40);font-family: 'hmb';color: #000;display: flex;justify-content: center; line-height: 1.2;}
.Industry .con1 .desc p{margin: 0;}

.Industry .con2{padding: .6rem 0;position: relative}
.Industry .con2 a{display: block;position: relative;}
.Industry .con2 a.play::before{content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: url(../images/icon-play.svg)no-repeat center;background-size: .6rem auto;cursor: pointer;z-index: 10}
.Industry .con2 a .tit{font-size: var(--font-size26);font-family: 'hmb';color: #fff;position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 .6rem .2rem;z-index: 2;}

.Industry .con2 .pic{border-radius:0;overflow: hidden;position: relative;transform: scale(0.791)}
.Industry .con2 .pic::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);}
.Industry .con2 .pic figure{padding-bottom: 65%;}

.Industry .con2 .swiper-slide-active{z-index: 10}
.Industry .con2 .swiper-slide-active .pic{transform: scale(1)}

.Industry .con2 .controls a{position: absolute;;width:.5rem; height:.5rem;border-radius:0;background: #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 0.18rem; cursor: pointer; transition: 0.3s; background-image: url(../images/icon-jt2.svg);top: 50%;transform: translateY(-50%);z-index: 10;box-shadow: 0 3px 12px rgba(0,0,0,.03)}
.Industry .con2 .controls a.prev{left: 5.5rem; transform:translateY(-50%) rotate(180deg);}
.Industry .con2 .controls a.next{right: 5.5rem;}
.Industry .con2 .controls a:hover{background-color: var(--hover-color);background-image: url(../images/icon-jt2-w.svg); border-color: var(--hover-color);}

.Industry_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);}
.Industry_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;}
.Industry_video .close::before,
.Industry_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;}
.Industry_video .close::after{ transform:rotate(45deg);}
.Industry_video .ytable{height: 100%;}
.Industry_video .files{ margin:0 auto; width:96%; max-width:1200px; max-height:70%;}
.Industry_video .files video{ background:#000;}

.Industry .con3{padding: .5rem 0 .5rem;background: #fafafa;}
.Industry .con3 ul{display: flex;flex-wrap: wrap;}
.Industry .con3 ul li{margin-right: 2%;margin-bottom: 2%;overflow: hidden;border-radius:0;background: #fff;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);}

.Industry .con3 ul li .pic{}
.Industry .con3 ul li .pic figure{padding-bottom: 65.28%;}
.Industry .con3 ul li .tit{padding: .2rem .3rem;font-size: var(--font-size20);color: #000}
@media(min-width:1025px){
.Industry .con2 .swiperCon{padding: 0 5%}
.Industry .con2 .swiper{/*width: 133.6%;margin-left: calc(-33.6% / 2)*/}
.Industry .con3 ul li{width: 32%;}
.Industry .con3 ul li:nth-child(3n){margin-right: 0;}
}

@media (max-width:1024px) {
.Industry .con1 .desc{font-size: var(--font-size28);}
.Industry .con2 a .tit{font-size: var(--font-size20);padding: 0 .3rem .2rem;}
.Industry .con2 .controls a.prev{left: 0.2rem;}
.Industry .con2 .controls a.next{right: 0.2rem;}
.Industry .con3 ul li{width: 49%;}
.Industry .con3 ul li:nth-child(2n){margin-right: 0;}
.Industry .con3 ul li .tit{font-size: var(--font-size18);padding: .15rem .2rem;}
}



.News{padding: .6rem 0}
.News .item_top{position: relative;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);border: 1px solid #eee;}
.News .item_top .swiper-slide a{position: relative}
.News .item_top .swiper-slide a::before{content: '';position: absolute;width: calc(50% - .6rem);height: 1px; right: 0;bottom: 0;background: #ebebeb;}
.News .item_top .swiper-slide a .pic{overflow: hidden;}
.News .item_top .swiper-slide a .pic .Ispic{padding-bottom: 62.5%;transition: 0.3s;}
.News .item_top .swiper-slide a:hover .Ispic{transform: scale(1.1);}
.News .item_top .swiper-slide a .txt .time{color: #999;padding-bottom: .08rem;font-family: 'hml';}
.News .item_top .swiper-slide a .txt .tit{color: var(--black);font-size: var(--font-size30);margin: .1rem 0 .2rem 0; line-height: 1.3;}
.News .item_top .swiper-slide a .txt .desc{color:var(--grey2);line-height:1.4}
.News .item_top .swiper-slide a .txt .btn{display: block;width: .5rem;height: .5rem;background-color: var(--hover-color);background-image: url(../images/icon-jt2-w.svg);background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem;border-radius:0;margin-top: .15rem;transition: .3s all;margin-top: .5rem}
.News .item_top .pages{position: absolute;right: .5rem;bottom: .5rem;z-index: 10;width: auto;left: auto}
.News .item_top .pages span{width: .08rem;height: .08rem;;}
.News .item_top .pages span.swiper-pagination-bullet-active{background-color: var(--hover-color);}
.News .item_top .swiper-slide a:hover .txt .tit{ color: var(--hover-color);}

.News .item_botton{display: flex;flex-wrap: wrap;padding-top: .6rem}
.News .item_botton .item{margin-right: 2%;margin-bottom: 2%;overflow: hidden;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);border-radius:0;background: #fafafa;border: 1px solid #eee;}
.News .item_botton .item .pic{ overflow: hidden;}
.News .item_botton .item .pic .Ispic{padding-bottom: 65.28%;transition: 0.3s;}
.News .item_botton .item:hover .Ispic{transform: scale(1.1);}
.News .item_botton .item .txt{padding: .3rem}
.News .item_botton .item .txt .time{font-size: var(--font-size14); color: var(--grey2);}
.News .item_botton .item .txt .tit{color:var(--black);font-size: var(--font-size20);margin: .05rem 0 .1rem 0; height: 2.8em; line-height: 1.4;}
.News .item_botton .item .txt .desc{line-height:1.4;color:var(--grey3)}
.News .item_botton .item:hover .txt .tit{ color: var(--hover-color);}

@media (min-width:1025px) {
.News .item_top .swiper-slide a{display: flex;align-items: center;}
.News .item_top .swiper-slide a .pic{width: 50%;flex: 0 0 auto;}
.News .item_top .swiper-slide a .txt{flex: 1; padding-left:.6rem; padding-right: 0.5rem;}
.News .item_botton .item{width: 32%;}
.News .item_botton .item:nth-child(3n){margin-right: 0;}
}

@media (max-width:1024px) {
.News .item_top .swiper-slide a .txt{padding: .24rem}
.News .item_top .swiper-slide a .txt .tit{font-size: var(--font-size24);}
.News .item_botton .item{width: 49%;}
.News .item_botton .item:nth-child(2n){margin-right: 0;}
.News .item_botton .item .txt{padding: .2rem}
}

@media (max-width:640px) {
.News .item_botton .item{width: 100%;margin-right: 0;}
.News .item_botton .item .txt .tit{ height: auto;}
}

.NewsDetail{padding:.6rem 0}
.NewsDetail .autoCon-1200{max-width: 9rem}
.NewsDetail .title {position: relative;border-bottom: 1px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .2rem;text-align: center}
.NewsDetail .title::after{position: absolute;content: '';width: 100%;height: 3px;background: #ebebeb;left: 0;bottom: -6px}
.NewsDetail .title .tit{font-size: var(--font-size32);color: #000;font-family: 'hmb';line-height: 1.3;}
.NewsDetail .title .date{padding-top: .2rem;display: flex;align-items: center;justify-content: center}
.NewsDetail .title .date span{margin:0 .1rem}
.NewsDetail .con{line-height:1.8;padding-top: .1rem;color: #333;}
.NewsDetail .con p{padding-bottom: .1rem;}
.NewsDetail .op{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #ebebeb;padding-top: .2rem;margin-top: .2rem}
.NewsDetail .op .cont{flex: 1;}
.NewsDetail .op .cont aside{padding: .05rem 0}
.NewsDetail .op .btn{flex: 0 0 auto;margin-left: .5rem}
.NewsDetail .op .btn a{display: flex;align-items: center;justify-content: center;width: 1.6rem;border: 1px solid var(--hover-color);line-height: .5rem;border-radius:0;color: var(--hover-color);transition: .3s all}
.NewsDetail .op .btn a:hover{background: var(--hover-color);color: #fff}

@media (max-width:1024px) {
.NewsDetail .title .tit{font-size: var(--font-size28);}
}



.Concept{padding:.6rem 0}
.Concept .column_tit{padding-bottom: .3rem;}
.Concept .list{display: flex;flex-wrap: wrap;}
.Concept .list .item{width: 33.3%;display: flex;flex-direction: column;}
.Concept .list .item .pic{}
.Concept .list .item .pic figure{height: 2.8rem;}
.Concept .list .item .txt{height: 2.8rem;padding:0 .5rem;display: flex;justify-content: center;align-items: center;color: #fff;position: relative}
.Concept .list .item .txt .tit{font-size: var(--font-size32);padding-bottom: .2rem; line-height: 1.3;}
.Concept .list .item .txt .desc{font-size: var(--font-size20); line-height: 1.5;}
.Concept .list .item .txt:after {position: absolute;content: '';border: 13px solid transparent;border-bottom-width: 15px;left: 50%;bottom: 100%;transform: translateX(-50%);}
.Concept .list .item:nth-child(1) .txt{background:#238344 ;}
.Concept .list .item:nth-child(1) .txt:after {border-bottom-color: #238344;}
.Concept .list .item:nth-child(2) .txt{background:#eb5405 ;}
.Concept .list .item:nth-child(2) .txt:after {border-bottom-color: #eb5405;}
.Concept .list .item:nth-child(3) .txt{background:#1691d7 ;}
.Concept .list .item:nth-child(3) .txt:after {border-bottom-color: #1691d7;}

@media(min-width:1025px){
.Concept .list .item:nth-child(2n){flex-direction: column-reverse}
.Concept .list .item:nth-child(2n) .txt:after{bottom: auto;top: 100%;border-top-width: 15px;border-bottom-width: 0;}
.Concept .list .item:nth-child(2n) .txt:after {border-top-color: #eb5405;}
}

@media (max-width:1024px) {
.Concept .list .item{width: 100%;}
.Concept .list .item .txt{height: auto;padding: 0.3rem .24rem;justify-content: flex-start;}
.Concept .list .item .txt .tit{font-size: var(--font-size24);padding-bottom: .16rem;}
.Concept .list .item .txt .desc{font-size: var(--font-size18); }
}



.Welfare{padding:.6rem 0;background: #fafafa;overflow: hidden}
.Welfare .tip{font-size: var(--font-size18);color: #000;line-height: 1.4;}

.Welfare .style-4{width:calc(1935 / 1480 * 100%); margin: .4rem 0 .5rem;}
.Welfare .swiper figure{border-radius:0;}
.Welfare .style-3 figure{padding-bottom: calc(286 / 430 * 100%);}
.Welfare .style-4 figure{padding-bottom: calc(286 / 450 * 100%);}
.Welfare .has-opacity .swiper-slide:before{position: absolute;z-index: 29;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);content: '';border-radius: 0.1rem; transition: .5s all;}
.Welfare .has-opacity .swiper-slide:hover:before{opacity: 0;}
.Welfare .swiper h5{margin: 1em 0 0 0;line-height: calc(22 / 16); width: 80%;}
.Welfare .swiper .txt{display: flex;align-items: flex-end; padding: 0 0.2rem 0.2rem; background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 0.3)); border-radius: 0.1rem;position: absolute;left: 0; top: 0; width: 100%;height: 100%;z-index: 10;}
.Welfare .swiper .txt h5{color: #fff;margin: 0;font-size: var(--font-size22);font-weight: normal;font-family: 'hmb'}
.Welfare .controls{display: flex;justify-content: space-between;align-items: center; margin-top: .3rem;}
.Welfare .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #e6e6e6;}
.Welfare .controls .arrows{width: 1.24rem;display: flex;align-items: center; justify-content: space-between; margin-left: 0.2rem;}
.Welfare .controls .arrows a{position: relative; top: auto;display: flex; margin: 0;border: solid 1px #d6d6d6;width: 0.6rem;height: 0.6rem;border-radius: 50%; background: no-repeat center center; background-size: auto 0.12rem;z-index: 10; transition: var(--transition);cursor: pointer; }
.Welfare .controls .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(0) brightness(0);opacity: .5}
.Welfare .controls .arrows a.prev{left: auto;}
.Welfare .controls .arrows a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.Welfare .controls .arrows a.next{right: auto;}
.Welfare .controls .arrows a:not(.swiper-button-disabled):hover{background: var(--hover-color); border:none}
.Welfare .controls .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;filter: grayscale(100) brightness(100);}
@media (min-width:1025px) {
    .Welfare .swiper.overflow-auto{overflow: initial;}
}
@media (max-width:1024px) {
    .Welfare .edit-info{margin: var(--padding-margin__50) 0;}
    .Welfare .right{margin-top: var(--padding-margin__50);}
	.Welfare .swiper .txt h5{font-size: var(--font-size18);}
}





.Elegance{padding:.6rem 0;overflow: hidden}
.Elegance .column_tit{padding-bottom: .3rem;}
.Elegance .swiper{width: 143.4375%; margin-left: -21.71875%;}
.Elegance .swiper-slide figure{padding-bottom: calc(480 / 820 * 100%); border-radius: .0; position: relative; overflow: hidden;}
.Elegance .swiper-slide figure:after,
.Elegance .swiper-slide figure:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;z-index: 3; transition: all 0.3s;}
.Elegance .swiper-slide figure:before{background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);}
.Elegance .swiper-slide-active figure:before{}
.Elegance .swiper-slide-active figure:after{}
.Elegance .swiper-slide .tit{position: absolute; left: 0;width: 100%;z-index: 2;bottom: 0;text-align: center;color: #fff; padding: 0 .2rem .2rem; font-size: var(--font-size24);font-family: 'hmb';z-index: 10;}
.Elegance .swiper-slide .item{transform: scale(0.833); max-width: 8.2rem;margin: 0 auto; transition: transform var(--transition); will-change: transform; width: 90%;}
.Elegance .swiper-slide-active .item{transform: scale(1);}
.Elegance .arrows{width: calc(100% / 2.6);position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;z-index: 10; height: 0.6rem;}
.Elegance .arrows a{position: absolute; top: 0;display: flex; margin: 0;border: solid 1px #d6d6d6;width: 0.6rem;height: 0.6rem;border-radius:0; background: no-repeat center center; background-size: auto 0.12rem;z-index: 10; transition: var(--transition);cursor: pointer;}
.Elegance .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .18rem auto;filter: grayscale(0) brightness(0);opacity: .5}
.Elegance .arrows a.prev{left: auto;}
.Elegance .arrows a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.Elegance .arrows .next{right: 0;}
.Elegance .arrows a:not(.swiper-button-disabled):hover{background: var(--hover-color); border:none}
.Elegance .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;filter: grayscale(100) brightness(100);}
@media (max-width:1024px) {
.Elegance .swiper{width: 180%; margin-left: -40%;}
.Elegance .swiper-slide .tit{font-size: var(--font-size18);}
.Elegance .swiper-slide:not(.swiper-slide-active) .item{transform: scale(0.9);}
}





.Join{padding:.6rem 0;background: #fafafa;overflow: hidden}
.Join .tip{text-align: center;font-size: var(--font-size18);color:var(--black);line-height: 1;}
.Join .list{display: flex; flex-wrap: wrap; justify-content: space-between;padding-top: .3rem}
.Join .list .item{width:19%;background: #fff;border-radius: 0;box-shadow: 0 0.06rem 0.36rem rgba(16, 30, 67, 0.06);}
.Join .list .item a{display: flex;flex-direction: column;align-items: center;padding: .3rem 0}
.Join .list .item a .icon {height: .8rem;display: flex;justify-content: center;align-items: center;}
.Join .list .item a .icon img{max-height: .5rem;max-width: 1.5rem}
.Join .list .item a .tit{font-size: var(--font-size22);color: #000;font-family: 'hmb';padding-top: .2rem}
.Join .list .item a:hover .tit{ color: var(--hover-color);}

@media (max-width:1024px) {
.Join .list .item{width:49%; margin-bottom: 2%;}
.Join .list .item a{padding: .24rem 0}
.Join .list .item a .tit{font-size: var(--font-size20);}
}



.Message{padding:.6rem 0;}
.Message .left .tip{font-size: var(--font-size18);color: #000;padding-bottom: .1rem;line-height: 1.2;}
.Message .left .tip2{color: #fe0000}

.Message .form-ul li{margin-bottom: 10px;position: relative;}
.Message .form-ul li .tit{position: absolute;left: .2rem; top: 0;font-size: var(--font-size16); line-height: .5rem;color: var(--grey2);}
.Message .form-ul li select,
.Message .form-ul li .text{width: 100%;border-radius: 0; border: solid 1px #eee;font-size: var(--font-size16);line-height:  .5rem;height: .5rem; background: none;padding: 0 .2rem;font-family: 'hmr';color: var(--grey2);}
.Message .form-ul li textarea.text{height: 2rem;}
.Message .form-ul .btn{width: 10em; background: var(--hover-color);border-radius:0;font-size: var(--font-size16);height: .5rem;color: #fff;cursor: pointer; border: 0;font-family: 'hmr';}
.Message .form-ul .yzm{position: absolute;right: .2rem;top: 50%;transform: translateY(-50%);max-height: .4rem}

@media(min-width:1025px){
.Message .box{display: flex;justify-content: space-between;}
.Message .box .left{width: 37%;padding-right: 5%}
.Message .box .right{flex: 1;}
.Message .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
.Message .form-ul .row-2 li:nth-child(2n){float: right;}
}
@media (max-width:1024px) {
.Message .box .left{ margin-bottom: 0.3rem;}
}



.Contact{padding:.6rem 0;}
.Contact .con{position: relative;border-radius:0;overflow: hidden}
.Contact .con .list{position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 .9rem;display: flex;gap:.3rem}
.Contact .con .list .item{background: rgba(204,204,204,.4);border-radius: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;backdrop-filter: blur(6px);padding: .4rem .3rem;flex: 1}
.Contact .con .list .item.add::before{content: '';width: .52rem;height: .52rem;background: url(../images/contact-add.png)no-repeat center;margin-bottom: .2rem}
.Contact .con .list .item.tel::before{content: '';width: .52rem;height: .52rem;background: url(../images/contact-tel.png)no-repeat center;margin-bottom: .2rem}
.Contact .con .list .item.mail::before{content: '';width: .52rem;height: .52rem;background: url(../images/contact-mail.png)no-repeat center;margin-bottom: .2rem}
.Contact .con .list .item .tit{color: #fff;font-size: var(--font-size18);}
.Contact .con .bg{padding-bottom: 32.292%;}
.Contact .map{margin-top: .3rem;}
.Contact .map #allmap{height: 2rem;}
@media(max-width:1024px){
.Contact .con .list{position: relative;display: block;padding: 0rem;}
.Contact .con .list .item{width:100%;background: rgba(204, 204, 204, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: .24rem .2rem;}

}



.PicList002925{background: #f5f5f5;padding:.6rem 0;overflow: hidden;}
.PicList002925 .column_tit{padding-bottom: .5rem;}
.PicList002925 .list{padding: 0 .4rem; --imgh:2rem;--t:calc(var(--imgh) - .5rem);}
.PicList002925 .list ul{margin: 0 -2vw;}
.PicList002925 li{text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top var(--t)  left;}
.PicList002925 li a{display: block;position: relative; z-index: 3;}
.PicList002925 li .pic{padding-bottom:.2rem; position: relative;}
/* .PicList002925 li .pic:after{position: absolute;right: -24px;background: url(../images/PicList002433_ying.png) no-repeat left bottom;width: 24px;height: 100%;background-size: contain;content: '';} */
.PicList002925 li .img{height: var(--imgh);margin: 0 auto; background: url(../images/honor_bk.png) no-repeat; background-size: 100% 100%; padding: .12rem; box-shadow: .05rem .05rem .05rem rgba(var(--rgb-black),0.2);}
.PicList002925 li .tit{margin-top:.2rem; margin-bottom:.7rem; padding: 0 8%;}
.PicList002925 li .tit aside{font-size: var(--font-size18); line-height:1.3;min-height:.4rem;}
@media(min-width:769px) and (max-width:1440px){
.PicList002925 .list{--imgh:calc(185 / 1440 * 100vw);}
}
@media(min-width:769px){
.PicList002925 li{width:25%;}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top var(--t) #f5f5f5; width:.9rem;left: -2vw;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top var(--t) #f5f5f5; width:.9rem;right: -2vw;}
}
@media(max-width:768px){
.PicList002925 .list{padding: 0 0.3rem;--imgh:25vw;--t:calc(var(--imgh) - .6rem);}
.PicList002925 li{width:50%;}
.PicList002925 li .pic{padding-bottom: 0.2rem;}
.PicList002925 li .tit{margin-bottom: 0.3rem;}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top var(--t) #f5f5f5; width:7.4375vw;left: -3vw;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top var(--t) #f5f5f5; width:7.4375vw;right: -3vw;}
.PicList002925 li .tit aside{font-size: var(--font-size16);}
}




.History2{padding: .6rem 0;background-size: cover;background-position: center center;background-repeat: no-repeat; }
.History2 .tip{max-width: 11.6rem;margin: 0 auto;font-size: var(--font-size18);line-height:1.4;color:var(--black);text-align:left;}
.History2 .HistoryBox{padding-top: .4rem;}
.History2 .HistoryBox .slider{padding:0 1rem;}
.History2 .HistoryBox .slider .slick-list{margin-left:-0.8rem;}
.History2 .HistoryBox .slider .item{margin-left:0.6rem;box-sizing: border-box;}
.History2 .HistoryBox .slider .item .box{padding:0 .4rem;padding-bottom:0.6rem;position: relative;transition: all .5s;}
.History2 .HistoryBox .slider .item .year{color:var(--hover-color);  }
.History2 .HistoryBox .slider .item .year span{font-size:var(--font-size34);margin-bottom:.2rem; display: block; line-height: 1.2; font-weight: bold; color: var(--hover-color);}
.History2 .HistoryBox .slider .item .text{color:#333;font-size:var(--font-size22);  margin-bottom:.1rem; font-weight: normal; line-height: 1;}
.History2 .HistoryBox .slider .item .info p{font-size:var(--font-size16); font-weight: lighter; line-height:1.4; color:var(--grey2);padding-left:.15rem;position: relative;padding-bottom: .1rem;}
.History2 .HistoryBox .slider .item .info p::before {content: '';width: 5px;height: 5px;border-radius: 50%;background-color: var(--hover-color);position: absolute;left: 0;top: .11rem;}
.History2 .HistoryBox .slider .item .imgbox{padding-top:65%;margin-top:0.15rem;}
.History2 .HistoryBox .slider .item .line{position: absolute;width:1px;height:100%;background: #ddd;position: absolute;left:.1rem;top:0;}
.History2 .HistoryBox .slider .item .line::before{content:'';width:3px;height:0.42rem;background: var(--hover-color);position: absolute;left:-1px;top:3px;}
.History2 .HistoryBox .slider .item .line .dotbox{width:0.25rem;height:0.25rem;border-radius: 50%;background: #d3ecde;position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
.History2 .HistoryBox .slider .item .line .dotbox::after{content:'';display: block;width:0.10rem;height:0.10rem;border-radius: 50%;background: var(--hover-color);position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.History2 .HistoryBox .slider .item .box{margin-top:1.6rem;}
.History2 .HistoryBox .slider .item.slick-active + .item.slick-active .box{margin-top:0.8rem;}
.History2 .HistoryBox .slider .item.slick-active + .item.slick-active + .item.slick-active .box{margin-top:0;}

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

@media(max-width:1024px){
.History2 .slick-arrow{width: 0.35rem; height: 0.35rem;}
.History2 .HistoryBox .slider{padding:0 0.4rem;}
.History2 .HistoryBox .slider .slick-list{margin-left:-0.2rem;}
.History2 .HistoryBox .slider .item{margin-left:0.2rem;}
.History2 .HistoryBox .slider .item .box{margin-top:0.6rem;}
.History2 .HistoryBox .slider .item.slick-active + .item.slick-active .box{margin-top:0.3rem;}
.History2 .HistoryBox .slider .item.slick-active + .item.slick-active + .item.slick-active .box{margin-top:0;}
.History2 .HistoryBox .slider .item .year span{font-size: var(--font-size24);}
.History2 .HistoryBox .slider .item .text{font-size: var(--font-size18);}
}

@media(max-width:768px){
.History2 .HistoryBox .slider{height:auto;padding-top:15px;}
.History2 .HistoryBox .slider .item .box{margin-top:0;}
.History2 .HistoryBox .slider .item.slick-active + .item.slick-active .box{margin-top:0;}
}




.SingleInfo{padding:0.6rem 0;}
.SingleInfo .edit_info{line-height:1.8; color: #333333;}
.SingleInfo li{ margin-bottom: 1%;}

.Sitemap{ padding:0.6rem 0;}
.Sitemap li{ padding: 0.2rem 0; border-bottom: solid 1px #eee}
.Sitemap li span{display: block;font-size: var(--font-size20); color: #333; font-family: 'hmm'; margin-bottom: 0.12rem;}
.Sitemap .sub a{padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem; }
.Sitemap .sub a:hover{color: var(--hover-color);}






/*������֤*/

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.infobox {
    display: flex;
    justify-content: space-between;
}
.sc-captcha {
    width: 300px;
    /*    margin: 30px auto;*/
}

.sc_net_panel {
/*    padding: 10px;*/
}

    .sc_net_panel > div {
        position: relative;
    }

.bg_slider {
    position: absolute;
    left: 0;
    top: 0;
}

.bg_refresh {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #808080;
    color: #fff;
    border-radius: 3px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.sc_net_slider_icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 37px;
    text-align: center;
    border-radius: 5px;
    border: #808080 1px solid;
    width: 37px;
    line-height: 37px;
    cursor: pointer;
}

    .sc_net_slider_icon:hover {
        color: #fff;
        background: #1991fa;
    }

.sc_net_slider_text {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 280px;
    color: #45494c;
    border: #808080 1px solid;
    border-radius: 5px;
    line-height: 35px;
    height: 37px;
    cursor: default;
}

.sc_net_slider_area {
    position: absolute;
    left: 0;
    top: 0;
    height: 37px;
}


.pop-up {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 101;
    background: rgba(0,0,0,0.5);
    display: none
}

    .pop-up .innerbox {
        position: absolute;
        width: 95%;
        max-width: 460px;
        top: 50%;
        margin: auto;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        background: #ffffff;
        border-radius: 10px;
    }

    .pop-up .box {
        display: none;
        height: 265px;
        overflow: auto;
    }

        .pop-up .box p {
            line-height: 46px;
        }

            .pop-up .box p span {
                color: #999999
            }

    .pop-up .biaoti {
        line-height: 30px;
        padding: 20px 20px 20px 30px;
        border-bottom: solid 1px #f5f5f5
    }

        .pop-up .biaoti .en {
            color: #999999;
            padding-left: 10px;
            text-transform: uppercase
        }

    .pop-up .close {
        float: right;
        width: 30px;
        height: 30px;
        position: relative;
        cursor: pointer;
    }

        .pop-up .close:before,
        .pop-up .close:after {
            content: '';
            position: absolute;
            cursor: pointer;
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 60%;
            height: 2px;
            background: #000000
        }

        .pop-up .close:before {
            transform: rotate(45deg)
        }

        .pop-up .close:after {
            transform: rotate(-45deg)
        }

    .pop-up .infobox {
        padding: 8% 80px
    }

    .pop-up .btn a {
        background: #000000;
        display: block;
        text-align: center;
        cursor: pointer;
        padding: 5% 0;
        border-radius: 0 0 10px 10px;
        color: #ffffff
    }

    .pop-up .itembox {
        padding: 2% 0;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .pop-up .formbox .formtitle {
        color: #666666
    }

        .pop-up .formbox .formtitle i {
            color: #e91d1d;
            padding: 0px 5px;
        }

    .pop-up .formbox .forminput {
        width: calc(100% - 90px)
    }

        .pop-up .formbox .forminput input,
        .pop-up .formbox .forminput select,
        .pop-up .formbox .forminput textarea {
            font-size: 14px;
            width: 100%;
            height: 46px;
            padding: 0px 22px;
            background: #f9f9f9;
            border: none;
            border-radius: 100px;
        }

        .pop-up .formbox .forminput textarea {
            height: 120px;
            padding: 5px;
            border-radius: 0
        }

    .pop-up .formbox .phone-code .forminput {
        display: flex
    }

        .pop-up .formbox .phone-code .forminput input[type="text"] {
            width: 55%;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .pop-up .formbox .phone-code .forminput a {
            color: #d77158;
            width: 45%;
            cursor: pointer;
            background: #f9f9f9;
            display: block;
            line-height: 46px;
            text-align: center;
            border-radius: 0 5px 5px 0;
            transition: 0.5s
        }

            .pop-up .formbox .phone-code .forminput a:hover {
                background: #d77158;
                color: #fff
            }

    .pop-up .formbox .tip {
        color: #999999
    }

    .pop-up#ChangeUser .innerbox {
        max-width: 850px;
    }

    .pop-up#ChangeUser .formbox {
        max-width: 490px;
        margin: auto;
        padding: 7% 0
    }

    .pop-up#ChangeUser .infobox {
        padding: 0
    }

    .pop-up#ChangeUser .biaoti {
        padding-top: 6%
    }

    .pop-up#ChangeUser .btn {
        padding: 3% 0 3% 90px
    }

        .pop-up#ChangeUser .btn a {
            border-radius: 50px;
            padding: 3% 0
        }

    .pop-up#guide .innerbox {
        max-width: 720px
    }

    .pop-up#guide .biaoti {
        text-align: center;
        border-bottom: none;
        padding-top: 5%;
        padding-bottom: 0;
        line-height: 2
    }

    .pop-up#refundgoods .innerbox {
        max-width: 540px;
    }

    .pop-up .type_refundgoods .itembox {
        align-items: flex-start;
        justify-content: space-between
    }

    .pop-up .type_refundgoods .forminput {
        padding: 10px;
        background: #f9f9f9
    }