@charset "utf-8";
/*通用基础元素*/
.bg-gray-white{background: linear-gradient(to bottom,#eaeaea,#fff)}
.bg-green-white{background: linear-gradient(to bottom,rgba(39,174,96,.2),#fff)}
.page-ban-big{height: 400px; position: relative}
.page-ban-big .container{position: relative; z-index: 1}
.page-ban-big .container .page-title{text-align: center; padding-top: 120px}
.page-ban-big .container .page-title .title{font-size: 32px; letter-spacing: 4px; line-height: 1; margin-bottom: 0}
.page-ban-big .container .page-title .subtitle{margin-top: 10px; font-size: 18px; line-height: 1; margin-bottom: 0; letter-spacing: 1px; color: rgba(0,0,0,.68); font-weight: 300; }
.page-ban-big .container .page-title .subtitle:before{content: "";display: block; margin: 10px auto; width: 50px;height: 2px; background-color: rgba(0,0,0,.8)}
.page-ban-big .container .page-title.light .title{color: #fff}
.page-ban-big .container .page-title.light .subtitle{color: rgba(255,255,255,.68)}
.page-ban-big .container .page-title.light .subtitle:before{background-color: rgba(255,255,255,.8)}
.page-ban-small{position: relative; height: 200px;}
.mainconent-wrapper{ background-color: #fff; width: 100%; padding:25px 15px; border-radius:20px 20px 0 0; min-height: 50vh; margin-bottom: 40px; position: relative; margin-top: -100px;}
.mainconent-wrapper.detail-page{margin-top: -80px}
.bred-div{ margin-bottom:25px;}
.pagination-wrapper{margin-top: 20px;}
.pagination-wrapper:before{content: ""; width: 50%; height: 1px;display: block; margin: 0 auto 20px; background:linear-gradient(90deg,#fff,#ececec,#fff);}
.pagination>li>a, .pagination>li>span{ color:#555 }
.pagination>li.active>a, .pagination>li.active>span{ background-color: #27ae60; border-color: #27ae60}
.pagination>li>a:focus { box-shadow: 0 0 0 0.2rem rgba(39,174,96,.2);}
.tel-block{background-image: linear-gradient(to right, #207f4c,#27ae60)}
/*栏目页*/
.subcolumn-wrapper{background-color:#27ae60; position: relative;}
.subcolumn-swiper .swiper-slide{height: auto!important}
.subcolumn-swiper .subcolumn-item{position: relative; height: 100%}
.subcolumn-swiper .subcolumn-item:after{position: absolute;height: 100%;top:0; left: 0; width:0; background-color:#1e9c53; content: ""; transition: width .3s linear }
.subcolumn-swiper .subcolumn-item:hover:after{width: 100%}
.subcolumn-swiper .subcolumn-item .title{font-size: 15px; line-height: 20px; margin-bottom: 0}
.subcolumn-swiper .subcolumn-item a{display: block; padding: 10px 15px 10px 30px; color: #fff; position: relative; z-index: 1}
.subcolumn-swiper .subcolumn-item a:hover{text-decoration: none; color: #fff6b6}
.subcolumn-swiper .swiper-slide.subcolunm-acitve .subcolumn-item a{background-color:#1a904b}
.aside-wrapper{}
/*资讯页*/
.article-title{font-size:28px;line-height: 1.4; margin-bottom: 15px; text-align: center}
.article-title:after{content: ""; width: 50%; height: 1px;display: block; margin: 10px auto 0; background:linear-gradient(90deg,#fff,#ccc,#fff);}
.article-meta{display: flex; justify-content: center; margin-bottom: 30px;}
.article-meta>li{color: #888;}
.article-meta>li:not(:last-child){margin-right: 10px;}
.article-body{line-height: 1.8; font-size: 16px; color: #666}
.article-body p{ margin-bottom: 15px;}
.article-body h3,.article-body h4{font-size: 22px; position: relative; text-align: center; margin-bottom:30px; padding:5px 0; margin-top:30px}
.article-body h3:before,.article-body h4:before,.article-body h3:after,.article-body h4:after{content:"";height:4px; width:48px;background-color: rgba(18,161,130,.32); position: absolute; border-radius: 2px}
.article-body h3:before,.article-body h4:before{bottom:100%; right: 50%}
.article-body h3:after,.article-body h4:after{top:100%; left: 50%}
.article-body img {display: block; margin: 0 auto; border-radius: 4px;height: auto !important;width: auto;}
.article-end{margin: 20px auto; height: 20px; position: relative}
.article-end:after{content: ""; width: 100%; height: 1px; display: block;background: linear-gradient(90deg,#fff,#ccc,#fff); position: absolute; left: 0; top:50%}
.article-pre-next-row .article-pre a,.article-pre-next-row .article-pre span,.article-pre-next-row .article-next a,.article-pre-next-row .article-next span{display: block;position: relative}
.article-pre-next-row .article-pre a,.article-pre-next-row .article-pre span{ padding-left: 20px;}
.article-pre-next-row .article-next a,.article-pre-next-row .article-next span{padding-right: 20px; text-align: right}
.article-pre-next-row .article-pre a,.article-pre-next-row .article-pre span,.article-pre-next-row .article-next a,.article-pre-next-row .article-next span{}
.article-pre-next-row .article-pre a:before,.article-pre-next-row .article-pre span:before{content: "\e90d"; font-family: iconfont; position: absolute; left: 0; top:-2px; font-size: 16px}
.article-pre-next-row .article-next a:before,.article-pre-next-row .article-next span:before{font-family: iconfont; content: "\e603"; position: absolute;right: 0; top:-2px; font-size: 16px}
.article-pre-next-row .article-next span,.article-pre-next-row .article-pre span{color: #888}
.article-body .pic-title {display: block;text-align: center; font-size: 14px; padding-top: 5px; text-indent: 0; color: #888}
.article-body .pic-title i{font-style: normal;display: inline-block; position: relative}
.article-body .pic-title i:before{content: ""; width: 4px;height: 4px;background-color: #888; left: -8px; border-radius: 50%; position: absolute; top:10px}
/*图片展示类*/
.view-pic-item{margin-bottom: 20px; transition: all .2s linear}
.view-pic-item.c-2{ margin-bottom: 40px}
.view-pic-item .img-txt-item.img-top{ display: block;}
.view-pic-item .img-txt-item.img-top .txt-wrapper{position: absolute; left: 15px; right: 15px; padding: 15px 0; border-radius: 4px; box-shadow: 0 12px 30px rgba(0,0,0,.1); bottom:-20px; background-color: #fff;transition: all .2s linear}
.view-pic-item:hover .img-txt-item.img-top .txt-wrapper{box-shadow: 0 16px 30px rgba(39,174,96,.2); bottom:-30px; z-index: 2}
.view-pic-item.c-2 .img-txt-item.img-top .txt-wrapper{bottom:-40px;}
.view-pic-item.c-2:hover .img-txt-item.img-top .txt-wrapper{bottom:-50px}
.invitation{ background-color:#27ae60; padding:10px; border-radius: 4px; color: #fff}
.invitation .title{font-size:16px;line-height: 1.2; font-weight: 600}
.invitation .title:after{content: ""; display: block; height: 2px; margin:10px 0; width: 50px; background-color:#def3e7}

/*其他*/
@-webkit-keyframes border-transform{0%,100%{border-radius:63% 37% 54% 46% / 55% 48% 52% 45%;}14%{border-radius:40% 60% 54% 46% / 49% 60% 40% 51%;}28%{border-radius:54% 46% 38% 62% / 49% 70% 30% 51%;}42%{border-radius:61% 39% 55% 45% / 61% 38% 62% 39%;}56%{border-radius:61% 39% 67% 33% / 70% 50% 50% 30%;}70%{border-radius:50% 50% 34% 66% / 56% 68% 32% 44%;}84%{border-radius:46% 54% 50% 50% / 35% 61% 39% 65%;}}
@keyframes border-transform{0%,100%{border-radius:63% 37% 54% 46% / 55% 48% 52% 45%;}14%{border-radius:40% 60% 54% 46% / 49% 60% 40% 51%;}28%{border-radius:54% 46% 38% 62% / 49% 70% 30% 51%;}42%{border-radius:61% 39% 55% 45% / 61% 38% 62% 39%;}56%{border-radius:61% 39% 67% 33% / 70% 50% 50% 30%;}70%{border-radius:50% 50% 34% 66% / 56% 68% 32% 44%;}84%{border-radius:46% 54% 50% 50% / 35% 61% 39% 65%;}}
/*优惠券*/
.muxin-discount-wrap .header{ flex:0 0 120px; position: relative;animation: border-transform 10s linear infinite alternate forwards; background: #e74c3c; overflow: hidden; margin-right: 10px}
.muxin-discount-wrap .header .img{position: absolute; bottom:0; width: 105px; left: 0}
.muxin-discount-wrap .header .text{position: absolute;top:18px; right: 24px;font-size:17px; color: #fff;line-height: 1.2; font-weight: bold}
.muxin-discount-wrap .txt{flex-grow: 1; min-width: 0;background-color: #ffddd5; border-radius: 4px}
.discount-item{ display: flex; display: -ms-flexbox; border-radius: 4px; overflow: hidden; position: relative}
.discount-item .discount-info{background-image: url("../images/youhui-bg.png");background-position: 50% 100%; background-repeat: no-repeat; background-size: 100% auto;flex-grow:1;  min-width: 0; padding: 14px 10px; text-align: center;background-color: #fff;}
.discount-item .discount-info .my-price .num{font-size: 28px}
.discount-item .discount-btn{ background-color: #e74c3c; flex:0 0 32px}
.discount-item .discount-btn a{color: #fff; text-align: center; display: block; padding: 14px 5px 0; line-height: 1.3}
/*介绍*/
.about-txt{font-size: 16px; line-height: 1.8; color: #666; text-align: justify}
.about-txt .about-honor{float: left; margin-right: 20px; width: 200px}
.about-part-b{padding-top: 30px; padding-bottom: 30px; background-color:#eff9f3}
/*首页*/
.home-body-a{background-color:#f0f9f5}
.home-swiper-wrapper{ padding: 20px 0; background-image: url("../images/background-20.svg"); background-size: 100% auto; background-position: center 10%; background-color: #fff;}
.ly-basic-ul>div{text-align: center;border-right: 1px solid rgba(231,244,238,.3)}
.ly-basic-ul>div:last-child{border-right: none;}
.ly-basic-ul a{display: block; padding: 10px 0; border-radius: 4px; background-color: transparent;transition: all .2s linear}
.ly-basic-ul a:hover{background-color: #2f945e; text-decoration: none}
.ly-basic-ul .num{font-size: 32px; font-family:'CenturyGothic'; color:#ffde5b; line-height: 1.1; margin-bottom:5px; font-weight: 600; letter-spacing: 1px}
.ly-basic-ul .num>span{font-size: 14px; vertical-align: middle; font-weight: 500}
.ly-basic-ul .name{color:#f0f9f5; letter-spacing: 3px}
.home-about{margin-bottom: 20px; }
.h-service-item{ background-color:#f0f9f5; display: flex;flex-wrap: wrap; position: relative;transition: all .3s linear}
.h-service-item:hover{background-color:rgba(39,174,96,.2)}
.h-service-item .img-wrapper{position: relative; overflow: hidden}
.h-service-item .img-wrapper img{transition: all .2s linear}
.h-service-item:hover .img-wrapper img{transform: scale(1.08)}
.h-service-item .info-wrapper .title{font-size:22px; line-height: 1.2; margin-bottom: 10px }
.h-service-item .info-wrapper .title a:hover{text-decoration: none}
.home-service-row{border-radius: 4px; overflow: hidden; margin-bottom: 20px}
.home-service-row>div:nth-child(even) .h-service-item .img-wrapper{order: 10}
.tel-show-wrapper{color: #fff; font-size: 24px;}
.tel-show-wrapper span{ font-weight: 700; letter-spacing: 2px}
.discount-item-ul{margin-right: -10px}
.discount-item-ul>li{ flex: 0 0 33.3333%; min-width: 0; padding-right: 10px}
/*联系我们*/
.map-baidu-wrapper{ height: 320px; border: 1px solid #ececec; border-radius: 4px; padding: 4px; position: relative}
.map-container{height: 100%;}
.lianxi-content{padding-top: 15px; padding-bottom: 15px; background-color: #f4f4f4; border-radius: 0 4px 4px 0}
.lianxi-content ul>li .title{font-size: 18px; margin-bottom:10px; line-height: 1.2; font-weight: 700}
.lianxi-content ul>li:not(:last-child){padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc}
/*===仅针对pc端===*/
@media (min-width: 769px){
.subcolumn-wrapper{left: -30px; padding-bottom: 10px; border-radius: 0 0 10px 0}
.subcolumn-wrapper:after{content: ""; position: absolute;width: 15px; border-top:10px solid #207f4c;left: 0;top:100%; border-left: 15px solid transparent}
.invitation{ text-align: center; padding: 30px;animation: border-transform 10s linear infinite alternate forwards;}
.invitation .title{font-size: 22px; font-weight: 500}	
.home-c-1{background-color: #207f4c; padding-top: 20px; padding-bottom: 20px}
.home-swiper{ border-radius: 4px}
.home-about{max-height: 84px;}	
.h-service-item .img-wrapper,.h-service-item .info-wrapper{flex:0 0 100%; min-width: 0; max-width: 100%}
.h-service-item .info-wrapper{height: 250px; padding: 25px;}
.h-service-item .info-wrapper .title:after{display:block; content: ""; height: 2px; width:50px; background-color:#207f4c; margin-top: 8px }
.home-service-row>div:nth-child(2) .h-service-item .info-wrapper{ padding-top:150px; text-align: center}
.home-service-row>div:nth-child(3) .h-service-item .info-wrapper{text-align: right}
.home-service-row>div:nth-child(2) .h-service-item .info-wrapper .title:after{margin-left: auto; margin-right: auto}
.home-service-row>div:nth-child(3) .h-service-item .info-wrapper .title:after{margin-left: auto; }
.home-news .img-wrapper img{width: 120px}
}

/*===仅针对M端===*/
@media (max-width:768px) {
/*通用基础元素*/
.page-ban-big{height:180px;}
.page-ban-small{ height: 120px}
.page-ban-big .container .page-title{ padding-top: 40px}
.page-ban-big .container .page-title .title{font-size: 20px; letter-spacing:2px; font-weight: 700}
.page-ban-big .container .page-title .subtitle{font-size: 14px; letter-spacing: 0; font-weight: 400}
.mainconent-wrapper{ width:auto; padding:15px;margin-bottom:20px; margin-top: -50px;}
.mainconent-wrapper.detail-page{margin-top: -40px}	
.bred-div{ margin-bottom:15px;}
/*栏目页 M*/
.subcolumn-wrapper{margin-bottom: 15px;}
.subcolumn-wrapper:before,.subcolumn-wrapper:after{content:""; position: absolute; width: 15px; height: 100%;transform: skewY(45deg)}
.subcolumn-wrapper:before{left: -15px;background:linear-gradient(125deg,#fff,#e7f4ee); top:-7px;}
.subcolumn-wrapper:after{right: -15px;background:linear-gradient(125deg,#e7f4ee,#fff); top:7px;}
.subcolumn-swiper .swiper-slide{flex:none; width: auto}
.subcolumn-swiper .subcolumn-item .title{font-size: 14px;}
.subcolumn-swiper .subcolumn-item a{padding: 10px 15px;}
.subcolumn-swiper .swiper-slide.subcolunm-acitve .subcolumn-item a{font-weight: 700}
/*资讯页*/
.article-title{font-size:20px;font-weight: 700}
.article-meta{ margin-bottom:20px;}
.article-body{font-size: 14px;}
.article-body h3,.article-body h4{font-size:18px;margin-bottom:20px;margin-top:20px;font-weight: 700}
.article-body h3:before,.article-body h4:before,.article-body h3:after,.article-body h4:after{ width:40px;}
.article-end{margin: 10px auto;}
/**/
.view-pic-item{margin-bottom: 15px}
.view-pic-item .img-txt-item.img-top .txt-wrapper{left: 10px; right: 10px; padding: 10px 4px; box-shadow: 0 8px 20px rgba(0,0,0,.1); bottom:-15px; }
.view-pic-item.c-2 .img-txt-item.img-top .txt-wrapper{bottom:-30px;}
.view-pic-item.c-2{margin-bottom: 30px}
.invitation .title:after{margin: 6px 0}	
/*优惠券 M*/
.discount-item-ul{margin-right: -5px}
.discount-item-ul>li{ padding-right: 5px}
.muxin-discount-wrap .header{display: none}
.discount-item .discount-info{padding:10px 5px;}
.discount-item .discount-info .my-price .num{font-size:20px}
.discount-item .discount-btn a{padding:4px; line-height: 1.2}
.discount-item .discount-btn{font-size: 10px;flex: 0 0 20px}
/*介绍*/
.about-txt{font-size: 14px}
.about-txt .about-honor{margin-right:10px; width:160px}
/*首页*/
.home-c-1{background-color:#e7f4ee; padding-top:15px; padding-bottom: 15px}
.home-swiper-wrapper{padding: 0; background-image: none}
.ly-basic-ul>div{border-right: 0}
.ly-basic-ul a{background-color: #2f945e; padding: 6px 0}
.ly-basic-ul .num{font-size:18px; }
.ly-basic-ul .num>span{font-size: 12px; }
.ly-basic-ul .name{ letter-spacing: 1px}
.h-service-item{ align-items: center}
.h-service-item .info-wrapper .title{font-size:16px;font-weight: 700; margin-bottom:5px }
.h-service-item .info-wrapper,.h-service-item .img-wrapper{flex: 0 0 50%;max-width: 50%}
.h-service-item .info-wrapper{padding:0 12px;}
.home-service-row>div:nth-child(even) .h-service-item .info-wrapper{text-align: right}
.tel-show-wrapper{font-size: 18px;font-weight: 700; }
.tel-show-wrapper span{ letter-spacing: 0}
	/*联系我们*/
	.lianxi-content{ border-radius:4px}
.lianxi-content ul>li .title{font-size: 16px; }
.lianxi-content ul>li:not(:last-child){padding-bottom: 10px; margin-bottom: 10px;}
}