@font-face {
				font-family: 'HK Grotesk Legacy';
				src: url('__ADDON__/badun/font/HKGrotesk-RegularLegacy.eot');
				src: local('HK Grotesk Regular Legacy'), local('HKGrotesk-RegularLegacy'),
					url('__ADDON__/badun/font/HKGrotesk-RegularLegacy.eot?#iefix') format('embedded-opentype'),
					url('__ADDON__/badun/font/HKGrotesk-RegularLegacy.woff2') format('woff2'),
					url('__ADDON__/badun/font/HKGrotesk-RegularLegacy.woff') format('woff'),
					url('__ADDON__/badun/font/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;
				margin-left: auto;
			}

			.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: white;
			}

			.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(__ADDON__/badun/white.png)no-repeat right center;
			}
			
			.warp5-more i {
				background: url(__ADDON__/badun/b.png) no-repeat right center;
			}
			
			.warp5 {
				background: url("https://cdn1.hzvis.com/upfile/image/2020/11/1604471800_2163.gif") no-repeat;
				height: 1155px;
				margin: 50px 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: 666px;
				}
			}
			
			@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: auto;
					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;
					color: white;
				}
			
				.m-footer .font58 {
					font-size: 58px;
					line-height: 64px;
					letter-spacing: -2px;
					color: #fff;
				}
			
				.m-footer .font49 {
					font-size: 49px;
				}
			
				.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 .mes1 img{max-height: 180px;}
				.m-footer .main .footnav a:hover {
					opacity: .5;
				}
			
				.m-footer .main .mes1 .p1 {
					margin-bottom: 98px;
				}
			
				.m-footer .main .mes1 .p2 {
					line-height: 30px;
					/*! letter-spacing: -2px; */
					margin-top: 5px;
				}
			
				.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; */
					max-width: 80px;
				}
			
				.m-footer .main .ewm p {
					line-height: 34px;
				}
			
			
				@media screen and (max-width: 1920px) {
					.m-footer {
						padding: 20px 0px;
						background: black;
					}
					.m-footer .ms1 p{margin-top:30px;}
					.m-footer .main {
						width: calc(100% - 292px);
						align-items: flex-start;
					}
					.m-footer .main .mes1 p img{max-height: 129px;}
					.m-footer .font58 {
						font-size: 23.5px;
						line-height: 48px;
					}
			
					.m-footer .font49 {
						font-size: 37px;
					}
			
					.m-footer .font27 {
						font-size: 20px;
					}
			
					.m-footer .main .mes1 .p1 {
						margin-bottom: 68px;
					}
			
					.m-footer .main .mes1 .p2 {
						line-height: 28px;
						margin-top: 20px;
					}
			
					.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: 0px;
					}
			
					.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: 80px;
						/*! margin: 4px auto 70px; */
					}
					.m-footer .main .cona p{text-align: center;}
					.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 .font27 {
						font-size: 15px;
					}
			
					.m-footer .main .mes1 .p1 {
						margin-bottom: 54px;
					}
			
					.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;
					}
				}
.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: 47.917%;
        width: 50%
    }
    .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;}
}

    .case-read video {
        display: block;
        background: #fff
    }
    .case_about{text-align: center;line-height: 1em;width: 94%;margin: 0 auto ;position: relative;padding-bottom: 150px;}
    .case_about ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block;}
    .case_about ul li img{width: 100%;height: auto;display: block;}
    .case_about-t{margin-bottom: 50px;}
    .case_about .case-summary{width: 90%;height: 90%;background: url(../static/black.png) repeat;top: 0;left: 0;position: absolute;
padding: 5%;display: none;}
    .case_about .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px;}
    .case_about .case-summary .p1{top: 0;}
    .case_about .case-summary .p2{bottom: 0;font-size: 16px;text-align: left;}
    .case_about .case-summary span{font-size: 24px;}
  .case_about  .case-more{color: #b9b9b9;width: 300px;height: 50px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;font-size: 18px;
    text-align: center;text-indent: 0px;line-height: 50px;font-size: 13px;border: none;position: relative;}
.case_about  .case-more:after{content: "";display: block;width: 260px;height: 42px;
border: 1px solid #D9D9D9;position: absolute;bottom: 2px;z-index: 2;margin-left: -106px;transition: all 0.2s ease 0s;top: -15px;left: 50%;}
.case_about  .case-more:hover{color: #333}
.case_about  .case-more:hover:after{transform: scale(1.1,1.1);border: 1px solid #e0e0e0;}
.case_about  .case-more i{font-family: 'simsun';font-size: 18px;text-indent: -10px;
line-height: 50px;transition: all ease-out .3s;color: #fff;display: inline-block;opacity: 0}
.case_about  .case-more:hover i{color: #333;text-indent: 10px;opacity: 1}
.case_about .case-more:after{width:210px;}    
.case_about .case-more{width: 231px;}
    .case-page{width: 1800px;position: relative;margin:0 auto;max-width:100%;}
    @media screen and (max-width: 1920px){
        .case-page{width: 1700px;}
        .zuo{width: 20%!important;}
        .you{width: 20%!important;}
    }
    @media screen and (max-width: 1440px){
        .case-page{width: 1200px;}
        .zuo{width: 17%!important;}
        .you{width: 17%!important;}
    }
    @media screen and (max-width: 1200px){
        .case-page{width: 1000px;}
        .zuo{width: 15%!important;}
        .you{width: 15%!important;}
    }
     @media screen and (max-width: 750px){
        .case-page{width: 94%;}
        .zuo{width: 15%!important;}
        .you{width: 15%!important;}
    }
    .zuo{background: url(../static/zuo.png) no-repeat;display: block;position: absolute;width: 20%;height: 50px;top: 7px;}
    .you{background: url(../static/zuo.png) no-repeat;display: block;position: absolute;width: 20%;height: 50px;right: 0;top: 7px;transform: rotateY(180deg);}
    .mceItem-movie {
        background-color: #fff!important;
    }


				@media screen and (max-width: 750px) {
					.m-footer {
						display: none;
					}
					.morea{flex-wrap: wrap;margin:30px 0px !important;}
					.warp2 .case-more,.warp2 .case-more::after{width:94%;margin:0px auto;}
					.warp6,.warp7{width:94%;margin:0px auto;padding:0px;}
					.warp6 .warp6-left,.warp6 .warp6-right{width:100%;}
					.news-list{margin-top:10px;}
					.warp2 .morea .case-more{margin-bottom: 10px;}
				}
.morea{display: flex;align-items: center;justify-content: center;margin: 100px 0px 50px 0px;}
.warp2 .morea .case-more{margin:0px;}
.warp2 .morea .case-more:nth-child(2){color:#10d0bb;font-weight: bold;}
.warp2 .morea .case-more:nth-child(2)::after {border: 1px solid #10d0bb;}
.warp2 .morea .case-more:nth-child(2):hover i{color:#10d0bb;}
.ewm a {display: block;margin:10px 0px;}
.ewm a i{font-size:20px;}