body {
    line-height: 1.5;
}

.banner {
    position: relative;
}

.banner .w1440 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
}

.banner .txt {
    color: #fff;
}

.banner .txt p {
    font-family: 'Heavy';
    letter-spacing: 1px;
}

.banner .txt span {
    font-family: 'Regular';
    letter-spacing: 1em;
}

.cont {
    background-image: url(dcyj_bj.png);
    background-repeat: no-repeat;
    background-size: cover;

    background-position: center center;


}

.cont svg {
    margin: 0 !important;
}

.cont .tit {
    margin-top: 6%;
    font-family: 'Bold';
    color: #222;
    position: relative;
    padding-left: 20px;
}

.cont .tit::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    width: 6px;
    background: #792696;
}
.cont .tit_con{margin-top: 2.5vw;line-height: 1.8;color: #666;}

.cont .tab {
    display: flex;
    align-items: center;
    margin-top: 4%;
    margin-bottom: 4vw;
}

.cont .tab a {
    display: inline-block;
    font-family: 'Medium';
    color: #333;
    padding: 0 5%;
    font-size: 20px;
    position: relative;
}

.cont .tab a::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background: #333;
}

.cont .tab a:nth-child(1) {
    padding-left: 0;
}

.cont .tab a:nth-last-child(1) {
    padding-right: 0;
}

.cont .tab a:nth-last-child(1)::after {
    display: none;
}

.cont .tab a.on {
    font-family: 'Bold';
    color: #792696;
    font-size: 24px;
}
.wh_ltit{text-align: center;margin-bottom: 2.5vw;position: relative;padding-bottom:7px;}
.wh_ltit:after{
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background: #792696;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  transition:all 0.4s ease-in-out;
}
.wh_swiper{margin-bottom: 6%;}
.wh_list{margin-bottom: 4vw;}
.wh_swiper_con{display: none;}
.wh_swiper .wh_swiper_con:nth-of-type(1){display: block;}

.sw_swiper{position: relative;}
.sw_swiper .p{padding:15px 30px 0;text-align: center;}
.sw_swiper .p a{color:#666;}
.sw_swiper .p a:hover{color:#000;}
.sw_swiper  a .p{color:#666;}
.sw_swiper  a:hover .p{color:#000;}
.sw_swiper .s_btn{background:#f6f6f6;width:30px;height: 30px;margin-top: -45px;}
.sw_swiper .s_btn:after{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-left:1px solid #898989;
  border-bottom:1px solid #898989;
  position: absolute;
  left: 50%;
  top: 50%;
}
.sw_swiper .swiper-button-prev{top:0;left: auto;right: 50px;}
.sw_swiper .swiper-button-prev:after{transform: rotate(45deg) translate(-40%,-20%);}
.sw_swiper .swiper-button-next{top:0;}
.sw_swiper .swiper-button-next:after{transform: rotate(-135deg) translate(80%,-20%);}
.sw_swiper .s_btn:hover{background: #792696;}
.sw_swiper .s_btn:hover:after{border-color:#fff;}

@media screen and (max-width: 1288px) {
    .sw_swiper .p{padding:10px;}
    .cont .tab a{font-size: 18px;}
    .cont .tab a.on{font-size: 20px;}
}

@media screen and (max-width: 768px) {
    .cont .tab{margin:10vw 0 7vw;}
    .wh_ltit{margin-bottom: 7vw;}
    .wh_list{margin-bottom: 10vw;}
    .cont .tab a{font-size: 16px;}
    .cont .tab a.on{font-size: 18px;}
}