body{
	font-family:"Microsoft Yahei","SimHei";
	color:#000;
	font-size:14px;
}
a{ 
	color:#000;
}
img{
	display:block;
}

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

.wapper{
	width:100%;
	overflow:hidden;
	min-width:1200px;
}
.box{
	width:1200px;
	margin:0px auto;
	position:relative;
}








#page1{
	background:url(../images/page1-bg.jpg) no-repeat top center;
     
}
#page2{
	background:url(../images/page2-bg.jpg) no-repeat top center;
}
#page2 .box{
	height:1433px;
}
#page3{
	background:url(../images/page3-bg.jpg) no-repeat top center;
}
#page3 .box{
	height:2280px;
}
#page4{
	background:url(../images/page4-bg.jpg) no-repeat top center;
}
#page5{
	background:url(../images/page5-bg.jpg) no-repeat top center;
}
#page6{
	background:url(../images/page6-bg.jpg) no-repeat top center;
}
#page1 .box,#page4 .box,#page5 .box,#page6 .box{
	height:1000px;
}







.logo{
	position:absolute;
	left:-285px;
	top:62px;
}
.sidnav{
	width:163px;
	position:fixed;
	top:50%;
	margin-top:-265px;
	right:1.3%;
	height:482px;
	background:url(../images/sidnav.png) no-repeat 14px 0px;
	padding-top:49px;
	z-index:100;
}
.sidnav a{
	font-size:24px;
	display:block;
	width:100%;
	line-height:69px;
	text-decoration:none;
	color:#000;
}
.sidnav a.on{
	font-weight:bold;
	color:#da120c;
}
.sidnav a i{
	width:14px;
	height:14px;
	display:block;
	background:#fec222;
	border-radius:7px;
	margin:29px 20px 0px 9px;
	float:left;
	display:block;
}
.sidnav a label{
	width:32px;
	height:32px;
	margin:17px 11px 0px 0px;
	background:#fec222;
	border-radius:16px;
	display:block;
	float:left;
	display:none;
	position:relative;
}
.sidnav a.on i{
	display:none;
}
.sidnav a.on label{
	display:block;
}
.sidnav a label svg{
	position:absolute;
	top:-2px;
	left:0px;
}








#page1 .text1{
	width:454px;
	background:url(../images/bza.png) no-repeat center top;
	font-size:18px;
	line-height:27px;
	padding-top:51px;
	position:absolute;
	top:396px;
	left:721px;
}
#page1 .text1 p{
	text-indent:3em;
}







#layout1,#layout2,#layout3,#layout4,#layout5{
	position:absolute;
	width:100%;
	left:0px;
}
#layout1{
	top:264px;
}
#layout1 h2{
	font-size:48px;
	line-height:64px;
	height:64px;
	text-align:center;
}
#layout1 .p1{
	font-size:18px;
	text-align:center;
	line-height:24px;
	height:24px;
	margin-top:15px;
}
#layout1 .p1 a{ color:#585858;}
#layout1 .p1 span{ margin-left:21px;}

#layout1 .block1 ul{
	margin:46px 0px 0px -6px;
	zoom:1;
}
#layout1 .block1 li{
	width:597px;
	height:410px;
	float:left;
	display:inline;
	position:relative;
	margin-left:6px;
}
#layout1 .block1 li a,#layout1 .block1 li img{
	width:100%;
	height:100%;
}
#layout1 .block1 li a{
	display:block;
	color:#fff;
}
#layout1 .block1 li .textbg,#layout1 .block1 li p{
	width:100%;
	height:42px;
	position:absolute;
	left:0px;
	bottom:0px;
	text-align:center;
}
#layout1 .block1 li .textbg{
	background:#000;
	filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
}
#layout1 .block1 li p{
	line-height:42px;
	font-size:18px;
	text-align:center;
}

#layout1 .block1 .tab{
	text-align:center;
	margin-top:19px;
}
#layout1 .block1 .tab li{
	display:inline-block;
	width:8px;
	height:8px;
	border:1px solid #df1d15;
	border-radius:50%;
	cursor:pointer;
	margin:0px 3px;
}
#layout1 .block1 .tab .current{
	background:#df1d15;
}

#layout1 .block2 ul{
	margin:38px 0px 0px -60px;
	zoom:1;
}
#layout1 .block2 li{
	width:570px;
	float:left;
	margin-left:60px;
	display:inline;
	line-height:48px;
	height:48px;
	font-size:22px;
}
#layout1 .block2 li span{
	background:#d40101;
	color:#fff;
	font-size:18px;
	margin-right:10px;
	border-radius:9px;
	padding:0px 10px;
}







#layout2{
	top:291px;
}
#layout2 .title{
	font-size:36px;
}
#layout2 .title span{
	margin-right:47px;
	cursor:pointer;
}
#layout2 .title span.on{
	color:#d40101;
	font-weight:bold;
}


#main{
	width:1240px;
}
#layout2 .tiles{
	list-style-type: none;
	position: relative; /** Needed to ensure items are laid out relative to this container **/
	width:1200px;
	margin:43px 0px 0px 0px;
}
#layout2 .tiles li{
	width:274px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	padding-bottom:37px;
}
#layout2 .tiles li h5{
	font-size:20px;
	line-height:30px;
	max-height:60px;
	width:226px;
	padding:12px 23px 0px 25px;
	font-weight:normal;
	background:#efefef;
}
#layout2 .tiles li p{
	font-size:14px;
	line-height:22px;
	max-height:66px;
	padding:8px 23px 14px 25px;
	width:226px;
	color:#8c8c8c;
	background:#efefef;
}
#layout2  .tiles li p a{color:#8c8c8c}



#layout2 .more{
	font-size:20px;
	color:#8b8b8a;
	border:1px solid #c5c4c2;
	border-radius:20px;
	padding:8px 187px;
	text-decoration:none;
	margin-left:373px;
}












#layout3{
	top:273px;
}
#layout3 .left{
	width:600px;
	height:411px;
	position:relative;
	color:#fff;
}
#layout3 td{
	font-size:42px;
	text-align:center;
}
#layout3 .td1{
	width:194px;
	height:270px;
	background:#0984e3;
	font-size:72px;
	border-bottom:23px solid #fff;
	padding:0px 30px;
}
#layout3 .td2{
	width:325px;
	height:104px;
	background:#5da6ea;
	font-size:48px;
	border-left:21px solid #fff;
	border-bottom:17px solid #fff;
}
#layout3 .td3,#layout3 .td4{
	width:109px;
	height:149px;
	margin-top:17px;
	padding:0px 20px;
	border-bottom:23px solid #fff;
}
#layout3 .td3{
	background:#fb7372;
	border-right:27px solid #fff;
}
#layout3 .td4{
	background:#4b6584;
}
#layout3 .td5{
	width:421px;
	height:150px;
	background:#00b894;
	font-size:48px;
}
#layout3 .td6{
	width:149px;
	height:150px;
	background:#ecba5e;
	border-left:28px solid #fff;
}


#layout3 .right{
	width:534px;
}
#layout3 .right li{
	height:128px;
	margin:3px 0px 25px 0px;
	position:relative;
}
#layout3 .right li .pic{
	z-index:10;
	position:absolute;
}
#layout3 .right li img{
	width:128px;
	height:128px;
	border-radius:64px;
}
#layout3 .right li .news{
	width:353px;
	height:128px;
	background:#eaeaea;
	position:absolute;
	top:0px;
	right:0px;
	padding:0px 24px 0px 95px;
}
#layout3 .right li .news h4{
	font-size:22px;
	font-weight:normal;
	line-height:30px;
	height:60px;
	margin:20px 0px 6px 0px;
}
#layout3 .right li .news p{
	color:#909090;
	line-height:18px;
	height:18px;
	font-size:12px;
}










#layout4{
	top:266px;
}
#layout4 .left{
	width:806px;
}
#layout4 .left img{
	width:806px;
	height:450px;
}
#layout4 .right{
	width:361px;
	height:451px;
	background:url(../images/right1.gif) no-repeat 27px 20px #ededed;
}
#layout4 .right .more{
	font-size:18px;
	color:#5151510;
	line-height:64px;
	height:64px;
	padding-left:268px;
}
#layout4 .right .text{
	height:386px;
	overflow-x:hidden;
    overflow-y:scroll;
}
#layout4 .right .text li{
	height:71px;
	border-bottom:1px solid #e1e1e1;
	padding:14px 11px 0px 21px;
}
#layout4 .right .text li.on{
	border-bottom:1px solid #e15b59;
	background:#e15b59;
}
#layout4 .right .text li.on p{
	color:#fff;
	font-weight:bold;
}
#layout4 .right .text li img{
	width:100px;
	height:60px;
	float:left;
}
#layout4 .right .text li p{
	font-size:18px;
	color:#333;
	width:198px;
	float:right;
	line-height:24px;
	height:48px;
	margin-top:3px;
}










#layout5{
	top:275px;
}
#layout5 ul{
	margin-left:-42px;
	zoom:1;
}
#layout5 li{
	width:579px;
	height:131px;
	background:#f1f1f1;
	float:left;
	display:inline;
	margin:0px 0px 24px 42px;
}
#layout5 li span{
	width:57px;
	height:131px;
	float:left;
	font-size:36px;
	color:#fff;
	line-height:131px;
	font-family:"Arial";
	display:inline-block;
	background:url(../images/num.gif) no-repeat;
	padding-left:10px;
}
#layout5 li p{
	font-size:33px;
	line-height:42px;
	height:84px;
	width:430px;
	float:right;
	margin:23px 52px 0px 0px;
}

#layout5 .tab{
	text-align:center;
	margin-top:16px;
}
#layout5 .tab li{
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #db201a;
	border-radius:50%;
	cursor:pointer;
	margin:0px 7px;
}
#layout5 .tab .current{
	background:#db201a;
}











/*左右华东按钮样式*/
.fp-controlArrow {
    top:90%;
    margin-top:0px;
}
.fp-controlArrow.fp-prev {
    border-width:18.5px 14px 18.5px 0;
    border-color:transparent #000 transparent transparent;
}
.fp-controlArrow.fp-next {
    border-width:18.5px 0 18.5px 14px;
    border-color:transparent transparent transparent #000;
}









@media(max-width:1600px){
	.logo{left:-48px;}
	#page2 .logo,#page3 .logo,#page4 .logo,#page5 .logo,#page6 .logo{left:-98px;}
	#page4 .logo,#page6 .logo{ left:920px;}
	.sidnav{width:152px;}
	.sidnav a{font-size:22px;}
	.sidnav a i{margin:29px 12px 0px 9px;}
	.sidnav a label{margin:17px 10px 0px 0px;}
	
}
@media(max-width:1440px){
	#page1 .text1{ left:691px; width:414px;}
	#layout1,#layout2,#layout3,#layout4,#layout5{width:1100px;left:50px;}
	#layout1 h2{ font-size:40px; margin-right:40px;}
	#layout1 .p1{ margin:15px 40px 0px 0px;}
	#layout1 .block1 li{width:522px; margin-right:10px;}
	#layout1 .block2 ul{margin:38px 0px 0px -30px;}
	#layout1 .block2 li{width:515px; margin-left:30px; font-size:20px;}
	#layout2 .title span{margin-right:45px;}
	#layout2 .title{ margin-left:-40px;}
	#layout2 .more{margin-left:273px;}
	#layout3{ margin-left:-20px;}
	#layout3 .left{width:585px;}
	#layout3 .td1{width:189px;}
	#layout3 .td2{width:320px;border-left:16px solid #fff;}
	#layout3 .td3,#layout3 .td4{width:104px;border-bottom:18px solid #fff;}
	#layout3 .td3{border-right:22px solid #fff;}
	#layout3 .td5{width:416px;}
	#layout3 .td6{width:144px;border-left:23px solid #fff;}
	#layout3 .right{width:490px; margin-right:10px;}
	#layout3 .right li .news{width:338px;padding:0px 15px 0px 95px;}
	#layout4{ margin-left:-30px;}
	#layout4 .left,#layout4 .left img{width:766px;}
	#layout4 .right{width:311px;}
	#layout4 .right .more{padding-left:218px;}
	#layout4 .right .text li{padding:14px 7px 0px 12px;}
	#layout4 .right .text li img{width:90px;}
	#layout4 .right .text li p{width:178px;}
	#layout5 ul{margin-left:-22px;}
	#layout5 li{width:520px;margin:0px 0px 24px 22px;}
	#layout5 li p{width:420px;margin:23px 6px 0px 0px;font-size:30px;}
	#tiles{margin:43px 0px 0px -120px;}
}


/*样式修改开始*/
#layout5 .tab span{ color:#fff;}
#layout5 li span{ padding-left:0px; width:67px; text-align:center;}
#layout5 .tab .current { color:#db201a;}
#layout5 ul{margin-left:-22px;}
#layout5 li {width:528px;margin:0px 0px 24px 22px;}
#layout5 li p{
	font-size:31px;
	width:420px;
	margin:23px 12px 0px 0px;
}
@media(max-width:1440px){
	#layout5 li {width:520px;}
	#layout5 li p{width:420px;margin:23px 6px 0px 0px;font-size:30px;}
}
/*样式修改结束*/


#page1{background:url(../images/page1-bg1.jpg) no-repeat top center;}
#page2{background:url(../images/page2-bg1.jpg) no-repeat top center;}
#page3{background:url(../images/page3-bg1.jpg) no-repeat top center;}
#page4{background:url(../images/page4-bg1.jpg) no-repeat top center;}
#page5{background:url(../images/page5-bg1.jpg) no-repeat top center;}
#page6{background:url(../images/page6-bg1.jpg) no-repeat top center;}
@media(max-width:1600px){#page2 .logo,#page3 .logo,#page4 .logo,#page5 .logo,#page6 .logo{left:-108px;}}

