@charset "utf-8";
/* 内容区 */
.floating{
    position: fixed; /* 浮动状态 */
    top: 75px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 50;
}

.cpxq_bbox {
    padding: 35px 55px 80px;
    border-radius: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.cpxq_csts{
    height: 80px;
}
.cpxq_cst {
    height: 80px;
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    /* transition: all .3s; */
}



.cpxq_csitem.active {

    color: var(--btn_bg_color1);
    
}
.cpxq_csitem.active::after{
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    color: var(--btn_bg_colo1);
    transition: all .3s;
}

.cpxq_csitem {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 18px;
    font-weight: 700;
    color: var(--p_color1);
    cursor: pointer;
    transition: all .3s;
}
.cpxq_csitem.on{
    font-weight: 700;
}
.cpxq_csitem::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: var(--btn_bg_color1);
    transform: translateX(-50%);
    transition: all .4s;
}
.cpxq_csitem.on::after{
    width: 100%;
}
.cpxq_cst.floating {
    height: 60px;
    background-color: rgba(0, 0, 0, .4);
    border: none;

}
.cpxq_cst.floating .cpxq_csitem {
     transform: scale(0.75);

}
.cpxq_cst.floating .cpxq_csitem {
    color: #fff;
}

.cpxq_cst.floating .cpxq_csitem.active {
    background-color: var(--btn_bg_color1);
    /* border-bottom: 1px solid var(--btn_bg_color); */
    color: #fff;
    border-radius: 100px;
    margin: 10px;
    border: none !important;
}
.cpxq_cst.floating .cpxq_csitem.active::after{
    display: none;
}




.cpjs{
    padding: 55px 25px;
}
.cpjs p{
    font-size: 16px;
    line-height: 30px;
    color: var(--p_color);
}
.cpjs p:has(img){
/* background: #f2f2f2; */
   
}
.cpxq_cs img {
    border-radius: 5px;
    margin: 30px auto !important;

}
.cpxq_cs * {
    font-family: "微软雅黑", 'Microsoft YaHei', arial !important;

}

.cpsc_swiper {
    width: 100%;
    overflow: hidden;
}

.cpsc_slidebox {
    padding: 60px 0;
}

.xqxgcp {
    margin-top: 80px;
}

.xqxgcp_t {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xqxgcp_t div {
    font-size: 28px;
    font-weight: 700;
    color: var(--txt_color1);
}

.xqxgcp_t a {
    display: flex;
    align-items: center;
}

.xqxgcp_t span {
    font-size: 16px;
    color: var(--txt_color1);
    transition: all .4s;
}

.xqxgcp_t i {
    font-size: 24px;
    color: #c6c6c6;
    margin-left: 8px;
    transition: all .4s;
}
.xqxgcp_t a:hover i,
.xqxgcp_t a:hover span{
    color: var(--btn_bg_color1);
}
.xqxgcp_t a:hover i{
    transform: translateX(4px);
}
.xqxgcp_b {
    margin-top: 35px;
    overflow: hidden;
}

.xqxgcp_slidea {
    display: block;
}

.xqxgcp_slidea_img {
    border-radius: 12px;
    overflow: hidden;
}

.xqxgcp_slidea_img img {
    width: 100%;
    transition: all .4s;
}
.xqxgcp_slidea:hover img{
    transform: scale(1.1);
}
.xqxgcp_slidea_txt {
    height: 60px;
    padding: 0 10px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: var(--p_color);
    transition: all .4s;
}
.xqxgcp_slidea:hover .xqxgcp_slidea_txt{
    color: var(--btn_bg_color1);
}
.xqxgal {
    margin-top: 80px;
}

.xqxgal_ct {
    margin-top: 35px;
    overflow: hidden;
}
.xqxgal_slide{
    height: auto;
}
.xqxgal_slide .xqxgal_slidea{
    height: 100%;
    display: block;
    padding:45px 40px;
    background-color: var(--boxbg);
    border-radius: 10px;
    overflow: hidden;
    
}
.xqxgal_slideat{
    display: flex;
    justify-content: space-between;
}
.xqxgal_slideat_l{
    font-size: 24px;
    color: var(--txt_color1);
    transition: all .4s;
}
.xqxgal_slidea:hover .xqxgal_slideat_l{
    transform: translateX(4px);
}
.xqxgal_slidea:hover{
    /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); */
    background-color: #f9f9f9;
    /* border: 1px solid #e1e1e1; */
}
.xqxgal_slideat_r{
    display: flex;
    align-items: center;
}
.xqxgal_slideat_r span{
    font-size: 16px;
    color: var(--p_color1);
    text-transform: capitalize;
    transition: all .4s;
}
.xqxgal_slideat_r i{
    font-size: 18px;
    margin-left: 8px;
    color: var(--p_color1);
    transition: all .4s;
}
.xqxgal_slideat_r:hover span,
.xqxgal_slideat_r:hover i{
    color: var(--btn_bg_color1);
}
.xqxgal_slideat_r:hover i{
    transform: translateX(4px);
}
.xqxgal_slideab{
    position: relative;
    padding-top:30px ;
    margin-top: 25px;
    border-top: 1px solid #dcdcdc;
    display: flex;
}
.xqxgal_slideab::after{
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 88px;
    height: 1px;
    background-color: var(--btn_bg_color1);
}
.xqxgal_slideab_l{
    width: 42%;
    border-radius: 12px;
    overflow: hidden;
}
.xqxgal_slideab_l img{
    width: 100%;
    transition: all .4s;
}
.xqxgal_slidea:hover img{
    transform: scale(1.1);
}
.xqxgal_slideab_r{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 58%;
    padding-left: 35px;
    font-size: 14px;
    line-height: 30px;
    color: var(--p_color);
}
.xqptcp{
    margin-top: 80px;
}
.xqptcp_b{
    margin-top: 35px;
    overflow: hidden;
}
.xqptcp_slide{
    height: auto;
}
.xqptcp_slide .xqptcp_slidea{
    height: 100%;
    display: block;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    overflow: hidden;
}
.xqptcp_slideat{
    overflow: hidden;
}
.xqptcp_slideat img{
    width: 100%;
    transition: all .4s;
}
.xqptcp_slidea:hover img{
    transform: scale(1.1);
}
.xqptcp_slideab{
    border-top:1px solid #e7e7e7;
    padding: 30px 30px 40px;
}
.xqptcp_slideabh{
    font-size:22px;
}
.xqptcp_slideabp{
    margin-top: 10px;
    font-size:14px ;
    line-height: 1.5;
    color: var(--p_color1);
}
.cpxq_b{
    position: relative;
    padding-bottom: 120px;
    
}
.cpxq_b .container{
    position: relative;
    z-index: 5;
}
.cpxq_bbox{
    background-color: #fff;
}
.cpxq_b::after{
    content: '';
    position: absolute;
    left: 0;
    bottom:  0;
    width: 100%;
    height:calc( 100% - 100px);
    background-color: #f5f5f5;
}
.cpxq_cs h2 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
@media screen and (max-width: 2000px) {
    .cpxq_bbox{
        padding: 35px 55px 70px;
    }
    .xqxgcp,
    .xqxgal,
    .xqptcp{
        margin-top: 70px;
    }
    .cpxq_b{
        padding-bottom: 110px;
    }
}
@media screen and (max-width: 1800px) {
    .cpxq_bbox{
        padding: 35px 55px 60px;
    }
    .xqxgcp,
    .xqxgal,
    .xqptcp{
        margin-top: 60px;
    }
    .cpxq_csts,
    .cpxq_cst{
        height: 70px;
    }
    .cpxq_csitem{
        font-size: 20px;
    }
    .cpjs{
        padding: 50px 20px;
    }

    .xqxgcp_t div{
        font-size: 26px;
    }
    .xqxgcp_b{
        margin-top: 30px;
    }
    .xqxgal_slideat_l{
        font-size: 22px;
    }
    .xqptcp_slideabh{
        font-size: 20px;
    }
    .xqptcp_slideabp{
        font-size: 14px;
        line-height: 22px;
    }
    .cpxq_b::after{
        height: calc(100% - 100px);
    }
    .cpxq_b{
        padding-bottom: 90px;
    }
}
@media screen and (max-width: 1600px) {
   
    .cpxq_bbox{
        padding: 35px 45px 60px;
    }
    .cpxq_csts, .cpxq_cst{
        height: 60px;
    }
    .cpjs{
        padding: 40px 20px;
    }
    .cpjs p{
        font-size: 14px;
        line-height: 22px;
    }

 
    .xqxgcp_t div{
        font-size: 22px;
    }
    .xqxgcp_slidea_txt{
        font-size: 14px;
        height: 50px;
    }
    .xqxgal_slide .xqxgal_slidea{
        padding: 40px 30px;
    }
    .xqxgal_slideat_l{
        font-size: 20px;
    }
    .xqxgal_slideab{
        margin-top: 20px;
        padding-top: 20px;
    }
    .xqptcp_slideabp{
        margin-top: 15px;
    }
    .cpxq_b{
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 1400px) {
    .cpxq_cs h2 {
        font-size: 24px;
    }
    .cpxq_bbox{
        padding: 35px 40px 50px;
    }
    .cpxq_csts, .cpxq_cst{
        height: 55px;
    }
    .cpxq_csitem{
        font-size: 18px;
        padding: 0 25px;
    }
    .xqxgcp_t div{
        font-size: 20px;
    }
    .xqxgcp, .xqxgal, .xqptcp{
        margin-top: 50px;
    }
    .xqxgcp_t span{
        font-size: 14px;
    }
    .xqxgcp_t i{
        font-size: 20px;
    }
    .xqxgal_slideat_l{
        font-size: 18px;
    }
    .xqxgal_slideab_r{
        padding-left: 25px;
        font-size: 12px;
        line-height: 20px;
    }
    .xqptcp_slideabh{
        font-size: 18px;
    }
    .xqptcp_slideabp{
        font-size: 13px;
        line-height: 22px;
    }
    .xqptcp_slideab{
        padding: 25px 30px 35px;
    }
    .xqptcp_slideabp{
        margin-top: 10px;
    }
    .cpxq_b{
        padding-bottom: 70px;
    }
    .cpxq_b::after{
        height: calc(100% - 84px);
    }
}
@media screen and (max-width: 1200px) {
    .cpxq_bbox{
        padding: 35px 35px 50px;
    }
    .cpxq_csitem{
        font-size: 16px;
    }
    .cpjs{
        padding: 35px 15px;
    }

    .xqxgal_slideat_l{
        font-size: 16px;
    }
    .xqxgal_slideat_r span{
        font-size: 14px;
    }
    .xqptcp_slideabh{
        font-size: 16px;
    }
    .xqptcp_slideabp{
        font-size: 12px;
        line-height: 20px;
    }
    .xqptcp_slideab{
        padding: 20px 25px 30px;
    }
    .cpxq_b{
        padding-bottom: 60px;
    }
    .cpxq_b::after {
        height: calc(100% - 78px);
    }
}
@media screen and (max-width: 992px) {
    .cpxq_cs h2 {
        font-size: 20px;
    }

    .cpjs p{
        font-size: 12px;
        line-height: 20px;
    }

    .xqxgcp_b,
    .xqxgal_ct,
    .xqptcp_b{
        margin-top: 25px;
    }
    .cpxq_b{
        padding-bottom: 50px;
    }
    .xqxgal_slideat_r{
        display: none;
    }
    .xqxgal_slideab_r{
        display: none;
    }
    .xqxgal_slideab_l{
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .cpxq_swiper {
     border-radius: 5px;   
    }
    .cpxq_bbox{
        padding: 20px 20px 50px;
    }
    .cpxq_csitem::after {
        background-color: none !important;
        height: 0 !important;
    }
    .cpxq_csts, .cpxq_cst{
        height: 70px;
    }
    .cpxq_cst{
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    .cpxq_csitem{
        padding: 0;
        width: 33.33%;
      justify-content: center;
    }
    .cpxq_cst.floating{
        padding: 0 20px !important;
    }
    .cpjs{
        padding: 30px 0;
    }

    /* 互联 */
    .xqhl_b{
        flex-wrap: wrap;
    }
    .xqhl_b .xqhl_bl{
        padding-right: 0;
        width: 100%;
    }
    .xqhl_br{
        margin-top: 15px;
        width: 100%;
    }
    .xqhl_bra img{
        position: static;
    }
    .xqxgcp_slidea_img {
        border-radius: 5px;
    }
    .xqxgal_slide .xqxgal_slidea{
        padding: 10px;
     }
     .xqxgal_slide .xqxgal_slidea{
        /* background-color: #fff !important; */
     }
     .xqxgal_slideat_l {
        font-size: 12px;
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
     }
     .xqxgal_slideab {
        padding-top: 0;
        margin-top: 10px;
     }

     .xqxgal_slideab::after {
        display: none;
     }
     .xqxgal_slideab {
        border-top: none;
     }
     .xqxgal_slideab_l {
        border-radius: 5px;
     }
     .xqxgal_slide .xqxgal_slidea {
        /* padding: 0; */
        background-color: var(--a_hover_color);
     }
     .xqxgal_slideat_l {
        color: #fff;
     }
     .xqptcp_slideab {
        padding: 8px 15px;
     }
     .xqptcp_slideabh {
        font-size: 14px;
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
        color:var(--p_color);
        text-align: center;
     }
     .xqptcp_slideabp{
        display: none;
     }
     .xqptcp_slide .xqptcp_slidea {
        border-radius: 5px;
     }
     .cpxq_prev, .cpxq_next {
        width: 30px;
        height: 42px;
     }
     .cpxq_prev i, .cpxq_next i {
        font-size:18px;
     }
     .cpxq_trh {
        font-size: 20px;
     }
     
}