/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner{height: 450px;background: url(../img/qudaohezuo/banner.jpg) top center no-repeat;}
	.banner h3:last-of-type{margin-top: 10px;}
	.m_1,.m_3{width: 1200px;margin: 60px auto;}
	.m_1 ul,.m_3 ul{width: 100%;margin: 50px auto 0px;}
	.m_1 ul li{width: 164px;padding: 30px;margin-right: 20px;border-radius: 6px;float: left;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:last-child,.m_2 ul li:last-child,.m_3 ul li:last-child,.m_4 .left ul li:nth-child(3n){margin-right: 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;}
	.m_2 ul li{width: 376px;float: left;margin-right: 36px;background: #fff;border-radius: 6px;box-shadow: 0px 10px 30px 0px rgb(232 232 236);}
	.m_2 ul li i{display: block;width: 100%;height: 300px;}
	.m_2 ul li p{padding: 0px 30px 30px;font-size: 16px;margin-top: 20px;text-align: center;color: #666;}
	.m_3 ul{overflow: hidden;}
	.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/qudaohezuo/bg.jpg) top center no-repeat;}
	.m_4 .left{width: 500px;}
	.m_4 .left .title{text-align: left;}
	.m_4 .left .title h2,.m_4 .left .title p{color: #fff;}
	.m_4 .left ul{width: 100%;margin: 30px auto 0px;}
	.m_4 .left ul li{width: 152px;float: left;margin: 20px 22px 0px 0px;text-align: center;position: relative;border-radius: 6px;overflow: hidden;cursor: pointer;}
	.m_4 .left ul li i{width: 100%;height: 80px;background: #fff;display: block;}
	.m_4 .left 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 .left ul li:hover p{transform: translateY(0px)}
	.m_4 .right{width: 550px;}
	.m_4 .right p{margin: 0px 0px 28px;overflow: hidden;position: relative;}
	.m_4 .right p label{display: block;font-size: 16px;color: #b3deff;margin-bottom: 4px;}
	.m_4 .right p .ftxt,.m_4 .right p select{width: 500px;height: 40px;line-height: 40px;padding: 0px 16px;background: #1236c5;border-radius: 6px;font-size: 14px;border: 1px solid #0b8ff4;color: #fff;}
	.m_4 .right p .sel01{width: 530px;}
	.m_4 .right p .sel02{width: 255px;margin-right: 20px;}
	.m_4 .right p .sel02:last-child{margin-right: 0px;}
	.m_4 .right p .msg-box{position: absolute;right: 30px;color: #ffb400;line-height: 40px;}
	.m_4 .right p input::placeholder{color: #b3deff;font-size: 14px;}
	.m_4 .right p .getcode2{background: initial;position: absolute;right: 20px;color: #ddf0ff;font-size: 14px;border-left: 1px solid #0b8ff4;width: 120px;margin: 10px 0px;cursor: pointer;}
	.m_4 .right .mbtn{margin: 10px 0px 0px;width: 530px;cursor: pointer;}
	.m_4 .right p:last-child{margin-bottom: 0px;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner{width: 100%;background: url(../img/qudaohezuo/mbanner.jpg) top center no-repeat;background-size: cover;text-align: center;color: #fff;box-sizing: border-box;padding-bottom: 4rem;}
	.banner h2 i{display: block;}
	.banner h2::after{top:5.9rem}
	.banner h3:last-of-type{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/qudaohezuo/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 .left ul{width: 100%;margin: 1rem auto 0rem;}
	.m_4 .left ul li{width: 48%;float: left;margin: 1rem 0rem 0rem;text-align: center;position: relative;border-radius: 6px;overflow: hidden;cursor: pointer;}
	.m_4 .left ul li i{width: 100%;background: #fff;display: block;}
	.m_4 .left ul 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 ul li:nth-child(2n){float: right;}
	.m_4 .right{width: 96%;float: none;margin: 1.6rem auto 0rem;}
	.m_4 .right p{margin: 0rem 0rem 0.6rem;overflow: hidden;position: relative;}
	.m_4 .right p label{display: block;font-size: 0.8rem;color: #b3deff;margin-bottom: 0.6rem;}
	.m_4 .right p .ftxt,.m_4 .right p select{width: 90%;height: 2.6rem;line-height: 2.6rem;padding: 0rem 5%;background: #1236c5;border-radius: 0.4rem;font-size: 0.8rem;border: 1px solid #0b8ff4;color: #fff;}
	.m_4 .right p .sel01{width: 100%;}
	.m_4 .right p .sel02{width: 48%;margin-right: 2%;}
	.m_4 .right p .sel02:last-child{margin-right: 0%;}
	.m_4 .right p .msg-box{position: absolute;right: 0.6rem;color: #ffb400;top: 0.6rem;}
	.m_4 .right p input::placeholder{color: #b3deff;font-size: 14px;}
	.m_4 .right p .getcode2{background: initial;position: absolute;right: 0rem;color: #ddf0ff;font-size: 0.8rem;border-left: 1px solid #0b8ff4;width: 30%;top: 0.8rem;}
	.m_4 .right .mbtn{margin: 0.6rem 0rem 0rem;width: 100%;cursor: pointer;}
	.m_4 .right p:last-child{margin-bottom: 0px;}
}
.banner h2 i{font-style: normal;}