@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#333;
}
@media (max-width: 380px) {body{ font-size:14px; }}
@media (max-width: 325px) {body{ font-size:12px; }}
@media (min-width: 760px) {body{ font-size:22px; }}
@media (min-width: 1200px) {body{ font-size:14px; }}

a{
	color:#333;
	/*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-height: 100%;
	max-width: 100%;
}
.pic img{
	height: 100%;
	width: 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;
}
#header .box{
	height:1189px;
}






#footer{
	color:#000;
	line-height:24px;
	padding:92px 0px;
	text-align:center;
	background:#fff5e4;
}
#footer a{color:#000;}






p{
	font-size:16px;
	line-height:30px;
}

#hot{
	text-align:center;
	margin-bottom:49px;
}
#hot h1{
	font-size:47px;
	line-height:62px;
	height:62px;
	margin:-33px 0px 8px 0px;
}
#hot p{
	font-size:15px;
	line-height:20px;
	height:20px;
}
#hot p a{ margin:0px 4px;}



.focus{
	position: relative;
    overflow: hidden;
	width: 752px;
	height: 434px;
}
.focus img{ width:100%; height:100%;}
.focus p{
	position: absolute;
	left: 26px;
	bottom: 0px;
	line-height: 50px;
	height: 50px;
	font-size: 20px;
	max-width: 510px;
	z-index: 9;
}
.focus .shadow{
	position: absolute;
	width: 100%;
	height: 64px;
	left: 0px;
	bottom: 0px;
	background:url(images/textbg.png) repeat-x;
}
.focus .point{
	position: absolute;
	right:20px;
	bottom: 19px;
	z-index: 10;
}
.focus .point span{
	float: left;
	width: 9px;
	height: 9px;
	border:2px solid #fff;
	border-radius:12px;
	cursor: pointer;
	margin:0px 5px;
}
.focus .point .current{
	background: #fff;
}


#layout1 .right{
	width:421px;
}
#layout1 .movie,#layout1 .vr{
	width:421px;
	height:206px;
	position:relative;
}
#layout1 .movie{ margin-bottom:22px;}
#layout1 .right img{ width:100%; height:100%;}
#layout1 .right i{ display:block; position:absolute;}
#layout1 .movie i{
	width:55px; height:55px;
	background:url(images/play.png) no-repeat; 
	background-size:100% 100%;
	left:17px; bottom:18px;
}
#layout1 .vr i{
	width:155px; height:49px;
	background:url(images/vr.png) no-repeat; 
	background-size:100% 100%;
	left:20px; bottom:25px;
}


#layout1 .list{
	margin:57px 0px 22px -136px;
	zoom:1;
	overflow:hidden;
}
#layout1 .list li{
	width:532px;
	display:inline;
	margin:-20px 0px 0px 136px;
	float:left;
	border-top:1px dashed #c2c2c2;
	padding-bottom:11px;
}

h5{
	font-size:22px;
	line-height:30px;
	height:30px;
}
#layout1 .list h5{
	margin:17px 0px 4px 0px;
}
#layout1 .list dl{ margin-bottom:20px;}
#layout1 .list dt{
	line-height:40px;
	height:40px;
	font-size:16px;
	background:url(images/dt.gif) no-repeat left center;
	padding-left:21px;
	overflow:hidden;
}









#layout2{
	background:url(images/ly2-bg.jpg) no-repeat center top;
}
#layout2 .box{
	height:771px;
}
#layout2 .movie1{
	width:1170px;
	height:658px;
	position:relative;
	margin:16px 0px 0px 15px;
}
#layout2 .movie1 img{
	width:100%;
	height:100%;
}
#layout2 .movie1 i{
	display:block; position:absolute;
	width:115px; height:115px;
	background:url(images/play1.png) no-repeat; 
	background-size:100% 100%;
	left:39px; bottom:37px;
}








.topic{text-align: center;}
.topic img{ display: inline-block;vertical-align: top;}





#layout3 .topic{ margin:97px 0px 61px 0px;}
#layout3 .left{ width:555px;}
#layout3 .left ul{ margin-top:-26px;}
#layout3 .left li{
	border-bottom:1px dashed #c2c2c2;
	padding:0px 30px 38px 0px;
}
#layout3 .left li:last-child{ border-bottom:none;}
#layout3 .left li h5{
	margin:34px 0px 10px 0px;
}
#layout3 .left li p{
	max-height:60px;
}

#layout3 .pic{
	width:578px;
	height:290px;
}

#layout3 .news1{
	width:100%;
	height:221px;
	background:url(images/news1.gif) no-repeat;
}
#layout3 .news1 ul{
	margin-left:-21px;
	zoom:1;
}
#layout3 .news1 li{
	width:557px;
	float:left;
	display:inline;
	margin:40px 0px 0px 44px;
}
#layout3 .news1 .pic{
	width:163px;
	height:95px;
	float:left;
}
#layout3 .news1 .zi{
	width:374px;
	float:right;
}
#layout3 .news1 h5{
	margin:-2px 0px 9px 0px;
}
#layout3 .news1 p{
	max-height:60px;
}

#layout3 .more{
	width:100%;
	background:url(images/more.png) no-repeat center center;
	text-align:center;
	margin-top:21px;
}
#layout3 .more a{ font-size:16px;}








#layout4{
	background:url(images/ly4-bg.jpg) no-repeat center bottom;
}
#layout4 .box{
	height:748px;
}
#layout4 .topic{ margin:104px 0px 9px 0px;}
#layout4 ul{
	margin-left:-44px;
	zoom:1;
}
#layout4 li{
	width:578px;
	float:left;
	display:inline;
	margin:0px 0px 0px 44px;
}
#layout4 li h5{
	margin:61px 0px 14px 0px;
}
#layout4 li .pic{
	width:163px;
	height:95px;
	float:left;
}
#layout4 li p{
	width:395px;
	float:right;
	max-height:90px;
}








#layout5{
	background:url(images/ly5-bg.jpg) no-repeat center top;
}
#layout5 .box{
	height:936px;
}
#layout5 .news{
	width:581px;
	margin-top:130px;
}
#layout5 .pic{
	width:581px;
	height:190px;
}
#layout5 .zi{
	background:#ffe4b5;
	padding:28px 34px 22px 27px;
	margin-bottom:38px;
}
#layout5 .zi p{ height:30px; margin-top:6px;}
#layout5 li{
	font-size:22px;
	line-height:59px;
	height:59px;
	border-bottom:1px dashed #fff;
	background:url(images/li.png) no-repeat center left;
	padding-left:35px;
}
#layout5 li:last-child {
    border-bottom: none;
}







#layout6{
	background:url(images/ly6-bg.jpg) no-repeat center top;
	margin-top:118px;
}
#layout6 .box{
	height:790px;
}
#layout6 ul{
	margin:16px 0px 0px -46px;
	zoom:1;
}
#layout6 li{
	width:577px;
	margin:47px 0px 0px 46px;
	float:left;
}
#layout6 li h5{
	font-size:24px;
	background:#c51500;
	line-height:53px;
	height:53px;
	padding-left:25px;
	border-top:3px solid #dba856;
}
#layout6 li h5 a{ color:#fff !important;}

#layout6 li .zi{
	background:#fff;
	border:1px solid #dededd;
	padding:26px 22px 27px 29px;
	border-top:none;
}
#layout6 li .zi p{ height:90px;}








#layout7{
	background:#fff5e4;
	padding-bottom:128px;
}
#layout7 .topic{ margin:90px 0px 52px 0px;}
#layout7 .text{
	width:100%;
	position:relative;
	height:468px;
}
#layout7 .pic{
	width:288px;
	height:468px;
	position:absolute;
}
#layout7 .pic1,#layout7 .pic4{ top:-115px;}
#layout7 .pic2,#layout7 .pic3{ top:-0;}
#layout7 .pic1{ left:0;}
#layout7 .pic2{ left:306px;}
#layout7 .pic3{ left:610px;}
#layout7 .pic4{ right:0;}
#layout7 .prve,#layout7 .next{
	width:39px; height:22px;
	position:absolute; bottom:42px;
	cursor:pointer;
}
#layout7 .prve{
	background:url(images/prve1.png) no-repeat;
	right:163px;
}
#layout7 .next{
	background:url(images/next1.png) no-repeat;
	right:80px;
}
#layout7 .prve:hover{background:url(images/prve2.png) no-repeat;}
#layout7 .next:hover{background:url(images/next2.png) no-repeat;}






#layout8{
	background:url(images/ly8-bg.jpg) no-repeat center top;
}
#layout8 .box{
	height:625px;
	position:relative;
}
#layout8 .pic{
	width:1112px;
	height:625px;
	margin-left:44px;
}
#layout8 .prve,#layout8 .next{
	width:22px; height:51px;
	position:absolute; top:274px;
	cursor:pointer;
}
#layout8 .prve{
	background:url(images/prve3.png) no-repeat;
	left:0;
}
#layout8 .next{
	background:url(images/next3.png) no-repeat;
	right:0px;
}





/*自适应样式开始*/
#phone-header,#phone-footer,#layout7 .focus,.focus .prve,.focus .next,#layout5 .topic1{ display:none;}
@media(max-width: 767px){
	#header,#footer,#layout7 .text,#layout5 .topic{ display:none;}
	#phone-header,#phone-footer,#layout7 .focus,.focus .prve,.focus .next,#layout5 .topic1{ display:block;}
	.wrapper{min-width:100%;max-width:100%;}
	.box{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right,#layout1 .right,#layout1 .list li,#layout3 .left,#layout3 .pic,#layout3 .news1 li,#layout4 li,#layout6 li{ float:none; width:100%; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	h5,#layout6 li h5{ font-size:1.4em; line-height:1.5em; height:auto; max-height:auto;}
	p{ font-size:1em; line-height:1.6em; height:3.2em; max-height:3.2em;}
	
	#hot{ margin:1.5em 0; text-align:left;}
	#hot h1{ margin:0; font-size:1.6em; line-height:1.4em; height:auto;}
	#hot p{ font-size:1em; line-height:1.6em; height:auto; margin-top:0.3em;}
	
	.focus{ height:14em; width:100%;}
	.focus p{ left:0; width:100%; text-align:center; font-size:1em; line-height:1.5em; height:1.5em; bottom:6%;}
	.focus .point{ display:none;}
	#layout1 .movie, #layout1 .vr{ width:100%; height:9em; margin:1em 0 0 0;}
	#layout1 .movie i,#layout2 .movie1 i{ width:2.6em; height:2.6em;bottom:6%; left:4%;}
	#layout1 .vr i{ width:5.7em; height:1.9em; bottom:6%; left:4%;}
	#layout1 .list{ margin:0;}
	#layout1 .list dt,#layout5 li{ font-size:1.1em; line-height:1.6em; height:1.6em; padding-left:6%;}
	#layout1 .list h5{ margin:1em 0 0.3em 0;}

	#layout2,#layout4,#layout5,#layout6,#layout8{ background:none;}
	#layout2 .box,#layout4 .box,#layout5 .box,#layout6 .box{ height:auto;}
	#layout2 .movie1{ width:100%; height:16em; margin:0;}
	#layout2 .movie1 i{ width:3em; height:3em;}

	#layout3 .topic{ margin:2.6em 0 1em 0;}
	#layout3 .left li{ padding:0 0 0.8em 0;}
	#layout3 .left li h5{ margin:0.8em 0 0.5em 0;}
	#layout3 .pic{ height:10em; margin:0.2em 0 1.8em 0;}
	#layout3 .news1{ background:none; background-color:#c91904; height:auto; overflow:hidden;}
	#layout3 .news1 ul{ margin:1em 4% 0 4%;}
	#layout3 .news1 .pic,#layout4 li .pic{ width:40%; height:6em;}
	#layout3 .news1 .zi,#layout4 li p{ width:56%;}
	#layout3 .news1 h5{ font-size:1.2em; margin:0;}
	#layout3 .news1 p,#layout3 .left li p{ line-height:1.4em; max-height:2.8em;}
	#layout3 .more{ margin:0 0 1.6em 0;}
	
	#layout4 .topic{ margin:2.6em 0 0 0;}
	#layout4 ul,#layout6 ul{ margin:0;}
	#layout4 li h5{ margin:0.8em 0 0.5em 0;}
	#layout4 li p{ line-height:1.6em; height:4.8em; height:4.8em;}
	
	
	#layout5{ margin-top:2.6em;}
	#layout5 .news{ width:100%; margin-top:1em;}
	#layout5 .pic{ width:100%; height:13em;}
	#layout5 .zi{ padding:0.8em 3%; margin-bottom:1em;}
	#layout5 .zi p{ line-height:1.5em; height:auto; max-height:3em;}
	#layout5 .fw{color:#333;}
	#layout5 .fw a{color:#333;}
	#layout5 li{background: url(images/dt.gif) no-repeat left center;}
	
	#layout6{ margin-top:2.6em;}
	#layout6 li{ margin-top:1em;}
	#layout6 li h5{ padding:0.4em 3%;}
	#layout6 li .zi{ padding:0.8em 4%;}
	
	#layout7{ padding:2em 0; margin:2em 0;}
	#layout7 .topic{ margin:0 0 1em 0;}
	#layout7 .topic img{ width:50%;}
	.focus .prve,.focus .next,#layout7 .focus .prve,#layout7 .focus .next,#layout8 .prve,#layout8 .next{ width:1em; height:2em; position:absolute; top:44%;cursor:pointer;}
	.focus .prve,#layout7 .focus .prve,#layout8 .prve{background:url(images/prve3.png) no-repeat; background-size:100% 100%;left:2%;}
	.focus .next,#layout7 .focus .next,#layout8 .next{background:url(images/next3.png) no-repeat; background-size:100% 100%;right:2%;}
	
	#layout8 .box{ height:14em; margin-bottom:2em;}
	#layout8 .pic{ width:100%; height:14em; margin:0;}
	
	#phone-footer{line-height:3.2em;font-size:1em;background:#c61601;color:#fff;text-align:center;}
	#phone-footer p{ line-height:3.2em;}
	
}
/*自适应样式结束*/