@media screen and (min-width: 768px){
	.banner{width: 100%;margin: 0px auto;overflow: hidden;height: 450px;background: url(../img/product/gongxiao/banner.jpg) center center no-repeat;}
	.banner .ban{width: 1200px;margin: 85px auto 0px;position: relative;display: table;color: #044bc9;}
	.banner .ban p{font-size: 24px;font-weight: normal;color: #666;line-height: 36px;}
	.banner .ban h1{font-size: 50px;margin: 20px 0px 40px;letter-spacing: 2px;line-height: 50px;}
	.banner .ban span{font-size: 18px;display: block;}
	.banner .ban a{display:inline-block;width:156px;height:48px;line-height:46px;font-size:20px;border-radius:48px;text-align:center;border:1px solid #044bc9;color:#044bc9;margin:30px 20px 0px 0px}
	.banner .ban .cure{height:50px;line-height:50px;background: linear-gradient(to right, #044bc9, #23a2e4);color:#fff;border:0}
	.m_1,.m_3,.m_5{width: 1200px;margin: 60px auto;position: relative;display: table;}
	.title{width: 100%;overflow: hidden;text-align: center;}
	.title h2{font-size: 32px;color: #333;margin-bottom: 20px;}
	.title p{font-size: 16px;color: #666;line-height: 30px;}
	.main .m_btn{display: block;width: 156px;height: 48px;line-height: 48px;background: linear-gradient(to right, #044bc9, #23a2e4);border-radius: 48px;text-align: center;font-size: 16px;color: #fff;margin: 30px auto 0px;}
	.main .m_btn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.main .m_btn:hover{opacity: 0.9;}
	.m_2,.m_6{width: 100%;margin: 0px auto;background: #faf9fa;padding: 60px 0px;overflow: hidden;}
	.m{width: 1200px;margin: 0px auto;display: table;position: relative;}
	.mimg{width: 660px;;}
	.mtxt{width: 480px;margin: 40px 0px;}
	.mtxt h3{font-size: 28px;margin-bottom: 30px;}
	.mtxt dl dt{width: 160px;font-size: 18px;background: #044bc9;border-radius: 36px;line-height: 36px;text-align: center;color: #fff;box-shadow: 4px 4px 5px rgba(0,0,0,0.1);margin-top: 24px;}
	.mtxt dl dt:nth-of-type(2n){background: #23a2e4}
	.mtxt dl dd{font-size: 16px;line-height: 28px;margin-top: 16px;}
	.m_5 ul{width: 100%;margin: 20px auto 0px;overflow: hidden;}
	.m_5 ul li{width: 300px;float: left;text-align: center;}
	.m_5 ul li i{display: block;width: 160px;height: 160px;background: #044bc9;border-radius: 50%;margin: 0px auto 20px;}
	.m_5 ul li i img{width: 100px;margin: 30px auto;}
	.m_5 ul li:nth-child(2n) i{background: #23a2e4}
	.m_5 ul li h3{font-size: 20px;color: #044bc9;margin-bottom: 10px;}
	.m_5 ul li p{font-size: 16px;line-height: 22px;padding: 0px 20px;}
	.m_6{background: #222;}
	.m_6 .title h2{color: #fff;}
	.m_6 ul{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
	.m_6 ul li{width: 360px !important;margin: 0px 20px;float: left;background: rgba(255,255,255,0.9);border-radius: 12px;text-align: center;padding-bottom: 20px;overflow: hidden;}
	.m_6 ul li i{display: block;width: 100%;height: 150px;overflow: hidden;}
	.m_6 ul li i img{width: 100%;}
	.m_6 ul li h3{font-size: 20px;color: #044bc9;margin: 20px 0px 10px;}
	.m_6 ul li p{font-size: 16px;}
	.m_6 .swiper-pagination-bullet{display: none;}
	.case_show{width: 100%;margin: 50px auto 0px;overflow: hidden;}
	.case_show li{width: 560px;float: left;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.05);border-radius: 4px;height: 160px;position: relative;margin: 10px 40px 20px 0px;cursor: pointer;}
	.case_show li:first-child,.case_show li:nth-child(4n+1){margin-left: 20px;}
	.case_show li:nth-child(2n){margin-right: 20px;}
	.case_show li i{display: block;width: 100%;}
	.case_show li i img{width: 100%;}
	.case_show li p{font-size: 16px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;position: absolute;background: rgba(4,75,201,0.5);padding: 0px 10px;width: 100%;bottom: 0px;}
	.case_show li .code{position: absolute;background:  rgba(4,75,201,0.8);width: 100%;height: 160px;bottom: -160px;text-align: center;}
	.case_show li .code a{line-height: 168px;color: #044bc9;background: #fff;padding: 10px 30px;border-radius: 24px;font-size: 18px;}
	.case_show li:hover p{display: none;}
	.case_show li:hover .code{bottom: 0px;transition: all 0.8s;}
	.m_4{width: 100%;margin: 0px auto;overflow: hidden;background: linear-gradient(to right, #044bc9, #23a2e4);padding: 60px 0px;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 span{display: block;width: 400px;margin: 0px auto;}
}
@media screen and (max-width: 768px){
	.banner{width: 100%;margin: 0rem auto;overflow: hidden;background: url(../img/product/gongxiao/mbanner.jpg) center center no-repeat;background-size: cover;padding: 3.6rem 0rem;height: 16rem;}
	.banner .ban{width: 98%;margin: 2rem auto 0px;text-align: center;color: #044bc9;}
	.banner .ban p{font-size: 1rem;font-weight: normal;color: #fff;margin-top: 0.2rem;}
	.banner .ban h1{font-size: 1.6rem;}
	.banner .ban span{font-size: 0.8rem;display: block;}
	.banner .ban a{display:inline-block;width:8rem;height:2rem;line-height:2rem;font-size:0.9rem;border-radius:48px;text-align:center;color:#044bc9;margin:1rem 0.5rem 0px 0px;background:#fff}
	.banner .ban .cure{background: linear-gradient(to right, #044bc9, #23a2e4);color:#fff;}
	.m_1,.m_3,.m_5,.m_7{width: 98%;margin: 2rem auto;position: relative;}
	.m_btn{display: block;color: #fff;line-height: 2rem;height: 2rem;border-radius: 0.36rem;text-align: center;background: linear-gradient(to right, #044bc9, #23a2e4);width: 8rem;font-size: 0.8rem;margin: 1rem auto 0rem;}
	.m_btn_2{color: #044bc9;background: #fff;}
	.m_btn:hover{opacity: 0.9;}
	.title{text-align: center;width: 98%;margin: 0px auto;}
	.title h2{font-size: 1.2rem;line-height: 1.6rem;margin: 0px 0px 0.4rem 0px;}
	.title p{font-size: 0.8rem;color: #666;}
	.m_2,.m_6{width: 100%;margin: 0px auto;background: #faf9fa;padding: 2rem 0px;overflow: hidden;}
	.mimg{width: 100%;margin: 0rem auto 0.5rem;overflow: hidden;text-align: center;}
	.mimg img{width: 80%;}
	.m_1 .mimg{margin: 0.5rem auto 0rem;}
	.m_1 .mimg img{width: 100%;}
	.mtxt{width: 90%;margin: 1rem auto 0px;float: none !important;overflow: hidden;}
	.mtxt h3{font-size: 1rem;}
	.mtxt dl dt{width: 8rem;font-size: 0.8rem;background: #044bc9;border-radius: 3.6rem;text-align: center;color: #fff;box-shadow: 4px 4px 5px rgba(0,0,0,0.1);padding: 0.2rem 0rem;margin-top: 0.5rem;}
	.mtxt dl dt:nth-of-type(2n){background: #23a2e4}
	.mtxt dl dd{font-size: 0.8rem;line-height: 1.2rem;margin-top: 0.5rem;}
	.m_5 ul{width: 100%;margin: 1rem auto 0px;overflow: hidden;}
	.m_5 ul li{width: 49%;float: left;text-align: center;}
	.m_5 ul li i{display: block;width: 3rem;height: 3rem;background: #044bc9;border-radius: 50%;margin: 0px auto 0.4rem;}
	.m_5 ul li i img{width: 2.4rem;margin: 0.3rem auto;}
	.m_5 ul li:nth-child(2) i,.m_5 ul li:nth-child(3) i{background: #23a2e4}
	.m_5 ul li h3{font-size: 0.8rem;color: #044bc9;margin-bottom: 0.2rem;}
	.m_5 ul li p{font-size: 0.7rem;line-height: 1.2rem;padding: 0px 0.4rem;}
	.m_5 ul li:nth-child(3) i,.m_5 ul li:nth-child(4){margin-top: 0.5rem;}
	.m_6{background: #222;}
	.m_6 .title h2{color: #fff;}
	.m_6 ul{width: 92%;margin: 0.5rem auto 0px;}
	.m_6 ul li{width: 100%;margin-right: 0.5rem;background: rgba(255,255,255,0.9);border-radius: 6px;text-align: center;overflow: hidden;padding-bottom: 1rem;}
	.m_6 ul li i{display: block;width: 100%;overflow: hidden;}
	.m_6 ul li i img{width: 100%;}
	.m_6 ul li h3{font-size: 1rem;color: #044bc9;margin: 0.5rem auto;}
	.m_6 ul li p{font-size: 0.8rem;}
	.m_6 .swiper-pagination-bullet{background: #fff;}
	.m_6 .swiper-pagination .swiper-pagination-bullet-active{background: #044bc9;width: 1.875rem; border-radius: 0.375rem;}
	.m_7{height: 18rem;}
	.case_show{width: 100%;margin: 0.6rem auto;}
	.case_show li{width: 98%;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.05);border-radius: 4px;height: 7.6rem;position: relative;margin: 0.5rem auto 0rem;cursor: pointer;}
	.case_show li i{display: block;width: 100%;}
	.case_show li i img{width: 100%;}
	.case_show li p{font-size:0.8rem;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;position: absolute;background: rgba(4,75,201,0.5);padding: 0px 10px;width: 100%;bottom: 0px;}
	.case_show li .code{position: absolute;background:  rgba(4,75,201,0.8);width: 100%;height: 160px;bottom: -160px;text-align: center;}
	.case_show li .code a{line-height: 168px;color: #044bc9;background: #fff;padding: 10px 30px;border-radius: 24px;font-size: 1rem;}
	.case_show li:hover p{display: none;}
	.case_show li:hover .code{bottom: 0px;transition: all 0.8s;}
	.m_6 .swiper-pagination .swiper-pagination-bullet-active{background: #044bc9;width: 1.875rem; border-radius: 0.375rem;}
	.m_4{width: 100%;margin: 0px auto;overflow: hidden;background: linear-gradient(to right, #044bc9, #23a2e4);padding: 2rem 0px;}
	.m_4 .title h2,.m_4 .title p{color: #fff;}
	.m_4 span{display: block;width: 90%;margin: 0px auto;}
}