
/* CSS Document */
*{
	 margin:0 auto; padding:0px; color: #333333;font-family: "Microsoft YaHei","微软雅黑";
	 font-style: normal;
	 }
img {
max-width:100%;
	border:0;
	margin:0; 
	padding:0;
	
}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration: none;
}
a{
	text-decoration: none;
	transition: all 0.5s ease;
}
a:hover{
	color: #7cb247;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.wrap{
	width: 1440px;
}
.clear{
	clear: both;
}
.ellipsis{
	white-space: nowrap; 
	overflow: hidden;
	text-overflow:ellipsis;
}
.ellipsis2{
	  text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}
.mFootNav{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px #999;
}
.mFootNav div{
	float: left;
	width: 25%;
	padding-top: 5px;
}
.mFootNav img{
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 25px;
}
.mFootNav .img2{
	display: none;
}
.mFootNav .on .img1{
	display: none;
}
.mFootNav .on .img2{
	display: block;
}
.mFootNav .on p{
	color: #80b550;
}
.mFootNav p{
	text-align: center;
	font-size: 14px;
	line-height: 25px;
}
.mFootNav .footTel{
	background-color: #80b550;
}
.mFootNav .footTel p{
	color: #fff;
}
.pageImg{
	display: none;
}
.pageImg img{
				width: 100%;
			}
.header{
	box-sizing: border-box;
	z-index: 100;
	
	background-color: #FFFFFF;
	transition: all 0.5s ease;
}
.headerFix{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: 0 0 10px #cdcdcd;
}
.headerFix .header_top{
	height: 0;
	padding-top: 0px;
}
.header_top{
	height: 25px;
	overflow: hidden;
	padding-top: 20px;
	transition: all 0.5s ease;
}
.header_top_l{
	font-size: 16px;
	line-height: 25px;
}
.header_top_r .nav a{
	font-size: 16px;
	margin-right: 30px;
	line-height: 25px;
}
.header_top_r .nav a.on{
	color: #7cb247;
}
.header_top_r .nav a:hover{
	color: #7cb247;
}

.header_top_r .tel span{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 25px;
}
.header_top_r .tel img{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.header_menu{
	position: relative;
	padding: 20px 0px 20px 0px;
}
.header_menu .logo img{
	width: 250px;
}
.header_menu .menu ul{
	overflow: hidden;
}
.header_menu .menu .menuItem{
	float: left;
	margin-left: 50px;
	padding-right:8px;
}
.header_menu .menu .menuItem .menuItemLink{
	display: block;
	line-height: 45px;
	font-size: 20px;
	font-weight: bold;
	padding: 0 14px;
	border-bottom: solid 5px #FFFFFF;
}
.header_menu .menu li .menuItemLink:hover{
	color: #7cb247;
	border-bottom: solid 5px #7cb247;
}

.header_menu .menu .menuItem .menuItemLink.on{
	display: block;
	line-height: 45px;
	font-size: 20px;
	font-weight: bold;
	padding: 0 14px;
	color: #7cb247;
	border-bottom: solid 5px #7cb247;
}
.header_menu .menu li .menuItemLink:hover{
	color: #7cb247;
	border-bottom: solid 5px #7cb247;
}

.menu_hidden{
	display: none;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 100;
	width: 100%;
	border-top: solid 1px #c2c2c2;
	/*border-bottom: solid 1px #c2c2c2;*/
	box-shadow: 0 1px 0px #c2c2c2;
	background-color: #FFFFFF;
}
.menu_hidden_show .menu_hidden .menuBox_con{
	transform: translateX(0);
}
.menu_hidden .menuBox_con{
	/*transform: translateX(1500px);*/
	width: 1320px;
	box-sizing: border-box;
	padding: 50px;
	border-left: solid 1px #dfdfdf;
	transition: all 0.5s ease 0.2s;
}
.menu_hidden .menuBox_con .item{
	display: none;
}
.menu_hidden .menuBox_con .item:nth-child(1){
	display: block;
}
.menuBox_con1_text1{
	font-size: 16px;
	margin-bottom: 30px;
}
.menuBox_con1_text2{
	font-size: 16px;
}
.menuBox_con1{
	width: 475px;
}
.menuBox_con1_type{
	margin-bottom: 30px;
}
.menuBox_con1_type .title{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
.menuBox_con1_type .list{
	overflow: hidden;
}
.menuBox_con1_type .list dl{
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-left: solid 1px #2d2d2d;
	padding-left: 15px;
	margin-bottom: 30px;
}
.menuBox_con1_type .list dt{
	font-size: 22px;
}
.menuBox_con1_type .list dd{
	font-size: 22px;
}
.menuBox_con1_scene .title{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
.menuBox_con1_scene .list{
	overflow: hidden;
}
.menuBox_con1_scene .list div{
	width: 30%;
	float: left;
	margin-bottom: 15px;
}
.menuBox_con1_scene .list div span{
	display: block;
	font-size: 16px;
	width: 88px;
	line-height: 38px;
	text-align: center;
	border: solid 1px #0f080c;
}
.menuBox_con2{
	overflow: hidden;
}
.menuBox_con2:hover img{
	transform: scale(1.2);
}
.menuBox_con2 img{
	width: 700px;
	height: 400px;
	transition: all 0.5s ease;
}

.menu_hidden_show .menuBox_nav{
	opacity: 1;
}
.menuBox_nav{
	width: 220px;
	box-sizing: border-box;
	padding: 50px 50px 50px 0;
	/*opacity: 0;*/
	transition: all 0.5s ease 0.2s;
}
.menuBox_nav1 li a{
	display: block;
	font-size: 20px;
	line-height: 45px;
	font-weight: bold;
	text-align: left;
}
.menuBox_nav1{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #c1c1c1;
}
.menuBox_nav2 a{
	display: block;
	font-size: 16px;
	line-height: 35px;
}
.foot{
	background-color: #333230;
}
.foot .wrap{
}
.foot_a{
	padding: 50px 0;
	border-bottom: solid 1px #565554;
}
.foot_a1_a{
	margin-bottom: 20px;
}
.foot_a1_b{
	margin-bottom: 20px;
}
.foot_a1_c img{
	display: inline-block;
	vertical-align: baseline;
}
.foot_a1_c span{
	display: inline-block;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 5px;
}
.foot_a1_c em{
	display: inline-block;
	font-size: 26px;
	color: #FFFFFF;
}
.foot_a2{
	overflow: hidden;
}
.foot_a2 dl{
	float: left;
	width: 120px;
	margin-left: 100px;
}
.foot_a2 dt{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.foot_a2 dt a{color: #fff;}
.foot_a2 dt a:hover{color: #7cb247;}
.foot_a2 dd a{
	display: block;
	color: #dad9d9;
	font-size: 14px;
	line-height: 30px;
}
.foot_a2 dd a:hover{
	color: #7cb247;
}
.foot_b{
	padding: 10px 0;
	border-bottom: solid 1px #565554;
}
.frk{ padding:10px 0px;color: #c6c6c6;}

.foot_b a,.frk a{
	display: inline-block;
	line-height: 25px;
	font-size: 14px;
	color: #c6c6c6;
}
.foot_b a:hover{
	color: #7cb247;
}
.foot_b .fl a{
	margin-right: 10px;
}
.foot_b .fr a{
	margin-left: 10px;
}
.foot_c{
	padding: 20px 0;
}
.foot_c a,.foot_c a:hover{color: #c6c6c6;}
.foot_c div{
	font-size: 14px;
	color: #c6c6c6;
}
.foot_c div a{color: #c6c6c6;}
.mHead{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: none;
	padding: 20px;
}
.mHead .mLogo{
	overflow: hidden;
}
.mHead .mLogo img{
	float: left;
	width: 40%;
}
.mHead .mNavBtn{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.mHead .mNavBtn i{
	display: block;
	width: 50px;
	height: 3px;
	margin: 10px auto;
}
.mHead .close i{
	background-color: #666666;
}
.mHead .open i{
	background-color: #7cb247;
}
.mNav{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
}
.mNavBg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.mNavBox{
	box-sizing: border-box;
	padding: 25px 30px;
	position: absolute;
	left: -300px;
	top: 0;
	width: 250px;
	height: 100%;
	z-index: 100;
	background-color: #333230;
	box-shadow: 0 0 15px #333;
}
.mNavBox li{
	margin-bottom: 15px;
}
.mNavBox li .dt a{
	display: block;
	line-height: 25px;
	color: #ddd;
	font-size: 18px;
	font-weight: bold;
}
.mNavBox li .dd{
}
.mNavBox li .dd a{
	display: block;
	line-height: 25px;
	color: #999;
	font-size: 14px;
}
.slideNav{
	position: fixed;
	right: 0;
	/*top: 65%;*/
	bottom: 70px;
	z-index: 100;
}
.slideNav .sn_a{
	/*background-color: #595f65;*/
	background-color: rgba(89,95,101,0.8);

	line-height: 55px;
	width: 205px;
	color: #FFFFFF;
	font-size: 20px;
	padding-left: 55px;
	box-sizing: border-box;
	margin-bottom: 2px;
	border-radius: 5px 0 0 5px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	transform: translateX(150px);
	transition: all 0.5s ease;
}
.slideNav .sn_a:hover{
	background-color: #7cb246;
	transform: translateX(0px);
}
.slideNav .sn_a.bg1{
	background-image: url(../image/51.png);
}
.slideNav .sn_a.bg2{
	background-image: url(../image/52.png);
}
.slideNav .sn_b{
	/*background-color: #595f65;*/
	background-color: rgba(89,95,101,0.8);
	height: 55px;
	width: 205px;
	border-radius: 5px 0 0 5px;
	background-image: url(../image/53.png);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	transform: translateX(150px);
	transition: all 0.5s ease;
}
.slideNav .sn_b:hover{
	background-color: #7cb246;
}
@media screen and (max-width: 1560px){
    .menu_hidden .menuBox_con{
		width: 820px;
	}
	.menu_hidden .menuBox_con .menuBox_con2{
		width: 50%;
		padding-left:20px;
		box-sizing: border-box;
	}
	.menu_hidden .menuBox_con .menuBox_con2 img{
		width: 100%;
		height: auto;
	}
	.menu_hidden .menuBox_con .menuBox_con1{
		width: 50%;
	}
}
@media screen and (max-width: 1440px) {
    .wrap{
		width: 1024px;
	}
	.header_menu .menu .menuItem{
		margin-left: 0;
	}
	.header_top_r .nav a{
		/*font-size: 14px;*/
		margin-right: 10px;
	}
	.header_top_r .tel span{
		/*font-size: 14px;*/
		line-height: 25px;
	}
	.menu_hidden .menuBox_nav{
		width: 200px;
	}
	.menu_hidden .menuBox_con{
		width: 820px;
	}
	.menu_hidden .menuBox_con .menuBox_con2{
		width: 50%;
		padding-left:20px;
		box-sizing: border-box;
	}
	.menu_hidden .menuBox_con .menuBox_con2 img{
		width: 100%;
		height: auto;
	}
	.menu_hidden .menuBox_con .menuBox_con1{
		width: 50%;
	}
	.foot_a2 dl{
		margin-left: 20px;
	}
}
@media screen and (max-width: 1024px) {
	.wrap{
		width: 768px;
	}
	.slideNav .sn_a{
		padding-left: 40px;
		line-height: 40px;
		transform: translateX(165px);
		background-position:left center;
		background-size: 40px 40px;
	}
	.slideNav .sn_b{
		height: 40px;
		transform: translateX(165px);
		background-position:left center;
		background-size: 40px 40px;
	}
	.header{
		display: none;
	}
	.mHead{
		display: block;
	}
	.foot_a1{
		width: 100%;
		margin-bottom: 30px;
	}
	.foot_a2{
		width: 100%;
	}
	.foot_a2 dl{
		margin: 0;
		width: 20%;
	}
	.foot_c div{
		width: 100%;
		line-height: 30px;
	}
	
}
@media screen and (max-width: 768px){
	.wrap{
		width: 425px;
	}
	.foot{
		padding-bottom: 80px;
	}
	.mFootNav{
		display: block;
	}
	.slideNav .sn_a{
		display: none;
	}
	.bgPic{
		display: none;
	}
	.pageImg{
		display: block;
	}
	.mNavBox{
		padding: 20px 20px;
	}
	.mNavBox li .dt a{
		display: block;
		color: #ddd;
		font-size: 16px;
		font-weight: bold;
	}
	.mNavBox li .dd{
	}
	.mNavBox li .dd a{
		display: block;
		line-height: 25px;
		color: #999;
		font-size: 14px;
	}
	.foot_a2 dl{
		width: 100%;
		margin-bottom: 10px;
	}
	.foot_a2 dt{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.foot_a2 dd a{
		display: inline-block;
		font-size: 12px;
		margin-right: 10px;
	}
}
@media screen and (max-width: 425px){
	.wrap{
		width: 320px;
	}
	.mHead .mNavBtn i{
		display: block;
		width: 35px;
		height: 3px;
		margin: 5px auto;
	}
	.mHead{
		padding: 15px 10px;
	}
	.foot_b a{
		font-size: 12px;
	}
	
}
.honor{margin:30px auto; width:1436px;position:relative;}
.honor .title{font-size:30px; color:#333333;width:1400px;line-height:100px; margin-bottom:10px; margin-left:0px;}
.honor #pic_list_3{position:relative; height:540px;}
.honor .box{overflow:hidden;position:relative;width:1436px;height:429px;margin:0 auto;}
.honor ul{margin-bottom:37px;height:429px;overflow:hidden;width:9999px;}
.honor ul li{width:359px; height:429px;float:left;}
.honor ul li div{width:321px;height:429px;margin:0 19px; background:url(../image/honorbg.png) no-repeat 276px 18px #f5f5f5;overflow: hidden;}
.honor ul li img{display:block; margin-top:48px; margin-left:82px; margin-bottom:32px;}
.honor ul li span{display:block;text-align:center;margin:0 24px; border-top:1px solid #cccccc; color:#333333; font-size:16px; line-height:20px; padding-top:22px;}
.honor ul li font{display:block;text-align:center;color:#999999; font-size:16px;line-height:22px;}
.honor .prev{width:59px;height:59px;background:url(../image/left1.png) no-repeat center #fff;left:600px;cursor:pointer; position:absolute; bottom:0}
.honor .next{width:59px;height:59px;background:url(../image/right1.png) no-repeat center #fff;right:600px;cursor:pointer;position:absolute; bottom:0}
@media screen and (max-width:1500px) {
	.honor{margin:20px auto; width:1236px;}
	.honor .title{width:1200px;}
	.honor .box{width:1236px;}
	.honor ul li{width: 289px;background: url(../image/honorbg.png) no-repeat 250px 18px #f5f5f5;margin: 0 10px;}
	.honor .prev{left:520px;}
	.honor .next{right:520px;}
	}