@media screen and (max-width: 1760px) {
    .footer .bq{height: 170px;}
.page{padding-top:2.4% !important;}
.imgbox{padding-right:6.8%;transition: 0.4s;}

.section1 .words {height: 680px;transition: 0.4s;}
.language{top: 3%;font-size: 18px;}
.container{width: 85%;}
}








@media screen and (max-width: 1660px){

    .imgbox{padding-right:6.8%;}

    .section1 .words {height: 600px;}
    .footer .bq {line-height: 36px;}
    }









 @media screen and (max-width: 1440px){
    
.language{font-size: 16px;}
        .imgbox{padding-right:6.8%;}
   
        .section1 .words {height:  540px;}
        .section1 .downloadBox a {height: 70px;line-height: 70px;}
        .footer .bq {line-height: 36px;}
        }   









@media screen and (max-width: 1440px){

.imgbox{padding-right:6.8%;}

.section1 .words {height:  490px;}
.section1 .downloadBox a {height: 60px;line-height: 60px;}
 }
 
 
 @media screen and (max-width: 1280px){

.language{top: 0;font-size: 12px;}
    .footer .bq{font-size: 0.7rem;transition: 0.3s;line-height: 36px;}
     } 

 @media screen and (max-width: 1080px){

    .imgbox{padding-right:6.8%;}

    .section1 .words {height:  400px;}
    .section1 .downloadBox a {height: 50px;line-height: 50px;}
    .footer .bq{font-size: 0.7rem;transition: 0.3s;}
     } 



 
 @media screen and (max-width: 960px){

        .imgbox{padding-right:6.8%;}

        .section1 .words {height:  370px;transition: 0.4s;}
        .section1 .downloadBox a {height: 50px;line-height: 50px;}
  }    













/* 小屏 */
  @media screen and (max-width: 900px) and (min-width:180px){
    .toptext{line-height: 8vw !important;
        font-size: 4vw !important;}
    .section1 .downloadBox{justify-content: center;}
    .pword p {
        font-size: 3vw !important;
    }
    .section1,.section2,.section3,.section4,.section5{max-height:initial;}
.section1{background: url(../images/s1_bgm.jpg) no-repeat center;width: 100%;max-height: 1500px;}
    .imgbox{padding-right:0;}
    .section1 .toptext{letter-spacing: 0.8vh;
        line-height: 8vh;
        font-weight: 600;padding-top: 7%;padding-bottom:7%;}
    .section1 .words {height:  370px;transition: 0.4s;}
    .section1 .downloadBox a {height: 50px;line-height: 50px;}
    .m{display: block !important;}
    .pc{display: none !important;}
    .section1 .downloadBox .mbutton{background: #2c2c2c;display: block;margin:45px auto;margin-top: 45px;}
    .section1 .page {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;}
 .section1 h1 {font-size: 3.5vw !important;}    
.page{width: 85%;padding: 0;}
.section1 .logo {width: 62%;}
.section1 .words{padding-bottom: 0;padding-top: 70px;}
.section1 .imgbox {padding: 0;} .section1 .downloadBox a {font-size: 1.3rem;height: 60px;line-height: 60px;}
 .container{padding-top: 0;}
 .container h2{padding-top: 3%;width: 50%;}
 .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} 
.container .wyImg_box {width: 100%;}
.container .wyWord_box {width: 100%;}
.container .wyWord_box .wylettle{width: 43.2%;}
.wyWord_box .wyP {
    font-family: 'yanshi';
    width: 45%;
    font-size: 1.2rem;
    text-align: center;
}
.container  h2{font-size: 1.8rem;}
.section2{background: url(../images/s2_bgm.jpg) no-repeat center;}
.section3{background: url(../images/s3_bgm.jpg) no-repeat center;}
.section4{background: url(../images/s4_bgm.jpg) no-repeat center;}
.section5{background: url(../images/s5_bgm.jpg) no-repeat center;}
.footer .bq {line-height: 36px;font-size: 0.7rem;}
.container h2 {font-size: 1.6rem;}
.footer h2 {
    height: 170px;
    line-height: 150px;
}
.footer .bq li:last-child{margin-right: 6%;}
.language{top: 4%;
    width: 18%;}
    .language:hover{border: none;}
}
@media screen and (max-width: 860px) and (min-width:180px){
    .section1{background: url(../images/s1_bgm.jpg) no-repeat center;width: 100%;max-height: 1500px;}
        .imgbox{padding-right:0;}
      
        .section1 .words {height:  370px;transition: 0.4s;}
        .section1 .downloadBox a {height: 50px;line-height: 50px;}
        .m{display: block !important;}
        .pc{display: none !important;}
        .section1 .downloadBox .mbutton{background: #2c2c2c;display: block;margin:45px auto;margin-top: 45px;}
        .section1 .page {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;}
     .section1 h1 {font-size: 2.2rem;}    
    .page{width: 85%;padding: 0;}
    .section1 .logo {width: 62%;}
    .section1 .words{padding-bottom: 0;padding-top: 70px;}
    .section1 .imgbox {padding: 0;} 
    .section1 .downloadBox a {font-size: 1.3rem;height: 60px;line-height: 60px;}
    .wyWord_box .wyP{font-family: 'yanshi';
        width: 55%;
        font-size: 1.5rem;
        text-align: center;}
        .footer .bq {line-height: 36px;font-size: 1.1rem;}
.container h2 {font-size: 1.6rem;}
.footer .bq li{padding-right: 0 !important;}
}
    
@media screen and (max-width: 900px) and (min-width:780px){
    .section1,.section2,.section3,.section4,.section5{background: none !important;border-bottom: 1px solid #acccf8 ;}

}

    @media screen and (max-width: 630px) and (min-width:180px){
        .section1{background: url(../images/s1_bgm.jpg) no-repeat center;width: 100%;max-height: 1500px;}
            .imgbox{padding-right:0;}
        
            .section1 .words {height:  370px;transition: 0.4s;}
            .section1 .downloadBox a {height: 50px;line-height: 50px;}
            .m{display: block !important;}
            .pc{display: none !important;}
            .section1 .downloadBox .mbutton{background: #2c2c2c;display: block;margin:45px auto;margin-top: 45px;}
            .section1 .page {
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;}
         .section1 h1 {font-size: 2.2rem;}    
        .page{width: 85%;padding: 0;}
        .section1 .logo {width: 62%;}
        .section1 .words{padding-bottom: 0;padding-top: 70px;}
        .section1 .imgbox {padding: 0;}
        .section1 .downloadBox a {font-size: 1.3rem;height: 60px;line-height: 60px;}
       .container{padding-top: 6%;padding-bottom: 6%;}
   .wyImg_box{padding-top: 5%;padding-bottom: 5%;}
        .footer h2 {
            height: 160px;
            width: 50%;
            line-height: 150px;
            font-size: 1.7rem;}
    
    }
        
    @media screen and (max-width: 550px) and (min-width:180px){
   
        .pword p {
            font-size: 4vw !important;
        }
        .section1 h1 {font-size: 4.7vw !important;}    
        .section1,.section2,.section3,.section4,.section5{background: none !important;border-bottom: 1px solid #acccf8 ;}
        .footer .bq {
            line-height: 30px;
            font-size: 1.2rem;
        }
        .footer h2 {
            height: 160px;
            width: 60%;
            line-height: 150px;
            font-size: 2rem;
        }
        .language {
            top: 4.6%;
            width: 30%;}
    }

    /* end */
        @media screen and (max-width: 420px){

          
        }
        @media screen and (max-width: 860px) and (min-width: 500px){
        .footer .bq {
            padding-top: 5%;}
            body{background-color: #e4f9f7;}
        }


            @media screen and (max-width: 400px){

               
                .section1 h1 {
                    font-size: 22px;
                }
            }


            @media screen and (max-width: 400px){

               
                .section1 .logo {
                    width: 66%;
                }
            }



   








     @media screen and (max-width: 375px){
       .language{width: 40%;}
}

@media screen and (max-width: 420px) and (min-width: 370px){

  .section1 h1 {
    font-size: 24px;
}  

}




/* font */

@media screen and (max-width: 1760px) and (min-width: 370px){

    .section1 h1 {
        font-size: 60px;
        line-height: 200%;
        text-align: center;
        color: #2c2c2c;
    }
    .section1 .toptext {
        font-size: 60px;
    }
  .container h2 {
    font-size: 60px;
    margin: 0 auto;

    display: block;
    text-align: center;
    padding-bottom: 3%;
    padding-top: 3%;
}
.wyWord_box h3 {
    font-size: 100px;
    font-family: 'pangmen';
    font-weight: 500;
    text-align: center;
    background: url(../images/titlebg1.png)no-repeat center;
    height: 100%;
    line-height: 270%;
    background-size: 100%;
    background-position: 0 0;

 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 50px;
}

.footer .bq{font-size: 18px;}



}

@media screen and (max-width: 1680px) and (min-width: 370px){
    .download {font-size: 3vw;}
    .footer .bq li:first-child {padding-right: 0 ;}
    .section1 h1 {
        font-size:50px;
        line-height: 200%;
    }
    .section1 .toptext {
        font-size: 50px;
    }
}
@media screen and (max-width: 1440px) and (min-width: 370px){
 
    .section1 .logo {
        width: 66%;}
    
    .section1 h1 {
        font-size:40px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 48px;
}
.wyWord_box h3 {
    font-size: 80px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 40px;
}
.wyWord_box .wyP b {font-size: 50px;}
.section1 .logo {
    font-size: 20px}

    .section1 .downloadBox a {font-size: 20px;}.footer .bq{font-size: 16px;}

}

@media screen and (max-width: 1300px) and (min-width: 370px){
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:35px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 40px;
}
.wyWord_box h3 {
    font-size: 80px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 40px;
}
.wyWord_box .wyP b {font-size: 50px;}
.section1 .logo {
    font-size: 20px}
.footer .bq{font-size: 16px;}
    .section1 .downloadBox a {font-size: 20px;}

}

@media screen and (max-width: 1200px) and (min-width: 370px){
    .pword p {
        text-align: center;
        font-size: 24px;
        color: #2c2c2c;
    }
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:31px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 32px;
}
.wyWord_box h3 {
    font-size: 70px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 34px;
}
.wyWord_box .wyP b {font-size: 44px;}
.section1 .logo {
    font-size: 20px}

    .section1 .downloadBox a {font-size: 20px;}.footer .bq{font-size: 16px;}
    .section1 .toptext {
        font-size: 36px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 370px){
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:28px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 30px;
}
.wyWord_box h3 {
    font-size: 60px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 30px;
}
.wyWord_box .wyP b {font-size: 41px;}
.section1 .logo {
    font-size: 20px}

    .section1 .downloadBox a {font-size: 16px;}.footer .bq{font-size: 16px;}

}
@media screen and (max-width: 980px) and (min-width: 370px){.section1 .toptext {
    font-size: 32px;
}}
@media screen and (max-width: 930px) and (min-width: 370px){
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:26px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 26px;
}
.wyWord_box h3 {
    font-size: 60px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 28px;
}
.wyWord_box .wyP b {font-size: 30px;}
.section1 .logo {
    font-size: 20px}

    .section1 .downloadBox a {font-size: 16px;}.footer .bq{font-size: 16px;}

}

/* 小屏 */
@media screen and (max-width: 900px) and (min-width: 370px){
    .footer .bq{height: 120px;}
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:3.4vw;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 38px;
}
.wyWord_box h3 {
    font-size: 60px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 28px;
}
.wyWord_box .wyP b {font-size: 30px;}
.section1 .logo {
    font-size: 20px}

    .section1 .downloadBox a {font-size: 16px;background: #71c7c4;}.footer .bq{font-size: 16px;}


}

@media screen and (max-width: 850px) and (min-width: 370px){
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:44px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 34px;
}
.wyWord_box h3 {
    font-size: 50px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 25px;
}
.wyWord_box .wyP b {font-size: 28px;}
.section1 .logo {
    font-size: 20px}

    .section1 .downloadBox a {font-size: 16px;}
.footer .bq{font-size: 16px;}

}



@media screen and (max-width: 750px) and (min-width: 370px){
    .section1 .logo {
        width: 70%;}

    .section1 h1 {
        font-size:36px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 28px;
}
.wyWord_box h3 {
    font-size: 44px;
    line-height: 270%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 24px;
}
.wyWord_box .wyP b {font-size: 28px;}

    .section1 .downloadBox a {font-size: 16px;}
.footer .bq{font-size: 16px;}}
@media screen and (max-width: 650px) and (min-width: 370px){
    .section1 h1 {font-size: 4.5vw !important;}    
    .footer .links .title{font-size: 1.5rem;}
    .footer .links li{font-size: 1.3em;}
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:32px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 28px;
}
.wyWord_box h3 {
    font-size: 44px;
    line-height: 190%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 24px;
}
.wyWord_box .wyP b {font-size: 28px;}

    .section1 .downloadBox a {font-size: 16px;}
.footer .bq{font-size: 16px;}
}

@media screen and (max-width: 550px) and (min-width: 370px){
    .section1 h1 {font-size: 5.5vw !important;}   
    .section1 .logo {
        width: 66%;}

    .section1 h1 {
        font-size:28px;
        line-height: 200%;
    }
 
  .container h2 {
    font-size: 6vw;
}
.wyWord_box h3 {
    font-size: 8vw !important;
    line-height: 190%;
 }

 .wyWord_box .wyP {
    font-family: 'yanshi';
    font-size: 24px;
}
.wyWord_box .wyP b {font-size: 28px;}

    .section1 .downloadBox a {font-size: 16px;}
.footer .bq{font-size: 2vw;}
.section1 .toptext {font-size: 6vw !important;line-height: 8vw !important;}
.flex_m p{font-size: 20px;}
.section6 h2{height: 180px;}
.iconfont{font-size: 2rem;}
}

/* font_end */


/* FOR MOBLIE*/
@media screen and (max-width: 420px) and (min-width:180px){
    .section1 .toptext {
        font-size: 6vw !important;
        line-height: 8vw !important;
    }
    .flex_m p{font-size: 18px;}
    .section1{background: url(../images/s1_bgmm.jpg) no-repeat center;width: 100%;max-height: 1500px;}
        .imgbox{padding-right:0;}
       
        .section1 .words {height:  33.3%;transition: 0.4s;}
        .section1 .downloadBox a {height: 50px;line-height: 50px;}
        .m{display: block !important;}
        .pc{display: none !important;}
        .section1 .downloadBox .mbutton{background: #72a7ee;display: block;margin:45px auto;margin-top: 45px;}
        .section1 .page {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;}
     .section1 h1 {font-size: 5.5vw !important;}    
    .page{width: 85%;padding: 0;}
    .section1 .logo {width: 62%;}
    
    .section1 .imgbox {padding: 0;}
    .section1 .downloadBox a {font-size: 18px;height: 50px;line-height: 50px;}
    .section2{background: url(../images/s2_bgmm.jpg) no-repeat center;}
    .section3{background: url(../images/s3_bgmm.jpg) no-repeat center;}
    .section4{background: url(../images/s4_bgmm.jpg) no-repeat center;}
    .section5{background: url(../images/s5_bgmm.jpg) no-repeat center;}
    .footer .bq {
        line-height: 25px;
    } 
    .footer .container{padding-top: 0;padding-bottom: 0;}
    .footer h2 {
        height: 160px;
        width: 70%;
        line-height: 150px;
        font-size: 2.6rem;
    }
    .language {border: none;top: 5%;font-size: 3.5vw;width: 40%;}
    .section1 .words{padding-bottom: 0;padding-top: 25%;}
    .logo_img h1{font-size: 22px;}
    .container h2 {
        font-size: 6vw;
    }

    .container .wyWord_box .wylettle {
        width: 55%;
    }
    .wyWord_box h3 {
        font-size: 28px;
        font-family: 'pangmen';
        font-weight: 500;
        text-align: center;
        background: url(../images/titlebg1.png)no-repeat center;
        height: 100%;
        line-height: 300%;
        background-size: 100%;
        background-position: 0 0;
    }
    .wyWord_box .wyP {padding-top: 3%;
        font-family: 'yanshi';padding-bottom: 3%;
        width:100%;
        font-size: 24px;
        text-align: center;
    }
    .wyWord_box .wyP b {
        font-size: 26px;
    }

    .container .wyWord_box {
        padding-top: 5%;padding-bottom: 5%;}
        .footer .bq {
       
            font-size:2vw;
        }
}