@import url('https://fonts.googleapis.com/css?family=Passion+One|Candal|Anton|Lato:300i,400,600');

/*@import url('https://www.font.im');*/

:root{
    --background-color: #c44216;
    --background-color-minor: #fa9200;
    --background-color-hover:#c44216;
    --color-primary:#333;
    --color-primary-hover:#D50004;
    --color-gray: #999;
    --border-background-color:#ecf5ff;
}


html,body,h1,h2,h3,h4,h5,p,ul,li,a,dl,dt,dd{font-family: 'Open Sans', sans-serif,Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 16px;margin: 0;padding: 0;color: #000;line-height: 26px}
h1,h2,.inquiry-box h5,.flexslider h3{font-family:"Candal", sans-serif,Arial, "Helvetica Neue", Helvetica, sans-serif;}
ul,li,dl,dt,dd{list-style: none;}
a,a:hover{text-decoration: none;}
/*a:visited{color: #000}*/
.sidebar a:visited{color: #fff}
a:focus,a:link,a:active,a:visited{text-decoration:none;border: none;}
*:focus,
*:active:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.fl{float:left;}
.fr{float:right;}
.clear{ clear: both}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,input:focus{outline: none; box-shadow: none;}

::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#F0F0F0}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:6px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}


img{
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering: -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

/*公共*/
.gray{background-color: #f7f7f7;}
.btn-link{border-radius:36px;border: 1px solid #fff;display: inline-block;line-height: 36px;}
.btn-link.black{border-color: #333}
.btn-view{border-radius: 36px;border: 1px solid #ddd;display: inline-block;line-height: 36px;padding: 0 20px;transition:all ease .5s;}
.btn-view:hover{color: #fff;background-color: var(--background-color)}
.btn-more{border-radius: 40px;border: 1px solid #ddd;display: inline-block;line-height: 40px;padding: 0 20px;transition:all ease .5s;font-size: 16px;border-color: var(--background-color);background-color: var(--background-color)}
.btn-more,.btn-more:visited{color: #fff}
.btn-more:hover{color: #fff;background-color: var(--background-color)}
.btn-green,.btn-primary,.btn-primary:active,.btn-primary:focus{border-radius: 36px;background-color:var(--background-color);color: #fff;display: inline-block;line-height: 36px;padding: 0 20px;transition:all ease .5s;}
.btn-primary,.btn-primary:hover{border-color: var(--background-color)}
.btn-green:hover,.btn-primary:hover{color: #fff!important;background-color: var(--background-color-minor)}
a:focus{text-decoration: none}
.breadcrumb a:hover,a:hover{color: var(--background-color)}

.btn-green.big,.btn-lg{line-height: 42px;border-radius: 42px;font-size: 18px!important;padding:0 30px}
.btn-green:visited{color: #fff}
.price{color: #cc0000;}

.btn-more-box{padding:30px 0px;text-align: center;}

.scale-img a{display: block;overflow: hidden;}
img.scale-img,.scale-img img{-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    /*will-change: transform;*/
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*-webkit-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img.scale-img:hover,.scale-img a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.filter img{filter: brightness(.6);}
.mask-box{position: relative;}
/* .mask-box:after{content: '';position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: linear-gradient(180deg,rgba(3,7,20,0) 0%,rgba(2,6,19,.9) 100%);pointer-events: none;} */
.grid ul{display:grid;gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
}
.grid ul li img{width: 100%;height: 240px}

.mask-img .mask-item{position: relative}
.mask-img .mask-item .text{position: absolute;width: 100%;color: #fff;padding: 15px;bottom: 0;left: 0;right: 0}
.mask-img .mask-item .text *{color: #fff}


.gradient-bg{background-image: linear-gradient(120deg,#b20005 0,#c12529 35%,#f78900 100%)!important;color: #fff!important;transition: all ease-in-out .5s}
.gradient-bg:hover{background-image: linear-gradient(0deg,#fa9200 0,#fa9200 100%,#fa9200) !important;}
.btn-radius{border-radius: 40px !important}

.gray{background-color: #f7f7f7;}
.triangle{position: relative}
.triangle:before{content: '';width: 0;height: 0;border-left: 30px solid transparent ;border-right: 30px solid transparent;border-top:  30px solid #f7f7f7;position: absolute;top: 0;left: 50%;margin-left: -15px;}
.gray.triangle:before{content: '';width: 0;height: 0;border-left: 30px solid transparent ;border-right: 30px solid transparent;border-top:  30px solid #fff;position: absolute;top: 0;left: 50%;margin-left: -30px;}

.index-guide-box .mask-box-txt h2{font-size: 18px}
.guide-list .item-box:nth-child(3n+1){clear:left;}
.guide-list{display: flex;padding: 0;flex-wrap: wrap;}
.guide-list img{flex: 1;object-fit: cover; border-radius: 5px; width: 100%;max-width: 100%;height: 250px}
.guide-list li{margin-bottom: 15px}
.guide-list li.item-box{width: calc((100% - 30px)/3);margin-right: 15px}
.guide-list li:nth-child(3n){clear:left;margin-right: 0}


.days {border: 1px solid #cecece;line-height: 22px;font-size: 14px; padding: 0 5px;}

/*.page-content ul li,.tourbox-c ul li,ul.dian-list li{background-image: url('../images/ico.png');background-repeat: no-repeat;}*/
.page-content ul li,.tourbox-c ul li,ul.dian-list li{padding-left: 30px;position: relative}
.page-content ul li:before,.tourbox-c ul li:before,ul.dian-list li:before{content: '';display: inline-block;width: 8px;height: 8px;background-color: #d1d1d1;border-radius: 8px;position: absolute;left: 10px;top:10px;}
.page-content h3,.page-content h2,.page-content h1{font-weight: 400;font-size: 24px;padding-bottom: 10px}
.page-content p{margin-bottom: 15px;}
.page-content .desc img{max-width:100%!important}
.page-content .desc a{text-decoration: underline!important;}
.page-content .desc a:hover{text-decoration: none!important;}
.page-content li p{margin-bottom: 0;}

.page-content .photo ul li:before{display: none}
.top-desc ul{display: inline-block;}

@font-face{font-family:"antfont";  /* Project id 735649 */src:url('../font/iconfont.woff2?t=1774024031685') format('woff2'),url('../font/iconfont.woff?t=1774024031685') format('woff'),url('../font/iconfont.ttf?t=1774024031685') format('truetype'),url('../font/iconfont.svg?t=1774024031685#antfont') format('svg');}
.antfont{font-family:"antfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ant-xlsx1:before{content:"\e6b2";}
.ant-XLSX:before{content:"\e678";}
.ant-w_wenjianjia-:before{content:"\e677";}
.ant-xlsx2:before{content:"\e621";}
.ant-WPS:before{content:"\e631";}
.ant-xlsx3:before{content:"\e636";}
.ant-xlsx4:before{content:"\e890";}
.ant-wenjianjia:before{content:"\e6df";}
.ant-Pdf:before{content:"\e733";}
.ant-pdfwenjian:before{content:"\e630";}
.ant-xlsx:before{content:"\e679";}
.ant-zip:before{content:"\e63e";}
.ant-PDF2:before{content:"\e715";}
.ant-yijianfankui:before{content:"\e62c";}
.ant-zip1:before{content:"\e62d";}
.ant-PDF3:before{content:"\e62f";}
.ant-zip2:before{content:"\e757";}
.ant-pdf13:before{content:"\e62a";}
.ant-shangchuan:before{content:"\e62b";}
.ant-xiazai2:before{content:"\e627";}
.ant-shanchu:before{content:"\e628";}
.ant-shangchuantupian:before{content:"\e629";}
.ant-excel:before{content:"\e617";}
.ant-excel1:before{content:"\e8a6";}
.ant-ppt2:before{content:"\e618";}
.ant-pdf:before{content:"\e652";}
.ant-PDF:before{content:"\e6c3";}
.ant-ppt1:before{content:"\e6c4";}
.ant-WORD:before{content:"\e641";}
.ant-PPT:before{content:"\e649";}
.ant-excel2:before{content:"\e619";}
.ant-excel-ext:before{content:"\e620";}
.ant-word:before{content:"\e716";}
.ant-word1:before{content:"\e805";}
.ant-PDF1:before{content:"\e626";}
.ant-jiazai:before{content:"\e699";}
.ant-fl-renminbi:before{content:"\e635";}
.ant-zhuye:before{content:"\e614";}
.ant-icon3:before{content:"\e67f";}
.ant-zuanshi:before{content:"\e634";}
.ant-erweima:before{content:"\e742";}
.ant-vip:before{content:"\e647";}
.ant-VIP:before{content:"\e68e";}
.ant-shuju:before{content:"\e70c";}
.ant-gantanhao:before{content:"\e710";}
.ant-anquanzhuye:before{content:"\e64f";}
.ant-ai-out:before{content:"\e644";}
.ant-xinlangweibo:before{content:"\e66e";}
.ant-xiazai:before{content:"\e624";}
.ant-xiazai1:before{content:"\e611";}
.ant-youtube1:before{content:"\e60e";}
.ant-banxing:before{content:"\e60d";}
.ant-youxiang:before{content:"\e672";}
.ant-linkedin:before{content:"\e697";}
.ant-dianhua:before{content:"\e632";}
.ant-daohang:before{content:"\e640";}
.ant-shijian:before{content:"\e610";}
.ant-laji:before{content:"\e690";}
.ant-shouji01:before{content:"\e623";}
.ant-pc:before{content:"\e665";}
.ant-jia:before{content:"\e6fe";}
.ant-jian:before{content:"\e62e";}
.ant-cuowu1:before{content:"\e637";}
.ant-cuowu2:before{content:"\ecf0";}
.ant-check:before{content:"\e686";}
.ant-xiazai3:before{content:"\e604";}
.ant-gouwu:before{content:"\e68c";}
.ant-weibiaoti46:before{content:"\e63c";}
.ant-icon:before{content:"\e66c";}
.ant-diannaoshouji01:before{content:"\e674";}
.ant-sudu:before{content:"\e61d";}
.ant-tuandui:before{content:"\e655";}
.ant-Google:before{content:"\e616";}
.ant-jiemiansheji:before{content:"\e602";}
.ant-widget:before{content:"\e613";}
.ant-gou:before{content:"\e650";}
.ant-gou1:before{content:"\e6b0";}
.ant-haiba:before{content:"\e60b";}
.ant-whatsapp1:before{content:"\e6b5";}
.ant-whatsapp:before{content:"\ea07";}
.ant-xingxing1:before{content:"\e646";}
.ant-jiantouright:before{content:"\e603";}
.ant-in:before{content:"\e61f";}
.ant-map:before{content:"\e60f";}
.ant-down:before{content:"\e600";}
.ant-top:before{content:"\e601";}
.ant-jiaotong:before{content:"\e60c";}
.ant-fanhui1:before{content:"\e669";}
.ant-dollar:before{content:"\e6c8";}
.ant-meiyuan:before{content:"\eb1a";}
.ant-qingdan:before{content:"\e615";}
.ant-zhusuxinxi:before{content:"\e63d";}
.ant-canju:before{content:"\e61c";}
.ant-tupian:before{content:"\e64a";}
.ant-view:before{content:"\e689";}
.ant-hangcheng:before{content:"\e8a1";}
.ant-cuowu:before{content:"\e605";}
.ant-iconforbidden:before{content:"\e609";}
.ant-xingxing:before{content:"\e642";}
.ant-sanjiao:before{content:"\e65a";}
.ant-gouhao1:before{content:"\e656";}
.ant-google-plus:before{content:"\e63a";}
.ant-google:before{content:"\e645";}
.ant-twitter:before{content:"\e872";}
.ant-pinterest:before{content:"\e6e1";}
.ant-youtube:before{content:"\e744";}
.ant-facebook:before{content:"\e725";}
.ant-instagram:before{content:"\e608";}
.ant-iphone:before{content:"\e638";}
.ant-dianzan:before{content:"\e612";}
.ant-time:before{content:"\e6be";}
.ant-youjiantou:before{content:"\e658";}
.ant-email:before{content:"\e60a";}
.ant-dian:before{content:"\ec1e";}
.ant-user:before{content:"\e643";}
.ant-fanhui:before{content:"\e63b";}
.ant-caidan:before{content:"\e606";}
.ant-ditu:before{content:"\e648";}
.ant-pinglun:before{content:"\e727";}
.ant-sousuo:before{content:"\e651";}
.ant-xin:before{content:"\e61a";}
.ant-chakan:before{content:"\e6d5";}
.ant-gouxuan:before{content:"\e61b";}
.ant-gouhao:before{content:"\e633";}
.ant-guanbi:before{content:"\e676";}
.ant-right:before{content:"\e625";}
.ant-guanbi1:before{content:"\e654";}
.ant-tel:before{content:"\e622";}
.ant-qq:before{content:"\e607";}
.ant-wechat:before{content:"\e6f2";}
.ant-fuwu:before{content:"\e6e4";}
.ant-code:before{content:"\e61e";}
.ant-xiangshang:before{content:"\e639";}



.gotop{width:40px;height:40px;position:relative;text-align:center;display:block;cursor:pointer;border-radius:50%;background:rgba(51,51,51,.9);box-shadow:0 0 8px 0 rgba(0,0,0,.2);transition:all .3s ease-out;position: fixed;right: 10px;bottom: 50px;z-index: 5;}
.gotop:before{content:"\e639";font-family:"antfont"!important;color: #fff;line-height: 40px;}
.gotop:hover{ background:#222;}



/*position: absolute;top:0;left: 0;right: 0;z-index: 9;*/
.head-top{height: 36px;background-image: linear-gradient(120deg,#b20005 0,#c12529 35%,#f78900 100%)!important;color: #fff!important;overflow: hidden;}
.head-top p{color: #fff;line-height: 36px}
.head-top .contact-ico{float: right;margin-left: 30px}
.head-top .contact-ico li{float: left;line-height: 36px;margin-left: 20px;color: #fff;font-size: 14px}
.head-top .contact-ico a{color: #fff;line-height: 36px;font-size: 16px;text-shadow: 1px 1px 2px #000}
.contact-ico i{color: #fff;margin-right: 10px;font-size: 16px;}


.searchbox{float: right;position: relative;height: 50px;padding-top: 20px}
.searchbox input{border-top-left-radius: 40px;border-bottom-left-radius: 40px;display: inline-block;width: 200px;float: left;}
.searchbox .btn{border-bottom-right-radius: 40px;border-top-right-radius: 40px;display: inline-block;float: left;background-color: var(--background-color);border-color: var(--background-color)}
.searchbox .btn:hover{background-color: var(--background-color-hover)}

.navbox{background-color: #fff;border-bottom: 1px solid #ddd}
.navbox.fixed{box-shadow:0 0 28px 0 rgba(0,0,0,.3);transition: background ease-out .5s;position: fixed;top:0;left: 0;right: 0;z-index: 9}
.fixed-reserve{height: 65px}
/*.nobanner .page-box{margin-top: 80px}*/
/*.head-top{background-color: rgba(255,255,255,.5);}
.nav{background-color: rgba(255,255,255,.3);}*/

.navbox .container{position: relative;}
.navbox .logo{float: left;}

.navpan{height: 64px;float: right;}
.navpan > li{display: inline-block;line-height: 67px;position: relative;}
.navpan > li a{font-weight: 400;transition: background-color ease-out .5s;display: block;line-height: 64px;padding: 0 12px;color: #333;}
.navpan > li a:hover{color: var(--background-color)}
.navbox.fixed .navpan li>a{color: #333;}
.navbox.fixed .navpan li.drop-down ul li a{color: #333}
.navbox.fixed .navpan li.drop-down ul li a:hover{color: #fff}
.navpan li.drop-down{background-position: right 34px;}
.navpan li.drop-down > ul{position: absolute;top:64px;background-color: #fff;border-radius: 4px;float: none;height: auto;display: none;box-shadow: 0 4px 12px 0 rgba(0,0,0,.6);
    /*border-top: 2px solid var(--background-color); left: -60px;*/ left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.navpan li.drop-down > ul.small{width: 150px;}
.navpan li.drop-down > ul:after{content: '';position: absolute;top:-7px;left:50%;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #fff;margin-left: -4px}
.navpan li.drop-down > ul > li{display: block;float: none;line-height: 40px;padding: 0;margin: 0;border-bottom: 1px solid #eee;}
.navpan li.drop-down > ul > li:last-child{border-bottom: none;}
.navpan li.drop-down > ul > li a{line-height: 40px;text-shadow: none;color: #333;padding: 0 15px;text-align: left;white-space: nowrap}
.navpan li.drop-down > ul > li a:hover{background-color:var(--background-color);color: #fff}
.navpan li.drop-down:hover > ul,.navpan li.drop-down:hover .super-wide{display: block;}

.navpan li.drop-down ul.big{width: 420px;}
.navpan li.drop-down ul.big > li{width: 50%;float: left;}
.navpan li.drop-down ul.big{width: 420px;}
.navpan li.drop-down ul.big > li{width: 50%;float: left;}
/* .navpan li.drop-down ul.big:after{left: 115px} */

.navpan li.drop-down ul.super-big{width: 980px;}
.navpan li.drop-down ul.super-big > li{width: 33.33%;float: left;}
.navpan li.drop-down:before{content: "\e65a";font-family: 'antfont';color: #333;position: absolute;right: 0px;top:0;display: inline-block;width: 10px;height: 10px;font-size: 16px}
.navpan li.drop-down:hover:before,.navpan li.drop-down:hover a{color: var(--background-color)}
.navpan li.drop-down ul > li a{color: #333}
.navpan li.drop-down ul > li a:hover{color: #fff}

.navbox.fixed ul>li a:hover,.nobanner .navbox ul>li a:hover{color: #333}
/*.navbox.fixed ul>li a:hover{background-color: var(--background-color)}*/
.navpan li a.btn-link{line-height: 36px;margin-left: 10px;background-color: var(--background-color);color: #fff}
.navpan li a.btn-link:hover{background-color: var(--background-color-minor);color: #fff;text-decoration: none;}
/*.navbox.fixed a.btn-link,.nobanner .navbox a.btn-link{border-color: #fff}*/
.navbox a.btn-link:hover,.navbox.fixed a.btn-link:hover,.nobanner .navbox a.btn-link:hover{color: #fff;background-color: var(--background-color-minor)}
.navbox.fixed .navpan li>a.btn-link{color: #fff}

.navpan li a.btn-link.gradient-bg{transition: all ease-in-out .5s}
.navpan li a.btn-link.gradient-bg:hover{background-image: linear-gradient(0deg,#fa9200 0,#fa9200 100%,#fa9200) !important;}

.navbox .super-wide{position: absolute;top: 68px;background-color: #fff; border-radius: 4px; height: auto; display: none; box-shadow: 0 4px 12px 0 rgba(0,0,0,.6);padding: 10px 0;
    /*left: -280px;width: 870px;*/
    transform: translateX(-50%); white-space: nowrap; /* 防止文字换行 */
}
.navbox .super-wide dt{font-weight: 600;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd}
.navbox .super-wide dd a,.navbox .super-wide dd a{color: #333;line-height: 26px}
.navbox ul li .super-wide dd a:hover{color:#fff;background-color:var(--background-color);}
.navpan .super-wide:after{content: '';position: absolute;top:-7px;left:50%;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #fff;margin-left: -104px}
.navbox ul li .super-wide dd{display: flex;flex-direction: column;flex-wrap:wrap;height: 120px}

.navbox.fixed ul>li .super-wide dd a:hover{color: #fff;}

.menu-box{padding-bottom: 20px;overflow: hidden;padding-left: 10px}
.navbox li h3{padding-left: 20px;font-weight: bold;line-height: 36px;padding-top: 10px}


.main-top{padding-top: 30px;padding-bottom: 30px;}
.main-top h1{font-size: 30px;margin-bottom: 15px;}
.main-top .desc{font-family: 'Century Gothic';color: #7f7f80;}


/*幻灯片*/
#homeSlideshow img{display: block;font-size: 0;}
#homeSlideshow{background:url('../images/loading.gif') no-repeat center center;clear: both;}
#homeSlideshow
.flexslider{position:relative;z-index: 2}
#homeSlideshow .flexsliderul{padding:0;margin:0;}
#homeSlideshow .flexslider ul.flex-direction-nav a{width:50px;height:50px;display:block;background:url('../images/flexslider.png') no-repeat 0 0;position:absolute;top:calc(50% - 4px);cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;z-index:10}
#homeSlideshow .flexslider ul.flex-direction-nav a:focus{outline:0}
#homeSlideshow .flexslider ul.flex-direction-nav .flex-next{background-position:0 0;right:10px}
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev{background-position:0 -50px;left:10px}
#homeSlideshow .flexslider ul.flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
#homeSlideshow .flexslider ul.slides{zoom:1;position:relative}
#homeSlideshow ul.slides a{display: block}
#homeSlideshow .flexslider ul.slides>li{display:none;-webkit-backface-visibility:hidden;position:inherit!important}
#homeSlideshow .flexslider ul.slides img{width:100%;display:block;border-radius:0}
#homeSlideshow .flexslider ul.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#homeSlideshow .flexslider ol{padding:0;margin:0}
#homeSlideshow .flexslider ol.flex-control-nav{position:absolute;width:100%;text-align:center;margin-top:-30px;z-index:1000}
#homeSlideshow .flexslider ol.flex-control-nav>li{margin:0
6px;display:inline-block;zoom:1}
#homeSlideshow .flexslider ol.flex-control-paging>li>a{width:13px;height:13px;display:block;cursor:pointer;text-indent:-9999px;border:2px solid #fff;border-radius:20px}
#homeSlideshow .flexslider ol.flex-control-paging>li>a:hover{background:#fff}
#homeSlideshow .flexslider ol.flex-control-paging>li>a.flex-active{background:#fff;width: 50px}
#homeSlideshow .flexslider:hover .flex-next{opacity:.8;right:5px}
#homeSlideshow .flexslider:hover .flex-next:hover{opacity:1}
#homeSlideshow .flexslider:hover .flex-prev{opacity:.8;left:5px}
#homeSlideshow .flexslider:hover .flex-prev:hover{opacity:1}

#homeSlideshow .adTitle{text-shadow:2px 2px 5px rgba(0, 0, 0, .5);font-weight: bold;}


#homeSlideshow .textBlock{position:absolute;left:0;top:20%;text-align:center;display:block;width:100%;color:#fff;font-size:18px;text-shadow:1px 1px 2px #555;line-height:20px;text-align: left;margin: 0 auto;left: 50%;}
#homeSlideshow .textBlock.textLeft{text-align:left!important}
#homeSlideshow .textBlock.addMargin{top:55%!important}
#homeSlideshow .textBlock .adTitle,#homeSlideshow .textBlock .adText,#homeSlideshow.adText1st{display:block;margin:0 auto;margin-bottom: 20px;font-size: 36px;margin-bottom: 20px;color: #fff;text-align: left}
#homeSlideshow .readMore{border:3px solid #fff;padding:5px 20px 6px;text-align:center;font-size:16px;border-radius:4px;display: inline-block}
#homeSlideshow .readMore a{color:#fff;text-decoration:none}
#homeSlideshow .readMore:hover{box-shadow:inset 0 0 5px #f1f1f1}
#homeSlideshow .readMoreRed{border:3px solid #a31022;padding:5px 20px;text-align:center;font-size:16px;border-radius:4px;background:rgba(163,16,34,.9);float:right;margin:-36px 204px 0 0}
#homeSlideshow .readMoreRed a{color:#fff;text-decoration:none}
#homeSlideshow .readMoreRed:hover{box-shadow:inset 0 0 5px #666}


.box{padding: 30px 0;overflow: hidden}
.big-tit{font-size: 38px;padding:20px 0;}
.desc{font-size: 16px;}
.box-tit{font-size: 30px;padding-bottom: 15px;line-height: 40px;margin-bottom: 20px}
.box .box-tit,.box .desc{text-align: center;}
.big .desc{text-align: left;font-size: 18px;}
.box .desc{margin-bottom: 30px;}

.top-ico-list{margin-bottom: 30px}
.top-ico-list .ico-box{background-color: #f5f5f5;padding: 10px;display: flex;justify-content: flex-start;align-items: flex-start}
.top-ico-list .ico-box .antfont{font-size: 60px;width: 60px;margin: 0 auto;display:block;height: 60px;line-height: 60px;color: #d67311;padding-right: 10px}
.top-ico-list .ico-box p{font-size: 14px;color: #999;padding-left: 10px}



.tour-list .tour-box{background-color: #f7f7f7;overflow: hidden;margin-bottom: 30px;}
.gray .tour-list .tour-box{background-color: #fff}
.tour-list .tour-box img{width: 100%;height: 238px}
.tour-list .tour-info{padding:15px}
.tour-list .tour-box h3{font-size: 16px;font-weight: 600;height: 48px;margin-bottom: 5px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示为3行，超出部分显示省略号 */
  overflow: hidden;
    
}
.tour-list .tour-box h3 a{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示为3行，超出部分显示省略号 */
  overflow: hidden;
}
.tour-list .tour-box .des{color: #999;height: 56px;line-height: 22px;font-size: 14px}
.tour-list .price {float: right;}

.tour-price{overflow: hidden;padding-top:15px;}
.tour-price .price{font-size: 18px;font-weight: 600}
.tour-price .btn-view{float: right;}

.top-list{ overflow: hidden;}
.top-list li{padding-right: 0;padding-left: 0;background-color: #fff;margin-bottom: 30px;border-right: 1px solid #eaeaea}
.top-list li .tour-box{margin-bottom: 0;}
.top-list li:nth-child(3n){border-right: none}

.seven-img .col-md-4{padding-right: 0;padding-left: 14px}
.seven-img a{display: block;position: relative;margin-bottom: 14px;overflow: hidden;zoom: 1;}
.seven-img a:before{content: '';position: absolute;bottom: 0;left:0;top:0;display: block;width: 100%;opacity: 0.85;z-index: 1;
    -webkit-box-shadow: 0 -86px 92px -35px #000 inset;
    /*box-shadow: 0 -106px 92px -35px #000 inset;*/
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.seven-img a:hover:before{
    -webkit-box-shadow: 0 -275px 92px -35px rgba(0,0,0,.5) inset;
    /*box-shadow: 0 -375px 92px -35px rgba(0,0,0,.5) inset;*/
}
.seven-img img{display: block;width: 100%}
.seven-img span{color: #fff;line-height: 30px;display: inline-block;padding: 0 20px;position: absolute;left: 0;bottom: 20px;font-size: 18px;font-weight: 600;z-index: 2}

.inquiry-bg{background:url(../images/inquriy-bg.jpg) center center no-repeat;height: 584px;position: relative;}
.inquiry-bg:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.65);}
.inquiry-bg .inquiry-txt{padding-top: 90px;padding-right: 90px}
.inquiry-bg .inquiry-txt h3{color: #fff;font-size: 30px;margin-bottom: 15px;}
.inquiry-bg .inquiry-txt p{font-size: 16px;color: #fff}

.inquiry-box{background-color: #fff;border-radius: 4px;padding: 20px;margin-top: 40px;float: right;}
.form-group{position: relative;}
.inquiry-box h5{color: var(--background-color);font-size: 30px;font-weight: 600;text-align: center;padding-bottom: 10px}
.inquiry-box input.form-control{padding-left: 40px}
.inquiry-box .form-control,.inquiry-box .inquiry-btn{line-height: 40px;height: 40px}
.inquiry-box textarea.form-control{height: 80px;line-height: 22px;}
.inquiry-box .inquiry-btn{padding: 0;font-size: 18px;background-color: var(--background-color);border-color: var(--background-color)}
.inquiry-box .inquiry-btn:hover{background-color: var(--background-color-minor)}
.form-group .antfont{position: absolute;left: 10px;line-height: 40px;color: var(--background-color);font-size: 20px;}

.blog-list h3{padding: 15px 0}
.blog-list h3 a{font-size: 18px;}
.blog-list .date{color: #999;font-size: 16px;}
.blog-list img{width:100%;max-width:100%;height:180px}

.footer{background-color: #434a54}
.footer .footer-txt{padding: 30px 0 10px;}
.footer .footer-txt,.footer .footer-txt *{color: #b1b1b1;}
.footer .footer-txt h5{font-size: 24px;font-weight: 600;color: #fff;margin-bottom: 15px;}
.footer-txt ul li a:hover{color: var(--background-color)}
.footer .footer-txt p{margin-bottom: 5px;}
.footer .copy-right{height: 60px;line-height: 60px;border-top: 1px solid #353b42;overflow: hidden;zoom: 1;}
.footer .copy-right,.footer .copy-right *{color: #b1b1b1;line-height: 60px;text-align: center}
.footer img{max-width:100%}
.follow a{margin-right: 15px;font-size: 24px;}
.footer .copy-right a:hover{color: var(--background-color-hover)}

.service-list h5{font-size: 18px;text-align: left;line-height: 36px}
.service-list .img-box,.img-box img{text-align: center;}
.service-list ul li{color: #999}
.service-list i{background-image: url("../images/ico.png");width: 38px;height: 38px;display: inline-block;vertical-align: middle;}
.service-list i.ico1{background-position: 0 -116px;}
.service-list i.ico2{background-position: 0 -178px;}
.service-list i.ico3{background-position: 0 -231px;}
.service-list i.ico4{background-position: 0 -301px;}

.gou-list{padding-top: 20px;}
.gou-list li{color: #fff;font-size: 18px;line-height: 30px}
.gou-list li:before{content: "\e633";color: #fff;font-family:"antfont"!important;font-size:18px;margin-right: 10px;color: #319a64}


/*线路列表*/
.banner{position: relative;text-align:center;}
.banner .banner-title:before{content:'';position: absolute;left: 0;right: 0;bottom: 0;height: 80px;box-shadow: 0 -80px 32px -30px #000 inset; opacity: 0.55;}
.banner img{min-width: 1280px;max-width: 100%;text-align:center;width:100%}
.banner .banner-title{position:absolute;left: 0;right: 0;bottom: 10px;}
.banner .banner-title h1,.banner .banner-title h2{color: #fff;text-shadow: 0 0 10px #000;font-size: 36px;line-height: 1.2;font-weight: 600;text-align: left;}
.banner .banner-title .des{text-align: left;color: #fff;font-size: 18px;text-shadow: 0 0 2px #000;}


#homeSlideshow:after{z-index: 2}
.banner img{min-width: 1280px;max-width: 100%;}
.banner .banner-title{position:absolute;left: 0;right: 0;bottom: 10px;z-index: 3}
.banner .banner-title h1{color: #fff;text-shadow: 0 0 10px #000;font-size: 36px;line-height: 1.2;font-weight: 600;text-align: left;}
.banner-info{background-color: #EDEDED;padding: 15px 0;margin-bottom: 30px;}
.banner .banner-title .des{text-align: left;color: #fff;font-size: 18px;text-shadow: 0 0 2px #000;}

.banner-info strong{font-weight: 400;padding-bottom: 10px;display: block;}
.banner-info .tour-day,.banner-info .tour-price{font-size: 32px;}
.banner-info .tour-price{color: #cc0000;padding: 0;overflow: inherit;}
.banner-info .tour-price sup{color: #333;font-size: 16px;top: -.8em}
.banner-info .rating:after{content: "\e642\e642\e642\e642\e642";font-family: 'antfont';font-size: 24px;color: #F3A730}
.banner-info .rating4:after{content:"\e642\e642\e642\e642\e646";font-size:18px;color:#F3A730;}
.banner-info .rating3:after{content:"\e642\e642\e642\e646\e646";font-size:18px;color:#F3A730;}
.banner-info .rating2:after{content:"\e642\e642\e646\e646\e646";font-size:18px;color:#F3A730;}
.banner-info .rating1:after{content:"\e642\e646\e646\e646\e646";font-size:18px;color:#F3A730;}
.banner-info .btn-green{vertical-align: middle;margin-top: 10px}


/*quick-inquiry*/
.quick-inquiry,#quick-book{background-color:#fff;border-radius:4px;border:1px solid #eee;padding:15px 15px 15px 15px;top:3px;width:100%;position:relative;margin-bottom:10px;}
.quick-inquiry .form-control,#quick-book .form-control{height: 36px;line-height: 36px;margin-bottom: 10px!important;}
#quick-book .form-group{margin-bottom: 0}
.quick-inquiry .quick-tit{font-size: 24px;color: var(--background-color);font-weight: 400;text-align: center;display: block;margin-bottom: 15px}
.quick-inquiry textarea.form-control,#quick-book textarea.form-control{height: 120px;line-height: 24px}
.quick-inquiry .btn,#quick-book .book-btn{line-height: 40px;height: 40px;display: block;color: #fff;padding: 0;text-align: center;width: 100%;font-weight: 400;font-size: 20px;border-radius: 4px;background-color: var(--background-color)}
.quick-inquiry .btn:hover,#quick-book .book-btn:hover{background-color: var(--background-color-hover)}

.quick-inquiry input,#quick-book input{padding-left: 40px}
.quick-inquiry .form-group .antfont,#quick-book.form-group .antfont{position:absolute;left:10px;line-height:40px;font-size:20px;color: var(--background-color)}
.quick-info p{line-height: 20px;font-size: 14px;padding: 10px;}


.contact-box h3{color: #a70000;font-weight: 400;font-size:24px;padding-bottom: 10px}


#quick-book .quick-tit {font-size: 24px;color: var(--background-color);line-height: 30px;font-weight: 400;text-align: center; display: block;margin-bottom: 10px}
.quick-info p {line-height: 20px; font-size: 14px; padding: 10px;}

/*线路详情*/
.bgbox{background-color: #fff;padding: 30px; margin-bottom: 30px;overflow: hidden;}
.affix-box.affix{top:100px;z-index: 2;width: 278px}
.affix-box .nav{margin-bottom: 20px;border-top: 2px solid #319a64;}
.affix-box .nav li{line-height: 30px}
.affix-box .nav li a{font-weight: 600;line-height: 36px;padding: 0;display: block; font-size: 20px;}
.affix-box .nav li.active a{color: #319a64;}
.affix-box .nav li a:hover{background-color: transparent;}
.affix-box .nav li a i{margin-right: 10px;font-size: 16px;}
.affix-box .nav li.active{border-left: 2px solid #319a64;}
.tour-style span{border:1px solid #bfbfbf;border-radius: 4px;margin:0 2px;line-height: 20px;padding: 0 10px;font-size: 12px;display: inline-block;margin-bottom: 2px}

.breadcrumb{background-color: transparent;padding: 15px 0;margin-bottom: 0}
.tour-box-tit{font-size: 32px;line-height: 36px;padding-bottom: 10px}
.tourbox{margin-bottom: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px}

#exclude li,#include li,#note li{margin-bottom: 10px;}
#price table{width: 100%}
#price table,#price table td{border: 1px solid #ddd;border-collapse: collapse}
#price table td{padding: 5px;}
#price table tr:nth-child(1)  td{background-color: var(--background-color);color: #fff;font-weight: 500}
#price tr:nth-of-type(odd) td{background-color: #eee}


.tour-box-tit{font-size:24px;line-height:36px;padding-bottom:10px;}
.tour-box-tit .expand{float: right;font-size: 16px;font-weight: normal;cursor: pointer;}
.tourbox{margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px}
.day-box{padding-bottom: 30px;background: url(../images/cp_xian.png) 5px 0 repeat-y;position: relative;}
.day-box:after{content:'';border-bottom: 1px solid #ddd;display: block;position: absolute;left: 30px;bottom: 15px;right: 0;}
.tourbox .day-box:last-child:after{display: none;}
.day-box .day-tit{font-weight: 400;position: relative;line-height: 22px;color: #000;background: url(../images/cp_ico_qq.png) left 1px no-repeat;padding-left: 20px;
    font-family: "Candal", sans-serif, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
}
.itinerary-header{position: relative;}
.itinerary-header .expand{font-size: 16px;font-weight: normal;cursor: pointer;position: absolute;right: 15px;top: 10px;}
.day-box .day-tit em{font-style: normal;width: 62px;display: inline-block;color: #000;text-align: center;line-height: 22px;;margin-right: 10px;}
/*.day-box .day-tit:after{font-family:"antfont";content: '\e600';width: 24px;height: 24px;border-radius: 20px;border:1px solid #333;cursor: pointer;display: inline-block;line-height: 24px;text-align: center;position: absolute;right: 15px;top: 8px;font-size: 12px;font-weight: normal;}*/
.day-box .antfont{display: inline-block;width: 30px;font-size: 20px;}
.day-box .ant-tupian{position: absolute;left:30px;}
.day-box .day-content,.day-hotel,.day-meal{position: relative;padding-left: 30px}
.day-box .day-content{padding: 20px 0px 20px 30px}
/* .day-slide{border: 1px solid #ddd;border-top: none;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px} */
.day-box .day-content table,.day-box .day-content table td,.day-box .day-content table th{border: 1px solid #ddd;border-collapse: collapse;}
.day-box .day-content table td,.day-box .day-content table th{padding:3px 5px;}
.day-box .day-content table td *{
    white-space: pre-line!important;
    word-break:normal!important;
    word-wrap:break-word!important;
}
.day-box .day-content table tr:nth-child(odd) td{background-color: #f9f9f9!important}

/* 行程折叠展开 */
.day-box .day-tit{display: flex;justify-content: flex-start;align-items: start;flex-wrap: wrap;}
.day-box .day-tit .collapse{width: 24px;height: 24px;text-align: center;font-size: 12px;border-radius: 20px;border:1px solid #333;cursor: pointer;display: inline-block;line-height: 20px;flex-shrink: 0;margin-left: 10px;}
.day-box .day-tit .collapse.closed{transform: rotate(180deg)}
.day-box .day-tit .collapse:after{font-family:"antfont";content: '\e639';text-align: center;}
.day-box .day-tit em{width: 60px;text-align: left;min-width: 60px;flex-shrink: 0;}
.day-box .day-tit .day-title{flex: 1;min-width: 0;word-break: break-word;white-space: normal;line-height: 22px;}

.banner-title  h1,.tour-box-tit,.day-tit,.day-box .day-tit{font-family: "Lato","Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 600}

.day-box .photo{padding-top: 20px;font-size: 0;overflow: hidden;padding-left: 30px}
.day-box .photo ul li{width: 50%;display: inline-block;position: relative;float: left;padding: 0 10px;margin-bottom:15px;background-image: none;height: 219px;}
.day-box .photo ul{margin-right: -10px;margin-left: -10px;}
.day-box .photo ul li a{display: block;position: relative;height: 100%;}
/*.day-box .photo ul li:nth-child(1){margin-right: 2%}*/
.day-box .photo ul li img{border-radius: 0px;width: 100%;border-radius: 6px;width: 100%;height: 100%; object-fit: cover;object-position: center;display: block;}
.day-box .photo ul li p{text-align: center;position: absolute;bottom: 0;width: 100%;text-align: center;color: #fff;font-size: 18px;line-height: 30px;text-shadow: 2px 2px 1px #000;}
.day-box .photo ul li p{position: absolute;left: 0; bottom: 0; right: 0;padding: 10px 10px;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;
}

.day-hotel .star5:after{content: "\e642\e642\e642\e642\e642";font-family: 'antfont';font-size: 16px;color: #F3A730;}
.day-hotel .star4:after{content: "\e642\e642\e642\e642";font-family: 'antfont';font-size: 16px;color: #F3A730;}
.day-hotel .star3:after{content: "\e642\e642\e642";font-family: 'antfont';font-size: 16px;color: #F3A730;}
.day-hotel .star2:after{content: "\e642\e642";font-family: 'antfont';font-size: 16px;color: #F3A730;}


.total_price{color: #c00;font-size: 24px;}

#bookform{padding: 30px}
#bookform *{font-size: 14px;}
#bookform .form-group{overflow: hidden;}
#bookform .form-group i{color: #ff2222}
#bookform .col-xs-3{text-align: right}
#gender{width:80px;position: absolute;left:15px;top:0;}
#fullname{padding-left: 90px}
#bookform.customize .form-group *{font-size: 16px;}
#bookform h3{font-size: 24px;padding-bottom: 15px;}

#bookform label{font-weight: normal;cursor: pointer}
#bookform input[type=checkbox]{background-color: #fff; border: 1px solid #555;position: relative;width: 18px;height: 18px;background-clip: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: -0.15px 0.6px 0 0;vertical-align: text-bottom;
    border-radius: 2px;-webkit-transition: background-color 0.25s;transition: background-color 0.25s;background-color: #fff;border: 1px solid #999;
}
#bookform input[type=checkbox]:checked:after {content: ''; display: block;height: 7px; width: 11px;border: 0 solid #000;border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: 3px;left: 3px;}

#bookform.customize{padding: 0}

.contact-box{border: 1px solid #ddd;padding: 15px;box-shadow: 0 0 6px  #bbb }
.contact-box h3{color: #319a64;font-weight: 400;font-size:24px;padding-bottom: 10px}

.page-box{
    /*padding-top:30px;*/
    padding-bottom: 30px}
.page-title{font-size: 30px;text-align: center;padding-bottom: 15px;line-height: 40px}
.page-content a{color: var(--background-color);text-decoration: underline!important;}
.page-content a:hover{text-decoration: none!important}
.page-content h2,.page-content h3,.page-content h4,.page-content h5{padding-top: 10px}
.page-content img{max-width: 100%!important;}

.leftnav{margin-bottom: 15px}
.leftnav li{border-bottom: 2px solid #fff;background-color: #F9F9F9;padding:8px 10px;line-height: 18px}
.leftnav h3{
    /*border-top: 2px solid #319a64;*/
    font-size: 18px;font-weight: 400;background-color: #E8E8E8;line-height: 40px;padding-left: 10px;border-bottom: 2px solid #fff;}
.leftnav li.current{border-left:2px solid #319a64}
.leftnav li.current a{font-weight: 600;color: #319a64}
.leftnav li a{font-size: 14px;line-height: 18px}


.item-nav{background-color: #fff;margin-bottom: 20px;border: 1px solid #ddd;border-top: 2px solid var(--background-color)}
.item-nav li{border-bottom: 1px solid #eee;padding:8px 12px;line-height: 18px}
.item-nav h3{font-size: 18px;font-weight: bolder;line-height: 40px;padding-left: 10px;border-bottom: 2px solid #fff;color: var(--background-color);background-color: #eee}
.item-nav li.current{border-left:2px solid var(--background-color)}
.item-nav li.current a{font-weight: 600;color: var(--background-color)}
.item-nav li a{font-size: 14px;line-height: 18px}


/*景点列表*/
.att-list li,.photo-list li{margin-bottom: 30px}
.att-list li img{border-radius: 4px;height: 160px;width: 100%}
.att-list span{text-align: center;display: block;line-height: 20px;font-size: 14px;padding-top: 10px}
.att-list li:nth-child(4n+1){clear: left}

.photo-list img{border-radius: 4px;height: 120px;width: 100%}
.photo-list span{text-align: center;display: block;font-size: 14px;line-height:20px;padding-top:10px}
.photo-list li:nth-child(4n+1){clear: left}

/*文章列表*/
.artice-list li{border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;overflow: hidden;zoom: 1}
.artice-list li h3,.artice-list li h3 a{font-size: 24px;}
.artice-list li h3{padding-bottom: 15px}
.artice-list li h3 span{font-size: 16px;color: #999; float: right;}
.artice-list li p{color: #999;}

.img-title-list li{margin-bottom: 30px}
.img-title-list li .img-box{position: relative;}
.img-title-list li .img-box a{display: block}
.img-title-list li .img-box h3{position: absolute;bottom: 0;left:0;right:0;line-height: 36px;text-align: center;text-shadow: 2px 2px 2px #000;color: #fff}
.img-title-list li .img-box img{max-height: 225px;width: 100%;border-radius: 4px}

.team-list li{margin-bottom: 30px;text-align: center;overflow: hidden}
.team-list li img{margin: 0 auto;max-width: 180px;height: 200px}
.team-list h5{text-align: center;font-weight: 400;padding: 10px 0 0;}
.team-list p{ text-align: center;color: #999}

.page-content .photo-list li{background-image: none}

.theme-box{position: relative;margin-bottom: 30px}
.theme-box img{width: 100%;}
.theme-box .txt{position: absolute;left: 0;bottom: 0;right: 0px;padding-top: 10px;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
}
.theme-box .txt h3{padding: 0px 10px;color: #fff;font-weight: bolder;font-size: 20px}
.theme-box .txt p{padding:10px;color: #eee;font-size: 14px;line-height: 20px;min-height: 30px}
.theme-box .title-box{position: absolute;left: 0;right: 0;bottom: 0px;padding:10px 15px;z-index: 9;}
.theme-box .title-box h2{color: #fff;font-weight: 400;font-size: 20px;padding-bottom: 10px}
.theme-box .title-box p{color: #eee;line-height: 24px;min-height: 22px;}

.mask-box-txt{position: absolute;left: 0;bottom: 0;right: 0px;padding: 10px 20px;z-index: 1}
.mask-box-txt h2{color: #fff;font-weight: 400;font-size: 24px;}
.mask-box-txt p{color: #eee;line-height: 36px;min-height: 36px;}

.theme-list .col-md-4:nth-child(3n+1){clear: left;}

/*tools*/
.tools{padding-bottom: 10px}
.tools h4{font-size: 18px;text-align: center;padding-bottom: 10px}
.tools .antfont{font-size: 42px;line-height: 56px;text-align: center;width:80px;height: 80px;border-radius: 100%;border: 2px solid #a31022;padding: 10px;color: #a31022;margin: 10px auto;display: block;}
.tools ul{padding-top: 10px}
.tools li i{margin-right: 5px}
.tools div{text-align: center}
.tools li a{font-size: 14px;line-height: 22px;text-align: center}


.attr-show{overflow: hidden;position: relative;height: 180px}
.attr-show .swiper-slide{position: relative}
.attr-show .swiper-slide a{display: block;}
.attr-show .swiper-slide a img{width: 100%; height: 140px}
.attr-show .img-txt{position: absolute;bottom: 0;left: 0;right:0;color: #fff;padding: 10px;text-align: center;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
}


/*FAQs*/
.faq-box h3{background-color: #eee;padding-left: 10px;line-height: 40px;border: 1px solid #ddd;border-bottom: none}
.faq-box h3 a{font-weight:normal;float: right;margin-right: 10px;line-height: 40px}
.faq-box ul li{border: 1px solid #ddd;padding: 10px 15px;border-bottom: none;font-size: 14px}
.faq-box ul li:last-child{border-bottom: 1px solid #ddd}
/*.faq-box .q-desc{overflow: hidden;transition: all .5s ease}*/
.faq-box .q-desc{display: none;padding: 10px 15px}
.faq-box ul li h5{position: relative;cursor: pointer;font-size: 14px}
.faq-box ul li h5:after{content:"\e639";font-family: 'antfont'; transform: rotate(180deg);position: absolute; right: 0px;top:0;transition: all .5s ease}
.faq-box li.open .q-desc{height: auto;}
.faq-box li.open .q-desc,.faq-box li.open .q-desc *{font-size: 14px;color: #999}
.faq-box ul li.open  h5:after{transform: rotate(0deg)}
.faq-box ul{margin-bottom: 20px}
.faq-box ul li a{color: var(--background-color) !important}
.faq-box ul li a:hover{text-decoration: underline;color: var(--color-primary-hover) !important}

.review-list li{margin-bottom: 30px;}
.review-list li .review-info{display: flex;justify-content: flex-start;align-items: flex-start;background-color: #eee}
.review-list .review-info .img-box{width: 180px;}
.review-list .review-info .img-box img{width: 180px;height: 220px}
.review-list .review-box{padding: 15px;overflow: hidden;background-color: #fff;height: 220px}
.review-list .review-box .name span{display: inline-block;margin-left:20px}
.review-list li .review-text{line-height: 22px;font-size: 14px;font-style: italic;color: #999}
.review-list li .review-text a{font-size: 14px;color: var(--background-color)}
.review-list li .review-text a:hover{text-decoration: underline}
.review-list .rating:after {
    content: "\e642\e642\e642\e642\e642";
    font-family: 'antfont';
    font-size: 14px;
    color: #F3A730;
}
.review-list .review-box .quote{color: #999;font-size: 14px;font-style: italic;line-height: 22px;height: 90px;}
.review-list .client-box a{height: 270px;}
.review-list .client-box img{object-fit: cover;display: block;width: 100%;}
/* 左双引号 */
/* .review-list .review-box .quote::before {content: "\201C"; font-size: 20px;color: #999;} */
 /* 右双引号 */
/* .review-list .review-box .quote::after {content: "\201D";font-size: 20px;color: #999;} */
.review-list .review-box .quote-svg{display: inline-block;margin-right: 10px;color: #0e9f6e;font-size: 24px;height: 28px;width: 24px;}
.rate{font-size:18px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family: 'antfont';}
.rate:after{content:"\e642\e642\e642\e642\e642";font-size:18px;color:#0E9F6E;}
.rate4:after{content:"\e642\e642\e642\e642\e646";font-size:18px;color:#0E9F6E;}
.rate3:after{content:"\e642\e642\e642\e646\e646";font-size:18px;color:#0E9F6E;}
.rate-tag{overflow: hidden; display: flex;justify-content: space-between;padding-top: 15px;align-items: center;}
.rate-tag-left{font-size: 14px;border-top: 2px solid #ddd;}
.rate-tag-right{font-size: 14px;color: #999;}


.revew-form .form-group{overflow: hidden;}
.revew-form  .col-xs-3 {text-align: right;}

.booking-list li{border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 15px;overflow: hidden}
.booking-list li .start{padding-right: 60px}
.booking-list .book-r,.booking-list li .start,.booking-list li .end{text-align: right}
.booking-list li .end{color: var(--background-color)}

.booking-list li h3 a{color: var(--background-color)}
.booking-list li h3 a:hover{color: var(--background-color-minor);text-decoration: underline}
.blog-list h3 a,.blog-list .date{font-size: 14px;}


.hotel-book .quick-tit{text-align: center;display: block;padding-bottom: 15px;font-weight: bolder}
.copy-right span.litour{display: inline-block;padding-left: 20px;}


.video_box {float: right; width: 360px; height: 270px; margin-left: 10px; margin-bottom: 10px;}

.flink{clear: both;padding-top: 20px}
.flink li{display: inline-block}


/* 浮动工具 */
.fixedtool{ position: fixed; right: 10px; transition: bottom ease .3s; z-index: 3;top:50%}

.fixedtool ul li{position: relative;margin-bottom:10px;}
.fixedtool ul li > a,.fixedtool ul li .icobox{width: 40px; height: 40px; display: block; background-color:#fff;text-align: center;position: relative;border-radius: 40px;transition:all .3s ease-in-out;box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%);line-height: 40px;border: 1px solid #ddd;cursor: pointer;}
.fixedtool ul li .tips{position: absolute;right: 44px;top:5px;color: #fff;background-color: #333;line-height: 36px;border-radius: 4px;width: auto;font-size: 14px;padding: 0 10px;text-align: center;display: none;white-space: nowrap;}
.fixedtool ul li .antfont{font-size: 18px;}
.fixedtool ul li .tips::after{content: '';width: 0;height: 0;border: 5px solid;border-color: transparent transparent transparent #333;display: inline-block;position: absolute;right: -10px;top:50%;transform: translateY(-50%);}
.fixedtool ul li > a:hover,.fixedtool ul li .icobox:hover{background-color:var(--background-color);}
.fixedtool ul li > a:hover .tips,.fixedtool ul li .icobox:hover .tips{display: inline-block;}
.fixedtool ul li > a:hover .antfont,.fixedtool ul li .icobox:hover .antfont{color: #fff;}
.fixedtool ul li .icobox a{color: #fff}
.fixedtool ul li .icobox a:hover{color: var(--background-color)}
.fixedtool div.qrcode {
    white-space: nowrap;right: 55px;background-color: #fff;padding: 10px;box-shadow: 0 4px 12px 0 rgb(0 0 0 / 14%);display: none;
    position: absolute;  top:50%; opacity: 0; transform: translateY(-50%); -webkit-transform:translateY(-50%);transition: transform ease .3s, opacity ease .3s; -webkit-transition: all ease .3s;
}
.fixedtool div.qrcode:after{content: '';width: 0;height: 0;border: 5px solid;border-color: transparent transparent transparent #fff;display: inline-block;position: absolute;right: -10px;top:50%;transform: translateY(-50%);}
.fixedtool div.qrcode img{max-width: 120px;}
.fixedtool a:hover div.qrcode { display: block; opacity: 1; }


/*推荐目的地*/
.top-dest-img ul{display: inline-grid;gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-auto-flow: row dense;
}
/* 让第4个元素开始跨越两列 */
/* .top-dest-img ul > li:nth-child(1) {
    grid-column: span 2; 
} */
.top-dest-img li{position: relative;}
.top-dest-img li .tit-box{position: absolute;bottom: 0;left: 0;right: 0;}
.top-dest-img li h3{color: #fff}
.top-dest-img li p{color: #999}
.top-dest-img li img{width: 100%;height: 100%;display: block;object-fit: cover;}
.top-dest-img .mask-box a{height: 100%;}

.mask-box-txt {position: absolute;left: 0;bottom: 0;right: 0;padding: 10px 20px; z-index: 1;}
.top-dest-img .mask-box-txt h2 {color: #fff;font-weight: 400; font-size: 24px;margin-bottom: 10px}
.top-dest-img .mask-box-txt p {color: #eee;line-height: 20px;}
.mask-box a:after{content: ''; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(3,7,20,0) 0%,rgba(2,6,19,.9) 120%);pointer-events: none;}
.mask-box a{display: block;position: relative;overflow: hidden;}

.maskbox:after{content: ''; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(3,7,20,0) 0%,rgba(2,6,19,.9) 120%);pointer-events: none;}

.right-list a:before{font-family: 'antfont';content:"\e659";font-size: 12px;}
.right-list a{font-size: 14px;}
.theme-list{overflow: hidden;zoom:1;}
.theme-list li{margin-bottom: 30px}
.theme-list .theme-box{position: relative;margin-bottom: 0}
.theme-list .theme-box a{display: block;}
.theme-list .theme-box img{max-width: 100%;height: 225px}
.theme-list .theme-box h3{position: absolute;left: 0;right: 0;bottom: 0;line-height: 48px;text-align: left;color: #fff;font-size: 24px;text-shadow: 0 2px 5px #000;z-index: 3;padding: 0 15px;}
.theme-list .theme-box a:before{content: '';height: 100%;z-index:2;position: absolute;bottom: 0;left: 0;right: 0;box-shadow:0 -60px 32px -30px #000 inset;opacity: 0.65}
.theme-list.no-padding li{margin-bottom: 0;border-bottom: 1px solid #eaeaea}
.theme-list .theme-box h3.small{font-size: 18px;line-height: 24px;padding-bottom: 10px}
.theme-list .tour-info {background-color: #fff;padding: 15px;height: 170px;}

/* banner大背景+视频 */
.banner-video-container{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.background-banner{background-position: 50% 50%;background-size: cover;height: 450px;width: 100%;}
.background-video{left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);-o-object-fit: cover;object-fit: cover;}

/*#homeSlideshow .adTitle{background-clip: text;-webkit-background-clip: text;background-image: linear-gradient(90deg,#6d62ed 0,#bd64c8 55%,#f5769e) ;color: transparent!important;text-shadow:none;}*/

.intro-box p{margin-bottom: 10px;}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px){
    html, body, h1, h2, h3, h4, h5, p, ul, li, a, dl, dt, dd{font-size: 14px;}
    .navbox .logo{float: none;position: absolute;top:0;left: 0;}
    .navbox{position: fixed;background-color: #fff;height: 50px;left:0;top:0;right:0; border: 1px solid #ddd; box-shadow: 0 0 18px 0 rgba(0,0,0,.3);z-index: 99;}
    .navbox .logo img{height: 40px;margin-left: 10px;margin-top: 5px}
    .header{position: fixed;z-index: 99;right: 0;left: 0px;top:0;background-color: #fff;box-shadow:0 0px 28px 0 rgba(0,0,0,.1);}
    .header .logo img{height: 50px;margin-left: 15px}
    .navbar-toggle .icon-bar{border: 1px solid #000}
    .sidebar{background-color: #000; color: #fff; min-width: 300px; width: 300px;position: fixed;right:0px;top:0;bottom:0;z-index: 999;}

    .sidebar{padding: 15px;right: 0px;
        -webkit-transition: -webkit-transform .2s ease;
        -ms-transition: -ms-transform .2s ease;
        transition: transform .2s ease;
        -webkit-transform: translate3d(300px,0,0);
        -moz-transform: translate3d(300px,0,0);
        -ms-transform: translate3d(300px,0,0);
        -o-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0);
    }
    .sidebar .closed{color: #fff;position: absolute;font-size: 28px;top: 10px;right: 10px;line-height: 30px;cursor: pointer;}
    .sidebar.open{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        display: block;right: 0px;}
    .sidebar,.sidebar *{color: #fff}
    .sidebar ul li{line-height: 50px;border-bottom: 1px solid #1A1A1A}
    .mask{background-color: rgba(0,0,0,.6);position: fixed;top:0;right: 0;bottom: 0;left: 0;z-index: 99;cursor: pointer;}
    .sidebar.open{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
    /*手机子菜单*/
    .sidebar-down{position: relative;}
    .sidebar-down:after{content:"\e659";font-family: 'antfont';position: absolute;right: 10px;top: 5px;font-size: 12px;}
    .sidebar-down ul{display: none;padding-left: 20px;}
    .sidebar-down ul li,.sidebar-down ul li a{line-height: 40px;}

    #homeSlideshow .textBlock .adTitle{font-size: 24px;}

    .box{padding: 15px 0;}
    .big-tit{line-height: 32px;font-size: 20px;}
    .box-tit{font-size: 20px;line-height: 36px}

    .mobile_top{margin-top: 50px}
    #bookform{padding: 0;}
    .inquiry-bg{background-size: cover;height: auto;padding-bottom: 20px}
    .inquiry-bg .inquiry-txt{padding-top: 30px;padding-right: 0px}
    .seven-img .col-md-4{padding-right: 15px}

    .banner{height: 280px;background-repeat: no-repeat;background-size:cover;background-position:30%}
    .banner img{display: none}
    .banner .banner-title h1{font-size: 18px}

    .tour-box-tit{font-size: 20px;}
    .day-box{padding-left: 0;margin-left: 0;border: none}
    .day-box .day-tit{background: none;padding-left: 0;font-size: 16px;}
    
    .day-box .photo ul li img{
        /* height: 120px */
        object-fit:cover
    }
    .day-box:after{left: 0;}
    .page-title{line-height: 36px}

    .banner-info .tour-day,.banner-info strong,.banner-info .tour-price{display: inline-block;}
    .banner-info strong{padding-bottom: 0;}
    .banner-info .tour-day{font-size:16px;color: #fff;background-color: #319a64;border-radius: 2px;padding: 0 5px}
    .banner-info .tour-price sup{top: 0px}
    .table-box{overflow-x:scroll;width: 100%;}
    .breadcrumb{display: none}

    .att-list li img{height: auto}
    .video_box{margin-left: 100%;width: 100%;float: none}
    .banner .banner-title h1, .banner .banner-title h2{font-size: 20px;}
    .banner .banner-title .des{font-size: 16px;}

    .super-wide dl{padding-left: 10px;display: none}
    .super-wide dd{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;margin-bottom: 10px}
    .super-wide dd p{width: 50%;font-size: 14px;padding-right: 10px}
    .super-wide dd p a{font-size: 14px;}
    .super-wide dd p:nth-child(2n){padding-right: 0}

    .review-list .review-box{height: auto}

    .footer .footer-txt h5{font-size: 18px}
    .footer a{font-size: 14px}
    .footer ul{margin-bottom: 15px}
    .blog-list li{margin-bottom: 15px}
    .blog-list h3{padding-bottom: 0}

    .bgbox{padding: 15px}
    .day-box .day-tit em{font-size: 16px}
    .day-box .day-content{padding-right: 0}
    .day-box .day-content,.day-box .day-content *{font-size: 14px}
    .day-box .photo ul li {width: 100%;}

    .guide-list{justify-content: center;padding: 0 15px}
    .guide-list li.item-box{width: calc((100% - 20px)/2);}
    .guide-list li:nth-child(3n){margin-right:10px}
    .guide-list li:nth-child(2n){margin-right: 0}
    .box-tit{font-size: 18px;}
    .page-title{font-size: 18px;line-height: 26px}

    .footer .footer-txt{padding: 15px}

    .team-list li{margin-bottom: 15px}
    .review-list li .scale-img img{width: 100%}

    .grid ul{display: block}
    .grid ul li{margin-bottom: 15px}
    #homeSlideshow .textBlock{left: 20px;right: 20px;width: auto}
    #homeSlideshow .textBlock .adText{font-size: 24px;line-height: 30px}

    .footer .copy-right, .footer .copy-right *{line-height: inherit}
    .banner-video-container{align-items:flex-start;height: 280px;}
    .background-video{width: 100%;height: 100%;object-fit: cover;}
    .background-banner{height: 280px;}

    body::before{content: '';height: 50px;display: block;}

    /* 推荐目的地手机端布局 */
    .top-dest-img ul{display: block!important;gap: 0!important;grid-template-columns: none!important;grid-template-rows: none!important;}
    .top-dest-img li{width: 50%!important;float: left;margin-bottom: 0!important;padding: 5px!important;box-sizing: border-box;}
    .top-dest-img li img{height: 120px!important;}
    .top-dest-img ul > li:nth-child(1){grid-column: auto!important;width: 100%!important;}
    .top-dest-img ul > li:nth-child(1) img{height: auto!important;}
    .top-dest-img .mask-box-txt h2{font-size: 16px!important;margin-bottom: 5px!important;}
    .top-dest-img .mask-box-txt p{font-size: 12px!important;line-height: 16px!important;min-height: auto;}
    .mask-box-txt{padding: 10px;}

    .top-list li{margin-bottom: 15px;}
    .index-guide-box ul{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
    .grid ul li img{width: 100%;height: auto;display: block;}
    .index-guide-box .mask-box-txt h2{font-size: 12px;line-height: 20px;}

    .day-box{background: none;}
    .day-box .day-content, .day-hotel, .day-meal,.day-box .photo{padding: 0;}
    .photo ul li::before{display: none;}
    .tourbox-c .day-box:last-child{margin-bottom: 0;}

    /* 行程标题布局优化 */
    .day-box .day-tit{display: flex;align-items: flex-start;flex-wrap: wrap;}
    .day-box .day-tit em{text-align: left;width: 50px;min-width: 50px;flex-shrink: 0;}
    .day-box .day-tit .day-title{flex: 1;min-width: 0;word-break: break-word;white-space: normal;line-height: 22px;}
    .day-box .day-tit .collapse{width: 24px;min-width: 24px;flex-shrink: 0;margin-left: 10px;}


    .footer_menu{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9}
    .footer_menu ul{background-color: #F3A730}
    .footer_menu ul,.footer_menu li{padding: 0;margin: 0;list-style: none;font-size: 0;}
    .footer_menu li{line-height: 48px;height: 48px;width: 50%;display: inline-block;}
    .footer_menu li a,.footer_menu li span{color: #fff;font-size: 16px;font-style: normal;text-align: center;line-height: 48px;display: block;}
    .footer_menu li.weixin{background-color: #E57403}

    .tour-list .tour-box img{height: auto!important;}

    .footer .footer-txt .col-xs-6:nth-child(3){clear: both;}
    .band-links{padding-top: 15px;}
    .band-links img{ height: 38px;}
    .qrcode-box img{width: 50px;}
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px){

}


/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .container{width: 1300px!important;}
    h1{font-size: 38px!important;line-height: 38px}
    h1.page-title{font-size: 28px!important;;}
    #homeSlideshow .textBlock{width: 1200px;margin-left: -600px}
    #homeSlideshow .adTitle{font-size:60px!important;top:40px!important;left:40px!important;line-height:60px!important;margin-bottom: 20px;}
    #homeSlideshow .adText{font-size:30px!important;top:40px!important;left:40px!important;line-height:55px!important;margin-bottom: 20px;
        font-weight: 600;}
    #homeSlideshow .adText em{font-size:35px!important;font-style:normal;margin-top:20px;display:inline-block;margin-top:-15px}
    #homeSlideshow .adText1st{font-size:60px!important;top:40px!important;left:40px!important;line-height:55px!important;width:980px!important;margin-bottom:20px}
    #homeSlideshow .adText1st em{font-size:35px!important;font-style:normal;margin-top:20px;display:inline-block}

    .tour-list .tour-box img{
        object-fit: cover;
        /* height: 225px */
    }

    body.nobanner:before {display: block;height:100px;content: ''; }
}

@media screen and (max-width: 1680px) {
    #homeSlideshow .textBlock{}
}
@media screen and (max-width: 1440px) {
    #homeSlideshow .textBlock{margin-top: 0px;}
    #homeSlideshow .adTitle{font-size: 40px!important;line-height: 40px!important;}
    .#homeSlideshow .adText{line-height: 40px;}
}


#frmTcgSG .tourContent{max-width: 100%!important}
#frmTcgSG .picRcmdBox li:nth-child(3n+1){clear: none!important;margin-left: 5px!important;margin-right: 0!important}