@charset "utf-8";
body,button, input, select, textarea, h1, h2, h3, h4, h5, h6{
	font-family:'Verdana','Geneva',arial,'Hiragino Sans GB',sans-serif;font-weight:100; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;}
*, *:before, *:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}
body,figure,p,ul{margin:0}
html,body,article{min-height:1px;}
a{text-decoration:none; outline:none;}
button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
ul{padding:0}
body{background-color:#c2dcd6; height: auto; }
li{list-style:none;}
i{font-family: normal;}
@font-face {font-family:"waphds"; src:url("FWXH0.ttf");}

article{position:relative;margin:auto;width:640px; background: #fff;}
header{width: 640px; background: #fff;}
header a img{ margin-top: 20px; margin-bottom: 10px;}
header nav{ width: 642px; background: #f11088; height: 55px;overflow: hidden;}
header nav a{color: white; width: 128px; float: left; text-align: center; line-height: 55px; font-size: 24px;display: block; height: 55px;
			 font-family:"Verdana"; font-weight:500; overflow: hidden;} 
header nav a:hover{ background: #e61684;}



section{ background: #fff;}
figure .focus{ width:640px; height:440px;  margin:0 auto; position:relative; overflow:hidden;   }
figure .focus .hd{ width:100%; height:20px;  position:absolute; z-index:1; bottom:20px; text-align:center; right: -240px;}
figure .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;font-size:0; vertical-align:top;}
figure .focus .hd ul li{ display:inline-block; width:20px; height:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;   }
figure .focus .hd ul .on{ background:#f11088;  }
figure .focus .bd{ position:relative; z-index:0; }
figure .focus .bd li img{ width:100%;  height:440px; background:url(../images/loading.gif) center center no-repeat;  }
figure .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }




.hds_kz{width: 620px; margin:40px auto 0px auto; height: 1250px;}
.hds_kz header{ width: 620px; height: 68px; background-image:url(../images/kz_bg.png);}
.hds_kz .hds_kzli{margin-top: 28px;}
.hds_kz .hds_kzli figure{width:305px; height: 540px; float: left;}
.hds_kz .hds_kzli figure:nth-of-type(2n+1) {margin-right: 10px;}
.hds_kz .hds_kzli figure img {display: block;width: 305px; height: 445px; background-repeat: no-repeat;background-size: cover; border-radius: 5px;}
.hds_kz .hds_kzli figure figcaption{width: 100%;color: #333; font-size: 22px; font-family: "Verdana"; text-align: center; font-weight: bold;line-height: 22px; }
.hds_kz .hds_kzli figure figcaption p{border-bottom: 1px solid #b5b5b5; width: 185px; margin: 0 auto; padding:15px 0 5px 0px;}
.hds_kz .hds_kzli figure figcaption span{ font-size: 15px; color: #505050;  font-family: "Verdana"; font-weight: normal;}
.hds_kz footer{ width: 400px; margin:0 auto; font-size: 24px; background: #f0f0f0; clear: both; border-radius: 8px; color: #f11088; line-height: 55px;
				text-align: center; height: 55px;font-weight:600;font-family: "Verdana";}
.hds_kz footer a{color: #f11088;}


.hds_zp{width: 620px; margin:40px auto 0px auto; height: 1190px;}
.hds_zp header{ width: 620px; height: 68px; line-height: 60px; background-image:url(../images/zp_bg.png);}
.hds_zp header span{ font-size: 16px; line-height: 35px; }
.hds_zp .hds_zpli{margin-top: 28px;}
.hds_zp .hds_zpli figure{width:305px; height: 510px; float: left;}
.hds_zp .hds_zpli figure:nth-of-type(2n+1) {margin-right: 10px;}
.hds_zp .hds_zpli figure img {display: block;width: 305px; height: 445px; background-repeat: no-repeat;background-size: cover; border-radius: 5px;}
.hds_zp .hds_zpli figure figcaption{padding: 15px 0 0 0px;width: 100%;color: #000; font-size: 22px; line-height: 22px; text-align: center; font-weight: bold; font-family: "Verdana"; }
.hds_zp footer{ width: 400px; margin:0 auto; font-size: 24px; background: #f0f0f0; clear: both;line-height: 55px; border-radius: 8px; color: #f11088; text-align: center; height: 55px;font-weight:600;}
.hds_zp footer a{color: #f11088;}

.hds_dc{width: 640px; margin:20px auto 0px auto; height: 640px;}
.hds_dc header{ width: 640px; height: 67px; line-height: 60px; background-image:url(../images/dc_bg.png);}
.dc_focus{ margin-top:28px; }
.dc_focus .hd{ font-size:26px;  width: 450px;margin:15px auto 0px auto;  }
.dc_focus .hd ul{ }
.dc_focus .hd ul li{ float:left; color:#000;cursor: pointer; width: 150px; text-align: center; line-height: 20px;height: 30px;}
.dc_focus .hd ul li span{font-size: 8px;font-family: "Verdana"; line-height: 24px; }
.dc_focus .hd ul .on{ border-bottom:3px solid #f11088; color:#515151;}
.dc_focus .hd ul .on a{ display:block; }
.dc_focus .bd ul{ }
.dc_focus .bd li{ height:440px; line-height:33px;   }
.dc_focus .bd a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
.dc_focus .bd li a{ color:#555;  }


.hds_bj{width: 620px; margin:20px auto 0px auto; height: 530px;}
.hds_bj header{  width: 620px; height: 68px;background-image:url(../images/bj_bg.png);}
.hds_bj header span{ font-size: 15px; line-height: 35px; }

.bj_article{background:#fff;overflow:hidden; height:1200px;}
.hds_bj2{width: 620px; margin:20px auto 0px auto; height: auto; overflow:hidden;}
.hds_bj2 header{  width: 620px; height: 68px;background-image:url(../images/bj_bg.jpg);}
.hds_bj2 header span{ font-size: 15px; line-height: 35px; }

.hds_bjpost{ margin-top:13px; }
.hds_bjpost figure{ border-bottom: 1px dashed #e8e8e8; padding-top: 15px;}
.hds_bjpost figure b{ width: 110px;float: left;height: 100px;font-size: 26px;text-align: center;font-weight: bold; color: #252525;}
.hds_bjpost figure span label{width: 152px;float: left;font-size: 22px;height: 30px;display: block;margin-right: 18px;font-weight: bold; 
								color: #535353;white-space: normal;letter-spacing: 2px; margin-bottom: 15px; overflow: hidden;}
.hds_bjpost figure .label_wj label{width: 152px;}
.hds_bjpost figure .label_xk label{width: 109px;}
.hds_bjpost figure .label_xc label{width: 109px;}

.hds_bjpost .baojia{ width: 400px; margin:0 auto; margin-top: 30px;}
.hds_bjpost .baojia .shouji{width: 250px;float: left;height: 60px;border: none;border: 2px solid #f0f0f0;border-right: none;background: #f0f0f0;
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;font-size: 22px;line-height: 40px;color: #606060;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;text-align: center;font-weight:bold;}

.hds_bjpost .baojia .tijiao{width: 150px;float: left;height: 60px;border: none;border-left: none;background: #f11088;text-align: center;font-size: 22px;color: #fff;border-radius: 0px;
-moz-border-radius: 0px;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius: 8px;border-bottom-right-radius: 8px;font-weight:bold;}

.hds_why{width: 640px; margin:40px auto 10px auto;}



.foot_d{ width: 640px; height:165px; font-size: 22px; line-height: 32px; padding-top: 10px; clear:both;}
footer p{text-align: center; font-size: 16px; line-height: 25px; font-weight: bold;color:#7b797a; }
footer p span{color: #484647;}
footer nav{position: fixed;width: 642px;bottom: 0;  height: 70px; overflow: hidden;}
footer nav a{display: block; float: left; text-align: center; height: 70px; width:213px;color:#fff; font-size: 24px; font-weight: bold; line-height: 75px; border-right: 2px solid #8777c0;}


#hb { display:none; position: fixed; width:300px; height:321px; margin:-120px 0 0 -150px; top:50%; left:50%; z-index:9000;}
#hb .bg { position:relative; height:321px; background:url(../images/sy_hb.png) no-repeat; overflow: hidden;}
#hb .bg a{ display:inline-block; width: 58px; height: 58px; position:absolute; }
#hb .bg .exit{ width:40px; height:40px; right:0px; top:0px;}
#hb .bg .yhb_btn{width: 300px; height:321px;  margin:0 auto;left: 0px;top: 48px;}

/*20161221Ìí¼Óµ¯´°*/
.popup{ position:absolute; left:20%; top:300px; z-index:1110; width:402px; height:auto; overflow: hidden;}
.popup span{ width:402px; margin:0; padding:0;}
.popup span img{ width:402px; height: auto; vertical-align:bottom;}
.popuppopup a img{width: 100%; height: auto;}
.popup a.pop1{ display:block; position:absolute; right:0px; top:0; width:30px; height:30px; background: none;}
.popup a.pop2{display:block; float:left;width:196px; left:0px; bottom:0px;}
.popup a.pop3{display:block; float:left;  width:196px; left:46%; bottom:0px;}