/* CSS 初始化开始 */
*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
body{
    /* font-size: 12px; */
    font-family: "微软雅黑";
    color:#FFFFFF ;
}
html,body {
    width: 100%;
    height: 100%;
    /* max-width: 1920px; */
    /* max-width: 100rem; */
    /* min-width: 1440px; */
    margin: 0 auto;
    position: relative;
    font-family: Microsoft YaHei;
    font-size: 1vw;
    /* font-size: 12px; */
}
@font-face {
    font-family: SourceHan;
    src: url(../font/SOURCEHANSERIFCN-REGULAR.OTF);
}
/* @font-face {
    font-family: SourceHan-bold;
    src: url(../font/SOURCEHANSERIFCN-BOLD.OTF);
} */
@font-face {
    font-family: ZHT;
    src: url(../font/ZIXINFANGMINGKEBEN.TTF);
}
@font-face {
    font-family: AVG;
    src: url(../font/AVGR65W.TTF);
}

/* CSS 初始化结束 */
.inner_150 { max-width: 84.375rem; margin: 0 auto;}
.inner_160 { max-width: 83.333333rem; margin: 0 auto;}
.inner_238 { max-width: 75.2083rem; margin: 0 auto;}
.inner_230 { max-width: 76.04166rem; margin: 0 auto;}
.mx-auto { margin: 0 auto;}
.w-full { width: 100%;}
.h-full { height: 100%;}

.text-center { text-align: center;}
/* flex */
.flex { display: flex; }
.justify-between {
    justify-content: space-between;
}
.flex-wrap { flex-wrap: wrap;}
.content-between { align-content: space-between;}
.justify-around { justify-content: space-around;}
.justify-center { justify-content: center;}
.flex-col { flex-direction: column;}
.items-center { align-items: center;}
.relative { position: relative;}
.items-baseline { align-items: baseline; }
.flex-wrap {flex-wrap: wrap;}
.opacity { opacity: .9;}
.m_b_48 { margin-bottom: 2.5rem;}
.m_b_36 { margin-bottom: 1.875rem;}



.top_bar {
    background: url(../images/top_bar_bg.png) center;
    background-size: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
}
.top_bar .con {
    height: 5.2083rem;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}
.top_bar  .mall {
    /* width: 1.61458rem; */
    /* height: 1.875rem; */
    position: absolute;
    right: 4.3229rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.top_bar .mall  img{
    width: 1.614583rem;
    height: .83333rem;
    display: block;
}
.top_bar .mall i {
    width: 1.61458rem;
    height: 1px;
    margin: .3645rem 0;
    background: #ba7f56;
    display: block;
}
.top_bar .logo {
    width: 19.84375rem;
    height: 2.1875rem;
    background: url(../images/logo.png) no-repeat center;
    background-size: contain;
    display: block;
}
.top_bar .left {
    margin-right: 16.6666rem;
}
.top_bar .right {
    width: 100%;
    height: 100%;
}
.top_bar .right a{
    width: 6.25rem;
    text-align: center;
    font-family: ZHT;
    font-size: 1.0416rem;
    color: #ffebdc;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_bar .right a.cur{
    color: #d4aa80;
    background: rgba(255,255,255,.1);
    font-family: ZHT;
    font-size: 1.041666rem;
}
.top_bar .right a.cur::after{
    content: '';
    width: 100%;
    height: .3125rem;
    background-color: #e4caa1;
    position: absolute;
    bottom: 0;
    left: 0;
}

.block_1 {
    width: 100%;
    height: 43.75rem;
    /* box-sizing: border-box; */
    height: calc(100vh - 5.2083rem);
}
.block_1 .swiper-slide img {
    width: 100%;
    height: 100%;
}
.block_1 .swiper-slide.img_0{
    background: url(../images/banner_0.png) no-repeat center;
    background-size: cover;
}
.block_1 .swiper-slide.img_1{
    background: url(../images/banner_1.png) no-repeat center;
    background-size: cover;
}
.block_1 .swiper-slide.img_2{
    background: url(../images/banner_2.png) no-repeat center;
    background-size: cover;
}
.block_1 .swiper-slide.img_3{
    background: url(../images/banner_3.png) no-repeat center;
    background-size: cover;
}
.block_1 .img_txt {
    opacity: 0;
    transition-delay: .8s;
    transition: all 1.4s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.block_1 .img_txt_m {
    opacity: 1;
    transition-delay: .8s;
    transition: all 1.4s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    position: absolute;
    left: 11.97916rem;
    bottom: 3.28125rem;
}
.block_1 .img_0 .img_txt{
    width: 14.7395rem;
    height: 17.55208rem;
    background: url(../images/banner_0_txt.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 14.2395rem;
    /* top: 159px; */
    top: 8.28125rem;
}
.block_1 .img_1 .img_txt{
    width: 15.4166rem;
    height: 17.55208rem;
    background: url(../images/banner_1_txt.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 14.2395rem;
    /* top: 159px; */
    top: 8.28125rem;
}
.block_1 .img_2 .img_txt{
    width: 14.84375rem;
    height: 17.44791rem;
    background: url(../images/banner_2_txt.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 14.2395rem;
    /* top: 159px; */
    top: 8.28125rem;
}
.block_1 .img_2 .img_map {
    position: absolute;
    right: 10.3125rem;
    bottom: 3.28125rem;
    font-size: 1.04166rem;
    color: #ffecd3;
    font-family: SourceHan;
    font-style: normal;
}
.block_1 .img_2 .img_map:after {
    content: '';
    width: 4.4791666rem;
    height: 3.3854166rem;
    background: url(../images/banner_2_map_icon.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: -3.804166rem;
    transform: translateX(-50%);
}
.block_1 .img_3 .img_txt{
    width: 15.4166rem;
    height: 17.55208rem;
    background: url(../images/banner_3_txt.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 14.2395rem;
    /* top: 159px; */
    top: 8.28125rem;
}
.block_1 .img_0 .img_txt_m {
    width: 13.125rem;
    height: 1.71875rem;
    background: url(../images/banner_0_txt_m.png) no-repeat center;
    background-size: contain;
}
.block_1 .img_1 .img_txt_m {
    width: 12.96875rem;
    height: 1.666666rem;
    background: url(../images/banner_1_txt_m.png) no-repeat center;
    background-size: contain;
}
.block_1 .img_2 .img_txt_m {
    width: 13.4375rem;
    height: 1.666666rem;
    background: url(../images/banner_2_txt_m.png) no-repeat center;
    background-size: contain;
}
.block_1 .img_3 .img_txt_m {
    width: 13.489583rem;
    height: 1.666666rem;
    background: url(../images/banner_3_txt_m.png) no-repeat center;
    background-size: contain;
}
.block_1 .img_0.swiper-slide-active .img_txt {
    left: 11.71875rem;
    opacity: 1;
}
.block_1 .img_1.swiper-slide-active .img_txt {
    right: 11.71875rem;
    opacity: 1;
}
.block_1 .img_2.swiper-slide-active .img_txt {
    left: 11.71875rem;
    opacity: 1;
}
.block_1 .img_3.swiper-slide-active .img_txt {
    right: 11.71875rem;
    opacity: 1;
}
/* .block_1>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.5625rem;
} */
/* .block_1 .swiper-pagination-bullet {
    width: 1.09375rem;
    height: 1.09375rem;
    background: url(../images/top_banner_dot.png) no-repeat center;
    background-size: 80% 80%;
    opacity: 1;
} */
.block_1 .top_swiper_page span {
    width: 2.4479166rem;
    height: 2.39583rem;
    margin: 1.25rem;
    opacity: 1;
}
.block_1 .top_swiper_page span:nth-child(1){
    background: url(../images/zungu_dot.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(1).swiper-pagination-bullet-active {
    width: 3.177083rem;
    height: 3.125rem;
    background: url(../images/zungu_dot_on.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(2){
    background: url(../images/yanxin_dot.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(2).swiper-pagination-bullet-active {
    width: 3.177083rem;
    height: 3.125rem;
    background: url(../images/yanxin_dot_on.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(3){
    background: url(../images/zhencai_dot.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(3).swiper-pagination-bullet-active {
    width: 3.177083rem;
    height: 3.125rem;
    background: url(../images/zhencai_dot_on.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(4){
    background: url(../images/yiyang_dot.svg) no-repeat center;
    background-size: contain;
}
.block_1 .top_swiper_page span:nth-child(4).swiper-pagination-bullet-active {
    width: 3.177083rem;
    height: 3.125rem;
    background: url(../images/yiyang_dot_on.svg) no-repeat center;
    background-size: contain;
}
.block_1 .swiper-pagination-bullet-active {
    width: 1.614583rem;
    height: 1.6666rem;
    background: url(../images/top_banner_dot_on.svg) no-repeat center;
    background-size: 80% 80%;
}
.pagination {
    width: 100%;
    height: 1.77083rem;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 3.28125rem!important;
    position: absolute;
}
.top_swiper_page {
    /* width: 100%; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination .btn {
    width: 1.89375rem;
    height: 1.89375rem;
    margin: 1.04166rem;
    background: url(../images/top_swiper_next_min.svg) no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.pagination .btn.prev {
    background: url(../images/top_swiper_prev_min.svg) no-repeat center;
    background-size: 1.09375rem 1.09375rem;
}
.pagination .btn.next {
    background: url(../images/top_swiper_next_min.svg) no-repeat center;
    background-size: 1.09375rem 1.09375rem;
}
.topswiper_btn {
    width: 3.09375rem;
    height: 4.8125rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* background: red; */
    z-index: 1;
    cursor: pointer;
}
.block1_prev {
    left: 4.1229rem;
    background: url(../images/top_swiper_prev.png) no-repeat center;
    background-size: 1.09375rem 2.8125rem;
}
.block1_next {
    right: 4.1229rem;
    background: url(../images/top_swiper_next.png) no-repeat center;
    background-size: 1.09375rem 2.8125rem;
}
.block_2 {
    background: url(../images/blcok2_bg.png) no-repeat bottom center;
    background-size: cover;
}
.block_2 {
    height: calc(100vh - 5.2083rem);
    /* padding-top: 108px; */
    padding-top: 5.625rem;
    padding-bottom: 13.716rem;
    position: relative;
    box-sizing: border-box;
}
.txt_box {
    font-size: 1.0416666rem;
    color: #333333;
    text-align: justify;
    font-family: SourceHan;
}
.block_2 .txt_box {
    width: 38.145833rem;
}
.block_2 .ti_txt,
.block_4 .ti_txt {
    font-size: 1.25rem;
    color: #a01414;
    margin-top: 3.333rem;
    margin-bottom: 1.40625rem;
    font-family: ZHT;
}
.txt_box li {
    margin-bottom: .78125rem;
    margin-bottom: 1.458333rem  ;
    line-height: 1.5625rem;
}
.block_2 .ti_img {
    width: 17.65625rem;
    height: 4.4791rem;
    display: block;
}
.bottom_l {
    position: absolute;
    left: 12.2395rem;
    bottom: 3.28125rem;
    font-size: .9375rem;
    color: #a00000;
    font-family: ZHT;
}
.bottom_l .icon {
    width: 2.03125rem;
    height: 1.40625rem;
    margin-right: .52083rem;
    background: url(../images/page_lb_icon.png) no-repeat center;
    background-size: contain;
}
.bottom_l .line {
    width: 3.125rem;
    height: 2px;
    margin: 0 .46875rem;
    background: #e7e7e7;
    position: relative;
}
.bottom_l .line:after {
    content: '';
    width: 1.5625rem;
    height: 2px;
    background: #a00000;
    position: absolute;
    top: 0;
    left: 0;
}
.block_3 {
    /* padding-top: 85px; */
    /* padding-top: 4.42708rem; */
    padding-bottom: 3.75rem;
    padding-bottom: 4.75rem;
    position: relative;
    background: url(../images/block3_bg.png) no-repeat center;
    background-size: cover;
    height: calc(100vh - 5.2083rem);
    box-sizing: border-box;
    overflow: hidden;

}
.block_3 .hexagon {
    width: 100%;
    display: flex;
}
.block_3 .hexagon i{
    width: 16.875rem;
    height: 19.21875rem;
    background: url(../images/one_hexagon.png) no-repeat center;
    background-size: contain;
    margin: 0 .4166rem;
    flex-shrink: 0;
    /* display: block; */
}
.block_3 .hexagon_1 {
    margin-top: -8.95833rem;
}
.block_3 .hexagon_1 i:nth-child(1){
    margin-left: -13.8725rem;
}
.block_3 .hexagon_2 {
    display: flex;
    margin-top: -3.8125rem;
}
.block_3 .hexagon_2 i:nth-child(1) {
    margin-left: -5.002083rem;
}
.block_3 .hexagon_3 {
    display: flex;
    margin-top: -3.8125rem;
}
.block_3 .hexagon_3 i:nth-child(1) {
    margin-left: -13.802083rem;
}
.block_3 .hexagon_4 {
    display: flex;
    margin-top: -3.8125rem;
}
.block_3 .hexagon_4 i:nth-child(1) {
    margin-left: -4.8725rem;
}
.block_3 .hexagon_2 .card_1 {
    background: url(../images/block3_card1.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_2 .card_1:hover{
    background: url(../images/block3_card1_on.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_2 .card_2 {
    background: url(../images/block3_card2.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_2 .card_2:hover{
    background: url(../images/block3_card2_on.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_3 .card_3 {
    background: url(../images/block3_card3.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_3 .card_3:hover{
    background: url(../images/block3_card3_on.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_3 .card_4 {
    background: url(../images/block3_card4.png) no-repeat center;
    background-size: cover;
}
.block_3 .hexagon_3 .card_4:hover{
    background: url(../images/block3_card4_on.png) no-repeat center;
    background-size: cover;
}
.block3_center {
    width: 76.04166rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 4.42708rem;
    left: 50%;
    transform: translateX(-50%);
}
.block_3 .ti_img {
    width: 4.47916rem;
    height: 18.4375rem;
    position: absolute;
    top: 4.42708rem;
    right: 11.97916rem;
}
.block_4 {
    padding-top: 4.427083rem;
    padding-bottom: 7.447916rem;
    position: relative;
    height: calc(100vh - 5.2083rem);
    box-sizing: border-box;
}
.block_4 .ti_img {
    width: 17.8645rem;
    height: 5.677083rem;
    display: block;
}
.block_4 .left {
    /* width: 726px; */
    width: 36.8125rem;
}
.block_4 .num_des {
    height: 2.34375rem;
    line-height: 2.34375rem;
    margin-top: 2.604166rem;
    display: flex;
    font-size: 1.25rem;
    font-family: ZHT;
    color: #000000;
    text-align: center;
}

.block_4 .num_des p:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 1.3020833rem;
    margin: 0 1.3020833rem;
}
.block_4 .num_des .num {
    margin-right: .52083rem;
    font-size: 3.125rem;
    position: relative;
    display: inline-block;
    font-family: AVG;
}
.block_4 .num_des .num:after {
    content: '+';
    font-size: 1.1458rem;
    position: absolute;
    top: -.9375rem;
    right: -.72916rem;
    font-weight: 700;
}
.block_4 .map {
    width: 570px;
    width: 29.6875rem;
    height: 23.3333rem;
    transition: .5s all ease-in-out;
    position: relative;
}
.block_4 .map img {
    opacity: 0;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.block_4 .map.region_0 { background: url(../images/map_0.png) no-repeat center; background-size: cover;}
.block_4 .map.region_1 { background: url(../images/map_1.png) no-repeat center; background-size: cover;}
.block_4 .map.region_2 { background: url(../images/map_2.png) no-repeat center; background-size: cover;}
.block_4 .map.region_3 { background: url(../images/map_3.png) no-repeat center; background-size: cover;}
.block_4 .map.region_4 { background: url(../images/map_4.png) no-repeat center; background-size: cover;}
.block_4 .map.region_5 { background: url(../images/map_5.png) no-repeat center; background-size: cover;}
.block_4 .map.region_6 { background: url(../images/map_6.png) no-repeat center; background-size: cover;}
.block_4 .map.region_7 { background: url(../images/map_7.png) no-repeat center; background-size: cover;}
.block_4 .map.region_8 { background: url(../images/map_8.png) no-repeat center; background-size: cover;}
.block_4 .map.region_9 { background: url(../images/map_9.png) no-repeat center; background-size: cover;}
.block_4 .map.region_10 { background: url(../images/map_10.png) no-repeat center; background-size: cover;}
.block_4 .map.region_11 { background: url(../images/map_11.png) no-repeat center; background-size: cover;}
.block_4 .map.region_12 { background: url(../images/map_12.png) no-repeat center; background-size: cover;}
.block_4 .map.region_13 { background: url(../images/map_13.png) no-repeat center; background-size: cover;}
.block_4 .map_frame {
    margin-top: 2.083333rem;
    position: relative;
    /* background: rgba(255,0,0,.4); */
}
.block_4 .map i {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.block_4 .map .map_dot_1 {
    width: 3.55rem;
    height: 2.03541rem;
    position: absolute;
    top: 13rem;
    left: 19.7375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_2 {
    width: 3.32rem;
    height: 2.03541rem;
    position: absolute;
    top: 10.6rem;
    left: 19.7375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_3 {
    width: 3.55rem;
    height: 2.03541rem;
    position: absolute;
    top: 17.45rem;
    left: 9.9375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_4 {
    width: 3.35rem;
    height: 2.03541rem;
    position: absolute;
    top: 21.25rem;
    left: 16.4375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_5 {
    width: 5.2rem;
    height: 2.03541rem;
    position: absolute;
    top: 6.25rem;
    left: 3.4375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_6 {
    width: 4.25rem;
    height: 2.03541rem;
    position: absolute;
    top: 5.25rem;
    left: 23.2375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_7 {
    width: 3.25rem;
    height: 1.93541rem;
    position: absolute;
    top: 17.92rem;
    left: 20.8375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_8 {
    width: 3.25rem;
    height: 1.93541rem;
    position: absolute;
    top: 9.72rem;
    left: 14.5375rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_9 {
    width: 3.25rem;
    height: 1.93541rem;
    position: absolute;
    top: 11.32rem;
    left: 11.2075rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_10 {
    width: 3.25rem;
    height: 1.93541rem;
    position: absolute;
    top: 19.62rem;
    left: 18.9075rem;
    border-radius: 0 100px 0 0;
}
.block_4 .map .map_dot_11 {
    width: 3.25rem;
    height: 1.93541rem;
    position: absolute;
    top: 15.62rem;
    left: 19.2275rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .map .map_dot_12 {
    width: 3.45rem;
    height: 1.93541rem;
    position: absolute;
    top: 12.22rem;
    left: 16.0075rem;
    border-radius: 100px 0 0 0;
}
.block_4 .map .map_dot_13 {
    width: 4.45rem;
    height: 1.13541rem;
    position: absolute;
    top: 9.32rem;
    left: 20.0075rem;
}
.block_4 .map .map_dot_14 {
    width: 3.45rem;
    height: 1.93541rem;
    position: absolute;
    top: 13.64rem;
    left: 11.0075rem;
    border-radius: 100px 100px 0 0;
}
.block_4 .address_line_outside {
    padding-top: 0.360417rem;
    /* position: relative; */
    overflow: hidden;
}
.block_4 .address_line {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #828282;
    width: 76.0416rem;
    width: 219.010416rem;
    margin: 0 auto;
    /* margin-top: -.52083333rem;
    padding-top: .52083333rem; */
    text-align: justify;
    white-space: nowrap;
    transform: translateX(0);
    transition: transform .2s ease;
}
.block_4 .address_line>div {
    /* width: 13.145vw; */
    /* width: 250px; */
    width: 13.0208rem;
    width: 11.614583rem;
    width: 12.5rem;
    /* margin-right: 4.53125rem; */
    /* margin-right: 6.2%; */
    position: relative;
    margin-top: -.10416rem;
    letter-spacing: 1px;
}
.block_4 .address_line .name {
    color: #333333;
    font-size: 1.52rem;
    text-align: center;
    margin: 1.041666rem 0 .8333rem 0;
    font-family: ZHT;
}
.block_4 .address_line .des {
    font-size: .83333rem;
    line-height: 1.4583rem;
    color: #333333;
    font-family: SourceHan;
}
.block_4 .address_line .cur {
    /* background-color: orange; */
}
.block_4 .address_line .cur:before {
    content: '';
    width: 100%;
    /* width: 11.145vw; */
    height: .15625rem;
    background: #a01414;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.block_4 .address_line .cur:after {
    content: '';
    width: .677083rem;
    height: .677083rem;
    background: url(../images/address_line_dot.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.260416rem;
    z-index: 1;
}
.block_4 .address_line .cur .name {
    color: #a01414;
}
.block_4 .map_frame .map_btn {
    width: 5.85416rem;
    height: 2.677083rem;
    position: absolute;
    cursor: pointer;
    top: -1.264583rem;
}
.block_4 .map_frame .btn_prev {
    background: url(../images/map_prev.png) no-repeat center;
    background-size: 3.85416rem .677083rem;
    left: -7.60416rem;
}
.block_4 .map_frame .btn_prev:hover {
    background: url(../images/map_prev_on.png) no-repeat center;
    background-size: 3.85416rem .677083rem;
    
}
.block_4 .map_frame .btn_next {
    background: url(../images/map_next.png) no-repeat center;
    background-size: 3.85416rem .677083rem;
    
    right: -7.60416rem;
}
.block_4 .map_frame .btn_next:hover {
    background: url(../images/map_next_on.png) no-repeat center;
    background-size: 3.85416rem .677083rem;
    
}
.block_5 {
    padding-top: 4.427083rem;
    padding-bottom: 3.447916rem;
    position: relative;
    background-color: #f5f5f5;
    height: calc(100vh - 5.2083rem);
    box-sizing: border-box;
}
.block_5 .ti_img {
    width: 4.32291rem;
    height: 18.385416rem;
    position: absolute;
    top: 4.427083rem;
    left: 11.979rem;
}

.block_5 .goods {
    width: 100%;
    padding-top: 4.1666rem;
    padding-left: 4.32291rem;
    position: relative;
    box-sizing: border-box;
    display: flex;
}
.block_5 .goods .left {
    width: 34.3541rem;
    height: 20.833333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.block_5 .goods .left img {
    display: none;
}
.block_5 .goods .left .active {
    display: block;
}
.block_5 .goods .left .goods_1 {
    width: 16.45833rem;
    height: 21.40625rem;
}
.block_5 .goods .left .goods_2 {
    width: 18.8671875rem;
    height: 23.419270833rem;
}
.block_5 .goods .left .goods_3 {
    width: 13.75rem;
    height: 19.21875rem;
}
.block_5 .goods .left .goods_4 {
    width: 23.2395833rem;
    height: 14.914062499rem;
}
.block_5 .goods .left .goods_5 {
    width: 23.90625rem;
    height: 18.64583rem;
}
.block_5 .goods .left .goods_6 {
    width: 24.42708333333rem;
    height: 16.614583333rem;
}
.block_5 .goods .left .goods_7 {
    width: 19.7395833333rem;
    height: 19.6875rem;
}

.block_5 .goods .goods_check_btn {
    width: 3.09375rem;
    height: 4.8125rem;
    background: url(../images/goods_check_btn.png) no-repeat center;
    background-size: 1.09375rem 2.8125rem;
    position: absolute;
    top: 16.1875rem;
    cursor: pointer;
}
.block_5 .goods .goods_check_btn.btn_prev {
    left: -7.8125rem;
    transform: rotate(-180deg);
}
.block_5 .goods .goods_check_btn.btn_next {
    right: -7.8125rem;
}
.block_5 .goods .right {
    padding-top: 1.0416rem;
}
.block_5 .goods .right li {
    display: none;
}
.block_5 .goods .right .active {
    display: block;
}
.block_5 .goods .right .des .line {
    width: 2px;
    height: 1.2666rem;
    margin: 0 1.09375rem;
    background: #9c0000;
}
.block_5 .goods .right .des{
    margin-top: 2.083333rem;
    font-size: 1.25rem;
    line-height: 1.6666rem;
    color: #9c0000;
    font-family: ZHT;
}
.block_5 .goods .right .row {
    margin-top: 1.5625rem;
    margin-left: -.525rem;
    font-size: 1.04166rem;
    line-height: 1.875rem;
    color: #333333;
    font-family: SourceHan;
}
.block_5 .goods .right .goods_1 img {
    width: 11.25rem;
    height: 3.22916rem;
    display: block;
}
.block_5 .goods .right .goods_2 img {
    width: 15.260416rem;
    height: 3.22916rem;
    display: block;
}
.block_5 .goods .right .goods_3 img {
    width: 7.6041666rem;
    height: 3.22916rem;
    display: block;
}
.block_5 .goods .right .goods_4 img {
    width: 15.260416rem;
    height: 3.22916rem;
    display: block;
}
.block_5 .goods .right .goods_5 img {
    width: 6.09375rem;
    height: 3.22916rem;
    display: block;
}
.block_5 .goods .right .goods_6 img {
    width: 8.6979166rem;
    height: 3.22916rem;
    display: block;
}
.block_5 .goods .right .goods_7 img {
    width: 15.416666rem;
    height: 3.22916rem;
    display: block;
}
.buy_channel {
    display: flex;
    position: absolute;
    /* background: red; */
    width: 76.041666rem;
    bottom: 3.57125rem;
}
.buy_channel .left {
    width: 34.3541rem;
    padding-left: 4.32291rem;
}
.buy_channel .right {
    width: calc(100% - 38.67701rem);
}
.buy_channel .title {
    font-size: 1.40625rem;
    line-height: 1.875rem;
    color: #a00000;
    font-family: SourceHan;
    font-weight: 700;
}
.channel_box {
    margin-top: 2.34375rem;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    font-size: 1.04166rem;
    font-family: SourceHan;
    font-weight: 700;
}

.channel_box p {
    height: .989583rem;
    margin-top: .833333rem;
    line-height: .9895833rem;
    color: #333333;
    text-align: center;
    font-weight: 700;
    /* font-family: ; */
}
.channel_box .icon {
    width: 5.260416rem;
    height: 5.9375rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.channel_box li {
    cursor: pointer;
}
.channel_box li .icon img:nth-child(1) { display: block;}
.channel_box li .icon img:nth-child(2) { display: none;}

.channel_box li:hover .icon img:nth-child(1) { display: none;}
.channel_box li:hover .icon img:nth-child(2) { display: block;}
.channel_box li:hover .icon {
    background: url(../images/channel_on.png) no-repeat center;
    background-size: contain;
}
.channel_box li:hover p { color: #a00000; }
.channel_box .tm .icon img{
    width: 2.1875rem;
    height: 2.60416rem;
}
.channel_box .dy .icon img {
    width: 2.1875rem;
    height: 2.60416rem;
}
.channel_box .wx .icon img {
    width: 2.96875rem;
    height: 2.39583rem;
}
.channel_box .xhs .icon img {
    width: 3.16664rem;
    height: 1.1666664rem;
}
.channel_box .l_line {position: relative;}
.channel_box .l_line:after {
    content: '';
    width: 1px;
    height: .989583rem;
    background: #CCCCCC;
    position: absolute;
    top: 0;
    right: -2.725rem;
}
.footer .wrap {
    height: 12.4479rem;
    background: url(../images/footer_bg.png) center;
    /* background-size: contain; */
    padding-top: 2.291666rem;
    box-sizing: border-box;
}
.footer .logo {
    width: 8.385416rem;
    height: 1.927083rem;
}
.footer .labs {
    width: 16.04166rem;
    margin-top: 1.6666rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: .72916666rem;
    font-family: SourceHan;
}
.footer li {
    opacity: .65;
    cursor: pointer;
}
.footer li:hover{ opacity: 1;}
.footer .labs li {
    margin-bottom: 1.04166rem;
    padding-left: .52083rem;
    position: relative;
}
.footer .labs li:nth-child(2n+1) {
    width: 8.333333rem;
}
.footer .labs li span,
.footer .links .items .dot {
    width: .3125rem;
    height: .3125rem;
    background-color: #FFFFFF;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.footer .links {
    width: 28.7916rem;
}
.footer .links_text {
    margin-top: .5208333rem;
    font-size: 1.1458rem;
    font-family: SourceHan;
    color: #ffe5d6;
}
.footer .links li {
    padding-left: .52083rem;
    display: flex;
    margin-bottom: 1.04166rem;
    font-size: .729166rem;
    width: 22.2875rem;
    font-family: SourceHan;
    position: relative;
}

.footer .links .line_ver {
    margin: 0 .3645rem;
    display: inline-block;
}
.footer .links .items{
    margin-top: 1.7666rem;
}
.footer .qrcode {
    padding-top: .520833rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer .qrcode img {
    width: 5.052083rem;
    height: 5.052083rem;
    display: block;
}
.footer .qrcode p {
    font-size: .72916rem;
    margin-top: 1.01875rem;
    color: #FFFFFF;
    opacity: .65;
}
.footer .copyright {
    height: 2.083333rem;
    background-color: #131313;
}
.footer .copyright a {
    font-size: .625rem;
    opacity: .65;
    color: #FFFFFF;
    margin-right: 1.1458rem;
}
.de_btn {
    position: fixed;
    right: 4.21875rem;
    bottom: -20%;
    z-index: 90;
    cursor: pointer;
    /* width: 20px; */
    font-size: .78125rem;
    color: #e2b881;
    text-align: center;
    padding: 0 .520833rem;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    font-family: AVG;
}
.de_btn{
    bottom: 10%;
    display: none; 
}
.de_btn.show {
    display: block;
}
.de_btn .line {
    width: 2px;
    height: 4.3229166rem;
    margin: 10px auto 10px auto;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    color: #e2b881;
    background: #ba7e73;
    background: #bfbfbf;
}
.de_btn.up .line::after {
    content: " ";
    width: 2px;
    height: 34px;
    background-color: #deb580;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    animation: ReturnTop 1.5s infinite;
    -moz-animation: ReturnTop 1.5s infinite;
    -webkit-animation: ReturnTop 1.5s infinite;
    -o-animation: ReturnTop 1.5s infinite;
}
 
@keyframes ReturnTop {
    0% {
      top: 114px;
    }
    100% {
      top: -35px;
    }
  }
  @-moz-keyframes ReturnTop {
    0% {
      top: 114px;
    }
    100% {
      top: -35px;
    }
  }
  @-webkit-keyframes ReturnTop {
    0% {
      top: 114px;
    }
    100% {
      top: -35px;
    }
  }
  @-o-keyframes ReturnTop {
    0% {
      top: 114px;
    }
    100% {
      top: -35px;
    }
  }