/* 化学纤维行业 */
@media (max-width: 600px) {
    main .content-case{
        overflow: hidden;
    }
    main .topbg {
        width: 100%;
        height: 400px;
        color: #181818;
        z-index: -99999;
        position: relative;
        background-repeat: no-repeat;
    }
    main .topbg .sxtitcen{
        width: 95%;
        min-height: 100px;
        margin: auto;
        position: absolute;
        padding-left: 5%;
        top: 9%;
        text-align: center;
    }
    main .topbg .sxtitcen p{
        width: 95%;
        height: 26px;
        font-weight: 400;
        font-size: 18px;
        color: #181818;
        line-height: 26px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    main .topbg .sxtitcen h2{
        width: 95%;
        height: 58px;
        font-weight: 400;
        font-size: 40px;
        color: #181818;
        line-height: 58px;
        text-align: center;
        font-style: normal;
        text-transform: none;
        margin: 0px;
    }
    main .topbg .sxtitcen .pic_dlb{
        width: 50%;
        height: auto;
        /* position: absolute; */
        /* right: 1%; */
        /* top: 5%; */
        /* z-index: -1; */
    }
    main .introduce{
        width: 95%;
        margin: auto;
        margin-top: 4.69%;
        padding-left: 3%;
        padding-bottom: 50px;
    }
    main .introduce h3{
        width: 96px;
        height: 35px;
        font-weight: 400;
        font-size: 24px;
        color: #181818;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce p{
        width: 100%;
        min-height: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #4B5B76;
        line-height: 28px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce img{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    main .content-case{
        min-height: 1080px;
    }
    main .topbg {
        width: 100%;
        height: 400px;
        color: #181818;
        z-index: -99999;
        position: relative;
        background-repeat: no-repeat;
    }
    main .topbg .sxtitcen{
        width: 95%;
        min-height: 100px;
        margin: auto;
        position: absolute;
        padding-left: 5%;
        top: 7%;
        text-align: center;
    }
    main .topbg .sxtitcen p{
        width: 95%;
        height: 26px;
        font-weight: 400;
        font-size: 18px;
        color: #181818;
        line-height: 26px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    main .topbg .sxtitcen h2{
        width: 95%;
        height: 58px;
        font-weight: 400;
        font-size: 40px;
        color: #181818;
        line-height: 58px;
        text-align: center;
        font-style: normal;
        text-transform: none;
        margin: 0px;
    }
    main .topbg .sxtitcen .pic_dlb{
        width: 40%;
        height: auto;
        /* position: absolute; */
        /* right: 1%; */
        /* top: 5%; */
        z-index: -1;
    }
    main .introduce{
        width: 95%;
        margin: auto;
        margin-top: 4.69%;
        padding-left: 3%;
    }
    main .introduce h3{
        width: 96px;
        height: 35px;
        font-weight: 400;
        font-size: 24px;
        color: #181818;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce p{
        width: 100%;
        min-height: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #4B5B76;
        line-height: 28px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce img{
        width: 30%;
        height: auto;
    }
}
@media (min-width: 768px) {
    main .content-case{
        min-height: 1080px;
    }
    main .topbg {
        width: 100%;
        height: 400px;
        color: #181818;
        z-index: -99999;
        position: relative;
        background-repeat: no-repeat;
    }
    main .topbg .sxtitcen{
        width: 95%;
        min-height: 100px;
        margin: auto;
        position: absolute;
        padding-left: 5%;
        top: 25%;
    }
    main .topbg .sxtitcen p{
        width: 95%;
        height: 26px;
        font-weight: 400;
        font-size: 18px;
        color: #181818;
        line-height: 26px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .topbg .sxtitcen h2{
        width: 95%;
        height: 58px;
        font-weight: 400;
        font-size: 40px;
        color: #181818;
        line-height: 58px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin: 0px;
    }
    main .topbg .sxtitcen .pic_dlb{
        width: 35%;
        height: auto;
        position: absolute;
        right: 5%;
        top: 0;
        z-index: -1;
    }
    main .introduce{
        width: 95%;
        margin: auto;
        margin-top: 4.69%;
        padding-left: 3%;
    }
    main .introduce h3{
        width: 96px;
        height: 35px;
        font-weight: 400;
        font-size: 24px;
        color: #181818;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce p{
        width: 100%;
        min-height: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #4B5B76;
        line-height: 28px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce img{
        width: 30%;
        height: auto;
    }
}
@media (min-width: 992px) {
    main .content-case{
        min-height: 1080px;
    }
    main .topbg {
        width: 100%;
        height: 400px;
        color: #181818;
        z-index: -99999;
        position: relative;
        background-repeat: no-repeat;
    }
    main .topbg .sxtitcen{
        width: 95%;
        min-height: 100px;
        margin: auto;
        position: absolute;
        padding-left: 5%;
        top: 25%;
    }
    main .topbg .sxtitcen p{
        width: 95%;
        height: 26px;
        font-weight: 400;
        font-size: 18px;
        color: #181818;
        line-height: 26px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .topbg .sxtitcen h2{
        width: 95%;
        height: 58px;
        font-weight: 400;
        font-size: 40px;
        color: #181818;
        line-height: 58px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin: 0px;
    }
    main .topbg .sxtitcen .pic_dlb{
        width: 30%;
        height: auto;
        position: absolute;
        right: 5%;
        top: 0;
        z-index: -1;
    }
    main .introduce{
        width: 95%;
        margin: auto;
        margin-top: 4.69%;
        padding-left: 3%;
    }
    main .introduce h3{
        width: 96px;
        height: 35px;
        font-weight: 400;
        font-size: 24px;
        color: #181818;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce p{
        width: 100%;
        min-height: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #4B5B76;
        line-height: 28px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce img{
        width: 25%;
        height: auto;
    }
}
@media (min-width: 1200px) {
    .example { background: pink; }
    main .content-case{
        min-height: 888px;
    }
    main .topbg {
        width: 100%;
        height: 400px;
        color: #181818;
        z-index: -99999;
        position: relative;
        background-repeat: no-repeat;
    }
    main .topbg .sxtitcen{
        width: 68%;
        height: 300px;
        margin: auto;
        position: absolute;
        left: 16%;
    }
    main .topbg .sxtitcen p{
        width: 100%;
        height: 26px;
        font-weight: 400;
        font-size: 18px;
        color: #181818;
        line-height: 26px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .topbg .sxtitcen h2{
        width: 100%;
        height: 58px;
        font-weight: 400;
        font-size: 40px;
        color: #181818;
        line-height: 58px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin: 0px;
    }
    main .topbg .sxtitcen .pic_dlb{
        width: 450px;
        height: 300px;
        position: absolute;
        right: 15%;
        top: -16.5%;
    }
    main .introduce{
        width: 63%;
        margin: auto;
        margin-top: 4.69%;
        padding-bottom:5%;
    }
    main .introduce h3{
        width: 96px;
        height: 35px;
        font-weight: 400;
        font-size: 24px;
        color: #181818;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce p{
        width: 100%;
        min-height: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #4B5B76;
        line-height: 28px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
    main .introduce img{
        width: 200px;
        height: 146px;
    }
}