@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;}
.prev,.next { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:32px; height:63px; position:absolute; float:left; z-index:5}


.doc{overflow: hidden; text-align: left; font: 16px/1.5 Microsoft Yahei,tahoma,HELVETICA; color:#333; }
.doc .inner,.nav-inner{width:1000px; clear: both; margin:0 auto; overflow: hidden;}

.title{  font-size:32.35px; text-align:center; margin:50px auto 0 ; color:#000; line-height:55px; width:165px ; height: 55px; border:2px solid #000 ; }
.title1{ font-size:16px; text-align:center; color:#2f2f2f; font-family: arial; margin-bottom:15px ;}
.area1{ height:525px; background:url(../images/banner.jpg) no-repeat top center;}
.area2 .inner{ height:60px; background:url(../images/dh.jpg) no-repeat top center;}
.area2{ width:100%; height:60px; background:#000;position: fixed; z-index:999; margin:0 auto;}
.area2  ul li{ float: left; width:125px;  height: 60px; line-height: 58px; text-align:center; cursor: pointer;}
.area2  ul li:first-child{ width:125px; }
.area2  ul li.active { color:#000;  text-align:left; background:#c8354f ;  }
.area2  ul li.active a:hover{ color:#fff ;}
.area2  ul li:first-child a{ border-left: 0;}
.area2  ul li a{ color: #fff;font-size: 20px; width:125px ; height:35px ; display: block;  margin-top:13px ;  line-height: 35px; color:#fff;text-align:center;}
.area2  ul li a:hover{ text-decoration: none; color:#f1062f;}
.area2  ul li a.active:hover { color:#333;}

.area10 .inner{ height:60px; background:url(../images/dh.jpg) no-repeat top center;}
.area10{ width:100%; height:60px; background:#000; margin:0 auto;}
.area10  ul li{ float: left; width:125px;  height: 60px; line-height: 58px; text-align:center;}
.area10  ul li:first-child{ width:125px; }
.area10  ul li.active { color:#000;  text-align:left; background:#c8354f ;  }
.area10  ul li.active a:hover{ color:#fff ;}
.area10  ul li:first-child a{ border-left: 0;}
.area10  ul li a{ color: #fff;font-size: 20px; width:125px ; height:35px ; display: block;  margin-top:13px ;  line-height: 35px; color:#fff;text-align:center;}
.area10  ul li a:hover{ text-decoration: none; color:#f1062f;}
.area10  ul li a.active:hover { color:#333;}


.area3 .complay{ background:#acdff7 ; padding:20px ; }
.area3 .title{ margin-top:100px ; }
.area3 .content{ background:#fff ; padding:40px 40px 40px 35px ;}
.area3 .right{ width:540px; float: left ; margin-left: 39px;}
.area3 img{ display: block; float: left; }
.area3 p{ font-size:12px; line-height:26px; text-indent:25px; text-align:justify; text-justify:inter-ideograph; color:#1a1a1a;}
.area3 a{ color: #008fd7;}
.area3 a:hover{ color: #02a8fb;}
.area4{ height:472px; overflow:hidden;}
.area4 .left{ width:488px; height:328px; float:left; display:block;}
.area4 .content{ background:url(../images/news_bg.jpg) no-repeat top center;height:345px ;width: 475px; height: 291px; }
.area4 ul li{ height: 52px;  margin-bottom: 21px; }
/*.area4 ul li .time{  float: left; width:55px;height:35px; border-right: 1px solid #d6d6d6; margin-top: 7px;text-align: center; line-height: 35px; font-size:30px ; color:#008fd7 ; font-weight: bolder;}
.area4 ul li .right{  float: left;  width:407px; padding-left: 10px; }*/
.area4 ul li h4{ font-size: 14px; margin-left: 65px; color: #262626; padding-top: 9px; line-height: 18px;}
.area4 ul li p{ font-size: 12px; color:#1a1a1a ; margin-left: 65px;} 
.area4 .right{ height:345px ;width: 475px; height: 275px; float: right; }
.area4 .more{ width: 102px; height: 32px; background:#59bff0; color:#fff ; font-family: arial; display: block; text-align: center; line-height: 32px;}
 


.area4 .slideBox{ width:488px; height:328px; overflow:hidden; position:relative; }
.area4 .slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:8px; bottom:48px; z-index:1; }
.area4 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.area4 .slideBox .hd ul li{ float:left; margin-right:7px; border: 0;  width:12px; height:12px ; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.area4 .slideBox .hd ul li.on{ background:#caa03a; color:#fff; }
.area4 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.area4 .slideBox .bd li{ zoom:1; vertical-align:middle; border: 0; }
.area4 .slideBox .bd img{ width:488px; height:328px; display:block;  }
.area4 .slideBox .bd p{ position: absolute; left: -70px; top: 280px; background: rgba(0,0,0,0.3); width: 468px; height:48px ; line-height:48px ; padding-left:25px ; font-size: 16px; color: #fff;}



.area5{ height:822px; background:url(../images/customer.jpg) no-repeat top center;}
.area5 .multipleColumn{ overflow:hidden; position:relative; text-align:center;height:750px;}
.area5 .multipleColumn .next{ position:absolute;top:307px;right:0px;background-position: -96px 0;   }
.area5 .multipleColumn .prev{ position:absolute; top:307px;left:0px;background-position: -64px 0; }
.area5 .multipleColumn .next:hover{ position:absolute;top:307px;right:0px;background-position: 0px 0;   }
.area5 .multipleColumn .prev:hover{ position:absolute; top:307px;left:0px;background-position: -32px 0; }
.area5 .multipleColumn .all{position:absolute;top:530px;left:550px; width:135px; height:54px; line-height:54px; background-color:#CAA03A; color:#FFF; font-size:20px;}
.area5 .multipleColumn .all a{ color:#FFF;}
.area5 .multipleColumn .bd{width:917px;margin:0 auto;overflow:hidden;}
.area5 .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:920px;  float:left; _display:inline;  }
.area5 .multipleColumn .bd ul li{ width:212px; margin:3px;border-radius: 2px; position: relative; padding:5px ; -moz-border-radius: 2px; -webkit-border-radius: 2px; height:320px; border: solid 1px #dedede;  color:#000;float:left; _display:inline; overflow:hidden; text-align:center;  }
.area5 .multipleColumn .bd ul li p{color:#000;text-align:center; height:40px; line-height:40px; overflow:hidden; }
.area5 .multipleColumn .bd ul li .picName{ color:#0080ff; font-size:18px; }
.area5 .multipleColumn .bd ul li .picArea{ background:#fafafa; color:#666; font-size:14px; }
.area5 .multipleColumn .bd ul li:hover{border:1px solid #0080ff;}

.area6{ height:664px; }
.area6 .multipleColumn{ overflow:hidden; position:relative; text-align:center;height:750px;}
.area6 .multipleColumn .next{ position:absolute;top:233px;right:0px;background-position: -96px 0;   }
.area6 .multipleColumn .prev{ position:absolute; top:233px;left:0px;background-position: -64px 0; }
.area6 .multipleColumn .next:hover{ position:absolute;top:233px;right:0px;background-position: 0px 0;   }
.area6 .multipleColumn .prev:hover{ position:absolute; top:233px;left:0px;background-position: -32px 0; }
.area6 .multipleColumn .all{position:absolute;top:530px;left:550px; width:135px; height:54px; line-height:54px; background-color:#CAA03A; color:#FFF; font-size:20px;}
.area6 .multipleColumn .all a{ color:#FFF;}
.area6 .multipleColumn .bd{width:917px;margin:0 auto;overflow:hidden;}
.area6 .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1200px;  float:left; _display:inline;  }
.area6 .multipleColumn .bd ul li{ width:290px; position: relative;margin: 12px; height:240px;float:left; _display:inline; overflow:hidden;  }
.area6 .multipleColumn .bd ul li img{ width:290px;  height:240px;}
.area6 .multipleColumn .bd ul li p{color:#fff;display: none; position:absolute; left:0px; bottom:0px;text-align:center;font-size: 18px; width:290px ; height:40px; line-height:40px; overflow:hidden; background:rgba(0,0,0,0.3); }
.area6 .multipleColumn .bd ul li:hover p{ display: block;}





.area7 .slideBox{ width:1000px; height:464px; overflow:hidden; position:relative; }

.area7 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.area7 .slideBox .bd li{ zoom:1; vertical-align:middle; border: 0; }
.area7 .slideBox .bd img{ width:676px; height:464px; display:block; position: absolute; left:160px ; top:0px  }
.area7 .slideBox .bd p{ position: absolute; left: 0; top: 40px; background: #2597cd; color:#fff ; width: 310px; height:46px ; line-height:46px ; padding-left:10px ; font-size: 18px; color: #fff;}
.area7 .slideBox .next{ position:absolute; width:52px; height:52px;bottom:15px;right:0px;background-position: -128px 0;   }
.area7 .slideBox .prev{ position:absolute; width:52px; height:52px;bottom:15px;right:164px;background-position: -180px 0; }
.area7 .slideBox .next:hover{ position:absolute; width:52px; height:52px;bottom:15px;right:0px;background-position: -232px 0;   }
.area7 .slideBox .prev:hover{ position:absolute; width:52px; height:52px; bottom:15px;right:164px;background-position: -284px 0; }
.area7 .more{ width:92px; height:51px; position: absolute; bottom:15px;right:62px; background: url(../images/more.jpg);}

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


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

.area8 .roundabout-moveable-item {
	height:460px; width:695px;
	cursor:pointer; 
	overflow: hidden;
	background:#f9f9f9;
	position: relative;
}

.area8 .roundabout-moveable-item img {
	height:100%;
	width:100%;
	background-color:#FFFFFF;
	margin:0;
}
.area8 .roundabout-moveable-item p{ position: absolute;width:100%; bottom:0px; text-align: center;  font-size: 15px; color: #fff; padding: 15px 0 15px 0; padding-left:10px ; background: rgba(0,0,0,0.4); }

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

.area8 .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;
}

.area8 .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;
}

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

.area8 .roundabout li {
	margin:0
}

.area9 .ctitle ul{ width:930px; height:220px; margin: 0 auto;}
.area9 .ctitle ul li{width:930px; float:left; border-bottom:dashed 1px #010101 ; }
.area9 .ctitle ul li div{ line-height:40px; height:40px;float:left;  width:315px; text-align:right; font-size:12px; color:#7c7f80; overflow:hidden;  }
.area9 .ctitle ul li a{ color:#3c3c3c; text-decoration:none;}
.area9 .ctitle ul li a:hover{ color:#666;}
.area9 .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 ;} 
.area9 .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 */
} 
.area9 .mgtop{ margin-top:15px ;}







#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:#caa03a; border:solid 1px #caa03a;   -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;  }
/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#e1002a; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }