.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes roll {
	from {
		opacity: 0;
		-webkit-transform: rotatex(-80deg) translateZ(0);
		-ms-transform: rotatex(-80deg) translateZ(0);
		transform: rotatex(-80deg) translateZ(0);
	}

	to {
		opacity: 1;
		-webkit-transform: rotatex(0) translateZ(0);
		-ms-transform: rotatex(0) translateZ(0);
		transform: rotatex(0) translateZ(0);
	}
}

.roll-parent {
	-webkit-perspective: 1300px;
	-o-perspective: 1300px;
	-ms-perspective: 1300px;
	perspective: 1300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.roll {
	-webkit-animation-name: roll;
	animation-name: roll;
	-webkit-transition-duration: 1.2s;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-delay: 0.15s;
	-webkit-transition-timing-function: 'ease-in-out';
	-moz-transition-duration: 1.2s;
	-moz-transition-property: all;
	-moz-transition-delay: 0.15s;
	-moz-transition-timing-function: 'ease-in-out';
	-o-transition-duration: 1.2s;
	-o-transition-property: transform, opacity;
	-o-transition-delay: 0.15s;
	-o-transition-timing-function: 'ease-in-out';
	-ms-transition-duration: 1.2s;
	-ms-transition-property: transform, opacity;
	-ms-transition-delay: 0.15s;
	-ms-transition-timing-function: 'ease-in-out';
	transition-duration: 1.2s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	transition-delay: 0.15s;
	transition-timing-function: 'ease-in-out';
	-webkit-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	opacity: 0;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 8%, 0);
		transform: translate3d(0, 8%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2;
}

.animated.bounceInDown {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes roll {
	from {
		opacity: 0;
		-webkit-transform: rotatex(-80deg) translateZ(0);
		-ms-transform: rotatex(-80deg) translateZ(0);
		transform: rotatex(-80deg) translateZ(0);
	}

	to {
		opacity: 1;
		-webkit-transform: rotatex(0) translateZ(0);
		-ms-transform: rotatex(0) translateZ(0);
		transform: rotatex(0) translateZ(0);
	}
}

@keyframes roll {
	from {
		opacity: 0;
		-webkit-transform: rotatex(-80deg) translateZ(0);
		-ms-transform: rotatex(-80deg) translateZ(0);
		transform: rotatex(-80deg) translateZ(0);
	}

	to {
		opacity: 1;
		-webkit-transform: rotatex(0) translateZ(0);
		-ms-transform: rotatex(0) translateZ(0);
		transform: rotatex(0) translateZ(0);
	}
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 8%, 0);
		transform: translate3d(0, 8%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 8%, 0);
		transform: translate3d(0, 8%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.more-n1 {
	width: 185px;
	height: 50px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff;
	display: inline-block;
	text-align: center;
}

.more-n1 span {
	font-size: 20px;
	font-weight: normal;
	background: url("/static/img/zh-cn/ar1.png") no-repeat right 50%;
	padding-right: 20px;
	line-height: 48px;
	display: inline-block;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}

.more-n1:hover {
	color: #fff;
	border-color: #74956c;
	background-color: #74956c;
}

.more-n2 {
	border-color: #74956c;
	color: #74956c;
}

.more-n2 span {
	background: url("/static/img/zh-cn/ar2.png") no-repeat right -66px;
}

.more-n2:hover span {
	background-position: right 15px;
}

#banner .item {
	position: relative;
}

#banner .bg {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-top: 43%;
}

#banner .txt {
	position: absolute;
	z-index: 50;
	left: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#banner .slick-dots {
	text-align: center;
}

#banner .slick-dots li {
	width: 15px;
	height: 15px;
	margin: 0 10px;
}

#banner .slick-dots li:after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left: -5px;
	top: -5px;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
}

#banner .slick-dots .slick-active:after {
	opacity: 100;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
}

#banner .more-n1 {
	margin-top: 10%;
}

#banner .animated {
	opacity: 0;
}

.n-row1 {
	padding: 2%;
	background-color: #f4f4f4;
	overflow: hidden;
}

.n-row1 .l {
	width: 50%;
	position: relative;
	padding-top: 28%;
	overflow: hidden;
}

.n-row1 .l video {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	left: 0;
	top: 0;
}

.n-row1 .l .poster {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.n-row1 .l .poster:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 4;
}

.n-row1 .l .play-btnz {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	width: 100%;
	z-index: 5;
}

.n-row1 .l .play-btnz em {
	margin-bottom: 1%;
	width: 61px;
	height: 61px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQwOEUzMzVBODc3MTFFOUJBMTRCNTE2RENERTQxRDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQwOEUzMzZBODc3MTFFOUJBMTRCNTE2RENERTQxRDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RDA4RTMzM0E4NzcxMUU5QkExNEI1MTZEQ0RFNDFEMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RDA4RTMzNEE4NzcxMUU5QkExNEI1MTZEQ0RFNDFEMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjNLRl4AAAXLSURBVHja1Jt7bBRVFManA6VFoAKCVMUCNd0W1DSIlZSHBgw1KCFI0sSIQQNEia9EosFHjCYkghiiwQfBxBAETFCMf6gRqFLboBgxoEStFNQiGrFQWmyhZWlZv0PPNcfrstude2dn5iS/zmZ759755j7m7jlnchKJhJMFuxpMAONAIRgKBvL/ToFW8Ds4BH4Ef/t5Mf19qnc0mANuA1PByAzOpV74CdSBT0AN6LR5cTkWe3oAqAb3g2nATVE2Dk7z52Fp6m0H74N14OuwiKZhugQ8wcNY2jFQC/aCBtDIwziulRsCikEpuA5M4RGSr5Wjulbw0buRaAOqwdHEf60FvAoqQI5B3Zdw/R+DuNbGThDzWrfXCyoCO7QLaQSLwADDG5mMK8Aa0CHaOwueB/2zIfoOcEI0fpzF9vNBrM4IsA70iPbrwVV+in4OnBcNvgmGZ0GsDk2d/eI6qBMqbYumXlwvGmkF8wIQK8kDr4hrOg3m2BJNi9Embe7GAhYsWcjzm+wcmGtD9FoheB/PKydkVHFPk3WBmSailwnBB8DIEApW3Cp6vA2UeRFdKZ6P9CweHWLBigVioT3Az/o+ix4KmsTzcFIEBMsnjLL1mYh+Q5z4cIQEEy74jK+den1WX0RXiId/TcQEyx1jh3ja5KYT/aVYBWMRFU08KUbrQ6lEV4mCqyMs2OHePcxajsjfBHrBWi7Ubnl7SfNsKu/iirIofInoxEXJRJeJAi9bbHgIqBN103rxDijOgmjq3d+43a+SiV4lLmyCxYZXJZIbLTSP8ijwU/izos3xuuif+R97LTfalEht9NOwxEfRY8SGZQV9p/xY17C7huxdiz64PDAmTZnp4DuwLI1fzasdYXeVw47KfxuZKQp9arHB/Az8bGvAbvaT2bYdfLyB3M9K9M18bOG7HpRVgv3sZOxnsd46PlKd05Tocj5Sg+edYI16fTX4ggMENuxb8bnc5SEe4y8OOuGxyWAfz3VTa2HIYiR4FC84DodVwmR5PNdXWqhLdWiRq4VcjjvhtOXc8yZ2jI+jSHSBFkIJo+WAxYZ1dPBxkP5c7HLCa+MMz1exswuLWKeH52oQdtTw/MEqeOiKbleBtLDa24bnD1JT2NUC4JeHVPAm8LlhHYV8bHN5VTvLX5SEUPBGC4sYWZmaJi5H/hv5i9IQiT0J7gH3gXOGdY0Aw/lzo6tt08r58RC0fcBb0C2W6psot6RK9B5xR8YHKPYEuAvMB39ZrFf9oOqhX3KuSGtQdrvFxrozKLsNXAu2+nAzlaZvwCklmrJ5DvPnuy02RhuC1jRlmp3eBJ1q/uzHpkYN752O5ql4T4z/6y02uj3F/7Zy727zccosFOvU5gt/hS8pJnxJay36qMj/1az5xcgPfWeWAvd/cJt7Lub33i783jbj0FeC5eAFMN+nZJxkLBU3+t6LiZ4lCr0U8QgH9fIvrOVXmYWUrHA9F4wrP3FEeUZ04NJ0AbyJoJsL7zJMgAuKYpGO0dCXqKWeZ/JYxATTMN4t4tMz+hqULxDzgTIRJkdI9Iuiw17PNOekQiSuUM7J2IjlnFAmVL6X7KJHxF07FPLsormcR6ayi0pM8shWCuE/hDTLiDY6nSJzcIqNjMGNQniT5VCujQ1It1h/rGQMqkwCuaK38/wJUizliG3QrqnKjyzgp7S0480BzXNK5fheXMef4CY/872rtB8QJ8GDXpLNPSa7v6WlX9MGqjAbmf2UVP5hksz+xWCgT3lhr4nFiuwMeNpLcr2Nx4SeXtHG6YnTDXv/Ul43arQpRfaRSaKOjbd1KLL4AHjc+f/bOuRTr+cMA4oaNnCk4oxW7jKn910u8sbeCG4Bk5IE5q28rWPzvaxcMA8sYJ9UboqyXSKcVJAm66CZPSwbOGnAPBro02uHFP6d7fTmssygmHAG5/ZwMH4XU2vB750V0boN42yHUk4CGMyxpW4OD3fwsD/IiQFxPy/mHwEGAKZy3ZvHOi2LAAAAAElFTkSuQmCC") no-repeat 50%;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	display: inline-block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.n-row1 .l .play-btnz em:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.n-row1 .l .play-btnz span {
	color: #fff;
	font-size: 20px;
	display: block;
}

.n-row1 .r {
	width: 50%;
	padding-left: 4%;
}

.n-row1 h3 {
	line-height: 1;
	margin-bottom: 0.6em;
	margin-top: 1em;
	margin-top: 3%;
	font-size: 48px;
}
.n-row1 h3 b {
	font-weight: bold;
}
.n-row1 p {
	font-size: 18px;
	margin-bottom: 3%;
}
.n-row1 .a-more {
	margin-top: 2%;
    display: inline-block;
}
.n-row1 .a-more span { 
	font-size: 15px; 
	color: #666666;
	-webkit-transition: 0.3s; 
	transition: 0.3s; 
}
.n-row1 .a-more i { 
	vertical-align: baseline; 
	margin-left: 5px; 
	color: #333; 
	font-size: 13px; 
	font-weight: bold; 
	-webkit-transition: 0.3s; 
	transition: 0.3s; 
}

.t-n1 {
	text-align: center;
	color: #fff;
	padding: 3.8% 2%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.t-n1 h3 {
	font-size: 58px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.2em;
}

.t-n1 p {
	font-size: 18px;
	color: #fff;
}

.n-row2 .t-n1 {
	background-image: url("/static/img/zh-cn/tbg1.jpg");
}

.n-row4 {
	padding-bottom: 5%;
}

.n-row4 .t-n1 {
	background-image: url("/static/img/zh-cn/tbg2.jpg");
}

.n-row4 p.tc {
	margin-top: 0.4%;
}

.list-cat1 {
	overflow: hidden;
}

.list-cat1 li {
	float: left;
	width: 25%;
	overflow: hidden;
}

.list-cat1 li a {
	display: block;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-top: 56%;
	position: relative;
	margin: -2px;
}

.list-cat1 li a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.list-cat1 li h3 {
	color: #fff;
	font-size: 30px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.list-cat1 li .con {
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 10;
	font-size: 0;
}

.list-cat1 li em {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url("/static/img/zh-cn/more3.png") no-repeat 50%;
	margin-top: -39px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
}

.list-cat1 li a:hover em {
	margin-top: 4%;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
}

.list-cat1 li a:hover:after {
	background-color: rgba(0, 0, 0, 0.3);
}

.list-cat1 .s1 a {
	background-image: url("/static/img/zh-cn/z1.jpg");
}

.list-cat1 .s2 a {
	background-image: url("/static/img/zh-cn/z2.jpg");
}

.list-cat1 .s3 a {
	background-image: url("/static/img/zh-cn/z3.jpg");
}

.list-cat1 .s4 a {
	background-image: url("/static/img/zh-cn/z4.jpg");
}

.list-cat1 .s5 a {
	background-image: url("/static/img/zh-cn/z5.jpg");
}

.list-cat1 .s6 a {
	background-image: url("/static/img/zh-cn/z6.jpg");
}

.list-cat1 .s7 a {
	background-image: url("/static/img/zh-cn/z7.jpg");
}

.list-cat1 .s8 a {
	background-image: url("/static/img/zh-cn/z8.jpg");
}

.t-n2 h3 {
	font-size: 48px;
	font-weight: bold;
}

.t-n2 h3 :after {
	content: '';
	position: static;
	width: 117px;
	height: 2px;
	/*background-color: #74956c;*/
	display: block;
}

.n-row3 {
	background: #f4f4f4 url("/static/img/zh-cn/mp2.gif") no-repeat 50%;
	padding: 4% 0;
	display: table;
	width: 100%;
}

.n-row3 .t-n2 {
	margin-bottom: 50px;
}

.n-row3 .txt {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
}

.n-row3 .img {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
	position: relative;
}

.wrap1440 {
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
}

.list-z1 li {
	margin-bottom: 40px;
}

.list-z1 h4 {
	font-size: 30px;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.list-z1 p {
	font-size: 20px;
}

.list-p1 li {
	*zoom: 1;
}

/* .list-p1:after,
.list-p1:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
} */

.list-p1 {
	padding: 2% 4%;
    box-sizing: border-box;
	/* margin: 0 -1%; */
    display:flex;
    flex-wrap: wrap;
}

.list-p1 li {
	/* float: left;
	width: 20%;
	padding: 0 1%; */
    float: left;
    width: 32%;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 2%;
}
.list-p1 li:nth-child(3n){
    margin-right: 0;
}
.list-p1 h4 {
	font-size: 24px;
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.list-p1 p {
	font-size: 18px;
	line-height: 1.5;
	color: #999;
	height: 3em;
	overflow: hidden;
}

.list-p1 .con {
	position: relative;
	margin-bottom: 4%;
}

.list-p1 .con:after {
	content: '';
	position: absolute;
	width: 50px;
	border-top: 2px solid #dbdbdb;
	left: 0;
	bottom: -20px;
}

.list-p1 a {
	display: block;
	border: 1px solid #e9e9e9;
	padding: 9%;
}

.list-p1 .img {
	padding-top: 80%;
}

.list-e1 {
	margin: 0 -15px;
}

.list-e1 li {
	padding: 15px;
}

.list-e1 .img {
	padding-top: 74%;
}

.list-e1 .txt {
	padding: 15px;
	border: 1px solid #f1f1f1;
	border-top: none;
}

.list-e1 p {
	font-size: 18px;
	color: #999;
	margin-top: -50px;
	margin-bottom: 10px;
}

.list-e1 u {
	text-decoration: none;
	vertical-align: 20px;
	margin-left: 5px;
}

.list-e1 h6 {
	font-size: 18px;
}

.list-e1 .ico {
	display: inline-block;
	width: 84px;
	height: 84px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
}

.list-e1 .ico-pdf {
	background-image: url("/static/img/zh-cn/ico-pdf.png");
}

.list-e1 a {
	float: right;
	color: #74956c;
	padding-right: 28px;
	background: url("/static/img/zh-cn/dl.png") no-repeat right 50%;
	height:20px;
}

.list-e1 a:hover {
	opacity: 0.8;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
}

.contact-n1 h3 {
	padding: 20px 0;
	text-align: center;
	font-size: 32px;
	border-top: 2px solid #666;
	color: #333;
	border-bottom: 1px solid #666;
}

.list-addr1 {
	margin: 60px 0;
	font-size: 0;
}

.list-addr1 li {
	line-height: 2;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 30px;
	float: none;
	/* border-left: 1px solid #008000; */
}

.list-addr1 h4 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1;
	position: relative;
}

.list-addr1 h4:before {
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	width: 18px;
	height: 18px;
	background: url("/static/img/zh-cn/dt.gif") no-repeat 50%;
}

.list-addr1 p {
	line-height: 2;
}

.list-addr1 .pad {
	padding-left: 20px;
}

.ab-n1 h6 {
	font-size: 28px;
	color: #74956c;
	margin-bottom: 0.5em;
}

.ab-n1 h6 * {
	vertical-align: middle;
}

.ab-n1 p {
	font-size: 16px;
	margin-bottom: 3%;
}

.ab-n1 .line {
	margin: 5.5% 0;
	border-top: 1px solid #eff3f9;
	font-size: 0;
	overflow: hidden;
	line-height: 0;
	height: 0;
}

.ab-n1 .img {
	float: left;
}

.ab-n2 {
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);
	padding: 40px 0;
	margin-right: 50px;
	position: relative;
	margin-right: 150px;
}

.ab-n2 .line {
	position: absolute;
	left: 50%;
	left: 50%;
	top: 10px;
	bottom: 10px;
	border-right: 1px solid #eff3f9;
}

.ab-n2 .img {
	display: inline-block;
	vertical-align: middle;
}

.ab-n2 .txt {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5%;
}

.ab-n2 .g1 p {
	color: #74956c;
	font-size: 24px;
	line-height: 1;
}

.ab-n2 .g1 h6 {
	color: #666;
}

.ab-n2 .g1 h6 span {
	color: #74956c;
	font-size: 48px;
}

.ab-n2 .g2 h6 {
	color: #74956c;
	font-size: 36px;
}

.ab-n2 .g2 p {
	font-size: 18px;
}

.ab-m2 {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url("/static/img/zh-cn/ab-m2-bg.jpg");
}

.ab-m2 h3 {
	color: #74956c;
	font-size: 36px;
	margin-bottom: 0.2em;
}

.slider-his .item {
	margin: 0 0;
	margin: 1% 0;
}

.slider-his .item:first-child {
	margin-top: 8%;
}

.slider-his .item:hover .img-bor {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.slider-his .img,
.slider-his .txt {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 0 5%;
	position: relative;
}

.slider-his .con {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	padding: 0 2%;
}

.slider-his .pad {
	display: table;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.slider-his .even .img {
	text-align: right;
}

.slider-his .img-bor {
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	width: 54%;
}

.slider-his .img-bor:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #74956c;
}

.slider-his h3 {
	line-height: 1;
	position: relative;
}

.slider-his h3:before {
	content: '';
	width: 50%;
	border-top: 1px dashed #c9cfcb;
	position: absolute;
	margin-top: 5%;
	top: 0;
	display: none;
}

.slider-his .txt:after {
	content: '';
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	border: 1px solid #74956c;
	margin-top: 2.3%;
	top: 0;
	background-color: #74956c;
	z-index: 10;
	-webkit-box-shadow: 0 0 3px 1px #74956c, 0 0 0 2px #f4f4f4, 0 0 4px 5px #74956c;
	box-shadow: 0 0 3px 1px #74956c, 0 0 0 2px #f4f4f4, 0 0 4px 5px #74956c;
}

.slider-his .even .txt,
.slider-his .even h3 {
	text-align: left !important;
}

.slider-his .even h3:before {
	left: -58%;
}

.slider-his .even .img-bor:after {
	left: 0;
}

.slider-his .even .txt:after {
	left: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.slider-his .odd .txt,
.slider-his .odd h3 {
	text-align: right !important;
}

.slider-his .odd h3:before {
	right: -58%;
}

.slider-his .odd .img-bor:after {
	right: 0;
}

.slider-his .odd .txt:after {
	right: 0;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

.slider-his .no-img h3:before {
	display: none;
}

.slider-his-nav {
	display: none;
}

.slider-his {
	position: relative;
	padding-top: 1px;
}

.slider-his:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0%;
	bottom: 0%;
	width: 1px;
	background-color: #ccc;
}

.slider-his:before {
	content: '';
	width: 20px;
	height: 20px;
	top: 0;
	border: 3px solid #74956c;
	left: 50%;
	position: absolute;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: -10px;
	background-color: #f4f4f4;
	z-index: 20;
}

.slider-his-box .hd {
	text-align: center;
	margin-bottom: 40px;
}

.slider-his-box .hd h4 {
	font-weight: bold;
	color: #aeaeae;
	font-size: 58px;
	line-height: 1.2;
}

.slider-his-box .hd p {
	font-size: 22px;
	color: #74956c;
}

.p-row4 {
	background-image: url("/static/img/zh-cn/bf4.jpg");
}
.p-row5 {
	background-image: url("/static/img/zh-cn/bf1.jpg");
}
.p-row5 h2 {
    color: #fff;
}
.p-row5 p {
    color: #fff;
}
.p-row6 {
	background-image: url("/static/img/zh-cn/bg6-1.jpg");
}

.more1 {
	line-height: 52px;
}

.sub-pro {
	position: absolute;
	width: 100%;
	top: 145px;
	left: 0;
	background-color: #0c0c0c;
	display: none;
}

.sub-pro .container {
	padding-top: 30px;
	padding-bottom: 10px;
}

.sub-pro h3 {
	font-size: 28px;
	float: left;
	color: #fff;
	width: 150px;
	line-height: 1;
}

.sub-pro .pro-nav {
	overflow: hidden;
	margin: 0 -1%;
}

.sub-pro .pro-nav li {
	float: left;
	width: 20%;
	padding: 0 1%;
    margin-bottom: 20px;
}

.sub-pro .pro-nav a {
	position: relative;
	display: block;
	background: #46474b;
	background: -webkit-radial-gradient(center, ellipse, #46474b 1%, #1c1d1f 100%);
	background: -o-radial-gradient(center, ellipse, #46474b 1%, #1c1d1f 100%);
	background: radial-gradient(ellipse at center, #46474b 1%, #1c1d1f 100%);
	-webkit-background-size: contain;
	background-size: contain;
	overflow: hidden;
}

.sub-pro .pro-nav .img {
	padding-top: 66%;
	background-position: 50%;
	background-repeat: no-repeat;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.sub-pro .pro-nav a:hover .img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.sub-pro .pro-nav p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: 18px;
	background: rgba(0, 0, 0, 0.6) url("/static/img/zh-cn/ar-r10.png") no-repeat right 50%;
	padding: 0.4em 15px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/* .fix-me .sub-pro {
	top: 90px;
} */

.nav .cur a {
	color: #acc8a5;
}

/* .cur {
	color: #acc8a5 !important;
} */

.dot-list li {
	position: absolute;
	width: 6%;
}

.dot-list .s1 {
	top: 36%;
	left: 65%;
}

.dot-list .s2 {
	top: 46%;
	left: 57.5%;
}

.dot-list img {
	width: 100%;
}

.map-wrap {
	position: relative;
}

.p-row4 {
	padding: 100px 0;
}

.p-row4 h2 {
	margin-top: 33%;
}

.ban-video {
	overflow: hidden;
	position: relative;
	background-color: #000;
    margin-top: 100px;
}

.ban-video video {
	width: 100%;
    height: 720px;
	-o-object-fit: cover;
	object-fit: cover;
    display: block;
}

.n-row1 .animated,
.n-row2 .animated,
.n-row3 .animated,
.n-row4 .animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.env-concept h4 {
	color: #7ea67c;
	font-size: 54px;
	margin-bottom: 0.5em;
}

.env-concept p {
	color: #000;
	font-weight: bold;
	font-size: 40px;
}

.quote-box {
	margin-bottom: 4%;
}

.resp-row2 .txt p {
	font-size: 16px;
}

.resp-row2 .shape1 {
	display: none;
}

#hd .menu-box {
	background-color: rgba(2, 2, 2, 0.9);
}

.ab-m1 {
	padding-bottom: 0;
}

.ab-m2 .shape1 {
	display: none;
}

.slider-his-nav {
	margin-top: 0;
}

.slider-his {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.ser-row2 {
	padding-top: 3%;
}

.v-row {
	padding: 3% 0;
}

.ser-row3 {
	padding-bottom: 7%;
}

.ban-holder {
	height: 100px;
	background-color: rgba(2, 2, 2, 0.9);
}

.resp-row2 .txt {
	margin-top: 3%;
}

.ab-m1 h3 {
	display: none;
}

.train-row2 .shape3 {
	display: none;
}

.ser-tel {
	display: none;
}

.nav .sub-nv {
	display: none !important;
}

.dealer-inquiry {
	position: relative;
}

.dealer-inquiry .img {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-top: 50%;
}

.inquiry-box {
	position: absolute;
    width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	-webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.05), -10px 8px 15px rgba(0, 0, 0, 0.05), 10px 8px 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.05), -10px 8px 15px rgba(0, 0, 0, 0.05), 10px 8px 15px rgba(0, 0, 0, 0.05);
}

.inquiry-box .hd {
	background-color: #74956c;
	padding: 6%;
	padding-bottom: 2%;
}

.inquiry-box .hd h3 {
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-bottom: 5%;
}

.inquiry-box .hd .form-ele {
	width: 100%;
	height: 60px;
	padding: 0 15px;
	font-size: 16px;
	background-color: #f5f8f5;
	border: none;
	margin-bottom: 7%;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.inquiry-box .hd select {
	background: #f5f8f5 url("/static/img/zh-cn/arrow-right.png") no-repeat 97% 50%;
	-webkit-background-size: 14px 14px;
	background-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.inquiry-box .hd .inp-row {
	padding-right: 100px;
	position: relative;
}

.inquiry-box .hd .submit {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	line-height: 60px;
	color: #74956c;
	font-size: 16px;
	text-align: center;
	background-color: #f5f8f5;
	width: 90px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.inquiry-box .hd .submit:hover {
	background-color: #5b8352;
	color: #fff;
}

.inquiry-box .bd {
	padding: 10px 6%;
}

.list-dealer {
	color: #333;
	height: 360px;
	overflow: auto;
}

.list-dealer h4 {
	font-size: 18px;
	color: #333;
	padding-left: 30px;
	background: url("/static/img/zh-cn/loc_1.png") no-repeat left top;
	line-height: 1.6;
}

.list-dealer p {
	font-size: 14px;
	padding-left: 30px;
}

.list-dealer li {
	padding: 10px 0;
	border-bottom: 1px solid #d1d1d1;
}

.m-chang-lan {
	text-align: center;
}

.m-chang-lan a {
	display: inline-block !important;
	width: auto !important;
}

.m-chang-lan a.on {
	color: #74956c;
}





.sullair-history-main {
	background: url("/static/img/zh-cn/o-bg.gif");
	margin: 0 0 5% 0;
}

.sullair-history {
	position: relative;
	margin: 5% 0;
}

.sullair-history:before,
.sullair-history:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 50px;
	height: 50px;
	z-index: 0;
	background: url("/static/img/zh-cn/o-time.png") no-repeat 50%;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	z-index: 20;
}

.sullair-history:after {
	bottom: 0;
	-webkit-transform: translateX(-50%) translateY(100%);
	-ms-transform: translateX(-50%) translateY(100%);
	transform: translateX(-50%) translateY(100%);
}

.sullair-history:before {
	top: 0;
	-webkit-transform: translateX(-50%) translateY(-100%);
	-ms-transform: translateX(-50%) translateY(-100%);
	transform: translateX(-50%) translateY(-100%);
}

.table-history {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	position: relative;
	padding: 3% 0;
}

.table-history:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -2px;
	width: 4px;
	background-color: #8da887;
	z-index: 0;
	top: 0;
	bottom: 0;
}

.table-history li {
	display: table;
	width: 100%;
	vertical-align: top;
	position: relative;
}

.table-history li:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 26px;
	width: 30px;
	height: 30px;
	background: url("/static/img/zh-cn/o-dt.png") no-repeat 50%;
	z-index: 10;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.table-history li.even span {
	background: url("/static/img/zh-cn/o-tag-r.png") no-repeat 50%;
}

.table-history li.even .td span {
	float: right;
	padding-right: 10px;
}

.table-history li.even .con {
	margin-left: 20px;
}

.table-history li.even .con p {
	padding-left: 25px;
	background: url("/static/img/zh-cn/o-ar-r.png") no-repeat left 5px;
}

.table-history li.odd span {
	background: url("/static/img/zh-cn/o-tag-l.png") no-repeat 50%;
	padding-left: 10px;
}

.table-history li.odd .con {
	text-align: right;
	margin-right: 20px;
}

.table-history li.odd .con p {
	background: url("/static/img/zh-cn/o-ar-l.png") no-repeat right 5px;
	padding-right: 25px;
}

.table-history .td {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 25px 30px;
}

.table-history .td span {
	display: inline-block;
	width: 96px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.table-history .con {
	color: #666;
}

.table-history .con p {
	line-height: 1.6;
	margin-bottom: 5px;
}



@media screen and (max-width: 1300px) {
	.table-history {
		width: 90%;
	}
}

@media screen and (max-width: 1100px) {
	.table-history p {
		font-size: 14px;
	}

	.table-history li .con {
		margin-top: 6px;
	}

	.table-history li.even .con p {
		background-position: left 2px;
	}

	.table-history li.odd .con p {
		background-position: right 2px;
	}
}
@media screen and (max-width: 769px) {
    .list-p1 {
        display: flex!important;
    }
}
@media screen and (max-width: 760px) {
	.sullair-history {
		margin: 70px 0;
	}

	.sullair-history:before,
	.sullair-history:after {
		width: 40px;
		height: 40px;
	}

	.table-history:after {
		width: 3px;
		margin-left: -1px;
	}

	.table-history li:after {
		width: 20px;
		height: 20px;
		top: 31px;
	}

	.table-history .td {
		padding-left: 15px;
		padding-right: 15px;
	}
   

}


.fd-row2 {
	text-align: center;
}

.fd-row2 a {
	color: #fff;
}

.fd-row2 .r,
.fd-row2 .l {
	float: none;
	display: inline-block;
	margin: 0 10px;
}






.procontent_adds .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.procontent_adds .row h2{
    margin-top: 0;
}
.pro_show_content{
    background: url(/static/img/zh-cn/bg-pro2.jpg) no-repeat 50%;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.pro_show_info{
    margin-top: 20px;
}
.pro_show_info .container::before,.pro_show_info .container::after{
    display: none;
}
.pro_show_info .container{
    display: flex ;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_show_info .list{
    width: 45%;
    margin-bottom: 35px;
}
.pro_show_info .list .tit{
    color: #333;
    font-size: 20px;
    font-weight: 600;
}
.pro_show_info .list .text{
    font-size: 16px;
    color: #666;
    line-height: 1.875;
    margin-top: 15px;
}

.pro_show_tips p a { 
    color: #74956c; 
}

.pro-addtabs {
    padding-bottom: 0;
}
@media screen and (max-width: 992px) {
    .pro-addtabs{
        padding-bottom: 0!important;
    }
    .pro-addtabs dl{
        margin-bottom: 0!important;
    }
}
@media screen and (max-width: 768px) {
    .pro_show_info .list{
        width: 100%;
        margin-bottom: 25px;
    }
    .pro_show_info .list:last-child{
        margin-bottom: 0;
    }
    .pro_show_info .list .text{
        margin-top: 10px;
    }
    .pro_show_info {
        padding: 35px 0 30px;
    }
    .pro_show_info .list .tit{
        font-size: 18px;
    }
    .pro_show_info {
        padding: 0px 0 30px;
        margin: 0;
    }
    .pro_show_content{
        padding-bottom: 40px;
        padding-top: 0;
    }
}




@media screen and (max-width: 1200px) {
    .ban-video video{
        height: 520px;
    }
}
@media screen and (max-width: 1100px) {
    .ban-video{
        margin-top: 95px;
    }
    .ban-video video{
        height: 450px;
    }
}
@media screen and (max-width: 768px) {
    .ban-video{
        margin-top: 90px;
    }
    .ban-video video{
        height: 268px;
    }
}