/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner{height: 450px;background: url(../img/join/banner.jpg) top center no-repeat;}
	.banner .ban{width: 1200px;margin: 80px auto 0px;overflow: hidden;}
	.banner .ban h2{font-size: 48px;color: #fff;line-height: 40px;margin: 20px 0px 50px;position: relative;}
	.banner .ban h2::after{width: 220px;height: 2px;background: #fff;position: absolute;content: "";left: 0px;top: 70px;}
	.banner .ban h3{font-size: 26px;margin: 0px auto;color: #fff;font-weight: normal;line-height: 34px;}
	.banner .ban p{font-size: 22px;color: #fff;margin-top: 10px;}
	.banner .ban a,.mbtn{width: 200px;background: #fff;color: #1c8ac5;border: 1px solid #fff;line-height: 50px;border-radius: 8px;font-size: 16px;text-align: center;margin-top: 30px;display: block;}
	.banner .ban a{float: left;}
	.banner .ban .cure{background: #fff;color: #176ae6;border: 1px solid #fff;}
	.m_1,.m_3{width: 1200px;margin: 60px auto;}
	.m_1 ul,.m_3 ul{width: 100%;margin: 50px auto 0px;display: flex;justify-content: space-between;}
	.m_1 ul li{width: 164px;padding: 30px;border-radius: 6px;background: #fff;box-shadow: 0px 10px 30px 0px rgb(232 232 236);cursor: pointer;position: relative;overflow: hidden;text-align: center;transition: all ease 300ms;}
	.m_1 ul li::before{background: linear-gradient(to right,#f6c419,#fc8832);content: "";position: absolute;width: 100%;height: 8px;left: 0px;top: 0px;}
	.m_1 ul li h3{font-size: 24px;font-weight: normal;margin: 30px 0px;}
	.m_1 ul li p{font-size: 14px;line-height: 24px;height: 120px;color: #666;}
	.m_1 ul li:nth-child(1) h3{color: #fc8832;}
	.m_1 ul li:nth-child(2)::before{background: linear-gradient(to right,#ff4c2b,#fa2828);}
	.m_1 ul li:nth-child(2) h3{color: #fa2828;}
	.m_1 ul li:nth-child(3)::before{background: linear-gradient(to right,#321fe6,#5e91fa);}
	.m_1 ul li:nth-child(3) h3{color: #5e91fa;}
	.m_1 ul li:nth-child(4)::before{background: linear-gradient(to right,#0b8ff4,#0addf0);}
	.m_1 ul li:nth-child(4) h3{color: #0addf0;}
	.m_1 ul li:nth-child(5)::before{background: linear-gradient(to right,#00df86,#00bb75);}
	.m_1 ul li:nth-child(5) h3{color: #00bb75;}
	.m_1 ul li:hover{transform: translateY(-10px);}
	.m_2,.m_4{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f5f8fb;overflow: hidden}
	.m_2 ul{width: 1200px;margin: 50px auto 0px;display: flex;justify-content: space-between;}
	.m_2 ul li{width: 376px;background: #fff;border-radius: 6px;box-shadow: 0px 10px 30px 0px rgb(232 232 236);overflow: hidden;}
	.m_2 ul li i{display: block;width: 100%;height: 300px;}
	.m_2 ul li p{padding: 0px 20px 20px;font-size: 16px;margin-top: 20px;text-align: center;color: #666;}
	.m_3 ul{overflow: hidden;display: flex;justify-content: space-between;}
	.m_3 ul li{width: 176px;float: left;margin-right: 80px;position: relative;}
	.m_3 ul li i{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 0px auto 20px;}
	.m_3 ul li span{display: block;width: 20px;height: 20px;background: #aaadb7;margin: 30px auto;border-radius: 50%;position: relative;}
	.m_3 ul li span::after{content: "";position: absolute;width: 260px;border-bottom: 1px dashed #aaadb7;top: 10px;left: -80px;}
	.m_3 ul li p{font-size: 18px;text-align: center;}
	.m_4{background: url(../img/join/bg.jpg) top center no-repeat;}
	.m_4 .left{width: 550px;}
	.m_4 .title{text-align: left;width: 100%;}
	.m_4 .title h2{margin-bottom: 10px;color: #fff;}
	.m_4 .title p{color: #fff;line-height: 24px;opacity: 0.9;}
	.m_4 ul{margin-top: 10px;}
	.m_4 ul li{width: 140px;text-align: center;position: relative;border-radius: 6px;overflow: hidden;cursor: pointer;float: left;margin: 10px 20px 0px 0px;}
	.m_4 ul li i{width: 100%;background: #fff;display: flex;align-items: center;}
	.m_4 ul li i img{width: 60%;margin: 0rem auto;}
	.m_4 ul li p{position: absolute;bottom: 0px;background: rgba(18,54,197,0.6);color: #fff;font-size: 14px;width: 100%;line-height: 32px;transform: translateY(50px);transition: all ease 300ms;}
	.m_4 ul li:hover p{transform: translateY(0px)}
	.m_4 .right{width: 400px;overflow: hidden;color: #fff;}
	.m_4 .right dt{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
	.m_4 .right dd{font-size: 16px;line-height: 32px;}
	.m_4 .right dd i{margin-right: 10px;}
	.m_4 .right dd .fa-phone{font-size: 20px;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner{width: 100%;background: url(../img/join/mbanner.jpg) top center no-repeat;background-size: cover;text-align: center;color: #fff;box-sizing: border-box;padding-bottom: 4rem;}
	.banner .swiper-slide .ban  h2{font-size: 1.6rem;}
	.banner .swiper-slide .ban  h2 i{display: block;}
	.banner .swiper-slide .ban  h2::after{top:5.5rem}
	.banner .swiper-slide .ban  h3{margin-top: 0.6rem;}
	.banner .swiper-slide .ban  p{margin-top: 0.6rem;}
	.banner a{margin-right: 0rem;}
	.m_1,.m_3{width: 96%;margin: 2rem auto;}
	.m_1 ul{width: 100%;margin: 1rem auto 0rem;}
	.m_1 ul li{width: 80%;padding: 5% 4%;border-radius: 0.4rem;background: #fff;box-shadow: 0px 10px 30px 0px rgb(232 232 236);position: relative;overflow: hidden;text-align: center;margin: 0.8rem auto 0rem;}
	.m_1 ul li::before{background: linear-gradient(to right,#f6c419,#fc8832);content: "";position: absolute;width: 100%;height: 8px;left: 0px;top: 0px;}
	.m_1 ul li h3{font-size: 1.2rem;font-weight: normal;margin: 1rem 0rem;}
	.m_1 ul li p{font-size: 0.8rem;line-height: 1.4rem;color: #666;}
	.m_1 ul li:nth-child(1) h3{color: #fc8832;}
	.m_1 ul li:nth-child(2)::before{background: linear-gradient(to right,#ff4c2b,#fa2828);}
	.m_1 ul li:nth-child(2) h3{color: #fa2828;}
	.m_1 ul li:nth-child(3)::before{background: linear-gradient(to right,#321fe6,#5e91fa);}
	.m_1 ul li:nth-child(3) h3{color: #5e91fa;}
	.m_1 ul li:nth-child(4)::before{background: linear-gradient(to right,#0b8ff4,#0addf0);}
	.m_1 ul li:nth-child(4) h3{color: #0addf0;}
	.m_1 ul li:nth-child(5)::before{background: linear-gradient(to right,#00df86,#00bb75);}
	.m_1 ul li:nth-child(5) h3{color: #00bb75;}
	.m_2,.m_4{width: 100%;margin: 0rem auto;padding: 2rem 0rem;background: #f5f8fb;overflow: hidden}
	.m_2 ul{width: 96%;margin: 1.8rem auto 0rem;}
	.m_2 ul li{width: 30%;float: left;margin-right: 3%;background: #fff;border-radius: 0.4rem;box-shadow: 0px 10px 30px 0px rgb(232 232 236);}
	.m_2 ul li i{display: block;width: 100%;}
	.m_2 ul li i img{width: 100%;}
	.m_2 ul li p{padding: 0rem 0.6rem 1rem;font-size: 0.8rem;margin-top: 0.8rem;text-align: center;color: #666;}
	.m_3 ul{margin: 2rem auto 0rem;width: 100%;}
	.m_3 ul li{width: 70%;position: relative;margin: 0rem auto;}
	.m_3 ul li i{width: 5rem;height: 5rem;border-radius: 50%;display: block;margin: 0rem;position: relative;z-index: 2;}
	.m_3 ul li i img{width: 100%;}
	.m_3 ul li span{display: block;margin: 0rem 0rem 0rem 2.2rem;border-radius: 50%;position: relative;z-index: 0;}
	.m_3 ul li span::after{content: "";position: absolute;width: 10rem;border-bottom: 0.1rem dashed #aaadb7;top: 10px;left: -80px;transform: rotate(90deg);}
	.m_3 ul li:last-of-type span::after{border: 0rem;}
	.m_3 ul li p{font-size: 1.2rem;color: #666;display: block;margin: 0rem 0rem 2rem 6rem;}
	.m_3 ul li:last-of-type p{margin-bottom: 0rem;}
	.m_4{background: url(../img/join/bg.jpg) top center no-repeat;background-size: cover;}
	.m_4 .left{width: 96%;float: none;margin: 0rem auto;}
	.m_4 .left .title h2,.m_4 .left .title p{color: #fff;padding: 0rem;}
	.m_4 .right{width: 100%;margin: 1rem auto 0rem;}
	.m_4 .left  li{width: 48%;float: left;margin: 1rem 0rem 0rem;text-align: center;position: relative;border-radius: 6px;overflow: hidden;cursor: pointer;}
	.m_4 .left  li i{width: 100%;background: #fff;display: block;}
	.m_4 .left  li p{position: absolute;bottom: 0rem;background: rgba(18,54,197,0.6);color: #fff;font-size: 0.8remx;width: 100%;line-height: 1.6rem;}
	.m_4 .left  li:nth-child(2n){float: right;}
	.m_4 .right{width: 90%;overflow: hidden;color: #fff;margin: 2rem auto 0rem;}
	.m_4 .right dt{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
	.m_4 .right dd{font-size: 16px;line-height: 32px;}
	.m_4 .right dd i{margin-right: 10px;}
	.m_4 .right dd .fa-phone{font-size: 20px;}
}
.banner h2 i{font-style: normal;}