
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
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; padding-top:1px;} 
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;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*排版通用*/
.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;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/


/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}

/* 夜间模式  */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}

.g-hd{ width:100%; height:6rem;position: relative;background: #fff; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd h1{width: 50%;float: left; font-weight: bold;}
.g-hd h1 a {color: #0056AC;font-size: 1.9rem;line-height: 6rem;}
.g-hd h1 img{display: block;margin-top: 0.5rem;height: 4rem;width: 4rem;float: left;margin-right: 0.5rem;margin-left: 0.8rem;}
.m-nav {width: 45%;float: left;height: 6rem;line-height: 6rem;text-align: center;color: #333;font-size: 1.4rem;font-weight: bold;margin-left: 1rem;}
.m-nav ul li {height: 6rem;line-height: 6rem;text-align: center;float: left;margin-right: 0.6rem;}
.m-nav ul li a {font-size: 1.4rem;color: #333;display: block;font-weight: lighter;}

.m-nav2{width: 2rem;position: absolute;top: 2.2rem;right: 1.2rem;z-index: 102;line-height: 0;}
.m-nav2 .oo{display: block;}
.m-nav2 .oo img,.m-nav2 .xx img{width: 2rem;height: 1.5rem;}
.m-nav2 .xx{display: none;}
.m-nav2 .erji{display: none;position: absolute;top: 4rem;right: -1.2rem;z-index: 10; max-width:640px; min-width:320px;width: 32rem; padding:2rem 0;background: rgba(0,0,0,0.8);}
.erji ul li{line-height: 4rem;height: 4rem; border-bottom:#ccc 1px solid;width: 100%;text-align: center;}
.erji ul li a{font-size: 1.4rem;color: #fff;display: block;width: 100%;}
.erji .er_tel{display: block;font-size: 1.4rem;color: #fff;width: 56.25%;height: 3rem;text-align: center;line-height: 3rem;overflow: hidden; background:#0056AC; margin:2rem auto 0;border-radius:5rem;}

.g-ft{width: 100%;height: 9rem; max-width:640px; min-width:320px; margin:0 auto;}
.g-ft h3{width: 4rem;height: 4rem; position:fixed; bottom:5.5rem; right:1.2rem;}
.g-ft h3 img{width: 4rem;height: 4rem;}
.fwz{color: #333; font-size:0.9rem;width: 92.5%;margin:0 auto;border-top: #f4f4f4 0.25rem solid;padding: 0.6rem 0 0;}
.fwz p{line-height: 1.4rem;padding: 0 0 0 1rem;}
.fwz a{color: #333;font-size:0.9rem;}
.fwz span{ padding: 0 0 0 1rem;}
.fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:4rem; background:#343434;z-index:50;}
.fnav li{ width:25%; float:left; height:4rem; position:relative;line-height: 0;}
.fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff;}
.fnav li a{ display:block; text-align:center; color:#fff; font-size:0.9rem; height:4rem;}
.fnav li em{ display:block; width:1.8rem; margin:0.4rem auto 0.7rem;}
.fnav li em img{width: 1.8rem;height: 1.8rem;}
.fnav li:nth-child(1){background: #1054B0;}
.fnav li:last-child:before{ background:none;}

.cpbtn {
  width: 2.375rem;
  height: 6.55rem;
  background:#0056AC;
  border-radius: 0.85rem;
  display: block;
  border: 0;
  margin-left:-0.65rem;
  color: #fff;
}
.leftMenu a {
 text-decoration:none;
 display:block;
 color: #fff;
}
.leftMenu {
  background: rgba(0,0,0,0.8);
 /*background:url({pboot:sitetplpath}/images/leftMenubg.png);*/
 left:-1000px;
 position:fixed;
 top:0;
 display:block;
 height:100%;
 width:68%;
 min-width:140px;
 max-width:440px;
 z-index:99999999;
 transition:all .4s ease;
 -moz-transition:all .4s ease;
 -webkit-transition:all .4s ease;
 -o-transition:all .4s ease;
 position:fixed;
 overflow:auto;
}
.leftMenu.menu-open {
 left:0
}
.leftMenu ul {
 list-style:none;
 padding:0;
 overflow:hidden
}
.leftMenu ul li {
 position:relative;
 padding:10px 0 10px 20px;
 overflow:hidden
}
.leftMenu ul li.hasChild>a:after {
 content:">";
 position:absolute;
 right:20px;
 top:0px;
 font-size:24px;
 font-weight:300
}
.leftMenu ul li.hasChild.open>a:after {
 content:">";
 right:23px;
 font-size:28px;
 top:-3px
}
.f2,
.f3 {
 height:0;
 padding-left:20px;
 overflow:hidden;
 position:relative;
 transition:height .4s ease;
 -moz-transition:height .4s ease;
 -webkit-transition:height .4s ease;
 -o-transition:height .4s ease
}
.menu-dark-backdrop {
 background:transparent;
 transition:all .4s ease;
 -moz-transition:all .4s ease;
 -webkit-transition:all .4s ease;
 -o-transition:all .4s ease;
 width:100%;
 position:fixed;
 /*top:50px;*/
 left:0;
 right:0;
 bottom:0;
 overflow:hidden
}
.menu-dark-backdrop.in {
 height:100%;
 z-index:9999999;
 /*background:rgba(0,0,0,.5)*/
}


