/* m1 */
.m1{
    overflow:hidden;
}
.m1 h2,.m2 h2,.m3 h2{
    text-align:center;font-size:32px;line-height:50px;color:#222;margin:85px auto 10px;
}
.m1 .wrap ul{
    display:flex;justify-content:space-between;padding:0;overflow: hidden;
}
.m1 .wrap li,.m1 .wrap .s1,.m1 .wrap .s1 .s1_bottom{
    width:278px;
}
.m1 .wrap li{
    display:inline-block;transition: all 1s ease;
}
.m1 .wrap .s1 .s1_img{
    margin:0;
}
.m1 .wrap .s1 .s1_bottom .s1_img{
    width:62px;height:62px;margin:19px;
}
.m1 .wrap .s1 .s1_bottom .s1_img1{
    background: url("http://gst-x.com/public/images/pro_img/order/server11.png");
}
.m1 .wrap .s1 .s1_bottom .s1_img2{
    background: url("http://gst-x.com/public/images/pro_img/order/server22.png");
}
.m1 .wrap .s1 .s1_bottom .s1_img3{
    background: url("http://gst-x.com/public/images/pro_img/order/server33.png");
}
.m1 .wrap .s1 .s1_bottom .s1_img4{
    background: url("http://gst-x.com/public/images/pro_img/order/server44.png");
}
.m1 .wrap li:hover .s1_bottom .s1_img1{
    width:62px;height:62px;margin:19px;background: url("http://gst-x.com/public/images/pro_img/order/server11on.png")
}
.m1 .wrap li:hover .s1_bottom .s1_img2{
    width:62px;height:62px;margin:19px;background: url("http://gst-x.com/public/images/pro_img/order/server22on.png")
}
.m1 .wrap li:hover .s1_bottom .s1_img3{
    width:62px;height:62px;margin:19px;background: url("http://gst-x.com/public/images/pro_img/order/server33on.png")
}
.m1 .wrap li:hover .s1_bottom .s1_img4{
    width:62px;height:62px;margin:19px;background: url("http://gst-x.com/public/images/pro_img/order/server44on.png")
}
.m1 .wrap .s1 .s1_bottom{
    height:100px;background:rgba(71, 96, 232, 0.11);display:flex;justify-content:space-between;margin-top:10px;
}
.m1 .wrap li:hover .s1_bottom{
    background:#6360FF;transition: all .4s;
}
.m1 .wrap li .s1_bottom p{
    color: #000000;
}
.m1 .wrap li .s1_bottom text{
    color: #999999;
}
.m1 .wrap li:hover .s1_bottom p,.m1 .wrap li:hover .s1_bottom text{
    color:#FFFFFF;
}
.m1 .wrap .s1 .s1_bottom img{
    width:62px;height:62px;margin:19px;
}
.m1 .wrap .s1 .s1_text{
    font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;display:flex;flex-direction:column;justify-content:space-between;margin:14px 0 14px 14px;
}
.m1 .wrap .s1 .s1_text p{
    font-size:16px;font-family:PingFangSC-Semibold, PingFang SC;font-weight: 600;text-align:left;margin:0;
}
.m1 .wrap .s1 .s1_text div{
    display:flex;flex-direction:column;font-size:14px;
}
.s1{
    cursor:default;
}

.m1 .wrap p{
    text-align:center;text-align: center;font-size: 22px;margin-bottom: 50px;
}
.m1 .wrap .title{
    font-size:14px;line-height:30px;color:#999999;margin:0 auto 60px;width:710px;text-align: center;
}
.m1 .wrap .img{
    width:550px;display:inline-block;vertical-align: middle;
}
.m1 .wrap img{
    display: block;margin:18px auto 0;
}
.m1 .wrap .right{
    display:inline-block;vertical-align: middle;width:280px;height:80px;box-sizing: border-box;padding: 18px 0;
}
.m1 .wrap li.on .right{
    display:none;
}
.m1 .wrap .right .detail{
    font-size:14px;overflow: hidden;  white-space:nowrap; text-overflow: ellipsis;height:20px;color:#aaa;
}
.m1 .wrap .right .title1{
    height:25px;
}

/* m2 */
.m2{
    padding-bottom:80px;
}
.m2 .wrap ul{
    width:1200px;display:flex;align-items:center;justify-content:space-between;
}
.m2 .wrap li{
    height:110px;border:none;cursor:default;margin:0;
}
.m2 .wrap div{
    width:180px;height:110px;background:#eef2ff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
    box-shadow:0 0 6px 0 rgba(183, 183, 184, 0.2);border-radius:20px;border:1px solid #FFFFFF;
}
.m2 .wrap img{
    width:50px;height:50px;margin-top:14px;
}
.m2 .wrap text{
    font-weight:600;margin-bottom:11px;
}

.m2 .wrap{
    overflow:hidden;padding-top:10px;
}
.m2 .wrap .title{
    font-size:14px;line-height:30px;color:#999999;margin:20px auto 50px;width:710px;text-align: center;
}
.m2 ul{
    overflow: hidden;width:190px;float:left;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
}
.m2 ul.u0{
    width:140px;
}
.m2 ul.u10 p{
    text-align:center;
}
.m2 ul p{
    text-align:left;text-indent:10px;font-size:14px;
}
.m2 .wrap li{
    width: 180px;margin: 8px;
    /* border: 1px solid rgba(204, 204, 204, 0.47); */
    box-sizing: border-box;border-radius:5px;
}
/* .m2 .wrap ul li:nth-child(1){
    height:40px;border:none;
}
.m2 .wrap ul li:nth-child(1) p{
    text-align:center;
}
.m2 .wrap ul li:nth-child(3){
    height:120px;
} */

.m2 ul li.p1{
    padding-top:40px;
}
/*.m2 ul li.p1 p{*/
    /*font-size: 12px;*/
/*}*/
.m2 ul li.p2{
    padding-top:30px;
}
.m2 ul .p4{
    padding-top:10px;
}
.m2 ul .p5{
    padding-top:10px;
}

/* m4 */
.m4{
    width:100%;height:700px;background: url("http://gst-x.com/public/images/pro_img/order/mdbanner.png") center center no-repeat;margin-bottom:80px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.m4 .title{
    color:#4c4c4c;font-size:36px;line-height:50px;margin-bottom:62px;
}
.m4 .m4b{
    position: relative;display: flex;align-items: center;
}
.m4 .m4b .lb,.m4 .m4b .rb{
    width:400px;height:320px;background:#FFFFFF;border:3px solid #FFFFFF;
    display:flex;flex-direction:column;align-items:center;
}
.m4 .m4b .lb{
    border-radius:20px 0 0 20px;margin-right:31px;
}
.m4 .m4b .rb{
    border-radius:0 20px 20px 0;
}
.m4 .m4b img{
    margin-top: 43px;
}
.m4 .m4b h4{
    font-size:24px;color:#3D3F84;line-height:33px;
    margin:14px auto 32px;
}
.m4 .m4b p{
    width: 220px;text-align: center;line-height:22px;color:#666666;font-size:16px;
}
.m4 .m4b .add{
    position:absolute;left:50%;top:50%;margin-left:-54px;margin-top:-54px;width:108px;height:108px;background:#6A60FF;box-shadow:0 1px 9px 0 rgba(0, 0, 0, 0.16);
    border-radius:50%;line-height:100px;font-size:60px;color:#ffffff;text-align:center;cursor:default;
}
.m4 .link{
    margin-top:48px;
}
.m4 .link a{
    display:inline-block;width:170px;height:58px;line-height:55px;font-size:20px;text-align:center;font-weight:600;background:#FFFFFF;border-radius:30px;margin:0 10px;transition:all .3s;
}
.m4 .link a:hover{
    color:#ffffff;background:#6A60FF;
}

/* m3 */
.m3{
    color:#646464;
}
.m3 dd{
    height:582px;margin:0 auto;display:flex;justify-content:center;
    margin: 0px 0px 0px 90px;
}
.m3 dl{
    display:flex;flex-direction:column;justify-content:space-around;cursor:default;
}
.m3 dl,.m3 dd div{
    position:relative;color:#646464;
}
.m3 dd div img{
    position:absolute;z-index:0;width:32px;height:59px;
}
.m3 dd div h5{
    margin-bottom:18px;
}
.m3 dd div p{
    font-size:16px;line-height:22px;white-space:nowrap;
}
.m3 dd div img{
    left:-21px;top:-25px;
}
.m3 dd .d1 img{
    left:-24px;top:-36px;
}
.m3 .m3_pic{
    width:582px;height:582px;margin-right:56px;margin-top:0;
}
.m3 .m3_p{
    position:absolute;left:50%;margin-left:-152px;bottom:74px;z-index:9;
    width:256px;height:55px;background:#7972E5;border-radius:28px;opacity:0.65;
    font-size:28px;color:#ffffff;text-align:center;line-height:50px;
}

.m3 .wrap .title{
    font-size:14px;line-height:30px;color:#999999;margin:20px auto 68px;text-align: center;
}
.m3 ul{
    overflow:hidden;margin:0 auto;width: 1000px;
}
.m3 ul li{
    float:left;width:1000px;height:200px;margin-bottom:20px;
}
.m3 li.d1{
    background:url("http://gst-x.com/public/images/pro_img/order/1a.jpg")
}
.m3 li.d2{
    background:url("http://gst-x.com/public/images/pro_img/order/1b.jpg")
}
.m3 li.d3{
    background:url("http://gst-x.com/public/images/pro_img/order/1c.jpg")
}
.m3 ul div{
    width:50%;height:100%;padding:0 50px;box-sizing:border-box;padding-top:50px;
}
.m3 li.d2 div{ float:right; }
.m3 .p1{
    font-size:16px;font-weight:600;
}
.m3 .p2{
    color:#666;margin-top:20px;
}
.m3 img{
    display:block;margin: 20px auto 0;
}
/* .m3 h2{
    font-size:32px;text-align: center;padding:50px 0 43px 0;
} */

/* m5 */
.m5{
    overflow:hidden;padding-bottom: 80px;
}
.m5 .wrap h2{
    text-align:center;line-height:50px;font-size:32px;color:#4c4c4c;margin:84px auto 68px;
}
.m5 .wrap .m5_d{
    width:1200px;margin:0 auto;display:flex;
}
.m5 .wrap .m5_pic{
    width:544px;height:524px;margin-right:25px;
}
.m5 .wrap ul{
    display:flex;flex-direction:column;justify-content:space-between;
}
.m5 .wrap li{
    display:flex;
}
.m5 .wrap li img{
    width:146px;height:114px;margin-right:20px;
}
.m5 .wrap li div{
    width:470px;height:114px;
}
.m5 .wrap li h4{
    height:46px;font-size:18px;text-align:left;font-weight:600;white-space:nowrap;
    padding-left:10px;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.12);border-radius:4px 4px 0 0;
}
.m5 .wrap li a{
    color:#828282;transition:all .3s;
}
.m5 .wrap li p{
    color:#8E96A5;line-height:20px;height:60px;font-size:14px;background:#F9F9F9;
    padding:5px 0 5px 8px;border-radius:0 0 4px 4px;transition:all .3s;cursor:default;
}
.m5 .wrap li:hover a{
    color:#324767;
}
.m5 .wrap li:hover p{
    color:#9DABC6;background:#F4F9FF;
}