body {
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    min-width: 1200px;
}

* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #9acc99;
}

ul {
    margin: 0;
    padding-left: 0;
}

li {
    list-style: none;
}

img {
    border: none;
}

*:focus {
    outline: none;
    background-color: transparent;
}

::selection {
    background: transparent;
}

::-moz-selection {
    background: transparent;
}

.max {
    width: 100%;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.clear {
    clear: both;
}
/*头部*/
.head {
    width: 100%;
}

.logo img {
    width: 100%;
}
/*海报*/
.ban {
    width: 100%;
}

    .ban img {
        width: 100%;
    }
/*福利*/
.fuli {
    padding: 28px;
    margin-top: 40px;
}

.fuli-li {
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    width: 351px;
    height: 150px;
    position: relative;
}

.fuli-info {
    position: absolute;
    top: 33px;
    left: 45px;
    font-size: 18px;
    color: #ffffff;
    line-height: 27px;
    width: 100px;
}

.fl2 {
    background: url(../images/fan-2.png)center no-repeat;
}

.fl3 {
    background: url(../images/fan-3.png)center no-repeat;
}

.fl4 {
    background: url(../images/fan-4.png)center no-repeat;
}
/*解决方案*/
.solution {
    margin-top: 100px;
}

.solution-title {
    text-align: center;
}

    .solution-title p {
        font-size: 20px;
        color: #646464;
        margin-top: 10px;
    }

.solution-li {
    background: url(../images/fangan.png) center no-repeat;
    height: 600px;
    display: block;
    position: relative;
    margin-top: 60px;
}

.solutiox {
    color: #646464;
    font-size: 16px;
}

.li1 {
    position: absolute;
    top: 460px;
    text-align: center;
    left: 70px;
}

.li2 {
    position: absolute;
    top: 170px;
    text-align: right;
    left: 90px;
}

.li3 {
    text-align: center;
}

.li4 {
    position: absolute;
    top: 170px;
    text-align: left;
    right: 120px;
}

.li5 {
    position: absolute;
    top: 460px;
    text-align: center;
    right: 70px;
}

.solutioximg {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 30px;
}
/*专用棉展示*/
#main {
    width: 1081px;
    height: 710px;
    overflow: hidden;
    position: relative;
    float: left;
}

    #main ul {
        position: absolute;
        left: 0;
        top: 60px;
    }

        #main ul li {
            width: 1081px;
            height: 601px;
            float: left;
            position: absolute;
            filter: alpha(opacity=0);
            opacity: 0;
        }

    #main .mfdy {
        position: absolute;
        top: 0px;
        width: 121px;
        height: 121px;
        display: block;
        background: url(../images/mfdy.png)no-repeat;
        z-index: 111111;
        left: 50px;
    }

    #main .cailiao {
        position: absolute;
        bottom: 0px;
    }

        #main .cailiao div {
            color: #646464;
            float: left;
            font-size: 18px;
            line-height: 40px;
            margin-right: 50px;
        }

        #main .cailiao .aqpz {
            width: 160px;
            height: 40px;
            background: url(../images/slide-bj.png) no-repeat;
            display: inline-block;
            position: absolute;
            top: 15px;
            right: -290px;
        }

#btn {
    line-height: 13px;
    text-align: center;
    width: 300px;
    margin: 10px auto 0 auto;
    float: right;
    position: absolute;
    bottom: 20px;
    right: -50px;
}

    #btn a {
        display: inline-block;
        background: url(../images/slide-bj.png) no-repeat;
        width: 45px;
        height: 47px;
        margin: 0 5px;
    }

        #btn a.index {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #eeeeee;
            position: relative;
            top: -16px;
        }

        #btn a.active {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #9acc99;
            position: relative;
            top: -16px;
        }

        #btn a.prev {
            background-position: -210px 0;
        }

        #btn a.next {
            background-position: -359px 0;
        }

.slide-title {
    float: right;
    margin-left: 50px;
    margin-top: 60px;
}

    .slide-title .ms {
        font-size: 16px;
        color: #646464;
        width: 20px;
        word-wrap: break-word;
        float: left;
    }

    .slide-title .zym-title {
        float: left;
    }

/*特点*/
.tedianbj {
    background: url(../images/tedianbj.png)right bottom no-repeat;
    padding-bottom: 150px;
}

.tedian {
    margin-top: 120px;
}

.tedian-title {
    position: relative;
}

    .tedian-title p {
        color: #646464;
        font-size: 18px;
        margin-top: 10px;
    }

.tedian-list {
    margin-top: 50px;
    position: relative;
}

.libk {
    margin-left: 13px;
}

.tedian-li {
    width: 290px;
    float: left;
    display: block;
    min-height: 10px;
    margin-bottom: 30px;
}

.tedian-list .teli4 {
    margin-top: -130px;
}

.tedian-li .td1 i {
    background: url(../images/td-1.png)no-repeat;
    bottom: -15px;
    right: 20px;
}

.tedian-li .td2 i {
    background: url(../images/td-2.png)no-repeat;
    bottom: -15px;
    right: 20px;
}

.tedian-li .td3 i {
    background: url(../images/td-3.png)no-repeat;
    bottom: -15px;
    right: 20px;
}

.tedian-li .td4 i {
    background: url(../images/td-4.png)no-repeat;
    bottom: -15px;
    right: 20px;
}

.tedian-li .td5 i {
    background: url(../images/td-5.png)no-repeat;
    top: -15px;
    right: 20px;
}

.tedian-li .td6 i {
    background: url(../images/td-6.png)no-repeat;
    top: -15px;
    right: 20px;
}

.tedianimg {
    position: relative;
}

    .tedianimg img {
        width: 100%;
        z-index: 2;
    }

    .tedianimg i {
        position: absolute;
        width: 40px;
        height: 40px;
        display: block;
        z-index: 1;
    }

.tedian-info {
    background: rgba(255, 255, 255, 0.61);
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.tedian-ti {
    font-size: 22px;
    color: #323232;
    margin: 20px 0;
}

.tedianinfo {
    color: #646464;
    font-size: 15px;
    line-height: 25px;
}

/*案例*/

.mfnyb {
    float: right;
    right: 30px;
    position: absolute;
    top: 30px;
}

    .mfnyb a {
        padding: 10px 30px;
        border-radius: 20px;
        background: #ff6b8f;
        color: #ffffff;
    }

.anli-list {
    width: 1220px;
    border-right: 1px dashed #cccccc;
}

.buxian {
    float: right;
    display: block;
    border-bottom: 1px dashed #cccccc;
    width: 280px;
    height: 1px;
}

.anli-li {
    width: 380px;
    height: 452px;
    margin-bottom: 30px;
    margin-top: 30px;
    float: left;
    margin-right: 25px;
}

    .anli-li img {
        width: 100%;
    }

.chengnuo {
    height: 623px;
    background: url(../images/chengnuo.png)center no-repeat;
    margin-top: 50px;
}
/*承诺*/
.cnnr {
    position: relative;
}

.cn-info {
    width: 477px;
    height: 475px;
    position: absolute;
    right: 0px;
    top: 60px;
    background: url(../images/cn.png)no-repeat;
}

.mfnybs {
    left: 150px;
    position: absolute;
    bottom: 100px;
}

    .mfnybs a {
        padding: 10px 30px;
        border-radius: 20px;
        background: #fff;
        color: #ff6b8f;
    }
/*优势*/
.youshibj {
    background: url(../images/youshibj.png)left bottom no-repeat;
    padding-bottom: 155px;
}

.youshi {
    margin-top: 70px;
}

.youshi-titles {
    text-align: center;
}

.youshi-list {
    margin-top: 60px;
}

.youshi-li {
    width: 569px;
    height: 550px;
    float: left;
    margin-bottom: 30px;
}

.youshi-img img {
    width: 100%;
}

.youshi-title {
    margin-top: 30px;
}

    .youshi-title img {
        max-width: 100%;
        float: left;
    }

.youshiinfo {
    padding: 10px;
    font-size: 16px;
    line-height: 29px;
    color: #646464;
}

    .youshiinfo i {
        width: 5px;
        height: 5px;
        display: inline-block;
        background: #9acc99;
        border-radius: 50%;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

.likds {
    margin-left: 50px;
}

.xia {
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
}

.shang {
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
}
/*关于我们*/
.aboutbj {
    background: url(../images/aboutbj.png)center no-repeat;
    height: 482px;
    position: relative;
    padding-top: 70px;
}

.about {
    background: #fff;
    height: 410px;
}

.about-info {
    padding: 20px;
}

.aboutxx {
    width: 600px;
    float: left;
}

    .aboutxx div {
        float: left;
    }

.about-title {
    margin: 0 10px;
}

.aboutnr {
    width: 500px;
    color: #646464;
    font-size: 14px;
    line-height: 25px;
    margin-top: 30px;
}

.about-img {
    width: 500px;
    float: left;
    padding: 20px 30px;
}

    .about-img img {
        width: 100%;
    }
/*车间*/
.gsyj {
}

a.abtn {
    display: none;
    height: 130px;
    width: 17px;
    overflow: hidden;
    background: url(images/arrow3.png) no-repeat 0px 50%;
}

a.aleft {
    float: left;
}

a.agrayleft {
    cursor: default;
    background-position: -34px 50%;
}

a.aright {
    float: right;
    background-position: -17px 50%;
}

a.agrayright {
    cursor: default;
    background-position: -51px 50%;
}

.scrolllist {
    width: 1200px;
    height: 240px;
    margin: 0 auto;
    margin-top: 30px;
}

    .scrolllist .imglist_w {
        width: 1200px;
        height: 240px;
        overflow: hidden;
        float: left;
        position: relative; /*必要元素*/
    }

        .scrolllist .imglist_w ul {
            width: 20000px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .scrolllist .imglist_w li {
            width: 288px;
            float: left;
            padding: 0 10px;
            text-align: center;
        }

            .scrolllist .imglist_w li img {
                padding: 2px;
               /* border: solid 1px #ddd;*/
            }

            .scrolllist .imglist_w li a {
                color: #646464;
                text-decoration: none;
                text-align: center;
            }

                .scrolllist .imglist_w li a:hover img {
                    filter: alpha(opacity=86);
                    -moz-opacity: 0.86;
                    opacity: 0.86;
                }

            .scrolllist .imglist_w li p {
                height: 48px;
                line-height: 24px;
                overflow: hidden;
            }
/*底部*/
.foot {
    margin-top: 30px;
    margin-bottom: 80px;
}

.foot-contact {
    width: 480px;
    float: left;
}

.foot-weixin {
    float: left;
}

.foot-cont {
    float: left;
    margin-left: 50px;
}

    .foot-cont dl {
        margin-top: 40px;
    }

        .foot-cont dl dt {
            font-size: 18px;
            color: #646464;
            line-height: 28px;
        }

        .foot-cont dl dd {
            font-size: 14px;
            color: #646464;
            line-height: 28px;
        }

.foot-message {
    float: left;
    width: 700px;
    margin-left: 20px;
}

    .foot-message .input {
        border-top: 1px solid #cfcfcf;
        width: 300px;
        margin-right: 30px;
        float: left;
    }

    .foot-message .textarea {
        border-top: 1px solid #cfcfcf;
        width: 370px;
        float: left;
    }

.inputtxt {
    border: none;
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.textarea textarea {
    border: none;
    border-bottom: 1px solid #cfcfcf;
    width: 97%;
    height: 141px;
    padding: 3%;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.submit {
    width: 80px;
    height: 35px;
    background: #9acc99;
    color: #fff;
    border: none;
    font-size: 16px;
    margin-top: 20px;
}
/*悬浮链接*/
.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 85px;
    width: 70px;
    height: 240px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #9acc99;
    margin-bottom: 4px;
    cursor: pointer;
    outline: none;
}

    .suspension .a.active,
    .suspension .a:hover {
        background: #F05352;
    }

    .suspension .a .i {
        float: left;
        width: 30px;
        height: 30px;
    }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    background-image: url(../images/qq.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.suspension .a-service-phone .i {
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    background-image: url(../images/tel.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.suspension .a-qrcode .i {
    width: 30px;
    height: 30px;
    margin-top: 7px;
    margin-left: 7px;
    background-image: url(../images/wx.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.suspension .a-cart .i {
    background-position: -88px 0;
}

.suspension .a-top .i {
    margin-top: 7px;
    margin-left: 7px;
    background-image: url(../images/top.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.suspension .a-top {
    background: #D2D3D6;
    display: none;
}

    .suspension .a-top:hover {
        background: #c0c1c3;
    }

.suspension .d {
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

    .suspension .d .arrow {
        position: absolute;
        width: 8px;
        height: 12px;
        background: url(../images/side_bg_arrow.png) no-repeat;
        right: -8px;
        top: 31px;
    }

.suspension .d-service {
    top: 0;
}

.suspension .d-service-phone {
    top: 34px;
}

.suspension .d-qrcode {
    top: 78px;
}

.suspension .d .inner-box {
    padding: 8px 22px 12px;
}

.suspension .d-service-item {
    border-bottom: 1px solid #eee;
    padding: 14px 0;
}

.suspension .d-service .d-service-item {
    border-bottom: none;
}

.suspension .d-service-item .circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    background: #9acc99;
    display: block;
    float: left;
}

.suspension .d-service-item .i-qq {
    width: 44px;
    height: 44px;
    background: url(../images/qq.png) no-repeat center;
    display: block;
    transition: all .2s;
    border-radius: 50%;
    overflow: hidden;
    background-size: 100%;
}

.suspension .d-service-item:hover .i-qq {
    background-position: center 3px;
}

.suspension .d-service-item .i-tel {
    width: 44px;
    height: 44px;
    background: url(../images/tel.png) no-repeat center center;
    display: block;
    background-size: 100%;
}

.suspension .d-service-item h3 {
    float: left;
    width: 112px;
    line-height: 44px;
    font-size: 15px;
    margin-left: 12px;
}

.suspension .d-service-item .text {
    float: left;
    width: 112px;
    line-height: 22px;
    font-size: 15px;
    margin-left: 12px;
}

    .suspension .d-service-item .text .number {
        font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    }

.suspension .d-service-intro {
    padding-top: 10px;
}

    .suspension .d-service-intro p {
        float: left;
        line-height: 27px;
        font-size: 12px;
        width: 50%;
        white-space: nowrap;
        color: #888;
    }

    .suspension .d-service-intro i {
        background: url(../images/side_con_icon01.png) no-repeat center center;
        height: 27px;
        width: 14px;
        margin-right: 5px;
        vertical-align: top;
        display: inline-block;
    }

.suspension .d-qrcode {
    text-align: center;
}

    .suspension .d-qrcode .inner-box {
        padding: 10px 0;
    }

    .suspension .d-qrcode p {
        font-size: 16px;
        color: #93959c;
    }

.huodong{width:220px;height:330px;box-shadow:0 0 20px #999;position:fixed;top:50%;margin-top:-330px;left:15px;z-index:9999;}
.huodong img{width:100%;height:330px;}
.huodong .close{position:absolute;width:30px;height:30px;border:1px solid #dcdcdc;background:red;right:0;top:0;line-height:30px;text-align:center;color:#fff;cursor:pointer;opacity:0.5;}
.huodong .close:hover{opacity:1;}