.x-nav,
		body {
			position: relative;
			width: 100%
		}

		.x-nav,
		.x-tabs,
		.xt-pictrue {
			min-width: 1200px
		}

		.box {
			
			overflow: hidden;
		}

		.x-nav {
			height: 425px;
			overflow: hidden;
			background: #ccc;
		}

		.x-nav .x-nav-musk {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: .58;
			z-index: 9;
		}

		.x-nav .x-nav-content {
			width: 1200px;
			position: relative;
			height: 425px;
			margin: 0 auto;
			z-index: 19;
		}

		.x-nav .x-nav-content .x-nav-content-mk {
			padding-top: 150px;
			text-align: center;
		}

		.x-nav .x-nav-content .x-nav-content-mk h2 {
			display: block;
			text-transform: uppercase;
			color: #fff;
			font-size: 38px;
			line-height: 1.2;
			font-weight: 400;
		}

		.x-nav .x-nav-content .x-nav-content-mk span {
			display: block;
			text-transform: uppercase;
			color: #fff;
			font-size: 58px;
			line-height: 1.3;
			font-weight: 400;
		}

		.x-nav video {
			position: absolute;
			width: 1920px;
			left: 50%;
			top: -260px;
			margin-left: -960px;
		}

		.x-tabs {
			width: 100%;
			font-size: 0;
			padding: 70px 0 40px
		}

		.x-tabs .x-tabs-content {
			width: 1200px;
			margin: 0 auto;
			text-align: left;
			position: relative;
		}

		.x-tabs .x-tabs-content a:first-child {
			margin-left: 0 !important;
		}

		.x-tabs .x-tabs-content a{
			display: inline-block;
			height: 40px;
			position: relative;
			background: #5c5c5c;
			background-size: 660px;
			background-image: url('../images/pSEZKb6QNQfcPmW5FA.svg');
			background-position-x: 10px;
			color: #fff;
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			line-height: 40px;
			margin: 0 8px 13px;
			border-radius: 28px;
			-webkit-border-radius: 28px;
			-moz-border-radius: 28px;
			overflow: hidden;
			padding: 0 19px 0 50px;
		}

		.x-tabs .x-tabs-content a.focus {
			background-color: #ff8e1f !important;
			background-position-x: 9px !important;
			color: #fff;
			font-weight: 700;

		}

		.x-tabs .x-tabs-content a:hover,
		.x-tabs .x-tabs-content a:active {
			background-color: #ff8e1f !important;
			background-position-x: 9px !important;
			color: #fff;
			font-weight: 700;
		}

		.xytuku_box {
			width: 1200px;
			margin: 0 auto;
		}

		.xytuku_box {
			list-style: none;
		}
		.video{
			display: flex;
			justify-content: inherit;
			flex-wrap: wrap;
		}
		.videolist{
			transition: 330ms;
			width: 32%;
			position: relative;
			overflow: hidden;
			margin-bottom: 30px;
			margin-right: 1%;
			border-radius: 50px;
		}
		.vtimg{
			width: 100%;
			height: 100%;
		}
		.vtimg img{
			width: 100%;
			height: 100%;
			display: inherit;
		}
		.vtit{
			transition: 330ms;
			position: absolute;
			bottom: 0;
			left: 0;
			line-height: 35px;
			text-align: center;
			width: 100%;
			color: #fff;
			background-color: rgba(0,0,0,0.5);
		}
		.play_mg{
			transition: 800ms;
			position: absolute;
			width: 59px;
			height: 63px;
			left: 0;
			margin: auto;
			right: 0;
			top: -300px;
		}
		.videolist:hover .play_mg{
			top: 0;
			bottom: 0;
			transition: 330ms;
		}
		.videolist:hover .vtit{
			transition: 330ms;
			background-color: transparent;
			transform: translateY(-4px);
			-webkit-transform: translateY(-30px);
			-moz-transform: translateY(-4px);
		}
		.videolist:hover {
			transition: 330ms;
			transform: translateY(-4px);
			-webkit-transform: translateY(-4px);
			-moz-transform: translateY(-4px);
		}
		.videos {
			display: none;
			border: 1px solid #080808;
			position: fixed;
			left: 50%;
			top: 50%;
			margin-left: -320px;
			margin-top: -210px;
			z-index: 9999;
			width: 50%;
			height: 400px;
		}
		
		.vclose {
			position: absolute;
			right: 1%;
			top: 1%;
			border-radius: 100%;
			cursor: pointer;
		}