/*-- QNLY.COM 2024.10.12(1) 首页css --*/

/*首页横幅*/
.focusbox {position: relative;margin-bottom: 0}
.focusbox img{display: block;margin: 0 auto;}
.focusbox .inner-wrap {z-index: 2;position: absolute;left: 0;top: 0;right: 0;bottom: 0;justify-content: center;align-items: center;display: -webkit-flex}
.focusbox .inner {color: #fff;text-align: center;}
.focusbox h1 {margin: 0 0 20px;font-size: 44px;font-weight: 600;text-shadow: 0 2px 3px #5d5d5d; padding-top: 60px;}
.focusbox h2 {margin: 0 0;font-size: 28px;text-shadow: 0 2px 3px #5d5d5d}
.focusbox .actions {margin-top: 50px;text-align: center;}
@supports (animation-fill-mode:forwards) {
    @keyframes topshow {

        from {top: 100px;opacity: 0}

        to {top: 0;opacity: 1}
    }
    @-webkit-keyframes topshow {
        from {top: 100px;opacity: 0}
        to {top: 0;opacity: 1}
    }
}
.focusbox h1 {opacity: 0;position: relative;animation: topshow .8s 1;-webkit-animation: topshow .8s 1;animation-delay: .6s;-webkit-animation-delay: .6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards}
.focusbox h2 {opacity: 0;position: relative;animation: topshow .8s 1;-webkit-animation: topshow .8s 1;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards}
.focusbox .actions a {opacity: 0;position: relative;animation: topshow .8s 1;-webkit-animation: topshow .8s 1;animation-delay: 2s;-webkit-animation-delay: 2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;font-weight: 700;}
.btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;user-select: none;border: 1px solid transparent;padding: 12px 30px;line-height: 1;font-size: 16px;border-radius:11px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.btn.focus {text-decoration: none}
.btn.active, .btn:active {background-image: none;outline: 0;box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)}
.btn.disabled, .btn:disabled {cursor: default;opacity: .65;box-shadow: none}
.btn-default {color: #fff;background-color: #2e9984}
.btn-default:hover {color: #fff;background-color: #e65c20}
.btn-default.active, .btn-default:active, .btn-default:focus {color: #fff}

/*为什么选择我们*/
.why-choose {background-color:#f5f5f5;padding-bottom:30px;overflow: hidden;}
.why-choose h2 {font-size:28px;text-align:center;margin:30px auto; }
.why-choose .txtsmall {margin:10px 0;}
.why-choose-content {margin:0 auto; margin-top:30px;}
.why-choose-list {width:33.2%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;box-sizing: border-box;}
.why-choose-list ul li {padding:15px 0;width:65%;margin:0 auto;border-bottom:1px dashed #d1d1d1;text-align:center;}
.why-choose-list ul li:first-child {border:none;}
.why-choose-list img {max-width:100%;width:48px;height:44px;margin-right:10px;vertical-align: middle;}
.why-choose-title {font-size:24px;text-align:left;font-weight:700;}
.why-choose-list-border {height:218px;width:1px;display:inline-block;float:left;border-right:1px solid #d1d1d1;margin-top:85px;}
.why-choose-left {min-width:20px;width:20px;min-height:20px;height:20px;border-radius: 50%;margin-right:10px; margin-top:4px;float:left;}

.container .con_h1 {margin-top:40px;margin-bottom:20px;text-align:center;font-size:30px;}
	.why-choose-list {width:24%;float:left;min-height:1px;margin-right:1%;padding-right:15px;padding-left:15px;}
	.why-choose-title {margin:2px 0 10px 0;line-height:1.6;font-size:16px;font-weight:700;}
	.why-choose-left.bg1 {background:#2B8A77;}
	.why-choose-left.bg2 {background:#2e9984;}
	.why-choose-left.bg3 {background:#3CC1A7;}
	.why-choose-left.bg4 {background:#44C6AC;}
	.why-choose-right {width:84%;float:left;}

.content-wrap {width: 100%;float: left;margin-bottom: 15px}
.title-base2-tour {height: auto; overflow: hidden;}
.row-c-line2 li {list-style: none;}
.title-base2-p a.title-base2-tour {font-size: 30px; position: static; background: none; color: #2e9984; padding: 0; border-radius: 0;}

.h-box {list-style: none;margin-top:20px;}
.h-box .title-base {border-bottom: 1px solid #bfc5c8;padding-bottom: 35px;}
.h-box .title-base h3 {font-weight: 700;font-size: 20px;}
.h-box .title-base h3 small {font-weight: 400;font-size: 16px;}
.h-box .title-base .more a {float: right;border: 2px solid #2e9984;border-radius: 5px;padding: 3px 8px;background: #fff;color: #2e9984;font-size: 13px;font-weight: 700;}
.h-box .title-base .more a:hover {background: #2e9984;color: #ffffff;}
.h-box .line {display: flex;justify-content: space-between;}

/*线路标题*/
.title-base2-p { text-align: center; margin: 0; position: relative;}
.title-base2-p a {position: absolute; top: 12%; left: 80%; display: inline-block; padding: 18px 12px; }
.title-base2-p h2 {display: inline-block; vertical-align: middle; padding-right: 10px;  margin: 0; /*--字体阴影 text-shadow: 0 2px 1px #D5D5D5; ---*/}
.title-base2-p span {font-size:14px; display: inline-block; vertical-align: middle; text-align: left; padding-left: 10px;}
.title-base2-p i {display: inline-block; vertical-align: middle; width: 1px; height: 34px; border-right: 1px solid #2e9984;}
.title-base2-span {font-size: 20px; text-align: center; display: block;}
.title-base2-span {display: block;text-align: center; margin: 0; width: 100%; font-size: 18px; color: #999; margin-bottom: 20px;}
.h-box-more {background-color: #2e9984;border-radius: 50%; font-size: 12px; color: #fff; /*--display:none;--*/}
.title-base2-p a.h-box-more:hover {color: #FFFFC4;}	
	
.guide_wrap h2 {margin-top:50px;margin-bottom:20px;text-align:center;}
.guide_wrap .small {text-align:center;margin-bottom:40px;}
.newguide-list {width:33.3333%;float:left;padding:0 15px;margin-bottom:15px; }
.newguide-list a {display:block;padding:15px 10px;background:#F0F7FC;}
.newguide-list a:hover {box-shadow:2px 2px 3px 3px #d0d0d0;}

.newguide-img {width:40%;float:left;}
.newguide-img img {width:100%;max-width:100%;}
.newguide-txt {width:60%;float:left;padding-left:10px;}
.newguide-title {font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:-4px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34AB94;}
.newguide-title:hover {color:#0066d9;}

.newguide-des {font-size:13px;line-height:16px;color:#666;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.morebtn {text-align:center;margin-bottom:50px;}
.morebtn a {background-color:#fcf9e7;color:#fc8800;font-size:18px;padding:15px 25px;border:1px solid #f0f0f0;border-radius:10px;display:inline-block;}

/*首页_旅游主题  与common的主题游略有不同*/
.theme_info {padding:15px 0;}
.theme_info h2 {padding:10px 0;text-align:center;}
.theme_info>p {font-size:17px;margin-bottom:20px;line-height: 26px}
.theme_list {display:flex;flex-wrap:wrap;}
.theme_list li {width:24%;margin-right:1.33%;margin-bottom:15px;position:relative;}
.theme_list li:hover{box-shadow: 2px 1px 3px 3px #d0d0d0;}
.theme_list li:nth-of-type(4n) {margin-right: 0;}
.theme_list li img {max-width:100%;}
.theme_list li p {font-size:18px;font-weight:bold;background:#f1f1f1;padding:5px 10px;text-align:center;margin: 0;}
.theme_list li p a {color:#0f997d;}


.hot-wrap {margin:0 auto;padding-top:10px;overflow:hidden;}
.dest-title {position:relative;z-index:9;margin-bottom:15px;padding-top:20px;line-height:36px;text-align:center;}
.dest-title:before {position:absolute;bottom:0;left:calc(50% - 50px);z-index:-1;display:block;width:100px;height:18px;border-radius:10px;background: #E1FFFF;content:"";}
.sy-bt .int {height:auto;margin:0 auto;margin-top:5px;line-height:28px;font-size:14px;padding:0 20px;box-sizing:border-box;border-radius:20px;overflow:hidden;}
.hot-wrap ul {overflow:hidden;}
.hot-wrap ul li {float:left;margin-right:20px;}
.hot-wrap ul li:last-child {margin-right:0;}
.hot-wrap ul li a {display:block;position:relative;width:218px;height:292px;}
.hot-wrap ul li a h3 {transition:all .6s;font-weight:normal;font-size:22px;line-height:30px;width:180px;padding:0 22px;text-align:center;color:#fff;text-shadow:1px 1px rgba(0,0,0,.65);position:absolute;top:50%;margin-top:-20px;max-height:60px;overflow:hidden;}
.hot-wrap ul li a .num {transition:all .6s;display:inline-block;background-color:#f90;color:#fff;font-size:16px;line-height:46px;width:80px;height:40px;text-align:center;border-top-left-radius:40px;border-top-right-radius:40px;position:absolute;left:50%;margin-left:-40px;bottom:0;}
.hot-wrap ul li a div {opacity:0;transition:all .6s;position:absolute;top:0;left:0;text-align:center;box-sizing:border-box;padding:28px;width:100%;height:100%;background-color:rgba(0,0,0,.6);}
.hot-wrap ul li a h4 {display:inline-block;width:168px;font-size:16px;color:#fff;line-height:22px;text-align:center;max-height:44px;overflow:hidden;}
.hot-wrap ul li a .line {display:inline-block;width:60px;height:3px;background-color:#fff;margin:15px 0 13px 0;}
.hot-wrap ul li a p {font-size:13px;color:#fff;line-height:20px;max-height:100px;overflow:hidden;}
.hot-wrap ul li a .more {font-size:14px;color:#fff;width:100%;position:absolute;left:0;bottom:40px;}
.hot-wrap ul li a:hover div {opacity:1;}
.hot-wrap ul li a:hover .num {opacity:0;}
.hot-wrap ul li a:hover h3 {transform:translate(0,140px);opacity:0;}

.zhutiyou {height:auto;margin:20px auto 0;padding-bottom:30px;overflow:hidden;}

/*西藏热门旅游景点*/
.hot_jindian h2 {margin-top:50px;margin-bottom:20px;text-align:center;}
.hot_jindian .small {text-align:center;margin-bottom:40px;}
.attractions-list {width:16.666667%;float:left;padding:0 15px;margin-bottom:40px;}
.attractions-list a {position:relative;display:block;}
.attractions-list img {border-radius:10px;width:100%;max-width:100%;}
.attractions-bg {width:100%;height:100%;position:absolute;bottom:0;background-image:linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.1),#2a2a2a);border-radius:10px;}
.attractions-list a:hover .attractions-bg {background-image: linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.3),#2a2a2a);}
.attractions-list a:hover .attractions-txt {text-decoration: underline;bottom: 80px;}
.attractions-txt {position:absolute;bottom:0;color:#fff;width:100%;text-align:center;transition:all .4s;}
.attractions-txt p {margin-bottom:5px;margin-top:0;line-height:24px;}
.attractions-txt .enname {font-size:14px;}

/*-- 首页四宫格图文导航 --*/
.tbox-4 { margin: 30px 0;}
.tbox-4-info {padding: 15px 0;}
.tbox-4-info h2 {font-size:24px; line-height: 1.2em; display: inline-block;vertical-align: middle; padding-right: 10px; font-weight: 600;margin: 0; /*--字体阴影---*/ text-shadow: 0 2px 1px #F8F8F8;margin-bottom: 2px;}
.tbox-4-info p {display: block;width: 100%;font-size: 16px;color: #666;margin-bottom: 20px;}
.tbox-4-list { /*-- 如果溢出框，则应该提供滚动机制 --*/overflow-x: auto;}
.tbox-4-list li {width: 22%;float: left;margin-right: 4%;margin-bottom: 15px;}
.tbox-4-list li:nth-of-type(4n) {margin-right: 0;}
.tbox-4-left img {width: 100%;height: 80px;}
.tbox-4-left {width: 50%;float: left;}
.tbox-4-right {width: 50%;float: right;height: 80px;background: #fff;line-height: 80px;text-align: center;font-weight: bold;font-size: 18px;}
.tbox-4-right a {color:#1d1d1d;background-color:#FFFFF7;display: block;cursor: pointer;}
.tbox-4-right a:hover {color: #FFFFF7;background-color:#2e9984;}

/*-- 首页底部2图banner导航 --*/
.tbox-2 {margin:20px 0; float:left;}
.tbox-2 ul{display: flex;justify-content: space-between;align-items: center;}
.tbox-2 ul li{background:#F2F2F2;width: 49.5%; padding:13px;}
.tbox-2 ul li img {width:100%;max-width:100%;}
.tbox-2 ul a:hover {background: #E7F3F3;}

/*-- 首页热门话题 --*/
.in_hot { background:#F2F2F2; float: left;margin-bottom: 20px;border-radius:10px;}
.in_hot .in_hot_topic {background: url(../images/honggou.png) 20px 18px no-repeat;background-size:20px;padding-left:45px; padding-top:18px;font-size: 16px; font-weight: 600;}
.in_hot ul {float: left;margin: 10px 20px 20px 20px; width: 100%;}
.in_hot ul li {float: left;width: 24.5%; font-size:16px;line-height: 1.8;padding-left: 10px; background: url(../images/icon_03.gif) 2px 10px no-repeat; padding-left: 10px;}
.in_hot ul li a {color:#666;}
.in_hot ul li a:hover { text-decoration: underline; color:#0066d9;}
.in_hot ul li span { font-size: 12px;color: #2e9984;}

/*我们的客户评价*/
.customer-reviews {padding-bottom:40px;overflow: hidden;background-color: #fff;overflow: hidden;}
.customer-reviews h2 {text-align:center;margin:30px auto;}
.customer-reviews .txtsmall {text-align:center;margin-bottom:20px;}
.customer-reviews-cont{display: flex;justify-content: space-between;}
.commentLi {width:32.1%;position:relative;}
.review-box {border:1px solid #d1d1d1;border-radius:10px;padding:10px;box-shadow:0 0 5px #ccc;background:#fff;overflow:hidden;}
.review-header {overflow:hidden;}
.review-pic {display:inline-block;}
.review-pic img {vertical-align:middle;width:46px;height:46px;border-radius:46px;}
.review-header-right {float:right;width:calc(100% - 50px);}
.review-ico {width:72px;height:16px;vertical-align:middle;margin-right:10px;}
.review-from {display:block;color:#818181;}
.review-txt {line-height:25px;text-align:justify;padding:0 5px 0 0;width:100%;height:auto;margin-top:14px;overflow-y:auto;min-height:150px;}

/*共用css*/
.why-choose h2, .title-base2-p h2, .hot_jindian h2, .tbox-4-info h2, .theme_info h2, .guide_wrap h2, .dest-title, .customer-reviews h2 {color:#1f9981;font-weight:bold;font-family: 'Microsoft JhengHei', Arial, Helvetica, Sans-Serif;}
.title-base2-p h2, .hot_jindian h2, .theme_info h2, .guide_wrap h2, .dest-title, .customer-reviews h2 {font-size:30px;}