@charset "UTF-8";
@import url('base.css');
.banner{position: relative;}
.banner video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;width: 100%;height: 100%;object-fit: cover }
.header .auto-inner{max-width: inherit; border-bottom: solid 1px rgba(var(--rgb-white),0.14)}
.header .top_boxw{transition: 0.5s;position:fixed; width: 100%; z-index: 100; top: 0;}
.header .top_boxh{display: none}
.header .logo{width:1.3rem;transition: 0.5s;}
.header .nav li{position: relative}
.header .nav li a{color:var(--white);display:block;}
.header .nav li span{display: block;position: relative;}
.header .nav li .sub dl{position:relative;z-index:1;--top:0}
.header .nav li .sub dd{position:relative;z-index:1;}
.header .nav li .sub a{ padding: .1rem  .2rem}
.header .nav li .sub a:hover{background: #fbf4f6; color: var(--hover-color);}
.header .nav li#m3{position: static;}
.header .nav li#m3 .sub{width: 100%;}
.header .nav li#m3 .sub dl dt{width: auto;margin-right: 0.3rem;}
.header .nav li#m3 .sub dl{border-radius: 0;padding: 0.1rem 8.33%}
.header .nav li#m5 .sub,
.header .nav li#m72 .sub{max-width:80vw;}
.header .nav li#m5 .sub dl,
.header .nav li#m72 .sub dl{padding: 0.1rem}
.header .nav li#m5 .sub dl dt,
.header .nav li#m72 .sub dl dt{width: 16.66%}
.header .nav li#m7 .sub{max-width:200px;}
.header .nav li#m7 .sub dl dt{width: 100%;text-align: center;}
.header .other { position: relative;}
.header .top_lang{ margin-left: 1vw;}
.header .top_lang a{ color: #fff;}
.language{margin-left:1vw; line-height:30px;position: relative}
.language dt{padding: 0px .13rem; height: .4rem;border-radius: 20px; cursor: pointer;position: relative;border: solid 1px rgba(var(--rgb-white),0.4); display: flex; justify-content: center; align-items: center}
.language dt:before,
.language dt:after{content: ''; width:30px; height:30px; transition: 0.5s; background: no-repeat center center}
.language dt:before{background-image: url(../images/language.png);background-size: 0.2rem}
.language dt:after{background-image: url(../images/language_jt.svg);}
.language dd{position: absolute;width:140px; background: rgba(var(--rgb-white),0.7); border-radius:20px; transition: 0.5s;opacity: 0;left: 50%; visibility: hidden; transform: translate(-50%,0.3rem);}
.language dd a{display: block; padding-left: 0;line-height: .4rem;text-align: left;padding: 0 0.1rem}
.language dd a img{width: 0.3rem;height: auto;vertical-align: middle;margin-right: 0.1rem;}
.lan-show .language dt:after{transform: rotate(180deg)}
.lan-show .language dd{opacity: 1;transform: translate(-50%,0); visibility: visible;}

.open-search{cursor: pointer;width: 30px; height: 30px; background: url("../images/search.svg") no-repeat center center;}
.open-search{position: relative;}
.top-search{position: absolute; top:100%; right:8%; z-index: 100; width: 320px; display: none}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px; background:var(--hover-color) url("../images/search.svg") no-repeat center center;}
.search-show .top-search{display: block;}
.search-show .open-search{background: none!important;}
.search-show .open-search:before,
.search-show .open-search:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.search-show .open-search:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

@media (min-width:1025px) {
.header .nav li:not(:last-child){margin-right:1.5vw}
.header .nav li span{line-height:1rem; transition: 0.5s}
.header .nav li .sub{transition:0.3s;min-width:100%; width: max-content; max-width:480px; position:absolute; left:50%; top:100%; transform:translate(-50%,0.3rem); opacity:0; visibility:hidden;}
.header .nav li .sub:before{content: '';width: .2rem;height: .2rem;;position: absolute;transform: rotate(45deg);left: 0;right: 0;top: -.1rem; margin: auto;background: linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.9) 50%)}
.header .nav li .sub dl{display:flex; flex-wrap: wrap;background-color:rgba(var(--rgb-white),0.9); border-radius: 10px;overflow: hidden}
.header .nav li .sub dl dt{width: 50%;}
.header .nav li .sub dl dt a{color:var(--rgb-333);border-radius: 30px;}
.header .nav li.aon span a{color: rgb(var(--rgb-main-color));}
.header .nav li.active .sub{transform:translate(-50%,0);visibility:visible;opacity:1}
.top_gray .top_boxw{background:rgba(var(--rgb-000),0.5); box-shadow: 0 0 20px rgba(var(--rgb-333),0.1)}
.top_gray .nav li.aon span a{color:var(--white)}
.top_black .nav li span a{color:var(--rgb-000)}
.top_black .open-search{background-image: url("../images/search3.svg")}
.top_black .language dt{border-color:color:var(--rgb-000)}
.top_black .language dt:before{background-image: url("../images/language2.svg")}
.top_black  .language dt:after{background-image: url("../images/language_jt2.svg")}
.top_black .search-show .open-search:before, 
.top_black .search-show .open-search:after{background: color:var(--rgb-000)}
}
@media (min-width:1025px) and (max-width:1700px) {
.header .nav li span{font-size: .15rem}
.language{margin-left:.2rem; }
.header .top_lang{ margin-left: .2rem;}
}
@media (min-width:1400px) {

.header .top_lang{margin-left:.1rem;}
}
@media (min-width:1700px) {
.header .nav li:not(:last-child){margin-right:2.5vw}
.language{margin-left:.2rem; }
}
@media (max-width:1400px) {
.header .auto-inner{width:96%;}
}
@media (max-width:1024px) {
.open-menu{margin-left: .2rem; position: relative;background-color: var(--hover-color);border-radius: 50%;z-index: 10; width: 40px; height: 40px;}
.open-menu i{height: 0.03rem; width: 70%; left:0; right: 0; top:0; bottom: 0; margin: auto; position: absolute; background: #fff; transition: 0.3s;}
body:not(.menu-show) .open-menu i:nth-child(1){transform: translateY(-.1rem)}
body:not(.menu-show) .open-menu i:nth-child(3){transform: translateY(.1rem)}
body.menu-show .open-menu i:nth-child(2){opacity: 0;}
body.menu-show .open-menu i:nth-child(1){transform: rotate(-45deg);}
body.menu-show .open-menu i:nth-child(3){transform: rotate(45deg);}
body.menu-show{overflow: hidden;}
body.menu-show .nav{left: 0;opacity: 1; transform: translateX(0);}
.header .other{padding: .2rem 0}
.header .nav{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);top:0;bottom: 0; width: 3rem; background-color: rgba(var(--rgb-main-color),0.95);box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s;}
.header .nav ul{overflow: auto;}
.header .nav li{width: 100%}
.header .nav li span{line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .nav li span a{justify-content: space-between;padding: 0 3%;}
.header .nav .sub,
.header .nav .sub dl dl{display: none;}
.header .nav.active .sub{display: block;}
.language{margin-left: .2rem}
}


@media(max-width:1024px){
.has-multi aside,
.has-sub span{padding-right: 0.4rem;}
.has-multi aside .op-multi,
.has-sub span .wap-op{width: 0.4rem; height: 100%; position: absolute;right: 0;top: 0 }
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .wap-op:before,
.has-sub span .wap-op:after{content: '';position: absolute;margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 0.12rem; height: 0.02rem; background: var(--white)}
.has-multi aside .op-multi:after,
.has-sub span .wap-op:after{ width: 0.02rem; height: 0.12rem;}
}


.bottom{background:#f6f6f6 url("../images/bg_bottom.jpg") no-repeat right bottom;}
.bottom .box_t{padding-top: 4%}
.bottom .box_c{padding: 1.8% 0; }
.bottom .box_c .right{color: rgba(var(--rgb-333),0.7)}
.bottom .box_c .right h5{padding-bottom: .1rem}
.bottom .box_b{padding: 1.6% 0; border-top: solid 1px #d9d9d9}

.bottom .column li:not(:last-child){margin-right: 2vw}
.bottom .column a:not(:hover){color:color: rgba(var(--rgb-333),0.7)}
.bottom .logo{width: 1.3rem}
.bottom .contact{width: 60%}
.bottom .contact p{padding: .07rem 0; align-items: flex-start}
.bottom .contact span{display: flex;align-items: center;margin-right: .05rem}
.bottom .contact span img{max-width: 16px; margin-right: 12px;}
.bottom .contact b{flex: 1}
.bottom .contact p.False{width: 100%}
.bottom .contact p.True b{font-size: .24rem;display: block; width: 100%; flex: auto; font-weight: 700; color: rgb(var(--rgb-main-color))}
.bottom .follow{margin-right: .5rem}
.bottom .follow li{position: relative}
.bottom .follow li figure{position: absolute; visibility: hidden; bottom: 140%; left: -100%; right: -100%; opacity: 0; transform: translateY(-30px); transition: 0.5s; box-shadow:  0 0 10px rgba(0,0,0,0.1); background: #fff;}
.bottom .follow li figure img{width: 100%}
.bottom .follow li figure:after{content: ''; position: absolute; left: 0; right: 0;bottom:-10px; margin: auto; transform: rotate(137deg); width:20px; height:20px;background: linear-gradient(45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%)}
.bottom .follow li:not(:last-child){margin-right:.2rem}
.bottom .follow li a{display:flex; justify-content: center; align-items: center; width: .50rem; height: .50rem;border-radius: 100%; position: relative; cursor: pointer; transition: 0.5s; border: solid 1px rgba(var(--rgb-333),0.3)}
.bottom .follow li a img{max-height: 100%; opacity: 0.6; transition: 0.5s}
.bottom .follow li.on a{background:rgb(var(--rgb-main-color)); border-color: rgb(var(--rgb-main-color))}
.bottom .follow li.on a img{opacity: 1; filter: brightness(0) invert(1);}
.bottom .follow li.on figure{visibility: inherit; opacity: 1; transform: translateY(0);}

.bottom .ewm figure{max-width: 1.25rem}
.bottom .ewm figure img{width: 100%; border-radius: 10px;}
.bottom .copyright,
.bottom .copyright a:not(:hover){color:rgba(var(--rgb-333),0.8)}
@media(max-width:1180px){
.bottom .contact{width: 100%; padding-bottom: 3%}
.bottom .column{width: 70%}
.bottom .column li{min-width: 25%;}
.bottom .column li:not(:last-child){margin-right: 0}
}
@media(max-width:768px){
.bottom .column{width: 100%; padding-top: 3%; display: none}
.bottom .contact p.True b{font-size: .16rem}
.bottom .contact span{width: 100%}
.bottom .box_c .right{justify-content: center}
.bottom .follow{margin-right: 0; width: 100%; text-align: center}
.bottom .follow ul{justify-content: center}
}

.side_follow{width: .6rem; position: fixed;right: 1%; top:50%; transform: translateY(-50%); z-index: 90}
.side_follow a{height: .6rem; display:flex; justify-content: center; align-items: center; cursor: pointer;position: relative; z-index: 10}
.side_follow .follow{padding: .15rem .15rem .3rem .15rem;background: #fff; border-radius:30px;transition: 0.5s; visibility: hidden;opacity: 0}
.side_follow .follow li{position: relative; border-bottom: solid 1px #d9d9d9;}
.side_follow .follow li figure{white-space: nowrap; min-width: 1.8rem;padding: .1rem; border-radius:10px; position: absolute; visibility: hidden;top:50%; right:100%;margin: auto; opacity: 0; transform: translate(.6rem,-50%); transition: 0.5s; box-shadow:  0 0 10px rgba(0,0,0,0.2); background: #fff;}
.side_follow .follow li figure img{width: 100%}
.side_follow .follow li figure:after{content: ''; position: absolute; top: 0; right:-10px;bottom:0; margin: auto; transform: rotate(45deg); width:20px; height:20px;background: linear-gradient(45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%)}
.side_follow .follow li p{padding: 0; margin: 0; color: rgb(var(--rgb-main-color)) }
.side_follow .follow li a img{max-height: 100%; opacity: 0.6; transition: 0.5s}
.side_follow .follow li.on figure{visibility: inherit; opacity: 1; transform: translate(-.30rem,-50%);}
.side_follow.show .follow{transform: translateY(-.1rem); visibility: inherit;opacity: 1}
.side_follow .istop{background: rgb(var(--rgb-main-color));border-radius: 100%}

.location_menu{ line-height: .4rem; position: relative; z-index: 10}
.location_menu .auto-inner{border-bottom: solid 1px #e2e2e2}
.location_menu aside{color: #fff;padding: 0 3.5vw 0 2.5vw; background:rgb(var(--rgb-main-color));line-height:3; border-bottom-right-radius: 3vw; margin-right: 3vw; display: none}
.location{order: 2;}
.location a:first-child{margin-left: 0; padding-left: .3rem; background: url(../images/location.png) no-repeat left}
.location a{margin: 0 12px;}
.location span{padding-left: 12px;}
.menu{font-weight: 400; max-width: 70%}
.menu li{margin-right: 2vw; padding: .4rem 0; position: relative}
.menu li a{display: block;}
.menu li:after{content: '';position: absolute; left: 0; bottom: 0; width:0; height: 2px; background:rgb(var(--rgb-main-color)); transition: 0.5s}
.menu li.on a{color: rgb(var(--rgb-main-color));}
.menu li.on:after{width: 100%;}

.menu li span {display: flex; align-items: center; }
.menu li span img{width: 25px; height: 25px; margin-right: 12px; object-fit: contain; -o-object-fit: contain;}
.menu li:not(.on) span img{filter: grayscale(100%) brightness(100%); }
.menu .slick-slider{padding: 0px .75rem}
@media(max-width:1024px){
.location_menu{padding-top: .1rem;}
.location{order: -1;width: 100%;  margin-bottom: .1rem}
.menu{max-width: 100%}
.menu li{padding: .1rem 0}
}
@media(max-width:768px){
.location_menu aside{width: 100%; line-height: 2}
}


.section{padding: 6% 0}

.column_title{padding-bottom:4%}
.column_title h3{font-size: .50rem;line-height: 1.25; color: rgb(var(--rgb-main-color));padding: 0; margin: 0}
.column_title h3:after{content: ''; display: block;margin-top: .2rem; width: .5rem; height: .05rem;background:  rgb(var(--rgb-main-color))}
@media(max-width:1024px){
.column_title h3{font-size: .32rem;}
}

.services_info ul{margin-left: -.13rem; margin-right: -.13rem}
.services_info li{width: 25%;padding: .13rem; overflow: hidden}
.services_info .item{height: 100%}
.services_info .info{text-align: center; position: relative; height: 2rem}
.services_info .info h4{line-height: .4rem; height:.8rem; display: flex; align-items: flex-end; justify-content: center}
.services_info .step{padding: .2rem 0; color: rgb(var(--rgb-main-color)); position: relative;}
.services_info .step:before,
.services_info .step:after{content: '';position: absolute; }
.services_info .step:after{left: -.13rem; right: -.13rem;bottom: 0; border-bottom: dashed 1px rgba(var(--rgb-main-color),0.5);}
.services_info .step:before{background: url(../images/yuan.png); width: 16px;height: 16px; margin: auto;left: 0; right: 0; bottom:-8px; display: none;}
.services_info .icon{position: absolute;width: .4rem;height: .4rem;display: flex;align-items: center;justify-content: center;margin: 0 auto;left: 50%;transform: translateX(-50%);top: 0.95rem;background: #f08200;padding: .05rem;border-radius: 100%;}
.services_info .icon img{max-height: 80%;filter: brightness(0) invert(1);}
.services_info .plural{font-size: calc(120/1920*100vw);color: rgba(var(--rgb-main-color),0.1); line-height: 1;margin-bottom: -50%}
.services_info .box{background: #fafafa; height: calc(100% - 2rem); padding:7.952%;border-radius: 10px;position: relative; z-index: 2}
.services_info .text{width: 100%}
.services_info figure{width: 100%;padding-bottom: 60.94%; border-radius: 10px;margin-top:10%}
@media(max-width:1024px){
.services_info li{width:50%;}
}
@media(max-width:768px){
.services_info li{width:100%;}
}

.learn_more {display: flex}
.learn_more *{transition: 0.5s}
.learn_more span{border-radius: 30px; color: rgb(var(--rgb-main-color)); border: solid 2px rgb(var(--rgb-main-color));display: flex; align-items: center;padding: 0.6vw 2vw}
.learn_more span:after{content: '';margin-left:1.3vw; width: 11px; height: 17px; background: url("../images/more_jt.svg") no-repeat}
.learn_more span:hover{color: rgb(var(--rgb-white));background:rgb(var(--rgb-main-color))}
.learn_more span:hover:after{ filter: brightness(0) invert(1);}

.news_group .text{line-height:1.778; position: relative}
.news_group .text time{color: rgb(var(--rgb-main-color))}
.news_group .text p{color:rgb(var(--rgb-666))}
.news_group .slide{position: relative;padding: 2% 0; margin-bottom: 4%}
.news_group .slide:after{content: '';position: absolute; width:95%;right: 0; top: 0; bottom: 0; background: #fafafa url("../images/news_txt_bg.jpg") no-repeat right top; z-index: -1;border-radius: 20px;}
.news_group .slide figure{width: 49.375%;padding-bottom: 30%; border-radius: 20px;}
.news_group .slide .text{width: 50%; padding: 4%}
.news_group .slide .text h4{margin-top: .2rem; margin-bottom: .3rem}
.news_group .slide .text p{margin-bottom: 8%}
.news_group .list li{width:100%;}
.news_group .list figure{border-radius: 16px;padding-bottom:85%; background: #fafafa;}
.news_group .list figure:after{content: '';position: absolute; z-index: 5; width: 100%; height: 35%; bottom: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); opacity: 0}
.news_group .list .item{position: relative; display: block}
.news_group .list .text h4{line-height:1.5;margin-top: .15rem; margin-bottom: .1rem}
@media(min-width:1024px){
.news_group .list ul:after{content: ''}
.news_group .list ul:after,
.news_group .list li{width: 31.25%}
.news_group .list li:nth-child(3)~li{margin-top: 3.125%}
.news_group .list figure img{opacity: 0}
.news_group .list .text{position: absolute; width: 100%; bottom: 0; padding:9%; z-index: 5}
.news_group .list li:hover figure img{opacity:1}
.news_group .list li:hover figure:after{opacity: 1}
.news_group .list li:hover .text{padding-top: 5%; padding-bottom: 5%;}
.news_group .list li:hover h4{color: #fff}
.news_group .list li:hover time,
.news_group .list li:hover p{visibility: hidden; height: 0;}
}
@media(min-width:1240px){
.news_group .list figure{padding-bottom: 62%;}
}
@media(max-width:1024px) and (min-width:640px){
.news_group .list li{width:48%}
.news_group .list li:nth-child(2)~li{margin-top:4%}
}
@media(max-width:1024px) {
.news_group .list figure{padding-bottom: 62%;}
.news_group .list .text{padding: 3% 0;}
}
@media(max-width:640px) {
.news_group .text time{position: absolute; left: 0; top: -.3rem; line-height: .3rem; padding:0 .2rem; color:rgb(var(--rgb-white));background: rgb(var(--rgb-main-color));border-bottom-left-radius: 20px}
.news_group .slide figure,
.news_group .slide .text{width: 100%}
.news_group .slide figure{padding-bottom: 62%;}
.news_group .slide .text h4{margin: 0}

.news_group .list li:not(:last-child){margin-bottom:5%}
}

.about_group{padding-top:calc(4% + 1.2rem); padding-bottom:3%; position: relative;margin-top: -1.2rem;background: url("../images/bg_about.jpg") no-repeat left bottom; background-size: 100%; }
.about_group figure{position: absolute; right: -18%; bottom:-17.5%; margin: auto; width:62.5%;padding-bottom: 62.5%;}
.about_group figure img{width: 100%; height: 100%; position: absolute; border-radius: 100%;border: dashed 1px rgba(var(--rgb-main-color),0.3); object-fit: contain; -o-object-fit: contain}
.about_group .left_part{width: 50%; position: relative; z-index: 11}
.about_group .article{line-height: 2}
@media(max-width:1024px) {
.about_group {padding-top: 6%; margin-top: 0}
.about_group figure img{border: none; opacity: 0.6}
.about_group .left_part{width: 100%}
}

.number_count span{color: rgb(var(--rgb-main-color)); font-size: calc(50/1920*100vw)}
.number_count i{font-style: normal}
.number_count .ani{position: absolute}
.number_count .opa{opacity: 0}
.number_count sup{color: rgb(var(--rgb-main-color))}
@media(max-width:1024px) {
.number_count{padding: 4% 0}
.number_count span{font-size: calc(50/1024*100vw)}
}

.certificate_group{background:#faf9f7 url("../images/bg_certificate.jpg") no-repeat left bottom; background-size: 100%; position: relative}
.certificate_group .listSwiper{position: relative;padding: 0 9.375vw; width:94.5%;margin: auto}
.certificate_group .listSwiper:before,
.certificate_group .listSwiper:after{content: ''; position: absolute; bottom: 0; width: 9.375vw;height: 50px;}
.certificate_group .listSwiper:before{left: calc(100% - 9.375vw); background: url("../images/certificate_bgR.png") no-repeat right top}
.certificate_group .listSwiper:after{right: calc(100% - 9.375vw); background: url("../images/certificate_bgL.png")  no-repeat left top}
.certificate_group .swiper{padding-bottom: 50px; margin: auto;background: url("../images/certificate_bgC.png") repeat-x bottom}

.certificate_group .swiper-wrapper{align-items: flex-end;}
.certificate_group .swiper-slide {background: url("../images/certificate_imgbg.jpg") no-repeat center center; background-size: cover; transform-origin: bottom center;}
.certificate_group .swiper-slide a{display: block;}
.certificate_group .swiper-slide figure{margin: .2rem;padding-bottom: 130.315%}

@media(max-width:1700px){
    .certificate_group .swiper-button-prev{left:-.5rem }
    .certificate_group .swiper-button-next{right:-.5rem }
}


/* .history_group{background:#fbfcfd url("../images/bg_history2.jpg") no-repeat left bottom; background-size: 100%;} */
.history {position: relative; padding: 0 .3rem; margin: 0 1rem; }
.history::before{ content: ''; position: absolute; left: 0; top: 3.25rem; width: 100%; height: 3.63rem; background-color: #e7e7e7;} 
/* .history:after{content: ''; position: absolute; left: 0; top:35px; width: 100%; height: 1px; background: #e8e8e9} */
/* .history .icon{ margin: auto; width: 26px; height: 26px;border-radius: 100%;background: #cccccc; border: solid 9px rgb(var(--rgb-white)); box-shadow: 0 0 0 1px #ccc; position: relative; transform: translateY(-12px) }
.history .icon:before{content: '';position: absolute; margin: auto; left: 0; right: 0; top: 0; width: 1px; height: 42px;border-left: dashed 1px #ccc; z-index: -1} */

/* .history .box{padding:0 12.966%; transition: 0.5s; border-radius: 10px;position: relative}
.history figure{padding-bottom:58.335%; border-radius: 10px;}
.history .text{height: 0; visibility: hidden; opacity: 0; transition: 0.5s} */
/* .history .swiper{padding: 12px;} */
/* .history .swiper-slide{padding: .2rem; width: 25%}
.history .swiper-slide-active{width: 50%}
.history .swiper-slide:hover .year,
.history .swiper-slide-active .year{color: rgb(var(--rgb-main-color));transform: scale(1.1)}
.history .swiper-slide:hover .icon,
.history .swiper-slide-active .icon{background: rgb(var(--rgb-main-color));box-shadow: 0 0 0 1px rgb(var(--rgb-main-color))}
.history .swiper-slide:hover .icon:before,
.history .swiper-slide-active .icon:before{border-left-color: rgb(var(--rgb-main-color))}
.history .swiper-slide-active .box{width: 130.65%; left: -15.325%; padding:8%; box-shadow: 0 0 .2rem .04rem  rgba(var(--rgb-000),0.08)}
.history .swiper-slide-active .text{padding-bottom:6%; height: auto; opacity: 1; visibility: inherit} */
.history .swiper-button-prev,
.history .swiper-button-next{top:50%;   }
.history .swiper-button-next{right: -8%;}
.history .swiper-button-prev{left: -8%;}
.history .swiper::before,
.history .swiper::after{ content: ''; position: absolute; left: 0; width: 100%; height: .24rem; background: url(../images/history_line.png) repeat-x left center; background-size: auto .24rem; }
.history .swiper::before{ top: 3.38rem;}
.history .swiper::after{ top: 6.5rem;}
.history .box{ padding-left: .6rem; padding-bottom: .2rem; position: relative;}
.history .box::before{ content: ''; position: absolute; left: .1rem; bottom: 0; width: 1px;  height: calc( 100% - .1rem); background-color: #f08200; }
.history .year{ transition: 0.5s; line-height: 1.6; margin-bottom: .15rem; color: #f08200;}
.history .item{ display: flex; flex-flow: column wrap;}
.history .text{ height: 2.3rem; overflow: auto; line-height: 1.8; }
.history figure{padding-bottom:2.56rem; border-radius: 0; margin: .55rem 0;}

.history .item .icon{ position: absolute; left: 0; top: 0; width: .2rem; height: .2rem; background-color: rgba(240,130,0,.2); border-radius: 100%; }
.history .item .icon::before{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #f08200; border-radius: 100%; width: .09rem; height: .09rem; }



@media(min-width:1201px){
	.history .item{ padding-bottom: 3.6rem;}
	.history .item:nth-child(2n){ padding-top: 3.23rem;padding-bottom: 0;}
.history .item:nth-child(2n) .box{ order: 2; padding-top: .2rem; padding-bottom: 0;   }
	.history .item:nth-child(2n) .box::before{ bottom: .1rem;}
	.history .item:nth-child(2n) .icon{ top: auto; bottom: 0;}
}
@media(max-width:1200px){
/* .history .box{padding: 0}
.history .swiper-slide-active .box{width: 100%; left: auto}
.history .swiper-slide{width: 100%; padding-left: 0; padding-right: 0; opacity: 0.4}
.history .swiper-slide-active{width: 100%; opacity: 1} */
.history{ margin: 0 .3rem;}
}
@media(max-width:768px){
.history {padding: 0}
}

.about_video{border-radius: 20px; overflow: hidden;position: relative; overflow: hidden}
.about_video figure img{width: 100%}
@media(max-width:1024px){
.about_video figure{width: 150%; max-width: inherit}
}

.product_group{ padding-left:4vw;padding-right:4vw; background:#fdfdfd url("../images/bg_product.jpg") no-repeat left bottom; background-size: 100%;}
.product div.item figure{width:50%;padding-bottom:38.125%}
.product div.item .text{width: 45%;padding:2% 0}
.product div.item h4 a{color: rgb(var(--rgb-main-color))}
.product div.item .desc{margin-top:.2rem; margin-bottom: .4rem}
.product a.item{background: #fff; border-radius: 10px; max-width: 3.8rem;margin: auto; cursor: pointer; transition: 0.5s}
.product a.item figure{width:50%;padding-bottom:42.108% }
.product a.item .text{width: 50%}
.product a.item .text{padding: .3rem 0 .3rem .3rem}
.product a.item h4{margin-bottom: .2rem;line-height: 2}
.product a.item .icon{display: inline-block; border-radius:20px; background: #eeeeee}
.product a.item .icon:before{content: ''; width: .6rem; height: .3rem; display: block; background: url("../images/jt.svg") no-repeat center center}
.product .swiper-slide:not(.swiper-slide-active) div.item{opacity: 0!important}
.product .swiper-slide-thumb-active a.item,
.product a.item:hover{color:rgb(var(--rgb-white));  background:  rgb(var(--rgb-main-color))}
.product .swiper-slide-thumb-active a.item .icon,
.product a.item:hover .icon{background:rgba(255,255,255,0.2);filter: brightness(0) invert(1);}
.product .swiper-button-prev{left: -5vw}
.product .swiper-button-next{right: -5vw}

.product_relation{background: linear-gradient(#fbfbfb,#fff); padding-left:4vw;padding-right:4vw}
.product_relation .product{position: relative}
.product_relation .product a:not(:hover).item{background: #fafafa;}

@media(max-width:1200px){
.product a.item{max-width: inherit}
}
@media(max-width:768px){
.product figure{order: -1}
.product div.item .text,
.product div.item figure,
.product a.item figure,
.product a.item .text{width: 100%}
.product a.item .text{padding: .1rem}
}

@media(min-width:1024px){
.product_group .column_title{position: absolute;}
.product div.item .text{padding-top: 10%}
.product div.item figure{transform: translateY(-10%)}
}

.article{line-height:1.778}

.solutions_info{padding-bottom: 3%}
.solutions_img{text-align: center;}
.solutions_img:not(:last-child){padding-bottom: .2rem}
.solutions_img img{width: 100%; border-radius: .15rem;}
.solutions_info.flex-jcsb .list_part{width: 41%}
.solutions_info.flex-jcsb .right_part{width: 52%}
.solutions_info.flex-jcsb .right_part img{border: solid 1px #f5f5f5; border-radius: 15px;}
.solutions_info .right_part.flex-jcsb{gap:.15rem; padding-top: 3%}
.solutions_info .right_part.flex-jcsb figure{flex: 1; display: flex; justify-content: center; align-items: center;background: #fafafa; border: solid 1px #eaeaea;border-radius: .15rem; overflow: hidden}
@media(max-width:1024px){
.solutions_info.flex-jcsb .list_part,
.solutions_info.flex-jcsb .right_part{width:100%}
.solutions_info .right_part.flex-jcsb figure{width:calc(50% - .15rem); flex: auto}
}
@media(max-width:640px){
.solutions_info .right_part.flex-jcsb figure{width:100%}
}



.projects_list li{width:100%;}
.projects_list figure{border-radius: 16px;padding-bottom:72%;}
.projects_list .text{line-height:1.25;padding-top: .15rem;}
@media(min-width:1024px){
.projects_list ul:after{content: ''}
.projects_list ul:after,
.projects_list li{width: 31.25%}
.projects_list li:nth-child(3)~li{margin-top: 3.125%}
}
@media(max-width:1024px) and (min-width:640px){
.projects_list li{width:48%}
.projects_list li:nth-child(2)~li{margin-top:4%}
}
@media(max-width:640px) {
.projects_list li:not(:last-child){margin-bottom:5%}
}


.projects_info .left_part{ flex: 1; min-width: 0;}
.projects_info .right_part{width: 4rem; margin-left: 3%;}
.projects_info .item figure{padding-bottom:43.75%;border-radius: 15px}
.projects_info .swiper-slide img{transition:1s linear 2s; transform:scale(1.1,1.1);}
.projects_info .swiper-slide-active img{transition:6s linear;transform:scale(1,1);}

@media(max-width:1440px) {
    .projects_info .right_part {width: 3rem;}
}
@media(max-width:1280px) {
    .projects_info .left_part {flex: auto;}
    .projects_info .right_part {width: 100%; margin-left: 0; margin-top: 0.5rem;}
}
.sub_title {line-height: 1.25; padding-bottom:3%}

.projects_info .article img{border-radius: 15px;}

.projects_editor .part:not(:last-child){padding-bottom:8%}

.projects_editor[data-type=one] .part .info{/*width: 45%*/ text-align: justify}
.projects_editor[data-type=one] .part .info h5.mp{text-align: left}
@media(min-width:1024px) {
.projects_editor[data-type=one] .part .pic{width: 49.375%;}
.projects_editor[data-type=one] .part:nth-child(odd) .pic{float: left; margin-right: 5%;}
.projects_editor[data-type=one] .part:nth-child(even) .pic{ float: right; margin-left: 5%}
}
@media(max-width:1024px) {
.projects_editor[data-type=one] .part .info{padding-top: 4%}
}

.projects_editor[data-type=two] .part .pic{width: 49.375%}
@media(max-width:640px) {
.projects_editor[data-type=two] .part .pic{width: 100%; padding: 2% 0;}
}

.contact_info{position: relative; overflow: hidden;background: url("../images/bg_contact.jpg") no-repeat center center;background-size: cover}
.contact_info figure{position: absolute; width: 100%; height: 100%;top: 0; z-index: -1}
.contact_info figure img{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.contact_info .left_part{width: 30%}
.contact_info .left_part .article{padding-top: 5%}
.contact_info .right_part{width: 60%}
.contact_info .right_part li{padding: .3rem 0; border-bottom: solid 1px #e6e6e6}
.contact_info .right_part .icon{width: .8rem; height: .8rem; border-radius: 100%; background: #ffffff; box-shadow: 18px 18px 70px  0 rgba(0,0,0,0.05)}
.contact_info .right_part .icon img{max-width: 80%; max-height: 80%;}
.contact_info .right_part .text{width: calc(95% - .8rem)}
.contact_info .right_part .text p{width:70%}
@media(max-width:1200px) {
.contact_info .right_part .text p{width:100%}
}
@media(max-width:1024px) {
.contact_info .left_part,
.contact_info .right_part{width:100%}
}

.contact_form .form_main{padding: 3% 2%; background: url("../images/bg_form.jpg") no-repeat center center;background-size: cover; border-radius: 20px}
.contact_form .div_item{display: flex;flex-wrap: wrap; padding: .1rem 0}
.contact_form .div_item:not(.full){width: 48%}
.contact_form .div_item.full{width:100%}
.contact_form .f_name{width: 1.5rem; margin-right: .15rem; text-align: right; line-height: .6rem}
.contact_form .f_name span{color: #ff0000;}
.contact_form .text{flex: 1; background: #fff;height: .6rem; padding: .1rem;border-radius: 6px;border: solid 1px #e5e5e5;}
.contact_form textarea.text{height: 1.4rem}
.contact_form .div_button{width: 100%; text-align: center;padding:2%}
.contact_form .btn{	width: 2rem;height: .6rem;padding-right: .2rem; background: #f08200 url(../images/btn_jt.svg) no-repeat 1.30rem;border-radius: 30px;border: none; cursor: pointer; color: #fff;font-size: var(--font-size18); transition: 0.5s}
.contact_form .btn:hover{background-color: #ff8b02}
@media(max-width:1024px) {
.contact_form .div_item:not(.full){width:100%}
}
@media(max-width:640px) {
.contact_form .div_item{padding: 0.05rem 0}
.contact_form .f_name{width: 100%; text-align: left; line-height: .4rem;}
}

.search_list li{padding: 1.5% 0;border-bottom: solid 1px #e5e5e5; }
.search_list time{color: #666666;float: right}


.popular li {padding:0.3rem 0; border-bottom: solid 1px #e5e5e5; line-height: 1.5}
.popular li a {display: block; padding-left:1.5em; position: relative;}
.popular li a:before,.popular li a:after {content: ''; display: block; position: absolute; top:50%;}
.popular li a:before{ width: 1em; height: 1em; left:0; transform: translateY(-50%); background-color: rgba(133,134,140,0.15); border-radius: 0.25em;}
.popular li a:after {width:0.3em; height: 0.3em; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; transform: translateY(-50%) rotate(-45deg); left:0.3em;}

.detail_info{background: #fafafa; padding: .4rem}
.detail_info .left_part{width:calc(98.105% - 4rem); padding: 3%}
.detail_info .right_part{width:4rem}
.detail_info .part{background: #fff; padding:15% 10%}
.detail_info .part:not(:last-child){margin-bottom:8%}

.detail_info .sub{line-height: 1.25; padding-bottom:10%}
.detail_info .sub h3:after{content: ''; display: block;margin-top: .2rem; width: .3rem; height: .03rem;background:  rgb(var(--rgb-main-color))}

.detail_info .search .box{ background: #eeeeee; display: flex; height: .54rem;padding: .1rem;}
.detail_info .search .text{color: #666666; width:calc(100% - .54rem);background: none; border: none}
.detail_info .search .btn{width: .54rem;background: url("../images/search2.svg") no-repeat center center; cursor: pointer}
.detail_info .related li{padding:10% 0; border-bottom: solid 1px #e5e5e5; line-height: 1.5}
.detail_info .related li .box{ display: flex; align-items: flex-start;}
.detail_info .related li .pic{ width: .8rem; flex-shrink: 0; margin-right: .15rem;}
.detail_info .related li .pic i{ display: block; padding-top: 100%; overflow: hidden; border-radius: 100%; position: relative;}
.detail_info .related li .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; }
.detail_info .related li .textwarp{ flex: 1; min-width: 0;}
.detail_info .related li time{color: #666666; display: block; padding: 2% 0}
.detail_info .related li:hover time{color: rgb(var(--rgb-main-color))}

.projects_info .related:not(:first-child){ margin-top: .6rem; }
.projects_info .related li{padding:0.3rem 0; border-bottom: solid 1px #e5e5e5; line-height: 1.5}
.projects_info .related li .box{ display: flex; align-items: flex-start;}
.projects_info .related li .pic{ width: .8rem; flex-shrink: 0; margin-right: .15rem;}
.projects_info .related li .pic i{ display: block; padding-top: 100%; overflow: hidden; border-radius: 100%; position: relative;}
.projects_info .related li .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; }
.projects_info .related li .textwarp{ flex: 1; min-width: 0;}
.projects_info .related li time{color: #666666; display: block; padding: 2% 0}
.projects_info .related li:hover time{color: rgb(var(--rgb-main-color))}
.projects_info .Product_related li{ padding: 4% 0;}




.prevnext{position: relative}
.prevnext:after{content: ''; position: absolute; left:5%; top: 0; bottom: 0; right: 0;margin: auto; width: 1px; height: 60%; background: #e5e5e5}
.prevnext a{display: flex; align-items: center}
.prevnext .prev a:before,
.prevnext .next a:after{content: ''; width: .6rem; height: .3rem;border-radius:20px; display: block; background:#eeeeee url("../images/jt.svg") no-repeat center center}
.prevnext .prev a:before{margin-right: .1rem;transform: rotate(180deg)}
.prevnext .next a:after{margin-left: .1rem}
.prevnext a:hover:before,
.prevnext a:hover:after{background:rgba(var(--rgb-main-color),0.2) url("../images/jt2.svg") no-repeat center center;}

.detail_title{padding: 2% 0; border-bottom: solid 1px #e5e5e5}
.detail_title h1{line-height: 1.25}
.detail_title dl{padding:2% 0; color: rgb(var(--rgb-main-color))}

.detail_article{color: #666666; line-height: 1.78; padding: 3% 0}

.detail_back{text-align: center}
.detail_back a{display: inline-block; width: 2rem;line-height: .6rem;padding-right: .2rem; background: #f08200 url(../images/back.svg) no-repeat 1.30rem;border-radius: 30px;border: none; cursor: pointer; color: #fff;font-size: var(--font-size18); transition: 0.5s}
.detail_back a:hover{background-color: #ff8b02}

@media(max-width:1280px) {
.detail_info {padding: .2rem}
.detail_info .left_part{width: 66%;padding: 0}
.detail_info .right_part{width: 30%}
.detail_info .part{padding:6%}
}
@media(max-width:1024px) {
.detail_info .left_part,
.detail_info .right_part{width:100%}
.detail_info .right_part{margin-top: 5%}
.detail_info .part{padding: 4%}
.detail_info .part:not(:last-child){margin-bottom:4%}
.detail_info .sub{ padding-bottom:5%}
.detail_info .related li{padding: 3% 0}
}

/*index start*/

.prev_next{position: relative;width:8.334vw; z-index: 11;}
@media(max-width:1200px) {
.prev_next{width:1.1rem;}
}

#fullpage section .fadeInUpSmall{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0.5s
  }
#fullpage section.active .fadeInUpSmall{visibility: visible!important; animation-name: fadeInUpSmall!important;}

#fullpage .section{padding: 0}
#fullpage .side_follow{display:none}

.ind_banner{position: relative}
.ind_banner figure .pc{width: 100%; height: 100vh}
.ind_banner figure .wap{display: none}
.ind_banner video{width: 100%; height: 100%;object-fit: cover; -o-object-fit: cover;object-position: bottom;}
.ind_banner .infotxt{position: absolute; width: 100%; top:50%; transform: translateY(-50%); z-index: 10}
.ind_banner .txt{ color: #fff; opacity: 0; transform: translateY(60px); transition: 0.5s}
.ind_banner .txt h3{font-size: calc(72/1920*100vw); line-height: 1}
.ind_banner .txt span{color: rgb(var(--rgb-main-color))}
.ind_banner .more{color: #fff; display: inline-block;line-height: .8rem;padding-left: .9rem; margin-top: .3rem;background: url("../images/more.svg") no-repeat left; background-size: contain }
.ind_banner .swiper-slide-active .txt{ transform: translateY(0); opacity: 1}
.ind_banner .controls{position: absolute; width: 100%; bottom:10%; z-index: 10}
.ind_banner .swiper-pagination-horizontal{width: auto;}
.ind_banner .swiper-pagination-bullet{width: .4rem; height: .04rem; background: #fff; border-radius: 0}
.ind_banner .swiper-pagination-bullet-active{width: .7rem;}
@media(min-width:1024px){
.ind_banner .open-video{display: none}
.ind_banner .swiper-slide{height: 100vh}
}
@media(max-width:1024px){
.ind_banner figure .pc{display:none}
.ind_banner figure .wap{display:block}
.ind_banner .txt h3{font-size: calc(72/1024*100vw);}
.ind_banner .more{line-height: .4rem; padding-left: .5rem}
}

.ind_about{background: no-repeat left bottom ;background-size: 100%}
.ind_about .left_part{width: 40%}
.ind_about .right_part{width:45%}
.ind_about .number_count{padding-top: 6%; padding-bottom: 7%}
@media(min-width:1025px){
	.ind_about .column_title{ padding-top: 25vh;}
}
@media(max-width:1024px){
.ind_about {padding: 5% 0!important}
.ind_about .left_part,
.ind_about .right_part{width:100%}
.ind_about .right_part{padding-bottom: 15%}
}

.ind_SCL{background: no-repeat center center; background-size: cover; position: relative;}
.ind_SCL .fp-tableCell {position: relative;}
.ind_SCL video {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; background-color: #000;}
.ind_SCL .column_title{margin-bottom: 10%}
/* .ind_SCL .column_title h3{color: #fff} */
.ind_SCL .left_part{width: 40%}
.ind_SCL .right_part{width:45%; max-width: 550px}
.ind_SCL .article{position: relative}
.ind_SCL .article ul{position: absolute; width: 100%; height:92%; color: #fff; text-align: center}
.ind_SCL .article ul li{width: 100%}
.ind_SCL .article ul li:last-child{font-weight: 700;calc(var(--font-size30))}
.ind_SCL .article figure img{width: 100%}
@media(max-width:1024px){
.ind_SCL {padding: 5% 0!important}
.ind_SCL .column_title{margin-bottom: 0}
.ind_SCL .left_part,
.ind_SCL .right_part{width:100%}
.ind_SCL .right_part{padding-top: 5%}
}

.ind_solutions .column_title {position: absolute;top:15%;z-index: 10}
/* .ind_solutions .column_title h3{color: #fff} */
.ind_solutions .info_list{color: #fff}
.ind_solutions .info_list .infotxt{position: absolute;width: 100%; top: 30%}
.ind_solutions .info_list .article{width: 40%}
.ind_solutions .info_list .article p{margin-top: .2rem; margin-bottom: .6rem}
.ind_solutions .info_list figure img{width: 100%; height: 100vh; object-fit: cover; -o-object-fit: cover}
.ind_solutions .title_list{position: absolute; width: 100%; bottom: 0; z-index: 10}
.ind_solutions .title_list .item{position: relative;display: block;border-radius: 20px 20px 0px 0px;text-align: center;overflow: hidden; cursor: pointer}
.ind_solutions .title_list .item:after{content: '';position: absolute;left: 0; top: 0; width: 100%; height: 100%; background:rgba(255,255,255,0.9); filter:blur(2px);-webkit-filter:blur(2px);transition: 0.5s}
.ind_solutions .title_list .text{position: relative; z-index: 2; padding: .3rem .2rem; transition: 0.5s}
.ind_solutions .title_list .text span{width: 34px; height: 34px;margin: auto; display: flex; justify-content: center; align-items: center}
.ind_solutions .title_list .text span img{max-height:100%; transition: 0.5s}
.ind_solutions .title_list .text h4{margin-top: .1rem}
.ind_solutions .title_list .item:hover .text,
.ind_solutions .title_list .swiper-slide-thumb-active .item .text{color: #fff; padding: .42rem .2rem}
.ind_solutions .title_list .item:hover .text span img,
.ind_solutions .title_list .swiper-slide-thumb-active .item .text span img{ filter: brightness(0) invert(1);transform: scale(1.2)}
.ind_solutions .title_list .item:hover:after,
.ind_solutions .title_list .swiper-slide-thumb-active .item:after{background:  rgba(var(--rgb-main-color),0.8)}
.ind_solutions .title_list .swiper-wrapper{align-items: flex-end;}  
@media(max-width:1024px){
.ind_solutions .info_list .article{width:100%}
}

.ind_projects .column_title {position: absolute;top:15%;z-index: 10}
/* .ind_projects .column_title h3{color: #fff} */
.ind_projects .info_list{color: #fff}
.ind_projects .info_list .infotxt{position: absolute;width: 100%; top: 30%; z-index: 5}
.ind_projects .info_list .article{width: 40%}
.ind_projects .info_list .article p{margin-top: .2rem; margin-bottom: .6rem}
.ind_projects .info_list figure {background: #000}
.ind_projects .info_list figure img{width: 100%; height: 100vh; object-fit: cover; -o-object-fit: cover; opacity: 0.7}
.ind_projects .title_list{position: absolute; top: 30%;width: 3.4rem; z-index: 10;}
.ind_projects .title_list .swiper{height:30vw}
.ind_projects .title_list .swiper-slide{display: flex; align-items: center;cursor: pointer}
.ind_projects .title_list .swiper-slide a{display: block; width: 100%; color: rgb(var(--rgb-white)); position: relative}
.ind_projects .title_list .swiper-slide a:after{content: '';position: absolute; width: .6rem; height: .3rem;top: 0; bottom: 0;right:.5rem; margin: auto; border-radius: 15px;border: solid 1px rgb(var(--rgb-main-color)); background: url("../images/jt2.svg") no-repeat center center; opacity: 0; transition: 0.5s}
.ind_projects .title_list .swiper-slide:before,
.ind_projects .title_list .swiper-slide:after{content: '';position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;transition: 0.5s}
.ind_projects .title_list .swiper-slide:after{background:  rgba(var(--rgb-white),0.5)}
.ind_projects .title_list .swiper-slide:before{width: 0;height: 2px;}
.ind_projects .title_list .swiper-slide-thumb-active:not(.swiper-slide-duplicate):before{width: 100%;background: rgb(var(--rgb-main-color))}
.ind_projects .title_list .swiper-slide-thumb-active:not(.swiper-slide-duplicate) a{color: rgb(var(--rgb-main-color))}
.ind_projects .title_list .swiper-slide-thumb-active:not(.swiper-slide-duplicate) a:after{opacity: 1;right: 0}
.ind_projects .prev_next{position: absolute;top:80%;left:60%}
@media(max-width:1024px){
.ind_projects .info_list .article{width:100%}
.ind_projects .title_list{top: auto; bottom: 0}
.ind_projects .title_list .swiper{height:30vh}
.ind_projects .prev_next{top: auto; left: auto; right: 5%; bottom:5%}
}

.ind_news{padding: 6% 0!important; background:url("../images/bg_news.jpg") no-repeat center center; background-size: cover; overflow: hidden}
.ind_news .item{position: relative;/*padding:5.557% 0;*/padding:2% 0;}
.ind_news .item:after{content: '';position: absolute; width:95%;right: 0; top: 0; bottom: 0; background: #fff url("../images/news_txt_bg2.png") no-repeat right top; background-size: 100%; z-index: -1;border-radius: 20px;}
.ind_news .item figure{/*width:44.445%;padding-bottom:33.335%;*/width:15.445%;padding-bottom:10%; border-radius: 20px;}
.ind_news .text{/*width:54%;*/width:83%; /*padding: 4%*/;padding:2%;line-height:1.778;}
.ind_news .text time{color:rgb(var(--rgb-666))}
.ind_news .text h4{margin-top: .1rem; margin-bottom: .1rem; line-height: 1.25}
.ind_news .text p{color:rgb(var(--rgb-666))}
.ind_news .swiper{/*overflow: inherit;*/ margin-bottom:6%}
.ind_news .other{position: relative}
.ind_news .swiper-pagination{width: calc(100% - 10vw); position: relative}
.ind_news .fadeInUpSmall{visibility: visible!important; animation-name: fadeInUpSmall!important;}

@media(max-width:1024px){
.ind_news .swiper-pagination{width: calc(100% - 1.5rem);}
.ind_news .swiper{ margin-bottom:10%}
.ind_news .item figure{width:35%;}
.ind_news .text{width:60%;}
}
/*index end*/
.banner img {display: block; width: 100%; height: auto;}

/*page_SCL*/
.page_SCL .main_box{display: flex;flex-wrap: wrap; justify-content: space-between}
.page_SCL .left_box{width:48%;}
.page_SCL .right_box{width:50.9%;}
.page_SCL .entry {margin-bottom: 0.3rem; line-height: 2em;}
.page_SCL .large {border: 0.04rem solid #eee; margin-bottom: 15px;}
.page_SCL .large .img {padding-bottom:62.5%; background:no-repeat center center; background-size: cover;}
.page_SCL .large .swiper-slide{position: relative;}
.page_SCL .large .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.page_SCL .large .video video{width: 100%;height: 100%;object-fit: contain;}
.page_SCL .small {padding:0 0.6rem; position: relative;}
.page_SCL .small .swiper-slide {height: auto; padding-bottom: 1px; cursor: pointer;}
.page_SCL .small .text {background-color: #f9f9f9; border:1px solid #e4e4e4; padding:0.5em 1em; display: flex; align-items: center; justify-content: center; height: 100%;}
.page_SCL .arrow {width:0.35rem; height:0.35rem; margin-top: 0; transform: translateY(-50%);}
.page_SCL .small .swiper-slide-thumb-active .text {background: rgb(var(--rgb-main-color)); color:#fff; border-color:rgb(var(--rgb-main-color));}
.page_SCL .swiper-button-disabled{opacity: 0.5; cursor: default}
.page_SCL .lighting .group:not(.cur){display: none}
.page_SCL .lighting dl{padding: .1rem 0}
.page_SCL .lighting dt{color: rgb(var(--rgb-main-color));  padding-left: 0rem; padding-top: 0.08rem; font-weight: 700}
.page_SCL .lighting dd{padding: .2rem .2rem .2rem 0; gap:.1rem; display: flex; flex-wrap: wrap}
.page_SCL .lighting dd a{cursor: pointer; display: block; line-height:2.5; border-radius: 30px; padding: 0 .2rem; transition: 0.5s}
.page_SCL .lighting dd a:hover,
.page_SCL .lighting dd a.show{color: #ffffff; background: #000000!important}
.page_SCL .lighting_img{position: absolute; width: 100%; height: 100%; top: 0; z-index: 10}
.page_SCL .lighting_img img{width: 100%; height: 100%; object-fit: cover; -0-object-fit: cover}

@media(max-width:1024px){
.page_SCL .left_box{width: 100%; display: flex; flex-wrap: wrap}
.page_SCL .right_box{width: 100%;order: -1}
.page_SCL .entry{}
.page_SCL .lighting{order: -1}
}


.ProductInfo_new .imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.ProductInfo_new .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;}
.ProductInfo_new .imgbox img{ width:100%;height:100%;object-fit: contain;}

.ProductInfo_base{padding:6% 0;}
.ProductInfo_base .ProductInfo_baseimg{width:48%;float:left;margin-top:0.15rem;}
.ProductInfo_base .ProductInfo_baseimg .slider-for{border:1px solid #e6e6e6;}
.ProductInfo_base .ProductInfo_baseimg .slider-for .item .img{padding-top:90%;}

.ProductInfo_base .ProductInfo_baseimg .slider-nav{margin-top:0.2rem;padding:0 0.6rem;}
.ProductInfo_base .ProductInfo_baseimg .slider-nav .item{padding:0 0.1rem;}
.ProductInfo_base .ProductInfo_baseimg .slider-nav .item .img{padding-top:64%;border:1px solid #e6e6e6;}
.ProductInfo_base .ProductInfo_baseimg .slider-nav .item.slick-current .img{border:2px solid rgb(var(--rgb-main-color));}


.ProductInfo_base .ProductInfo_basetxt{width:47%;float:right;padding:0 0;}
.ProductInfo_base .ProductInfo_basetxt .name{font-size: 0.32rem;font-weight: bold;margin-bottom:0.1rem;}
.ProductInfo_base .ProductInfo_basetxt .tag{font-size: 0.22rem;font-weight: bold;color:rgb(var(--rgb-main-color));}
.ProductInfo_base .ProductInfo_basetxt .con{font-size: 0.18rem;margin-top:0.3rem;}
.ProductInfo_base .ProductInfo_basetxt .con p{margin:0 0;padding:0;}

.ProductInfo_cs{padding-top:0.3rem;}
.ProductInfo_cs .ProductInfo_cs_con table{width:100%;border:1px solid #e6e6e6;}
.ProductInfo_cs .ProductInfo_cs_con table tr td,.ProductInfo_cs .ProductInfo_cs_con table tr th{padding:0.1rem 0.3rem;border:1px solid #e6e6e6;line-height: 1.5;text-align: center;}
.ProductInfo_cs .ProductInfo_cs_con table tr th{font-weight: bold;background: rgb(var(--rgb-eee));color:rgb(var(--rgb-333))}

@media(max-width:1024px){
	.ProductInfo_base .ProductInfo_baseimg{width:100%;}
	.ProductInfo_base .ProductInfo_basetxt{width:100%;margin-top:0.3rem;}
	.ProductInfo_cs .ProductInfo_cs_con table tr td,.ProductInfo_cs .ProductInfo_cs_con table tr th{padding:0.1rem;}
	.ProductInfo_base .ProductInfo_baseimg .slider-nav .item{padding:0 0.05rem;}
	.slick-arrow{width:32px;height:32px;}
	.side_follow{top:auto;bottom:10%;transform: translateY(0);}
}



.history_group .hisThumb .auto-inner{}
.history_group .hisThumb .swiper-slide{cursor: pointer}
.history_group .hisThumb .i {position: relative;padding:.2rem 0 .15rem;text-align: center;border-bottom: 1px solid #ebebeb;margin-bottom: .48rem;}
.history_group .hisThumb .i p{color: #999;margin: 0;position: relative;}
.history_group .hisThumb .i p::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: .2rem;height: .2rem;border-radius: 100%;background: #ebebeb;margin-bottom: -.25rem;}
.history_group .hisThumb .i .ico{position: absolute;width: .9rem;height: .33rem;background: url(../images/hisThumb-i.png)no-repeat center;background-size: contain;left: 50%;bottom: 0;transform: translateX(-50%);opacity: 0;}
.history_group .hisThumb .cur .i p{color: #f08200;}
.history_group .hisThumb .cur .i .ico{opacity: 1;}
.history_group .hisThumb .cur .i p::after{background: #CCC;}

.history_group .hisbox{position: relative}
.history_group .hisbox::before{content: '';position: absolute;left: 0;top: 0;width: calc( (100% - 10rem) / 2);height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.85) 50%, rgba(0, 0, 0, 0) 100%);z-index: 10}
.history_group .hisbox::after{content: '';position: absolute;right: 0;top: 0;width: calc( (100% - 10rem) / 2);height: 100%;background: linear-gradient(to left, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.85) 50%, rgba(0, 0, 0, 0) 100%);z-index: 10}
.history_group .hisbox .inner{max-width: 9.6rem;margin: 0 auto}
.history_group .hisbox .swiper{overflow: inherit;padding: 1rem 0}
.history_group .hisbox .item{display: flex;justify-content: center;}
.history_group .hisbox .item .year{color: #f08200;line-height: 1;opacity: 0;font-size: .24rem;margin-bottom: .3rem;}
.history_group .hisbox .item .img{opacity: 0;flex-shrink: 0;margin-right: .3rem;max-width: 50%;object-fit: contain;}
.history_group .hisbox .item .txt{color: #333;opacity: 0;}
.history_group .hisbox .item .title .it1{position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);font-size: .6rem;color: #ddd;}
.history_group .hisbox .item .title .it2{position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);font-size: .6rem;color: #ddd;}
.history_group .hisbox .swiper-slide-active .item .year,
.history_group .hisbox .swiper-slide-active .item .img,
.history_group .hisbox .swiper-slide-active .item .txt{opacity: 1}
.history_group .hisbox .swiper-slide-active .item .title{opacity: 0}

.history_group .hisbox .controls a{position: absolute;top: 50%;transform: translateY(-50%);width: .5rem;height: .5rem;box-shadow: 0 0px 8px rgba(0,0,0,.1);border-radius: 50%;background: #fff;display: flex;justify-content: center;align-items: center;transition: .3s all;z-index: 10}
.history_group .hisbox .controls a::before{content: '';width: .12rem;height: .12rem;background: url(../images/hisbox-jt.png)no-repeat center;transition: .3s all}
.history_group .hisbox .controls a:hover{background:#f08200; }
.history_group .hisbox .controls a:hover::before{filter: grayscale(100) brightness(100);}
.history_group .hisbox .controls a.prev{right: 105%;}
.history_group .hisbox .controls a.next{left: 105%;transform:translateY(-50%) rotate(180deg)}

@media(max-width:1024px){
    .history_group .hisbox .swiper{padding: .3rem .2rem}
    .history_group .hisbox .item .year{font-size: .3rem;margin-bottom: .2rem;}  
    .history_group .hisThumb .i p{font-size: 14px}
	.history_group .hisbox .item{flex-direction: column;}
	.history_group .hisbox .item .img{max-width: 100%;margin-right: 0;margin-bottom: .3rem;}
	.history_group .hisThumb .i{margin-bottom: .3rem;}
}

@media(max-width:680px){
    .history_group .hisbox .controls a{opacity: 0;}
}