﻿@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;background:#fff;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl { float: left;}
.fr { float: right }
.wrap { min-width: 320px; max-width: 750px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; background: #fff }
.wrap img { display: block; width: 100% }
#map .BMap_Marker img{ width:auto !important;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*提交按钮样式*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:15px;} /*15号字体*/
.fs12{font-size:12px;} /*12号字体*/
.pdr12{ padding-right:12px;} /*右边距12px*/
.pl10{ padding-left:10px;} /*左边距10px*/
.red { color:#f00; } /*字体颜色红色*/
.emptyData{padding-left:10px;line-height:26px; }

  /*网站首页宽度*/
 section.g_bd{ margin-top:0;}
/*头部样式*/
.hd { height:4.5rem; position: relative; z-index: 19; background: #fff; line-height: 0; border-top: 2rem solid #000; box-shadow: 0 0 0.6rem rgba(0,0,0,0.12);}
.hd img { max-width: 100%; }
.logo { width:24.5%; position: absolute; left: 4%; top: 1.12rem; z-index: 55!important;}
.text { width:43.5%; display: flex; justify-content: space-between; align-items: center; height: 4.4rem; padding:0 5%; box-sizing: border-box;position: relative;}
.text a { display: block; color: #333333; font-size: 1.5rem; line-height:4.55rem; padding-top: 0.25rem;}
.text:before{ content:""; position:absolute;height:1.35rem;width:1px;left:48.85%;top:1.75rem; background:#ccc;}
.text span.cur a { color: #333333; }
.text i { display: block; width: 1px; height: 1.1rem; background: #D4D4D4; }
.navbtn { width: 2.6rem; display: block; padding:1.55rem 3.125% 0.3rem .75rem; }
.menu2 { position: relative; z-index: 9; }
.menu2 .slideMenu {width: 100%;display: none;z-index: 80;overflow: hidden;position: fixed;top: 6.5rem;right: 0;transition: transform 1s;-webkit-transition: transform 1s;}
.menu2 .menu_con { position: absolute; left: 3.125%; top: 1.15rem; width: 93.75%; }
.menu2 .slideMenu ul { box-sizing: border-box; margin-bottom: 3.1rem; }
.menu2 .slideMenu li { width: 100%; border-bottom: 1px dotted rgba(204, 204, 204, .6); }
.menu2 .slideMenu li a { font-size: 1.4rem; color: #131313; display: block; height: 4.15rem; line-height: 4.15rem; text-align: center; }
.menu2 .slideMenu .call a { display: block; color: #fff; font-size: 1.2rem; line-height: 3.5rem; background: #054ba6 url(/mobile/images/h_tel.png) no-repeat 2.6rem center; -webkit-background-size: 1.8rem; background-size: 1.8rem; width: 13rem; height: 3.5rem; margin: 0 auto; border-radius: 1.75rem; text-indent: 5.2rem; }
/*µ×²¿*/

.g-ft { background:#282828; -webkit-background-size: 100%; background-size: 100%; position: relative;  padding: 3rem 0 0.15rem;}
.go_top{ position: absolute; width: 4.1rem; right: 4%; top:-2.1rem;}
.f_con{ color: #949494; font-size: 1rem; margin: 0 4%; padding-bottom: 4.85rem;}
.f_con h3{ padding-bottom: 1.6rem;}
.f_con h3 i{ display: block; font-size: 1.5rem; padding-bottom: 0.65rem;}
.f_con h3 a{ display: inline-block; padding-left: 2.3rem; color: #d71518; line-height: 1.95rem; background:url(/mobile/images/f_ico1.jpg) no-repeat; background-size: 1.8rem; font-size: 1.2rem;}
.f_con ul li{ padding-left: 2.3rem; margin-bottom: 1.15rem;background:url(/mobile/images/f_ico2.jpg) no-repeat; background-size: 1.8rem; line-height: 1.8rem; font-size: 1.1rem;}
.f_con ul li a{ color: #949494;}
.f_con ul li:nth-child(2){background:url(/mobile/images/f_ico3.jpg) no-repeat; background-size: 1.8rem;}
.f_con ul li:nth-child(3){background:url(/mobile/images/f_ico4.jpg) no-repeat; background-size: 1.8rem;}
.f_con ul li i{ display: block; padding-top: 0.6rem;}
.f_con ul li i span{ padding: 0 5%;}

.f_nav { height: 5rem; min-width: 320px; max-width: 750px; width: 100%; position: fixed; bottom: 0; z-index: 100; background: #fff;}
.f_nav ul { height: 3.7rem; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.f_nav li { width: 33.33%; position: relative; height: 3.7rem; text-align: center;}
.f_nav li span{ display: block; line-height: 100%; font-size: 1.05rem;}
.f_nav li a { color: #333333; font-size:1.35rem; line-height: 1; }
.f_nav li img { width: 2.6rem; padding: .25rem 0 0; margin: 0 auto; }
.f_nav li:nth-child(1) a{color: #0a68c0;}



.fade { -webkit-animation-name: fade; animation-name: fade }
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}




#mesbook1_c, #mesbook1{display:none;z-index:1001;width:90%;border:1px solid #ccc;background:#fff; padding-bottom:10px;    margin-top: -50% !important;
    position: fixed !important;
}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:1.8rem; padding:4px .5em 0; margin-bottom:10px;    font-size: 1.2rem;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:90%; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:20%; overflow:hidden; }
#mesbook1_c dl.b1 dt img, #mesbook1 dl.b1 dt img{ width:100%}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:70%; float:right;}
#mesbook1_c dl.b1 dd li, #mesbook1 dl.b1 dd li{ font-size:1.2rem; line-height:1.6rem; display:block}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {width:5.5rem;    height: 2.2rem;    line-height: 2.2rem;    color: #fff;    background: #d21c19;}



