@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; width: 100%; height: auto; background: #fff; font-size: .16rem; color: #1A1311; line-height: 1; font-family: "SourceHanSans-Regular", system-ui, -apple-system, Microsoft YaHei, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #000; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s ease; transition: all .5s ease; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24; }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.xs-display { display: none !important; }

/*fonts*/
@font-face { font-family: "SourceHanSans-Light"; src: url("/zhuanti/travel2024/fonts/SourceHanSans-Light.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Regular"; src: url("/zhuanti/travel2024/fonts/SourceHanSans-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Medium"; src: url("/zhuanti/travel2024/fonts/SourceHanSans-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Bold"; src: url("/zhuanti/travel2024/fonts/SourceHanSans-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "BebasNeue"; src: url("/zhuanti/travel2024/fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }

@keyframes view-more { 0% { transform: rotate(45deg); }
  100% { transform: rotate(405deg); } }

@keyframes pointMove { 0% { transform: translate(0, -6px); }
  100% { transform: translate(0, 6px); } }

/* IE低版本提示 */
.pageTips { width: 100%; height: 100%; background: #f8f8f8; position: fixed; left: 0; top: 0; z-index: 1000; }

.pageTips .con { width: 660px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pageTips .con svg { width: 100px; height: 100px; margin: 0 auto; fill: orangered; display: block; }

.pageTips .con .msg { font-size: 18px; line-height: 36px; padding-top: 10px; color: #000; }

.container { width: 87.5%; margin: 0 auto; position: relative; transition: all .5s ease; }

.btn-play { width: 0.66rem; height: 0.66rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.btn-play i { font-size: 0.22rem; color: #60C188; font-weight: bold; }

.btn-play:after { content: ''; display: block; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #60C188; position: absolute; left: 50%; top: 0; margin-left: -0.05rem; margin-top: -0.05rem; transform: rotate(45deg); transform-origin: 0.05rem 0.38rem; animation: view-more linear 3s infinite; }

.banner { overflow: hidden; position: relative; }

.banner .logo { width: 2.52rem; position: absolute; left: 0.8rem; top: 0.4rem; }

.banner .img { width: 100%; height: 100%; }

.banner .t { width: 9.8rem; position: absolute; left: 0; top: 21%; right: 0; margin: auto; }

.section { overflow: hidden; position: relative; z-index: 0; }

.section .dsc { font-size: 0.18rem; line-height: 0.46rem; }

.section1 { background: url("/zhuanti/travel2024/images/section1/bg.jpg") center top no-repeat #E9F4F7; background-size: cover; }

.section1 .block { height: auto; overflow: hidden; position: relative; z-index: 1; }

.section1 .block1 { z-index: 2; padding-top: 0.3rem; }

.section1 .block1 .container { display: flex; justify-content: space-between; flex-wrap: wrap; }

.section1 .block1 .text { width: 50%; }

.section1 .block1 .text .title { width: 5.81rem; margin-bottom: 0.72rem; }

.section1 .block1 .text .t { width: 2.63rem; margin-bottom: 0.4rem; }

.section1 .block1 .text p { font-size: 0.18rem; line-height: 0.4rem; margin-bottom: 0.15rem; }

.section1 .block1 .text p b { font-family: "SourceHanSans-Bold"; }

.section1 .block1 .img { width: 45.2%; position: relative; overflow: hidden; }

.section1 .block1 .img img { width: 100%; height: 100%; transition: all .5s ease; }

.section1 .block2 { padding: 0.3rem 0 0; position: relative; }

.section1 .block2 .t { width: 5.78rem; margin-bottom: 0.2rem; }

.section1 .block2 .dsc { color: #333; line-height: 0.4rem; }

.section1 .block2 ul { display: flex; height: auto; margin-top: 0.4rem; }

.section1 .block2 ul li { width: 25%; height: auto; margin-left: 0.04rem; position: relative; display: flex; overflow: hidden; justify-content: flex-end; }

.section1 .block2 ul li .text { width: 50%; height: 100%; display: none; background: #fff; padding: 0.5rem; position: absolute; left: 0; top: 0; }

.section1 .block2 ul li .text h3 { font-size: 0.26rem; color: #60C188; font-family: "SourceHanSans-Bold"; }

.section1 .block2 ul li .text h4 { font-size: 0.16rem; line-height: 0.24rem; color: rgba(0, 0, 0, 0.65); margin-top: 0.15rem; }

.section1 .block2 ul li .text .line { width: 100%; height: 1px; background: rgba(164, 164, 164, 0.2); margin: 0.3rem 0 0.2rem; }

.section1 .block2 ul li .text .txt { overflow: auto; }

.section1 .block2 ul li .text .txt::-webkit-scrollbar { width: 4px; height: 4px; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.section1 .block2 ul li .text .txt::-webkit-scrollbar-thumb { background-color: #c8c8c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.section1 .block2 ul li .text p { font-size: 0.16rem; line-height: 0.32rem; }

.section1 .block2 ul li .text:after { content: ""; width: 0.32rem; height: 0.32rem; background: url(/zhuanti/travel2024/images/yin.png) no-repeat center/100%; position: absolute; right: 0.5rem; bottom: 0.6rem; }

.section1 .block2 ul li .img { width: 100%; height: 100%; position: relative; }

.section1 .block2 ul li .img:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); position: absolute; left: 0; top: 0; transition: all .5s ease; }

.section1 .block2 ul li .img img { aspect-ratio: 52/75; }

.section1 .block2 ul li:first-child { margin-left: 0; }

.section1 .block2 ul li.active { width: 50%; }

.section1 .block2 ul li.active .text { display: block; }

.section1 .block2 ul li.active .img { width: 50%; }

.section1 .block2 ul li.active .img:after { opacity: 0; }

.section1 .block3 { padding: 0.77rem 0 0.87rem; background: url("/zhuanti/travel2024/images/bg-section1-block3.png") center center no-repeat; background-size: 100%; }

.section1 .block3 ul { display: flex; justify-content: space-between; padding: 0 0.67rem; position: relative; top: -0.2rem; }

.section1 .block3 ul li { width: 32.3%; }

.section1 .block3 ul li img { display: block; width: 100%; }

.section2 { overflow: visible; padding: 0.48rem 0 0.95rem; background-color: #E9F4F7; z-index: 1; }

.section2 .title { width: 6.6rem; margin-bottom: 0.4rem; }

.section2 .dsc { line-height: 0.4rem; }

.section2 .video-box { margin-top: 0.25rem; position: relative; }

.section2 .box { display: flex; margin-top: 0.4rem; flex-direction: row-reverse; }

.section2 .box .slide { width: 67%; overflow: hidden; --swiper-navigation-color: #fff; --swiper-pagination-color: #fff; }

.section2 .box .slide img { width: 100%; height: 100%; }

.section2 .box .tabs { width: 33%; display: flex; flex-direction: column; }

.section2 .box .tabs .item { height: 33.333%; background: #fff; padding: 0 0.3rem; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: center; }

.section2 .box .tabs .item h3 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.15rem; text-align: right; }

.section2 .box .tabs .item h4 { font-size: 0.18rem; color: #666; text-align: right; }

.section2 .box .tabs .item img { width: 1.8rem; position: absolute; left: -0.1rem; top: 0; bottom: 0; margin: auto; transition: all .5s ease; }

.section2 .box .tabs .item:last-child:after { display: none; }

.section2 .box .tabs .item.active { background: linear-gradient(10deg, #60C188 0%, #D6EDC6 100%); z-index: 1; }

.section2 .box .tabs .item.active img { width: 1.8rem; left: 0rem; }

.section2 .box .tabs .item.active h3, .section2 .box .tabs .item.active h4 { color: #fff; }

.section2 form { height: auto; overflow: hidden; margin-top: 0.6rem; }

.section2 form .t { width: 1.44rem; margin: 0 auto; }

.section2 form .box { justify-content: space-between; flex-direction: row; }

.section2 form .box .column { width: 31%; background: #fff; padding: 0 0.3rem; display: flex; align-items: center; }

.section2 form .box .column label { font-size: 0.18rem; margin-right: 0.1rem; }

.section2 form .box .column label i { color: #E24040; }

.section2 form .box .column input { flex: 1; height: 0.6rem; font-size: 0.18rem; }

.section2 form .box .btn { width: 31%; height: 0.6rem; font-size: 0.18rem; color: #fff; display: flex; align-items: center; justify-content: center; background: #BA8C42; }

.section3 .top { position: relative; }

.section3 .top .bg { width: 100%; }

.section3 .top .title { position: absolute; left: 6.25%; top: 11.25%; width: 28.1%; }

.section3 .block { height: auto; overflow: hidden; position: relative; margin-top: 0.6rem; }

.section3 .block .st { position: relative; margin-top: 0.2rem; }

.section3 .block .st span { width: 2.4rem; font-size: 0.18rem; color: #666; display: block; margin: 0 auto; background: #fff; text-align: center; position: relative; z-index: 1; }

.section3 .block .st span:before, .section3 .block .st span:after { content: ""; width: 0.07rem; height: 0.07rem; background: #AFB0B1; position: absolute; top: 0.06rem; left: 0; transform: rotate(45deg); }

.section3 .block .st span:after { left: auto; right: 0; }

.section3 .block .st:before { content: ""; width: 100%; height: 1px; background: #E6E6E6; position: absolute; left: 0; top: 0.1rem; }

.section3 .block1 .t { width: 4.58rem; margin: 0 auto; }

.section3 .block1 .tabs { display: flex; justify-content: center; margin-top: 0.5rem; }

.section3 .block1 .tabs .item { width: 2.75rem; height: 0.8rem; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 0.15rem; border-radius: 0.5rem; position: relative; cursor: pointer; }

.section3 .block1 .tabs .item:before { content: ""; width: 100%; height: 100%; border: 1px solid #AFB0B1; position: absolute; left: 0; top: 0; border-radius: 0.5rem; }

.section3 .block1 .tabs .item h4 { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; }

.section3 .block1 .tabs .item p { font-size: 0.16rem; color: #666; margin-top: 0.08rem; }

.section3 .block1 .tabs .item.active { background: #BA8C42; }

.section3 .block1 .tabs .item.active:before { display: none; }

.section3 .block1 .tabs .item.active h4, .section3 .block1 .tabs .item.active p { color: #fff; }

.section3 .block1 .slide { overflow: hidden; position: relative; margin-top: 0.4rem; }

.section3 .block1 .slide .swiper-slide { display: flex; }

.section3 .block1 .slide .swiper-slide .img { width: 50%; position: relative; cursor: pointer; overflow: hidden; /* &:hover{ img{transform: scale(1.05);} } */ --swiper-navigation-color: #fff; --swiper-pagination-color: #fff; }

.section3 .block1 .slide .swiper-slide .img img { width: 100%; height: 100%; transition: all .5s ease; }

.section3 .block1 .slide .swiper-slide .text { width: 50%; padding: 1.1rem 1.2rem 1.1rem 0.55rem; background: url("/zhuanti/travel2024/images/bg-section3-block1-slide.png") center top no-repeat; background-size: cover; position: relative; }

.section3 .block1 .slide .swiper-slide .text h2 { font-size: 1rem; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.23); position: absolute; right: 1.2rem; top: 1rem; font-family: "BebasNeue"; }

.section3 .block1 .slide .swiper-slide .text h3 { font-size: 0.28rem; font-family: "SourceHanSans-Bold"; color: #000; position: relative; padding-bottom: 0.35rem; margin-bottom: 0.35rem; }

.section3 .block1 .slide .swiper-slide .text h3:after { content: ""; width: 0.4rem; height: 0.03rem; background: #BA8C42; position: absolute; left: 0; bottom: 0; }

.section3 .block1 .slide .swiper-slide .text h4 { font-size: 0.2rem; color: #333; font-family: "SourceHanSans-Medium"; margin-bottom: 0.35rem; }

.section3 .block1 .slide .swiper-slide .text p { font-size: 0.18rem; color: rgba(51, 51, 51, 0.85); line-height: 0.4rem; margin-top: 0.25rem; position: relative; z-index: 1; }

.section3 .block2 .t { width: 2.16rem; margin: 0 auto; }

.section3 .block2 .dsc { text-align: center; margin-top: 0.35rem; }

.section3 .block2 ul { height: 6.4rem; margin-top: 0.25rem; background: url(/zhuanti/travel2024/images/section3-block2-ul.jpg) no-repeat center/cover; display: flex; flex-wrap: wrap; display: none; }

.section3 .block2 ul li { width: 25%; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }

.section3 .block2 ul li:before { content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.15); }

.section3 .block2 ul li:after { content: ""; width: 100%; height: 1px; position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.15); }

.section3 .block2 ul li i { font-size: 0.4rem; }

.section3 .block2 ul li h3 { font-size: 0.18rem; margin: 0.35rem 0 0.15rem; }

.section3 .block2 ul li h3 b, .section3 .block2 ul li h3 span { font-size: 0.28rem; font-family: "SourceHanSans-Bold"; }

.section3 .block2 ul li h3 em { vertical-align: top; }

.section3 .block2 ul li p { font-size: 0.18rem; }

.section3 .block2 ul li:nth-child(4n):before { display: none; }

.section3 .block2 ul li:nth-child(-n+4):after { display: none; }

.section3 .block2 .case { margin-top: 0.6rem; }

.section3 .block2 .case h4 { font-size: 0.28rem; font-family: "SourceHanSans-Bold"; text-align: center; margin-bottom: 0.2rem; }

.section3 .block2 .case .dsc { width: 89%; line-height: 0.4rem; color: #42474B; text-align: center; margin: 0 auto; }

.section3 .block2 .case .box { margin-top: 0.3rem; display: flex; }

.section3 .block2 .case .box .tabs { width: 30%; display: flex; flex-direction: column; }

.section3 .block2 .case .box .tabs .item { height: 25%; padding: 0.6rem 0.5rem 0.8rem; background: #F2F5F8; position: relative; }

.section3 .block2 .case .box .tabs .item i { font-size: 0.4rem; color: #60C188; display: none; }

.section3 .block2 .case .box .tabs .item .jia { width: 0.26rem; position: absolute; top: 0.6rem; right: 0.5rem; }

.section3 .block2 .case .box .tabs .item h2 { display: none; font-size: 0.6rem; color: rgba(255, 255, 255, 0.7); position: absolute; right: 0.5rem; top: 0.5rem; font-family: "BebasNeue"; }

.section3 .block2 .case .box .tabs .item h3 { font-size: 0.26rem; font-family: "SourceHanSans-Bold"; color: #3A3939; }

.section3 .block2 .case .box .tabs .item p { font-size: 0.16rem; line-height: 0.36rem; color: rgba(51, 51, 51, 0.85); display: none; position: relative; z-index: 1; }

.section3 .block2 .case .box .tabs .item.active { height: 75%; background: url("/zhuanti/travel2024/images/bg-section3-block2-case-tabs-item.png") center center no-repeat; background-size: cover; }

.section3 .block2 .case .box .tabs .item.active:before { content: ""; width: 3.65rem; height: 1.1rem; background: url(/zhuanti/travel2024/images/case-active.png) no-repeat center/100%; position: absolute; right: 0.15rem; bottom: 0; }

.section3 .block2 .case .box .tabs .item.active h3 { color: #BA8C42; margin: 0.3rem 0 0.2rem; }

.section3 .block2 .case .box .tabs .item.active i, .section3 .block2 .case .box .tabs .item.active h2, .section3 .block2 .case .box .tabs .item.active p { display: block; }

.section3 .block2 .case .box .tabs .item.active .jia { display: none; }

.section3 .block2 .case .box .slide { width: 70%; overflow: hidden; }

.section3 .block2 .case .box .slide img { width: 100%; height: 100%; }

.section3 .block3 { padding: 0.8rem 0 1rem; background: url(/zhuanti/travel2024/images/section3-block3-bg.jpg) no-repeat center/cover; }

.section3 .block3 .t { width: 2.16rem; margin: 0 auto; }

.section3 .block3 .st span { background: #F2F5F8; }

.section3 .block3 .dsc { line-height: 0.4rem; text-align: center; margin-top: 0.4rem; }

.section3 .block3 ul { display: flex; justify-content: space-between; margin-top: 0.7rem; }

.section3 .block3 ul li { text-align: center; }

.section3 .block3 ul li img { width: 1.48rem; margin-bottom: 0.1rem; }

.section3 .block3 ul li p { font-size: 0.18rem; line-height: 0.3rem; }

.section3 .block3 ul li:nth-child(odd) { margin-top: 1.5rem; }

.section3 .block3 ul li:nth-child(1) { animation: pointMove 1.5s .2s ease-in-out infinite alternate; }

.section3 .block3 ul li:nth-child(2) { animation: pointMove 1.5s .4s ease-in-out infinite alternate; }

.section3 .block3 ul li:nth-child(3) { animation: pointMove 1.5s .6s ease-in-out infinite alternate; }

.section3 .block3 ul li:nth-child(4) { animation: pointMove 1.5s .8s ease-in-out infinite alternate; }

.section3 .block3 ul li:nth-child(5) { animation: pointMove 1.5s 1s ease-in-out infinite alternate; }

.order { margin-top: 1rem; height: 9.5rem; padding: 0.8rem 0; background: url(/zhuanti/travel2024/images/order-bg.jpg) no-repeat center/cover; }

.order .title { width: 39.3%; }

.order form { width: 5.2rem; height: auto; overflow: hidden; padding: 0.5rem; background: #fff; border-top: 0.07rem solid #BA8C42; float: right; box-shadow: 0 0 0.2rem 1px rgba(24, 39, 86, 0.2); }

.order form .t { font-size: 0.28rem; color: #3A3939; font-family: "SourceHanSans-Bold"; margin-bottom: 0.4rem; }

.order form .row { border-bottom: 1px solid #F1F1F1; display: flex; align-items: center; }

.order form .row label { font-size: 0.18rem; color: #333; font-family: "SourceHanSans-Medium"; margin-right: 0.1rem; }

.order form .row input { flex: 1; height: 0.6rem; font-size: 0.18rem; }

.order form .row textarea { flex: 1; height: 1.2rem; font-size: 0.18rem; padding: 0.15rem 0; }

.order form .row.textarea { align-items: flex-start; }

.order form .row.textarea label { margin-top: 0.18rem; }

.order form p { font-size: 0.18rem; line-height: 0.28rem; margin: 0.2rem 0 0.3rem; }

.order form p input { width: 0.18rem; height: 0.18rem; margin-right: 0.05rem; position: relative; top: -0.02rem; }

.order form p a { color: #BA8C42; }

.order form .btn { width: 100%; height: 0.6rem; font-size: 0.18rem; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; cursor: pointer; background: #BA8C42; }

.order .copyright { width: 100%; font-size: 0.18rem; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0.4rem; }

.yinsi-pop { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.5); display: none; }

.yinsi-pop .box { width: 8rem; height: 5.5rem; padding: 0.5rem 0; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.yinsi-pop .box .btn-close { position: absolute; right: 0.3rem; top: 0.3rem; cursor: pointer; }

.yinsi-pop .box .btn-close svg { width: 0.3rem; height: 0.3rem; fill: #60C188; }

.yinsi-pop .box h2 { font-size: 0.22rem; text-align: center; margin-bottom: 0.3rem; }

.yinsi-pop .box .scroll { height: 4rem; overflow: auto; padding: 0 0.5rem; }

.yinsi-pop .box p { font-size: 0.17rem; line-height: 0.28rem; margin-top: 0.1rem; color: #333; }

@media all and (max-width: 1800px) { .section1 .block2 ul li .text .txt { max-height: 58%; padding-right: 0.05rem; }
  .section1 .block2 ul li:last-child .text .txt { max-height: 52%; } }
<!--9.2029571533203E-5-->