.x-nav {

	width: 100%;

	position: relative;

	

	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-tabs {

    width: 100%;

	

    font-size: 0;

    padding: 70px 0 40px;

}





.x-tabs .x_maj{

    width: 1200px;

    margin: 0 auto;

    display:flex;

    /* justify-content: space-between; */

}

.x-tabs .x_maj a {

    display:flex;

    justify-content: center;

    align-items: center;

    width: 117px;

    height: 40px;

    background: #fff;

    color: #8c8c8c;

    font-size: 14px;

    font-weight: 400;

    border-radius: 40px;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    margin: 0 8px 13px;

}

.x-tabs .x_maj .on{

    background-color: #ee7600;

    color: #fff;

}

.x-tabs .x_maj a i{

    font-size: 23px;

    margin-right: 9px;

}







.x-nav video {

	position: absolute;

    width: 1920px;

    left: 50%;

    top: -260px;

    margin-left: -960px;

}



.xt-major{

    width: 1200px;

    margin: 0 auto;

}

.mj_title{

	

   text-align: center;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: 8px;

}

.mj_title h1{

    font-size: 39px;

    font-weight: 600;

    color: #333333;

	letter-spacing: 10px;

    margin-bottom: 7px;

}

.mj_title h2{

    font-family: my_font;

    font-size: 24px;

    color: #333333;

    /* font-weight: 600; */

}

.mj_title p{

	font-size: 14px;

	color: #999999;

}

.mj_list{

    display: flex;

    flex-wrap: wrap;

    justify-content:left;

    margin-top: -25px;

}

.mj_list li{

    width: 390px;

    height: 540px;

    background-color: #fff;

    overflow: hidden;

    margin-top: 45px;

    position: relative;

    transition: all 0.3s linear 0s;

    margin-right: 14px;

}

.mj_list li:nth-child(3n){

    margin-right: 0px;

}

.mj_list li:hover{

    box-shadow: 0px 5px 30px #999;

    margin-top: 34px;

    /* transform: translate3d(0,-6px,0) ; */

}

.mj_list li:hover .mj_img{

    transform: scale(1.05) translateZ(0);

}

.mj_list li:hover .list_font{

    margin-top: 0;

    color: #999;

}

.mj_list li:hover .list_btn a{

    display: flex;

}

.mj_list li .mj_img{

    width: 100%;

    transition: .2s linear !important;

}

.mj_list li .x-hot {

    position: absolute;

    width: 110px;

    height: 110px;

    left: -60px;

    top: -60px;

    background: #fe3509;

    color: #fff;

    font-size: 24px;

    font-weight: 400;

    font-family: my_font;

    text-transform: uppercase;

    z-index: 5;

    line-height:187px;

    text-align: center;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.mj_list li .list_tex{

    padding: 0 13px;

        height: 200px;

    position: relative;

}
.list_font p{
    font-size: 20px;
    color: #6d6d6d;
}
.mj_list li .list_name{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 32px;

    margin-bottom: 25px;

}

.list_name h1{

    font-size: 18px;

    font-weight: 600;

	color: #333333

}

.list_name p font{

    display: inline-block;

    padding: 3px 9px;

    border-radius: 5px;

    font-size: 12px;

   

}

.list_name p .year{

        color: #ff0000;
    background-color: rgba(255,229,229.7);
    width: 155px;
    position: absolute;
    left: 200px;
    top: -20px;
}

.list_name p .book{

    color: #0066ff;

    background-color:rgba(216,240,252,.7);

}

.list_name p .scl{

    color: #248c00;

    background-color: rgba(217,237,210,.7); 

}

.list_name p .jy{

    color: #7053E3;

    background-color: rgba(229,225,245,.7); 

}

.list_font{

    font-size: 14px;

	line-height: 24px;

    color: #333;

    margin-top: 53px;

    transition: .3s linear;

}

.list_btn {

    display: flex;

    justify-content: space-between;

    position: absolute;

    left: 0 ;

    right: 0;

    margin: 0 auto;

    bottom:0;

    padding: 0 34px;

}

.list_btn a{

    display: none;

    width: 127px;

	height: 38px;

	background-image: linear-gradient(

		#ee7600, 

		#ee7600), 

	linear-gradient(

		#3b3b3b, 

		#3b3b3b);

	background-blend-mode: normal, 

		normal;

    border-radius: 5px;

    font-size: 16px;

    color: #ffffff;

    justify-content: center;

    align-items: center;

}

.list_btn a:nth-child(2){

    background: none;

    border: solid 1px #d0cfcf;

    color: #3b3b3b;

}

.animated{

    animation-duration: 2s;

    

}



.marg{

    margin-top:145px; 

}

.icon-suoyou{

    font-size: 18px !important;

}







/*content end*/



/*底部*/

.h47_bg{background:url(/templets/v201206/image/h47_bg.png) repeat-x bottom;min-width:1200px;}

.bottom_bg{width:1200px;margin:0px auto;color:#ffffff;line-height:47px;height:47px;text-align:center;}

.bottom_bg_1{width:1200px;margin:0px auto;color:#ffffff;padding-top:225px;line-height:47px;height:47px;text-align:center;}

.w11_right{margin-left:35px;display:inline-block;padding-left:20px;text-align:center;background:url(/templets/v201206/image/w11_right.png) no-repeat left;}

.p30_mw1200{background:#484848;padding:30px 0px;min-width:1200px;}

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

.bottom_title{font-size:18px;font-weight:bold;color:#ffffff;line-height:30px;}

.bottom_show{line-height:24px;color:#898787;}

.br_bl{border-right:1px solid #5e5d5d;padding:0px 35px;}

.right_phone{background:url(/templets/v201206/image/zx_1.png) no-repeat left;line-height:24px;padding-left:24px;font-size:14px;font-weight:bold;color:#ffffff;}

.br_bk1{border-right:1px solid #5e5d5d;}

.bottom_phone{line-height:30px;color:#ffffff;font-size:14px;}

.zx_3{background:url(/templets/v201206/image/zx_3.png) no-repeat left;padding-left:24px;}



.zx_2{background:url(/templets/v201206/image/zx_2.png) no-repeat left;padding-left:24px;}



.zx_h30{line-height:30px;font-weight:bold;font-size:14px;color:#ffffff;}



.zx_h30 a:link,.zx_h30 a:visited{color:#ffffff;text-decoration:none;}



.zx_h30 a:hover{color:#ee7800;}



.color_1{color:#ee7800;}

.br_p045{border-right:1px solid #5e5d5d;padding:0px 45px;}



.bottom_show a:link,.bottom_show a:visited{color:#898787;}



.bottom_show a:hover{color:#ee7800;}



.bottom_title{font-size:18px;font-weight:bold;color:#ffffff;line-height:30px;}



.right_phone{background:url(/templets/v201206/image/zx_1.png) no-repeat left;line-height:24px;padding-left:24px;font-size:14px;font-weight:bold;color:#ffffff;}





.zx_3{background:url(/templets/v201206/image/zx_3.png) no-repeat left;padding-left:24px;}



.zx_2{background:url(/templets/v201206/image/zx_2.png) no-repeat left;padding-left:24px;}



.zx_h30{line-height:30px;font-weight:bold;font-size:14px;color:#ffffff;}



.zx_h30 a:link,.zx_h30 a:visited{color:#ffffff;text-decoration:none;}



.zx_h30 a:hover{color:#ee7800;}



.bottom_right_font{line-height:20px;text-align:center;font-size:14px;color:#ffffff;height:20px;margin-top:5px;}