@charset "utf-8";
/*通用基础元素*/
.bg-gray-white{background: linear-gradient(to bottom,#eaeaea,#fff)}
.bg-green-white{background: linear-gradient(to bottom,rgba(165,24,33,.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: #f04848; border-color: #f04848}
.pagination>li>a:focus { box-shadow: 0 0 0 0.2rem rgba(39,174,96,.2);}
.tel-block{background-image: linear-gradient(to right, #df3246,#ff596c)}
.filter{margin-right: -10px;flex-wrap: wrap;}
.filter>li{padding-right: 10px; padding-bottom: 10px; flex:0 0 10%}
.filter>li>a{display: block; background-color: #f9edce; line-height: 32px; text-align: center;  border-radius: 4px; transition: background-color .2s ease-in-out}
.filter>li>a:hover,.filter>li.active>a{color: #fff; background-color: #f04848; text-decoration: none;}
/*栏目页*/
.subcolumn-wrapper{background-color:#ff596c; 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:#d53843; 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: #ffbebe}
.subcolumn-swiper .swiper-slide.subcolunm-acitve .subcolumn-item a{background-color:#df3246}
/*资讯页*/
.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{text-indent: 2em; 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(240,72,71,.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:#df3246; 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}
.rainbow .hot,.rainbow .cost{background-color: #e74c3c; color: #fff; font-size: 17px; width: 48px; padding: 5px; text-align: center; line-height: 1.3; border-bottom-right-radius: 6px;}
.rainbow .cost{background-color: #fd9300}
/*其他*/
@-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("../img/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:#fffdf8}
/*首页*/
.home-body-a{background-color:#fffdf8}
.home-swiper-wrapper{ padding: 20px 0; background-image: url("../img/background-20.svg"); background-size: 100% auto; background-position: center 10%; background-color: #c54949 }
.ly-basic-ul a{display: block; padding: 10px 0; border-radius: 4px; background-color:#df3246;transition: all .2s linear;text-align: center;}
.ly-basic-ul a:hover{background-color: #ff596c; text-decoration: none}
.ly-basic-ul .num{font-size: 32px; font-family:'CenturyGothic'; color:#ffecc9; 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:#ffffff; letter-spacing: 3px}
.home-about{margin-bottom: 20px; }
.h-service-item{ background-color:#fffdf8; display: flex;flex-wrap: wrap; position: relative;transition: all .3s linear}
.h-service-item:hover{background-color:#f9edce;}
.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}
/*2021-03新增*/
.home-lyfw-a{ background-color: #fff; margin-bottom: 30px; padding: 20px; border-radius: 4px; box-shadow: 0 12px 30px rgb(0 0 0 / 10%) }
.home-tel-a{text-align: center; color: #fd9300; font-size: 26px; line-height:1; margin-bottom: 10px}
.home-zx-a,.home-kefu-ul{margin-left: -10px; margin-right: -10px}
.home-zx-a>li,.home-kefu-ul>li{padding: 0 10px}
.home-ts-ul>li{display: flex; margin-bottom: 10px}
.home-ts-ul>li:last-child{margin-bottom: 0}
.home-ts-ul>li .item{flex: 0 0 50px; min-width: 0}
.home-ts-ul>li .info{flex-grow: 1;min-width: 0; max-width: calc(100% - 50px)}
.home-kefu-ul>li:before{content: "\e7b1"; font-family: iconfont; margin-right: 4px}
.xuanmu-zy{background-color: #fff; border-radius: 4px;  box-shadow: 0 12px 30px rgb(0 0 0 / 10%); padding: 10px}
.img-txt-item.xuanmu-zy .img-wrapper{ flex: 0 0 120px; margin-right: 10px; border-radius: 50%; overflow: hidden;width: 120px;height: 120px;}
.img-txt-item.xuanmu-zy .txt-wrapper .name{font-size: 20px; font-weight: 600; line-height: 1 }
/*===仅针对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 #a61922;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{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:#a61922; 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:0px; margin-top: -50px;}
.mainconent-wrapper.detail-page{margin-top: -40px}	
.bred-div{ margin-bottom:15px;}
	
	.filter{margin-right: -5px}
.filter>li{padding-right: 5px; padding-bottom: 10px; flex:0 0 20%}
.filter>li>a{ line-height: 32px;}

/*栏目页 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 p,.article-body span{font-size: 18px;}
.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;display: none;}
/**/
.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:#fffdf8; 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: #df3246; 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}
/*联系我们 M*/
.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;}	
/*2021-03新增 M*/
.home-lyfw-a{ margin-bottom:20px; padding:0 15px 20px; border-bottom: 4px solid #f9edce; box-shadow: none}
.home-tel-a{ font-size: 22px; font-weight: 600;  margin-bottom: 10px}
.home-zx-a,.home-kefu-ul{margin-left: -5px; margin-right: -5px}
.home-zx-a>li,.home-kefu-ul>li{padding: 0 5px}
.home-ts-ul>li{margin-bottom: 10px}
.xuanmu-zy{padding: 10px}
.img-txt-item.xuanmu-zy .img-wrapper{ flex: 0 0 90px; }
.img-txt-item.xuanmu-zy .txt-wrapper .name{font-size:16px; }
	.rainbow .hot,.rainbow .cost{font-size: 13px; width: 38px; line-height: 1.2; font-weight: 600}
}
.ziquyu>li>a{
	background: none;
	border:1px solid #333333;
}
.ziquyu>li>a:hover {
    color: #f04848;
	background: none;
	border:1px solid #f04848;
    text-decoration: none;
}
.ziquyu>li.active>a{
	background: none;
	color: #f04848;
	border:1px solid #f04848;
}