/* travel */
    .travel {
    width: 1108px;
    height: 400px;
    margin: 0 auto 50px auto;
    }
    .travel-part{
    width: 1108px;
    height: 400px;
    }
    .travel-part li {
    width: 272px;
    height: 400px;
    text-align: center;
    }
    .travel-part li:hover {
    cursor: pointer;
    }
    .tra1 {
    width: 272px;
    height: 400px;
    background: url("../Images/theybg.png") no-repeat;
    background-size: cover;
    }
    .travel-part li .tra11 {
    width: 234px;
    height: 100%;
    border-bottom: 6px solid #EA4F6C;
    margin: 0 auto;
    }
    .travel-part li img {
    width: 60px;
    height: 53px;
    margin-top: 100px;
    }
    .travel-part li .font1 {
    width: 232px;
    font-size: 20px;
    font-weight: 600;
    color: white;
    line-height: 50px;
    }
    .travel-part li .font2 {
    width: 234px;
    height: 87px;
    font-size: 14px;
    font-weight: 300;
    color: white;
    line-height: 30px;
    }
    .tarvel1 {
    background: url("../Images/they1.png") no-repeat;
    background-size: cover;
    }
    .tarvel2 {
    background: url("../Images/they2.png") no-repeat;
    background-size: cover;
    margin-left: 6px;
    }
    .tarvel3 {
    background: url("../Images/they3.png") no-repeat;
    background-size: cover;
    margin-left: 6px;
    }
    .tarvel4 {
    background: url("../Images/they4.png") no-repeat;
    background-size: cover;
    margin-left: 6px;
    }
    .tra1 {
    display: none;
    }
    .tarvel1:hover {
    margin-bottom: 50px;
    }
    .tarvel1:hover .tra1 {
    display: block;
    }
    .tarvel2:hover {
    margin-bottom: 50px;
    }
    .tarvel2:hover .tra1 {
    display: block;
    }
    .tarvel3:hover {
    margin-bottom: 50px;
    
    }
    .tarvel3:hover .tra1 {
    display: block;
    }
    .tarvel4:hover {
    margin-bottom: 50px;
    }
    .tarvel4:hover .tra1 {
    display: block;
    }