@charset "gb2312";
/* CSS Document */
#LR_Flash{ display:none;}
html, body { height: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
ul, ol { list-style: none }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { text-decoration: none; color: #444; }
h2, h3, h4 { font-family: "Microsoft YaHei"; }
html { font-size: 125%; }
body { font-size: 24px; font: 1.4em/1.6 "microsoft yahei", "Tahoma", \5b8b\4f53, Arial; color: #444; }
.wp { width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; }
.lay { padding-left: 2% !important; padding-right: 2% !important; }
.z { float: left; }
.y { float: right; }

.head{ height:4.45rem; width:100%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); z-index:100; position:relative;}
.wx_hd{ padding:0.8rem 0; background-color:#343434; display:none; z-index:9999;}
.wx_hd a{ display:block; color:#FFFFFF; font-size:1.3rem; line-height:1.9rem; height:1.9rem;}
.wx_hd a p{ float:left; margin-left:0.4rem;}
.wx_hd a .img1{ width:0.8rem; height:1.45rem; margin-top:0.25rem;}
.wx_hd a .img2{ width:1.25rem; height:1.9rem;}
.wx_hd--clone {
    position: fixed;
    top: 0;
	left:0;
	right:0;
	margin:auto;
	display:block;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}
.wx_hd--stick {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
            transform: translateY(0%);
}


/*头部*/
.top{ background:url("../../images/wx_log.jpg")/*tpa=http://wei.ahangels.com/template/images/wx_log.jpg*/ no-repeat center; width:100%; height:4.45rem; background-size:100% 100%; z-index:200;}
.top a{ display:block; width:100%; height:100%;}

/*navbar 顶部导航*/
.navbar{ padding:0.8rem 0 0.6rem;}
.navbar ul{ padding:0 0.8rem;}
.navbar ul li{ font-size:1.1rem; height:1.1rem; line-height:1.1rem; width:21%; border-left:1px solid #444444; text-align:center; float:left;}
.navbar ul .li1{ border-left:0; text-align:left; width:18%;}
.navbar ul .li2{ border-right:0; text-align:right; width:17%;}
.navbar ul li a{ color:#444444;}

/*首页bannen*/
.in_ban{  background:#edecec;}
.in_ban .bannen_bj{ background:#FFF;height:9.5rem; overflow:hidden;}
.in_ban .b_ul{  background-size: 51%; height:9.5rem; }
.in_ban .b_ul .lia{ display:block; }
.in_ban .b_ul img{height:auto;  width:100%;}

.swipe{overflow:hidden;position:relative;width:100%;margin:0 auto;}
.swipe-wrap{overflow:hidden;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:99;}
.swipe-wrap .swipe_pic{float:left;position:relative;}
.swipe_pic{position:relative;overflow:hidden;}
.swipe_pic a{display:block;}
.swipe_pic img{width:100%;height:auto;}
.swipe_h3{padding:0 14px;font-size:16px;font-weight:normal;background:rgba(0,0,0,0.6);height:26px;line-height:26px;color:#fff;text-shadow:1px 1px 0 #000;}
.swipe_num{margin-top:-1.25rem;position:absolute;text-align:center;z-index:100;left:0px;right:0px; width:60px; margin-left:auto;margin-right:auto}
.swipe_num li{float:left;width:8px;height:8px;font-size:0;background:#fff;margin-right:5px;overflow:hidden;border-radius:8px}
.swipe_num li:last-child{margin-right:0}
.swipe_num li.active{width:8px;height:8px;background:#ff7500;border-radius:8px}

/*banner*/
.banner{height:6.5rem;}
.banner img{height:auto; width:100%;}

/*底部*/
.ft{ background-color:#f2f2f2; padding:1.5rem 0 4.2rem;}
.ft .bq{ font-size:0.7rem; line-height:1.1rem; color:#999999; text-align:center;}
.ft .bq .p1{ color:#777777;}

@media only screen and (max-width: 800px){
.wp {max-width: 800px}
html {font-size: 150%}
}

/*iPad Mini*/
@media only screen and (max-width: 768px){
.wp {max-width: 768px}
html {font-size: 140%}
}

@media only screen and (max-width:640px) {
.wp {max-width: 640px}
html {font-size: 125%}
}

@media only screen and (max-width:600px) {
.wp {max-width: 600px}
html {font-size: 100%}
}

@media only screen and (max-width:480px) {
.wp {msax-width: 480px}
html {font-size: 100%}
}
/*6p*/
@media only screen and (max-width:414px) {
.wp {msax-width: 414px}
html {font-size: 75%}
}

@media only screen and (max-width: 375px) {
.wp { max-width: 375px; }
html { font-size: 72.5%; }
}
/*6*/
@media only screen and (max-width: 360px) {
.wp { max-width: 360px; }
html { font-size: 62.5%; }
}

/*4、5*/
@media only screen and (max-width:320px) {
.wp {max-width: 320px}
.top{ height:4.75rem;}
html {font-size: 62.5%}
}