@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei', PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,simsun,sans-serif;
}
	html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{
    padding: 0;
    margin: 0;
	}
	body {
    font: 12px/20px Arial,Verdana,"宋体","Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif;
		color: #666;padding-top: 100px}
	h1,h2,h3,h4,h5{font-weight: 500;}
	img{
    border:none;vertical-align: top;
}
	li{list-style: none;}
	.clearfix {
    display: inline-block;*zoom:1
}


body{
    font-size:14px;
}
/* banner */
.banner{
    width:100%;height:370px;overflow:hidden;color:#ffffff;
    background:url("https://www.sykjwh.cn/image/banner_25_dd.jpg") center center no-repeat;display:flex;align-items:center;justify-content:center;
    /* max-width:1920px; */
}
.banner div{
    position:relative;width:1200px;height:560px;
}
.banner a{
    position:absolute;left:0;bottom:106px;display:inline-block;width:110px;height:38px;line-height:38px;
    color:#03B76B;text-align:center;font-size:15px;font-weight:600;background:#FFFFFF;border-radius:5px;transition:all .4s;
}
.banner a:hover{
    border-radius:15px;background:#E0FFF2;
}
	.wrap,
.wrapper {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    position: relative;
}
/* m1 */
.wrap_m1 {
    width:100%;background:#EFF3F5;overflow:hidden;
}

.m1{
    overflow:hidden;width:1200px;margin:0 auto 80px;
}
.m1>h2,.m2>h2,.m4>h2,.m5>h2,.m7>h2{
    color:#4e4e4e;line-height:50px;font-size:32px;text-align:center;margin:85px auto 10px;
}
.m1>p{
    color:#999999;line-height:22px;font-size:16px;text-align:center;margin-bottom:68px;
}
.m1 ul{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.m1 ul li{
    position:relative;width:258px;height:170px;background:#FFFFFF;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;margin-bottom:20px;padding:25px 14px;
}
.m1 ul div{
    display:flex;align-items:center;
}
.m1 ul div img{
    width:16px;height:16px;margin-right:10px;
}
.m1 ul div p{
    color:#000000;font-size:16px;font-weight:600;
}
.m1 ul text{
    color:#999999;font-size:14px;line-height:20px;position:relative;bottom:10px;white-space:nowrap;
}
.m1 ul a{
    width:116px;height:34px;line-height:34px;color:#ffffff;text-align:center;border-radius:17px;
    background:linear-gradient(85deg, #55D7B3 0%, #24C49B 41%, #00BC7E 100%);
}
.m1 ul a:hover{
    background:linear-gradient(85deg, #3FC6A1 0%, #0FAF86 41%, #009866 100%);
}
.m1 ul .m1_pic{
    width:85px;height:85px;position:absolute;bottom:5px;right:5px;
}

.mdbanner{
    width:100%;height:220px;overflow:hidden;
    color:#ffffff;background:url("https://www.sykjwh.cn/image/mdbanner.png") center center no-repeat;
}

/*--m2---*/
.m2{
    padding-bottom:80px;
}
.m2>p{
    font-size:16px;color:#999999;line-height:26px;text-align:center;margin-bottom:70px;
}
.m2>div{
    position:relative;height:620px;display:flex;align-items:center;justify-content:space-between;
}
.m2 .n1{
    position:absolute;left:0;top:-100px;z-index:-1;
}
.m2 .n2{
    width:620px;
}
.m2 .n3{
    margin-left: 20px;width:58px;
}
.m2 .n4{
    width:300px;
}

/* m3 */
.wrap_m3 {
    width:100%;background:#F3FFFB;overflow:hidden;
}
.m3{
    position:relative;width:1200px;margin:80px auto 80px;overflow:hidden;
}
.m3>img{
    position:absolute;left:50%;margin-left:-78.5px;z-index:0;
}
.m3>h2{
    color:#4C4C4C;font-size:36px;line-height:50px;text-align:center;margin-top:36px;margin-bottom:70px;
}
.m3 ul{
    display:flex;align-items:center;justify-content:space-between;
}
.m3 li{
    width:387px;height:322px;background:#FFFFFF;border-radius:8px;text-align:center;
}
.m3 li h4{
    color:#000000;line-height:22px;font-size:16px;font-weight:600;margin-top:28px;margin-bottom:14px;
}
.m3 li p{
    color:#999999;line-height:20px;font-size:14px;
}

/* m4 */
.m4{
    position:relative;
}
.m4>img{
    position:absolute;right:0;top:14px;
}
.m4>p{
    font-size:16px;color:#999999;line-height:26px;text-align:center;margin-bottom:70px;
}
.m4>div{
    display:flex;align-items:center;justify-content:space-between;
}
.m4>div>img{
    width:264px;
}

/* m5 */
.wrap_m5 {
    overflow:hidden;width:100%;height:980px;margin-top:40px;
    background:url("../../image/sub/retail-WeiXxiaochengxu/m5_bg.png") center center no-repeat;
}
.m5{
    position:relative;width:1200px;margin:0 auto;
}
.m5>img{
    position:absolute;left:0;top:-52px;
}
.m5>h2{
    position:relative;bottom:40px;
}
.m5>p{
    position:relative;font-size:16px;color:#999999;line-height:26px;text-align:center;margin-bottom:70px;bottom:40px;
}
.m5 .m5_d{
    position:relative;width:660px;height:660px;margin:0 auto;border-radius:50%;border:3px dashed #05BD82;
    display:flex;align-items:center;justify-content:center;
}
.m5 .m5_d text{
    position:absolute;
    color:#666666;
    line-height:32px;
    font-size:18px;
    white-space:nowrap;
    cursor:default;
}
.m5 .m5_d .m5_t1{
    right:140%;
}
.m5 .m5_d .m5_t2{
    left:130%;top:-18px;
}
.m5 .m5_d .m5_t3{
    left:140%;
}
.m5 .m5_d .m5_t4{
    top:120%;
}
.m5 .m5_d .m5_d0{
    position:absolute;width:34px;height:34px;
}
.m5 .m5_d .m5_d1{
    position:absolute;width:34px;height:34px;left:68px;top:89px;
}
.m5 .m5_d .m5_d1{
    left:68px;top:89px;
}
.m5 .m5_d .m5_d2{
    top:-22px;left:50%;margin-left:-17px;
}
.m5 .m5_d .m5_d3{
    right:68px;top:89px;
}
.m5 .m5_d .m5_d4{
    right:-16px;top:352px;
}
.m5 .m5_d .m5_d5{
    right:104px;bottom:56px;
}
.m5 .m5_d .m5_d6{
    left:104px;bottom:56px;
}
.m5 .m5_d .m5_d7{
    left:-16px;top:352px;
}
.m5 .m5_d .m5_dd{
    position:relative;width:300px;height:300px;margin:0 auto;border-radius:50%;border: 3px dashed #05BD82;
    display:flex;align-items:center;justify-content:center;
}
.m5 .m5_d .m5_dd1{
    left:-14px;top:102px;
}
.m5 .m5_d .m5_dd2{
    top:0;left:60px;
}
.m5 .m5_d .m5_dd3{
    top:0;right:60px;
}
.m5 .m5_d .m5_dd4{
    right:-14px;top:102px;
}
.m5 .m5_d .m5_dd5{
    bottom:44px;right:12px;
}
.m5 .m5_d .m5_dd6{
    bottom:-22px;left:50%;margin-left:-17px;
}
.m5 .m5_d .m5_dd7{
    bottom:44px;left:12px;
}




/* m7 */
.m7{
    position:relative;margin:0 auto 80px;
}
.m7>h2{
    margin-top:30px;
}
.m7>img{
    position:absolute;top:-50px;right:90px;z-index:0;
}
.m7>p{
    font-size:16px;color:#999999;line-height:26px;text-align:center;margin-bottom:80px;
}
.m7 ul,.m7 li{
    display:flex;align-items:center;justify-content:space-between;
}
.m7 ul{
    padding:0 80px;
}
.m7 li{
    flex-direction:column;color:#1C0B1B;font-size:24px;line-height:33px;font-weight:500;
}
.m7 li img{
    width:90px;margin-bottom:27px;
}

/* m6 */
.wrap_m6 {
    width:100%;background:#E7EFF4;margin-top:100px;overflow:hidden;padding-bottom:80px;
}
.m6{
    position:relative;width:1200px;margin:0 auto;
}
.m6>h2{
    color:#4C4C4C;line-height:50px;font-size:36px;text-align:center;margin-top:100px;margin-bottom:70px;
}
.m6>img{
    position:absolute;left:64px;top:-28px;
}
.m6 ul{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
}
.m6 li{
    width:226px;height:280px;background:#FFFFFF;border-radius:10px;margin:6px;display:flex;flex-direction:column;align-items:center;cursor:default;
}
.m6 li img{
    margin-top:30px;
}
.m6 li h5{
    color:#000000;line-height:22px;font-size:16px;font-weight:600;margin-top:38px;margin-bottom:18px;
}
.m6 li p{
    color:#999999;line-height:20px;font-size:13.5px;font-weight:400;text-align:center;
}

/* m8 */
.m8 {
    margin-bottom:100px;
}
.m8>h2{
    color:#4C4C4C;line-height:50px;font-size:36px;text-align:center;margin-top:100px;margin-bottom:70px;
}
.m8 ul{
    display:flex;align-items:center;justify-content:space-between;
}
.m8 .l1{
    width:580px;height:890px;color:#ffffff;background:url("../../image/sub/retail-WeiXxiaochengxu/m8_3.png") center center no-repeat;
}
.m8 .l2{
    width:580px;height:890px;color:#ffffff;background:url("../../image/sub/retail-WeiXxiaochengxu/m8_4.png") center center no-repeat;
}
.m8 img{
    margin-top:410px;margin-left:93px;
}
.m8 h4{
    color: #FFFFFF;line-height: 40px;font-size: 28px;font-weight: 600;margin:17px 0 25px 93px;
}
.m8 .d1{
    margin:18px 0 18px 93px;
}
.m8 .d1 span{
    display:inline-block;width:24px;height:24px;line-height:24px;font-size:18px;border-radius:50%;background:#2EA380;margin-right:7px;text-align:center;
}
.m8 .d1 text{
    font-size:20px;
}