/* ===============================================================
    * travel
=============================================================== */
.travel .tit h2 {font-size: 32px; color: #222; margin-bottom: 20px;}
.travel .tit h3 {font-size: 18px;}
.travel-info {position: relative;}
.travel-info:after {content: ''; position: absolute; left: 0; bottom: -120px; top: 40px; width: 70%; background: #f4f4f4; z-index: -1;}
.travel-info .width-max {display: flex; justify-content: space-between; align-items: flex-start;}
.travel-info .btns {flex: none; padding-top: 80px; padding-right: 40px; display: flex; justify-content: flex-start; align-items: center;}
.travel-info .btns a {width: 170px; height: 52px; line-height: 52px; text-align: center; font-size: 14px; margin-right: 20px;}
.travel-info .info {flex: 1; padding: 40px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.travel-info .info h4 {font-size: 14px; margin-bottom: 35px;}
.travel-info .info .txt {font-size: 12px; line-height: 26px; color: #777;}
@media (max-width: 992px){
    .travel .tit h2 {font-size: 25px; margin-bottom: 15px;}
    .travel .tit h3 {font-size: 14px; margin-bottom: 30px;}
    .travel-info:after {width: 100%; top: 0; bottom: -60px;}
    .travel-info .width-max {display: block;}
    .travel-info .btns {padding: 30px 0;}
    .travel-info .btns a {width: 125px; height: 38px; line-height: 38px; font-size: 12px; margin-right: 10px;}
    .travel-info .info {padding: 30px 15px;}
    .travel-info .info h4 {font-size: 14px; margin-bottom: 30px;}
    .travel-info .info .txt {font-size: 12px; line-height: 20px;}
}