@charset "utf-8";
@font-face { 
	font-family: 'tt'; 
	src: local('tt light'), 
    local('tt'), 
    url('tt7.woff') format('truetype');
}

*{margin: 0;padding: 0}
img{border:none;border:0;vertical-align: middle;max-width: 100%;max-height: 100%}
iframe{max-width: 100%;margin: 20px 0;}
@media (max-width: 1023px) {iframe{height: auto;width: auto;}}

html{font-size: 100%}
body{position: relative;color: #212121;
	/* font-family:'tt',Arial,'微软雅黑'; */
	background-color: #f9f9f9;}
ul{list-style-type: none;}
a{color: #4f79c5;text-decoration: none;border: none;}
p{font-size: 14px;}

h2{font-size: 36px;line-height: 48px;}
h3{font-size: 30px;line-height: 40px;}
h4{font-size: 25px;line-height: 28px;}
h5{font-size: 18px;line-height: 22px;}

@media screen and (max-width: 960px) {
	h2{font-size: 24px;line-height: 24px;}
	h3{font-size: 18px;line-height: 18px;}
	h4{font-size: 16px;line-height: 16px;}
	h5{font-size: 14px;line-height: 16px;}
}

pre{white-space: pre-wrap!important;}

.content{
	position: relative;
	margin: 0 auto;
	margin-top: 6px;
	/*background-color: #ccc;*/
	box-sizing: border-box;
}
.h_100{
	position: relative;
	height: 70px;
	display: none;
}

/*--------------------------------------------slider----------------------------------------------*/

.slider .item{
	position: relative;
	background: #ccc;
	color: #FFF;
	text-align: center;
	background-size: cover;
	background-position: 50%;
	/*transition: 0.4s;*/
}
.slider .item a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 8;
}
.slider .item span{
	display: none;
	position: absolute;
	bottom: 100px;left: 0;
	width: 100%;
	text-align:center;
	color: #ccc;
	font-size: 30px;
	/* font-family: "tt",Arial,'MingLiU','微软雅黑'; */
}

.slick-prev,.slick-next{
	position: absolute;
	width: 90px;height: 50px;
	top: 50%;
	margin-top: -25px;
	overflow: hidden;
	text-indent: 999px;
	background: transparent;
	border: none;
	outline: none;
	z-index: 10;
	cursor: pointer;
	/*display: none;*/
}
.slick-prev{left: 0;background-image: url(../images/s_prev2.png)\9;}
.slick-next{right: 0;background-image: url(../images/s_next2.png)\9;}

.slick-prev:before,.slick-next:before{
	content: "";
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	top: -17px\0;
	background-size: 100%;
	background-position: 0;
	z-index: 9;
}
.slick-prev:before{background-image: url(../images/s_prev.png);}
.slick-next:before{background-image: url(../images/s_next.png);}

.slick button{border: 0;}
.slick-prev:after,.slick-next:after{
	content: "";
	display: none\9;
	position: absolute;
	background-color: #212121;
	width: 100%;height: 100%;
	top: 0;left: 0;
	opacity: 0.2;
	transition: 0.4s;
	z-index: 0;
}
.slick-dots{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom:20px; 
}
.slick-dots li{
	display: inline-block;
	margin: 0 4px;
	padding: 10px 0;
}
.slick-dots li button{
	position: relative;
	text-indent: 999px;
	width: 40px;
	height: 3px;
	top: 0;
	font-size: 0;
	background: transparent;
	border: none;
	outline: none;
	background-color: #e6e6e6;
	opacity: 0.7;
	filter: Alpha(opacity=70);
	cursor: pointer;
	transition: 0.3s;
}
.slick-dots li.slick-active button{
	opacity: 1;
	background-color: #4f79c5;
	filter: Alpha(opacity=100);
}


@media screen and (min-width: 1024px) {
	.slick-prev:hover:after,.slick-next:hover:after{
		opacity: 0.8;
		filter: Alpha(opacity=80);
	}
	.slick-dots:hover li button{height: 12px;top: -4px;}
}

/*--------------------------------------------头部---------------------------------------------*/
.header{
	position: relative;
	height: 160px;width: 100%;
	background-color: #f7f7f8;
	/*border-bottom: 1px solid #ccc;*/
	/*border-bottom: 1px solid rgba(0,0,0,.09);*/
	box-shadow: 1px 1px 4px rgba(11,11,11,.06);
	color: #fff;
	z-index: 99;
	transition: 0.4s;
	/*-webkit-transform: translateZ(0);*/
}
.nav{
	position: relative;
	width: 1200px;
	height: 90px;
	line-height: 90px;
	margin: 0 auto;
	z-index: 999;
}
.nav.zqym-top-nav{
	height: 35px;
	width: 100%;
}
.zqym-top-header{
	height: 35px;
	width: 100%;
}

.logo{
	position: relative;
	left: 0;top: 0;
	height: 90px;
	float: left;
}
.logo img{
	max-height: 60%;
}
.nav ul{
	position: relative;
	left: 50px;
	float: left;
	z-index: 999;
	-webkit-transform: translateZ(0);
}
.nav li{
	position: relative;
	display: inline;
	padding-right: 20px;
	z-index: 999;
}
.nav.zqym-top-nav .zqym-top-header li a{
	color: #fff;
}
.nav.zqym-top-nav .zqym-top-header li .iconfont{
	padding-left: 10px;
	font-weight: normal;
}
.nav.zqym-top-nav .zqym-top-header li .iconfont.icon-facebook{
	
}
.nav li a{
	position: relative;
	font-size: 13px;
	color: #000;
	opacity: 1;
	transition: 0.4s;
	padding-bottom: 4px;
	letter-spacing: 1px;
	z-index: 999;
}
.on a{
	border-bottom: 1px solid #fff;
}
.nav li:after{
	content: "";
	display: inline;
	position: absolute;
	top: 50%;right: 8px;
	width: 1px;height: 12px;
	margin-top: -6px;
	background-color: #a3a3a8;
	opacity: 0.4;
	filter: Alpha(Opacity=40);
}
.nav li:last-child:after{
	display: none;
}

.header_info{
	position: absolute;
	right: 4px;
}
.header_info img{max-height: 90px;}
.header_info p{
	line-height: 90px;
	font-size: 15px;
	color: #212121;
}
.header_info a{
	color: #212121;
	padding: 2px 0;
	border-bottom:1px solid #fff;
}
.side_close{
	display: none;
	position: fixed;
	right: 0;left: 0;top: 0;bottom: 0;
	background-image: url(../images/btn_side-close.png);
	background-repeat: no-repeat;
	background-position: 95% 2%;
	background-color: rgba(0,0,0,.9);
	z-index: 998;
	-webkit-transform: translateZ(0);
	transition: 0s;
}
.nav_icon{
	display: none;
	position: absolute;
	right: 10px;
	top: 0;
	width: 50px;
	height: 50px;
	background-image: url(../images/nav-icon.png);
	background-repeat: no-repeat;
	background-size:  100%;
	z-index: 99;
}

@media screen and (min-width: 1024px) {
	.nav li a:hover{opacity: 0.4;filter: Alpha(opacity=40);}
}

/*--------------------------------------------服务----------------------------------------------*/
.section{
	position: relative;
	width: 1200px;
	margin: 50px auto;
	margin-bottom: 60px;
}
.section_title_1{
	position: relative;
	margin: 10px 0;
	box-sizing: border-box;
}
.section_title_1 .setting{
	position: relative;
	padding: 4px 0;
	display: none;
	margin-bottom: 20px;
}
.section_title_1 .setting span{
	position: relative;
	color: #4f79c5;
	font-size: 30px;
	/* font-family:"tt", Arial,'MingLiU'; */
	/*text-transform: uppercase;*/
}
.section_title_1 .setting span:after{
	content: "";
	display: block;
	position: absolute;
	padding: 4px 0;
	width: 100%;
	border-bottom: 1px solid #4f79c5;
	z-index: 1;
}
.section_title_1 .setting a{
	position: absolute;
	right: 0;
}
.section_title_1 .setting:after{
	content: "";
	display: block;
	position: absolute;
	padding: 4px 0;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	z-index: 0;
}
.home{margin-top: 80px;}
.home .section_title_1{
	text-align: center;
}
.home .section_title_1 .setting:after{display: none;}
.home .section_title_1>p:after,.home .section_title_3>p:after{
	content: "";
	position: absolute;
	left: 50%;bottom: -16px;
	margin-left: -30px;
	width: 60px;height: 3px;
	background-color: #000;
}
.home .section_title_1>p,.home .section_title_3>p{
	position: relative;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 30px;
	/* font-family: Arial,'MingLiU'; */
}
.home .section_title_1 .setting p,.home .section_title_3 .setting p{font-size: 16px;color: #fff;letter-spacing: 1px; font-weight: bold;}
.home .section_title_1 .setting p,.home .section_title_3  #service_refer{
	color: #fff;
}
.service_box{
	position: relative;
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 10px;
	box-shadow: 1px 1px 4px rgba(11,11,11,.06);
	background-color: #fff;
	box-sizing: border-box;
}
.service_box:last-child{margin: 0;margin-top: 10px;}
.service_box img{width: 100%;-webkit-filter: contrast(1);transition: 0.3s;opacity: 1;}
.service_box_text{
	min-height: 185px;
	padding: 20px 30px;
	box-sizing: border-box;
	
}
.service_box_text h4{
	text-align: center;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 10px;
	height: 65px;
}
/*.service_box_text h4:before{
	content: "";
	position: relative;
	display: inline-block;
	height: 16px;width: 6px;
	background-color: #4f79c5;
	margin-right: 5px;
	top: 2px;
}*/
.service_box_text p{
/*	max-height: 70px;
	overflow: hidden;*/
	margin-bottom: 10px;
}
.section:after,.section_2_cell:after,.list_item:after,.footer_cell:after,.second_page:after,.side_contact:after,.foot_extend:after,.gallery_list:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.service_box_text p a{
	position: relative;
	margin-top: 16px;
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
	color: #222;
	width: 100%;height: 40px;
	line-height: 40px;
	background-color: #EDEDED !important;
	text-align: center;
	transition: 0.3s;
}
.service_box_text p a:hover{background-color: #000 !important;color: #fff;}
/*--------------------------------------------about----------------------------------------------*/

.section_2{
	position: relative;
	background-color: #a2a7ab;
	min-height: 360px;
	padding: 40px;
	box-sizing: border-box;
}
.section_2.home_about{padding: 100px;}
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url();
	background-size: cover;
	background-attachment: fixed;
	background-position-x:center !important;
	/*opacity: 0.4;*/
	z-index: 1;
}
@media screen and (max-device-width: 1024px){
	.bg_blur{background-attachment:scroll; }
}
.bg_light{
	/*position: absolute;*/
	width: 100%;
	background-color:#f7f7f8 !important;
	z-index: 1;
}
.alpha_bg{
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	background-image: url();
	background-size: cover;
	opacity: 0.1;
	filter:Alpha(opacity=2);
	z-index: 1;
}

.section_2_cell{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	z-index: 4;
}
.section_2_left{
	position: relative;
	/*float: left;*/
	text-align: center;
	width: 60%;
	margin: 0 auto;
	color: #fff;
	background: rgba(11,11,11,.4);
	padding: 30px 80px;
	z-index: 10;
	box-sizing: border-box;
}
.section_title_2 .setting{margin-top: 6px;}
.section_title_2 .setting span{
	position: relative;
	padding-top: 10px;
	font-size: 30px;
	/*font-family: Arial,'MingLiU';*/
}
/*.section_title_2 .setting span:after{
	content: "";
	display: block;
	position: absolute;
	width: 50px;height: 2px;
	bottom: -16px;left: 0;
	background-color: #fff;
}*/
.section_title_2{
	margin-top: 20px;
	margin-bottom: 40px;
}
.btn_1 a{
	position: relative;
	display: block;
	padding: 14px;
	margin: 30px auto;
	width: 200px;
	color: #fff;
	border:2px solid #fff;
	z-index: 2;
	transition: 0.4s;
	box-sizing: border-box;
}
.btn_1 a:before{
	content: ">";
	display: inline-block;
	position: absolute;
	right: 20px;
}
.btn_1 a:after{
	content: "";
	position: absolute;
	width: 0;height: 100%;
	top: 0;left: 0;
	background-color: #4f79c5;
	z-index: -1;
	transition: 0.2s;
}

.section_2_right{
	position: relative;
	width: 48%;
	float: right;
	overflow: hidden;
	z-index: 3;
}
.section_2_right img{width: 100%;transform: scale(1);-webkit-filter: contrast(1);transition: 0.4s; } 

@media screen and (min-width: 1024px) {
	.btn_1 a:hover:after{width: 100%;}
	.btn_1 a:hover{border-color: #4f79c5;}
	.section_2_right:hover img{transform: scale(1.1);-webkit-filter: contrast(1.2);}
	a.more:hover{color: #222;}
}

/*--------------------------------------gallery------------------------------------------*/
a.more{
	position: absolute;
	color: #555;
	right: 0;
	z-index: 9;
}
.gallery_list{padding-top: 10px;}
.gallery_box{
	position: relative;
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 30px;
	/*background-color: #fff;*/
	/*overflow: hidden;*/
	box-sizing: border-box;
}
.gallery_box:nth-child(3n){
	margin-right: 0;
}
.gallery_box img{
	border: 1px solid transparent;
	width: 100%;
	transition: 0.4s;
}

.gallery_box span{
	position: relative;
/*	left: 10px;
	bottom: 0;*/
	display: block;
	margin-top: 10px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #333;
	z-index: 5;
	transition: 0.4s;
}
/*.gallery_box:after,.gallery_box:before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;width: 100%;
	background-color: #f0f0f0;
	opacity: 0.4;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	z-index: 2;
	transition: 0.3s;
}
.gallery_box:before{
	height: 0;
	z-index: 4;
}*/
.gallery_box a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	/* opacity: 0; */
	opacity: 1;
	filter: Alpha(opacity=0);
	z-index: 9;
}
@media screen and (min-width: 1024px) {
/*	.gallery_box:hover:before{
		background-color: #4f79c5;
		height: 30px;
		opacity: 0.95;
		filter: Alpha(opacity=80);
	}*/
	.gallery_box:hover img {
		opacity: 0.7;
		/*-webkit-filter: contrast(2);
	     -moz-filter: contrast(2);
	     -o-filter: contrast(2);
	     -ms-filter: contrast(2);
	     filter: contrast(2);*/
/*	     -webkit-filter: brightness(2);
	     -moz-filter: brightness(2);
	     -o-filter: brightness(2);
	     -ms-filter: brightness(2);
	     filter: brightness(2); */
	}
}

/*--------------------------------------news------------------------------------------*/

.section_title_3{text-align: center;}
.section_title_3 p{color:#111;}
.section_title_3 span{
	position: relative;
	color: #212121;
	font-size: 30px;
	/* font-family: "tt",Arial,'MingLiU'; */
}
.section_title_3 .setting{padding-top: 6px;}

#news_slider{
	margin: 40px 0;
}
.list_item{
	position: relative;
	width: 1000px;
	margin: 0 100px;
	background-color: #fff;
	background-color: rgba(255,255,255,1);
	/*transition: 0.3s;*/
}
.list_img{
	position: relative;
	width: 50%;
	float: left;
	overflow: hidden;
	z-index: 9;
}
.list_img img{width: 100%;transform: scale(1);transition: 0.4s; border-radius: 5px;}
.list_text{
	position: relative;
	width: 49.5%;
	float: right;
	padding: 40px;
	box-sizing: border-box;
}
p.time_1{font-size: 12px;color: #ccc;}
.list_text a p{
	color: #212121;
	font-size: 24px;
	/*font-family: Arial,'MingLiU';*/
	line-height: 30px;
	margin-bottom: 20px;
}
.list_brief p{max-height:70px;overflow: hidden; }
.more_2{
	position: relative;
	padding-top: 40px;
	z-index: 9;
}
.list_item > a{
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	background-color: #fff;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 8;
}
#news_slider .slick-dots li{
	/*bottom: -40px;*/
	display: none;
}

.btn_2{margin: 40px;}
.btn_2 a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #fff;
	width: 240px;height: 50px;
	line-height: 50px;
	left: 50%;margin-left: -120px;
	background-color: #4f79c5;
	text-align: center;
	transition: 0.3s;
}
.side_r .list_item{
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
}
.news_ .setting{margin-bottom: 36px;}
.side_r .section_title_1{margin: 0;}
.side_r .list_text{padding-top: 0;padding-right: 0;}
/*.side_r .setting{display: none;}*/

@media screen and (min-width: 1024px) {
	.list_text a:hover p{color: #4f79c5;}
	.list_img:hover img{transform: scale(1.05);}
	.btn_2 a:hover{background-color: #212121;}
}

/*--------------------------------------------二级页面通用----------------------------------------------*/
/*.second_page_b + .header{position: fixed !important;top: 0 !important;}*/
/*.second_page_b ~ .h_100{display: none !important;}*/
/*.second_page_b img{width:100%;}*/
.second_page_b{min-height: 80px;display: none;}
.contact_.second_page_b{display: block;}
.second_page_b img{width: 100%;}
.side_box .gallery_box{width: 100%;float: none;margin:15px 0;}

.second_page{width: 1200px; margin: 0 auto;margin-bottom: 40px;}
.side_box,.side_r{
	position: relative;
	min-height: 100px;
	/*border: 1px solid #eaeaea;*/
	box-shadow: 1px 1px 4px rgba(11,11,11,.06);
	background: #fff;
	box-sizing: border-box;
	border-radius: 8px;
}
.side_l{
	position: relative;
	width: 20%;
	margin-right: 2.5%;
	float: left;
}
.side_r{
	width: 77.5%;
	float: right;
	padding: 30px;
}
.side_box{
	padding: 20px;
	margin-bottom: 20px;
}
.side_contact .side_box{box-shadow: none;}
.side_box .section_title_1{margin: 0}
.side_box .section_title_1>p,.form .section_title_1>p{color:#4f79c5;}
.side_box .setting{margin: 0;padding: 0;}
.side_box .setting p span{font-size: 16px;color: #111;
	/* font-family:Arial,'微软雅黑'; */
}
.side_box .setting p span:after{display: none;
}

.catg_name{margin-top: 14px;}
.catg_name a{
	display: block;
	color: #111;
	background-color: #f2f3f6;
	/* height: 34px; */
	line-height: 34px;
	padding-left: 16px;
	margin-bottom: 10px;
	transition: 0.3s;
	text-indent: 0;
	font-size: 14px;
}
.catg_name a:last-child{margin-bottom: 0;}
.catg_name a.on{color: #fff;background-color: #4f79c5;}
/* 二级分类列表 */
.catgs_sub{margin-top: 6px;}
.catgs_sub a.catgs{
	display: block;
	color: #555;
	background-color: #fff;
	border: 1px solid #e8ecf1;
	border-left: 3px solid #4f79c5;
	padding: 10px 12px;
	margin-bottom: 6px;
	text-indent: 0;
	font-size: 13px;
	line-height: 1.4;
	transition: all .2s ease;
}
.catgs_sub a.catgs:hover{
	color: #fff;
	background-color: #4f79c5;
	border-left-color: #4f79c5;
}
/* 二级分类选中态：背景沿用网站 .catg_name a.on 的主色，仅补白字（提高特异性覆盖默认灰字） */
.catgs_sub a.catgs.on{
	color: #fff;
}

.contact_mini_text p{
	font-size: 12px;
	margin-top: 10px;
	/* max-height: 158px; */
	overflow: hidden;
}
.contact_mini_text p span{
	/* line-height: 40px; */
	/* padding-top: 30px; */
	overflow:initial
}
a.btn_contact{
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #111;
	border: 1px solid #eaeaea;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	transition: 0.3s;
}
.title_3{
	border-bottom: 1px solid #f2f3f6;
	padding-bottom: 20px;
	font-size: 30px;
	/* font-family: Arial,'MingLiU'; */
}
.detail_time{color: #ccc;font-size: 12px;margin-bottom: 10px;}
.detail_text img{margin:20px 0; }
.detail_text p{line-height: 24px;margin-bottom: 10px;}

.side_r .gallery_box{width: 31%;margin-right: 3.4%;}
.side_r .gallery_box:nth-child(4n){margin-right: 3.4%;}
.side_r .gallery_box:nth-child(3n){margin-right: 0;}

/*----------按钮通用部分----------*/
a.btn_2{
	position: relative;
	margin-top: 20px;
	display: block;
	height: 36px;
	width: 100%;
	line-height: 36px;
	text-indent: 10px;
	font-size: 12px;
	color: #000;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	z-index: 99;
	transition: 0.3s;
}

a.btn_2:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #4f79c5;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
a.btn_2:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 97%;
	height: 100%;
	background-image: url(../images/icon_more0.png);
	background-repeat: no-repeat;
	background-position: right;
	transition: 0.3s;
}

.ctrl{
	margin: 20px 0;
	margin-top: 40px;
}
.ctrl a{
	position: relative;
	float: left;
	margin: 0;
	margin-right: 0.33%;
	height: 40px;
	line-height: 40px;
	width: 33%;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	box-sizing: border-box;
}
.ctrl a:after{display: none;}
a#back:after,a#prev:after,a#next:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after{background-image: url(../images/btn-back.png);}
a#prev:after{background-image: url(../images/btn-prev.png);}
a#next:after{background-image: url(../images/btn-next.png);}

.catg_hide{
	position: relative;
	display: none;
	top: 1px;
	width: 100%;
	height: 44px;
	border: 1px solid #4f79c5;
	background-image: url(../images/down.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 44px;
	text-align: center;	
	box-sizing:border-box;
	margin-bottom: 10px;
}
.catg_hide_2{background-image: url(../images/down2.png) !important;}
.catg_hide p{
	font-size: 12px;
	line-height: 44px;
	color: #4f79c5;
}

.page{
	position: relative;
	margin: 20px auto;
	margin-bottom: 10px;
	text-align: center;

}
.page li{
	display: inline-block;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	transition: 0.3s;
}
.page li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #000;
	box-sizing: border-box;
}
.page_on a{
	color: #fff !important;
	background-color: #4f79c5;
}
.page li:hover{
	opacity: 0.8;
}

@media screen and (min-width: 1024px) {
	.catg_name a:hover{color: #4f79c5;text-indent: 4px;}
	.catg_name a.on:hover{color: #fff;text-indent: 0;}
	a.btn_contact:hover{color: #fff;border-color: #4f79c5;background-color: #4f79c5;}

	a.btn_2:hover:before{height: 100%;opacity: 1;}

	a#back:hover:after{background-image: url(../images/btn-back2.png);}
	a#prev:hover:after{background-image: url(../images/btn-prev2.png);}
	a#next:hover:after{background-image: url(../images/btn-next2.png);}

	.service_box img:hover{-webkit-filter: contrast(1.1); opacity: 0.8;}
}

/*---------------------------------------contact-----------------------------------------*/
.side_contact{width: 100%;box-shadow: 1px 1px 4px rgba(11,11,11,.06);box-sizing:border-box;padding: 20px;background-color: #fff;}
.side_contact .side_box{border: none;width: 35%;float: left;padding-top: 10px;}
.form .section_title_1{margin: 10px 0;}
.side_contact .section_title_1{margin-bottom: 20px;}

.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fbfbfb;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 4px;
	text-align: left;
	margin: 0 auto;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}
.formText{
	text-align: left;
}
.form{
	position: relative;
	width: 60%;
	float: right;
}
form{
	position: relative;
	top: -10px;
}
.form textarea{
	height: 100px;
	max-width: 100%;
}
.form input:focus,.form textarea:focus{ 
	background-color:#fff; 
	border: 1px solid #4f79c5;
}
.form dt{
	margin-top: 10px;
	color: #888;
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 4px;
}
.form dl{width: 49%;float: left;}
.form dl:first-child{margin-right: 2%;}

.formBtn button{
	display: block;
	padding: 10px; 
	width:100%;
	background: #212121;
	color: #fff;
	margin: 10px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
.formBtn:before{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.formBtn button:hover{
	background-color: #4f79c5;
}


@media screen and (min-width: 1024px) {

	.textandpic:hover img{opacity: 0.8;}
}

/*--------------------------------------底部-------------------------------------------*/
.footer{
	position: relative;
	width: 100%;
	padding: 30px 0;
	background-color: #fff;
	box-sizing:border-box;
	transition: 0.3s;
	z-index: 9998;
}
.footer_cell{
	width: 1200px;
	margin: 0 auto;
	box-sizing:border-box;
}


.footer  a:hover{color: #999;}

.follow{float: right;}
.follow span{
	padding: 4px;
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.4s;
}
.follow a{display: inline-block;margin-left: 5px;}
.follow span:hover{opacity: 0.7;filter:alpha(opacity=70);}
.s-qq, .s-weibo, .s-taobao, .s-tt, .s-renren{display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat; background-position: center;background-size:100%; }
.s-qq{ background-image: url(../images/social/dark/qq.png);}
.s-renren{ background-image: url(../images/social/dark/renren.png);}
.s-taobao{ background-image: url(../images/social/dark/taobao.png);}
.s-weibo{ background-image: url(../images/social/dark/weibo.png);}
.s-tt{ background-image: url(../images/social/dark/tt.png);}

p.copy{font-size: 11px;line-height: 30px; float: left; }

.copy a{color: #999 !important;}


.service_box_text p a.a_img{
	display: block;
	position: absolute;
	width: 0;height: 0;left: 0;top:0;
	margin: 0;
	padding: 0;
	background: #fff !important;opacity: 0;filter:alpha(opacity=0);
	z-index: 99;
}
.service_box_text p a.a_img:hover{background: #fff !important;opacity: 0.2;filter:alpha(opacity=20); }

.foot_box,.foot_extend img{margin: 20px 0 36px 0;}
.foot_box{display: inline-block;vertical-align: top;}
.foot_box span,.foot_box a{font-size: 14px;color: #555;}
.foot_extend{white-space: pre-line;font-size: 0;border-bottom: 1px solid #e1e1e1;padding-top: 16px;margin-bottom: 30px;}
.for3{float: right; width: 33%;}
.for4{float: left; width: 24%;margin-right: 1%;}
.for6{float: left; width: 15.6%;margin-right: 1%;}
.foot_extend p{position: relative; margin-bottom: 10px;font-size: 15px;font-weight: 700;color: #333;text-align: left; /*border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;width: 100%;*/}

.foot_extend a{
	display: block;
	line-height: 24px;
	overflow: hidden;
	height: 24px;
	text-align: left;
}
.foot_extend span{line-height: 24px;}
/*.foot_extend a:hover{color: #67b48e;}*/

.foot_extend img{max-width: 100%; }
.line{border-bottom: 1px solid #e1e1e1;margin-bottom: 0px;}


/*---------------------------------------整体响应式----------------------------------------*/

@media screen and (max-width: 1279px) {


	.slick-dots{bottom: 0;}
	.nav,.section,.section_2_cell,.footer_cell,.second_page{width: 100%;padding: 0 10px;box-sizing: border-box;}

/*	.nav{line-height: 80px;}
	.header,.h_100{height: 80px;}
	.logo{height: 80px;}
	.nav ul {left: 30px;line-height: 80px;}
	.header_info{right: 0;opacity: 0.5;line-height: 30px;}*/
	.header_info .header_info-box {line-height: 100px;font-size: 12px;}
	.nav li a{font-size: 12px;letter-spacing: 0;}
	.nav li:after{height: 12px;margin-top: -6px;}

	.service_box_text p{max-height: none;}
	.service_box_text{min-height: 170px;}
	.section_2_left{width: 80%;}

	.list_item{width: 850px;margin: 0 60px;}
	.list_text a p{font-size: 16px;margin-bottom:10px;}
	.more_2{padding-top: 20px;}

}

@media screen and (max-width: 960px) {

	.slick-prev, .slick-next {width: 50px;height: 28px;margin-top: -14px;}
	.slick-dots li button{width: 20px;}
	.home .section_title_1>p, .home .section_title_3>p{font-size: 18px;}
	.section_2_left{padding: 20px;}
	.contact_~.h_100{display: none;}

	p{font-size: 12px;}
	.section,.section_2_cell,.footer_cell,.second_page{width: 96%;}
	.nav{width: 100%;height: 100%;}

	.header_info{display: none;}
	.nav{line-height: 50px;}
	.header,.h_100,.logo{height: 50px;}
	.header{position: fixed;top: 0;}
	.h_100{display: block;}
	.slick-slider{margin-top: 50px;}
	.logo{margin-left: 20px;}
	.nav_icon{display: block;}

	.nav ul{display: none;position: fixed;left: auto;width: 100%;text-align: center;top: 50%;}
	.nav li{display: block;line-height:30px;padding-right: 0;}
	.nav li a{position: relative;font-size: 18px;line-height: 40px;color: #fff !important;}
	.nav li:after{display: none;}
	.service_box_text p{max-height: none;}

	.content{margin-top: 10px;}

	.service_box_text h4{font-size: 16px;}

	.section_2{padding: 20px;}
	.section_2.home_about{padding: 20px;}
	.section{margin-top:20px;margin-bottom:20px;}

	.section_title_1 .setting span,.section_title_2 .setting span,.section_title_3 .setting span{font-size: 18px;line-height: 22px;}
	.section_2_right,.section_2_left{width: 100%}
	.btn_1 a{width: 100%;padding: 6px;font-size: 12px;}

	.gallery_box{width: 50%;margin-right: 0;}
	.gallery_box span{font-size: 12px;}

	.list_text,.list_img,.list_item{width: 100%;}
	.list_item{margin: 0;}

	#news_slider .slick-prev,#news_slider .slick-next{top: 70%}
	#news_slider{margin: 20px 0;}
	.list_text{padding: 20px;}
	.more_2{display: none;}
	.btn_2{margin: 0;}
	.btn_2 a{width: 100%;left: 0;margin-left: 0;height: 30px;line-height: 30px;font-size: 14px;}

	.second_page_b{min-height: 10px;margin-top: 50px;}
	.side_box .setting p span{display: none;}
	.contact_mini,.side_box .section_title_1,.side_box>a{display: none;}
	.side_r{width: 100%;z-index: 1;}
	.title_3{font-size: 16px;}
	.side_l{width: 100%;height: 100%;z-index: 2;}
	.side_l .side_box{border: none;padding: 0;margin: 0;min-height: 0;}
	.catg_name a{text-align: center;padding: 0;font-size: 12px;}
	.catg_name{margin: 0;margin-bottom: 20px;}
	.catg_hide{display: block;}
	.has_sub{display: none;right: 0}
	.side_box .gallery_box{display: none;}
	.side_r .list_text{padding:0;padding-bottom: 20px;}

	.side_r .gallery_box:nth-child(1){width: 100%;}

	.side_r .gallery_box{width: 50%;margin-right:0;}
	.side_r .gallery_box:nth-child(3n),.side_r .gallery_box:nth-child(4n){margin-right: 0;}

	.side_contact .side_box{width: 100%;float: none;padding: 0}
	.form{width: 100%;float: none;}
	.side_contact .side_box .section_title_1{display: block;}
	.side_contact .contact_mini_text p{overflow: visible;}




	p.time_1{font-size: 12px;}

	.section_title_1 .setting a{display: none;}
	.for3,.for6{width: 48%;}
	.for3{float: left;margin-right: 1%;}
	.foot_box span,.foot_box a{font-size: 12px;}
	.foot_extend p{font-size: 12px;}
	.foot_extend a{line-height: 20px;}
	/*.follow {float: none;text-align: center;}*/
	p.copy{width: 100%;float: none;text-align: center;}
	.foot_extend span{line-height: 16px;}
	
}
@media screen and (max-width: 480px) {
	.service_box{width: 100%;margin-right: 0;}
	.service_box_text{min-height: 50px;}
.for3, .for6{width: 100%;margin: 0;padding-left: 20px;box-sizing: border-box;}
.s-qq, .s-weibo, .s-taobao, .s-tt, .s-renren{width: 12px;height: 12px;}
}

/*--------------------------------------------首页：顶部轮播图（左下角文案卡片，蓝色主题，简约时尚）----------------------------------------------*/

/* slide 相对定位并裁剪溢出，作为文案卡片的定位容器 */
.mySwiper3.index_swiper .item{position: relative;overflow: hidden;}
/* 图片铺满容器、按比例居中裁剪，避免拉伸变形 */
.mySwiper3.index_swiper .item img{display: block;width: 100%;height: 100%;object-fit: cover;}
/* 文案卡片：紧贴右下角，半透明白色背景，蓝色标题 */
.mySwiper3.index_swiper .item .banner-caption{position: absolute;z-index: 5;right: 0;bottom: 0;left: auto;padding: 14px 16px 12px;background: transparent;border-radius: 0;border-top-left-radius: 10px;box-shadow: 0 4px 20px rgba(0,0,0,.15);animation: bannerCaptionIn .7s ease both;text-align: left;}
/* 标题：蓝色加粗，白色背景上清晰可读 */
.mySwiper3.index_swiper .item .banner-title{margin: 0 0 6px;font-size: 16px;font-weight: 800;line-height: 1.4;color: #054F9D;}
/* 描述：深灰小字 */
.mySwiper3.index_swiper .item .banner-desc{margin: 0 0 10px;font-size: 12px;line-height: 1.55;color: #dfdfdf;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/* 无跳转按钮时描述取消底部留白 */
.mySwiper3.index_swiper .item .banner-caption.is-textonly .banner-desc{margin-bottom: 0;}
/* more 胶囊按钮：蓝色渐变，内联箭头，悬停轻微上浮 */
.mySwiper3.index_swiper .item .banner-btn{display: inline-flex;align-items: center;gap: 8px;padding: 7px 16px;border-radius: 999px;background: linear-gradient(135deg,#0a63c4,#054f9d);color: #fff;font-size: 12px;font-weight: 600;letter-spacing: .5px;box-shadow: 0 6px 16px rgba(5,79,157,.35);transition: transform .25s ease,box-shadow .25s ease;}
.mySwiper3.index_swiper .item .banner-btn:hover{color: #fff;transform: translateY(-2px);box-shadow: 0 10px 22px rgba(5,79,157,.45);}
.mySwiper3.index_swiper .item .banner-btn .banner-btn-arrow{display: inline-block;transition: transform .25s ease;}
.mySwiper3.index_swiper .item .banner-btn:hover .banner-btn-arrow{transform: translateX(4px);}
/* 文案入场动画：自下而上淡入 */
@keyframes bannerCaptionIn{from{opacity: 0;transform: translateY(26px);}to{opacity: 1;transform: translateY(0);}}
/* 指示点：白色半透明小圆点，激活态拉长变蓝（位置由桌面端媒体查询设定，移动端隐藏） */
.mySwiper3.index_swiper .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;background: rgba(255,255,255,.8);opacity: 1;transition: width .3s ease,background-color .3s ease;}
.mySwiper3.index_swiper .swiper-pagination-bullet-active{width: 26px;border-radius: 6px;background: #0a63c4;}
/* 主轮播内视频与图片保持一致的铺满裁切方式 */
.mySwiper3.index_swiper .item video{display: block;width: 100%;height: 100%;object-fit: cover;background: #000;}

/* 临时隐藏区块通用类（APP 下载版块暂用） */
.why-hide{display: none !important;}

/*--------------------------------------------首页：Why choose ZQYM DIESEL（左文右图，6 图轮播）----------------------------------------------*/

/* 区块容器：白底上下留白 */
.why-choose{padding: 70px 0;background: #fff;}
.why-choose-inner{max-width: 1200px;width: 92%;margin: 0 auto;}
/* 标题行：与公司介绍区 head 同款，底部细分隔线 */
.why-choose-head{margin-bottom: 26px;padding-bottom: 12px;border-bottom: 1px solid #edf1f6;}
/* 标题蓝色渐变竖条（与 .home-cat-tt 同款），固定在区块左上角 */
.why-choose-tt{position: relative;padding-left: 14px;}
.why-choose-tt::before{content: '';position: absolute;left: 0;top: 4px;bottom: 4px;width: 4px;border-radius: 2px;background: linear-gradient(180deg, #0ea5e9, #054F9D);}
.why-choose-tt h2{margin: 0;color: #054F9D;font-size: 30px;line-height: 1.2;font-weight: bold;}
/* 下方主体：左右布局，文字与轮播顶部对齐 */
.why-choose-body{display: flex;align-items: flex-start;gap: 50px;}
/* 左侧文案 */
.why-choose-text{flex: 0 0 47%;max-width: 47%;min-width: 0;}
/* 标题下小字：与分类标题下的小字（.home-cat-tt p）同款 */
.why-choose-subtitle{margin: 8px 0 0;font-size: 14px;color: #000;}
.why-choose-subtitle:empty{display: none;}
/* 描述段落：与公司介绍区描述（.hero-intro-text p）同款 */
.why-choose-desc{margin-top: -4px;font-size: 14px;line-height: 1.9;color: #5a6b85;word-break: break-word;white-space: pre-line;}
/* 右侧图片轮播 */
.why-choose-gallery{position: relative;flex: 1 1 53%;max-width: 53%;min-width: 0;}
.wc-viewport{position: relative;width: 100%;border-radius: 14px;overflow: hidden;box-shadow: 0 16px 40px rgba(7,35,78,.16);background: #eef2f7;}
.wc-track{display: flex;height: 100%;transition: transform .55s cubic-bezier(.22,.61,.36,1);will-change: transform;}
.wc-slide{flex: 0 0 100%;width: 100%;height: 100%;}
.wc-slide img{display: block;width: 100%;height: 100%;object-fit: contain;background: #fff;}
/* 左右切换箭头 */
.wc-nav{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;width: 44px;height: 44px;border: none;border-radius: 50%;background: rgba(9,26,54,.45);color: #fff;font-size: 24px;line-height: 1;cursor: pointer;transition: background .25s ease;display: flex;align-items: center;justify-content: center;}
.wc-nav:hover{background: #0a63c4;}
.wc-prev{left: 14px;}
.wc-next{right: 14px;}
/* 指示点 */
.wc-dots{position: absolute;left: 0;right: 0;bottom: 14px;z-index: 3;display: flex;justify-content: center;gap: 8px;}
.wc-dot{width: 9px;height: 9px;border-radius: 50%;background: rgba(255,255,255,.65);cursor: pointer;transition: width .3s ease,background-color .3s ease;}
.wc-dot.is-active{width: 24px;border-radius: 6px;background: #0a63c4;}
/* 无图片时文案占满整行 */
.why-choose.is-textonly .why-choose-text{flex: 1 1 auto;max-width: 100%;}

/*--------------------------------------------首页：公司介绍区与分类产品区（简约现代科技感）----------------------------------------------*/

/* 轮播图下方：公司介绍区（标题与产品列表同款，左文右图，图片圆角卡片） */
.hero-intro{margin-top: 60px;}
.hero-intro-head{margin-bottom: 26px;padding-bottom: 12px;border-bottom: 1px solid #edf1f6;}
/* 顶部对齐：描述很长时文字与媒体各自从顶部排列，避免垂直居中造成视觉错位 */
.hero-intro-body{display: flex;align-items: flex-start;gap: 50px;}
.hero-intro-text{flex: 0 0 47%;max-width: 47%;min-width: 0;}
.hero-intro-sub{margin: 0 0 16px;font-size: 22px;line-height: 1.3;font-weight: bold;color: #1f2d4d;}
/* 描述完整展示：不限行数/高度，pre-line 保留后台填写的换行，长单词整体折行 */
.hero-intro-text p{margin: 0;margin-top: -5px;font-size: 14px;line-height: 1.9;color: #5a6b85;word-break: break-word;white-space: pre-line;}
.hero-intro-img{flex: 1 1 53%;max-width: 53%;min-width: 0;}
.hero-intro-img img{display: block;width: 100%;height: auto;object-fit: contain;border-radius: 14px;box-shadow: 0 12px 32px rgba(15,42,86,.12);}
/* 单个视频：与图片同尺寸风格，黑底圆角卡片 */
.hero-intro-img > video{display: block;width: 100%;border-radius: 14px;box-shadow: 0 12px 32px rgba(15,42,86,.12);background: #000;}
/* 多媒体画廊（零依赖淡入轮播）：统一 16:9 画幅，图片/视频完整 contain 展示，不裁剪 */
.hero-media-gallery{position: relative;width: 100%;border-radius: 14px;overflow: hidden;box-shadow: 0 12px 32px rgba(15,42,86,.12);background: #fff;}
.hero-media-stage{position: relative;width: 100%;aspect-ratio: 16 / 9;}
/* 未激活幻灯片隐藏（visibility 隐藏且不占位），激活页淡入；视频另由脚本暂停 */
.hero-media-slide{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: #fff;opacity: 0;visibility: hidden;transition: opacity .45s ease;}
.hero-media-slide.is-active{opacity: 1;visibility: visible;z-index: 1;}
.hero-media-slide img,
.hero-media-slide video{display: block;width: 100%;height: 100%;object-fit: contain;background: #fff;}
/* 左右切换箭头：半透明圆形，悬停显示品牌蓝 */
.hero-media-arrow{position: absolute;top: 50%;z-index: 3;width: 40px;height: 40px;padding: 0;border: none;border-radius: 50%;background: rgba(5,79,157,.35);color: #fff;font-size: 26px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;transform: translateY(-50%);transition: background .2s, opacity .2s;}
.hero-media-arrow:hover{background: rgba(5,79,157,.85);}
.hero-media-arrow--prev{left: 12px;}
.hero-media-arrow--next{right: 12px;}
/* 底部分页圆点：白色半透明，激活点为拉长胶囊品牌蓝 */
.hero-media-dots{position: absolute;left: 0;right: 0;bottom: 10px;z-index: 3;display: flex;justify-content: center;gap: 8px;}
.hero-media-dot{width: 9px;height: 9px;padding: 0;border: none;border-radius: 50%;background: rgba(255,255,255,.75);cursor: pointer;transition: all .25s;}
.hero-media-dot.is-active{width: 22px;border-radius: 5px;background: #054f9d;}

/* 首页分类产品区块：标题(#054F9D)+描述+more+，产品 4 列网格（卡片无边框、悬浮上浮） */
.home-cat{margin-top: 70px;}
.home-cat-head{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 20px;padding-bottom: 12px;border-bottom: 1px solid #edf1f6;}
.home-cat-tt{position: relative;padding-left: 14px;}
.home-cat-tt::before{content: '';position: absolute;left: 0;top: 4px;bottom: 4px;width: 4px;border-radius: 2px;background: linear-gradient(180deg, #0ea5e9, #054F9D);}
.home-cat-tt h3{color: #054F9D;font-size: 30px;line-height: 1.2;font-weight: bold;}
.home-cat-tt p{color: #000;font-size: 14px;margin-top: 8px;}
.home-cat-tt p:empty{display: none;}
.home-cat-more{color: #999;font-size: 14px;white-space: nowrap;transition: color .2s;}
.home-cat-more:hover{color: #054F9D;}
.home-cat-list{display: flex;flex-wrap: wrap;gap: 20px;}
.home-cat-item{width: calc(25% - 15px);background-color: #fff;border: none;border-radius: 12px;box-sizing: border-box;box-shadow: 0 2px 16px rgba(15,42,86,.06);transition: transform .3s, box-shadow .3s;}
.home-cat-item:hover{transform: translateY(-4px);box-shadow: 0 12px 28px rgba(15,42,86,.12);}
.home-cat-img{display: block;aspect-ratio: 1 / 1;box-sizing: border-box;background: #f7f9fc;border-radius: 12px 12px 0 0;overflow: hidden;}
.home-cat-img img{width: 100%;height: 100%;object-fit: contain;border: none;}
/* 名称与简介：最多两行，溢出省略号；悬停弹出圆角气泡展示全文（气泡挂在外层 .home-cat-tip 上） */
.home-cat-tip{position: relative;}
.home-cat-tip::after{content: attr(data-full);position: absolute;left: 50%;top: 100%;z-index: 60;width: max-content;max-width: 320px;box-sizing: border-box;padding: 10px 14px;border-radius: 10px;background: #fff;color: #333;font-size: 13px;line-height: 1.6;font-weight: normal;white-space: normal;word-break: break-word;box-shadow: 0 8px 24px rgba(15,42,86,.18);opacity: 0;visibility: hidden;transform: translate(-50%, 4px);transition: opacity .2s, transform .2s;pointer-events: none;}
.home-cat-tip:hover::after{opacity: 1;visibility: visible;transform: translate(-50%, 0);}
.home-cat-name{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding: 10px 14px 0;/* min-height: 55px; */font-size: 15px;line-height: 1.5;color: #333;text-overflow: ellipsis;}
.home-cat-name:hover{color: #054F9D;}
.home-cat-desc{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 8px 14px 14px;padding: 0;min-height: 42px;background: transparent;font-size: 13px;line-height: 1.6;color: #333;box-sizing: border-box;text-overflow: ellipsis;}

/* 首页所有区块标题统一为产品列表同款（左对齐 + 蓝色渐变竖条） */
#mobileIndex .home .section_title_1{text-align: left;}
#mobileIndex .home .section_title_1>p{position: relative;font-size: 30px;line-height: 1.2;font-weight: bold;color: #054F9D;margin: 0 0 18px;padding-left: 14px;}
#mobileIndex .home .section_title_1>p::before{content: '';position: absolute;left: 0;top: 5px;bottom: 5px;width: 4px;border-radius: 2px;background: linear-gradient(180deg, #0ea5e9, #054F9D);}
#mobileIndex .home .section_title_1>p:after{display: none;}
/* APP 下载区标题：同样左对齐 + 蓝条（深底图上保持白字） */
/* Why Choose（APP下载）区块：品牌深蓝渐变底，避免背景图缺失时露出大面积突兀的灰色 */
#mobileIndex .section_2.download{background: linear-gradient(135deg, #0b3a6f, #054F9D);}
/* 宣传图 src 为空时隐藏，避免显示裂图图标 */
#mobileIndex .download img#appImgs[src=""]{display: none;}
#mobileIndex .download .app-title{padding: 10px 0 0;}
/* 标题/副标题加半透明黑衬底，保证在金属背景图亮部白字依然清晰 */
#mobileIndex .download .app-title #app_tt{position: relative;text-align: left;color: #fff;font-size: 30px;line-height: 1.3;font-weight: bold;padding: 10px 22px;margin: 0;width: fit-content;box-sizing: border-box;background: rgba(0,0,0,.55);border-radius: 8px;}
#mobileIndex .download .app-title #app_tt::before{content: '';position: absolute;left: 10px;top: 50%;transform: translateY(-50%);height: 60%;width: 4px;border-radius: 2px;background: linear-gradient(180deg, #0ea5e9, #054F9D);}
#mobileIndex .download .app-title .line{margin: 10px 0 0 2px;}
#mobileIndex .download .app-title #app_stt{display: block;text-align: left;color: rgba(255,255,255,.92);font-size: 14px;line-height: 1.8;padding: 6px 14px;margin: 10px 0 0 2px;width: fit-content;box-sizing: border-box;background: rgba(0,0,0,.55);border-radius: 8px;}

/* 首页 About 区块现代化：极浅底色 + 无卡片内容，与整体白底自然衔接 */
#mobileIndex #index_about{background: #f8fafc;padding: 56px 0;margin-top: 80px;}
#mobileIndex #index_about > .bg_blur{display: none;}
/* 标题与下方内容一样收进 1200px 容器，避免贴在屏幕最左侧 */
#mobileIndex #index_about .index_about_tt{margin: 0 auto;box-sizing: border-box;}
#mobileIndex #index_about .index_about_tt #about_tt{color: #054F9D;padding-top: 0;}
/* 去掉 .section_2 自带的灰蓝底色（#a2a7ab），与区块浅底融为一体 */
#mobileIndex #index_about .home_about{min-height: 0;padding: 0;background: transparent;}
#mobileIndex #index_about .home_about .section_2_cell{width: 1200px;}
#mobileIndex #index_about .home_about .section_2_left{width: 100%;background: transparent;border-radius: 0;box-shadow: none;padding: 10px 0 20px;text-align: left;color: #333;box-sizing: border-box;}
#mobileIndex #index_about .section_title_2{margin: 0 0 18px;}
#mobileIndex #index_about .section_title_2 .setting span{color: #054F9D;font-size: 22px;font-weight: bold;}
#mobileIndex #index_about .section_2_brief p{color: #5a6b85;font-size: 14px;line-height: 1.9;text-indent: 2em;}
#mobileIndex #index_about .btn_1 a{color: #fff;background: linear-gradient(135deg, #0ea5e9, #054F9D);border: none;border-radius: 999px;width: 180px;margin: 26px 0 0;padding: 14px;text-align: center;box-sizing: border-box;}
#mobileIndex #index_about .btn_1 a:hover{background: #0a3d7d;}
#mobileIndex #index_about .btn_1 a:after{background-color: #0a3d7d;border-radius: 999px;}

/* 移动端适配：介绍区上下堆叠，产品两列 */
@media screen and (max-width: 960px) {
	/* 底部留出悬浮 GET QUOTES 按钮的空间，避免描述末行被遮挡，保证完整展示 */
	.hero-intro{margin-top: 30px;padding-bottom: 86px;}
	.hero-intro-body{flex-direction: column;gap: 24px;}
	.hero-intro-text,.hero-intro-img{flex: none;max-width: 100%;width: 100%;}
	.hero-intro-sub{font-size: 18px;}
	.hero-intro-text p{font-size: 13px;line-height: 1.8;}
	/* 多图画廊在窄屏下保持 16:9，箭头缩小、圆点可见可点 */
	.hero-media-arrow{width: 34px;height: 34px;font-size: 22px;}
	.home-cat{margin-top: 40px;}
	.home-cat-tt h3{font-size: 20px;}
	.home-cat-tt p{font-size: 12px;}
	.home-cat-list{gap: 10px;}
	.home-cat-item{width: calc(50% - 5px);}
	.home-cat-name{font-size: 13px;min-height: 40px;padding: 8px 12px 0;}
	.home-cat-desc{font-size: 12px;min-height: 38px;margin: 6px 12px 12px;}
	#mobileIndex .home .section_title_1>p{font-size: 22px;}
	#mobileIndex .download .app-title #app_tt{font-size: 22px;}
	#mobileIndex #index_about{padding: 40px 0;}
	#mobileIndex #index_about .index_about_tt{width: 100%;padding: 0 16px;}
	#mobileIndex #index_about .home_about .section_2_left{padding: 10px 16px 20px;}
}