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-size:14px;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*/}

html{height:100%;}
body{color:#333;line-height:20px;}
a{color:#333;}
a:hover{color:#E74C3C;}

@media (min-width:1201px){
.head{padding:30px;}
	.headlogo{float:left;margin-right:20px;}
		.headlogo img{height:100px;}

	.headnav{float:right;padding:30px 0;}
		nav span{display:none;}
		nav ul:after{content:'';display:block;clear:both;}
		nav li{float:left;position:relative;margin-right:1px;}
		nav li a{display:block;font-size:16px;line-height:40px;padding:0 30px;position:relative;color:#787878;border-radius:5px;}
		nav li.on>a,nav>li>a:hover,nav li a.on{background:#787878;color:#fff;}
		nav li.on>a:after,nav>li>a:hover:after,nav li a.on:after{width:16px;background:#E74C3C;}

footer{background:#f2f2f2;border-top:1px solid #EC5A47;padding:2em;font-size:16px;color:#666;}	
}
@media (max-width:1200px){
.head{padding:10px 2em;position:relative;z-index:3;}
	.headlogo{}
		.headlogo img{height:60px;}

	.headnav{}
		nav span{position:absolute;z-index:3;top:1.5em;right:2em;display:block;width:30px;background:#E74C3C;padding:5px 10px;border-radius:5px;}
		nav span i{display:block;content:'';width:100%;height:2px;background:#fff;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
		nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
		nav span.on i:nth-of-type(2){opacity: 0;}
		nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
		nav ul{position:absolute;left:-100%;top:80px;width:100%;background:#fff;box-shadow:0 5px 5px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
		nav ul.on{left:0;}
		nav ul li{position:relative;border-bottom:1px solid #eee;}
		nav ul li i{position:absolute;z-index:1;top:0;right:0;width:40px;height:40px;background:#eee;text-align:center;line-height:40px;font-style:normal;}			
		nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;}
		nav li a:hover,nav li a.on{background:#E74C3C;color:#fff;}

footer{background:#f2f2f2;border-top:1px solid #EC5A47;padding:2em;font-size:16px;color:#666;}
}