@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url('../font/HKGrotesk-RegularLegacy.eot');
    src: local('HK Grotesk Regular Legacy'), local('HKGrotesk-RegularLegacy'),
        url('../font/HKGrotesk-RegularLegacy.eot#iefix') format('embedded-opentype'),
        url('../font/HKGrotesk-RegularLegacy.woff2') format('woff2'),
        url('../font/HKGrotesk-RegularLegacy.woff') format('woff'),
        url('../font/HKGrotesk-RegularLegacy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.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/1722234398_6949.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;}
}
.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;}
                
            }
            .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%
}
.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; }
.m-footer .main .mes1 .p1 a:hover{opacity:.5;}
.m-footer .main .mes1 .p2{line-height: 30px; }
.m-footer .main .mes2 a{color: #fff;}
.m-footer .main .mes2 .tel{padding: 6px 0 10px;line-height: 38px;}
.m-footer .main .mes2 .font27{line-height: 37px;}
.m-footer .main .mes2 .tlink{position: relative;display: flex;padding-top: 94px;}
.m-footer .main .mes2 .tlink .flink{margin-right: 54px;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; }

@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: 38px; line-height: 50px;}
.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: 68px; margin:2px auto 55px;}
.m-footer .main .ewm p{line-height: 19px;}
}
@media screen and (max-width: 1000px){
    .m-footer .main{
        width: calc(100% - 20px)
    }
    .m-footer .main .footnav{
        width: 90px;
    }
    .m-footer .main .ewm{
        flex: 0 0 100px;
    }
    .m-footer .main .mes2 .address:nth-of-type(2){
        display: none;
    }
}
@media screen and (max-width: 750px){
.m-footer{display: none;}	
}
.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;
	}