.page-banner img{display: block; width: 100%; height: auto;}
.about-msn{ padding: 82px 50px; border-radius: 50px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .01); margin-top: -40px; position: relative; z-index: 1;}
.about-msn h1{font-size: 40px; color: #8fc320; line-height: 1; margin-bottom: 10px;}
.about-msn span{font-size: 18px; line-height: 1; display: block;}
.about-msn p{margin: 0; line-height: 2; text-indent: 2em; margin-top: 50px;}
.about-msn img{margin-left: 180px;}

.history{padding-bottom: 120px}
.history .container{position: relative;}
.history-top{position: absolute; top: 0; left: 0; right: 0; z-index: 2}
.history-top .left-btn, .history-top .right-btn{cursor: pointer; transition: all 300ms}
.history-top .left-btn:hover, .history-top .right-btn:hover{transform: scale(1.2);}
.history-top .left-btn.swiper-button-disabled, .history-top .right-btn.swiper-button-disabled{opacity: .5; cursor: not-allowed;}
.history-list{flex-grow: 1; margin-left: 35px}
.history-list .item{display: none; color: #8fc320;}
.history-list .item:first-child{display: flex}
.history-list .item{height: 290px;}
.history-list .item img{border-radius: 10px; margin-right: 80px; width: 500px; height: 290px; object-fit: cover;}
.history-list .item span{font-size: 25px; display: block; margin-bottom: 125px}
.history-list .item b{font-size: 40px;}
.history-swiper{position: relative; z-index: 1; margin-top: 120px}
.history-swiper .bg{display: block; width: 100%; border-bottom: 1px solid #8fa199}
.history-swiper .container{margin-top: -10px}
.history-swiper .swiper-slide{text-align: center; color: #999}
.history-swiper .dot{width: 20px; height: 20px; background: url(../img/history-dot2.png) no-repeat center/cover; margin:0 auto 20px;}
.history-swiper .swiper-slide-active{color: #8fc320}
.history-swiper .swiper-slide-active .dot{background-image: url(../img/history-dot1.png)}

.honor{padding-bottom: 120px}
.honor-list figure{width: 24%; text-align: center; position: relative;}
.honor-list .img{position: relative; overflow: hidden;}
.honor-list .player{position: absolute; background: rgba(0, 0, 0, .5); width: 100%; height: 100%; left: 0; bottom: -100%; transition: all 500ms}
.honor-list .player img{width: 40px; height: 40px; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.honor-list .img:hover .player{bottom: 0}
.honor-list img{width: 100%; display: block; object-fit: cover; height: auto}
.honor-list figcaption{font-size: 26px; color: #8fc320; margin: 10px 0; display: block;}
.honor-list p{margin: 0; color: #4c4c4c}

.idea .item{width: 33.3333%; position: relative; text-align: center;}
.idea .item img{width: 100%; height: auto; display: block;}
.idea .item .text{position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 30px; right: 30px}
.idea .item .text b{font-size: 48px; display: block; margin-bottom: 10px}
.idea .item .text span{font-size: 32px;}

.category{width: 900px; margin: 100px auto 100px; background: #fff; border-radius: 999px; display: flex; overflow: hidden;}
.category a{width: 100%; height: 70px; line-height: 70px; text-align: center; border-radius: 999px; color: #8fc320; font-size: 18px; transition: all 300ms}
.category a:hover,.category a.current{color: #fff !important; background: #8fc320}


.category2{width: 900px; margin: 30px auto 0; background: #fff; border-radius: 999px; display: flex; overflow: hidden;}
.category2 a{width: 100%; height: 70px; line-height: 70px; text-align: center; border-radius: 999px; color: #8fc320; font-size: 18px; transition: all 300ms}
.category2 a:hover,.category2 a.current{color: #fff !important; background: #8fc320}


.goods{padding-bottom: 100px}
.goods figure{width: 23%; margin: 0 0.75%; overflow: hidden; border-radius: 10px; background: #000; position: relative; margin-bottom: 20px}
.goods figure .img{width: 100%; display: block; height: auto; transition: all 300ms}
.goods .before, .goods .inner{height: 100%}
.goods .inner{background: #fff; transition: all 300ms}
.goods figure:hover .inner{opacity: .5}
.goods figure:hover .img{transform: scale(1.3);}
.goods .before figcaption{height: 70px; line-height: 70px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 26px; color: #8fc320; background: white;}
.goods .after{position: absolute; width: 100%; border-radius: 20px 20px 0 0; height: 70%; left: 0; top: 150%; background: rgba(143, 195, 32, .9); color: #fff; padding: 15px; padding-top: 20px; transition: all 300ms;}
.goods .after figcaption{font-size: 20px; margin-bottom: 15px; margin-bottom: 20px; font-weight: bold;}
.goods .after p{height: 40px; line-height: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.goods .after .player{width: 123px; height: 35px; line-height: 35px; text-align: center; background: #fff; display: block; margin: 10px auto 0; border-radius: 99px}
.goods figure:hover .after{top: 55%;}

.news-list{margin: 120px auto 100px}
.news-list a{width: 32%; margin: 0 0.6667%; margin-bottom: 20px; overflow: hidden; border-radius: 10px}
.news-list a img{width: 100%; display: block; height: auto; transition: all 300ms}
.news-list a:hover img{transform: scale(1.3);}
.news-list .bottom{background-color: #e5ece9; position: relative; z-index: 1; padding:10px 20px; color: #4c4c4c}
.news-list time{text-align: center; margin-right: 20px;}
.news-list b{display: block; font-weight: bold; font-size: 36px; line-height: 1}
.news-list span{font-size: 14px; white-space: nowrap;}
.news-list h3{margin: 0; font-size: 20px; color: #1a1a1a}
.news-list p{margin: 0; margin-top: 10px}

.pagination, .pagination li{list-style: none; margin: 0; padding: 0}
.pagination{text-align: center; margin-bottom: 100px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.pagination li{margin-bottom: 10px;}
.pagination a, .pagination span{display: inline-block; margin: 0 10px; border-radius: 999px; white-space: nowrap; width: 44px; height: 44px; line-height: 44px; text-align: center; background: #f7f7f7;}
.pagination .songti{font-family: '宋体'; font-weight: bold;}
.pagination span, .pagination a:hover{background-color: #8fc320; color: #fff !important}

.article{padding: 120px 0 100px; min-height: calc(100vh - 204px);}
.article .title{font-size: 40px; margin:0; color: #8fc320; margin-bottom: 20px;}
.article .desc{color: #999;}
.article .desc span{font-family: '宋体'; margin: 0 15px;}
.article .detail img{max-width: 100%;}

.conditions-list img{width: 32%}

.fee-list{border: 10px solid #dcb089; box-shadow: 0 0 35px 7px rgba(0, 0, 0, .14); background: #fff; padding: 40px; border-radius: 10px; margin-bottom: 100px}
.fee-top{border-bottom: 1px solid #d1d7d4; padding-bottom: 35px; flex-grow: 1}
.fee-top .price{font-size:22px; color:#8fc320}
.fee-top .price b{color: #c19670; font-size: 36px; font-weight: bold;}
.fee-top p{color:#999}
.fee-bottom .img{padding: 35px 0 60px 0; width: 33.3333%}
.fee-bottom .img .price{color: #c19670; font-size: 22px;}
.fee-bottom .img p{color:#999}
.fee-bottom .fee2, .fee-bottom .fee3{border-right: 1px solid #f2eeeb; border-bottom: 1px solid #f2eeeb}
.fee-bottom .fee4{border-bottom: 1px solid #f2eeeb}
.fee-bottom .fee5, .fee-bottom .fee6{border-right: 1px solid #f2eeeb;}
.fee-bottom .fee3, .fee-bottom .fee4, .fee-bottom .fee6, .fee-bottom .fee7{padding-left: 35px}

.flow{padding-bottom: 100px}
.flow .flow-img{margin-bottom: 60px}
.flow .flow-img img{display: block; max-width: 100%; height: auto;}
/*swiper 匀速运动*/
.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: linear;
}

.qa-list{padding-bottom: 100px;}
.qa-list .img{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08); width: 49%; margin-bottom: 20px}

.cases{padding-bottom: 80px}
.cases{color: #8fc320}
.case-list{margin-bottom: 20px}
.cases .img{width: 600px; height: 360px; margin-right: 40px; flex-shrink: 0; object-fit: cover; border-radius: 8px}
.cases .sub-tit{font-size: 30px; margin-bottom: 30px; display: block;}
.cases .title{font-size: 30px; margin-bottom: 30px; font-weight: bold; text-align: center;}
.cases .desc{line-height: 1.8; text-indent: 2em}

.consultation{padding-bottom: 100px;}
.consultation-form{padding: 40px; font-size: 18px}
.consultation input[type="text"]{padding: 10px; border:1px solid #727272; transition: all 300ms}
.consultation input[type="text"]:focus{border-color: #8fc320; box-shadow: 0 0 10px 0 rgba(40, 90, 52, .3);}
.consultation .top .item{width: 23.5%; display: flex; align-items: center;}
.consultation .top label{color: #8fc320; white-space: nowrap; flex-shrink: 0}
.consultation .top input{width: 100%; box-sizing: border-box;}
.consultation .title{text-align: center; margin:40px 0 25px; color: #8fc320; font-weight: bold;}
.consultation .bottom{}
.consultation .item2:first-child{margin-right: 130px}
.consultation .item2 label{display: block; margin-bottom: 15px; color: #8fc320}
.consultation .submit{margin-top: 50px; text-align: center;}
.consultation .submit button{background-color: #8fc320; color: #fff; transition: all 300ms; width: 300px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; cursor: pointer; border: 0 none}
.consultation .submit button:hover{transform: scale(1.2);}

@media (max-width: 1599px) {
	.fee-list{
		padding:25px;
	}
	.fee-bottom .fee3, .fee-bottom .fee4, .fee-bottom .fee6, .fee-bottom .fee7{
		padding-left: 10px;
	}
}
@media (max-width: 1439px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1199px) {
	.about-msn{padding: 30px;}
	.about-msn h1{margin-top: 0;}
	.about-msn p{margin-top: 30px;}
	.history-list .item{height: 180px;}
	.history-list .item img{width: 310px; height: 180px; margin-right: 20px}
	.history-list .item span{margin-bottom: 55px}
	.fee-bottom .img{width: 50%}
	.fee-bottom .fee3,.fee-bottom .fee5{border-right: 0 none}
	.fee-bottom .fee4{border-right: 1px solid #f2eeeb; padding-left: 0}
	.fee-bottom .fee6{padding-left: 0}
	.fee-bottom .fee5{border-bottom: 1px solid #f2eeeb; padding-left: 10px}
	.consultation .top .item{width: 49%;}
	.consultation .top .item:nth-child(3), .consultation .top .item:nth-child(4){margin-top: 15px}
	.cases .img{width: 400px; height: 280px;}
}
@media (max-width: 991px) {
	.about-msn img{margin-left: 30px;}
	.goods .before figcaption{font-size: 16px}
	.goods .after figcaption{margin-bottom: 20px;}
	.goods .after p{height: 68px; -webkit-line-clamp: 4;}
}
@media (max-width: 767px) {
	.about-msn{margin-left: 15px; margin-right: 15px; padding: 20px; align-items: center; border-radius: 20px;}
	.about-msn p{margin-top: 15px; 	line-height: 1.3;}
	.about-msn h1{font-size: 25px;}
	.about-msn span{font-size: 16px;}
	.about-msn img{display: none;}
	.history-top{left: 15px; right: 15px}
	.history-list .item{height: 100px;}
	.history-list .item img{width: 172px; height: 100px; margin-right: 15px}
	.history-list .item span{margin-bottom: 25px; font-size: 16px}
	.history-list .item b{font-size: 20px}
	.history-top .left-btn, .history-top .right-btn{width: 35px; height: auto;}
	.history-swiper{margin-top: 60px}
	.page-title{padding: 60px 0 30px}
	.page-title b{font-size: 28px;}
	.page-title span{font-size: 18px;}
	.history{padding-bottom: 30px}
	.honor{padding-bottom: 15px}
	.honor-list figcaption{font-size: 20px}
	.honor-list figure{width: 49%; margin-bottom: 15px}

	.idea .item img{height: 200px; object-fit: cover;}
	.idea .item .text{left: 10px; right: 10px}
	.idea .item .text b{font-size: 20px;}
	.idea .item .text span{font-size: 16px;}

	.category{width: auto; margin: 30px 15px 30px; flex-wrap: wrap;}
	.category a{height: 36px; line-height: 36px; font-size: 16px; white-space: nowrap; width: auto; padding: 0 10px}

	.goods figure{width: 100%; margin: 0 0 15px}
	.goods .after p {height: 85px;}

	.news-list{margin: 60px auto 30px}
	.news-list a{width: 100%; margin:0 0 20px;}
	.pagination{margin-bottom: 60px}

	.article{padding: 60px 15px 30px;}
	.article .title{font-size: 26px; margin-bottom: 10px;}
	.article .desc{color: #999;}
	.article .desc span{font-family: '宋体'; margin: 0 15px;}
	.article .detail img{max-width: 100%;}

	.conditions-list img{width: 100%; margin-bottom: 15px}

	.fee-list{margin-left: 15px; margin-right: 15px; padding: 15px; margin-bottom: 30px}
	.fee-bottom .img{width: 100%; padding: 15px 0 25px}
	.fee-top img, .fee-bottom .img img{max-width: 100%}
	.fee-bottom .fee3, .fee-bottom .fee5, .fee-bottom .fee7{padding-left: 0}
	.fee-bottom .fee2, .fee-bottom .fee4, .fee-bottom .fee6{border-right: 0 none}
	.fee-bottom .fee6{border-bottom: 1px solid #f2eeeb;}

	.flow{padding-bottom: 30px}
	.flow .flow-img{margin-bottom: 20px}
	.qa-list, .cases{padding-bottom: 30px;}
	.qa-list .img{width: 100%}

	.consultation{padding-bottom: 30px}
	.consultation-form{border-width: 10px; padding: 20px; margin: 0 15px}
	.consultation .top .item{width: 100%;}
	.consultation .top .item:nth-child(2){margin-top: 15px}
	.consultation .title{margin:20px 0 15px;}
	.consultation .item2{width: 90%}
	.consultation .item2:first-child{margin-right: 0}
	.consultation .item2 input[type='text']{width: 100%}
	.consultation .submit button{width: 100%; font-size: 16px}
	.cases .img{width: 100%; height: auto; margin-bottom: 15px;}
	.case-list{flex-wrap: wrap;}
	.cases .sub-tit, .cases .title{margin-bottom: 15px; font-size: 20px}
	.cases .desc{margin:0}
	.goods{padding-bottom: 30px}
}
@media (max-width: 500px) {
	.history-list{margin-left:15px}
	.history-list .item{height: 80px;}
	.history-list .item img{width: 80px; height: 80px;}
}
@media (max-width: 360px) {
}