@charset "gb2312";
*html{_background-image:url(about:blank);_background-attachment:fixed}
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;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.b_inner, .nav_inner{width:1000px; clear: both; margin:0 auto; overflow: hidden; animation:fadeFromCenter1 .5s ease 0s; }
.title{ width:1000px; height:55px; position:relative; margin-top:45px;}
.title1{ width:1000px; height:55px; position:relative; margin-top:75px; margin-bottom:45px;}
.title_a{ display:block; position:absolute; left:0; top:0;}
.more{ position:absolute; width:75px; height:40px; color:#666; font-size:14px; font-family:"宋体"; border-left:1px #cccccc solid; border-right:1px #cccccc solid; top:5px; bottom:5px; right:0; text-align:center; line-height:40px; }
.more:hover{ color:#333;}

.prev,.next, .prev_btn1, .next_btn1 { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:21px; height:43px; position:absolute; float:left; z-index:5}

.area1{background:url(../images/banner.jpg) no-repeat center top; height:590px;}
.area2 .nav{ height:60px; border-bottom:solid 1px #00a0e9; }

.area2  ul li{ float: left; width:116px;  height: 55px; line-height: 55px; text-align:center;}
.area2  ul li:first-child{ width:65px;}
.area2  ul li a.first { color:#003567; font-weight:bolder; text-align:left;  }
.area2  ul li a.selected { color:#003567;}
.area2  ul li a{ color: #434343;font-size: 19px; line-height: 55px; z-index:1; text-align:center;}
.area2  ul li a:hover{ text-decoration: none; color:#003567;}
.area2  ul li a.first:hover { color:#003567;}


.area3 .acticle{ width:390px; float:left; margin-top:30px; animation:fadeInLeft .5s ease 0s;}
.area3 ul li{ margin-bottom:5px;}
.area3 ul li h3{ font:700 18px/24px "\5FAE\8F6F\96C5\9ED1"; color:#222; overflow:hidden; background:url(../images/fk.jpg) no-repeat 0 57%; padding:10px 10px 7px 10px; }
.area3 ul li h3:hover{ color:#434343;}
.area3 ul li p{ font-size:12px; color:#222; overflow:hidden; padding-left:11px; background:none;}
.area3 .one li h3{ font:700 16px/26px "\5FAE\8F6F\96C5\9ED1";}
.area3 .one li p{ background:url(../images/fk1.jpg) no-repeat 0 57%;}


.area3 .slideBox{ width:560px; height:350px; overflow:hidden; position:relative; margin-top:29px; float:right;  }
.area3 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1; }
.area3 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.area3 .slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; background:#b2b2b4; cursor:pointer; border-radius:50%;}
.area3 .slideBox .hd ul li.on{ background:#4376ca; }
.area3 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.area3 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.area3 .slideBox .bd img{ width:560px; height:350px; display:block;  }
.area3 .slideBox .bd strong{ position:absolute; left:10px; top:315px; z-index:2; font-size:16px; font-weight:500px;display:block;  }
.area3 .slideBox .bd li a:hover strong{ color:#666;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.area3 .slideBox .prev,
.area3 .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.area3 .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.area3 .slideBox .prev:hover,
.area3 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.area3 .slideBox .prevStop{ display:none;  }
.area3 .slideBox .nextStop{ display:none;  }

.ban{ width:1000px;  position:relative; overflow:hidden; }
.ban2{ width:1000px; height:210px; position:relative; overflow:hidden; margin-top:25px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1000px; height:500px;}
.ban2 ul li legend{ font-size:20px; color:#959595; padding:0 10px; margin:0 135px;}
.ban2 ul li .left{ width:205px; float:left;}
.ban2 ul li .left .logo{ width:187px; height:88px; display:block; padding:0 9px;}
.ban2 ul li .left h3{ font-size:23px ; color:#434343; overflow:hidden; background:url(../images/line.jpg) no-repeat 0 29%; padding:15px 10px 40px 18px; }
.ban2 ul li .middle{ width:393px; float:left; margin-left:20px;}
.ban2 ul li .right{ width:330px; height:160px; float:right; margin-right:25px}
.ban2 ul li .middle h4{ width:70px; height:20px; font-size:15px ; color:#fff; overflow:hidden; background:#434343; text-align:center; line-height:18px; }
.ban2 ul li .middle p{  font-size:12px ; color:#434343; overflow:hidden;line-height:18.5px; text-indent:25px; text-align:justify; text-justify:inter-ideograph;}

.num{ height:120px;overflow:hidden; width:1000px; position:relative;float:left;}
.min_pic{ padding-top:45px; width:820px; overflow:hidden; margin:0 auto;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:120px; height:120px; margin-right:55px; border-radius:50%; background:#434343; color:#fff; font-size:20px; line-height:115px; text-align:center; cursor:pointer;}
.num ul li.on{ background:#00a0e9; color:#fff;}
.prev_btn1{ background-position:-21px 0; left:0 ;top:85px;}
.next_btn1{ background-position:0; left:978px ;top:85px;}



.area5 .map{ width:430px; height:300px; float:left;}
.area5 .map a{ position:relative; height:300px;}
.area5 .map a:hover span{ position:absolute; right:0px; bottom:70px; background:url(../images/fd.png) no-repeat center top; display:block; width:86px; height:86px;}

.area5 ul { width:490px; float:right; margin-top:-7px; }
.area5 li { float:left; margin-left:5px;margin-top:7px; display:inline;}
.area5 li a { display:block; text-align:center; height:38px; width:63px; color:#333333; font:14px/38px "microsoft yahei"; background:#f6f6f6; border:1px solid #eaeaea; border-radius:5px; overflow:hidden; line-height:39px;}
.area5 li a:hover { background:#01b4ff; color:#fff; border-color:#01b4ff;}

.area6 .ewm{ display:block; margin-top:75px;}

.area7{ }
.area7 .pic_box{ width:575px; height:310px; float:left;margin-top:30px;}
.area7 .pic{ width:575px; height:300px;}
.area7 .pic_box p{ color:#000; background:url(../images/line_b.jpg) no-repeat 65px 50%; text-align:center; color:#434343; font-size:23px; line-height:50px;}
.area7 .pic_box p span{ padding-left:15px; }
.area7 .picbox{ float:right;width:415px; margin:0 auto; overflow:hidden; display:block; position:relative; padding-top:30px; padding-bottom:20px;}
.area7 .jCarouselLite{width:674px; float:left;}
.area7 .jCarouselLite img{ width:128px; height:98px; cursor:pointer; }
.area7 .jCarouselLite img:hover{ border:solid 1px #666;}
.area7 .jCarouselLite li { width:415px;  float:left; overflow:hidden;}
.area7 .jCarouselLite li  dl{width:415px}
.area7 .jCarouselLite li  dl dd{float:left; width:138px; height:108px;  }
.area7 .prev{background-position:-108px 0px;  width:33px; height:16px; left:187px; top:0px;}
.area7 .next{background-position:-141px 0px; width:33px; height:16px; left:187px; bottom:0px}
.area7 .prev:hover{background-position:-75px 0px; width:33px; height:16px; left:187px; top:0px}
.area7 .next:hover{background-position:-42px 0px; width:33px; height:16px; left:187px; bottom:0px;}

.area8 .b_inner{ width:1010px;}
.area8 .yuyue{ height:398px; background:url(../images/yuyue.jpg) no-repeat center top;}
.area8 p{ font-size:16px; color:#434343; line-height:30px; margin-left:50px;}
.area8 .mgtop1{ padding-top:60px;}
.area8 .mgtop2{ margin-top:35px;}
.area8 .cl{ color:#00a0e9;}
.area8 SPAN{ font-size:24PX; color:#00a0e9; font-weight:bolder;}
.area9 .left{ width:500px; height:450px; float:left;}
.area9 .left li{ width:250px; height:230px; float:left; position:relative; }
.area9 .left li img{ width:240px; height:220px;}

.area9 .left li:hover .active{
	display:block;
	background: rgba(40,169,234,0.8); 
	width:240px;
	height:190px;
	position:absolute;
	top:0;
	left:0;
	color:#FFF;
	text-align:center;
	padding-top:30px;
}
.area9 .left li .active{
	display:none;
}
.area9 .right{ width:490px; height:450px; float:left;margin-right: 10px; }
.area9 .right li{display:none; position:relative;}
.area9 .right li em{ width:100px; height:100px; background:url(../images/bf.png) no-repeat center top; position:absolute; left:200px; top:165px;}
.area9 .right li img{ width:490px; height:450px; display:block;}

.area10{ height:677px;}
.area10 .product ul { height:500px; position:relative; }
.area10 .product li { width:320px; height:240px; display:inline; float:left; overflow:hidden; margin-right:20px; margin-bottom:20px; position:relative; }
.area10 .product li a { display: inline-block; width:320px; height:500px; position:relative; float:left; overflow:hidden; }
.area10 .product li img{ width:320px; height:240px;} 
.area10 .product .Icon_L, .area10 .product .Icon_R { display: block; width: 320px; height: 100%; position:absolute; top:0; }
.area10 .product .Icon_L { left:-320px; background:url(../images/pro-bg1.png) 0 0 repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../images/pro-bg1.png');
}
.area10 .product .Icon_R { background:url(../images/pro-bg2.png) 0 0 repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../images/pro-bg2.png');
left:320px; }
.area10 .product .tit-s { display: block; width:100%; height:35px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
background:rgba(0, 0, 0, 0.7); font:16px/35px "Microsoft YaHei"; color:#fff; text-align:center; position:absolute; bottom:0px; left:0px; }
.area10 .product .txt-p { position:absolute; top: 35%; left: 8%; margin-top:-10%; color:#fff; display:none; overflow:hidden; width: 85%; height:118px; font:16px/28px "Microsoft YaHei"; }
.area10 .product li.first { position:absolute; right:0; width:320px; height:500px; margin-right:0; }
.area10 .product li.first a img { width:320px; height:500px; }
.area11{ height:840px;}
.area11 ul{ margin-right:-32px; }
.area11 ul li{ width:312px; height:362px; float:left; float:left; position:relative; margin-right:32px; margin-bottom:30px;}
.area11 ul li img{ width:255px; height:290px; margin:35px auto 0; display:block;}
.area11 span{ background:url(../images/bg.png) no-repeat center top; z-index:2; display:block; width:312px; height:362px; position:absolute; top:0; left:0}
.area11 ul li:first-child{ z-index:2;}
.area11 ul li:nth-child(4){ margin-left:172px; top:-88px;}
.area11 ul li:nth-child(5){ top:-88px;}
.area12{ height:1px; border-bottom:dashed 1px #918b8a; margin:55px 0; }
.area13{ height:370px; background:url(../images/bottom.jpg) repeat-x center top;}
.area13 .inner{ background:url(../images/bottom1.jpg); height:370px; }
.area13 ul{ margin-left:495px; margin-top:145px;}
.area13 ul li{ font-size:12px; color:#fff; line-height:18px; margin-left:50px;}
.area13 ul li a{ color:#FFF;}
.area13 ul li a:hover{ color:#f8f7f7;}
.area13 ul li span{ font-weight:bolder;}
.area13 .mgtop{ margin-top:20px;}
.sl-overlay{ background:#000}

.area15 ul{margin-top:10px;}
.area15 li { float:left; margin-left:10px;margin-top:10px; margin-bottom:5px; display:inline; text-align:center;}
.area15 img{ width:180px; height:165px; border:2px solid #f0f0f0; display:block;}

.area16{ height:650px;}
.area16 .show{width:600px; overflow:hidden; margin:0 auto; text-align:center; padding-bottom:30px;}
.area16 .show .showname { font:bold 16px/30px; color:#BA2636; }
.area16 .show span{ color:#049; }
.area16 .show span.green{ font:normal 12px/30px; color:#090; }
.area16 .show .showinfo {padding:10px 0; }
.area16 .show .showinfo img{ width:600px; }
.area16 .show .showdetail { font-size:14px; line-height:24px; text-align:left; padding-top:20px; }


/* 列表页 */
.newsList {padding:0px 20px 20px 20px;}
.newsList li{ height:50px; line-height:50px; overflow:hidden; font-size:14px; border-bottom:1px solid #ddd; background:url(../images/icon_right.png) no-repeat 5px 18px; padding-left:24px;}
.newsList li a{ color:#333;}
.newsList li a:hover{ color:#666;}
/* 分页 */
.page { PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; COLOR: #313031; PADDING-TOP: 10px;  BACKGROUND-COLOR: #fff; TEXT-ALIGN:center; margin:8px 0 30px 0; }
.page A{ BORDER-RIGHT: #b7d8ee 1px solid; padding:5px 8px; BORDER-TOP: #b7d8ee 1px solid;  MARGIN: 0px 2px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #095cb4; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none }
.currentPage {padding:5px 8px;}
.page A:hover { BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6 }
.page A:active { BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6 }
.paginationInfo  { BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6 }
.paginationInfo  { DISPLAY: none }
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); }