.head{  top:0; width:100%; z-index:2000;min-width:320px;max-width:640px; position:relative;margin:auto;left:0;right:0;}
.xuanchuang{ position:relative}
.xuanchuang img{ width:100%}
.showTip{top:50px;}
.hideTip{top:0px;}
.zhuye{ height: 80%; left: 3%; position: absolute; top: 10%; width: 60%;}
.xlcd{ height: 60%; left: 78%; position: absolute; top: 20%; width: 20%; cursor:pointer;}
.xl_nr{ position:absolute; width:25%; right:0; display:none; top:99%;}
.xl_nr ul li{ background:#7c1bff; text-align:center; color:#FFF; border-top:2px solid #872eff; padding:6% 0;}
.xl_nr ul li a{ color:#FFF;}

/*   nav    */
.nav{ width:100%; background:url(../images/nav_bj.jpg) right 0 #7c1bff no-repeat; padding:4% 0; margin-top:2%; background-size:40%}
.nav ul li{ width:25%; float:left; border-right:1px solid #bc6feb; box-sizing:border-box; text-align:center;}
.nav ul li a{ color:#FFF; text-shadow: 1px 2px 2px #000;}
.nav ul li.lz{ border-right:none}


/*   index_gdm    */
.index_gdm{ width:100%; height:50px; line-height:50px; background:url(../images/laba.jpg)4% 50% #f0f0f0 no-repeat; overflow:hidden; margin-top:4%;}
.index_gd{ width:80%; margin:0 auto; overflow:hidden; margin-left:14%; }
.index_gd ul{ width:100%; float:left; overflow:hidden; }
.index_gd ul li{ width:100%; float:left;}
.index_gd ul li a{ color:#4f4f4f}

/*   bz    */
.bz_zx{ width:94%; margin:8% auto 4% auto;}
.bz_left{ width:46.8%; float:left;}
.bz_1{ width:100%;background:#d437d2; text-align:center; color:#FFF; border-bottom:2px solid #FFF; height:88px; line-height:88px}
.bz_2{ width:50%; float:left; padding-top:55px; text-align:center; background:#83bcf6; color:#FFF; border-right:2px solid #FFF; box-sizing:border-box; height:160px;}
.bz_left .lz{padding-top:35px !important;}
.bz_3{ width:50%; float:left; padding-top:55px; text-align:center; background:#8a8ee7; color:#FFF; box-sizing:border-box; height:160px;}
.bz_right{ width:52.7%; float:right;}
.bz_4{ width:50%; float:left; text-align:center; background:#e45394; color:#FFF; border-right:2px solid #FFF; box-sizing:border-box; height:88px; padding-top:12px;}
.bz_5{ width:50%; float:left; padding-top:12px; text-align:center; background:#9271d3; color:#FFF;  box-sizing:border-box; height:88px;}
.bz_6{ width:100%;background:#d174b4; text-align:center; color:#FFF; border-top:2px solid #FFF;  border-bottom:2px solid #FFF; height:70px; line-height:74px}
.bz_7{ width:50%; float:left; padding-top:12px; text-align:center; background:#67b8b7; color:#FFF; border-right:2px solid #FFF; box-sizing:border-box; height:88px;}
.bz_8{ width:50%; float:left; padding-top:12px; text-align:center; background:#9271d3; color:#FFF;  box-sizing:border-box;height:88px;}
.bz_zx a{ color:#FFF !important}


/* --------------------------------------------------------*/
@media screen and (min-width:500px) and (max-width:640px){
	.bz_1{ height:80px; line-height:80px}
	.bz_2{padding-top:50px; height:150px}
	.bz_3{padding-top:50px; height:150px}
	.bz_4{padding-top:14px;height:80px;}
	.bz_5{padding-top:14px;height:80px;}
	.bz_6{height:68px; line-height:68px}
	.bz_7{padding-top:14px;height:80px;}
	.bz_8{padding-top:14px;height:80px;}
	.bz_left .lz{padding-top:30px !important;}
	.index_gdm{ height:48px; line-height:48px;}
	}
@media screen and (min-width:400px) and (max-width:499px){
	.bz_1{ height:70px; line-height:70px}
	.bz_2{padding-top:40px; height:126px}
	.bz_3{padding-top:40px; height:126px}
	.bz_4{padding-top:10px;height:70px;}
	.bz_5{padding-top:10px;height:70px;}
	.bz_6{height:54px; line-height:54px}
	.bz_7{padding-top:10px;height:70px;}
	.bz_8{padding-top:10px;height:70px;}
	.bz_left .lz{padding-top:28px !important;}
	.index_gdm{ height:44px; line-height:44px;}
	}
@media screen and (min-width:360px) and (max-width:399px) {
	.bz_1{ height:60px; line-height:60px}
	.bz_2{padding-top:32px; height:116px}
	.bz_3{padding-top:32px; height:116px}
	.bz_4{padding-top:7px;height:60px;}
	.bz_5{padding-top:7px;height:60px;}
	.bz_6{height:54px; line-height:54px}
	.bz_7{padding-top:7px;height:60px;}
	.bz_8{padding-top:7px;height:60px;}
	.bz_left .lz{padding-top:24px !important;}
	.index_gdm{ height:42px; line-height:42px;}
	}
@media screen and (max-width:359px) {
	.bz_1{ height:55px; line-height:55px}
	.bz_2{padding-top:30px; height:110px}
	.bz_3{padding-top:30px; height:110px}
	.bz_4{padding-top:6px;height:55px;}
	.bz_5{padding-top:6px;height:55px;}
	.bz_6{height:53px; line-height:53px}
	.bz_7{padding-top:6px;height:55px;}
	.bz_8{padding-top:6px;height:55px;}
	.bz_left .lz{padding-top:22px !important;}
	.index_gdm{ height:40px; line-height:40px;}
	}