/** 清除内外边距 **/
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: normal;}
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 { 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}
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;
}

html{
	
}
body{
	width: 100%;
	overflow-x: hidden;
	color: #333;
}
.clear_both::after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.w72{
	width: 72%;
	margin: 0 auto;
}



.head_box{

}
.head_box .title_div{
	height: 115px;
	padding: 0 6%;
	position: relative;
}
.head_box .title_div .logo_a{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 340px;
	background: url(../img/logo1.png) no-repeat left center;
}
.head_box .title_div img{
	vertical-align: middle;
	margin-left: 5%;
}
.head_box .title_div p{
	float: right;
	background: #003b69;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	padding: 0 2px;
	margin-top: 41px;
}
.head_box .title_div p a{
	color: #fff;
	padding: 0 8px;
	display: inline-block;
	vertical-align: top;
}
.head_box .title_div p i{
	color: #fff;
}
.head_box .title_div>span{
	margin-top: 31px;
	float: right;
	font-size: 18px;
	color:#003b69;
	padding-left: 46px;
	background: url(../img/dh.jpg) no-repeat left center;
	line-height: 1.1;
	font-weight: bold;
	margin-right: 40px;
}
.head_box .title_div .menu_div{
	display: none;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    text-align: center;
    position: absolute;
}
.head_box .title_div .menu_div span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 36px;
    font-size: 0;
}
.head_box .title_div .menu_div span i{
	display: inline-block;
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: #003b69;
    margin: 4px 0;
    opacity: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.head_box .title_div .active_div{
	
}
.head_box .title_div .active_div span i:nth-of-type(1){
	-webkit-transform: rotate(45deg) translate(9px, 8px);
    transform: rotate(45deg) translate(9px, 8px);
}
.head_box .title_div .active_div span i:nth-of-type(2){
	opacity: 0;
}
.head_box .title_div .active_div span i:nth-of-type(3){
	-webkit-transform: rotate(-45deg) translate(9px, -8px);
    transform: rotate(-45deg) translate(9px, -8px);
}

.head_box .w_ul{
	font-size: 0;
	background: #023d6a;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.head_box .w_ul li{
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
.head_box .w_ul li a{
	font-size: 18px;
	color: #fff;
	padding: 0 40px;
	border-left: 1px solid #678ba6;
}
.head_box .w_ul li a:hover{
	font-weight: bold;
}
.head_box .w_ul li:first-of-type a{
	border-left: none;
}
.head_box .w_ul .active_li a{
	font-weight: bold;
}

.title_box{
	padding-top: 12px;
}
.title_box img{
	width: 100%;
	vertical-align: top;
}
.top_m_img{display:none}
/*
.foot_box{
	background: url(../img/bg.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 80px 14% 100px;
}
.foot_box a{
	display: inline-block;
	vertical-align: middle;
	width: 283px;
	height: 70px;
	background: url(../img/logo2.png) no-repeat;
}
.foot_box p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15%;
}
.foot_box p span{
	display: block;
	font-size: 16px;
	color: #023d6a;
	line-height: 2;
}
.foot_box em{
	float: right;
}
.foot_box em img{
	vertical-align: top;
}
*/
.foot_box{width: 100%;}
.btm_nav{background: #023d6a;height: 36px;}
.btm_nav ul{width:40%; margin: 0 auto; overflow: hidden;}
.btm_nav ul li{width: 17%;float: left;text-align: center; margin-right:3%;line-height: 36px;font-size: 12px; }
.btm_nav ul li a{color: #fff;}
.foot_box p{
	width: 70%;margin: 20px auto;
	
	text-align: center;
	
	line-height:2;
}



.title_p{
	font-size: 14px;
	color: #a7a7a7;
	height: 50px;
	line-height: 52px;
	padding-left: 24px;
	background: url(../img/sy.jpg) no-repeat left center;
	border-bottom: 2px solid #d6d6d6;
	margin-bottom: 70px;
}
.title_p a{
	color: #a7a7a7;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.title_p a:hover{
	color: #019b45;
}

.title_h2{
	font-size: 36px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
}
.title_h2 small{
	display: inline-block;
	font-size: 18px;
	color: #a7a7a7;
	min-width: 180px;
	padding-top: 4px;
	text-align: center;
	border-top: 2px solid #d3d3d3;
	font-weight: normal;
	white-space: nowrap;
	text-transform: uppercase;
}
.title_h2 i{
	color: #c44545;
}
.page_box{
	text-align: center;
}
.page_box a{
	display: inline-block;
	font-size: 18px;
	color: #333;
	margin: 0 10px;
	margin-top: 40px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.page_box a:hover{
	color: #019b45;
}
.page_box .a2{
	color:#019b45;
    
}


.newsInfo_box{
	padding-bottom: 40px;
}
.newsInfo_box h4{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.newsInfo_box span{
	font-size: 14px;
	text-align: center;
	color: #767676;
	display: block;
	border-bottom: 1px solid #d3d3d3;
	line-height: 2.0;
	margin-bottom: 30px;
}
.newsInfo_box p{
	font-size: 14px;
	color: #7a7a7a;
	line-height: 1.5;
	text-indent: 28px;
	margin-bottom: 30px;
}
.newsInfo_box img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}
.newsInfo_box .page_em{
	display: inline-block;
	margin-top: 30px;
}
.newsInfo_box .page_em a{
	display: block;
	font-size: 14px;
	color: #7a7a7a;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	line-height: 2;
}
.newsInfo_box .page_em a:hover{
	color: #019b45;
}



.news_box{
	padding-bottom: 70px;
}


    .news_box .title_h2 {
        font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    }
.news_box .tab_p{
	font-size: 0;
	text-align: center;
    margin-bottom:30px;
}
.news_box .tab_p span{
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	height: 36px;
	width: 130px;
	background: #e0e2e2;
	color: #8f8f8f;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.news_box .tab_p span:hover{
	background: #019b45;
	color: #fff;
}
.news_box .tab_p .active_span{
	background: #019b45;
	color: #fff;
}

.news_box ul{
	
}
.news_box ul li{
	background: #f0f0f0;
	margin-bottom: 30px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.news_box ul li:last-of-type{
	margin-bottom: 0;
}
.news_box ul li a{
	display: block;
	padding: 14px;
	font-size: 0;
	color: #333;
}
.news_box ul li span{
	display: inline-block;
	vertical-align: top;
	width: 180px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	font-size: 36px;
	text-align: center;
	padding: 10px 0;
	line-height: 1.5;
	background: #fff;
}
.news_box ul li span i{
	display: inline-block;
	color: #019b45;
	border-bottom: 1px solid #019b45;
}
.news_box ul li span em{
	display: block;
}
.news_box ul li div{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 180px);
	box-sizing: border-box;
	padding-left: 40px;
	padding-top: 10px;
}
.news_box ul li div h6{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news_box ul li div p{
	font-size: 14px;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
	color: #7a7a7a;
}
.news_box ul li div em{
	font-size: 12px;
	color: #019b45;
	margin-top: 24px;
	display: inline-block;
}
.news_box ul li:hover{
	background: #ddd;
}


.about_box{
	padding-bottom: 70px;
}
.about_box .tab_p{
	font-size: 0;
	text-align: center;
}
.about_box .tab_p span{
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	height: 36px;
	width: 130px;
	background: #e0e2e2;
	color: #8f8f8f;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.about_box .tab_p span:hover{
	background: #019b45;
	color: #fff;
}
.about_box .tab_p .active_span{
	background: #019b45;
	color: #fff;
}
.about_box .tab_div{
	margin-top: 50px;
}
.about_box .tab_div>div{
	display: none;
}
.about_box .tab_div .active_div{
	display: block;overflow:hidden

}
.about_box .tab_div .about_title{
	
    text-align:center;
    margin-bottom:20px;
    font-weight: bold;
    font-size: 18px;
    font: bold 23px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;;
    text-transform: uppercase;
}
.about_box .tab_div>div p{
	font-size: 14px;
	line-height: 2;
	color: #565050;
	/*text-indent: 28px;*/
	margin-bottom: 0px;
}
.about_box .tab_div>div p img{
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	border-radius: 12px;
}

.about_box .tab_div>div dl{width: 23%; height:200px;display: block;overflow: hidden;border:1px solid #059b1b;
padding: 10px 0px;
text-align: center;
 float: left; margin-right: 1%;
 }
 
.about_box .tab_div>div dl dt{display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	border-radius: 12px;    
	}
/*.about_box .tab_div>div dl h5{font-size: 24px; color:#fff; line-height: 36px; text-align: center; margin-top: 20px;text-shadow: black 0.1em 0.1em 0.2em;}
.about_box .tab_div>div dl dd{font-size: 16px;line-height: 24px; text-align: center;color: #fff;text-shadow: black 0.1em 0.1em 0.2em;}*/
.about_box .tab_div>div dl h5{font-size: 24px; color:#019B45; line-height: 36px; text-align: center; margin-top:0px;}
.about_box .tab_div>div dl dd{font-size: 16px;line-height: 24px; text-align: center;color:#170707;margin-top:10px;}

.about_wenhua{display:block;}
.about_wenhua_mobile{display:none;}


.ny_ziyuan p{ color:#000000; font-size:14px; line-height:40px;}
.resume_kind{ width:100%; height:40px; line-height:40px; background: #3e6cb3; font-size:16px; color:#ffffff; font-weight:bold; padding:0 5%;}
.anniu{ position:absolute; top:2px; right:2%; z-index:9; width:24px; height:24px;}
/*.close_btn{ background:url(../img/close.png) no-repeat center top;}*/
.show_btn{ background:url(../img/show.png) no-repeat center top;}
.for_btn{ margin-bottom:20px; position:relative; overflow:hidden; cursor:pointer;}
.jobheight{ height:75px;}
.resume_list{ margin-bottom:20px;}
.resume_list table{ line-height:30px; color:#000000; font-size:14px; background:#dce6f2; padding:10px 5%; width:100%; margin-bottom:20px;}
.resume_list table tr td{ width:26%;}
/*.resume_list table tr td:first-child{ padding-left:3%; width:34%;}*/
.resume_list table tr td:first-child{ padding-left:3%; }

.resume_list_pc{ margin-bottom:20px;}
.resume_list_pc table{ line-height:30px; color:#000000; font-size:14px; background:#dce6f2; padding:10px 5%; width:100%; margin-bottom:20px;}
.resume_list_pc table tr td{ width:26%;}
/*.resume_list table tr td:first-child{ padding-left:3%; width:34%;}*/
.resume_list_pc table tr td:first-child{ padding-left:3%; }

.resume_tj{ margin-top:20px;}
.resume_tj span{ color:#000000; font-size:16px; border-bottom:2px solid #00307c; font-weight:bold; display:inline-block;}
.welfare{ background:#f2f4f8; width:96%; padding:20px 2%;}
.welfare img{ float:left; width:44%;}
.welfare_tj{ margin-top:20px; float:left; width:55%; padding-left:3%;}
.welfare_tj span{ color:#000000; font-size:16px; border-bottom:2px solid #00307c; font-weight:bold; display:inline-block;}
.welfare_tj p{ color:#000000; font-size:14px; line-height:32px;}

.content_box{
	padding-bottom: 40px;
}
.content_box #imgmap{	 
     width: 100%;
	 text-align:center;
     height: 520px;
     margin-bottom:20px;
     margin-top:20px;   
}
.resume_list_m{
	display:none
}
.resume_list_m{ margin-bottom:20px;}
.resume_list_m table{ line-height:30px; color:#000000; font-size:14px; background:#dce6f2; padding:10px 5%; width:100%; margin-bottom:20px;}

 

.content_box #dituContent{
	width: 70%;
	height: 400px;
	margin: 0 auto;    
}
 
 
.content_box dl{
	text-align: center;
	margin-top: 50px;
}
.content_box dl dt{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 10%;
}
.content_box dl dt p{
	font-size: 16px;
	line-height: 1.5;
}
.content_box dl dd{
	display: inline-block;
	vertical-align: top;
}
.content_box dl dd img{
	vertical-align: top;
}

.content_box .content_div p{
	font-size: 14px;
	color: #8f8f8f;
	line-height: 1.8;
}
    .content_box .title_h2 {
        font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    }
.content_box .tab_p{
	font-size: 0;
	text-align: center;
    margin-bottom:30px;
}
 .content_box .tab_p span{
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	height: 36px;
	width: 130px;
	background: #e0e2e2;
	color: #8f8f8f;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.content_box .tab_p span:hover{
	background: #019b45;
	color: #fff;
}
.content_box .tab_p .active_span{
	background: #019b45;
	color: #fff;
}

.service_box{
	
}
.service_box .content_div{
	
}
.service_box .content_div p{
	font-size: 14px;
	color: #8f8f8f;
	line-height: 1.8;
}
    .service_box .title_h2 {
        font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    }
.service_box .tab_p{
	font-size: 0;
	text-align: center;
    margin-bottom:30px;
}
 .service_box .tab_p span{
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	height: 36px;
	width: 130px;
	background: #e0e2e2;
	color: #8f8f8f;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.service_box .tab_p span:hover{
	background: #019b45;
	color: #fff;
}
.service_box .tab_p .active_span{
	background: #019b45;
	color: #fff;
}


.service_form{
	background: #9ea6ac;
	text-align: center;
	padding: 50px 0; 
	margin-top: 50px;
    margin-bottom: 50px;
}
.service_form h6{
	font-size: 24px;
	margin-bottom: 20px;
}
.service_form input{
	display: block;
	margin: 0 auto 12px;
	width: 564px;
	height: 36px;
	border: 1px solid #ccc;
	margin-bottom: 12px;
	font-size: 14px;
	color: #333;
	padding-left: 14px;
}
.service_form textarea{
	display: block;
	margin: 0 auto 20px;
	width: 550px;
	height: 100px;
	border: 1px solid #ccc;
	resize: none;
	padding: 10px 14px;
}
.service_form button{
	width: 300px;
	height: 36px;
	background: #e7711b;
	color: #fff;
	font-size: 18px;
	border: none;
}



.case_box{
	padding-bottom: 70px;
}
.case_box ul{
	
}
.case_box ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.case_box ul li:nth-of-type(3n+3){
	margin-right: 0;
}
.case_box ul li a{
	display: block;
	overflow: hidden;
	position: relative;
}
.case_box ul li img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.case_box ul li p{
	/*position: absolute;*/
	left: 0;
	bottom: 0;
	height: 58px;
	line-height: 58px;
	background: rgba(0,59,105,1);
	text-align: center;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	width: 100%;
    margin-top:10px;
}
.case_box ul li:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.ry ul li{
	float: left;
	width: 17%;
	margin-right: 2%;
	margin-bottom: 50px;
}
.ry ul li:nth-of-type(5n+5){
	margin-right: 0;
}
.ry ul li a{
	display: block;
	overflow: hidden;
	position: relative;
}
.ry ul li img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.ry ul li p{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 58px;
	line-height: 58px;
	background: rgba(0,0,0,0.8);
	text-align: center;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	width: 100%;
}
.ry ul li:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product_box{
	padding-bottom: 70px;
}
.product_box .left_div{
	width: 25%;
	float: left;
}
.product_box .right_div{
	width: 72%;
	float: left;
	box-sizing: border-box;
	margin-left: 3%;
	position: relative;
}
.product_box .left_div h4{
	font-size: 36px;
	width: 100%;
	box-sizing: border-box;
	padding: 26px 0 26px 40px;
	color: #019b45;
	line-height: 1.1;
	border: 2px solid #019b45;
	font-weight: bold;
	text-transform: uppercase;
}
.product_box .left_div h4 small{
	display: block;
	font-weight: normal;
	font-size: 20px;
	margin-top: 10px;
}
.product_box .left_div ol{
	background: #019b45;
	padding: 10px 10px 30px;
}
.product_box .left_div ol li{
	color: #fff;
}
.product_box .left_div ol li span{
	display: block;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	font-size: 18px;
	padding: 0 30px;
	border-bottom: 1px dashed rgba(255,255,255,0.6);
}
.product_box .left_div ol li span i{
	/*opacity: 0.6;*/
	margin-right: 6px;
}
.product_box .left_div ol li p{
	padding: 10px 30px;
	display: none;
}
.product_box .left_div ol li p.show_p{
	display: block;
}
.product_box .left_div ol li p a{
	display: block;
	line-height: 1.5;
	padding: 4px 0;
	font-size: 14px;
	color: rgba(255,255,255,1);
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.product_box .left_div ol li p a:hover{
	color:#ffdf01;
    
    /*font-weight:bold;*/
}
.product_box .left_div ol li p a::before{
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #fff;
	vertical-align: middle;
	margin-right: 6px;
}
.product_box .right_div ul{

}
.product_box .right_div ul li{
	float: left;
	width: 32%;
                height: 320px;
	margin-right: 2%;
	border-bottom: 2px solid #80cda2;
	margin-bottom: 20px;
}
.product_box .right_div ul li:nth-of-type(3n+3){
	margin-right: 0;
}
.product_box .right_div ul li a{
	display: block;
}
.product_box .right_div ul li em{
	display: block;
	/*background: #e5f5ec;*/
	overflow: hidden;
}
.product_box .right_div ul li em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.product_box .right_div ul li p{
	font-size: 18px;
	color: #333;
	text-align: center;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	line-height: 2;
	margin-top: 10px;
}
.product_box .right_div ul li:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product_box .swiper_div{
	border: 2px solid #019b45;
	padding: 40px 30px;
}
.product_box .swiper_div h4{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.product_box .swiper_div .container_div{
	
}
.product_box .swiper_div .swiper-button-next{
	outline: none;
	background: #e0e1e1;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 40px;
	color: #019b45;
	font-size: 30px;
}
.product_box .swiper_div .swiper-button-prev{
	outline: none;
	background: #e0e1e1;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: #019b45;
}
.product_box .swiper-container .swiper-slide img{
	width: 100%;
	vertical-align: top;
}
.product_box .gallery-top {
	height: 76%;
	width: 80%;
  }
.product_box .gallery-thumbs {
	height: 24%;
	width: 80%;
	box-sizing: border-box;
	padding-top: 30px;
}
.product_box .gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}
.product_box .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 2px solid #019b45;
}
.product_box .right_div .content_div{
	padding-top: 30px;
	border-top: 1px solid #cacccc;
	margin-top: 40px;
}
.product_box .right_div .content_div h4{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 14px;
	text-align: left;
}
.product_box .right_div .content_div p{
	font-size: 14px;
	/*color: #ffffff;*/
	line-height: 1.5;
}



.banner_box{

}
.banner_box .swiper-slide{
	
}
.banner_box .swiper-slide img{
	width: 100%;
	vertical-align: top;
}



.welcome_box{
	background: url(../img/bj.jpg) no-repeat;
	background-size: 100% auto;
}
.welcome_box .title_h2{
	font-size: 30px;
}
.welcome_box .title_h2 small{
	font-size: 14px;
	min-width: 150px;
}
.welcome_box .div1{
	padding: 30px 0 70px;
}
.welcome_box .div1 .left_div{
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #e7e7dd;
}
.welcome_box .div1 .left_div a{
	color:#019b45;
}
.welcome_box .div1 .left_div h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
    
}
/*.welcome_box .div1 .left_div h3::before{
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #004ea1;
	margin-bottom: 16px;
}*/
.welcome_box .div1 .left_div h3 small{
	display: block;
	font-size: 14px;
	color: #bdbdbd;
	margin-top: 8px;
	font-weight: normal;
    border-top: 2px solid #d3d3d3;
    width:130px;
    padding-top: 4px;
    
    
}
.welcome_box .div1 .left_div ul{
	
}
.welcome_box .div1 .left_div ul li{
	font-size: 0;
	position: relative;
	margin-bottom: 12px;
}
.welcome_box .div1 .left_div ul li em{
	display: inline-block;
	vertical-align: top;
	width: 55%;
}
.welcome_box .div1 .left_div ul li em img{
	width: 100%;
	vertical-align: top;
}
.welcome_box .div1 .left_div ul li div{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	box-sizing: border-box;
	padding-left: 14px;
    z-index: 9999; 
    padding-right:20px;

}
.welcome_box .div1 .left_div ul li div h6{
	font-size: 22px;
	margin-bottom: 10px;
}
.welcome_box .div1 .left_div ul li div p{
	
}
.welcome_box .div1 .left_div ul li div p a{
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
}
.welcome_box .div1 .left_div ul li .nm_span{
	position: absolute;
	top: 0;
	right: -22px;
	width: 40px;
	height: 40px;
	background: #019b45;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	border: 2px solid #fff;
	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
}
.welcome_box .div1 .left_div ul li .nm_span i{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
  	transform:translate(-50%,-50%) rotate(-45deg);
}
.welcome_box .div1 .left_div .link_a{
	width: 160px;
    height: 30px;
    display: block;
    margin: 40px auto 0;
    background: #ea5413;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}



.welcome_box .div1 .right_div{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 5%;
	border-left: 1px solid #e7e7dd;
	margin-left: -1px;
}
.welcome_box .div1 .right_div h3{
	font-size: 24px;
	
	font-weight: bold;
	text-align: right;
	margin-bottom: 40px;
}
.welcome_box .div1 .right_div h3 small{
	font-size: 46px;
	display: block;
	font-weight: normal;
    text-align:center;
    color: #d5d5d5;
}
.welcome_box .div1 .right_div h3 small i{
	color: #b40000;
}
.welcome_box .div1 .right_div div{
	margin-bottom: 24px;
}
.welcome_box .div1 .right_div div p{
	font-size: 16px;
	line-height: 1.5;
	color: #5c5c5c;
    line-height:30px;
}
.welcome_box .div1 .right_div div p i{
	color: #019b45;
}
.welcome_box .div1 .right_div .nr_p{
	font-size: 14px;
	color: #423f3f;
	line-height: 1.5;
	text-indent: 28px;
}
.welcome_box .div1 .right_div em{
	display: block;
	margin-top: 50px;
}
.welcome_box .div1 .right_div em img{
	width: 100%;
	border-radius: 8px;
	vertical-align: top;
	/*box-shadow: 15px 15px 0 #e7e7dd;*/
}
.welcome_box .div1 .right_div a{
	width: 160px;
	height: 30px;
	display: block;
	margin: 40px auto 0;
	background: #ea5413;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: #fff;
}


.welcome_box .div2{	
}

.welcome_box .div2 .link_a{	
    width: 160px;
    height: 30px;
    display: block;
    margin: 40px auto 0;
    background: #ea5413;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.welcome_box .div2 .swiper-slide a{
	display: block;
    overflow: hidden;
    position: relative;
}
.welcome_box .div2 .swiper-slide a img{
	width: 100%;
    vertical-align: top;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.welcome_box .div2 .swiper-slide a:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_box .div2 .swiper-slide a p{
	/*position: absolute;*/
    left: 0;
    bottom: 0;
    height: 58px;
    line-height: 58px;
    background: rgba(0,59,105,1);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    width: 100%;
    margin-top:12px
}

 

.welcome_box .div3{
	padding-bottom: 70px;
}
.welcome_box .div3 .title_h2{

}

/*.welcome_box .div3 .title_h2 small{
	border-top: none;
	margin-bottom: 14px;
}

.welcome_box .div3 .title_h2 ::after{
	content: "";
	display: block;
	width: 120px;
	margin: 8px auto 0;
	height: 2px;
	background: #d3d3d3
}*/
.welcome_box .div3 em{
	display: block;
}
.welcome_box .div3 em img{
	width: 100%;
}
.welcome_box .div4{
	border-top: 1px solid #d9d9d9;
	padding-top: 40px;
	padding-bottom: 70px;
}
.welcome_box .div4 .title_h2{
	text-align: left;
}
.welcome_box .div4 .title_h2 small{
	margin-bottom: 14px;
	text-align: left;
}
.welcome_box .div4 .title_h2 a{
	float: right;
	/*width: 82px;
	height: 32px;
	background: url(../img/jt.png) no-repeat center #fef066;*/
    width: 160px;
    height: 30px;
    display: block;   
    background: #ea5413;
    font-size: 14px; 
    text-align:center;
    line-height: 30px;
    color: #fff;  
}
.welcome_box .div4 ul{

}
.welcome_box .div4 ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.welcome_box .div4 ul li:nth-of-type(4n+4){
	margin-right: 0;
}
.welcome_box .div4 ul li a{
	display: block;
	color: #333;
}
.welcome_box .div4 ul li em{
	display: block;
	overflow: hidden;
}
.welcome_box .div4 ul li em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.welcome_box .div4 ul li div{
	padding: 14px 10px 0;
}
.welcome_box .div4 ul li div h6{
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 16px;
}
.welcome_box .div4 ul li div p{
	font-size: 14px;
	color: #7a7a7a;
	line-height: 1.5;
	height: 63px;
	overflow: hidden;
}
.welcome_box .div4 ul li div span{
	width: 86px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #cecece;
	display: block;
	font-size: 14px;
	color: #8a8a8a;
	margin-top: 20px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.welcome_box .div4 ul li:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_box .div4 ul li:hover div span{
	background: #019b45;
	color: #fff;
	border: 1px solid #019b45;
}

    .serviceimg {text-align:center;
                 margin-bottom:10px;
    }

     .wenhuaimg {text-align:center;
                 margin-bottom:10px;
    }

@media (max-width: 1500px) {
	.product_box .left_div{
		width: 260px;
	}
	.product_box .right_div{
		width: calc(100% - 290px);
		margin-left: 30px;
	}
    /*.content_box #imgmap{
		 width: 100%;
	}
    .content_box #dituContent{
		width: 100%;
	}*/


}
@media (max-width: 1400px) {
	.head_box .title_div .logo_a{
		width: 240px;
		background-size: contain;
	}
	.head_box .title_div img{
		width: 300px;
	}
	.btm_nav ul{width: 35%;}
	/*.foot_box{
		padding: 80px 8% 100px;
	}
	.foot_box p{
		margin-left: 5%;
	}*/
    /*.content_box #imgmap{
		 width: 100%;
	}
    .content_box #dituContent{
		width: 100%;
	}*/
	.about_box .tab_div>div dl{
		width: 23%;
		font-size: 12px;
		margin-bottom: 15px;
		margin-right: 10px;
	}
	.about_box .tab_div>div dl h5{font-size: 18px;}
}
@media (max-width: 1200px) {
	.w72{
		/*width: 94%;*/
	}
       .content_box #imgmap{
		 /*width: 94%;*/
	}
	.btm_nav ul{width: 43%;}
	/*.foot_box{
		padding: 40px 8%;
	}
	.foot_box p{
		margin-left: 30px;
	}
	.foot_box a{
		width: 160px;
		background-size: contain;
	}
	.foot_box p{
		vertical-align: top;
	}*/
	.head_box .title_div{
		padding: 0 3%;
	}
	.head_box .title_div img{
		display: none;
	}
	.head_box .title_div>span{
		display: none;
	}
	.head_box .title_div .menu_div{
		display: block;
	}
	.head_box .title_div .logo_a{
		width: 200px;
	}
	.head_box .title_div{
		height: 60px;
	}
	.head_box .title_div p{
		margin-top: 14px;
		display: inline-block;
		float: none;
		margin-left: 20px;
	}
	.head_box{
		height: 60px;
		position: relative;
	}
	.head_box .w_ul{
		display: none;
		background: #fff;
		height: auto;
		line-height: 45px;
		box-shadow: 0 5px 10px rgba(0,0,0,0.2);
		position: absolute;
		width: 100%;
		top: 60px;
		left: 0;
		z-index: 9;
	}
	.head_box .w_ul li{
		width: 100%;
		display: block;
	}
	.head_box .w_ul li a{
		border-left: none;
		color: #333;
		padding: 0;
		display: block;
	}
	.head_box .w_ul li{
		border-top: 1px solid #eee;
	}
	.title_p{
		height: 42px;
		line-height: 44px;
	}
	.case_box ul li{
		width: 49%;
		margin-right: 2%;
	}
	.case_box ul li:nth-of-type(3n+3){
		margin-right: 2%;
	}
	.case_box ul li:nth-of-type(2n+2){
		margin-right: 0;
	}
	.content_box #dituContent{
		width: 100%;
	}
    .content_box #imgmap{
		 width: 100%;
	}
	.product_box .left_div{
		width: 100%;
	}
	.product_box .left_div ol li p.show_p{
		display: none;
	}
	.product_box .right_div{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.welcome_box .div1 .left_div{
		width: 100%;
		border: none;
	}
	.welcome_box .div1 .right_div{
		width: 100%;
		padding-left: 0;
		border: none;
	}
}
@media (max-width: 768px) {
    .w72{
	width: 90%;
	margin: 0 auto;
}
    .head_box .title_div p{ 
	font-size: 14px;
	padding: 0 1px;
    margin-left: 10px;
}
 .head_box .title_div p a {
    
    padding: 0 2px;
     
}
    .page_box{
	text-align: center;
}
.page_box a{
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin: 0 1px;
	margin-top: 40px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.page_box a:hover{
	color: #019b45;
}
 
	.title_box{
		padding-top: 0;
		padding-bottom: 85px;
        height:auto;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.title_box img{
		position: absolute;
		height: auto;
		width: 100%;
        /*height: 160px;
		width: auto;*/
	}
	.foot_box a{
		width: 100px;
		height: 100px;
	}
	.foot_box em{
		float: none;
	}
	.btm_nav ul{width:90%;}
	/*.foot_box p{
		margin-left: 0;
		display: block;
		margin-bottom: 20px;
	}*/
    .foot_box p {
        width: 98%;
    }
	.about_box .tab_p span{
		margin-bottom: 10px;
	}
    .about_box .tab_div>div dl
    {
        width: 47%;height:200px; display: block;border:1px solid #059b1b;overflow: hidden;
       padding: 20px 0px;
       text-align: center;
       margin-left: 1%;margin-right: 1%;
 }
    .about_box .tab_div>div dl dd{text-align: center;}
    .about_wenhua{display:none;}
    .about_wenhua_mobile{display:block;}

	.case_box ul li{
		width: 100%;
		margin-right: 0;
	}
	.content_box #dituContent{
        width: 100%;
		height:300px;
	}
    .content_box #imgmap{
        width: 100%;
		 
	}
	.content_box dl{
		text-align: left;
	}
	.content_box dl dt{
		margin-right: 0;
	}
	.content_box dl dd{
		margin-top: 10px;
	}
	.news_box ul li span{
		width: 100px;
		font-size: 30px;
	}
	.news_box ul li div{
		width: calc(100% - 100px);
		padding-left: 20px;
	}
    .serviceimg{width:100%;}
    .wenhuaimg {width:auto;}
 
	.product_box .left_div h4{
		font-size: 30px;
		padding: 16px 0 16px 20px;
	}

    .content_box #imgmap{
		 width: 100%;
         height:400px;
	}
    .content_box .imgmap {
        width: 100%;
    }
	.product_box .left_div ol li span{
		padding: 0 10px;
	}
	.product_box .right_div ul li{
		width: 100%;
		margin-right: 0;
	}
	.product_box .gallery-top{
		width: 100%;
	}
	.product_box .gallery-thumbs{
		width: 100%;
	}
	.product_box .swiper_div{
		padding: 30px 20px;
	}
	.product_box .gallery-thumbs{
		padding-top: 15px;
	}
	.service_form input{
		width: 94%;
		box-sizing: border-box;
	}
	.service_form textarea{
		width: 94%;
		box-sizing: border-box;
	}
	.welcome_box .div1 .left_div ul li .nm_span{
		display: none;
	}
	.welcome_box .div1 .left_div ul li em{
		width: 100%;
	}
	.welcome_box .div1 .left_div ul li div{
		width: 100%;
		padding-left: 0;
	}
	.welcome_box .div1 .left_div ul li div h6{
		margin-top: 10px;
	}
	.welcome_box .div1 .right_div{
		margin-top: 30px;
	}
	.welcome_box .div4 ul li div p{
		height: auto;
	}
	.welcome_box .div4 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.resume_list_m{display:block}
	.resume_list_pc{display:none}
    .top_m_img{display:block;}
    .top_m_img {padding: 0 50px;}
    .top_m_img img {width: 100%;}   
}