@charset "gb2312";


.main{ margin:0 auto;max-width:640px;}
.head{position:absolute;width:100%;max-width:640px;margin:0 auto;height:21.75vw;max-height:136px;z-index:2000;top:0;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:785px;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}





.nav-bar ul{
    padding-top: .3rem;
    padding-bottom: .1rem;
    overflow: hidden;
}
.nav-bar li{
    margin-bottom: .2rem;
    width: 25%;
    float: left;
    text-align: center;
}
.nav-bar li img{
    margin:0 auto;
    display: block;
    width: .75rem;
}
.nav-bar li span{
    display: inline-block;
    line-height: .4rem;
    width: 100%;
    text-align: center;
    font-size: .24rem;
    color: #333333;
}





.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:8% auto 0 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;}


	}