@charset "utf-8";
/* CSS Document */


            @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?#iefix') 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-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 a:hover{font-weight: bold;}
            .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;}
			
.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: 54px;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: 40px; 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: 100px; margin:2px auto 10px;}
.m-footer .main .ewm p{line-height: 19px; text-align: center;}
}
@media screen and (max-width: 750px){
.m-footer{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;}
                
            }