@charset "utf-8";
.lxtl{
    margin-top: 126px;
    height: 580px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--btn_bg_color);;
}
.lxtl .container{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: right;
    padding-bottom: 200px;
}
.lxtl_h{
    font-size: 42px;
    font-weight: 700;
}
.lxtl_y{
    font-size: 16px;
}
.lxtl_ct,
.lxly{
    background-color: var(--boxbg);
}
.lxly{
    position: relative;
}
#liuyan{
    position: absolute;
    top: -100px;
    left: 0;
}
.lxtl_ctbox{
    display: flex;
    border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    justify-content: space-between;
    transform: translateY(-200px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lxtl_ctboxl{
    width: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 20px 20px 0;
    padding: 60px;
}
.lxtl_ctboxl .lxtl_ctboxla{
    display: flex;
    align-items: center;
    height: 125px;
    color: #fff;
    border-bottom: 1px solid #3e65cc;
}
.lxtl_ctboxla i{
    font-size:50px ;
    color: var(--btn_bg_color1);
    margin-right: 20px;
    line-height: 1;
}
.lxtl_ctboxla_txt{
    transition: all .4s;
}
.lxtl_ctboxla:hover .lxtl_ctboxla_txt{
    transform: translateX(5px);
}
.lxtl_ctboxla_txtt{
font-size: 16px;
}
.lxtl_ctboxla_txtb{
    font-size: 24px;
    font-weight: 700;
}
.lxtl_ctboxla_txtb span{
    font-size: 16px;
    margin-left: 10px;
}
.lxtl_ctboxc{
    padding-top: 70px;
    display: flex;
    align-items: center;
    align-self: flex-start;
}
.lxtl_ctboxc_txtt{
    font-size: 26px;
    font-weight: 700;
    color: var(--btn_bg_color);
}
.lxtl_ctboxc_txtb{
    font-size: 12px;
    color: var(--p_color1);
}
.lxtl_ctboxc i{
    font-size: 65px;
    margin-right: 20px;
    color: #c6c6c6;
}
.lxtl_ctboxr{
    position: relative;
    width: 40%;
}
.lxtl_ctboxrbox{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 45px 0;
    padding-right: 30px;
}
.lxtl_swiper{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.lxtl_slide{
    height: auto;
    padding: 20px 0 0 0;
    padding-right: 55px;
}
.lxtl_wrapper {
    flex-wrap: wrap;
}
.lxtl_slide_item{
    margin-bottom: 30px;
}
.lxtl_slide_itemt{
    font-weight: 700;
    font-size: 18px;
    color: var(--txt_color1);
    transition: all .4s;
}
.lxtl_slide_item:hover .lxtl_slide_itemt{
    color: var(--btn_bg_color1);
}
.lxtl_slide_itemb{
    margin-top: 6px;
    font-size: 18px;
    line-height: 33px;
    color: var(--p_color1);
}
.swiper-container-vertical>.swiper-scrollbar.lxtl_scrollbar{
    width: 8px;
    background-color: #e5e5e5;
}
.swiper-scrollbar-drag{
    background-color: var(--btn_bg_color1);
}
.lxly{
    margin-top: -80px;
}
.lxlyt{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lxlyt_h{
    font-size: 36px;
    font-weight: 700;
    color: var(--txt_color1);
}
.cptl_txtboxx {
    display: flex;
    margin:25px 0;
}
.lxtl_swiper {
    height: auto;       
    max-height: 100%;  
    overflow-y: auto; 
    position: relative; /* 设置为相对定位 */
    padding-right: 20px; /* 额外的右侧空白，值可以根据需要调整 */
}

.lxtl_swiper::before {
    content: ""; /* 创建一个透明的内容块 */
    position: absolute; /* 绝对定位 */
    right: 0; /* 定位到容器的最右侧 */
    top: 0; /* 从顶部开始 */
    bottom: 0; /* 一直到底部 */
    width: 20px; /* 与上面的padding-right相同 */
    background-color: transparent; /* 透明背景 */
}


/* 定制滚动条的样式 (针对 Webkit 浏览器，例如 Chrome, Safari) */
.lxtl_swiper::-webkit-scrollbar {
    width: 8px; /* 滚动条的宽度 */
    border-radius: 6px;

 
}

.lxtl_swiper::-webkit-scrollbar-track {
    background: #e5e5e5; /* 滚动条轨道的颜色 */
    border-radius: 6px;
}

.lxtl_swiper::-webkit-scrollbar-thumb {
    background: var(--btn_bg_color1); /* 滚动条本身的颜色 */
    border-radius: 6px; /* 滚动条的边角圆滑度 */
}

.lxtl_swiper::-webkit-scrollbar-thumb:hover {
    background: var(--btn_bg_color1); /* 滚动条在鼠标悬浮时的颜色 */
}

/* 为 Firefox 定制滚动条样式 */
.lxtl_swiper {
    scrollbar-width: thin; /* "auto" 或 "thin" */
    scrollbar-color: #888 #f1f1f1; /* 滚动条颜色 滚动条轨道颜色 */
}

.lxtl_swiper::-webkit-scrollbar {
    width: 5px; /* 可以调整滚动条的宽度 */
}

.lxtl_swiper::-webkit-scrollbar-thumb {
    background-color: var(--btn_bg_color1); /* 调整滚动条的颜色和透明度 */
}

.lxtl_swiper::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.1); /* 调整滚动条轨道的颜色 */
}







.cptl_txtboxx b {
    display: block;
    width: 35px;
    height: 3px;
    border-radius: 1.5px;
    background-color: var(--btn_bg_color1);
}
.cptl_txtboxx span {
    margin-left: 5px;
    display: block;
    width: 90px;
    height: 3px;
    border-radius: 1.5px;
    background-color: var(--btn_bg_color);
}
.lxlyt_p{
    font-size: 18px;
    line-height: 35px;
    color: var(--p_color);
}
.lxlytr{
    display: flex;
}
.lxlytr .lxlytra{
    width: 245px;
    height: 60px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cccccc;
    color: var(--txt_color1);
    margin-left: 20px;
    transition: all .2s;
}
.lxlytr .lxlytra:hover{
    color: #fff;
    background-color: var(--btn_bg_color1);
    border-color: var(--btn_bg_color1);
}
 .lxlytra i{
    font-size: 22px;
    margin-right: 12px;
 }
 .lxlytra span{
    font-size: 16px;
 }
 .lxlybd{
    margin-top: 50px;
 }
 .lxlybd_t{
    display: flex;
    justify-content: space-between;
 }
 .lxlybd_titem{
    width: 32.5%;
    display: flex;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    height:60px;
    border-radius: 10px;
    overflow: hidden;
 }
 .lxlybd_titem>div{
    padding-top: 6px;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e34242;
 }
 .lxlybd_titem>div.fbt{
    width: 20px;
 }
 .lxlybd_titem>input{
    width: calc(100% - 55px);
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 16px;
    background-color: #fff;
 }
 .lxlybd_z{
    margin: 25px 0;
    width: 100%;
    height: 300px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    overflow: hidden;
 }
 .lxlybd_z textarea{
    padding: 40px;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    resize: none;
    font-size: 16px;
 }
 .lxlybd_s{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--p_color);
 }
 .lxlybd_s i{
    font-size: 22px;
    margin-right: 10px;
    color: var(--btn_bg_color1);
 }
 .lxlybd_b{
   padding: 50px 0 120px;
   display: flex;
   justify-content: space-between;
 }
 .lxlybd_bl{
    width: 32.5%;
    display: flex;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
 }
 .lxlybd_bl>.lxlybd_blt{
    position: relative;
    width:175px ;
    padding: 0 30px;
    display: flex;
    align-items: center;
 }
 .lxlybd_bl>.lxlybd_blt::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 40%;
    background-color:#e4e4e4;
    transform: translateY(-50%);
 }
 .lxlybd_bl img{
    width: 100%;
 }
 .lxlybd_bl>input{
   flex: 1;
    border: 0;
    height: 100%;
    font-size: 16px;
 }
 .lxlybd_bld{
    padding-top: 6px;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e34242;
 }
 .lxlybd_b>input{
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b2b2b2;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: 0;
    transition: all .2s;
 }
 .lxlybd_b>input:hover{
    transform: scale(.98);
 }
 .lxlybd_b .lxlybd_btj{
    background-color: var(--btn_bg_color);
 }
 .footer_t{
    background-color: #fff;
 }
 .xqwx_dw {
    width: 120px;
left: 50%;
margin-left: -60px;
 }
 @media screen and (max-width: 2000px) {
    .lxtl{
        height:  540px;
    }
    .lxly{
        margin-top: -80px;
    }
    .lxlybd_b{
        padding: 50px 0 110px;
    }
 }
 @media screen and (max-width: 1800px) {
    .lxtl{
        height: 500px;
    }
    .lxtl_ctboxl{
        padding: 50px ;
    }
    .lxly{
        margin-top: -90px;
    }
    .lxlybd_b{
        padding: 50px 0 100px;
    }
    .lxlyt_h{
        font-size: 34px;
    }
 }
 @media screen and (max-width: 1600px) {
    .lxtl_h{
        font-size: 38px;
    }
    .lxtl_ctboxl{
        padding: 40px;
    }
    .lxtl_ctboxl .lxtl_ctboxla{
        height: 100px;
    }
    .lxtl_slide_itemt,
    .lxtl_slide_itemb{
        font-size: 16px;
        line-height: 30px;
    }
    .lxtl_slide{
        padding: 15px 0;
        padding-right: 45px;
    }
    .lxtl_ctboxc{
        padding-top: 50px;
    }
    .lxlyt_h{
        font-size: 32px;
    }
    .lxlybd_b{
        padding: 50px 0 90px;
    }
    .lxtl_ctboxla_txtb{
        font-size: 22px;
    }
    .lxtl_ctboxla_txtb span{
        font-size: 14px;
    }
    .lxlyt_p{
        font-size: 16px;
        line-height: 30px;
    }
    .lxlytr .lxlytra{
        height: 55px;
    }
    .lxlybd_z{
        height: 260px;
    }
    .lxly{
        margin-top: -120px;
    }
 }
 @media screen and (max-width: 1400px) {
    .lxtl_h{
        font-size: 32px;
    }
    .lxtl_y{
        font-size: 14px;
    }
    .lxtl{
        height: 460px;
    }
    .lxtl_ctboxl{
        padding: 35px ;
    }
    .lxtl_ctboxla_txtb{
        font-size: 20px;
    }
    .lxtl_ctboxla i{
        font-size: 44px;
    }
    .lxtl_ctboxc_txtt{
        font-size: 22px;
    }
    .lxtl_ctboxc_txtt i{
        font-size: 52px;
    
    }
    .lxtl_ctboxc i{
        margin-right: 10px;
    }
    .lxtl_slide_item{
        margin: 0;
    }
    .lxlyt_h{
        font-size: 28px;
    }
    .lxly{
        margin-top: -140px;
    }
    .lxlybd_b{
        padding: 50px 0 80px;
    }
    .lxlybd_z{
        height: 200px;
    }
    .lxlybd_z textarea{
        padding: 30px;
    }
 }
 @media screen and (max-width: 1200px) {
    .lxtl_h{
        font-size: 28px;
    }
    .lxtl{
        height: 420px;
    }
    .lxtl_ctboxl .lxtl_ctboxla{
        height: 80px;
    }
    .lxtl_ctboxc i{
        font-size: 45px;
    }
    .lxtl_ctboxrbox{
        padding: 35px 0;
    }
    .lxtl_ctboxrbox{
        padding-right: 30px;
    }
    .lxtl_slide_itemb{
        font-size: 14px;
        line-height: 22px;
    }
    .lxtl_ctboxla_txtb{
        font-size: 18px;
    }
    .lxtl_ctboxla_txtt{
        font-size: 14px;
    }
    .lxtl_ctbox{
        transform: translateY(-100px);
    }
    .lxtl .container{
        padding-bottom: 100px;
    }
    .lxly{
        margin-top: -40px;
    }
    .lxlyt_h{
        font-size: 26px;
    }
    .lxlyt_p{
        font-size: 12px;
        line-height: 20px;
    }
    .lxlybd{
        margin-top: 35px;
    }
    .lxlybd_z{
        margin: 20px 0;
        height: 180px;
    }
    .lxlybd_z textarea{
        padding: 20px;
    }
    .lxlybd_s{
        font-size: 12px;
    }
    .lxlybd_b{
        padding: 25px 0 60px;
    }
    .lxtl_slide_itemb{
        font-size: 12px;
        line-height: 20px;
    }
 }
 @media screen and (max-width: 992px) {
    .lxtl{
        margin-top: 50px;
    }
    .lxtl{
        height: 220px;
    }
    .lxtl_ctbox{
        transform: translateY(0);
        box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    }
    .lxtl_ct{
        padding: 50px 0;
    }
    .lxtl_ctboxla_txtt{
        font-size: 12px;
    }
    .lxtl_ctboxla_txtb{
        font-size: 16px;
    }
    .lxtl_ctboxla i{
        font-size: 34px;
    }
    .lxtl_ctboxl .lxtl_ctboxla{
        height: 75px;
    }
    .lxtl_ctboxc{
        padding-top: 20px;
    }
    .lxly{
    margin-top: 0;
}
.lxlytra.xqwx{
    display: none;
}
.lxlytr .lxlytra{
    height: 50px;
}
.lxlytra span{
    font-size: 14px;
}
.lxlytra i{
    font-size: 20px;
}
.lxlybd_titem{
    height: 50px;
}
.lxlybd_titem>input,
.lxlybd_z textarea,
.lxlybd_bl>input{
    font-size: 14px;
}
.lxlybd_z{
    height: 160px;
}
.lxlybd_z textarea{
    padding: 15px;
}
.lxlybd_bl,
.lxlybd_b>input{
    height: 50px;
}
.lxlybd_bl>.lxlybd_blt{
    padding: 0 5px;
}
.lxlybd_b{
    padding: 20px 0 50px;
}
.lxtl .container{
    padding-bottom: 0;
}
 }
 @media screen and (max-width: 768px) {
  
    .lxlybd_b>input {
        font-size: 16px;
    }
    .lxlybd_blt img {
        transform: scale(0.8);

    }
    .lxtl{
        height: 180px;
    }
    .lxtl_h{
        font-size: 24px;
    }
    .lxtl_ctbox{
        flex-wrap: wrap;
    }
    .lxtl_ctbox>div{
        width: 100%;
    }
    .lxtl_ctboxl .lxtl_ctboxla{
        height: 70px;
    }
    .lxtl_ctboxc i{
        display: none;
    }
    .lxtl_ctboxc{
        justify-content: center;
    }
    .lxtl_ctboxrbox{
        position: static;
    }
    .lxtl_ctboxrbox{
        padding: 30px 20px;
        height: 240px;
        background-color: #fff;
    }
    .lxtl_slide{
        padding: 10px 0;
        padding-right: 25px;
    }
    .lxlyt{
        flex-wrap: wrap;
    }
    .lxlyt>div{
        width: 100%;
    }
    .lxlyt_p br{
        display: none;
    }
    .lxlytr .lxlytra{
        margin: 0;
        margin-top: 20px;
    }
    .cptl_txtboxx{
        margin: 15px 0;
    }
    .cptl_txtboxx b{
        width: 20px;
    }
    .cptl_txtboxx span{
        width: 50px;
    }
    .lxlybd_t{
        flex-wrap: wrap;
    }
    .lxlybd_titem{
        width: 100%;
        margin-bottom: 10px;
    }
    .lxlybd_z{
        margin: 0  0 10px;
    }
    .lxlybd_z{
        height: 180px;
    }
    .lxlybd_b{
        flex-wrap: wrap;
    }
    .lxlybd_bl, .lxlybd_b>input{
        width: 100%;
    }
    .lxlybd_bl>.lxlybd_blt{
        padding: 0 15px;
    }
    .lxlybd_b>input{
        margin-top: 10px;
    }
    .lxlyt_h{
        font-size: 20px;
        text-align: center;
    }
    .cptl_txtboxx{
        justify-content: center;
    }
    .lxlyt_p{
        text-align: center;
    }
    .lxlytr{
        justify-content: center;
    }
 }