.quick_icon{
	width: 255px;
	float: right;
	margin-top: 26px;
}
.e-mail{
	height: 47px;
	width: 47px;
	float: left;
}
.tel{
	width: 192px;
	float: right;
}
.tel_icon{
	height: 46px;
	width: 46px;
	float: left;
}
.tel_title{
	font-size: 16px;
	color: #000;
	margin-left: 10px;
	float: left;
}
.tel_number{
	font-size: 18px;
	color: #000;
	margin: 0;
	width: 137px;
	float: right;
}


/*焦点图样式*/
.cms_banner{ width:100%;  height:500px; position:relative; min-width:1200px; overflow: hidden;}
.cms_banner .bd{ position:relative; z-index:0;  }
.cms_banner .bd ul{ width:100% !important;  }
.cms_banner .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.cms_banner .bd li a{ display:block; height:500px; }

.cms_banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;}
.cms_banner .hd ul{ text-align:center;  padding-top:5px;  }
.cms_banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:url(../images/icons.png) -20px -80px; overflow:hidden; line-height:9999px; }
.cms_banner .hd ul .on{ background-position:0px -80px; }

.cms_banner .prev,.cms_banner .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-25px; left:20px;  background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.cms_banner .next{ left:auto; right:30px; background-position:-51px 0; }
.cms_banner .prev:hover,.cms_banner .next:hover{ filter:alpha(opacity=100);opacity:1; }


.mian{
	width: 100%;
	margin: 0 auto;
}
.product{
	width: 100%;
	margin: 0 auto;
}
.product_title-index{
	width: 100%;
	height: 100px;
	background-image: url(../images/bg.png);
	margin-bottom: 50px;
}
.index_produc_title-p{
	font-size: 24px;
	color: #000;
	text-align: center;
	padding-top: 24px;
}
.index_product-p{
	font-size: 14px;
	color: #2787da;
	text-align: center;
}

.slideTxtBox{ width:1200px;}
.slideTxtBox .hd{ height:34px; line-height:34px; position:relative; text-align: center;margin-bottom: 50px;}
.slideTxtBox .hd ul li{
	width:100px;
	color:#000;
	margin-right:12px;
	background:#f1f1f1;

	cursor:pointer;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
.slideTxtBox .hd ul li:hover,
.slideTxtBox .hd ul .on{ height:34px;  background:#2787da; color: #fff;}
.slideTxtBox .bd ul{ overflow:hidden; zoom:1; position:relative;  }
.slideTxtBox .bd ul li{margin-right: 9px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; display: block;margin-bottom: 15px;z-index: 8;}
.slideTxtBox .bd ul li .pic{ text-align:center; position: relative;z-index: 10;}
.slideTxtBox .bd ul li .pic img{ width:390px; height:240px; display:block;}
.slideTxtBox .bd ul li .pic a:hover img{ border-color:#999;  }
.slideTxtBox .bd ul li:hover .title{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	width: 100%;
	display: block;
}
.slideTxtBox .bd ul li .title{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.slideTxtBox .bd ul li .title{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	width: 100%;
	display: none;
}
.slideTxtBox .bd ul li .title a{
	color: #fff;
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #0057c4;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}



.slideTxtBox .bd .mr_0{
	margin-right: 0px;
}



.flip_fy{
	height: 36px;
	width: 1200px;
	color: #fff;
	background: #2787da;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	margin-top: 50px;
}
.news_index{
	width: 100%;
	margin: 0 auto;
}
.news_title-index{
	width: 100%;
	height: 100px;
	background-image: url(../images/bg.png);
	margin-bottom: 50px;
	margin-top: 100px;
}
.index_news_title-p{
	font-size: 24px;
	color: #000;
	text-align: center;
	padding-top: 24px;
}
.index_news-p{
	font-size: 14px;
	color: #2787da;
	text-align: center;
}
.news_box{
	width: 1200px;
	margin: 0 auto;
}
.focusBox { position: relative; width: 575px; height: 355px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float: left;}
.focusBox .pic img { width: 575px; height: 355px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #2787da; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 18px;text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 22px; height: 22px; line-height: 22px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#2787da;  }

.news_box .news_list-index{
	width: 575px;
	height: 355px;
	float: right;
}
.news_list-index dl{
	width: 575px;
	height: 104px;
	border-bottom: solid 1px #d5d4d4;
	margin-bottom: 20px;
}
.news_list-dt{
	width: 575px;
	font-size: 16px;
	color: #000;
}
.news_list-date{
	width: 575px;
	font-size: 14px;
	color: #666;
}
.news_list-dd{
	width: 575px;
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
.about_index{
	width: 100%;
	margin: 0 auto;
}
.about_title-index{
	width: 100%;
	height: 100px;
	background-image: url(../images/bg.png);
	margin-bottom: 50px;
	margin-top: 100px;
}
.index_about_title-p{
	font-size: 24px;
	color: #000;
	text-align: center;
	padding-top: 24px;
}
.index_about-p{
	font-size: 14px;
	color: #2787da;
	text-align: center;
}
.index_about-content{
	width: 1200px;
	margin: 0 auto;
}
.index_about-content_p{
	font-size: 14px;
	line-height: 26px;
	color: #666;
}
.index_about_pic{
	width: 1200px;
	margin: 0 auto;
}
.index_about_pic li{
	float: left;
	width: 390px;
	height: 240px;
	margin-right: 15px;
	margin-top: 45px;
}
.case_index{
	width: 100%;
	margin: 0 auto;
}
.case_title-index{
	width: 100%;
	height: 100px;
	background-image: url(../images/bg.png);
	margin-bottom: 50px;
	margin-top: 100px;
}
.index_case_title-p{
	font-size: 24px;
	color: #000;
	text-align: center;
	padding-top: 24px;
}
.index_case-p{
	font-size: 14px;
	color: #2787da;
	text-align: center;
}
.case_index-list{
	width: 1200px;
	margin: 0 auto;
}
.case_index dl{
	width: 390px;
	height: 320px;
	margin-right: 10px;
	float: left;
	margin-bottom: 50px;
}
.index_case-dt{
	width: 390px;
	height: 240px;
	overflow: hidden;
}
.index_case-dt img{width:390px; height:230px;}
.index_case-tiile{
	width: 390px;
	color: #000;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 4px;
}
.index_case-content{
	width: 390px;
	line-height: 18px;
	font-size: 14xp;
	color: #666;
}

.crumbs{
	width: 100%;
	border-bottom: solid 1px #ececec;
	height: 50px;
	margin-bottom: 50px;
}
.crumbs_nav{
	width: 1200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	margin: 0 auto;
}
.crumbs_nav a{
	color: #666;
}
.crumbs_nav a:hover{
	color: #2787da;
}
.content_center{
	width: 1200px;
	margin: 0 auto;
}
.left{
	width: 271px;
	float: left;
}
.left_nav{
	width: 271px;
}
.left_title{
	width: 241px;
	height: 90px;
	background: url(../images/left_title_bg.png);
	font-size: 24px;
	line-height: 90px;
	color: #fff;
	padding-left: 30px;
}
.left_nav ul{
	width: 271px;
}
.left_nav ul li{
	width: 100%;
	font-size: 16px;
	color: #666;
}
.left_nav ul li a{
	color: #666;
	display: block;
	padding-left: 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: solid 1px #ececec;
}
.left_nav ul li li a{padding-left: 40px;}
.left_nav ul li a:hover{
	background: #f5f5f5;
	color: #2787da;
	display: block;
}
.left_nav .current a{
	background: #f5f5f5;
	color: #2787da;

}
.left_contact{
	width: 271px;
	margin-top: 30px;
}
.left_contact_title{
	width: 217px;
	height: 40px;
	line-height: 40px;
	background: url(../images/left_contact_bg.png);
	font-size: 18px;
	color: #fff;
	padding-left: 54px;
}
.left_contact_content{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin: 10px 10px 0 10px;
}
.right{
	width: 894px;
	margin-left: 35px;
	float: right;
}
.right_title{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	background: #f5f5f5;
	color: #2787da;
	padding-left: 30px;
	margin-bottom: 15px;
}
.right_content{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}


.slideBox1{ width:680px; height:350px; overflow:hidden; position:relative; border:1px solid #ddd; margin-bottom: 35px;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:680px; height:350px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .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;   }
.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ display:none;  }

.page_banner{height:310px;}
/*新闻列表*/
ul.cms_new-list li{border-bottom: dotted 1px #ccc;padding-bottom: 10px;margin-top: 10px;}
ul.cms_new-list li a{color:#666666;}
ul.cms_new-list li h3{font-size: 18px;color:#000;}

.newtit{font-size:24px; color:#2787da; font-weight:bold; margin-bottom:10px; text-align:left;}
.newtim{margin-bottom:20px;}
.txtinfo {line-height:160%;}
.txtinfo p{margin-bottom:12px;}

.textinfo{line-height:160%;}
.textinfo p{margin-bottom:12px;}
 /*产品中心*/

.cms_product-box li{float:left;display:block; margin:0px 20px 20px 0px;width:284px;color:#666;}
.cms_product-box .img_box{width:284px;height:200px; overflow: hidden; text-align:center;display:block;vertical-align:middle;}
.cms_product-box a:hover{color: #2787da;}
.cms_product-box .pro_list-name{line-height: 25px;font-size: 16px;}
.cms_product-box img{width:284px;}
.cms_product-box p{line-height: 160%;height:67px;overflow: hidden;}
.cms_product-box .nor{margin-right:0px;}



/* 本例子css */
.slideBox{ width:680px; height:350px; overflow:hidden; position:relative; border:1px solid #ddd; margin-bottom: 20px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:680px; height:350px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.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;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }