/*========公共样式============*/
*{margin: 0; padding: 0;}
boby,html{height: 100%; width: 100%; min-width: 1200px; letter-spacing: 1px;
    font-family: "Microsoft Yahei","Arial","Ping Fang SC",sans-serif;}
img{ vertical-align: middle;}
li { list-style: none;}
a{ color: #000; text-decoration: none;}
.mb-10{ margin-bottom: 10px;}
.text-color{ color: #1B55A3;}
.color-white{ color: #FFF !important;}
.bg-color{ background: #1B55A3;}
.ellipsis-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.ellipsis-16{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 16;
    word-break: break-all;
}
.ellipsis{
    overflow : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clear-both{ clear: both;}

.page{ min-width: 1440px;}
/*========轮播图============*/
.banner-wrap{ min-height: 468px; position: relative;}
.banner-logo{ width: 255px; height: 120px; position: absolute; top: 20px; left: 100px; z-index: 99;}
.banner-logo img{ width: 100%;}
.banner-pic{ min-width: 1200px;}
.banner-pic img{ width: 100%;}
.banner-dot{}
/*========关于我们============*/
.about-wrap{ width: 1200px; height: 534px; margin: 40px auto 0; position: relative;}
.about-wrap .about-left{ padding-right: 550px;}
.about-title{ height: 50px;}
.about-title img{ height: 40px;}
.about-text{ font-size: 16px; line-height: 24px; color: #333333; padding: 0 20px;}
.about-text h4{ font-size: 18px; line-height: 40px;}
.about-wrap .about-right{ width: 550px; position: absolute; top: 0; right: 0;}
.about-wrap .about-right img{ width: 100%;}
/*========公司特色============*/
.company-wrap{ width: 100%; min-height: 400px; background: url(../images/company_bg.png) top center no-repeat; background-size: 100%;}
.company{ width: 1200px; margin: 40px auto 0; color: #FFFFFF;}
.company .company-title{ text-align: center;  font-size: 30px; line-height: 50px; font-weight: bold; padding-top: 20px;}
.company .company-content{ height: 300px; width: 100%;}
.company .company-content .con{ width: 260px; padding: 20px 20px; line-height: 30px;  text-align: center; float: left;}
.company .company-content .con .con-pic{ text-align: center; height: 140px; width: 140px; margin-bottom: 20px; display: inline-block;}
.company .company-content .con .con-pic img{ width: 100%;}
.company .company-content .con .con-h{ font-size: 18px; font-weight: bold;}
.company .company-content .con .con-p{ font-size: 14px;}

/*========酒店============*/
.hotel-wrap{ width: 100%; min-height: 400px;}
.hotel{ width: 1200px; margin: 0 auto; padding: 40px 0; color: #333333;}
.hotel .con{ width: 360px; height: auto; padding: 20px 20px; text-align: center; float: left;}
.hotel .con .con-pic{ min-height: 100px; width: 360px; display: inline-block;}
.hotel .con .con-pic img{ width: 100%;}
.hotel .con .con-p{font-size: 18px; line-height: 40px;}

/*========跳转============*/
.travel-wrap{ width: 100%; min-height: 100px;}
.travel{ width: 1200px; margin: 0 auto; padding: 40px 0; color: #333333;}
.travel .con{ width: 360px; height: auto; text-align: left; float: left;}

/*========酒店============*/
.footer-warp{ width: 100%; height: 150px; background: #000000;}
.footer{ width: 1200px; height: 150px; margin: 20px auto 0; text-align: center; padding-top: 45px; box-sizing: border-box; position: relative;}
.footer .footer-logo{ position: absolute; top: 20px; left: 0;}
.footer .footer-logo img{ width: 200px;}
.footer .p{font-size: 14px; line-height: 30px; color: #FFFFFF;}


/*========覆盖轮播样式============*/
.swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 100%;
    background: #FFFFFF;
    opacity: .6;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #09C0BE;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px;
}

.pretty-button {
    background-color: #4CAF50; /* 背景颜色 */
    border: none;
    color: white; /* 文字颜色 */
    padding: 15px 32px; /* 内边距 */
    text-align: center; /* 文字居中 */
    text-decoration: none;
    display: inline-block;
    font-size: 16px; /* 字体大小 */
    margin: 4px 2px; /* 外边距 */
    cursor: pointer;
    border-radius: 10px; /* 圆角 */
    transition: all 0.3s; /* 过渡效果 */
}

    .pretty-button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .pretty-button span:after {
            content: '›';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    .pretty-button:hover span {
        padding-right: 20px;
    }

        .pretty-button:hover span:after {
            opacity: 1;
            right: 0;
        }