@media screen and (min-width: 1141px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1140px){
    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:90%; max-width:1140px; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

.btn:hover{transform:scale(1.05,1.05);color: #000000;}
.part8 .txt p a:hover{color: #333366;}

}

img{display: block !important;}
.part1{width: 100%;background: #222222;text-align: center;color: #FFFFFF;padding: .3rem 0;font-size: .09rem;}
.part1 .tit{font-weight: bold;font-style: oblique;font-size: .18rem;}
.part1 .txt1{margin-top: .06rem;}
#video1{width: 60%;border-radius: .05rem;overflow: hidden;height: 2.3rem;position: relative;margin: 0 auto;border: .02rem solid #FFCE00;margin-top: .15rem;}
#video1 video{width: 100%;height: 100%;object-fit: fill;}
.VideoBtn1{position: absolute;display: block;width: .48rem;height: .48rem;cursor: pointer;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.VideoBtn1 img{width: 100%;}
.part1 .txt2{margin-top: .12rem;}
.btn{display: block;margin: 0 auto;width:3rem;height: .32rem;border-radius: .16rem;line-height: .32rem;font-size: .12rem;font-weight: bold;color: #000000;background: #FFCE00;box-shadow: 0 0 10px 0 #FFCE00;margin-top: .15rem;text-align: center;}

.part2{width: 100%;background: url(../image/bg1-2.jpg) center;background-size: cover;padding: .35rem 0;text-align: center;color: #FFFFFF;}
.part2 h3{font-size: .2rem;font-style: oblique;}
.part2 h3 span{color: #FFCE00;}
.part2 p{font-size: .09rem;margin-top: .12rem;}
#video2{width: 60%; border-radius: .05rem; overflow: hidden; margin: 0 auto;border: 5px solid #FFCE00;margin-top: .15rem; background: #f0ad4e;}

.part3{width: 100%;background: #151515;padding: .3rem 0;}
.part3 .txt{width: 50%;color: #FFFFFF;line-height: 1.6;}
.part3 .txt h3{font-style: oblique;font-size: .18rem;line-height: 1.1;}
.part3 .txt ul{margin-top: .1rem;}
.part3 .txt ul li{font-size: .09rem;margin-top: .05rem;}
.part3 .txt p{font-size: .08rem;margin-top: .1rem;}
.part3 .txt p span{color: #FFCE00;}
.part3 .img{width: 45%;}
.part3 .img img{width: 100%;}

.part4{position: relative;width: 100%;background: url(/static/image/bg2.png) center;background-size: cover;padding: .35rem 0;}
.part4:after{content: "";display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.91);top: 0;left: 0;z-index: 1;}
.part4 .txt{position: relative;width: 50%;color: #FFFFFF;line-height: 1.6;z-index: 2;}
.part4 .txt h3{font-style: oblique;font-size: .15rem;line-height: 1.1; }
.part4 .txt h3 span{color: #FFCE00;}
.part4 .txt p{font-size: .085rem;margin-top: .05rem;}
.part4 .txt ul li{font-size: .085rem;font-weight: 100;margin-top: .1rem;}
.part4 .img{position: relative;z-index: 2;width: 45%;}
.part4 .img img{width: 100%;}

.part5{background: #151515;padding: .3rem 0;}
.part5 h3{text-align: center;color: #FFFFFF;font-style: oblique;font-size: .2rem;}
.part5 .txt{text-align: center;color: #FFFFFF;font-size: .09rem;margin-top: .1rem;line-height: 1.6;font-weight: 100;}
.part5 .txt span{color: #FFCE00;}
.part5 ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: .1rem;}
.part5 ul li{width:32%;border: 2px solid #FFCE00;text-align: center;padding: .04rem .08rem .08rem;}
.part5 ul li i{display: block;margin: 0 auto;width: .4rem;}
.part5 ul li i img{width: 100%;}
.part5 ul li h2{text-align: center;color: #FFFFFF;font-size: .1rem;font-weight: 100;line-height: 1.5;}
.part5 ul li p{text-align: center;color: #FFFFFF;font-size: .087rem;font-weight: 100;line-height: 1.5;}

.part6{width: 100%;background: url(../image/bg3.jpg) center;background-size: cover;position: relative;padding: .35rem 0 0 0;}
.part6:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.89);z-index: 1;}
.part6 .txt{position: relative;z-index: 3;width: 50%;color: #FFFFFF;}
.part6 .txt h3{font-size: .18rem;font-style: oblique;line-height: 1.2;}
.part6 .txt h3 span{color: #FFCE00;}
.part6 .txt ul{margin-top: .1rem;}
.part6 .txt li{font-size: .08rem;font-weight: 100;line-height: .22rem;padding-left: .1rem;position: relative;}
.part6 .txt li:before{content: "";display: block;position: absolute;left: 0;width: .03rem;height: .03rem;background: #333333;border-radius: 50%;top: 0;bottom: 0;margin: auto 0;}
.part6 .img{position: relative;z-index: 2;width: 54%;margin-left: -4%;}
.part6 .img img{width: 100%;}

.part7{width: 100%;background: #151515;padding: .35rem 0;}
.part7 .img{width: 48%;}
.part7 .img img{width: 100%;}
.part7 .txt{width: 50%;color: #FFFFFF;line-height: 1.6;}
.part7 .txt h3{font-style: oblique;font-size: .18rem;line-height: 1.2;}
.part7 .txt ul{margin-top: .1rem;}
.part7 .txt ul li{font-size: .09rem;margin-top: .05rem;}
.part7 .txt p{font-size: .08rem;margin-top: .1rem;}
.part7 .txt p span{color: #FFCE00;}

.part8{position: relative;width: 100%;background: url(../image/bg4.jpg) center;background-size: cover;padding: .35rem 0;}
.part8:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.87);z-index: 1;}
.part8 .txt{width: 50%;color: #FFFFFF;line-height: 1.6;position: relative;z-index: 3;font-size: .09rem;}
.part8 .txt span{display: block;}
.part8 .txt h3{font-style: oblique;font-size: .18rem;color: #FFCE00;line-height: 1;margin-top: .05rem;}
.part8 .txt p{margin-top: .1rem;}
.part8 .txt p a{color: #cc3366;}
.part8 .img{width: 45%;position: relative;z-index: 2; margin-left:5%;}
.part8 .img img{width: 100%;}

.footer{width: 100%;padding: .35rem 0 0 0;background: #000000;text-align: center;color: #FFFFFF;}
.footer h3{font-style: oblique;font-size: .2rem;}
.footer h3 span{color: #FFCE00;}
.bottom{font-size: .08rem;padding: .1rem 0;margin-top: .2rem;}




@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;}

.part1{font-size: .12rem;line-height: 1.6;}
.part1 .tit{line-height: 1.3;}
.part1 .txt1{margin-top: .1rem;}
#video1{width: 100%;height: 2rem;}
.VideoBtn1{width: .4rem;height: .4rem;}
.part1 .txt2{margin-top: .15rem;}
.btn{width:90%;margin-top: .15rem;}

.part2{padding: .35rem 0;}
.part2 h3{line-height: 1.3;}
.part2 p{font-size: .12rem;margin-top: .15rem;line-height: 1.6;}
#video2{width: 100%;height: 2rem;}
.VideoBtn2{width: .4rem;height: .4rem;}

.part3 .txt{width: 100%;}
.part3 .txt ul li{font-size: .12rem;}
.part3 .txt p{font-size: .11rem;}
.part3 .img{width: 100%;}

.part4 .txt{width: 100%;}
.part4 .txt p{font-size: .12rem;}
.part4 .txt ul li{font-size: .11rem;}
.part4 .img{width: 100%;margin-top: 20px;}

.part5 .txt{font-size: .12rem;}
.part5 ul{margin-top: .05rem;}
.part5 ul li{width: 100%;border: 1px solid #FFCE00;padding: .1rem .1rem .1rem .55rem;margin-top: .1rem;position: relative;min-height: .6rem;}
.part5 ul li i{position: absolute;left: .06rem;top: .1rem;width: .4rem;}
.part5 ul li p{text-align: left;font-size: .12rem;}

.part6 .txt{width: 100%;}
.part6 .txt ul{margin-top: .1rem;}
.part6 .txt li{font-size: .12rem;line-height: .26rem;padding-left: .15rem;}
.part6 .txt li:before{width: .05rem;height: .05rem;}
.part6 .img{width: 100%;margin-left: 0;}

.part7 .img{width: 100%;margin-top: .3rem;}
.part7 .txt{width: 100%;}
.part7 .txt ul{margin-top: .1rem;}
.part7 .txt ul li{font-size: .12rem;}
.part7 .txt p{font-size: .11rem;}
.part8{padding: .35rem 0 .2rem 0;}
.part8 .txt{width: 100%;font-size: .12rem;}
.part8 .img{width: 100%; margin-left: 0%; margin-top:5%;}
.bottom{font-size: .11rem;}

}