body {
    background: #fff;
}

.banner {
    width: 100%;
    height: 300px;
    background: url('../images/wsts_banner.png');
    padding-top: 70px;
}
.banner p {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    text-shadow: 0px 4px 4px #278986;
    font-family: 'YouSheBiaoTiHei';
    font-size: 60px;
    letter-spacing: 4.8px;
    line-height: 78px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.ws_title {
    color: #333;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 45px;
    text-align: center;
    position: relative;
}
.ws_title::before,
.ws_title::after {
    content: '';
    position: absolute;
    width: 484px;
    height: 11px;
    top: 20px;
}
.ws_title::before {
    left: 0;
    background: url('../images/p_l.png') no-repeat center;
}
.ws_title::after {
    right: 0;
    background: url('../images/p_r.png') no-repeat center;
}

.toplist {
    margin-top: 60px;
    margin-bottom: 52px;
    width: 100%;
    display: flex;
}
.toplist li {
    width: 384px;
    height: 140px;
    margin-right: 24px;
    padding: 20px 32px;
}
.toplist li:last-child {
    margin-right: 0;
}
.toplist li.phone {
    background: url('../images/topli1.png') no-repeat center;
}
.toplist li.earth {
    background: url('../images/topli2.png') no-repeat center;
}
.toplist li.hot {
    background: url('../images/topli3.png') no-repeat center;
}
.toplist li p {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0.44px;
    margin-bottom: 12px;
}
.toplist li a {
    display: block;
    width: 95px;
    height: 34px;
    line-height: 34px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.4);
    padding-left: 17px;
    color: #fff;
    font-size: 20px;
    position: relative;
}
.toplist li a::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 34px;
    top: 0;
    right: 16px;
    background: url('../images/a_af.png') no-repeat center;
}

.td_wrap {
    width: 100%;
}
.td_wrap .ws_swiper {
    width: 100%;
    height: 60px;
    margin-top: 40px;
    margin-bottom: 45px;
    overflow: hidden;
}
.td_wrap .swiper_list {
    width: 100%;
    display: flex;
}
.td_wrap .swiper_list li {
    width: 282px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    line-height: 60px;
    border: 1px solid #3a9198;
    background: #fff;
    color: #3a9198;
    font-size: 20px;
    font-weight: bold;
    margin-right: 24px;
    position: relative;
    z-index: 99;
}
.td_wrap .swiper_list li:last-child {
    margin-right: 0;
}
.td_wrap .swiper_list li.active {
    color: #fff;
    background: linear-gradient(180deg, #3cbfc9 6.81%, #7fd6dd 94.55%);
}
.td_wrap .swiper_list li.active::after {
    content: '';
    position: absolute;
    width: 32px;
    height: 16px;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../images/a_bot.png') no-repeat center;
    z-index: 9;
}
.td_wrap .s_wrap {
    position: relative;
}
.td_wrap .s_wrap .s_btn,
.jk_btn {
    width: 60px;
    height: 60px;
    top: 20px;
}
.td_wrap .s_wrap .s_btn.swiper-button-prev,
.jk_btn.swiper-button-prev {
    left: -80px;
    background: url('../images/s_yes.png') no-repeat center;
}
.td_wrap .s_wrap .s_btn.swiper-button-prev.swiper-button-disabled,
.jk_btn.swiper-button-prev.swiper-button-disabled {
    background-image: url('../images/s_no.png');
    transform: rotate(180deg);
}
.td_wrap .s_wrap .s_btn.swiper-button-next,
.jk_btn.swiper-button-next {
    right: -80px;
    background: url('../images/s_yes.png') no-repeat center;
    transform: rotate(180deg);
}
.td_wrap .s_wrap .s_btn.swiper-button-next.swiper-button-disabled,
.jk_btn.swiper-button-next.swiper-button-disabled {
    background-image: url('../images/s_no.png');
    transform: rotate(0deg);
}
.td_wrap .plink_list {
    display: flex;
    flex-wrap: wrap;
}
.td_wrap .plink_list li {
    width: 277px;
    height: 90px;
    background: url('../images/pli_back.png') no-repeat center;
    margin-right: 30px;
    margin-bottom: 40px;
    color: #666;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.td_wrap .plink_list li:nth-child(4n) {
    margin-right: 0;
}
.td_wrap .plink_list li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 70px;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td_wrap .plink_list li:hover {
    border: 1px solid #65cdcf;
    box-shadow: 0px 2px 10px 0px rgba(174, 198, 227, 0.6);
}

.jk_wrap {
    margin-bottom: 60px;
}
.jk_wrap .ws_title::before,
.jk_wrap .ws_title::after {
    width: 468px;
}
.jk_wrap .ws_title::before {
    background: url('../images/p1_l.png') no-repeat center;
}
.jk_wrap .ws_title::after {
    background: url('../images/p1_r.png') no-repeat center;
}
.jk_wrap .jk_list_box {
    margin-top: 33px;
    height: 108px;
    position: relative;
}
.jk_wrap .jk_list {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.jk_wrap .jk_list .jklist-item {
    width: 282px;
    height: 108px;
    background: #eafdff;
    margin-right: 24px;
    padding: 18px 25px;
    position: relative;
}
.jk_wrap .jk_list .jklist-item::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 16px;
    background: #3dbfc9;
    top: 27px;
    left: 0;
}
.jk_wrap .jk_list .jklist-item:last-child {
    margin-right: 0;
}
.jk_wrap .jk_list .jklist-item > p {
    color: #333;
    font-size: 18px;
    line-height: 32px;
}
.jk_wrap .jk_list .jklist-item p span:first-child {
    color: #619195;
}
.jk_wrap .jk_list .jklist-item p:nth-child(1) {
    margin-bottom: 6px;
}
.jk_btn {
    top: 50px;
}