﻿@charset "utf-8";
/* CSS Document */
/*-----------------------网站总体样式---------------------*/

body{ font-size:12px; font-family:Arial, Helvetica, sans-serif,宋体; color:#515050;     background: url(../images/bj.jpg) #fff repeat-x center top;}
ul{list-style:none;}
a{ text-decoration:none; color:#5a5b5b;}


/*-----------------------首页动画---------------------*/
#flash{ width:1000px; height:400px; margin:120px auto; text-align:center;}



/*-----------------------top---------------------*/
#top { width:960px; height:116px; margin:0 auto;}
#logo{ float:left; padding-top:20px; padding-left:2px;}
#top_right{ float:right; margin-right:2px; height:93px;}
.encn{ float:right;padding-top:12px;}
.tel{ clear:both;padding-right:10px; padding-top:18px;font-size:27px; color:#1e5ab4; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}


/*menu*/
#nav {
	width:960px;
	height:36px;
	background:url(../images/navbg.png) no-repeat center top; clear:both;
	
}
#menu{ float:left; width:720px;}
#menu ul li {
	float:left;
	width:115px;
	text-align:center;
	list-style:none;
	background:url(../images/nav_line.jpg) no-repeat right top;
	position:relative;	
	height:36px; line-height:36px;
}
#menu ul li a {
	font-size:14px;
	display:block;
	width:115px;
	height:36px;	
	text-decoration:none;
	font-size:14px;
	color:#f4f1f0; font-weight:bold;
}
#menu ul li a:hover {
	color:#fff;
	font-weight:bold; background:url(../images/nav_hover.png) no-repeat center top;
}


/* search */
#search{ float:right; width:225px; height:23px;margin-right:15px; margin-top:7px; background:url(../images/search.png) no-repeat right top;}
#keyword{ float:left;width:174px; height:15px; margin-left:20px; margin-top:4px; border:none;}
.search_bt{ float:right;width:29px; height:23px;}

/* banner */
#banner { position: relative; width: 960px; height: 375px; border: 1px solid #cccccc; overflow: hidden; margin:30px auto; }
#banner_list img { border: 0px;width: 960px; height: 375px; }
#banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; 
z-index: 500; cursor: pointer; width: 960px; }
#banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 501; cursor: pointer; }
#banner_text { position: absolute; width: 120px; z-index: 502; right: 3px; bottom: 3px; }
#banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; border: 1px solid #fff; z-index: 502; 
margin: 0; padding: 0; bottom: 3px; right: 5px; }
#banner ul li { padding: 0px 8px; float: left; display: block; color: #FFF; border-right: #e5eaff 1px solid; background-color: #0c314f; cursor: pointer; }
#banner_list a { position: absolute; }


/* ind_center */
#ind_center{ width:960px; margin-top:23px; height:180px; margin:0 auto; clear:both;margin-bottom:15px;}
#ind_about{ float:left; width:340px; margin-right:55px; height:180px;}
#ind_about_t{ height:20px; background:url(../images/about_line.jpg) no-repeat left bottom;}
#ind_about_t img{ float:left; border:0}
#ind_about_t span{ float:right;}
#ind_about_t span a{ color:#6e6056; font-size:12px; display:block;}
#ind_about_zw{ clear:both; margin-top:10px;}
#ind_about_zw img{ float:left; border:0; padding-right:8px;}
#ind_about_zw p { color:#515050; text-align:left; line-height:24px; text-indent:30px;}

#ind_pr{ float:right; width:560px; margin-right:5px; height:180px;}
#ind_pr_t{ height:20px; background:url(../images/about_line.jpg) no-repeat left bottom;}
#ind_pr_t img{ float:left; border:0}
#ind_pr_t span{ float:right;}
#ind_pr_t span a{ color:#6e6056; font-size:12px; display:block;}
#ind_pr_zw{ clear:both; margin-top:10px;}

/* 图片滚动*/
.rollBox {
	PADDING-RIGHT: 0px;  PADDING-BOTTOM: 2px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:560px; PADDING-TOP: 12px; 
}
.rollBox .LeftBotton {
	DISPLAY: inline; BACKGROUND: url(../images/left.png) no-repeat  center; FLOAT: left; MARGIN: 25px 20px 0px 0px; OVERFLOW: hidden; 
	WIDTH: 12px; CURSOR: pointer; HEIGHT: 72px
}
.rollBox .RightBotton {
	DISPLAY: inline; BACKGROUND: url(../images/right.png) no-repeat  center; FLOAT: right; MARGIN: 25px 0px 0px; OVERFLOW: hidden; 
	WIDTH: 12px; CURSOR: pointer; HEIGHT: 72px
}
.rollBox .Cont {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 500px;
}
.rollBox .ScrCont {
	WIDTH: 10000000px
}
.rollBox .Cont .pic {
	FLOAT: left; TEXT-ALIGN: center; margin-left:18px;
}
.rollBox .Cont .pic IMG {
   DISPLAY: block;  BACKGROUND: #fff;  MARGIN: 0px auto; padding:5px;
}
.rollBox .Cont .pic P {
	COLOR: #505050; LINE-HEIGHT: 18px
}
.rollBox .Cont A:link {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:hover {
	COLOR: #1f5bb5; 
}
.rollBox #List1 {
	FLOAT: left
}
.rollBox #List2 {
	FLOAT: left
}

/* 内页 */
#nbanner{ width: 960px; height: 200px; overflow: hidden; margin:30px auto;}
#container{ width:960px; margin:0 auto;min-height:100px;
	height:auto;
	_height:100px;
	overflow:hidden;
	_overflow:visible;}	
.n_title{ font-size:24px; color:#000; text-align:center; font-weight:bold; font-stretch:semi-condensed; padding-top:20px; padding-bottom:20px;}	
#content{ font-size:12px; line-height:25px; color:#2c2c2c; padding:5px 25px 25px 25px;}
#con{width:960px; margin:0 auto; min-height:100px;
	height:auto;
	_height:100px;
	overflow:hidden;
	_overflow:visible; margin-bottom:15px;}
#con_left{ float:left; width:210px; border:1px solid #dedede; margin-right:17px;}
.con_left_t{ padding-left:1px; height:21px; padding-bottom:20px; overflow:hidden;}
#leftsidebar{ width:170px; margin:0 auto;}
#leftsidebar ul{ list-style:none;}
#leftsidebar ul li{ width:170px; height:32px; line-height:32px; background:url(../images/fl.jpg) no-repeat left top; margin-bottom:4px; display:block;}
#leftsidebar ul li a{ color:#4c4948; text-align:left; padding-left:35px;display:block; }
#leftsidebar ul li a:hover{ color:#ffffff; background:url(../images/fl_hover.jpg) no-repeat left top; font-weight:bold;}
.onclick{ color:#ffffff; background:url(../images/fl_hover.jpg) no-repeat left top; font-weight:bold;}
.onclick a{ color:#ffffff; }
#con_right { float:right; border:1px solid #dedede; width:728px;min-height:200px;
	height:auto;
	_height:200px;
	overflow:hidden;
	_overflow:visible;padding-bottom:15px;  }
#con_right_t{ height:30px; margin:0 8px; border-bottom:1px solid #dedede; background:url(../images/dian.png) no-repeat left center;}
#con_right_t span{ display:block; text-align:left; font-size:12px; font-weight:bold; color:#000; line-height:30px; padding-left:20px;}


/*合作伙伴 */
#partner{ padding-left:6px;}
#partner img{ border:0; cursor:pointer;padding-right: 40px;padding-bottom: 20px;}


/*产品 */
.fl {
	height:30px;	
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
	padding-top:20px;
}
.fl a {
	display:inline-block;	
	font-size:14px;
	height:28px;
	line-height:28px;
	padding:0 12px;
	margin:0 12px;
	border:1px solid #ccc;
	border-radius:4px;
	position:relative;
	white-space:nowrap;
	left:0; color:#5a5b5b;
}
.fl a:hover {
	background:#1b65b7;
	color:#fff;
	font-size:14px;
}
#pro { padding-top:5px;
	
}
#pro ul {
	list-style-type:none;
}
#pro ul li {
	float:left;
	padding:0 5px 5px5px;
	overflow:hidden;
	width:220px; text-align:center; height:215px;
}
#pro ul li img {
	margin:0 auto;	
	padding:2px;	
	vertical-align:middle;
	max-height:214px;
	_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<214?"214px":""); overflow:hidden; 
	width:180px;
}
#pro ul li p {
	text-align:center;
	line-height:15px;padding-top:15px;
}
#pro_list {
	margin:0 auto; padding-top:25px;
}
#pro_list ul {
	list-style-type:none;
}
#pro_list ul li {
	float:left;
	margin-left:30px;
	margin-bottom:20px;
	overflow:hidden;
	width:190px; height:177px;
	text-align: center;position:relative;
}
#pro_list ul li a{color:#1f3a87;}
#pro_list ul li a:hover{ color:#000}
#pro_list ul li img {
	margin:0 auto;
	padding:2px;
	vertical-align:middle;
	max-width:180px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<180?"180px":""); overflow:hidden; 
	height:130px; overflow:hidden;
}
#pro_list ul li p {
	text-align:center;
	line-height:15px; height:20px;position:absolute; left:0; bottom:0;
	width:100%; color:#1f3a87;
}
.tab{ text-align:center; padding-bottom:15px;}	



#case_list {
	margin:0 auto; padding-top:25px;
}
#case_list ul {
	list-style-type:none;
}
#case_list ul li {
	float:left;
	margin-left:30px;
	margin-bottom:20px;
	overflow:hidden;
	width:190px; height:147px;
	text-align: center; position:relative;
}
#case_list ul li img {
	margin:0 auto;
	padding:2px;
	vertical-align:middle;
	max-width:180px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<180?"180px":""); overflow:hidden; 
	height:130px; overflow:hidden;border:1px #b9b9b9 solid;border-radius:3px 3px 3px 3px;
}



.detailtitle{font-size:18px; font-weight:bold; color:#383838; text-align:center; padding:20px 0px;}
.show_img{width:100%;text-align:center; padding-top:15px; padding-bottom: 15px;}
.show_img img { max-width: 625px; _width: 
             expression((document.documenmtElement.clientWidth||document.body.clientWidth)<625?"625px":"");  }
.view_xq{ font-size:14px;width:680px; margin:0 auto;text-align:left; font-weight:bold; height:20px; border-bottom:1px dotted #ddd; margin-top:15px; }
.view_zw{text-align:left; line-height:25px; padding:10px 25px}



#nyyy{width:960px; margin:0 auto; height:15px;background:url(../images/n_b_bg.jpg) no-repeat center bottom; clear:both; }
#foot{ clear:both; width:100%; background:url(../images/foot_line.jpg) no-repeat center top; margin-top:20px;height:72px;}
#footer{ padding-top:12px;}
#footer p{ line-height:25px; text-align:center;}
