@charset "utf-8";
body{ word-wrap: break-word;}
.header .top-lang{ padding-left: 15px; padding-right: 15px;}
.header .open-search{ width: 40px;}
.header .top-shop > a{ width: 45px;}
.location_menu .location a{ display: inline-block;}
@media (min-width: 1025px){
	/* .header{ font-size: 14px;} */
	.header menu li{ width: 7vw; text-align: center; }
	.header menu li span a font{ display: inline-block; vertical-align: middle; line-height: normal; text-align: center;}
	.header menu li span a{ padding-left: 8px; padding-right: 8px;}
	.header .sub{ width: auto; min-width: 100%; margin-left:0; left: 50%; transform: translateX(-50%);}
	.header .sub dt a{white-space: nowrap;}
}
@media (min-width: 1024px){
	/* .location_menu{  padding-top: 25px;} */
	.location_menu .menu{ /* float: none; clear: both; */}
	.location_menu .menu li{ padding-right: 2vw;}
	/* .location_menu .menu li.aon a:before{ top: 0;} */
	.about_location{ padding-top: 0;}
	.about_location .menu{ float: none; clear: both;}
	.about_location .menu li.aon a:before{ top: 0;} 
}


@media (max-width: 1024px){
	.header .open-menu{ margin-left: 5px;}
	.header .top-nav dt{ padding: 0 5px;}
	.header .open-search{ width: 32px; background-size: 50%;}
	.location_menu .auto{ position: relative;}
	.location_menu .location{ margin-top: auto; bottom: 100%; line-height: 24px;}
	
}

.ClickCon .ClickMoreEn{display:inline-block;color:#094ebb}
.ClickCon .ClickMoreEn i{display:inline-block;width:11px;height:12px;background:url(../images/more_icon.png) no-repeat center;margin-left:8px}
.ClickCon.on .ClickMoreEn i{transform:rotate(180deg)}

.brand_home#LongBa .series_menu{ top: 11%;}
.brand_home#LongBa .series_menu li{ padding-top: 10px; padding-bottom: 10px;}
.series_menu li span{ font-size: 12px; padding-top: 5px;}
.series_menu li.wh3 img{ width: 45px;}
@media (max-width: 1366px){
	.brand_home#LongBa .series_menu{ top: 10%;}
	.brand_home#LongBa .series_menu li{ padding-top: 5px; padding-bottom: 5px;}
	.series_menu li.wh3 img{ width: 30px;}
	.series_menu li span{  padding-top: 0;}
}




.index_banner{height: 100vh;}

.new_index_title{padding-bottom: 2vw}
.new_index_title aside{color: #333;font-weight: bold;font-family: HarmonyOS;}
.new_index_title.white aside{color: #fff}

.new_index_more{margin-top: 3vw}
.new_index_more a{border-radius: 20px;color: #fff;background: #234cba; box-shadow: 0 10px 20px rgba(37,70,155,0.3);padding: 10px 25px;}
.new_index_more.white a{}
.new_index_more a .more_jt{ color: #fff; float: none; font-style: normal;background-image: url(../images/jt3.png);font-size: 16px;padding-right: 20px;}


.new_index_about{position: relative;}
.new_index_about .bg{padding-bottom: 47.2445%;background-size: cover;background-position: center;background-repeat: no-repeat;display: none}
.new_index_about .txt{position: absolute;left: 0;top: 0;padding: 5% 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.new_index_about .txt .desc{color: #fff;line-height: 2;}
.new_index_about .txt .numbox {padding-top: 2vw}
.new_index_about .txt .numbox ul{display: flex;justify-content: space-between;}
.new_index_about .txt .numbox ul li .num{display: flex;align-items: anchor-center}
.new_index_about .txt .numbox ul li .num .counter{color:#234cba;font-weight: bold;font-family: HarmonyOS;}
.new_index_about .txt .numbox ul li .num .unit{color:#fff;margin: 0 10px}
.new_index_about .txt .numbox ul li .num .icon img{max-height: 40px;}
.new_index_about .txt .numbox ul li .tit{color:#fff;text-align: center}

@media(min-width:1025px){
    .new_index_about .txt .con{max-width: 50%;}
}
@media(max-width:1024px){
    .new_index_about .txt{padding: 10% 0 0;align-items: flex-start;}
    .new_index_about .txt .numbox {padding-bottom: 30px}
    .new_index_about .bg{padding-bottom: 109.2445%;display: block}
}




.new_index_pro_box .fp-tableCell{display: block}
.new_index_pro{padding-top: 10%}
.new_index_pro .auto{position: relative;z-index: 100;}
.new_index_pro .slider-small{padding-bottom: 3vw;z-index: 10}
.new_index_pro .slider-small li{padding: 0 20px;cursor: pointer;border-radius: 10px;}
.new_index_pro .slider-small li .tit{line-height:50px;color: #fff;position: relative;z-index: 2 }
.new_index_pro .slider-small li.slick-current{}
.new_index_pro .slider-small li.slick-current:before {content: '';position: absolute;height: 100%;width: 130%;right: 0;background: url(../images/home_about_bg2.png) no-repeat right;background-size: cover}
.new_index_pro .slider-small li.slick-current .tit{color: #fff}
.new_index_pro .slider-for{position: absolute;height: 100%;width: 100%;left: 0;top: 0}
.new_index_pro .slider-for .slick-list,
.new_index_pro .slider-for .slick-track{height: 100%}
.new_index_pro .slider-for li{display: flex;align-items: center;padding-top: 11vw}
.new_index_pro .slider-for li .txt .tit{font-weight: bold;color: #fff;padding-bottom: 2vw;position: relative;z-index: 2}
.new_index_pro .slider-for li .txt .desc{line-height: 2;color: #fff;position: relative;z-index: 2}
.new_index_pro .slider-for li .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.new_index_pro .slider-for li .pic figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;background-repeat: no-repeat}

@media(min-width:1025px){
    .new_index_pro .slider-for li .pic figure.wap{display: none}
    .new_index_pro .slider-for li .auto{display: flex;justify-content: space-between;align-items: center;}
    .new_index_pro .slider-for li .txt{width: 50%;padding-right: 5%;}
}
@media(max-width:1024px){
    .new_index_pro{padding-bottom: 100%}
    .new_index_pro .slider-for li .pic figure.pc{display: none}
}




.new_index_quality{padding: 5% 0;}
.new_index_quality .con .txt .tit{padding-bottom: 5%;color: #fff;font-weight: bold;}
.new_index_quality .con .pic{display: flex;justify-content: center;align-items: center}
@media(min-width:1025px){
    .new_index_quality .con{display: flex;justify-content: space-between;align-items: center;}
    .new_index_quality .con .txt{width: 50%;padding-right: 5%;}
    .new_index_quality .con .pic{width: 50%;flex: 0 0 auto}
}
@media(max-width:1024px){
    .new_index_quality{padding: 50px 0}
}



@media(max-width:1024px){
    .fp-tableCell,
    .fp-section.fp-table, 
    .fp-slide.fp-table{height: auto!important}
    
    .index_banner .banner{height: 100vh!important;}
}