* {    margin: 0;    padding: 0}body, button, input, select, textarea {    font: 12px/1.5em Helvetica Neue,Microsoft YaHei,Simsun,Arial}h1, h2, h3, h4, h5, h6 {    font-size: 100%}address, cite, dfn, em, var {    font-style: normal}code, kbd, pre, samp {    font-family: courier new,courier,monospace}small {    font-size: 13px}ol, ul {    list-style: none}a {    color: #00000;    cursor: pointer}a, body a:hover {    text-decoration: none}sup {    vertical-align: text-top}sub {    vertical-align: text-bottom}legend {    color: #000}fieldset, img {    border: 0}button, input, select, textarea {    font-size: 100%;    border: none;    outline: none}body {    background: #fff}a img {    border: none}img {    border: 0;    vertical-align: middle}img, video {    width: 100%;    height: auto;    object-fit: cover}.clearfix:after {    content: ".";    display: block;    visibility: hidden;    clear: both;    height: 0;    font-size: 0}.clearfix {    *zoom: 1}.container {    width: 1320px;    margin: 0 auto;    position: relative}    .container .hidden, .container .pagination-more {        display: none    }    .container .pagination-block {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        margin: 50px auto 0    }        .container .pagination-block a, .container .pagination-block span {            width: 32px;            height: 32px;            display: inline-block;            margin-right: 5px;            text-align: center;            line-height: 32px;            color: #636363        }            .container .pagination-block a.active, .container .pagination-block a:hover, .container .pagination-block span.active, .container .pagination-block span:hover {                background: #989898;                color: #fff            }.swiper-container .swiper-pagination {    margin-left: 0 !important;    -webkit-transform: translateX(-50%);    transform: translateX(-50%)}@font-face {    font-family: kcWebsite;    src: url(/css/font_3050411_2c7a26udi0m.woff2) format("woff2"),url(/css/font_3050411_2c7a26udi0m.woff) format("woff"),url(/css/font_3050411_2c7a26udi0m.ttf) format("truetype")}.global-header-smail, .menu-wrap-smail {    display: none}.global-header {    min-height: 100px;    width: 100%;    border-bottom: 3px solid #292d74;    position: relative;    z-index: 2}    .global-header .two-menu-box {        height: 40px;        background: #292d74;        width: 100%    }    .global-header .header-content {        display: -webkit-box;        display: -ms-flexbox;        display: flex    }        .global-header .header-content .log {            width: 504px;            height: 80px;            margin-top: 20px        }            .global-header .header-content .log .log1 {                width: 200px;                display: inline-block            }            .global-header .header-content .log .log2 {                width: 200px;                display: inline-block            }        .global-header .header-content .right {            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-orient: vertical;            -webkit-box-direction: normal;            -ms-flex-direction: column;            flex-direction: column        }            .global-header .header-content .right .company-info {                margin: 16px 0 2px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-pack: end;                -ms-flex-pack: end;                justify-content: flex-end            }                .global-header .header-content .right .company-info .search-input {                    margin-right: 10px;                    height: 38px;                    border: 1px solid #b4b4b4;                    line-height: 40px;                    display: -webkit-box;                    display: -ms-flexbox;                    display: flex;                    transition: all .5s linear;                    width: 0;                    opacity: 0;                    overflow: hidden                }                    .global-header .header-content .right .company-info .search-input.show {                        opacity: 1;                        width: 280px                    }                    .global-header .header-content .right .company-info .search-input input {                        -webkit-box-flex: 1;                        -ms-flex: 1;                        flex: 1;                        padding: 9px 14px 11px;                        box-sizing: border-box;                        font-size: 20px;                        font-weight: 400;                        color: #000;                        opacity: .45                    }                    .global-header .header-content .right .company-info .search-input .icon {                        width: 40px;                        height: 40px;                        font-family: kcWebsite;                        font-size: 25px;                        text-align: center;                        cursor: pointer                    }                .global-header .header-content .right .company-info .tel-info {                    display: -webkit-box;                    display: -ms-flexbox;                    display: flex;                    color: #b4b4b4;                    line-height: 12px;                    font-size: 13px                }                .global-header .header-content .right .company-info .icon {                    margin-right: 10px;                    width: 40px;                    height: 40px;                    cursor: pointer                }                .global-header .header-content .right .company-info .tel {                    font-size: 28px;                    line-height: 28px;                    font-weight: 700;                    color: #b4b4b4                }            .global-header .header-content .right .nav-wrap {                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-pack: end;                -ms-flex-pack: end;                justify-content: flex-end            }                .global-header .header-content .right .nav-wrap .nav {                    padding: 10px 0 10px 32px;                    display: inline-block;                    font-size: 18px;                    position: relative;                    cursor: pointer                }                    .global-header .header-content .right .nav-wrap .nav a {                        color: #000;                        opacity: .65                    }                    .global-header .header-content .right .nav-wrap .nav.active a {                        color: #292d74;                        opacity: 1                    }                    .global-header .header-content .right .nav-wrap .nav.active:after {                        position: absolute;                        left: 66%;                        -webkit-transform: translateY(50%);                        transform: translateY(50%);                        content: "";                        width: 0;                        height: 0;                        border-left: 8px solid transparent;                        border-right: 8px solid transparent;                        border-bottom: 16px solid #292d74;                        bottom: 1px                    }                    .global-header .header-content .right .nav-wrap .nav:hover .two-nav-wrap {                        display: block                    }                    .global-header .header-content .right .nav-wrap .nav .two-nav-wrap {                        height: 40px;                        position: absolute;                        left: 0;                        bottom: -43px;                        width: -webkit-max-content;                        width: -moz-max-content;                        width: max-content;                        display: none;                        -webkit-box-align: center;                        -ms-flex-align: center;                        align-items: center;                        left: 50%;                        -webkit-transform: translateX(-50%);                        transform: translateX(-50%)                    }                        .global-header .header-content .right .nav-wrap .nav .two-nav-wrap.show {                            display: -webkit-box;                            display: -ms-flexbox;                            display: flex                        }                        .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li {                            padding-left: 32px;                            color: #fff;                            float: left;                            opacity: .65;                            position: relative;                            height: 100%;                            display: -webkit-box;                            display: -ms-flexbox;                            display: flex;                            -webkit-box-align: center;                            -ms-flex-align: center;                            align-items: center;                        }                            .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li.select, .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li:hover {                                opacity: 1                            }                            .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li .three-nav {                                position: absolute;                                z-index: 10000 !important;                                left: 20px;                                top: 40px;                                display: none                            }                                .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li .three-nav.show {                                    display: block                                }                                .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li .three-nav a {                                    opacity: 1;                                    background: #e9e9e9;                                    color: #848484;                                    width: 104px;                                    display: -webkit-box;                                    display: -ms-flexbox;                                    display: flex;                                    height: 40px;                                    -webkit-box-align: center;                                    -ms-flex-align: center;                                    align-items: center;                                    -webkit-box-pack: center;                                    -ms-flex-pack: center;                                    justify-content: center                                }                                    .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li .three-nav .select, .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li .three-nav a:hover {                                        background: #bdbdbd;                                        color: #fff                                    }                            .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li:hover .three-nav {                                display: block                            }@media screen and (max-width:768px) {    .global-header {        display: none    }    .global-header-smail {        display: block;        position: -webkit-sticky;        position: sticky;        top: 0;        background: #fff;        z-index: 20    }        .global-header-smail .header-top {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: justify;            -ms-flex-pack: justify;            justify-content: space-between;            padding: 12px 25px        }            .global-header-smail .header-top .log {                width: 138px;                height: 46px            }            .global-header-smail .header-top .menu {                display: inline-block;                width: 50px;                height: 50px;                font-family: kcWebsite;                font-size: 25px;                text-align: right;                line-height: 50px            }        .global-header-smail .search-box {            height: 35px;            padding: 5px 25px;            box-sizing: border-box;            background: #292d74        }            .global-header-smail .search-box .search-input {                height: 100%;                border: 1px solid #b4b4b4;                line-height: 23px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                background: #989ac7            }                .global-header-smail .search-box .search-input input {                    -webkit-box-flex: 1;                    -ms-flex: 1;                    flex: 1;                    padding: 0 5px;                    box-sizing: border-box;                    font-size: 13px;                    font-weight: 400;                    color: rgba(0,0,0,.45);                    background: #989ac7                }                    .global-header-smail .search-box .search-input input::-webkit-input-placeholder {                        color: rgba(0,0,0,.45)                    }                    .global-header-smail .search-box .search-input input:-ms-input-placeholder {                        color: rgba(0,0,0,.45)                    }                    .global-header-smail .search-box .search-input input::placeholder {                        color: rgba(0,0,0,.45)                    }                .global-header-smail .search-box .search-input .icon {                    width: 25px;                    height: 25px;                    font-family: kcWebsite;                    font-size: 20px;                    text-align: center;                    cursor: pointer;                    background: #989ac7                }    .menu-wrap-smail {        display: block    }        .menu-wrap-smail .mask {            position: fixed;            z-index: 1000;            top: 0;            right: 0;            left: 0;            bottom: 0;            background: rgba(0,0,0,.6);            opacity: 0;            display: none        }            .menu-wrap-smail .mask.show {                opacity: 1;                display: block            }        .menu-wrap-smail .nav-wrap {            width: 50%;            position: fixed;            right: 0;            top: 0;            -webkit-transform: translate(100%,0);            transform: translate(100%,0);            -webkit-backface-visibility: hidden;            backface-visibility: hidden;            z-index: 5000;            height: 100%;            background-color: #f2f2f2;            transition: -webkit-transform .3s;            transition: transform .3s;            transition: transform .3s,-webkit-transform .3s;            border-radius: 0;            overflow: hidden        }            .menu-wrap-smail .nav-wrap.show {                -webkit-transform: translate(0,0);                transform: translate(0,0)            }            .menu-wrap-smail .nav-wrap .nav .nav-item, .menu-wrap-smail .nav-wrap .nav a {                font-size: 14px;                line-height: 20px;                color: #595959;                padding: 10px 13px;                display: block;                width: 100%;                box-sizing: border-box;                border-bottom: 2px solid #fff;                position: relative            }                .menu-wrap-smail .nav-wrap .nav .nav-item:after, .menu-wrap-smail .nav-wrap .nav a:after {                    content: "\e600";                    font-family: kcWebsite;                    position: absolute;                    right: 10px                }            .menu-wrap-smail .nav-wrap .nav .two-nav-wrap {                display: none            }                .menu-wrap-smail .nav-wrap .nav .two-nav-wrap li {                    padding-left: 20px                }                .menu-wrap-smail .nav-wrap .nav .two-nav-wrap.show {                    display: block                }            .menu-wrap-smail .nav-wrap .active .nav-item, .menu-wrap-smail .nav-wrap .active > a {                color: #292d74;                font-weight: 700            }}.banner-wrap {    max-width: 1920px;    max-height: 524px;    margin: 0 auto 36px}.swiper-container {    width: 100%;    height: 100%}    .swiper-container .swiper-slide {        text-align: center;        font-size: 18px;        background: #fff;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center    }        .swiper-container .swiper-slide > a {            height: 100%;            width: 100%;            display: table-cell;            vertical-align: middle        }            .swiper-container .swiper-slide > a img {                width: 100%;                height: 100%;                display: block;                margin: auto            }    .swiper-container .swiper-pagination {        height: 18px;        opacity: .5;        background: #6674a1;        border-radius: 100px;        position: absolute;        bottom: 15px;        text-align: center;        left: 50%;        margin-left: -35px;        z-index: 10    }        .swiper-container .swiper-pagination span {            display: inline-block;            width: 10px;            height: 10px;            background: #fff;            border-radius: 100%;            margin: 0 5px        }        .swiper-container .swiper-pagination .swiper-active-switch {            background: #9e2317        }@media screen and (max-width:768px) {    .banner-wrap {        width: 100%;        /*height: 160px;*/        height: 100%;        margin-bottom: 20px    }        .banner-wrap.deban {            background: #14984d;            padding-bottom: 10px;            border-bottom: 10px solid #14984d        }        .banner-wrap.beizhi {            background: #691f74;            padding-bottom: 10px        }        .banner-wrap.haoqi {            background: #e62f29;            padding-bottom: 10px        }        .banner-wrap.gaosijie {            background: #d21c72;            padding-bottom: 10px        }        .banner-wrap.shujie {            background: #0060a9;            padding-bottom: 10px        }}.company-news {    width: 100%;    background: #eaeaea;    margin-top: 40px}    .company-news .title {        padding: 20px;        height: 28px;        line-height: 28px;        font-size: 28px;        font-weight: 500;        color: #282c71;        text-align: center;        width: 100%    }    .company-news .card-item {        width: 430px;        margin-right: 15px;        margin-bottom: 25px;        box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);        float: left    }        .company-news .card-item:nth-child(3n) {            margin-right: 0        }        .company-news .card-item .text-des {            height: 40px;            font-size: 14px;            font-weight: 400;            color: #828282;            line-height: 20px;            margin: 5px 8px 14px;            overflow: hidden;            text-overflow: ellipsis;            display: -webkit-box;            -webkit-box-orient: vertical;            -webkit-line-clamp: 2        }        .company-news .card-item .phone-text-des {            display: none        }    .company-news .look-more {        width: 150px;        height: 30px;        border-radius: 32px;        border: 2px solid #1b2d78;        margin: 0 auto 28px;        display: block;        text-align: center;        line-height: 30px;        font-size: 14px;        font-weight: 400;        color: #1b2d78    }.project-wrap {    display: -webkit-box;    display: -ms-flexbox;    display: flex}    .project-wrap .project-left {        width: 600px;        margin-right: 40px;        height: 408px    }        .project-wrap .project-left .home-swiper1 {            height: 320px;            margin-bottom: 8px        }        .project-wrap .project-left .home-swiper2 {            height: 80px        }            .project-wrap .project-left .home-swiper2 .swiper-slide {                opacity: .4;                cursor: pointer            }            .project-wrap .project-left .home-swiper2 .swiper-slide-thumb-active {                opacity: 1            }    .project-wrap .project-right {        float: left;        width: 680px    }    .project-wrap .project-right-title {        height: 28px;        line-height: 28px;        font-size: 28px;        font-weight: 500;        color: #292d74;        padding: 0 0 15px;        border-bottom: 2px solid #292d74    }    .project-wrap .project-right-item {        display: block;        width: 216px;        height: 160px;        background: #f0f0f0;        margin-right: 15px;        margin-top: 24px;        float: left    }        .project-wrap .project-right-item:nth-child(3n) {            margin-right: 0        }        .project-wrap .project-right-item img {            width: 100%;            height: 100%        }@media screen and (max-width:768px) {    .company-news {        width: 100%;        background: #fff;        padding: 0 25px;        margin-top: 0;        margin-bottom: 28px;        box-sizing: border-box    }        .company-news .title {            padding: 16px;            box-sizing: border-box;            height: auto;            line-height: 16px;            font-size: 16px;            color: #000;            text-align: center;            font-weight: 700        }        .company-news .card-item {            width: 100%;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            padding: 16px 0;            margin-right: 0;            margin-bottom: 0;            float: none;            box-shadow: none;            border-bottom: 1px solid rgba(0,0,0,.35)        }            .company-news .card-item img {                width: 115px;                height: 72px;                margin-right: 8px            }            .company-news .card-item .text-des {                display: none            }            .company-news .card-item .phone-text-des {                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-orient: vertical;                -webkit-box-direction: normal;                -ms-flex-direction: column;                flex-direction: column;                -webkit-box-pack: justify;                -ms-flex-pack: justify;                justify-content: space-between            }                .company-news .card-item .phone-text-des .des {                    font-weight: 500;                    color: #143070;                    font-size: 14px;                    line-height: 18px;                    overflow: hidden;                    text-overflow: ellipsis;                    display: -webkit-box;                    -webkit-box-orient: vertical;                    -webkit-line-clamp: 3                }                .company-news .card-item .phone-text-des .time {                    font-size: 13px;                    font-weight: 400;                    color: #828282;                    line-height: 18px                }        .company-news .look-more {            width: 90px;            height: 18px;            border-radius: 16px;            border: 1px solid rgba(0,0,0,.35);            margin: 15px auto;            display: block;            text-align: center;            line-height: 18px;            font-size: 13px;            font-weight: 400;            color: #000        }    .project-wrap {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column    }        .project-wrap .project-left {            padding: 0 25px 10px;            margin: 0;            box-sizing: border-box;            width: 100%;            height: auto        }            .project-wrap .project-left .home-swiper1 {                height: 180px;                margin-bottom: 0            }            .project-wrap .project-left .home-swiper2 {                display: none            }        .project-wrap .project-right {            padding: 0 22px;            width: auto        }        .project-wrap .project-right-list {            display: -ms-grid;            display: grid;            grid-column-gap: 4px;            grid-row-gap: 4px;            -ms-grid-columns: 1fr 1fr 1fr;            grid-template-columns: 1fr 1fr 1fr;            margin-bottom: 16px        }        .project-wrap .project-right-title {            height: 16px;            line-height: 16px;            font-size: 16px;            font-weight: 700;            color: #000;            padding: 20px 0;            border-bottom: none;            text-align: center        }        .project-wrap .project-right-item {            display: block;            width: auto;            height: 75px;            background: #f0f0f0;            margin: 0        }            .project-wrap .project-right-item img {                width: 100%;                height: 100%;                object-fit: contain            }}.menu-wrap-left {    margin-right: 80px;    width: 260px}    .menu-wrap-left .menu-wrap {        margin-bottom: 80px    }    .menu-wrap-left .menu-item {        padding: 40px 8px 13px;        font-size: 24px;        opacity: .65;        font-weight: 400;        color: #000;        line-height: 36px;        display: block;        width: 260px;        box-sizing: border-box;        border-bottom: 3px solid #d8d8d8    }        .menu-wrap-left .menu-item:first-child {            padding: 0 8px 16px        }        .menu-wrap-left .menu-item.active, .menu-wrap-left .menu-item:hover {            color: #282c71;            opacity: 1        }        .menu-wrap-left .menu-item .two-menu {            display: none        }            .menu-wrap-left .menu-item .two-menu.show {                display: block            }            .menu-wrap-left .menu-item .two-menu .menu-item {                width: 100%;                padding: 20px            }                .menu-wrap-left .menu-item .two-menu .menu-item a {                    color: #000;                    opacity: .95                }                    .menu-wrap-left .menu-item .two-menu .menu-item a.active, .menu-wrap-left .menu-item .two-menu .menu-item a:hover {                        color: #282c71;                        opacity: 1                    }                .menu-wrap-left .menu-item .two-menu .menu-item:last-child {                    border: none;                    margin-bottom: -18px                }    .menu-wrap-left .title-name {        display: none    }    .menu-wrap-left .menu-img a {        width: 200px;        height: 120px;        margin-bottom: 40px;        display: block    }@media screen and (max-width:768px) {    .menu-wrap-left {        margin: 25px;        width: auto    }        .menu-wrap-left .menu-wrap {            display: none        }        .menu-wrap-left .title-name {            display: block;            font-size: 16px;            font-weight: 700;            color: #000;            line-height: 24px;            padding-bottom: 14px;            text-align: center;            opacity: .65        }        .menu-wrap-left .menu-img {            display: -ms-grid;            display: grid;            grid-column-gap: 4px;            grid-row-gap: 4px;            -ms-grid-columns: 1fr 1fr 1fr;            grid-template-columns: 1fr 1fr 1fr        }            .menu-wrap-left .menu-img a {                width: auto;                height: 60px;                margin-bottom: 0;                display: block            }}.join-us {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin: 64px auto;    min-height: 1200px}    .join-us .content-wrap {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1    }        .join-us .content-wrap > .title {            font-size: 28px;            font-weight: 700;            color: #292d74;            line-height: 28px;            padding-bottom: 16px;            border-bottom: 2px solid #292d74;            margin-bottom: 22px        }        .join-us .content-wrap .content-item {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: justify;            -ms-flex-pack: justify;            justify-content: space-between;            width: 980px;            margin-bottom: 100px        }            .join-us .content-wrap .content-item .content-block {                width: 468px;                height: 304px            }                .join-us .content-wrap .content-item .content-block.show {                    display: block                }                .join-us .content-wrap .content-item .content-block .header {                    font-size: 28px;                    font-weight: 700;                    color: #292d74;                    line-height: 28px;                    padding-bottom: 15px;                    border-bottom: 2px solid #292d74                }                .join-us .content-wrap .content-item .content-block .des {                    font-size: 18px;                    font-weight: 500;                    color: #494949;                    line-height: 40px;                    margin: 10px auto                }                .join-us .content-wrap .content-item .content-block .main {                    margin-top: 22px;                    overflow: hidden                }                    .join-us .content-wrap .content-item .content-block .main .swiper1 {                        height: 272px;                        margin-bottom: 8px                    }                    .join-us .content-wrap .content-item .content-block .main .swiper2 {                        height: 80px;                        cursor: pointer                    }                        .join-us .content-wrap .content-item .content-block .main .swiper2 .swiper-slide {                            opacity: .4;                            cursor: pointer                        }                        .join-us .content-wrap .content-item .content-block .main .swiper2 .swiper-slide-thumb-active {                            opacity: 1                        }            .join-us .content-wrap .content-item .img-block {                height: 304px;                border: 1px dotted #000            }                .join-us .content-wrap .content-item .img-block .img-action {                    position: relative;                    width: 323px;                    margin-top: 15px                }                    .join-us .content-wrap .content-item .img-block .img-action .center {                        position: absolute;                        left: 30%;                        top: 96px;                        width: 124px;                        height: 86px                    }                    .join-us .content-wrap .content-item .img-block .img-action .anime {                        display: block;                        width: 84px;                        height: 84px;                        margin: 0 auto;                        background: url(/img/us/01-welcome.png) no-repeat;                        position: absolute;                        left: 38%;                        top: 0;                        cursor: pointer                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime:hover {                            background: url(/img/us/01-welcome-2.png) no-repeat;                            width: 84px;                            height: 84px                        }                    .join-us .content-wrap .content-item .img-block .img-action .anime2 {                        background: url(/img/us/02-dream.png) no-repeat;                        left: 65%;                        top: 25px;                        width: 84px;                        height: 84px                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime2:hover {                            background: url(/img/us/02-dream-2.png) no-repeat;                            width: 84px;                            height: 84px                        }                    .join-us .content-wrap .content-item .img-block .img-action .anime3 {                        background: url(/img/us/03-grow.png) no-repeat;                        left: 70%;                        top: 111px;                        width: 84px;                        height: 84px                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime3:hover {                            background: url(/img/us/03-grow-2.png) no-repeat;                            width: 84px;                            height: 84px                        }                    .join-us .content-wrap .content-item .img-block .img-action .anime4 {                        background: url(/img/us/04-win.png) no-repeat;                        left: 54%;                        top: 185px;                        width: 84px;                        height: 84px                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime4:hover {                            background: url(/img/us/04-win-2.png) no-repeat;                            width: 84px;                            height: 84px                        }                    .join-us .content-wrap .content-item .img-block .img-action .anime5 {                        background: url(/img/us/05-celebrate.png) no-repeat;                        left: 22%;                        top: 185px;                        width: 84px;                        height: 84px                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime5:hover {                            background: url(/img/us/05-celebrate-2.png) no-repeat;                            width: 84px;                            height: 84px                        }                    .join-us .content-wrap .content-item .img-block .img-action .anime6 {                        background: url(/img/us/06-livewell.png) no-repeat;                        left: 4%;                        top: 110px;                        width: 84px;                        height: 84px                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime6:hover {                            background: url(/img/us/06-livewell-2.png) no-repeat;                            width: 84px;                            height: 84px                        }                    .join-us .content-wrap .content-item .img-block .img-action .anime7 {                        background: url(/img/us/07-giveback.png) no-repeat;                        left: 10%;                        top: 20px;                        width: 84px;                        height: 84px                    }                        .join-us .content-wrap .content-item .img-block .img-action .anime7:hover {                            background: url(/img/us/07-giveback-2.png) no-repeat;                            width: 84px;                            height: 84px                        }        .join-us .content-wrap .trainee-project {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: justify;            -ms-flex-pack: justify;            justify-content: space-between;            margin-bottom: 80px        }            .join-us .content-wrap .trainee-project .img {                width: 444px;                height: 591px;                margin-right: 40px            }            .join-us .content-wrap .trainee-project .content {                -webkit-box-flex: 1;                -ms-flex: 1;                flex: 1            }                .join-us .content-wrap .trainee-project .content .name {                    font-size: 24px;                    font-weight: 500;                    color: #000;                    line-height: 36px                }                .join-us .content-wrap .trainee-project .content .des {                    font-size: 16px;                    font-weight: 400;                    color: #464646;                    line-height: 32px;                    opacity: .65                }        .join-us .content-wrap .trainee .trainee-title {            height: 24px;            font-size: 24px;            font-weight: 500;            color: #000;            line-height: 24px;            padding-bottom: 25px        }        .join-us .content-wrap .trainee .trainee-item {            margin-right: 74px;            margin-bottom: 40px;            float: left;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            cursor: pointer        }            .join-us .content-wrap .trainee .trainee-item:nth-child(2n) {                margin-right: 0            }            .join-us .content-wrap .trainee .trainee-item .avater {                width: 152px;                height: 152px;                margin-right: 16px            }            .join-us .content-wrap .trainee .trainee-item .info .name {                height: 32px;                font-size: 24px;                font-weight: 500;                color: #282c71;                line-height: 32px            }            .join-us .content-wrap .trainee .trainee-item .info .des {                width: 210px;                font-size: 16px;                font-weight: 400;                color: #000;                line-height: 32px;                opacity: .65            }        .join-us .content-wrap .contact-us .img {            margin: 22px auto 34px        }        .join-us .content-wrap .contact-us .map {            width: 520px;            height: 400px;            float: left;            margin-right: 20px;            margin-top: 18px        }        .join-us .content-wrap .contact-us .right {            float: left;            width: 440px        }            .join-us .content-wrap .contact-us .right .contact-us-block {                margin-bottom: 21px            }            .join-us .content-wrap .contact-us .right h3 {                font-size: 24px;                font-weight: 700;                color: #292d74;                line-height: 24px;                padding: 18px 0;                border-bottom: 2px solid #292d74;                margin-bottom: 6px            }            .join-us .content-wrap .contact-us .right p {                width: 370px;                font-size: 20px;                font-weight: 400;                color: #595959;                word-break: break-all;                line-height: 32px            }        .join-us .content-wrap .web-address .nav-list {            border-left: 2px solid #292d74;            width: 255px;            height: 224px;            margin-bottom: 40px;            padding-left: 20px;            font-size: 14px;            font-weight: 400;            line-height: 28px;            box-sizing: border-box;            float: left        }            .join-us .content-wrap .web-address .nav-list:nth-child(4n) {                width: 205px            }            .join-us .content-wrap .web-address .nav-list .title {                height: 25px;                font-size: 18px;                font-weight: 600;                line-height: 25px;                margin-bottom: 9px;                color: #292d74            }            .join-us .content-wrap .web-address .nav-list a {                display: block;                color: #595959            }@media screen and (max-width:768px) {    .join-us {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        margin: 0 auto;        -webkit-box-orient: vertical;        -webkit-box-direction: reverse;        -ms-flex-direction: column-reverse;        flex-direction: column-reverse;        min-height: 100px    }        .join-us .content-wrap {            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1;            padding: 0 25px;            box-sizing: border-box        }            .join-us .content-wrap > .title {                font-size: 16px;                font-weight: 700;                color: #292d74;                line-height: 16px;                padding-bottom: 8px;                border-bottom: 1px solid #292d74;                margin: 20px 0            }            .join-us .content-wrap .content-item {                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-pack: justify;                -ms-flex-pack: justify;                justify-content: space-between;                width: 100%;                margin-bottom: 0;                -webkit-box-orient: vertical;                -webkit-box-direction: reverse;                -ms-flex-direction: column-reverse;                flex-direction: column-reverse            }                .join-us .content-wrap .content-item .content-block {                    width: 100%;                    height: auto                }                    .join-us .content-wrap .content-item .content-block .header {                        font-size: 16px;                        font-weight: 700;                        color: #292d74;                        line-height: 16px;                        padding: 10px 0;                        margin-top: 10px                    }                    .join-us .content-wrap .content-item .content-block .des {                        font-size: 13px;                        font-weight: 500;                        color: #494949;                        line-height: 20px;                        margin: 10px auto 0                    }                    .join-us .content-wrap .content-item .content-block .main {                        margin-top: 10px;                        overflow: hidden                    }                        .join-us .content-wrap .content-item .content-block .main .swiper1 {                            height: 272px;                            margin-bottom: 8px                        }                .join-us .content-wrap .content-item .img-block {                    width: 100%;                    text-align: center;                    border: none;                    height: auto                }                    .join-us .content-wrap .content-item .img-block .img-action {                        height: 275px                    }                .join-us .content-wrap .content-item.rencai .header {                    color: #000;                    border: none                }                .join-us .content-wrap .content-item.huikui, .join-us .content-wrap .trainee-project {                    -webkit-box-orient: vertical;                    -webkit-box-direction: normal;                    -ms-flex-direction: column;                    flex-direction: column                }            .join-us .content-wrap .trainee-project {                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-pack: justify;                -ms-flex-pack: justify;                justify-content: space-between;                margin-bottom: 20px            }                .join-us .content-wrap .trainee-project .img {                    width: 100%;                    height: 300px;                    margin-bottom: 10px                }                .join-us .content-wrap .trainee-project .content {                    -webkit-box-flex: 1;                    -ms-flex: 1;                    flex: 1                }                    .join-us .content-wrap .trainee-project .content .name {                        font-size: 16px;                        line-height: 18px;                        padding: 10px 0                    }                    .join-us .content-wrap .trainee-project .content .des {                        font-size: 13px;                        line-height: 16px;                        color: rgba(0,0,0,.45)                    }            .join-us .content-wrap .trainee .trainee-title {                font-size: 16px;                line-height: 16px;                padding-bottom: 10px            }            .join-us .content-wrap .trainee .trainee-item {                margin-right: 0;                margin-bottom: 10px;                float: left            }                .join-us .content-wrap .trainee .trainee-item:last-child {                    margin-bottom: 0                }                .join-us .content-wrap .trainee .trainee-item .avater {                    width: 75px;                    height: 75px;                    margin-right: 10px                }                .join-us .content-wrap .trainee .trainee-item .info .name {                    height: 18px;                    font-size: 14px;                    line-height: 18px                }                .join-us .content-wrap .trainee .trainee-item .info .des {                    width: 210px;                    font-size: 13px;                    line-height: 16px;                    opacity: .65                }            .join-us .content-wrap .contact-us .img {                margin: 10px auto 16px            }            .join-us .content-wrap .contact-us .map {                width: 100%;                height: 200px;                float: none;                margin-right: 0;                margin-top: 10px            }            .join-us .content-wrap .contact-us .right {                float: none;                width: 100%            }                .join-us .content-wrap .contact-us .right .contact-us-block {                    margin-bottom: 10px                }                .join-us .content-wrap .contact-us .right h3 {                    font-size: 16px;                    line-height: 12px;                    padding: 10px 0;                    border-bottom: 1px solid #292d74;                    margin-bottom: 5px                }                .join-us .content-wrap .contact-us .right p {                    width: 100%;                    font-size: 13px;                    font-weight: 400;                    color: #595959;                    word-break: break-all;                    line-height: 18px                }            .join-us .content-wrap .web-address {                display: -ms-grid;                display: grid;                grid-column-gap: 10px;                grid-row-gap: 20px;                -ms-grid-columns: 1fr 1fr 1fr;                grid-template-columns: 1fr 1fr 1fr            }                .join-us .content-wrap .web-address .nav-list {                    border-left: 1px solid #292d74;                    width: auto;                    height: auto;                    margin-bottom: 0;                    padding-left: 10px;                    font-size: 13px;                    line-height: 14px                }                    .join-us .content-wrap .web-address .nav-list:nth-child(4n) {                        width: auto                    }                    .join-us .content-wrap .web-address .nav-list .title {                        font-size: 16px;                        font-weight: 600;                        line-height: 20px;                        margin-bottom: 5px                    }                    .join-us .content-wrap .web-address .nav-list a {                        display: block;                        color: #595959                    }}.project-page {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-top: 30px;    margin-bottom: 80px}    .project-page .content-wrap {        margin-right: 40px;        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1    }        .project-page .content-wrap .project-list {            margin: 0 auto 36px;            width: 1020px;            height: 520px        }        .project-page .content-wrap .html {            font-size: 16px;            font-weight: 400;            color: #000;            line-height: 32px;            opacity: .65;            min-height: 764px        }    .project-page .menu-wrap-left {        margin-right: 0    }    .project-page .project-left {        width: 680px;        height: 528px;        margin-right: 40px;        margin-top: 50px    }        .project-page .project-left .swiper-one {            width: 680px;            height: 528px        }        .project-page .project-left .swiper1 {            height: 440px;            margin-bottom: 8px        }        .project-page .project-left .swiper2 {            height: 80px;            cursor: pointer        }            .project-page .project-left .swiper2 .swiper-slide {                opacity: .4;                cursor: pointer            }            .project-page .project-left .swiper2 .swiper-slide-thumb-active {                opacity: 1            }        .project-page .project-left .video {            height: 440px;            overflow: hidden;            margin-bottom: 8px        }        .project-page .project-left .video-des {            padding: 0 16px;            box-sizing: border-box;            height: 80px;            background: #14984d;            font-size: 14px;            font-weight: 500;            color: #fff;            line-height: 24px;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-align: center;            -ms-flex-align: center;            align-items: center        }    .project-page .project-right {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1    }        .project-page .project-right .header {            font-size: 28px;            font-weight: 700;            color: #14984d;            line-height: 28px;            padding-bottom: 14px;            border-bottom: 2px solid #14984d;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: justify;            -ms-flex-pack: justify;            justify-content: space-between        }            .project-page .project-right .header .more {                font-size: 16px;                font-weight: 400;                color: #b2b2b2;                line-height: 22px            }        .project-page .project-right .des {            margin-top: 14px;            height: 236px;            font-size: 16px;            font-weight: 400;            color: #636363;            line-height: 32px;            overflow: hidden        }        .project-page .project-right .news-item {            float: left;            width: 288px;            margin: 24px 24px 0 0        }            .project-page .project-right .news-item:nth-child(2n) {                margin-right: 0            }            .project-page .project-right .news-item .figure {                width: 288px;                height: 160px;                overflow: hidden            }            .project-page .project-right .news-item .block {                height: 54px;                background: #14984d;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center;                -webkit-box-orient: vertical;                -webkit-box-direction: normal;                -ms-flex-direction: column;                flex-direction: column;                padding: 0 10px;                box-sizing: border-box            }                .project-page .project-right .news-item .block p {                    font-size: 16px;                    font-weight: 500;                    color: #fff;                    line-height: 24px;                    display: -webkit-box;                    -webkit-box-orient: vertical;                    -webkit-line-clamp: 2;                    overflow: hidden                }.project-ad {    max-width: 1920px;    margin: 0 auto 80px}    .project-ad, .project-ad img {        max-height: 320px    }.cancel-margin {    margin-bottom: 0}.project-detail-box .swiper-button-next, .project-detail-box .swiper-button-prev {    background-image: none;    font-family: kcWebsite;    line-height: 44px;    color: #14984d;    opacity: .5}    .project-detail-box .swiper-button-next:hover, .project-detail-box .swiper-button-prev:hover {        opacity: 1    }    .project-detail-box .swiper-button-prev:after {        content: "\e622";        font-size: 40px    }    .project-detail-box .swiper-button-next:after {        content: "\e624";        font-size: 40px    }.project-detail {    width: 1146px;    height: 408px;    margin: -80px auto 0;    padding: 80px 0;    overflow: hidden;    position: relative}    .project-detail .swiper-container {        width: 1146px;        overflow: visible;        height: 328px;        margin: 40px auto    }    .project-detail .swiper-slide {        -webkit-transform: scale(1);        transform: scale(1);        position: relative    }        .project-detail .swiper-slide .title {            position: absolute;            top: 20px;            padding: 0 10px;            line-height: 40px;            text-align: center;            font-size: 28px;            font-weight: 600;            color: #14984d        }        .project-detail .swiper-slide .to-bug {            position: absolute;            bottom: 24px;            width: 100%        }            .project-detail .swiper-slide .to-bug span {                width: 160px;                display: inline-block;                height: 32px;                background: #14984d;                font-size: 18px;                font-weight: 500;                color: #fff;                line-height: 32px;                text-align: center;                cursor: pointer;                position: relative            }                .project-detail .swiper-slide .to-bug span:hover ul {                    display: block                }            .project-detail .swiper-slide .to-bug ul {                display: none;                position: absolute;                left: 0;                width: 100%;                min-height: 55px;                overflow: auto            }                .project-detail .swiper-slide .to-bug ul li {                    height: 32px;                    text-align: center;                    line-height: 32px;                    background: #14984d;                    opacity: .5                }                    .project-detail .swiper-slide .to-bug ul li a {                        color: #fff                    }                    .project-detail .swiper-slide .to-bug ul li:hover {                        opacity: 1                    }    .project-detail .swiper-slide-active {        -webkit-transform: scale(1.2);        transform: scale(1.2);        z-index: 5    }.project-detail-box.gaosijie .swiper-button-next, .project-detail-box.gaosijie .swiper-button-prev, .project-detail-box.gaosijie .swiper-slide .title {    color: #d21c72}.project-detail-box.gaosijie .swiper-slide .to-bug li, .project-detail-box.gaosijie .swiper-slide .to-bug span {    background: #d21c72}.project-detail-box.beizhi .swiper-button-next, .project-detail-box.beizhi .swiper-button-prev, .project-detail-box.beizhi .swiper-slide .title {    color: #691f74}.project-detail-box.beizhi .swiper-slide .to-bug li, .project-detail-box.beizhi .swiper-slide .to-bug span {    background: #691f74}.project-detail-box.haoqi .swiper-button-next, .project-detail-box.haoqi .swiper-button-prev, .project-detail-box.haoqi .swiper-slide .title {    color: #e62f29}.project-detail-box.haoqi .swiper-slide .to-bug li, .project-detail-box.haoqi .swiper-slide .to-bug span {    background: #e62f29}.project-detail-box.shujie .swiper-button-next, .project-detail-box.shujie .swiper-button-prev, .project-detail-box.shujie .swiper-slide .title {    color: #0060a9}.project-detail-box.shujie .swiper-slide .to-bug li, .project-detail-box.shujie .swiper-slide .to-bug span {    background: #0060a9}@media screen and (max-width:768px) {    .project-page {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        margin: 15px auto 0;        -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column    }        .project-page .content-wrap {            margin: auto 25px;            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1        }            .project-page .content-wrap .project-list {                margin: 0 auto 15px;                width: 100%;                height: 180px            }            .project-page .content-wrap .html {                font-size: 13px;                font-weight: 400;                color: #000;                line-height: 20px;                opacity: .65;                min-height: 100px            }        .project-page .menu-wrap-left {            margin-right: 25px        }        .project-page .project-left {            width: auto;            height: auto;            margin: 0 25px        }            .project-page .project-left .swiper-one {                width: 100%;                height: 200px            }            .project-page .project-left .swiper1 {                height: 185px;                margin-bottom: 8px            }            .project-page .project-left .swiper2 {                height: 35px            }            .project-page .project-left .video {                /*height: 220px;*/                height: 100%;                margin-bottom: 8px            }            .project-page .project-left .video-des {                padding: 0 14px;                box-sizing: border-box;                height: 40px;                background: #3a86c0;                font-size: 14px;                font-weight: 500;                color: #fff;                line-height: 24px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-align: center;                -ms-flex-align: center;                align-items: center            }        .project-page .project-right {            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1;            margin: 15px 25px 0        }            .project-page .project-right .header {                font-size: 16px;                line-height: 24px;                padding-bottom: 8px            }                .project-page .project-right .header .more {                    font-size: 13px;                    font-weight: 400;                    color: #b2b2b2;                    line-height: normal                }            .project-page .project-right .des {                margin: 7px 0;                height: auto;                font-size: 13px;                color: #636363;                line-height: 20px            }            .project-page .project-right .news-list ul {                display: -ms-grid;                display: grid;                grid-column-gap: 10px;                grid-row-gap: 10px;                -ms-grid-columns: 1fr 1fr;                grid-template-columns: 1fr 1fr            }            .project-page .project-right .news-item {                width: auto;                margin: 5px 0 0            }                .project-page .project-right .news-item .figure {                    width: 100%;                    height: auto;                    /*height: 95px*/                }                .project-page .project-right .news-item .block {                    height: 40px;                    padding: 0 10px                }                    .project-page .project-right .news-item .block p {                        font-size: 13px;                        line-height: 14px                    }    .project-ad {        /* height: 80px;*/        width: auto;        margin: 0 25px 0    }    .project-ad2 {        /*height: 80px;*/        width: auto;        margin: 25px 25px 0    }    .project-detail-box {        padding: 0 25px;        box-sizing: border-box    }        .project-detail-box .swiper-button-prev {            left: 0        }        .project-detail-box .swiper-button-next {            right: 0;            text-align: center        }            .project-detail-box .swiper-button-next:after, .project-detail-box .swiper-button-prev:after {                font-size: 20px            }    .project-detail {        width: auto;        height: auto;        padding: 0;        margin: 0 auto;        overflow: hidden;        position: relative    }        .project-detail .swiper-container {            width: auto;            overflow: visible;            height: 145px;            margin: 40px auto        }        .project-detail .swiper-slide {            -webkit-transform: scale(1);            transform: scale(1);            position: relative        }            .project-detail .swiper-slide .title {                position: absolute;                top: 10px;                padding: 0 5px;                line-height: 14px;                font-size: 13px;                font-weight: 600            }            .project-detail .swiper-slide .to-bug {                position: absolute;                bottom: 12px;                width: 100%            }                .project-detail .swiper-slide .to-bug span {                    width: 80px;                    display: inline-block;                    height: 20px;                    font-size: 13px;                    font-weight: 500;                    line-height: 20px                }                .project-detail .swiper-slide .to-bug ul li {                    height: 20px;                    line-height: 20px                }        .project-detail .swiper-slide-active {            -webkit-transform: scale(1);            transform: scale(1);            width: 200px !important;            height: 170px;            margin-left: -45px;            margin-top: -15px;            z-index: 5        }}.share-wrap {    border-bottom: 23px solid #14984d;    color: #14984d;    font-size: 28px;    font-weight: 500}    .share-wrap .container {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-pack: justify;        -ms-flex-pack: justify;        justify-content: space-between;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        padding: 80px 0    }        .share-wrap .container a {            color: #14984d;            font-size: 28px;            font-weight: 500        }        .share-wrap .container .left, .share-wrap .container .right {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-align: center;            -ms-flex-align: center;            align-items: center        }        .share-wrap .container .line {            height: 32px;            border-left: 2px solid #14984d;            margin: 0 19px;            display: inline-block;            line-height: 50px        }        .share-wrap .container .weixin {            width: 64px        }        .share-wrap .container .weibo {            width: 62px        }        .share-wrap .container .xiaohongshu {            width: 104px        }        .share-wrap .container .code {            position: absolute;            bottom: -100px;            left: -20px;            display: none;            width: 100px;            height: 100px        }        .share-wrap .container .weibo, .share-wrap .container .weixin, .share-wrap .container .xiaohongshu {            position: relative;            cursor: pointer        }            .share-wrap .container .weibo:hover .code, .share-wrap .container .weixin:hover .code, .share-wrap .container .xiaohongshu:hover .code {                display: block            }    .share-wrap.cancel-margin .container {        padding-top: 40px    }.project-page.beizhi .header {    color: #691f74;    border-bottom: 2px solid #691f74}.project-page.beizhi .news-item .block, .project-page.beizhi .video-des {    background: #691f74}.share-wrap.beizhi {    border-bottom: 23px solid #691f74;    color: #691f74}    .share-wrap.beizhi a {        color: #691f74    }    .share-wrap.beizhi .line {        border-left: 2px solid #691f74    }.project-page.haoqi .header {    color: #e62f29;    border-bottom: 2px solid #e62f29}.project-page.haoqi .news-item .block, .project-page.haoqi .video-des {    background: #e62f29}.share-wrap.haoqi {    border-bottom: 23px solid #e62f29;    color: #e62f29}    .share-wrap.haoqi a {        color: #e62f29    }    .share-wrap.haoqi .line {        border-left: 2px solid #e62f29    }.haoqi .swiper-button-next, .haoqi .swiper-button-prev {    color: #e62f29}.project-page.gaosijie .header {    color: #d21c72;    border-bottom: 2px solid #d21c72}.project-page.gaosijie .news-item .block, .project-page.gaosijie .video-des {    background: #d21c72}.share-wrap.gaosijie {    border-bottom: 23px solid #d21c72;    color: #d21c72}    .share-wrap.gaosijie a {        color: #d21c72    }    .share-wrap.gaosijie .line {        border-left: 2px solid #d21c72    }.project-detail-share {    margin-top: -80px}.project-page.shujie .header {    color: #0060a9;    border-bottom: 2px solid #0060a9}.project-page.shujie .news-item .block, .project-page.shujie .video-des {    background: #0060a9}.share-wrap.shujie {    border-bottom: 23px solid #0060a9;    color: #0060a9}    .share-wrap.shujie a {        color: #0060a9    }    .share-wrap.shujie .line {        border-left: 2px solid #0060a9    }@media screen and (max-width:768px) {    .share-wrap {        font-size: 13px;        border-bottom-width: 10px !important;        margin-top: 0    }        .share-wrap .container {            -webkit-box-orient: vertical;            -webkit-box-direction: normal;            -ms-flex-direction: column;            flex-direction: column;            -webkit-box-pack: center;            -ms-flex-pack: center;            justify-content: center;            -webkit-box-align: start;            -ms-flex-align: start;            align-items: flex-start;            height: auto;            padding: 20px 25px;            box-sizing: border-box        }            .share-wrap .container a {                font-size: 14px            }            .share-wrap .container .left {                margin-bottom: 8px            }            .share-wrap .container .line {                height: 16px;                margin: 0 10px            }            .share-wrap .container .weixin {                width: 32px            }            .share-wrap .container .weibo {                width: 31px            }            .share-wrap .container .xiaohongshu {                width: 52px            }        .share-wrap.cancel-margin .container {            padding-top: 10px        }    .project-detail-share {        margin-top: 0    }}.global-search {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    min-height: 1600px}    .global-search .content-wrap {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1    }        .global-search .content-wrap .search-input {            margin: 65px auto 24px;            height: 40px;            border: 2px solid #292d74;            line-height: 40px;            display: -webkit-box;            display: -ms-flexbox;            display: flex        }            .global-search .content-wrap .search-input input {                -webkit-box-flex: 1;                -ms-flex: 1;                flex: 1;                padding: 9px 14px 11px;                box-sizing: border-box;                font-size: 20px;                font-weight: 400;                color: #000;                opacity: .45            }            .global-search .content-wrap .search-input .icon {                width: 40px;                height: 40px;                font-family: kcWebsite;                font-size: 25px;                text-align: center;                cursor: pointer            }    .global-search .search-list .search-item {        margin-bottom: 20px    }        .global-search .search-list .search-item .header {            font-size: 18px;            font-weight: 700;            color: #292d74;            line-height: 27px        }        .global-search .search-list .search-item .web {            font-size: 14px;            font-weight: 500;            color: #7e7e7e;            line-height: 14px;            margin-bottom: 9px        }        .global-search .search-list .search-item .content {            display: -webkit-box;            display: -ms-flexbox;            display: flex        }            .global-search .search-list .search-item .content .img {                width: 112px;                height: 56px;                margin-right: 12px            }            .global-search .search-list .search-item .content .descript {                -webkit-box-flex: 1;                -ms-flex: 1;                flex: 1;                font-size: 14px;                font-weight: 500;                color: #7e7e7e;                line-height: 20px;                overflow: hidden;                text-overflow: ellipsis;                display: -webkit-box;                -webkit-box-orient: vertical;                -webkit-line-clamp: 3            }@media screen and (max-width:768px) {    .global-search {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        min-height: 160px;        -webkit-box-orient: vertical;        -webkit-box-direction: reverse;        -ms-flex-direction: column-reverse;        flex-direction: column-reverse    }        .global-search .content-wrap {            padding: 0 25px        }            .global-search .content-wrap .search-input {                margin: 20px auto;                height: 30px;                border: 1px solid #292d74;                line-height: 30px            }                .global-search .content-wrap .search-input input {                    padding: 5px 14px;                    box-sizing: border-box;                    font-size: 13px;                    color: rgba(0,0,0,.5)                }                .global-search .content-wrap .search-input .icon {                    width: 30px;                    height: 30px;                    font-family: kcWebsite;                    font-size: 18px                }        .global-search .search-list .search-item {            margin-bottom: 20px        }            .global-search .search-list .search-item:last-child {                margin-bottom: 0            }            .global-search .search-list .search-item .header {                font-size: 14px;                line-height: 16px            }            .global-search .search-list .search-item .web {                font-size: 13px;                line-height: 14px;                margin-bottom: 8px            }            .global-search .search-list .search-item .content {                display: -webkit-box;                display: -ms-flexbox;                display: flex            }                .global-search .search-list .search-item .content .img {                    width: 80px;                    height: 54px;                    margin-right: 10px                }                .global-search .search-list .search-item .content .descript {                    font-size: 13px;                    line-height: 18px;                    overflow: hidden;                    text-overflow: ellipsis;                    display: -webkit-box;                    -webkit-box-orient: vertical;                    -webkit-line-clamp: 3                }}.dialog-wrap .mask {    position: fixed;    z-index: 1000;    top: 0;    right: 0;    left: 0;    bottom: 0;    background: rgba(0,0,0,.6)}.dialog-wrap .content, .dialog-wrap .content-project {    width: 750px;    margin: 0 auto;    position: fixed;    z-index: 5000;    top: 50%;    left: 16px;    right: 16px;    -webkit-transform: translate(0,-50%);    transform: translate(0,-50%);    background-color: #fff;    background-color: var(--weui-BG-2);    text-align: center;    border-radius: 0;    overflow: hidden;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    max-height: 80%;    background: #fff}.dialog-wrap .close {    position: absolute;    right: 16px;    top: 16px;    width: 30px;    height: 30px;    background: url(/img/close.png) 100% 100%;    background-size: cover;    cursor: pointer}.dialog-wrap .content-project {    width: 800px;    padding: 40px}    .dialog-wrap .content-project .close {        background: none    }        .dialog-wrap .content-project .close:before {            content: "\e601";            font-family: kcWebsite;            font-size: 30px;            color: rgba(0,0,0,.65);            text-align: center;            line-height: 30px        }    .dialog-wrap .content-project .top-info {        display: -webkit-box;        display: -ms-flexbox;        display: flex    }        .dialog-wrap .content-project .top-info .figure {            width: 200px;            height: 200px;            margin-right: 25px        }        .dialog-wrap .content-project .top-info .content-right {            text-align: left;            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1;            font-size: 16px;            font-weight: 500;            line-height: 32px;            border-bottom: 2px solid #292d74;            color: rgba(0,0,0,.65)        }            .dialog-wrap .content-project .top-info .content-right .name {                font-size: 24px            }    .dialog-wrap .content-project .html {        margin-top: 25px;        font-size: 16px;        font-weight: 400;        line-height: 32px;        text-align: left;        color: rgba(0,0,0,.65)    }        .dialog-wrap .content-project .html p {            margin-bottom: 20px        }@media screen and (max-width:768px) {    .dialog-wrap .content {        width: 320px    }    .dialog-wrap .close {        position: absolute;        right: 8px;        top: 8px;        width: 27px;        height: 27px    }    .dialog-wrap .content-project {        width: 320px;        padding: 15px;        box-sizing: border-box    }        .dialog-wrap .content-project .close:before {            font-size: 30px        }        .dialog-wrap .content-project .top-info .figure {            width: 100px;            height: 100px;            margin-right: 15px        }        .dialog-wrap .content-project .top-info .content-right {            font-size: 13px;            line-height: 20px        }            .dialog-wrap .content-project .top-info .content-right .name {                font-size: 16px            }        .dialog-wrap .content-project .html {            margin-top: 15px;            font-size: 13px;            line-height: 20px        }            .dialog-wrap .content-project .html p {                margin-bottom: 10px            }}.project-type-list {    position: relative;    z-index: 5;    margin: 0 auto}    .project-type-list .project-type-item {        width: 310px;        margin: 0 24px 40px 0;        float: left    }        .project-type-list .project-type-item:nth-child(4n) {            margin-right: 0        }        .project-type-list .project-type-item .header {            font-size: 28px;            font-weight: 700;            color: #14984d;            line-height: 28px;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            margin-bottom: 44px        }            .project-type-list .project-type-item .header:after, .project-type-list .project-type-item .header:before {                content: "";                margin-right: 26px;                display: block;                border-bottom: 2px solid #14984d;                margin-top: 5px;                -webkit-box-flex: 1;                -ms-flex: 1;                flex: 1            }            .project-type-list .project-type-item .header:after {                margin-left: 26px;                margin-right: 0            }        .project-type-list .project-type-item .content {            border: 1px solid #14984d        }            .project-type-list .project-type-item .content .figure {                width: 100%;                height: 304px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-align: center;                -ms-flex-align: center;                align-items: center;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center;                position: relative            }                .project-type-list .project-type-item .content .figure padding-top:2px img {                    height: auto                }                .project-type-list .project-type-item .content .figure .des {                    font-size: 24px;                    font-weight: 500;                    color: #65327c;                    line-height: 24px;                    position: absolute;                    left: 15px;                    bottom: 12px;                    z-index: 5                }            .project-type-list .project-type-item .content .footer {                background: #f4f7f4;                border-top: 1px solid #14984d;                padding: 8px 16px 18px            }                .project-type-list .project-type-item .content .footer .labels {                    font-size: 24px;                    font-weight: 600;                    color: #14984d;                    line-height: 33px;                    margin-bottom: 5px;                    overflow: hidden;                    display: -webkit-box;                    display: -ms-flexbox;                    display: flex;                    -webkit-box-pack: justify;                    -ms-flex-pack: justify;                    justify-content: space-between                }                    .project-type-list .project-type-item .content .footer .labels.center {                        -webkit-box-pack: center;                        -ms-flex-pack: center;                        justify-content: center                    }                .project-type-list .project-type-item .content .footer .to-buy {                    text-align: center                }                    .project-type-list .project-type-item .content .footer .to-buy:hover ul {                        display: block                    }                    .project-type-list .project-type-item .content .footer .to-buy span {                        width: 160px;                        display: inline-block;                        height: 32px;                        background: #14984d;                        font-size: 18px;                        font-weight: 500;                        color: #fff;                        line-height: 32px;                        text-align: center;                        cursor: pointer;                        position: relative;                        font-family: kcWebsite                    }                    .project-type-list .project-type-item .content .footer .to-buy ul {                        display: none;                        position: absolute;                        left: 0;                        width: 100%                    }                        .project-type-list .project-type-item .content .footer .to-buy ul li {                            height: 32px;                            text-align: center;                            line-height: 32px;                            background: #14984d;                            opacity: .5                        }                            .project-type-list .project-type-item .content .footer .to-buy ul li a {                                color: #fff                            }                            .project-type-list .project-type-item .content .footer .to-buy ul li:hover {                                opacity: 1                            }    .project-type-list.beizhi .header {        color: #691f74    }        .project-type-list.beizhi .header:after, .project-type-list.beizhi .header:before {            border-bottom: 2px solid #691f74        }    .project-type-list.beizhi .content {        border: 1px solid #691f74    }        .project-type-list.beizhi .content .figure .des {            color: #691f74        }        .project-type-list.beizhi .content .footer {            border-top: 1px solid #691f74        }            .project-type-list.beizhi .content .footer .labels {                color: #691f74;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center            }            .project-type-list.beizhi .content .footer .to-buy span, .project-type-list.beizhi .content .footer .to-buy ul li {                background: #691f74            }    .project-type-list.haoqi .header {        color: #e62f29    }        .project-type-list.haoqi .header:after, .project-type-list.haoqi .header:before {            border-bottom: 2px solid #e62f29        }    .project-type-list.haoqi .content {        border: 1px solid #e62f29    }        .project-type-list.haoqi .content .figure .des {            color: #e62f29        }        .project-type-list.haoqi .content .footer {            border-top: 1px solid #e62f29        }            .project-type-list.haoqi .content .footer .labels {                color: #e62f29;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center            }            .project-type-list.haoqi .content .footer .to-buy span, .project-type-list.haoqi .content .footer .to-buy ul li {                background: #e62f29            }    .project-type-list.gaosijie .header {        color: #d21c72    }        .project-type-list.gaosijie .header:after, .project-type-list.gaosijie .header:before {            border-bottom: 2px solid #d21c72        }    .project-type-list.gaosijie .content {        border: 1px solid #d21c72    }        .project-type-list.gaosijie .content .figure .des {            color: #d21c72        }        .project-type-list.gaosijie .content .footer {            border-top: 1px solid #d21c72        }            .project-type-list.gaosijie .content .footer .labels {                color: #d21c72;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center            }            .project-type-list.gaosijie .content .footer .to-buy span, .project-type-list.gaosijie .content .footer .to-buy ul li {                background: #d21c72            }    .project-type-list.shujie .header {        color: #0060a9    }        .project-type-list.shujie .header:after, .project-type-list.shujie .header:before {            border-bottom: 2px solid #0060a9        }    .project-type-list.shujie .content {        border: 1px solid #0060a9    }        .project-type-list.shujie .content .figure .des {            color: #0060a9        }        .project-type-list.shujie .content .footer {            border-top: 1px solid #0060a9        }            .project-type-list.shujie .content .footer .labels {                color: #0060a9;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center            }            .project-type-list.shujie .content .footer .to-buy span, .project-type-list.shujie .content .footer .to-buy ul li {                background: #0060a9            }.three-project, .two-project {    margin: 0 auto}    .three-project .project-type-list, .two-project .project-type-list {        width: 1290px;        margin: 80px auto 50px    }        .three-project .project-type-list .project-type-item, .two-project .project-type-list .project-type-item {            width: 400px;            margin: 0 30px 30px 0        }            .three-project .project-type-list .project-type-item .figure, .two-project .project-type-list .project-type-item .figure {                width: 100%;                height: 400px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-align: center;                -ms-flex-align: center;                align-items: center;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center;                padding: 0            }                .three-project .project-type-list .project-type-item .figure img, .two-project .project-type-list .project-type-item .figure img {                    height: auto                }.two-project {    margin: 0 auto}    .two-project .project-type-list {        width: 1088px;        margin: 80px auto;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center    }        .two-project .project-type-list .project-type-item:first-child {            margin-right: 60px        }        .two-project .project-type-list .project-type-item:last-child {            margin-left: 60px;            margin-right: 0        }@media screen and (max-width:768px) {    .project-type-list {        position: relative;        display: -ms-grid;        display: grid;        grid-column-gap: 10px;        grid-row-gap: 10px;        -ms-grid-columns: 1fr 1fr;        grid-template-columns: 1fr 1fr;        padding: 10px 25px 0;        margin: 0    }        .project-type-list .project-type-item {            width: auto !important;            margin: 0 !important        }            .project-type-list .project-type-item .header {                font-size: 16px;                font-weight: 700;                line-height: 16px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                margin: 10px auto 15px            }                .project-type-list .project-type-item .header:after, .project-type-list .project-type-item .header:before {                    margin-right: 10px;                    margin-top: 5px                }                .project-type-list .project-type-item .header:after {                    margin-left: 10px                }            .project-type-list .project-type-item .content .figure {                width: 100%;                height: 150px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-align: center;                -ms-flex-align: center;                align-items: center;                -webkit-box-pack: center;                -ms-flex-pack: center;                justify-content: center;                position: relative;                overflow: hidden            }                .project-type-list .project-type-item .content .figure img {                    height: auto                }                .project-type-list .project-type-item .content .figure .des {                    font-size: 13px;                    line-height: 14px;                    position: absolute;                    left: 8px;                    bottom: 6px;                    z-index: 5                }            .project-type-list .project-type-item .content .footer {                background: #f4f7f4;                padding: 4px 8px 10px            }                .project-type-list .project-type-item .content .footer .labels {                    font-size: 13px;                    line-height: 15px;                    margin-bottom: 5px                }                    .project-type-list .project-type-item .content .footer .labels.center {                        -webkit-box-pack: center;                        -ms-flex-pack: center;                        justify-content: center                    }                .project-type-list .project-type-item .content .footer .to-buy {                    text-align: center                }                    .project-type-list .project-type-item .content .footer .to-buy:hover ul {                        display: block                    }                    .project-type-list .project-type-item .content .footer .to-buy span {                        width: 80px;                        height: 20px;                        font-size: 13px;                        line-height: 20px                    }                    .project-type-list .project-type-item .content .footer .to-buy ul {                        display: none;                        position: absolute;                        left: 0;                        width: 100%                    }                        .project-type-list .project-type-item .content .footer .to-buy ul li {                            height: 32px;                            text-align: center;                            line-height: 32px;                            opacity: .5                        }                            .project-type-list .project-type-item .content .footer .to-buy ul li a {                                color: #fff                            }                            .project-type-list .project-type-item .content .footer .to-buy ul li:hover {                                opacity: 1                            }    .three-project, .two-project {        margin: 0 auto;        width: auto !important;        height: auto    }        .three-project .project-type-list, .two-project .project-type-list {            width: 100%;            padding: 0 25px;            box-sizing: border-box;            display: -ms-grid;            display: grid;            grid-column-gap: 10px;            -ms-grid-columns: 1fr 1fr;            grid-template-columns: 1fr 1fr;            margin: 0 auto        }            .three-project .project-type-list .project-type-item, .two-project .project-type-list .project-type-item {                width: auto;                margin: 20px 0 0            }                .three-project .project-type-list .project-type-item .figure, .two-project .project-type-list .project-type-item .figure {                    width: 100%;                    height: 180px                }                    .three-project .project-type-list .project-type-item .figure img, .two-project .project-type-list .project-type-item .figure img {                        height: auto                    }}.global-footer {    height: 284px;    width: 100%;    background: #282c71;    clear: both}    .global-footer .footer-wrap {        padding-top: 40px;        color: #fff    }        .global-footer .footer-wrap .content {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-pack: justify;            -ms-flex-pack: justify;            justify-content: space-between;            opacity: .65        }            .global-footer .footer-wrap .content .nav-list {                border-left: 1px solid #fff;                width: 179px;                min-height: 140px;                padding-left: 15px;                box-sizing: border-box;                font-size: 14px;                font-weight: 400;                line-height: 28px;                float: left            }                .global-footer .footer-wrap .content .nav-list .title {                    height: 25px;                    font-size: 18px;                    font-weight: 600;                    line-height: 25px;                    margin-bottom: 9px                }                .global-footer .footer-wrap .content .nav-list a {                    display: block;                    color: #fff                }            .global-footer .footer-wrap .content .footer-right .tel-info {                font-size: 13px;                font-weight: 500;                color: #fff;                line-height: 18px;                display: -webkit-box;                display: -ms-flexbox;                display: flex;                margin-bottom: 13px            }                .global-footer .footer-wrap .content .footer-right .tel-info .icon {                    margin-right: 10px;                    width: 40px;                    height: 40px                }                .global-footer .footer-wrap .content .footer-right .tel-info .tel {                    font-size: 28px;                    font-weight: 700;                    color: #fff;                    line-height: 28px;                    height: 28px                }            .global-footer .footer-wrap .content .footer-right .des {                font-size: 13px;                font-weight: 500;                color: #fff;                line-height: 18px            }        .global-footer .footer-wrap .descript {            height: 40px;            font-size: 14px;            font-weight: 400;            color: #fff;            opacity: .5;            line-height: 20px;            margin-top: 40px;            text-align: center        }        .global-footer .footer-wrap .descript a {            color:white;        }@media screen and (max-width:768px) {    .global-footer {        height: auto;        width: 100%;        background: #282c71;        padding-bottom: 5px    }        .global-footer .footer-wrap {            padding-top: 0;            color: #fff        }            .global-footer .footer-wrap .content {                display: -webkit-box;                display: -ms-flexbox;                display: flex;                -webkit-box-orient: vertical;                -webkit-box-direction: normal;                -ms-flex-direction: column;                flex-direction: column;                -webkit-box-pack: justify;                -ms-flex-pack: justify;                justify-content: space-between;                opacity: .5            }                .global-footer .footer-wrap .content .footer-left {                    display: -webkit-box;                    display: -ms-flexbox;                    display: flex;                    padding: 18px 0 18px 15px                }                .global-footer .footer-wrap .content .nav-list {                    border-left: 1px solid #fff;                    width: auto;                    min-height: auto;                    box-sizing: border-box;                    font-size: 13px;                    font-weight: 400;                    line-height: 14px;                    float: none;                    padding-left: 0;                    min-width: 73px                }                    .global-footer .footer-wrap .content .nav-list .title, .global-footer .footer-wrap .content .nav-list a {                        height: auto;                        font-size: 13px;                        -webkit-transform: scale(.8);                        transform: scale(.8);                        font-weight: 600;                        line-height: 14px;                        padding-bottom: 4px;                        display: block;                        margin-left: 0                    }                    .global-footer .footer-wrap .content .nav-list .title {                        -webkit-transform: scale(1);                        transform: scale(1);                        margin-left: 6px;                        margin-bottom: 4px                    }                .global-footer .footer-wrap .content .footer-right {                    padding: 0 20px                }                    .global-footer .footer-wrap .content .footer-right .tel-info {                        font-size: 13px;                        font-weight: 500;                        color: #fff;                        line-height: 16px;                        display: -webkit-box;                        display: -ms-flexbox;                        display: flex;                        margin-bottom: 0;                        -webkit-box-align: center;                        -ms-flex-align: center;                        align-items: center;                        -webkit-box-flex: 1;                        -ms-flex: 1;                        flex: 1                    }                        .global-footer .footer-wrap .content .footer-right .tel-info .icon {                            margin-right: 10px;                            width: 40px;                            height: 40px                        }                        .global-footer .footer-wrap .content .footer-right .tel-info .tel {                            font-size: 14px;                            font-weight: 700;                            color: #fff;                            line-height: 14px;                            height: 14px                        }                        .global-footer .footer-wrap .content .footer-right .tel-info .right {                            -webkit-box-flex: 1;                            -ms-flex: 1;                            flex: 1                        }                    .global-footer .footer-wrap .content .footer-right .about-info {                        -webkit-box-flex: 1;                        -ms-flex: 1;                        flex: 1;                        margin-top: 10px                    }                    .global-footer .footer-wrap .content .footer-right .des {                        font-size: 13px;                        font-weight: 500;                        color: #fff;                        line-height: 14px                    }            .global-footer .footer-wrap .descript {                font-weight: 400;                color: #fff;                opacity: .5;                line-height: 20px;                text-align: left;                word-break: break-all;                height: auto;                font-size: 13px;                padding: 0 20px;                box-sizing: border-box;                margin-top: 0            }                .global-footer .footer-wrap .descript p {                    padding: 5px 0                }}.about-company {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-bottom: 300px}    .about-company .about-company-right {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1;        font-size: 16px;        font-weight: 400;        color: #464646;        line-height: 40px    }        .about-company .about-company-right .html {            opacity: .65        }        .about-company .about-company-right .mg-20 {            margin-bottom: 20px        }        .about-company .about-company-right p {           /* margin-bottom: 40px */       }        .about-company .about-company-right .title {            opacity: 1;            font-size: 24px;            font-weight: 700;            color: #000        }.article-wrap {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    margin-bottom: 84px}    .article-wrap .title {        font-size: 28px;        font-weight: 700;        color: #292d74;        line-height: 28px;        padding-bottom: 16px;        border-bottom: 2px solid #292d74;        margin-bottom: 22px    }    .article-wrap .item {        margin-bottom: 40px;        display: -webkit-box;        display: -ms-flexbox;        display: flex    }        .article-wrap .item .letf {            width: 360px;            height: 240px;            margin-right: 40px        }        .article-wrap .item .right {            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1;            height: 240px;            font-size: 16px;            font-weight: 400;            color: #595959;            line-height: 32px;            overflow: hidden        }    .article-wrap .report {        margin-bottom: 24px;        display: -webkit-box;        display: -ms-flexbox;        display: flex    }        .article-wrap .report .letf {            width: 168px;            height: 224px;            margin-right: 40px        }            .article-wrap .report .letf .to-look {                display: none            }        .article-wrap .report .right {            -webkit-box-flex: 1;            -ms-flex: 1;            flex: 1;            padding-bottom: 16px;            border-bottom: 2px solid rgba(0,0,0,.45)        }            .article-wrap .report .right .name {                font-size: 24px;                font-weight: 500;                color: #000;                line-height: 24px;                padding-bottom: 13px            }            .article-wrap .report .right p {                height: 200px;                font-size: 16px;                font-weight: 400;                color: #464646;                line-height: 32px;                opacity: .65;                display: -webkit-box;                -webkit-box-orient: vertical;                -webkit-line-clamp: 6;                overflow: hidden            }.social {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-top: 64px}    .social .report-wrap .pagination-block {        margin: 81px auto 16px    }.news-main {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-top: 64px;    min-height: 1853px}    .news-main .content-wrap {        -webkit-box-flex: 1;        -ms-flex: 1;        flex: 1    }        .news-main .content-wrap > .title {            font-size: 28px;            font-weight: 700;            color: #292d74;            line-height: 28px;            padding-bottom: 16px;            border-bottom: 2px solid #292d74;            margin-bottom: 22px        }            .news-main .content-wrap > .title select {                display: none            }        .news-main .content-wrap .news-list .banner {            margin-bottom: 40px        }        .news-main .content-wrap .news-list .news-item {            display: -webkit-box;            display: -ms-flexbox;            display: flex;            margin-bottom: 24px        }            .news-main .content-wrap .news-list .news-item .img {                width: 300px;                height: auto;                max-height: 200px;                margin-right: 40px            }            .news-main .content-wrap .news-list .news-item .content {                -webkit-box-flex: 1;                -ms-flex: 1;                flex: 1            }                .news-main .content-wrap .news-list .news-item .content .title {                    font-size: 24px;                    font-weight: 500;                    color: #000;                    line-height: 32px;                    margin-bottom: 8px                }                .news-main .content-wrap .news-list .news-item .content .des {                    font-size: 16px;                    font-weight: 500;                    color: #7e7e7e;                    line-height: 32px;                    display: -webkit-box;                    -webkit-box-orient: vertical;                    -webkit-line-clamp: 3;                    overflow: hidden;                    margin-bottom: 8px                }                .news-main .content-wrap .news-list .news-item .content .time {                    font-size: 14px;                    font-weight: 400;                    color: #7e7e7e;                    line-height: 21px                }        .news-main .content-wrap .news-detail {            padding-top: 12px        }            .news-main .content-wrap .news-detail .detail-name {                font-size: 24px;                font-weight: 500;                color: #000;                line-height: 36px;                margin-bottom: 13px;                text-align: center            }            .news-main .content-wrap .news-detail .time {                text-align: center;                font-size: 16px;                font-weight: 400;                color: #636363;                line-height: 24px            }            .news-main .content-wrap .news-detail .banner {                margin: 23px auto 31px;                width: 980px;                /* height: 488px;*/                height: auto;                max-height: 800px;                overflow: hidden            }            .news-main .content-wrap .news-detail .html {                font-size: 16px;                font-weight: 400;                color: #636363;                line-height: 28px            }                .news-main .content-wrap .news-detail .html p {                    margin: 0 0 10px                }.home-project .title {    padding: 0 0 16px;    font-size: 28px;    font-weight: 500;    color: #292d74;    line-height: 28px;    text-align: center}.home-project .home-project-item {    width: 206px;    padding: 4px 4px 4px 6px;    box-sizing: border-box;    float: left;    height: 413px;    border: 1px solid #858585;    margin-right: 14px}    .home-project .home-project-item:nth-child(6n) {        margin-right: 0    }    .home-project .home-project-item .project-des {        height: 120px;        font-size: 14px;        font-weight: 400;        color: #000;        line-height: 24px;        opacity: .65;        margin-bottom: 6px    }    .home-project .home-project-item .img {        width: 192px;        height: 117px    }    .home-project .home-project-item .look-more {        height: 22px;        font-size: 16px;        font-weight: 400;        color: #000;        line-height: 22px;        padding: 23px 5px 13px;        text-align: center    }@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { /*IE10+CSSstylesgohere*/    .global-header .header-content .right .nav-wrap .nav .two-nav-wrap li {        min-width: 110px;    }    .swiper-slide {        width: auto;    }    .swiper-button-next, .swiper-button-prev {        display: none;    }}/* ii s 7. co m */