.banner{
	position: relative;
	width: 100%;
	height: 350px;
	margin: 0px auto;
	overflow: hidden;
	background-position: center;
	background-repeat:  no-repeat;
	animation: banner 2s forwards ease;
}

@keyframes banner{
	from{background-size: 2120px 400px;}
	to{background-size: 1920px 350px;}
}

@media screen and (max-width: 1920px){
	.banner{height: 350px}
}

.b1{background-image: url(b1.jpg);}
.b3{background-image: url(b3.jpg);}
.b4{background-image: url(b4.jpg);}
.b5{background-image: url(b5.jpg);}
.b6{background-image: url(b6.jpg);}

.c1{background-image: url(c1.jpg);}
.c2{background-image: url(c2.jpg);}
.c3{background-image: url(c3.jpg);}
.c4{background-image: url(c4.jpg);}
.c5{background-image: url(c5.jpg);}
.c6{background-image: url(c6.jpg);}
.c7{background-image: url(c7.jpg);}

.place_box{
	float: left;
	padding: 0px 50px;
	margin-top: 290px;
	color: #999;
	line-height: 60px;
	background: rgba(255,255,255,.95);
	overflow: hidden;
}

.place_box a{color: #666;}

.place_box span a{color: #fe0000;}

.place_box .fa{margin: 0 12px;}

.cp_class{
	float: left;
	margin-top: 290px;
	overflow: hidden;
}

.cp_class a{
	float: left;
    display: block;
	color: #bebebe;
	font-size: 16px;
    font-weight: 700;
	line-height: 60px;
	margin-left: 3px;
	padding: 0 35px;
	background: #3c3c3c;
	transition: all 0.3s;
}

.cp_class a:hover{color: #fff!important;}

.smenu,a.class_active{color: #fff!important; background: #fe0000!important;}

#main_box{
	width: 1200px;
	margin: 50px auto 70px auto;
	overflow: hidden;
}

#main_box h2{
    color: #fe0000;
    font-size: 35px;
    letter-spacing: 1px;
    line-height: 50px;
    font-weight: 700;
    overflow: hidden;
}

#main_box .nav{color: #fe0000;}

#main_box .back{
	float: right;
    color: #666;
    font-size: 14px;
    line-height: 50px;
    font-weight: 500;
    overflow: hidden;
}

#main_box .back:hover{color: #1e1e1e;}

#main_box .back .fa{margin-right: 9px}

.show_pages{
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	overflow: hidden;
}

.show_pages li{
	float: left;
	width: 50%;
	overflow: hidden;
}

.show_pages a{display: inline-block;margin: 0 6px;}

.show_pages table{float: right}

.pagesnow{color: #fe0000;margin: 0 10px}

/*news*/
.news_pic{
	float: left;
	width: 1245px;
	margin-top: 50px;
	padding-bottom: 80px;
	border-bottom: 1px solid #bebebe;
	overflow: hidden;
}

.news_pic a{
	float: left;
	display: block;
	width: 370px;
	margin-right: 45px;
	overflow: hidden;
}

.news_pic a h5{
	width: 100%;
	height: 300px;
	background: #1e1e1e;
	overflow: hidden;
}

.news_pic a h5 img{
	display: block;
	width: 370px;
	height: 345px;
	opacity: 1;
	transition: all 0.5s;
	overflow: hidden;
}

.news_pic a:hover h5 img{opacity: 0.6;}

.news_pic a h4{
	width: 100%;
	height: 24px;
	margin: 20px auto 16px auto;
	color: #666;
	overflow: hidden;
}

.news_pic a span{
	float: left;
	display: block;
	line-height: 24px;
	overflow: hidden;
}

.news_pic a font{
	float: left;
	display: block;
	width: 1px;
	height: 24px;
	background: #bebebe;
	margin: 0 20px;
	overflow: hidden;
}

.news_pic a h3{
	float: left;
	width: 100%;
    font-size: 21px;
    line-height: 32px;
    font-weight: 700;
    overflow: hidden;
}

.news_query{
	float: left;
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
	overflow: hidden;
}

.news_query a{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #bebebe;
	overflow: hidden;
}

.news_query a span{
	position: absolute;
	display: block;
	width: 100%;
	height: 0px;
	left: 0px;
	bottom: 0px;
	background: rgba(0,0,0,.05);
	transition: all 0.6s ease 0s;
	z-index: 9;
	overflow: hidden;
}

.news_query a:hover span{height: 100%;background: rgba(0,0,0,.0);}

.news_query a h3{
	width: 1100px;
	font-size: 21px;
    line-height: 40px;
	font-weight: 700;
	margin-left: 0px;
	transition: all 0.6s ease 0s;
	overflow: hidden;
}

.news_query a p{
	color: #666;
    line-height: 24px;
	margin-left: 0px;
	transition: all 0.6s ease 0s;
}

.news_query a font{
    color: #999;
    font-family: Arial;
    margin-left: 0px;
	transition: all 0.6s ease 0s;
}

.news_query a:hover h3,.news_query a:hover p,.news_query a:hover font{margin-left: 30px;}

.news_detail{
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden;
}

.news_detail h3{
	color: #1e1e1e;
	font-size: 27px;
    line-height: 40px;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
}

.news_detail dd{
	width: 100%;
	color: #666;
    line-height: 60px;
	text-align: center;
	border-bottom: 1px dotted #bebebe;
	margin-bottom: 30px;
	overflow: hidden;
}

.news_con{
	width: 100%;
	text-indent: 2rem;
	overflow: hidden;
}

.news_con img{
	display: block;
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	text-indent: 0rem;
	overflow: hidden;
}

.news_con p em{
	color: #1e1e1e;
	font-size: 21px;
	font-style: normal;
	line-height: 50px;
	font-weight: 700;	
}

.news_con strong{font-size: 16px;}

.show{
	width: 100%;
	border-top: 1px solid #bebebe;
	margin: 50px auto;
	padding-top: 30px;
	overflow: hidden
}

.show li{
	float: left;
	width: 50%;
	color: #666;
	overflow: hidden
}

/*history*/
.history_query{
    width: 1200px;
	margin: 60px auto;
    overflow: hidden;
}

.history_query li{
	position: relative;
    padding: 30px 85px 0px 85px;
	overflow: hidden;
}

.history_query li span{
	position: absolute;
    left: 55px;
	top: 38px;
	display: block;
    width: 10px;
    height: 10px;
	border-radius: 100%;
    background: #fe0000;
	z-index: 9;
}

.history_query h3{
	float: left;
	width: 1000px;
    color: #666;
	font-size: 14px;
	font-family: Helvetica, Arial," sans-serif";
	margin-left: 10px;
}

.history_query p{
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	margin: auto;
	margin-left: 10px;
}

.history_query li:after{
	position: absolute;
	display: block;
    left: 60px;
    top: 0px;
    content: '';
    width: 1px;
    height: 100%;
    background: #eaeaea;
}

/*wenhua*/
.wenhua li{
	float: left;
	width: 600px;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #bebebe;
	overflow: hidden;
}

.wenhua .iconfont{
	float: left;
	display: block;
	color: #83888b;
	font-size: 67px;
	line-height: 100px;
	margin-right: 30px;
}

.wenhua strong{
	display: block;
	color: #1e1e1e;
    font-size: 21px;
	font-weight: 700;
	margin-top: 27px;
	margin-bottom: 8px;
}

/*contact*/
.contact li{
	float: left;
	width: 25%;
	margin-top: 30px;
	margin-bottom: 50px;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
}

.contact li .iconfont{
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #666;
	color: #fff;
	font-size: 36px;
	line-height: 90px;
	margin: 30px auto;
	overflow: hidden;
}

.contact li:hover .iconfont{background: #fe0000;color: #fff;}

.contact h3{margin-bottom: 10px;font-size: 16px;}

.contact strong{
	color: #1e1e1e;
	font-size: 16px;
	font-weight: 600;
	font-family: Helvetica, Arial," sans-serif";
}

.form_box{
    width: 1200px;
	margin-top: 60px;
    overflow: hidden;
}

.feedback li{margin-bottom: 30px;}

.feedback li span{
	float: left;
	width: 80px;
	display: block;
	line-height: 36px;
	font-weight: 500;
}
	
.feedback li input{
	width: 320px;
    height: 36px;
	border: 1px solid #eaeaea;
	text-indent: 10px;
}

.feedback li textarea{
    width: 600px;
	min-height: 200px;
    padding: 20px;
	border: 1px solid #eaeaea;
	font-family: "Microsoft YaHei", SimSun;
}

.feedback li select{
	width: 80px;
    height: 36px;
    border: 1px solid #eaeaea;
    padding-left: 10px;
    margin-right: 10px;
}
	
.feedback .button{
	display: block;
	width: 135px;
	height: 36px;
	margin-left: 80px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	border: none;
	line-height: 36px;
	background: #3c3c3c;
	overflow: hidden;
}

.feedback .button:hover{color: #fff;background: #fe0000;}

.job_feed{
    width: 1200px;
	margin: 60px auto;
    overflow: hidden;
}

.job_feed li textarea{width: 800px;}












.simian strong{
	color: #155e3d;
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
}

.simian li{
	float: left;
	width: 33.3%;
	margin-bottom: 30px;
	overflow: hidden;
}

.simian li img{
	margin: 0px auto!important;
	margin-left: 0px!important;
}

.simian li p{
	width: 365px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.simian li em{
	display: block;
	margin-top: 15px;
	color: #221815;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.qt_more{
	display: block;
	width: 150px;
	padding: 0 30px;
	height: 42px;
	margin: 60px auto 20px auto;
	text-align: center;
	border-radius: 20px;
	background: #55a51c;
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	overflow: hidden;
}

.qt_more:hover{color: #fff;background: #155e3d;}

.yr{margin-left: 0px!important}

.fz_intro li{
    width: 100%;
	margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #d3d3d3;
    overflow: hidden;
}

.fz_intro strong{font-size: 16px;}

.fz_pic,.fz_logo,.ty_pic{
	width: 1200px;
	margin: 30px auto;
	text-align: center;
	overflow: auto;
}

.fz_pro{
	position: relative;
	display: inline-block;
	width: 260px;
	height: 290px;
	background: #000;
	margin: 15px;
	overflow: hidden;
}

.fz_pro img{
	display: block;
	width: 220px;
	height: 250px;
	border: 20px solid #fff;
	opacity: 1;
	transition: all 0.5s;
}

.fz_pro:hover img{opacity: 0.5;}

.fz_pro span{
	display: block;
	position: absolute;
	top: -40px;
	left: 110px;
	width: 40px;
	height: 40px;
	text-align: center;
	opacity: 0;
	z-index: 9;
	transition: all 0.5s;
}

.fz_pro:hover span{top: 120px;opacity: 1;}

.fz_pro .iconfont{
	color: #fff;
	font-size: 36px;
	line-height: 40px;
}

.cp_more{float: none;margin: 30px auto!important;}

.fz_logo img{
	display: inline-block;
	width: 198px;
	height: 90px;
	border: 2px solid #221815;
	margin: 10px 8px;
}

.cp_more1{
	display: block;
	width: 175px;
	height: 40px;
	border: 1px solid #55a51c;
	margin: 0px auto;
	margin-top: 30px;
	color: #fff;
	font-size: 15px;
	line-height: 42px;
	letter-spacing: 0px;
	font-family: Arial," sans-serif";
	text-align: center;
	text-transform: uppercase;
	background: url(more1.png) no-repeat -175px 0px;
	transition: all 0.5s;
	overflow: hidden
}

.cp_more1:hover{
	color: #fff;
	background: url(more1.png) no-repeat 0px 0px;
	border: 1px solid #155e3d;
}

.sc_intro{
	width: 1200px;
	text-align: left;
	margin: 0 auto;
	margin-top: 40px;
	overflow: hidden;
}

.sc_intro p{margin: 0px auto;}

.sc_intro strong{
	font-size: 16px;
	letter-spacing: 1.5px;
	line-height: 50px;
}

.sc_intro img{display: block;margin: 40px auto;}

.fz_contact{
	width: 1200px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

.fz_contact li{
	float: left;
	width: 50%;
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #eaeaea;
	overflow: hidden;
}

.fz_contact strong{
	font-size: 16px;
	letter-spacing: 1.5px;
	font-weight: 600;
}

.jf_contact{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.jf_contact li{
	float: left;
	width: 400px;
	text-align: center;
	overflow: hidden;
}

.jf_contact li .iconfont{
	display: block;
	width: 60px;
	height: 60px;
	margin: 20px auto;
	border-radius: 100%;
	background: #55a51c;
	color: #fff;
	font-size: 36px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
}

.jf_contact ul{
	float: left;
	width: 1200px;
	overflow: hidden;
}

.yj_pro{
	position: relative;
	display: inline-block;
	width: 260px;
	height: 180px;
	margin: 15px;
	background: #000;
	overflow: hidden;
}

.yj_pro img{
	display: block;
	width: 260px;
	height: 180px;
	opacity: 1;
	transition: all 0.5s;
}

.yj_pro:hover img{opacity: 0.5;}

.yj_pro span{
	display: block;
	position: absolute;
	top: -40px;
	left: 110px;
	width: 40px;
	height: 40px;
	text-align: center;
	opacity: 0;
	z-index: 9;
	transition: all 0.5s;
}

.yj_pro:hover span{top: 70px;opacity: 1;}

.yj_pro .iconfont{
	color: #fff;
	font-size: 36px;
	line-height: 40px;
}

.yj_detail{
	width: 1400px;
	margin: 50px auto;
	text-align: center;
	overflow: hidden;
}

.yj_detail h2{
	color: #55a51c;
    font-size: 24px;
	font-family: Arial," sans-serif";
    margin: 30px auto;
}

.yj_detail dd p,.yj_detail dd img{margin: 0px auto!important;}

.yj_pages{
	width: 1400px;
	padding: 15px 0px;
	margin: 20px auto;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
}

.yj_pages li{
	float: left;
	width: 50%;
	line-height: 24px;
	text-transform: uppercase;
}

.yg_query{
	width: 1210px;
	text-align: center;
	margin: 50px auto;
	overflow: hidden;
}

.yg_query a{
	display: inline-block;
	width: 400px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #eaeaea;
	text-align: center;
	overflow: hidden;
}

.yg_query a h2{
    width: 400px;
    height: 40px;
	margin-top: 10px;
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jf_intro{margin-top: 30px;}

.jf_intro p{margin: auto;}

.jf_intro img{margin: 30px auto;}

.cs_intro,.sm_intro{
	width: 1400px;
	margin: 50px auto;
	overflow: hidden;
}