@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: #ff0025; }
a:active { text-decoration: underline; color: #ff0025; }
.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: 55px; }
.logo { display: block; text-align: center; width: 200px; height: auto; position:absolute; z-index:999; padding-left:8px; }
.logo a { width: 100%; height: 55px; display: block; }
.logo a img { width: 100%; vertical-align: middle; }
.logo a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
/**/
.header .search { position: absolute; top: 0; right: 50px; z-index: 1000; display: block; width: 50px; height: 55px; text-indent: -9999em; background: url(../images/icon-search.png) no-repeat center center; background-size: 40%; }
.header .search:hover { background-color: #ff0025; }
.header .search span { display: none; }
.header .search-in-box { position: relative; width: 100%; height: 55px; top: 55px; left: 0; z-index: 998; background: #ff0025; display: none; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.header .search-in { position: absolute; top: 3px; left: 2.5%; width: 95%; line-height: 45px; border-width: 0 0 1px 0; background:#ff0025; border-color: #FF2B4A; border-style: solid; border-radius: 0; }
.header .search-in-txt { position: absolute; top: 0; right: 4%; line-height: 45px; color:#FFFFFF; }
/**/
.dl-menuwrapper { width: 100%; float: right; position: absolute; top: 0; right: 0; padding-top: 55px; z-index: 998; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { border: none; width: 50px; height: 55px; text-indent: -900em; overflow: hidden; position: absolute; top: 0; right: 0; cursor: pointer; outline: none; background: url(../images/menu-button-bg.png) no-repeat center center; background-size: 50%; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active { background-color: #ff0025; }
.dl-menuwrapper ul { background: #ff0025; }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; line-height: 45px; font-weight: 300; color: #fff; border-top: 1px solid #D50020; border-bottom: 1px solid #FF2B4A; outline: none; }
/*.dl-menuwrapper li a:nth-last-child(1) { border-top:0px; }*/
.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(255,255,255,0.8); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(255,255,255,0.8); }
.dl-menuwrapper .dl-menu { text-align: center; position: absolute; right: 0; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(0.1rem); -moz-transform: translateY(0.1rem); transform: translateY(0.1rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
/*导航结束*/

/*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结束*/