@charset "utf-8";
*{ margin:0; padding:0;}
a{ text-decoration:none;}
body {font: 100% 宋体;color: #000;font-size:12px;}
ul{list-style:none;}

a img {
	border: none;
}
.header{ width:100%; height:313px; border-top:#FFF 5px solid; }
.header_bg_1{background:url(../images/header_bg_1.jpg) 50% top no-repeat;}
.header_bg_2{background:url(../images/1.jpg) 50% top no-repeat;}
.header_bg_3{background:url(../images/2.jpg) 50% top no-repeat;}
.header_bg_4{background:url(../images/3.jpg) 50% top no-repeat;}
.header_bg_5{background:url(../images/4.jpg) 50% top no-repeat;}
.header_bg_6{background:url(../images/5.jpg) 50% top no-repeat;}
.header_bg_7{background:url(../images/6.jpg) 50% top no-repeat;}

.box{ width:1000px; margin:0 auto;}
.nav{ float:right; width:661px; height:35px; background:url(../images/nav_bg.png) 0 -2px no-repeat;}
.nav ul{width:550px;  margin-left:56px;}
.nav ul li{ float:left; width:61px;height:35px; margin-left:8px; margin-right:8px; text-align:center;}
.nav ul li a{ line-height:28px; display:block; text-decoration:none; color:#6c6c6c; }
.nav ul li a:hover{ background:url(../images/nav_hover.jpg) 7px 25px no-repeat; color:#105cb1;}
.container { width:1000px;  margin:0 auto; margin-top:50px; background:#FFF; }
.banners{ float:left; width:625px; height:268px; border:1px solid #c4c4c4; margin-left:20px; margin-top:10px;}

.main_view {
	float: left;
	margin:8px;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:253px;	width: 609px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px; right: 5px;
	width: 70px; 
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 20px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	width:11px; height:12px;
	text-decoration: none;
	
	background:url(../images/list_hover.png) 0 0 no-repeat;
	display:block;
	float:left;
	color: #fff;
	margin-left:5px;
}
.paging a.active {
	font-weight: bold;
	background:url(../images/list_a.png) 0 0 no-repeat;

}
.paging a:hover {font-weight: bold;background:url(../images/list_a.png) 0 0 no-repeat;}


.business{ float:left; width:256px; height:268px;  margin-left:40px; margin-top:10px;}
.business h3{width:255px; height:50px; background:url(../images/business_h3.jpg) 0 0 no-repeat;}
.business h3 a{ float:right;display:block;width:50px;height:20px;background:url(image/logo.png) no-repeat 0 0; margin-top:22px;text-indent:270px;white-space:nowrap;overflow:hidden;}
.business ul li{ width:265px; height:40px; text-align:center;}
.business ul li a{ width:265px; line-height:40px; display:block; background:url(../images/business_bg.jpg) 0 -42px no-repeat; color:#626262; }
.business ul li a:hover{background:url(../images/business_bg.jpg) 0 -5px no-repeat; color:#000; }



.about{ float:left; width:313px; margin-left:20px; margin-top:20px;}
.about h3{ height:40px; background:url(../images/about_h3.jpg) 0 0 no-repeat;}
.about h3 a{ float:right;display:block;width:50px;height:20px;background:url(image/logo.png) no-repeat 0 0; margin-top:15px;text-indent:270px;white-space:nowrap;overflow:hidden; }
.about .text{ width:300px; height:190px; margin-left:5px; line-height:24px;}
.about .text img{ float:left; margin-left:5px; margin-right:6px; }
.newsList{ float:left; width:339px; margin-left:20px; margin-top:20px;}
.newsList h3{ height:40px; background:url(../images/news_h3_bg.jpg) 0 -2px no-repeat;}
.newsList h3 a{ float:right;display:block;width:50px;height:20px;background:url(image/logo.png) no-repeat 0 0; margin-top:15px;text-indent:270px;white-space:nowrap;overflow:hidden; }
.newsList ul{width:339px; height:193px; background:url(../images/news_ul_bg.jpg) 0 0 no-repeat;  }
.newsList ul li{ margin-left:10px; width:320px; height:30px;}
.newsList ul li a{ padding-left:20px; display:block; line-height:30px;  color:#626262; border-bottom:1px solid #f0f0f0; }
.newsList ul li em{ float:right; width:50px; color:#c9caca;font-style:normal;}
.newsList ul li a:hover{ color:#000;background:url(../images/newlist_li_bg.png) 0 6px no-repeat;}
.newsList ul li a:hover em { color:#06537d; font-family:100% Arial;}

.Contact{ float:left; width:229px; height:40px;margin-left:20px; margin-top:20px;}
.Contact h3{ height:40px; background:url(../images/lxwm_h3_bg.jpg) 0 6px no-repeat;}
.Contact h3 a{ float:right;display:block;width:50px;height:20px;background:url(image/logo.png) no-repeat 0 0; margin-top:15px;text-indent:270px;white-space:nowrap;overflow:hidden; }
.sidebar{ float:left; width:260px;}
.sidebarList{ width:200px;  margin-left:30px; }
.sidebarList h3{ height:31px; }
.s_news{background:url(../images/listNews.jpg) 0 0 no-repeat;}
.s_join{background:url(../images/join.jpg) 0 0 no-repeat;}
.s_case{ background:url(../images/case_h4.jpg) 0 0 no-repeat;}
.s_business{ background:url(../images/business_h4.jpg) 0 0 no-repeat;}
.sidebarList ul li{ width:200px; height:40px; text-align:center; margin-top:2px;}
.sidebarList ul li a{ width:200px; line-height:40px; display:block;color:#626262;background:#FFF; border-bottom:1px solid #DDD;  }
.sidebarList ul li a:hover{color:#0051ac;  background:#f2f2f2;}

.maincontent{ float:right; width:730px;  }
.webPath{ text-align:right; color:#626262;}
.webPath a{color:#626262; margin-left:5px; margin-right:5px;}
.webPath a:hover{ text-align:right; color:#0051ac;}
.mainText{ background:#f9f9f9;  color:#666666; margin-top:10px; border-top:5px #dbe6ea dotted; padding:30px; line-height:26px;}
.mainText .pcss{ margin-top:30px;}
.mainText h4{height:25px; background:url(../images/h4.jpg); border:1px #ececec double; line-height:25px; padding-left:15px; margin-bottom:10px; margin-top:10px; }
.mainNews{ background:#f9f9f9;  color:#666666; margin-top:10px; border-top:5px #dbe6ea dotted; padding:30px; line-height:26px;}
.mainNews .Newstitle{ text-align:center; font-size:18px;font-weight:bold;}
.mainNews h4{height:25px; background:url(../images/h4.jpg); border:1px #ececec double; line-height:25px; text-align:center; margin-bottom:10px; margin-top:10px; font-weight:normal;}
.businessList { width:680px;}
.businessList li{ float:left; width:300px; margin-left:20px; margin-top:20px; height:240px; border:1px #999 solid; padding-left:10px; padding-top:10px;}
.businessList li a img{width:288px; height:200px; border:1px solid #999; }
.businessList li a em{color:#000;font-style:normal;}

.mainView{color:#666666; margin-top:10px; border-top:1px #dbe6ea solid; line-height:26px;}

.case{ width:1000px;  margin-top:20px;}
.case h3{ height:40px; background:url(../images/case.jpg) 60px 6px no-repeat;}

.examples_body {width: 1000px;clear: both;margin-top:10px;position: relative;}
.bx_wrap {margin-left: 35px;}
.bx_wrap ul img { border: 2px solid #DDD; }

.bx_wrap a.prev {width: 26px;height: 26px;line-height: 17px;outline-style: none;outline-width: 0;position: absolute;top: 40px;left: 25px;text-indent: -9999px;	background: url(../images/icon_arrow_left_1.png) no-repeat;
}
.bx_wrap a.prev:hover {background: url(../images/icon_arrow_left_2.png) no-repeat;}
.bx_wrap a.next {width: 26px;height: 26px;line-height: 17px;left: 950px;outline-style: none;outline-width: 0;position: absolute;top: 40px;text-indent: -9999px;background: url(../images/icon_arrow_right_1.png) no-repeat;}
.bx_wrap a.next:hover {background: url(../images/icon_arrow_right_2.png) no-repeat;}

.newsul li{ width:670px; height:25px;}

.newsul li a{ padding-left:20px; color:#666666;  line-height:25px; background:url(../images/news_list.png) 5px 8px no-repeat; border-bottom:1px #c8c8c8 dashed; display:block;}
.newsul li a:hover{ border-bottom:1px #c8c8c8 solid; color:#0051ac;}
.newsul li em{ float:right;font-style:normal;}

.footer { height:100px; text-align:center; margin-top:20px;}
.footers { width:1000px;  height:100px; margin:0 auto; border-top:#018bff 2px solid;  }
.footers p{ margin-top:20px;}
.footers p a{color:#626262;  margin-left:10px; margin-right:10px; }
.footers p a:hover{color:#0051ac;}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}