body,html{ 
    font-size: 10px; 
}
header{
    width: 100vw;
    background-color: #fff!important; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
header img.logomin{
    display: block;
    width: 40vw;
    margin: 3.2vw 5.47vw;
}
header img.logomax{
    display: none; 
}
header img.navbtn{
    display: block; 
    width: 4.08vw;
    margin: 1.25rem 5.33vw;
}
 
header ul{ 
    height: 0;
    padding: 0; 
    border: 0; 
    /* height: auto;
    border-top: 1px solid rgba(18, 14, 0, 0.1) ; 
    border-bottom: 1px solid rgba(18, 14, 0, 0.1) ; 
    padding:4.6vw 0;   */
    position: absolute;
    top: 100%;
    overflow: hidden;
    width: 100vw;
    background-color: #fff;
    font-size: 1.5rem;
    font-family: OPPOSans-M; 
    color: #222222;  
    /* transition:all 0.5s ease-in-out 0s; */
}
header li{
    display: block; 
    padding:4.6vw 5.33vw; 
}
header li a{ 
    display: block;
}
header li:nth-child(3) a{
    display: inline-block;
}
header li.active{
    color: #FF2600;
}

footer{
    width:90vw;
    padding:0 5vw;
    background-color: #000;
}
footer .top {
    display: block;
    justify-content: normal; 
}
footer .top h2{ 
font-size: 1.8rem; 
font-family: OPPOSans-R;
font-weight: 400;
color: #FFFFFF; 
opacity: 0.7;
letter-spacing:1px;
margin: 2.8vw 0 1.6vw;
} 
footer .top>div:first-child{
    width: 90vw;
    display: inline-flex;
    justify-content: space-evenly; 
    align-items: flex-start; 
    margin-top: 12vw;
} 
footer .top>div:last-child{
    width: 90vw;
    display: block; 
    margin: 15vw 0 5vw;
}   

footer .top ul li p{
    font-size: 1.4rem;
    line-height: 2.3rem;
max-width: 83vw;
} footer .top ul li p span {
    white-space: normal;
    display: block;
}
footer .top ul li p .hhbr{
    display: block;
}
footer .top ul li .flex1{
    flex: 1;
}
footer .top ul .flex2{
    flex: 1;
}
footer .top  .img{ 
    width: 23.07vw!important;
    height: 23.07vw!important; 
}  
footer .top  .img p{
    display: block;
    text-align: center;
    font-size: 1.2rem;
font-family: OPPOSans;
font-weight: 400;
color: #FFFFFF; margin-top: 1rem;
 }
footer .top  .img img{ 
    top: -10px;
    left: 10px;
}
footer .bottom{
    border-top: 1px solid rgba(253, 253, 253,0.23);
    padding:0.8rem 0;
    display: block;
    text-align: center;
    font-size: 1rem;
    letter-spacing:1.5px;
font-family: OPPOSans-R;
font-weight: 400;
color: #FFFFFF;
opacity: 0.4;
} 
.wapshow{
    display: block !important;
}
.pcshow{
    display: none;
}

/* 置顶 */
.totop {
    width: 11.73vw;
    height: 11.73vw;
    position: fixed;
    right: 0vw;
    bottom: 43.33vh;
    z-index: 99;
    display: none;
    cursor: pointer;
}
.totop img {
    width: 11.73vw;
    height: 11.73vw;
}
.banner{
    display: block;
    width: 100vw; 
    position: relative;
}
.swiper-container.PC{ 
    display: none; 
}
.swiper-container.wap{ 
    display: block; 
    height: 177.5vw;
}
.swiper-container.wap .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 4vw!important;
}
.banner img{
    display: block;
    width: 100vw; 
    transition:all 0.5s ease-in-out 0s;
}
.banner>.text{
    position: absolute;
    top: 32.4vw; 
    right: -83.87vw;
    right: 0vw;
    /* transition: all 0.5s ease-in-out 0s; */
    /* opacity: 0; */
}
.banner h2{
    font-size: 2.4rem; 
    font-weight: 400;
    color: #000000;
    line-height:3rem;
    font-family: Bebas-Regular;  
    letter-spacing: 1.3px;
}
.banner p{
    font-size: 2.4rem; 
    font-weight: 400;
    color: #000000;
    line-height:3.5rem;
    font-family: OPPOSans-R;  
}
.banner span{
    display: block;
    width: 83.87vw;
    margin-top: 1.2rem;
height:0.2rem;
background: linear-gradient(to right,#ff2600 ,rgba(0,0,0,0) );
}

/* 大标题 */
.title{
    text-align: center;
    width: 100vw;
    padding: 20vw 0 0;
    position: relative;
    transition: all 1s 0s ease ;
    opacity: 0;
    top: 5vw;
}

.title h1{
    font-size:4.5rem;
    font-family: Bebas-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0,0.1);   
    position: absolute;
    top: 14vw;
    display: block;
    width: 100vw;
    text-align: center; 
}
.title h1 img{
    width: 36.13vw;
   }
.title h2{
    font-size: 2.4rem;
    font-family: OPPOSans-B; 
    color: #000000; 
    letter-spacing: 2px;
}

.about .top{
    padding-bottom: 8vw;
}
.about .top h3{
    width: 90vw;
    font-size: 1.5rem; 
    line-height: 3rem;
    margin: 1.6rem auto;
}

.about .top p span,.dataBank>p{
    font-size: 1.5rem; 
} 
img.more{
    width: 1.7vw;  
    margin-left: 2.53vw;
}

.about .bottom {
    height: 80vw;
 }
.about .bottom .pics1{ 
    display: none;  
}

.about .bottom .pics2{ 
    display: block; 
    width: 100vw; 
    transition: all 0.5s ease 0s; 
}

.about .bottom h1{
    font-size: 1.5rem; 
    letter-spacing: 0.1rem; 
    top: 16.4vw; 
    left: 5vw;
    width: 90vw; 
}
.about .bottom .btn{
    width: 13.3vw;
    height: 13.3vw;
    position: absolute;
    left: 50%;
    margin-left: -6.65vw; 
    bottom: 33.33vw;
}

.mapbox>p{
    font-size: 1.3em;
    margin: 1.5rem 0;
    line-height: 2.4rem; 
} 
.mapbox .map{
    position: relative;
    width:85.2vw;
    margin: 2vw auto 5vw; 
    transition: all 1s 0s ease ;
    opacity: 0;
    left: -28vw;
}
.mapbox .map .mapimg{
    width:85.2vw;
}

.mapbox .right {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center; 
    right: 0; 
    top: 0;
    padding:1px 0 10vw;
}
.mapbox .right .btns{ 
    opacity: 1;
    left: 0;
} 
.mapbox .right .btns img{
    display: block;
    width: 13.87vw;
    height: 13.87vw;
    margin: 0 auto;
}
.mapbox .right .btns p{
    font-size: 1.3rem;
    font-family: OPPOSans-R;
    font-weight: 400;
    color: #2b2b2b;
    padding: 0.9rem 0;
    display: block;
    text-align: center; 
} 


.dataBank .swiper-cards{
    display: block; 
    width: 86.67vw;
    margin: 8vw auto;
} 
.dataBank .swiper-slide{
    width:86.67vw!important;
    box-shadow: 0px 0px 3.1em 0px rgba(0, 0, 0, 0.08);  
    background-color: #fff;  
} 
 
.dataBank .swiper-slide img{
    width: 100%;
    display: block;
}
.dataBank .swiper-slide .text{
    display: block;
    padding:0vw 5.33vw 0;
    background-color: #fff;
    border-bottom: 0; 
    transition: all 0.5s ease-in-out 0s;  
}
.dataBank .swiper-slide.active .text{ 
    border-bottom: 0.2rem solid #FF2600; 
}
.dataBank .swiper-slide .text h7,
.dataBank .swiper-slide .text h5{
    background-color: #fff;
    font-size: 1.4rem;
    font-family: OPPOSans-B; 
    color: #000000;
    margin: 2rem 0 0;
    letter-spacing: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;  
    line-height: 2.4rem;
}
.dataBank .swiper-slide .text h7{
    font-weight: bold;
    -webkit-line-clamp: 1;
}
.dataBank .swiper-slide .text p{
    background-color: #fff;
    font-size: 1.3rem;
font-family: OPPOSans-R;
font-weight: 400;
color: #000000;
margin: 1.2rem 0 1.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all 0.5s ease-in-out 0s;  
overflow: hidden;
} 
.dataBank .dots{
    display: none;
} 
.dataBank>p{
    margin-bottom: 20vw;
}

.dataBank .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: -20vw!important;
}
.dataBank .swiper-pagination .swiper-pagination-bullet{
    width: 2vw;
    height: 0.1rem;
    background-color: #000;
    display: inline-block;
    margin: 0 0.39vw; 
    transition: all 0.3s ease-in-out 0s;
    border: 0;
    opacity: 1;
}
.dataBank .swiper-pagination .swiper-pagination-bullet-active{
    width: 3.33vw; 
    background-color: #FF2600; 
    transition: all 0.3s ease-in-out 0s;
}

/* 分页器 */
.pagenav{
    display: block;
    width: 100%;
    margin-top: 1.6vw;
    justify-content: normal;
}
.pagenav .pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagenav .pagination li{min-width:5.5vw;height:5.5vw;line-height:5.5vw;text-align:center;font-size:1.1em;margin:0 .27vw;color:#6c6f72;border:1px solid #cfd5df;padding:0 .3vw;box-sizing:border-box}
.pagenav .pagination li.active{
    color: #fff;
    border: 1px solid #222;
    background: #222;

}
.pagenav .pagination li img{
    width: 0.4vw; 
    margin-top: 0.5rem;
}

 footer .pcshow{
        display: block;
    }
    footer .top h2{
        font-size: 2rem;
    }
     footer .top .ul{
        margin-top: 3rem;
     }
    footer .top ul li{
        margin-right: 0;
    }
    footer .top ul li .p{
        font-size: 1.3rem;
        line-height: 1.8;
    }
    footer .top ul li img{
    width: 2rem; 
    height: 2rem; 
    margin-right: 1rem;
    margin-top: .3rem;
    transform: unset;
}
 footer .top ul li .p .t{
    flex: 1;
 }