#section01{ padding: 140px 0;}
#section01 #tab-v3{ padding-bottom: 80px;}
#section01 .content li{ overflow: hidden; padding-bottom: 40px; padding-top: 40px;}
#section01 .content li:first-child{ padding-top: 0;}
#section01 .content li:nth-child(2n-1) > div{ float: left;}
#section01 .content li:nth-child(2n-1) > .img-wrap{ margin-right: 25px;}
#section01 .content li:nth-child(2n-1) > .text-wrap{ margin-left: 25px;}
#section01 .content li:nth-child(2n) > div{ float: right;}
#section01 .content li:nth-child(2n) > .img-wrap{ margin-left: 25px;}
#section01 .content li:nth-child(2n) > .text-wrap{ margin-right: 25px;}
#section01 .content li:nth-child(2n) .facpag-swiper{ box-shadow: -5px -10px 8px rgba(0,0,0,.2);}
#section01 .content .img-wrap{ width: 775px; height: 480px; border-radius: 10px;  }
#section01 .content .facpag-swiper{ position: relative; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; box-shadow: 10px 0 8px rgba(0,0,0,.2);}
#section01 .content .facpag-swiper .circle{ text-align: left;  position: absolute; bottom: -60px; right: -60px; width: 120px; height: 120px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 24px; padding: 20px;}
#section01 .content li:nth-child(2n) .facpag-swiper .circle{ text-align: left;  bottom: unset; right: unset; top: -60px; left: -60px; width: 120px; height: 120px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 24px; padding: 70px 0 0 70px;}
#section01.facilities .content li:nth-child(2) .facpag-swiper .circle{ text-align: left;  bottom: unset; right: unset; top: -60px; left: -60px; width: 120px; height: 120px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 24px; padding: 75px 0 0 75px;}
#section01 .content .facpag-swiper .circle.cp{ text-align: left;   padding: 25px;}
#section01 .content li:nth-child(2n) .facpag-swiper .circle.cp{ text-align: left; padding: 75px 0 0 75px;}

#section01 .content .swiper-slide .img-wrap{width: 100%; height: 100%; position:relative; border-radius: 10px; overflow: hidden; }
#section01 .content .facpag-pag{ text-align: left; bottom: -10px;}
#section01 .content .text-wrap{ width: 775px; height: 480px; border-radius: 10px; background-color: #f3f3f3; padding: 40px;  text-align: left;}
#section01 .content .text-wrap h3{ font-size: 28px; padding-bottom: 25px;}
#section01 .content .text-wrap h3 span{ font-size: 16px;}
#section01 .content .text-wrap .text{ font-size: 14px; line-height: 26px;}

a.more, a.close{ display: none;}

.travel{ text-align: center;}
.travel a.more, .travel a.close{ display: inline-block; margin-top: 60px; width: 220px; height: 50px; line-height: 55px; border-radius: 25px; background-color: #ededed; text-align: center; font-size: 18px; color: #000; transition: .3s;}
.travel a.more i, .travel a.close i{ font-size: 28px; position: relative; top: 4px; transition: .5s;}
.travel a.more:hover, .travel a.close:hover{  background-color: #e93463; color: #fff; transition: .3s;}
.travel a.more:hover i, .travel a.close:hover i{ color: #fff;}
.travel a.close.hide, .travel a.more.hide{ display: none;}

.con-wrap.hide{ display: none;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 20px 0 40px;}
    #section01 #tab-v3{ padding-bottom: 0;}
    #section01 .tab-wrap{ padding-bottom: 7px; margin-bottom: 20px;}
    #section01 .content li{ overflow: hidden; padding-bottom: 25px; padding-top: 0;}
    #section01 .content li:nth-child(2n-1) > div{ float: unset;}
    #section01 .content li:nth-child(2n-1) > .img-wrap{ margin-right: 0;}
    #section01 .content li:nth-child(2n-1) > .text-wrap{ margin-left: 0;}
    #section01 .content li:nth-child(2n) > div{ float: unset;}
    #section01 .content li:nth-child(2n) > .img-wrap{ margin-left: 0;}
    #section01 .content li:nth-child(2n) > .text-wrap{ margin-right: 0;}
    #section01 .content li:nth-child(2n) .facpag-swiper{box-shadow: 5px 0 4px rgba(0,0,0,.2);}
    #section01 .content .img-wrap{ width: 100%; height: 50.67vw; border-radius: 10px; margin-bottom: 30px; }
    #section01.travel .content .img-wrap{ margin-bottom: 15px; }
    #section01 .content .facpag-swiper{ position: relative; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; box-shadow: 5px 0 4px rgba(0,0,0,.2);}
    #section01 .content .facpag-swiper .circle{ position: absolute; bottom: -30px; right: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 12px; padding: 10px;}
    #section01 .content li:nth-child(2n) .facpag-swiper .circle{ bottom: unset; right: unset; top: -30px; left: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 12px; padding: 35px 0 0 35px;}
    #section01.facilities .content li:nth-child(2) .facpag-swiper .circle{ bottom: unset; right: unset; top: -30px; left: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 12px; padding: 37px 0 0 37px;}

    #section01 .content .facpag-swiper .circle.cp{ position: absolute; bottom: -30px; right: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 12px; padding: 13px;}
    #section01 .content li:nth-child(2n) .facpag-swiper .circle.cp{ bottom: unset; right: unset; top: -30px; left: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; z-index: 10; font-size: 12px; padding: 37px 0 0 37px;}

    #section01 .content .swiper-slide .img-wrap{width: 100%; height: 100%; position:relative; border-radius: 10px; overflow: hidden; }
    #section01 .content .facpag-pag{ text-align: center; bottom: -5px;}
    #section01 .content .text-wrap{ width: 100%; height: auto; border-radius: 10px; background-color: #f3f3f3; padding: 20px;}
    #section01 .content .text-wrap h3{ font-size: 14px; padding-bottom: 10px;}
    #section01 .content .text-wrap h3 span{ font-size: 10px;}
    #section01 .content .text-wrap .text{ font-size: 10px; line-height: 19px;}

    a.more{ position: relative; bottom: 0; right: 0; display: block; width: 100%; height: 25px; line-height: 27px; border-radius: 12px; background-color: #ededed; text-align: center; font-size: 11px; color: #000; transition: .3s;}
    a.more i{ font-size: 14px; position: relative; top: 2px; transition: .5s;}
    a.more:hover{  background-color: #e93463; color: #fff; transition: .3s;}
    a.more:hover i{ color: #fff;}
    a.more.hide{ display: none;}
    a.close{ position: relative; bottom: 0; right: 0; display: block; width: 100%; height: 25px; line-height: 27px; border-radius: 12px; background-color: #ededed; text-align: center; font-size: 11px; color: #000; transition: .3s;}
    a.close i{ font-size: 14px; position: relative; top: 2px; transition: .5s;}
    a.close:hover{  background-color: #e93463; color: #fff; transition: .3s;}
    a.close:hover i{ color: #fff;}
    a.close.hide{ display: none;}

    .travel #tab-v3{ width: 1000px;}
    .travel a.more{ margin-top: 0; position: relative; bottom: 0; right: 0; display: block; width: 100%; height: 25px; line-height: 27px; border-radius: 12px; background-color: #ededed; text-align: center; font-size: 11px; color: #000; transition: .3s;}
    .travel a.more i{ font-size: 14px; position: relative; top: 2px; transition: .5s;}
    .travel a.more:hover{  background-color: #e93463; color: #fff; transition: .3s;}
    .travel a.more:hover i{ color: #fff;}
    .travel a.more.hide{ display: none;}
    .travel a.close{margin-top: 0;  position: relative; bottom: 0; right: 0; display: block; width: 100%; height: 25px; line-height: 27px; border-radius: 12px; background-color: #ededed; text-align: center; font-size: 11px; color: #000; transition: .3s;}
    .travel a.close i{ font-size: 14px; position: relative; top: 2px; transition: .5s;}
    .travel a.close:hover{  background-color: #e93463; color: #fff; transition: .3s;}
    .travel a.close:hover i{ color: #fff;}
    .travel a.close.hide{ display: none;}
}