@charset "utf-8";
body{ background-color: #f6f6f6;}
html,body{ margin: 0; font-size: 10px; padding: 0; font-family: "微软雅黑";}
img{ border: none;}
ul,li{ list-style: none;}
a{ outline: none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input::-webkit-input-placeholder{ color: #999; font-family: "微软雅黑";}
input::-moz-placeholder{ color: #999; font-family: "微软雅黑";}
input:-moz-placeholder{ color: #999; font-family: "微软雅黑";}
input:-ms-input-placeholder{ color: #999; font-family: "微软雅黑";}
.max_box{ width: 100%; max-width: 750px; height: auto; margin: 0 auto; overflow: hidden;}

/* top */
.top{ width: 90%; padding: 0 5%; height: 7rem; background-color: #fff; overflow: hidden;}
.top .top_logo{ float: left; width: 40%; height: 7rem; text-align: center; line-height: 7rem; overflow: hidden;}
.top .top_logo img{ max-height: 7rem; max-width: 100%; vertical-align: middle;}
.top .top_ss{ float: right; width: 54%; overflow: hidden; border-radius: 2rem; margin-top: 1.5rem; box-shadow: 0 3px 8px rgba(0,0,0,.15); height: 4rem;}
.top .top_ss input{ float: left; width: 65%; height: 4rem; outline: none; padding: 0 5%; color: #333; font-size: 1.4rem; overflow: hidden; line-height: 4rem; border: none;}
.top .top_ss a{ float: right; width: 25%; height: 4rem; line-height: 4rem; text-align: center; overflow: hidden; }
.top .top_ss a img{ width: 50%; vertical-align: middle;}
/* 详情页top */
.top2{ width: 90%; padding: 0 5%; height: 5.5rem; background-color: #fff; overflow: hidden;}
.top2 a{ float: left; width: 15%; overflow: hidden; height: 5.5rem; line-height: 5.5rem;}
.top2 a img{ width: 40%; vertical-align: middle;}
.top2 div{ float: left; width: 70%; text-align: center; line-height: 5.5rem; overflow: hidden; font-size: 1.8rem; color: #333;}

/* banner */
.banner{ width: 100%; height: auto; overflow: hidden;}
.banner img{ display: block; width: 100%;}
/* 通知 */
.tongzhi{ width: 90%; height: 3rem; overflow: hidden; padding: 0.7rem 5%; background-color: #fff;}
.tongzhi .tongzhi_ioc{ width: 15%; float: left; height: 3rem; overflow: hidden;}
.tongzhi .tongzhi_ioc img{ height: 3rem;}
.tongzhi .focustz{ float: right; width: 85%; height: 3rem; overflow: hidden;}
.tongzhi .focustz a{ display: block; width: 100%; overflow: hidden; height: 3rem; line-height:3rem; color: #333; font-size: 1.4rem; text-decoration: none; text-overflow: ellipsis; white-space: nowrap;}
/* nav */
.nav{ width: 90%; clear: both; overflow: hidden; height: auto; margin-top: 1rem; padding: 1.4rem 5% 1rem; background-color: #fff;}
.nav a{ float: left; text-decoration: none; width: 18%; height: auto; overflow: hidden; margin: 0 1%;}
.nav a img{ width: 82%; margin: 0 auto; height: auto; display: block;}
.nav a div{ width: 100%; height: 3rem; line-height: 3rem; color: #333; font-size: 1.4rem; text-align: center; overflow: hidden;}

/* 底部 */
.footer{ background-color: #262b39; width: 90%; padding: 2rem 5%; clear: both; overflow: hidden; height: auto; margin-top: 2rem;}
.footer div{ color: #fff; width: 100%; text-align: center; height: auto; line-height: 2.4rem; font-size: 1.3rem;}

@media screen and (max-width: 320px) { 
	html{ font-size: 8px;}
}
@media screen and (min-width: 750px) { 
	html{ font-size: 16px;}
}