/*公用的样式*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
a{text-decoration:none;color:inherit;&:focus{outline:none;}}
sub{vertical-align:text-bottom;}
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,sans-serif; color: #333;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"}
.clear:after{content:"\0020";height:0;display:block;clear:both;}
.clear{zoom:1;}
em,i{font-style: normal;}
img{display:block;border:0}
input { -webkit-appearance: none;}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}/*IOS input样式清除*/
html,body {width: 100%;margin: 0px auto;padding: 0;font-family: "微软雅黑";}
body,h2,h3,p,img,ul,ol,li,div,span{margin: 0;padding: 0;list-style: none;font-family: "微软雅黑";}
body{margin: 0px;padding: 0px;}
img{ width: 100%; height: auto;}
.LF{ float: left;}
.RF{ float: right;}
/*head*/
.header{
	width: 100%;
	overflow: hidden;
	margin: auto 0;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99; 
    background: #fff;	
}
.head{
	width: 100%;
	overflow: hidden;
	margin: auto 0;
}
.logo{
	width: 50%;
	height: auto;
	float: left;
	padding-left: 2%;
}
.logo a{
	display: block;
	height: auto;
}
.tel{
	width: 30%;
	height: 15px;
	float: right;
	margin: 3% 0 0;
	padding-right: 2%;
}
.nav{
	width: 100%;
	height: 55px;
	line-height: 55px;
	margin: 0 auto;
	background: url(../img/news_15.png) no-repeat center bottom;
	background-size: contain;
}
.nav a,.top_nav a{
	display: block;
	float: left;
	width: 16.6%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 1.2em;
	color: #333;
}
/*底部*/
.footer{
	width: 100%;
	height: 200px;
	margin: 0 auto;
	background: url(../img/bottom_02.png)no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.footer h2{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	margin: 0 auto;
}
.footer div{
	width: 31%;
	float: left;
	margin: 5% 1%;
	overflow: hidden;
}
.footer div a{
	display: block;
	overflow: hidden;
}
.footer div p{
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.footer div span{
	clear: both;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-size: 1em;
	width: 100%;
	text-align: center;
	vertical-align:middle;
	display: block;
}
@media only screen and (max-width: 414px) {
	.Honor_conter div{
	height: 136px;
	}
	.Honor_conter div img{
	height: 136px;
	}
	.antage_cont li.an {
	    padding-top: 4%;
	    padding-left: 17%;
	}
	.antage_cont li {
	    height: 45px;
	    line-height: 45px;
	    text-align: left;
	    font-size: 1.1em;
	    color: #666;
	}
}
@media only screen and (max-width: 320px) {
	.brand_title h2 {
    height: 65px;
    background: url(../img/biaot1_03.png) no-repeat left 20% center;
    background-size: 65%;}
	.strey_title h2{
	height: 65px;
	background: url(../img/biaot1_07.png) no-repeat left 20% center;
    background-size: 50%;
	}
	.Honor_title h2 {
    width: 80%;
    height: 65px;
    background: url(../img/honor_03.png) no-repeat left 20% center;
        background-size: 65%;
    }
	.Honor_conter div{
	width: 46%;
	margin:2%;
	float: left;
	height: 105px;
	}
	.Honor_conter div img{
	width: 46%;
	margin:2%;
	float: left;
	height: 105px;
	}
	.antage_cont li.an {
	    padding-top: 17%;
	    padding-left: 17%;
	}
	.antage_cont li {
	    height: 35px;
	    line-height: 35px;
	    text-align: left;
	    font-size: 1.1em;
	    color: #666;
	}
}