* { margin: 0;padding: 0;outline: none;}
body {background-color: #FFFFFF; font: 14px/1.5 "微软雅黑","Microsoft YaHei","宋体"; color: #484848; /*min-width: 1200px; */overflow-x: hidden;}
ul,li { list-style: none;}
img { border:none; vertical-align: middle;}
a { cursor: pointer; color: inherit;display: inline-block;text-decoration: none;}
ul { list-style-type: none;}
.clearfix { *zoom:1; clear: both;}/*清除浮动*/
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.fl { float: left;}/*向左浮动*/
.fr { float: right;}/*向右浮动*/
.box { box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 9999px white inset; -webkit-appearance: none;}
.hide { display: none;}/*取消显示*/
input,textarea,select{font-family: "微软雅黑","Microsoft YaHei","宋体"; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; font-family: "微软雅黑","Microsoft YaHei","宋体";}
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; font-family: "微软雅黑","Microsoft YaHei","宋体";}
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; font-family: "微软雅黑","Microsoft YaHei","宋体";}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999; font-family: "微软雅黑","Microsoft YaHei","宋体";}
@media only screen and (max-width:480px ) {
	html{font-size: 62.5%;}
	body{font-size: 1.4rem;overflow-x: hidden;}
}



.header{
	width: 100%;
	height: 90px;
	position: relative;
	z-index: 5;
	background: #FFFFFF;
}
.header .header_box{
	width: 1200px;
	margin: 0 auto;
	line-height: 90px;
	position: relative;
}
.header .header_box .nav{
	margin-right: 155px;
}
.header .header_box .nav li{
	float: left;
	color: #555555;
	padding: 0 15px;
	position: relative;
	font-weight: bold;
}
.header .header_box .nav li:hover,
.header .header_box .nav li.on{
	color: #ffffff;
	background: #e61d25;
}
.header .header_box .nav li:hover a{
	color: #ffffff;
}
.header .header_box .nav li .item{
	position: absolute;
	z-index: 0;
	left: 0;
	background: #4c4a4f;
	top: 90px;
    width: 1000px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    display: none;
}
.header .header_box .nav li .item a{
	color: #d2ced5;
	padding: 0 16px;
}
.header .header_box .nav li .item a:hover{
	color: #E61D25;
	background: none;
}


.header .header_box .search{
	position: absolute;
	right: 0;
}
.header .header_box .navS_btn{
	margin-right: 50px;
	display: none;
	opacity: 0.6;
}



.footer{
	width: 100%;
	height: 120px;
	background: #f2f2f2;
}
.footer .footer_box{
	width: 1200px;
	margin: 0 auto;
}
.footer .footer_box .yqlj{
	padding-top: 30px;
	margin-bottom: 20px;
}
.footer .footer_box .yqlj a{
	margin-right: 5px;
}
.footer .footer_box .code{
	line-height: 40px;
	position: relative;
	color: #2e2e57;
}
.footer .footer_box .code a img{
	margin-left: 15px;
}
.footer .footer_box .code span{
	position: absolute;
	width: 120px;
	height: 120px;
	top: -130px;
	right: -50px;
	z-index: 1;
}
.footer .footer_box .code span img{
	width: 100%;
}
.footer .footer_box .copyright p{
	color: #2e2e57;
}
.footer .footer_box .copyright .handing{
	color: #797989;
}
.footer .footer_box .copyright .handing a:hover{
	text-decoration: underline;
}


@media only screen and (max-width: 1200px) {
	.header .header_box{
		width: 98%;
	}
	.header .header_box .nav{
		margin-right: 50px;
	}
	.header .header_box .nav li .item{
		display: none!important;
	}
	.footer .footer_box{
		width: 98%;
	}
}

@media only screen and (max-width: 768px) {
	.header .header_box .nav{
		display: none;
	}
	.header .header_box .navS_btn{
		display: block;
	}
	.header .header_box .nav_s{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0,0,0,.8);
		transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
		transform: translate3d(100%,0,0);
	    -webkit-transform: translate3d(100%,0,0);
	    -moz-transform: translate3d(100%,0,0);
	    -ms-transform: translate3d(100%,0,0);
	    -o-transform: translate3d(100%,0,0);
	}
	.header .header_box .nav_s.active{
		transform: translate3d(0,0,0);
	    -webkit-transform: translate3d(0,0,0);
	    -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	    -o-transform: translate3d(0,0,0);
	    transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	}
	.header .header_box .nav_s ul{
		width: 160px;
		height: 100%;
		background: #E61D25;
		float: right;
		padding-top: 30px;
	}
	.header .header_box .nav_s li{
		line-height: 40px;
		font-size: 16px;
		color: #FFFFFF;
	}
	.header .header_box .nav_s .bg_box{
		width: 100%;
		height: 100%;
		display: block;
	}
}

@media only screen and (max-width: 480px) {
	.header .header_box .search{
		display: none;
	}
	.header .header_box .navS_btn{
		margin-right: 20px;
	}
	.footer{
		height: 90px;
	}
	.footer .footer_box .yqlj,
	.footer .footer_box .code{
		display: none;
	}
	.footer .footer_box .copyright{
		padding-top: 28px;
	}
	.footer .footer_box .copyright{
		float: none;
		width: 100%;
		text-align: center;
	}
}