@font-face {
	font-family:'Montserrat';
	src:url('fonts/Montserrat/Light.woff') format('woff');
	font-weight:100;
	font-display:swap;
}
@font-face {
	font-family:'Montserrat';
	src: url('fonts/Montserrat/Regular.woff') format('woff');
	font-weight:normal;
	font-display:swap;
}
@font-face {
	font-family:'Montserrat';
	src: url('fonts/Montserrat/Medium.woff') format('woff');
	font-weight:600;
	font-display:swap;
}
@font-face {
	font-family:'Montserrat';
	src: url('fonts/Montserrat/Bold.woff') format('woff');
	font-weight:bold;
	font-display:swap;
}
body{font-family: 'Montserrat';font-weight:normal;}

/*Top002652 */
.Top002652{ z-index:103; height: 1rem;position: fixed;top: 0;left:0;width: 100%;background: #fff;box-shadow: 0 0 1em rgba(0,0,0,0.1);}
.Top002652 header{ position:relative; z-index:2;border-bottom:1px solid rgba(255,255,255,0.2);}
.Top002652 header:after {display:block; content:''; clear:both; width:100%;}
.Top002652 .logo{ float: left;margin-left: 4%;padding: 22px 0}
.Top002652 .logo img{ max-height:55px;}
.Top002652 .header-right{position: absolute;  right:210px; top:50%; transform:translateY(-50%); color:#000000;font-size: 24px;}
.Top002652 .header-right > *{ float:left; position:relative; line-height:36px;}
.Top002652 .header-right .brand{ display: flex; align-items: center; line-height: normal; font-size:0.75em;}
.Top002652 .header-right .brand img{height: 0.75em;}
.Top002652 .header-right .brand a{ display: flex; align-items: center;color:#000000; }
.Top002652 .header-right img{margin-left: 0.625em;}
.Top002652 .open_menu{position:absolute;height: 1rem;width: 1.6rem;display: flex;align-items: center;justify-content: center;}
.Top002652 .open_menu{background-color: #ff6900; right:0%; top:0; cursor:pointer; z-index:203; transition:width 0.3s;}
.Top002652 .open_menu_on{right:0; width:385px;}
.Top002652 .open_menu dt{ width:0.3rem; height:0.3rem; position:relative;background: url(../images/menu.png) no-repeat center;}
.Top002652 .open_menu_on dt{background: none}
.Top002652 .open_menu dt::before,
.Top002652 .open_menu dt::after,
.Top002652 .open_menu dt span{ position:absolute; width:100%; height:2px; background:transparent; left:0;}
.Top002652 .open_menu dt::before,
.Top002652 .open_menu dt::after{ content:'';}
.Top002652 .open_menu dt span{ top:50%; margin-top:-1px;}
.Top002652 .open_menu dt::before{ top:0;}
.Top002652 .open_menu dt::after{ bottom:0;}
.Top002652 .open_menu_on dt span{ opacity:0;}
.Top002652 .open_menu_on dt::before,
.Top002652 .open_menu_on dt::after{ background:#fff; width:60%; left:20%; top:50%; margin-top:-1px; transform:rotate(45deg);}
.Top002652 .open_menu_on dt::after{transform:rotate(-45deg);}
.Top002652 .open_menu dd{ font-size:16px; color:#fff; padding-left:10px; text-transform:uppercase;}
.Top002652 .open_menu_on dd{ color:#fff; font-size:0.24rem;}
.Top002652 .top-menu{ position:fixed; top:0; height:100%; z-index:200; width:60%; max-width:385px;  background:#fff; right:-100%; opacity:0; transition:0.3s; padding-top:0.83rem;}
.Top002652 .top-menu-show{ right:0; opacity:1;}
.Top002652 .top-menu ul{border-top:1px solid #f2f2f2; padding:10%; overflow:auto; max-height:90%;}

.Top002652 .top-menu li dl{ display:none;}
.Top002652 .top-menu li em{ font-style:normal; border-bottom:1px solid #eee; display:block;  padding-right:10%;}
.Top002652 .top-menu li.has-sub em{position:relative;}
.Top002652 .top-menu li.aon em{ border-color:#ff6900;}
.Top002652 .top-menu li em a{ line-height:.8rem; font-size:0.24rem; color:#333; }
.Top002652 .top-menu li a{display:block;}
.Top002652 .top-menu li em a:hover,
.Top002652 .top-menu li.aon em a{ color:#ff6900;}
.Top002652 .top-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:10;}
.Top002652 .top-menu li .op{ cursor:pointer; position:absolute; right:3%; width:12px; height:12px; z-index:20; top:50%; margin-top:-6px;}
.Top002652 .top-menu li .op::before,
.Top002652 .top-menu li .op::after{ position:absolute; content:''; background:#333; }
.Top002652 .top-menu li .op::before{ left:0; top:50%; margin-top:-1px; width:100%; height:2px;}
.Top002652 .top-menu li .op::after{width:2px; height:100%; left:50%; top:0; margin-left:-1px;}
.Top002652 .top-menu li.aon .op::after{ opacity:0;}
.Top002652 .top-menu li.aon .op::before{ background:#ff6900;}
.Top002652 .top-menu li dl{ padding:5% 0;}
.Top002652 .top-menu li dt a{ color:#777; font-size:18px; line-height:36px;}
.Top002652 .top-menu li dt a:hover{color:#ff6900;}
.Top002652 .top-menu-layer{position:fixed; left:0; top:0; height:100%; background:#000; opacity:0.3; width:100%;z-index:150; display:none;}
@media(max-width:1024px){
    .Top002652{height: 60px;}
    .Top002652 .logo{padding: 10px 0}
    .Top002652 .logo img{max-height: 40px;}
    .Top002652 .open_menu{height: 60px;width: 100px;}
    .Top002652 .open_menu_on{width: 385px;width: 60%}
}
@media(max-width:768px){
    .Top002652 .header-right{right: 150px;}
.Top002652 .open_menu_on dd,
.Top002652 .top-menu li em a{ font-size:18px;}
.Top002652 .open_menu_on dt{ width:24px; height:24px;}
}
@media(max-width:640px){
.Top002652 .open_menu dd{ font-size:14px;}
.Top002652 .top-language{ margin-left:5px;}
.Top002652 .top-menu{ padding-top:50px;}
.Top002652 .header-right{display: none}
}






/*Banner003223 */
.Banner003223{position:relative;z-index:1;--hover-color:#ff6900;--white:#fff; }
.Banner003223:after{position: absolute;left:0;bottom:0;width: 100%;height:10vw;background: url(../images/banbg.png) no-repeat center bottom/100% 100%;content: "";z-index: 5;}
.Banner003223 .swiper-wrapper{height: auto;}
.index-more{font-size: var(--font-size16);margin-top: 0.65rem;float: left; }
.index-more a{display: inline-block;text-align: center; border:solid 2px #f4f4f4;height: 0.5rem;line-height: 0.5rem;width: 1.6rem;border-radius: 0.5rem; position:relative;font-size: var(--font-size16);color: #fffefe;}
.index-more a span{position:relative;display:block;z-index:2}
.index-more a:after{width:0.5rem;height:0.5rem;transition: all 0.3s;border-radius: 50%}
.index-more a:after{position: absolute;left:98%;top: 0; content:'';background:url(../images/banmore.png) no-repeat center;;z-index:2}
.index-more a:hover{color:var(--white);background: var(--hover-color);border-color: var(--hover-color);}
.index-more a:hover:after{left: 105%}
@media (max-width:640px) {
}

.Banner003223 .txt{position:absolute;left:0;top:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:3;color:var(--white)}
.Banner003223 .txt :where(h3,p,.index-more){opacity:0;transform:translateX(1rem);transition:0.5s}
.Banner003223 .txt h3{margin:0;font-size:0.7rem;line-height:0.88rem;transition-delay:0.5s}
 .Banner003223 .txt .index-more{transition-delay:1.1s}
.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223  .controls-page span.swiper-pagination-bullet-active {border-color: var(--hover-color);background-color: var(--hover-color);}
.Banner003223 .swiper-slide-active .txt :where(h3,p,.index-more){opacity:1;transform:translateX(0)}

@media (min-width:1025px) {
    .Banner003223 img{ height: 100vh; object-fit: cover; -webkit-object-fit: cover;}
}
@media (max-width:1024px) {
 .Banner003223{margin-top: 60px;}
.Banner003223 .txt h3{font-size: var(--font-size32);line-height: 1.25;}   
.Banner003223 .txt p{font-size: var(--font-size18); margin-bottom: 2em;}
.Banner003223  img.pc{display: block;}
.index-more{margin-top: 0.3rem;}
}
@media (max-width:480px) {
.Banner003223 .txt h3{font-size: var(--font-size24);}   

}

/*Floor003216 */
body{--txt-color-000:#000000;--hover-color:#ff6900;--txt-color-999:#999999;--white:#fff; }
.Floor003216 .index-title{margin-bottom: var(--padMar50);}
.index-title .title{display: inline-block;position: relative;z-index:1;}
.index-title .title span{position: relative;z-index: 3; font-size: var(--font-size48); color: var(--txt-color-000); font-weight: bold;}
.index-title .title:after{position: absolute; content: '';z-index: 1; background: url(../images/logoicon.png) no-repeat center center; width: 0.8rem; height: 0.8rem; right: -1rem; top:50%;margin-top: -0.4rem; background-size: contain;}
.Floor003216  .desc{margin-top: 0.28rem;font-size: 16px;line-height: 26px;color:#333;}
.Floor003216  .desc b{color: var(--txt-color-000);font-weight: normal;}
.Floor003216 .index-title .desc{font-weight: 100;font-size: var(--font-size18);color: var(--txt-color-000);}
@media (max-width:1024px) {
.Floor003216 .index-title .title span{font-size: var(--font-size30);}
.Floor003216 .index-title .desc{font-size: var(--font-size16); }
}

.Floor003216{padding: 1rem 0 ;background: url(../images/aboutbg2.png) no-repeat bottom center; background-size: cover;}
.Floor003216 .right{position: relative;z-index: 1;display: flex;align-items: center; justify-content: center;}
.Floor003216 .right .videofile{position: absolute;width:100%;height:100%;top:0;left:0;z-index:999;display: none;}
.Floor003216 .right .videofile video,
.Floor003216 .right .videofile iframe{width:100%;height:100%;object-fit: cover;}
.Floor003216 .right .videofile .close{position: absolute;right:0.2rem;top:0.2rem;width:0.24rem;cursor: pointer;z-index:9;}
.Floor003216 .more{position: absolute;top: 0;right: 0;}
.Floor003216 .more a{display: inline-flex;align-items: center;border: solid 1px var(--txt-color-444); line-height: .5rem; font-weight: 100; padding: 0 0.34rem; border-radius: 0.5rem; transition: 0.3s;}
.Floor003216 .more a:after{display: block; content: '';width: 0.18rem; height: 0.18rem; margin-left: 0.2rem; background: url(../images/Floor003216-more.png) no-repeat center;background-size: contain;}
.Floor003216 .more a:hover{background-color: var(--hover-color);border-color: var(--white);color: var(--white);transition: 0.3s;}
.Floor003216 .more a:hover::after{background-image: url(../images/Floor003216-more-white.png);}

.Floor003216 .num-count{width: 100%;margin-top: 0.8rem;margin-bottom: 1.2rem;}
.Floor003216 .num-count li{width: 31.125%;height: 2.3rem;padding: 0.5rem; background:url(../images/aboutbg.png) no-repeat center #ffffff;box-shadow: 0px 6px 50px 0px  rgba(0, 0, 0, 0.1);border-radius: 10px;}
.Floor003216 .num-count li .num{font-size: var(--font-size72); line-height: 0.7;color: #001a70;font-weight: bold;max-width: 70%;letter-spacing: -2px;}
.Floor003216 .num-count li .num p{font-size: 18px;line-height: 26px;color: #999999;letter-spacing: -0px;font-weight: normal;margin-top: 0.3rem;}
.Floor003216 .right .Ispic {width: 100%;height: 100%;border-radius: 20px; }
.Floor003216 .open-video{width: 1rem; height: 1rem;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 1;cursor: pointer;display: flex;align-items: center; justify-content: center;background-color: var(--hover-color);}
.Floor003216 .open-video:after{position: absolute; content: '';background-color: var(--hover-color); width: 1.06rem; height: 1.06rem; left: 50%;top: 50%;margin: -0.53rem 0 0 -0.53rem; border-radius: 50%; animation: Floor003216video infinite 1s linear;}
.Floor003216 .open-video:before{display: block;content: '';width: 0.21rem; height: 0.23rem;background: url(../images/Floor003216-play.png) no-repeat center center; background-size: contain;}
.Floor003216 .Origin .left{width: 35%;}
.Floor003216 .Origin .right{width: 60%;}
.Floor003216 .Origin .index-title .title:after{display: none}



@keyframes Floor003216video {
    0%{transform: scale(1);opacity: 0.5;}
    100%{transform: scale(2);opacity: 0;}
}

@media (min-width:1025px) {
    .Floor003216 .autoCon-1600{position: relative;z-index: 4; min-height: 5rem;align-items:stretch; }
    .Floor003216 .autoCon-1600.Num{min-height: unset;}
    .Floor003216 > .Ispic{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-size: auto 100%; background-position: center bottom;}
    .Floor003216 .left{width: 47%;}
    .Floor003216 .right{width: 47%;} 
}
@media (max-width:1600px) {
    .Floor003216 .num-count li .num{font-size: var(--font-size56)}
}
@media (max-width:1024px) {
    .index-title .title:after{width: 0.5rem;height: 0.5rem;margin-top: -0.25rem;right: -0.7rem}
    .Floor003216 .index-title{margin-top: 0.4rem;}
    .index-title .title span{font-size: var(--font-size30);;}
    .Floor003216{padding: 0.4rem 0}
    .Floor003216 .num-count li{padding: 20px;}
    .Floor003216 .num-count li .num{font-size: 36px}
    .Floor003216 .num-count li{height: 1.2rem}
    .Floor003216 .num-count li .num p{font-size: 14px;margin: 10px 0}
    .Floor003216{position: relative;z-index: 1;--imgHeight:6rem}
    .Floor003216 > .Ispic{height: var(--imgHeight);background-size: 206% auto; background-position: right center; margin-top: var(--padMar160);}
    .Floor003216 .left{padding-bottom: var(--padMar20);}
    .Floor003216 .right{width: 100%;z-index: 10;}
    .Floor003216 .more{left: 0;text-align: center; top: -0.8rem;}
    .Floor003216 .num-count{margin-top: 30px;;margin-bottom: 40px;}
    .Floor003216 .right .Ispic{padding-bottom: 66.66%;}
    .Floor003216 .Origin .left{width: 100%;}
    .Floor003216 .Origin .right{width: 100%;margin-top: 30px;}
}
@media (max-width:768px) {
    .Floor003216 .num-count ul{flex-wrap: wrap;}
.Floor003216 .num-count li{width: 48%;margin-bottom: 4%;}

}
@media (max-width:640px) {
    .Floor003216 .num-count li .num{font-size: var(--font-size52);}
    .Floor003216{--imgHeight:3.8rem}
    .Floor003216 .num-count li{width: 100%;height: auto;}
}

/*Floor003235 */
.Floor003235{padding: var(--padMar100) 0; font-size: var(--font-size16); background: url(../images/Floor003235-mark.jpg) no-repeat center;height: 7.8rem;position: relative;z-index: 1; overflow: hidden; background-size: cover;}
.Floor003235 .pc{ height: 100vh; object-fit: cover; -webkit-object-fit: cover;}
.Floor003235 .quan{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.Floor003235 .quan i{width: 5.4rem;height: 5.4rem;border-radius: 50%;border: 1px dashed rgba(153,153,153,.2);position: absolute;left: 50%;top: 50%;margin-top: -2.7rem;margin-left: -2.7rem;}
.Floor003235 .quan i.i2{animation: Floor003235scale2 infinite 3s }
.Floor003235 .quan i.i3{animation: Floor003235scale3 infinite 3s }

.Floor003235 .end-date{text-align:center;color: #999999;font-weight: 100;position: relative;z-index: 4;}
.Floor003235 .index-title{text-align: center;color: #181818;}
.Floor003235 .index-title .tit{font-weight: 500;font-size: var(--font-size44);margin-bottom: 0.17rem;}
.Floor003235 .index-title .desc{color: #555555;font-weight: 100;font-weight: 100;}
.Floor003235 .mark-img dd{position: absolute;}
.Floor003235 .bg-img{z-index: 1;overflow: hidden;width: 1.8rem;}
.Floor003235 .bg-img img{ display: block;width: 100%;}
.Floor003235 .inner .num{display: flex;align-items: flex-end;justify-content: center;font-size: var(--font-size16);color: #ea5620;}
.Floor003235 .inner .num .counter{letter-spacing: -1px; font-weight: bold;font-size: var(--font-size54);margin-right: 0.1rem;line-height: 0.9;}
.Floor003235 .inner p{text-align: center;color: #555555;margin: 1em 0 0 0;}
.Floor003235 .center-con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 1.8rem;}
.Floor003235 .mark-img dd{transition: all 0.5s;opacity: 1;display: flex;overflow: hidden; align-items: center;justify-content: center;cursor: pointer; position: absolute;width: 1.8rem;height: 0.7rem;text-align: center;line-height: 0.7rem; background-color: #ffffff;box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.04);border-radius: 0.7rem;}
/* .Floor003235 .mark-img dd:nth-child(1){left: 9.375%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(2){left: 9.375%;top: 60.25%;}
.Floor003235 .mark-img dd:nth-child(3){left: 24.79%;top: 15.38%;}
.Floor003235 .mark-img dd:nth-child(4){left: 21.66%;top: 50%;margin-top: -0.35rem;}
.Floor003235 .mark-img dd:nth-child(5){left: 24.79%;top: 75.64%;}
.Floor003235 .mark-img dd:nth-child(6){left: 32.65%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(7){left: 32.65%;top: 60.25%;}
.Floor003235 .mark-img dd:nth-child(8){right: 9.375%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(9){right: 9.375%;top: 60.25%;}
.Floor003235 .mark-img dd:nth-child(10){right: 24.79%;top: 15.38%;}
.Floor003235 .mark-img dd:nth-child(11){right: 21.66%;top: 50%;margin-top: -0.35rem;}
.Floor003235 .mark-img dd:nth-child(12){right: 24.79%;top: 75.64%;}
.Floor003235 .mark-img dd:nth-child(13){right: 32.65%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(14){right: 32.65%;top: 60.25%;} */
.Floor003235 .mark-img dd:nth-child(14){left: 9.375%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(13){left: 9.375%;top: 60.25%;}
.Floor003235 .mark-img dd:nth-child(12){left: 24.79%;top: 15.38%;}
.Floor003235 .mark-img dd:nth-child(3){left: 21.66%;top: 50%;margin-top: -0.35rem;}
.Floor003235 .mark-img dd:nth-child(7){left: 24.79%;top: 75.64%;}
.Floor003235 .mark-img dd:nth-child(2){left: 32.65%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(1){left: 32.65%;top: 60.25%;}
.Floor003235 .mark-img dd:nth-child(11){right: 9.375%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(10){right: 9.375%;top: 60.25%;}
.Floor003235 .mark-img dd:nth-child(8){right: 24.79%;top: 15.38%;}
.Floor003235 .mark-img dd:nth-child(4){right: 21.66%;top: 50%;margin-top: -0.35rem;}
.Floor003235 .mark-img dd:nth-child(9){right: 24.79%;top: 75.64%;}
.Floor003235 .mark-img dd:nth-child(5){right: 32.65%;top: 31.02%;}
.Floor003235 .mark-img dd:nth-child(6){right: 32.65%;top: 60.25%;}
.Floor003235 .mark-img dd img {animation: Floor003235scale infinite 5s linear;max-width: 80%; max-height: 70%;}
.Floor003235 .mark-img dd:nth-child(2n) img {animation: Floor003235scale infinite 8s linear;transform: scale();}
.Floor003235 .mark-img dd:hover{box-shadow: 0px 0px 29px rgba(255,105,0, 0.2);transform: translateY(-0.1rem);}
@keyframes Floor003235scale {
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@keyframes Floor003235scale2 {
    0%{transform: scale(1);}
    100%{transform: scale(1.7);}
}
@keyframes Floor003235scale3 {
    0%{transform: scale(1);}
    100%{transform: scale(2.7);}
}
@media (max-width:1440px) {
.Floor003235 .quan i{w4.8rem;height: 4.8rem}
}
@media (max-width:1024px) {
    .Floor003235{padding: 0.4rem 0}
    .Floor003235{font-size: var(--font-size14);background-size: cover;}
    .Floor003235 .main-ani{flex-direction: column; align-items: center;}
    .Floor003235 .number{display: flex;flex-wrap: wrap;justify-content:space-between;margin-top: 10vw;width: 100%;}
    .Floor003235 .number li{position: relative;width: 20vw;height: 20vw;}
    .Floor003235 .mark-img{position: absolute; left: 0;top: 0;width: 100%;height: 70%;z-index: 10;}
    .Floor003235 .mark-img dd{z-index: 4;}
    .Floor003235 .center-con{max-width: 70%;position: static;transform: translate(0);margin-bottom: 40px;}
    .Floor003235 .inner .num{font-size: var(--font-size12);}
    .Floor003235 .inner .num .counter{font-size: var(--font-size32);}
    .Floor003235 .center-con .inner .num{font-size: var(--font-size24);}
    .Floor003235 .mark-img{position: static;}
    .Floor003235 .mark-img dd{position: static;float: left;width: 32%;margin-bottom: 2%;margin-right: 2%;}
        .Floor003235 .mark-img dd:nth-child(3n){margin-right: 0;}
        .Floor003235 .mark-img dd:nth-child(4),.Floor003235 .mark-img dd:nth-child(11){margin-top: 0;}
        .Floor003235{height: 5rem;}
        .Floor003235 .quan i{height: 3rem;width: 3rem;margin-left: -1.5rem;margin-top: -1.5rem;}
}
@media (max-width:640px) {
    .Floor003235 .index-title .tit{font-size: var(--font-size28);}
    .Floor003235 .number li{width: 40vw;height: 40vw;}
    .Floor003235 .number li:nth-child(2) ~ li{margin-top: 5vw;}
    .Floor003235 .center-con .mark{width: 1rem;}
    .Floor003235 .mark-img{left: -40%;width: 160%; transform: scale(0.6);height:75%;transform-origin: center 0;}
    .Floor003235 .inner .num{font-size: var(--font-size12);}
    .Floor003235 .center-con .inner p{font-size: var(--font-size16);}
    .Floor003235 .inner .num .counter{font-size: var(--font-size36);}
    .Floor003235 .center-con .inner .num{font-size: var(--font-size18);}
    .Floor003235 .center-con .inner .num .counter{font-size: var(--font-size50);}
    .Floor003235 .bg-img{width: 1rem; margin:0 auto;}
    .Floor003235 .center-con{margin-bottom: 20px;}
}
/*Floor003217 */
.Floor003217{--txt-color-222:#222;--white:#fff;--hover-color:#FF6900; padding: var(--padMar100) 0;background-color: #fff;}
.Floor003217 .index-title{margin-bottom: var(--padMar50);}
.Floor003217 .index-title .title{display: inline-block;position: relative;z-index:1;}
.Floor003217 .index-title .title span{position: relative;z-index: 3; font-size: var(--font-size52); color: var(--txt-color-222); font-weight: bold;}
.Floor003217 .index-title .title:after{position: absolute; content: '';z-index: 1; background: url(../images/Floor003217-mark.svg) no-repeat center center; width: 0.65rem; height: 0.41rem; right: -0.27rem; top:-0.4em; background-size: contain; display: none;}
.Floor003217 .index-title .title +  .sub-tit{margin-top: var(--padMar50);}
.Floor003217 .index-title .sub-tit{font-size: var(--font-size36); font-weight: 500;}
.Floor003217 .index-title .title + .desc{margin-top: 0.28rem;}
.Floor003217 .index-title .desc{font-weight: 100;font-size: var(--font-size18);color: var(--txt-color-222);}
@media (max-width:1024px) {
.Floor003217 .index-title .title span{font-size: var(--font-size36);}
.Floor003217 .index-title .sub-tit{font-size: var(--font-size20); }
.Floor003217 .index-title .desc{font-size: var(--font-size16); }
}
.Floor003217 .tab-ul{position: relative;padding: 0 1rem}
.Floor003217 .tab-ul:after{position: absolute;width: 100%;height: 3px;content: "";background: #E3E3E3;top: 75px;z-index: 0;left: 0}
.Floor003217 .tab-ul li{cursor: pointer;text-align: center;margin-bottom:var(--padMar50);position: relative;}
.Floor003217 .tab-ul li i{position: absolute;width: 0.22rem;height: 0.22rem;border-radius: 50%;background: #fff;border: 2px solid #E3E3E3;top: 65px;z-index: 5;left: 50%;margin-left: -0.11rem;}
.Floor003217 .tab-ul li i:after{position: absolute;width: 5px;;height: 5px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;background:#E3E3E3;content: "" }
.Floor003217 .tab-ul li .img{height:0.6rem; position: relative;margin-bottom: 0.6rem;}
.Floor003217 .tab-ul li .img img{max-height: 0.5rem;}
.Floor003217 .tab-ul li .hover{position: absolute;left: 0;right: 0; top: 0; opacity: 0; transform: scale(1.5); transition: 0.5s; margin: auto;}
.Floor003217 .tab-ul li .name{font-size: var(--font-size18); line-height: 1.2;}
.Floor003217 .tab-ul li.active .name{font-weight: bold;color: var(--hover-color);}
.Floor003217 .tab-ul li.active i{border-color: var(--hover-color) }
.Floor003217 .tab-ul li.active i:after{background:var(--hover-color) }
.Floor003217 .tab-ul li.active .default{opacity: 0;}
.Floor003217 .tab-ul li.active .hover{opacity: 1; transform: scale(1);}
.Floor003217 .tab-list{position: relative;z-index: 1;background: url(../images/probg.png) no-repeat top center;overflow: hidden;border-radius: 0.3rem;}
.Floor003217 .tab-list .box{transition: opacity 1s,transform 1s; transform: translateY(0);padding: 0.6rem 0.8rem;}
.Floor003217 .tab-list .box:not(.active){position: absolute; left: 0;top: 0;width: 100%;visibility: hidden; opacity: 0;transform: translateY(0.2rem);}
.Floor003217 .tab-list .box .left{width: 65%;float: left;}
.Floor003217 .tab-list .box .left .txt{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.Floor003217 .tab-list .box .left .txt .imgbox{width: 0.75rem;}
.Floor003217 .tab-list .box .left .txt .center{width: calc(100% - 1.2rem)}
.Floor003217 .tab-list .box .left .txt .center h3{font-size: 0.37rem;color: #ffffff;margin: 0;line-height: 1;}
.Floor003217 .tab-list .box .left .txt .center p{font-size: 18px;line-height: 28px;color: #ffffff;}
.Floor003217 .tab-list .box .left .txt .center p b{font-size: 24px;}
.Floor003217 .tab-list .box .left .txt .imgbox.big{width: 100%;margin-top: 0.3rem;}
.Floor003217 .tab-list .box .right{width: 25%;float: right;}
.Floor003217 .tab-list .box .right li{height: 130px;border-radius: 100px;background: url(../images/probg2.png) no-repeat center/100% 100%;padding: 7px 10px;margin-bottom: 25px;}
.Floor003217 .tab-list .box .right li a{display: flex;align-items: center;justify-content: center}
.Floor003217 .tab-list .box .right li .imgbox{width: 50%; height:116px;background-color: #ffffff;border-radius: 100px;text-align: center;line-height: 116px;overflow: hidden; }
.Floor003217 .tab-list .box .right li p{width: 50%;text-align: center;font-size: 24px;color: #ffffff; margin: 0;}
.Floor003217 .tab-list .box .right li:nth-child(2n){background: url(../images/probg3.png) no-repeat center/100% 100%; height: 131px;}
.Floor003217 .tab-list .box .right li .imgbox img{vertical-align: middle;transition: all 0.3s; max-height: 70%;}
.Floor003217 .tab-list .box .right li:hover .imgbox img{transform: scale(1.1);}

@media (min-width:1921px) {
    .Floor003217 .tab-list .box .right li:nth-child(2n){ height: 133px;}
}






@media (min-width:1025px) {
.Floor003217 .tab-ul li{margin-left:calc(44 / 1920 * 100vw);margin-right: calc(44 / 1920 * 100vw);}
}
@media (max-width:1024px) {
.Floor003217 .tab-ul li{width:calc(100% / 4);}
.Floor003217 .tab-list .box{padding: 0.2rem 0.3rem;background-size: auto 420px}
.Floor003217 .tab-list .box .left .txt .imgbox{width: 50px;}
.Floor003217 .tab-list .box .left .txt .center{width: calc(100% - 65px)}
.Floor003217 .tab-list .box .left .txt .center h3{font-size: 24px;}
.Floor003217 .tab-list .box .left .txt .center p{font-size: 16px;line-height: 24px;}
.Floor003217 .tab-list .box .left .txt .center p b{font-size: 20px;}
.Floor003217 .tab-list .box .right li{height: 100px;line-height: 100px;}
.Floor003217 .tab-list .box .right li .imgbox{height: 86px;line-height: 86px;border-radius: 50px;}
.Floor003217 .tab-list .box .right li .imgbox img{max-height: 80%}
.Floor003217 .tab-list .box .right li p{height: 86px;margin: 0;font-size: 20px;line-height: 30px;display: flex;align-items: center;justify-content: center}
.Floor003217 .tab-list .box .left{width: 60%;}
.Floor003217 .tab-list .box .right{width: 37%;}
.Floor003217 .tab-ul{padding: 0 20px;}

}
@media (max-width:480px) {
.Floor003217 .tab-list .box .left{width: 100%}
.Floor003217 .tab-list .box .right{width: 100%;margin-top: 30px;}
.Floor003217 .tab-list .box .right li p{color: #ff6900}
.Floor003217 .tab-ul{padding: 0}
.Floor003217 .tab-ul li .name{font-size: 12px;}
.Floor003217 .tab-list .box .left .txt .center p{font-size: 13px;line-height: 17px;}

}
.Ispic{ overflow:hidden; position:relative;display: block;}
.Ispic 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;}
.Ispic img{ width:100%; height:100%;object-fit: cover;}
.Ispic.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}

.Packaging {padding: 1rem 0 2rem;background: url(../images/bbg1.png) no-repeat center/cover;}
.Packaging .index-title .title:after{display: none}
.Packaging .index-title{margin-bottom: 0.6rem;}
.Packaging .slider{margin: 0 -0.18rem;}
.Packaging .slider .slick-slider{min-height: 5.3rem}
.Packaging .slider li .Ispic{height: 4rem;transition: all 0.3s;}
.Packaging .slider li .Ispic span{background-size: cover;}
.Packaging .slider li{margin: 0 0.18rem;background-color: #ffffff;border-radius: 20px;overflow: hidden; }
.Packaging .slider li.slick-center .Ispic{height: 5.3rem}

@media (max-width:1024px) {
    .Packaging{padding: 0.4rem 0 1rem}
.Packaging .slider li .Ispic{height: 2.4rem}
.Packaging .slider li.slick-center .Ispic{height: 3rem}
.Packaging .slider .slick-slider{min-height: 3rem}
.Packaging  .slick-arrow:after{line-height: 30px;font-size: 18px;}
.Packaging .slider li .Ispic span{background-size: contain;}
.Packaging .slider li{margin: 0 0.1rem}
.Packaging .slider{margin: 0 -0.1rem;}
.Packaging .index-title{margin-bottom: 0.3rem;}
}
@media (min-width:641px) {
.Packaging  .slick-arrow{width: 0.6rem;height: 0.6rem;background-color: #ffffff;border-radius: 30px;bottom:0;top: auto;transform:translate(0);}
.Packaging  .slick-arrow:after{color: #333;line-height: 0.6rem;font-family: simsun;font-size: 0.24rem;font-weight: bold;}
.Packaging  .slick-arrow.slick-prev:after{content: "<";}
.Packaging  .slick-arrow.slick-next:after{content: ">";}
.Packaging  .slick-arrow:hover:after{color: #fff}
.Packaging  .slick-arrow:hover{background-color: #ff6900;}

.Packaging  .slick-arrow.slick-prev{left: auto;right:28.125% }
.Packaging  .slick-arrow.slick-next{left: auto;right:23.375% }
}
.Packaging  .slick-arrow.slick-next:after,.Packaging  .slick-arrow.slick-prev:after{content: ""}
.Floor003216.Digital{background: #fff;border-radius: 1rem 1rem 0 0;margin-top: -1rem;}
.Floor003216.Digital .left{width: 47.5%;}
.Floor003216.Digital .right .Ispic{height: auto;padding-top: 84.74%;}
.Floor003216.Digital .right{width: 45.68% }
.Floor003216.Digital .index-title .title:after{display: none}
.Floor003216.Digital .index-more a{color: #333333;}
.Floor003216.Digital .index-more:hover a{color: #fff}

@media (max-width:1024px) {
.Floor003216.Digital{border-radius: 0.5rem 0.5rem 0;margin-top: -0.5rem;margin-bottom: 0.5rem;}
.Floor003216.Digital .left{width: 100%;}
.Floor003216.Digital .right{width: 100%;margin-top: 30px;}
.Floor003216.Digital .right .Ispic{padding-bottom: 0;width: 70%;margin: 0 auto;background-size: contain;padding-top: 60%;}

}
.footer{ padding: 0.3rem 0 .4rem;position: relative; background-color: #ff6900; margin-top: 4%;}
.footer .autoCon-1600{ position: relative; z-index: 2;}
.footer .bl{position: absolute;width: 100%;height: 100%;top: calc( -112 / 1920 * 100vw);overflow: hidden;  }
.footer .bl i {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: url(../images/fbg.png) no-repeat center top; background-size: 100% auto;
      height: 100%;
    }
@media (min-width:1921px) {
    .footer{ padding-top: 0;}
.footer .bl{ top: calc( -110 / 1920 * 100vw);}
}
/* 
    .footer .bl i:nth-child(1) {
      animation: wave-animation1 5s linear infinite;
    }

    .footer .bl i:nth-child(2) {
       animation: wave-animation2 7.5s linear infinite;
    }

    .footer .bl i:nth-child(3) {
     animation: wave-animation3 10s linear infinite;
    } */

    /* Keyframes for wave effect */
    @keyframes wave-animation1 {
      0% {
        transform: translateX(0) translateY(0);
      }
      25% {
        transform: translateX(-25%) translateY(20px);
      }
      50% {
        transform: translateX(-50%) translateY(60px);
      }
      75% {
        transform: translateX(-25%) translateY(20px);
      }
      100% {
        transform: translateX(0) translateY(0);
      }
    }
        @keyframes wave-animation2 {
       0% {
        transform: translateX(0) translateY(0);
      }
      25% {
        transform: translateX(25%) translateY(40px);
      }
      50% {
        transform: translateX(50%) translateY(60px);
      }
      75% {
        transform: translateX(25%) translateY(40px);
      }
      100% {
        transform: translateX(0) translateY(0);
      }
    }
        @keyframes wave-animation3 {
      0% {
        transform: translateX(0) translateY(0);
      }
      50% {
        transform: translateX(0%) translateY(60px);
      }
      100% {
        transform: translateX(0) translateY(0);
      }
    }
.footer .logo{ max-width: 2.2rem;}
.footer .foot_t{padding-bottom: 0.5rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .foot_t .fnav{padding-right: .6rem;}
.footer .foot_t .fnav li{display: inline-block;list-style: none;font-size: 18px; font-weight: lighter;}
.footer .foot_t .fnav li:not(:last-child){margin-right: 0.5rem;}
.footer .foot_t .fnav li a{color: #fff}
.footer .foot_t .fbrand{font-size: .2rem;color: #ffffff; }
.footer .foot_t .fbrand a{color: #ffffff; }
.footer .foot_t .fbrand img{margin-left: 0.1rem; height: .16rem;}
.footer p{ margin: 0;}
.foot_m {padding: 0.5rem 0; line-height: 2;}
.foot_m .share{ font-size: 16px;color: rgba(255,255,255,0.6);}
.foot_m .share .social-share{ margin-bottom:0;}
.foot_m .share .social-share .social-share-ico{margin-right: 0.3rem;}
.foot_m  .social-share .social-share-icon:hover,
/* .foot_m .bottom_img li a:hover{ filter: brightness(0) invert(1);} */
.foot_m .con{ font-size: 16px;color: rgba(255,255,255,0.6);}
.foot_m .con{ padding-right: 1rem;}
.foot_m .bottom_img li{display: inline-block;list-style: none; opacity: .7;filter: brightness(0) invert(1);}
.foot_m .bottom_img li img{ height: .4rem;}
.foot_m .bottom_img li:not(:last-child){margin-right: 0.5rem;}
.footer .Copyright{font-size: 0.16rem}
.footer .Copyright .link ul{display: flex;flex-wrap: wrap;align-items: center; }
.footer .Copyright .link ul li{display: flex;align-items: center;color:#fff;opacity: 0.6;}
.footer .Copyright .link ul li a{color:#fff;}
.footer .Copyright .link ul li i{display: block;margin:0 0.15rem;list-style: none;}
.footer .Copyright .link ul li:last-child i{display: none;}
.footer .Copyright .txt{color:#fff;opacity: 0.6;  }
.footer .Copyright .link ul li:hover{opacity: 1;}
.footer .social-share .social-share-icon:not(:last-child){ margin-right: .25rem;}
.footer .social-share .social-share-icon{filter: brightness(0) invert(1);  opacity: 0.6; transition: all .5s; height: .2rem; background-size: contain;}
.footer .social-share .social-share-icon img {display:block; width:auto; height:100%;}
.footer .social-share .social-share-icon:hover{ opacity: 1;}
.footer .social-share .icon-linkedin{ background-image: url(../images/ficon1.svg);}
.footer .social-share .icon-facebook{ background-image: url(../images/ficon2.svg);}
.footer .social-share .icon-instagram{ background-image: url(../images/ficon3.svg);}
.footer .social-share .icon-youtube{ background-image: url(../images/ficon4.svg); width: .28rem; height: .26rem;}

.FloatBox{position: fixed;z-index:99;right:0;top:50%;transform: translateY(-50%);}
.FloatBox ul li{position: relative;width:0.6rem;height:0.6rem;}
.FloatBox .icon{width:0.6rem;height:0.6rem;background: #FF6900;display: flex;align-items: center;justify-content: center;position: relative;}
.FloatBox .box{position: absolute;right:0;top:0;height:100%;background: #FF6900;white-space: nowrap;display: flex;align-items: center;color:#fff;}
.FloatBox .box .text{width:0;}
.FloatBox li:hover .box .text{width:auto;padding-right:0.3rem;}
.FloatBox .icon::after{content:'';display: block;width:60%;height:1px;background: #fff;opacity: 0.2;position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
.FloatBox .icon img{max-height:0.25rem;}

@media(max-width:1024px){
    .footer{padding: 0.4rem 0 0.2rem}
    .footer .bl i{background-size: contain;height: 0.4rem}
    .footer .bl{height: 0.4rem;top: -0.4rem}
        .FloatBox ul li{width:0.3rem;height:0.3rem;}
        .FloatBox .icon{width:0.3rem;height:0.3rem;}
        .footer .foot_t,.foot_m{padding-bottom: 0.2rem;text-align: center;}
         .footer .foot_t .fnav{margin: 0.2rem 0}
         .foot_m{padding-top: 0.2rem;}
         .footer .Copyright{text-align: center;}
         .footer .Copyright .link{display:block;margin: 0 auto}
         .footer .Copyright .link ul{justify-content: center}
.footer .Copyright{font-size: 14px;line-height: 20px;}
.foot_m .bottom_img li{margin-bottom: 10px;
    }
	.foot_m .con{ padding-right: 0;}
}


.Cookies{position: fixed;z-index:9;width:100%;height:100%;background: rgba(0,0,0,0.5);top:0;left:0;display: flex;align-items: flex-end;justify-content: center; z-index: 10000;}
.Cookies .autoCon-1600{  max-width: 100%; width: 100%; background: #fff;}
.Cookies .CookiesBox{ padding:0.2rem 0;border-radius: 0; max-width: 1600px; --autoWidth: 1600;width: 87.6%; margin: 0 auto;}
.Cookies .CookiesBox .con{color:#666;margin:0.1rem 0; line-height:1.4;}
.Cookies .CookiesBox .tit{font-size: 0.24rem;font-weight: bold;color: #000}
.Cookies .CookiesBox .btn a{display: inline-block;min-width:1.7rem;line-height: 0.4rem;border-radius: 0.5rem;background: #001A70;color:#fff;text-align: center;padding:0 0.15rem;font-size: 0.14rem;margin-right:0.2rem;margin-top:0.1rem;}
.Cookies .CookiesBox .btn a.a1{background: #fff;color:#000;border:1px solid #eee;}
.Cookies .CookiesBox .btn a.a2{ background-color: #000; color: #fff;}
.Cookies .CookiesBox .btn a:hover{background: #FF6900;color:#fff;}
.Cookies .CookiesBox .btn a.a1:hover{background: #FF6900;color:#fff;}

@media(max-width:1024px){
    .Cookies .CookiesBox{}
    .Cookies .CookiesBox .btn a{line-height: 0.4rem;margin-right:0.05rem;min-width:1.5rem;}
}
.cookie-content .btn{
    background-color: #FF6900;
    color: #fff;
    font-size: .14rem;
    min-width: calc(125 / 14 * 0.1rem);
    line-height: calc(36 / 14 * 0.1rem);
    border: 0;
    cursor: pointer;
    color: #fff;
    border: solid 1px transparent;
    display: block;
    border-radius: 2px;
    padding: 0 calc(12 / 14 * 0.1rem);
}
.cookie-content .btn{
    margin-right: calc(15 / 14 * 0.1rem);
}
.cookie-content .btn:hover{
    opacity: .7;
}
.cookie-content .set{
    border-color: #346E4A;
    color: #346E4A;
    background-color: #fff;
}
.cookie-content .action-btns{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.cookie-content .popup-content{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
    display: none;
}
.cookie-content .popup-txt{
    position: absolute;
    left: 0;
    top: 15%;
    min-width: 640px;
    max-width: 640px;
    height: 80%;
    right: 0;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #fff;
}
.cookie-content .pp-top{
    height: .6rem;
    display: flex;
    align-items: center;
    padding-left: .3rem;
    justify-content: space-between;
    border-bottom: solid 1px #eee;
}
.cookie-content .pp-top img{
    max-height: .4em;
}
.cookie-content .ck-close{
    width: 50px;
    height: 100%;
    background: url(../images/ot_close.svg) no-repeat center/10px;
    cursor: pointer;
    border: 0;
}
.cookie-content .ck-close:hover{
    opacity: .7;
}
.cookie-content .pp-content{
    padding: .2rem .4rem;
    height: calc(100% - 1.8rem);
    overflow-x: hidden;
    overflow-y: auto;
}
.cookie-content .pp-content h3{
    font-size: .16rem;
    margin-bottom: calc(10 / 14 * 0.1rem);
}
.cookie-content .pp-content .manage-box h3{
    margin-bottom: calc(20 / 14 * 0.1rem);
}
.cookie-content .pp-content .words{
    font-size: .16rem;
    line-height: 1.5;
}
.cookie-content .pp-tip a{
    font-size: .14rem;
    text-decoration: underline;
    color: #FF6900;
    margin-top: 5px;
    display: block;
}
.cookie-content .pp-tip a:hover{
    text-decoration: none;
}
.cookie-content .allow-all{
    margin: .3rem 0 .4rem;
}
.cookie-content .ck-item {
    border: solid 1px #d8d8d8;
    border-radius: 2px;
    margin-top: -1px;
}
.cookie-content .ck-item:hover {
    border-color: #333;
    position: relative;
    z-index: 3;
}
.cookie-content .ck-item h4{
    font-size: .16rem;
    width: calc(100% - 120px);
}
.cookie-content .ck-item .ck-item-btn{
    padding: .15em 0;
    padding-left: .4rem;
    padding-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}
.cookie-content .ck-item .ck-item-btn:after {
    position: absolute;
    left: calc(10 / 20 * 0.1rem);
    content: "+";
    top: 50%;
    transform: translateY(-50%);
    font-size: .2rem;
    font-weight: 700;
}
.cookie-content .ck-item .ck-item-btn span{
    font-size: .14rem;
    color: #FF6900;
    font-weight: 700;
}
.cookie-content .ck-item .open-info{
    padding: calc(20 / 14 * 0.1rem);
    padding-top: calc(10 / 14 * 0.1rem);
    display: none;
}
.cookie-content .my-switch{
    position: relative;
    width: .45rem;
    height: .25rem;
    border-radius: .25rem;
    background-color: #767676;
    cursor: pointer;
}
.cookie-content .my-switch:after{
    position: absolute;
    left: .03rem;
    top: 50%;
    transform: translateY(-50%);
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s linear;
    content: "";
}
.cookie-content .my-switch.active{
    background-color: #FF6900;
}
.cookie-content .my-switch.active:after{
    margin-left: .21rem;
}
.cookie-content .pp-action{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: .2rem;
    border-top: solid 1px #eee;
}

/* 展开样式 */
.cookie-content .ck-item.open .ck-item-btn:after{
    content: "-";
    font-size: .3rem;
    left: calc(10 / 30 * 0.1em);
    font-weight: 400;
    
}
.cookie-content .ck-item.open .open-info{
    display: block;
}

@media (max-width: 640px) {
    .cookie-content .popup-txt{
        width: 100%;
        height: 100%;
        max-width: 100%;
        top: 0;
        border-radius: 0;
        min-width: 1px;
    }
    .cookie-content .info-txt{
        padding-top: .4rem;
    }
    .cookie-content .left-tip,
    .cookie-content .action-btns{
        width: 100%;
    }
    .cookie-content .action-btns{
        margin-top: .2rem;
    }
    .cookie-content .btn{
        width: 100%;
    }
    .cookie-content .btn:not(:last-child) {
        margin-bottom: calc(10 / 14 * 0.1rem);
    }
    .cookie-content .pp-content{
        height: calc(100% - 2.3rem);
    }
}
/* cookie end */
.Main{padding:2rem 0 ;}
.nTit{color:#0f2778;margin-bottom:0.4rem;line-height: 1.1;}
.SinglePage{color:#333;line-height: 1.78; }
.SinglePage a{color:#0f2778;}
.f48{font-size: 0.48rem;}
.bold{ }
.f18{font-size: 0.18rem;}
.SinglePage p strong{ }


/* 弹框 */
.pop-up{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:1000; display:none;}
.pop-up .center{ height:100%; display: flex; align-items: center; justify-content: center; width: 100%;}
.pop-up .info-color{ background:#fff; width:10rem; max-width:96%; margin:0 auto; padding:.8rem;}
.pop-up .close{ position:absolute; right:.1rem; top:.1rem; width:.4rem; height:.4rem; background-image:url(../images/close_black.svg); background-repeat:no-repeat; background-position:center; background-size:.2rem; cursor:pointer; z-index:10;}
@media (max-width:640px) {
.pop-up .info-color{ padding:.3rem;}
.pop-up .close{ top:0; right:0;}
}
.Online-up .index-title{margin-bottom: .25rem;}
.Online-up .index-title .title span{ font-size: var(--font-size26); }
.Online-up .index-title .title:after{ display: none;}
.Online-up .info-color{ width: 6.4rem; padding: .5rem; position: relative; }
.Online-up li{ margin-bottom: .2rem;}
.Online-up .text,
.Online-up select{ width: 100%; line-height: .5rem; height: .5rem; padding: 0 .1rem; border: 1px solid #eee; color: #666;}
.Online-up .text::placeholder{ color: #666;}
.Online-up textarea.text{ height: 1.5rem; resize: none;}
.Online-up .btn_submit{ width: 100%; line-height: .5rem; height: .5rem; border: none; background-color: #000; color: #fff; cursor: pointer; }
.Online-up .btn_submit:hover{ background-color: #FF6900; }