@charset "gb2312";
.head{position:absolute;width:100%;max-width:640px;margin:0 auto;height:21.75vw;max-height:136px;z-index:2000;left:0;right:0;}
.ser{margin:20% auto 0 auto;width:94%;position:relative;z-index:2002}
.input-kw{float:left;margin-top:0.6%;width:81%;border:1px solid #d6d6d6;background:#fff url(../images/ser_btn.png) 99.5% center no-repeat;background-size:auto 96%;text-indent:1.2em; padding:2% 0; margin-left:16%; border-radius:50px; outline: none;-webkit-appearance: none;}
.sbtn{position:absolute;left:88%;top:2px;width:3.2rem;height:3.2rem;display:block; cursor:pointer}
.hw{position:absolute;top:2px;left:0;width:10%;height:8.83vw;max-height:53px;background:url(../images/hw.png) 0 0 no-repeat;background-size:100%;}
.header0{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:#000000;z-index:2001}
.header{width:100%;max-width:640px;margin:0 auto;overflow:hidden;height:107.18vw;max-height:686px;background:url(../images/banner.jpg) 0 0 no-repeat;background-size:100%;}
.tops{ width: 93.75%;  margin: 33.5% auto 0;  overflow: hidden;}
.csz{ position:fixed; overflow:hidden}

.bt{ width:100%; margin:7% auto 4% auto; background:url(../images/bt_bj.jpg) no-repeat; max-height:48px; height:7.5vw; box-sizing:border-box; background-size:100%; text-indent:6%; font-size:28px; overflow:hidden;}
.bt span{ font-size:12px; color:#aaaaaa; margin-left:3%;}

.con_swt{margin:6% auto 0 auto; text-align:center; }
.con_zx{ background:url(../images/wx_bj.png) 12% 50% #8360f1 no-repeat; padding:2.5% 6% 2.5% 12%;color:#FFF; border-radius:50px; background-size:13%;}

/*ר¼Ò*/
#idx_3{width:100%;margin:0 auto;overflow:hidden;}
#idx_3 .bd img{width:100%;}
#idx_3 .jj div{position:absolute;left:0;bottom:0;width:100%;}
#idx_3 .jj div a{float:right;height:1.5rem;line-height:1.5rem;border-radius:4px;color:#fff;padding:0 1rem;margin-left:1rem;}
#idx_3 .jj div a.xzx{background:#8b4fef}
#idx_3 .jj div a.xyy{background:#ff850e}
.zjyy{width:100%;overflow:hidden;}
.zjyy table{background:#babbbb;font-size:0.9rem;width:100%;margin:0 auto;}
.zjyy td{background:#fff;text-align:center;height:3.2rem;color:#373737;}
.zjyy td.be{background:#eeeeee}
.zjyy td a{color:#8360f1;}
#idx_3 .hd{width:100%;overflow:hidden;text-align:center;}
#idx_3 .hd li{display:inline-block;width:10px;height:10px;border-radius:50%;background:#d2d2d2;}
#idx_3 .hd li.on{background:#31add6;width:30px;;border-radius:10px;}
#idx_3 .bd ul li .zj_nr{ position:relative;}
.zj_swt{ position:absolute; width:27%; height:13%; top:80%; left:52%; z-index:99;}



.foot{ width:87.5%; margin:0 auto 30% auto}
.foot ul li{ width:20%; padding:4.6% 0 3% 0; text-align:center; float:left; background:#f3f3f3; border:1px solid #d4d4d4; box-sizing:border-box; margin-right:6.1%; ; border-radius:100px;}
.foot ul li.lz{ margin-right:0 !important}
.foot ul li img{ width:34%; margin-bottom:3%;}
.foot ul li a{ color:#202020}
.foot p{ margin-top:4%; color:#5b5b5b; text-align:center;}

@media screen and (min-width:500px) and (max-width:640px){
	.bt{ font-size:24px;}
	}
@media screen and (min-width:400px) and (max-width:499px){
	.input-kw{ padding:2.5% 0;}
	.bt{ font-size:21px;}
	.bt span{ font-size:10px;}
	}
@media screen and (min-width:360px) and (max-width:399px) {
	.input-kw{ padding:2.5% 0;}
	.bt{ font-size:18px;}
	.bt span{ font-size:10px;}

	}	
@media screen and (max-width:359px) {
	.input-kw{ padding:2.5% 0;}
	.bt{ font-size:15px;}
	.bt span{ font-size:9px;}
	}