/* 媒介查询 */
@media screen and (max-width:320px){
    
}
@media screen and (max-width:375px){
 
}
@media screen and (max-width:414px){
   .f6{
       width: 100% !important;
       height: 175px !important;
   }
   .f6 img{
    width: 100% !important;
    height: 175px !important;
   }
   .c3{
       width: 100% !important;
   }
}
@media screen and (max-width:480px){
    
    
    .h_p1{
        font-size: 18px !important;
    }
    
 
}
@media screen and (max-width:540px){
 .f3{
     height: 670px !important;
 }
 
.p_a{
    height: 825px !important;
}

}
@media screen and (max-width:600px){
    
   
   }
@media screen and (max-width:640px){
    .img1{
     height: 245px !important;
 }
 .b{
     height: 245px !important;
 }
 .p_aa{
    height: 650px !important;
}
.bt-left,.bt-right{
    display: none;
}
.a{
    display: block !important;
}
.don1{
    display: none;
}
.don{
    display: block !important;
}
.e7{
    display: none;
}
.e8{
    display: block !important;
}
}
@media screen and (max-width:720px){

}
@media screen and (max-width:769px){
 .gg{
     display: none;
 }
 .ff{
     display: none;
 }
 .hh{
     display: none;
 }
 .ee{
     display: none;
 }
 #con{
     display: none !important;
 }
 
 
}
@media screen and (min-width:769px){
    .g6{
        display: none;
    }
    .f3{
        display: none;
    }
    .e3{
        display: none;
    }
    .c{
        display: none;
    }
   }
@media screen and (max-width:802px){
 .logo{
        width:200px !important;
        height: 70px !important;
        margin: 0 auto;
        margin-top: 0px;
    }
    .a11{
        display: block !important;
    }
    .logo a img {
        width: 210px !important;
        height: 70px !important;
    }
.logo a{
        width: 200px !important;
    }
.a_1{
    display: none;
}
    
}
@media screen and (max-width:900px){
  .p_a{
      display: block !important;
  }
  .p_b{
      display: none !important;
  }
}
@media screen and (max-width:992px){
 
}
@media screen and (max-width:992px){
    
   }

@media screen and (max-width:1200px){
 .f2 {
     width: 540px !important;
 }
}
@media screen and (max-width:1205px){
    .p_aa{
        border: none !important;
    }
}
@media screen and (max-width:1276px){
    .b1{
        display: none;
    }
   }
@media screen and (max-width:1400px){
 
}
@media screen and (max-width:1866px){
 
}





a{
    text-decoration: none;
}
.don{
    display: none;
}
.a{
    width: 100%;
    height: 60px;
    background: #fff;
    position: relative;
    display: none;
}
.a_img{
    width: 105px;
    height: 38px;
    position: absolute;
    margin-top: 14px;
    margin-left: 7px;
   
}
.a_img1{
    width: 105px;
    height: 26px;
    position: absolute;
    margin-top: 25px;
    margin-left: 105px;
 }
 .a_img2{
    width: 102px;
    height: 26px;
    position: absolute;
    margin-top: 25px;
    margin-left: 101px;
 }
.a_p{
    position: absolute;
    margin-left: 30px;
    margin-top: 10px;
    font-size: 18px;
}
.a_p1{
    position: absolute;
    margin-left: 130px;
    margin-top: 10px;
    font-size: 18px;
}
.a1{
    width: 25px;
    height: 25px;
    background: url(../img/h-4.jpg) no-repeat;
    position: absolute;
    margin-top: 18px;
    margin-left: 85%;
}
.a1 a{
    display: block;
    width: 25px;
    height: 25px;
}
.a1_1{
    background: url(../img/h-3.jpg) no-repeat;
}
.a2{
    width: 100%;
    z-index: 1000;
    background: #fff;
    position: absolute;
    margin-top: 60px;
    display: none;
}
.a2 ul li{
    height: 61px;
    line-height: 61px;
    padding-left: 10px;
    color: rgb(121, 120, 120);
}
.a2 ul{
    border-top: 1px solid #000;
}
.ali2{
    background: #ccc;
}
.ali:hover{
    background: #ccc;
}


.logo1 a img{
        width: 230px;
        height: 66px;
        margin-left: 70px;
        margin-top: 13px;
}
.logo1{
    float: left;
}
.a_2{
    float: left;
    margin-left: 605px;
}
.a_ul a{
    float: left;
    color: #000;
    font-size: 18px;
 }
 .a_ul a li{
     text-align: center;
     margin-top: 35px;
     margin-left: 60px;
     position: relative;
 }
 .a_li2::before{
    content: "/ ";
    position: absolute;
    left: -20px;
    top: 0px;
    color: #000;
 }
  .a_li{
     color: rgb(255, 255, 255);
 }
 
 .a_li1:hover{
    color: rgb(250, 250, 250);
 } 


 



.b{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 600px;
    position: relative;
}
.b1{
    position: absolute;
    width: 100%;
    max-width: 1111px;
    margin-left: 170px;
    margin-top: 10px;
    z-index: 10;
    color: #fff;
}

.img1{
    width: 100%;
    height: 600px;
}
.bt-left{
    width: 45px !important;
    height: 60px !important;
    background:  rgba(0,0,0,.2);
    border:none;
    right:  20px !important;
}
.bt-right{
    width: 45px !important;
    height: 60px !important;
    background:  rgba(0,0,0,.2);
    border:none;
    left: 20px !important;
}

.e{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: rgba(27, 31, 42, 1);
}
.ee{
    width: 100%;
    max-width: 1200px;
    height: 250px;
    margin: 0 auto;
    position: relative;
}
.eimg{
    width: 150px;
    height: 150px;
    position: absolute;
    margin-top: 30px;
    margin-left: 40px;
}
.e_a{
    color: #ccc;
}
.e_a:hover{
    color: #fff;
    text-decoration:underline;
}
.e7{
    padding-bottom: 10px;
}
.ep{
    text-align: center;
    color: #ccc;
    line-height: 30px;
}
.e8{
    display: none;
}
.e1{
    height: 107px;
    position: absolute;
    margin-top: 60px;
    margin-left: 350px;
    border-right: 1px #ccc dashed;
    padding-right: 20px;
}
.e1 p{
    color: #ccc;
    margin-top: 20px;
}
.e2{
    position: absolute;
    margin-top: 67px;
    margin-left: 767px;
}
.e2 div{
    max-width: 12px;
    color: #ccc;
    float: left;
    padding-top:5px;
    font-size: 18px;
}
.e2 img{
    width: 99px;
    height: 99px;
    margin-left: 20px;
}
.e3{
    width: 100%;
    height: 275px;
}
.e4{
    text-align: left;
}
.e4 p{
    color: #ccc;
    padding-top: 20px;
    padding-left:20px;
    font-size: 14px;
}
.e5{
    width: 99px;
    height: 144.4px;
    margin:0 auto;
    text-align: center;
    margin-top: 20px;
}
.e5 p{
    color: #ccc;
    padding-top:5px;
    font-size: 18px;
}
.e5 img{
    width: 99px;
    height: 99px;
    margin-top: 10px;
}




.f{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: rgba(252,252,252, 1);
}
.ff{
    width: 100%;
    height: 375px;
    max-width: 1200px;
    margin: 0 auto;
    
}
.fh{
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #76838f;
    padding-top: 60px;
    
}
.fp{
    text-align: center;
    font-size: 22px;
    color: #76838f;
    margin-top: 10px;
}
.f_h1{
    font-size: 36px;
    font-weight: 300;
    color: #76838f;
    padding-top: 10px;
    padding-left: 404px;
}
.f_p2{
    font-size: 22px;
    color: #76838f;
    margin-top: 10px;
    margin-left: 404px;
}
.f_1{
    width: 355px;
    height: 216.55px;
    float: left;
    background: url(../img/h-1.jpg) no-repeat;
    background-size: 100% 100%;
}
.f2{
    width: 750px;
    /* height: 355px; */
    float: left;
    margin-left: 50px;
    line-height: 25px;
    margin-top: 10px;
}
.f2 p{
    margin-top: 10px;
}
.f_2{
    width: 355px;
    height: 216.55px;
    text-align: center;
}
.f_2:hover{
    background: rgba(0, 0, 0, 0.527);
}
.f_p{
    padding-top: 67px;
    color: #fff;
    font-size: 34px;
}
.f_p1{
    margin-top: 10px;
    color: #fff;
    font-size: 34px;
}
.fno{
    display: none;
}
.kong{
    width: 100px;
    height: 40px;
}



.f3{
    width: 100%;
    height: 565px;
}
.f4{
    width: 100%;
    margin-top: 20px;
}
.f6{
    width: 355px;
    height: 216.55px;
    margin: 0 auto;
}
.f6 img{
    width: 355px;
    height: 216.55px;
}
.f5{
    width: 100%;
    line-height: 25px;
    margin-top: 45px;
}
.f5 p{
    padding-left: 30px;
    padding-right: 30px;
}







.g{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: rgba(252,252,252, 1);
}
.gg{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    
}
.gh{
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #76838f;
    padding-top: 60px;
    
}
.gp{
    text-align: center;
    font-size: 22px;
    color: #76838f;
    margin-top: 10px;
}
.g1{
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    height: 370px;
}
.g_1{
    width: 25%;
    height: 370px;
    float: left;
    
}
.ge{
    background: url(../img/h-9.jpg) no-repeat;
    background-size: 100% 100%;
}
.ge1{
    background: url(../img/h-10.jpg) no-repeat;
    background-size: 100% 100%;
}
.ge2{
    background: url(../img/h-12.jpg) no-repeat;
    background-size: 100% 100%;
}
.ge3{
    background: url(../img/h-13.jpg) no-repeat;
    background-size: 100% 100%;
}
.g_2{
    width: 100%;
    height: 370px;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.g_2:hover{
    background: rgba(64, 190, 91, 0.8);
}
.g_2 img{
    padding-top: 120px;
}
.g_2 h1{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
    padding-top: 30px;
}
.g_2 p{
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    line-height: 24px;
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.g6{
    height: 1558px;
}
.g7{
    width: 100%;
    height: 775px;
    margin-top: 30px;
}
.g8{
    width: 100%;
    height: 330px;
    float: left;
    background: url(../img/h-9.jpg) no-repeat;
    background-size: 100% 100%;
}
.g81{
    width: 100%;
    height: 330px;
    float: left;
    background: url(../img/h-10.jpg) no-repeat;
    background-size: 100% 100%;
}
.g82{
    width: 100%;
    height: 350px;
    float: left;
    background: url(../img/h-12.jpg) no-repeat;
    background-size: 100% 100%;
}
.g83{
    width: 100%;
    height: 350px;
    float: left;
    background: url(../img/h-13.jpg) no-repeat;
    background-size: 100% 100%;
}
.g9{
    width: 100%;
    height: 350px;
    background: rgba(0,0,0,0.45);
    text-align: center;
}
.g9 h1{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding-top: 105px;
}
.g9 p{
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
}
.g10 a{
    display: block;
    width: 145px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #d9dee7; 
    margin:0 auto;
    border-radius: 5px;
    color: #000;
}
.g10 a:hover{
    background: blueviolet;
    color: #fff;
}




.h{
    width: 100%;
    max-width: 1920px;
    
    margin: 0 auto;
    background: rgba(252,252,252, 1);
}
.hh{
    width: 100%;
    height: 550px;
    max-width: 1200px;
    margin: 0 auto;
    
}
.h_h2{
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #76838f;
    padding-top: 60px;
    
}
.h_p{
    text-align: center;
    font-size: 22px;
    color: #76838f;
    margin-top: 10px;
}
.h1{
    width: 100%;
    height: 300px;
    margin-top: 20px;
}
.h2{
    width: 100%;
    height: 300px;
    position: relative;
}
.hli{
    position: absolute;
    margin-left: 60px;
    margin-top: 20px;
}
.hli1{
    position: absolute;
    margin-left: 60px;
    margin-top: 120px;
}
.hli2{
    position: absolute;
    margin-left: 60px;
    margin-top: 235px;
}
.hli3{
    position: absolute;
    margin-left: 932px;
    margin-top: 20px;
}
.hli4{
    position: absolute;
    margin-left: 932px;
    margin-top: 120px;
}
.hli5{
    position: absolute;
    margin-left: 932px;
    margin-top: 235px;
}

.hl{
    font-size: 26px;
    color: #000;
    font-weight: bold;
}
.h3{
    width: 400px;
    height: 250px;
    position: absolute;
    overflow: hidden;
    margin-left: 400px;
    margin-top: 19px;
    transition: all 1s ease 0s;
    background: url(../img/h-2.jpg);
    text-align: center;
}

.h4{
    height: 250px;
}
.h4:hover{
    background: rgba(0, 0, 0, 0.527);
}
.hu1{
    display: none;
}
.hl:hover{
    color: #df2a74;
}
.hl1{
    padding-top: 10px;
}
.hp{
    padding-top: 86px;
    color: #fff;
    font-size: 34px;
}
.hp1{
    margin-top: 10px;
    color: #fff;
    font-size: 34px;
}
.hno{
    display: none;
}


.c{
    width: 100%;
    height: 830px;
}
.c1{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-top: 40px;
}
.c3{
    width: 350px;
    height: 250px;
    margin: 0 auto;
    margin-top: 25px;
    transition: all 1s ease 0s;
    background: url(../img/h-2.jpg);
}
.c4{
    height: 250px;
    background: rgba(0, 0, 0, 0.527);
    text-align: center;
}
.cp{
    padding-top: 86px;
    color: #fff;
    font-size: 34px;
}
.cp1{
    margin-top: 10px;
    color: #fff;
    font-size: 34px;
}


#con{
    width: 50px;
    height: 50px;
    background: #9b9b9b;
    border:1px solid #fcc;
    position: fixed;
    right: 100px;
    bottom:100px;
    display: none;
    text-align: center;
    line-height: 64px;
    z-index: 99;
  }
  #con:hover{
      background:#c6a891;
  }