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

}



.x-nav .x-nav-content {

	width: 1200px;

	position: relative;

	height: 425px;

	margin: 0 auto;

	z-index: 1;


}



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

	color: #8c8c8c;

	font-size: 16px;

	font-weight: 400;

	text-align: center;

	line-height: 40px;

            margin: 0 10px 0 20px;

	overflow: hidden;

	padding: 0 20px 0 20px;


	border: 1px solid;

           letter-spacing: 4px;
}



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

}




.gallery ul {

	list-style: none;

    overflow: hidden;

    padding: 40px 0;
	display: flex;
	flex-wrap: wrap;

}



.gallery ul li {


    width: 24%;

    margin-bottom: 15px;

    float: left;

    margin-left: 0.8%;

       background-color: #333333;
}

.text-c {

	height: 75px;

	font-size: 25px;

	color: #969696;

}

.text-c select {
	font-size: 25px;

}

.gallery li img {

	width: 100%;

	display: inherit;

	height: 100%;
}

.gallery ul li:hover {
            transform: scale(1.1);

	    transition: 0.5s;

            z-index:10px;

            box-shadow: 0px 0px 5px #26009b;

            display: block;




}
.gallery li img:hover{
                               
                              opacity: 0.5;

}
.fn_mian {

    position: absolute;

    color: #fff;

    left: 50%;

    margin-left: -20px;

    margin-top: -20px;

    width: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 38px;

    /*opacity: .5;*/

    z-index: 2;

    top: 0%;

    display: none;

    pointer-events: none;
}
.gallery ul li:hover .fn_mian{
    top: 50%;

    display: block;

}
#pages {
    padding: 14px 0 14px;

    width: 460px;

    font-size: 20px;

    margin: 20px auto;

}

#pages a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    padding: 0 10px;
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}