.banner-support {
	background: url(../image/banner-faq.jpg) no-repeat center center / cover;
}

.support{ width: 100%;}
.support ul{ width: 100%; display: block; margin-top: .4rem;}
.support ul li{ width: 48%; display: inline-block; margin: .15rem 1%; position: relative;}
.support li a{ width: 100%; height: auto; transition: all 0.3s ease 0.1s;}
.support li .img a:hover img{ opacity: 0.7;}
.support li .img{ width: 100%;}
.support li .img img{ width: 100%;}

.support li dl{ width: 100%; display: block; background: #f5f5f5; box-sizing: border-box; padding: .3rem;}
.support li dl dt{ width: 100%; font-size: .2rem; color: #333; line-height: .24rem; height: .24rem; overflow: hidden; transition: all 0.3s ease 0.1s;}
.support li dl a:hover dt{ color: #20853a;}
.support li dl dd{ width: 100%; font-size: .14rem; color: #666; line-height: .24rem; height: .48rem; overflow: hidden; transition: all 0.3s ease 0.1s;}
.support li dl a:hover dd{ color: #000;}
.support li dl .date{width: 100%; font-size: .14rem; margin: .05rem 0; line-height: .3rem; color: #20853a; position: relative; z-index: 1;}
.support li dl .date i { font-family: "iconfont"; font-size: .18rem; color: #20853a; margin-right: .05rem; }

.support li dl a button{ color: #fff; background: #20853a; padding: .07rem .24rem; line-height: .24rem; margin-top: .1rem; font-size: .14rem; border: none}
.support li dl a button i{ font-family: "iconfont"; font-size: .14rem; display: inline-block; vertical-align: middle; margin: 0 0 0 .04rem;}
.support center{ font-size: .16rem;}

/* 应用案例 */

.Others{ display: block;}
.caselist{ display: block;}
.caselist li{ width: 25%; display: inline-block; height: auto; box-sizing: border-box; padding: .15rem;}
.caselist li a{ width: 100%; float: left; position: relative;}
.caselist li .pic{ height: 3.5rem; position: relative; z-index: 2; border: 12px solid #20853a; overflow: hidden; transition: all 0.3s ease-in-out}
.caselist li .pic img{ max-height: 102%; float: left;}
.caselist li .tit{ width: 100%; background: #eee; font-size: .14rem; text-align: center; line-height: .4rem; color: #007909; font-weight: bold;}
.caselist li a:hover{ opacity: .7;}


.advantage{ display: block; font-size: 0; box-sizing: border-box; padding: 0 1.4rem;}
.advantage .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .2rem;}
.advantage .title::before,.advantage .title::after{ display: none !important;}
.advantage .title .tit{ display: block !important; padding: 0 !important; text-align: left; border-bottom: 4px solid #eee;}
.advantage .title .tit h2{ display: inline-block !important; color: #20853a; font-size: .24rem; line-height: .24rem !important; font-weight: normal !important; position: relative; }

.advantage .title .tit h3{ margin-left: .1rem; display: inline-block !important; color: #878787; font-size: .14rem; text-transform: uppercase; line-height: .18rem; height: .24rem !important; letter-spacing: .03rem;}

.advantage ul{ display: block; text-align: center; font-size: 0; margin-top: .3rem;}
.advantage ul li{ display: inline-block; text-align: left; width: 2.66rem; min-height: 1.5rem; margin: 0 .48rem .2rem;vertical-align: top;}

.advantage ul li:nth-of-type(1){ margin-left: 0;}
.advantage ul li:nth-of-type(3){ margin-right: 0;}


.advantage ul li i{ font-family: "iconfont"; font-size: .48rem; margin-right: .1rem; color: #20853a; display: inline-block; vertical-align: middle;}
.advantage ul li b{ font-size: .16rem; color: #7c7c7c; display: inline-block; vertical-align: middle;}
.advantage ul li p{ display: block; font-size: .14rem; color: #7c7c7c; line-height: .18rem; margin: 0;}

.join-ad{ background: url(../image/join-ad.jpg) no-repeat center center; display: block; height: 2.7rem; margin: 0;}
.join-ad h2{ color: #fff; font-size: .6rem; text-shadow: -10px 10px 0 rgba(32,133,58,.35); text-align: center; line-height: 2.6rem; display: block;}


.help{ display: block;}
.help .list{ display: block; margin-top: .4rem;}
.help .list ul{ width: 50%; display: inline-block; font-size: 0; vertical-align: top; box-sizing: border-box; padding-left: .8rem;}
.help .list ul li{ display: block; position: relative; box-sizing: border-box; padding-left: .26rem; padding-bottom: .18rem;}
.help .list ul li::after{ content: ""; width: .16rem; height: .16rem; display: inline-block; border-radius: 100%; background: #d6d672; display: inline-block; position: absolute; left: 0; top: 0;}
.help .list ul li::before{ content: ""; width: 1px; height: 100%; display: inline-block; background: #ccc; display: inline-block; position: absolute; left: .08rem; top: 0;}

.help .list ul li b{ font-size: .14rem; line-height: .16rem; margin-bottom: .18rem; display: block; color: #000;}
.help .list ul li p{ font-size: .14rem; line-height: .18rem; color: #878787; display: block;}
.help .list ul li:last-of-type::before{ display: none;}
.help .img-list{ width: 50%; display: inline-block; font-size: 0; vertical-align: top; box-sizing: border-box; padding-left: .8rem;}
.help .img-list .img{ display: block; font-size: 0; margin-bottom: .22rem;}
.help .img-list .img img{ max-width: 100%;}


.join-process{ display: block; background: #efefef; padding: .5rem 0;}
.join-process ul{ display: table; width: 100%; text-align: center; font-size: 0; margin-top: .3rem;}
.join-process ul li{ display: table-cell; text-align: center; width: 16%; position: relative;}
.join-process ul li::after{ content: "\e90e"; font-family: "iconfont"; display: inline-block; position: absolute; left: 50%; line-height: 1rem; top: 0; margin-left: .53rem; width: 1rem; height: 1rem; color: #999; font-size: .36rem;}
.join-process ul li:nth-last-child(1)::after{ display: none;}

.join-process ul li i{ font-family: "iconfont"; font-size: .48rem; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 100%; background: #20853a; color: #fff; display: inline-block; vertical-align: middle;}
.join-process ul li h4{ font-size: .14rem; color: #7b7b7b; display: block; line-height: .24rem; margin-top: .1rem;}
.join-process ul li h5{ display: block; font-weight: normal; padding: 0; text-transform: uppercase; font-size: .14rem; color: #7b7b7b; line-height: .24rem; margin: 0;}



.joinus{ background: url(../image/joinus.jpg) no-repeat center center; display: inline-block; width: 100%; height: 5.15rem; margin: 0;}
.joinus h2{ color: #fff; font-size: .72rem; font-style: italic; font-weight: bold; text-shadow: -10px 10px 0 rgba(0,0,0,.35); text-align: center; line-height: 2.17rem; margin-top: .77rem; display: block;}
.joinus a{ color: #fff; background: #007909; max-width: 3rem; height: .76rem; line-height: .76rem; text-align: center; margin: 0 auto; font-size: .36rem; box-shadow: -10px 10px 0 rgba(0,0,0,.35);  display: block;}

.about-common{ margin-bottom: 0;}

@media screen and (max-width: 734px){
	.main{ width: 100%; padding: 0;}
	.support ul li{ width: 96%; display: inline-block; margin: 2% 2% 0; position: relative;}
	.caselist li{ width: 50%; display: inline-block; height: auto; box-sizing: border-box; padding: .1rem;}
	.caselist li .pic{height: 2.5rem}
	.caselist li a{ width: 100%; float: left; position: relative;}
	.caselist li a:hover{ opacity: 1;}

	.advantage{ display: block; font-size: 0; box-sizing: border-box; padding: 0 .2rem;}
	.advantage .title{ display: block; text-align: center; font-size: 0; position: relative; margin: .5rem 0 .2rem;}
	
	.advantage ul li{ display: inline-block; text-align: left; width: 100%; min-height: auto; margin: 0 0 .2rem;}
	
	
	.advantage ul li i{ font-family: "iconfont"; font-size: .48rem; margin-right: .1rem; color: #20853a; display: inline-block; vertical-align: middle;}
	.advantage ul li b{ font-size: .16rem; color: #7c7c7c; display: inline-block; vertical-align: middle;}
	.advantage ul li p{ display: block; font-size: .14rem; color: #7c7c7c; line-height: .18rem; margin: 0;}
	


	.join-ad{ background: url(../image/join-ad.jpg) no-repeat center center; display: block; height: 1rem; margin: 0;}
	.join-ad h2{ color: #fff; font-size: .24rem; text-shadow: -10px 10px 0 rgba(32,133,58,.35); text-align: center; line-height: 1rem; display: block;}
	
	
	.help{ display: block;}
	.help .list{ display: block; margin-top: .4rem;}
	.help .list ul{ width: 100%; padding: 0 .2rem;}
	.help .img-list{ width: 100%; padding: 0 .2rem;}
	
	
	.join-process{  padding: .3rem 0;}
	.join-process ul{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%; text-align: center; font-size: 0; margin-top: .3rem;}
	.join-process ul li{ width: 30%; position: relative; margin-bottom: .3rem;}
	.join-process ul li::after{ display: none;}
	

	
	
	.joinus{ height: 2.25rem; margin: 0;}
	.joinus h2{ color: #fff; font-size: .36rem; font-style: italic; font-weight: bold; text-shadow: -10px 10px 0 rgba(0,0,0,.35); text-align: center; line-height: 1rem; margin-top: .3rem; display: block;}
	.joinus a{ color: #fff; background: #007909; max-width: 1.6rem; height: .4rem; line-height: .4rem; text-align: center; margin: 0 auto; font-size: .18rem; box-shadow: -10px 10px 0 rgba(0,0,0,.35);  display: block;}
	
	

}