@charset "utf-8";
/* CSS Document */
body{font: 12px/ 1.7  "微软雅黑", "Arial","宋体";padding: 0; margin: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
body{max-width:640px;min-width:320px;margin:0 auto; background:#fff;color: #666; ;}
fieldset, img {max-height: auto; border:none; max-width:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
html {font-size:100%;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; display:block;font-weight: normal;line-height: 100%;}
q:before, q:after {content: ”;}
abbr, acronym {border: 0;}
a {color: #666;text-decoration: none;}
a:hover {color: #019dd8;text-decoration: none;}
img{ display:block;width: 100%;}

#header { width: 100%;background-color: #fff;	overflow:hidden;	}
#header .hd{width:90%; margin:0 auto; overflow:hidden; }
#header .hd .header-l{float: left; width:65%;  height: 90%; overflow:hidden;  margin-bottom:2.5%; margin-top:2.5%;}
#header .hd .header-r{ overflow:hidden;  margin-top:3%; width:13%; padding-left:20%;}
#banner p {color:#3e3a36; font-size:15px; padding:0 3%;}
#banner h5 { color:#d27705; font-size:17px; text-align:center; padding:5% 0;}

#banner {width: 100%; overflow:hidden;}

#footer { overflow: hidden; background-color: #f9f4f0; width:100% ;}
#footer .foot-top { width:100% ; height:50px; background-color:#777777; overflow:hidden;}
.foot-top ul{ width:95%; overflow:hidden; text-align:center; margin:13px auto;}
.foot-top ul li{ font-size:105%;width:15%;color:#fff; font-weight:bold;float:left;line-height:25px;word-spacing: 8px; letter-spacing: 2px;}
.foot-top ul li a{color:#FFFFFF; font-size:15px;}
.foot-top ul #l{width:2%;font-weight: normal;}
#footer #ft-buttom { margin:4% auto 20%;  overflow:hidden; width:100%;}
#ft-buttom p { font-size:16px; line-height:180%; color:#5b5a5a; }
#footer #ft-buttom .ft-buttom1 { float:left; width: 56%;}
#menu {max-width:640px;min-width:320px;	width:100%;	display:none;position:absolute;background-color:#5a5959;overflow: hidden;z-index:9999;}
#menu ul {margin: 0; padding: 0;width: inherit;}
#menu ul li{ font-size:16px; width:100%; color: #fff;}
#menu ul li span img{ width:60%;}
#menu ul li span{ float:right;}
#menu ul li a:link,#menu ul li a:visited {border-bottom: solid #656d7a 2px;box-shadow: 0 1px 0 #727272;color: #fff;display: block; padding: 3% 9% 2%;	width:83%;text-align:left;overflow:hidden;}
#menu ul li a:hover,#menu ul li a:active { background-color: #716f6f;}

 
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {  
//针对大多数iPhone6的标准模式
body { font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; } 
 }  
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3) {  
//针对所有iPhone6+的放大模式
body {font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; }
 }  
@media only screen and (min-device-width:412px) and (-webkit-min-device-pixel-ratio: 3) {  
//针对所有iPhone6+的标准模式,414px写为412px是由于三星Nexus 6为412px，可一并处理
body {font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; } 
 }  
@media (min-width: 370px) { 
body { font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; }
 }
@media (min-width: 414px){
 body { font: 15px/ 1.7  "微软雅黑", "Arial","宋体"; }
 }
   
@media (min-width: 640px) {
body { font: 18px/ 2  "微软雅黑", "Arial","宋体"; }
#banner p { font:18px/1.8 "微软雅黑", "Arial","宋体";}
#banner h5 {font-size:25px;}
 }