.jion .warper{position:relative;z-index:9;}
.jion .content{padding-top:60px;line-height:2.15;}
.jion .content img{max-width: 100%;}
.jion .bg{background:#f4f4f4;height:40%;bottom:0;left:0;width:100%;position:absolute;}
.join2 li{width:25%;float:left;}
.join2{margin:0 -15px;}
.join2 li .text{padding:5px 15px 5px 27px;line-height:1.4;position:relative;}
.join2 li .text span{position:absolute;lefT:15px; top:5px;}
.jion3 .content{padding-top:40px;}
.jion3 .jion_title{border-bottom:1px solid #eaeaea;height:60px;line-height:60px;font-size:16px;position:relative;}
.jion3 .jion_title a{position:absolute;right:0px;font-size:12px;text-transform: uppercase;color:#ccc;}
.jion3 .jion_title a span{background: url(../images/arrow_d.png);vertical-align: sub;width: 13px;height: 13px;margin-left: 3px;display: inline-block;background-size: 100%;opacity: 0.4;}
.jion3 .jion_title.in a span{background: url(../images/arrow_u.png);background-size: 100%;}
.jion3 .jion_content{color:#666;line-height:2.5;padding:10px 0 20px;font-size:12px;}
.jion3 .jion_content h3{font-weight:normal;font-size:16px;color:#647333;}
.jion3 .jion_content h4{font-weight:normal;color:#333;font-size:14px;}
.jion3 .jion_content h4 span{border-left:3px solid #647333;padding-left:5px;}




@media screen and (max-width:1240px) {
	
}
@media screen and (max-width:1080px) {
	
}
@media screen and (max-width:880px) {
.jion .content{padding-top:40px;line-height:1.8}
.join2 li{width:33%;}
.join2 li .text{padding:3px 15px 3px 27px;}
	.join2 li .text span{top:3px;}
	.jion3 .jion_content{line-height:1.9;}
	.jion3 .jion_content h4{padding:10px 0 0;}
	.jion3 .content{padding-top:30px;}
	.jion3 .jion_title,.jion3 .jion_content h3{font-size:15px;}
}
@media screen and (max-width:640px) {
.jion .content{padding-top:30px;line-height:1.5}
.join2 li{width:50%;}
	.jion3 .jion_content{line-height:1.6;}
	.jion3 .content{padding-top:20px;}
}
@media screen and (max-width:380px) {
.join2 li{width:100%;}
	
}