body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,pre,ul,ol,menu,map,kbd,samp,var,object,tt,figure{margin:0;}
ul,ol,th,td,button,fieldset,legend,input,textarea{padding:0;}
body,button,input,select,textarea{font-family:"Microsoft YaHei";}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
small{font-size:12px;}
a{text-decoration:none;outline:none;transition:all ease-out 0.3s;}
li,img{transition:all ease-out 0.3s;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img,input,button{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;height:1px;}
html{overflow-y:scroll;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
input,select{vertical-align:middle;} 
object{max-width:100%;}
input[type=search]{-webkit-appearance:none;outline:none;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{display:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;/*IE/7/6*/}

body{color:#333;line-height:20px;}
a{color:#333;}
a:hover{color:#a90000;}


@media (min-width:1201px){
body{font-size:14px;}
.wp{margin:0 auto;width:1100px;}

header{position:relative;}
header:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#f2b01b 0%,#f2b01b 20%,#374262 20%,#374262 100%);}
	.head{padding:22px;}
		.head-logo{float:left;margin-right:10px;}
			.head-logo img{height:50px;}
		.head-name{float:left;padding:5px 0;margin-right:80px;}
			.head-name h2{font-size:18px;}
			.head-name p{font-size:12px;text-transform:uppercase;color:#999;}
		.head-slogen{float:left;font-size:24px;line-height:50px;}
		.head-tel{float:right;font-family:Impact;font-size:30px;line-height:50px;background:url(../img/icontel.png) no-repeat 0 center;padding-left:40px;}

.box-nav{background:#374262;}
	nav{}
		nav span{display:none;}
		nav ul{}
		nav li{float:left;margin-right:1px;}
		nav li a{display:block;font-size:16px;line-height:55px;padding:0 45px;color:#fff;}
		nav li a:hover,nav li a.on{background:#f2b01b;color:#fff;}

.footer{}
	.box-footnav{background:#2e3955;}
		.footnav{padding:20px 0;}
			.nav-footnav{}
				.nav-footnav ul{}
				.nav-footnav li{float:left;margin-right:40px;}
				.nav-footnav li a{color:#fff;}
	.box-foot{background:#354262;color:#bbc9f6;font-size:12px;line-height:30px;padding:30px 0;}
		.box-foot a{color:#bbc9f6;}
}
@media (min-width:751px) and (max-width:1200px){
body{font-size:12px;}

header{position:relative;}
header:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#f2b01b 0%,#f2b01b 20%,#374262 20%,#374262 100%);}
	.head{padding:22px;}
		.head-logo{float:left;margin-right:10px;}
			.head-logo img{height:40px;}
		.head-name{float:left;}
			.head-name h2{font-size:18px;line-height:26px;}
			.head-name p{font-size:12px;line-height:14px;text-transform:uppercase;color:#999;}
		.head-slogen{display:none;}
		.head-tel{float:right;font-family:Impact;font-size:30px;line-height:50px;background:url(../img/icontel.png) no-repeat 0 center;cursor:pointer;}
			.head-tel a{display:block;width:30px;height:30px;text-indent:-999em;margin:5px 0;}

.box-nav{background:#374262;}
	nav{}
		nav span{display:none;}
		nav ul{}
		nav li{float:left;width:25%;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}
		nav li:after{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:100%;background:rgba(255,255,255,0.1);}
		nav li a{display:block;font-size:12px;line-height:40px;color:#fff;}
		nav li a:hover,nav li a.on{background:#f2b01b;color:#fff;}

.footer{}
	.box-footnav{background:#2e3955;padding:20px;}
		.footnav{}
			.nav-footnav{}
				.nav-footnav ul{}
				.nav-footnav li{float:left;width:25%;text-align:center;line-height:40px;}
				.nav-footnav li a{color:#fff;}
	.box-foot{background:#354262;color:#bbc9f6;font-size:12px;padding:20px;}
		.box-foot a{color:#bbc9f6;}
}
@media (max-width:750px){
body{font-size:12px;}

header{position:relative;}
header:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#f2b01b 0%,#f2b01b 20%,#374262 20%,#374262 100%);}
	.head{padding:22px;}
		.head-logo{float:left;margin-right:10px;}
			.head-logo img{height:40px;}
		.head-name{float:left;}
			.head-name h2{font-size:18px;line-height:26px;}
			.head-name p{font-size:12px;line-height:14px;text-transform:uppercase;color:#999;}
		.head-slogen{display:none;}
		.head-tel{float:right;font-family:Impact;font-size:30px;line-height:50px;background:url(../img/icontel.png) no-repeat 0 center;cursor:pointer;}
			.head-tel a{display:block;width:30px;height:30px;text-indent:-999em;margin:5px 0;}

.box-nav{background:#374262;}
	nav{}
		nav span{display:none;}
		nav ul{}
		nav li{float:left;width:50%;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}
		nav li:after{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:100%;background:rgba(255,255,255,0.1);}
		nav li a{display:block;font-size:12px;line-height:40px;color:#fff;}
		nav li a:hover,nav li a.on{background:#f2b01b;color:#fff;}

.footer{}
	.box-footnav{background:#2e3955;padding:20px;}
		.footnav{}
			.nav-footnav{}
				.nav-footnav ul{}
				.nav-footnav li{float:left;width:25%;text-align:center;line-height:40px;}
				.nav-footnav li a{color:#fff;}
	.box-foot{background:#354262;color:#bbc9f6;font-size:12px;padding:20px;}
		.box-foot a{color:#bbc9f6;}
}