*{

    margin: 0;
    padding: 0;
    font-family:'微软雅黑' ;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-family:-apple-system,Helvetica,sans-sens-serif;
    box-sizing: border-box;
}

a{

    text-decoration:none;
    -webkit-tap-highlight-color: transparent;
    font-size: normal;
}

input{
    -webkit-appearance: none;
    outline: none;

} 

img,a { 
    -webkit-touch-callout: none;
}

body{

    width: 100%;
    margin: 0 auto;
    

}

ul ,li{
    list-style:none; 
}

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

nav{

    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding-left: 9.5vw;
    padding-right: 9.5vw;
    padding-top: 0.6vw;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999;
	padding-bottom: 0.8vw;
}

.k1{

    width: 10.2vw;
	padding-right:5vw;
}

.k2{

    
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 10vw;
	line-height: 32px;
    height: 40px;
    
    
}

.k2 li{

    padding-right: 2vw;
	
   
}
.k2 a{

    font-size: 0.9vw;
    color: #000;
    
}

.k2 a:hover{

    color: #0083ff;
}

.k3{

    width: 7vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 1px solid #ffffff80;
    border-right: 1px solid #ffffff80;
    padding: 0 1vw;
		margin-bottom: 10px;
}

.k3 img{

    width: 1vw;

    
    
}

.k3 li{
    
    padding-top: 0.3vw;
    color: #000;
    font-size: 0.9vw;
    line-height: 0px;
  
}


.k4{

    width: 20vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1vw;
	margin-bottom: 10px;
}

.k4 img{

    width: 1vw;
    
    
}

.k4 li{
    
    padding-top: 0.3vw;
    color: #000;
    font-size: 0.9vw;
    line-height: 0px;
  
}

.k4 li:nth-child(2){

    color: #0083ff !important;
}

.k4 li:hover {

    color: #0083ff;
}

.k3 li:hover {

    color: #0083ff;
}


.k5{

    width: 43vw;
    height: 2.5vw;
    border: 1px solid #000; 
    margin-bottom: 1vw;
    position: absolute;
    top: 0.75vw;
    padding-left: 1vw;
    color: #999;
    font-size: 2vw;
    border-radius: 1vw;
   
}

#huoqu{

    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 1.2vw;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 999;
    display: none;
    height: 4.5vw;
    
    
}

.k6 img{

    width: 1.5vw;

}

.k6{

    background-color: #ffffff;
    width: 47vw;
   padding-bottom: 1vw;
   height: 4vw;
   margin-left: 21vw;
   border-radius: 1vw;
   position: relative;

}

.k7{

    position: absolute;
    right: 1.5vw;
    top: 1.2vw;
}


.guanbi{

    color: #ffffff;
    position: absolute;
    right: -7vw;
    top: -0.5vw;
    font-weight: 400;
}

.li2{

    position: relative;
    
}

.li2:hover .ul1{

    display: block;
}



.ul1{

    position: absolute;
    top:3.5vw;
    left: -2vw;
    background-color: #333333;
    text-align: center;
    padding:  0  2vw;
    padding-bottom: 1vw;
    border-radius: 1vw;
    display: none;
}

.ul1 span{

    text-align: center;
    width: 100%;
}

.ul1 a{

    text-align: center;
}




.li3{

position: relative;
}


.num{

    width: 95%;
    margin: 0 auto;
    background-color: #333333;
    padding: 2vw;
    position: fixed;
    top: 6vw;
    left: 0vw;
    display: flex;
    justify-content: space-between;
    margin-left: 2.5vw;

    border-radius:  1vw   1vw   0   0;

}

.c10{

    width: 10vw;
}


.span10{

    width: 10vw;
}













.num10{

    width: 10vw;
    overflow: hidden;
}

.num20{

    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 7.5vw;
    left: 2vw;
     height: 2vw;
    line-height: 2vw;
    
}

.num20 a{

    font-size: 0.95vw;
}

.num20 img{

    vertical-align: bottom;
    width: 2.8vw;
    margin-left: 1vw;
}

.span20{

    width: 2.8vw;
    height: 3.8vw;
    background: url(../img/4.png) no-repeat;
    background-size: 2.8vw 1.8vw;
    background-position: 0px 0.8vw;
}


.num10 img:hover{

    transform:scale(1.2);
    transition: all 1s;
}

.span10:hover .num2 a{

    color: #0083ff;
}

.span10:hover .span20{

    width: 2.8vw;
    height: 3.8vw;
    background: url(../img/5.png) no-repeat;
    background-size: 2.8vw 1.8vw;
    background-position: 0px 0.8vw;
    
}


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









.c11{

    width: 20vw;
}


.span11{

    width: 20vw;
}



.num11{

    width: 20vw;
    overflow: hidden;
}

.num21{

    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 14.5vw;
    left: 40vw;
    
}

.num21 a{

    font-size: 1.15vw;
}

.num21 img{

    vertical-align: bottom;
    width: 2.8vw;
    margin-left: 1vw;
}

.span21{

    width: 2.8vw;
    height: 3.8vw;
    background: url(../img/4.png) no-repeat;
    background-size: 2.8vw 1.8vw;
    background-position: 0px 0.8vw;
}


.num11 img:hover{

    transform:scale(1.2);
    transition: all 1s;
}

.span11:hover .num21 a{

    color: #0083ff;
}

.span11:hover .span21{

    width: 2.8vw;
    height: 3.8vw;
    background: url(../img/5.png) no-repeat;
    background-size: 2.8vw 1.8vw;
    background-position: 0px 0.8vw;
    
}













.c12{

    width: 20vw;
}


.span12{

    width: 20vw;
}



.num12{

    width: 20vw;
    overflow: hidden;
}

.num22{

    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 14.5vw;
    left: 76vw;
    
}

.num22 a{

    font-size: 1.15vw;
}

.num22 img{

    vertical-align: bottom;
    width: 2.8vw;
    margin-left: 1vw;
}

.span22{

    width: 2.8vw;
    height: 3.8vw;
    background: url(../img/4.png) no-repeat;
    background-size: 2.8vw 1.8vw;
    background-position: 0px 0.8vw;
}


.num12 img:hover{

    transform:scale(1.2);
    transition: all 1s;
}

.span12:hover .num22 a{

    color: #0083ff;
}

.span12:hover .span22{

    width: 2.8vw;
    height: 3.8vw;
    background: url(../img/5.png) no-repeat;
    background-size: 2.8vw 1.8vw;
    background-position: 0px 0.8vw;
    
}


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

.dk{

    width: 95%;

    color: #ffffff;
    margin-left: 2.5vw;
    border-radius: 0   0  1vw   1vw;
    
}

#set1,#set2,#set3{

    width: 100%;
    border-top: 1px solid #928282;
    padding-top: 3vw;
  
}

#set1 span{

    width: 100%;
    padding-right: 12vw;
}

#set2 span{

    width: 100%;
    padding-right: 12vw;
}

#set3 span{

    width: 100%;
    padding-right: 12vw;
}

.numm{

    display: none;
}

.li3:hover .numm{

    display: block;
    
}


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

@media screen and (min-width:769px){
    .max{

display: none;

}

.max5{

    width: 100%;
}

.v1 img{

width: 29.1vw;

}

.v2 img{

    width: 29.1vw;
    
}
.v3 img{

    width: 29.1vw;
    
}
.v4 img{

    width: 29.1vw;
    
}
.v5 img{

    width: 29.1vw;
    

}
.v6 img{

    width: 29.1vw;
    
}
.max5{

    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3vw;
    position: relative;
   
}


.max5 span:hover img{

    transform:scale(1.2);
    transition: all 1s;
}

.max5 span{

    width: 29.1vw;
    overflow: hidden;
    height: 21vw;
}

.span4:hover  img{

    transform:scale(1.2);
    transition: all 1s;
}

.span5:hover  img{

    transform:scale(1.2);
    transition: all 1s;
}
.span6:hover  img{

    transform:scale(1.2);
    transition: all 1s;
}
.span7:hover  img{

    transform:scale(1.2);
    transition: all 1s;
}

.span4:hover .p5{

    opacity:1;
    
    
}

.span5:hover .p5{

    opacity:1;
    
    
}

.span6:hover .p5{

    opacity:1;
    
    
}

.span7:hover .p5{

    opacity:1;
    
    
}
.p4{
    position: relative;
}
.im{

    width: 14vw;
    position: absolute;
}
.p3{

    font-size: 2.35vw;
    padding-top: 1.5vw;
    padding-bottom: 4vw;
    color: #000000;
}
.p2{
    font-size: 1.16667rem;
    color: #777;
    padding-bottom: 1vw;
    border-bottom: 1px solid #ffffff;
}

.max4{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 2.5vw;
    padding:  0  4vw;
}

.max4 span{

    width: 100%;
    height: 29vw;
    background: url(../img/a.png) no-repeat;
    background-size: 100%  29vw;
    padding:   3.6vw  3vw;
}



h2{

    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 2.81vw;
    padding:   6vw  0;
}

.slider {
    width: 100%;
     margin: 0 auto;
    box-sizing: border-box;
}

.slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slide-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    
    
}

.slide {
    flex-shrink: 0;
    width: 100%;
    
}
.slide img {
    width: 100%;
    height: 82vh;
    vertical-align: bottom;
}

.slider-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 3%;
   
    margin-left: 34px;
}

.slider-dot {
    width: 60px;
    height: 5px;
    border-radius: 3px;
    background-color: #333;
    margin: 0 5px;
    cursor: pointer;
}

.slider-dot.active {
    background-color: #ddd;
}

.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 5px;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 50px;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
    background-color: darkgray;
}

.slider-dot:hover {
    background-color: #ccc;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}
.slide-track{

position: relative;
}




.max3{

    display: none;
}


.p5{

    position: relative;
    bottom: -8vw;
    font-size: 1.2vw;
    border: 1px solid rgb(121, 152, 238);
    padding:  0.5vw  1vw;
    border-radius: 0.5vw;
    color: #0083ff;
    opacity:0
}


.ps{

    color: #ffffff;
    font-size: 1.8vw;
   position: absolute;
   bottom: 28vw;
   left: 5vw;

}

.ps2{
    width: 25vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 1.1vw;
    position: absolute;
    bottom: 25vw;
    left: 5vw;
}

.v1:hover .ll{

    color: #0083ff;
}

.v2:hover .ll{

    color: #0083ff;
}

.v3:hover .ll{

    color: #0083ff;
}

.v4:hover .ll{

    color: #0083ff;
}

.v5:hover .ll{

    color: #0083ff;
}

.v6:hover .ll{

    color: #0083ff;
}



.ps1 {
    color: #ffffff;
    font-size: 1.8vw;
    position: absolute;
    bottom: 28vw;
    left: 37vw;
}

.ps22 {
    width: 25vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 1.1vw;
    position: absolute;
    bottom: 25vw;
    left: 37vw;
}

.ps11 {
    color: #ffffff;
    font-size: 1.8vw;
    position: absolute;
    bottom: 28vw;
    left: 69vw;
}

.ps222 {
    width: 25vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 1.1vw;
    position: absolute;
    bottom: 25vw;
    left: 69vw;
}


.ps111 {
    color: #ffffff;
    font-size: 1.8vw;
    position: absolute;
    bottom: 5vw;
    left: 5vw;
}

.ps2222 {
    width: 25vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 1.1vw;
    position: absolute;
    bottom: 2vw;
   left: 5vw;
}

.pps111 {
    color: #ffffff;
    font-size: 1.8vw;
    position: absolute;
    bottom: 5vw;
    left: 37vw;
}

.pps2222 {
    width: 25vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 1.1vw;
    position: absolute;
    bottom: 2vw;
   left: 37vw;
}


.ppps111 {
    color: #ffffff;
    font-size: 1.8vw;
    position: absolute;
    bottom: 5vw;
    left: 70vw;
}

.ppps2222 {
    width: 25vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 1.1vw;
    position: absolute;
    bottom: 2vw;
   left: 70vw;
}

.max6{

    width: 100%;
    margin: 0 auto;
    background-color: #f1f5f7;
    margin-top: 10vw;
    padding:   0  3vw;
    padding-bottom: 5vw;
	
	


    background: url(../img/aboutus_bg-ICKUBg6z.png) 50% 50% / cover;

    
}

#h2{

    padding-bottom: 2vw;
}
.d1{

    color: #0083ff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4vw;
    font-weight: bolder;
    padding-bottom: 3vw;
}
.max6 span>p{

    font-size: 1vw;
    color: #333333;
    text-indent:2vw;
    padding-bottom: 2vw;
    
}

.max7{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 2vw;
    padding: 0 3vw;
}

.max7 span{

  width: 100%;
  overflow: hidden;
 
}
.max7 img{

    width: 100%;
    height: 16vw;
}

.oo{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 1vw;

}
.oo li{

    font-size: 1.15vw;
    color: #222222;
}
.max7 p{

    font-size: 1.4vw;
    padding-top: 1vw;
    color: #222222;
}
.pp{

    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 5vw;
    

}
.pp a{

    background: linear-gradient(90deg, #0083ff, #0ec7d9);
    font-size: 1vw;
    border-radius: 0.5vw;
    padding: 1vw 2vw;
    color: #ffffff;
}

.max8{

    width: 100%;
    height: 40vw;
    margin: 0 auto;
    background: url(../img/jj.png)no-repeat;
    background-size: 100%  50vw ;
    margin-top: 8vw;
    padding: 7vw 4vw 2vw 4vw;
    display: flex;
}

.kc1{
    width: 93%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f2dada;


}
.kc1 li{

    font-size: 1.33333rem;
	line-height: 4.66667rem;
    font-weight: 500;
    color: #222;
	
   
}
tbody a{

    font-size: 1rem;
    color: #222;
	height: 1.66667rem;
    line-height: 1.66667rem;
}
tbody a:hover{

    font-size: 1rem;
    color: #0083ff;
}
table{

    width: 66.5vw;
	padding-top: 2.5rem;
}

.diz{

    width: 100%;
    display: flex;
    gap: 8vw;
    padding-top: 4vw;
}
.diz p{

    font-size: 1.16667rem;
}
.po{

    width: 100%;
    text-align: center;
    font-size: 1.16667rem;
    padding-top: 1vw;
    padding-bottom: 2vw;
	    background: url(../img/jj.png)no-repeat;
}
.you{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-left: 1vw;
    gap: 1vw;
}
.you img{

    width: 8vw;
    height: 8vw;
}
.you p{

    font-size: 1vw;
    text-align: center;
    padding-top: 1vw;
}
.shouji{

    display: none;
}

.pp img{

    width: 2.5vw;
    padding-right: 1vw;
}
#ppp{
    display: none;
}
.moni{

    width: 100%;
    margin: 0 auto;
    display: flex;
    margin-top: 6vw;
    gap: 1vw;
	margin-left: 5vw;
}
.moni img{
    
    width: 3rem;
}
.scroll-top{

    width: 5vw;
    height: 20vw;
    position: fixed;
    right: 0vw;
    top: 28vw;
    background: #0083ff;
    padding:   0 1vw;
    text-align: center;
    border-radius: 1vw;
    padding-top: 0.5vw;
    display: none;
}
.scroll-top img{
    width: 2.5vw;
}

.scroll-top span:nth-child(1){

    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.scroll-top span:nth-child(2){

    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.scroll-top span:nth-child(3){

    border-bottom: 1px solid rgba(255, 255, 255, .5);
}


.y1:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.y2:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.y3:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.y4:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.show{

    display: block;
}

}






























 @media screen and (max-width:768px){
        nav{
    
    display: none;

}

.y1:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.y2:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.y3:hover img{

    transform:scale(1.1);
    transition: all 1s;
}

.y4:hover img{

    transform:scale(1.1);
    transition: all 1s;
}
.scroll-top{
    display: none;
}
.moni{
    display: none;
}
.pp img{

    width: 4vw;
    padding-right: 1vw;
}
#pp{

    padding-top: 20vw;
    display: none;
}
.shouji{

    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 18vw;
}
.shouji img{

    width: 26vw;
}
.you{

    display: none;
}
.po{

    width: 100%;
    text-align: center;
    font-size: 3vw;
    color: #515a6e;
    padding: 2vw  5vw;
}
.diz{

    display: none;
}
.kc1{
    display: none;

}
table{

    display: none;
}
.max8{

    width: 100%;
    height: 90vw;
    margin: 0 auto;
    background: url(../img/jj.png)no-repeat;
    background-size: 100%  90vw ;
    margin-top: 18vw;
}


.pp{

    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 10vw;
    

}
.pp a{

    background: linear-gradient(90deg, #0083ff, #0ec7d9);
    font-size: 3.5vw;
    border-radius: 0.5vw;
    padding: 1.4vw 3vw;
    color: #ffffff;
}
.max7 p{

    font-size: 3.8vw;
    padding-top: 1vw;
    color: #222222;
}
.oo{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4vw;

}
.oo li{

    font-size: 3vw;
    color: #222222;
}
.max7{

    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 2vw;
    padding: 0 18vw;
    flex-wrap: wrap;
}

.max7 span{

  width: 100%;
  margin-bottom: 2vw;
  overflow: hidden;
}
.max7 img{

    width: 100%;
    height: 41vw;
}

.d1{

    color: #0083ff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 4.8vw;
    font-weight: bolder;
    padding-bottom: 9vw;
}
.max6 span>p{

    font-size: 5vw;
    color: #333333;
    text-indent:7vw;
    padding-bottom: 2vw;
    
}



#h2{

    padding-bottom: 2vw;
}
.max6{

    width: 100%;
    margin: 0 auto;
    background-color: #f1f5f7;
    margin-top: 20vw;
    padding: 0 4vw;
    padding-bottom: 15vw;
}

.ppps111 {
    color: #ffffff;
    font-size: 4.8vw;
    position: absolute;
    bottom: 12vw;
    left: 6vw;
}

.ppps2222 {
    width: 80vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 2.8vw;
    position: absolute;
    bottom: 4vw;
    left: 6vw;
}
.pps111 {
    color: #ffffff;
    font-size: 4.8vw;
    position: absolute;
    bottom: 12vw;
    left: 6vw;
}

.pps2222 {
    width: 80vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 2.8vw;
    position: absolute;
    bottom: 4vw;
    left: 6vw;
}


.ps111 {
    color: #ffffff;
    font-size: 4.8vw;
    position: absolute;
    bottom: 12vw;
    left: 6vw;
}

.ps2222 {
    width: 80vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 2.8vw;
    position: absolute;
    bottom: 4vw;
    left: 6vw;
}

.ps11 {
    color: #ffffff;
    font-size: 4.8vw;
    position: absolute;
    bottom: 12vw;
    left: 6vw;
}

.ps222 {
    width: 80vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 2.8vw;
    position: absolute;
    bottom: 4vw;
    left: 6vw;
}


.ps1 {
    color: #ffffff;
    font-size: 4.8vw;
    position: absolute;
    bottom: 12vw;
    left: 6vw;
}

.ps22 {
    width: 80vw;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    font-size: 2.8vw;
    position: absolute;
    bottom: 4vw;
    left: 6vw;
}







.v1:hover .ll{

    color: #0083ff;
}




.v2:hover .ll{

    color: #0083ff;
}

.v3:hover .ll{

    color: #0083ff;
}

.v4:hover .ll{

    color: #0083ff;
}

.v5:hover .ll{

    color: #0083ff;
}

.v6:hover .ll{

    color: #0083ff;
}



.ps{

    color: #ffffff;
    font-size: 4.8vw;
    position: absolute;
    bottom: 12vw;
    left: 6vw;

}

.ps2{
    width: 80vw;
        color: #ffffff;
        display: flex;
        justify-content: space-between;
        font-size: 2.8vw;
        position: absolute;
        bottom: 4vw;
        left: 6vw;
}



.max5{

    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}


.max5 span:hover img{

    transform:scale(1.2);
    transition: all 1s;
}






.max5 span{

    width: 100%;
    position: relative;
    overflow: hidden;
    height: 64vw;
    margin-bottom: 6vw;
}
.max5 img{

    width: 100%;
    
}
.p5{

    display: none;
}
.span4:hover  img{

    transform:scale(1.1);
    transition: all 1s;
}

.span5:hover  img{

    transform:scale(1.1);
    transition: all 1s;
}
.span6:hover  img{

    transform:scale(1.1);
    transition: all 1s;
}
.span7:hover  img{

    transform:scale(1.1);
    transition: all 1s;
}
.im {
    width: 29vw;
    position: absolute;
    vertical-align: bottom;
    bottom: -32vw;
}

.p4 {
    position: relative;
    bottom: 1vw;
}
.p3{

    font-size: 5vw;
    padding-top: 3.5vw;
    color: #000000;
   
}


.p2{
    font-size: 2.8vw;
    color: #777;
    padding-bottom: 1vw;
    border-bottom: 1px solid #ffffff;
}

.max4{

    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.5vw;
    padding:  0  4vw;
}

.max4 span{

    width: 47%;
    height: 64vw;
    background: url(../img/a.png) no-repeat;
    background-size: 100%  64vw;
    padding:   7.6vw  7vw;
    margin-bottom: 3vw;
}

h2{

       width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 7.2vw;
        padding: 15vw 0;
}
.max3{

    display: block;
}

.slider {
    width: 100%;
     margin: 0 auto;
    box-sizing: border-box;
}

.slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slide-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.slide {
    flex-shrink: 0;
    width: 100%;
}

.slide img {
    width: 100%;
    height: 130vw;
    vertical-align: bottom;
}

.slider-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 3%;
   
    margin-left: 15px;
}

.slider-dot {
    width: 11vw;
    height: 5px;
    border-radius: 3px;
    background-color: #333;
    margin: 0 5px;
    cursor: pointer;
}

.slider-dot.active {
    background-color: #ddd;
}

.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 5px;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 50px;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
    background-color: darkgray;
}

.slider-dot:hover {
    background-color: #ccc;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}
.slide-track{

position: relative;
}











.max2{

    display: none;
}
.max{

    width: 91%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3vw  0;
}

.max img{

    width: 26vw;
}

.ss{

    
    font-size: 6vw;
    color: #0083ff;
    
}


.span3{

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 4vw;
}

.span3 p{

    font-size:2.8vw;
    padding-right: 2vw;
}

.span3 p:nth-child(1){

    color: #0083ff;
}

#huoqu1{

    width: 100%;
    margin: 0 auto;
    height: 93vh;
    background-color: #ffffff;
    position: fixed;
    top: 13vw;
    left: 0;
    font-size: 6vw;
    padding:  0  5vw; 
    display: none;
    z-index: 999;
    
}
.guanbi1{

    position: absolute;
    right: 4.4vw;
    top: -9.7vw;
}
.p1{
    width: 100%;
    display: inline-block;
    margin-bottom: 6vw;
   
}
.p1 a{

    font-size: 3.6vw;
    color: #000000;
}
/**********************************1**********************/
#end>em {
    width: 5vw !important;
    height: 5vw !important;
    display: inline-block;
    background: url(../img/6.png) no-repeat;
    background-size: 5vw 5vw !important;
    vertical-align: bottom;
    margin-right: 0.5vw;
    
}

em.off {
    width: 5vw !important;
    height: 5vw !important;
    display: inline-block !important;
    background: url(../img/7.png) no-repeat !important;
    background-size: 5vw 5vw !important;
    vertical-align: bottom !important;
    margin-right: 0vw !important;
    
}
#menu ul li ul {display:none;}

 #menu ul.off { 
 display:block;
 padding-left: 3vw;
 margin-top: 6vw;
 }

 #end a{

    font-size: 3.6vw;
    color: #000000;
 }

 #end{

    width: 100%;
    position: relative;
    margin-bottom: 6vw;
    
 }

 #menu{
     width: 100%;
 }

 #menu  ul{
    width: 100%;
}
#end em{

    position: absolute;
    right: 0vw;
    top: 0vw;
}
/************************************1********************/






}

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