body,html{
    width:100%;
    height:100%;
    padding: 0;
    margin: 0;
    font-size: 16px !important;
}
ol,ul{
    list-style:none !important;
    padding: 0;
    margin: 0;
}
li{display:list-item}
a{
    text-decoration:none !important;
    transition:color 300ms ease;
    -webkit-transition:color 300ms ease;
    -ms-transition:color 300ms ease
}
.nav > li > a {
     padding: 0 !important; 
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent !important;
} 
.label {
    display: block !important;
    padding: .2em .6em .3em;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 1;
    color: initial !important;
    text-align: left !important;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .0 !important;
}

.flex1{flex: 1}
.flex-align{
    display: flex;
    align-items: center;
}

.w100{width: 100%}

.bold{font-weight: bold;}
.bold4{font-weight: 400}
.bold5{font-weight: 500}

.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz14{font-size: 14px;}
.fz20{font-size: 20px;}
.fz21{font-size: 21px;}
.fz22{font-size: 22px;}
.fz23{font-size: 23px;}
.fz24{font-size: 24px;}
.fz15{font-size: 15px;}
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz17{font-size: 17px;}


.cfff{color: #ffffff}
.c333{color: #333333}
.c666{color: #666666}
.c999{color: #999999}
.c1f4{color: #1F4DAB}

.bfff{background: #ffffff}
.bf3f{background: #F3F7FD}



.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}

.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}

.pl5{padding-left: 5px}
.pl10{padding-left: 10px}
.pl15{padding-left: 15px}
.pl20{padding-left: 20px}
.pl25{padding-left: 25px}
.pl30{padding-left: 30px}

.pr5{padding-right: 5px}
.pr10{padding-right: 10px}
.pl15{padding-right: 15px}
.pl20{padding-right: 20px}
.pl25{padding-right: 25px}
.pl30{padding-right: 30px}


.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (min-width: 1200px) {
    .container {
        width: 1400px !important;
    }
}




/*导航 satrt*/
.pc-header-set{
    height: 100px;
}
.header{
    background:#1F4DAB;
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 9999999;
}
.scrolled{
    background:#1F4DAB;
}
.header-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.header-container .logo{
    height: 100px;
    display: flex;
    align-items: center;
}
.header-container .logo img{
    height: 60px;
}
.header-container .nav{
    display: flex;
}
.header-container .nav li{
    height: 98px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    position: relative;
}
.header-container .nav a{
    color: #fff;
}
.header-container .nav .tab{
    cursor: pointer;
}
.header-container .nav .sub a:hover{
    color: #FFB902;
}
.header-container .nav .active{
    color: #FFB902;
    border-bottom: 2px solid #FFB902;
}
.header-container .nav .active .tab{
    color: #FFB902;
}
.header-container .child{
    position: absolute;
    top: 100px;
    width: 100%;
    left: 0;
    color: #333333;
    width: max-content;
    background: #fff;
    display: none;
    transform: scaleY(1);
    z-index: 99999;
}
.header-container .child li{
    height: auto;
    padding: 12px;
    font-size: 14px;
    border-bottom: 1px solid #E7E7E7;
    min-width: 78px;
}
.header-container .child .child-active{
    color: #1F4DAB;
    border-left: 2px solid #1F4DAB;
    padding-left: 5px;
}
.header-container .child a{
    color: #333333;
}
.header-container .child a:hover{
    color: #1F4DAB !important;
}
.header-container .phone{
    display: flex;
    align-items: center;
}
.header-container .phone img{
    margin-right: 10px;
}




/* 移动端导航样式 */
.mobile-header {
    background: #1F4DAB;
    display: none;
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 9999999;
}
.mobile-header .container{
    padding: 15px 3%;
}
.mobile-header-set{
    height: 70px;
    display: none;
}
.mobile-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.mobile-header .logo img {
    height: 40px;
}

.menu-toggle {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
    padding: 5px;
}

.menu-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 2px;
}

.mobile-menu-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}

.mobile-menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.mobile-menu-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #ffffff;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
}

.mobile-menu-panel.active .mobile-menu-content {
    transform: translateX(0);
}



.mobile-sub {
    position: relative;
    border-bottom: 1px solid #E7E7E7;
}
.mobile-close{
    text-align: right;
}
.mobile-sub a {
    display: block;
    padding: 15px 20px;
    color: #333333;
    font-size: 16px;
}

.mobile-sub.has-child .mobile-menu-item {
    padding-right: 50px;
}
.mobile-sub.has-child {
    position: relative;
}

.mobile-menu-item-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-child-toggle {
    position: static;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #1F4DAB;
    cursor: pointer;
    transform: none;
    margin-right: 10px;
}

.mobile-child {
    display: none;
    background: #f5f5f5;
}

.mobile-child.active {
    display: block;
}

.mobile-child li {
    border-bottom: 1px solid #ddd;
}

.mobile-child li:last-child {
    border-bottom: none;
}

.mobile-child a {
    padding: 12px 30px;
    font-size: 14px;
}
.mobile-menu-panel.active {
    display: block;
}

.mobile-menu-panel.active .mobile-menu-content {
    transform: translateX(0);
}

/* 在小屏幕下显示移动端导航，隐藏PC导航 */
@media (max-width: 1200px) {
    .header {
        display: none;
    }
    .pc-header-set{
        display: none;
    }

    .mobile-header {
        display: block;
    }
    .mobile-header-set{
        display: block;
    }
}

/*导航 end*/




/*底部 start*/
.foot{
    background: #1F4DAB;
    color: #fff;
}
.foot-container .top {
    padding: 35px 0;
    border-bottom: 1px solid #fff;
}
.foot-container .top img{
    height: 60px;
}
.foot .bot{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}
.foot .bot .ull{
    width: 680px !important;
}
.foot .bot .ull .li{
    margin-bottom: 25px;
    display: flex;
}
.foot .bot .ull .li .txt{
    width: 80px;
}
.foot .bot .ull .li .con{
    width: 350px;
}
.foot .bot .ul{
    width: 33%;
}
.foot .bot .ul .tit{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 25px;
}
.foot .bot .ul .li{
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
}
.foot .bot .ull .li{margin-bottom: 25px;}
.foot .bot .ulc .li{margin-bottom: 20px;}
.foot .bot .ulr .li{display: flex;}
.foot .bot .li a{color: #fff;}
.foot .bot .li a:hover{color: #FFB902;}
.foot .bot .ulr .li .lay{
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
}
.foot .bot .ulr .li .lay img{
    margin-bottom: 10px;
}
.foot .bottom{
    background: #1A4389;
    padding: 20px 0;
    font-weight: 400;
    font-size: 14px;
    color: #85A8DB;
}
.foot .bottom .container{
    display: flex;
    justify-content: center;
}
.foot .bottom .container div{
    padding: 0 50px;
    border-right: 1px solid #85A8DB;
    cursor: pointer;
}
.foot .bottom .container div:hover{
    color: #FFFFFF;
}
.foot .bottom .container div a{color: #85A8DB;}
.foot .bottom .container div a:hover{color: #FFB902}

.set-agree .title{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 40px;
    font-weight: bold;
    font-size: 30px;
}
.set-agree .con{
    padding-bottom: 100px;
}

/* 底部移动端适配 */
@media (max-width: 1200px) {
    .foot .bot {
        flex-direction: column;
        padding: 20px 0;
    }

    .foot .bot .ull {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .foot .bot .ull .li {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .foot .bot .ull .li .txt {
        width: 100%;
        margin-bottom: 5px;
    }

    .foot .bot .ull .li .con {
        width: 100%;
    }

    .foot .bot .ul {
        width: 100%;
        margin-bottom: 30px;
    }

    .foot .bot .ul .tit {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .foot .bot .ul .li {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .foot .bot .ulr .li {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .foot .bot .ulr .li .lay {
        margin-bottom: 20px;
    }
    .foot .bot .ulr{
        margin-bottom: 0;
    }
    .foot .bottom .container {
        flex-wrap: wrap;
    }

    .foot .bottom .container div {
        padding: 0 15px;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .foot-container .top {
        padding: 20px 0;
    }

    .foot-container .top img {
        height: 40px;
    }
}

/*底部 end*/







.container{
    max-width: 1400px;
    margin: auto;
}




/* 轮播图样式 */
/*.banner {
    position: relative;
    width: 100%;
    z-index: 99999;
}
.banner .images {
    width: 100%;
}
.banner .images img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
    flex-shrink: 0;
}
.banner .an {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 999999;
}
.banner .left {Xleft: 10%;}
.banner .right {right: 10%;}*/

/* 轮播图无缝切换样式 - 高度自适应版 */
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner .an {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 999999;
}
.banner .left {left: 10%;}
.banner .right {right: 10%;}

/* 修改：添加最小高度以确保初始显示 */
.banner-wrapper {
    width: 100%;
    position: relative;
    min-height: 200px; /* 设置一个最小高度防止初始时内容塌陷 */
}

.banner-track {
    position: relative;
    width: 100%;
    display: flex;
    transition: transform 0.5s ease;
}

.banner-slide {
    min-width: 100%;
    position: relative;
}

.banner-slide img {
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
}

.banner-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 1000;
}

.banner-indicators span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background 0.3s ease;
}

.banner-indicators span.active {
    background: #fff;
}
.banner:hover .an {
    opacity: 1;
}
/* 移动端适配 */
@media (max-width: 1200px) {
    .banner-indicators {
        bottom: 10px;
    }

    .banner-indicators span {
        width: 10px;
        height: 10px;
    }

    .banner .an {
        width: 30px;
    }
    .banner .left {left: 5%;}
    .banner .right {right: 5%;}
}



















.container-inner .container{
    padding-top: 50px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
}
.container-inner .container img{
    width: 30px;
    height: 30px;
}
.container-inner .container div{
    font-size: 30px;
    font-weight: bold;
    padding: 0 15px;
}
.container-inner .container span{
    color: #666666;
    font-size: 18px;
}

/*首页产品中心 satrt*/
.page1{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 80px;
}
.page1 .item {
    width: 30%;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 5%;
    cursor: pointer;
}
.page1 .item:nth-child(3n) {
    margin-right: 0;
}
.page1 .item:nth-child(n+4){
    margin-top: 50px;
}

.page1 .img{
    background: #E4F1FF;
    display: flex;
    padding: 50px 0;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.page1 img{
    width: 215px;
    height: 175px;
}
.page1 .bot{
    padding: 20px;
}
.page1 .bot div:nth-child(2){
    height: 30px;
    line-height: 30px;
}
/*首页产品中心 end*/






/*首页解决方案 start*/
.page2{
    display: flex;
    justify-content: space-between;
}
.page2 .left{
    min-width: 20%;
}
.page2 .left,.page2 .right{
    padding: 70px 0;
    border-right: 1px solid #DBDBDB;
}
.page2 .left li{
    margin-bottom: 40px;
    border-right: 5px solid #ff000000;
}
.page2 .left li div{
    text-align: right;
    padding-right: 40px;
    font-size: 18px;
    font-weight: 400;
}
.page2 .left .active{
    color: #1F4DAB;
    border-right: 5px solid #1F4DAB;
}
.page2 .left .active div{
    font-weight: bold;
}

.page2 .right{

    padding-left: 40px;
    border-right:0;
    display: flex;
    justify-content: space-between;
}
.page2 .right .icon{
    width: 20px;
    height: 20px;
}
.page2 .right .make{
    width: 500px;
}
.page2-content{
    display: none;
    flex: 1;
}
.page2 .button{
    display: flex;
    margin-top: 100px;
}
.page2 .button div{
    border: 1px solid #666666;
    width: 106px;
    line-height: 41px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 50px;
    cursor: pointer;
}
.page2 .brand{

}
.page2 .brand .images{
    width: 420px;
}
.page2 .brand img {
    width: calc(50% - 10px);
    height: auto;
    aspect-ratio: 16/9;
    margin-right: 0;
    margin-bottom: 20px;
    float: left;
}

.page2 .brand img:nth-child(odd) {
    margin-right: 20px;
}
/* 首页解决方案移动端适配 */
@media (max-width: 1200px) {
    .page2 {
        flex-direction: column;
    }
    .page2 .brand img {
        width: 48%;
        margin-right: 0;
    }

    .page2 .brand img:nth-child(odd) {
        margin-right: 4%;
    }
    .page2 .left {
        min-width: 100%;
        border-right: none;
        border-bottom: 1px solid #DBDBDB;
        padding: 30px 0;
    }

    .page2 .left li {
        margin-bottom: 20px;
        padding: 10px 0;
    }

    .page2 .left li div {
        text-align: center;
        padding-right: 0;
    }

    .page2 .right {
        padding: 30px 0 30px 0;
        flex-direction: column;
    }

    .page2 .make {
        width: 100% !important;
    }

    .page2 .brand {
        padding-left: 0;
        margin-top: 40px;
    }

    .page2 .brand .images {
        width: 100%;
    }

    .page2 .button {
        margin-top: 40px;
        justify-content: center;
    }

    .page2 .button div {
        margin-right: 20px;
    }
}

/*首页解决方案 end*/





/*首页客户案例 start*/
.page3{
    display: flex;
    justify-content: space-between;
    padding-bottom: 35px;
}
.page3 .case{
    flex: 1;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    position: relative;
    width: 920px;
}
.page3 .case .item{
    padding: 40px;
}
.page3 .content-item{
}
.page3 .extimg{
    width: 430px;
    margin-right: 50px;
}

.page3 .case .case-info{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.page3 .case .case-info img{
    width: 200px;
    margin: 0 40px;
}
.page3 .case .info{
    background: #F8FBFF;
    padding: 25px;
    width: 100%;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    width: 480px;
}
.page3 .case .info .con{
    margin-top: 15px;
    color: #999999;
    font-size: 14px;
}
.page3 .click{
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    z-index: 9999;
    cursor: pointer;
}
.page3 .click:nth-child(1){
    left: -20px;
}
.page3 .click-right{
    right: -25px;
}
.page3 .click img{
    width: 45px;
    height: 45px;
}
.page3 .cur{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.page3 .cur div{
    width: 22px;
    height: 4px;
    background: #E9E9E9;
    margin: 0 5px;
    cursor: pointer;
}
.page3 .cur .active{
    background: #1F4DAB;
}

/* 轮播内容样式 */
.page3 .content-item {
    position: relative;
    overflow: hidden;
}

.page3 .case .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transform: translateX(100%);
}

.page3 .case .item.active {
    position: relative;
    opacity: 1;
    transform: translateX(0);
}

.page3 .case .item.prev-slide {
    transform: translateX(-100%);
}

.page3 .case .item.next-slide {
    transform: translateX(100%);
}
/*首页客户案例 end*/





/*首页公司介绍 start*/
.page4{
    background: linear-gradient(-32deg, #D6E4FF 0%, #E5EFFF 13%, #FFFFFF 100%);
}
.about-container{
    display: flex;
}
.about-container .img{
    width: 720px;
    margin-left: 80px;
}
.about-container .title{
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 25px;
}
.about-container .left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-container .btn{
    width: 106px;
    line-height: 41px;
    border: 1px solid #666666;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}
.about-bot-container{
    display: flex;
    margin-top: 100px;
    justify-content: center;
    padding-bottom: 70px;
}
.about-bot-container .item{
    width: 280px;

    text-align: center;
}
.about-bot-container .item .label{
    font-weight: bold;
    font-size: 36px;
    color: #1F4DAB;
    line-height: 35px;
}
.about-bot-container .item .txt{
    font-weight: 500;
    font-size: 16px;
    color: #1F4DAB;
    line-height: 35px;
    margin-top: 20px;
}
/*首页公司介绍 end*/
























/* 移动端适配 */
@media (max-width: 1200px) {
    .container{
        width: 94%;
        padding: 3%;
    }

    .page3 {
        flex-direction: column;
    }
    .page3 .case .item{
        width: auto;
        padding: 20px;
    }
    .page3 .extimg {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .page3 .case {
        width: 100%;
    }

    .page3 .case .case-info {
        flex-direction: column;
        margin-top: 0;
    }

    .page3 .case .case-info img {
        margin: 20px 0;
        width: 100%;
    }

    .page3 .case .info {
        width: 94%;
        padding: 3%;
        margin-left: 0;
    }

    .page3 .click {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .page3 .click-left {
        left: 10px !important;
    }

    .page3 .click-right {
        right: 10px;
    }

    .page3 .click img {
        width: 30px;
        height: 30px;
    }



    /*首页公司介绍*/
    .page4 {
        background: linear-gradient(-32deg, #D6E4FF 0%, #E5EFFF 13%, #FFFFFF 100%);
    }
    .about-container {
        flex-direction: column;
    }
    .about-container .img {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .about-container .title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .about-container .con {
        font-size: 14px;
        line-height: 1.6;
    }
    .about-container .btn {
        align-self: flex-start;
        margin-top: 20px;
    }
    .about-bot-container {
        align-items: center;
        margin-top: 50px;
        padding-bottom: 40px;
        flex-wrap: wrap;
    }
    .about-bot-container .item {
        width: 50%;
        margin-bottom: 30px;
    }
    .container-inner .container {
        padding-top: 30px;
        padding-bottom: 20px;
        flex-direction: row;
        text-align: center;
    }
    .container-inner .container div {
        font-size: 24px;
        padding: 10px;
    }
    .container-inner .container span {
        font-size: 16px;
    }

    /*首页产品中心*/
    .page1 {
        flex-direction: column;
        padding-bottom: 40px;
    }

    .page1 .item {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    .page1 .item:nth-child(n+4) {
        margin-top: 20px;
    }

    .page1 .img {
        padding: 30px 0;
    }

    .page1 img {
        width: 150px;
        height: 120px;
    }

    .page1 .bot {
        padding: 15px;
    }
}




/*  详情 satrt */
.adver{
    width: 100%;
}
.adver .bg{
    position: relative;
}
.adver .bg img{
    width: 100%;
}
.adver .adver-con{
    top: 0;
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #1F4DAB;
}
.adver .adver-con .name{
    font-size: 48px;
    font-weight: bold;
}
.adver .adver-con .f-name{
    font-weight: 500;
    font-size: 18px;
    color: #1F4DAB;
    line-height: 24px;
    margin-top: 30px;
    width: 400px;
}
.details{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.details .left{
    width: 390px;
}
.details .img{
    width: 100%;
    position: relative;
}
.details .img .info{
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    right: 20px;
}
.details .layer{
    background: #F3F7FD;
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}
.details .layer a{
    line-height: 100px;
    color: #333333;
    padding: 0 35px;
}
.details .layer .active{
    background: #1F4DAB;
    color: #FFFFFF;
}
.details .set-info{
    background-repeat: no-repeat;
    background: url("../images/bg1.png");
    background-size: 100% 100%;
    padding: 35px;
    font-weight: 400;
    font-size: 14px;
}
.details .set-info .item{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.details .set-info .item .label{
    display: flex;
    align-items: center;
}
.details .set-info .item img{
    width: 15px;
    margin-right: 10px;
}
.details .set-info .item .con{
    flex: 1;
}
.details .right{
    background: #F3F7FD;
    flex: 1;
    margin-left: 20px;
    padding: 30px;
}
.details .right .title{
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    padding-left: 10px;
    border-left: 3px solid #1F4DAB;
    height: 19px;
    display: flex;
    align-items: center;
    /*margin-bottom: 30px;*/
}
.details .right .segment{
    padding-top: 20px;
    border-bottom: 1px solid #E7E7E7;
}
.details .right .content{
    padding: 20px 0;
}
/* 详情页面移动端适配 */
@media (max-width: 1200px) {
    .adver .container::before,.adver .container::after{
        display: none;
    }
    .adver .adver-con .name {
        font-size: 36px;
        text-align: center;
        padding: 0 20px;
        text-align: left;
    }

    .adver .adver-con .f-name {
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
        padding: 0 20px;
        width: auto;
    }

    .details {
        flex-direction: column;
        padding: 10px 0;
    }

    .details .left {
        width: 100%;
        margin-bottom: 0px;
    }



    .details .layer a {
        line-height: 60px;
        padding: 0 20px;
        font-size: 16px;
    }

    .details .set-info {
        padding: 20px 15px;
        display: none;
    }

    .details .set-info .item {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .details .set-info .item .label {
        margin-bottom: 5px;
    }

    .details .right {
        margin-left: 0;
        padding: 20px 15px;
        padding-top: 0;
    }

    .details .right .title {
        font-size: 18px;
        height: auto;
        padding: 5px 10px;
    }
}

@media (max-width: 768px) {
    .adver .adver-con .name {
        font-size: 28px;
        text-align: left;
    }

    .adver .adver-con .f-name {
        font-size: 14px;
        margin-top: 15px;
        line-height: 20px;
        width: auto;
    }

    .details .layer a {
        line-height: 50px;
        padding: 0 15px;
        font-size: 14px;
    }

    .details .set-info {
        padding: 15px 10px;
    }

    .details .right {
        padding: 15px 10px;
        padding-top: 0;
    }

    .details .right .content {
        padding: 15px 0;
        font-size: 14px;
        line-height: 1.6;
    }
}

.details .cases{
    background: #FFFFFF;
}
.details .cases .list{
    background: #FFFFFF;
    padding: 20px 0;
}
.details .cases .list .item{
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    padding: 50px 40px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.details .cases .list .item img{
    width: 200px;
    margin-right: 40px;
}
@media (max-width: 1200px) {
    .details .cases .list .item {
        flex-direction: column;
        padding: 20px 15px;
        text-align: center;
    }

    .details .cases .list .item img {
        width: 100%;
        max-width: 200px;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .details .cases .list .item {
        padding: 15px 10px;
    }

    .details .cases .list .item img {
        max-width: 150px;
        margin-bottom: 15px;
    }
}



.plan .list{
    /*padding-top: 20px;*/
    display: inline-block;
}
.plan .list .item{
    width: 380px;
    background: #fff;
    margin-right: 40px;
    border: 1px solid #D9D9D9;
    float: left;
    margin-bottom: 20px;
}
.plan .list .item .label{
    background: #1F4DAB !important;
    color: #FFFFFF !important;
    padding: 5px 20px !important;
}
.plan .list .item .con{
    padding: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 14px !important;
    color: #666666;
    line-height: 20px;
}
.plan .button{
    padding: 70px;
    text-align: center;
}
.plan .button div{
    border: 1px solid #666666;
    width: 106px;
    line-height: 41px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin: auto;
    cursor: pointer;
}
/* 解决方案页面移动端适配 */
@media (max-width: 1200px) {
    .plan .list {
        padding-top: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .plan .list .item {
        width: calc(50% - 20px);
        margin-right: 20px;
        margin-bottom: 20px;
        float: none;
    }

    .plan .button {
        padding: 40px 0;
    }
}

@media (max-width: 768px) {
    .plan .list {
        padding-top: 10px;
    }

    .plan .list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .plan .list .item .con {
        padding: 15px;
        font-size: 13px;
        line-height: 1.5;
    }

    .plan .button {
        padding: 30px 0;
    }

    .plan .button div {
        line-height: 35px;
        width: 90px;
    }
}



.problem{
    background: #FFFFFF !important;
}
.problem .list .item{
    border-bottom: 1px solid #D9D9D9;
    padding: 20px;
}
.problem .list .item .top{
    display: flex;
    width: 100%;
    align-items: flex-start;
    cursor: pointer;
}
.problem .list .item .top .wenti{
    display: flex !important;
    width: 100%;
    align-items: flex-start;
}
.problem .list .item .top .wenti div{
    flex: 1;
    padding-left: 20px;
    padding-right: 50px;
    font-weight: 500;
    font-size: 18px;
    color: #1F4DAB;
}
.problem .list .item img{
    width: 20px;
    padding-top: 4px;
}
.problem .bottom{
    background: #F1F2F4;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    display: none;
}
.problem .bot{
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: flex-start;
}
.problem .bot img{
    margin-right: 10px;
    padding-top: 0 !important;
}
.problem .bot div{
    flex: 1;
}
/* 常见问题移动端适配 */
@media (max-width: 768px) {
    .problem .list .item {
        padding: 15px 10px;
    }

    .problem .list .item .top .wenti div {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 30px;
    }

    .problem .list .item img {
        width: 18px;
    }

    .problem .bottom {
        padding: 15px;
        margin-top: 15px;
    }

    .problem .bot {
        font-size: 13px;
    }

    .problem .bot img {
        margin-right: 8px;
        width: 16px;
    }
}

@media (max-width: 1200px) {
    .problem .list .item {
        padding: 12px 8px;
    }

    .problem .list .item .top .wenti div {
        font-size: 15px;
        padding-left: 12px;
        padding-right: 20px;
        /*文字超出换行*/
        word-wrap: break-word;
    }

    .problem .list .item img {
        width: 16px !important;
        padding-top: 2px;
    }

    .problem .bottom {
        padding: 12px;
        margin-top: 12px;
        border-radius: 3px;
    }

    .problem .bot {
        font-size: 12px;
    }

    .problem .bot img {
        margin-right: 6px;
        width: 14px;
    }
}

/*详情 end*/

/* 合作购买 start */
.apply .title{
    padding: 80px 0;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 30px;
    color: #000000;
}
.apply .apply-tab{
    background: #FFFFFF;
    box-shadow: 0px 6px 10px 0px rgba(127,127,127,0.14);
    width: 100%;
    margin: 20px 0;
}
.apply .apply-tab a{
    width: 150px;
    height: 80px;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    display: inline-block;
    line-height: 80px;
    text-align: center;
}
.apply .apply-tab .active{
    background: #1841B9;
    color: #FFFFFF;
}
.apply .list{
    width: 100%;
    display: inline-block;
}
.apply .list .input{
    width: 45%;
    margin-bottom: 50px;
    float: left;
}
.apply .list .input .label{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
    margin-bottom: 15px;
}
.apply .list .input input,.apply .list .input select{
    background: #FFFFFF;
    border: 1px solid #DAD9D9;
    height: 40px;
    width: 94%;
    padding: 0 3%;
}
.apply .list .input select{
    width: 100%;
}
.apply .list .list-model{
    display: flex;
    justify-content: space-between;
}
.apply .list .btn{
    width: 247px;
    line-height: 40px;
    background: #1841B9;
    margin: auto;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 100px;
}
.apply-set{
    height: 30px;
    background: #F1F2F4;
    width: 100%;
}
.apply .apply-label,.apply1-condition .left .apply-label{
    padding: 80px 0;
}
.apply .apply-label div,.apply1-condition .left .apply-label div{
    font-weight: bold;
    font-size: 30px;
    color: #333333;
    padding-left: 20px;
    border-left: 5px solid #1841B9;
    line-height: 30px;
}
.apply1 .reason{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 80px;
}
.apply1 .lay{
    width: 40%;
    padding: 35px;
    border: 1px solid #DAD9D9;
    border-radius: 3px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}
.apply1 .lay img{
    width: 140px;
    height: 140px;
    margin-right: 60px;
}
.apply1-condition{
    width: 100%;
    display: flex;
    position: relative;
}
.apply1-condition .left{
    background: #F3F7FD;
    padding-bottom: 120px;
}
.apply1-condition .left{
    width: 1400px;
    margin: auto;
}
.apply1-condition .left-set{
    background: #F3F7FD;
    flex: 1;
}
.apply1-condition .right{
    flex: 1;
    display: flex;
    align-items: center;
}
.apply1-condition .right img{
    height: 530px;
    position: absolute;
    right: 10px;
}
.apply1-condition .list .item{
    padding: 35px 0;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
}
.apply1-condition .list .item img{
    width: 35px;
    margin-right: 40px;
}
.apply1 .liucheng{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.apply1 .liucheng .lay{
    width: 300px;
    background: #FFFFFF;
    border: 1px solid #DAD9D9;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}
.apply1 .liucheng img{
    width: 50px;
}
.apply1 .zhichi{
    display: flex;
    padding-bottom: 150px;
}
.apply1 .zhichi .left{
    display:inline-block;
    margin-right: 30px;
    width: 1040px;
}
.apply1 .zhichi .item{
    width: 445px;
    height: 165px;
    padding: 40px 30px;
    float: left;
    /*背景图放在右下角*/
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;

}
.apply1 .zhichi .item div{
    width: 60%;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}
.apply1 .zhichi .item:nth-child(1),.apply1 .zhichi .item:nth-child(2){
    margin-bottom: 30px;
}
.apply1 .zhichi .item:nth-child(1),.apply1 .zhichi .item:nth-child(3){
    margin-right: 30px;
}
.apply1 .zhichi .right{
    width: 270px;
    padding: 40px 30px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.apply3{
    padding-bottom: 100px;
}
.apply3 .item{
    padding: 40px;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.apply3 .item .left{
    flex: 1;
    display: flex;
    align-items: center;
}
.apply3 .item .left .payment{
    display: flex;
    align-items: center;
    padding-right: 20px;
    height: 100%;
    border-right: 1px solid #EBEBEB;
}
.apply3 .item .left .payment img{
    width: 50px;
    margin-right: 15px;
}
.apply3 .payinfo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
}
.apply3 .payinfo .name{
    font-weight: bold;
    font-size: 32px;
    padding-bottom: 3px;
    border-bottom: 2px solid #1841B9;
}
.apply3 .payinfo .f-name{
    font-weight: bold;
    font-size: 11px;
    padding-top: 3px;
}
.apply3 .info{
    display: flex;
    padding-left: 20px;
    font-weight: 400;
    font-size: 14px;
}
.apply3 .info .top span{
    color: #666666;
    width: 60px;
    display: block;
    text-align: justify;
    text-align-last: justify;
}
.apply3 .info .top div{
    width: 290px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.apply3 .info .top div:nth-child(2){
    margin-bottom: 0;
}
.apply3 .con{
    width: 460px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.apply3 .shop{
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}
.apply3 .shop .lay{
    display: flex;
    background: #F1F4FF;
    padding: 30px 20px;
    border-radius: 2px;
    width: 405px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.apply3 .shop .lay:nth-child(3n){
    margin-right: 0;
}
.apply3 .shop .lay img{
    width: 90px;
    height: 90px;
    margin-right: 25px;
}
.apply3 .shop .lay .lianjie .name{
    font-weight: 400;
    font-size: 18px;
    color: #333333;
}
.apply3 .shop .lay .lianjie .url{
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    color: #1841B9;
    /*超出换行*/
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}




/* 手机端适配 */
@media (max-width: 1200px) {
    .apply .title {
        padding: 40px 0;
        font-size: 24px;
    }

    .apply .apply-tab a {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }

    .apply .list .input {
        width: 100%;
        margin-bottom: 30px;
    }

    .apply .list .input .label {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .apply .list .input input,
    .apply .list .input select {
        height: 35px;
        padding: 0 3%;
        font-size: 14px;
    }

    .apply .list .btn {
        width: 100%;
        line-height: 35px;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .apply .apply-label div,
    .apply1-condition .left .apply-label div {
        font-size: 24px;
        padding-left: 15px;
        line-height: 24px;
    }
}
@media (max-width: 1200px) {
    .apply1 .reason {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .apply1 .lay {
        width: 94%;
        padding: 3%;
        margin-bottom: 20px;
    }

    .apply1 .lay img {
        width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .apply1-condition {
        flex-direction: column;
    }

    .apply1-condition .left {
        width: 100%;
        padding-bottom: 40px;
    }

    .apply1-condition .list .item {
        padding: 20px;
        font-size: 16px;
        flex-direction: row;
        align-items: flex-start;
    }

    .apply1-condition .list .item img {
        width: 25px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .apply1 .liucheng {
        flex-direction: column;
        align-items: center;
        width: 94%;
        padding: 3%;

    }

    .apply1 .liucheng .lay {
        width: 100%;
        margin-bottom: 0px;
    }

    .apply1 .liucheng img {
        width: 40px;
        margin: 10px 0;
    }

    .apply1 .zhichi {
        flex-direction: column;
        padding-bottom: 50px;
    }

    .apply1 .zhichi .left {
        width: 100%;
        margin-right: 0;
    }

    .apply1 .zhichi .item {
        width: 94%;
        padding: 3%;
        margin-bottom: 20px;
        margin-right: 0 !important;
    }

    .apply1 .zhichi .item div {
        width: 100%;
    }

    .apply1 .zhichi .right {
        width: 94%;
        padding: 3%;
        height: 165px;
        background-position: right ;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .apply1-condition .right img{
        width: 100%;
        right: 0;
        position: relative;
        height: auto;
    }
    .apply .list .list-model{
        flex-direction: column;
    }
}
@media (max-width: 1200px) {
    .apply3 {
        padding-bottom: 50px;
    }

    .apply3 .item {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .apply3 .item .left {
        width: 100%;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .apply3 .item .left .payment {
        padding-right: 15px;
        margin-bottom: 15px;
        border-right: 0;
    }

    .apply3 .item .left .payment img {
        width: 40px;
        margin-right: 10px;
    }

    .apply3 .payinfo {
        width: 150px;
    }

    .apply3 .payinfo .name {
        font-size: 24px;
    }

    .apply3 .info {
        padding-left: 0;
        width: 100%;
        flex-direction: column;
    }
    .apply3 .info .top:nth-child(2){
        margin-top: 10px;
    }

    .apply3 .info .top div {
        width: 100%;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .apply3 .info .top div:nth-child(2) {
        margin-bottom: 0;
    }

    .apply3 .con {
        width: 100%;
    }

    .apply3 .shop .lay {
        width: 94%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 3%;
    }

    .apply3 .shop .lay img {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }

    .apply3 .shop .lay .lianjie .name,
    .apply3 .shop .lay .lianjie .url {
        font-size: 16px;
    }
}
/* 合作购买 end */


.contact-container{
    padding: 100px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-container img{
    width: 650px;
    margin-right: 100px;
}
.contact-container .info{
    display: flex;
    flex-direction: column;
}
.contact-container .info .lay{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-bottom: 35px;
}
/* 联系我们页面移动端适配 */
@media (max-width: 1200px) {
    .contact-container {
        padding: 50px 0;
        flex-direction: column;
        align-items: center;
    }

    .contact-container img {
        width: 90%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .contact-container .info {
        width: 90%;
        align-items: center;
    }

    .contact-container .info .lay {
        font-size: 14px;
        margin-bottom: 20px;
        text-align: center;
        justify-content: flex-start;
        width: 100%;
        align-items: flex-start;
    }
    .contact-container .info .lay .label{
        width: 85px;
        text-align: left;
    }
    .contact-container .info .lay .con{
        flex: 1;
        text-align: left;
    }
}


.file-down .file-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.file-down .file-top .file-title{
    display: flex;
    align-items: center;
}
.file-down .file-top .file-title span{
    font-weight: 400;
    font-size: 12px;
    color: #999999;
    padding-left: 20px;
}
.file-down .file-top .file-btn{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 16px;
    color: #1F4DAB;
    background: #DAE6FF;
    border-radius: 5px;
    border: 1px solid #1F4DAB;
}
.file-down .file-top .file-btn img{
    width: 20px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .file-down .file-top {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }

    .file-down .file-top .file-title {
        margin-bottom: 15px;
        align-items: flex-start;
        flex:1;
    }
    .file-down .file-top .file-title .title {
         font-size: 16px;
        flex: 1;
    }

    .file-down .file-top .file-title span {
        padding-left: 10px;
        padding-top: 8px;
        font-size: 11px;
    }

    .file-down .file-top .file-btn {
        width: 94%;
        justify-content: center;
        font-size: 14px;
        padding: 8px 3%;
    }

    .file-down .file-top .file-btn img {
        width: 18px;
        margin-right: 8px;
    }
}




.ruanjian .list .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    margin-bottom: 20px;
    padding: 15px 45px;
}
.ruanjian .list .item .left{
    display: flex;
    align-items: center;
}
.ruanjian .list .item .left img{
    height: 45px;
    margin-right: 50px;
}
.ruanjian .list .item .left .info .name{
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.ruanjian .list .item .left .info span,.ruanjian .list .item .left .info .size{
    font-size: 16px;
    color: #999999;
}
.ruanjian .item .down-btn{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 16px;
    color: #1F4DAB;
    background: #DAE6FF;
    border-radius: 5px;
    border: 1px solid #1F4DAB;
}
.ruanjian .item .down-btn img{
    width: 20px;
    margin-right: 10px;
}
.shaixuan{
    font-size: 14px;
    color: #999999;
    padding-top: 10px;
    padding-bottom: 20px;
}
@media (max-width: 1200px) {
    .ruanjian .list .item {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 20px;
        margin-bottom: 15px;
    }

    .ruanjian .list .item .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .ruanjian .list .item .left img {
        height: 35px;
        margin-right: 15px;
    }

    .ruanjian .list .item .left .info .name {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .ruanjian .list .item .left .info span,
    .ruanjian .list .item .left .info .size {
        font-size: 14px;
    }

    .ruanjian .item .down-btn {
        width: 94%;
        justify-content: center;
        font-size: 14px;
        padding: 3%;
    }

    .ruanjian .item .down-btn img {
        width: 18px;
        margin-right: 8px;
    }

    .shaixuan {
        font-size: 12px;
        padding-top: 8px;
        padding-bottom: 15px;
        text-align: center;
    }
}


@media (max-width: 1200px) {
    /*.xuanfu {
        display: none;
    }*/
    .down-btns{
        flex: 1;
        width: 100%;
    }
    .kefu-muban{
        display: none;
    }
}
.xuanfu{
    position: fixed;
    bottom:0%;
    transform: translateY(-50%);
    z-index: 9999;
    right: 10px;
    background: #1F4DAB;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.xuanfu .lay{
    padding: 12px 0;
    width: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    color: #FFFFFF;
    border-bottom: 1px solid #fff;
    position: relative;
    text-align: center;
}
.xuanfu .lay:last-child{
    border-bottom: none;
}

.xuanfu .lay img{
    width: 25px;
}
.xuanfu .xf-total {
    padding: 0 20px;
    border-radius: 5px;
    position: absolute;
    left: -210px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
}
.xuanfu .xf-total .xf-total-con{
    width: 140px;
    background: #fff;
    text-align: center;
    position: relative;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.xuanfu .xf-total.show {
    display: block;
    opacity: 1;
    transform: translateY(-50%);
}
.xuanfu .xf-total .xf-total-con::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
}

.xuanfu .xf-total .con{
    font-weight: 500;
    font-size: 18px;
    color: #194098;
    margin-bottom: 5px;
}
.xuanfu .xf-total .tit{
    font-size: 14px;
    color: #D53747;
}
.xuanfu .lay .txt{
    color: #fff;
    font-size: 14px;
}

.down-btns{
    display: flex;
    align-items: center;
}
.down-btns a:nth-child(1){
    margin-right: 20px;
}















/* 视频预览模态框样式 */
.video-modal {
    display: block;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-modal-content {
    position: relative;
    background-color: #000;
    margin: 10% auto;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 1000px;
    animation: modalopen 0.4s;
}
.video-click{
    cursor: pointer;
}
/* 关闭按钮 */
.video-modal-close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10000;
}

.video-modal-close:hover {
    color: #ccc;
}

/* 移动端优化 */
@media screen and (max-width: 1200px) {
    .video-modal-content {
        width: 95%;
        margin: 5% auto;
        padding: 10px;
    }

    .video-modal-close {
        font-size: 24px;
        right: 10px;
        top: 10px;
    }
    .video-modal{
        display: flex;
        align-items: center;
    }
}

@keyframes modalopen {
    from {opacity: 0; transform: scale(0.8);}
    to {opacity: 1; transform: scale(1);}
}









/* PDF预览模态框基础样式 */
.pdf-modal {
    display: block;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.pdf-modal-content {
    position: relative;
    background-color: #fff;
    margin: 5% auto;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    height: 85vh;
    max-width: 1000px;
    animation: modalopen 0.4s;
}

/* PDF iframe 样式 */
.pdf-iframe {
    width: 100%;
    height: calc(100% - 40px);
    border: none;
}

/* 关闭按钮样式 */
.pdf-modal-close {
    color: #333;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: -7px;
    z-index: 10000;
}

.pdf-modal-close:hover {
    color: #666;
}

/* 移动端适配样式 */
@media screen and (max-width: 1200px) {
    .pdf-modal-content {
        width: 95%;
        height: 80vh;
        margin: 2% auto;
        padding: 10px;
    }

    .pdf-modal-close {
        font-size: 30px;
        right: 7px;
        top: -35px;
        color: #fff;
    }
    .pdf-modal{
        display: flex;
        align-items: center;
    }
    .pdf-iframe {
        height: calc(100% - 30px);
    }
    .kefu-muban{
        display: none;
    }
    .adver .adver-con{
        left: 0;
    }

    .container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .adver .bg img{
        min-height: 250px;
    }
    .banner-slide img{
        height: 280px;
    }
}

/* 模态框打开动画 */
@keyframes modalopen {
    from {opacity: 0; transform: scale(0.8);}
    to {opacity: 1; transform: scale(1);}
}


.mobile-header .container::before,.mobile-header .container::after{
    display: none;
}