@media screen and (min-width: 768px){
	.banner{width: 100%;margin: 0px auto;background: url(../../img/solution/duoyuyan/banner.jpg) top center no-repeat;overflow: hidden;}
	.banner .ban{width: 1200px;margin: 80px auto 0px;overflow: hidden;color: #fff;}
	.banner .ban h3{font-size: 26px;}
	.banner .ban h2{font-size: 40px;margin: 20px 0px 50px 0px;letter-spacing: 2px;line-height: 50px;position: relative;}
	.banner .ban h2::after{width: 200px;height: 2px;background: #fff;content: "";position: absolute;left: 0px;top: 80px;}
	.banner .ban p{font-size: 20px;font-weight: normal;margin-top: 10px;}
	.banner .ban a{width: 156px; height: 42px;line-height: 42px;background: #fff;color: #248bff;border: 0;display: block;text-align: center;font-size: 16px;border-radius: 6px;margin-top: 20px;}
	.m_1,.m_3,.m_7,.m_4{width: 1200px;margin: 60px auto;overflow: hidden;}
	.title{text-align: center;max-width: 1200px;margin: 0px auto;}
	.title h2{font-size: 36px;margin-bottom: 20px;}
	.title p{font-size: 16px;line-height: 34px;color: #666;}
	.m_1{overflow: hidden;}
	.m_1 .pull-left,.m_1 .pull-right{width: 300px;position: relative;margin-top: 120px;}
	.m_1 .pull-left p,.m_1 .pull-right p{font-size: 18px;margin: 20px 0px 80px;color: #666;line-height: 40px;}
	.m_1 .pull-left p{text-align: right;}
	.m_1 .simg{width: 600px;float: left;margin: 50px auto 0px;}
	.m_1 i{display: block;width: 40px;height: 40px;font-size: 20px;text-align: center;border-radius: 50%;line-height: 40px;color: #fff;}
	.m_1 .pull-left i{float: right;margin-left: 20px;background: #ccc;}
	.m_1 .pull-left p:nth-child(1){margin-right: -90px;}
	.m_1 .pull-left p:nth-child(2){margin-right: -30px;}
	.m_1 .pull-left p:nth-child(3){margin-right: -25px;}
	.m_1 .pull-left p:nth-child(4){margin-right: -70px;}
	.m_1 .pull-right i{float: left;margin-right: 20px;background: #248bff;}
	.m_1 .pull-right p:nth-child(1){margin-left: -90px;}
	.m_1 .pull-right p:nth-child(2){margin-left: -30px;}
	.m_1 .pull-right p:nth-child(3){margin-left: -25px;}
	.m_1 .pull-right p:nth-child(4){margin-left: -70px;}
	.m_1 p:last-child{margin-bottom: 0px;}
	.m_2,.m_5,.m_6,.m_8,.m_9{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f7f9fc;overflow: hidden;}
	.m_4 ul{width: 1200px;margin: 40px auto 0px;}
	.m_4 ul li{width: 200px;margin: 20px 20px 0px;float: left;padding: 30px;text-align: center;}
	.m_4 ul li i{width: 60px;height: 60px;display: block;margin:0px auto 20px;}
	.m_4 ul li h3{font-size: 18px;margin-bottom: 20px;color: #222;}
	.m_4 ul li p{font-size: 14px;color: #999;line-height: 26px;}
	.m_4 ul li:hover{box-shadow: 0px 20px 40px 0px rgb(83 86 90 / 15%);transform: translateY(-20px);transition: all ease 300ms;background: #fff;cursor: pointer;border-radius: 8px;}
	.m_5 .tab_nav{width: 100%;margin: 0px;overflow: hidden;border-bottom: 1px solid #eee;}
	.m_5 .tab_nav li{width: 50%;line-height: 80px;overflow: hidden;cursor: pointer;float: left;text-align: center;}
	.m_5 .tab_nav .active{border-bottom: 2px solid #248bff;}
	.m_5 .tab_nav li p{font-size: 18px;color: #333;}
	.m_5 .tab_nav .active p{font-weight: bold;color: #248bff;}
	.m_5 .tab_main{width: 100%;overflow: hidden;position: relative;float: right;margin-top: 20px;}
	.m_5 .tab_main .tm{width: 100%;display: none;}
	.m_5 .tab_main .current{display: block; transition: all 1s;overflow: hidden;background: linear-gradient(to bottom, #f7f9fc,#e1eefc);}
	.m_5 .tab_main .tm h3{font-size: 24px;margin-top: 20px;font-weight: normal;text-align: center;}
	.m_5 .tab_main .tm .simg{width: 50%;display: block;overflow: hidden;float: left;}
	.m_5 .tab_main .tm .simg img{width: 100%;}
	.m_5 .tab_main .tm dl{width: 50%;float: right;margin-top: 20px;}
	.m_5 .tab_main .tm dl dd{line-height: 36px;font-size: 16px;color: #666;padding: 14px 0px;margin-left: 60px;}
	.m_5 .tab_main .tm dl dd i{display: inline-block;width: 20px;height: 20px;background: #248bff;border-radius: 50%;font-size: 14px;color: #fff;-webkit-text-stroke-color: #248bff;-webkit-text-stroke-width: 1px;line-height: 20px;text-align: center;margin-right: 8px;}
	.m_5 .tab_main .tm .simg2{width: 100%;}
	.mtxt{width: 46%;margin-top: 120px;}
	.mtxt i{display: block;width: 48px;height: 48px;background: rgba(36,139,255,0.2);border-radius: 50%;margin-bottom: 20px;}
	.mtxt dt{font-size: 24px;}
	.mtxt dd{font-size: 16px;margin: 20px 0px;color: #666;position: relative;padding-left: 16px;}
	.mtxt dd::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: #248bff;position: absolute;left: 0px;top: 9px;}
	.mimg{width: 54%;text-align: center;}
	.m_9 .simg{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
}
@media screen and (max-width: 768px){
	.banner{width: 100%;margin: 0px auto;background: url(../../img/solution/duoyuyan/mbanner.jpg) top center no-repeat;overflow: hidden;background-size: cover;}
	.banner .ban{width: 98%;margin: 2rem auto 0rem;overflow: hidden;text-align: center;}
	.banner .ban h2{font-size: 1.5rem;color: #fff;position: relative;}
	.banner .ban h2::after{width: 4rem;height: 2px;background: #fff;content: "";position: absolute;left: 40%;top: 2.5rem;}
	.banner .ban h3{font-size: 1rem;color: #fff;margin-bottom: 0.2rem;}
	.banner .ban p{font-size: 0.8rem;color: #fff;}
	.banner .ban .lxwm{width: 8rem; height: 2.2rem;line-height: 2.2rem;background: #fff;color: #248bff !important;border: 0;display: block;text-align: center;font-size: 0.8rem;border-radius: 6px;margin: 1rem auto 0rem;}
	.m_1,.m_3{width: 98%;margin: 2rem auto;overflow: hidden;}
	.title{text-align: center;margin: 0px auto;}
	.title h2{font-size: 1.2rem;}
	.title p{font-size: 0.9rem;line-height: 1.2rem;color: #666;margin-top: 0.5rem;}
	.m_1 .pull-left,.m_1 .pull-right{width: 96%;float: none !important;margin: 0rem auto;}
	.m_1 .pull-left p,.m_1 .pull-right p{font-size: 0.8rem;margin: 0.5rem 0rem;color: #666;line-height: 1.6rem;width: 48%;overflow: hidden;display: block;float: left;}
	.m_1 .pull-left p:nth-child(2n),.m_1 .pull-right p:nth-child(2n){float: right;}
	.simg{width: 100%;margin: 0.5rem auto 0px;}
	.simg img,.mimg img{width: 100%;}
	.m_1 i{display: block;width: 1.6rem;height: 1.6rem;font-size: 0.8rem;text-align: center;border-radius: 50%;line-height: 1.6rem;color: #fff;float: left;margin-right: 0.4rem;}
	.m_1 .pull-left i{background: #ccc;}
	.m_1 .pull-right i{background: #248bff;}
	.m_2,.m_4,.m_5{width: 100%;margin: 0px auto;padding: 2rem 0px;background: #f7f9fc;overflow: hidden;}
	.m_4 ul{width: 98%;margin: 0.5rem auto 0px;}
	.m_4 ul li{width: 48%;margin: 0.6rem 0rem 0rem;float: left;text-align: center;}
	.m_4 ul li i{width: 2.6rem;height: 2.6rem;display: block;margin:0px auto 0.5rem;}
	.m_4 ul li i img{width: 100%;}
	.m_4 ul li h3{font-size: 0.8rem;margin-bottom: 0.4rem;color: #222;}
	.m_4 ul li p{font-size: 0.7rem;color: #999;line-height: 1.1rem;padding: 0rem 0.2rem;}
	.m_4 ul li:nth-child(2n){float: right;}
	.m_5{background: linear-gradient(to bottom, #f7f9fc,#e1eefc);}
	.m_5 .tab_nav{width: 100%;margin: 0px;overflow: hidden;border-bottom: 1px solid #eee;}
	.m_5 .tab_nav li{width: 50%;line-height: 1.2rem;overflow: hidden;cursor: pointer;float: left;text-align: center;padding: 1rem 0rem;}
	.m_5 .tab_nav .active{border-bottom: 2px solid #248bff;}
	.m_5 .tab_nav li p{font-size: 0.8rem;color: #333;}
	.m_5 .tab_nav .active p{font-weight: bold;color: #248bff;font-size: 1rem;padding: 0rem 0.4rem;}
	.m_5 .tab_main{width: 100%;overflow: hidden;position: relative;float: right;margin-top: 1rem;}
	.m_5 .tab_main .tm{width: 100%;display: none;overflow: hidden;}
	.m_5 .tab_main .current{display: block; transition: all 1s;overflow: hidden;}
	.m_5 .tab_main .tm h3{font-size: 1rem;margin-top: 0.6rem;font-weight: normal;text-align: center;}
	.m_5 .tab_main .tm .simg{width: 100%;display: block;overflow: hidden;}
	.m_5 .tab_main .tm .simg img{width: 100%;}
	.m_5 .tab_main .tm dl{width: 100%;margin-top: 0.4rem;}
	.m_5 .tab_main .tm dl dd{line-height: 1.2rem;font-size: 0.8rem;color: #666;padding: 0.4rem 0rem;margin-left: 0.6rem;}
	.m_5 .tab_main .tm dl dd i{display: inline-block;width: 20px;height: 20px;background: #248bff;border-radius: 50%;font-size: 14px;color: #fff;-webkit-text-stroke-color: #248bff;-webkit-text-stroke-width: 1px;line-height: 20px;text-align: center;margin-right: 8px;}
	.m_5 .tab_main .tm .simg2{width: 100%;}
	.mtxt,.mimg{width: 96%;float: none !important;margin: 0.5rem auto;overflow: hidden;}
	.mtxt dt{font-size: 1.2rem;}
	.mtxt dd{font-size: 0.8rem;margin: 0.6rem 0px;color: #666;position: relative;padding-left: 1rem;}
	.mtxt dd::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: #248bff;position: absolute;left: 0px;top: 9px;}
	.m_9 .simg{width: 100%;margin: 0.8rem auto 0px;overflow: hidden;}
}