@charset "utf-8";
*{margin:0; padding:0;}
body{overflow-x:hidden; background:url(../images/body_bg.jpg) repeat-x #fff; font-family:Arial, Helvetica, sans-serif;}

li{ list-style-type:none;}
a{text-decoration:none; color:#fff;}
img{border:0;}
.blank{width:auto; height:54px;}
.clear{clear:both; display:block; content:'';}
.clear:after{zoom:1;}

.fl{float:left;}
.fr{float:right;}

.header{width:100%; height:118px; background:url(../images/top_bg.jpg) repeat-x;}
.header_in{width:1000px; margin:0 auto; height:118px; background:url(../images/logo_bg.jpg) no-repeat; position:relative;}

.logo{width:330px; height:96px; display:block; position:absolute; left:0px; top:24px;}
.Homepage{width:60px; height:14px; display:block; position:absolute; right:0px; top:8px;}
.Bookmark{width:60px; height:14px; display:block; position:absolute; right:75px; top:8px;}


.nav{position:absolute; right:26px; top:25px;}
.nav li{float:left; width:98px; height:94px; padding-left:16px;}
.nav li a{display:block;  width:98px; height:54px; padding-top:40px;text-align:center;font-family:"微软雅黑"; font-size:16px; color:#FFF;}

.nav li a:hover{ background:url(../images/nav_hover.jpg) no-repeat;}

/* banner */
.banner{width:100%; height:498px; background:url(../images/banner_bg_home.jpg) repeat-x;}
#banner{width:100%; background:url(../images/banner_bg_home.jpg) repeat-x; position:relative;}
.banner_in{width:1600px; height:498px; position:absolute; margin-left:-800px; left:50%;}



/* two_dimensional code*/
.code{width:100%; height:164px; background:url(../images/code_bg.jpg) repeat-x;}
.code_in{width:1000px;margin:0 auto; position:relative; }
.activity_more_1{width:78px; height:26px; display:block; position:absolute; right:466px; top:120px;}
.activity_more_2{width:78px; height:26px; display:block; position:absolute; right:168px; top:120px;}


.content{width:1000px; margin:0 auto;}
.c_1{height:254px; background:url(../images/home_about.jpg) no-repeat; position:relative;}
.c_1 span{ font-family:"微软雅黑"; font-size:18px; color:#104687; line-height:17px;display:block;position:absolute;top:60px;left:30px; }
.c_1 p{width:452px; height:84px;font-family:"微软雅黑"; font-size:12px; color:#8d8d8d; display:block;position:absolute;top:94px;left:30px;line-height:22px;}
.about_more{ width:80px; height:20px; display:block; position:absolute; left:30px; top:196px;}

.c_2{height:387px;width:1000px; margin:0 auto;}
.c_2_l{height:387px;width:506px;float:left; position:relative;}
.c_2_l strong{ font-family:"微软雅黑"; font-size:18px; color:#104687; line-height:17px;display:block;position:absolute;top:60px;left:30px; font-weight:normal;}	
.case{position:absolute;top:90px;left:10px; }

.c_2_r{  float: left; padding-left: 20px; width: 236px; position:relative;}
.c_2_r span{ font-family:"微软雅黑"; font-size:18px; color:#104687; line-height:17px;display:block;position:absolute;top:60px;left:30px;}	
.contact{background:url(../images/hone_contact.jpg) no-repeat; height:299px;width:494px;position:absolute;top:90px;left:10px;}
.message{width:168px; height:30px; display:block; position:absolute; right:170px; top:200px;}

.foot{width:100%; margin:0 auto;}
.foot_in{width:100%;; margin:0 auto; height:282px;; background:url(../images/demo_bg.jpg) repeat-x;}

.demo_title{width:1000px; margin:0 auto; position:relative;}
.demo_title span{font-family:"微软雅黑"; font-size:18px; color:#c7f6fd; line-height:17px;display:block;position:absolute;top:30px;left:30px; }

/*===== demo =====*/
.demo{width:1000px; margin:0 auto; position:relative; }
.imgcenter {
	width:9980px;
	height:276px;
	margin:0 auto;
	position:absolute;top:81px;
}
.imgcenter .prev {
	background:url(../images/left_arrow.jpg)  no-repeat;
	width:37px;
	height:130px;
	display:block;
	float:left;
}
.imgcenter .next {
	background:url(../images/right_arrow.jpg)  no-repeat;
	width:37px;
	height:130px;
	display:block;
	float:left;
}

.jCarouselLite {
	width:526px;
	float:left;
	display:inline;
	float:left;
	overflow:hidden;
	
}
.jCarouselLite li {
	width:219px;
	float:left;
	text-align:center;
	height:180px;
	padding-right:18px;
}
.jCarouselLite li img{width:219px; height:130px;}
.jCarouselLite li span{display:block; width:219px;line-height:17px; height:40px; line-height:40px; text-align:center;  color:#14529e; font-family:"宋体"; font-size:12px;}
/*===== 底部 =====*/
.footer{width:100%; margin:0 auto; height:214px;; background:url(../images/footer_bg.jpg) repeat-x;}
.QQandTel{width:1000px; margin:0 auto; height:58px;; background:url(../images/footer_QQ_bg.jpg) no-repeat; position:relative;}
.QQandTel span{font-family:"微软雅黑"; font-size:24px; color:#ffffff; line-height:24px;display:block;position:absolute;top:18px;left:24px; }
.QQ_1{width:40px; height:50px; display:block; position:absolute; right:60px; top:8px;}
.QQ_2{width:40px; height:50px; display:block; position:absolute; right:20px; top:8px;}


.footer_in{width:1000px; margin:0 auto; position:relative;}
.footer_nav{position:absolute; top:25px;width:1000px; margin:0 auto; }
.footer_nav li{float:left; padding-left:20px; width:70px; height:16px; border-right:1px solid #84a3ae; }
.footer_nav li a{position:absolute;top:-6px;display:block;font-family:"微软雅黑"; font-size:12px;line-height:26px; color:#84a3ae;}

.copyRight{position:absolute;top:68px;left:20px;display:block;font-family:"宋体"; font-size:12px;line-height:20px; color:#84a3ae;}


/*===== about.html 页面的css =====*/
.about_banner{width:100%; margin:0 auto; background:url(../images/about_banner_bg.jpg) no-repeat;height:279px;;}
.banner_1{width:1000px; margin:0 auto;}

.content_2{width:1000px; margin:0 auto; }

.title{ background:url(../images/Content_title_bg.jpg) no-repeat;height:59px;width:1000px; margin:0 auto;  position:relative;}
.title span{ font-family:"微软雅黑"; font-size:18px; line-height:26px; color:#2577db;display:block;position:absolute;left:34px;top:28px;}
.position{ float:left;font-family:"宋体"; font-size:12px; line-height:26px; color:#939495;display:block; width:200px;height:20px;position:absolute;right:2px;top:30px;}
.position a{font-family:"宋体"; font-size:12px; line-height:26px;color:#939495;padding-left:8px;}

.left_nav{width:168px;float:left; position:relative;}
.left_nav_in{position:absolute;left:16px;top:4px;}
.left_nav_in li{width:140px; height:29px; line-height:29px; padding-top:20px;}
.left_nav_in li a{display:block;width:116px; padding-left:24px; background:url(../images/left_nav_bg.jpg) no-repeat; height:29px; font-family:"微软雅黑"; font-size:18px; color:#FFF;}

.left_nav_in li a:hover{background:url(../images/left_nav_bg_selected.jpg) no-repeat;}

.right_content{ float: left; padding-left:180px; width: 824px}
.right_1{width: 786px; height:280px;position:relative;}
.right_1 span{position:absolute;left:20px;top:24px;font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0;display:block;border-bottom:1px solid #1b65c0;}
.right_1 p{position:absolute;left:24px;top:60px;font-family:"宋体"; font-size:12px; line-height:24px;color:#000000;display:block;}

.right_2{width: 786px;height:120px; position:relative;}
.right_2 p{position:absolute;left:24px;top:60px;font-family:"宋体"; font-size:12px; line-height:24px;color:#000000;display:block;}
.right_2{width: 786px; position:relative;}
.right_2 span{position:absolute;left:20px;top:24px;font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0;display:block;border-bottom:1px solid #1b65c0;}

.right_3{width: 786px; position:relative;}
.right_3 p{position:absolute;left:24px;top:60px;font-family:"宋体"; font-size:12px; line-height:24px;color:#000000;display:block;}
.right_3{width: 786px; position:relative;}
.right_3 span{position:absolute;left:20px;top:24px;font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0;display:block;border-bottom:1px solid #1b65c0;}


#map{position:absolute;left:22px;top:68px;}
#company_news{position:absolute;left:24px;top:334px;font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0;display:block;}

#A_plan{position:absolute;left:24px;top:190px;font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0;display:block;}
#B_plan{position:absolute;left:24px;top:560px;font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0;display:block;}


/*===== product.html 页面的css =====*/

.r_c7{width:722px; position:absolute;left:22px;top:48px;}

.q_1{width:722px; height:176px; background:url(../images/products_bg.jpg) no-repeat 0 20px; padding-bottom:14px; padding-top:40px;}

.q_left{padding-left:26px; padding-top:13px; width:210px;}
.q_left img{float:left;}
.q_left p{ float:left; font-family:"宋体"; font-size:12px; color:#787878; line-height:20px;  padding-left:80px; padding-top:130px;}

.q_middle{padding-left:26px; padding-top:13px; width:210px;}
.q_middle img{float:left;}
.q_middle p{font-family:"宋体";font-size:12px; color:#787878; line-height:24px;float:left; padding-left:325px; padding-top:130px;}

.q_right{padding-left:26px; padding-top:13px; width:210px;}
.q_right img{float:left;}
.q_right p{font-family:"宋体"; font-size:12px; color:#787878; line-height:20px; float:left; padding-left:555px;padding-top:130px;}


.page{width:657px; height:24px; line-height:24px; color:#787878; font-family:"宋体"; font-size:12px; text-align:right;}
.page a{color:#787878;}


/*===== message.html 页面的css =====*/
.messages{width:722px;height:689px; position:absolute;left:22px;top:100px;background:url(../images/MessagesNews.jpg) no-repeat;}

.message_in{padding-top:60px; padding-left:80px;}

.message_in label{font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#1b65c0; position:absolute; z-index:10; left:10px; top:10px;}
.message_in input{width:428px; height:36px; background:url(../images/text_input_bg.jpg) no-repeat; border:none; position:absolute; left:0; z-index:1; line-height:36px; font-size:12px; }
.message_in li{ position:relative; width:428px; height:40px;}
.message_in textarea{width:430px; height:300px; background:url(../images/text_area_bg.jpg) no-repeat; border:none; position:absolute; left:0; z-index:1; line-height:40px; font-size:12px;  padding-top:31px; padding-left:10px; padding-right:10px;}


.pro_l li{width:204px; height:168px; float:left; padding-right:40px;}
.pro_l li strong{font-family:"宋体"; font-size:12px; color:#787878; display:block; width:100%; font-weight:normal; text-align:center; padding-top:8px;}






#images a {
			margin-right: 14px;
		}

		#images a img {
			border: 1px solid #888;	
			padding: 3px;
			vertical-align: top;
		}

		#credit {
			clear: both;	
			margin-top: 50px;
			padding-top: 20px;
			font-size: 10px;
			border-top: 1px solid #BBB;
			font-family: Verdana;
		}
#imgbox-loading {
	position: absolute;
	top: 0;
	left: 0;
	background: url('imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}

#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.imgbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('imgbox-close.png') top left no-repeat;
	cursor: pointer;
	outline: none;
}

.imgbox-title {
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	color: #333;
	display: none;
}

.imgbox-bg-wrap {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}

.imgbox-bg-n {
	left: 0;
	top: -20px;
	width: 100%;
	background: url(imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
	right: -20px;
	top: -20px;
	background: url(imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
	right: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
	right: -20px;
	bottom: -20px;
	background: url(imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	background: url(imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
	left: -20px;
	bottom: -20px;
	background: url(imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
	left: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
	left: -20px;
	top: -20px;
	background: url(imgbox-bg-nw.png) no-repeat;
}