.nav {

    position: fixed;

    left: 80px;

    top: 34px;

	z-index: 9;

}

.nalist{ border-bottom:1px solid #fff;}

.nalist li{

	width:170px;

	height:50px;

	line-height: 50px;

	position: relative;

	transition:all 0.2s; 

	-moz-transition:all 0.2s; 

	-ms-transition:all 0.2s; 

	-o-transition:all 0.2s; 

	-webkit-transition:all 0.2s;

}

.nalist li a{ padding-left:24px;font-weight:bold;color:#fff;font-size:16px;display: block;border:1px solid #fff;border-bottom:0;position: relative;}

.nalist dl{display:none;position: absolute;left:169px;top:0;width:179px;background: url(../images/index-tm.png);border:1px solid #fff;padding:0 20px;}

.nalist dd{}

.nalist li dd a{ display:block;font-weight:normal;line-height:20px;border:0;padding-left:0;border-bottom:1px solid #a0a3b1;color:#4c566f;font-size:14px;padding:10px 0;}

.nalist dd:last-child a{

	border:0;

}

.nalist li:hover dl{

	display: block;

}

.nalist li:hover a{

	background: url(../images/index-tm.png);

	color:#4c566f;

}



.nalist li:hover dd a{

	background: none;

	

}

.nalist li dd a:hover{

	font-weight: bold;

}

.nalist .on a:after {

    position: absolute;

    right: 10px;

    top: 50%;

    display: inline-block;

    content: "";

    width: 8px;

    height: 8px;

    border: solid #fff;

    border-width: 1px 1px 0 0;

    -webkit-transform: translate(0,-50%) rotate(45deg);

    transform: translate(0,-50%) rotate(45deg);

}

.nalist .on:hover a:after{

    border: solid #4c566f;

    width: 8px;

    height: 8px;

    border-width: 1px 1px 0 0;

	

} 

.nalist li.on dd a:after{

	display: none;

}





.index-right{

	position: fixed;

	top:35px;

	right:80px;

	width:204px;

	z-index: 9;

}

.index-right .index-news{

	margin-top:90px;

}

.index-right .index-news h1{

	font-size:16px;

	color:#fff;

	background: #142448;

	padding:14px 25px;

	line-height: 1.2;

}

.index-right .index-news li{

	background:url(../images/index-tm.png);

	margin-bottom:1px;

	padding:15px 24px;

}

.index-right .index-news li h2{

	font-size:14px;

	font-weight: bold;

	line-height: 1.2;

}

.index-right .index-news li p{

	font-size:14px;

	color:#142448;

	margin:6px 0;

}

.index-right .index-news li span{

	font-size:14px;

	color:#4c566f;

}

.index-right .index-news li:hover h2{

	text-decoration: underline;

}

.lang{

	position: fixed;

	bottom:25px;

	right:80px;

	z-index: 9;

}

.lang a{

	display: block;

	font-size:16px;

	color:#fff;

	letter-spacing: 1px; position:relative;

}

.lang .a1:before{content:""; position:absolute; background:url(../images/e.jpg) no-repeat center; width:20px; height:14px; top:0; bottom:0; margin:auto; left:-25px;}

.lang .a2:before{content:""; position:absolute; background:url(../images/c.jpg) no-repeat center; width:20px; height:14px; top:0; bottom:0; margin:auto; left:-25px;}

.lang a:hover{

	text-decoration: underline;

}

.footer{

	position: fixed;

	bottom:30px;

	left:50px;

	font-size:14px;

	color:#142448;

	z-index: 9;

}

.homebody {

    overflow: hidden;

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

	background: #000;

}

.homesencen {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    overflow: hidden;

    /* visibility: hidden; */

    -webkit-perspective: 1000px;

    perspective: 1000px;

    -moz-perspective: 1000px;

    -ms-perspective: 1000px;

    -o-perspective: 1000px;

    transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    perspective-origin: 50% 50%;

    -moz-perspective-origin: 50% 50%;

    -ms-perspective-origin: 50% 50%;

    -o-perspective-origin: 50% 50%;

    -webkit-perspective-origin: 50% 50%;

    perspective-origin: 50% 50%;

}

.page {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}

.conpage1d {

    transition: all 1.0s;

    -moz-transition: all 1.0s;

    -ms-transition: all 1.0s;

    -o-transition: all 1.0s;

    -webkit-transition: all 1.0s;

    transform: matrix(1, 0, 0, 1, 0, 0);

    -moz-transform: matrix(1, 0, 0, 1, 0, 0);

    -ms-transform: matrix(1, 0, 0, 1, 0, 0);

    -o-transform: matrix(1, 0, 0, 1, 0, 0);

    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

}



.vidoelist {

    min-width: 100%;

    min-height: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}

.fimg1{ position:absolute; left:0px; top:0px; height:100%;}

.fimg1 img{ display:block; height:100%;}

.img2{ position:absolute; left:0px; top:0px;}

.fimg1 .img1 {

    opacity: 0;

    transform: translate(60px,-100px);

    -moz-transform: translate(60px,-100px);

    -ms-transform: translate(60px,-100px);

    -o-transform: translate(60px,-100px);

    -webkit-transform: translate(60px,-100px);

    transition: all 1s 1s;

    -moz-transition: all 1s 1s;

    -ms-transition: all 1s 1s;

    -o-transition: all 1s 1s;

    -webkit-transition: all 1s 1s;

}

.curt .fimg1 .img1,.curt .fimg1 .img2{ opacity:1;transform:translate(0px,0px); -moz-transform:translate(0px,0px); -ms-transform:translate(0px,0px); -o-transform:translate(0px,0px); -webkit-transform:translate(0px,0px);}

.navBtn{

	display: none;

}

@media only screen and (min-width:1200px) and (max-width: 1366px) {

	.nav{

		left:30px;

	}

	.index-right .index-news{

		margin-top:50px;

	}

	.index-right .index-news li:nth-child(2){

		display: none;

	}

	.vidoelist {

    min-width: auto;

    min-height: auto;

    position: absolute;

	max-width:100%;



}

}

.v-xs{display: none !important;}

@media only screen and (min-width:240px) and (max-width: 768px) {

	.hidden-xs{display: none !important;}

	.v-xs{display: block !important;}

	.homebody {

		background: url(../images/00.jpg) no-repeat;

		background-size:100% ;

	}

	.homesencen{display: none;}

	.nav{

		top:17vw;

		right:4vw;

		left:auto;

	}

	.nav a{

		font-size: 0.32rem;

		font-weight: bold;

		color:#19284c;

		text-shadow: 0 3px 6px #aac3ed;

	}

	.nalist li{

		height:40px;

		line-height: 40px;

	}

	.nalist li a{

		font-size:14px;

	}

	

	.navBtn{display: block;}

	.navBtn img{

		width:48px;

	}

	.nalist{

		display: none;

	}	

	.index-news{

		display: none;

	}

	.index-right{

		top:15vw;

		left:4vw;

		right:auto;

		width:auto;

	}

	.logo-img img{

		width:40vw;

		display: block;

	}

	.fimg1{display: none;}

	.footer{

		width:100%;

		text-align: center;

		left:0;

		bottom:20px;

		color:#fff;

	}

	.footer span{display: block;}

	.lang{

		width:100%;

		top:0;

		bottom:auto;

		text-align: center;

		right:auto;

		background: #ffffff73;

		text-align: right;

		padding:10px 0;

	}

	.lang a {

		display: inline-block;

		padding: 0 10px 0 29px;

		position: relative;

		color: #4c566f;

		font-size: 14px;

	}

	.lang .a1:before,.lang .a2:before {

		left: 5px;

	}

	.lang span{padding-left:30px;background: url(../images/lang.png) left center no-repeat;background-size: 20px;color:#4c566f;}

	.lang a:nth-child(2):after{

		display: block;

		content: "";

		position: absolute;

		right:-2px;

		height:12px;

		border:1px solid #666;

		top:3px;

	}

}