body{
    margin: 0;
    padding: 0;
    line-height: 2.08333vw;
    font-family:"Microsoft YaHei",serif;
    color: #333333;
    font-size: 1.25vw;
}

.navigation_bar{
    display: flex;
    justify-content: center;
    margin: auto;
    height: 4.1666vw;
    user-select: none;
    width: 60vw;
}

.navigation_bar li{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.1666vw;
    font-size: 1.145833vw;
    font-weight: 700;
    padding-right:0.8333vw;
    padding-left: 0.8333vw;
    /*flex: 1;*/
}

.other_html{
    color: #333333;
    text-align: center;
}
.other_html:hover{
    background: #BCC5DC;
}

.now_html{
    background: #4D6193;
    color: white;
    font-weight: 400;
}
.headbg{
    background-image: url("../csigImg/banner/CsigBackWider.png");
    background-size: 100% 100%;
    height: 12.15vw;
    width: 100%;
    margin: 0;
    float: left;
    display: flex;
    flex-direction: column;
    user-select: none;
}

.headbg .heading{
    font-size: 3.3333vw;
    color: white;
    text-align: center;
    font-weight: 700;
    margin: auto;
}

img{
    width: 100%;
}

.content_box{
    display: flex;
    flex-direction: column;
    width: 60%;
    justify-content: center;
    margin: 0 auto;
    padding-top: 3.125vw;
}

.content_part{
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 3.125vw;
}
.content_part:last-child{
    margin-bottom: 0;
}
.content_part>*{
    margin-bottom: 32px;
}
.content_part>*:last-child{
    margin-bottom: 0;
}
.subtitle{
    width: 100%;
    height: 3.125vw;
    display: flex;
    flex-direction: row;
    margin: 0 auto 32px auto;
    background: #4D6193;
    justify-content: center;
    align-items:center;
    padding: 0;
}

.inner_content{
    padding: 0 1.666666667vw;
    display: flex;
    flex-direction: column;
}
.inner_content>*{
    margin-bottom: 32px;
}
.inner_content>*:last-child{
    margin-bottom: 0;
}
.inner_content p{
    margin: 0;
}

.main_color{
    color: #4D6193;
    border-color: #4D6193;
}

.blue3{
    color: #3A496E;
    border-color: #3A496E;
}

.red{
    color: #CD0000;
}

.row>.category0, .category0>*{
    background-color: #EEF0F6;
    border-color: #4D6193;
}
.row>.category0, .category0>*:first-child{
    color: #4D6193;
}

.row>.category1, .category1>*{
    background-color: #F2EEF6;
    border-color: #6B4D93;
}
.row>.category1, .category1>*:first-child{
    color: #6B4D93;
}
.row>.category2, .category2>*{
    background-color: #EEEFF6;
    border-color: #4D5093;
}
.row>.category2, .category2>*:first-child{
    color: #4D5093;
}
.row>.category3, .category3>*{
    background-color: #EEF2F6;
    border-color: #4D7293;
}
.row>.category3, .category3>*:first-child{
    color: #4D7293;
}
.row>.category4, .category4>*{
    background-color: #EEF6F6;
    border-color: #4D9393;
}
.row>.category4, .category4>*:first-child{
    color: #4D9393;
}

.bold{
    font-weight: 700;
}

.inner_content>div{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.info>div{
    margin: 0 0 16px 20%;
    display: flex;
    align-items: flex-start;
}
.info>div>*{
    margin-right: 32px;
}
.info>div:last-child{
    margin-bottom: 0;
}
.info>div>span:first-child{
    width: 15vw;
    background: #BCC5DC;
    text-align: center;
}

.table>div:last-child{
    display: flex;
}
.table>div:last-child>*{
    margin-bottom: 16px;
}
.table>div:last-child>*:last-child{
    margin-bottom: 0;
}

.table .row{
    width: 100%;
    display: flex;
    flex-direction: row;
    text-align: center;
    line-height: 100%;
    align-items: center;
}
.table .row>*{
    margin-right: 16px;
}
.table .row>*:last-child{
    margin-right: 0;
}

.row>div{
    flex: 1;
    margin: 0 auto;
    padding: 8px 0;
    border-radius: 40px;
    height: 100%;
}

.row>div:first-child{
    border-radius: 0;
    border-right: 4px solid;
    flex: none;
}

.caption>div{
    border-bottom: 4px solid;
    border-radius: 0;
}

.caption>div:first-child{
    border: 0;
}

.trans_info .category4>div:last-child{
    border: 4px solid #4D9393;
    background: none;
    line-height: 0.83vw;
}
.trans_info .row>div:first-child{
    width: 30%;
}

.hotel_info .row .category1{
    flex: 1.1;
}
.hotel_info .row .category3{
    flex: 1.3;
}
.hotel_info .row>.detail{
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.5;
}
.hotel_info .row>div:first-child{
    width: 15%;
}
.hotel_info .row:last-child>div{
    border: none;
    background: none;
    padding: 0;
}
.hotel_info .row:last-child>div>.img{
    height: 100%;
}

.category1>.table_title>span, .category1>.table>.row{
    color: #6b4d93;
}
.category1.stroke, .category1>.table>.caption{
    border-color: #6b4d93;
}
.category1.stroke>.table>div>div:nth-child(odd){
    background-color: #F2EEF6;
}
.category4>.table_title>span, .category4>.table>.row{
    color: #4D9393;
}
.category4.stroke, .category4>.table>.caption{
    border-color: #4D9393;
}
.category4.stroke>.table>div>div:nth-child(odd){
    background-color: #EEF6F6;
}
.category4.stroke .row>div{
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.category4.stroke .caption>div{
    height: 3.75vw;
    border-radius: 3.75vw;
}
.table_title>span{
    font-size: 1.46vw;
}

.stroke{
    border-top: 4px solid;
    border-bottom: 4px solid;
    padding-bottom: 16px;
}
.stroke>div{
    display: block;
    background: none;
}
.stroke>.table{
    display: flex;
    font-size: 1.05vw;
}

.stroke .row{
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.stroke .row>*{
    margin-bottom: 16px;
}
.stroke .row>div{
    flex: 1;
    line-height: 1.25;
    border: none;
    border-radius: 0;
    height: 100%;
}
.stroke .caption>div{
    border-radius: 40px;
    border: 2px solid;
    padding: 4px 0;
}

.table_title{
    line-height: 32px;
    border-bottom: 2px solid;
    text-align: center;
    background: none;
    margin-bottom: 32px;
}
.stroke>div:first-child{
    color: #4d6193;
}

.text_division{
    border-top: 4px #4d6193 solid;
    border-bottom: 4px #4d6193 solid;
    padding: 0 32px;
}

.single_hotels{
    width: 100%;
}

.single_hotels>.row{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}
.single_hotels>.row:last-child{
    margin-bottom: 0;
}
.single_hotels>.row>div{
    padding: 0;
    line-height: 1;
    border-radius: 0;
}
.single_hotels>.row>div:nth-child(1){
    width: 25%;
    text-align: center;
    padding: 120px 0;
}
.single_hotels>.row>div:nth-child(2){
    flex: 4;
    background: none;
    margin: auto 16px;
}
.single_hotels>.row>div:nth-child(3){
    flex: 9;
    background: none;
}

.single_hotels .img_box{
    width: 28.125vw;
    height: 18.75vw;
}
@keyframes hotel_switch{
    0%{transform:translateX(0);}
    17%{transform:translateX(-100%);}
    33%{transform:translateX(-100%);}
    50%{transform:translateX(-200%);}
    66%{transform:translateX(-200%);}
    83%{transform:translateX(-300%);}
    100%{transform:translateX(-300%);}

}
.single_hotels .img_box>div>div{
    width: 28.125vw;
    height: 18.75vw;
    background-size: 100% 100%;
    background-position: center;
    animation: hotel_switch 8s linear infinite;
}

.img_box{
    display: flex;
    flex-direction: row;
    width: 100%;
    height:37.23958vw;
    overflow: hidden;
    border-radius: 0;
}

.img_box>div{
    display: flex;
}

@keyframes switch{
    0%{transform:translateX(0);}
    1%{transform:translateX(0);}
    4%{transform:translateX(-100%);}
    6%{transform:translateX(-100%);}
    9%{transform:translateX(-200%);}
    11%{transform:translateX(-200%);}
    14%{transform:translateX(-300%);}
    16%{transform:translateX(-300%);}
    19%{transform:translateX(-400%);}
    21%{transform:translateX(-400%);}
    24%{transform:translateX(-500%);}
    26%{transform:translateX(-500%);}
    29%{transform:translateX(-600%);}
    31%{transform:translateX(-600%);}
    34%{transform:translateX(-700%);}
    36%{transform:translateX(-700%);}
    39%{transform:translateX(-800%);}
    41%{transform:translateX(-800%);}
    44%{transform:translateX(-900%);}
    46%{transform:translateX(-900%);}
    49%{transform:translateX(-1000%);}
    51%{transform:translateX(-1000%);}
    54%{transform:translateX(-1100%);}
    56%{transform:translateX(-1100%);}
    59%{transform:translateX(-1200%);}
    61%{transform:translateX(-1200%);}
    64%{transform:translateX(-1300%);}
    66%{transform:translateX(-1300%);}
    70%{transform:translateX(-1400%);}
    73%{transform:translateX(-1400%);}
    77%{transform:translateX(-1500%);}
    80%{transform:translateX(-1500%);}
    84%{transform:translateX(-1600%);}
    87%{transform:translateX(-1600%);}
    91%{transform:translateX(-1700%);}
    94%{transform:translateX(-1700%);}
    98%{transform:translateX(-1800%);}
    100%{transform:translateX(-1800%);}

}
.img_box > div >div{
    animation: switch 80s linear infinite;
}

.bottom{
    background: #131824;
    height: 19.8958vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 6.25vw;
}
.bottom1{
    width: 61.4583vw;
    height: 5.8333vw;
    margin: auto;
    display: flex;
    flex-direction: row;
}
.bottom1 div{
    display: flex;
    flex-direction: column;
    height: 4.1666vw;
    width: 56.666vw;
    margin-top: 0.8333vw;
    margin-left: 1.0416vw;
    font-size: 1.25vw;
    font-weight: 700;
}
.bottom1_text{
    color: white;
    margin: 0;
    font-size: 1.25vw;
}
.bottom2{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 61.4583vw;
    height: 11.979vw;
    margin: auto;
    margin-top: 0;
}
.bottom2_text{
    color: white;
    display: flex;
    flex-direction: column;
    width: 17.65625vw;
    height: 10.3125vw;
    margin-top: 0.8333vw;
    margin-bottom: 0.8333vw;
}
.bottom2_text p{
    text-align: center;
    margin: 0;
    line-height: 1.25vw;
    font-size: 1.041666vw;
}