﻿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:#000; position:relative; -webkit-text-size-adjust:none; background-color:#fff;}
a { color:#111; text-decoration:none; }
a:hover { text-decoration:underline;}

#search-form{ width: 96%; height: 40px;  position: absolute;  left: 0; bottom:-70px; background: rgba(0, 109, 184, .8);  z-index: 99; display:none; padding:15px 2%;}
.chname{float:left; background:#fff; width:80%; height:36px; line-height:36px; border:0 none; box-shadow:none; font-size:12px; color:#b0b1b2; cursor:pointer; text-indent:20px; font-family: "Microsoft YaHei"; border-radius:0;}
.btn{float:left; background:url(../images/Search.jpg) no-repeat center center #e6213a; width:13%; height:42px; border:0; cursor:pointer; border-radius:0;}


.wrapper { width:100%; max-width:640px; margin:auto;}
#header { background:#fff; -moz-box-shadow: 0px 5px 10px #dddddd; /* 老的 Firefox */ box-shadow: 0px 5px 10px #dddddd; position:relative;}
#header .logo {width:46%; float:left;}
#header .logo img{display:block; width:100%; max-width:102px; margin:28px 0 28px 20px;}
#header .m_wrpa{float:left; margin-top:48px;}
#header .menuButton { float:right; margin-right:3%; display:table-cell; text-align:center; vertical-align:middle; margin-top:28px;}
#header .menuButton i { display:inline-block; height:100%; vertical-align:middle;}
#header .menuButton img { vertical-align:middle;}
.reponimg{display:block; margin:0 auto;}



.responsimg { width:100%; display:block; }
.responimg { max-width:100%; display:block; margin:0 auto; }


#mobile_nav_wrap { height:58px; 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: 58px; opacity: 1; position:fixed; left:0; bottom:0; display:block; z-index:10010; background:#0c4da2; border-top:#b7b7b7 solid 0px;}
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;padding-top:5px;}
#mobile_nav .img img {height: 22px; width: 22px; color: #fff; line-height: 48px; vertical-align: middle;  }
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-12px; }

#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: #fff;  cursor: pointer; float: left;  font-size:12px; height: 100%; line-height: 25px;  position: relative; text-align: center; width: 25%; }
#mobile_nav .m_menu_line{}
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; 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 #6a6b6c; }
#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 #434343; 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;}
.page span {padding:5px 10px 5px 10px; color:#fff; background-color:#e62129; 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:#e62129; }


.navButton{position:absolute; right:2%; top:37px;}

#nav { background-color:#fff; position:absolute; right:-200px; top:0; z-index:1001; width:100%; height:100%; display:none; text-indent: 20px;}
#nav ul { padding-top:96px;}
#nav ul li { height:50px; line-height:50px; border-bottom:solid 1px #6f6f6f; background-color:#565656; }
#nav ul li a { display:block; line-height:50px; color:#fff; }
#nav ul li a:hover {  text-decoration:none; }
#nav ul li a.nav { background:url(../images/nav.jpg) no-repeat 170px center; }

.info_t{ background:url(../images/arrow_up.png) no-repeat 90% center; }
.menu_t{border-top:1px solid #d1d1d1; color:#333; line-height:50px;}
.menu_t a{color:#333;}

#footer { font-size:0.75em; text-align:left; color:#fff; background-color:#151515; padding:0 3% 20px;}
#footer a { color:#fff; }
#footer .foot_b{border-bottom:1px solid #5b5b5b; color:#fff; font-size:16px; line-height:52px; margin-bottom:5px;}
#footer .foot_bl{width:72%; float:left;}
#footer .foot_br{width:25%; float:right;}
.foot_btb{float:left; width:24%; font-size:13px; color:#ddd; margin-left:4%; line-height:22px;}
#footer .foot_btb a{color:#ddd;}
#footer .foot_btb2{ }
#footer .foot_btb3{float:right;}

.pdn_hp{}
.sinput{background:#333; border-left:0px solid #cecece; border-top:0px solid #cecece; border-bottom:0px solid #cecece; border-right:0px solid #19667f;width:80%; height:45px; line-height:45px; color:#747474; font-size:14px; border-radius:2px 0 0 2px; text-indent:16px; outline:none; margin:7px auto 0; display: block;}
.tsubmit{background:#daac72; font-size:14px; color:#161616; border-radius:0 0px 0px 0; height:40px; line-height:40px; width:100px; cursor:pointer; border:0; margin:17px auto 0px; display: block;}

@media screen and (max-width:480px){
#header .logo{width:62%;}
#header .logo img{margin:20px 0 20px 20px;}
#header .menuButton {margin-top:20px;}
#nav ul { padding-top:80px;}
}