*{

    margin: 0;
    padding: 0;
}

a{
    text-decoration:none;
    font-family:'微软雅黑' ;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-family:-apple-system,Helvetica,sans-sens-serif;

}

ul,li{
    list-style:none;

}


/*****************/
@media screen and (min-width:976px){
.a1{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    max-width: 1200px;

}
}

@media screen and (max-width:975px){
    .a1{
    
       display: none;
    
    }
    }

.c3{

   
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    text-align: center;

}
.c2{

    
    width: 100%;
    margin-left: 100px;
    font-size: 19px;
    margin: 0 auto;
    text-align: center;
    
}

.c2 a{
    color: #000000;
    

}

.c3 li{
    flex: 1;
    
   

}

.c4 img{
    
    
    width: 170px;
    height: 68px;
    
    
    
}

.c1{

  
  height: 68px;

}


.c1 p{

    width: 100px;
}


.c4{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
    align-items: center; 

}

.c5{

    width: 173px;
    height: 68px;
    line-height: 89px;
    font-size: 17px;
}

.c8{

    width: 230px;
    text-align: right;
    margin-right: 20px;
    margin-left: 15px;
}

.c6{
    
    border-bottom: 1px solid #666666;
   
   
}

.c7{

    font-size: 18px;
    color: dodgerblue;
    width: 132.5px;
}

.c6 a{

    font-size: 16px;
    color: #000000;
   
   
}
@media screen and (min-width:976px){
.zong{

    width: 100%;
    margin: 0 auto;
    height: 68px;
    background-color: #ffffff;
}
}

@media screen and (max-width:975px){
    .zong{
    
       display: none;
    }
    }

.c3 a:hover{

    color: cornflowerblue;
    text-decoration: underline;
}

@media screen and (min-width:976px){
    .shouji{

          display: none;
    }

}


@media screen and (max-width:970px){
    .shouji{

          width: 100%;
          height: 55px;
          margin: 0 auto;
          text-align: center;
          line-height: 55px;
          font-size: 16px;
    }

}


/**/


@media screen and (min-width:976px){
    .b1{
           
        display: none;
    }
}

 @media screen and (max-width:971px){
        .b1{
               
            z-index: 999;
            position: absolute;
            width: 45px;
            height: 37px;
            font-size: 14px;
            color: #ffffff;
            right: 2px;
            top: 3px;
            background: rgba(0,0,0,0.1);
            text-align: center;
            line-height: 34px;
            border-radius: 7px;
}
}

.vve-y{

    position:relative;
}



.p1 {
    text-align: left;
    border: 1px solid #e0e0e0;
    padding: 3px;
    color: #000000;
    background-color: #ffffff;
    z-index: 1;
    width: 126px;
    position:absolute;
    right: 0;
    top: 38px;
    text-align: center;
}

#classContent {
    overflow: hidden;
    display: none;
}

.mcc a{

    color: #000000;
    font-size: 12px;
}

.mcc{

    border-bottom: 1px solid #e0e0e0;
}

/*****/
@media screen and (min-width:976px){
    .b2{

          width: 100%;
          margin: 0 auto;  
          text-align: center;
          position:absolute;  
          z-index: 999;  
          top: 138px;
          left: 0;
        

    }
}

@media screen and (max-width:970px){
    .b2{

          width: 100%;
          margin: 0 auto;  
          text-align: center;
          position:absolute;  
          z-index: 888;  
          top: 40px;
          left: 0;  
          

    }
}

@media screen and (min-width:976px){
    .d1{

         color: #ffffff;
         font-size: 30px;
         font-weight: 700;
         margin-bottom: 38px;

    }
}

@media screen and (min-width:976px){
    .d2{

         color: #ffffff;
         font-size: 16px;
         margin-bottom: 38px;
       

    }
}


@media screen and (min-width:976px){
    .a3{

        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; 
        max-width: 500px;
        align-items: center;

       

    }
}

@media screen and (min-width:976px){
    .a3 a{

       font-size: 20px;
       color: #ffffff;


       

    }
}

@media screen and (min-width:976px){
    .a3 span{

        border-radius: 6px;
        border: 1px solid #ffffff;
        padding: 10px 15px 10px 15px;


       

    }
}


/***/
@media screen and (max-width:975px){
    .d1{

         color: #ffffff;
         font-size: 20px;
         font-weight: 700;
         margin-bottom: 10px;

    }
}

@media screen and (max-width:975px){
    .d2{

         color: #ffffff;
         font-size: 16px;
         margin-bottom: 10px;
       

    }
}


@media screen and (max-width:975px){
    .a3{

        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        max-width: 500px;
        align-items: center;
        flex-wrap: wrap;

       

    }
}

@media screen and (max-width:975px){
    .a3 a{

       font-size: 16px;
       color: #ffffff;
      


       

    }
}

@media screen and (max-width:975px){
    .a3 span{

        border-radius: 6px;
        border: 1px solid #ffffff;
        padding: 10px 15px 10px 15px;
        margin-bottom: 13px;


       

    }
}


.a3 img{

    width: 30px;
    height: 30px;
    padding-top: 5px;
}

/**************************/


.v1,.v2,.v3{

    text-align: center;
    
}

@media screen and (min-width:976px){
.v4{

    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

.v1{

    font-size: 35px;
    font-weight: 700;
}

.v3{

    font-size: 17px;
    color: #666666;
}
}

@media screen and (max-width:970px){
    .v4{
    
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
    
    .v1{
    
        font-size: 21px;
        font-weight: 700;
    }
    
    .v3{
    
        font-size: 16px;
        color: #666666;
    }
    }

    /***********/



    @media screen and (min-width:976px){
        .v6{
              width: 80px;
              height: 80px;
              float:left;
              padding-right: 15px;

        }  

        .v6 img{
            width: 80px;
            height: 80px;

      }  


      .v7{

        
         padding-top: 12px;
      }
      .v8{

        font-size: 27px;
        color: #000000;
      }

      .v9{

        font-size: 16px;
        color: #666666;
      }

      
    .v5{

        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        height: 110px;
        align-items: center;
        

    }
    .v5 a{

        color: #000000;
    }

    .v5 a:hover{

        color: crimson;
        text-decoration: underline;
    }
    .v5 span{

        flex: 1;
        
    }
    .m1{
        margin: 0 auto;
        width: 100%;
        margin-bottom: 50px;
        max-width: 1200px;
        
    }

    }


    @media screen and (max-width:975px){
        .v6{
              width: 50px;
              height: 50px;
              float:left;
              padding-right: 5px;

        }  

        .v6 img{
            width: 50px;
            height: 50px;

      }  


      .v5 a{

        color: #000000;
    }


      .v8{

        font-size: 16px;
        color: #000000;
      }

      .v9{

        font-size: 12px;
        color: #666666;
      }

      
    .v5{

        width: 50%;
        margin: 0 auto;
       
       
        height: 110px;
        align-items: center;
      
        

    }

    .v5 span{

        width: 99%;
        padding-bottom: 10px;
        display: flex;
    }
    
    .m1{
        margin: 0 auto;
        width: 98%;
        margin-bottom:95px;
        display: flex;
        margin-top: 30px;
        justify-content: space-between;
        
    }

    }
/*****************/
@media screen and (min-width:976px){
    .vv1{

          width: 100%;
          height: 426px;
          background: url(../img/2.JPG) no-repeat;
		  background-position:center center;
        -moz-background-size: 100% 100%;
        background-size: 100% auto;
         padding-top: 100px;
          color: #ffffff;
          

    }

    .vv3{

         text-align: center; 
         font-size: 35px;
         padding-bottom: 20px;
    }

    .vv2{

        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; 
        max-width: 1200px;
        color: #e0e0e0;
    }

    .vv2 span{

        line-height: 55px;
        margin-left: 30px;
        margin-right: 30px;
        font-size: 18px;

    }
}





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

    .vv1{

        width: 100%;
        height: 280px;
        background: url(../img/2.JPG) no-repeat;
        background-attachment: fixed;
		background-position:center center;
        -moz-background-size: 100% 100%;
        background-size: auto 100%;
       padding-top: 18px;
        color: #ffffff;
        

  }

  .vv3{

       text-align: center; 
       font-size: 21px;
       padding-bottom: 15px;
  }

  .vv2{

      width: 98%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }

  .vv2 span{

    line-height: 22px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 13px;
    width: 100%;

  }
   
}
@media screen and (max-width: 320px){
    .vv1 {
        width: 100%;
        height: 358px;
        background: url(../img/2.JPG) no-repeat;
        background-position:center center;
        -moz-background-size: 100% 100%;
        background-size: auto 100%;
        padding-top: 18px;
        color: #ffffff;
    }
    }
/******************/
@media screen and (min-width:976px){
   .hh1{

         width: 100%;
         margin: 0 auto;
         margin-top: 40px;

   }

   .cc1{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
    margin-bottom: 25px;
    max-width: 1200px;
  
   }

   .cc1 span{
    text-align: center; 
    flex: 1;
  
      
   }

   .gt{

    font-size: 25px;
   }

   .tg{

    font-size: 16px;
    color: #666666;

   }

}


/**/
@media screen and (max-width:975px){
    .hh1{
 
          width: 100%;
          margin: 0 auto;
          margin-top: 40px;
 
    }
 
    .cc1{
 
     width: 100%;
     margin: 0 auto;
     display: flex;
     justify-content: space-between; 
     margin-bottom: 20px;
    }
 
    .cc1 span{
     text-align: center; 
     flex: 1;
     margin-left: 5px;
     margin-right: 5px;
       
    }
 
    .gt{
 
     font-size: 15px;
     margin-bottom: 5px;
     font-weight: 700;
     color: #654e4e;
     
    }
 
    .tg{
 
     font-size: 12.5px;
     color: #666666;
 
    }

    .cc1 img{

        width: 50px;
        height: 50px;
    }
 
 }

 @media screen and (min-width:976px){
    .vvv1{
        margin: 0 auto;
          width: 100%;
          height: 426px; 
         padding-top: 100px;
          color: #000000;
          margin-bottom: 40px;
          max-width: 1200px;
          
          

    }
    }


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

        .vvv1{
        width: 100%;
        padding-top: 18px;
        color: #000000;
        margin-bottom: 25px;
    }

    .vvv2 img{

        width: 15px;
        height: 14px;
    }
}

@media screen and (min-width: 976px){
.vvv3 {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    
}

.vvv2 span {
    line-height: 55px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 16px;
    flex: 1;
    

}

.vvv2{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
    margin-top: 40px;
}

.vvv2 img{

     padding-right: 5px;
}
}


@media screen and (max-width: 970px){
.vvv3 {
    font-size: 21px;
    text-align: center;
    font-weight: 700;
}

.vvv2 span {
    line-height: 25px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 13px;
    width: 100%;
}

.vvv2 img{

    padding-right: 5px;
}



.vvv2 {
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  
  
    margin-top: 30px;
}
}

/***********/


@media screen and (min-width: 976px){

    .gui1{

        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
        max-width: 1200px;
    }

    .vvv2 img{

        width: 18px;
        height: 17px;
    }
    
    .gui{

        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; 
        margin-bottom: 15px;
    }

    .gui span{

        margin-left: 15px;
        margin-right: 15px;
        
    }
}



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

    .gui1{

        width: 100%;
        margin: 0 auto;
        margin-bottom: 28px;
    }

    .gui{

        width: 99%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; 
        margin-bottom: 15px;
    }

    .gui span{

        margin-left: 15px;
        margin-right: 15px;
        width: 30%;
        
    }

    .gui img{

        width: 100%;
    }
}

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

    .si{
    width: 100%;
    margin: 0 auto;

    }

  .huo{
    width: 100%;
    margin: 0 auto;

  }

}

@media screen and (min-width: 976px){

 .si{

    width: 100%;
    margin: 0 auto;
    background-color: #000000;
    color: #e0e0e0;

 }

 .huo{
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
   padding-top: 15px;
   padding-bottom: 15px;
   display: flex;
   justify-content: space-between; 
   align-items: center;
   max-width: 1200px;

  }

  .huo img{

    width: 230px;
    height: 80px;
  }

  .vs{

    display: flex;
    justify-content: space-between; 

  }

  .vs li{

     padding-left: 10px;
     padding-right: 10px;
  }
    

  .ju1{

     font-size: 18px;
     color: #e8c7c7;
  }

  .ju2{
    font-size: 20px;
  }

  .ju3{

    font-size: 14px;
    color: #c9a8a8;
  }

  .kkf
  {

    text-align: right;
  }

  .hhht{

    color: #c9a8a8;
  }
}


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

    .si{
   
      display: none;
    }
}


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

    .sii{
   
      width: 100%;
      margin: 0 auto;
      background-color: #000000;
      font-size: 12px;
      box-sizing: border-box;
     padding-top: 20px;
     padding-bottom: 20px;


    }

    .zou{

        text-align: center;
        color: #c9a8a8;
        padding-bottom: 10px;
    }

    .bdd{

        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; 
        text-align: center;
        color: #e0e0e0;
        padding-bottom: 15px;

    }


    .huof
   {
       width: 95%;
       margin: 0 auto;
       display: flex;
       justify-content: space-between;
       color: #e0e0e0; 
       align-items: center;

   }

   .huof span{

    flex: 1;
   }

   .huof img{

    width: 120px;
    height: 50px;
   }

   .kkff{
    text-align: right;

   }
    a,a:link,a:visited,a:hover,a:active{
        text-decoration: none;
        color:inherit;
    }

    .friend-link {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #fff;
    }
}

a,a:link,a:visited,a:hover,a:active{
    text-decoration: none;
    color:inherit;
}

.friend-link {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

@media screen and (min-width: 976px){

    .sii{
   
      display: none;
    }
}


/******本界面由jisou8.com 技术提供******************/