@charset "utf-8";
ol,ul,select,input,textarea{vertical-align:middle; padding:0; margin:0;}
ol,ul{list-style:none;}
img{border:0;}
a,img,input,textarea,select,button,area{outline:none;}
*{box-sizing: border-box;}
a{color: #333;text-decoration: none;}
a:hover{color: #20acad;}
iframe{display: block;}

::-webkit-scrollbar{width: 10px; height: 10px;}   
::-webkit-scrollbar-thumb{border-radius: 10px; background-color: rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,.4);}

.eui-flex{display: flex;}
.eui-flex.column{flex-direction: column;}
.eui-flex.rv{flex-direction: row-reverse;}
.eui-flex.end{justify-content: flex-end;}
.eui-flex.wrap{flex-wrap: wrap;}
.eui-flex.tc{justify-content: center;}
.eui-flex.bt{justify-content: space-between;}
.eui-flex.ar{justify-content: space-around;}
.eui-flex.vc{align-items: center;}
.eui-flex .flex1{flex: 1;}
.eui-flex.column>.flex1{overflow-y: auto;}
.eui-flex .block{width: 100%;}

.eui-table{display: table; width: 100%;}
.eui-table.fixed{table-layout: fixed;}
.eui-table .thead{display: table-header-group;}
.eui-table .tbody{display: table-row-group;}
.eui-table .tfoot{display: table-footer-group;}
.eui-table .tr{display: table-row;}
.eui-table .th{display: table-cell; vertical-align: middle;}
.eui-table .td{display: table-cell; vertical-align: middle;}
.eui-table .min{width: 1%; white-space: nowrap;}
.eui-table.vt>.th,.eui-table.vt>.td,.eui-table .vt{vertical-align: top;}
.eui-table.tc,.eui-table .tc{text-align: center;}

.eui-sticky{position: sticky; top: 0; z-index: 2;}

@font-face {font-family: SC; src: url("../images/SourceHanSerifSC.otf");}
html,body{height: 100%;}
body{margin: 0 auto; max-width: 1920px; min-width: 1280px; background: #fff;}

.eui-main{position: relative; z-index: 1; padding-bottom: 420px; min-height: 100%; font-family: '微软雅黑';font-size: 14px; box-shadow: 0 0 12px rgba(0,0,0,.1);}
.eui-con{width: 1200px;margin: 0 auto;}
.eui-title{display: flex; align-items: center; justify-content: space-between; margin-top: 12px; line-height: 50px;}
.eui-title .name{font-size: 22px; color: #20acad;}
.eui-title .more{display: flex; align-items: center; font-size: 16px; color: #20acad; transition: .3s;}
.eui-title .more::after{content: ''; margin-left: 4px; width: 7px; height: 7px; border-top: 2px solid; border-right: 2px solid; transform: rotate(45deg);}
/* 鼠标经过图片放大 */
.hover-scale .item{cursor: pointer;}
.hover-scale .pic{overflow: hidden;}
.hover-scale .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .8s;}
.hover-scale .item:hover img{transform: scale(1.1);}

/* 顶部栏 */
.eui-topbar{background: #fff;}
.eui-topbar::after{content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 10px; background: linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,0)); pointer-events: none;}
.eui-topbar .logo{display: flex; align-items: center; font-weight: bold; font-size: 18px; transition: .3s;}
.eui-topbar .logo img{margin-right: 10px; width: 30px;}
.eui-topbar .nav{margin-right: -24px;}
.eui-topbar .nav .item{margin-left: 1px; padding: 0 30px; line-height: 50px; font-size: 16px; cursor: pointer; transition: .3s;}
.eui-topbar .nav .item:hover{color: #20acad;}
.eui-topbar .nav .item.on{font-weight: bold; color: #fff; background: #20acad;}

/* 内页头部 */
.eui-header-in{height: 331px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='331'%3E%3Cpath fill-rule='evenodd' opacity='.302' fill='%2320ACAD' d='M1324.5 331c-110.062 0-212.968-.422-317.803-.422a3396.4 3396.4 0 0 1-62.922-.585A6933.481 6933.481 0 0 1 825.5 331C504.961 331 214.03 309.076 0 273.426V0h1920v303.413C1744.835 320.956 1541.449 331 1324.5 331z'/%3E%3Cpath fill-rule='evenodd' fill='%2320ACAD' d='M959.5 331C565.783 331 216.721 297.927 0 246.962V0h1920v246.728C1703.353 297.825 1353.821 331 959.5 331z'/%3E%3C/svg%3E") no-repeat center 0; background-size: 1920px;}
.eui-header-in .name{margin-top: 20px; font-weight: bold; font-size: 40px; color: #fff;}

/* 内页 */
.eui-inside-pages{padding: 50px 0;}
.eui-inside-pages .tit{padding-left: 32px; line-height: 40px; font-size: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill-rule='evenodd' opacity='.502' fill='%2320ACAD' d='M22 24h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2zm0-8a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5zm-3.5-5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 1 1 0 11zM9 24H2a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2zm0-8a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5zm0-5H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2zm0-8a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3z'/%3E%3C/svg%3E") no-repeat 0 center;}
.eui-inside-pages .con{padding: 0 36px; line-height: 1.8; text-align: justify; font-size: 20px; color: #333;}
.eui-inside-pages .con p{text-indent: 2em; font-size: 22px;}
.eui-inside-pages .con img{margin: 16px 0;}

/* 底部 */
.eui-footer{position: absolute; bottom: 0; left: 0; right: 0; padding-top: 34px; height: 420px; line-height: 1.5; color: #fff; background: #20acad;}
.eui-footer .tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; color: #fff;}
.eui-footer .tit b{font-weight: normal; font-size: 22px;}
.eui-footer .tit span{display: flex; align-items: center; padding: 0 12px; line-height: 32px; font-size: 16px; border-radius: 99px; background: rgba(255,255,255,.2); transition: .3s;}
.eui-footer .tit:hover span{background: rgba(255,255,255,.3);}
.eui-footer .tit span::after{content: ''; margin-left: 2px; width: 7px; height: 7px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg);}
.eui-footer .host-unit{margin-top: 30px; line-height: 1; text-align: center; font-size: 16px; color: #fff; border-top: 1px solid rgba(255,255,255,.4);}
.eui-footer-logo b{margin-top: 30px; font-weight: normal; font-size: 22px;}
.eui-footer-logo span{font-size: 16px;}
.eui-footer-product .qrcode{padding: 20px 0; width: 220px; border-radius: 10px; background: #fff;}
.eui-footer-product .qrcode img{display: block; margin: 0 auto 15px; width: 173px;}
.eui-footer-product .qrcode span{display: block; line-height: 1; text-align: center; font-size: 18px; color: #333;}
.eui-footer-product .qrcode~.qrcode{margin-left: 20px;}
.eui-footer-about{width: 390px;}
.eui-footer-about .th,
.eui-footer-about .td{padding: 4px 0; line-height: 2; vertical-align: top; font-size: 18px;}
.eui-footer-about .th{width: 1%; white-space: nowrap;}

/* 二维码弹框 */
.eui-popup{position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,.6);}
.eui-popup-card{width: 100%; height: 100%;}
.eui-popup-qrcode{position: relative; padding: 40px; border-radius: 10px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.eui-popup-qrcode .close{position: absolute; top: 0; right: 0; width: 50px; height: 50px; transform: rotate(45deg); cursor: pointer; transition: .3s;}
.eui-popup-qrcode .close::before,
.eui-popup-qrcode .close::after{content: ''; position: absolute; background: #ff1744;}
.eui-popup-qrcode .close::before{top: 15px; bottom: 15px; left: calc(50% - 1px); width: 2px;}
.eui-popup-qrcode .close::after{left: 15px; right: 15px; top: calc(50% - 1px); height: 2px;}
.eui-popup-qrcode .close:hover{transform: rotate(135deg) scale(1.25);}
.eui-popup-qrcode img{width: 320px;}
.eui-popup-qrcode b{margin-top: 12px; font-size: 24px;}
.eui-popup-qrcode .ok{margin-top: 24px; min-width: 160px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; border-radius: 99px; background: #20acad; transition: .3s; cursor: pointer;}
.eui-popup-qrcode .ok:hover{background: #0abda4;}


/* 头部介绍 */
.eui-introduce{background: url("../images/introduce-bg.jpg") no-repeat center 0 #e6dfbd;}
.eui-introduce .eui-con{padding: 0 100px 80px; min-height: 800px;}
.eui-introduce .name{padding: 80px 0 60px; line-height: 70px; text-align: center; font-family: SC; font-size: 54px; color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,.3);}
.eui-introduce .logo{padding: 30px 0 20px;}
.eui-introduce .text{height: 360px; line-height: 1.8; text-indent: 2em; font-size: 16px; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.2);}
.eui-introduce .cards .item{position: relative; width: 291px; height: 381px; border-radius: 20px; background: url("../images/introduce-cards.png"); box-shadow: 0 5px 18px rgba(197,177,134,.5);}
.eui-introduce .cards .item:nth-child(2){margin-top: 50px;}
.eui-introduce .cards img{position: absolute; top: -85px; left: 50%; transform: translateX(-50%);}
.eui-introduce .cards .hd{line-height: 130px; text-align: center; font-family: SC; font-size: 32px; color: #fff1d3; text-shadow: 0 0 18px rgba(0,0,0,.5);}
.eui-introduce .cards .bd{margin: 24px 32px; line-height: 32px; text-align: justify; text-indent: 2em; font-size: 16px; color: #fff1d3; text-shadow: 0 0 4px rgba(0,0,0,.1); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}

/* 首页最新服务 */
.eui-index-service .list{margin: 0 -12px 38px;}
.eui-index-service .item{display: flex; margin: 12px; width: calc(50% - 24px); border: 1px solid #ddd; border-radius: 12px; overflow: hidden; cursor: pointer; transition: .3s;}
.eui-index-service .pic{width: 200px; height: 200px;}
.eui-index-service .detail{flex: 1; padding: 16px 20px 0; overflow: hidden;}
.eui-index-service .detail .name{margin-bottom: 4px; line-height: 24px; font-weight: bold; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.eui-index-service .detail .money{line-height: 36px; font-size: 16px; color: #999;}
.eui-index-service .detail .money b{position: relative; top: 1px; margin-right: 4px; font-size: 24px; color: #fe7a15;}
.eui-index-service .detail .text{line-height: 22px; text-align: justify; font-size: 14px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.eui-index-service .item:hover{box-shadow: 2px 6px 12px rgba(0,0,0,.1);}

/* 首页关于我们 */
.eui-index-about{padding: 50px 100px; background: #d8e8ea;}
.eui-index-about .hd{margin-bottom: 20px; font-family: SC; text-align: center; font-size: 32px;}
.eui-index-about .bd{padding: 0 60px; line-height: 2; text-indent: 2em; font-size: 20px; color: #666;}

/******************* 服务 *******************/
.eui-service-wrap{padding: 40px 0;}
.eui-service-wrap .tit{display: flex; justify-content: center; margin-bottom: 30px; padding: 10px 0;}
.eui-service-wrap .tit b{padding: 18px 12px; line-height: 1; font-size: 40px; color: #094b51; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='30'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='0%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%230ABDA4'/%3E%3Cstop offset='46%25' stop-color='%230ABDA4'/%3E%3Cstop offset='66%25' stop-color='%230ABDA4' stop-opacity='.5'/%3E%3Cstop offset='100%25' stop-color='%230ABDA4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill-rule='evenodd' fill='url(%23a)' d='M159.146 30h-1.367a.854.854 0 0 1-.854-.852c0-.471.383-.853.854-.853h1.367a.853.853 0 1 1 0 1.705zM19 10v2h-4v-2h4zm134.68 20a.87.87 0 0 1-.171-.017V30H69.798s-3.966-.218-3.929-4.944c.038-4.726 2.136-4.176 2.904-4.431h15.715s2.742-1.92 0-4.773H3.929S-.037 15.634 0 10.909c.037-4.726 2.135-4.177 2.904-4.432h60.745s2.742-1.92 0-4.773H15.326s-.929-.085-.854-.852c.075-.767.421-.869.854-.852h52.422s3.861.791 3.246 4.772c0 0-.242 3.148-2.904 3.41H9.394s-1.397 1.15-1.195 2.727c.201 1.576 1.188 3.207 2.391 3.238h77.997s3.86.792 3.245 4.773c0 0-.241 3.148-2.904 3.409H75.264s-1.397 1.151-1.196 2.727c.202 1.577 1.188 3.208 2.391 3.239h77.05v.017A.853.853 0 1 1 153.68 30z'/%3E%3C/svg%3E") no-repeat 0 bottom;}

/* 鼓嘟嘟研学 */
.eui-gududu .item{width: 550px; cursor: pointer;}
.eui-gududu .item .pic{margin-bottom: 8px; height: 260px;}
.eui-gududu .item .name{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; font-weight: bold; font-size: 18px;}
.eui-gududu .item .money{line-height: 36px; font-size: 16px; color: #999;}
.eui-gududu .item .money span{font-weight: bold; color: #fe7a15;}
.eui-gududu .item .money b{position: relative; top: 1px; margin-right: 4px; font-size: 24px;}
.eui-gududu .item~.item{margin-top: 10px;}
.eui-gududu .eui-popup-qrcode{box-shadow: none;}

/* 嗨玩福州 */
.eui-havefun .item{display: flex; width: 45%; overflow: hidden; cursor: pointer; transition: .3s;}
.eui-havefun .pic{margin-right: 30px; width: 310px; height: 330px; border-radius: 10px;}
.eui-havefun .detail{flex: 1; overflow: hidden;}
.eui-havefun .detail .name{margin-bottom: 4px; font-weight: bold; font-size: 30px; color: #333;}
.eui-havefun .detail .text{margin-top: 10px; line-height: 1.8; text-align: justify; font-size: 18px; color: #909cae; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

/* 酒店推荐 */
.eui-hotel{overflow: hidden;}
.eui-hotel .item{width: 278px;}
.eui-hotel .item~.item{margin-left: 29px;}
.eui-hotel .item .pic{margin-bottom: 8px; height: 196px;}
.eui-hotel .item .name{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 24px; font-weight: bold; font-size: 16px;}
.eui-hotel .item .money{line-height: 36px; font-size: 14px; color: #999;}
.eui-hotel .item .money span{font-weight: bold; color: #fe7a15;}
.eui-hotel .item .money b{position: relative; top: 1px; margin-right: 4px; font-size: 20px;}

/* 景点门票 + 美食团购 */
.eui-groupon .list{width: 49%;}
.eui-groupon .item{display: flex; margin-bottom: 20px; overflow: hidden; cursor: pointer; transition: .3s;}
.eui-groupon .pic{margin-right: 20px; width: 278px; height: 196px;}
.eui-groupon .detail{flex: 1; overflow: hidden;}
.eui-groupon .detail .name{margin-bottom: 4px; line-height: 24px; font-weight: bold; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.eui-groupon .detail .money{line-height: 36px; font-size: 16px; color: #999;}
.eui-groupon .detail .money b{position: relative; top: 1px; margin-right: 4px; font-size: 24px; color: #fe7a15;}
.eui-groupon .detail .text{line-height: 22px; text-align: justify; font-size: 14px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}