/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */ {
    font: 14px/1.0 "Arial","Microsoft YaHei","黑体","宋体","KaiTi",sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400;}
address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover { text-decoration: none; cursor: pointer; }

sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; outline: none;} /* 使得表单元素在 ie 下能继承字体大小 */
button, input[type="button"] { cursor: pointer;-webkit-appearance: none;}
input::-ms-clear{display:none;}/*隐藏文本框叉子*/
input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;
  	image-rendering: crisp-edges;
}

html{
	font-size: 100px;
}
body{
	overflow-x: hidden;
	background-color: #fff;
}
.clear_both::after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.w1200{
	width: 1200px;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}
.w92{
	width: 92%;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}


.swiper-button-prev,
.swiper-button-next{
	margin-top: -23px;
	outline: none;
	width: 55px;
	height: 45px;
	background-size: 54%;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}
.swiper-button-prev{
	left: -28px;
	background-color: #717174;
	background-image: url(../img/tb23.png);
	background-position: right center;
}
.swiper-button-next{
	right: -28px;
	background-color: #717174;
	background-image: url(../img/tb22.png);
	background-position: left center;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	display: none;
}


.head_box{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	box-sizing: border-box;
	padding: 0 4%;
	height: 110px;
	background-color: rgba(43,40,40,0);
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.5s ease;
}
.head_box .logo_a{
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 78px;
	height: 100%;
	background-image: url(../img/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.head_box .nav_p{
	display: flex;
}
.head_box .nav_p a{
	font-size: 16px;
	padding-left: 14px;
	background-image: url(../img/tb1.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-right: 48px;
	color: #fff;
	transition: all 0.5s ease;
}
.head_box .nav_p a.active{
	background-image: url(../img/tb2.png);
	color: #ff6600;
	font-weight: bold;
}
.head_box .nav_p a.on{
	background-image: url(../img/tb2.png);
	color: #ff6600;
	font-weight: bold;
}
.head_box .gn_div{
	display: flex;
}
.head_box .gn_div form{
	width: 50px;
	height: 50px;
	position: relative;
	margin-right: 26px;
}
.head_box .gn_div form input{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #fff;
	padding: 0 12px;
	background: none;
	border-radius: 25px;
	color: rgba(255,255,255,0);
	font-size: 14px;
	transition: all 0.5s ease;
}
.head_box .gn_div form button{
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	background-image: url(../img/tb3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px;
}

.head_box .gn_div .menu_dl{
	position: relative;
	z-index: 6;
	display: flex;
    width: 50px;
    height: 50px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #fff;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.5s ease;
}
.head_box .gn_div .menu_dl dt{
	width: 20px;
	font-size: 0;
	text-align: right;
}
.head_box .gn_div .menu_dl dt i{
	display: inline-block;
	vertical-align: top;
	width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 2px 0;
    transition: all 0.5s ease;
}
.head_box .gn_div .menu_active{
	
}
.head_box .gn_div .menu_active dt i:nth-of-type(1){
	transform: rotate(45deg) translate(4.5px, 4px);
}
.head_box .gn_div .menu_active dt i:nth-of-type(2){
	opacity: 0;
}
.head_box .gn_div .menu_active dt i:nth-of-type(3){
	transform: rotate(-45deg) translate(4.5px, -4px);
}

.head_box .nav_div{
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	width: 50%;
	height: 100vh;
	background-color: rgba(43,40,40,0.9);
	display: none;
}
.head_box .nav_div a{
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 0 8% 0 40px;
	transition: all 0.5s ease;
}
.head_box .nav_div a.active{
	background-color: #ff6600;
}
.head_box .nav_div a.on{
	background-color: #ff6600;
}
.head_box .nav_div a:first-of-type{
	margin-top: 110px;
}
.head_box .nav_div a:last-of-type{
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.head_box .nav_div a::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 34px;
	height: 1px;
	background-color: #fff;
	margin-right: 20px;
	margin-top: -2px;
}
.head_box .nav_div a::after{
	content: "+";
	float: right;
	width: 50px;
	text-align: center;
	font-size: 20px;
}

.headb_box{
	height: 90px;
	background-color: rgba(43,40,40,0.9);
}
.headb_box .nav_div a:first-of-type{
	margin-top: 90px;
}


.crumb_div{
	position: absolute;
	left: 4%;
	bottom: 84px;
	color: #333;
	background: url(../img/tb5.png) no-repeat left top
}
.crumb_div a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin: 0 8px;
	transition: all 0.5s ease;
}
.crumb_div a:first-of-type{
	 
	height: 13px;
	     
	margin-left: 20px;
}
.crumbs_div{
	color: #fff;
	bottom: 158px;
}
.crumbs_div a{
	color: #fff;
}


.banner_box{
	height: 31vw;
	background-size: cover;
	background-position: center;
	position: relative;
}
.banner_box .menu_div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	line-height: 56px;
	border-top: 1px solid rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,0.4);
	font-size: 0;
}
.banner_box .menu_div a{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	font-size: 16px;
	margin-right: 54px;
	position: relative;
	transition: all 0.5s ease;
}
.banner_box .menu_div a:last-of-type{
	margin-right: 0;
}
.banner_box .menu_div a::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 0;
	left: 50%;
	bottom: 44px;
	margin-left: -1px;
	background-color: #ff6600;
	transition: all 0.5s ease;
}
.banner_box .menu_div a.active{
	font-weight: bold;
}
.banner_box .menu_div a.active::before{
	opacity: 1;
	height: 32px;
}
.banner_box .menu_div a.on{
	font-weight: bold;
}
.banner_box .menu_div a.on::before{
	opacity: 1;
	height: 32px;
}

.foot_box{
	padding: 70px 4% 50px;
	background-color: #28282b;
}
.foot_box dl{
	display: flex;
	justify-content: space-between;
}
.foot_box dt{
	display: flex;
}
.foot_box dt p{
	padding-left: 34px;
	border-left: 1px solid #5e5e60;
	margin-right: 60px;
}
.foot_box dt p a{
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 1.6;
	margin-top: 14px;
	transition: all 0.5s ease;
}
.foot_box dt p>a:first-of-type{
	font-size: 18px;
	color: #fff;
	margin-top: 0;
}
.foot_box dt p em{
	display: flex;
}
.foot_box dt p em span{
	margin-right: 26px;
}
.foot_box dt p em span:last-of-type{
	margin-right: 0;
}
.foot_box dt p:nth-of-type(4){
	margin-right: 0;
}
.foot_box dt p:nth-of-type(4) a{
	font-size: 18px;
	color: #fff;
}
.foot_box dd{
	display: flex;
	padding-left: 34px;
    border-left: 1px solid #ff6600;
}
.foot_box dd h6{
	
}
.foot_box dd h6 p{
	line-height: 1.6;
	margin-bottom: 25px;
	padding-left: 48px;
	background-image: url(../img/tb6.png);
	background-size: 27px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.foot_box dd h6 p:nth-of-type(2){
	background-image: url(../img/tb7.png);
}
.foot_box dd h6 p:nth-of-type(3){
	background-image: url(../img/tb8.png);
}
.foot_box dd h6 p:last-of-type{
	margin-bottom: 0;
}
.foot_box dd h6 p strong{
	display: block;
	font-size: 16px;
	color: #999;
}
.foot_box dd h6 p span{
	display: block;
	font-size: 14px;
	color: #fff;
}
.foot_box dd em{
	margin-left: 120px;
}
.foot_box dd em img{
	width: 123px;
}
.foot_box dd em small{
	display: block;
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-top: 10px;
}
.foot_box .h5{
	margin-top: 56px;
	text-align: center;
	font-size: 12px;
	color: #999;
}
.foot_box .h5 a{
	color: #999;
	margin-left: 5px;
}


.title_h5{
	font-size: 30px;
	margin-bottom: 46px;
}
.title_h5::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	margin-top: -2px;
	width: 138px;
	height: 2px;
	background-color: #ff6600;
}


.pd{
	padding: 60px 0;
}



.news_box{

}
.news_box .a1{
	display: flex;
	align-items: flex-start;
	position: relative;
}
.news_box .a1 em{
	flex-shrink: 0;
	width: 40%;
	height: 290px;
	overflow: hidden;
}
.news_box .a1 em i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.news_box .a1 div{
	flex-shrink: 0;
	width: calc(60% - 40px);
	box-sizing: border-box;
	margin-left: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #7a8cb2;
	padding: 20px 0 30px;
}
.news_box .a1 div span{
	display: block;
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
}
.news_box .a1 div span::after{
	content: '';
	display: block;
	width: 126px;
	height: 1px;
	background-color: #ff6600;
	margin-top: 14px;
	transform: translateX(-60%);
}
.news_box .a1 div h6{
	font-size: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 26px;
	transition: all 0.5s ease;
}
.news_box .a1 div p{
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	height: 66px;
	overflow: hidden;
}
.news_box .a1 small{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
	color: #666;
	padding-bottom: 18px;
	line-height: 17px;
	border-bottom: 1px solid #ccc;
	transition: all 0.5s ease;
}
.news_box .a1 small::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	width: 32px;
	height: 17px;
	background-image: url(../img/tb21.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}

.news_box ul.list{
	
}
.news_box ul.list a{
	display: block;
	margin-top: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #7a8cb2;
	padding: 20px 140px 30px 0;
	position: relative;
}
.news_box ul.list a span{
	display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}
.news_box ul.list a span.highlight{
	display: inline; 
    color: #f00;
	font-size:24px
}
.news_box ul.list a span.highlight::before{
	content: '';
    display: inline-block;
	vertical-align: middle;  
}
.news_box ul.list a span::before{
	content: '';
    display: inline-block;
	vertical-align: middle; 
}
.news_box ul.list a h6{
	font-size: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
	transition: all 0.5s ease;
}
.news_box ul.list a p{
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_box ul.list a small{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #666;
	line-height: 17px;
	transition: all 0.5s ease;
}
.news_box ul.list a small::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	width: 32px;
	height: 17px;
	background-image: url(../img/tb21.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}

.more_a{
	display: block;
	width: 200px;
	height: 44px;
	background-color: #ff6600;
	color: #fff;
	text-align: center;
	line-height: 44px;
	border-radius: 22px;
	margin: 40px auto 0;
	font-size: 16px;
}

.more_a a{color:#fff}

.newsInfo_box{

}
.newsInfo_box .div1{
	position: relative;
	height: 380px;
	background-size: cover;
	background-position: center;
}
.newsInfo_box .div1 .crumb_div{
	bottom: 130px;
	color: #fff;
	background: url(../img/tb5.png) no-repeat left top;
}
.newsInfo_box .div1 .crumb_div a{
	color: #fff;
}
.newsInfo_box .div1 h6{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.5);
}
.newsInfo_box .div1 h6::before{
	content: "";
    position: absolute;
    width: 2px;
    height: 32px;
    left: 50%;
    top: -17px;
    margin-left: -1px;
    background-color: #ff6600;
    transition: all 0.5s ease;
}
.newsInfo_box .div1 h6 span{
	display: block;
	font-size: 16px;
	margin-bottom: 18px;
}
.newsInfo_box .div1 h6 strong{
	font-weight: normal;
	font-size: 30px;
}

.newsInfo_box .div2{

}
.newsInfo_box .div2 p{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 0.2rem;
	color: #666;
}
.newsInfo_box .div2 p:last-of-type{
	margin-bottom: 0;
}
.newsInfo_box .div2 img{
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.newsInfo_box .div2 .fh_a{
	display: block;
    width: 200px;
    height: 44px;
    background-color: #ff6600;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: 22px;
    margin: 40px auto 0;
    font-size: 16px;
}
.newsInfo_box .div2 .fh_a::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 17px;
	background-image: url(../img/tb22.png);
	background-size: 100% 100%;
	margin-top: -2px;
	margin-right: 15px;
	transition: all 0.5s ease;
}



.case_box{

}
.case_box .div1{
	margin-top: -30px;
}
.case_box .div1 a{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 30px;
	background-color: #f5f8ff;
	transition: all 0.5s ease;
}
.case_box .div1 li:nth-of-type(3n) a{
	margin-right: 0;
}
.case_box .div1 a em{
	display: block;
	padding-bottom: 66%;
	overflow: hidden;
	position: relative;
}
.case_box .div1 a em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.case_box .div1 a div{
	padding: 36px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.case_box .div1 a div::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 64px;
	background-color: #ff6600;
	left: 16px;
	top: 38px;
	transition: all 0.5s ease;
}
.case_box .div1 a div h6{
	flex-shrink: 0;
	width: calc(100% - 100px);
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 16px;
	position: relative;
}
.case_box .div1 a div span{
	flex-shrink: 0;
	width: 100px;
	text-align: right;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	transition: all 0.5s ease;
}



.caseInfo_box{

}
.caseInfo_box .div1{
	position: relative;
}
.caseInfo_box .swiper-slide img{
	width: 100%;
}
.caseInfo_box .div2{
	padding: 76px 70px 64px;
	background-color: #f5f8ff;
	position: relative;
}
.caseInfo_box .div2::after{
	content: "";
	position: absolute;
	top: 46px;
	left: -10px;
	width: 138px;
	height: 2px;
	background-color: #ff6600;
}
.caseInfo_box .div2 h6{
	font-size: 30px;
	margin-bottom: 36px;
}
.caseInfo_box .div2 p{
	font-size: 16px;
	line-height: 1.6;
}



.product_box{

}
.product_box .div1{
	margin-top: -30px;
}
.product_box .div1 a{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-top: 30px;
	background-color: #f5f8ff;
	transition: all 0.5s ease;
}
.product_box .div1 li:nth-of-type(2n) a{
	margin-right: 0;
}
.product_box .div1 a em{
	display: block;
	padding-bottom: 80%;
	overflow: hidden;
	position: relative;
}
.product_box .div1 a em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.product_box .div1 a dl{
	padding: 0 32px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.product_box .div1 a dl::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background-color: #ff6600;
    left: 32px;
    top: 0;
    transition: all 0.5s ease;
}
.product_box .div1 a dl dt{
	flex-shrink: 0;
    width: calc(100% - 100px);
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 16px;
}
.product_box .div1 a dl dt h6{
	font-size: 20px;
	margin-bottom: 14px;
}
.product_box .div1 a dl dt p{
	font-size: 12px;
	line-height: 1.6;
}
.product_box .div1 a dl dd{
	flex-shrink: 0;
    width: 100px;
    text-align: right;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    transition: all 0.5s ease;
}



.productInfo_box{

}
.productInfo_box .div1{
	height: 100vh;
	background-size: cover;
	background-position: center;
	position: relative;
}
.productInfo_box .div1 .crumb_div{
	bottom: 50px;
}
.productInfo_box .div1 dl{
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.productInfo_box .div1 dl dt{
	flex-shrink: 0;
	width: 35%;
	position: relative;
	padding-left: 20px;
}
.productInfo_box .div1 dl dt::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 138px;
	background-color: #ff6600;
	top: 0;
	left: 0;
}
.productInfo_box .div1 dl dt h5{
	font-size: 30px;
	margin-bottom: 50px;
}
.productInfo_box .div1 dl dt h6{
	font-size: 24px;
	line-height: 1.6;
}
.productInfo_box .div1 dl dt p{
	font-size: 16px;
	line-height: 1.6;
}
.productInfo_box .div1 dl dd{
	flex-shrink: 0;
	width: 60%;
}
.productInfo_box .div1 dl dd img{
	width: 100%;
}

.productInfo_box .div2{

}
.productInfo_box .diva{
	display: flex;
	min-height: 400px;
	background-color: #f5f8ff;
}
.productInfo_box .diva dt{
	flex-shrink: 0;
	width: 50%;
	background-size: cover;
	background-position: center;
}
.productInfo_box .diva dd{
	flex-shrink: 0;
	width: 50%;
	box-sizing: border-box;
	padding: 60px 50px;
}
.productInfo_box .diva dd h6{
	font-size: 24px;
	margin-bottom: 24px;
	position: relative;
}
.productInfo_box .diva dd h6::before{
	content: "";
    position: absolute;
	right: 104%;
    top: 50%;
    width: 72px;
    height: 1px;
    background-color: #ff6600;
}
.productInfo_box .diva dd div{
	
}
.productInfo_box .diva dd div p{
	font-size: 14px;
	display: flex;
	line-height: 1.4;
	margin-bottom: 10px;
}
.productInfo_box .diva dd div p:last-of-type{
	margin-bottom: 0;
}
.productInfo_box .diva dd div strong{
	white-space: nowrap;
}

.productInfo_box .divb{
	margin-top: 40px;
}
.productInfo_box .divb h6{
	font-size: 24px;
	margin-bottom: 24px;
	position: relative;
}
.productInfo_box .divb h6::after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    margin-top: -2px;
    width: 72px;
    height: 1px;
    background-color: #ff6600;
}
.productInfo_box .divb .table_div{
	overflow-x: auto;
}
.productInfo_box .divb table{
	width: 100%;
	text-align: left;
	background-color: #e8ebf2;
}
.productInfo_box .divb table tr{
	height: 68px;
}
.productInfo_box .divb table tr:nth-of-type(2n){
	background-color: #f5f8ff;
}
.productInfo_box .divb table th{
	padding-left: 30px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	background-color: #929baf;
}
.productInfo_box .divb table td{
	padding-left: 30px;
	text-align: left;
	font-size: 14px;
}
.productInfo_box .divb p{
	font-size: 16px;
	color: #666;
	margin-top: 24px;
} 

.productInfo_box .divc{
	margin-top: 40px;
}
.productInfo_box .divc img{
	width: 100%;
}



.recruit_box{

}
.recruit_box .div1{
	
}
.recruit_box .div1 li{
	margin-bottom: 10px;
}
.recruit_box .div1 li:last-of-type{
	margin-bottom: 0;
}
.recruit_box .div1 li h5{
	height: 100px;
	display: flex;
	align-items: center;
	background-color: #d7dce8;
	padding: 0 31px;
	font-size: 16px;
	position: relative;
	transition: all 0.5s ease;
}
.recruit_box .div1 li h5 span{
	flex-shrink: 0;
	width: 30%;
}
.recruit_box .div1 li h5 i{
	position: absolute;
	right: 31px;
	top: 50%;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(../img/tb17.png);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.5s ease;
}
.recruit_box .div1 li dl{
	border: 1px solid #d7dce8;
	padding: 30px;
	font-size: 0;
	display: none;
}
.recruit_box .div1 li dl dd{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 4%;
	font-size: 16px;
	line-height: 1.6;
	color: #666;
}
.recruit_box .div1 li dl dd:last-of-type{
	margin-right: 0;
}
.recruit_box .div1 li dl dd strong{
	display: block;
	margin-bottom: 16px;
}
.recruit_box .div1 li.active h5 i{
	transform: rotate(-180deg);
}
.recruit_box .div1 li.active h5{
	background-color: #ff6600;
	color: #fff;
}



.mao_box{
	position: relative;
	width: 100%;
	height: 30vw;
	margin-top: -50px;
}
.mao_box #map{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.contact_box{
	background-color: #f5f8ff;
	position: relative;
	margin-top: -120px;
	z-index: 3;
}
.contact_box::before{
	content: "";
	position: absolute;
	width: 50vw;
	height: 100%;
	top: 0;
	left: 0;
	transform: translateX(-50%);
	background-color: #f5f8ff;
}
.contact_box .div1{
	display: flex;
}
.contact_box .div1 dt{
	flex-shrink: 0;
	width: 65%;
	box-sizing: border-box;
	padding: 54px 70px 54px 38px;
	position: relative;
}
.contact_box .div1 dt::before{
	content: "";
	position: absolute;
	left: 0;
	top: -14px;
	width: 1px;
	height: 88px;
	background-color: #ff6600;
}
.contact_box .div1 dt h5{
	font-size: 30px;
	line-height: 1.6;
}
.contact_box .div1 dt h6{
	font-size: 24px;
	margin: 12px 0;
}
.contact_box .div1 dt p{
	font-size: 18px;
	color: #666;
}
.contact_box .div1 dt ul{
	position: relative;
	margin-top: 44px;
}
.contact_box .div1 dt ul::before{
	content: "";
	position: absolute;
	left: -37px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ff6600;
}
.contact_box .div1 dt ul li{
	display: flex;
	margin-top: 24px;
	padding-left: 48px;
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: 0 3px;
}
.contact_box .div1 dt ul li:nth-of-type(1){
	background-image: url(../img/tb11.png);
}
.contact_box .div1 dt ul li:nth-of-type(2){
	background-image: url(../img/tb12.png);
}
.contact_box .div1 dt ul li:nth-of-type(3){
	background-image: url(../img/tb13.png);
}
.contact_box .div1 dt ul li p{
	line-height: 1.6;
	margin-right: 40px;
}
.contact_box .div1 dt ul li p span{
	display: block;
	font-size: 16px;
}
.contact_box .div1 dt ul li p em{
	display: block;
	font-size: 14px;
}
.contact_box .div1 dt ul li:last-of-type{
	position: absolute;
	margin-top: 0;
	display: block;
	top: 0;
	right: 0;
}
.contact_box .div1 dt ul li img{
	width: 123px;
}
.contact_box .div1 dt ul li small{
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 14px;
	color: #666;
}

.contact_box .div1 dd{
	flex-shrink: 0;
	width: 35%;
	border-right: 3px solid #ff6600;
	background-color: #d8e1f5;
	box-sizing: border-box;
	padding: 54px 68px;
}
.contact_box .div1 dd h5{
	font-size: 30px;
	line-height: 1.6;
	text-align: right;
	color: #666;
}
.contact_box .div1 dd img{
	width: 100%;
	margin-top: 28px;
}



.mCustomScrollBox{
	padding-right: 30px;
}
.mCSB_inside>.mCSB_container{
	margin-right: 0;
}
.mCSB_scrollTools{
	width: 4px;
	right: 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background: #e3dfdc;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #ff6600 !important;
	width: 4px;
}



.about_box{

}
.about_box .h5{
	position: relative;
	padding-bottom: 14px;
	width: 200px;
}
.about_box .h5 span{
	display: block;
	font-size: 30px;
}
.about_box .h5 small{
	display: block;
	font-size: 30px;
	margin-top: 14px;
	color: #666;
	line-height: 1.2;
	text-transform: uppercase;
}
.about_box .h5::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 138px;
	height: 2px;
	background-color: #ff6600;
}

.about_box .div1{
	display: flex;
	justify-content: space-between;
}
.about_box .div1 .divl{
	flex-shrink: 0;
	width: 43%;
}
.about_box .div1 .divl h6{
	font-size: 30px;
	color: #666;
	margin-top: 86px;
}
.about_box .div1 .divl p{
	font-size: 20px;
	color: #666;
	margin-top: 10px;
}
.about_box .div1 .divl ul{
	font-size: 0;
	margin-top: 86px;
}
.about_box .div1 .divl li{
	display: inline-block;
	vertical-align: top;
	padding-left: 24px;
	border-left: 1px solid #d7d3cf;
	margin-right: 60px;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.about_box .div1 .divl li:nth-of-type(2){
	margin-right: 0;
}
.about_box .div1 .divl li:last-of-type{
	margin-bottom: 0;
	width: 100%;
	margin-right: 0;
}
.about_box .div1 .divl li strong{
	display: block;
	font-weight: normal;
	font-size: 18px;
	color: #666;
}
.about_box .div1 .divl li i{
	font-size: 36px;
	color: #ff6600;
	margin-right: 6px;
}
.about_box .div1 .divl li span{
	display: block;
	font-size: 16px;
	margin-top: 12px;
}

.about_box .div1 .divr{
	flex-shrink: 0;
	width: 55%;
	position: relative;
}
.about_box .div1 .divr .nr_div{
	height: 220px;
	overflow: hidden;
}
.about_box .div1 .divr .nr_div p{
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 14px;
}
.about_box .div1 .divr .nr_div p:last-of-type{
	margin-bottom: 0;
}
.about_box .div1 .divr .swiper-container{
	position: absolute;
	left: 0;
	top: 260px;
	width: 100%;	
}
.about_box .div1 .divr .swiper-container .swiper-button-prev{
	left: 0;
}
.about_box .div1 .divr .swiper-container .swiper-button-next{
	right: 0;
}
.about_box .div1 .divr .swiper-container img{
	width: 100%;
}

.about_box .div2{
	height: 26vw;
	background-image: url(../img/tp17.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	display: flex;
	align-items: center;
}
.about_box .div2 .w1200{
	display: flex;
}
.about_box .div2 h6{
	margin-left: 16%;
}
.about_box .div2 h6 strong{
	display: block;
	font-weight: normal;
	font-size: 30px;
}
.about_box .div2 h6 p{
	font-size: 20px;
	color: #666;
	margin-top: 16px;
}

.about_box .divs{
	display: flex;
	margin-bottom: 46px;
}
.about_box .divs h6{
	color: #666;
	margin-left: 16%;
}
.about_box .divs h6 strong{
	font-weight: normal;
	font-size: 24px;
}
.about_box .divs h6 p{
	font-size: 20px;
	margin-top: 14px;
}

.about_box .div3{

}
.about_box .div3 .divb{
	position: relative;
}
.about_box .div3 .divb .swiper-button-prev{
	left: -80px;
}
.about_box .div3 .divb .swiper-button-next{
	right: -80px;
}
.about_box .div3 .divb .swiper-slide{
	padding: 18px;
	background-color: #f0f4f8;
	box-sizing: border-box;
}
.about_box .div3 .divb .swiper-slide img{
	width: 100%;
}
.about_box .div3 .divb .swiper-slide h6{
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	position: relative;
}
.about_box .div3 .divb .swiper-slide h6::before{
	content: "";
	position: absolute;
	width: 1px;
	height: 42px;
	background-color: #ff6600;
	top: -58px;
	left: 50%;
}

.about_box .div4{
	background-image: url(../img/tp21.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
.about_box .div4 .divb{
	position: relative;
}
.about_box .div4 .divb .swiper-button-prev{
	left: -80px;
}
.about_box .div4 .divb .swiper-button-next{
	right: -80px;
}
.about_box .div4 .divb .swiper-container{
	background-image: url(../img/tp40.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
.about_box .div4 .divb .swiper-slide{
	height: 21px;
	padding: 180px 0;
	background-image: url(../img/tb20.png);
	background-size: 21px;
	background-repeat: no-repeat;
	background-position: left 90px center;
}
.about_box .div4 .divb .swiper-slide:last-of-type{
	background: none;
}
.about_box .div4 .divb .swiper-slide dl{
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 160px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 24px 30px;
}
.about_box .div4 .divb .swiper-slide dl::after{
	content: "";
	position: absolute;
	left: 100px;
	top: 100%;
	width: 30px;
	height: 15px;
	background-image: url(../img/tb19.png);
	background-size: 100% 100%;
}
.about_box .div4 .divb .swiper-slide:nth-of-type(2n) dl{
	top: auto;
	bottom: 0;
}
.about_box .div4 .divb .swiper-slide:nth-of-type(2n) dl::after{
	top: auto;
	bottom: 100%;
	background-image: url(../img/tb19h.png);
}
.about_box .div4 .divb .swiper-slide dt{
	font-size: 16px;
	color: #666;
}
.about_box .div4 .divb .swiper-slide dt i{
	font-size: 36px;
	margin-right: 6px;
}
.about_box .div4 .divb .swiper-slide dd{
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-top: 14px;
}

.about_box .div5{
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.about_box .div5 .divl{
	flex-shrink: 0;
    width: 43%;
}
.about_box .div5 .divl h6{
	margin-top: 60px;
}
.about_box .div5 .divl h6 strong{
	display: block;
    font-weight: normal;
    font-size: 30px;
}
.about_box .div5 .divl h6 p{
	font-size: 20px;
    color: #666;
    margin-top: 16px;
}
.about_box .div5 .divr{
	flex-shrink: 0;
    width: 55%;
	padding-bottom: 30%;
    position: relative;
	overflow: hidden;
	cursor: pointer;
}
.about_box .div5 .divr::after{
	content: "";
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 41px;
	height: 41px;
	background-image: url(../img/tb18.png);
	background-size: 100% 100%;
}
.about_box .div5 .divr i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}



.video_box{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
.video_box div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}
.video_box div i{
	position: absolute;
	z-index: 3;
	left: 100%;
	top: 0;
	width: 0.4rem;
	height: 0.4rem;
	background-color: #ff6600;
	font-size: 0.3rem;
	text-align: center;
	color: #fff;
	line-height: 0.4rem;
	cursor: pointer;
}
.video_box div video{
	width: 100%;
	outline: none;
}



.index_box{
	overflow: hidden;
}
.index_box .h5{
	position: relative;
	padding-bottom: 14px;
}
.index_box .h5 span{
	display: block;
	font-size: 30px;
}
.index_box .h5 small{
	display: block;
	font-size: 30px;
	margin-top: 14px;
	color: #666;
	line-height: 1.2;
	text-transform: uppercase;
}
.index_box .h5::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 138px;
	height: 2px;
	background-color: #ff6600;
}

.index_box .mo_a{
	z-index: 3;
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
	transition: all 0.5s ease;
}
.index_box .mo_a::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -2px;
	width: 74px;
	height: 1px;
	background-color: #ccc;
	transition: all 0.5s ease;
}

.index_box .div1{
	height: 48vw;
	position: relative;
}
.index_box .div1 .swiper-container{
	width: 100%;
	height: 100%;
}
.index_box .div1 .swiper-slide{
	background-size: cover;
	background-position: center;
}
.index_box .div1 .swiper-button-prev,
.index_box .div1 .swiper-button-next{
	width: 54px;
	height: 107px;
	margin-top: -54px;
	background: none;
	background-image: url(../img/tb14.png);
	background-size: 100% 100%;
	background-position: center;
}
.index_box .div1 .swiper-button-prev{
	left: 4%;
	background-image: url(../img/tb14.png);
}
.index_box .div1 .swiper-button-next{
	right: 4%;
	background-image: url(../img/tb15.png);
}
.index_box .div1 .swiper-button-prev::after{
	content: "";
	display: block;
	width: 100%;
	height: 15px;
	background-image: url(../img/tb9.png);
	background-size: auto 15px;
	background-repeat: no-repeat;
	background-position: right center;
}
.index_box .div1 .swiper-button-next::after{
	content: "";
	display: block;
	width: 100%;
	height: 15px;
	background-image: url(../img/tb10.png);
	background-size: auto 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.index_box .div1 .divs{
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: -40px;
	width: 50%;
	background-color: rgba(255,102,0,0.8);
	box-sizing: border-box;
	padding: 34px 56px;
	color: #fff;
}
.index_box .div1 .divs h5{
	font-size: 30px;
}
.index_box .div1 .divs h5::after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    margin-top: -2px;
    width: 138px;
    height: 1px;
    background-color: #fff;
	opacity: 0.5;
}
.index_box .div1 .divs dl{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.index_box .div1 .divs dt{
	margin-right: 60px;
}
.index_box .div1 .divs h6{
	font-size: 48px;
}
.index_box .div1 .divs p{
	font-size: 36px;
	margin-top: 10px;
}
.index_box .div1 .divs dd{
	font-size: 30px;
	line-height: 1.6;
	opacity: 0.6;
}

.index_box .div2{
	background-color: #f4f8fe;
	position: relative;
	padding-top: 100px;
}
.index_box .div2 .mo_a{
	position: absolute;
	top: 100px;
	right: 0;
}
.index_box .div2 .divl{
	width: 34%;
	height: 39vw;
	background-image: url(../img/tp41.jpg);
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 8% 4% 4%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.index_box .div2 .divl .h5{
	color: #fff;
	margin-bottom: 46px;
}
.index_box .div2 .divl .h5 small{
	color: #fff;
}
.index_box .div2 .divl h6{
	font-size: 24px;
	color: #fff;
}
.index_box .div2 .divl .divb{
	font-size: 0;
}
.index_box .div2 .divl .divb .swiper-button-prev,
.index_box .div2 .divl .divb .swiper-button-next{
	position: static;
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-right: 16px;
}

.index_box .div2 .swiper-container{
	position: absolute;
	width: 78%;
	height: 32vw;
	right: 0;
	top: 50%;
	margin-top: calc(-16vw + 20px);
}
.index_box .div2 .swiper-slide{
	background-image: url(../img/tp26.jpg);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}
.index_box .div2 .swiper-slide i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.index_box .div2 .swiper-slide div{
	position: absolute;
	bottom: 0;
	left: 9%;
	width: 82%;
	padding-left: 16px;
	padding-bottom: 20px;
	transition: all 0.5s ease;
}
.index_box .div2 .swiper-slide div::before{
	content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ff6600;
    left: 0;
    top: 0;
    transition: all 0.5s ease;
}
.index_box .div2 .swiper-slide div h6{
	font-size: 24px;
    margin-bottom: 14px;
}
.index_box .div2 .swiper-slide div p{
	font-size: 14px;
    line-height: 1.6;
}

.index_box .div3{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.index_box .div3::before{
	content: "";
	position: absolute;
	top: 100px;
	right: -4vw;
	width: 50%;
	height: calc(100% - 140px);
	background-color: #ff6600;
}
.index_box .div3 .divl{
	flex-shrink: 0;
	width: 45%;
}
.index_box .div3 .divl h6{
	font-size: 30px;
	margin-bottom: 20px;
}
.index_box .div3 .divl .div{
	line-height: 1.6;
	color: #666;
	margin: 24px 0 30px;
}
.index_box .div3 .divl .div strong{
	font-weight: normal;
	font-size: 18px;
}
.index_box .div3 .divl .div p{
	font-size: 14px;
	margin-top: 32px;
}
.index_box .div3 .divl ul{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.index_box .div3 .divl ul li{
	display: inline-block;
    vertical-align: top;
    padding-left: 24px;
    border-left: 1px solid #d7d3cf;
}
.index_box .div3 .divl ul li:last-of-type{
	margin-right: 0;
}
.index_box .div3 .divl ul li strong{
	display: block;
    font-weight: normal;
    font-size: 18px;
    color: #666;
	white-space: nowrap;
}
.index_box .div3 .divl ul li i{
	font-size: 36px;
    color: #ff6600;
    margin-right: 6px;
}
.index_box .div3 .divl ul li span{
	display: block;
    font-size: 16px;
    margin-top: 12px;
}

.index_box .div3 .divr{
	position: relative;
	z-index: 3;
	flex-shrink: 0;
	width: 50%;
	background-size: cover;
	background-position: center;
}

.index_box .div4 .mo_a,
.index_box .div5 .mo_a,
.index_box .div6 .mo_a{
	position: absolute;
	top: 80px;
	right: 0;
}

.index_box .div4{
	background-color: #f4f8fe;
	position: relative;
}
.index_box .div4 .h5{
	margin-bottom: 46px;
}
.index_box .div4 .div{
	margin-top: -30px;
}
.index_box .div4 .div a{
	float: left;
	position: relative;
	width: 48.5%;
	background-color: #fff;
	margin-right: 3%;
	margin-top: 30px;
	box-sizing: border-box;
	padding: 38px 140px 38px 34px;
	transition: all 0.5s ease;
}
.index_box .div4 .div a:nth-of-type(2n){
	margin-right: 0;
}
.index_box .div4 .div a h6{
	font-size: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.index_box .div4 .div a span{
	display: block;
	font-size: 14px;
	color: #666;
	margin-top: 20px;
	transition: all 0.5s ease;
}
.index_box .div4 .div a span::after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    margin-top: -2px;
    width: 84px;
    height: 1px;
    background-color: #ff6600;
	transition: all 0.5s ease;
}
.index_box .div4 .div a i{
	position: absolute;
	right: 38px;
	top: 50%;
	margin-top: -10px;
	font-size: 14px;
	color: #666;
	line-height: 19px;
	transition: all 0.5s ease;
}
.index_box .div4 .div a i::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 32px;
	height: 17px;
	background-image: url(../img/tb16.png);
	background-size: auto 100%;
	background-position-x: -34px;
	transition: all 0.5s ease;
}

.index_box .div5{
	position: relative;
	padding-bottom: 110px;
}
.index_box .div5 .swiper-button-prev{
	left: 4%;
}
.index_box .div5 .swiper-button-next{
	right: 4%;
}
.index_box .div5 .swiper-container{
	padding: 4% 0;
	overflow: inherit;
}
.index_box .div5 .swiper-slide{
	transform: scale(1);
	transition: all 0.5s ease;
}
.index_box .div5 .swiper-slide-active{
	transform: scale(1.7);
	z-index: 3;
}
.index_box .div5 .swiper-slide em{
	display: block;
	width: 100%;
	padding-bottom: 60%;
	background-size: cover;
	background-position: center;
}
.index_box .div5 .swiper-slide h6{
	position: absolute;
	z-index: 3;
	left: 10%;
	bottom: 0;
	width: 80%;
	height: 40px;
	background-color: #ecf3fd;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s ease;
}
.index_box .div5 .swiper-slide::before{
	content: "";
	width: 1px;
	height: 30px;
	background-color: #ff6600;
	position: absolute;
	z-index: 4;
	left: 50%;
	bottom: 10px;
	opacity: 0;
	transition: all 0.5s ease;
}
.index_box .div5 .swiper-slide::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border: 1px solid #ff6600;
	opacity: 0;
	transition: all 0.5s ease;
}
.index_box .div5 .swiper-slide-active h6{
	opacity: 1;
	bottom: -20px;
}
.index_box .div5 .swiper-slide-active::before{
	opacity: 1;
}

.index_box .div6{
	position: relative;
	background-color: #f4f8fe;
}
.index_box .div6 ul{
	display: flex;
	margin-top: 46px;
}
.index_box .div6 ul li{
	flex: 1;
	padding-bottom: 8%;
	margin-right: 30px;
	background-size: cover;
	background-position: center;
}
.index_box .div6 ul li:last-of-type{
	margin-right: 0;
}



.md_i{
	display: block;
    transform: translateY(-90px);
}



@media (min-width: 1200px) {
	.swiper-button-prev:hover,
	.swiper-button-next:hover{
		background-color: #ff6600;
	}
	.index_box .div2 .swiper-slide:hover{
		background-image: url(../img/tp26h.jpg);
	}
	.index_box .div2 .swiper-slide:hover div{
		color: #fff;
	}
	.index_box .div2 .swiper-slide:hover div::before{
		background-color: #fff;
	}
	.index_box .div5 .swiper-slide:hover::after{
		opacity: 1;
	}
	.index_box .div1 .swiper-button-prev:hover{
		background-image: url(../img/tb14h.png);
	}
	.index_box .div1 .swiper-button-next:hover{
		background-image: url(../img/tb15h.png);
	}
	.head_box .nav_div a:hover{
		background-color: rgba(255,102,0,0.8);
	}
	.head_box .gn_div form:hover input{
		width: 400%;
		color: rgba(255,255,255,1);
		padding-right: 50px;
	}
	.index_box .div4 .div a:hover{
		background-color: #ff6600;
		color: #fff;
	}
	.index_box .div4 .div a:hover span{
		color: #fff;
	}
	.index_box .div4 .div a:hover span::after{
		background-color: #fff;
	}
	.index_box .div4 .div a:hover i{
		color: #fff;
	}
	.index_box .div4 .div a:hover i::before{
		background-position-x: 0;
	}
	.index_box .mo_a:hover{
		color: #ff6600;
	}
	.index_box .mo_a:hover::after{
		background-color: #ff6600;
	}
	.about_box .div5 .divr:hover i{
		transform: scale(1.1);
	}
	.recruit_box .div1 li:hover h5{
		background-color: #ff6600;
		color: #fff;
	}
	.product_box .div1 a:hover dl dd{
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.product_box .div1 a:hover dl::before{
		background-color: #fff;
	}
	.product_box .div1 a:hover{
		color: #fff;
		background-color: #ff6600;
	}
	.product_box .div1 a:hover em i{
		transform: scale(1.1);
	}
	.case_box .div1 a:hover div::before{
		background-color: #fff;
	}
	.case_box .div1 a:hover{
		color: #fff;
		background-color: #ff6600;
	}
	.case_box .div1 a:hover div span{
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.case_box .div1 a:hover em i{
		transform: scale(1.1);
	}
	.newsInfo_box .div2 .fh_a:hover::before{
		margin-right: 3px;
	}
	.news_box ul.list a:hover small::before{
		margin-right: 3px;
	}
	.news_box ul.list a:hover h6{
		color: #ff6600;
	}
	.news_box ul.list a:hover small{
		color: #ff6600;
	}
	.news_box .a1:hover small::before{
		margin-right: 3px;
	}
	.news_box .a1:hover div h6{
		color: #ff6600;
	}
	.news_box .a1:hover small{
		color: #ff6600;
	}
	.news_box .a1:hover em i{
		transform: scale(1.1);
	}
	.foot_box dt p a:hover{
		color: #fff;
	}
	.banner_box .menu_div a:hover{
		font-weight: bold;
	}
	.banner_box .menu_div a:hover::before{
		opacity: 1;
		height: 32px;
	}
	.crumb_div a:hover{
		color: #ff6600 !important;
	}
	.head_box .nav_p a:hover{
		background-image: url(../img/tb2.png);
		color: #ff6600;
	}
}

@media (max-width: 1600px) {
	.head_box .nav_p a{
		margin-right: 40px;
	}
	.foot_box dd em{
		margin-left: 60px;
	}
}

@media (max-width: 1500px) {
	.head_box .nav_p a{
		margin-right: 30px;
	}
	.foot_box dd em{
		margin-left: 30px;
	}
	.foot_box dt p{
		padding-left: 28px;
		margin-right: 40px;
	}
	.foot_box dd{
		padding-left: 28px;
	}
	.index_box .div1 .divs h6{
		font-size: 38px;
	}
	.index_box .div1 .divs p{
		font-size: 28px;
	}
	.index_box .div1 .divs h5{
		font-size: 26px;
	}
	.index_box .h5 span{
		font-size: 26px;
	}
	.index_box .h5 small{
		font-size: 24px;
	}
	.index_box .div3 .divl ul li{
		padding-left: 18px;
	}
	.index_box .div4 .h5{
		margin-bottom: 35px;
	}
	.index_box .div4 .div a h6{
		font-size: 20px;
	}
	.about_box .h5 span{
		font-size: 26px;
	}
	.about_box .h5 small{
		font-size: 22px;
	}
	.about_box .div1 .divl h6{
		font-size: 22px;
	}
	.about_box .div2 h6 strong{
		font-size: 24px;
	}
	.about_box .div2 h6 p{
		font-size: 18px;
	}
	.about_box .divs h6 strong{
		font-size: 20px;
	}
	.about_box .div4 .divb .swiper-slide dt i{
		font-size: 30px;
	}
	.about_box .div4 .divb .swiper-slide dl{
		padding: 20px;
	}
	.about_box .divs h6 p{
		font-size: 18px;
	}
	.about_box .div5 .divl h6 strong{
		font-size: 26px;
	}
	.about_box .div5 .divl h6 p{
		font-size: 18px;
	}
	.title_h5{
		font-size: 26px;
	}
	.caseInfo_box .div2 h6{
		font-size: 26px;
	}
	.productInfo_box .div1 dl dt h5{
		font-size: 26px;
	}
	.contact_box .div1 dd h5{
		font-size: 26px;
	}
	.contact_box .div1 dt h5{
		font-size: 26px;
	}
	.foot_box dt p>a:first-of-type{
		font-size: 16px;
	}
	.index_box .div3 .divl h6{
		font-size: 26px;
	}
	.index_box .div3 .divl .div p{
		margin-top: 20px;
	}
	.index_box .div3 .divl ul li span{
		font-size: 14px;
	}
}

@media (max-width: 1400px) {
	.head_box .nav_p a{
		margin-right: 24px;
	}
	.index_box .div3 .divl{
		width: 48%;
	}
	.index_box .div3 .divl ul li{
		padding-left: 12px;
	}
	.foot_box dt p{
		padding-left: 24px;
		margin-right: 24px;
	}
	.foot_box dd h6 p span{
		width: 160px;
	}
	.foot_box dd{
		padding-left: 24px;
	}
}

@media (max-width: 1200px) {
	.head_box .nav_p{
		display: none;
	}
	.w1200{
		width: 92%;
	}
	.foot_box dt{
		display: none;
	}
	.foot_box dd{
		width: 100%;
	}
	.foot_box dd h6 p span{
		width: auto;
	}
	body{
		padding-top: 54px;
	}
	.head_box{
		padding-right: 0;
		height: 54px;
		background-color: rgba(43,40,40,1);
	}
	.head_box .gn_div form{
		display: none;
	}
	.head_box .logo_a{
		position: static;
		transform: none;
		width: 38px;
	}
	.head_box .gn_div .menu_dl{
		border-radius: 0;
		background-color: #ff6600;
		border: none;
		width: 54px;
		height: 54px;
	}
	.head_box .nav_div{
		width: 100%;
		top: 100%;
	}
	.head_box .nav_div a:first-of-type{
		margin-top: 0;
	}
	.head_box .nav_div a{
		padding: 0 4%;
		height: 50px;
		line-height: 50px;
	}
	.head_box .nav_div a::after{
		width: auto;
		font-size: 18px;
	}
	.head_box .nav_div a::before{
		width: 24px;
	}
	.crumb_div{
		display: none;
	}
	.banner_box{
		height: 54vw;
	}
	.foot_box{
		padding: 40px 4%;
	}
	.foot_box dd{
		display: block;
		border-left: none;
		padding-left: 0;
	}
	.foot_box dd h6 p{
		margin-bottom: 14px;
	}
	.foot_box dd em{
		margin-top: 20px;
		width: 123px;
		display: block;
		margin: 20px auto 0;
	}
	.foot_box .h5{
		margin-top: 30px;
		text-align: center;
		line-height: 1.5;
	}
	.foot_box .h5 a{
		display: block;
		margin-left: 0;
	}
  .foot_box .h5 a.link{
		display: inline;
		margin-left: 0;
	}
	.pd{
		padding: 40px 0;
	}
	.title_h5{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.title_h5::after{
		width: 100px;
	}
	.recruit_box .div1 li h5{
		height: auto;
		padding: 20px;
		flex-wrap: wrap;
	}
	.recruit_box .div1 li h5 span{
		height: auto;
	}
	.recruit_box .div1 li h5 span:first-of-type{
		flex-shrink: 0;
		width: 100%;
		font-size: 18px;
		margin-bottom: 14px;
	}
	.recruit_box .div1 li h5 i{
		width: 38px;
		height: 38px;
		right: 20px;
		margin-top: -19px;
	}
	.recruit_box .div1 li dl{
		padding: 20px;
	}
	.recruit_box .div1 li dl dd{
		width: 100%;
		margin-bottom: 20px;
	}
	.recruit_box .div1 li dl dd:last-of-type{
		margin-bottom: 0;
	}
	.contact_box::before{
		display: none;
	}
	.contact_box{
		margin-top: 0;
		padding-top: 40px;
		background: none;
	}
	.contact_box .div1{
		display: block;
	}
	.contact_box .div1 dt{
		width: 100%;
		padding: 30px 20px;
		background-color: #f5f8ff;
	}
	.contact_box .div1 dt ul{
		margin-top: 30px;
	}
	.contact_box .div1 dt ul li{
		margin-top: 10px;
		/* display: block; */
	}
	.contact_box .div1 dt ul li p{
		margin-right: 30px;
		margin-top: 10px;
	}
	.contact_box .div1 dt ul li:last-of-type{
		margin-right: 0;
	}
	.contact_box .div1 dt ul li:last-of-type{
		position: static;
		margin-top: 20px;
		width: 123px;
	}
	.contact_box .div1 dt::before{
		display: none;
	}
	.contact_box .div1 dd{
		width: 100%;
		padding: 30px 20px;
		display: flex;
		align-items: center;
	}
	.contact_box .div1 dd img{
		margin-top: 0;
		width: calc(94% - 90px);
	}
	.contact_box .div1 dd h5{
		font-size: 18px;
		text-align: left;
		flex-shrink: 0;
		width: 90px;
		margin-right: 6%;
	}
	.contact_box .div1 dt h5{
		font-size: 24px;
	}
	.contact_box .div1 dt h6{
		font-size: 20px;
	}
	.mao_box{
		margin-top: 30px;
		height: 50vw;
	}
	.banner_box .menu_div a{
		margin-right: 30px;
		font-size: 14px;
	}
	.news_box .a1{
		display: block;
	}
	.news_box .a1 em{
		display: block;
		width: 100%;
		height: 60vw;
	}
	.news_box .a1 div{
		width: 100%;
		margin-left: 0;
		border-bottom: none;
	}
	.news_box .a1 div span::after{
		width: 80px;
		transform: translateX(0);
	}
	.news_box .a1 div h6{
		margin-bottom: 20px;
		font-size: 22px;
	}
	.news_box .a1 small{
		position: static;
		display: block;
		border-bottom: 1px solid #7a8cb2;
	}
	.news_box .a1 div p{
		height: 44px;
	}
	.news_box ul.list a{
		margin-top: 0;
		border-top: none;
		padding-right: 0;
		padding-bottom: 18px;
	}
	.news_box ul.list a span{
		padding-bottom: 15px;
		position: relative;
	}
	.news_box ul.list a span::before{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 80px;
	}
	.news_box ul.list a small{
		display: block;
		position: static;
		transform: translateY(0);
		margin-top: 30px;
	}
	.news_box ul.list a h6{
		font-size: 22px;
	}
	.news_box ul.list a p{
		height: 44px;
		white-space: normal;
	}
	.newsInfo_box .div1{
		height: auto;
	}
	.newsInfo_box .div1 h6{
		position: static;
		border-top: none;
	}
	.newsInfo_box .div1 h6 strong{
		font-size: 24px;
		line-height: 1.2;
	}
	.banner_box .menu_div{
		height: 50px;
		line-height: 50px;
	}
	.banner_box .menu_div p{
		display: flex;
		overflow-x: auto;
	}
	.case_box .div1 a{
		width: 100%;
		margin-right: 0;
	}
	.case_box .div1 a div::before{
		display: none;
	}
	.case_box .div1 a div{
		padding: 20px 20px;
		display: block;
	}
	.case_box .div1 a div h6{
		padding-left: 0;
		width: 100%;
	}
	.case_box .div1 a div span{
		display: block;
		width: 80px;
		margin-top: 14px;
	}
	.caseInfo_box .div2{
		padding: 20px;
	}
	.caseInfo_box .div2::after{
		display: none;
	}
	.caseInfo_box .div2 h6{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.productInfo_box .divb h6{
		font-size: 22px;
	}
	.productInfo_box .diva dd h6{
		font-size: 22px;
	}
	.swiper-button-next{
		right: 0;
	}
	.swiper-button-prev{
		left: 0;
	}
	.product_box .div1 a{
		width: 100%;
		margin-right: 0;
	}
	.product_box .div1 a dl{
		padding: 0 20px 20px;
		display: block;
	}
	.product_box .div1 a dl dt{
		padding-left: 0;
		width: 100%;
	}
	.product_box .div1 a dl dd{
		width: 80px;
		margin-top: 14px;
	}
	.product_box .div1 a dl::before{
		display: none;
	}
	.productInfo_box .div1{
		height: auto;
		padding: 40px 0;
	}
	.productInfo_box .div1 dl{
		position: static;
		transform: none;
		flex-direction: column-reverse;
	}
	.productInfo_box .div1 dl dt{
		width: 100%;
		padding-left: 0;
	}
	.productInfo_box .div1 dl dd{
		width: 100%;
	}
	.productInfo_box .div1 dl dt::before{
		display: none;
	}
	.productInfo_box .div1 dl dt h5{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.productInfo_box .div1 dl dt h6{
		font-size: 22px;
	}
	.productInfo_box .diva{
		display: block;
	}
	.productInfo_box .diva dt{
		width: 100%;
		padding-bottom: 66%;
	}
	.productInfo_box .diva dd{
		width: 100%;
		padding: 20px;
	}
	.productInfo_box .diva dd h6::before{
		display: none;
	}
	.productInfo_box .divb table{
		width: 200%;
	}
	.about_box .div1{
		display: block;
	}
	.about_box .div1 .divl{
		width: 100%;
	}
	.about_box .div1 .divr{
		width: 100%;
		margin-top: 40px;
	}
	.about_box .div1 .divl h6{
		font-size: 22px;
		margin-top: 30px;
	}
	.about_box .h5{
		width: 100%;
		padding-bottom: 10px;
	}
	.about_box .h5 span{
		font-size: 22px;
	}
	.about_box .h5 small{
		font-size: 18px;
		margin-top: 10px;
	}
	.about_box .div1 .divl ul{
		margin-top: 30px;
	}
	.about_box .div1 .divl li{
		margin-bottom: 16px;
		width: 100%;
		margin-right: 0;
	}
	.about_box .div1 .divr .nr_div{
		height: auto;
	}
	.mCustomScrollBox{
		padding-right: 0;
	}
	.about_box .div1 .divr .swiper-container{
		position: relative;
		top: 0;
		left: 0;
	}
	.about_box .div2{
		height: auto;
		padding: 40px 0;
	}
	.about_box .div2 .w1200{
		display: block;
	}
	.about_box .div2 h6{
		margin-left: 0;
		margin-top: 30px;
	}
	.about_box .div2 h6 strong{
		font-size: 24px;
	}
	.about_box .div2 h6 p{
		font-size: 16px;
	}
	.about_box .divs{
		margin-bottom: 30px;
		display: block;
	}
	.about_box .divs h6{
		margin-left: 0;
		margin-top: 30px;
	}
	.about_box .div5{
		display: block;
	}
	.about_box .div5 .divl{
		width: 100%;
	}
	.about_box .div5 .divr{
		width: 100%;
		padding-bottom: 60%;
		margin-top: 30px;
	}
	.about_box .div5 .divl h6{
		margin-top: 30px;
	}
	.about_box .div5 .divl h6 strong{
		font-size: 24px;
	}
	.about_box .div5 .divl h6 p{
		font-size: 16px;
	}
	.about_box .div3 .divb .swiper-button-next{
		right: 0;
	}
	.about_box .div3 .divb .swiper-button-prev{
		left: 0;
	}
	.about_box .div4 .divb .swiper-button-next{
		right: 0;
	}
	.about_box .div4 .divb .swiper-button-prev{
		left: 0;
	}
	.video_box div{
		width: 100%;
	}
	.video_box div i{
		left: auto;
		right: 0;
	}
	.index_box .div1 .swiper-container{
		height: 60vw;
	}
	.index_box .div1{
		height: auto;
	}
	.index_box .div1 .divs{
		position: static;
		width: 100%;
		padding: 20px;
	}
	.index_box .div1 .divs dl{
		display: block;
		margin-top: 20px;
	}
	.index_box .div1 .divs h6{
		font-size: 28px;
	}
	.index_box .div1 .divs p{
		font-size: 22px;
	}
	.index_box .div1 .divs dd{
		font-size: 22px;
		line-height: 1.4;
	}
	.index_box .div1 .divs h5::after{
		display: block;
		margin-left: 0;
		margin-top: 14px;
	}
	.index_box .div1 .divs dt{
		margin-right: 0;
		margin-bottom: 20px;
	}
	.index_box .div2{
		padding: 40px 4%;
	}
	.index_box .div2 .divl{
		width: 100%;
		height: auto;
		padding: 20px;
	}
	.index_box .div2 .swiper-container{
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 0;
		transform: translateY(0);
	}
	.index_box .div2 .divl .h5{
		margin-bottom: 30px;
		padding-bottom: 10px;
	}
	.index_box .div2 .divl .divb{
		margin-top: 30px;
	}
	.index_box .div2 .mo_a{
		display: block;
		position: static;
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.index_box .div2 .swiper-slide div h6{
		font-size: 22px;
	}
	.index_box .h5 span{
		font-size: 22px;
	}
	.index_box .h5 small{
		font-size: 18px;
		margin-top: 10px;
	}
	.index_box .div2 .swiper-slide i{
		width: 100%;
		padding-bottom: 80%;
	}
	.index_box .div2 .swiper-slide div{
		position: static;
		padding: 0 20px 20px;
	}
	.index_box .div2 .swiper-slide div::before{
		display: none;
	}
	.index_box .div3{
		display: block;
	}
	.index_box .div3::before{
		display: none;
	}
	.index_box .div3 .divl{
		width: 100%;
	}
	.index_box .div3 .divl h6{
		font-size: 22px;
	}
	.index_box .div3 .divl .div p{
		margin-top: 20px;
	}
	.index_box .mo_a{
		display: block;
		text-align: center;
	}
	.index_box .div3 .divl ul{
		display: block;
		margin-top: 40px;
	}
	.index_box .div3 .divl ul li{
		margin-bottom: 16px;
		width: 100%;
	}
	.index_box .div3 .divl ul li:last-of-type{
		margin-bottom: 0;
	}
	.index_box .div4 .mo_a, .index_box .div5 .mo_a, .index_box .div6 .mo_a{
		top: 47px;
	}
	.index_box .div4 .div a{
		padding: 20px;
		width: 100%;
		margin-right: 0;
		margin-top: 14px;
	}
	.index_box .div4 .div{
		margin-top: -14px;
	}
	.index_box .div4 .div a i{
		position: static;
		display: block;
		margin-top: 20px;
	}
	.index_box .div5{
		padding: 40px 0;
	}
	.index_box .div5 .swiper-slide-active{
		transform: scale(1);
	}
	.index_box .div5 .swiper-container{
		overflow: hidden;
		padding: 0;
		margin-top: 40px;
	}
	.index_box .div5 .swiper-slide h6{
		bottom: 0;
		width: 100%;
		left: 0;
	}
	.index_box .div5 .swiper-slide::before{
		display: none;
	}
	.index_box .div6 ul{
		display: block;
		font-size: 0;
		margin-top: 26px;
	}
	.index_box .div6 ul li{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		padding-bottom: 22%;
		margin-right: 4%;
		margin-top: 14px;
	}
	.index_box .div6 ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.md_i{
		display: block;
		transform: translateY(-54px);
	}

	.index_box .div1 .swiper-button-prev, 
	.index_box .div1 .swiper-button-next{
		width: 35px;
		height: 70px;
		margin-top: -35px;
	}
	.index_box .div1 .swiper-button-prev::after,
	.index_box .div1 .swiper-button-next::after{
		background-size: 50%;
	}
	
}