/* CSS Document */

*{ margin:0; padding:0;}
a{ text-decoration:none; color:#000000;}
li{ list-style:none;}
@font-face{ font-family:'q1'; src:url(../font/q1.ttf);}
@font-face{ font-family:'q2'; src:url(../font/q2.ttf);}
@font-face{ font-family:'q3'; src:url(../font/q3.ttf);}
:root{ background:url(../images/06.png); background-attachment:fixed;}




.nav{ width:100%; height:80px; background:#E3E3E3;}
.nav1{ width:1200px; height:80px; margin:0 auto;}
.nav1 .logo{ width:150px; height:60px; float:left; margin-top:17px;}
.nav1 ul{ width:700px; height:80px; float:right;}
.nav1 ul li{ width:130px; height:80px; float:left;}
.nav1 ul li a{ width:100px; height:30px; display:block; text-align:center; margin:0 auto; margin-top:30px; font-family:q3; font-size:24px;}
.nav1 ul li a:hover{ border-bottom:2px solid #FF0004; color:#FF0004;}




.center{ width:100%; height:500px; overflow:hidden; position:relative;}
.center ul { width:5760px; height:500px; overflow:hidden;}
.center ul li{ float:left;}




.center1{ width:1200px; height:400px; margin:0 auto; background:#FFFFFF; margin-top:50px;}

.center1-1{ width:1200px; height:80px;}
.center1-1 ul li{ width:171px; height:75px; float:left;}
.center1-1 ul .selected{border-top:4px solid #FF0004;}
.center1-1 ul li a{ width:160px; height:75px; color:#000000; display:block; text-align:center; line-height:80px; margin:0 auto; font-family:q3;}

.center1-1 ul li a:hover{ color:#FF0004;}
.center1-2{ width:1200px; height:320px;}
.center1-2 .kk{ display:none;}
.center1-2 ul li{ width:171px; height:280px; float:left; margin-top:20px;}
.center1-2 ul li a{ width:100px; height:280px; display:block; margin:0 auto;}
.center1-2 ul li img{ width:83px; height:82px; margin:0 auto;}

.center1-2 ul li a p{ width:100px; height:200px; writing-mode:vertical-lr; text-align:center; line-height:90px; font-family:q3;}
.center1-2 ul li a p:hover{ color:#FF0004;}


.center2{ width:1200px; height:500px; background:url(../images/chadao.png) no-repeat; margin:0 auto; margin-top:50px;}
.center2 h2{ width:300px; height:200px; font-family:q1; font-size:40px; text-shadow: 10px -10px 0px #c1c1c1; display:block; text-align:center; line-height:200px; margin-left:20px;}
.center2 p{ width:360px; height:300px; font-family:q3; margin-left:30px; line-height:35px;}




.center3{ width:1200px; height:580px; background:#FFFFFF; margin:0 auto; margin-top:50px; }

.center3 h2{ width:1200px; height:100px; text-align:center; line-height:100px;}
.center3 h2 a{ font-family:q1; font-size:40px; text-shadow:10px -10px 0px #c1c1c1;}


.center3 ul{ width:1100px; height:480px; margin:0 auto;}
.center3 ul li img{ width:170px; height:130px; margin-left:15px;}
.center3 ul li a{ width:200px; height:200px; display:block; margin:0 auto;}
.center3 ul li{ width:270px; height:230px; float:left; margin-left:2px;}
.center3 ul li a p{ width:200px; height:50px; text-align:center; line-height:25px; margin-top:5px; font-size:14px;}

.center4{ width:1200px; height:850px; margin:0 auto; background:#FFFFFF; margin-top:50px; overflow:hidden;}
.center4 .s{ width:1200px; height:750px;}


.center4 h2{ width:1200px; height:100px; text-align:center; line-height:100px; background:#FFF; z-index:999;}
.center4 h2 a{ font-family:q1; font-size:40px; text-shadow:10px -10px 0px #c1c1c1;}






.center4 .s{ width:1200px; height:750px; overflow:hidden;}
.center4-1{ width:1145px; height:300px; border:2px solid #DCDCDC; margin:0 auto; margin-top:50px;}
.center4-2{ width:1145px; height:300px; border:2px solid #DCDCDC; margin:0 auto; margin-top:50px;}


.center4-1-left{ width:350px; height:300px; float:left;}
.center4-1-left p{ width:350px; height:80px; font-family:q3; font-size:40px; line-height:80px; text-align:center;}
.center4-1-left img{ margin-left:70px;}
.center4-1-right{ width:795px; height:300px; float:left;}
.center4-1-right p{ width:500px; height:145px; margin:0 auto; line-height:35px; margin-top:80px; font-family:q3;}


.center4-2-left{ width:795px; height:300px; float:left;}
.center4-2-left p{ width:500px; height:145px; margin:0 auto; line-height:35px; margin-top:80px; font-family:q3;}

.center4-2-right{ width:350px; height:300px; float:left;}
.center4-2-right img{ margin-left:70px;}
.center4-2-right p{ width:350px; height:80px; font-family:q3; font-size:40px; line-height:80px; text-align:center;}





.foot{ width:100%; height:400px; background:#fff; margin-top:50px;}
.foot1{ width:1200px; height:400px; margin:0 auto;}
.foot1 ul{ width:700px; height:220px; margin:0 auto; padding-top:80px;}
.foot1 ul li{ width:140px; overflow:hidden; float:left; text-align:center;}
.foot1 ul li a:hover{ color:#FF0000;}
.foot1 ul .zi li{ float:none; height:30px; font-size:10px;}
.biao{ margin-top:20px;}



.jiao{ width:100%; height:50px; background:#C1C1C1;}
.dizhi{ width:1200px; height:50px; margin:0 auto;}
.dizhi p{ width:300px; height:50px; display:inline; float:left; text-align:center; line-height:50px; margin-left:200px; font-size:10px;}














/*js*/
.center ol {
	position:absolute;
	right:400px;
	bottom:10px;
}
.center ol li {
	height:20px;
	width:20px;
	background:#ddd;
	border:1px solid #969591;
	border-radius:50%;
	margin-left:5px;
	color:#959490;
	float:left;
	text-align:center;
	cursor:pointer;
}
.center ol .on {
	background:#8F9E9E;
	color:#fff;
}