.top-news{
    height: 667px !important;
    background-image: url(../../static/images/news_top_bg.png) !important;
    background-size: cover !important;
}
.top-news .exp{
    padding-top: 304px !important
}
.news-con{
    background-color: white;
    margin: 0 auto;
    width: 1475px;
}
.news-con .nc-item:last-child{
    border-bottom: 0px;
}
.nc-item{
    display: flex;
    padding-top: 51px;
    padding-bottom: 55px;
    margin: 0px 20px 0px 39px;
    border-bottom: 1px solid #BFBFBF;;
}
.nc-item .nci-img img:hover{
    transform: scale(1.04);
}
.nc-item .nci-img img{
    width: 353px;
    height: 211px;
    transition: all .6s ease;
}
.nc-item .nci-title{
    margin-left: 56px;
}
.nc-item .nci-title h3{
    color: #2C6EEF;
    font-size: 22px;
    margin: 18px 0px 17px 0px;
}
.nc-item .nci-title .nc-date{
    font-size: 16px;
    color: #737C8B;
}
.nc-item .nci-title .nc-view{
    margin-top: 38px;
}
.nc-item .nci-title .nc-view a{
    color: #2C6EEF;
    font-size: 16px;
}
.footer{
    margin-top: 110px !important;
}
.footer .wind-control{
    margin-top: 0px;
}
.aw{
    width: 1450px !important;
}
.about-con{
    height: 561px;
    display: flex;
    margin-top: 105px;
    width: 100%;
}
.about-con .ac-l{
    flex: 1;
}
.about-con .ac-l .acl-title h3{
    margin: 0px 0px 14px 0px;
    font-size: 32px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
}
.about-con .ac-l .acl-title label{
    width: 78px;
    height: 8px;
    background-color: #3567F6;
    display: inline-block;
}
.about-con .ac-l .acl-con{
    margin-top: 41px;
}
.about-con .ac-l .acl-con p{
    font-size: 22px;
    margin: 0px;
    line-height: 33px;
    text-align: justify;
    color: #737C8B;
}
.about-con .ac-r{
    margin-left: 47px;
}
.about-con .ac-r img:hover{
    transform: scale(1.04);
}
.about-con .ac-r img{
    transition: all .6s ease;
}
.about-con .ac-r .acr-mid{
    position: relative;
    top: -110px;
    left: 43px;
}
.about-con .ac-r .acr-r{
    position: relative;
    top: -231px;
    left: 178px;
    z-index: -1;
}
.per-con{
    margin-top: 168px !important;
    width: 1450px !important;
}
.per{
    display: flex;
}
.per-con .per:last-child{
    margin-top: 33px;
}
.per .per-item{
    flex: 1;
    margin-left: 105px;
}
.per .per-item:first-child{
    margin-left: 0px;
}
.per .per-item .pi-top label {
    width: 61px;
    height: 61px;
    background-image: url(../../static/images/tuoyuan.png);
    display: inline-block;
}
.per .per-item .pi-top span i {
    font-size: 50px;
    font-style: normal;
}
.per .per-item .pi-top span {
    position: relative;
    font-size: 32px;
    left: -55px;
    top: 2px;
}
.per .per-item .pi-exp{
    font-size: 23px;
    margin-top: 12px;
    font-weight: 300;
}
.process{
    height: 777px;
    width: 100%;
    background-image: url(../../static/images/process.png);
    background-size: contain;
    margin-top: 136px;
    overflow: hidden;
}
.process .p-title{
    padding-top: 107px;
}
.process .p-title h3{
    font-size: 32px;
    color: white;
    text-align: center;
    margin: 0px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 21px;
}
.process .p-title .pt-bg{
    height: 16px;
    width: 277px;
    margin: 0 auto;
    background-image: url(../../static/images/process_t_bg.png);
    background-size: cover;
}
.partner{
    padding-top: 149px;
    background-color: white !important;
    width: 100%;
    overflow: hidden;
}
.partner h3{
    text-align: center;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0px;
    font-weight: 400;
}
.partner .partner-con{
    width: 100%;
    overflow: hidden;
    height: 222px;
    margin-top: 80px;
}
.partner .partner-con .pc-item{
    width: 236px;
    height: 109px;
    float: left;
}
.innovate {
    width: 1450px;
    margin: 0 auto;
    padding-top: 69px;
}
.innovate h3{
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    margin: 0px;
}
.innovate .innovate-con{
    padding-top: 59px;
}
.innovate .innc-item:hover{
    transform: scale(1.04);
}
.innovate .innc-item{
    width: 708px;
    height: 324px;
    float: left;
    background-size: cover;
    margin-left: 34px;
    margin-top: 28px;
    transition: all .6s ease;
}
.innovate .innc-item:first-child,.innovate .innc-item:nth-child(3){
    margin-left: 0px;
}
.innovate .one{
    background-image: url(../../static/images/cx_1.png);
}
.innovate .two{
    background-image: url(../../static/images/cx_2.png);
}
.innovate .three{
    background-image: url(../../static/images/cx_3.png);
}
.innovate .four{
    background-image: url(../../static/images/cx_4.png);
}
.innovate .innc-item h3{
    margin-top: 63px;
    margin-left: 38px;
    text-align: left;
    font-size: 28px;
    margin-bottom: 37px;
}
.innovate .innc-item .ii-exp ul li{
    display: block;
    text-align: left;
    margin-left: 38px;
    font-size: 17px;
    margin-bottom: 8px;
    color: #737C8B;
}
.innovate .innc-item .ii-exp ul li label{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background-color: #282828;
    position: relative;
    bottom: 4px;
    margin-right: 10px;
}

.cm-container {
    position: relative;
    z-index: 30;
    margin-top: 40px;
    -webkit-user-select: none!important;
    user-select: none!important;
}
.cm-container .cm-img-container{
    display: flex;
    height: 206px;
    margin-top: 25px;
    position: relative;
    user-select: none!important;
    transform: translateZ(0);
    backface-visibility: hidden;
    -ms-perspective: 1000;
    perspective: 1000;
}
.cm-container .cm-img-container .cm-img:first-child {
    animation: scroll-frame1 100s linear infinite normal;
    -webkit-animation: scroll-frame1 100s linear infinite normal;
}
.cm-container .cm-img-container .cm-img {
    height: 100%;
    transform-style: preserve-3d;
    will-change: transform;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.cm-container .cm-img-container .cm-img {
    -webkit-user-select: none!important;
    user-select: none!important;
    transform: translateZ(0);
    backface-visibility: hidden;
    -ms-perspective: 1000;
    perspective: 1000;
}
@keyframes scroll-frame1 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes scroll-frame2 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes scroll-frame3 {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.cm-container .cm-img-container .cm-img:nth-child(2) {
    margin-left: -16px;
    animation: scroll-frame2 100s linear infinite normal;
    -webkit-animation: scroll-frame2 100s linear infinite normal;
}
.cm-container .cm-img-container .cm-img:nth-child(3) {
    animation: scroll-frame3 100s linear infinite normal;
    -webkit-animation: scroll-frame3 100s linear infinite normal;
}

.aboutlc-mix .thumbs {
    position: relative !important;
    width: 100%;
    left: 0;
    bottom: 220px;
    z-index: 4;
    transform: rotate(-9deg);
    top: -451px;
}

.aboutlc-mix .thumbs::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 1px;
    background: #fff;
    left: -10%;
    top: 12px;
}
.aboutlc-mix .thumbs .swiper-container {
    width: 1400px;
    margin: 0 auto;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.thumbs .swiper-slide{
    width: 116px !important;
    height: 77px !important;
}
.aboutlc-mix .thumbs-prev, .aboutlc-mix .thumbs-next{
    position: relative !important;
}
.thumbs .swiper-container-horizontal{
    height: 77px !important;
}
.aboutlc-mix .thumbs-prev{
    float: left;
    margin-top: -500px;
}
.aboutlc-mix .thumbs-prev img{
    position: relative;
    top: 20px;
    right: 3px;
}
.aboutlc-mix .thumbs-next{
    float: right;
    margin-top: -500px;
}

.aboutlc-mix .thumbs-next img{
    position: relative;
    top: 20px;
    right: 7px;
}
.aboutlc-mix .thumbs-next:hover ,.aboutlc-mix .thumbs-prev:hover{
    background-color: unset !important;
}