/* header  */
.header{width:100%;height:0.78rem;position:fixed;left:0;top:0px;right:0;background:rgba(0,0,0,.5);z-index:999;}
.header a.area{display:block;height:0.4rem;width:1rem;padding:0 0.05rem;border-radius:0.05rem;background:url(../images/area.png) 0.12rem center no-repeat #20b9f4;overflow:hidden;text-indent:0.32rem;font-size:0.2rem;background-size:0.16rem auto;position:absolute;left:0.2rem;top:0.2rem;line-height:0.4rem;color:#fff;border:1px solid #20b9f4;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.header a.logo{width:0.86rem;height:0.41rem;background:url(../images/logo1.png) center center no-repeat;background-size:0.86rem auto;position:absolute;left:50%;top:50%;margin:-0.2rem 0 0 -0.43rem;}
.header a.menu{width:0.78rem;height:0.78rem;position:absolute;right:0;top:0;background:url(../images/menu.png) center center no-repeat;background-size:0.36rem auto;}
.header a.menu.on{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}


.overfly{position:fixed; left:0; top:1.2rem; right:0; bottom:0; z-index:999; background:rgba(0,0,0,.2); display:none;}
.up_menu{width:100%;background:#fff;position:fixed;left:0;top:0.78rem;right:0;z-index:10000;display:none;}
.up_menu ul li{width:100%;height:0.8rem;line-height:0.8rem;border-bottom:1px solid #d9d9d9;text-align:center;background:#fff;}
.up_menu ul li a{font-size:0.24rem;display:block;}


.header.hd_bg{background:#fff;}
.header.hd_bg a.area{background:url(../images/area1.png) 0.12rem center no-repeat #fff;color:#333333;border:1px solid #c7c7c7;background-size:0.16rem auto;}
.header.hd_bg a.logo{background:url(../images/logo.png) center center no-repeat;background-size:0.86rem auto;}
.header.hd_bg a.menu{background:url(../images/menu1.png) center center no-repeat;background-size:0.36rem auto;}
.header.hd_bg a.menu.on{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.up_menu.hd_bg1 ul li{background:#f2f2f2;}

.hot{width:100%;padding:0.4rem 0.2rem;background:#263d47;}
.logo_b{float:left;width:0.86rem;height:0.41rem;}
.txt1{float:left;width:38%;margin-left:0.12rem;}
.hot_line{float:right;}
.hot_line p{font-size:0.18rem;color:#fff;margin-bottom:0.16rem;}
.hot_line span{font-size:0.24rem;color:#bdc1c3;display:block; font-family: 'HelveticaNeueLTProThEx';}

.footer{width:100%;height:1.1rem;padding:0 0.2rem;}
.footer ul li{height:0.70rem;line-height:0.70rem;float:left;width:20%;}
.footer ul li a{display:block;font-size:0.22rem;color:#263d47;}
.footer p{color:#838383;font-size:0.15rem;line-height:0.24rem;}

.box{height:1rem; background:#ffffff; position:fixed; left:0; bottom:0; right:0; z-index:99; border-top:1px solid #cccccc}
.box p{ font-size:0.22rem}
.box li{ width:25%;height:1rem; float:left; text-align:center; }
.box li a{ font-size:.22rem;display:block;}
.box li i{ display:block; height:0.6rem}
.box li .n-01{ background:url(../images/m-1.png) no-repeat center; background-size:auto 0.34rem}
.box li .n-02{ background:url(../images/m-2.png) no-repeat center; background-size:auto 0.34rem}
.box li .n-03{ background:url(../images/m-3.png) no-repeat center; background-size:auto 0.34rem}
.box li .n-04{ background:url(../images/m-4.png) no-repeat center; background-size:auto 0.34rem}

.ewmbox{position:fixed;top:0; left:0; bottom:0; right:0;z-index:100; display:none }
.ewmbox p{ padding-bottom:0.1rem; font-size: 12px;}
.ewmbox span{ display:block; position:absolute; z-index:9; width:200px; background:#fff; text-align:center; line-height:0.44rem; left:50%; margin-left:-100px;top:50%; margin-top:-100px;}
.ewmbox i{ display:block; position:absolute; left:0;top:0; right:0; bottom:0 ; z-index:8;background:#000; opacity:0.7;}

#z-bg{background-color: #000;
    position: fixed;
    z-index: 98;
    left: 0;
    top: 0;
    display:none;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;}
.box_m {
    margin:0 0.3rem;
    background:#fff;
    position: fixed;
    top: 50%;
	background:#fff;
 display:none;
	z-index:99;
	padding-bottom:0.4rem;
	border-radius:0.1rem;
	margin-top:-3.32rem;
}
.box_m .close{ width:0.42rem; height:0.42rem; background-color:#000; position:absolute; z-index:8; right:0.1rem;top:0.1rem; cursor:pointer; background-image:url(../images/ico-05.png); background-position:center; background-repeat:no-repeat; border-radius:100%;background-size:0.18rem auto;}
.tab_bg	img{width:100%;border-radius:0.1rem 0.1rem 0 0;margin-bottom:0.2rem;}
.box_m .txt{ margin:0 auto; text-align:center; padding:0 0.8rem 0;}
.box_m .txt h3{ color:#13c288; font-size:0.3rem; margin-bottom:0.3rem;font-weight:bold;}
.box_m .txt .c-a{ margin-bottom:0.1rem;}
.box_m .txt .c-a a{ font-size:0.22rem;color:#7b7b7b;width:33.33%;height:0.3rem;display:block;float:left;margin-bottom:0.2rem; }
.box_m .txt .btn a{ display:block; height:0.6rem; line-height:0.6rem; color:#fff; font-size:0.2rem; background:#16c589; border-radius:0.1rem;}