@media screen and (min-width: 768px){
	.banner{width: 100%;height: 450px;margin: 0px auto;background: url(../img/solution/shipin/banner.jpg) top center no-repeat; overflow: hidden;}
	.ban{width:1200px;margin:80px auto 0px;position:relative;overflow:hidden;color: #fff;}
	.ban h3{font-size: 36px;margin: 0px;font-weight: normal;}
	.ban h1{font-size: 46px;margin-bottom: 20px;}
	.ban a{display:inline-block;width:156px;height:48px;line-height:46px;font-size:20px;border-radius:4px;text-align:center;border:2px solid #fff;color:#fff;margin:30px 20px 0px 0px}
	.ban .cure{height:50px;line-height:50px;background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border:0}
	.title{text-align: center;}
	.title h2{font-size: 36px;line-height: 54px;margin: 0px 0px 20px 0px;}
	.title p{font-size: 16px;color: #666;}
	.m_1,.m_5{width: 1200px;margin: 60px auto;overflow: hidden;}
	.m_1 ul{width: 100%;margin: 40px auto 0px;overflow: hidden;}
	.m_1 ul li{width: 200px;float: left;height: 200px;background: #444;cursor: pointer;color: #fff;}
	.m_1 ul li p{text-align: center;font-size: 18px;margin-top: 80px;}
	.m_1 ul li:nth-child(4),.m_1 ul li:nth-child(9){background: #999;}
	.m_1 ul li img{opacity: 0.6;}
	.m_1 ul li:hover img{opacity: 1;transition: 0.3s all;}
	.m_1 ul li:hover{background: #fff;color: #ff6e00;transition: 0.3s all;}
	.m_2,.m_4,.m_6{width: 100%;margin: 0px auto;background: #fafaf9;padding: 60px 0px;overflow: hidden;}
	.m_2 ul{width: 1200px;margin: 60px auto 0px;background: url(../img/solution/shipin/pic001.png) top center no-repeat;height: 530px;}
	.m_2 ul li{width: 240px;border: 1px solid #ead2c6;background: rgba(255,255,255,0.2);border-radius: 6px;padding: 20px;overflow: hidden;margin: 0px 20px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
	.m_2 ul li:nth-child(2n){float: right;}
	.m_2 ul li dt{margin-bottom: 10px;}
	.m_2 ul li dt h3{font-size: 18px;margin-bottom: 10px;}
	.m_2 ul li dt p{font-size: 16px;color: #666;}
	.m_2 ul li dl{box-sizing: border-box;}
	.m_2 ul li dd{font-size: 16px;position: relative;padding-left: 20px;color: #3d5058;line-height: 32px;display: inline-block;width: 40%;}
	.m_2 ul li dd::before{width: 6px;height: 6px;background: #ff6e00;content: "";position: absolute;left: 6px;top: 14px;border-radius: 50%;}
	.m_2 ul li:nth-child(3){margin-top: 80px;}
	.m_2 ul li:nth-child(2){margin-top: -230px;}
	.m_2 ul li:nth-child(4){margin-top: -240px;}
	.m_2 ul .list-m{margin: -380px 460px 0px;float: none;background: rgba(255,255,255,0.8);}
	.m_2 i{display: none;}
	.m_3{width: 1200px;margin: 60px auto;}
	.m_3 .tab_wrap{width: 100%;border-radius: 6px;box-shadow: 0px 0px 30px rgba(0,0,0,0.1);overflow: hidden;margin: 40px auto 0px;position: relative;}
	.m_3 .tab_nav{width: 400px;margin: 0px;float: left;position: relative;z-index: 10;}
	.m_3 .tab_nav li{width: 100%;background: #f9f9fd;overflow: hidden;border-bottom: 1px solid #eee;padding: 40px 0px;}
	.m_3 .tab_nav li:last-child{border-bottom: 0px;}
	.m_3 .tab_nav li i{display: block;width: 60px;height: 60px;float: left;border-radius: 50%;margin: 0px 10px 0px 30px;text-align: center;}
	.m_3 .tab_nav li i img{}
	.m_3 .tab_nav li div{width: 300px;float: right;}
	.m_3 .tab_nav li div h3{font-size: 18px;margin-bottom: 10px;}
	.m_3 .tab_nav li div p{font-size: 14px;color: #666;}
	.m_3 .tab_nav .active{color: #fff;cursor: pointer;transition: all .3s;background: linear-gradient(to right, #FB8732, #F6C418); position: relative;}
	.m_3 .tab_nav .active i{background: #fff;}
	.m_3 .tab_nav .active::before{content: "";width: 0;height: 0;border-top: 14px solid transparent;border-right: 10px solid #fff;border-bottom: 14px solid transparent;background: initial;position: absolute;top: 38%;right: 0px;}
	.m_3 .tab_nav .active div h3,.m_3 .tab_nav .active div p{color: #fff;}
	.m_3 .tab_main{width: 720px;float: right;overflow: hidden;position: relative;margin: 30px 40px 0px 0px;}
	.m_3 .tab_main .tm{width: 100%;display: none;overflow: hidden;margin: 0px auto;}
	.m_3 .tab_main .tm h3{font-size: 26px;margin-bottom: 26px;position: relative;}
	.m_3 .tab_main .tm h3::after{content: "";width: 80px;height: 2px;background: #FB8732;position: absolute;left: 0px;top: 50px;border-radius: 2px;}
	.m_3 .tab_main .tm p{font-size: 16px;color: #666;}
	.m_3 .tab_main .tm i{width: 100%;margin: 10px auto 0px;overflow: hidden;display: block;}
	.m_3 .tab_main .current{display: block; transition: all 1s;}
	.m_4{background: #333;}
	.m_4 .title h2{color: #fff;}
	.m_4 ul{width: 1200px;margin: 40px auto 0px;overflow: hidden;}
	.m_4 ul li{width: 252px;padding: 30px 20px;float: left;background: rgba(255,255,255,0.3);margin-right: 10px;border-radius: 4px;text-align: center;cursor: pointer;}
	.m_4 ul li:last-child{margin-right: 0px;}
	.m_4 ul li i{width: 60px;height: 60px;display: block;margin: 0px auto 10px;}
	.m_4 ul li h3{color: #fff;font-size: 16px;}
	.m_4 ul li p{color: #fff;font-size: 14px;margin-top: 5px;}
	.m_4 ul li:hover{background: rgba(255,255,255,1);}
	.m_4 ul li:hover h3{color: #333;}
	.m_4 ul li:hover p{color: #666;}
	.m_5 ul{width: 100%;margin: 40px auto 0px;overflow: hidden}
	.m_5 ul li{width: 559px;float: left;padding: 20px 20px 30px;overflow: hidden;border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
	.m_5 ul li:nth-child(2n){float: right;border-right: 0px;}
	.m_5 ul li i{width: 60px;height: 60px;display: block;float: left;background: linear-gradient(to right, #FB8732, #F6C418);border-radius: 50%;margin-left: 60px;}
	.m_5 ul li div{width: 420px;float: right;}
	.m_5 ul li div h3{font-size: 18px;color: #333;margin: 8px 0px 5px;}
	.m_5 ul li div p{font-size: 14px;color: #666;}
	.m_5 ul li:nth-child(3),.m_5 ul li:nth-child(4){border-bottom: 0px;padding: 30px 20px 20px;}
	.m_6 ul{width: 1200px;margin: 40px auto 0px;overflow: hidden;}
	.m_6 ul li{width: 360px;float: left;margin-left: 24px;text-align: center;}
	.m_6 ul li:last-child{margin-right: 24px;}
	.m_6 ul li p{font-size: 16px;color: #333;margin-top: 10px;}
	.m_6 ul li i{width: 100%;display: block;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);height: 180px;border-radius: 8px;}
	.alink{width: 100%;background: linear-gradient(to right, #FB8732, #F6C418);padding: 60px 0px;overflow: hidden;}
	.alink .m{width: 1000px;margin: 0px auto;}
	.alink h3{color: #fff;font-size: 32px;float: left;text-align: left;margin-top: 25px;}
	.alink a{float: right;display: block;text-align: center;}
	.alink i{width: 120px;height: 120px;background: rgba(255,255,255,0.2);border-radius: 8px;display: block;border: 1px solid #fff;}
	.alink i img{width: 100px;margin: 10px auto;}
	.alink a p{font-size: 16px;color: #fff;margin-top: 5px;}
}
@media screen and (max-width: 768px){
	.banner{width: 100%;margin: 0px auto;background: url(../img/solution/shipin/banner.jpg) top center no-repeat; overflow: hidden;background-size: cover;padding: 3.6rem 0rem;height: 16rem;}
	.ban{width:98%;margin:2rem auto 0px;position:relative;overflow:hidden;color: #fff;text-align: center;}
	.ban h3{font-size: 1rem;margin: 0px;font-weight: normal;}
	.ban h1{font-size: 1.5rem;margin-bottom: 0.5rem;}
	.ban a{display:inline-block;width:8rem;height:2.2rem;line-height:2.2rem;font-size:0.9rem;border-radius:4px;text-align:center;border:1px solid #fff;color:#fff;margin:1rem 0.2rem 0px 0px}
	.ban .cure{background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border-color:#FB8732}
	.title{text-align: center;width: 98%;margin: 0rem auto;}
	.title h2{font-size: 1.2rem;}
	.title p{font-size: 0.9rem;color: #666;}
	.m_1,.m_5,.m_3{width: 98%;margin: 2rem auto;overflow: hidden;}
	.m_1 ul{width: 100%;margin: 1rem auto 0px;overflow: hidden;}
	.m_1 ul li{width: 50%;float: left;background: #444;cursor: pointer;color: #fff;overflow: hidden;height: 10rem;}
	.m_1 ul li p{text-align: center;font-size: 0.8rem;padding: 3.86rem 0rem;}
	.m_1 ul li:nth-child(4),.m_1 ul li:nth-child(9){background: #999;}
	.m_1 ul li:nth-child(2){float: right;}
	.m_1 ul li img{opacity: 0.6;width: 100%;}
	.m_1 ul li:hover img{opacity: 1;transition: 0.3s all;}
	.m_1 ul li:hover{background: #fff;color: #ff6e00;transition: 0.3s all;}
	.m_2,.m_4,.m_6,.alink{width: 100%;margin: 0px auto;background: #fafaf9;padding: 2rem 0px;overflow: hidden;}
	.m_2 ul{display: none;}
	.m_2 i{display: block;width: 100%;margin: 0.5rem auto 0rem;overflow: hidden;}
	.m_2 i img{width: 100%;}
	.m_3 .tab_wrap{width: 100%;border-radius: 6px;box-shadow: 0px 0px 30px rgba(0,0,0,0.1);overflow: hidden;margin: 0.5rem auto 0px;position: relative;}
	.m_3 .tab_nav{width: 98%;margin: 0px auto;position: relative;z-index: 1;}
	.m_3 .tab_nav li{width: 25%;background: #f9f9fd;overflow: hidden;padding: 0.8rem 0px;float: left;}
	.m_3 .tab_nav li i{display: block;width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0rem auto;text-align: center;}
	.m_3 .tab_nav li i img{width: 100%;}
	.m_3 .tab_nav li div{display: none;}
	.m_3 .tab_nav .active{color: #fff;cursor: pointer;transition: all .3s;background: linear-gradient(to right, #FB8732, #F6C418); position: relative;}
	.m_3 .tab_nav .active i{background: #fff;}
	.m_3 .tab_main{width: 98%;overflow: hidden;position: relative;margin:0.8rem auto 0rem;}
	.m_3 .tab_main .tm{width: 100%;display: none;overflow: hidden;margin: 0px auto;}
	.m_3 .tab_main .tm h3{font-size: 0.9rem;margin-bottom: 0.6rem;position: relative;}
	.m_3 .tab_main .tm h3::after{content: "";width: 4rem;height: 2px;background: #FB8732;position: absolute;left: 0px;top: 1.5rem;border-radius: 2px;}
	.m_3 .tab_main .tm p{font-size: 0.7rem;color: #666;}
	.m_3 .tab_main .tm i{width: 100%;margin: 10px auto 0px;overflow: hidden;display: block;}
	.m_3 .tab_main .tm i img{width: 100%;}
	.m_3 .tab_main .current{display: block; transition: all 1s;}
	.m_4{background: #333;}
	.m_4 .title h2{color: #fff;}
	.m_4 ul{width: 98%;margin: 0.5rem auto 0px;overflow: hidden;}
	.m_4 ul li{width: 49%;float: left;background: rgba(255,255,255,0.3);border-radius: 4px;text-align: center;cursor: pointer;padding: 1rem 0rem;margin: 0.3rem auto 0rem;}
	.m_4 ul li:nth-child(2n){float: right;}
	.m_4 ul li i{width: 2.4rem;height: 2.4rem;display: block;margin: 0px auto 0.4rem;}
	.m_4 ul li i img{width: 100%;}
	.m_4 ul li h3{color: #fff;font-size: 0.8rem;}
	.m_4 ul li p{color: #fff;font-size: 0.7rem;margin-top: 0.2rem;}
	.m_4 ul li:hover{background: rgba(255,255,255,1);}
	.m_4 ul li:hover h3{color: #333;}
	.m_4 ul li:hover p{color: #666;}
	.m_5 ul{width: 100%;margin: 0.5rem auto 0px;overflow: hidden}
	.m_5 ul li{width: 90%;padding: 5%;overflow: hidden;border-bottom: 1px solid #eee;}
	.m_5 ul li i{width: 2.4rem;height: 2.4rem;display: block;float: left;background: linear-gradient(to right, #FB8732, #F6C418);border-radius: 50%;margin-left: 0.5rem;}
	.m_5 ul li i img{width: 100%;}
	.m_5 ul li div{width: 80%;float: right;}
	.m_5 ul li div h3{font-size: 0.8rem;color: #333;margin: 0rem 0px 0.2rem;}
	.m_5 ul li div p{font-size: 0.7rem;color: #666;}
	.m_5 ul li:last-child{border-bottom: 0px;}
	.m_6 ul{width: 98%;margin: 0.5rem auto 0px;overflow: hidden;}
	.m_6 ul li{width: 32%;float: left;margin-left: 1.2%;text-align: center;}
	.m_6 ul li:last-child{margin-right: 0rem;}
	.m_6 ul li p{font-size: 0.8rem;color: #333;margin-top: 0.4rem;}
	.m_6 ul li i{width: 100%;display: block;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 8px;}
	.m_6 ul li i img{width: 100%;}
	.alink{background: linear-gradient(to right, #FB8732, #F6C418);}
	.alink .m{width: 98%;margin: 0px auto;text-align: center;}
	.alink h3{color: #fff;font-size: 1rem;}
	.alink a{display: block;}
	.alink i{width: 8rem;height: 8rem;background: rgba(255,255,255,0.2);border-radius: 8px;display: block;border: 1px solid #fff;margin: 0.5rem auto;}
	.alink i img{width: 7rem;margin: 0.5rem auto;}
	.alink a p{font-size: 16px;color: #fff;margin-top: 5px;}
}