@charset "utf-8";
/* CSS Document */

/*rest*/
@font-face { 
	font-family: 'pingfang1'; 
	src: url('../font/pingfang1.eot'); 
	src: local('../font/pingfang1 Regular'), 
	local('../font/pingfang1'), 
	url('../font/pingfang1.woff') format('woff'), 
	url('../font/pingfang1.ttf') format('truetype'), 
	url('../font/pingfang1.svg#pingfang1') format('svg'); 
} 

*{ margin:0; padding: 0; font-family:"Microsoft YaHei",sans-serif;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html,body{ position:relative; min-width: 320px; max-width: 640px; margin: 0 auto;font-size:14px;}

body{ padding-top:0px !important;}
p, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {display: block;position:relative;overflow:hidden;}


li{ list-style: none;}
a{text-decoration: none;}
a:hover{cursor: pointer;}
img{ border: 0; border-style:none; vertical-align: middle;}
em{font-style:normal;}
input{vertical-align: middle; border:none;}
.floatL{float: left;}
.floatR{float: right;}
.clear{ clear: both; overflow: hidden;}
.blank { height: 8px; clear: both; }
.blank20 { height: 20px; clear: both; }
.clearfix:after, .clear:before { display: table; content: ''; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.relative { position: relative; }
.absolute { position: absolute; }
.float_left { float: left; }
.float_right { float: right; }
.s-title-h1{color:#333; width: 100%;    text-align: center;    font-weight: normal;    font-size: 22px;    line-height: 30px;    margin-top: 30px;    margin-bottom: 20px;}


.main{min-width:320px; max-width: 640px; overflow: hidden; margin: 0 auto; position: relative; }

.topFixed{position: fixed; width: 100%; min-width: 320px; max-width: 640px; margin:0;    top: 0;  }
.curName{display: none;}
.topRelative{position:relative; border-bottom:1px solid #dcdcdc;}

/*logo头部*/
.logoBar{width: 100%; overflow: hidden;  background:#fff;}
.logoBar li{float: left;}
.logoBar .left{ width:13.5%;}
.logoBar .center{ width: 73%;}
.logoBar .right{ width:13.5%;}
.logoBar img{ width: 100%; display: block;}

/*indexBottom*/
.indexBottom { width:100%;position:relative;overflow:hidden;c0lor:#000;margin:-2px auto 70px auto;box-shadow: 0px 0px 15px #e5e5e5; color:#202020; background: #fff;  margin-bottom:23px;   height:342px;  }
.indexBottom img{width:100%;}

.indexBottom .phoneBtn{width:80%;height:90px;margin:20px 10%;position:absolute;top:30%;}

.indexBottom .phoneBtn a{width:100%;height:50px;line-height:50px;display:block;border-radius:25px;background:#fff;color:#000;overflow:hidden;}
.indexBottom .phoneBtn a img{width:30px;height:auto;margin:10px 7% 10px 10px;float:left;}
.indexBottom .phoneBtn a b{font-size:1.3rem;letter-spacing:-1px;}
.indexBottom .phoneBtn p{color:#000;font-family:'Microsoft Yahei';text-align:center;margin-top:-19px;}
.indexBottom .phoneBtn p span{font-size:16px;}

@-webkit-keyframes redPulse {
from { background-color: #fff; -webkit-box-shadow: 0 0 5px #d0000e; }
50% { background-color: #fff; -webkit-box-shadow: 0 0 20px #d0000e; }
to { background-color: #fff; -webkit-box-shadow: 0 0 5px #d0000e; }
}
a.redb{-webkit-animation-duration: 3s;-webkit-animation-iteration-count: infinite;  }
.redb { -webkit-animation-name: redPulse; -webkit-animation-duration: 1s; color:#000; border-radius:25px;display:block;margin:30px auto;font-size:14px;width:70%;line-height:50px;height:50px; background:#fff; }


.floatFoot {position: fixed;bottom:0;width: 100%;min-width: 320px; max-width: 640px;height:6.8em;background: #2e3642;border-top: 1px solid #b5b5b5;display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box;display: flexbox;display: flex;z-index:999999999999;}
.floatFoot ul {width:65%;height:6.8em;float:left; margin-left:4%; display: margin-left: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box;display: flexbox;display: flex;position: relative;}
.floatFoot ul li {text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;-ms-flex: 1;flex: 1;background-color: #fff;width: 28.333333%;}
.floatFoot ul li:nth-child(1){ background-color:#d0000e;}
.floatFoot ul li:nth-child(2){ background-color:#555c65;}

.floatFoot ul li a {height:6.8em;color: #000;display: block;width: 100%;}
.floatFoot ul li a p {padding-top:5px;font-family: tahoma,"Microsoft Yahei","微软雅黑";}

.floatFoot ul li a img {width:28%;height:auto;margin:0 auto;}
.floatFoot ul li:nth-child(1) a img{   width:100%;   }
.floatFoot ul li:nth-child(2) a img{ width:100%; }





.floatFoot div {float: right;width:25%;position: relative;}
.floatFoot div a {position: absolute;right: 0;bottom: 0rem;width: auto;overflow: hidden;padding: 0%; }
.floatFoot div a img {width: 100%;}	
.floatFoot div a b{font-size:1.1rem;position:absolute;top:0;color:#202020;text-align:center;width:100%;height:73%;line-height:20px;margin-top:27%;}


/*popMenu 头部下拉*/
.popMenu {width: 100%;height: 100%;background: #f6f6f6;position:fixed;left:0;top: 0;z-index: 2147483647 ;display: none;max-width: 640px;}

.memu_ttl{width:100%; height:70px;}
.memu_ttl .title_b{font-size:18px; color:#000; font-weight:normal; float:left; padding-left:20px; line-height:70px;}
.memu_ttl .close {width:30px;height:30px;overflow:hidden;background:url(../images/menuClose.png) no-repeat center center;background-size:100%; float:right; margin-right:20px; margin-top:20px;}

.menuContainer { width: 100%; height: 100%;}
.menuNavs { width: 25%; background-color:#4c4c4c; float: left; height:100%;overflow-y:scroll; position: relative;}
.menuNavs ul {width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:140px;}
.menuNavs ul li { width: 100%; font-size:14px; line-height:45px; height:45px; text-align:center; }
.menuNavs ul li.on { background-color:#d0000e;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:74.7%;height:100%;overflow:hidden;float:left;padding:0 6%; background:none;overflow-y:scroll;}
.menuContent {width:100%;height:100%;}
.menuLists{padding-bottom:140px;}
.menuList h4 {font-size:14px;color:#000; height:45px;line-height:45px;border-bottom:1px solid #4c4c4c; font-weight:normal;}
.menuList .links {padding:5px 0.5%;}
.menuList .links a{display:block;float:left;color:#4c4c4c;font-size:14px; height:35px;line-height:35px; padding-right:20px; overflow:hidden;}


@media screen and (max-width:450px){
 .floatFoot{height:60px;}

}


@media screen and (min-width:450px){
 .indexBottom{ margin-bottom:43px;}

}