@charset "UTF-8";

@import "animate.css";


body{
    font:14px/1.2 "微软雅黑",Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
    color: #000;
}

.user-select *{
    user-select: none;
}

.main{ width: 1266px;margin-left: auto;margin-right: auto;position: relative;z-index: 1;clear: both;overflow: visible;}

.transition1{ transition: all 0.1s;}
.transition2{ transition: all 0.2s;}
.transition3{ transition: all 0.3s;}
.transition4{ transition: all 0.4s;}
.transition5{ transition: all 0.5s;}

a:link,
a:visited {
    color: #000;
}

a:active,
a:hover,
a.hover {
    color: #008694;
}

/* 通用样式 */

div.ie6 {
    width: 100%;
    height: 30px;
    overflow: hidden;
    z-index: 9999;
}

div.ie6 a {
    display: block;
    line-height: 30px;
    text-align: center;
}

div.locked,
div.alert {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;
}

div.locked {
    background: url(../img/icon_loading.gif) center center no-repeat;
}

div.alert {
    background: rgba(0, 0, 0, .4);
}

div.alert span {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    padding: 18px;
    width: 80%;
    height: 288px;
    max-width: 476px;
    color: #000;
    text-align: center;
    border-radius: 6px;
    background: #fff;
}

div.alert div.icon {
    position: relative;
    margin-top: 20px;
    width: 80px;
    height: 80px;
    border: 4px #999 solid;
    border-radius: 50%;
    display: none;
    animation: ani_icon 0.5s;
}

@keyframes ani_icon {
    0% {
        transform: rotateX(100deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

div.alert div.icon_warning {
    border-color: #f0ad4e;
    display: inline-block;
}

div.alert div.icon_done {
    border-color: #5cb85c;
    display: inline-block;
}

div.alert div.icon_error {
    border-color: #d9534f;
    display: inline-block;
}

div.alert div.icon_warning i {
    position: absolute;
    left: 50%;
    background: #f0ad4e;
}

div.alert div.icon_done i {
    position: absolute;
    height: 5px;
    border-radius: 2px;
    background: #5cb85c;
}

div.alert div.icon_error i {
    position: absolute;
    top: 36px;
    right: 17px;
    width: 47px;
    height: 5px;
    border-radius: 2px;
    background: #d9534f;
}

div.alert div.icon_warning i.icon_body {
    top: 10px;
    margin-left: -2px;
    width: 4px;
    height: 40px;
    border-radius: 2px;
}

div.alert div.icon_warning i.icon_dot {
    bottom: 10px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

div.alert div.icon_done i.icon_body {
    top: 36px;
    right: 8px;
    width: 40px;
    transform: rotate(-45deg);
}

div.alert div.icon_done i.icon_dot {
    top: 40px;
    left: 10px;
    width: 25px;
    transform: rotate(45deg);
}

div.alert div.icon_error i.icon_body {
    transform: rotate(-45deg);
}

div.alert div.icon_error i.icon_dot {
    transform: rotate(45deg);
}

div.alert p {
    margin-top: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-align: center;
    overflow: hidden;
}

div.alert button {
    margin-top: 40px;
    padding: 10px 40px;
    color: #333;
    border: 1px solid #666;
    border-radius: 8px;
    background: transparent;
}


/*图标*/
.xlg-icon{ background: url("../img/icon.png") 0 0 no-repeat;display: inline-block;overflow: hidden;}
.xlg-icon-1{ width: 20px;height: 18px;background-position: 0 0;} /*地球*/
.xlg-icon-2{ width: 24px;height: 17px;background-position: -30px 0;} /*国旗*/
.xlg-icon-3{ width: 24px;height: 17px;background-position: -60px 0;} /*国旗*/
.xlg-icon-4{ width: 24px;height: 17px;background-position: -90px 0;} /*国旗*/
.xlg-icon-5{ width: 24px;height: 17px;background-position: -120px 0;} /*国旗*/
.xlg-icon-6{ width: 14px;height: 16px;background-position: -150px 0;} /*酒店*/
.xlg-icon-7{ width: 14px;height: 15px;background-position: -180px 0;} /*新闻*/
.xlg-icon-8{ width: 18px;height: 18px;background-position: -210px 0;} /*联系*/
.xlg-icon-9{ width: 20px;height: 15px;background-position: -240px 0;} /*微信*/
.xlg-icon-10{ width: 10px;height: 16px;background-position: -270px 0;} /*右箭头*/
.xlg-icon-11{ width: 8px;height: 13px;background-position: -300px 0;} /*左箭头*/
.xlg-icon-12{ width: 8px;height: 13px;background-position: -330px 0;} /*右箭头*/
.xlg-icon-13{ width: 18px;height: 18px;background-position: -360px 0;} /*+*/
.xlg-icon-14{ width: 16px;height: 15px;background-position: -390px 0;} /*电话小*/
.xlg-icon-15{ width: 16px;height: 16px;background-position: -420px 0;} /*首页*/
.xlg-icon-16{ width: 6px;height: 11px;background-position: -450px 0;} /*小右黑*/
.xlg-icon-17{ width: 24px;height: 24px;background-position: -480px 0;} /*左圆黑*/
.xlg-icon-18{ width: 24px;height: 24px;background-position: -510px 0;} /*A+圆黑*/
.xlg-icon-19{ width: 24px;height: 24px;background-position: -540px 0;} /*微信圆黑*/
.xlg-icon-26{ width: 20px;height: 18px;background-position: -570px 0;} /*地球*/

.xlg-icon-20{ width: 30px;height: 42px;background-position: 0 -28px;} /*位置*/
.xlg-icon-21{ width: 35px;height: 36px;background-position: -60px -28px;} /*大电话*/
.xlg-icon-22{ width: 40px;height: 40px;background-position: -120px -28px;} /*微博*/
.xlg-icon-23{ width: 40px;height: 40px;background-position: -180px -28px;} /*微信*/
.xlg-icon-24{ width: 40px;height: 40px;background-position: -240px -30px;} /*邮件*/
.xlg-icon-25{ width: 40px;height: 40px;background-position: -300px -29px;} /*抖音*/


.flex{ display: flex;}
.flex-start{ display: flex;align-items: flex-start;}
.flex-center{ display: flex;align-items: center;}
.flex-space-between{ display: flex;justify-content: space-between;}
.flex-both-center{ display: flex;align-items: center;justify-content: center;}
.flex1{flex: 1;}


.bg-index{ background: url("../img/bg.jpg") 0 0 repeat;}

/*头部*/
.header{ height: 280px;position: absolute;left: 0;top: 0;right: 0;z-index: 10;background: transparent;overflow: hidden;}
.header .logo{ width: 150px;height: 280px;position: absolute;top: 0;left: 50%;margin-left: -75px;z-index: 3;}
.top-tools{ padding-top: 72px;padding-bottom: 35px;display: flex;align-items: flex-start;position: relative;}
.top-tools .lang{ margin: 12px 0 0 0px;display: flex;flex: 1;}
.top-tools .lang a{ margin-left: 12px;}
.top-tools .lang span{ padding-left: 5px;font-size: 11px;color: #008896;margin-right: 5px;}
.top-tools .r-tools{ width: 280px;}
.top-tools .r-tools .item{ text-align: center;}
.top-tools .r-tools .item .yuan{ background: #008896;width: 32px;height: 32px;border-radius: 100%;margin:0 auto 3px;}
.top-tools .r-tools .item .txt{ font-size: 11px;color: #020202;}

.header  .nav{ height: 78px;line-height: 78px;background: rgba(0,0,0,0.6);position: relative;z-index: 1;}
.header .layui-nav{ background: transparent;padding: 0;}
.header .layui-nav *{ font-size: 16px;}
.header .layui-nav .layui-nav-item{ line-height: 78px;}
.header .layui-nav .layui-nav-item a{ color: #fff;padding: 0;}
.header .layui-nav .layui-this:after,
.header .layui-nav-bar,
.header .layui-nav-tree .layui-nav-itemed:after{background-color:#008896;height: 11px;}

.green-style .top-tools .r-tools .item .yuan{ background: #008b0e;}
.green-style .top-tools .lang span{ color: #008b0e;}
.green-style .nav{ background: rgba(0,48,102,0.6);}
.green-style .xlg-btn{ background: #0068b7;}
.green-style .section2 .xlg-btn{ background: #0068b7;}

/*内页顶部导航*/
.header-static { background: url("../img/bg-header.png") right top no-repeat #fcf7e7;position: relative;height: 236px;overflow: visible;}
.header-static .top-sub-nav{ position: relative;z-index: 10;}
.header-static .nav-box{ position: absolute;left: 0;top: 0;width: 224px;height: 734px;background: rgba(0,0,0,0.5);z-index: 10;}
.header-static .nav-box .logo2{ width: 224px;height: 276px;background: 0 0 no-repeat;display: block;}
.header-static .nav-box .sub-nav-list{ padding-top: 50px;}
.header-static .nav-box .sub-nav-list a{ height: 55px;display: block;line-height: 55px;text-indent: 60px;font-size: 16px;color: #fff;transition: all 0.3s;}
.header-static .nav-box .sub-nav-list a.on,
.header-static .nav-box .sub-nav-list a:hover{ background: rgba(0,0,0,0.5);color: #008896;}
.header-static .top-tools,
.header-static .nav .main{ padding-left: 336px;box-sizing: border-box;}




/*按钮*/
.xlg-btn{ width: 200px;height: 50px;line-height: 50px;font-size: 18px;text-align: center;background: #008896;color: #fff;border-radius: 25px;transition: all 0.2s;position: relative;display: block;}
.xlg-btn span{ color: #fff;}
.xlg-btn .xlg-icon-10{ position: absolute;right: 28px;top: 17px;}
.xlg-btn:hover{ color: #fff;opacity: 0.9;}



/*banner*/
.banner { height: 800px;background: transparent;border: 0;}
.banner .img{ background: top center no-repeat;background-size: 100% 800px;}
.banner .layui-carousel-ind{ top: -96px;}
.banner .layui-carousel-ind ul{background: transparent;}
.banner .layui-carousel-ind li{width: 9px;height: 9px;margin: 0 2px;}
.banner .layui-carousel-ind li.layui-this{ background: #066f7c;}
.banner .layui-carousel-arrow{ top: 60%;}
.banner .slogan{ position: absolute;left: 50%;top: 50%;width: 174px;height: 290px;margin-left: -88px;margin-top: -46px;}


/*诗画山水 欢乐祥龙*/
.section1 .t1{width: 456px;height: 101px;margin: 82px auto 55px;}
.section1 .des{ text-align: center;line-height: 1.7;}
.section1 .xlg-btn{ margin: 48px auto 104px;}

/*水世界*/
.section2 {position: relative;overflow: hidden;height: 500px;}
.section2 .mask,
.section2 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat;z-index: 1;background-size: cover;}
.section2 .mask{ z-index: 2;background: #000;opacity: 0.5;}
.section2:hover .bg{transform: scale(1.05);}
.section2 .main{ position: relative;z-index: 3;}
.section2 .main{}
.section2 .t1{width: 193px;height: 121px;margin: 106px auto 28px;}
.section2 .des{ text-align: center;line-height: 1.7;color: #fff;}
.section2 .xlg-btn{ margin: 48px auto 0;background: #00a0e9;}


/*祥龙美景*/
.section3 {position: relative;overflow: hidden;height: 314px;margin: 120px 0;}
.section3 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 258px;background: #f4f4f4;z-index: 1;}
.section3 .main{ position: relative;z-index: 2;clear: both;}
.section3 .l-box{ width: 110px;float: left;}
.section3 .r-box{ width: 1181px;float: left;margin-right: -30px;}
.section3 .l-box .t1{ font-size: 18px;padding-top: 110px;}
.section3 .l-box .t2{ font-size: 12px;}
.section3 .layui-carousel,.section3 .layui-carousel .layui-row{ background: transparent;}
.section3 .r-box .item{ width: 369px;display: block;}
.section3 .r-box .item .img{ width: 369px;height: 258px;background-size: cover;}
.section3 .r-box .item .tit{ height: 56px;line-height: 56px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 10px;color: #000;}
.section3 .r-box .item .btn{ width: 60px;height: 56px;background: #9d9483;text-align: center;float: right;}
.section3 .r-box .item i{ margin: 18px auto 0;}

.section3 .layui-carousel .layui-carousel-arrow{ top: 120px;left: 0;width: 25px;height: 55px;border-radius: 0;background: rgba(0,0,0,0.7);}
.section3 .layui-carousel .layui-carousel-arrow[lay-type=add]{ right: 25px;}


/*新闻*/
.section4{ margin: 120px 0;}
.section4 .item{ width: 350px;}
.section4 .item .t1{ color: #000;font-size: 18px;margin-top: -2px;display: block;}
.section4 .item .t2{ color: #737373;font-size: 12px;line-height: 1.7;margin-top: 12px;}
.section4 .item .time{ position: relative;width: 68px;height: 68px;margin-right: 40px;background: url("../img/line.png") 0 0 no-repeat;}
.section4 .item .p1{ position: absolute;left: 0;top: 0;color: #737373;line-height: 1;}
.section4 .item .p2{ position: absolute;right: 0;bottom: 0;font-size: 30px;color: #000;line-height: 20px;}
.section4 .item .m{ font-size: 24px;}
.section4 .item .s{ font-size: 11px;}



/*底部*/
.footer .footer-tools{ height: 200px;background: url("../img/bg-footer.jpg") center repeat-x;}
.footer .footer-tools .main{ height: 200px;}
.footer .t1{ font-size: 16px;color: #fff;margin-bottom: 10px;line-height: 10px;}
.footer .t2{ font-size: 12px;color: #fff;}
.footer .xlg-icon-20{ margin-right: 18px;}
.footer .xlg-icon-21{ margin: 0 12px 0 64px;}
.footer .log{ position: absolute;left: 50%;top: 0;bottom: 0;background: url("../img/logo-footer.png") center no-repeat;width: 86px;margin-left: -43px;}
.footer .flex1{ text-align: right;}
.footer .flex1 a{ margin-left: 20px;}
.footer .copyright{ text-align: center;font-size: 12px;line-height: 2;color: #000;margin: 12px auto 20px;font-weight: 100;text-transform: uppercase;}
.footer .copyright a{ color: #000;}
.footer .copyright a:hover{ color: #066f7c;}

.breadcrumb{height: 50px;line-height: 50px;margin-bottom: 100px;border-bottom: 1px solid #c1c1c1;}
.breadcrumb span,
.breadcrumb a{color: #625e56;font-size: 14px;margin: 0 8px;}

/*页面-景区风光*/
.inner-banner{ height: 498px;background: center no-repeat;background-size: cover;}
.mj-list .item{ margin-bottom: 150px;}
.mj-list .mj-txt{ padding-left: 85px;}
.mj-list .mj-info{ line-height: 24px;color: #000;text-align: justify;}
.mj-list .tit-img{ margin: 46px 0 22px;}
.mj-list .xlg-btn{ margin-top: 70px;}


.pic-list-carousel{ padding: 50px 0;background: #f4f4f4;margin-bottom: 204px;}
.pic-list-carousel .item,.pic-list-carousel .layui-carousel{background: transparent;}
.pic-list-carousel .layui-carousel .layui-carousel-arrow{ top: 120px;left: 0;width: 25px;height: 55px;border-radius: 0;background: rgba(0,0,0,0.7);}
.pic-list-carousel .layui-carousel .layui-carousel-arrow[lay-type=add]{ right: 0;}



/*页面-新闻*/
.news-list{ overflow: hidden;margin-right: -40px;}
.news-list .item{ width: 394px;float: left;margin-right: 40px;margin-bottom: 100px;}
.news-list .bg{ width: 394px;height:245px;background-size: cover;background: center no-repeat; margin-bottom: 36px;}
.news-list .time{ font-family: Arial;margin-bottom: 7px;}
.news-list .tit{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;margin-bottom: 10px;}
.news-list .des{ font-size: 12px;color: #737373;line-height: 1.7;height: 40px;overflow: hidden;}
.news-list .time{}

.news-detail{ margin-bottom: 100px;margin-top: -38px;}
.news-detail .news-tools{ margin-bottom: 5px;}
.news-detail .news-tools a{ margin-right: 8px;cursor: pointer;}
.news-detail .title{ font-size: 30px;margin-bottom: 7px;}
.news-detail .time{ margin-bottom: 40px;}
.news-detail .news-content { font-size: 14px;line-height: 20px;color: #000;text-align: justify;}
.news-detail .news-content p{ margin-bottom: 20px;}
.news-detail .news-content img{ display: block;max-width: 100%;}

/*一行*/
.line1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
/*两行*/
.line2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}


/*预订相关*/
.book-card-box{ overflow: hidden;margin-bottom: 100px;}
.book-card-box .layui-col-md4{ width: 285px;margin-right: 42px;}
.book-card-box .layui-col-md4:nth-child(3n){ margin-right: 0;}
.book-card-box .book-card-list{ padding-left: 10px;}
.ticket-tag{ margin-right: 31px;}
.ticket-tag,.ticket-card{ position: relative;width: 285px;height: 365px;overflow: hidden;background: #999;margin-bottom: 50px;}
.ticket-tag .bg{ position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;background: center no-repeat;}
.ticket-tag .info{ position: relative;z-index: 2;}
.ticket-tag .t1{ font-size: 24px;margin-top: 267px;margin-left: 24px;color: #fff;}
.ticket-tag .t2{ font-size: 30px;margin-left: 24px;color: #fff;}

.ticket-card{ background: top center no-repeat #fff;display: block;}
.ticket-card .code{ position: absolute;left: 0;right: 0;top: 0;padding-left: 28px;padding-top: 103px;height: 130px;z-index: 1;}
.ticket-card .info{ position: absolute;left: 0;right: 0;bottom: 0;background: url("../img/ticket2.png") bottom center repeat #fff;height: 100px;padding: 31px 26px 0 30px;z-index: 1;color: #fff;}
.ticket-card .line{ position: absolute;left: 0;right: 0;bottom: 130px;background: url("../img/ticket-line.png") center repeat; height: 4px;z-index: 2;}

.ticket-card .info { }
.ticket-card .info .t1{ margin: 0;font-size: 48px; font-family: Bahnschrift;line-height: 1;}
.ticket-card .info .t1 small{ font-size: 18px; font-family: Arial;}
.ticket-card .info .t2{ margin: 0;font-size: 16px;}
.ticket-card .info .btn{ margin-top: 10px;border:1px solid #fff;width: 110px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;transition: all 0.3s;}
.ticket-card .info .btn .txt{ font-size: 18px;}
.ticket-card .info .btn .layui-icon{ font-size: 18px;}

.ticket-card .info .btn:hover{ background: rgba(255,255,255,0.1);}

.card-info { border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;}
.card-info .title{ font-size: 24px;line-height: 30px;color: #008694;}
.card-info .des{ font-size: 12px;margin-top: 6px;}
.card-info .price{ margin-top: 32px;font-size: 48px;font-family: Bahnschrift;color: #008896;}
.card-info .price small{ font-size: 16px;color: #000;margin-left: 4px;}


.shop-info .l-box{ width: 608px;}
.shop-info .r-box{ width: 330px;}

.shop_info_form .form-group{ margin-bottom: 22px;clear: both;}
.shop_info_form .input-group{ overflow: hidden;}
.shop_info_form label{ font-size: 14px;margin-bottom: 10px;display: block;}

.shop_info_form .btn_input button { float: left;margin: 3px 6px 3px 0;height: 30px;line-height: 28px;width: 100px;color: #555;border: 1px solid #e5e5e5;background: transparent;font-size: 14px;font-family: Arial;cursor: pointer;}
.shop_info_form .btn_input button.hover,
.shop_info_form .btn_input button:hover{ border-color: #b79d63;}
.shop_info_form .btn_input button.disabled{opacity: 0.8;background: #eee;border-color: #eee;cursor: not-allowed;}

.shop_info_form  .h{ display: none;}
.shop_info_form .btn_counter .input-group-addon,
.shop_info_form .btn_counter input{ font-family: Arial;font-size: 14px;width: 28px;height: 28px;text-align: center;line-height: 26px;border:1px solid #e5e5e5;display: inline-block;cursor: pointer;vertical-align: top;}
.shop_info_form .btn_counter .input-group-addon:hover{ border-color: #b79d63;}
.shop_info_form .btn_counter .input-group-addon.disabled{opacity: 0.8;background: #eee;border-color: #eee;cursor: not-allowed;}
.shop_info_form .btn_counter input{ width: 48px;}
.shop_info_form .form-control{ width: 178px;height: 28px;padding: 0 10px;line-height: 26px;background: #fff;border:1px solid #e5e5e5;border-radius: 0;}
.shop_info_form .btn_tel input{ float: left;}
.shop_info_form .btn_tel .input-group-addon{ float: left;width: auto;background: #008896;color: #fff;padding: 0 15px;height: 30px;line-height: 30px;margin-left: 6px;cursor: pointer;}
.shop_info_form .btn_tel .input-group-addon.disabled{ cursor: not-allowed;background: #999;}

.shop_info_form .ani_button{ border: 0;cursor: pointer;margin-top: 36px;width: 220px;}
.shop_info_form .ani_button.disabled{ opacity: 0.8;background: #999;cursor: not-allowed;}

.shop-info-tip{ line-height: 24px;}
.shop-info-tip .tip-tit{ font-size: 16px;}
.icon-tip{ margin: 0 10px 0 -26px;width: 16px;height: 16px;display: inline-block;vertical-align: -2px;}
.shop-info-tip h3{ font-family: Bahnschrift;font-size: 24px;color: #5d5d5d;margin-top: 24px;}
.shop-info-tip small{ font-size: 12px;}

.card-info-more{margin-top: 40px;}
.card-info-more p{ font-size: 14px;line-height: 1.7;margin-bottom: 10px;}
.card-info-more .video-js{ width: 939px;height: 514px;margin: 50px 0;}

.pay-tip{ font-size: 14px;margin: 20px 0 10px;}
.pay-tip .icon-tip{ margin-left: 0;}


.shop_pay  .panel .panel-body{ text-align: center; padding: 50px 0;border: 1px solid #e5e5e5;margin-bottom: 60px;}
.shop_pay  .panel p{margin-top: 10px;}
.shop_pay  .panel p a{ color: #008896;}

.order-table a{ color: #b79d63; font-size: 14px;}
.order-table a:hover{ color: #008896;}



.sm-body { margin:0 auto; width: 1266px;box-sizing: border-box;padding-left: 260px;}
.sm-body .main{  width: 1006px;}
.sm-body .inner-banner{ display: none;}