@charset "utf-8";

/*------------ 全站通用 -------------*/
body{ font:16px/30px "微软雅黑"; color:#666; background:#fff; }
a{ color:#999; text-decoration:none;}
h1{ font:normal 36px/50px "微软雅黑";}
h2{ font:normal 24px/40px "微软雅黑";}
h3{ font:normal 16px/30px "微软雅黑";}
h4{ font:normal 12px/30px "微软雅黑";}

.w{ width:1400px;  margin:0 auto;}
.w2{ width:1170px;  margin:0 auto;}
img{ vertical-align:middle;}
.img100{ width:100%; height:auto; }


/*------------ top -------------*/
.logo{ background:url(../images/logo.jpg) no-repeat center top; height:120px;}
.nav{ }
.nav li{ float:left;}
.nav li a{  font:normal 16px/30px "微软雅黑"; color:#ac8053; padding:0 20px; display:block;}
.nav li a:hover{ background:#f2f2f2;}

/*------------ banner -------------*/

/*------------ main01 -------------*/
.main01{ padding:40px 0;}
.main01 .pic01,.main01 .pic02,.main01 .pic04{ padding:0 46px 40px 0;}
.main_product li{ float:left; width:400px; padding:30px; font:normal 16px/30px "微软雅黑"; text-align:center;}
.main_product li a:hover{ color:#ac8053;}
.main02,.main03,.main04,.main05{ padding-bottom:40px;}
.main01 a{ display:block;}
.main01 a:hover{ box-shadow:0 0 0 5px #ccc;}

/*------------ foot -------------*/
.foot{ font:normal 14px/30px "微软雅黑"; background:#333; color:#ccc; padding:40px;}
.foot fr{ text-align:right;}


/*------------ brand -------------*/
.brand02{ width:1400px; margin:0 auto; padding:40px 0;}




/*------------ 手机端 -------------*/
@media (max-width: 768px) {
.w{ width:100%;}
.w2{ width:100%;}
.fl{ float:none;}
img{ width:100%; height:auto; }
.main01{ display:none;}
.main_product li{ padding:0;}
.foot{ text-align:center;}
.foot fr{ text-align:center;}

.brand02{ width:auto;}

}