/* CSS Document */
.top{width:100%; height:101px; background:url(top_bg.png) repeat-x; position:relative; z-index:9999}
.top_1{width:1100px; height:101px; margin:0 auto;}
.top_2{width:400px; height:38px; float:right;}
.top_2 span {display:block; width:130px !important; height:38px; line-height:38px; text-align:right; padding-left:10px; float:right;}
.top_3{width:1100px; height:64px;}
.top_4{float:left;width:300px; height:38px; line-height:38px; text-align:left; padding-left:20px;}
.top_4 a{display:block; background:url(home.gif) left no-repeat; padding-left:17px; width:100px; line-height:40px;}
.logo { width:216px; height:64px; float:left;}
.tel{width:182px; height:64px; float:right;}
#cus_ser{
        z-index:9999;
        width:32px; 
        position:fixed; 
		left:0px; 
		color:#FFF; 		
        top: 170px; 
		overflow:hidden;border-bottom-right-radius:4px;  border-top-right-radius:4px;
}
.cus_ser_{width:165px;background:#1463da;border-bottom-right-radius:4px;  border-top-right-radius:4px;overflow:hidden;}
#cus_ser .title{ width:32px; height:195px; float:left; background:url(../images/zxzx.jpg) no-repeat left center; cursor:pointer;margin:0;border-bottom-right-radius:4px;  border-top-right-radius:4px;
}
#cus_ser  ul{ padding:10px 0px 20px 2px; width:120px; float:right;}
#cus_ser  ul li{ line-height:30px; display:block; font-size:12px; text-align:left;}
#cus_ser  ul li a{ color:#FFF;}
#cus_ser  ul li a:hover{ text-decoration:underline;}
#cus_ser .close{ display:inline-block; width:16px; height:16px; overflow:hidden; cursor:pointer; margin-right:4px; float:right;}
#cus_ser ul, ol{
	list-style: none;
	margin:0 0 0 0;
}

#nav{width:700px; height:64px; float:left;}

#nav #nav_IVwmwS {
	width: 970px;
	_width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.navigation {
	margin-top:20px;
}
.navigation li {
	width: 100px;
	text-align: center;
	float: left;
	position: relative;
	z-index: 100;
}
.navigation li a {
	display:block;
	font-size:15px;  
	line-height:23px; 
	color:#333;
}
.navigation li a:hover, .navigation li.hover  {
	color:#1a6699
}
.navigation li ul {
	display: none;
	position: absolute;
	left: -25px;
	z-index: 100;
	padding: 10px 0px;
	width: 150px;
	position: absolute;
	background: #FFF;
}
/*
.navigation li ul ul { left:100px; top:20px; z-index:200; top:0; }
*/
.navigation li ul li {
	height:30px;
	line-height:30px;
	position: relative;
}
.navigation li ul li a {
	line-height:30px;
	font-weight:normal;
	text-align:center;
	width: 150px;
	font-size: 12px;
}
.navigation li ul li a:hover {
	text-align:center;
}
.navigation li ul li .navi_dq{
	position: absolute;
	left: 150px;
	top: 0px;
	position: absolute;
}
/*.menu li{width:95px;  float:left; margin-right:10px; margin-left:5px; margin-top:21px;}
.menu li a{width:95px;  font-size:15px;  line-height:23px; color:#333; }
.menu li a:hover{color:#1a6699}
.menu li ul{ width:150px; background:#fff; position:relative; left:-25px; _position:absolute; _left:auto; _margin-left:-85px; width: 150px; padding-bottom:10px;}
.menu li ul li{margin-top:15px; width:150px;margin-left: 0px;margin-right: 0px;}
.menu li ul li a{font-size:12px; width:150px;}
.menu li ul li ul{ display:none; width:150px; background:#fff; position:absolute; top:0; left:150px; _position:absolute; _left:auto; _margin-left:-85px; width: 150px; padding-bottom:10px;}*/
.banner{width:100%; height:255px; background: url(bannerbg.png) bottom repeat-x; position:relative; top:3px;}

	/* 本例子css */
	.focusBox {
	position: relative;
	width:100%;
	height:250px;
	margin:0 auto;
	overflow: hidden;
}
	.focusBox .pic li { height:250px; }
	.focusBox .pic img { display: block; }
	.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; right:48%; z-index:3}
	.focusBox .hd li{float:left; line-height:22px; text-align:center; font-size:12px; width:22px; height:22px; cursor:pointer; overflow:hidden; background:url(bullets.png) no-repeat center top; margin-left:4px; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:url(bullets.png) no-repeat center bottom; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:40px; height:100px; position:absolute; top:35%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background-image:url(prev.png); left:0 }
	.focusBox .next { background-image:url(next.png); right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
	
.banner_x{width:997px; height:308px;_width:1009px; _height:320px; padding:6px; background:#fff; margin-top:20px;}
.main{width:1060px; min-height:216px; _height:216px; margin:0 auto; margin-top:30px;}
.about{width:268px; height:216px; float:left; }
.about span,.cpjj_2 span,.contact_2 span{font-size:18px; color:#1b5e8b; }
.cpjj{width:360px; height:216px; float:left; margin-left:20px;}
.cpjj_1{width:116px; height:206px;_height:216px; float:left; padding-top:10px;}
.cpjj_2{width:220px; height:120px; float:right; margin-top:27px; text-align:left;}
.cpjj_2 p{line-height:24px;}
.cpjj_2 a{display:block; width:50px; float:right; background:url(more.gif) left no-repeat; padding-left:14px;}

.contact{width:360px; height:216px; float:left; margin-left:30px;}
.contact_1{width:116px; height:206px;_height:216px; float:left; padding-top:10px;}
.contact_2{width:220px; height:120px; float:right; margin-top:27px; text-align:left;}
.contact_2 p{line-height:24px;}
.contact_2 a{display:block; width:50px; float:right; background:url(more.gif) left no-repeat; padding-left:14px;}
.xian{margin-bottom:20px;}



.product{width:1000px; height:290px; }
.product_title{height:43px; text-align:left;}
.product_title_1{height:21px;}
.product_title_1 span{display:block; width:81px;_width:85px; background:url(title.jpg) right no-repeat; line-height:21px; font-size:18px; color:#1b330c; float:left; padding-left:4px;}
.product_title_1 a{display:block; width:80px; float:right; text-align:center; color:#5aa804}
.product_title_2{height:14PX; background:#8fb677; line-height:14px; color:#fff; padding-left:5px; margin-top:5px;}
.product_con{padding:5px; text-align:left;}


.footer{width:100%; min-height:62px;_height:77px; background:url(footerbg.gif) repeat-x; padding-top:15px;}
.footer p{line-height:25px; color:#333; }
.main_page{width: 1072px;
margin: 0 auto;
padding: 40px 0 22px 0;}
.main_left{width: 258px;float: left;text-align: left;}
.search {
padding-left: 22px;
padding-right: 10px; _padding:0px;}

.tit {
font-size: 18px;
line-height: 30px;
padding: 10px 0 4px 0;
display: block;
font-weight: normal;
color: #555;}
 .search .s_box {
border: 1px solid #ddd;
background: #f7f7f7;
height: 27px;
_width:220px;
_margin-left:12px;
margin-top: 12px;
}.search .s_input {
height: 27px;
background: none;
width: 184px;
border: none;
float: left;
padding-left: 4px;
color: #999;
line-height: 26px;
}.search .s_but {
background: url(n_r_s_but.jpg) no-repeat left center;
width: 26px;
height: 26px;
border: none;
float: left;
display: block;
}
 .main_left .botoom {
height: 12px;
background: url(bj_search_bottom.jpg) no-repeat right center;
position: relative;
left: -4px;
_left:auto;
width: 262px;
_width:258px;
top: 24px;
}
 .sub_cl_nav {
margin: 30px 0;
}
.green {
color: #1b5e8b;
}
.tit_name {
font-size: 14px;
padding: 16px 0 8px 0;
}
 .sub_cl_nav li {
padding-left: 16px;
line-height: 24px;
}

.main_right{width: 780px;_width: 780px;float: left;min-height:800px;_height:800px;border-left: 1px solid #ddd;margin-left: 21px; _margin-left:0px; padding-left:10px;_padding-left:28px; padding-bottom:20px; text-align:left;}

.breadcrumb {
	border-left: 5px solid #1b5e8b;
	height: 20px;
	text-align: left;
	line-height: 20px;
	padding-left: 16px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.breadcrumb b {
font-size: 20px;
color: #555;
font-weight: normal;
color:#1b5e8b;
}
.breadcrumb a,.breadcrumb span{color:#1b5e8b}

.n_baner {

background: url(n_baner_bj.jpg) no-repeat center bottom;
padding-bottom: 6px;
_padding-bottom: 3px;

}
.m_left{float: left;
width: 380px;
background: #fafafa;}
.m_right{float: right;
width: 380px; 
background: #fafafa;}
.measure{_width:780px;}
.measure li {
height: 100px;
border-bottom: 1px dotted #ddd;
padding: 20px 20px 10px 20px;
}
.measure li img {
	float: left;
	border: 1px solid #ddd;
	margin-right: 20px;
	height: 102px;
}
.measure li .name {
font-size: 14px;
font-weight: normal;
padding: 16px 0;
}
 .measure .tit {
height: 58px;
line-height: 58px;
border-bottom: 1px solid #ddd;
font-weight: normal;
font-size: 18px;
padding-left: 20px;
color: #555;
}

.s_p {
line-height: 30px;font-size: 14px;
}
.s_p a{color:#1b5e8b}
.s_p a:hover{ text-decoration:underline;}
.consult {
padding-left: 22px;
padding-right: 20px;
}
.consult li {
background: url(dian_icon.jpg) no-repeat left center;
padding-left: 8px;
line-height: 24px;
overflow: hidden;
height: 24px;
}

.name {
line-height: 30px;
height: 30px;
font-size: 18px;
text-align: center;
padding: 18px 0;
}
 .time {
text-align: center;
line-height: 32px;
height: 32px;
border-bottom: 1px dotted #ddd;
border-top: 1px dotted #ddd;
margin-bottom: 26px;
}
.txt p {
line-height: 28px;
padding: 10px 0;
text-indent: 2em;
}

 .l {
width: 130px;
float: left;
}
.l .classify p {
display: block;
height: 20px;
font-size: 14px;
}
.l .classify .list {
padding: 10px 0 0 22px;
}
.l .classify .list li {
line-height: 22px;
}
.l .classify {
padding: 0 0 10px 0;
cursor: pointer;
}
.r {
width: 900px;min-height: 700px; _height:700px;
float: right;
text-align:left;
border-left: 1px solid #ddd;
padding-left: 40px;
}
.page a {
	display:inline-block;
	width:30px;
	line-height:30px;
	height:30px;
	color:#666;
	border:1px solid #ddd;
	margin:0 5px;
}
.page .active {
	background: #1B5E8B;
	color: #fff;
}
.page a:hover {
	background: #1B5E8B;
	color: #fff;
}
.cp_show li{display:block; width:214px; float:left; margin: 10px 23px; text-align:center;}
.cp_show li img{border:1px solid #CCC; padding:8px;}
.cp_show li span{text-align:center; line-height:25px; display:block;}
.cp_show p{ line-height:25px;}
.cp_show table tr td {
	border:1px solid #ccc;
	padding:0 5px;
}
.cptb {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.cptb th {
	line-height:30px;
	width:120px;
	_width:130px;
	font-size:14px;
	padding-right:10px;
	border:1px solid #ccc;
}

#button {
	height: 30px;
	padding:0 20px;
	margin:15px auto;
}
.pro_t {
	margin: 15px auto;
}


.main .l {
float: left;
width: 264px;
padding-left: 24px;
position: relative;
overflow: hidden;
}
.main .l_rool{
height: 131px;
background: url(m_rool_bj.png) no-repeat left;
margin-top: -10px;
padding-left: 37px;
padding-top: 37px;
}

 .l_rool .but_l {
width: 8px;
height: 28px;
display: block;
float: left;
padding-top: 127px;
padding-left: 18px;
}
.l_rool .click {
width: 160px;
height: 120px;
padding-top: 24px;
float: left;
}
.l_rool .but_r {
width: 8px;
height: 28px;
display: block;
float: right;
padding-top: 127px;
padding-right: 62px;
}
.l h6 {
font-size: 18px;
display: block;
text-align: center;
width: 220px;
padding-right: 24px;
font-weight: normal;
z-index: 999;
margin-bottom: -20px;
}
/* 本例子css */
.picScroll-left{
	width:145px;
	height:120px;
	float:left;
	position: relative;
}
.picScroll-left .hd{ overflow:hidden; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:14px; height:14px; cursor:pointer;}
.picScroll-left .hd .next{
	position:absolute;
	right:-22px;
	bottom:8px;
	background:url(foc_btn.png) no-repeat right center;
}
.picScroll-left .hd .next:hover{
	background:url(foc_btn.png) no-repeat right center;
}
.picScroll-left .hd .prev{
	position:absolute;
	left:-22px;
	bottom:8px;
	background:url(foc_btn.png) no-repeat left center;
}
.picScroll-left .hd .prev:hover{
	background:url(foc_btn.png) no-repeat left center;
}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ overflow:hidden; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	line-height:40px;
	width: 145px;
	color: #0068bd;
}
.picScroll-left .bd ul li a{
	color: #707070;
}
.picScroll-left .bd ul li img{ width:145px; height:85px; display:block; margin-right:33px; }

.news table {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.news table tr td {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:0 5px;
}
.news li{display:block; height:30px; border-bottom:1px #f1f1f1 dashed; width:750px; line-height:30px; padding-left:10px;}
.news li a{display:block; width:650px; background: url(d.jpg) left no-repeat; padding-left:10px; float:left; text-decoration:underline; color:#1b5e8b}
.news li a:hover{color:#D20005}
.news li span{display:block; width:80px; float:right; color:#707070}

.mian_left_1 li{display:block; height:30px; border-bottom:1px dashed #eee; line-height:30px; width:180px; margin:0 auto; }
.mian_left_1 li a{display:block; width:130px; height:30px;  text-align:left; background:url(dd.jpg) right no-repeat} 

.mian_left_1 li a:hover{background:url(jt.png) right no-repeat;}
.mian_left_1 li a.hover{background:url(jt.png) right no-repeat;}

.main_left_2{ background:url(contact.gif) left top no-repeat; margin-top:20px; padding:10px; padding-top:55px; line-height:25px; text-align:left; }

.main_right_1{height:35px; background: url(bannerbg.png) bottom repeat-x;}
.main_right_1 span{display:blockl; width:200px; float: left; height:35px; background: url(biao_03.jpg) left no-repeat; padding-left:24px; text-align:left; margin-left:10px; line-height:35px; font-size:18px; color:#1b330c; }
.weizhi{ min-width:150px; _width:350px; height:35px; line-height:35px; float:right; padding-right:50px; text-align:right;}
.main_right_con{padding:15px; text-align:left; line-height:20px; min-height:450px;_height:450px;}
.main_right_con p{text-indent:25px;}

.main_right_con li{display:block; width:680px;_width:690px; height:30px; border-bottom:1px dashed #eee; padding-left:10px;}
.main_right_con li a{display:block; width:500px; height:30px; line-height:30px; float:left; background:url(d.gif) left no-repeat; padding-left:10px;}
.main_right_con li span{display:block; width:150px; float:right; text-align:center;}

.page{margin-top:25px;}

.main_right_cp{padding:15px; text-align:left; line-height:20px; min-height:450px;_height:450px;}
.main_right_cp li{display:block; width:212px; padding:1px; border:1px solid #ddd; height:180px; float:left; margin-left:10px; margin-top:10px; text-align:center}

.main_right_cp li span{display:block; width:212px; height:23px; line-height:23px;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width:180px; margin: 0; padding: 0; margin-top:20px;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; _width:180px; display: block; left:0px; position:relative;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%;_width: 100%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 12px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 30px; height: 30px; margin: -13px 0 0; display: block; background: url(bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -30px 0;right: -11px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -11px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px;_bottom: 0px; _left:0px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.vertical-nav {
	width: 185px;
	margin:0;
	padding:0;
	float: left;
	position:relative;
	list-style: none;
}
.title{color:#1b5e8b;}
.vertical-nav li {
	background:url(jt.png) right 17px  no-repeat;
	color:#1b5e8b;
	display: block;
	width: 100%;
	padding:0;
	float:left;
	font-size:14px;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.vertical-nav li a:hover{ text-decoration: underline}
a:hover{color:#000;}
.vertical-nav ul, .vertical-nav ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	z-index: 999;	
	width: 150px;
}
.vertical-nav ul {
	top: 0;
	left:100%;
}
.vertical-nav ul li ul {
	top: 1px;
}
.vertical-nav ul li {
	clear: both;
	width: 100%;
}
.vertical-nav ul li a {	
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
}
.submenu-icon{float:right; display:block; width:10px; height:10px; background:#F00;}

.submenu-icon .on{	background:url(jt.png) center right no-repeat !important;}
.sencond a{ text-align:left; margin-left:50px;}

.vertical-nav li ul li ul li ul li a{padding-left:10px;}

.datu{display:none; position:fixed;_position: absolute;  
       _clear: both;   
       _top:expression(eval(document.compatMode &&   
               document.compatMode=='CSS1Compat') ?   
               documentElement.scrollTop   
               +(documentElement.clientHeight-this.clientHeight) - 1   
               : document.body.scrollTop   
               +(document.body.clientHeight-this.clientHeight) - 1);left:20%; top:13%; z-index:999999; width:55%; _width:800px; height:600px; text-align:center;}

.heise{width:100%; height:100%; background:#333; position: fixed; _position:absolute;_clear: both;   
       _top:expression(eval(document.compatMode &&   
               document.compatMode=='CSS1Compat') ?   
               documentElement.scrollTop   
               +(documentElement.clientHeight-this.clientHeight) - 1   
               : document.body.scrollTop   
               +(document.body.clientHeight-this.clientHeight) - 1);filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5; z-index:99999; display:none;}

.close{width:25px; height:25px; position:absolute; right:0px; cursor:pointer; top:0px;}