@media only screen and (min-width: 769px) {
			.video-section { 
				position: relative;
				width:100%; 
				height: 700px; 
				min-height: 700px;
				margin-top: 60px;
				background-color: rgba();
				background-image: url(/Public/cn/ehangweb/image/videonew/video-bg.jpg);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
			}
			.video-section h3 { margin: 0;}
			.video-title {
				margin: 0 0px 70px;
				padding-top: 70px;
				text-align: center;
			}
			.video-title h3 {
				color: #fff;
				font-size: 30px;
				margin-bottom: 5px;
			}
			.video-title span {
				font-family:"Helvetica", arial;
				color: #fff;
				font-size: 26px;
				opacity: 0.6;
			}
			.video-cate {
				position: relative;
				z-index: 2;
				width: 1200px;
				height: 300px;
				margin: 0 auto !important;
				padding: 0 ;
				list-style: none;
				box-sizing: content-box;
			}
			.video-cate li {
				position: relative;
				display: inline-block;
				width: 230px;
				height: 340px;
				margin: 0 5px;
				border: 3px solid #737373;
				overflow: hidden;
				cursor: pointer;
				transition: all 0.5s;
				background-color: #1c1c1c;
				box-shadow: 0 8px 8px rgba(3,3,3,0.5);
			}
			.video-cate li a { display: block; width: 100%; height: 100%;text-decoration:none}
			.video-cate li img { width: 224px; height: 260px;}
			.grid-title {
				width: 100%;
				height: 70px;
				padding: 12px 20px;
				position: relative;
				color: #474747;
			}
			.grid-title h3 { 
				color: #fff; 
				font-size: 20px; 
				line-height: 30px; 
				opacity: 0.6;
				transition: all .5s;
			}
			.grid-title .arrow {
				display: inline-block;
				width: 27px;
				height: 27px;
				position: absolute;
				top: 50%;
				right: 20px;
				margin-top: -13px;
				border-radius: 50%;
				background-color: transparent;
				background-image: url(/Public/cn/ehangweb/image/videonew/arrow-right.png);
				background-repeat: no-repeat;
				opacity: 0.6;
				transition: all .5s;
				transform: translateX(10px);
			}
			.video-cate li:after {
				content: "";
				display: inline-block;
				width: 100%;
				height: 260px;
				position: absolute;
				top: 0;
				left: 0;
				background: #000;
				opacity: 0.6;
				transition: all 0.5s;
				pointer-events: none;
			}
			.video-cate li.active {
				border-color: #049ded;
				transform: translateY(-30px) ;
			}
			.video-cate li.active:after {
				opacity: 0;
			}
			.active .grid-title .arrow {
				opacity: 1;
				background-color: #049ff1;
				transform: translateX(0px);
			}
			.active .grid-title h3 {
				opacity: 1;
			}
		}
			@media only screen and (max-width: 768px) {
				.video .wrap-main {padding: 0 ;background: #fff;}
				.video-section { padding: 0 0px; height: auto;}
				.video-cate { height: auto; width: 100% }
				.video-section,.video-section .video-cate {
					width: 100%;
					background: #080804;
				}
				.video-section li {
					width: 100%;
					text-align: center;
					margin-bottom: 10px;
				}
				.video-cate li img,.video-section>img {
					max-width: 100%;
				}
			}<!--ºÄʱ1773891892.8096Ãë-->