.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:100px auto 0px;position:relative;overflow:hidden;}
.ban h3{font-size: 36px;margin: 0px;font-weight: normal;color: #fff;}
.ban h1{font-size: 46px;margin-bottom: 20px;color: #fff;}
.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_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;}