/* 
  cnlr web
  by:jiaguo
  time:2015-07-29
  自适应版本
*/
/* 禁止webkit横屏改变字体大小 */
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}
em{ font-style:normal}
ul{ list-style:none;}
img{ max-width:100%; max-height:100%; vertical-align: middle;}
i{ font-style:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
.wrapper{ margin:0 auto;background-color:#f7f5f6;padding:1px 0;}
.wrapper_bgW{margin:0 auto;background-color:#fff;padding:1px 0;}
.wrapper_bgB{margin:0 auto;background-color:#20a6d9;padding:0; border:solid #fff; border-width:1px 0;}
.no-bd{border:none;}
.PupNav_wrap{ height:100%; width:100%; z-index:7000;position:fixed; right:-100%; top:3.15em;transition:all 0.5s ease-out 0s; }
.Pchome_PupNav{width:80%; background:#F8F8F8; float:right;box-shadow:0 0 2em gray;} 
.PupNav_wrapTo{ right:0;}
.downNav{ z-index:5000;}

li{list-style:none;}
a { color:#838383; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { color:#e88228; text-decoration:none; }
a:active { color:#e88228; }
p{ color:#838383; }
.bd{border:#E7E7E7 solid 1px;}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.center{ text-align:center;}
.left { float:left;}
.right { float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.disNone {display:none;}

.wrap { max-width:640px; background:#fff; padding:0 10px; margin:0 auto;}

.font-30px { font-size:1.25em;}

.font-B { font-weight:bold;}

@media only screen and (min-width: 1280px){
body{font-size:22px;}
.wrapper{width:640px;}
.div_bg li span,.wz,.maine_ba p,.f2,.js_bg p span,.js_bg2 p span{ font-size:22px; line-height:28px;   }

}
@media only screen and (min-width: 640px) and (max-width: 1279px){
body{font-size:18px;}
.wrapper{width:640px;}
.div_bg li span,.wz,.maine_ba p,.f2,.js_bg p span,.js_bg2 p span{ font-size:22px; line-height:28px;   }


}
@media only screen and (min-width: 480px) and (max-width: 639px){
body{font-size:18px;}
.wrapper{width:100%;  }
.div_bg li span,.wz,.maine_ba p,.f2{ font-size:12px; line-height:20px;   }
.js_bg p span,.js_bg2 p span{ font-size:14px; line-height:20px;   }

	
}
@media only screen and (min-width: 360px) and (max-width: 479px){
body{font-size:12px;}
.wrapper{width:100%;}
.div_bg li span,.wz,.maine_ba p,.f2,.js_bg p span,.js_bg2 p span{ font-size:12px; line-height:16px;   }

	
}
@media only screen and (max-width: 360px){
body{font-size:12px;}
.wrapper{width:100%;}
.div_bg li span,.wz,.maine_ba p,.f2,.js_bg p span,.js_bg2 p span{ font-size:12px; line-height:16px;   }


}
@media only screen and (max-width: 360px){
.center-btn7 li{width:19.5%;}	
.center-btn8 li{width:24.5%;}
.div_bg li span,.wz,.maine_ba p,.f2,.js_bg p span,.js_bg2 p span{ font-size:12px; line-height:16px;   }	
}