@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#30363a;
}
@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:#30363a;
	/*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{
	width:100%;
	height:100%;
}





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

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

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:837px;
}





#footer{
	line-height:44px;
	padding:52px 0px;
	text-align:center;
	background:#e60012;
	font-size:16px;
}







#hot{
	background:#f5f5f5;
	margin-bottom:73px;
}
#hot .box{
	height:180px;
	background:url(images/hot.gif) no-repeat 22px 23px;
}
#hot h2{
	font-size:50px;
	line-height:68px;
	max-height:136px;
	width:770px;
	float:left;
	margin:19px 0px 0px 218px;
	display:inline-block;
}
#hot .more{
	float:right;
	border:2px solid #e1000b;
	padding:8px;
	border-radius:10px;
	margin-top:18px;
}
#hot .more a{
	display:block;
	width:78px;
	height:92px;
	font-size:38px;
	color:#fff !important;
	line-height:46px;
	background:#e60012;
	text-decoration:none;
	padding:13px 18px 18px 24px;
	border-radius:8px;
}











.focus,.focus .pic{
	width:632px;
	height:424px;
}
.focus{ float:left;}
.focus{position:relative;}
.textbg{
	background:#000;
	filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
	width:100%;
	height:66px;
	position:absolute;
	left:0px;
	bottom:0px;
}
.focus p{
	width:410px; font-size:20px;
	position:absolute;
	left:150px; bottom:0px;
	height:66px; line-height:66px;
}
.focus p a{ color:#fff !important;}
.focus .switch{
	position:absolute;
	right:32px;
	bottom:25px;
}
.focus .switch span{
	cursor:pointer;
    display:inline-block;
    margin:0 5px;
    overflow:hidden;
    width:9px;
	height:9px;
	display:block;
	float:left;
	padding:0px;
	text-indent:-9999px;
	cursor:pointer;
	border-radius:8px;
	border:2px solid #fff;
}
.focus .switch span.current{background:#fff;color:#fff;}
.focus .prve,.focus .next{
	width:41px;
	height:63px;
	position:absolute;
	top:168px;
	cursor:pointer;
}
.focus .prve{
	left:0px;
	background:url(images/prve.png) no-repeat;
	background-size:100% 100%;
}
.focus .next{
	right:0px;
	background:url(images/next.png) no-repeat;
	background-size:100% 100%;
}


#layout1 .right{
	width:516px;
	margin-top:-33px;
}
#layout1 .right li{
	border-bottom:1px solid #a0a0a0;
	padding-bottom:22px;
}
#layout1 .right li:last-child{ border-bottom:none;}
#layout1 .right li h5{
	font-size:38px;
	line-height:52px;
	max-height:104px;
	margin:23px 0px 3px 0px;
}
#layout1 .right li h5 a{ color:#e60012;}
#layout1 .right li p{
	font-size:28px;
	line-height:45px;
	padding-left:39px;
	max-height:90px;
	background:url(images/p.gif) no-repeat 3px 16px;
}








.title{
	border-bottom:7px solid #cdcccc;
	height:58px;
	margin-top:82px;
}
.title h5{
	font-size:42px;
	color:#db1810;
	float:left;
	padding-left:54px;
	line-height:58px;
}
.title a{
	font-size:16px;
	color:#db1810;
	float:right;
	margin-top:30px;
}

#layout2 .title h5{ background:url(images/biao1.gif) no-repeat 0px 6px;}
#layout3 .title h5{ background:url(images/biao2.gif) no-repeat 2px 8px;}
#layout4 .title h5{ background:url(images/biao3.gif) no-repeat 2px 8px;}
#layout5 .title h5{ background:url(images/biao4.gif) no-repeat 0px 8px;padding-left:84px;}
#layout6 .title{ height:62px;}
#layout6 .title h5{ background:url(images/biao5.gif) no-repeat 5px 0px;padding-left:61px;line-height:62px;}
#layout6 .title a{margin-top:34px;}
#layout7 .title h5{ background:url(images/biao6.gif) no-repeat 0px 7px;padding-left:61px;}







#layout2 .news ul{
	margin-left:-57px;
	zoom:1;
}
#layout2 .news li{
	margin:48px 0px 55px 57px;
	width:325px;
	height:242px;
	background:url(images/li1.gif) no-repeat;
	background-size:100% 100%;
	float:left;
	display:inline;
	padding:0px 20px 0px 16px;
}
#layout2 .news li .pic{
	width:165px;
	height:221px;
	float:left;
}
#layout2 .news .zi{
	width:145px;
	float:right;
}
#layout2 .news .zi h5{
	font-size:20px;
	line-height:26px;
	height:26px;
	margin:31px 0px 4px 0px;
}
#layout2 .news .zi span{
	font-size:12px;
	line-height:18px;
	height:54px;
	overflow:hidden;
	display:block;
}
#layout2 .news .zi p{
	font-size:18px;
	line-height:30px;
	max-height:90px;
}

#layout2 .prve1,#layout2 .next1{
	width:43px;
	height:51px;
	cursor:pointer;
	float:left;
}
#layout2 .prve1{
	background:url(images/prve1.gif) no-repeat;
	background-size:100% 100%;
	margin:0px 67px 0px 523px;
	display:inline;
}
#layout2 .next1{
	background:url(images/next1.gif) no-repeat;
	background-size:100% 100%;
}







#layout3 .title{ margin-top:152px;}
#layout3 .text{
	padding:15px 18px;
	background:#e60012;
	width:1164px;
	height:468px;
	margin:62px 0px 22px 0px;
}
#layout3 .pic{
	float:left;
	width:696px;
	height:469px;
}
#layout3 .title1{
	width:468px;
	float:right;
}
#layout3 .title1 li{
	width:444px;
	height:97px;
	margin-bottom:7px;
	background:#f2625c;
	padding:15px 0px 0px 23px;
	position:relative;
	overflow:visible;
	cursor:pointer;
}
#layout3 .title1 li.current{ background:#fb9c99;}
#layout3 .title1 li h5{
	font-size:32px;
	line-height:42px;
	height:42px;
	margin-bottom:7px;
}
#layout3 .title1 li p{
	font-size:22px;
	line-height:30px;
	height:30px;
}
#layout3 .title1 li i{
	display:none;
	width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #fb9c99;
    border-bottom: 20px solid transparent;
	position:absolute;
	top:36px;
	left:-20px;
}
#layout3 .title1 li.current i{ display:block;}








#layout4 .title{ margin-top:86px;}
#layout4 .hot1{ margin:0px 9px;}
#layout4 .hot1 h5{
	font-size:42px;
	text-align:center;
	line-height:54px;
	height:54px;
	margin:39px 0px 11px 0px;
}
#layout4 h5 a{ color:#e60012;}
#layout4 .hot1 p{
	font-size:19px;
	text-indent:2em;
	line-height:40px;
	max-height:80px;
}
#layout4 .more1{
	text-align:center;
	font-size:20px;
	height:42px;
	position:relative;
	margin-top:27px;
}
#layout4 .more1 i{
	width:100%;
	height:2px;
	background:#a0a0a0;
	display:block;
	position:absolute;
	left:0px;
	top:20px;
	z-index:-1;
}
#layout4 .more1 a{
	width:144px;
	height:42px;
	display:inline-block;
	background:#e60012;
	text-align:center;
	line-height:42px;
	border-radius:28px;
}

#layout4 ul{
	margin-left:-120px;
	zoom:1;
}
#layout4 li{
	width:540px;
	float:left;
	margin:0px 0px 13px 120px;
}
#layout4 li h5{
	font-size:30px;
	line-height:46px;
	height:92px;
	margin:33px 0px 15px 0px;
}
#layout4 li p{
	font-size:16px;
	line-height:30px;
	color:#000;
}
#layout4 li p a{ color:#ff0000;}








#layout5{
	background:url(images/ly5-bg.jpg) no-repeat center bottom;
	padding-bottom:118px;
}
#layout5 .title{ margin-top:130px;}


#layout5 .button{ margin:48px 0px 38px 0px;}
#layout5 .prve2,#layout5 .next2{
	width:35px;
	height:24px;
	cursor:pointer;
	float:left;
}
#layout5 .prve2{
	background:url(images/prve2.png) no-repeat;
	margin:0px 27px 0px 1102px;
	display:inline;
}
#layout5 .next2{background:url(images/next2.png) no-repeat;}

#layout5 .text{
	height: 467px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-left:924px;
}
#layout5 .text ul{
	width:1200px;
	position:absolute; /*新增*/
	left:0px; /*新增*/
}
#layout5 .text li{
	float: left;
	width:54px;
	height:467px;
}
#layout5 .text .pic{
	float: left;
	width: 817px;
	height: 467px;
	display: none;
	position:relative;
}
#layout5 .play{
	width:116px;
	height:116px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-58px 0px 0px -58px;
	background:url(images/play.png) no-repeat;
	background-size:100% 100%;
}
#layout5 .text table{
	/*float: right;*/
	font-size:22px;
	line-height:22px;
	width:54px;
	height: 100%;
	color:#fff;
	border:2px solid #e60012;
	border-left:none;
	cursor:pointer;
	float:left;
}
#layout5 .text table,#layout5 .text table a{
	text-decoration:none;
	color:#e60012;
}
#layout5 .text .current{
	/*position: absolute;
	left: 0px;
	top: 0px;*/
	position:relative;
	width:924px;
	height:467px;
	border: none;
	margin: 0px;
	font-size:24px;
	font-weight:bold;
	line-height:26px;
}
#layout5 .text .current .pic{
	display: block;
}
#layout5 .text .current table{
	background: #e60012;
	width:107px;
	
}
#layout5 .text .current table td{
	padding: 0px 5px;
}
#layout5 .text .current table,#layout5 .text .current table a{
	color: #fff;
}
#layout5 .text .current table a:hover{
	color: #dfdfdf !important;
}
#layout5 .text table a{
	width:22px;
	display:inline-block;
	writing-mode: vertical-rl;
	overflow:hidden;
}








#layout6 .title{ margin-bottom:44px;}
#layout6 .left{
	width:356px;
	height:663px;
	background:url(images/ly6-left.gif) no-repeat;
}
#layout6 .left .text{
	width:327px;
	height:538px;
	border:1px solid #e7e7e7;
	margin:56px 0px 0px 12px;
	overflow-y:visible;
	overflow-x:hidden;
}

#layout6 .right{
	margin-top:7px;
	width:817px;
}
#layout6 .focus,#layout6 .focus .pic{
	width:518px;
	height:310px;
}
#layout6 .focus{ float:left;}
#layout6 .focus .textbg,#layout6 .focus p{ height:40px;}
#layout6 .focus p{ font-size:14px; line-height:40px;}
#layout6 .focus .switch{ bottom:12px; right:16px;}
#layout6 .focus .switch span{ width:10px; height:10px; margin:0px 4px;}
#layout6 .focus p{ width:340px;}

#layout6 .list4{
	float:right;
	width:292px;
}
#layout6 .list4 li,#layout6 .list4 li .pic{
	width:292px;
	height:153px;
}
#layout6 .list4 li{ position:relative; margin-bottom:4px;}
#layout6 .list4 .textbg,#layout6 .list4 li p{ line-height:32px;height:32px;}
#layout6 .list4 li p{
	font-size:13px;
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	text-align:center;
}
#layout6 .list4 li p a{ color:#fff;}

#layout6 .list5 li{
	width:817px;
	height:162px;
	background:#e60012;
	margin:2px 0px 6px 0px;
	color:#fff;
}
#layout6 .list5 li .pic{
	width:256px;
	height:162px;
}
#layout6 .list5 li .pic{ float:left;}
#layout6 .list5 li .news{
	width:487px;
	float:right;
	margin:0px 36px 0px 0px;
}
#layout6 .list5 li h5{
	font-size:22px;
	line-height:26px;
	height:26px;
	margin:20px 0px 10px 0px;
}
#layout6 .list5 li p{
	font-size:16px;
	line-height:30px;
	height:90px;
}







#layout7 ul{
	margin:-7px 0px 88px -58px;
	zoom:1;
}
#layout7 li{
	width:543px;
	height:159px;
	background:url(images/li2.gif) no-repeat;
	float:left;
	display:inline;
	margin:56px 0px 0px 58px;
	padding-right:28px;
}
#layout7 li h5{
	font-size:22px;
	height:30px;
}
#layout7 li h5 span{
	font-size:30px;
	width:28px;
	height:28px;
	background:#e60012;
	color:#fff;
	display:inline-block;
	line-height:28px;
	font-weight:bold;
	text-align:center;
	border-radius:6px;
	margin-right:11px;
	float:left;
}
#layout7 li p{
	font-size:16px;
	line-height:30px;
	max-height:90px;
	margin:9px 0px 0px 3px;
}









/*自适应样式开始*/
#phone-header,#phone-footer,#layout5 .focus{ display:none;}
@media(max-width: 767px){
	#header,#footer,#layout5 .button,#layout5 .text{ display:none;}
	#phone-header,#phone-footer,#layout5 .focus{ display:block;}
	.wrapper{min-width:100%;max-width:100%;}
	.box{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right,#layout1 .right,#layout3 .text,#layout3 .pic,#layout3 .title1,#layout6 .left,#layout6 .right,#layout6 .list4{ float:none; width:100%; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	#phone-footer{line-height:3em;font-size:1em;background:#e60012;color:#fff;text-align:center;}
	
	#hot{ background:none; margin:1.2em 0 1.5em 0;}
	#hot .box{ height:auto; background:none;}
	#hot h2,#layout1 .right li h5,#layout4 .hot1 h5,#layout4 li h5,#layout6 .list5 li h5,#layout7 li h5{line-height:1.4em;font-size:1.45em;margin:0; height:auto;}
	#hot h2{ width:86%;}
	#hot .more{margin:0.4em 0 0 0; padding:3px;border: 1px solid #e1000b;}
	#hot .more a{width: 2em;height: 2.4em;font-size: 1em;line-height: 1.2em;padding: 0.2em 0.3em;}
	
	.focus{ float:none;}
	.focus,.focus .pic{width:100%;height:16em !important;}
	.focus .prve, .focus .next{ top:5em; width:30px; height:46px;}
	.textbg,.focus p{font-size: 0.9em; line-height: 2.6em; height: 2.6em;}
	.focus p{ left:5em;}
	.focus .switch,#layout6 .focus .switch{ right:0.8em; bottom:1em;}
	.focus .switch span,#layout6 .focus .switch span{ width:5px; height:5px; margin:0 0.2em;}
	
	#layout1 .right li{ padding:0.5em 0 1em 0;}
	#layout1 .right li h5{ margin-bottom:0.2em;}
	#layout1 .right li p,#layout4 .hot1 p,#layout4 li p,#layout6 .list5 li p,#layout7 li p{font-size: 0.95em;line-height: 1.6em; height: auto; padding:0; background:none;}
	
	.title,#layout3 .title,#layout4 .title,#layout5 .title,#layout6 .title,#layout7 .title{border-bottom:4px solid #cdcccc;  margin-top:1.2em;}
	#layout2 .title{margin-top:0.4em;}
	.title h5{ font-size:2.2em;}
	.title a{ font-size:1em; margin-top:1.8em;}
	
	#layout2 .title h5,#layout3 .title h5,#layout4 .title h5,#layout5 .title h5,#layout6 .title h5,#layout7 .title h5{ background:none; padding-left:0;}
	#layout2 .news ul{ margin:1.2em 0 0 -4%;}
	#layout2 .news li{ width:46%; margin:1em 0 0 4%; padding:0; height:8.2em;}
	#layout2 .news li .pic{ width:46%; height:8.2em; margin-left:6%;}
	#layout2 .news .zi{ width:44%;}
	#layout2 .news .zi span{ display:none;} 
	#layout2 .news .zi h5{ font-size:1em; line-height:1.4em;height:1.4em; margin:1em 0 0.5em 0;}
	#layout2 .news .zi p{ font-size:0.9em; line-height:1.2em; height:3.6em;}
	
	#layout2 .prve1{ margin:0 8% 0 38%;}
	#layout2 .prve1,#layout2 .next1{ width:8%; height:2.2em; margin-top:1.5em;}
	
	#layout3 .text{ background:none; height:auto;}
	#layout3 .pic{ height:16em !important; margin-top:1.6em;}
	#layout3 .title1 li{ width:21%; height:auto; float:left; margin:0; padding:0.4em 2%;}
	#layout3 .title1 li h5{ font-size:1em; line-height:1.6em;height:1.6em; margin-bottom:0.4em;}
	#layout3 .title1 li p{ font-size:0.9em; line-height:1.4em; height:4.2em;}
	#layout3 .title1 li i{ left:50%; margin-left:-20px; top:-40px;border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #fb9c99;}
	
	#layout4 .hot1 h5{ text-align:left; margin:1em 0 0.5em 0;}
	#layout4 .more1{height:1.8em;}
	#layout4 .hot1 p{ height:4.8em;}
	#layout4 .more1{ margin-top:0.5em;}
	#layout4 .more1 a{ width:auto; font-size:12px; line-height:1.8em; height:1.8em; padding:0 0.6em;}
	#layout4 .more1 i{ top:16px;}
	#layout4 ul{ margin-left:-4%;}
	#layout4 li{ width: 46%; margin: 1em 0 0 4%;}
	#layout4 li h5{ height:2.8em;}		
	#layout4 li p{ height:4.8em; margin-top:0.4em;}		
	
	#layout5{ padding-bottom:3em;}
	#layout5 .focus{ margin-top:1.4em;}		
	#layout5 .play{width:4em;height:4em;margin:-2em 0 0 -2em;}
	
	#layout6 .title{ margin-bottom:1.8em;}		
	#layout6 .left{height:38em;background:url(images/ly6-left.gif) no-repeat; background-size:100% 100%; overflow:hidden; margin-bottom:1.5em;}
	#layout6 .left .text{width:90%;height:80%;margin:11% 0 0 5%}
	#layout6 .list4{ margin-left:-0.95%;}
	#layout6 .list4 li{ width:49%; float:left; margin-left:1%; height:8em;}
	#layout6 .list4 l{height:7em;}
	#layout6 .list4 li .pic{ width:100%; height:100%;}
	#layout6 .list5 li {width:100%;height:7em;margin:0.8em 0 0 0;}
	#layout6 .list5 li .pic{height:7em;width:40%;}

	#layout6 .list5 li .news{ margin:0; width:52%; padding-right:3%;}
	#layout6 .list5 li h5{ margin:0.6em 0 0.2em 0; height:1.4em;}
	#layout6 .list5 li p{ height:3.2em;}
	#layout6 .focus{ margin:1em 0;}
	#layout6 .focus, #layout6 .focus .pic{ width:100%;}
	#layout6 .focus p{ font-size:1em;}
	
	#layout7 ul{ margin:0 0 2.4em -4%;}
	#layout7 li{ width: 46%; margin:1em 0 0.4em 4%; padding:0; background:none; height:auto;}			
	#layout7 li h5{ height:2.8em;}
	#layout7 li h5 span{ font-size:1em; width:24px; height:24px; line-height:24px;}		
	#layout7 li p{ height:3.2em;}
}

@media (max-width: 325px) {
	#layout6 .focus p,#layout6 .list4 li p{ font-size:0.95em;}
}
/*自适应样式结束*/

