@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: 100%;
		display: flex;
		align-items: center;
		padding: 10px 0px;
	}

	.header-in .logo {
		margin-left: 0;
	}
.header-small .header-in .logo .img2{display: block}
	.header-in .logo .img2 {
		display: none;
	}

	.mheader-nav {
		display: flex;
		align-items: center;
		/*! 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: 18px;
		line-height: 30px;
		font-family: "HK Grotesk Legacy", sans-serif;
		color: #999;
	}
.header-small .mheader-nav li a{color:#333;}
	.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: 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: 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: #999;
	}

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

	.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 .footnav a:hover {
		opacity: .5;
	}

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

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

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

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



		.m-footer {
			padding: 57px 0 55px;
			background: black;
		}

		.m-footer .main {
			width: calc(100% - 292px);
			align-items: flex-start;
			display: flex;
			/*! align-items: center; */
		}
		.m-footer .main .mes2{display: flex;margin-top:30px;}
		.m-footer .main .mes2 .fcopy{margin-left:50px;}
		.m-footer .main .mes2 .fcopy1{display: flex;}
		.m-footer .main .mes2  p img{max-width:300px;}
		.m-footer .main .mes2 .fcopy1 a{padding:0px 20px;font-size:16px;border-right:1px solid #ccc;line-height: 20px;margin:20px 0px;}
		.m-footer .main .footnav{display: flex;align-items: center;}
		.m-footer .main .mes2 .fcopy1 a:nth-last-child(1){border:none;}
		.m-footer .main .mes2 .fcopy1 a:nth-child(1){padding-left:0px;}
		.m-footer .main .footnav a{padding:0px 50px;border-right: 1px solid #e1261c;font-size: 18px;line-height: 30px;}
		.m-footer .main .footnav a:nth-child(1){padding-left:0px;}
		.m-footer .main .mes1 p img {
			max-height: 100px;
		}

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

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

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

		.m-footer .main .mes2 .address {
			margin-top: 20px;
		}

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

	.advantages {
		padding: 20px;
		margin: 20px 0;
		/*! border: 1px solid #ddd; */
		border-radius: 5px;
		background-color: #f9f9f9;
		color: #5f6061;
		padding: 0px 140px;
	}

	.advantages .adcon {
		display: flex;
		flex-wrap: wrap;
	}

	.advantages .adcon .advantage-item {
		width: 48%;
		margin: 1%;
		box-sizing: border-box;
		background: white;
	}

	.advantages h2 {
		font-size: 24px;
		/*! color: #333; */
		margin-bottom: 15px;
		position: relative;
		padding-bottom: 10px;
		font-weight: bold;
		text-align: center;
		padding: ;
		padding: 50px 0px;
	}

	.advantages h2::after {
		content: "";
		display: block;
		width: 50px;
		height: 3px;
		background: #5f6061;
		margin-top: 5px;
		position: absolute;
		left: 48%;
	}

	.advantage-item {
		display: flex;
		margin-bottom: 20px;
		align-items: center;
		padding: 15px;
		transition: background-color 0.3s ease;
	}

	.advantage-item .icon-placeholder {
		font-size: 30px;
	}

	.advantage-item:hover {
		background: #e9e9e9 !important;
	}

	.icon-placeholder {
		width: 60px;
		height: 60px;
		background-color: #ccc;
		border-radius: 50%;
		margin-right: 20px;
		flex-shrink: 0;
		position: relative;
		text-align: center;
		font-size: 40px;
		line-height: 60px;
		color: ;
	}

	.advantage-content h3 {
		font-size: 20px;
		color: #000;
		margin-bottom: 10px;
	}

	.advantage-content p {
		font-size: 16px;
		color: #666;
		line-height: 1.6;
	}


	.morea {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 100px 0px 0px 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;
	}

	.topshare {
		display: flex;
		align-items: center;
		margin-left: auto;
	}

	.topshare a {
		display: inline-block;
		margin: 0px 10px;
		color: white;
	}
.header-small .topshare a{color:#333;}
	.topshare a i {
		font-size: 20px;
		color: #999;
	}
	.warp1 .abouta {
		font-size: 16px;
		line-height: 30px;
	}

	.ptitle {
		/*! text-align: center; */
		/*! font-size: 30px; */
		/*! margin-bottom: 20px */
	}

	.partner .pcon {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.partner .pcon .pla {
		width: 14.6%;
		margin: 1%;
	}


	 .ptitle {
		position: relative;
		/* 为伪元素定位 */
		font-size: 24px;
		/* 根据需要调整字体大小 */
		font-weight: bold;
		/* 加粗标题 */
		margin-bottom: 50px;
		/* 标题和图片列表之间的间距 */
	}

.ptitle::after {
		content: '';
		/* 伪元素需要content属性 */
		position: absolute;
		/* 绝对定位 */
		left: 49%;
		/* 横线从左边开始 */
		bottom: -10px;
		/* 横线距离标题底部的位置 */
		width: 30px;
		/* 横线宽度，根据需要调整 */
		height: 3px;
		/* 横线高度 */
		background-color: #0e1a23;
		/* 横线颜色 */
	}

	.partner .pcon .pla img {
		filter: grayscale(100%);
		/* 默认灰色效果 */
		transition: filter 0.3s, box-shadow 0.3s;
		/* 平滑过渡效果 */

		height: auto;
		/* 高度自适应 */
		cursor: pointer;
		/* 鼠标指针变成手形 */
	}

	.partner .pcon .pla img:hover {
		filter: grayscale(0%);
		/* 鼠标悬浮时恢复原色 */
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
		/* 鼠标悬浮时添加阴影 */
	}

	.partner {
		/*! margin: 100px 0px; */
		background: #f6f6f6;
		padding: 60px 0px;
	}

	.ptitle {
		text-align: center;
	}

	.servicea .servl {
		display: flex;
		flex-wrap: wrap;
	}

	.servicea .servl .servlist {
		width: 31%;
		margin: 1%;
		background: white;
		padding: 20px;
		box-sizing: border-box;
		transition: background-color 0.3s;
		cursor: pointer;
	}

	.servicea .servl .servlist:hover {
		background: #333;
		color: white
	}

	.servicea .servl .servlist .sert {
		text-align: center;
		font-size: 28px;
		margin-bottom: 20px;
	}

	.m-footer .share {
		display: flex;
		align-items: center;
		/*! margin: 20px 0px; */
		margin-left: auto;
		margin-right: 10%;
	}

	.m-footer .share a {
		display: inline-block;
		font-size: 18px;
		margin: 0px 5px;
	}

	.m-footer .share a i {
		font-size: 28px;
		color: #aaa
	}
	.catename{
		color: #db0d15;
		  
		  font-size: 32px;
		  font-weight: bold;
		display: block;
	}
	.catename::after {
	  background: #0e1a23;
	  content: " ";
	  display: block;
	  height: 3px;
	  margin-bottom: 20px;
	  width: 45px;
	}
	.ptitle .catename::after {
	  background: none;
	  content: " ";
	  display: block;
	  height: 3px;
	  margin-bottom: 20px;
	  width: 45px;
	}
	.contc{padding:50px 0px; background: #f6f6f6;}
	.servicea{background: #f6f6f6;padding: 60px 0px;}
	#contact_section {
	  /*! background:#f6f6f6; */
	  /*! margin-top:130px; */
	  /*! padding-bottom:25px; */
	  /*! padding-top:50px */
	}
	.contact-title {
	  color:#db0d15;
	  /*! font-family:proxima-nova-extra-condensed,sans-serif; */
	  font-size:32px;
	  font-weight:bold;
	  margin-bottom:40px;
	  /*! text-transform:uppercase */
	}
	.contact-title:after {
	  background:#0e1a23;
	  content:" ";
	  display:block;
	  height:3px;
	  margin-bottom:20px;
	  width:45px
	}
	.studio-loc {
	  height:145px;
	  margin-bottom:27px;
	  overflow:hidden;
	  position:relative
	}
	.studio-loc img {
	  width:100%
	}
	.studio-loc-overlay {
	  align-items:center;
	  -webkit-align-items:center;
	  background:rgba(0,0,0,.6);
	  display:flex;
	  height:100%;
	  justify-content:center;
	  -webkit-justify-content:center;
	  position:absolute;
	  top:0;
	  width:100%
	}
	.studio-loc-overlay-content {
	  color:#fff;
	  text-align:center
	}
	.studio-loc-title {
	  /*! font-family:proxima-nova-extra-condensed,sans-serif; */
	  font-size:25px;
	  font-weight:700;
	  margin-bottom:13px;
	  padding-top:4px
	}
	.studio-loc-caption {
	  /*! font-family:proxima-nova-condensed,sans-serif; */
	  font-size:16px;
	  line-height:23px
	}
	.contact-info-title {
	  color:#171717;
	  font-size:14px;
	  font-weight:600;
	  /*! line-height:11px */
	}
	.contact-info-caption a {
	  color:#171717;
	  /*! font-family:proxima-nova-extra-condensed,sans-serif; */
	  font-size:24px;
	  /*! font-weight:800; */
	  transition:all .3s
	}
	.contact-info-caption a:hover {
	  color:#db0d15
	}
	.contact-info-container {
	  padding-left:40px
	}
	.contact-info-content {
	  margin-top:30px
	}
	.contact-info-content:first-child {
	  margin-top:60px!important
	}
	.contact-info-button {
	  align-content:center;
	  background:#db0d15;
	  border:2px solid transparent;
	  border-radius:99px;
	  color:#fff;
	  display:grid;
	  font-family:proxima-nova-extra-condensed,sans-serif;
	  font-size:17px;
	  font-weight:800;
	  height:50px;
	  justify-content:center;
	  margin-top:40px;
	  text-transform:uppercase;
	  transition:.4s;
	  transition:all .3s;
	  width:225px
	}
	.contact-info-button:hover {
	  background:#fff;
	  border-color:#db0d15;
	  color:#db0d15
	}
	#contact_section .container{padding:0px 140px;}
	#contact_section .container>.row{display: flex;align-items: center;}
	#contact_section .container .row>.col-md-9{width:75%;}
	#contact_section .container .row>.col-md-3{width:25%;}
	#contact_section .container>.row .row{display: flex;flex-wrap: wrap;}
	#contact_section .container>.row .row .col-md-6{width:48%;margin:1%;}
		#gamesheader-section {
		margin-top: 120px;
	}

	#team-section {
		margin-bottom: 50px;
	}
	@media screen and (max-width: 750px) {
	    .team-row .team-img{order:1}
     .team-row .team-content{order:3}
	    #gamesheader-section {margin-top:80px;}
	    #team-section{margin-top:20px !important;}
	    .carousel-item .carousel-half,.carousel-item .carousel-img{width:100%;float:none;text-align:center;}
	    .quote-img{display:none;}
	    .carousel{padding-left:0px !important;}
		.servicea .servl .servlist {
			width: 100%;
		}

		.m-footer {
			display: block;
			padding: 20px 0px;
		}

		.advantage-item .icon-placeholder {
			font-size: 30px;
		}

		.advantages {
			padding: 0px;
		}

		.advantages .adcon .advantage-item {
			width: 100%;
			flex-wrap: wrap;
		}

		.partner .pcon .pla {
			width: 48%;
		}

		.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;
		}
	}
	 @media (min-width: 751px) and (max-width: 1680px) {
     .m-footer .main .footnav a{padding:0px 20px !important;}
     .mheader-nav li a{font-size:16px}
     .m-footer .share{margin-right:20px;}
     .m-footer .share a i{font-size:20px;}
     .mheader-nav li a{font-size:16px;}
     .mheader-nav li{margin-right:30px;}
     
 }