@charset "utf-8";
/* CSS Document */

/*共用部分*/
body {
	font: 12px/20px Arial, "宋体";
	color:#515151;
	background:#fff url(../images/bg.jpg) repeat-x top;
	margin: 0px;
	text-align:center;
}
*{ padding:0; margin:0;}
a { color:#515151; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.page{ text-align:center; width:700px; float:left; padding:20px 0;}
.page a{ background:#343434; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#c30;}
.fd_right{ float:right;}
.fd_left{ float:left; margin-right:10px;}
.tab_qh{ width:500px; padding-left:10px;}
.b_box{}
.b_box .tabs{ height:35px; line-height:35px;}
.b_box .tabs li{ float:left; margin:0 2px;}
.b_box .tabs li a{ font-size:14px; font-weight:bold; padding:0 10px; display:block; float:left; margin-right:1px; background:#ccc; }
.b_box .tabs li.selected a{ background:#245786; color:#fff; }
.dfff { width:750px; float:left;}
.p { line-height:24px;}
/*共用部分结束*/
.wrapperbg{width:100%; text-align:left; overflow:hidden; background:url(../images/bg.jpg) repeat-x #f7fcfe;}
.wrapper{width:1003px; margin:0 auto; text-align:left; overflow:hidden;}

/*头部header部分*/
.header{}
.header .logo{ float:left; background:url(../images/logo.jpg) no-repeat; width:1003px; height:102px;}
.header .top_right{float:right;width:331px; height:96px;  background:url(../images/tel.jpg) no-repeat;}
.dh{ float:left; width:1003px;}
.dh .nav_left{ background:url(../images/left.jpg) no-repeat; height:56px; float:left; width:10px;}
.dh .nav { float:left; color:#fff; height:56px; line-height:56px; background:url(../images/navbg.jpg) repeat-x; width:960px; font-size:14px;}
.dh .nav ul{ height:48px;}
.dh .nav ul li{ float:left;}
.dh .nav ul li.no_border{ border:none;}
.dh .nav ul li a{ color:#fff; display:block; padding:0 33px;}
.dh .nav ul li a:hover{color:#405d7d;background:url(../images/hoverd.jpg) repeat-x;}
.dh .nav_right{ background:url(../images/right.jpg) no-repeat; width:10px; height:56px; float:left;}

#menu2 {}
#menu2 ul {float:left; }
#menu2 li { position: relative;}
#menu2 li a { float:left;}
#menu2 ul ul { display:none;  position:absolute; top:60px;  left:0;font-weight:normal; }
#menu2 ul ul ul{ left:120px;top:0;}
#menu2 ul ul li{ padding:0px;}
#menu2 ul ul li a{ background:#fff;display:block; overflow:hidden; white-space:nowrap; width:108px;height:34px; line-height:34px;padding:0; text-align:center;color:#fff; font-size:12px;}
#menu2 ul ul li a:hover{ background:#cccccc; display:block; overflow:hidden; width:108px;_width:106px; height:34px; line-height:34px;white-space:nowrap;  padding:0; text-align:center;}
.banner { float:left; padding:5px; background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}




/*头部header部分结束*/



/*首页中间内容部分开始*/
.main { float:left; width:1001px; background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}

.main .about {width:375px; float:left; margin-left:5px;}
.main .about .title{ background:url(../images/newsbg.jpg) repeat-x;height:37px;}
.main .about .title span{float:left;font-size:14px;color:#343434;  font-weight:bold; line-height:37px; padding-left:15px;}
.main .about .title a{ float:right; color:#000;line-height:38px; padding-right:10px;}
.main .about .intro{width:373px; margin:0 auto;line-height:22px; float:left; border:1px solid #e0e0e0;}
.main .about .intro ul{ float:left;width:367px; }
.main .about .intro ul li{ padding-top:10px;}
.main .about .intro ul img{float:left; width:90px; height:130px; padding:12px;}


.main .news {width:375px; float:left; margin-left:5px;}
.main .news .title{ background:url(../images/newsbg.jpg) repeat-x;height:37px;}
.main .news .title span{ float:left;font-size:14px;color:#343434;  font-weight:bold; line-height:37px; padding-left:15px;}
.main .news .title a{ float:right; color:#000; line-height:37px; padding-right:10px;}
.main .news .intro{border:1px solid #e0e0e0;}
.main .news .intro ul{ width:360px; margin:0 auto;}
.main .news .intro ul li{height:26px; line-height:26px;background:url(../images/ico.jpg) left no-repeat;}
.main .news .intro ul li a{ display:block;float:left; margin-left:10px;}
.main .news .intro ul li a:hover{ color:#343434;}
.main .news .intro ul li span{ color:#5e5e5e; float:right; padding-right:10px;}

.main .contact {width:209px;float:left;}
.main .contact .title{ background:url(../images/titlebg.jpg) repeat-x;width:209px; height:27px;}
.main .contact .title span{float:left;color:#343434;float:left;font-size:14px;  font-weight:bold; line-height:27px; padding-left:15px;}
.main .contact .title a{ float:right; color:#000;line-height:27px; padding-right:10px;}
.main .contact .intro{margin:0 auto; padding:0 0 0 10px; line-height:22px; float:left;}
.main .contact .intro p{ padding-left:5px;}
.main .contact .intro ul{ float:left; margin-top:10px;width:190px; }
.main .contact .intro ul img{float:left; width:157px; height:83px; padding-right:5px;}

.main .product { float:left;width:987px;margin-top:10px; margin-left:5px;}
.main .product .title{ background:url(../images/casebg.jpg) repeat-x;height:38px; color:#fff;}
.main .product .title span{float:left; color:#343434; font-size:14px; font-weight:bold; line-height:38px; padding-left:15px;}
.main .product .title a{ float:right; color:#000;  line-height:38px; padding-right:10px;}
.main .product .intro{height:165px; margin:0 auto; padding-top:4px;float:left;}
.main .product .intro p{ line-height:24px; padding-bottom:10px;}
.main .product .intro ul li { width:160px; float:left; text-align:cebter; padding-right:10px;}
.main .product .intro ul li img{ width:160px; height:120px; border:1px solid #cccccc; padding:2px;}
.main .product .intro ul li span{ display:block; width:160px; height:24px; line-height:24px; text-align:center;}
#pit { width:178px; height:113px;float:left;}
#demo {overflow:hidden; margin:0 10px; _margin:0 5px;height:150px;}
#indemo {float: left; width: 800%; padding-left:10px;  height:150px;}
#demo1 {float: left;}
#demo2 {float: left;}
/*首页中间内容部分结束*/
/*左边*/
.sidebar{ width:200px;float:left;  padding-bottom:10px; margin:0 0 0 5px;}
.sidebar .title{ float:left;background:url(../images/titlebgn.jpg) repeat-x; height:37px; width:200px;color:#343434; font-size:14px; text-align:center; line-height:37px;font-weight:bold;}
.sidebar .intro { width:198px;float:left;border:1px solid #e0e0e0;}
.sidebar .intro ul li a{ width:140px; float:left;line-height:26px;font-size:12px;text-align:left; padding-left:62px; margin-top:1px; background:url(../images/erdh.jpg) no-repeat; height:26px;margin:5px 0 5px 9px;}
.sidebar .intro ul li a:hover{ width:140px; float:left; height:26px; line-height:26px; background:#59aad5; font-size:12px;text-align:left; padding-left:62px;color:#fff;background:url(../images/erdhover.jpg) no-repeat;}
.sidebar .intro ul li ul li a{ background:none; line-height:24px; height:24px;}
.sidebar .intro ul li ul li a:hover{background:none; line-height:24px; height:24px; color:#247fae;}




/*右边*/

.content{ width:780px; float:right; margin-right:5px; } 
.content .title{padding-left:10px;line-height:37px; color:#343434;;background:url(../images/ntitbg.jpg) no-repeat; height:37px;font-size:12px;}
.content .title a { color:#343434;}
.content .intro{ padding:15px; min-height:400px;border:1px solid #e0e0e0;margin-bottom:5px;}
.content .intro p{ margin-bottom:6px; line-height:25px;}

.content .product_list{ padding:15px 0;margin:0 auto;border:1px solid #e0e0e0;margin-bottom:5px;}
.content .product_list ul li{ width:204px;overflow:hidden; float:left; margin:0 15px 10px; text-align:center;}
.content .product_list ul li img{ width:200px; height:150px; border:solid 1px #dadada; padding:1px;}
.content .product_list ul li span{ display:block;width: 190px; line-height:24px;}

.content .product_show{ padding:15px; text-align:left;border:1px solid #e0e0e0;margin-bottom:5px;}
.content .product_show ul li{ float:left; margin-bottom:10px; width:695px; line-height:24px;}
.content .product_show ul li.pic{ text-align:center; border-bottom:dashed 1px #ccc;}
.content .product_show ul li.pic span{ display:block; font-weight:bold;}
.content .product_show ul li.nr p.jc{font-weight:bold;}
.content .product_show ul li img{ width:650px; height:450px;}
.content .product_show ul li p{ padding-bottom:10px;}


.content .product_index{ padding:14px; text-align:left; padding-top:10px;border:1px solid #e0e0e0;margin-bottom:5px;}
.content .product_index ul li{ width:740px; float:left; margin-bottom:16px; border-bottom:dashed 1px #ccc; padding-bottom:10px; line-height:24px;}
.content .product_index ul li img{ float:left; padding-right:10px;}
.content .product_index ul li a span{ color:#26517e; float: left; display:block; width:560px; border:1px solid red;}
.content .product_index ul li a { color:#247fae;}
.content .product_index ul li a:hover{ color:#247fae;}

.main .news_list{ padding:14px; border-top:0; text-align:left; float:left;border:1px solid #e0e0e0;margin-bottom:5px;}
.main .news_list ul li{ width:740px;margin-bottom:16px;padding-left:10px; background:url(../images/ico.jpg) left no-repeat;}
.main .news_list ul li span{ color:#5e5e5e; float:right; padding-right:10px;} 
.main .news_list ul li a:hover{ color:#343434;}

.main .news_show{ padding:20px 14px 15px; border-top:0; text-align:left; float:left;border:1px solid #e0e0e0;margin-bottom:5px;}
.main .news_show ul li.bt{ font-size:18px; font-weight:bold; text-align:center;}
.main .news_show ul li.date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #999; line-height:40px;}
.main .news_show ul li.nr{ padding:8px 18px;}
.main .news_show ul li.nr p{ margin-bottom:10px; line-height:26px;}
.main .news_show ul li.back{ text-align:center;}
.main .news_show ul li.back a:hover{ color:#ec6100;}


.content .feedback{ padding:15px;border-top:0; text-align:left;border:1px solid #e0e0e0;margin-bottom:5px;}
.content .feedback table{}
.content .feedback table thead{ font-weight:bold;}
.content .feedback table tr td{ padding:4px;}
.content .feedback table tr td a:hover{ color:#c30;}
.content .feedback table input, .content .feedback table textarea{ border:solid 1px #ccc;}
.content .feedback table input.button{background:#c2262a; color:#fff; cursor:pointer; padding:2px 4px;}


.content .job{ padding:15px;border:1px solid #e0e0e0; margin-bottom:5px;margin-bottom:5px;}
.content .job table{ background:#EAEAEA; margin-bottom:20px;}
.content .job table thead{ font-weight:bold;}
.content .job table tr td{ background:#fff; padding:5px; line-height:24px;}
.content .job table tr td a:hover{ color:#c30;}

/*内页中间内容部分开始*/


/*内页中间内容部分结束*/



/*脚部分开始*/
.footer{ width:100%;color:#4e4e4e; border_bottom:1px solid #004083; margin:0 auto; float:left;margin-top:10px;}
.foot{ text-align:center;width:1003px;  margin:0 auto; line-height:22px; padding-top:15px; /*height:61px;*/ background:url(../images/fotterbg.jpg) no-repeat; }
/*脚部分结束*/