@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 {position: fixed;z-index: 199;left: 0;top: 0;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2); transition: background-color 0.3s,transform 1s;}
.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 .logo .white{display: block;}
.header .logo .blue{display: none;}
.header .nav li{position: static}
.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;border-radius: 0;padding: 0.12rem calc(260 / 1920 * 100%)}
.header .nav li .sub dd{position:relative;z-index:1;}
.header .nav li .sub dl dt{width: auto;margin-right: 0.3rem;}
.header .nav li .sub a{ padding: .1rem  .2rem}
.header .nav li .sub a:hover{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 .nav li#m120 .sub a:hover,
.header .nav li#m122 .sub a:hover,
.header .nav li#m124 .sub a:hover{background: none; color: var(--hover-color);}
.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);}


.header.hover .top_boxw,
.header.fixed .top_boxw{background:#fff; box-shadow: 0 0 20px rgba(var(--rgb-333),0.1)}

.header.hover .logo .white,
.header.fixed .logo .white{display: none;}
.header.hover .logo .blue,
.header.fixed .logo .blue{display: block;}

.header.hover .nav li span a,
.header.fixed .nav li span a{color:var(--rgb-000);}

.header.hover .top_lang a,
.header.fixed .top_lang a{ color:var(--rgb-000);}

.header.hover .nav li.aon span a,
.header.fixed .nav li.aon span a{color:rgb(var(--rgb-main-color))}

.header.hover .open-search,
.header.fixed .open-search{background-image: url("../images/search3.svg")}
.header.hover .open-search,
.header.fixed .open-search{background-image: url("../images/search3.svg")}

.search-show .header.hover .open-search:before,
.search-show .header.hover .open-search:after,
.search-show .header.fixed .open-search:before,
.search-show .header.fixed .open-search:after{background: #000;}

@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: 100%; 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);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}
.header .nav li .sub dl dt .icon{ text-align: center; margin-bottom: 0.12rem;}
.header .nav li#m120 .sub dl dt,
.header .nav li#m124 .sub dl dt{ margin-bottom: 0.2rem;}
.header .nav li .sub dl dt img{width: 0.5rem; height: 0.5rem;  object-fit: contain; -o-object-fit: contain;filter: grayscale(100%) brightness(100%);}
.header .nav li .sub dl dt:hover img{filter: none; }

.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 .logo .white{display: none;}
.top_black .logo .blue{display: block;}
.top_black .nav li span a{color:var(--rgb-000)}
.top_black .top_lang a{ color: var(--rgb-000);}
.top_black .open-search{background-image: url("../images/search3.svg")}
.top_black .language dt{border-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: 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%; color: #fff;}
.header.hover .nav li span a, 
.header.fixed .nav li span a{color: #fff;}
.header.hover .nav li.aon span a, 
.header.fixed .nav li.aon span a{color: #fff;}
.header .nav .sub,
.header .nav .sub dl dl{display: none;}
.header .nav li .sub a{padding: .1rem 0rem;}
.header .nav li#m120 .sub dl dt a,
.header .nav li#m124 .sub dl dt a{display: flex;align-items: center;}
.header .nav li .sub dl dt .icon{ text-align: center; }
.header .nav li .sub dl dt img{width: 0.22rem; height: 0.22rem; margin-right: 0.12rem; object-fit: contain; -o-object-fit: contain;filter: grayscale(100) brightness(100);}
.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 .contact a.plan{background: rgb(var(--rgb-main-color));color: #fff;display: inline-block;padding: 0.05rem 0.25rem;border-radius: 0.5rem;margin-top: 0.1rem;}
.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{margin-left:0.1rem;}
.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 .ewm{margin-right:0.1rem;margin-left:0;}
.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%}

.index_side_follow{width: .6rem; position: fixed;right: 1%; top:50%; transform: translateY(-50%); z-index: 90}
.index_side_follow a{height: .6rem; display:flex; justify-content: center; align-items: center; cursor: pointer;position: relative; z-index: 10}
.index_side_follow .follows{padding: .15rem .15rem .3rem .15rem;background: #fff; border-radius:30px;transition: 0.5s; /* visibility: hidden;opacity: 0 */}
.index_side_follow .follows li{position: relative; border-bottom: solid 1px #d9d9d9;}
.index_side_follow .follows 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;}
.index_side_follow .follows li figure img{width: 100%}
.index_side_follow .follows 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%)}
.index_side_follow .follows li p{padding: 0; margin: 0; color: rgb(var(--rgb-main-color)) }
.index_side_follow .follows li a img{max-height: 100%; opacity: 0.6; transition: 0.5s}
.index_side_follow .follows li.on figure{visibility: inherit; opacity: 1; transform: translate(-.30rem,-50%);}
.index_side_follow.show .follows{transform: translateY(-.1rem); visibility: inherit;opacity: 1}
.index_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.tc{text-align: center}
.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: .2rem 0 .2rem 0; width: .5rem; height: .05rem;background:  rgb(var(--rgb-main-color));}
.column_title.tc h3:after{margin:0.2rem auto 0.2rem;}
.column_title .desc{font-size: .2rem;line-height: 1.25;}
.column_title .en{font-size: .24rem;line-height: 1.25; color: rgb(var(--rgb-main-color),0.9);}
@media(max-width:1024px){
.column_title h3{font-size: .32rem;}
}

.services_info ul{margin-left: -.13rem; margin-right: -.13rem}
.services_info li{width: 23.5%;padding: 0.5rem .3rem;overflow: hidden;background-color: #fff; border-radius: 16px; box-shadow: 0 0.1rem 0.2rem rgb(var(--rgb-main-color), 0.1);background-image: url(../images/news_txt_bg2.png);background-repeat: no-repeat; background-position: bottom right; background-size: 100% 100%;transition: .3s all}
.services_info .item{height: 100%}
.services_info .info{text-align: center; position: relative;}
.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{width: .8rem;height: .8rem;display: flex;align-items: center;justify-content: center;margin: 0 auto;background: #f08200;padding: .05rem;border-radius: 100%;}
.services_info .icon img{max-height: 54%;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;position: absolute;left: 50%;transform: translateX(-50%);top: 32%}
.services_info h4{padding-top: .6rem}
.services_info .box{background: #fafafa; height: calc(100% - 2rem); padding:7.952%;border-radius: 10px;position: relative; z-index: 2}
.services_info .text{padding-top: .2rem}
.services_info figure{width: 100%;padding-bottom: 60.94%; border-radius: 10px;margin-top:10%}
.services_info li:hover{background: rgb(var(--rgb-main-color));}
.services_info li:hover .icon{border: 1px solid rgba(255,255,255,.6)}
.services_info li:hover .plural{color:rgba(255,255,255,.1)}
.services_info li:hover h4{color: #fff;}
.services_info li:hover .text{color: #fff;}
@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 .pic{position: relative;width: 49.375%;}
.news_group .slide figure{padding-bottom: 65%;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%; background: #fafafa;border-radius: 16px; overflow: hidden;}
.news_group .list li .pic{position: relative;}
.news_group .list figure{padding-bottom:85%;}
.news_group .list figure img{opacity:1}
.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: 1}
.news_group .list .text{/* position: absolute; width: 100%; bottom: 0; */ padding:0.3rem; 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 .pic,
.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%}
}


.aboutbox1{background: url("../images/bg_about.jpg") no-repeat left bottom; background-size: 100%;}
.about_group{padding-top:4%; padding-bottom:3%; position: relative;}
.about_group figure{position: absolute; right: -18%; bottom:-1.19rem; margin: auto; width:62.5%;padding-bottom: 62.5%;}
.about_group figure .imgbox{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;overflow: hidden}
.about_group figure .imgbox img{position: absolute;left: 0;bottom: 1.19rem}
.about_group figure .play{top: 52%;left: 42%;}
.about_group .left_part{width: 50%; position: relative; z-index: 11}
.about_group .article{line-height: 2}
@media(min-width:2000px) {
.about_group figure .play{top: 62%;left: 42%;}
}
@media(max-width:1024px) {
    .about_group {padding-top: 6%; margin-top: 0}
    .about_group figure{width: 89.5%;padding-bottom: 100%;}
    .about_group figure img{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::after{content: '';position: absolute;width: 100%;height: 50%;left: 0;bottom: 0; background: url(../images/index_honor-bg.png)no-repeat center bottom;background-size: 100% auto;}
.certificate_group .auto-inner{position: relative}

.certificate_group li{display:inline-block; width: 3.6rem;margin:0 0rem;position: relative;z-index: 10 }
.certificate_group li a{display: table-cell;vertical-align: middle;}
.certificate_group li img{max-width: 100%!important;}
.certificate_group li a .imgbox{position: relative;display: inline-block; background-image: url(../images/index_honor-kuang.png);background-repeat: no-repeat; background-size: 100% 100%;padding: .23rem;max-width: 85%;}
.certificate_group li a .imgbox img{max-height: 4.5rem}
.certificate_group li a .imgbox::after{content: '';position: absolute;top: 98%;left: 0;background: url(../images/index_honor-yy.png)no-repeat top left;background-size: auto auto;width: 140%;height: .6rem}
.certificate_group li a .imgbox i{position: absolute;width: .08rem;height: .08rem;background: #b9b9b9;border-radius: 50%;}
.certificate_group li a .imgbox i:nth-child(1){left: .1rem;top: .1rem;}
.certificate_group li a .imgbox i:nth-child(2){right: .1rem;top: .1rem;}
.certificate_group li a .imgbox i:nth-child(3){left: .1rem;bottom: .1rem;}
.certificate_group li a .imgbox i:nth-child(4){right: .1rem;bottom: .1rem;}

.certificate_group .swiper{margin: 0 1rem;overflow: initial;padding-top: .5rem}
.certificate_group .swiper .swiper-slide a{display: flex;align-items: center; flex-direction: column; text-align: center; height: 4.5rem; justify-content: flex-end;}
.certificate_group .swiper .swiper-slide a .imgbox{position: relative;display: inline-block; background-image: url(../images/index_honor-kuang.png);background-repeat: no-repeat; background-size: 100% 100%;padding: .23rem;max-width: 85%;}
.certificate_group .swiper .swiper-slide a .imgbox img{max-height: 4.5rem}
.certificate_group .swiper .swiper-slide a .imgbox::after{content: '';position: absolute;top: 98%;left: 0;background: url(../images/index_honor-yy.png)no-repeat top left;background-size: auto auto;width: 140%;height: .6rem}
.certificate_group .swiper .swiper-slide a .imgbox i{position: absolute;width: .08rem;height: .08rem;background: #b9b9b9;border-radius: 50%;}
.certificate_group .swiper .swiper-slide a .imgbox i:nth-child(1){left: .1rem;top: .1rem;}
.certificate_group .swiper .swiper-slide a .imgbox i:nth-child(2){right: .1rem;top: .1rem;}
.certificate_group .swiper .swiper-slide a .imgbox i:nth-child(3){left: .1rem;bottom: .1rem;}
.certificate_group .swiper .swiper-slide a .imgbox i:nth-child(4){right: .1rem;bottom: .1rem;}
.certificate_group .swiper .swiper-slide a .tit{position: absolute;top: calc(100% + .4rem);left: 50%;transform: translateX(-50%);width: 100%;text-align: center;color: #333;max-width: 70%;}

.certificate_group .swiper .controls{}

.certificate_group .swiper .controls a.prev{left: -.25rem;}
.certificate_group .swiper .controls a.next{right: -.25rem;background: var(--hover-color);border-color:var(--hover-color) }
.certificate_group .swiper .controls a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.certificate_group .swiper .controls a.next::before{filter: grayscale(100) brightness(100);}

/*.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%; border: 1px solid #eee;border-radius: 16px; overflow: hidden; transition: 0.3s;}
.projects_list figure{padding-bottom:72%;}
.projects_list .text{line-height:1.25;padding: 0.2rem;}
.projects_list .text .desc{line-height:1.7;padding-top: .12rem; color: #999;}
.projects_list li:hover{ border-color: var(--hover-color);}
@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 .left_part .img{padding-top: 5%}
.contact_info .left_part .map{ height: 5.5rem;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_info .left_part .map{ height: 3rem;}
}

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

.Joinlist{ }
.Joinlist .list {padding: 0 0.5rem;background: #f4f6f7;border-radius: 0.16rem;}
.Joinlist .list+.list {margin-top: 0.2rem;}
.Joinlist .job-title {line-height: 1.8;padding: 0.25rem 0;cursor: pointer;position: relative;color: var(--rgb-000);}
.Joinlist .job-title p {margin: 0 0 0.15rem;position: relative;line-height: 1.75;}
.Joinlist .job-title span+span {margin-left: calc(45 / 1920 * 100vw);}

.Joinlist .job-title span{color: #666; display: inline-block;font-size: 0.16rem;  padding-left: 0.24rem;background-repeat: no-repeat;background-position: left center; background-size: 0.18rem auto;}
.Joinlist .job-title span.edu{background-image: url(../images/icon-edu.svg);}
.Joinlist .job-title span.ep{background-image: url(../images/icon-ep.svg);}
.Joinlist .job-title span.wp{background-image: url(../images/icon-place.svg);}
.Joinlist .job-title span.time{background-image: url(../images/icon-time.svg);}
.Joinlist .job-title i {position: absolute;width: 0.28rem;height: 0.28rem;background:var(--hover-color);border-radius: 50%;right: 0;top: 50%;margin-top: -0.14rem;}
.Joinlist .job-title i::before,
.Joinlist .job-title i::after {position: absolute;content: '';background: #fff;}
.Joinlist .job-title i::before {left: 25%;width: 50%;height: 2px;top: 50%;margin-top: -1px;}
.Joinlist .job-title i::after {left: 50%;margin-left: -1px;width: 2px;top: 25%;height: 50%;}
.Joinlist .job-title.select i::after {display: none;}
.Joinlist .job-title.select {color: var(--hover-color);}
.Joinlist .job-main {display: none;padding: 0.4rem 0 0.3rem;border-top: 1px dotted rgba(0, 0, 0, 0.15);}
.Joinlist strong {display: block;color: #333;margin-bottom: 0.12rem;}
.Joinlist .job-main .job-info {line-height: 1.8; }
.Joinlist .job-main .job-info p {margin: 0;}
.Joinlist .job-main .job-info p+p {margin-top: 0.08rem;}


.Joinlist .send {padding: 0.2rem 0;margin-top: 0.2rem;border-top: 1px dashed rgba(0, 0, 0, 0.15);}
.Joinlist .send em {font-style: normal;border-bottom: 1px solid var(--hover-color);font-weight: bold;margin-left: 0.12rem;}
.Joinlist .send a {line-height: 1.8;font-size: 0.2rem;color: var(--hover-color);background: url(../images/send.svg) no-repeat right center;padding-right: 0.5rem;background-size: 0.36rem auto ;}


@media (max-width:1024px) {
.Joinlist .job-title p::before {left: -12px;width: 6px;  height: 6px;}
.Joinlist .job-title {line-height: 1.6;padding: 0.2rem 0px;}
.Joinlist .job-title p {margin: 0px 0px 0.1rem 0px;line-height: 1.6;}
.Joinlist .list{padding: 0 0.2rem;}

}

.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%; bottom:30%;/* transform: translateY(-50%); */ z-index: 210;}
.ind_banner .txt{ color: #fff; opacity: 0; transform: translateY(60px); transition: 0.5s}
.ind_banner .txt h3{font-size: calc(60/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; opacity: 1; border-radius: 0}
.ind_banner .swiper-pagination-bullet-active{width: .7rem;background: rgb(var(--rgb-main-color));}
@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(60/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%}
}
@media(max-width:768px){
.ind_about .right_part{padding-bottom:36%;}
.ind_about .learn_more{float:right;}
.ind_about .open-video,
.ind_about .play{background:rgb(240 130 0 / 10%) url(../images/play.svg) no-repeat center center;}
.ind_about .open-video::before,
.ind_about .open-video::after,
.ind_about .play::before,
.ind_about .play::after{border:solid 1px #f08200;}
}

.ind_SCL{background: no-repeat center center; background-size: cover; position: relative;background: linear-gradient(#3f3f3f 70%, black 100%);}
.ind_SCL .after {position: absolute;content: '';width: 50%;height: 100%;left: 0;top: 0;z-index: 2;}
.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; z-index: 1;}
.ind_SCL .column_title{/* margin-bottom: 10% */}
.ind_SCL .learn_more{padding-top: 4%}
/* .ind_SCL .column_title h3{color: #fff} */
.ind_SCL .left_part{width: 35%;position: relative; z-index: 5;}
.ind_SCL .right_part{width:45%; max-width: 550px;position: relative; z-index: 5;}
.ind_SCL .column_title{position: absolute;z-index:5}
.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 .after{ display: none;}
.ind_SCL {padding: 5% 0!important}
.ind_SCL .column_title{margin-bottom: 0; margin-top: 25%; position: relative;}
.ind_SCL .left_part,
.ind_SCL .right_part{width:100%}
.ind_SCL .right_part{padding-top: 5%}
}

.ind_solutions .ind_solutions_title {position: absolute;top:15%;z-index: 10;width: 46%}
.ind_solutions .ind_solutions_title .ind_solutions_desc{color: #fff;}
.ind_solutions .ind_solutions_title .ind_solutions_desc p{margin-top: .2rem; margin-bottom: .6rem}

/* .ind_solutions .column_title h3{color: #fff} */
.ind_solutions .info_list{color: #fff}
.ind_solutions .info_list .infotxt{position: absolute;width: 100%;top: 30%;z-index: 10;}
.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 .info_list .list {display: flex;gap: 0.3rem;margin: 5% 0 0 30%;}
.ind_solutions .info_list .list .product-item{border-radius: 10rem;width: 1.3rem;height: 1.3rem;border: 2px solid rgba(255,255,255,0.8);background-color: rgba(255,255,255,0.4);display: flex;align-content: center;align-items: center;padding: 0.1rem;position: relative;transition: background-color 0.2s ease 0.2s;justify-content: center;}
.ind_solutions .info_list .list .product-item:hover{background-color: rgba(255,255,255,1); box-shadow: 0 0 2ch rgba(0,0,0,0.3); transition: background-color 0.2s ease 0.0s;}
.ind_solutions .info_list .list .product-item span{
    background-color: #fff;
    display: block;
    padding: 0.2rem;
    color: #333;
    line-height: 2;
    position: absolute;
    left: 0%;
    top: 25%;
    width: max-content;
    border-radius: 100px;
    padding-left: 75px;
    z-index: -1;
    transition: 0.5s;
    opacity: 0;
}
.ind_solutions .info_list .list .product-item img {width:80%}
.ind_solutions .info_list .list .product-item:hover span{
    background-color: #fff;
    left: 50%;
    opacity: 1;
}
.ind_solutions .info_list .list {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ind_solutions .info_list .list.visible {
    opacity: 1;
}
.ind_solutions .info_list .list a:hover{background-color: rgba(var(--rgb-main-color),0.8);}
.ind_solutions .info_list video{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1}

.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);transition: 0.5s;overflow: hidden;}
.ind_solutions .title_list .text{position: relative; z-index: 2; padding: .1rem .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;display: flex;justify-content: space-evenly;padding-top: 100px;}  

.ind_solutions .title_list .sub-swiper {display: none;position: absolute;left: 0;top: -200px;width: calc(100vw - 17%);padding: 30px 0;width:100%}
.ind_solutions .info_list video{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1}
.ind_solutions .title_list .sub-swiper li{font-size: var(--font-size18);padding: .1rem .2rem;border-radius: 50px;background-color: rgba(255,255,255,0.9);margin-right: 20px;width: auto;/* 覆盖 Swiper 自动添加的固定宽度 */white-space: nowrap; /* 不换行，适合短文本 */}
.ind_solutions .title_list .sub-swiper .swiper-wrapper {justify-content: flex-start;}
@media(max-width:1600px){
    .ind_solutions .info_list .list {display: flex;gap: 0.3rem;margin: 5% 0 0 40%;}
}
@media(max-width:1024px){
.ind_solutions .title_list .swiper-wrapper{}
.ind_solutions .info_list .article{width:100%}
}


/* sub-swiper点击项激活状态 */
.ind_solutions .title_list .sub-swiper .swiper-slide.active {
    background-color: rgba(var(--rgb-main-color),0.8);
    color: #fff;
    transition: all 0.3s ease;
}

/* sub-swiper项悬停效果 */
.sub-swiper .swiper-slide {
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px 10px;
}

.sub-swiper .swiper-slide:hover {
    background-color: #f5f5f5;
    border-radius: 4px;
}

/* 视频容器样式 */
.auto-inner figure {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.auto-inner figure img {
    display: block;
    width: 100%;
    height: auto;
}


.index_case{}
.index_case .slick-track {transition: transform 0.3s ease !important;}
.index_case .column_title {position: absolute;top:15%;z-index: 10}
.index_case .main { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20;}
.index_case .slick-track{display: flex;align-items: flex-end; }
.index_case .main .slider li {cursor: pointer; position: relative;background:rgba(var(--rgb-main-color),0.5);padding: .35rem .2rem; border-radius: 20px 20px 0px 0px; display: flex;flex-direction: column;align-items: center;justify-content: center}
.index_case .main .slider li:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.1); }
.index_case .main .slider li .tit { color: #fff;width: 100%;text-align: center}
.index_case .main .slider li .desc { width: 100%;color: #fff;font-size:var(--font-size18);}
.index_case .main .slider li.slick-current{ padding: .5rem .2rem;background:rgba(var(--rgb-main-color),0.8); }
.index_case .bg-img figure {background: #000}
.index_case .bg-img figure img{width: 100%; height: 100vh; object-fit: cover; -o-object-fit: cover; opacity: 0.7}
.index_case .txt-area { position: absolute; left: 0; top: 30%; width: 100%; z-index: 10;color: #fff}
.index_case .txt-area .tit{padding-bottom: .2rem;}
.index_case .txt-area .tit span{font-size:var(--font-size36);color: #fff;font-family: 'hmr';position: relative;display: inline-block}

.index_case .txt-area .article{width: 40%}
.index_case .txt-area .article p{margin-top: .2rem; margin-bottom: .6rem}
.index_case .txt-area .learn_more{margin-top: .4rem}

@media (max-width:1024px) {
.index_case .main .slider li{padding: .24rem .15rem;}
.index_case .main .slider li.slick-current{ padding: .32rem .15rem; }
.index_case .txt-area .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{display: block;position: relative;/*padding:5.557% 0;*//* padding:2% 0; */border-radius: 20px; overflow: hidden}
.ind_news .item:after{content: '';position: absolute; width:100%;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%; */width:100%;padding-bottom:72%; }
.ind_news .item .pic{position: relative;}

.ind_news .text{/*width:54%;*//* width:83%; */ /*padding: 4%*/;padding:0.24rem;line-height:1.75;}
.ind_news .text time{color:rgb(var(--rgb-666))}
.ind_news .text h4{margin-top: .08rem; margin-bottom: .08rem; line-height: 1.2}
.ind_news .text p{color:rgb(var(--rgb-666))}
.ind_news .swiper{/*overflow: inherit;*/ margin-bottom:4%}
.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:100%;}
.ind_news .text{width:100%;}
}


.Video > .Popup{position: fixed;background:rgba(0, 0, 0, 0.75);}
.Video .videobox .Popup{position: absolute;}
.Video .Popup{ width: 100%; height: 100%; top: 0; left: 0; z-index: 100;}
.Video .Popup .ytable{height: 100%;}
.Video .Popup .ytable .video{ max-width: 10rem; width: 80%;  margin: 0 auto; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);}
.Video .Popup video{ width: 100%; }
.Video .videobox .Popup video{ height: 100%;background: #000; }
.Video .Popup .close{position: absolute;right: 0.2rem;top: 0.2rem; width: 0.3rem; height: 0.3rem; cursor: pointer; z-index: 10; cursor: pointer;}
.Video .Popup .close:before,
.Video .Popup .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.Video .Popup .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}






/*index end*/
.banner img {display: block; width: 100%; height: auto;}
.banner .txt {position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center}
.banner .txt .tit{font-size: var(--font-size40);color: #fff;font-weight: bold;padding-bottom: .2rem;}
.banner .txt .desc{color: #fff;padding: 0 5%;padding-bottom: .4rem;}
.banner .txt .more{display: flex;justify-content: center;margin: 0 auto}
.banner .txt .more a{padding: .12rem .4rem;background:rgb(var(--rgb-main-color));color: #fff;border-radius: .1rem; }

/*page_SCL*/
.page_SCL {position: relative;overflow: hidden}
.page_SCL:before { content: ""; position: absolute; top: -15.625vw;left: -98.9583333333vw; right: auto; bottom: auto; height: 90.0520833333vw; width: 139.84375vw; background-image: url(../images/color1.png); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index: 0;opacity: .35}
.page_SCL:after { content: "";position: absolute; top: auto; left: auto;right: -30.4166666667vw;bottom: -27.5416666667vw;height: 61.0416666667vw; width: 94.84375vw; background-image: url(../images/color2.png);background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index: 0;opacity: .5}


.page_SCL .item:not(:last-child){margin-bottom: 5%;}
.page_SCL .lighting dl{}
.page_SCL .lighting dt{color: rgb(var(--rgb-main-color)); font-weight: 700;font-size:var(--font-size36);}
.page_SCL .lighting dt .intro{color:#333;font-weight: normal;margin:0.1rem 0;}
.page_SCL .lighting dd{padding: .2rem .2rem .2rem 0; gap:.12rem; display: flex; flex-wrap: wrap}
.page_SCL .lighting dd a{cursor: pointer; display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 12px; padding:.2rem;height:1.2rem;width: 1.6rem; transition: 0.5s; background: linear-gradient(to bottom, #fbf4e7 0%,rgba(0, 0, 0, 0) 100%);box-shadow: 0 3px 12px rgba(203,144,1,.2);border: 2px solid #fff}
.page_SCL .lighting dd a .icon {margin-bottom: .1rem}
.page_SCL .lighting dd a .icon img{max-height: .4rem;max-width: .4rem;}
.page_SCL .lighting dd span:hover a,
.page_SCL .lighting dd span.active a{color: #ffffff;background: rgb(var(--rgb-main-color));border-color: rgb(var(--rgb-main-color)) }
.page_SCL .lighting dd span:hover a .icon img,
.page_SCL .lighting dd span.active a .icon img{filter: grayscale(100) brightness(100);}
.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}
.page_SCL .lighting_img video{width: 100%;height: 100%;object-fit: contain;background: #000}

.page_SCL .large .large-box{position: relative;}
.page_SCL .large .large-box:not(.active){display: none;}
.page_SCL .large .img {padding-bottom:62.5%; background:no-repeat center center; background-size: cover;}
.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;background: #000}

@media(min-width:1025px){
    .page_SCL .item{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;position: relative;z-index: 10;}
    .page_SCL .item:nth-child(2n){flex-direction: row-reverse;}
    
    .page_SCL .left{width:44%;}
    .page_SCL .right{width:48.9%;}
}
@media(max-width:1024px){
    .page_SCL .lighting dd a{width: 1.2rem;}
}

/*.page_SCL .main_box{display: flex;flex-wrap: wrap; justify-content: space-between;position: relative;z-index: 10}
.page_SCL .left_box{width:46%;}
.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;background: #000}
.page_SCL .small {padding:0 0.6rem; position: relative;display: none}
.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{}
.page_SCL .lighting .group:not(.cur){display: none}
.page_SCL .lighting dl{padding-bottom: .1rem;}
.page_SCL .lighting dt{color: rgb(var(--rgb-main-color)); font-weight: 700}
.page_SCL .lighting dd{padding: .2rem .2rem .2rem 0; gap:.12rem; display: flex; flex-wrap: wrap}
.page_SCL .lighting dd a{cursor: pointer; display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 12px; padding:.2rem;height:1.2rem;width: 1.6rem; transition: 0.5s; background: linear-gradient(to bottom, #fbf4e7 0%,rgba(0, 0, 0, 0) 100%);box-shadow: 0 3px 12px rgba(203,144,1,.2);border: 2px solid #fff}
.page_SCL .lighting dd a .icon {margin-bottom: .1rem}
.page_SCL .lighting dd a .icon img{max-height: .4rem;max-width: .4rem;}
.page_SCL .lighting dd a:hover,
.page_SCL .lighting dd a.show{color: #ffffff;background: rgb(var(--rgb-main-color));border-color: rgb(var(--rgb-main-color)) }
.page_SCL .lighting dd a:hover .icon img,
.page_SCL .lighting dd a.show .icon img{filter: grayscale(100) brightness(100);}
.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}
.page_SCL .lighting_img video{width: 100%;height: 100%;object-fit: contain;background: #000}*/

@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}
    .page_SCL .lighting .group{display: block;}
    .page_SCL .lighting dl{width: 100%}
}


.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;display: none}
.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: -1}
.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: -1}
.history_group .hisbox .inner{max-width: 9.6rem;margin: 0 auto}
.history_group .hisbox .swiper{overflow: inherit;padding: 0.6rem 0 0 0}
.history_group .hisbox .item{display: flex;justify-content: center;transition: 0.3s;}
.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{padding: .4rem;overflow: hidden;background-color: #fff;border-radius: 16px; box-shadow: 0 0rem 0.15rem rgb(0, 0, 0, 0.08);}
.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: .6rem;height: .6rem;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: 20;cursor: pointer;}
.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;}
}



.product_list li{width:100%; border: 1px solid #eee;border-radius: 16px; overflow: hidden; }
.product_list li a{position: relative;padding: 0.2rem;display: block;}
.product_list li .hover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: .3rem;background: rgba(240,130,0,.8);display: flex;justify-content: center;align-items: center;z-index: 10;opacity: 0;transition: .3s all}
.product_list li .hover .intro{color: #fff;overflow: auto;max-height: 90%;padding-right: .12rem;line-height: 1.8}
.product_list li .hover .intro::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 5px;background-color: rgba(0,0,0,0.1);;}
.product_list li .hover .intro::-webkit-scrollbar{width: 5px;background-color: rgba(0,0,0,0);}
.product_list li .hover .intro::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #fff;}
.product_list li:hover .hover{opacity: 1;}
.product_list figure{padding-bottom:76%;}
.product_list .text{line-height:1.25;padding-top: .15rem;}
.product_list .text h4{margin-bottom: 0.12rem;}
.product_list .label{color:rgb(var(--rgb-main-color));}
@media(min-width:1024px){
    .product_list ul:after{content: ''}
    .product_list ul:after,
    .product_list li{width: 31.25%}
    .product_list li:nth-child(3)~li{margin-top: 3.125%}
}
@media(max-width:1024px) and (min-width:640px){
    .product_list li{width:48%}
    .product_list li:nth-child(2)~li{margin-top:4%}
}
@media(max-width:640px) {
    .product_list li:not(:last-child){margin-bottom:5%}
}



.culture_group{ background-color: #f7f7f7;}
.culture_group .slogan{color:rgb(var(--rgb-main-color));}
.culture_group ul{}
.culture_group li{width: 32%;padding: .4rem; overflow: hidden; background-color: #fff; border-radius: 16px; transition: 0.3s;box-shadow:0 0rem 0.15rem rgb(0,0,0,0.08);}
.culture_group li:hover{transform: translateY(-0.1rem);}
.culture_group li .icon { width: 0.9rem; height: 0.9rem;background-color:rgb(var(--rgb-main-color)); border-radius: 0.5rem; position: relative;display: flex;justify-content: center;align-items: center; margin-bottom:0.24rem;}
.culture_group li .icon img {max-width: 0.5rem;transition: 0.3s;}
.culture_group li .tit{ margin-bottom: 0.12rem;}
.culture_group li .desc{line-height: 1.6;margin-bottom: 0.12rem;}
.culture_group li .text{color: #666;line-height: 1.8}
.culture_group li:hover .icon img{transform: rotateY(180deg);}
.culture_group li:hover .tit{color:rgb(var(--rgb-main-color));}
@media(max-width:768px){
.culture_group li{width:100%;padding: .24rem; margin-bottom: 0.24rem;}
}


.RD_group{ background-color: #fef8f0;}
.RD_group ul{}
.RD_group li{width: 23.5%;padding: 0.35rem .3rem; overflow: hidden; background-color: #fff; border-radius: 16px;box-shadow:0 0.1rem 0.2rem rgb(var(--rgb-main-color),0.1);background-image: url(../images/news_txt_bg2.png); background-repeat: no-repeat; background-position:bottom right; background-size:100% 100%;min-height: 100%;display: flex;flex-direction: column;justify-content: space-between;transition: 0.3s;}
.RD_group li:hover{transform: translateY(-0.1rem);}
.RD_group li .icon { display: flex;justify-content: flex-end; margin-top:0.3rem;}
.RD_group li .icon img {max-width: 1rem;}
.RD_group li .tit{ margin-bottom: 0.12rem;}
.RD_group li .tit span{color:rgb(var(--rgb-main-color)); font-weight: bold;}
.RD_group li .text{color: #666;line-height: 1.8}
.RD_group li .text p{ margin: 0;}
@media(max-width:1024px){
.RD_group li{width:50%;padding: .3rem; margin-bottom: 0.24rem;}
}

@media(max-width:768px){
.RD_group li{width:100%;padding: .24rem; }
}


.social_group{position: relative;background-size:cover;background-repeat:no-repeat;background-position:center center; z-index: 2; padding: 1.6rem 0;}
.social_group::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);z-index: -1;}
.social_group .column_title h3{color: #fff;}
.social_group .txt{text-align: center;color: #fff;}
.social_group .txt .tit{ margin-bottom: 0.24rem;line-height: 1.5;}
.social_group .txt .desc{ line-height: 1.8; }
.social_group .txt .desc p{ margin: 0;}

@media(max-width:768px){
.social_group{padding: 0.8rem 0;}
.social_group .txt .tit{ font-size: 0.24rem;}
.social_group .txt .desc{ font-size: 0.18rem;}
}




.team_group{ background-image:url(../images/team_group-bg.jpg); background-size:cover;background-repeat:no-repeat;background-position:center center;}
.team_group .info{width: 30%; }
.team_group .list{width: 60%;}
.team_group .desc{ line-height: 1.875; color: #fff !important;}
.team_group li{ text-align: center;}
.team_group li .pic{border-radius: 16px; overflow: hidden;}
.team_group li .pic figure{padding-bottom:72%;}
.team_group li .tit{color: #fff; line-height: 1.5; margin-top: 0.2rem;}

.team_group .prev_next{ margin-top: 0.6rem;}
.team_group .swiper-button-next, 
.team_group .swiper-button-prev{ margin-top: 0;}

@media(max-width:768px){
.team_group .info,
.team_group .list{width: 100%;}
.team_group .info{ margin-bottom: 0.3rem;margin-bottom: 0.8rem;}
.team_group .prev_next{ margin-top: 0.3rem;}
}


.welfare_group{ background: #faf9f7;}
.welfare_group .column_title .desc{font-size: .18rem; line-height: 1.5;}
.welfare_group li{float: left;width: 18.2%;text-align: center;margin-bottom: 2%;margin-right: 2%;}
.welfare_group li .pic{border-radius: 16px; overflow: hidden;}
.welfare_group li .pic figure{padding-bottom: 71%;}
.welfare_group li .pic figure img{height: 100%;}
.welfare_group li:nth-child(1){width: 65%;}
.welfare_group li:nth-child(2){width: 33%;margin-right: 0;}
.welfare_group li:nth-child(1) .pic figure{padding-bottom: 32%;}
.welfare_group li:nth-child(2) .pic figure{padding-bottom: 64%;}
.welfare_group li:nth-child(7){margin-right: 0;float: right;}

.solution_more { position: absolute; left: 8.35%; bottom: 25%; z-index: 10;}