﻿html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 

html { font-size:100%; }
body { font-size:1em; font-family:"Microsoft YaHei", Arial; color:#424242; position:relative; -webkit-text-size-adjust:none; }
a { color:#424242; text-decoration:none; }
a:hover { text-decoration:underline;}


.wrapper { width:100%; max-width:640px; }
#header { background-color:#fff;}
#header .logo {width:75%; float:left; padding: 15px 0px 10px 10px;}
#header .logo img{display:block; width:100%; max-width:405px;}
#header .menuButton { float:right; width:8%; margin-right:3%; display:table-cell; text-align:center; vertical-align:middle; padding-top:2%;}
#header .menuButton i { display:inline-block; height:100%; vertical-align:middle;}
#header .menuButton img { vertical-align:middle; }
.reponimg{max-width:100%; display:block; margin:0 auto;}


.m_code{ margin:29px 0px 0 0px; width:40%; float:left; margin-left:3%;}
.m_code_img{background:url(../images/foot_logo.jpg) no-repeat left center; width:80%; height:40px; margin-left:1%; margin-bottom:34px; background-size: 100% 100%;}
.m_code_the{color:#8fc42e; text-indent:29px; font-size:15px; background:url(../images/foot_the.jpg) no-repeat left center;}
.m_code_the a{ color:#8fc42e; }
.m_cmer{float:left; width:96%; margin-left:5%; line-height:27px;}
.dilt_th{font-size:18px; line-height:32px;}


.responsimg { width:100%; display:block; }
.responimg { max-width:100%; display:block; margin:0 auto; }

.footer{background:url(../images/foot_mt.jpg) no-repeat center top; padding:20px 0% 0px; line-height:24px; font-size:13px; color:#fff; position: relative; }
.footer a{color:#fff;}

.m_code{ margin:29px 0px 0 0px; width:40%; float:left; margin-left:3%;}
.m_code_img{background:url(../images/foot_logo.jpg) no-repeat left center; width:80%; height:40px; margin-left:1%; margin-bottom:34px; background-size: 100% 100%;}
.m_code_the{color:#8fc42e; text-indent:29px; font-size:15px; background:url(../images/foot_the.jpg) no-repeat left center;}
.m_code_the a{ color:#8fc42e; }
.m_cmer{float:left; width:94%; margin-left:5%; line-height:27px;}
.dilt_th{font-size:18px; line-height:32px;}
.comp_x{ height:40px; border-top:1px solid #4e4e4e; margin:20px 0px 5px 0px; line-height:40px; padding-left:4%;}


#mobile_nav_wrap { height:49px; width:100%; }
#mobile_nav { /*border-top: 1px solid rgb(61, 61, 70); width: 100%; height: 48px; display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(82, 73, 69)), color-stop(0.6, rgb(82, 73, 69)), to(rgb(72, 64, 60))); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset;*/width: 100%; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; background-color:#f8f8f8;}
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:28px; height:28px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:0px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #333;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 33.3%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #444343; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #fff; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px; font-size:1.16em; }
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #444343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }

.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:15px; line-height:15px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";
clear: both; height: 0; }
.clearfix{*zoom:1;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000; margin:7% 0;}
.page span {padding:5px 10px 5px 10px; color:#fff; background-color:#014d8a; font-size:0.875em; margin:0 5px; }
.page a{ color:#fff; padding:5px 10px 5px 10px; margin:0 5px; text-decoration:none; background-color:#bbbbbb;  font-size:0.875em; }
.page a:hover {color:#fff; background-color:#a10000; }

#nav { background-color:#1a1a1a; position:absolute; right:-200px; top:0; z-index:1001; width:200px; height:100%; display:none; }
#nav ul { padding-top:20px;}
#nav ul li { height:40px; line-height:40px; border-bottom:solid 1px #2a2a2a; }
#nav ul li a { display:block; line-height:40px; padding-left:50px; color:#ccc; font-size:13px; }
#nav ul li a:hover {  text-decoration:none; }
#nav ul li a.nav { background:url(../images/nav.jpg) no-repeat 170px center; }

