@font-face {
    font-family: 'synomal';
    src: url('../fronts/SourceHanSansSC-Regular-Alphabetic.eot');
    src: url('../fronts/SourceHanSansSC-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fronts/SourceHanSansSC-Regular-Alphabetic.woff2') format('woff2'),
        url('../fronts/SourceHanSansSC-Regular-Alphabetic.woff') format('woff'),
        url('../fronts/SourceHanSansSC-Regular-Alphabetic.ttf') format('truetype'),
        url('../fronts/SourceHanSansSC-Regular-Alphabetic.svg#SourceHanSansSC-Regular-Alphabetic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;


}
@font-face {
    font-family: 'sylight';
    src: url('../fronts/SourceHanSansSC-Light-Alphabetic.eot');
    src: url('../fronts/SourceHanSansSC-Light-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fronts/SourceHanSansSC-Light-Alphabetic.woff2') format('woff2'),
        url('../fronts/SourceHanSansSC-Light-Alphabetic.woff') format('woff'),
        url('../fronts/SourceHanSansSC-Light-Alphabetic.ttf') format('truetype'),
        url('../fronts/SourceHanSansSC-Light-Alphabetic.svg#SourceHanSansSC-Light-Alphabetic') format('svg');
    font-weight:lighter;
    font-style: normal;
    font-display: swap;
}





.clear{ clear:both}

.web_footer{
	width:95%; margin:auto; margin-top:80px; border-top:1px solid #e5e5e5; padding-top:60px
}
.web_footer1{float:left; padding-right:150px}
.web_footer2{float:left; width:150px;}
 @media screen and (max-width: 781px) {
.web_footer1{float:left; padding-right:0px; width:100%; margin-top:20px}	
.web_footer2{float:left; padding-right:0px; width:150pz}	
	 }


        .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/1604471800_2163.gif") no-repeat;height: 1155px;margin: 225px 0;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.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;}
                
            }
			
			.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;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;}
@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: 68px; margin:2px auto 55px;}
.m-footer .main .ewm p{line-height: 19px;}
}
@media screen and (max-width: 750px){

.m-footer{display: none;}	
}
  
  
.web_contact_left{float:left; width:50%}
.web_contact_middle{float:left; width:5%}
.web_contact_right{float:left; width:45%}
.web_contact_left_title{width:100%; text-align:center; font-family:'synomal'; color:#000000; font-size:30px; font-weight:bold; height:40px; line-height:40px; margin-bottom:260px}
.web_contact_right_content{text-align:left; font-family:'synamal'; font-weight:lighter; font-size:18px; color:#000000; padding-bottom:100px}

@media screen and (max-width: 750px){

.web_contact_left{float:left; width:100%}
.web_contact_middle{float:left; width:0%}
.web_contact_right{float:left; width:100%}
.web_contact_left_title{width:100%; text-align:center; font-family:'synomal'; color:#000000; font-size:30px; font-weight:bold; height:40px; line-height:40px; margin-bottom:60px}
.web_contact_right_content{text-align:left; font-family:'synamal'; font-weight:lighter; font-size:18px; color:#000000; padding-bottom:20px}

}



.about3-4 dl{
    float: none;
}
.about1 {
    margin-bottom: 150px;
}

.about1 .about1-right {
    width: 850px;
    /* margin-right: -9px; */
}
.about3-img {

}
.about3-img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
}
.new-about {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.new-about-content {
    margin: 108px auto;
}

.new-about img {
    display: block;
}

.new-about-fixed {
    height: 1000px;
    width: 96%;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.new-about-content>p {
    margin-left: 47.917%;
    width: 39.739%
}

.new-about-content>p:nth-child(1) {
    margin-bottom: 63px;
}
.about3 {
        width: 100%;
       
    }
    .newabout3{	margin-top: 165px;}
.about3-3 img {
    margin: 41px 0 75px;
    display: block;
}

.about3 .about3-right {
    margin-right: -24px;
}
.about3 .about3-right {
        float: none;
        margin-left: 47.917%;
        width: 50%
    }
    .about3 .about3-4 {
        display: flex;
        justify-content: ;
        flex-wrap: wrap;
        width: 80%
    }
@media screen and (max-width: 1920px) {
    .about1 {
        margin-bottom: 96px;
    }
    .about1 .about1-right {
        width: 640px;
    }
    .new-about-content {
        margin: 108px auto;
    }
    .new-about-content>p {
        font-size: 12px;
    }
    .new-about-content p:nth-child(1) {
        margin-bottom: 56px;
    }
    .about1 .about1-right {
        margin-right: -41px;
    }
    .new-about-fixed {
        height: 800px;
    }
    .newabout3{margin-top: 0px;}
    .about3 .about3-right {
        float: none;
        margin-left: 24.917%;
        width: 75%
    }
    .about3 .about3-4 {
        width: 80%
    }
    .about3-3 {
        margin-bottom: 25px;
        margin-top: 0px;
    }
    .about3-3 img {
        margin: 41px 0 70px;
    }
}

@media screen and (max-width: 1440px) {
    .new-about-content {
        margin: 80px auto 80px;
    }
    .new-about {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1200px) {
    /* .new-about-content p{width: 640px;} */
}

@media screen and (max-width: 750px) {
    .about1{margin-bottom: 35px;}
    .about1 .about1-right{width: 100%;margin-right: 0px;}
    .new-about {
        margin-top: 20px;
        width: 94%
    }
    .new-about-content {
        width: 100%;margin: 32px auto
    }
    .new-about-content>p {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .new-about-content p:nth-child(1) {
        margin-bottom: 26px;
    }
    .new-about-fixed {
        background-attachment: scroll!important;
        height: 200px!important;
    }
    .new-about .about3 {
        width: 100%!important;
    }
    .about3 {
        width: 94%;
        margin-top: 50px!important;
    }
    .about3-3 img {
        margin: 30px 0;
        width: 100%;height: auto
    }
    .about3 .about3-right{margin-left: 0px;width: 100%;margin-right: 0px;}
}