body{ 
background: #1F2124;
color: #FFFFFF;
}
.header .navbox .link{
    font-size: 1.8rem;
    margin-right: 3rem; 
}
.header .navbox .link.on::after,
.header .navbox .link:hover::after{
    background-color: #fff;  

}
.detailbox{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5.3rem 0 3.1rem;
}
.detailbox>div{
    width: 47%;
}
.detailbox h2{
    font-size: 5.4rem; 
    font-weight: bold;
    line-height: 7.5rem;
}
.detailbox h3{
    font-size: 3.6rem; 
    line-height: 4.8rem;
    margin-top: 3rem;
}
.detailbox p{
    font-size: 2.0rem; 
    line-height: 4.8rem;
}
.detailbox .flexbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.8rem 0 3.4rem;
    border-bottom: 1px solid #fff;
}
.detailbox .flexbox .btn{ 
    font-size: 1.6rem;
    color: #FFFFFF;
    line-height: 3.6rem;
    background: rgba(32,33,37,0);
    border: 1px solid #FFFFFF;
padding: 0 1.5rem; 
}
.detailbox .flexbox:hover .btn{
    background: #fff;
    color: #4D4D51;
}
.detailbox .flexbox .more{
    width: 2.4rem;
    display: block;
} 
.bannerbox .banner{
    overflow: hidden;
    position: relative;
    margin: 4.4rem 0 ;
}
.bannerbox .banner .pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.8rem;
}
.bannerbox .banner .pagination .swiper-pagination-bullet{
    width: .9rem;
    height: .9rem;
    background: #FFFFFF;
    border: 1px solid #202125;
    opacity: 1;
    border-radius: 0;
}
.bannerbox .banner .pagination .swiper-pagination-bullet-active{ 
    background: #B7223A;
    border: 1px solid #B7223A;
}
.titlebox{
    margin-bottom: 12rem;
    font-weight: bold;
    line-height: 7.2rem;
}
.titlebox .title{
    font-size: 4.8rem;
} 
.titlebox .txt{
    font-size: 2.8rem;
}
.flexbox .row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10rem;
}
.flexbox .row:nth-child(2n){
    margin-bottom: 11rem;
    flex-direction: row-reverse;
}
.flexbox .row .imgbox{
    width: 55%;
    overflow: hidden;
}
.flexbox .row .info{
    width: 40%;
}
.flexbox .row .info .tit{
    font-size: 3.4rem; 
    line-height: 4.8rem;
}
.flexbox .row .info .txt{
    margin: 3.6rem 0 4.4rem;
    font-size: 2.0rem;
    font-weight: 400;
    color: #fff;
    line-height: 3.6rem;
    text-align: justify;
} 
.flexbox .row .info .btn{
    font-size: 1.6rem;
color: #FFFFFF;
line-height: 3.6rem;
background: rgba(32,33,37,0);
border: 1px solid #FFFFFF;
padding: 0 1.5rem;
display: inline-block;
cursor: pointer;
}
.flexbox .row:hover .info .btn{
    background: #fff;
    color: #4D4D51;
}
.flexbox .row:hover .imgbox .bg{
    transform: scale(1.1);
}
.titcenter{
    margin:10rem 0 6rem;
    font-weight: bold;
    line-height: 7.2rem; 
    font-size: 4.8rem;
}
.contentlibox{

}
.contentlibox .row{
    display: flex;
    justify-content: space-between;
    align-items: flex-start; 
    padding: 6rem 0;
}
.contentlibox .row+.row{
    border-top: 1px solid #fff;
}
.contentlibox .row>div{
    width: 50%;
}
.contentlibox .row .tit{ 
font-size: 3.4rem;
color: #FFFFFF;
line-height: 3.4rem;
margin-bottom: 2rem;
}
.contentlibox .row .txt{
    font-size: 2.0rem;
color: #FFFFFF;
line-height: 3.6rem;
}
footer{  
color: #fff; 
}
.fenge{
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 37, 0.8);
    margin: 6rem 0;
}

/* 移动端兼容 */
@media screen and (max-width:750px) {
 
.detailbox{
    display: block;
    padding: 5.3rem 0 3.1rem;
}
.detailbox>div{
    width: 100%;
}
.detailbox h2{
    font-size: 4rem;  
}
.detailbox h3{
    font-size: 3rem;  
}
.detailbox p{
    font-size: 2.0rem;  
    margin-top: 2rem;
}
.titlebox{
    margin-bottom: 6rem;
    font-weight: bold;
    line-height: 4rem;
}
.titlebox .title{
    font-size: 3rem;
    margin-bottom: 1rem;
}
.titlebox .txt{
    font-size:2rem;
}
.flexbox .row{
    display:block;
    margin-bottom: 5rem!important;
} 
.flexbox .row .imgbox,
.flexbox .row .info{
    width: 100%;
}
.flexbox .row .info .tit{  
    margin-top: 3rem;
    font-size: 2.5rem;
}
.flexbox .row .info .txt{ 
    margin: 2rem 0;
}

.titcenter {
    font-size: 3.8rem;
}.contentlibox .row {
    display: block;
}.contentlibox .row>div {
    width: 100%;
}
}