@charset "utf-8";

        @font-face {
            font-family: 'HK Grotesk Legacy';
            src: url('../fonts/hkgrotesk-regularlegacy.eot');
            src: local('HK Grotesk Regular Legacy'),
            local('HKGrotesk-RegularLegacy'),
            url('../fonts/hkgrotesk-regularlegacy.eot') format('embedded-opentype'),
            url('../fonts/hkgrotesk-regularlegacy.woff2') format('woff2'),
            url('../fonts/hkgrotesk-regularlegacy.woff') format('woff'),
            url('../fonts/hkgrotesk-regularlegacy.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        /*.header.on-top{background:none!important;}
            .header{background-image: linear-gradient(to bottom,#fff,rgba(255,255,255,0));}
            .header.is-hidden{transform: translateY(-100px);}*/
        .header-in {
            width: 95%;
        }

        .header-in .logo {
            margin-left: 0;
        }

        .header-in .logo .img2 {
            display: none;
        }

        .mheader-nav {
            display: flex;
        }

        .mheader-nav li {
            margin-right: 50px;
            font-size: 15px;
        }

        .mheader-nav li:last-child {
            margin-right: 0;
        }

        .mheader-nav li a {
            display: flex;
            font-size: 1.125em;
            line-height: 30px;
            font-family: "HK Grotesk Legacy", sans-serif;
            color: #000;
        }

        .mheader-nav li.on a {
            font-weight: bold;
        }

        .mheader-nav li a span {
            display: block;
            width: 6px;
        }

        /* .header.white .mheader-nav li a {
            color: #fff;
        } */

        .header.white .header-in .logo .img2 {
            display: block;
        }

        .header.white .header-in .logo .img1 {
            display: none;
        }

        .head-nav {
            position: absolute;
            right: 115px;
            width: 455px;
            display: none;
        }

        .head-nav li {
            float: left;
            margin-left: 54px;
        }

        .head-nav a {
            font-size: 16px;
            color: #000;
            font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
            line-height: 30px;
        }

        .head-block {
            display: block;
        }

        .meun-off {
            display: none;
        }

        @media screen and (max-width: 1620px) {
            .head-nav {
                right: 120px;
                width: 350px;
            }

            .head-nav li {
                margin-left: 40px;
            }

            .head-nav a {
                font-size: 14px;
            }
        }

        @media screen and (max-width: 1390px) {
            .head-nav {
                right: 100px;
                width: 330px;
            }

            .head-nav li {
                margin-left: 40px;
            }

            .head-nav a {
                font-size: 12px;
            }
        }

        @media screen and (max-width: 1200px) {
            .head-nav {
                display: none;
            }

            .meun-off {
                display: block;
            }

            .mheader-nav {
                margin: 0;
                display: none;
            }

        }

 
        .warp5-more {
            background: #fff;
            color: #444;
        }

        .warp5-more:hover {
            background-color: rgb(0, 0, 0, 0);
            color: #fff;
            border: 1px solid #fff;
        }

        .warp5-more:hover i {
            background: url(../images/white.png)no-repeat right center;
        }

        .warp5-more i {
            background: url(../images/b.png) no-repeat right center;
        }

        .warp5 {
            background: url("../images/idx.gif") no-repeat;
            height: 1155px;
            margin: 225px 0 100px;
            position: relative;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            width: 100%;
        }

        .news-list a:hover {
            color: #000;
        }

        @media screen and (max-width: 2360px) {
            .warp5 {
                height: 1065px;
            }
        }

        @media screen and (max-width: 2160px) {
            .warp5 {
                height: 975px;
            }
        }

        @media screen and (max-width: 1920px) {
            .warp5 {
                height: 866px;
            }
        }

        @media screen and (max-width: 1720px) {
            .warp5 {
                height: 776px;
            }
        }

        @media screen and (max-width: 1420px) {
            .warp5 {
                height: 640px;
            }
        }

        @media screen and (max-width: 1220px) {
            .warp5 {
                height: 550px;
            }
        }

        @media screen and (max-width: 1020px) {
            .warp5 {
                height: 460px;
            }
        }

        @media screen and (max-width: 820px) {
            .warp5 {
                height: 370px;
            }
        }

        .banner .arrow {
            position: absolute;
            top: 25%;
            margin-top: 0;
            width: 100px;
            height: 50%;
            padding: 0;
            cursor: pointer;
        }

        .banner .arrow span,
        .banner .arrow span:after,
        .banner .arrow span:before {
            position: absolute;
            top: 50%;
            height: 2px;
            background-color: #fff;
            border-radius: 1px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .banner .arrow span {
            margin-top: -1px;
            width: 0
        }

        .banner .arrow span:after,
        .banner .arrow span:before {
            content: "";
            width: 30px
        }

        .banner .arrow.btn-prev span {
            left: 50%;
            margin-left: -10px
        }

        .banner .arrow.btn-prev span:before {
            left: 0;
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left
        }

        .banner .arrow.btn-prev span:after {
            left: 0;
            top: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left
        }

        .banner .arrow.btn-next span {
            right: 50%;
            margin-right: -10px
        }

        .banner .arrow.btn-next span:before {
            right: 0;
            bottom: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: right;
            -ms-transform-origin: right;
            transform-origin: right
        }

        .banner .arrow.btn-next span:after {
            right: 0;
            top: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: right;
            -ms-transform-origin: right;
            transform-origin: right
        }

        .banner .arrow:hover span {
            width: 40px
        }

        .banner .arrow:hover.btn-prev span {
            margin-left: -20px
        }

        .banner .arrow:hover.btn-next span {
            margin-right: -20px
        }

        .banner .btn-next {
            right: 2.1%
        }

        .banner .btn-prev {
            left: 2.1%
        }
  

    .about3-img {
        margin: 0 auto 100px;
    }

    .about3-img .logo-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about3-img img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        object-fit: cover;
        object-position: center;
        image-rendering: -webkit-optimize-contrast;
    }


        .footer-bottom ul {
            height: 44px;
            overflow-y: auto;
        }

        .footer-bottom ul::-webkit-scrollbar {
            width: 1px;
            height: 1px;
        }

        .footer-bottom ul::-webkit-scrollbar-track {
            background: #3d3d3d;
        }

        .footer-bottom ul::-webkit-scrollbar-thumb {
            background-color: #808080;
        }


        .m-footer {
            padding: 75px 0 74px;
            background: #000;
            color: #fff;
        }

        .m-footer a {
            display: block;
            transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
        }

        .m-footer .font58 {
            font-size: 58px;
            line-height: 64px;
            letter-spacing: -2px;
            color: #fff;
        }

        .m-footer .font49 {
            font-size: 49px;
        }

        .m-footer .font28 {
            font-size: 28px;
            line-height: 36px;
            color: #fff;
        }

        .m-footer .font27 {
            font-size: 27px;
        }

        .m-footer .main {
            width: calc(100% - 380px);
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .m-footer .main .footnav a:hover {
            opacity: .5;
        }

        .m-footer .main .mes1 .p1 {
            margin-bottom: 82px;
        }

        .m-footer .main .mes1 .p1 a {
            display: block;
            color: #fff;
            letter-spacing: -2px;
        }

        .m-footer .main .mes1 .p1 a:hover {
            opacity: .5;
        }

        .m-footer .main .mes1 .p2 {
            line-height: 30px;
            letter-spacing: -2px;
        }

        .m-footer .main .mes2 a {
            color: #fff;
        }

        .m-footer .main .mes2 .tel {
            padding: 6px 0 10px;
            line-height: 38px;
            letter-spacing: -3.6px
        }

        .m-footer .main .mes2 .font27 {
            line-height: 37px;
            letter-spacing: -2px
        }

        .m-footer .main .mes2 .tlink {
            position: relative;
            display: flex;
            padding-top: 94px;
        }

        .m-footer .main .mes2 .tlink .flink {
            margin-right: 24px;
            letter-spacing: -2px;
            line-height: 34px;
            color: #464646;
        }

        .m-footer .main .mes2 .tlink .flink.last {
            margin-right: 0;
        }

        .m-footer .main .mes2 .tlink .tlinkmain {
            position: absolute;
            top: calc(100% + 7px);
            left: 0;
            height: 46px;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            overflow-y: auto;
            opacity: 0;
            pointer-events: none;
        }

        .m-footer .main .mes2 .tlink .tlinkmain.on {
            opacity: 1;
            pointer-events: auto;
        }

        .m-footer .main .mes2 .tlink .tlinkmain a {
            margin-right: 20px;
            font-size: 16px;
            line-height: 23px;
            color: #3f3f3f;
        }

        .m-footer .main .mes2 .tlink .tlinkmain a:nth-child(4n) {
            margin-right: 0;
        }

        .m-footer .main .mes2 .tlink .tlinkmain::-webkit-scrollbar {
            width: 1px;
            height: 1px;
        }

        .m-footer .main .mes2 .tlink .tlinkmain::-webkit-scrollbar-track {
            background: #3d3d3d;
        }

        .m-footer .main .mes2 .tlink .tlinkmain::-webkit-scrollbar-thumb {
            background-color: #808080;
        }

        .m-footer .main .ewm img {
            display: block;
            margin: 6px auto 96px;
        }

        .m-footer .main .ewm p {
            line-height: 34px;
            letter-spacing: -2px;
        }

        @media screen and (max-width: 1920px) {
            .m-footer {
                padding: 57px 0 55px;
            }

            .m-footer .main {
                width: calc(100% - 292px);
                align-items: flex-start;
            }

            .m-footer .font58 {
                font-size: 43.5px;
                line-height: 48px;
            }

            .m-footer .font49 {
                font-size: 37px;
            }

            .m-footer .font28 {
                font-size: 21px;
                line-height: 28px
            }

            .m-footer .font27 {
                font-size: 20px;
            }

            .m-footer .main .mes1 .p1 {
                margin-bottom: 52px;
            }

            .m-footer .main .mes1 .p2 {
                line-height: 28px;
            }

            .m-footer .main .mes2 .tel {
                padding: 4px 0 8px;
                line-height: 27px;
            }

            .m-footer .main .mes2 .font27 {
                line-height: 28px;
            }

            .m-footer .main .mes2 .tlink {
                padding-top: 69px;
            }

            .m-footer .main .mes2 .tlink .flink {
                margin-right: 20px;
                line-height: 28px;
            }

            .m-footer .main .mes2 .tlink .tlinkmain {
                height: 34px;
            }

            .m-footer .main .mes2 .tlink .tlinkmain a {
                margin-right: 12px;
                font-size: 12px;
                line-height: 17px;
            }

            .m-footer .main .ewm img {
                width: 90px;
                margin: 4px auto 70px;
            }

            .m-footer .main .ewm p {
                line-height: 28px;
            }
        }


        @media screen and (max-width: 1550px) {
            .m-footer {
                padding: 44px 0 42px;
            }

            .m-footer .main {
                width: calc(100% - 220px);
            }

            .m-footer .font58 {
                font-size: 33.6px;
                line-height: 36px;
            }

            .m-footer .font49 {
                font-size: 27px;
            }

            .m-footer .font28 {
                font-size: 16px;
                line-height: 24px;
            }

            .m-footer .font27 {
                font-size: 15px;
            }

            .m-footer .main .mes1 .p1 {
                margin-bottom: 30px;
            }

            .m-footer .main .mes1 .p2 {
                line-height: 18px;
            }

            .m-footer .main .mes2 .tel {
                padding: 2px 0 7px;
                line-height: 21px;
            }

            .m-footer .main .mes2 .font27 {
                line-height: 20px;
            }

            .m-footer .main .mes2 .tlink {
                padding-top: 54px;
            }

            .m-footer .main .mes2 .tlink .flink {
                margin-right: 30px;
                line-height: 20px;
            }

            .m-footer .main .ewm img {
                width: 68px;
                margin: 2px auto 55px;
            }

            .m-footer .main .ewm p {
                line-height: 19px;
            }
        }

        @media screen and (max-width: 750px) {
            .m-footer {
                display: none;
            }
        }



.mheader-nav{display: flex;}
.dinshicontact a{display: block;}


.banner .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.banner .arrow span {margin-top:-1px; width:0 } 
.banner .arrow span:after,.banner .arrow span:before {content:""; width:30px } 
.banner .arrow.btn-prev span {left:50%; margin-left:-10px } 
.banner .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-next span {right:50%; margin-right:-10px } 
.banner .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow:hover span {width:40px } 
.banner .arrow:hover.btn-prev span {margin-left:-20px }
.banner .arrow:hover.btn-next span {margin-right:-20px }
.banner .btn-next { right:2.1%}
.banner .btn-prev {left:2.1%}

.service-list{width: 94%;margin: 0 auto;padding-bottom: 30px;}
.service-list .top{position: relative;display: flex;justify-content: center;padding: 225px 0 353px;}
.service-list .top .titn{position: absolute;top: 233px;left: 0;font-size: 48px;line-height: 1em;font-weight: 900;color: #000;}
.service-list .top .mes{display: inline-block;color: #000;}
.service-list .top .mes .tit{font-size: 48px;line-height: 58px;font-weight: bold;}
.service-list .top .mes .sum1{margin: 38px 0 42px; font-size: 27px;line-height: 45px;/*font-weight: bold;*/}
.service-list .top .mes .sum2{font-size: 20px;line-height: 32px;/*font-weight: bold;*/}
.service-box{display: flex;align-items: flex-start;justify-content: space-between; margin-bottom: 180px;}
.service-box .le{width: 55.27847049044057%;margin: 0;}
.service-box .le img{display: block;width: 100%;height: auto;}
.service-box .ri{width: 35.74397339983375%;color: #000;}
.service-box .ri .tit{margin-bottom: 10px;font-size: 35px;line-height: 1em;font-weight: 900;}
.service-box .ri .entit{font-family: "Myriad Pro";font-size: 21px;line-height: .8em;}
.service-box .ri .m-content{padding: 76px 0 98px;}
.service-box .ri .m-content p{font-size: 24px;line-height: 46px;/*font-weight: bold;*/font-family: 'PingFangSC2ce80581be17e93'  !important;}
.service-box .ri .bot .titm{margin-bottom: 18px;display: flex; font-size: 20px;line-height: 1em;}
.service-box .ri .bot .titm span{display: block;font-size: 16px;margin-right: 10px;}
.service-box .ri .bot .mn{display: flex;flex-wrap:wrap;}
.service-box .ri .bot .mn a{position: relative;display: block;margin-right:20px;margin-bottom:10px; font-size: 16px;line-height: 20px;/*font-weight: bold;*/ color: #3e3e3e;}
.service-box .ri .bot .mn a:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #626262;content: "";}

.kongjian.case-list{margin: 0 auto;box-sizing: border-box;padding: 0 58px;position: relative;z-index: 2;background: #fff;}
.kongjian.case-list ul a{width: calc(50% - 10px);margin-bottom: 20px;margin-right: 20px;display: block;float: left;}
.kongjian.case-list ul a:nth-child(2n){margin-right: 0;}
.kongjian.case-list ul li{float: none;width: 100%;}
.kongjian .top{display: flex;padding: 180px 0 234px; color: #000;}
.kongjian .top .tit{width: 50%;box-sizing: border-box;padding-top: 8px;font-size: 48px;line-height: .8em;font-weight: bold;}
.kongjian .top .mes{width: 50%;}
.kongjian .top .mes .titm{margin-bottom: 40px;font-weight: normal;font-size: 29px;line-height: 45px;}
.kongjian .top .mes .ensum{font-size: 21px;line-height: 32px;}
.kongjian.case-list .case-summary p{font-size: 24px;}
.kongjian.case-list .case-summary .p2{font-size: 16px;}
.kongjian .case-content{padding-bottom: 142px;}
.kongjian .case-content .more{display: block;width: 262px;height: 44px;margin: 103px auto 0;box-sizing: border-box;border: 1px solid #dcdcdc;text-align: center;font-size: 16px;line-height: .8em;text-align: center;line-height: 42px;text-transform: uppercase; color: #dcdcdc;}

@media screen and (max-width: 1920px){
.service-list{padding-bottom: 18px;}
.service-list .top{padding: 225px 0 293px;justify-content: flex-start;}
.service-list .top .titn{position: static;margin:0px 18.50620567375887% 0 0; font-size: 40px}
.service-list .top .mes .tit{font-size: 40px;line-height: 48px;}
.service-list .top .mes .sum1{margin: 32px 0 33px;font-size: 22px;line-height: 38px;}
.service-list .top .mes .sum2{font-size: 16px;line-height: 26px;}
.service-box{margin-bottom: 135px;}
.service-box .le{width: 55.40780141843972%;}
.service-box .ri{width: 36.23670212765957%;}
.service-box .ri .tit{margin-bottom: 7px; font-size: 27px;}
.service-box .ri .entit{font-size: 19px;}
.service-box .ri .m-content{padding: 46px 0 78px;}
.service-box .ri .m-content p{font-size: 19px;line-height: 35px;}
.service-box .ri .bot .titm{margin-bottom: 15px;font-size: 16px;}
.service-box .ri .bot .titm span{margin-right: 5px;font-size: 14px;}
.service-box .ri .bot .mn a{margin-right:15px; font-size: 13px;line-height: 15px;}

.kongjian.case-list{padding: 0 40px;}
.kongjian.case-list ul a{width: calc(50% - 8px);margin-bottom: 16px;margin-right: 16px;}
.kongjian .top{padding: 80px 0 164px;}
.kongjian .top .tit{padding-top: 6px;font-size: 40px;}
.kongjian .top .mes .titm{margin-bottom: 22px;font-size: 24px;line-height: 40px;}
.kongjian .top .mes .ensum{font-size: 19px;line-height: 29px;}
}

@media screen and (max-width: 1440px){
.service-list .top{padding: 200px 0 240px;}
.service-list .top .titn{margin-right: 10%;font-size: 30px;}
.service-list .top .mes .tit{font-size: 30px;line-height: 40px;}
.service-list .top .mes .sum1{margin: 20px 0; font-size: 16px;line-height: 30px;}
.service-list .top .mes .sum2{font-size: 12px;line-height: 2em;}
.service-box{margin-bottom: 80px;}
.service-box .ri .tit{font-size: 24px;}
.service-box .ri .entit{font-size: 16px;}
.service-box .ri .m-content{padding: 20px 0 30px;}
.service-box .ri .m-content p{font-size: 14px;line-height: 2em;}
.service-box .ri .bot .mn a{margin-right:10px; font-size: 12px;}
.service-box .ri .bot .titm{margin-bottom: 10px;}

.kongjian.case-list{padding: 0;}
.kongjian.case-list ul a{width: calc(50% - 5px);margin-bottom: 10px;margin-right: 10px;}
.kongjian .top{padding: 100px 0 120px;}
.kongjian .top .tit{font-size: 30px;}
.kongjian .top .mes .titm{margin-bottom: 15px;font-size: 20px;line-height: 30px;}
.kongjian .top .mes .ensum{font-size: 14px;line-height: 2em;}
}

@media screen and (max-width: 750px){
.service-list .top{flex-wrap: wrap;padding: 130px 0 100px;}
.service-list .top .titn{margin:0 0 30px;font-size: 24px;}
.service-list .top .mes{display: block;width: 100%;}
.service-list .top .mes .tit{font-size: 24px;line-height: 30px;}
.service-box{margin-bottom: 60px;flex-wrap: wrap;}
.service-box .le{width: 100%;}
.service-box .ri{width: 100%;padding: 30px 0 0;}
.service-box .ri .tit{font-size: 18px;}

.kongjian .top{flex-wrap: wrap;padding: 100px 0;}
.kongjian .top .tit{width: 100%;padding: 0;margin-bottom: 30px;font-size: 28px;}
.kongjian .top .mes{width: 100%;}
.kongjian .top .mes .titm{font-size: 16px;}
.kongjian.case-list ul a{width: 100%;margin-right: 0;}
.kongjian.case-list .case-summary p{font-size: 18px;}
.kongjian.case-list .case-summary .p2{font-size: 14px;}
.kongjian .case-content .more{width: 200px;height: 32px;margin: 50px auto 0; line-height: 30px;font-size: 14px;}
.kongjian .case-content{padding-bottom: 60px;}

.footer_kongjian{display: none;}
}