@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
	transition:all 0.2s;
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

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

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}








#header{
	background:url(images/header.jpg) no-repeat center top;
	z-index:2000;
}
#header .box{
	height:1000px;
	position:relative;
}
#header video{
	position: absolute;
	width:1920px;
	height:1000px;
	left:-360px;
	top:0px;
	z-index:100;
}






#sidenav{
	position: fixed;
	left: 0px;
	top:0%;
	width:134px;
	height:100%;
	z-index:1;
}
#sidenav .close{
	position: absolute;
	width:44px;
	height:416px;
	background: url(images/sidenav2.png) no-repeat left center;
	left:0px;
	top:50%;
	margin-top:-208px;
	cursor: pointer;
	border-left:4px solid #572623;
}
#sidenav .open{
	position: absolute;
	width:134px;
	height:100%;
	left: 0px;
	top: 0px;
	background:url(images/sidenav1.png) no-repeat 20px 53px;
	background-color:rgba(209,182,100,0.47);
	border-right:1px solid #d1b664;
}
#sidenav .open .arrow{
	position: absolute;
	left:98px;
	top:76%;
	width:16px;
	height:17px;
	background:url(images/sidenav1-arrow.png);
	cursor: pointer;
}
#sidenav .lift li{
	text-indent:-9999px;
	margin:0px 0px 39px 11px;
}
#sidenav .lift li,#sidenav .lift li a{
	width:107px;
	height:42px;
}
#sidenav .lift li a{ display:block;}
#sidenav .lift .li1{ background:url(images/li1.png) no-repeat; margin-top:319px;}
#sidenav .lift .li2{ background:url(images/li2.png) no-repeat;}
#sidenav .lift .li3{ background:url(images/li3.png) no-repeat;}





#layout1{
	background:url(images/ly1-bg.jpg) no-repeat center top;
}
#layout1 .box{
	height:664px;
	padding-top:319px;
	position:relative;
}






#layout2{
	background:url(images/ly2-bg.jpg) no-repeat center top;
}
#layout2 .box{
	height:665px;
	padding-top:321px;
	position:relative;
}









.text-box{
	width:1200px;
	height:572px;
}

.focus{
	width:704px;
	height:511px;
	float:left;
	position:relative;
	cursor:pointer;
	margin-top:1px;
}
#layout1 .focus .pic{
	width:704px;
	height:511px;
	padding:0px 20px 31px 19px;
	position:absolute;
	top:0px;
	left:-19px;
	background:url(images/pic-bg.png) no-repeat;
}
.focus .pic img{
	width:704px;
	height:511px;
}
.focus .play{
	width:78px;
	height:78px;
	position:absolute;
	background:url(images/play.png) no-repeat;
	top:193px;
	left:313px;
}
.focus p{
	width:92%;
	text-align:center;
	font-size:18px;
	color:#fff;
	position:absolute;
	left:4%;
	line-height:24px;
	top:415px;
	max-height:48px;
}

.list{
	width:494px;
	float:right;
	display:inline;
	height:510px;
	position:relative;
}
.list .ul1 li{
	width:226px;
	height:157px;
	position:relative;
	margin:0px 3px 21px 18px;
	display:inline;
	float:left;
	cursor:pointer;
}
.list .ul1 li .pic img{
	width:226px;
	height:157px;
}
.list .ul1 li p{
	position:absolute;
	left:2%;
	width:96%;
	bottom:14px;
	color:#fff;
	text-align:center;
	line-height:20px;
	height:20px;
}
.list .num{
	width:99px;
	height:63px;
	position:absolute;
	top:396px;
	left:19px;
	background:url(images/num.png) no-repeat top right;
}
.list .num span{
	float:left;
	display:inline-block;
	background:#ffcb2b;
	width:23px;
	height:23px;
	text-align:center;
	font-family:"Arial";
	font-weight:bold;
	color:#fff;
	font-size:18px;
	border-radius:18px;
	line-height:24px;
}
.list .num .sp1{
	width:26px;
	height:26px;
	line-height:26px;
	font-size:24px;
	margin:21px 10px 0px 0px;
}
.list .num .sp2{ margin:2px 0px 13px 7px;}
.list .ul2{
	width:354px;
	position:absolute;
	right:0px;
	top:362px;
}
.list .ul2 li{
	color:#262626;
	line-height:26px;
	height:26px;
}
#layout2 .list .ul2 li{color:#fff;}



.switch{
	position:absolute;
	left:0px;
	top:906px;
	width:100%;
	text-align:center;
	height:23px;
}
.switch img{
	display:inline-block;
}
.switch span{
	background:url(images/focus-type1.png) no-repeat;
	_background:#fff;
	cursor:pointer;
    display:inline-block;
    font-size:0;
    height:14px;
    line-height:0;
    margin:0 14px;
    overflow:hidden;
    width:40px;
	color:#fff;
}
.switch a:hover{text-decoration:none; color:#01579b;}
.switch span.current{background:url(images/focus-type2.png) no-repeat;_background:#ffcb2b; color:#ffcb2b;}
.switch a{ margin:0px 10px;}




.video{
	width:1200px;
	height:512px;
	display:none;
	position:absolute;
	left:0px;
	top:319px;
}
#layout2 .video{top:321px;}
.video .close{
    position: absolute;
    top:0px;
    right:0px;
    width:46px;
    height:46px;
    background:url(images/close.png);
    z-index:9999;
    cursor:pointer;
    color:#fff;
}



#footer{
	color:#fff;
	line-height:26px;
	padding:38px 0px;
	border-top:none;
	text-align:center;
	background:#2e447b;
}
#footer a{color:#fff;}