@media (min-width: 1101px) {
.banner-container{
	/*height: 550px;*/
}
}

.cooperate-container3 ,
.cooperate-container5,
.cooperate-container7{
    background-color: #F9F8F8;
}

.main-container-title{
	    font-weight: bold;
	    color: #25ac81;
	    text-align: center;
	    margin-bottom: 50px;
	    font-size: 2.2rem;
}
.cooperate-num{
	color: white;
	background-image: url(../img/cooperate/join_tu9.png);
	background-repeat: no-repeat;
	    line-height: 80px;
	    background-size: contain;
		text-align: center;
		font-size: 50px;
		width:80px;
		font-style:oblique;
		float: left;
}
.cooperate-container{
	padding-top: 40px;
}
.cooperate-right-title h4{
	color: #25ac81;
	line-height: 100px;
	
}
.cooperate-title-name{
	margin-left:10px;
	    float: left;
}
.cooperate-right-title {
    overflow: auto;
}
.cooperate-container1-left {
    float: left;
	width:50%;
}
.cooperate-container1-left img{
   width:100%;
}
.cooperate-container1-right {
    float: left;
	width:50%;
	    padding-left: 30px;
    }
.cooperate-container li {
	 color: #25ac81; /* bullet color */
	
}
.cooperate-container li h5, .cooperate-container li p{
	  color: black; /* text color */
	  float: left;
	}
	.cooperate-container1 h5{
		width:80px;
		font-size: 18px;
	}
	.cooperate-container1 p{
		width:450px;
		margin-left: 10px;
		font-size: 14px;
		
	}
	.cooperate-container li p{
		color: #333333;
	}
	.cooperate-right-container-color li p{
		color: #888888;
	}
	.cooperate-right-container1{
		/* list-style:square */
	}
	.cooperate-container1{
		background-image: url(../img/cooperate/join_bg1.jpg);
		overflow: auto;
		background-size: 100%;
		padding-top: 20px;
	}
	.cooperate-container2-logo img{
		margin-top:30px;
	}
	.cooperate-join-img{
		width:100%;
		margin-bottom: 20px;
	}
	.cooperate-join-img img{
		width:100%;
	}
	.pc-cooperate-procedure-img{
		background-image: url(../img/cooperate/join_tu12.png);
		
		 background-size: contain;
		 background-repeat: no-repeat;
	}
	.pc-cooperate-img-line1 ,
	.pc-cooperate-img-line2,
	.mobile-cooperate-img-line3{
		overflow: auto;
		width: 100%;
	}
	.pc-cooperate-img-line1 span,
	.pc-cooperate-img-line2 span,
	.mobile-cooperate-img-line3 span{
		  float: left;
		      width: 70px;
		      font-size: 16px;
		      font-family: Microsoft YaHei;
		      font-weight: 400;
		      color: #1BA679;
		      text-align: center;
		      width: 16%;
		     
		      overflow: auto;
		      height: 8rem;
	}
	.pc-cooperate-img-line1 span p,
	.pc-cooperate-img-line2 span p,
	.mobile-cooperate-img-line1 span p,
	.mobile-cooperate-img-line2 span p,
	.mobile-cooperate-img-line3 span p{
		width:70px;
		    margin: auto;
	}

	.pc-cooperate-img-line2{
		margin-top: 3.3%;
	}
	.pc-cooperate-img-line1{
		padding-top: 4%;
	}
	.mobile-cooperate-img-line1 span,
	.mobile-cooperate-img-line2 span,
	.mobile-cooperate-img-line3 span{
	    float: left;
	    width: 70px;
	    font-size: 16px;
	    font-family: Microsoft YaHei;
	    font-weight: 400;
	    color: #1BA679;
	    text-align: center;
	    width: 24.4%;
	    overflow: auto;
	    height: 8rem;
	}
	.mobile-cooperate-img-line1 ,
	.mobile-cooperate-img-line2,
	.mobile-cooperate-img-line3{
		padding-left: 13%;
		padding-right: 13%;
		overflow: auto;
	}
	.mobile-cooperate-img-line1 span{
		padding-top: 3rem;
	}
	.mobile-cooperate-img-line2 span{
		padding-top: 4rem;
	}
	.mobile-cooperate-img-line3 span{
		padding-top: 2.9rem;
	}
	.mobile-cooperate-img-line3{
		padding-top: 3rem;
	}
	.mobile-cooperate-img-line1 {
	    padding-top: 0%;
	}
	@media (min-width: 1101px){
		.mobile-cooperate-procedure-img{
			display: none;
		}
	}
	/*mobile*/
	@media (max-width: 1100px){
		.pc-cooperate-procedure-img{
			display: none;
		}
		.banner-container {
		   /* height: 350px;*/
		}
		.cooperate-container1 li p{
			display: none;
		}
		.cooperate-container1 li {
			float: left;
			width:50%
		}
		.cooperate-right-container1 {
		    /* list-style: square; */
		    padding-left: 20px;
		}
		.cooperate-num {
		    line-height: 60px;
		    font-size: 40px;
		    width: 60px;
		}
		.cooperate-right-title h4 {
		    line-height: 60px;
		}
		.cooperate-right-title {
		    margin-bottom: 10px;
		}
		.mobile-cooperate-procedure-img{
			 background: url(../img/cooperate/WechatIMG49.png)  center ;
			 
			background-size: contain;
			background-repeat: no-repeat;
			position: relative;
		}
		.mobile-cooperate-img-box{
			position: absolute;
			width:100%;
		}
		.mobile-cooperate-img-box img{
			width:100%;
			
		}
		
		.cooperate-container1-left {
		   
		    width: 100%;
		}
		.cooperate-container1-right {
		    /* float: left; */
		    width: 100%;
		    padding-left: 30px;
		    overflow: auto;
			    padding-right: 30px;
		}
	
	}
	/*mobile*/
	@media (max-width: 700px){
		.cooperate-procedure-img{
			height: 367px;
		}
		.main-container-title {
		    margin-bottom: 20px;
		}
	}
	@media (max-width: 1199px){
		.pc-cooperate-img-line2 {
		    margin-top: 2.0%;
		}
	}
	@media (max-width: 1158px){
		.pc-cooperate-img-line2 {
		    margin-top: 1.0rem;
		}
	}
	@media (max-width: 1100px){
		.main-container {
		    width: 100%;
		}
		.mobile-cooperate-procedure-img{
			    width: 900px;
			    margin: auto;
		}
	}
	@media (max-width: 1000px){
		.mobile-cooperate-procedure-img{
			    width: 800px;
			    margin: auto;
		}
		.mobile-cooperate-img-line1 span, .mobile-cooperate-img-line2 span, .mobile-cooperate-img-line3 span {
			    width: 24.6%;
		}
		.mobile-cooperate-img-line1, .mobile-cooperate-img-line2, .mobile-cooperate-img-line3 {
		    padding-left: 10%;
		    padding-right: 10%;
		    
		}
	}
	@media (max-width: 800px){
		.mobile-cooperate-procedure-img{
			    width: 600px;
			    margin: auto;
				height: 416px;
		}
		.mobile-cooperate-img-line1 span, .mobile-cooperate-img-line2 span, .mobile-cooperate-img-line3 span {
			    width: 24.6%;
		}
		.mobile-cooperate-img-line1, .mobile-cooperate-img-line2, .mobile-cooperate-img-line3 {
		  padding-left: 3%;
		      padding-right: 3%;
		    
		}
		.mobile-cooperate-img-line3 {
		    padding-top: 1.3rem;
		}
	}
	@media (max-width: 600px){
		.mobile-cooperate-procedure-img{
			    width: 460px;
			    margin: auto;
				height: 416px;
		}
		.mobile-cooperate-img-line1 span, .mobile-cooperate-img-line2 span, .mobile-cooperate-img-line3 span {
			    width: 24.6%;
		}
		.mobile-cooperate-img-line1, .mobile-cooperate-img-line2, .mobile-cooperate-img-line3 {
		  padding-left: 3%;
		      padding-right: 3%;
		    
		}
		.mobile-cooperate-img-line1 {
		    padding-top: 8.5%;
		}
		.mobile-cooperate-img-line2 {
		    margin-top: -9%;
		}
		.mobile-cooperate-img-line3 {
		    margin-top: -6%;
		}
	}
	@media (max-width: 414px){
		.cooperate-container1 h5 {
		    width: 60px;
		    font-size: 12px;
		}
		.mobile-cooperate-procedure-img {
		    width: 320px;
		    margin: auto;
		    height: 306px;
		}
		.mobile-cooperate-img-line1 span p, .mobile-cooperate-img-line2 span p, .mobile-cooperate-img-line3 span p {
		    width: 70px;
		    margin: auto;
		    font-size: 12px;
		}
		.mobile-cooperate-img-line1 {
		   padding-top: 6.5%;
		}
		.mobile-cooperate-img-line2 {
		    margin-top: -22%;
		}
		.mobile-cooperate-img-line3 {
		    margin-top: -18%;
		}
		.banner-container {
		   /* height: 200px;*/
		}
	}