@charset "gb2312";
/* CSS Document */
body{ margin:0; padding:0;}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.bgcolor{ background:#f2f2f2;}
 a{ color:#e33e54;}
.doc{overflow: hidden; text-align: left; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; color:#333; background:url(../images/bg1.jpg) repeat-y center top;}
.doc .inner,.nav-inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
.prev, .next { position:absolute; background:url(../images/img.png); float:left;  width:32px; height:63px; cursor:pointer;  z-index:15; top:265px;}

.title{ display:block;margin:50px auto 30px; }

.navMenu{ display:none; z-index: 9999;width:172px; height:650px; padding:10px 0; background:url(../images/nav.jpg) no-repeat 0 0px;position:fixed;right:5px;top:45px;_position:absolute;_top:expression(documentElement.scrollTop+30);}
.navMenu li{ width:172px; height:50px; background:url(../images/bg3.jpg) no-repeat center top ;   text-align:center; margin:0 auto; position:relative; border-bottom:solid 1px #1ea2e4; ;  }
.navMenu li i{ position:absolute; left:106px; top:-2px;}
.navMenu li a{width:145px; height:50px; text-align:center; font:20.27px/50px Microsoft Yahei; font-weight: bolder;  display:block; color:#f9f4d1;  }
.navMenu li:first-child{border-top:0; height:50px; margin-top:185px;}
.navMenu .active{ background: url(../images/bg4.jpg) no-repeat center top; width:172px; height:50px;   color:#f9f4d1; }
.navMenu li.active a {color: #f9f4d1; text-align:center; width:150px; display:block; font-weight:bolder;}


.area1{ height:470px; background:url(../images/banner.jpg) no-repeat top center;}
.area2{ height:525px; overflow:hidden;}
.area2 .left{ width:405px; height:370px; float:left; background-color:#eaf4f8 ; padding:20px 25px 0 25px ;}
.area2 .left p{ font-size:14px; color:#0e0509; line-height:25px; text-align: justify; text-justify:inter-ideograph; text-indent:30px ;}
.area2 .top{ height: 165px; border-bottom: solid 1px #008fd7;}
.area2 .little{ display: block; float: left; margin-top: 35px; margin-left: 20px;}
.area2 .middle .p1{ font-size:14px; color:#0e0509; line-height:20px ;}
.area2 .content{ width:465px; float:left; padding: 42px 0 0 25px;}
.area2 .middle a{ display: block; width: 215px; height:40px ; margin-top: 10px; background:#008fd7 ; font-size:20px ; color:#fff ; font-weight: bolder; line-height: 40px; text-align: center;}
.area2 .middle{ width:545px; float:left; }
.area2 .bottom .ch{ width:340px; float:left; height:145px;margin: 29px 0 0 25px; border: solid 1px #323232;}
.area2 .bottom .ch .complay{ height:130px ; width: 308px; margin-left:15px ; margin-top: 10px; background:url(../images/bg2.png) no-repeat center top;}
.area2 .bottom .ch .complay p{ color: #0e0509 ; font-size: 16px; line-height: 25px;}
.area3 .ctitle ul{ width:930px; height:220px; margin: 0 auto;}
.area3 .ctitle ul li{width:930px; float:left; border-bottom:dashed 1px #010101 ; }
.area3 .ctitle ul li div{ line-height:40px; height:40px;float:left;  width:315px; text-align:right; font-size:12px; color:#7c7f80; overflow:hidden;  }
.area3 .ctitle ul li a{ color:#3c3c3c; text-decoration:none;}
.area3 .ctitle ul li a:hover{ color:#666;}
.area3 .ctitle div:first-child{width:600px; text-align:left; font-size: 14px; color: #333; background:url(../images/icon.png) no-repeat 0 50%; padding-left:15px ;} 
.area3 .more{ display: block; width: 50px; height:25px ; text-align: center; margin-left:60px ; line-height: 25px;  background:#1ea2e4 ; font-size:14px ; color: #fff; border-radius: 5px;     -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
} 
.area3 .mgtop{ margin-top:15px ;}
.area4 .picScroll-left{ overflow:hidden; position:relative; padding-left:44px ;   }
.area4 .picScroll-left .bd ul{ overflow:hidden; zoom:1; margin-left: 20px;}
.area4 .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:288px;  }
.area4 .picScroll-left .bd ul h2{ text-align: center; display:inline-block;padding:5px 20px ; margin-bottom:20px ; line-height: 25px;  background:#1fa2d8 ; font-size:20.93px ; color: #fff; border-radius: 15px;     -moz-border-radius: 15px;      /* Gecko browsers */
-webkit-border-radius: 15px;   /* Webkit browsers */ }
.area4 .picScroll-left .bd ul p{ text-align: center; padding-top:15px ;  font-size:13.36px ; color: #4c4c4c;}
.area4 .picScroll-left .bd li img{ width:288px; height:228px; }
.area4 .picScroll-left .prev { background-position:-96px 0px; left:1px; top: 134px;}
.area4 .picScroll-left .next { background-position:-64px 0px; right:0; top: 134px;}
.area4 .picScroll-left .prev:hover { background-position:-32px 0px; left:1px; top: 134px;}
.area4 .picScroll-left .next:hover { background-position:0px 0px; right:0; top: 134px;}



.area5 h3{ text-align: center; padding-top:10px 25px; border: dashed #b8b8b8 1px;  font-size:30px ; color: #0093dd; width:910px ;  margin:0 auto ; font-weight: bolder;}

.area6 .picScroll-left1{ overflow:hidden; position:relative; padding-left:35px ;   }
.area6 .picScroll-left1 .bd ul{ overflow:hidden; zoom:1;}
.area6 .picScroll-left1 .bd ul li{ margin:0 13px; float:left; background:url(../images/bg1.png) no-repeat center top ; _display:inline; overflow:hidden; text-align:center; width:160px; height:188px;  }
.area6 .picScroll-left1 .bd ul h2{ text-align: center;   line-height: 25px;   font-size:18px ; color: #fff; margin-top:20px ; margin-bottom:45px ; }
.border{border-radius: 50%; padding: 3px 10px;    -moz-border-radius: 50%px;      /* Gecko browsers */
-webkit-border-radius: 50%; border: solid 2px #fff; }
.border1{border-radius: 50%; padding: 3px 5px;    -moz-border-radius: 50%px;      /* Gecko browsers */
-webkit-border-radius: 50%; border: solid 2px #fff; }
.area6 .picScroll-left1 .bd ul p{ padding:0 15px 0 15px ;  text-align: left; font-size:13.36px ; color: #4c4c4c;}

.area6 .picScroll-left1 .prev { background-position:-96px 0px; left:1px; top: 60px;}
.area6 .picScroll-left1 .next { background-position:-64px 0px; right:0; top: 60px;}
.area6 .picScroll-left1 .prev:hover { background-position:-32px 0px; left:1px; top: 60px;}
.area6 .picScroll-left1 .next:hover { background-position:0px 0px; right:0; top: 60px;}


.area7{height:610px;}
.area7 #featured-area {height: 465px;width: 950px; padding-top:80px;margin:0px auto;}
.area7 #featured-area img{ border:none}


.area7 .roundabout-holder {
	list-style:none; 
	width:500px; 
	height:300px; 
	margin:0px auto;
}

.area7 .roundabout-moveable-item {
	font-size:12px!important;
	height:460px; width:695px;
	cursor:pointer; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#f9f9f9;
}

.area7 .roundabout-moveable-item img {
	height:100%;
	width:100%;
	background-color:#FFFFFF;
	margin:0;
}

.area7 .roundabout-in-focus {
	cursor:auto;
}

.area7 .roundabout-in-focus:hover {
	-webkit-box-shadow:0px 0px 20px #787878;
	-moz-box-shadow:0px 0px 20px #787878;
	background:#f9f9f9;
}

.area7 .roundabout-holder span	 {
	display:none;
	font-size:11px;
}

.area7 .roundabout-in-focus:hover span	{
	display:inline;
	position:absolute;
	bottom:5px;
	right:5px;
	padding:8px 20px;
	background:#f9f9f9;
	color:#8A428B;
	z-index:999;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	font-size : 11px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
}

.area7 .roundabout a:active,.area7  .roundabout a:focus,.area7  .roundabout a:visited {
	outline:none;
	text-decoration:none;
}

.area7 .roundabout li {
	margin:0
}



.area8 .tabs{clear:both; width:1000px; text-align:center; }
.area8 .tabNav {width:1000px;display: inline-block; zoom:1; *display:inline;margin:0px;list-style:none;}
.area8 .tabNav li{ float:left; margin-left:50px; width:225px; height:45px;background:#2f2f2f; border-radius: 10px;     -moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius: 10px;}	
.area8 .tabNav li:first-child{ margin-left:0}
.area8 .tabNav li a { font:22px; line-height:45px;color:#fff; text-align:center; display:block; }
.area8 .tabNav .active, .area8 .tabNav li a:hover{ background: #0093dd; color:#fff; display: block; border-radius: 10px;     -moz-border-radius: 10px;      /* Gecko browsers */
-webkit-border-radius: 10px;} 
.area8 .tabNav {width:500px;display: inline-block; zoom:1; *display:inline;margin:0px;list-style:none; }
.area8 .tabPane{ margin-top:35px ;}
.area8 .tabPane img{ width:406px ; display: block; float: left;}
.area8 .tabPane .content{ width:570px; float: left; margin-left:24px ;}
.area8 .tabPane p{font-size:14px; color:#0e0509; line-height:25px; text-align: justify; text-justify:inter-ideograph; text-indent:30px ;}
.area8 .tabPane p span{ color:#0093dd;} 
.area8 .mgtop{ margin-top:90px ;}



.area9{ height:780px; }
.area9  p{font-size:14px; color:#0e0509; line-height:25px; text-align: justify; text-justify:inter-ideograph; text-indent:30px ;}
.area9 .sj{ display: block; margin:0 auto ;}






#footer{ margin-top:30px;}
.page{ padding-bottom:70px;}
.page a{ color:#333;}
.page A{ border:solid 1px #999;  -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;}
.page A:hover{ background:#fff; color:##1fa2d8; border:solid 1px ##1fa2d8;   -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;  }