
html, body{background: #fff;}
a{color: #000;}
@media only screen and (min-width:1025px) {
.main a:hover{color: #00397b !important;}
.applic_more .worm-button a:hover{color: #000 !important;}
}

.applic_more{padding: 0;margin: 0;padding-top: 50rem;    background: none;}
.applic_more .worm-button a{color: #000;}
.applic_more .worm-button::before{border-color: #000;}
.applic_more .worm-button span{margin-right: 0;}

.fnt_16{font-size: var(--font-size-16);}
.fnt_18{font-size: var(--font-size-18);}
.fnt_40{font-size: var(--font-size-40);}

/* 客户服务 */

.cus_cont{background: url(../images/cus_bg.jpg) no-repeat;background-size: cover; padding: 155rem 0 100rem 0;overflow: hidden;}
.cus_list li{width: 25%;float: left;margin-bottom: 40rem;}
.cus_list ul{margin: 0 -23rem;}
.cus_list dl{margin: 0 23rem;background: #fff;border-radius: 10rem;box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);}
.cus_list dt img{width: 200px;max-width: 90%;}
.cus_list dt{padding: 25rem;    text-align: center;}

@media only screen and (max-width:1024px) {
    .cus_cont{padding: 80rem 0;}
    .cus_list ul{margin: 0 -10rem;} 
    .cus_list dl{margin: 0 10rem;} 
    .cus_list li{margin-bottom: 30rem;}
}

@media only screen and (max-width:767px) {
    .cus_list li{width: 50%;}
    .cus_list dt{padding: 10px;}
    .cus_list dt img{width: 100%;}
}


/* index */

.applic_cont dl{overflow: hidden;}
.applic_cont dt,.applic_cont dd{float: left;width: 50%;height: 100%;}
.applic_cont dd{display: flex;align-items: center;}
.applic_cont {
    padding: 5% 0;
}
.applic_text{padding: 0 80rem 0 80rem;}
.applic_text .applic_p{line-height: 1.5em;max-height: 15em;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical; }
.applic_text h3{line-height: 1.3em;margin-bottom: 30rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.applic_cont li:nth-child(2n) dt{float: right;}
.applic_cont .swiper-container{
    height: 100%;
}
.applic_cont .swiper-container .swiper-slide{
    background-size: cover;
    background-position: center;
}
@media only screen and (max-width:1440px) {
    .applic_text{padding: 0 100rem;}
}
@media only screen and (max-width:1024px) {
    .applic_text{padding: 0 30rem;} 
    .applic_text h3{margin-bottom: 10rem;}
    .applic_more{padding-top: 20rem;}
    .applic_text .applic_p{max-height: 12em;    -webkit-line-clamp: 8;}
}

@media only screen and (max-width:767px) {
    .applic_cont dt, .applic_cont dd{float: none !important;width: 100%; display:block}
    .applic_cont dl{height: auto !important;}
    .applic_text{padding: 20px;}
    .applic_text h3{margin-bottom: 10px;}
    .applic_more{padding-top: 10px;}
}

/* list */

/* .applic_btn{display: none;} */
.applic_btn .swiper-button-next,.applic_btn .swiper-button-prev{font-size: 40rem;background: none;width: auto;height: auto;left: 0;top: 50%;transform: translate(0,-50%);margin-top: 0;}
.applic_btn .swiper-button-next{right: 0;left: auto;}
.applic_tabslider{margin-bottom: 0.6rem;position: relative;}
.applic_tab .swiper-container{margin-left: 40rem;margin-right: 40rem;}
.applic_tabslider ul{justify-content: center;}
.applic_tab.cur ul{justify-content: left;}
.applic_tabslider li{width: auto;}
.applic_tabslider li a{display: block;min-width: 155rem;height: 42rem; line-height: 42rem;background: #c4d1e0; border-radius: 20rem;text-align: center; margin:0 10rem;}
.applic_tabslider li a i{font-weight: bold; margin-left: 8rem;}
.applic_tabslider li.on a{background: #00397b; color: #fff !important;}

.applic_pro{background: url(../images/cus_bg.jpg) no-repeat;background-size: cover; padding-bottom: 120rem; overflow: hidden;}
.applic_tab{padding: 50rem 0;margin-bottom: 15rem;}

.applic_list li{float: left;width: 33.33%;margin-bottom: 60rem;}
.applic_list li:nth-child(3n+1){clear: both;}
.applic_list li>a{display: block;margin:0 13rem;}
.applic_list ul{margin:0 -13rem;}
.applic_list dl{border-bottom: 1rem solid #d2d2d2;text-align: center;}
.applic_list dd{padding: 25rem;padding-bottom: 30rem;}
.applic_list dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.applic_list dt{overflow: hidden;border-radius: 20rem;}

.applic_list .pageout{padding-top: 15rem;}
@media only screen and (max-width:1024px) {
    .applic_tabslider li a{margin: 0 10rem;}
    .applic_list dd{padding:20rem 15rem;}
    .applic_list li{margin-bottom: 40rem;}
}

@media only screen and (max-width:767px) {
    .applic_list li{float: none;width: 100%;margin-bottom: 20px;}
    .applic_list dd{padding: 20px 10px;}
    .applic_list .pageout{padding-top: 0;}
    .applic_tab{padding: 20px 0;margin-bottom: 10px;}
    .applic_tabslider li a{min-width: 120px;height: 40px;line-height: 40px;}
    .applic_cont .swiper-container{
        height: 600rem;
    }
}
@media only screen and (min-width:1025px) {
    .applic_list dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .applic_list dl:hover{background: #d9e3ee; border-radius: 20rem; border-color: transparent;box-shadow: 0 5px 10px 2px rgba(0, 15, 79, 0.12);}
}




