@media screen and (min-width: 1701px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1601px) and (max-width: 1700px){
    html {
        font-size: 1150%!important
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    html {
        font-size: 1050%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
@media screen and (min-width:769px){
html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 ÷ 16 × 100% = 62.5%*/}
body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 × 10px = 14px */}

.w{width:95%; max-width:1600px; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

/* 引导页 */
.indbg{position:fixed; width:100%; height:100%; background:url(../img/bg.jpg); background-size:cover;}
.indbg img{width:100%;}
.indbg_1{width:2.85rem; margin:0 auto; margin-top:.3rem;}
.indbg_2{width:3.81rem; margin:0 auto; margin-top:.16rem; margin-bottom:.08rem;}
.indbg p{text-align:center; color:#FFFFFF; font-size:.11rem; line-height:.17rem;}
.indbg p span{margin:0 .05rem;}
.indbg_3{position:relative; width:.91rem; margin:0 auto; margin-top:.15rem;}
.indbg_3:after{position:absolute; z-index:1; content:""; display:block; width:.88rem; height:.25rem; border:1px solid rgba(212,19,20,.8); right:0; top:.03rem;transition:all .3s;}
.indbg_3 a{display:block; width:.88rem; height:.25rem; background:rgba(212,19,20,.8); text-align:center; color:#FFFFFF; line-height:.25rem; font-size:.1rem; position:relative; z-index:2; transition:all .3s;}
.indbg_3:hover a{color:#d41314; background:rgba(255,255,255,.8);}
.indbg_3:hover:after{border:1px solid rgba(255,255,255,.8);}
.indbg_4{position:absolute; width:100%; bottom:0;}
.indbg_4 .items{width:100%; background:rgba(194,10,9,.8); padding:.15rem 0 0 .2rem; height:1.2rem; transition:all .3s;}
.indbg_4 .swiper-slide:nth-child(even) .items{background:rgba(49,49,49,.8);}
.indbg_4 i{display:block; width:auto; height:.345rem;}
.indbg_4 i img{width:auto; height:100%;}
.indbg_4 .items h3{color:#FFFFFF; font-size:.12rem; margin-top:.08rem; font-weight:normal;}
.indbg_4 .items a{display:block; border:1px solid #FFFFFF; width:.63rem; height:.18rem; border-radius:5px; text-align:center; color:#FFFFFF; line-height:.17rem; font-size:.09rem; margin-top:.09rem;}
.indbg_4 .items a img{width:.13rem; margin-left:.05rem;}
.indbg_4 .swiper-slide{padding-top:.15rem;}
.indbg_4 .items:hover{height:1.35rem; padding-top:.3rem; margin-top:-.15rem;}
.indbg_4 .swiper-button-prev,.indbg_4 .swiper-button-next{width:.225rem; height:.225rem; background-size:100% 100%; margin:auto 0; top:0; bottom:0; background-size:100% 100%; outline:none;}
.indbg_4 .swiper-button-prev{background-image:url(../img/10.png);}
.indbg_4 .swiper-button-next{background-image:url(../img/11.png);}
.indbg_5{width:.27rem; margin:0 auto; margin-top:.2rem;-webkit-animation:ArrowSwingUp 1.8s infinite;-o-animation:ArrowSwingUp 1.8s infinite;animation:ArrowSwingUp 1.8s infinite;}
@-webkit-keyframes ArrowSwingUp{
	0%{
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		-o-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1
	}
	60%{
		-webkit-transform:translateY(-30%);
		-moz-transform:translateY(-30%);
		-ms-transform:translateY(-30%);
		-o-transform:translateY(-30%);
		transform:translateY(-30%);
		opacity:1;
	}
	100%{
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		-o-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1;
	}
}

}
@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #444;
    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}
img{width:100%;height:auto;border:none;}
.ww{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

.indbg{background:url(../img/bg.jpg); background-size:cover; padding:.3rem 0;}
.indbg_1{width:80%; margin:0 auto;}
.indbg_2{width:95%; margin:0 auto; margin-top:.16rem; margin-bottom:.08rem;}
.indbg p{text-align:center; color:#FFFFFF; font-size:.15rem; line-height:.24rem;}
.indbg p span{display:block;}
.indbg_3{position:relative; width:.91rem; margin:0 auto; margin-top:.15rem;}
.indbg_3:after{position:absolute; z-index:1; content:""; display:block; width:.88rem; height:.25rem; border:1px solid rgba(212,19,20,.8); right:0; top:.03rem;}
.indbg_3 a{display:block; width:.88rem; height:.25rem; background:rgba(212,19,20,.8); text-align:center; color:#FFFFFF; line-height:.25rem; font-size:.1rem; position:relative; z-index:2;}
.indbg_5{width:.27rem; margin:0 auto; margin-top:.2rem;-webkit-animation:ArrowSwingUp 1.8s infinite;-o-animation:ArrowSwingUp 1.8s infinite;animation:ArrowSwingUp 1.8s infinite;}
@-webkit-keyframes ArrowSwingUp{
	0%{
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		-o-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1
	}
	60%{
		-webkit-transform:translateY(-30%);
		-moz-transform:translateY(-30%);
		-ms-transform:translateY(-30%);
		-o-transform:translateY(-30%);
		transform:translateY(-30%);
		opacity:1;
	}
	100%{
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		-o-transform:translateY(0%);
		transform:translateY(0%);
		opacity:1;
	}
}

.indbg_4{margin-top:.45rem;}
.indbg_4 li{width:100%; background:rgba(194,10,9,.8); padding:.15rem 0 0 .2rem; height:1.25rem; margin-top:.1rem; border-radius:.05rem;}
.indbg_4 li:nth-child(even){background:rgba(49,49,49,.8);}
.indbg_4 i{display:block; width:auto; height:.345rem;}
.indbg_4 i img{width:auto; height:100%;}
.indbg_4 li h3{color:#FFFFFF; font-size:.12rem; margin-top:.08rem; font-weight:normal;}
.indbg_4 li a{display:block; border:1px solid #FFFFFF; width:.75rem; height:.24rem; border-radius:5px; text-align:center; color:#FFFFFF; line-height:.24rem; font-size:.1rem; margin-top:.09rem;}
.indbg_4 li a img{width:.13rem; margin-left:.05rem;}

}