@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	background:none;
	font-weight: normal;
	color:#555;
	font-size: 15px;
	line-height:28px;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif
	}
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
@font-face{
	src:url(../font/msjh.ttf);
	font-family:"zh";
	}
@font-face {
  font-family: 'iconfont';
  src: url(../font/iconfont.eot);
  src: url(../font/iconfont.eot?#iefix) format('embedded-opentype'),
  url(../font/iconfont.woff) format('woff'),
  url(../font/iconfont.ttf) format('truetype'),
  url(../font/iconfont.svg#iconfont) format('svg');
}
.iconfont{
	 font-family: 'iconfont';
}
a{
	text-decoration: none;
}
.clear{
	clear: both;
}
.backTop{
	display: none;
	position: fixed;
	right: 24px;
	bottom: 36px;
	width: 48px;
	height: 48px;
	z-index: 9999;
	background: rgba(183,34,27,.88);
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0,0,0,.2);
	cursor: pointer;
	-webkit-transition: background .3s, opacity .3s, transform .3s;
	transition: background .3s, opacity .3s, transform .3s;
}
.backTop:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	margin: -4px 0 0 -7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.backTop:hover{
	background: #b7221b;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.backTop.show{
	display: block;
}
html,body{
	width: 100%;
	overflow-X: hidden;
}
img{
	display: inline-block;
	max-width: 100%;
}

.navBox{
	width: 100%;
	position: absolute;
	background:#fff;
	top: 0;
	left: 0;
	z-index: 999;
	border-bottom:1px solid rgba(255,255,255,0.15);
	box-sizing:border-box;
	height: 62px;
}
.logo{
	height: 62px;
	padding: 8px 0;
	float: left;
	margin-left:2%;
}
.logo img{
	display: block;
	height: 100%;
}
.navBtn{
	width: 30px;
	height: 33px;
	float: right;
	margin-right: 3%;
	margin-top: 14px;
	display: none;
	position: relative;
}

.navBtn span{
	display: block;
	width: 100%;
	height: 3px;
	background: #333;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 6px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.navBtn span:nth-of-type(2){
	width: 60%;
	margin-top: 15px;
}
.navBtn span:nth-of-type(3){
	margin-top: 24px;
}
.navBtn.active span:nth-of-type(1){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	margin-top: 15px;
}
.navBtn.active span:nth-of-type(2){
	opacity: 0;
	left: 40%;
}
.navBtn.active span:nth-of-type(3){
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	margin-top: 15px;
}

.navBox nav{
	float: right;font-family:Arial, Helvetica, sans-serif;
}
.navBox nav ul li{
	float: left;
	border-left:1px solid #eee;
	position: relative;
}
.navBox nav ul li h1{
	line-height: 62px;
	font-size: 15px;
	padding: 0 20px;
	letter-spacing: 1px;
	position: relative;
}
html[lang="en"] .navBox nav ul li h1{
	letter-spacing: 0;
}
.navBox nav ul li:before{
	content: "";
	display: block;
	background:#b7221b;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:0;
	opacity: 0;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.navBox nav ul li:hover:before{
	height:100%;
	opacity: 1;
}
.navBox nav ul li:hover h1{
	color:#fff;
}
.navBox nav ul li.active:after{
	content: "";
	display: block;
	width:100%;
	height:4px;
	background-color:#b7221b;
	position:absolute;
	left:0;
	bottom:0px;
}
.navBox nav ul li.active h1{
	color: #b7221b;
}
.navBox nav ul li.active:hover h1{
	color: #fff;
}


.navBox.nobg{
	background:none;
}
.navBox.nobg nav ul li{
	border-left:1px solid rgba(255,255,255,0.15);
}
.navBox.nobg nav ul li h1{
	color: #fff;
}
.navBox.nobg:hover{
	background:#fff;
}
.navBox.nobg .logo .logo-a{
	display: none;
}
.navBox.nobg .logo .logo-b{
	display: block;
}
.navBox.nobg:hover .logo .logo-b{
	display: none;
}
.navBox.nobg:hover .logo .logo-a{
	display: block;
}
.navBox.nobg:hover nav ul li h1{
	color: #000;
	border-left:1px solid #eee;
}
.navBox.nobg nav ul li:hover h1{
	color:#fff;
}

/* 导航下拉菜单 */
.navBox nav ul li.has-sub{
	position: relative;
}
.navBox nav ul li.has-sub .nav-sub{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	white-space: nowrap;
	background: #fff;
	box-shadow: 0 8px 20px rgba(0,0,0,.12);
	z-index: 1000;
	border-top: 2px solid #b7221b;
}
.navBox nav ul li.has-sub:hover .nav-sub,
.navBox nav ul li.has-sub.open .nav-sub{
	display: block;
}
.navBox nav ul li.has-sub .nav-sub dd a{
	display: block;
	line-height: 50px;
	padding: 0 20px;
	font-size: 15px;
	color: #555;
	letter-spacing: 1px;
	text-align: left;
	-webkit-transition: all .25s;
	transition: all .25s;
}
.navBox nav ul li.has-sub .nav-sub dd a:hover{
	background: #b7221b;
	color: #fff;
}

/* 语言下拉 */
.navBox nav ul li.lang-menu{
	position: relative;
}
.navBox nav ul li.lang-menu > a.lang-cur{
	display: block;
	position: relative;
	z-index: 2;
}
.navBox nav ul li.lang-menu > a.lang-cur h1{
	padding-right: 28px;
}
.navBox nav ul li.lang-menu .lang-arrow{
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: transform .25s;
	transition: transform .25s;
	color: inherit;
	z-index: 3;
}
.navBox.nobg nav ul li.lang-menu .lang-arrow{
	color: #fff;
}
.navBox.nobg:hover nav ul li.lang-menu .lang-arrow,
.navBox nav ul li.lang-menu:hover .lang-arrow{
	color: #fff;
}
.navBox nav ul li.lang-menu.open .lang-arrow,
.navBox nav ul li.lang-menu:hover .lang-arrow{
	margin-top: -2px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.navBox nav ul li.lang-menu .lang-drop{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	min-width: 100%;
	background: #fff;
	box-shadow: 0 6px 16px rgba(0,0,0,.12);
	z-index: 1000;
	border-top: 2px solid #b7221b;
}
.navBox nav ul li.lang-menu.open .lang-drop,
.navBox nav ul li.lang-menu:hover .lang-drop{
	display: block;
}
.navBox nav ul li.lang-menu .lang-drop dd a{
	display: block;
	line-height: 40px;
	padding: 0 16px;
	font-size: 13px;
	color: #555;
	text-align: center;
	letter-spacing: 0px;
	white-space: nowrap;
	-webkit-transition: all .25s;
	transition: all .25s;
}
.navBox nav ul li.lang-menu .lang-drop dd a:hover{
	background: #b7221b;
	color: #fff;
}
.navBox nav ul li.lang-menu:before{
	display: none;
}
.navBox nav ul li.lang-menu > a.lang-cur{
	background: #b7221b;    padding-right:50px;
}
.navBox nav ul li.lang-menu > a.lang-cur h1{
	color: #fff !important;
}
.navBox.nobg nav ul li.lang-menu{
	border-left: none;
}
.navBox.nobg:hover nav ul li.lang-menu > a.lang-cur h1{
	color: #fff !important;
}




.contactPage{
	min-height: 100vh;
	padding: 250px 0 80px;
	box-sizing: border-box;
}
.contactPage .indexTl{
	position: relative;
	margin-bottom: 40px;
}
.contactPage .indexTl h1,
.contactPage .indexTl .en,
.contactPage .indexTl > p,
.contactPage .indexTl .contact-intro{
	color: #fff;
}
.contactPage .indexTl .contact-intro{
	width: 70%;
	margin: 18px auto 0;
	text-align: center;
	line-height: 1.8;
	font-size: 14px;
}
.contactPage .indexContact{
	position: relative;
	top: auto;
	margin-top: 0;
}
.footer{
	position: relative !important;
	bottom: auto !important;
}
/* 首页联系我们屏：版权条贴该屏最底部 */
.indexContactBox .footer{
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100%;
	box-sizing: border-box;
	z-index: 20;
}
@media (max-width: 767px){
	.contactPage .indexTl .contact-intro{
		width: 90%;
	}
}



.hjimgBox{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.hjimgBox ul{
	margin: 0;
	padding: 0;
}
.hjimgBox ul li{
	height: 100vh;
	min-height: 560px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #111;
}
.hjimgBox ul li dd img{
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	display: block;
}
/* 右侧竖排：分类名 + 图片名 */
.hjimgBox ul li dd .txt{
	font-size: 15px;
	line-height: 20px;
}
.hjimgBox ul li dd .txt .txt-inner{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}
.hjimgBox ul li dd .txt p{
	position: static !important;
	left: auto !important;
	top: auto !important;
	margin: 0 auto !important;
	display: block;
}
.hjimgBox ul li dd .txt .hj-type{
	font-size: 22px;
	line-height: 30px;
	width: 24px;
	color: rgba(255,255,255,.75);
	margin-bottom: 18px !important;
	letter-spacing: 2px;
}
.hjimgBox ul li dd .txt .hj-name{
	font-size: 28px;
	line-height: 34px;
	width: 28px;
	color: #fff;
	font-weight: bold;
}




.footer{
	position: relative !important;
	bottom: auto !important;
}
.indexContactBox .footer{
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100%;
	box-sizing: border-box;
	z-index: 20;
}
.jobPage{
	background: #f5f5f5;
	padding: 0 0 60px;
	min-height: 60vh;
}
.jobDetail{
	width: 82%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 0 20px;
}
.jobDetail .job-hd{
	text-align: center;
	padding-bottom: 24px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 36px;
}
.jobDetail .job-hd h1{
	font-size: 28px;
	color: #b7221b;
	letter-spacing: 2px;
	margin: 0 0 12px;
}
.jobDetail .job-hd .job-date{
	font-size: 14px;
	color: #888;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.jobDetail .job-hd .job-date i{
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #b7221b;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}
.jobDetail .job-hd .job-date i:after{
	content: "";
	position: absolute;
	left: 4px;
	top: 2px;
	width: 2px;
	height: 5px;
	background: #b7221b;
}
.jobDetail .job-body{
	display: flex;
	align-items: stretch;
}
.jobDetail .job-left{
	width: 48%;
	padding-right: 4%;
	box-sizing: border-box;
}
.jobDetail .job-right{
	width: 52%;
	padding-left: 4%;
	box-sizing: border-box;
	border-left: 1px dashed #ccc;
}
.jobDetail .job-left h6,
.jobDetail .job-right h6{
	font-size: 18px;
	color: #333;
	margin: 0 0 18px;
	font-weight: bold;
}
.jobDetail .job-left .job-block + .job-block{
	margin-top: 28px;
}
.jobDetail .job-left .job-block h6{
	margin-bottom: 10px;
}
.jobDetail .job-left .job-block,
.jobDetail .job-left p{
	font-size: 14px;
	color: #666;
	line-height: 1.9;
}
.jobDetail .job-form table{
	width: 100%;
	border-collapse: collapse;
}
.jobDetail .job-form table td{
	padding: 0 0 18px;
	vertical-align: middle;
	font-size: 15px;
	color: #555;
	white-space: nowrap;
}
.jobDetail .job-form table td.label{
	width: 56px;
	padding-right: 8px;
}
.jobDetail .job-form table td.gap{
	width: 24px;
}
.jobDetail .job-form input[type="text"],
.jobDetail .job-form input:not([type]),
.jobDetail .job-form textarea{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 8px 12px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
}
.jobDetail .job-form textarea{
	height: 110px;
	resize: vertical;
}
.jobDetail .job-form .submit-row{
	text-align: right;
	padding-top: 8px;
}
.jobDetail .job-form input[type="submit"]{
	width: 120px;
	height: 36px;
	border: none;
	background: #b7221b;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
}
.jobDetail .job-form input[type="submit"]:hover{
	background: #9a1c16;
}
.jobDetail .job-back{
	margin-top: 30px;
	text-align: center;
}
.jobDetail .job-back a{
	color: #b7221b;
	font-size: 14px;
}
@media (max-width: 992px){
	.jobDetail{ width: 90%; }
	.jobDetail .job-body{ display: block; }
	.jobDetail .job-left,
	.jobDetail .job-right{
		width: 100%;
		padding: 0;
		border: none;
	}
	.jobDetail .job-right{
		margin-top: 36px;
		padding-top: 30px;
		border-top: 1px dashed #ccc;
	}
}
@media (max-width: 767px){
	.jobPage{ padding-bottom: 40px; }
	.jobDetail .job-hd h1{ font-size: 22px; }
}

.networkBox{
	min-height: auto;
	padding-bottom: 100px;
}



.newsDetailPage{
	background: #f7f7f7;
	padding-bottom: 60px;
}
.newsDetail{
	width: 82%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 50px 0 30px;
}
.newsDetail .news-hd{
	text-align: center;
	padding-bottom: 24px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 36px;
}
.newsDetail .news-hd h1{
	font-size: 20px;
	color: #222;
	line-height: 1.5;
	letter-spacing: 1px;
	margin: 0 0 14px;
}
.newsDetail .news-hd .news-date{
	font-size: 14px;
	color: #888;
}
.newsDetail .news-con{
	font-size: 15px;
	color: #555;
	line-height: 1.9;
	word-wrap: break-word;
}
.newsDetail .news-con img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: 16px auto;
}
.newsDetail .news-con p{
	margin-bottom: 14px;
	font-size: 15px;
	line-height: 1.9;
	color: #555;
}
.newsDetail .news-back{
	margin-top: 40px;
	text-align: center;
}
.newsDetail .news-back a{
	display: inline-block;
	padding: 10px 28px;
	border: 1px solid #b7221b;
	color: #b7221b;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.newsDetail .news-back a:hover{
	background: #b7221b;
	color: #fff;
}
.newsDetail .news-more-tit{
	margin-top: 60px;
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
	font-size: 18px;
	color: #333;
	text-align: center;
	margin-bottom: 28px;
}
.newsDetail .news-more-list{
	display: flex;
	flex-wrap: wrap;
	gap: 24px 3%;
}
.newsDetail .news-more-list a{
	width: 31.3%;
	display: block;
	text-decoration: none;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,.06);
	overflow: hidden;
}
.newsDetail .news-more-list .pic{
	width: 100%;
	height: 0;
	padding-bottom: 66%;
	position: relative;
	overflow: hidden;
	background: #eee;
}
.newsDetail .news-more-list .pic img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.newsDetail .news-more-list .tit{
	padding: 14px 12px;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsDetail .news-more-list a:hover .tit{
	color: #b7221b;
}
@media (max-width: 992px){
	.newsDetail{ width: 90%; }
	.newsDetail .news-more-list a{ width: 48%; }
}
@media (max-width: 767px){
	.newsDetail{ padding-top: 30px; }
	.newsDetail .news-hd h1{ font-size: 20px; }
	.newsDetail .news-more-list a{ width: 100%; }
}



.newsPage{
	background: #f7f7f7;
	padding-bottom: 60px;
}
.newsPage .ohterNav{
	float: none;
	left: auto;
	margin: 50px auto 10px;
	position: relative;
	width: 100%;
	text-align: center;
}
.newsPage .ohterNav dl{
	float: none;
	left: auto;
	display: inline-block;
}
.newsPage .ohterNav dl dd h2{
	color: #666;
}
.newsPage .ohterNav dl dd h2:before{
	background: #fff;
	border-color: #bbb;
}
.newsPage .ohterNav dl dd.active h2{
	color: #b7221b;
}
.newsPage .ohterNav dl dd.active h2:before{
	border-color: #b7221b;
}
.newsPage .newsBox{
	width: 85%;
	max-width: 1280px;
	margin: 30px auto 0;
	padding: 0 0 40px;
	box-sizing: border-box;
}
.newsPage .newsList{
	margin-top: 20px;
}
.newsPage .newsList ul{
	display: flex;
	flex-wrap: wrap;
	gap: 36px 3.5%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.newsPage .newsList ul li{
	float: none !important;
	width: 31% !important;
	margin: 0 !important;
	box-sizing: border-box;
}
.newsPage .newsList ul li .news-card{
	display: block;
	text-decoration: none;
	color: inherit;
}
.newsPage .newsList ul li .imgs{
	width: 100%;
	height: 0;
	padding-bottom: 68%;
	position: relative;
	overflow: hidden;
	background: #eee;
}
.newsPage .newsList ul li .imgs img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	-webkit-transition: transform .45s ease;
	transition: transform .45s ease;
}
.newsPage .newsList ul li .imgs .more{
	display: none !important;
}
.newsPage .newsList ul li .imgs:before{
	display: none !important;
}
.newsPage .newsList ul li .news-card:hover .imgs img{
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.newsPage .newsList ul li .news-tit{
	font-size: 15px !important;
	color: #333 !important;
	line-height: 1.6 !important;
	padding-top: 16px !important;
	margin: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 0.5px;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.newsPage .newsList ul li .news-meta{
	font-size: 12px;
	color: #999;
	padding-top: 8px;
	line-height: 1.4;
}
.newsPage .newsList ul li .news-card:hover .news-tit{
	color: #b7221b !important;
}
.newsPage .news-page{
	text-align: center;
	padding: 40px 0 10px;
	color: #666;
}
.newsPage .news-page a,
.newsPage .news-page span{
	color: #666;
	margin: 0 6px;
}
.newsPage .news-page .current,
.newsPage .news-page a:hover{
	color: #b7221b;
}
@media (max-width: 992px){
	.newsPage .newsBox{ width: 92%; }
	.newsPage .newsList ul li{ width: 48% !important; }
}
@media (max-width: 767px){
	.newsPage .ohterNav{ margin-top: 30px; }
	.newsPage .ohterNav dl dd{ padding: 0 10px; }
	.newsPage .newsList ul{
		gap: 24px 0;
	}
	.newsPage .newsList ul li{ width: 100% !important; }
	.newsPage .newsList ul li .news-tit{
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}



.productPage{
	background: #fff;
	padding-bottom: 60px;
}
.productPage .ohterNav{
	float: none;
	left: auto;
	margin: 50px auto 10px;
	position: relative;
	width: 100%;
	text-align: center;
}
.productPage .ohterNav dl{
	float: none;
	left: auto;
	display: inline-block;
}
.productPage .productBox{
	width: 85%;
	max-width: 1280px;
	margin: 30px auto 0;
	padding: 0 0 40px;
	border-top: 1px solid #eee;
	padding-top: 40px;
	box-sizing: border-box;
}
.productPage .proList{
	border: none;
	padding: 0;
	margin: 0;
}
.productPage .proList ul{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 3.5%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.productPage .proList ul li{
	float: none !important;
	width: 22.3% !important;
	margin: 0 !important;
	box-sizing: border-box;
}
.productPage .proList ul li a.pro-card{
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	background: #111;
}
/* 本页产品图加高 */
.productPage .proList ul li .imgs{
	width: 100%;
	height: 0;
	padding-bottom: 130%;
	position: relative;
	overflow: hidden;
	background: #111;
}
.productPage .proList ul li .imgs img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	-webkit-transition: transform .4s ease;
	transition: transform .4s ease;
}
.productPage .proList ul li .imgs .more,
.productPage .proList ul li .imgs:before{
	display: none !important;
}
.productPage .proList ul li .imgs h2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 16px 10px;
	margin: 0;
	background: linear-gradient(to top, rgba(0,0,0,.65), transparent);
	box-sizing: border-box;
}
.productPage .proList ul li a.pro-card:hover img{
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
@media (max-width: 992px){
	.productPage .productBox{ width: 92%; }
	.productPage .proList ul li{ width: 31% !important; }
	.productPage .proList ul li .imgs{ padding-bottom: 120%; }
}
@media (max-width: 767px){
	.productPage .ohterNav{ margin-top: 30px; }
	.productPage .proList ul li{ width: 48% !important; }
	.productPage .proList ul li .imgs{ padding-bottom: 115%; }
}



.proDetailPage{
	background: #f7f7f7;
	padding-bottom: 60px;
}
.proDetailWrap{
	width: 85%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 20px;
}
.proDetailMain{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	background: #fff;
	padding: 36px;
	box-sizing: border-box;
	box-shadow: 0 6px 24px rgba(0,0,0,.06);
}
.proDetailMain .pro-pic{
	width: 42%;
	background: #f5f5f5;
}
.proDetailMain .pro-pic img{
	display: block;
	width: 100%;
	height: auto;
}
.proDetailMain .pro-info{
	width: 52%;
	flex: 1;
}
.proDetailMain .pro-info h1{
	font-size: 28px;
	color: #222;
	margin: 0 0 18px;
	letter-spacing: 1px;
}
.proDetailMain .pro-info .pro-type{
	font-size: 14px;
	color: #888;
	margin-bottom: 20px;
}
.proDetailMain .pro-info .pro-type a{
	color: #b7221b;
	text-decoration: none;
}
.proDetailMain .pro-info .pro-gaisu{
	font-size: 15px;
	color: #555;
	line-height:30px;
	margin-bottom: 28px;
}
.proDetailMain .pro-info .pro-contact{
	display: inline-block;
	padding: 12px 32px;
	background: #b7221b;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.proDetailMain .pro-info .pro-contact:hover{
	background: #9a1c16;
}
.proDetailBody{
	background: #fff;
	margin-top: 30px;
	padding: 36px;
	box-shadow: 0 6px 24px rgba(0,0,0,.06);
}
.proDetailBody h3{
	font-size: 20px;
	color: #b7221b;
	margin: 0 0 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}
.proDetailBody .pro-content{
	font-size: 15px;
	color: #555;
	line-height: 1.9;
}
.proDetailBody .pro-content img{
	max-width: 100%;
	height: auto;
}
.proDetailBody .pro-content p{
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.9;
	color: #555;
}
.proDetailBody .pro-content table{
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 16px 0 28px;
	table-layout: fixed;
	word-wrap: break-word;
	word-break: break-word;
}
.proDetailBody .pro-content table th,
.proDetailBody .pro-content table td{
	border: 1px solid #fff !important;
	padding: 12px 14px;
	text-align: center;
	line-height: 1.6;
	font-size: 14px;
	color: #fff !important;
	background: #7eb8d8 !important;
	background-color: #7eb8d8 !important;
	vertical-align: middle;
}
.proDetailBody .pro-content table tr:first-child th,
.proDetailBody .pro-content table tr:first-child td,
.proDetailBody .pro-content table thead th,
.proDetailBody .pro-content table thead td{
	background: #4a9bc7 !important;
	background-color: #4a9bc7 !important;
	color: #fff !important;
	font-weight: bold;
}
.proDetailBody .pro-content table tr:nth-child(even) td{
	background: #9ecce4 !important;
	background-color: #9ecce4 !important;
}
.proDetailBody .pro-content table a{
	color: #fff;
	text-decoration: underline;
}
/* 后台富文本偶发内联宽度时限制住 */
.proDetailBody .pro-content table[width],
.proDetailBody .pro-content table[style]{
	width: 100% !important;
	height: auto !important;
}
.proDetailBody .pro-content-scroll{
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px){
	.proDetailBody .pro-content table th,
	.proDetailBody .pro-content table td{
		padding: 8px 6px;
		font-size: 12px;
	}
}
.proDetailMore{
	margin-top: 40px;
}
.proDetailMore h3{
	font-size: 20px;
	color: #333;
	text-align: center;
	margin: 0 0 28px;
}
.proDetailMore .list{
	display: flex;
	flex-wrap: wrap;
	gap: 24px 3%;
}
.proDetailMore .list a{
	width: 22%;
	display: block;
	text-decoration: none;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,.06);
	overflow: hidden;
}
.proDetailMore .list .pic{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	background: #111;
	overflow: hidden;
}
.proDetailMore .list .pic img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.proDetailMore .list .tit{
	padding: 12px;
	font-size: 14px;
	color: #333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.proDetailMore .list a:hover .tit{
	color: #b7221b;
}
.proDetailBack{
	margin-top: 36px;
	text-align: center;
}
.proDetailBack a{
	display: inline-block;
	padding: 10px 28px;
	border: 1px solid #b7221b;
	color: #b7221b;
	font-size: 14px;
	text-decoration: none;
}
.proDetailBack a:hover{
	background: #b7221b;
	color: #fff;
}
@media (max-width: 992px){
	.proDetailWrap{ width: 92%; }
	.proDetailMain .pro-pic,
	.proDetailMain .pro-info{ width: 100%; }
	.proDetailMore .list a{ width: 31%; }
}
@media (max-width: 767px){
	.proDetailWrap{ padding-top: 30px; }
	.proDetailMain{ padding: 20px; gap: 20px; }
	.proDetailMain .pro-info h1{ font-size: 22px; }
	.proDetailBody{ padding: 20px; }
	.proDetailMore .list a{ width: 48%; }
}



/* 招聘信息卡片列表（图2） */
.relate_box .jobList{
	width: 100%;
	margin: 40px auto 20px;
}
.relate_box .jobList ul{
	display: flex;
	flex-wrap: wrap;
	gap: 28px 3%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.relate_box .jobList ul li{
	width: 31.3%;
	margin: 0;
	float: none;
	box-sizing: border-box;
}
.relate_box .jobList ul li a.job-card{
	display: block;
	position: relative;
	height: 280px;
	overflow: hidden;
	background: #222 center/cover no-repeat;
	text-decoration: none;
}
.relate_box .jobList ul li a.job-card:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.48);
	z-index: 1;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.relate_box .jobList ul li a.job-card .job-more{
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255,255,255,.9) url(__DEFAULT__/images/view.png) center/50% no-repeat;
	z-index: 3;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.relate_box .jobList ul li a.job-card:hover:before{
	background: rgba(183,34,27,.5);
}
.relate_box .jobList ul li a.job-card:hover .job-more{
	opacity: 1;
}
.relate_box .jobList ul li .job-card-txt{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	color: #fff;
}
.relate_box .jobList ul li .job-card-txt h2{
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 14px;
	letter-spacing: 1px;
}
.relate_box .jobList ul li .job-card-txt p{
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	margin: 0;
	opacity: .95;
}
@media (max-width: 992px){
	.relate_box .jobList ul li{ width: 48%; }
}
@media (max-width: 767px){
	.relate_box .jobList ul li{ width: 100%; }
	.relate_box .jobList ul li a.job-card{ height: 220px; }
}



/*导航调整<=992 平板*/
@media(max-width: 992px){
	/*导航菜单*/
	.navBox{
		position: fixed;
	}
	.navBtn{
		display: block;
	}
	.navBox nav{
		width: 100%;
		background:rgba(0,0,0,0.6);
		position: fixed;
		top: 62px;
		right: 0;
		bottom: 0;
		height: auto;
		box-shadow:0 2px 5px rgba(0,0,0,0.18);
		display: none;
	}
	.navBox nav ul{
		position: absolute;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		background:#fff;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.navBox nav ul li{
		width: 100%;
		float: none;
		border:none;
		border-bottom: solid 1px #eee;
	}
	.navBox nav ul li.active{
		background:none;
	}
	/* 仅点击展开时父级红底白字；关闭时保持可见 */
	.navBox nav ul li.active > a h1,
	.navBox.nobg nav ul li.active h1{
		color: #333 !important;
		background: none !important;
	}
	.navBox nav ul li.has-sub.open > a{
		display: block;
		position: relative;
		z-index: 3;
		background:#b7221b !important;
	}
	.navBox nav ul li.has-sub.open > a h1,
	.navBox.nobg nav ul li.has-sub.open > a h1,
	.navBox nav ul li.has-sub.open:hover > a h1,
	.navBox.nobg:hover nav ul li.has-sub.open > a h1{
		color: #fff !important;
		background:#b7221b !important;
	}
	.navBox.nobg{
		background:#fff;
	}
	.navBox.nobg nav ul li{
		border-left:none;
		border-bottom: solid 1px #eee;
	}
	.navBox.nobg nav ul li h1{
		color: #333;
	}
	/* 手机端取消桌面 :before 红底遮罩，避免盖住子菜单 */
	.navBox nav ul li:before,
	.navBox nav ul li:hover:before{
		display: none !important;
		height: 0 !important;
		opacity: 0 !important;
	}
	.navBox nav ul li:hover h1{
		color: #333;
	}
	/* 无二级菜单：鼠标经过红底白字 */
	.navBox nav ul li:not(.has-sub):not(.lang-menu):hover > a{
		display: block;
		background:#b7221b !important;
	}
	.navBox nav ul li:not(.has-sub):not(.lang-menu):hover > a h1,
	.navBox.nobg nav ul li:not(.has-sub):not(.lang-menu):hover > a h1,
	.navBox.nobg:hover nav ul li:not(.has-sub):not(.lang-menu):hover > a h1{
		color: #fff !important;
		background:#b7221b !important;
	}
	/* 父级菜单：鼠标经过 / 点击展开 都显示红底白字 */
	.navBox nav ul li.has-sub:hover > a,
	.navBox nav ul li.has-sub.open > a{
		display: block;
		position: relative;
		z-index: 3;
		background:#b7221b !important;
	}
	.navBox nav ul li.has-sub:hover > a h1,
	.navBox nav ul li.has-sub.open > a h1,
	.navBox.nobg nav ul li.has-sub:hover > a h1,
	.navBox.nobg nav ul li.has-sub.open > a h1,
	.navBox.nobg:hover nav ul li.has-sub:hover > a h1,
	.navBox.nobg:hover nav ul li.has-sub.open > a h1{
		color: #fff !important;
		background:#b7221b !important;
	}
	/* 手机端禁用 hover 展开，只允许点击 .open 显示二级菜单 */
	.navBox nav ul li.has-sub:hover .nav-sub{
		display: none !important;
	}
	.navBox nav ul li.has-sub .nav-sub{
		position: static;
		display: none !important;
		box-shadow: none;
		border-top: none;
		background: #f7f7f7;
		min-width: 0;
		white-space: normal;
		z-index: 2;
	}
	.navBox nav ul li.has-sub.open .nav-sub,
	.navBox nav ul li.has-sub.open:hover .nav-sub{
		display: block !important;
	}
	.navBox nav ul li.has-sub .nav-sub dd a{
		padding-left: 36px;
		line-height: 40px;
		font-size: 13px;
		color: #333;
		background: transparent;
	}
	.navBox nav ul li.has-sub .nav-sub dd a:hover{
		background: #eee;
		color: #b7221b;
	}
	/* 语言下拉纳入侧栏滚动流，便于上下滑动 */
	.navBox nav ul li.lang-menu .lang-drop{
		position: static;
		box-shadow: none;
		border-top: none;
	}
}

.footer{
	width:100%;
	padding:10px 3%;
	background-color:#222;
	z-index:9; color:#FFFFFF;
}
.footer a {
color:#FFFFFF;
}
.footer p{
	float: left;
	color:#fff;
}
.footer span{
	margin-left: 0px;
	float: left; color:#FFFFFF;
}
.footer span img{
	margin-right: 8px;
	margin-top: 2px;
	float: left;
}
.footer span a{
	color: #eee;
}
.footer p a{
	color:#fff;
}
.footer p:last-of-type{
	float: right;
}
.fixedfooter{
	position: fixed;
	bottom: 0;
	left: 0;
}


@media(max-width: 767px){
	.footer p{
		font-size: 10px;
		float: none;
	}
	.footer p:last-of-type{
		float: none;
	}
	.footer p:last-of-type a{
		font-size: 10px;
	}
	.footer span{
		margin-left: 0px;
		margin-right:0px; font-size:14px;
	}
}



/*首页*/
/*banner*/
.banner{
	width: 100%;
	height: 100%;
	position: relative;
}
.banner ul{
	width: 100%;
	height: 100%;
}
.banner ul li{
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 100%;
}
.banner_lr span{
	display: block;border-radius: 100px;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	z-index: 20;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.55);
	background: rgba(0,0,0,.18);
	transition: background .25s, border-color .25s;
}
.banner_lr span:hover{
	background: rgba(0,0,0,.35);
	border-color: rgba(255,255,255,.9);
}
.banner_lr .banner_prev{
	left: 3%;
}
.banner_lr .banner_next{
	right: 3%;
}
.banner_lr span:before{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.banner_lr .banner_prev:before{
	margin: -6px 0 0 -4px;
	transform: rotate(-135deg);
}
.banner_lr .banner_next:before{
	margin: -6px 0 0 -8px;
	transform: rotate(45deg);
}
.banner_dot{
	position: absolute;
	left: 50%;
	bottom: 90px;
	z-index: 20;
	transform: translateX(-50%);
	font-size: 0;
}
.banner_dot dd{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.8);
	background: transparent;
	cursor: pointer;
	vertical-align: middle;
	transition: background .25s;
}
.banner_dot dd.active,
.banner_dot dd:hover{
	background: #fff;
}

.indexRightNav{
	position: absolute;
	right: 2%;
	margin-right: 95px;
	margin-top: -90px;
	z-index: 99;
}
.indexRightNav dl dd{
	height: 36px;
	position: relative;
	margin-bottom: 6px;
}
.indexRightNav dl dd span{
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid rgba(85,85,85,.45);
	border-radius: 50%;
	box-sizing: border-box;
	color: #555;
	background: rgba(255,255,255,.75);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.indexRightNav dl dd:first-child span.nav-top{
	border: none;
	background: #b7221b;
	position: relative;
}
.indexRightNav dl dd:first-child span.nav-top:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	margin: -2px 0 0 -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.indexRightNav dl dd .nav-label{
	display: none;
	position: absolute;
	top: 0;
	left: 40px;
	height: 32px;
	line-height: 32px;
	padding-left: 14px;
	font-size: 13px;
	font-style: normal;
	color: #b7221b;
	letter-spacing: 1px;
	white-space: nowrap;
	pointer-events: none;
}
.indexRightNav dl dd .nav-label:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 1px;
	background: #999;
}
.indexRightNav dl dd.active > span{
	background: #b7221b;
	border-color: #b7221b;
	color: #fff;
}
.indexRightNav dl dd:first-child.active > span.nav-top,
.indexRightNav dl dd:first-child > span.nav-top{
	background: #b7221b;
	border: none;
	color: #fff;
}
.indexRightNav dl dd.active .nav-label{
	display: block;
}
.indexRightNav dl dd:hover > span{
	border-color: #b7221b;
	color: #b7221b;
}
.indexRightNav dl dd.active:hover > span{
	color: #fff;
}
.indexRightNav dl dd:first-child:hover > span.nav-top{
	border: none;
	color: #fff;
	background: #9a1c16;
}
.indexRightNav dl dd:hover .nav-label{
	display: block;
}

.scrollbottomBtn{
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 0px;
	margin-left: -40px;
	left: 50%;
	cursor: pointer;
}
.scrollbottomBtn span{
	display: block;
	position:absolute;
	width: 32px;
	height:12px;
	left:24px;
	bottom: 30px;
}
.scrollbottomBtn span:nth-of-type(1){
	background: url(../images/sign1.png) no-repeat;
	margin-bottom: 0;
}
.scrollbottomBtn span:nth-of-type(2){
	background: url(../images/sign2.png) no-repeat;
	margin-bottom: 8px;
}
.scrollbottomBtn span:nth-of-type(3){
	background: url(../images/sign3.png) no-repeat;
	margin-bottom: 16px;
}

.scrollbottomBtn.white span:nth-of-type(1){
	background: url(../images/sign_1.png) no-repeat;
}
.scrollbottomBtn.white span:nth-of-type(2){
	background: url(../images/sign_2.png) no-repeat;
}
.scrollbottomBtn.white span:nth-of-type(3){
	background: url(../images/sign_3.png) no-repeat;
}


.indexTl{
	width: 70%;
	text-align: center;
	position: absolute;
	top: 15%;
	left: 15%;
	margin-top: -37.5px;
}
.indexTl h1{
	font-size: 32px;
	letter-spacing: 6px;
	line-height: 32px;
	color: #b7221b;
}
html[lang="en"] .indexTl h1{
	letter-spacing: 0px;
	text-transform: uppercase;
}
.indexTl .en{
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	letter-spacing: 1px;
	margin-top: 12px;
	position: relative;
	padding: 0 48px;
}
.indexTl .en:before,
.indexTl .en:after{
	content: "";
	position: absolute;
	top: 50%;
	width: 36px;
	height: 1px;
	background: #bbb;
}
.indexTl .en:before{
	left: 0;
}
.indexTl .en:after{
	right: 0;
}
.indexTl.white .en{
	color: rgba(0,0,0,.8);
}
.indexTl.white .en:before,
.indexTl.white .en:after{
	background: rgba(0,0,0,.55);
}
.indexTl img{
	display: none;
}
.indexTl > p:not(.en){
	color: #f1f1f1;
	font-size: 13px;
	letter-spacing: 0px;
	margin-top: 30px; line-height:18px;
}
html[lang="en"] .indexTl p{
	letter-spacing: 0;
}


.indexTl.black h1{
	color: #fff;
}

.indexTl.white h1{
	color: #000;
}

.indexW{
	width: 70%;
	position: absolute;
	left: 15%;
}
.indexBox{
	position: relative;
}

.indexAboutBox{
	width: 100%;
	height: 100%;
	background:url(../images/index_about.jpg) no-repeat center center;
	background-size:cover;
}
.indexAboutBox:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 32%;
/*	background: linear-gradient(to bottom, rgba(0,0,0,.58) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,0) 100%);*/
	z-index: 1;
	pointer-events: none;
}
.indexAboutBox .indexTl{
	z-index: 2;
	text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.indexAboutBox .indexTl .en{
	color: rgba(255,255,255,.85);
	text-shadow: 0 1px 8px rgba(0,0,0,.4);
}
.indexAbout{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
}
.indexAbout.indexW{
	width: 100%;
	left: 0;
}
.indexAbout ul{
	width: 100%;
	height: 100%;
	font-size: 0;
}
.indexAbout ul > a{
	display: inline-block;
	width: 25%;
	height: 100%;
	vertical-align: top;
}
.indexAbout ul li{
	width: 100%;
	height: 100%;
	margin: 0;
	float: none;
	position: relative;
	overflow: hidden;
}
.indexAbout ul li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	-webkit-transition: transform .6s ease;
	transition: transform .6s ease;
	z-index: 0;
}
.indexAbout ul li .txt{
	width: 86%;
	position: absolute;
	bottom: 12%;
	left: 7%;
	height: auto;
	z-index: 1;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
}
.indexAbout ul li .txt h2{
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 2px;
}
html[lang="en"] .indexAbout ul li .txt h2{
	letter-spacing: 0;
}


  .indexAbout ul li:after{
                  content:"";
                  position:absolute;
                  left:0;
                  top:0;
                  width:100%;
                  height:100%;
                  background:linear-gradient(to bottom, rgba(8,49,82,0.5) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.3) 75%, rgba(0,0,0,.6) 100%);
                  z-index:1;
                  pointer-events:none;
            }
            .indexAbout ul li .txt{ z-index:10; }


.indexAbout ul li .txt p{
	color: #ddd;
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.indexAbout ul li .txt span{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	opacity: 0;
	position: relative;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
}
.indexAbout ul li .txt span b{
	font-size: 22px;
	color: #b7221b;
	position: absolute;
	top: 0;
	right: -22px;
}

.indexProBox{
	width: 100%;
	height: 100%;
	background:url(../images/index_about.jpg) no-repeat center center;
	background-size:cover;
}
.indexPro{
	position: absolute;
	left: 8%;
	width: 84%;
	top: 25%;
	height: 65%;
	z-index: 2;
	font-size: 0;
}
.indexPro.indexW{
	width: 75%;
	left:10%;
}
.indexPro .pro-main{
	display: inline-block;
	vertical-align: top;
	width: 78%;
	height: 100%;
	position: relative;
}
.indexPro .pro-banner{
	width: 100%;
	height: calc(100% - 52px);
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 12px 32px rgba(0,0,0,.2);
}
.indexPro .pro-slide{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.indexPro .pro-slide.active{
	display: block;
}
.indexPro .pro-info{
	float: left;
	width: 50%;
	height: 100%;
	padding: 6% 5% 5%;
	box-sizing: border-box;
	position: relative;
}

.indexPro .pro-info p{ color:#FFFFFF; font-size:14px; padding-bottom:0px;margin-bottom: 15px; line-height:25px;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}




.indexPro .pro-slide.pro-c1 .pro-info{ background: linear-gradient(160deg, #c62828 0%, #b7221b 100%); }
.indexPro .pro-slide.pro-c2 .pro-info{ background: linear-gradient(160deg, #1f7eaf 0%, #1a6f9c 100%); }
.indexPro .pro-slide.pro-c3 .pro-info{ background: linear-gradient(160deg, #d97820 0%, #c45e12 100%); }
.indexPro .pro-info h3{
	font-size: 26px;
	color: #fff;
	letter-spacing: 0px;
	margin-bottom:0px;
}
.indexPro .pro-list{
	margin: 0;
	padding: 0;
}
.indexPro .pro-list li{
	font-size: 15px;
	line-height: 30px;
	color: rgba(255,255,255,.92);
	padding-left: 16px;
	position: relative;
}
.indexPro .pro-list li a{ color:#FFFFFF
}


.indexPro .pro-list li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255,255,255,.85);
}
.indexPro .pro-more{
	display: inline-block;
	position: absolute;
	left: 10%;
	bottom: 10%;
	min-width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.85);
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px;
	border-radius: 4px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.indexPro .pro-more:hover{
	background: #fff;
	color: #333;
}
.indexPro .pro-pic{
	float: left;
	width:50%;
	height: 100%;
	overflow: hidden;
	background-size:100% !important;
	background-position: center !important;
	-webkit-transition: transform .8s ease;
	transition: transform .8s ease;
}
.indexPro .pro-slide.active .pro-pic{
	-webkit-animation: proPicIn .8s ease;
	animation: proPicIn .8s ease;
}
@-webkit-keyframes proPicIn{
	from{ -webkit-transform: scale(1.08); opacity: .7; }
	to{ -webkit-transform: scale(1); opacity: 1; }
}
@keyframes proPicIn{
	from{ transform: scale(1.08); opacity: .7; }
	to{ transform: scale(1); opacity: 1; }
}
.indexPro .pro-pager{
	position: relative;
	height: 40px;
	margin-top: 12px;
	padding: 0 4px;
}
.indexPro .pro-pager-track{
	position: absolute;
	left: 0;
	right: 0;
	top: 18px;
	height: 2px;
	background: rgba(255,255,255,.35);
}
.indexPro .pro-pager-bar{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 25%;
	background: #b7221b;
	-webkit-transition: left .4s ease, background .3s, width .3s;
	transition: left .4s ease, background .3s, width .3s;
}
.indexPro .pro-pager-nums{
	position: relative;
	z-index: 2;
	font-size: 0;
}
.indexPro .pro-pager-nums span{
	display: inline-block;
	width: 10%;
	text-align: center;
	font-size: 14px;
	line-height: 90px;
	color: rgba(0,0,0,.7);
	cursor: pointer;
	letter-spacing: 1px;
	-webkit-transition: color .3s;
	transition: color .3s;

}
.indexPro .pro-pager-nums span.active{
	color: #000;
	font-weight: bold;
}
.indexPro .pro-side{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	height: calc(100% - 35px);
	margin-left: 2%;
	font-size: 0;
}
.indexPro .pro-card{
	display: block;
	width: 100%;
	height: 31%;
	margin: 0 0 3.5%;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(0,0,0,.14);
	-webkit-transition: transform .35s ease, box-shadow .35s ease;
	transition: transform .35s ease, box-shadow .35s ease;
	box-sizing: border-box;
}
.indexPro .pro-card:last-child{
	margin-bottom: 0;
}
.indexPro .pro-card:hover{
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(0,0,0,.2);
}
.indexPro .pro-card .pic{
	float: none;
	width: 100%;
	height: 68%;
	overflow: hidden;
	background-size: cover !important;
	background-position: center !important;
	-webkit-transition: transform .5s ease;
	transition: transform .5s ease;
}
.indexPro .pro-card:hover .pic{
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.indexPro .pro-card .txt{
	float: none;
	width: 100%;
	height: 32%;
	box-sizing: border-box;
	padding: 0 8px;
	font-size: 13px;
	color: #222;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}
.indexPro .pro-card.active{
	box-shadow: 0 12px 32px rgba(183,34,27,.28);
}
.indexPro .pro-card.active .txt{
	color: #b7221b;
}

.indexAdvBox{
	width: 100%;
	height: 100%;
	background:url(../images/index_adv.jpg) no-repeat center center;
	background-size:cover;
}
.indexAdv{
	height: 60%;
	top:25%;
}
.indexAdv ul{
	width: 100%;
	height: 100%;
}
.indexAdv ul li{
	width: 30%;
	height: 100%;
	float: left;
	position: relative;
	margin-left: 5%;
}
.indexAdv ul li:nth-of-type(1){
	margin-left: 0;
}
.indexAdv ul li img{
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -50%;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
}
.indexAdv ul li img.adv-spin-in{
	-webkit-animation: advSpinIn 1s linear forwards;
	animation: advSpinIn 1s linear forwards;
}
.indexAdv ul li img.adv-spin-out{
	-webkit-animation: advSpinOut .5s linear forwards;
	animation: advSpinOut .5s linear forwards;
}
@-webkit-keyframes advSpinIn{
	0%{ -webkit-transform: rotate(0deg) scale(1); }
	40%{ -webkit-transform: rotate(180deg) scale(1.12); }
	100%{ -webkit-transform: rotate(360deg) scale(1.12); }
}
@keyframes advSpinIn{
	0%{ transform: rotate(0deg) scale(1); }
	40%{ transform: rotate(180deg) scale(1.12); }
	100%{ transform: rotate(360deg) scale(1.12); }
}
@-webkit-keyframes advSpinOut{
	0%{ -webkit-transform: rotate(0deg) scale(1.12); }
	40%{ -webkit-transform: rotate(180deg) scale(1); }
	100%{ -webkit-transform: rotate(360deg) scale(1); }
}
@keyframes advSpinOut{
	0%{ transform: rotate(0deg) scale(1.12); }
	40%{ transform: rotate(180deg) scale(1); }
	100%{ transform: rotate(360deg) scale(1); }
}
.indexAdv ul li img:nth-of-type(2){
	display: none;
	z-index: 2;
	pointer-events: none;
}
.indexAdv ul li:hover img:nth-of-type(2),
.indexAdv ul li.leaving img:nth-of-type(2){
	display: block;
}
.indexAdv ul li .adv-txt{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: 0;
	z-index: 3;
	text-align: center;
	color: #fff;
	font-size: 25px;
	letter-spacing: 0px;
	font-weight: bold;
	pointer-events: none;
	text-shadow: 0 2px 8px rgba(0,0,0,.45);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.indexNewsBox{
	width: 100%;
	height: 100%;
	background:url(../images/index_news.jpg) no-repeat center center;
	background-size:cover;
}
.indexNews{
	top: 25%;
	left: 10%;
	width: 80%;
	height: 68%;
	padding-left: 0;
	margin-top: 0;
}
.indexNews.indexW{
	width: 75%;
	left: 10%;
}
.indexNews .news-cards{
	width: 100%;
	height: calc(100% - 70px);
	font-size: 0;
	background: none;
	box-shadow: none;
}
.indexNews .news-cards li{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	height: 80%;
	position: relative;
	margin: 0 5% 0 0;
	background: #fff;
	padding: 38px 38px 34px;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(0,0,0,.08);
	border-radius: 8px;
}
.indexNews .news-cards li:last-child{
	margin-right: 0;
}
.indexNews .news-cards li:before{
	display: none;
}
.indexNews .news-cards li > a{
	display: block;
	height: 100%;
	position: relative;
}
.indexNews .news-cards li .a_txt{
	padding: 0 0 18px;
	height: 42%;
	box-sizing: border-box;
}
.indexNews .news-cards li .n_img{
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: 28px;
	top: auto;
	width: auto;
	height: 42%;
	border-radius: 10px;
	overflow: hidden;
}
.indexNews .news-cards li .a_txt h4{
	font-size: 14px;
	color: #1a6f9c;
	line-height: 22px;
	margin-bottom: 12px;
}
.indexNews .news-cards li .a_txt h4 .news-time{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	vertical-align: -2px;
	border: 1.5px solid #1a6f9c;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
}
.indexNews .news-cards li .a_txt h4 .news-time:before{
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	width: 1.5px;
	height: 5px;
	background: #1a6f9c;
	border-radius: 1px;
}
.indexNews .news-cards li .a_txt h4 .news-time:after{
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	width: 4px;
	height: 1.5px;
	background: #1a6f9c;
	border-radius: 1px;
}
.indexNews .news-cards li .a_txt h2{
	font-size: 16px;
	color: #222;
	line-height: 26px;
	letter-spacing: 0.5px;
	height: 52px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.indexNews .news-cards li:hover .a_txt h2{
	color: #b7221b;
}
.indexNews .news-cards li .n_img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: transform .5s ease;
	transition: transform .5s ease;
}
.indexNews .news-cards li:hover .n_img img{
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.indexNews .news-cards li .n_img .n_wave{
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 28px;
	z-index: 2;
	pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 18 Q50 4 100 18 T200 18 T300 18 T400 18 V40 H0Z' fill='%232d9b6c'/%3E%3Cpath d='M0 26 Q50 14 100 26 T200 26 T300 26 T400 26 V40 H0Z' fill='%231a6f9c'/%3E%3C/svg%3E") no-repeat center bottom;
	background-size: 100% 100%;
}
.indexNews .news-foot{
	margin-top: -22px;
	text-align: center;
	position: relative;
}
.indexNews .news-more{
	display: inline-block;
	min-width: 110px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #999;
	color: #333;
	font-size: 13px;
	letter-spacing: 1px;
	-webkit-transition: all .3s;
	transition: all .3s;border-radius:2px;
}
.indexNews .news-more:hover{
	background: #b7221b;
	border-color: #b7221b;
	color: #fff;
}

.indexContactBox{
	width: 100%;
	height: 100%;
	background:url(../images/index_contact.jpg) no-repeat center center;
	background-size:cover;
	padding-bottom: 48px;
	box-sizing: border-box;
}
.indexContact{
	background: #fff;
	top: 50%;
	padding: 0;
	margin-top: -150px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 8px 28px rgba(0,0,0,.12);
}
.indexContact .contact-info{
	float: left;
	width: 55%;
	padding: 32px 28px 28px 32px;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	min-height: 320px;
}
.indexContact .contact-info h3{
	font-size: 18px;
	color: #b7221b;
	line-height: 28px;
	letter-spacing: 1px;
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid #eee;
}
.indexContact .contact-info ul li{
	font-size: 15px;
	color: #555;
	line-height: 22px;
	margin-bottom: 14px;
	padding-left: 72px;
	position: relative;
}
.indexContact .contact-info ul li span{
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	color: #999;
	font-size: 13px;
}
.indexContact .contact-info ul li a{
	color: #1a6f9c;
	font-size: 13px;
}
.indexContact .contact-info ul li a:hover{
	color: #b7221b;
	text-decoration: underline;
}
.indexContact .contact-form{
	float: left;
	width: 45%;
	padding: 28px 30px 24px;
	box-sizing: border-box;
}
.indexContact .contact-form input{
	display: block;
	width: 30%;
	float: left;
	border-bottom:solid 1px #ccc;
	height: 40px;
	line-height: 40px;
	margin-left: 5%;
	padding:0 5px;
}
.indexContact .contact-form input:nth-of-type(1){
	margin-left: 0;
}
.indexContact .contact-form textarea{
	display: block;
	width: 100%;
	padding: 5px;
	border-bottom:solid 1px #ccc;
	line-height: 24px;
	height: 160px;
	margin-top: 20px;
}
.indexContact .contact-form input[type="submit"]{
	width: 160px;
	border:none;
	float: none;
	background: #b7221b;
	color: #fff;
	margin-left: 0;
	margin:auto;
	margin-top: 18px;
	cursor: pointer;
	border-radius: 4px;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.indexContact .contact-form input[type="submit"]:hover{
	background: #9a1c16;
}

/*首页*/
@media(min-width: 992px){
	.indexAbout ul li:hover:before{
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}
	.indexAbout ul li:hover .txt{
		bottom: 16%;
	}
	.indexAbout ul li:hover span{
		opacity:1;
		margin-top:12px;
		-webkit-transition:all 0.6s;
		transition:all 0.6s;
	}
	.indexAbout ul li span:hover {
		color:#b7221b;
	}

	.indexNews ul li:hover .a_txt h2{
		color:#b7221b;
	}
}

@media(max-width: 992px){
	.indexTl{
		width: 80%;
		top: 10%;
		left: 10%;
		margin-top: -29px;
	}
	.indexTl h1{
		font-size: 24px;
		letter-spacing: 3px;
		line-height: 24px;
	}
	.indexTl .en{
		font-size: 13px;
		margin-top: 10px;
	}
	.indexTl > p:not(.en){
		font-size: 12px;
		letter-spacing: 0;
		margin-top: 20px;
	}
	.indexW{
		width: 80%;
		left: 10%;
	}
	.indexAbout.indexW{
		width: 100%;
		left: 0;
	}
	.indexPro.indexW{
		width: 88%;
		left: 6%;
	}
	.indexPro{
		left: 6%;
		width: 88%;
		top: 16%;
		height: 70%;
	}
	.indexPro .pro-info h3{
		font-size: 20px;
	}
	.indexPro .pro-list li{
		font-size: 13px;
		line-height: 28px;
	}
	.indexPro .pro-card .txt{
		font-size: 14px;
	}
	.indexRightNav{
		margin-right: 0;
	}

	.indexContact{
		margin-top: -160px;
	}
}

@media(max-width: 767px){
	.indexTl{
		width: 92%;
		top: 10%;
		left: 4%;
		margin-top: -29px;
	}
	.indexTl h1{
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 18px;
	}
	.indexTl .en{
		font-size: 12px;
		margin-top: 8px;
	}
	.indexTl > p:not(.en){
		display:none;
	}
	.indexW{
		width: 92%;
		left: 4%;
	}
	.indexAbout.indexW{
		width: 100%;
		left: 0;
	}
	
	.indexAbout ul li .txt{
		bottom: 10%;
	}
	.indexAbout ul li .txt h2{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 1px;
	}
	.indexAbout ul li .txt p{
		font-size: 11px;
		line-height: 16px;
		-webkit-line-clamp: 2;
	}
	.indexAbout ul li .txt span{
		display: none;
	}
	
	.indexPro{
		left: 4%;
		width: 92%;
		top: 14%;
		height: 74%;
	}
	.indexPro.indexW{
		width: 92%;
		left: 4%;
	}
	.indexPro .pro-main{
		width: 100%;
		height: 90%;
	}
	.indexPro .pro-banner{
		height: calc(100% - 40px);
		border-radius: 14px;
	}
	.indexPro .pro-info{
		width: 100%;
		height:70%;
		padding: 30px 30px 80px;
	}
	.indexPro .pro-info h3{
		font-size: 15px;
		margin-bottom: 8px;
		letter-spacing: 1px;
	}
	.indexPro .pro-list li{
		font-size: 12px;
		line-height: 24px;
	}
	.indexPro .pro-pic{
		width: 100%;
	}
	.indexPro .pro-more{
		left: 12px;
		bottom: 30px;
		min-width: 80px;
		height: 30px;
		line-height: 28px;
		font-size: 11px;
	}
	.indexPro .pro-pager{
		height: 32px;
		margin-top: 8px;
	}
	.indexPro .pro-pager-nums span{
		font-size: 12px;
		line-height: 32px;
	}
	.indexPro .pro-side{
		width: 100%;
		height: 48%;
		margin: 12px 0 0;
	}
	.indexPro .pro-card{
		height: 30%;
        width:32%;
        float: left; margin-right:1px;
		border-radius: 10px;
	}
	.indexPro .pro-card .pic{
		height:50%;
	}
	.indexPro .pro-card .txt{
		height: 35%;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 15px;
		padding: 0 2px;
		text-align: center;
		justify-content: center;
	}
	
	.indexAdv{
		height: 80%;
	}
	.indexAdv ul li{
		width:50%;
		height: 30%;
		position: relative;
		margin-left: 0;
	}
	.indexAdv ul li .adv-txt{
		font-size: 14px;
		letter-spacing: 2px;    width: 90%;top:45%;
	}
	.indexAdv ul li img{
		width: auto;
		max-width: none;
		height: 90%;
    top: 0%;
		margin:auto;
	}
	.indexAdv ul li:last-of-type{

	}
	
	.indexNews{
		left: 4%;
		width: 92%;
		top: 14%;
		height: 52%;
		margin-top: 0;
		padding: 0;
	}
	.indexNews.indexW{
		width: 92%;
		left: 4%;
	}
	.indexNews .news-cards{
		height: calc(100% - 0px);
		overflow-y: auto;
	}
	.indexNews .news-cards li{
		display: block;
		width: 100%;
		height: auto;
		padding: 16px;
		margin: 0 0 12px;
		border-bottom: none;
	}
	.indexNews .news-cards li:last-child{
		margin-bottom: 0;
	}
	.indexNews .news-cards li .a_txt{
		height: auto;
		padding-bottom: 12px;
	}
	.indexNews .news-cards li .a_txt h4{
		font-size: 12px;
		margin-bottom: 8px;
	}
	.indexNews .news-cards li .a_txt h2{
		font-size: 14px;
		line-height: 22px;
		height: auto;
		max-height: 44px;
	}
	.indexNews .news-cards li .n_img{
		display:none;
	}
	.indexNews .news-foot{
		margin-top: 14px;
	}
	.indexNews .news-more{
		margin: 0 auto;
		display: inline-block;
	}

	.indexRightNav{
		display: none;
	}

	.indexContact{
		background: #fff;
		top: 50%;
		padding: 0;
		margin-top: -260px;
	}
	.indexContact .contact-info{
		float: none;
		width: 100%;
		min-height: 0;
		border-right: none;
		border-bottom: 1px solid #eee;
		padding: 20px 16px 16px;
	}
	.indexContact .contact-info h3{
		font-size: 15px;
		margin-bottom: 14px;
		padding-bottom: 10px;
	}
	.indexContact .contact-info ul li{
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;
		padding-left: 64px;
	}
	.indexContact .contact-info ul li span{
		width: 56px;
		font-size: 12px;
	}
	.indexContact .contact-form{
display:none;
	}
	.indexContact .contact-form input{
		display: block;
		width: 47.5%;
		float: left;
		border-bottom:solid 1px #ccc;
		height: 40px;
		line-height: 40px;
		margin-left: 5%;
		padding:0 5px;
	}
	.indexContact .contact-form input:nth-of-type(2n+1){
		margin-left: 0;
	}
	.indexContact .contact-form input:nth-of-type(3){
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		float: none;
	}
	.indexContact .contact-form textarea{
		display: block;
		width: 100%;
		padding: 5px;
		border-bottom:solid 1px #ccc;
		line-height: 24px;
		height: 50px;
		margin-top: 0px;
	}
	.indexContact .contact-form input[type="submit"]{
		width: 160px;
		border:none;
		float: none;
		background: #b7221b;
		color: #fff;
		margin-left: 0;
		margin:auto;
		margin-top: 16px;
	}


}


.AboutBox{
	min-height: auto;
	padding-bottom: 40px;
}

/* 关于页右侧子导航 */
.aboutSideNav{
	position: fixed;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 80;
	border-top: 0px solid #b7221b;
	box-shadow: 0 2px 16px rgba(0,0,0,0.1);
	width: 220px;
	
	 color:#fff;
	
	 
}
.aboutSideNav dl{
	margin: 0;
	padding: 0;
}
.aboutSideNav dl dd{
	margin: 0;
	padding: 0;
background:#b7221b;	  margin-bottom:5px; border-radius:8px;
}
.aboutSideNav dl dd:last-child{
	border-bottom: none;
}
.aboutSideNav dl dd a{
	display: block;
	padding:10px 10px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	-webkit-transition: color .25s, background .25s;
	transition: color .25s, background .25s; border-radius:8px;
}
.aboutSideNav dl dd a:hover{
	color: #fff;
}
.aboutSideNav dl dd.active a{
	color: #b7221b;
	background: #efefef;
}

@media (max-width: 1100px){
	.aboutSideNav{
		right: 10px;
		width: 100px;
	}
	.aboutSideNav dl dd a{
		padding: 16px 6px;
		font-size: 13px;
	}
}
@media (max-width: 767px){
	.aboutSideNav{
		display: none;
	}
}

/* 1. 正文基础字号 15px */
.AboutBox .aboutIntro,
.AboutBox .aboutIntro p,
.AboutBox .speech,
.AboutBox .speech p,
.AboutBox .aboutTwo p,
.AboutBox .culture ul li h3,
.AboutBox .historything ul li p,
.AboutBox .Organize,
.AboutBox .Organize p{
	font-size: 15px !important;
	line-height: 1.8;
}

/* 2. 企业文化圆形：只旋转圆圈，下方说明文字不动 */
.AboutBox .culture ul li .img{
	-webkit-transition: -webkit-transform .7s ease;
	transition: transform .7s ease;
}
.AboutBox .culture ul li:hover .img{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.AboutBox .culture ul li h3{
	/* 保持在圆圈外，不参与旋转 */
	-webkit-transform: none !important;
	transform: none !important;
}

/* 3. 荣誉资质：规则四列网格 + 点击放大 */
.AboutBox .honorList{
	margin-top: 50px;
}
.AboutBox .honorList ul{
	display: flex;
	flex-wrap: wrap;
	gap: 28px 2.4%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.AboutBox .honorList ul li{
	float: none !important;
	width: 23.2% !important;
	margin: 0 !important;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 8px 24px rgba(0,0,0,.06);
	overflow: hidden;
	-webkit-transition: box-shadow .3s ease;
	transition: box-shadow .3s ease;
	/* 禁止 transform，避免 fixed 弹层定位异常 */
	-webkit-transform: none !important;
	transform: none !important;
}
.AboutBox .honorList ul li:hover{
	box-shadow: 0 12px 32px rgba(0,0,0,.12);
}
/* 去掉原悬停放大/旋转图标效果 */
.AboutBox .honorList ul li .imgs:before,
.AboutBox .honorList ul li .imgs .more{
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.AboutBox .honorList ul li .imgs{
	width: 100%;
	height: 220px;
	background: #f7f7f7;
	overflow: hidden;
	cursor: zoom-in;
}
.AboutBox .honorList ul li .imgs > img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	pointer-events: none;
}
.AboutBox .honorList ul li .honor-name{
	display: block !important;
	padding: 14px 12px;
	font-size: 15px;
	line-height: 1.5;
	color: #333;
	text-align: center;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	white-space: normal;
	margin: 0;
}
.AboutBox .honorList ul .clear{
	display: none;
}

/* 点击放大灯箱 */
.AboutBox .honorList .fixedBox{
	background: rgba(0,0,0,.86);
	display: none;
}
.AboutBox .honorList .fixedBoxClose{
	width: auto;
	height: auto;
	left: auto;
	right: 70px;
	top: 20px;
	background: transparent;
	z-index: 10001;
	cursor: pointer;
}
.AboutBox .honorList .fixedBoxCloseBtn{
	width: 44px;
	height: 44px;
	margin: 0;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.92);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	line-height: 44px;
	color: #333;
	text-align: center;
	font-weight: 400;
	font-family:Arial, Helvetica, sans-serif;
}
.AboutBox .honorList .fixedBoxCloseBtn img{
	display: none !important;
}
.AboutBox .honorList .fixedBoxCloseBtn::before{
	content: "×";
}
.AboutBox .honorList .fixedBoxRight{
	width: 100% !important;
	height: 100% !important;
	right: 0 !important;
	left: 0;
	top: 0;
	padding: 50px 24px 24px;
	background: transparent;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.AboutBox .honorList .aboutHonor .top{
	position: static !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	-webkit-transform: none !important;
	border: none;
	text-align: center;
	white-space: normal;
	margin: 0 0 16px;
	padding: 0;
	max-width: 90vw;
}
.AboutBox .honorList .aboutHonor .top h1{
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	font-weight: normal;
}
.AboutBox .honorList .honorImg{
	position: static !important;
	width: auto !important;
	height: auto !important;
	left: auto !important;
	top: auto !important;
	max-width: 90vw;
	max-height: 80vh;
}
.AboutBox .honorList .honorImg img{
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 90vw;
	max-height: 80vh;
	margin: 0 auto;
	box-shadow: 0 12px 40px rgba(0,0,0,.45);
	background: #fff;
}
body.honor-lb-open{
	overflow: hidden !important;
}
@media (max-width: 992px){
	.AboutBox .honorList ul li{
		width: 31.7% !important;
	}
	.AboutBox .honorList ul li .imgs{
		height: 180px;
	}
}
@media (max-width: 767px){
	.AboutBox .honorList ul{
		gap: 16px 4%;
	}
	.AboutBox .honorList ul li{
		width: 48% !important;
	}
	.AboutBox .honorList ul li .imgs{
		height: 160px;
	}
	.AboutBox .honorList .aboutHonor .top h1{
		font-size: 15px;
	}
}
/*公司简介*/
.aboutTl{
	padding-bottom:0px; 
}
.aboutTl h1{
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 36px;
}
.aboutTl h2{
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: relative;
	width:300px;
	margin:auto;
	margin-top: 30px;
	}
.aboutTl span{
	position:absolute;
	top:10px;
	width:90px;
	height:1px;
	background-color:#fff;
	}
.aboutTl span:nth-of-type(1){
	left:-100px;;
	}
.aboutTl span:nth-of-type(2){
	right:-100px;
	}
.aboutTl.black h1{
	color: #333;
}
.aboutTl.black h2{
	color: #333;
}
.aboutTl.black span{
	background: #333;
}

.aboutW{
	width:80%;
	margin:auto;
}
.aboutOne{
	width:100%;
	background:url(../images/about_bc1.jpg) no-repeat;
	background-size:cover;
	padding-top:180px;
	padding-bottom:30px;
}
.aboutIntro{
	margin: 5% auto;
	background-color: rgba(255,255,255,0.8);
	padding: 45px 40px;
}
.aboutIntro p{
	font-size: 14px;
	color: #333;
	margin: 5px 0;
	margin-top: 20px;
	letter-spacing: 0.8px;
	line-height: 24px;
}
html[lang="en"] .aboutIntro p{
	letter-spacing: 0;
}

.aboutTwo{
	padding-top: 80px;
	padding-bottom: 20px;
}
.speech{
	margin-top: 60px;
}
.speechLeft{
	width: 50%;
	padding-right: 10%;
	padding-bottom: 7%;
	float: left;
}
.speechLeft img{
	display: block;
	width: 100%;
}
.speechLeft h3{
	font-size: 17px;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 15px;
	color: #333;
	margin-top: 18px;
	border-bottom: solid 4px #b7221b;
}
.speechLeft h3 span{
	display: block;
	color: #b7122b;
	font-size: 18px;
	line-height: 30px;
}
html[lang="en"] .speechLeft h3{
	letter-spacing: 0;
}
.speechRight{
	width: 50%;
	float: left;
	margin-left: 10%;
}
.speechRight p{
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
	letter-spacing: 0.8px;
	line-height: 22px;
}
.aboutTwo p{
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
	letter-spacing: 0;
	line-height: 22px;
}

.aboutThree{
	background:url(../images/bh2.jpg) no-repeat center center;
	padding:90px 0;
	height:730px;
}

.culture{
	margin-top: 150px;
}
.culture ul li{
	width: 18%;
	padding-bottom: 18%;
	float: left;
	border-radius: 50%;
	position: relative;
	margin-left:9%; 
}
.culture ul li:nth-of-type(1){
	background: #b7122b;
	margin-left: 0;
}
.culture ul li:nth-of-type(2){
	background: #1273b7;
}
.culture ul li:nth-of-type(3){
	background: #b75012;
}
.culture ul li:nth-of-type(4){
	background: #12b79e;
}
.culture ul li .img{
	position: absolute;
	width: 100%;
	height: 100%;
	border:solid 10px rgba(255,255,255,0.8);
	border-radius: 50%;
}
.culture ul li .img h4{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	color: #eee;
	font-size: 24px;
	margin-top: -10px;
	text-align: center;
	white-space: nowrap;
}
.culture ul li h3{
	position: absolute;
	width: 100%;
	top: 100%;
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
html[lang="en"] .culture ul li .img h4{
	font-size: 18px;
}
html[lang="en"] .culture ul li h3{
	letter-spacing: 0;
}

.aboutFour{
	padding:80px 0;

	position: relative;
}
.aboutFour .aboutTl{
	position: absolute;
	left: 11%;
	top: 70px;
}
.aboutFour .aboutTl h1{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
.aboutFour .aboutTl h2{
	position: absolute;
	top: 100px;
	left: 40px;
	width: 20px;
}
.aboutFour .aboutTl h2 span{
	width:1px;
	height:90px;
	left: 10px;
	right: auto;
}
.aboutFour .aboutTl span:nth-of-type(1){
	top: -100px;
	}
.aboutFour .aboutTl span:nth-of-type(2){
	top: 100px;
	}
.Organize{
	padding: 0 60px;
}

.aboutFive{
	padding-top: 200px;
	background: url(../images/rw_1.jpg) no-repeat 40% center;
}
.historyBox{
	background: rgba(255,255,255,0.86);
	padding: 80px 80px;
}
.historyList{
	margin-top: 30px;
	position: relative;
}
.historyBtn{
	width: 100%;
	height: 0;
	position: absolute;
	top: 43px;
	z-index: 8;
	margin-top: -18px;
}
.historyBtn span{
	display: block;
	width: 34px;
	height: 37px;
	cursor: pointer;
}
.historyBtn span.prev{
	background: url(../images/bg_prev02.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: -34px;
}
.historyBtn span.next{
	background: url(../images/bg_next02.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: -34px;
}
.historyTime{
	overflow: hidden;
}
.historyTime dl{
	position: relative;
}
.historyTime dl:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #666;
	position: absolute;
	bottom: 19px;
	margin-bottom: -1px;
}
.historyTime dl dd{
	float: left;
	position: relative;
	z-index: 2;
}
.historyTime dl dd p{
	text-align: center;
}
.historyTime dl dd span{
	display: block;
	width: 38px;
	height: 38px;
	margin:auto;
	background:url(../images/list_09.png) no-repeat center center;
	background-size: cover;
	margin-top: 4px;
}
.historyTime dl dd.active p{
	color: #b7221b;
}
.historyTime dl dd.active span{
	background:url(../images/list_08.png) no-repeat center center
}

.historything{
	margin-top: 20px;
	position: relative;
}
.historything ul li{
	display: none;
}
.historything ul li p{
	text-align: center;
	font-size: 14px;
	color: #333;
	letter-spacing: 0.8px;
	line-height: 24px;
}

.aboutSix{
	padding-top: 80px;
	padding-bottom: 40px;
}
.honorList ul li > p{
	display: none;
}

/*公司简介media*/
@media(max-width: 992px){
	/*关于王龙*/
	/*关于公共部分 start*/
	.aboutW{
		width: 82%;
	}
	.aboutTl h1{
		font-size: 34px;
		margin-bottom: 24px;
	}
	.aboutTl h2{
		font-size: 16px;
		letter-spacing: 1px;
		width:100px;
		}
	.aboutTl span{
		top:10px;
		width:70px;
	}
	.aboutTl span:nth-of-type(1){
		left:-80px;;
	}
	.aboutTl span:nth-of-type(2){
		right:-80px;
	}
	/*关于公共部分 end*/
	/*总裁致词*/
	.speechLeft{
		width: 100%;
		padding-right: 0%;
	}
	.speechRight{
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}
	/*企业文化*/
	.culture{
		margin-top: 80px;
	}
	.culture ul li{
		width: 30%;
		padding-bottom: 30%;
		margin-left:15%; 
		margin-right: 5%;
		margin-top: 80px;
	}
	.culture ul li:nth-of-type(4n+1){
		margin-left:15%; 
	}
	.culture ul li:nth-of-type(2n){
		margin-right:15%; 
		margin-left: 5%;
	}
	.culture ul li:nth-of-type(1),.culture ul li:nth-of-type(2){
		margin-top: 0;
	}
	/*组织架构*/
	.aboutFour .aboutTl{
		left: 8%;
		top: 70px;
	}
	.aboutFour .aboutTl h2{
		left: 30px;
	}
	.aboutFour .aboutTl h2 span{
		height:70px;
	}
	.aboutFour .aboutTl span:nth-of-type(1){
		top: -100px;
	}
	.aboutFour .aboutTl span:nth-of-type(2){
		top: 100px;
	}
	.Organize{
		padding:0;
		padding-left: 80px;
	}
}

/*手机*/
@media(max-width: 767px){
	/*关于王龙 公共部分 start*/
	.aboutW{
		width: 94%;
	}
	.aboutTl h1{
		font-size: 24px;
		margin-bottom: 16px;
	}
	.aboutTl h2{
		font-size: 14px;
		width:80px;
		  margin-top: -10px;
		}
	.aboutTl span{
		top:10px;
		width:60px;
	}
	.aboutTl span:nth-of-type(1){
		left:-60px;;
	}
	.aboutTl span:nth-of-type(2){
		right:-60px;
	}
	/*关于王龙 公共部分 end*/
	/*公司简介*/
	.aboutOne{
		padding-top: 120px;
	}
	.aboutIntro{
		margin: 0 auto;
		margin-top: 20px;
		padding: 15px 18px;
	}
	.aboutIntro p{
		font-size: 13px;
		margin: 3px 0;
		margin-top: 10px;
		letter-spacing: 0;
		line-height: 22px;
	}
	/*总裁致词*/
	.speech{
		margin-top: 20px;
	}
	/*企业文化*/
	.culture{
		margin-top: 40px;
	}
	.culture ul li{
		width: 40%;
		padding-bottom: 40%;
		margin-left:5%; 
		margin-right: 5%;
		margin-top: 50px;
	}
	.culture ul li:nth-of-type(4n+1){
		margin-left:5%; 
	}
	.culture ul li:nth-of-type(2n){
		margin-right:5%; 
		margin-left: 5%;
	}
	.culture ul li:nth-of-type(1),.culture ul li:nth-of-type(2){
		margin-top: 0;
	}
	.culture ul li .img h4{
		font-size: 18px;
	}
	.culture ul li h3{
		bottom: -30px;
		font-size: 12px;
		letter-spacing: 0;
	}
	/*组织架构*/
	.aboutFour{
		padding-bottom: 100px;
	}
	.aboutFour .aboutTl{
		left: 3%;
		top: 50px;
		margin-left: 20px;
	}
	.aboutFour .aboutTl h2{
		left: -5px;
		top: 80px;
	}
	.aboutFour .aboutTl h2 span{
		height:70px;
	}
	.aboutFour .aboutTl span:nth-of-type(1){
		top: -80px;
	}
	.aboutFour .aboutTl span:nth-of-type(2){
		top: 80px;
	}
	.Organize{
		padding:0;
		padding-left: 60px;
	}
	
	/*历史*/
	.historyBox{
		padding: 40px;
	}
	.historyBtn{
		top: 50%;
		margin-top: -11px;
	}
	.historyBtn span{
		width: 20px;
		height: 22px;
	}
	.historyBtn span.prev{
		left: -26px;
	}
	.historyBtn span.next{
		right: -26px;
	}
	.historyTime dl:after{
		display: none;
	}
	.historyTime dl dd span{
		display: none;
	}
	.historything ul li p{
		width: 94%;
		margin:auto;
		text-align: left;
		font-size: 11px;
		letter-spacing: 0;
		line-height: 20px;
	}

	/*荣誉资质*/
	.aboutSix{
		padding-top: 50px;
	}
}


/*公共部分*/
.BoxW{
	padding-left: 7.5%;
	padding-right: 7.5%;
}

.otherBannner{
	height:350px;
	width:100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #333;
}
.otherBannner .aboutTl{
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 40px;
	box-sizing: border-box;
}
.otherBannner .aboutTl h2{
	width: auto;
	min-width: 100px;
	display: inline-block;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ohterNav{
	position: relative;
	left: 50%;
	float: left;
	margin-top: 70px;
}
.ohterNav dl{
	position: relative;
	left: -50%;
	float: left;
}
.ohterNav dl dd{
	float: left;
	padding: 0 20px;
}
.ohterNav dl dd h2{
	font-size: 16px;
	font-weight: bold;
	text-indent: 30px;
	position: relative;
}
.ohterNav dl dd h2:before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background:#fff;
	border-radius: 50%;
	border:solid 5px #666;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
}
.ohterNav dl dd.active h2{
	color: #b7221b;
}
.ohterNav dl dd.active h2:before{
	border:solid 5px #b7221b;
}

.List{
	margin-top: 40px;
}
.List ul li .imgs{
	width: 100%;
	position: relative;
}
.List ul li .imgs:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	z-index: 6;
}
.List ul li .imgs .more{
	width: 46px;
	height: 46px;
	background: url(../images/link.png) no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -23px;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	opacity: 0;
	-webkit-transition:all 0.8s,background-position 0.3s;
	transition:all 0.8s,background-position 0.3s;
	cursor: pointer;
	z-index: 7;
}
.List ul li .imgs > img{
	display: block; max-width:100%;
    height: 170px;
    margin: auto;
}
.List ul li:hover .imgs:before{
	opacity: 1;
}
.List ul li:hover .imgs .more{
	-webkit-transform:rotate(0deg);
	transform: rotate(360deg);
	opacity:1;
	left:50%;
	margin-left:-23px;
}
.List ul li .imgs .more:hover{
	background-position: 0 -46px;
}

.List.ListFour ul li{
	width: 22.75%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
.List.ListFour ul li:nth-of-type(4n+1){
	margin-left: 0;
}

.List.ListThree ul li{
	width:22.6%;
	margin-left: 4.1%;
	margin-bottom: 3%; border:#CCCCCC solid 1px;
	float: left;
}
.List.ListThree ul li:nth-of-type(4n+1){
	margin-left: 0;
}

@media(max-width: 992px){
	.BoxW{
		padding-left: 5.5%;
		padding-right: 5.5%;
	}
	.ohterNav{
		margin-top: 50px;
	}
	.List.ListFour ul li{
		width: 31.5%;
		margin-left: 2.75%;
	}
	.List.ListFour ul li:nth-of-type(4n+1){
		margin-left: 2.75%;
	}
	.List.ListFour ul li:nth-of-type(3n+1){
		margin-left: 0;
	}

	.List.ListThree ul li{
		width: 31%;
		margin-left: 3.5%;
		margin-bottom: 4%;
	}
}
@media (max-width: 767px){
	.BoxW{
		padding-left: 4%;
		padding-right: 4%;
	}
	.otherBannner{
		height: 280px;
	}
	.ohterNav{
		width: 100%;
		position: relative;
		left: 0;
		float: left;
		margin-top: 0;
	}
	.ohterNav dl{
		position: relative;
		left: 0;
		float: none;
	}
	.ohterNav dl dd{
		float: none;
		width: 100%;
		border-bottom: solid 1px rgba(0,0,0,0.1);
	}
	.ohterNav dl dd h2{
		line-height: 46px;
		text-align: center;
		text-indent: 0;
	}
	.ohterNav dl dd h2:before{
		display: none;
	}
	.List.ListFour{
		margin-top: 20px;
	}

	.List.ListThree ul li{
		width: 48%;
		margin-left: 4%;
	}
	.List.ListThree ul li:nth-of-type(3n+1){
		margin-left: 4%;
	}
	.List.ListThree ul li:nth-of-type(2n+1){
		margin-left: 0;
	}
}

/*产品*/
.proList{
	border-top: solid 1px rgba(0,0,0,0.1);
	padding-top: 50px;
}
.proList ul li{
	width: 22%;
	float: left;
	margin-left: 4%;
	margin-bottom: 3%;
}
.proList ul li:nth-of-type(4n+1){
	margin-left: 0;
}
.proList ul li .imgs h2{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 6%;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
@media(max-width: 992px){
	.proList{
		border-top: solid 1px rgba(0,0,0,0.1);
		padding-top: 30px;
	}
	.proList ul li{
		width: 31%;
		margin-left: 3.5%;
		margin-bottom: 4%;
	}
	.proList ul li:nth-of-type(4n+1){
		margin-left: 3.5%;
	}
	.proList ul li:nth-of-type(3n+1){
		margin-left: 0;
	}
}

@media (max-width: 767px){
	.proList{
		border-top:none;
		padding-top: 0px;
	}
	.proList ul li{
		width: 48%;
		margin-left: 4%;
	}
	.proList ul li:nth-of-type(3n+1){
		margin-left: 4%;
	}
	.proList ul li:nth-of-type(2n+1){
		margin-left: 0;
	}
}

/*新闻*/
.newsBox{
	padding-bottom:25px;
}
.newsList ul li p{
	font-size: 15px;
	color: #333;
	padding-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 0.5px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.newsList ul li:hover p{
	color: #b7221b;
}
/*视频*/
.videoList ul li .imgs .more{
	background: url(../images/video.png) no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
}
.videoList ul li p{
	font-size: 15px;
	color: #333;
	padding-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 0.5px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.videoList ul li:hover p{
	color: #b7221b;
}


/*新闻详情*/
.news_detial_tl{
	font-size: 20px;
    text-align: center;
    margin-top: 60px;
    color: #000;
    margin-bottom: 14px;
}
.news_detial_date{
    text-align: center;
}
.news_detial_con{
	margin-top: 40px;
	margin-bottom: 80px;
	text-align: center;
}

/*导航调整<=992 平板*/
@media(max-width: 992px){
	/*新闻*/
	.newsList ul li p{
		font-size: 13px;
		padding-top: 10px;
	}
	.videoList ul li p{
		font-size: 13px;
		padding-top: 10px;
	}
}

/*销售网络*/
.networkBox{
	padding-bottom: 70px;
	background: url(../images/bgsr1.jpg) no-repeat;
	background-size: cover;
	padding-top: 180px;
}

.world{
	margin-top: 90px;
	position: relative;
}
.world li{
	position: absolute;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}
.world li:nth-of-type(2){
	z-index: 2;
}
.world li img{
	display: block;
	width: 100%;
}
.world li img:nth-of-type(2){
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.worldNet{
	background: #fff;
	position: absolute;
	box-shadow: 0 2px 2px rgba(255,255,255,0.3);
	padding: 8px 15px;
	opacity: 1;
	max-width: 220px;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.worldNet dt{
	font-size: 16px;
	color: #b7122b;
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.worldNet dd{
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin-right: 20px;
}

.world li:hover img:nth-of-type(2){
	display: block;
}

.networkBox > h3{
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: relative;
	letter-spacing: 1px;
	margin-top: 60px;
}
.networkBox > h3 img{
	display: block;
	position: absolute;
	width: 28px;
	left: 45%;
	top: -4px;
	margin-left: -110px;
}
html[lang="en"] .networkBox > h3{
	letter-spacing: 0;
}
html[lang="en"] .networkBox > h3 img{
	margin-left: -170px;
}
.world li:hover .worldNet{
	opacity: 1;
}
.world li:nth-of-type(1) .worldNet{
	left: 0;
	top: 40px;
}
.world li:nth-of-type(1):hover  .worldNet{
	left: 40px;
}
.world li:nth-of-type(2) .worldNet{
	left: -200px;
	top: 0;
}
.world li:nth-of-type(2):hover  .worldNet{
	left: -160px;
}
.world li:nth-of-type(3) .worldNet{
	left: 300px;
	top: 80px;
	width: 220px;
}
.world li:nth-of-type(3):hover  .worldNet{
	left: 280px;
}
.world li:nth-of-type(5) .worldNet{
	left: 0;
	top: 150px;
}
.world li:nth-of-type(5):hover  .worldNet{
	top: 130px;
}
.world li:nth-of-type(6) .worldNet{
	left: 0;
	top: 120px;
}
.world li:nth-of-type(6):hover  .worldNet{
	top: 100px;
}



.networkList{
	margin-top: 50px;
	display: none;
}
.networkList dl{
	background: rgba(255,255,255,0.8);
	padding: 8px 15px;
}
.networkList dl dt{
	font-size: 16px;
	color: #b7122b;
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.networkList dl dd{
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin-right: 20px;
}

/*导航调整<=992*/
@media(max-width: 992px){
	.worldNet{
		display: none;
	}
	.networkList{
		display: block;
	}
}
/*屏幕小于768 手机尺寸*/
@media(max-width: 767px){
	.networkBox{
		padding-top: 120px;
	}
	.world{
		margin-top: 30px;
	}
	.networkBox > h3{
		margin-top: 20px;
	}
}


/*人力资源*/
/*岗位发布*/
.resource{
	padding-top:80px;
	padding-bottom:70px;
	background-color:#eee;
	}
.total_res h1{
	color: #333;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
	margin-bottom:30px;
	}
.total_res h1:after{
    content: "";
    display: block;
    width: 46px;
    height: 4px;
    background-color: #ccc;
    border-radius: 20px;
    margin:auto;
    margin-top: 20px;
	}
html[lang="en"] .total_res h1{
	letter-spacing: 0;
}

.resource > p,
.resource .resource-intro{
	width: 65%;
	margin:auto;
	color:#666;
	font-size:13px;
	letter-spacing:0.6px;
	text-align:center;
	line-height:1.8;
	}
html[lang="en"] .resource > p{
	letter-spacing: 0;
}
.resource dl{
	width:65%;
	margin:auto;
	padding-top:60px;
	}
.resource dl dd{
	float:left;
	width:29%;
	margin-left:6.5%;
	cursor:default;
	}
.resource dl dd:nth-of-type(1){
	margin-left: 0;
}
.resource dl dd .img{
	width:100%;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	border-radius:50%;
	overflow:hidden;
	position:relative;
	z-index:9;
	}
.resource dl img{
	display:block;
	width:100%;
	-webkit-transition:all 0.8s;
	transition:all 0.8s;
	}
.resource dl h2{
	text-align:center;
	font-size:16px;
	letter-spacing:1px;
	margin-top:30px;
	color:#666;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	}
html[lang="en"] .resource dl h2{
	letter-spacing: 0;
}
.resource dl dd:hover h2{
	color:#b7221b;
	}
.resource dl dd:hover img{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	}

/*导航调整<=992*/
@media(max-width: 992px){
	.resource > p{
		width: 80%;
	}
	.resource dl{
		width: 80%;
	}
	.total_res h1{
    	font-size: 24px;
		margin-bottom:20px;
	}
	.total_res h1:after{
    	width: 46px;
    	height: 4px;
    	margin-top: 18px;
	}
}
/*屏幕小于768 手机尺寸*/
@media(max-width: 767px){
	.resource{
		padding-top: 40px;
	}
	.total_res h1{
		font-size: 18px;
	}
	.resource > p{
		width: 90%;
	}
	.resource dl{
		width: 90%;
	}
	.resource dl h2{
		font-size: 14px;
		margin-top: 14px;
	}
}


/*招聘信息*/
.relate_box{
	background:url(../images/bsecc4.jpg) no-repeat;
	background-size:cover;
	padding-top:80px;
	padding-bottom: 30px;
	}
.relateList ul li{
	position: relative;
}
.relateList ul li .imgs .more{
	background: url(../images/view.png) no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
}
.relateList ul li table.txts{
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
.relateList ul li table.txts tr td{
	width: 100%;
}
.relateList ul li table.txts h2{
	font-size: 18px;
	color: #FFF;
	letter-spacing: 1px;
	font-weight: bold;
}
.relateList ul li table.txts h3{
	font-size: 12px;
	color: #ddd;
	margin-top: 6px;
}
.relateList ul li table.txts h3 img{
	display: none;
}
.relateList ul li table.txts h4{
	font-size: 16px;
	color: #eee;
}
.relateList ul li table.txts h5{
	font-size: 15px;
	color: #eee;
}

/*屏幕小于768 手机尺寸*/
@media(max-width: 767px){
	/*招聘信息*/
	.relate_box{
		padding-top: 40px;
		    padding-bottom:0px;
	}
	.relateList ul li table.txts h2{
		font-size: 14px;
	}
	.relateList ul li table.txts h3{
		font-size: 10px;
		margin-top: 3px;
	}
	.relateList ul li table.txts h4{
		font-size: 12px;
	}
	.relateList ul li table.txts h5{
		font-size: 11px;
	}
}

.fixedBox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.fixedBoxClose{
	width: 8%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
}
.fixedBoxRight{
	background: #eee;
	position: absolute;
	width: 92%;
	height: 100%;
	padding: 5%;
	top: 0;
	right: -100%;
	overflow-x:hidden; 
	overflow-y: scroll;
}
.fixedBoxCloseBtn{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	background: #ddd;
	margin-top: -68px;
}
.fixedBoxCloseBtn img{
	display: block;
	margin:auto;
	width: 36px;
	padding: 50px 0;
}
.fixedBoxRight .top{
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.fixedBoxRight .top h1{
	font-size: 32px;
	color: #b7221b;
	line-height: 32px;
}
.fixedBoxRight .top h2{
	font-size: 14px;
	color: #999;
	position: relative;
	margin-top: 20px;
}
.fixedBoxRight .top h2 img{
	display: block;
	position: absolute;
	width: 20px;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -60px;
}

/*导航调整<=992*/
@media(max-width: 992px){
	.fixedBoxClose{
		width: 8%;
	}
	.fixedBoxRight{
		width: 92%;
		padding: 5%;
	}
	.fixedBoxRight .top h1{
		font-size: 25px;
		line-height: 25px;
	}
	.fixedBoxRight .top{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}
/*屏幕小于768 手机尺寸*/
@media(max-width: 767px){
	.fixedBoxClose{
		width: 14%;
	}
	.fixedBoxRight{
		width: 86%;
		padding: 5%;
	}
	.fixedBoxRight .top h1{
		font-size: 18px;
		line-height: 18px;
	}
	.fixedBoxRight .top{
		padding-bottom: 14px;
		margin-bottom: 14px;
	}
	.fixedBoxRight .top h2{
		margin-top: 10px;
	}
}

/*荣誉资质*/
.aboutHonor .top{
	position: absolute;
	border:none;
	left: 95%;
	top: 5%;
	text-align:left;
	white-space: nowrap;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.honorImg{
	width: 100%;
	height: 90%;
	position: absolute;
	left: 0;
	top: 5%;
}
.honorImg img{
	display: block;
	height: 100%;
	max-width: none;
	margin:auto;
}
@media(max-width: 767px){
	.aboutHonor .top{
		position: absolute;
		width: 100%;
		border:none;
		right: 0;
		top: 20%;
		margin-top: -40px;
	}
	.honorImg{
		height: 60%;
		top: 20%;
	}
}

/*产品弹窗*/
.proDetailTop{
	position: relative;
}
.proDetailImg{
	width: 45%;
	float: left;
}
.proDetailImg img{
	display: block;
	width: 100%;
}
.proDetailImg dl{
	position: absolute;
	bottom: 0;
	left: 50%;
}
.proDetailImg dl dd{
	width: 20%;
	float: left;
}
.proDetailImg dl dd.active{
	border:solid 1px #b7122b;
}
.proDetailIntro{
	width: 50%;
	float: right;
}
.proDetailIntro h3{
	font-size: 20px;
	color: #b7122b;
	letter-spacing: 1.2px;
	margin-bottom: 30px;
}
html[lang="en"] .proDetailIntro h3{
	letter-spacing: 0;
}
.proDetailIntro p{
	font-size: 14px;
	line-height: 26px;
}
.proDetailDes{
	margin-top: 50px;
}
.proDetailDes h3{
	font-size: 20px;
	color: #b7122b;
	letter-spacing: 1.2px;
	margin-bottom: 30px;
	border-bottom: solid 1px #ccc;
	padding-bottom: 14px;
	margin-top: 30px;
}
html[lang="en"] .proDetailDes h3{
	letter-spacing: 0;
}
.proDetailDes p{
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 24px;
	color: #555;
	margin-bottom: 16px;
}
.proDetailDes p strong{
	font-size: 15px;
	color: #222;
}
.proDetailDes table{
	width:100%;
	padding-bottom:30px;
	border-collapse: collapse;
	}
.proDetailDes table td{
	background-color:#7eb8d8;
	text-align:center;
	line-height:26px;
	color:#fff;
	border:1px solid #fff;
	}
.proDetailDes table tr:first-of-type td{
	background-color:#4a9bc7;
	}

@media(max-width: 767px){
	.proDetailImg{
		width: 100%;
	}
	.proDetailImg dl{
		position: static;
		margin-top: 20px;
	}
	.proDetailIntro{
		width: 100%;
		margin-top: 30px;
	}
	.proDetailIntro h3{
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 14px;
	}
	.proDetailIntro p{
		font-size: 12px;
		line-height: 20px;
	}
	.proDetailDes{
		margin-top: 20px;
	}
	.proDetailDes h3{
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 14px;
		padding-bottom: 6px;
		margin-top: 14px;
	}
	.proDetailDes p{
		font-size: 12px;
		letter-spacing: 0;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.proDetailDes p strong{
		font-size: 12px;
	}
}

/*人才招聘弹窗*/
.relateDetailTxt{
	width: 50%;
	float: left;
}
.relateDetailTxt h6{
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
	margin-top: 20px;
}
.relateDetailTxt h6:nth-of-type(1){
	margin-top: 0;
}
.relateDetailTxt p{
	font-size: 13px;
	color: #666;
	line-height: 28px;
}
.relateDetailForm{
	width: 50%;
	padding-left: 5%;
	border-left: 1px dashed #ddd;
	float: right;
}
.relateDetailForm h6{
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
	text-align: center;
}
.relateDetailForm table{
	width: 100%;
	border-collapse: collapse;
}
.relateDetailForm input{
	background: #fff;
	display: block;
	width: 100%;
	padding: 4px 10px;
}
.relateDetailForm table tr td{
	font-size: 16px;
	letter-spacing: 2px;
	vertical-align: top;
	line-height: 28px;
	padding-bottom: 20px;
	white-space: nowrap;
}
html[lang="en"] .relateDetailForm table tr td{
	letter-spacing: 0;
}
.relateDetailForm table tr td:nth-of-type(3){
	padding-left: 20px;
}
.relateDetailForm textarea{
	width: 100%;
	background: #fff;
	line-height: 20px;
	height: 120px;
}
.relateDetailForm input[type="submit"]{
	width: 120px;
	float: right;
	background: #b7221b;
	color: #fff;
	line-height: 30px;
	border-radius: 3px;
}

@media(max-width: 992px){
	.relateDetailTxt{
		width: 100%;
	}
	.relateDetailForm{
		width: 100%;
		padding: 0;
		border: none;
		margin-top: 40px;
	}
}
@media(max-width: 767px){
	.relateDetailTxt h6{
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 14px;
	}
	.relateDetailTxt p{
		font-size: 12px;
		line-height: 22px;
	}
	.relateDetailForm h6{
		font-size: 14px;
		margin-bottom: 12px;
	}
	.relateDetailForm table tr td{
		width: 100%;
		font-size: 12px;
		letter-spacing: 1px;
		padding-bottom: 2px;
		float: left;
	}
	.relateDetailForm table tr td:nth-of-type(3){
		padding-left: 0;
	}
	.relateDetailForm table tr td:nth-of-type(2n+1){
		padding-bottom: 0;
	}
	.relateDetailForm input[type="submit"]{
		line-height: 24px;
	}
}

/*公司环境*/
.con_hj{
	padding:50px 7.5%;
	}
.con_hj .left{
	width:48%;
	float:left;
	}
.con_hj .left img{
	display:block;
	width:100%;
	}
.con_hj .right{
	width:48%;
	float:right;
	}
.con_hj .right h6{
	font-size:34px;
	color:#b7221b;
	text-transform:uppercase;
	font-style:italic;
	margin-top:0px;
	}
.con_hj .right h1{
    font-size: 30px;
    text-align: center;
    position: relative;
	margin-top:30px;
	text-align:left;
	color:#333;
	letter-spacing:2.5px;
	}
.con_hj .right p{
	font-size:15px; line-height:30px;
	margin-top:30px;
	}
.con_hj .right .more{
	width:110px;
	height:32px; line-height:32px;
	border:1px solid #666;
	box-sizing:border-box;
	margin-top:35px;
	position:relative;
	}
.con_hj .right .more b{
	width:0;
	height:32px;
	background-color:#b7221b;
	-webkit-transition:all .5s;
	transition:all .5s;
	display:block;
	}
.con_hj .right .more h2{
	line-height:30px;
	text-align:center;
	color:#666;
	width:100%;
	letter-spacing:1px;
	font-size:13px;
	-webkit-transition:all .5s;
	transition:all .5s;
	position:absolute;
	}
.con_hj .right .more:hover b{
	width:100%;
	}
.con_hj .right .more:hover h2{
	color:#fff;
	}

/*公司环境图集*/
.hjimgBox{
	width: 100%;
}
.hjimgBox ul li{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.hjimgBox ul li dd{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.hjimgBox ul li dd img{
	display: block;
	width: 100%;
}
.hjimgBox ul li dd .txt{
	width: 20%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
}
.hjimgBox ul li dd .txt p{
	text-align: center;
	color: #fff;
	font-size: 28px;
	width: 28px;
	line-height: 34px;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top: 50%;
	margin-top: -119px;
}
html[lang="en"] .hjimgBox ul li dd .txt p{
	width: auto;
	white-space: nowrap;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	left: 50%;
	top: 50%;
	margin-left: 17px;
	margin-top: -50%;
}
.hjimgBox ul li .btn{
	position:absolute;
	right:0;
	bottom:0;
	width:20%;
	background-color:#302925;
	}
.hjimgBox ul li .btn .lbtn{
	float:left;
	width:50%;
	height:38px;
	margin:auto;
	border-right:1px solid #555;
	box-sizing:border-box;
	}
.hjimgBox ul li .btn .rbtn{
	float:right;
	width:50%;
	height:38px;
	margin:auto;
	}
.hjimgBox ul li .btn .lbtn span{
	display:block;
	width:30px;
	height:30px;
	background:url(../images/btn_l.png) no-repeat;
	margin:4px auto;
	opacity:0.7;
	}
.hjimgBox ul li .btn .rbtn span{
	display:block;
	width:30px;
	height:30px;
	background:url(../images/btn_r.png) no-repeat;
	margin:4px auto;
	opacity:0.7;
	}
.hjimgBox ul li .btn .lbtn:hover span{
	background:url(../images/btn_l2.png) no-repeat;
	}
.hjimgBox ul li .btn .rbtn:hover span{
	background:url(../images/btn_r2.png) no-repeat;
	}

.hjimgBox ul li:nth-of-type(even) dd .txt{
	left: 0;
}
.hjimgBox ul li:nth-of-type(even) .btn{
	left: 0;
}

/*导航调整<=992*/
@media(max-width: 992px){
	.con_hj .left{
		width: 100%;
	}
	.con_hj .right{
		width: 100%;
	}
	.hjimgBox ul li .btn,.hjimgBox ul li dd .txt{
		width: 30%;
	}
}
/*屏幕小于768 手机尺寸*/
@media(max-width: 767px){
	.con_hj{
		padding:10px 5%;
	}
	.con_hj .right h6{
		font-size: 20px;
		margin-top: 20px;
	}
	.con_hj .right h1{
		font-size: 18px;
		margin-bottom:15px;
		margin-top:15px;
	}
	.hjimgBox{
		margin-top: 62px;
	}
	.hjimgBox ul li .btn,.hjimgBox ul li dd .txt{
		width: 36%;
	}
	.hjimgBox ul li dd .txt p{
		width: 16px;
		font-size: 14px;
		margin-left: -8px;
		line-height: 18px;
		margin-top: -84px; 
	}
}



/*联系我们*/
.contactBox{
	width: 100%;
	height: 100%;
}
.mapBox{
	width: 100%;
	height: 100%;
	position: relative;
}
#dituContent{
	width: 100%;
	height: 100%;
}
.contactIntro{
	position:absolute;
	left:2%;
	top:34%;
	padding:35px;
	background:rgba(255,255,255,0.9);
	z-index:99;
	box-shadow:0 0px 5px rgba(0,0,0,0.18);
	cursor: default;
	}
.contactIntro h2{
	line-height:32px;
	font-size:16px;
	color:#b7221b;
	font-weight:bold;
	letter-spacing:1px;
	}
html[lang="en"] .contactIntro h2{
	letter-spacing: 0;
}
.contactIntro p{
	line-height:32px;
	font-size:13px;
	color:#333;
	}

.message{
	position:absolute;
	width: 40%;
	z-index: 99;
	right:0;
	bottom:40px;
	padding:15px 20px 40px 20px;
	background-color:rgba(255,255,255,0.95);
	box-shadow:0 0px 5px rgba(0,0,0,0.18);
	cursor: default;
}
.message h2{
	margin-top:30px;
	font-size:26px;
	color:#333;
	letter-spacing:2px;
	text-align:center;
}
.message p{
	margin-top:20px;
	font-size:12px;
	text-align:center;
	margin-bottom:30px;
	}
.message input{
	width: 46%;
	border: 0px none;
	outline: none;
	padding:0 5px;
	line-height: 32px;
	margin:8px 0;
	margin-left: 8%;
	color:#999;
	float:left;
	border-bottom:1px solid #eee;
}
.message input:nth-of-type(odd){
	margin-left:0;
}
.message textarea{
	width:100%;
	display: block;
	height: 150px;
	border: 0px none;
	background:#eee;
	color:#666;
	font-size:12px;
	padding:5px;
	margin:8px 0;
	margin-top:20px;
}
.message input[type="submit"]{
	float: none;
	display:block;
	width: 26%;
	margin:auto;
	color: #FFF;
	background: #b7221b;
	margin-top:30px;
	border:none;
}



/*导航调整<=992 平板*/
@media(max-width: 992px){
	/*联系我们*/
	.contactBox{
		height: auto;
	}
	.contactBox{
		height: auto;
	}
	.mapBox{
		height: 500px;
		overflow: hidden;
	}
	.message{
		position: static;
		width: 100%;
	}
	.fixedfooter{
		position: static;
	}
}

/*手机*/
@media(max-width: 768px){
	/*联系我们*/
	.message h2{
		font-size:18px;
	}
	.message p{
		margin-top:14px;
		margin-bottom:24px;
	}
	.contactIntro{
		padding: 10px;
	}
	.message input[type="submit"]{
		width: 50%;
	}
	
	
.indexAbout ul > a{
	display: inline-block;
	width: 100%;
	height:22%;
	vertical-align: top;
}

	
	
  .indexAbout ul li:after{
                  content:"";
                  position:absolute;
                  left:0;
                  top:0;
                  width:100%;
                  height:100%;
                  background:linear-gradient(to bottom, rgba(8,49,82,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.3) 75%, rgba(0,0,0,.6) 100%);
                  z-index:1;
                  pointer-events:none;
            }
	

}

/* 移动端底部导航：仅 ≤768px */
.mFootNav{
	display: none;
}
@media (max-width: 768px){
	/* 导航始终固定在顶部（覆盖内联 absolute） */
	.navBox{
		position: fixed !important;
		top: 0 !important;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10001;
	}
	/* 顶部 logo 固定用 logo.png */
	.navBox .logo .logo-b,
	.navBox.nobg .logo .logo-b,
	.navBox.nobg:hover .logo .logo-b{
		display: none !important;
	}
	.navBox .logo .logo-a,
	.navBox.nobg .logo .logo-a,
	.navBox.nobg:hover .logo .logo-a{
		display: block !important;
	}
	.mFootNav{
		display: -webkit-flex;
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000;
		width: 100%;
		height: 54px; font-size:14px;
		background: #fff;
		border-top: 2px solid #4a9bc7;
		box-sizing: border-box;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	.mFootNav a{
		-webkit-flex: 1;
		flex: 1;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		text-decoration: none;
		color: #777;
		font-size: 11px;
		line-height: 1.2;
		padding: 4px 2px 6px;
		box-sizing: border-box;
	}
	.mFootNav a span{
		display: block;
		margin-top: 0px;font-size: 14px;
        line-height: 20px;
		white-space: nowrap;
	}
	.mFootNav a.active,
	.mFootNav a:active{
		color: #4a9bc7;
	}
	.mFootNav .mfn-ico{
		display: block;
		width: 24px;
		height: 24px;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		background-color: currentColor;
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
	}
	.mFootNav .mfn-home{
		-webkit-mask-image: url(../images/home-line.svg);
		mask-image: url(../images/home-line.svg);
	}
	.mFootNav .mfn-about{
		-webkit-mask-image: url(../images/jj.svg);
		mask-image: url(../images/jj.svg);
	}
	.mFootNav .mfn-pro{
		-webkit-mask-image: url(../images/cp.svg);
		mask-image: url(../images/cp.svg);
	}
	.mFootNav .mfn-contact{
		-webkit-mask-image: url(../images/dh.svg);
		mask-image: url(../images/dh.svg);
	}
	body{
		padding-bottom: 54px;
		box-sizing: border-box;
	}
	.backTop{
		bottom: 70px;
	}
	
	
	.indexPro .pro-info p{ color:#FFFFFF; font-size:14px; padding-bottom:0px; line-height:22px;
	text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}

.indexPro .pro-pager-track{
	position: absolute;
	left: 0;
	right: 0;
	top:0px;
	height: 2px;
	background: rgba(255,255,255,.35);
}



/* 1. 正文基础字号 15px */
.AboutBox .aboutIntro,
.AboutBox .aboutIntro p,
.AboutBox .speech,
.AboutBox .speech p,
.AboutBox .aboutTwo p,
.AboutBox .culture ul li h3,
.AboutBox .historything ul li p,
.AboutBox .Organize,
.AboutBox .Organize p{
	font-size: 14px !important;
	line-height: 1.5;
}

.aboutTwo{
	padding-top: 50px;
	padding-bottom: 20px;
}



.aboutThree{
	background:url(../images/bh2.jpg) no-repeat center center;
	padding:50px 0;
	height:600px;
}

.Organize img{ height:auto!important; width:100%;}

.relate_box .jobList ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 3%;
	margin: 0;
	padding: 0;
	list-style: none;
}


.resource > p,
.resource .resource-intro{
	width: 95%;
	margin:auto;
	color:#666;
	font-size:13px;
	letter-spacing:0px;
	text-align:center;
	line-height:1.5;
	}
}