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; margin:auto;}
#header { background:#fff; -moz-box-shadow: 0px 5px 10px #dddddd; /* 老的 Firefox */ box-shadow: 0px 5px 10px #dddddd;}
#header .logo {width:30%; float:left; margin-left:3%;}
#header .logo img{display:block; width:100%; max-width:357px; margin:8px 0;}
#header .m_wrpa{float:left; margin-top:48px;}
#header .menuButton { float:right; width:11%; margin-right:2%; display:table-cell; text-align:center; vertical-align:middle; margin-top:4%;}
#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;}

#footer { font-size:12px; text-align:center; line-height:40px; color:#fff; background-color:#585858; border-top:1px solid #707070;}
#footer a { color:#fff; }

.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:url(../images/foot_bg.jpg) repeat-x left top;}
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;padding-top:5px;}
#mobile_nav .img img {height:19px; width:19px; 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_t{position:absolute; left:2%; top:38px; color:#fff;}
#nav { background-color:#767676; position:absolute; right:-200px; top:0; z-index:1001; width:100%; height:100%; display:none; }
#nav ul { padding-top:80px;}
#nav ul li { height:40px; line-height:40px; border-bottom:solid 1px #fff; }
#nav ul li a { display:block; line-height:40px; text-align:left; color:#fff; text-indent: 30px;}
#nav ul li a:hover {  text-decoration:none; }
#nav ul li a.nav { background:url(../images/nav.jpg) no-repeat 170px center; }

.bdt{font-size:18px; color:#c4261d; line-height:30px;}
.d_about{margin:0 20px 80px 0;}
.CONTACT_t1{background:url(../images/in_01.jpg) no-repeat left 4px; padding-left:20px;}
.CONTACT_t2{background:url(../images/in_02.jpg) no-repeat left center; padding-left:20px; padding-left:20px;}
.CONTACT_t3{background:url(../images/in_03.jpg) no-repeat left center; padding-left:20px;}
.CONTACT_t4{background:url(../images/in_04.jpg) no-repeat left 8px; padding-left:20px;}
.CONTACT_t5{background:url(../images/in_05.jpg) no-repeat left 6px; padding-left:20px;}
.bdt_x{width:100%; height:10px; border-bottom:1px solid #d4d4d4; margin-bottom:10px;}
.cont_r2 img, .cont_l2 img{ margin-bottom:-6px;}

.dt_footer{background:url(../images/foot_bj.jpg) no-repeat left center; background-size: 100% 100%; padding:14px 4% 25px; line-height:24px; font-size:12.5px; color:#fff; margin-top:40px;}
.dt_bx{color:#000; font-size:14px; line-height:30px;}
.dt_bc{color:#fff; font-size:14px; line-height:25px; border-bottom:0px solid #d0d0d0; margin-bottom:10px; }
.dt_bfd a{color:#fff; }
.dt_bf{background:url(../images/contacts_img.jpg) no-repeat center center; width:90px; height:90px; line-height:200px; text-align:center;}
.dt_bfd{}
.dt_bft{width:35%; float:left; text-align:center; margin-top:15px;}
.dt_bft img{ width:100%;}

@media screen and (max-width:480px){
#header .logo{width:60%; margin-left:2%;}
#header .menuButton{margin-top:8%;}
}

@media screen and (max-width:375px){
#header .menuButton{margin-top:6%;}
}