/* 首页：拦截 100vw 通栏与 bxSlider 在窄屏下的横向溢出（避免底部横向滚动条） */
html:has(body.index){
	overflow-x: hidden;
}
body.index{
	overflow-x: hidden;
	max-width: 100%;
}

.index_title{font-size: 30px;color: #333333;font-family: 'OpenSans-Bold';line-height: 41px;border-left: 5px solid #feb900;padding-left: 28px;margin-top: 60px;}
.index_msg{font-size: 16px;line-height: 25px;padding: 30px 0 33px 35px;font-family: 'Opensans-Regular';}

/* 首页海报：背景图 100% 通栏 + 左侧文案叠在图上（无白底） */
.index_hero_banner{
	width: 100%;
	max-width: 100%;
	background: #dfe3e8;
	padding: 0 0 16px;
	box-sizing: border-box;
	overflow-x: hidden;
	position: relative;
}
.index_hero_banner .index_hero_outter{
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	overflow-x: hidden;
	overflow-y: visible;
	box-sizing: border-box;
	padding: 0 0 8px;
}
.index_hero_slide{
	position: relative;
	width: 100%;
	min-height: 380px;
	overflow: hidden;
}
.index_hero_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #2a3140;
}
.index_hero_bg img{
	width: 100%;
	height: 100%;
	min-height: 380px;
	object-fit: cover;
	display: block;
}
.index_hero_overlay{
	position: relative;
	z-index: 1;
	min-height: 380px;
	display: flex;
	align-items: center;
	padding: 36px 0;
	box-sizing: border-box;
}
.index_hero_overlay_inner{
	box-sizing: border-box;
}
.index_hero_copy{
	max-width: 560px;
	padding: 40px 36px 40px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}
.index_hero_title{
	font-size: 26px;
	line-height: 1.55;
	color: #fff;
	font-family: 'OpenSans-Bold', 'Microsoft YaHei', sans-serif;
	font-weight: 700;
	border-left: 6px solid #feb900;
	padding-left: 22px;
	margin: 0;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .55), 0 0 24px rgba(0, 0, 0, .35);
}
body.lang_en .index_hero_title{
	white-space: nowrap;
	font-size: clamp(20px, 2.2vw, 24px);
}
.index_hero_cta{
	display: inline-block;
	margin-top: 28px;
	padding: 0 28px;
	height: 46px;
	line-height: 46px;
	background: #feb900;
	color: #1a1a1a;
	font-size: 15px;
	font-family: 'Opensans-Regular', 'Microsoft YaHei', sans-serif;
	text-decoration: none;
	border-radius: 4px;
	transition: background .25s, color .25s;
}
.index_hero_cta:hover{
	background: #e5a800;
	color: #000;
}
.index_hero_banner .bx-wrapper{
	max-width: 100% !important;
	width: 100% !important;
	margin-bottom: 0;
}
.index_hero_banner .bx-viewport{
	width: 100% !important;
	border-radius: 0;
}
.index_hero_banner .bxslider_1 > .index_hero_slide{
	width: 100%;
}
.index_hero_banner .index_hero_static > .index_hero_slide{
	width: 100%;
}
.index_hero_banner .bx-pager{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14px;
	z-index: 6;
	padding-top: 0;
	text-align: center;
}
.index_hero_banner .bx-wrapper .bx-pager.bx-default-pager a{
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .75);
	border: 1px solid rgba(12, 26, 68, .35);
}
.index_hero_banner .bx-wrapper .bx-pager.bx-default-pager a.active,
.index_hero_banner .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background: #feb900;
	border-color: #feb900;
}

/* 首页轮播第 2 帧：与 aboutus「公司数据」同一组数字与版式 */
.index_hero_overlay--stats{
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	padding-bottom: 0;
}
.index_hero_overlay--stats .index_hero_overlay_inner{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 300px;
	box-sizing: border-box;
}
.index_hero_overlay--stats .index_hero_copy{
	flex: 0 0 auto;
}
.index_hero_stats_bleed{
	margin-top: auto;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
	position: relative;
	box-sizing: border-box;
}
.index_hero_stats_banner{
	background: #122a5c;
	padding: 28px 20px 32px;
	box-sizing: border-box;
}
.index_hero_stats_grid{
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	align-items: stretch;
}
.index_hero_stat_col{
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
	padding: 10px 12px;
	box-sizing: border-box;
	border-left: 1px solid rgba(255, 255, 255, .12);
}
.index_hero_stat_col:first-child{
	border-left: 0;
}
.index_hero_stat_value{
	font-size: clamp(20px, 2.8vw, 34px);
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
	font-family: 'OpenSans-Bold', 'Microsoft YaHei', sans-serif;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.index_hero_stat_plus{
	font-size: .55em;
	vertical-align: super;
	line-height: 0;
	margin-left: 1px;
}
body.lang_en .index_hero_stat_suffix{
	font-size: .8em;
	font-weight: 600;
	letter-spacing: 0;
}
.index_hero_stat_rule{
	width: 2.8em;
	max-width: 72px;
	height: 2px;
	background: #feb900;
	margin: 12px auto 10px;
}
.index_hero_stat_label{
	font-size: 16px;
	line-height: 1.45;
	color: rgba(255, 255, 255, .92);
	font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
}

/* 首页「关于我们」与「产品与目标市场」之间的通栏：公司数据（原 8a43895c53 横幅图位置） */
.banner.index_mid_stats{
	padding: 0;
	margin: 0;
	background: transparent;
	overflow-x: hidden;
	max-width: 100%;
	box-sizing: border-box;
}
.index_mid_stats_bleed{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	max-width: 100%;
	position: relative;
	box-sizing: border-box;
}
.index_mid_stats_banner{
	background: #122a5c;
	padding: 40px 24px 44px;
	box-sizing: border-box;
}

.area{padding-bottom:88px;}
.area .left{width: 705px;}
.area .left .copy{float: left;width: calc( 50% - 40px );padding: 35px 5px 0 35px;display: inline-block;vertical-align: top;}
/* 与 aboutus.html 企业文化 .ico 一致：品牌蓝、字号接近首页标题层级 */
.area .left .copy .index_about_ico{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.3em;
	height: 1.1em;
	font-size: 24px;
	line-height: 1;
	color: #2f3faf;
	margin: 0 0 10px 0;
	font-style: normal;
	/* Force monochrome symbol glyph to match EN page icons */
	font-family: 'Segoe UI Symbol', sans-serif !important;
}
.area .left .copy .index_about_ico.icon-gear,
.area .left .copy .index_about_ico.icon-star,
.area .left .copy .index_about_ico.icon-loop{
	transform: scale(1.12);
}
.area .left .copy .index_about_ico.icon-handshake{
	transform: scale(1.06);
}
.area .left .copy .name{font-size: 20px;color: #2f3faf;font-family: 'OpenSans-Bold';padding: 8px 0 16px;}
.area .left .copy .desc{font-size: 16px;line-height: 25px;}
/* 首页「关于我们」右侧：插图水平垂直居中于区块内，间距适中，图片高度随宽度自适应 */
.area .right.index_about_side{
	position: relative;
	float: right;
	width: 455px;
	max-width: calc(100% - 730px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	padding: 52px 12px 48px;
}
.area .right.index_about_side .outborder{
	width: 100%;
	max-width: 360px;
	height: auto;
	min-height: 0;
	border: 5px solid #feba00;
	padding: 22px 22px 32px;
	margin: 0 auto;
	overflow: visible;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* 插图在黄框内、标题上方，水平居中 */
.area .right.index_about_side .outborder .index_about_figure{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 0;
	padding: 4px 8px 22px;
	box-sizing: border-box;
}
.area .right.index_about_side .outborder .index_about_figure a{
	display: block;
	max-width: 100%;
	line-height: 0;
	text-align: center;
}
.area .right.index_about_side .outborder .index_about_figure img{
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}
.area .right.index_about_side .outborder .name{
	width: 100%;
	text-align: left;
}
.area .right.index_about_side .outborder .name a{font-size: 24px;color: #333333;font-family: 'OpenSans-Bold';}
.area .right.index_about_side .outborder .desc{
	width: 100%;
	text-align: left;
	font-size: 16px;
	
	line-height: 25px;
	padding-top: 16px;
}
.area .right.index_about_side a.more{
	font-size: 16px;
	color: #2f3faf;
	font-family: 'OpenSans-Bold';
	background: url(../images/index_areas_more.png) no-repeat 100% center;
	display: inline-block;
	padding-right: 31px;
	position: static;
	align-self: flex-end;
	margin: 20px 12px 0 0;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
}

.prod_list{padding-bottom:80px;min-height: 450px;}
.prod_list .bx-wrapper {padding-top: 30px;max-width: none!important;width: calc( 100% - ((100% - 1200px)/2) );margin-left: calc( (100% - 1200px)/2 );}
.prod_list .bx-controls{display: none;}
.prod_list .left .index_msg{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prod_list a.more{display: inline-block;font-size: 16px;color: #333333;float: right;width: 177px;height: 43px;line-height: 43px;background: #feb900;text-align: center;margin-top: 68px;transition: all 0.5s;}
.prod_list a.more:hover{color: #fff;}
.prod_list .list{height:380px;}
.prod_list .list.index_scenarios{height: auto;min-height: 0;padding-bottom: 8px;}
.prod_list .list .copy{float: left;width:25%;/* padding:20px;*/ padding-top:0; box-sizing:border-box;}
.prod_list .list.list_four .copy{width: 25%;margin-right:20px;}
.prod_list .list.list_four .copy:first-child{padding-left: 0;}
.prod_list .list.list_four .copy:last-child{padding-right: 0;}
.prod_list .list .copy .name{font-size: 16px;line-height: 26px;color: #2f3faf; height:48px; overflow:hidden;}
.prod_list .list .copy .name a{color: #2f3faf; text-decoration:none;}
/* 首页四应用场景：圆角配图 + 居中标题与灰色简介 */
.prod_list .list.index_scenarios .copy .name{height: auto;min-height: 44px;max-height: none;overflow: visible;text-align: center;font-weight: 700;padding: 0 4px;}
.prod_list .list.index_scenarios .copy .img{position: relative;border-radius: 8px;overflow: hidden;margin-bottom: 12px;background: #eef0f3;height: 0;padding-top: 100%;}
.prod_list .list.index_scenarios .copy .img > a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.prod_list .list.index_scenarios .copy .img > a > img{width: 100%;height: 100%;display: block;object-fit: cover;}
.prod_list .list.index_scenarios .copy .img > span{display: none;}
.prod_list .list.index_scenarios .scenario_desc{font-size: 16px;line-height: 1.65;color: #666;text-align: center;margin-top: 8px;padding: 0 6px;font-family: 'Opensans-Regular', 'Microsoft YaHei', sans-serif;}
.prod_list .bx-controls{position:absolute; top:380px; left:0; width:100%;}
.prod_list .bx-controls a{width:12px !important; height:12px !important; border-radius:50% !important;}

.index_news{background:#f8f8f8; padding:50px 0;}
.index_news .c{max-width:1200px; padding:10px; box-sizing:border-box; margin:0 auto;}
.index_news .title{font-size: 36px;text-align: center; font-weight:bold; color:#4a4a49;}
.index_news .title div{width:40px; height:4px; background:#feb800; margin:0 auto; margin-top:20px;}
.index_news .list{position:relative; width:100%; margin-top:55px;}
.index_news .ico{width:80px; height:80px; background:url(../images/index_news_left.png) center center no-repeat; position:absolute; left:0; top:0;}
.index_news .ico:hover{background:url(../images/index_news_left_on.png) center center no-repeat;}
.index_news .ico.fr{background-image:url(../images/index_news_right.png); left:auto; right:0;}
.index_news .ico.fr:hover{background:url(../images/index_news_right_on.png) center center no-repeat;}
.index_news .ico a{display:block; width:100%; height:100%;}
.index_news .contents{padding:0 190px; width:100%; height:120px; overflow:hidden; box-sizing:border-box;}
.index_news .contents .item_box{float:left; height:120px;}
.index_news .contents .item_box .box{width:100%; height:100%; position:relative;}
.index_news .contents .item_box .box .date{float:left; position:absolute; left:0; top:0; width:160px; font-size:36px; color:#333333;font-family: 'OpenSans-Bold';}
.index_news .contents .item_box .box .date div{font-size:16px; color:#a3a4ac; padding:5px 0;}
.index_news .contents .item_box .box .desc{float:left; margin-left:160px; color:#555; line-height:180%; font-size:16px;font-family: 'Opensans-Regular';}
.index_news .contents .item_box .box .desc h1{height:22px; line-height:22px; overflow:hidden; margin-bottom:10px;font-family: 'OpenSans-Bold';}
.index_news .contents .item_box .box .desc a{color:#333; font-weight:bold; font-size:20px;font-family: 'OpenSans-Bold';}

@media screen and (max-width: 1280px) {
  .index_hero_slide{min-height: 340px;}
  .index_hero_bg img{min-height: 340px;}
  .index_hero_overlay{min-height: 340px; padding: 28px 0;}
  .index_hero_title{font-size: 22px;}
  .index_hero_copy{padding: 32px 28px 32px 0;}
  .area .left{width: 550px;}
  .area .right.index_about_side{
    width: 400px;
    max-width: calc(100% - 580px);
    padding: 44px 10px 40px;
  }
  .area .right.index_about_side .outborder{padding: 20px 18px 28px;}
  .area .right.index_about_side .outborder .index_about_figure{padding: 2px 6px 18px;}
  .index_title{margin-top:55px;}
  .index_msg{padding: 20px 0 23px 35px;}
  .numberbg{margin-top: 60px;}
  .prod_list{padding-bottom: 50px;}
  .prod_list .left{width: 755px;}
  .prod_list a.more{margin-top: 55px;}
  .prod_list .bx-controls{position:absolute; top:320px; left:0; width:100%;}
}
@media screen and (max-width: 768px) {
  .index_hero_slide{min-height: 300px;}
  .index_hero_bg img{min-height: 300px;}
  .index_hero_overlay{
    min-height: 300px;
    padding: 20px 0;
    align-items: flex-start;
  }
  .index_hero_copy{
    max-width: 100%;
    padding: 22px 18px 22px 20px;
    margin: 0 10px;
  }
  .index_hero_title{
    font-size: 17px;
    line-height: 1.5;
    padding-left: 16px;
    border-left-width: 5px;
  }
  body.lang_en .index_hero_title{
    white-space: normal;
  }
  .index_hero_cta{
    margin-top: 18px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    padding: 0 22px;
  }
  .index_hero_overlay--stats .index_hero_overlay_inner{min-height: 0;}
  .index_hero_stats_banner{padding: 20px 12px 24px;}
  .index_hero_stat_col{
    flex: 1 1 50%;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding: 16px 8px;
  }
  .index_hero_stat_value{
    white-space: normal;
  }
  body.lang_en .index_hero_stat_suffix{
    font-size: .88em;
  }
  .index_hero_stat_col:nth-child(-n+2){border-top: 0;}
  .index_hero_stat_col:nth-child(odd){border-right: 1px solid rgba(255, 255, 255, .12);}
  .index_title{margin-top:15px;font-size: 20px;line-height: 35px; padding-left:10px;}
  .index_msg{padding: 5px 0 5px 15px;line-height: 20px;}
  
  .area{padding-bottom:0px;}
  .area .left{float:none; width:100%;}
  .area .left .copy{width:100%; box-sizing:border-box; padding:10px; padding-left:60px; position:relative; clear:both;}
  .area .left .copy .index_about_ico{
    position: absolute;
    left: 16px;
    top: 16px;
    width: 36px;
    height: 28px;
    margin: 0;
    font-size: 22px;
    line-height: 1;
    text-align: center;
  }
  .area .left .copy .name{font-size: 18px;padding:0;}
  .area .left .copy .desc{line-height: 20px;}
  .area .right.index_about_side{
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 28px 16px 36px;
  }
  .area .right.index_about_side .outborder .index_about_figure{
    padding: 0 10px 20px;
  }
  .area .right.index_about_side .outborder{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 18px 16px 26px;
    margin: 0 8px;
    border-width: 2px;
  }
  .area .right.index_about_side .outborder .desc{line-height: 180%; padding-top: 10px;}
  .area .right.index_about_side a.more{
    display: inline-block;
    margin: 16px 20px 0 0;
  }
  
  .prod_list #prod_list{padding-top:10px;}
  .prod_list .list{height:auto;}
  .prod_list .list.list_four .copy{
    width: 50%;
    float: left;
    padding: 0 8px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
  .prod_list .list.index_scenarios .copy .name{font-size: 16px;line-height: 1.4;min-height: 0;}
  .prod_list .list.index_scenarios .scenario_desc{font-size: 12px;}
  .prod_list .left{width: 100%;}
  .prod_list a.more{display:none;}
  .prod_list .bx-controls{display:none;}
	
	.index_news{padding:0;}
	.index_news .title{font-size:20px; font-weight:normal;}
	.index_news .title div{margin-top:10px;}
	.index_news .list{margin-top:10px;}
	.index_news .ico{display:none;}
	.index_news .contents{padding:0;}
	.index_news .contents .item_box .box .date{width:70px; font-size:20px;}
	.index_news .contents .item_box .box .date div{font-size:16px;}
	.index_news .contents .item_box .box .desc{margin-left:70px; color:#666;}
	.index_news .contents .item_box .box .desc a{color:#888;}
}

@media screen and (max-width: 520px) {
  .index_hero_stat_col{
    flex: 1 1 100%;
    border-right: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .12);
  }
  .index_hero_stat_col:first-child{border-top: 0;}
}

@media screen and (max-width: 480px) {
  .prod_list .list.list_four .copy{
    width: 100%;
    float: none;
    padding: 0;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}