body {
    overflow-x: hidden
}

.big-info .p1:after, .fsz-enterprise-tit p.p1:before, .fsz-small:after, .m-culture li .m-culture-content h3:before, .small-info h3:before, .small-info p:before, .swiper-container-1 .swiper-slide:after {
    content: ''
}

.fsz-bner {
    background: url(/images/fan/img3.jpg) center no-repeat;
    background-size: cover
}

.fsz-video {
    position: relative;
    width: 100%;
    background: url(/images/about/timg.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 454px
}
.team-video {
    /*position: relative;*/
    width: 100%;
    background: url(/images/about/领军人才.jpg) center no-repeat;
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
    height: 480px
}
.fsz-wenhua {
    position: relative;
    width: 100%;
    background: url(/images/about/wenhua.jpg) right no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 454px
}

.fsz-video img, .fsz-video video {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    height: 100%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    display: block
}

.fsz-enterprise {
    position: relative;
    height: 620px;
    background: url(/images/fan/img5.jpg) center no-repeat fixed;
    background-size: cover
}

.fsz-enterprise-tit {
    float: right;
    margin-top: 75px;
    margin-right: 150px;
    padding-right: 98px;
    background: url(/images/fan/history.png) right center no-repeat;
    color: #fff
}

.fsz-enterprise-tit p {
    text-align: right
}

.fsz-enterprise-tit p.p1 {
    position: relative;
    text-transform: uppercase;
    font-size: 12px
}

.fsz-enterprise-tit p.p1:before {
    position: absolute;
    top: -15px;
    right: 0;
    width: 58px;
    height: 2px;
    background-color: #fff
}

.fsz-enterprise-tit h3 {
    font-size: 48px;
    padding: 10px 0
}

.swiper-container-1 {
    margin: 0 60px;
    padding: 20px 0
}

.swiper-container-1 .swiper-wrapper {
    height: 300px
}

.swiper-container-1 .swiper-slide {
    position: relative;
    height: 300px
}

.swiper-container-1 .swiper-slide:after {
    position: absolute;
    left: 0;
    bottom: 150px;
    right: 0;
    height: 2px;
    background-color: #fff
}

.m-history {
    color: #fff
}

.m-history-main {
    position: relative;
    height: 90px;
    padding: 30px 0
}

.m-history-main:after, .m-history-main:before {
    position: absolute;
    left: 0;
    content: ''
}

.m-history-main:before {
    bottom: 20px;
    font-size: 0;
    line-height: 0;
    border-width: 6px 6px 0;
    border-color: #fff transparent;
    border-style: solid dashed dashed
}

.m-history-main:after {
    bottom: -5px;
    width: 6px;
    height: 6px;
    border: 2px solid RGB(140,198,63);
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    z-index: 100
}

.m-history h3 {
    font-size: 20px;
    padding: 10px 0;
    position: absolute;
    bottom: 30px
}

.m-history p {
    line-height: 15px;
    font-size: 12px;
    position: absolute;
    bottom: 70px;
    word-wrap: break-word
}

.swiper-container-1 .swiper-slide:nth-child(2n) {
    padding-top: 150px
}

.swiper-container-1 .swiper-slide:nth-child(2n):after {
    top: 148px;
    bottom: inherit
}

.swiper-container-1 .swiper-slide:nth-child(2n) .m-history-main:before {
    bottom: inherit;
    top: 20px;
    font-size: 0;
    line-height: 0;
    border-width: 0 6px 6px;
    border-color: #fff transparent;
    border-style: dashed dashed solid
}

.swiper-container-1 .swiper-slide:nth-child(2n) .m-history-main:after {
    bottom: inherit;
    top: -6px;
    border: 2px solid RGB(140,198,63);
    width: 6px;
    height: 6px
}

.swiper-container-1 .swiper-slide:nth-child(2n) .m-history h3 {
    bottom: inherit;
    top: inherit
}

.swiper-container-1 .swiper-slide:nth-child(2n) .m-history p {
    top: 70px;
    bottom: initial;
    height: 135px
}

.swiper-button-next, .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url(/images/fan/ico-lrbtn.png) center no-repeat;
    background-size: 38px 76px
}

.swiper-button-prev {
    left: 10px;
    background-position: 0 0
}

.swiper-button-next {
    right: 10px;
    background-position: 0 -38px
}

.swiper-container-wrap {
    position: relative;
    padding: 60px 0
}

.swiper-button-next, .swiper-button-prev {
    top: 50%;
    width: 38px;
    height: 38px;
    z-index: 999
}

.m-culture {
    display: table;
    margin: 0 100px 20px
}

.m-culture li {
    float: left;
    width: 30%;
    margin-right: 5%;
    border-top: 2px solid RGB(140,198,63);
    background-color: #f3f3f3
}

.m-culture li:last-child {
    margin-right: 0
}

.m-culture li img {
    display: block;
    width: 100%
}

.m-culture li .m-culture-content {
    padding: 30px;
    height: 262px
}

.m-culture li .m-culture-content-en {
    padding: 30px;
    height: 342px
}

.m-culture li .m-culture-content .p1 {
    color: #787878;
    font-size: 20px;
    margin-bottom: 18px
}

.m-culture li .m-culture-content .p2 {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    min-height: 72px
}

.m-culture li .m-culture-content h3 {
    position: relative;
    padding-top: 18px;
    margin-bottom: 18px;
    font-size: 32px;
    color: RGB(140,198,63)
}

.m-culture li .m-culture-content h3:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 2px;
    background-color: RGB(140,198,63)
}

.small-fsz-history {
    display: none
}

.fsz-leaderteam {
    padding-bottom: 50px;
    background-color: #f3f3f3
}

.m-theme-text {
    position: relative;
    /*background-color: #f3f3f3*/
}

.background-hezuo {
    background-color: #f3f3f3
}
.fsz-leaderteam .swiper-wrapper {
    position: relative;
    margin-top: 0
}

.fsz-small {
    position: absolute;
    top: 160px;
    left: 0;
    width: 60%;
    display: block
}

.fsz-small:after {
    position: absolute;
    top: -160px;
    right: 10px;
    width: 15px;
    height: 289px;
    background: url(/images/fan/person_bg.png) center no-repeat;
    background-size: 15px 289px
}

.fsz-small li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 25%
}

.small-info, .small-info-main {
    position: absolute;
    left: 0;
    right: 0
}

.fsz-small li:nth-child(4) {
    clear: both
}

.fsz-small li img {
    display: block;
    width: 186px
}

.small-info {
    top: 0;
    bottom: 0;
    background-color: RGB(140,198,63);
    color: #fff;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: transform .2s linear
}

.small-info-main {
    bottom: 15px;
    left: 15px
}

.small-info h3, .small-info p {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.small-info h3 {
    font-size: 24px;
    margin-bottom: 10px
}

.small-info p {
    font-size: 14px
}

.small-info h3:before, .small-info p:before {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #fff
}

.small-info h3:before {
    top: -10px
}

.small-info p:before {
    bottom: -10px
}

.fsz-small li:hover {
    cursor: pointer
}

.fsz-small li:hover .small-info {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.fsz-big {
    float: right;
    width: 40%
}

.fsz-big img {
    display: block;
    width: 100%
}

.big-info {
    margin: 40px 0 0 40px
}

.big-info h3 {
    font-size: 34px;
    color: #000
}

.big-info .p1 {
    position: relative;
    font-size: 18px;
    color: #000;
    padding: 10px 0 15px
}

.big-info .p1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38px;
    height: 2px;
    background-color: RGB(140,198,63)
}

.big-info .p2 {
    margin-top: 30px;
    font-size: 14px;
    color: #666;
    line-height: 1.4
}

.fsz-leaderteam .swiper-button-next, .fsz-leaderteam .swiper-button-prev, .fsz-leaderteam .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .fsz-leaderteam .swiper-button-prev {
    background: url(/images/fan/ico-arrow-blue.png) center no-repeat;
    background-size: 27px 54px
}

.fsz-leaderteam .swiper-button-next, .fsz-leaderteam .swiper-button-prev {
    top: 160px;
    width: 27px;
    height: 27px;
    z-index: 10000000
}

.fsz-leaderteam .swiper-button-prev {
    left: 50%;
    background-position: 0 -27px
}

.fsz-leaderteam .swiper-button-next {
    right: 44%;
    background-position: 0 0
}

.intro {
    display: none
}

.swiper-container-cube .swiper-cube-shadow {
    background: 0 0
}

.m-theme-text .m-text-22{
    margin-bottom: 30px
}

.m-theme-text .m-text-33 {
    letter-spacing: 1.4px
}

.img-dialog {
    display: none
}

@media all and (max-width: 950px) {
    .fsz-enterprise-tit {
        margin-top: 35px;
        padding-right: 48px;
        margin-right: 5px;
        background-size: 45px 46px
    }

    .fsz-enterprise-tit p {
        font-size: 12px
    }

    .fsz-enterprise-tit p.p1:before {
        top: -7px;
        width: 29px;
        height: 1px
    }

    .fsz-enterprise-tit h3 {
        font-size: 24px;
        padding: 5px 0
    }

    .fsz-enterprise {
        height: 450px
    }

    .swiper-button-next, .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background: url(/images/fan/ico-lrbtn.png) center no-repeat;
        background-size: 19px 38px
    }

    .swiper-button-prev {
        background-position: 0 0
    }

    .swiper-button-next {
        background-position: 0 -19px
    }

    .swiper-button-next, .swiper-button-prev {
        top: 55%;
        width: 19px;
        height: 19px;
        z-index: 1000
    }

    .swiper-wrapper {
        margin-top: 0
    }

    .m-culture {
        display: block;
        margin: 0 5px 20px
    }

    .m-culture li {
        width: 100%;
        height: auto;
        margin-right: 0;
        border-top: 1px solid #008dc5;
        margin-bottom: 10px
    }

    .m-culture li .m-culture-content {
        padding: 10px;
        height: auto
    }

    .m-culture li .m-culture-content-en {
        padding: 10px;
        height: auto
    }

    .m-culture li .m-culture-content h3 {
        padding-top: 6px;
        margin-bottom: 6px;
        font-size: 16px
    }

    .m-culture li .m-culture-content .p1 {
        margin-bottom: 10px;
        font-size: 12px
    }

    .m-culture li .m-culture-content .p2 {
        font-size: 12px;
        line-height: 18px;
        min-height: 36px
    }

    .fsz-history-main {
        margin-top: 15px
    }

    .fsz-big {
        display: none
    }

    .fsz-leaderteam-main {
        height: auto
    }

    .fsz-small {
        position: relative;
        width: 100%;
        top: 0
    }

    .fsz-leaderteam {
        padding-bottom: 20px
    }

    .fsz-small:after {
        background: 0 0
    }

    .fsz-leaderteam .swiper-button-next {
        right: 10px
    }

    .fsz-leaderteam .swiper-button-prev {
        left: inherit;
        right: 40px;
        background-position: 0 -20px
    }

    .fsz-leaderteam .swiper-button-next, .fsz-leaderteam .swiper-button-prev {
        top: 40%;
        width: 20px;
        height: 20px
    }

    .fsz-leaderteam .swiper-button-next, .fsz-leaderteam .swiper-button-prev, .fsz-leaderteam .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .fsz-leaderteam .swiper-button-prev {
        background-size: 20px 40px
    }

    .small-info h3 {
        font-size: 14px
    }

    .small-info p {
        font-size: 12px
    }

    .swiper-container-1 {
        margin: 0 40px
    }

    .swiper-container-1 .swiper-slide:after {
        height: 1px;
        bottom: 65px;
        display: none
    }

    .swiper-container-1 .swiper-slide:nth-child(2n):after {
        top: 104px
    }

    .swiper-container-wrap {
        padding: 40px 0;
        height: 280px
    }

    .m-history-main {
        height: auto;
        padding: 20px 0
    }

    .m-history-main:after {
        width: 6px;
        height: 6px;
        border: 2px solid #0e92c8;
        bottom: 5px;
        display: none
    }

    .m-history-main:before {
        bottom: 20px;
        display: none
    }

    .m-history p {
        position: relative;
        font-size: 9px;
        height: auto;
        line-height: 15px;
        top: 0
    }

    .swiper-container-1 .swiper-slide:nth-child(2n) .m-history p {
        top: initial;
        overflow: hidden;
        height: auto
    }

    .m-history h3 {
        font-size: 15px;
        padding: 5px 0;
        position: relative;
        bottom: inherit
    }

    .swiper-container-1 .swiper-slide {
        height: 170px
    }

    .swiper-container-1 .swiper-slide:nth-child(2n) {
        padding-top: 0
    }

    .swiper-container-1 .swiper-slide:nth-child(2n) .m-history-main:before {
        top: 10px
    }

    .fsz-video {
        height: 302px
    }
    .fsz-wenhua {
        height: 200px
    }
    .m-theme-text .m-text-22 {
        margin-bottom: 15px
    }

    .m-theme-text .m-text-33 {
        letter-spacing: 1.4px
    }

    .small-info-main {
        bottom: 5px;
        left: 5px
    }

    .fsz-video img, .fsz-video video {
        width: 100%;
        height: 100%
    }

    .img-dialog {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        z-index: 10000000001000000000
    }

    .img-dialog-main {
        position: absolute;
        top: 50%;
        left: 15px;
        right: 15px;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%)
    }

    .img-dialog-main img {
        display: block;
        width: 100%
    }

    .img-dialog-main h3 {
        color: #fff;
        font-size: 24px;
        line-height: 1.5
    }

    .img-dialog-main p {
        color: #fff;
        margin-bottom: 10px;
        line-height: 1.5
    }

    .img-dialog-main p.pos1 {
        font-size: 12px
    }

    .img-dialog-main p.intro1 {
        font-size: 13px
    }
}

.enterpriseQualify {
    width: 100%;
    background: RGB(243,243,243);
    position: relative;
    overflow: hidden;
}

.innerQualify {
    overflow: hidden;
    margin: 0 100px;
}

.line_h {
    width: 92%;
    height: 1px;
    display: block;
    border-bottom: 1px solid #ffffff;
    margin: auto;
    margin-top: 39px;
}

.innerQualify ul li {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

.innerQualify ul li > div {
    width: 100%;
    margin: auto;
}

.innerQualify ul li > div > img {
    width: 90%;
}

.even {
    text-align: right;
}

.even > div > div {
    float: right;
}

.innerQualify ul li > div > div {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
    width: 90%;
}

.lastCertificate {
    margin: 0 100px;
    overflow: hidden;
    margin-top: 85px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}

.lastCertificate > div {
    float: left;
    width: 50%;
}

.leftIntroduce span {
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
}

.leftIntroduce span:first-child {
    font-weight: bold;
    width: 20%;
    text-align: right;
}

.leftIntroduce span:last-child {

    width: 79%;
    vertical-align: top;
}

.rightCertificate {
    text-align: right;
}

.rightCertificate > img {
    width: 90%;

}

.leftIntroduce > div {
    margin-bottom: 10px;
}

.headMark {
    margin: 0 100px;
    margin-bottom: 45px;
    margin-top: 50px;
}

.rightWord {
    display: inline-block;
}

.headMark > img {
    vertical-align: sub;
    margin-bottom: -7px;
    margin-right: 10px;
}

.bigWord {
    font-size: 48px;
    color: RGB(140,198,93);
}

.smallWord > span {
    color:RGB(140,198,93);
    font-size: 12px;
    position: relative;
}

.smallWord > span:before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 1px;
    background: #ffffff;
    left: 0;
}

.twoWord {
    margin: 0 0 0 1.7em;
}

.bottomSwitch {
    width: 50%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.bottomSwitch > div {
    float: left;
    width: 36%;
    cursor: pointer;
}

.bottomSwitch > div > img {
    margin: auto;
    display: block;
}

.lastC {
    margin-bottom: 145px;
}

.qizz .swiper-button-next {
    background: url(/images/fan/right.png) center no-repeat !important;
    background-size: 38px 76px;
    bottom: -15% !important;
    top: auto !important;
    right: 43%;
}

.qizz .swiper-button-prev {
    background: url(/images/fan/left.png) center no-repeat !important;
    background-size: 38px 76px;
    bottom: -15% !important;
    top: auto !important;
    left: 43%;
}

.qizz .swiper-button-next, .qizz .swiper-button-prev {
    top: 50%;
    width: 59px;
    height: 66px;
    z-index: 1042;
}

.lastC .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: visible;
    z-index: 1;
}

.content041 h3 img {
    display: block;
    margin: 0 auto;
    margin-bottom: 100px;
}
.clearfix:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
.content041 {
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    zoom:1;
}

.box4_01 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.box4_01 h3 {
    font-size: 36px;
    color: #333;
    margin-bottom: 70px;
    text-align: center;
}

.box4_01 .prev {
    width: 28px;
    height: 90px;
    float: left;
    background: url(/images/about/t1_left.png) no-repeat;
    position: absolute;
    left: 0;
    top: 104px;
    display: block;
    cursor: pointer;
}

.box4_01 .next {
    width: 28px;
    height: 90px;
    float: right;
    background: url(/images/about/t1_right.png) no-repeat;
    position: absolute;
    right: 0;
    top: 104px;
    display: block;
    cursor: pointer;
}

.box4_01 .scrollWrap {
    width: 1063px;
    margin: 0 auto;
}

.box4_01 .scrollWrap .dlList ul {
    list-style-type: none;
}

.box4_01 .scrollWrap .dlList ul li {
    width: 100%;
    margin-right: 25px;
    height: auto;
    float: left;
}

.box4_01 .scrollWrap .dlList ul li a {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.box4_01 .scrollWrap .dlList ul li a img {
    float: left;
}

.box4_01 .scrollWrap .dlList ul li a {
    width: 60%;
    margin: 0 auto;
    float: left;
    margin-bottom: 22px;
}
.content041 {
    width: 100%;
}

@media (max-width: 1299px) {
    .innerQualify ul li > div > img {
        width: 90%;
        text-align: center;
        display: block;
        margin: auto;
    }

    .innerQualify ul li > div > div {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        margin: auto;
        margin-top: 20px;
        width: 87%;
    }

    .even > div > div {
        float: none;
    }

}

@media (max-width: 1024px) {
    .leftIntroduce {
        width: 84% !important;
    }

    .leftIntroduce span {
        color: #ffffff;
        font-size: 16px;
        display: inline-block;

    }

    .leftIntroduce span:last-child {
        width: 73%;
        vertical-align: top;
    }

    .leftIntroduce span:first-child {
        font-weight: bold;
        width: 27%;
        text-align: right;
    }

    .leftIntroduce span {
        color: #ffffff;
        font-size: 14px;
        display: inline-block;
    }

    .bigWord {
        font-size: 24px

    }

    .headMark > img {
        width: 58px;

    }

    .qizz .swiper-button-next, .qizz .swiper-button-prev {
        top: 50%;
        width: 19px;
        height: 19px;
        z-index: 1042;

    }

    .qizz .swiper-button-next {
        background: url(/images/fan/right.png) center no-repeat !important;
        background-size: 40px 40px !important;
        bottom: -29% !important;
        top: auto !important;
        right: 43%;
        width: 41px;
        height: 41px;
    }

    .qizz .swiper-button-prev {
        background: url(/images/fan/left.png) center no-repeat !important;
        background-size: 40px 40px !important;
        bottom: -29% !important;
        top: auto !important;
        left: 43%;
        width: 41px;
        height: 41px;
    }
}

@media (max-width: 750px) {
    .headMark {
        margin: 0 0px;
        margin-bottom: 45px;
        margin-top: 50px;
        text-align: left;
        padding-left: 18px;
    }

    .bigWord {
        text-align: left;
    }

    .innerQualify ul li {
        float: none;
        width: 100%;
        margin-bottom: 40px;
        overflow: hidden;
    }

    .innerQualify {
        overflow: hidden;
        margin: 0 0px;
        margin: auto;
    }

    .innerQualify ul li > div > img {
        width: 90%;
        text-align: center;
        display: block;
        margin: auto;
    }

    .innerQualify ul li > div > div {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        /* margin-top: 20px; */
        width: 90%;
        margin: auto;
        margin-top: 20px;
        float: none;
    }

    .lastCertificate {
        margin: 0 0px;
        overflow: hidden;
        margin-top: 85px;
        display: block !important;
        display: block !important;
        -webkit-align-items: center;
        align-items: center;
    }

    .lastCertificate > div {
        float: none;
        width: 94%;
        margin: auto;
    }

    .rightCertificate {
        /* text-align: right; */
        text-align: center;
    }

    .leftIntroduce {
        width: 84% !important;
    }

    .leftIntroduce span {
        color: #ffffff;
        font-size: 16px;
        display: inline-block;

    }

    .leftIntroduce span:last-child {
        width: 73%;
        vertical-align: top;
    }

    .lastCertificate {

        margin-top: 37px;

    }

    .qizz .swiper-button-next {
        background: url(/images/fan/right.png) center no-repeat !important;
        background-size: 19px 19px !important;
        bottom: -10% !important;
        top: auto !important;
        right: 43%;
        width: 19px;
        height: 19px;
    }

    .qizz .swiper-button-prev {
        background: url(/images/fan/left.png) center no-repeat !important;
        background-size: 19px 19px !important;
        bottom: -10% !important;
        top: auto !important;
        left: 43%;
        width: 19px;
        height: 19px;
    }

    .lastC {
        margin-bottom: 78px;
    }

    .leftIntroduce span:first-child {
        font-weight: bold;
        width: 27%;
        text-align: right;
    }

    .leftIntroduce span {
        color: #ffffff;
        font-size: 14px;
        display: inline-block;
    }

    .innerQualify ul li > div > div {
        font-size: 14px;

    }

    .innerQualify ul li {
        float: none;
        width: 100%;
        margin-bottom: 23px;
        overflow: hidden;
    }

    .line_h {
        width: 92%;
        height: 1px;
        display: block;
        border-bottom: 1px solid #ffffff;
        margin: auto;
        margin-top: 16px;
    }
}

@media (max-width: 479px) {


    .box4_01 {
        width: 100%;
    }

    .box4_01 .scrollWrap {
        width: 100%;
    }

    .box4_01 .scrollWrap .dlList ul li {
        float: left;
        width: 100%;
    }

    .box4_01 .scrollWrap .dlList ul li img {
        float: left;
        width: 100%;
    }

    .box4_01 .tempWrap {
        width: 100% !important;
    }

    .box4_01 .scrollWrap .dlList ul li {
        margin-left: 0;
    }
}


@media (min-width: 480px) and (max-width: 639px) {



    .box4_01 {
        width: 100%;
    }

    .box4_01 .scrollWrap {
        width: 100%;
    }

    .box4_01 .scrollWrap .dlList ul li {
        width: 48%;
    }

    .scrollWrap .dlList ul li img {
        width: 100%;
    }

    .box4_01 .tempWrap {
        width: 100% !important;
    }

    .box4_01 .scrollWrap .dlList ul li {
        margin-left: 10px;
    }

}

@media (min-width: 640px) and (max-width: 1023px ) {


    .box4_01 {
        width: 100%;
    }

    .box4_01 .scrollWrap {
        width: 100%;
    }

    .box4_01 .scrollWrap .dlList ul li {
        width: 20%;
    }

    .scrollWrap .dlList ul li img {
        width: 100%;
    }

    .box4_01 .tempWrap {
        width: 100% !important;
    }

    .box4_01 .scrollWrap .dlList ul li {
        margin-left: 10px;
    }


}
@media (min-width: 1024px) and (max-width: 1199px ) {

    .box4_01 {
        width: 100%;
    }

    .box4_01 .scrollWrap {
        width: 100%;
    }

    .box4_01 .scrollWrap .dlList ul li {
        width: 32%;
    }

    .scrollWrap .dlList ul li img {
        width: 100%;
    }

    .box4_01 .tempWrap {
        width: 100% !important;
    }

    .box4_01 .scrollWrap .dlList ul li {
        margin-left: 25px;
    }

}