@charset "utf-8";
/* CSS Document */

/*全局样式 Mobile*/
html, body { background: #CCCCCC; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form { margin: 0; padding: 0 }
body { font-family: "Microsoft YaHei", Tahoma, Arial, "\5b8b\4f53"; font-size: 14px; color: #000; }
body { max-width: 800px; margin: 0px auto; background: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
img { border: 0 none; max-width: 100%; }
a:link { text-decoration: none; color: #333333; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #D90000; }
a:active { text-decoration: underline; color: #D90000; }
.fl { float: left; }
.fr { float: right; }
/*清除浮动代码*/
.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
/*线条，处理手机上显示比较细的线条*/
.line { -webkit-border-image: url(../images/line.png) 2 2 2 2; -o-border-image: url(../images/line.png) 2 2 2 2; border-image: url(../images/line.png) 2 2 2 2; }

/*导航开始*/
.header { position: relative; height: 65px; }
.logo { display: block; width: 200px; height: auto; position: absolute; z-index: 999; padding-left: 8px; }
.logo a { width: 100%; height: 65px; display: block; }
.logo a img { max-width: 100%; vertical-align: middle; }
.logo a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
/**/
.nav { display: block; float: right; height: 31px; padding: 20px 10px 0px 0px; }
.nav img { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; margin-left: 8px; }
.nav img:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
/**/
#relative { position: fixed; width: 100%; top: 65px; left: 0; height: 0px; z-index: 100; }
#allmenu { padding: 19px 0px 20px 0px; width: 100%; max-width: 800px; margin: 0px auto; z-index: 1000; background: #555555; }
#allmenu a { display: block; width: 96%; color: #fff; text-align: left; border-bottom: 1px solid #666; margin: 0px auto; padding: 10px 0px 10px 10px; }
#allmenu a:hover { background: #5c5c5c; }
#allmenu .last { border: 0px; }
#allmenu img { float: right; margin-right: 5px; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
/**/
#search { height: 50px; padding-top: 19px; width: 100%; max-width: 800px; margin: 0px auto; z-index: 10; background: #555555; text-align: center; }
#search form { padding: 0px 10px 0px 10px; }
#search #keywords { opacity: 1.0; outline: none; border: 0px none; width: 100%; background: none; padding-top: 3px; padding-bottom: 3px; }
#search .btn_srh { background: url(../images/search_btn.gif) no-repeat; border: none; width: 29px; height: 27px; }
/*导航结束*/

/*banner开始*/
.focus { width: 100%; height: auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 0.5rem; position: absolute; z-index: 1; text-align: center; bottom: 0.5rem; }
.focus .hd ul { display: inline-block; height: 0.5rem; }
.focus .hd ul li { display: inline-block; width: 0.5rem; height: 0.5rem; text-indent: -444rem; background: rgba(255, 255, 255, 0.8); margin: 0 0.1rem; vertical-align: top; overflow: hidden; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; }
.focus .hd ul .on { background: #E8000D; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li { height: auto; overflow: hidden; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.focus .bd li a img { width: 100%; height: auto; display: block; margin: 0; padding: 0; }
/*banner结束*/