/***
 @author ----- chenlijian 
 @design ----- zhangyundong 
 @time   ----- 2016-03-21
***/
body,button,input,select,textarea{font:12px/1.5 Helvetica,\5FAE\8F6F\96C5\9ED1;;outline:none;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none;}em,i{font-style:normal;}
html{height: 100%;}
body{margin:0;background:#fff;word-wrap:break-word;width: 100%;height: 100%;position: relative;}
header,ol,ul,input{margin:0; padding:0;}
dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;font-weight: normal;}
img{border: 0;}
table{ width:auto;border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;outline:none;color:#333;}
a,button,button:active,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
mark{background-color:transparent;color:inherit;}
.hide_txt{text-indent: -9999em;}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{zoom:1}

@font-face {
    font-family: "webfont";
    src: url("webfont.eot");
    src: url("webfont.eot?#iefix") format("embedded-opentype"),
    url("webfont.woff") format("woff"), 
    url("webfont.ttf") format("truetype"),   
    url("webfont.svg#webfont") format("svg");
    font-style: normal;
    font-weight: normal;
}

.btn_bcommon{display: block;width: 140px;height: 40px;background: #456ce9;color:#fff;font-size: 12px;line-height: 40px;text-align: center;}

.wrapper{position: relative;overflow-x: hidden;}


.page_wp{padding-bottom: 60px;}
.page{position: relative;}
.txt_box{text-align: center;padding: 0 15px;color:#333;}


.txt_box h2{font-size: 18px;line-height: 24px;white-space: nowrap;}
.txt_box .txt_brief{font-size: 12px;line-height: 18px;margin-top: 15px;}
.bg_img{display: block;width: 100%;}

.page:nth-child(1){height: 546px;background: #267eec url('../img/p1.jpg') no-repeat center top;background-size: 100% 100%;}
.page:nth-child(1) .txt_box{color: #fff;padding-top: 78px;}

.page:nth-child(2){background: #fff;}
.page:nth-child(2) .txt_box{padding-top: 20px;}
.page:nth-child(2) .txt_box h2{color: #2a71e6;}
.page:nth-child(2) .txt_brief{color: #999;}
.page:nth-child(2) .ic_box{margin-top: 5px;}

.page:nth-child(3){height: 488px;background: url('../img/p3.jpg') no-repeat center top;background-size: 100% 100%;}
.page:nth-child(3) .txt_box{color: #fff;padding-top: 30px;}

.page:nth-child(4){background: #f0f0f0;}
.page:nth-child(4) .txt_box{padding-top: 24px;}
.page:nth-child(4) .txt_box h2{color: #2a71e6;}
.page:nth-child(4) .txt_brief{color: #999;}
.page:nth-child(4) .ic_box{margin-top: 28px;}

.page:nth-child(5){background: #fff;}
.page:nth-child(5) .txt_box{padding-top: 20px;}
.page:nth-child(5) h1{font-size: 18px;color: #999;line-height: 24px;}
.page:nth-child(5) .ic_box{margin-top: 38px;}
.page:nth-child(5) .txt_price{font-size: 11px;color: #2a71e6;line-height: 30px;margin-top: 15px;}
.page:nth-child(5) .txt_price em{font-size: 24px;padding-right: 3px;}
.page:nth-child(5) .txt_tip{font-size: 15px;line-height: 24px;color: #2a71e6;}

.buy_box{position: fixed;width: 100%;height: 60px;bottom: 0;left: 0;background: rgba(255,255,255,.9);z-index: 99;border-top: 1px solid rgba(0,0,0,.2);}
.btn_buy{display: block;width: 158px;height: 40px;text-align: center;line-height: 40px;border-radius: 40px;-webkit-border-radius: 40px;background: #296bfa;font-size: 15px;color: #fff;border: 2px solid #fff;margin: 0 auto;position: relative;top: 8px;}


@media only screen and (min-width: 1080px){
	.wrap{zoom:3.375;}
}
@media only screen and (min-width: 800px) and (max-width: 1079px) {
	.wrap{zoom:2.5;}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
	.wrap{zoom:2.4;}
}
@media only screen and (min-width: 720px) and (max-width: 767px) {
	.wrap{zoom:2.25;}
}
@media only screen and (min-width: 640px) and (max-width: 719px) {
	.wrap{zoom:2;}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	.wrap{zoom:1.68;}
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
	.wrap{zoom:1.5;}
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
	.wrap{zoom:1.29;}
}
@media only screen and (min-width: 400px) and (max-width: 413px) {
	.wrap{zoom:1.25;}
}
@media only screen and (min-width: 375px) and (max-width: 399px) {
	.wrap{zoom:1.17;}
}
@media only screen and (min-width: 360px) and (max-width:374px) {
	.wrap{zoom:1.125;}
}