@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;
	}

	h1,h2,h3,h4,h5{font-weight: 500;}
	img{
    border:none;vertical-align: top;
}
	li{list-style: none;}
	.clearfix {
    display: inline-block;*zoom:1
}
    .clearfix:before,clearfix:after {
        content:"";
        display:table;
    }
    .clearfix:after {
        clear:both;
    }
    
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }
    .sv1 {
        width: 100%;
         height: 370px;
        background: url(https://www.sykjwh.cn/image/banner_26_dd.png);
        background-repeat: no-repeat;
        background-position: center top;
    }

    /* .sv1 img{
        height: 370px;
        background: url(https://www.sykjwh.cn/image/banner_26_dd.jpg);
        background-repeat: no-repeat;
        background-position: center top;
    } */

    .sv2 {
        width:1200px;
        height:642px;
        margin: 0 auto;
        background:rgba(247,249,252,1);
    }
    .sv2 h2,.sv3 h2,.sv7 h2 {
        text-align: center;
        height:28px;
        padding-top: 60px;
        margin-bottom: 33px;
        font-size:28px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:1;
    }
    .sv2 .sv2r {
        margin-left: 57px;
        margin-top: 28px;
    }
    .sv2r h3 {
        height:20px;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(98,59,177,1);
        line-height:22px;
        margin-top: 57px;
        margin-bottom: 10px;
    }
    .sv2r p {
        width: 545px;
        height:35px;
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:22px;
    }
    .sv3 {
        width:1200px;
        height:699px;
        margin: 0 auto;
        background:rgba(255,255,255,1);
    }
    .sv3l>p,.sv4r>p,.sv5l>p{
        height:24px;
        font-size:24px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:1;
    }
    .sv3l>p {
        margin-bottom: 20px;
    }
    .sv3l>img {
        margin-bottom: 46px;
    }
    .sv3 ul{
        width: 550px;
        padding-left: 36px;
        box-sizing: border-box;
    }
    .sv3 ul li, .sv4 ul li,.sv5 ul li{
        display: inline-block;
        margin-bottom: 47px;
    }
    .sv3 ul li img,.sv4 ul li img,.sv5 ul li img {
        width: 40px;
        height: 40px;
        margin-right: 9px;
    }
    .sv3 ul li span,.sv4 ul li span,.sv5 ul li span {
        display: inline-block;
        width:196px;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:300;
        color:rgba(51,51,51,1);
        line-height:42px;
    }
    .sv3r {
        margin-top: 60px;
    }
    .sv4 {
        width:1200px;
        height:606px;
        margin: 0 auto;
        background:rgba(247,249,252,1);
    }
    .sv4l {
        margin-top: 79px;
    }
    .sv4r {
        width: 401px;
        margin-left: 86px;
    }
    .sv4r>p ,.sv4r>img {
    }
    .sv4r>img,.sv5l>img {
        margin-bottom: 45px;
    }
    .sv4r>p,.sv5l>p {
        margin-bottom: 20px;
        margin-top: 60px;
        line-height: 1;
    }
    .sv5 {
        width:1200px;
        height:587px;
        margin: 0 auto;
        background:rgba(255,255,255,1);
    }
    .sv5l {
        width: 550px;
    }
    .sv5r {
        margin-top: 180px;
    }

    .sv7 {
        width:100%;
        height:456px;
        margin: 0 auto;
        background:rgba(247,249,252,1);
    }
    .sv7 ul{
        margin: 0 auto;
        width: 1200px;
        display: block;
    }
    .sv7 ul li {
        width: 258px;
        height: 258px;
        margin-right: 56px;
    }
    .sv7 h3 {
        width:121px;
        height:15px;

        font-size:16px;
        font-family:Microsoft YaHei;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:42px;
        margin-bottom: 25px;
        margin-left: 15px;
        margin-top: 10px;
    }
    .sv7 p {
        width:229px;
        height:35px;
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:300;
        color:rgba(51,51,51,1);
        line-height:21px;
        margin-left: 15px;
    }
    .li1 {
        background-image: url("https://www.sykjwh.cn/image/sub/retail-short-video/A1@2x.png");
    }
    .li2 {
        background-image: url("https://www.sykjwh.cn/image/sub/retail-short-video/A2@2x.png");
    }
    .li3 {
        background-image: url("https://www.sykjwh.cn/image/sub/retail-short-video/A3@2x.png");
    }
    .li4 {
        background-image: url("https://www.sykjwh.cn/image/sub/retail-short-video/A4@2x.png");
    }

    .sv4r{
        text-align: right;
    }

    .sv4r ul{
        text-align: left;
        padding-right: 36px;
    }

    .sv4 ul li span{
        width: 160px;
    }

    .sv4 ul li:nth-child(2n) span{
        width: 100px;
    }

    .sv5 ul{
        padding-left: 36px;
        box-sizing: border-box;
    }

    .sv7 ul li:last-child{
        margin-right: 0;
    }

    .sv7 ul li:hover{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    }

    .swiper {
        width: 100%;
        height: 613px;
        padding: 52px 0 29px;
        box-sizing: border-box;
        background: url("https://www.sykjwh.cn/image/sub/retail-short-video/bg@2x.png") no-repeat center;
        background-size: auto 100%;
    }

    .swiper-main {
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }

    .swiper-container {
        float: left;
		height: 532px!important
    }

    .sw-r {
        padding-left: 400px;
    }

    .sw-r h3 {
        color: #fff;
        font-size: 28px;
        line-height: 62px;
    }

    .sw-r ul {
        padding-left: 79px;
        margin-top: 64px;
    }

    .sw-r li {
        float: left;
        width: 128px;
        height: 32px;
        border: 1px solid #fff;
        text-align: center;
        line-height: 30px;
        color: #fff;
        box-sizing: border-box;
        border-radius: 4px;
        margin-right: 14px;
        margin-bottom: 30px;
        cursor: pointer;
    }

    .sw-r li.on,.sw-r li:hover {
        border: none;
        line-height: 32px;
        background: #735CD2;
        background: linear-gradient(45deg, #735CD2, #DA509E);
    }

    

    .swiper-container{
        width: 284px;
        margin-left: 80px;
        overflow: hidden;
    }

    .swiper-button-prev{
        position: absolute;
        top: 241px;
        left: 0;
        width: 44px;
        height: 44px;
        background: url("http://www.slodon.net/templates/default/images/deliver/prev.png") no-repeat center;
        background-size: 100% 100%;
    }

    .swiper-button-prev:hover{
        background: url("http://www.slodon.net/templates/default/images/deliver/prev_on.png") no-repeat center;
        background-size: 100% 100%;
    }

    .swiper-button-next{
        position: absolute;
        top: 241px;
        left: 403px;
        width: 44px;
        height: 44px;
        background: url("http://www.slodon.net/templates/default/images/deliver/next.png") no-repeat center;
        background-size: 100% 100%;
    }

    .swiper-button-next:hover{
        background: url("http://www.slodon.net/templates/default/images/deliver/next_on.png") no-repeat center;
        background-size: 100% 100%;
    }