@charset "utf-8";
/*global*/
body,form,ul{margin:0px;padding:0px;}
ul,li{list-style:none;list-style-image:none;}

a{color:#555; text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{border:0px;} 

.p10{font-size:10px;}.p11{font-size:11px;}.p12{font-size:12px;}
.c333{color:#333},.c555{color:#555},.c777{color:#777},.c999{color:#999}

.date{float:right;color:#555;}

.pagenav{text-align:center;color:#555;}

/* top部分 */
#top{height:20px;padding-top:22px;padding-bottom:8px;}

/* menu部分 */
#menu{height:85px; background:url(../images/bg_menu.gif) repeat-x top; overflow:hidden;}
#menu_inner{height:85px; background:url(../images/bg_menu_1.gif) no-repeat top right; overflow:hidden;}

.logo{width:125px;padding:0px 5px 22px 5px;height:85px;float:left; background:url(../images/logo_bg.gif) no-repeat left 85px; overflow:hidden;}
.menu{margin-left:40px;padding-top:14px; float:left;}
.menu ul{ text-align:left;}
.menu ul li{height:30px;line-height:30px;display:inline;padding:0 13px;}
.menu ul li a{font-size:14px;color:#fff;font-weight:bold;}

#banner{width:850px;margin:0 auto;}
/* main部分 */
#main{width:850px;margin:0 auto;}
#sider{width:130px;float:left;height:auto; background:url(../images/dot.gif) repeat-y 157px;padding-left:30px;padding-top:38px;}
#middle{float:left;width:340px;height:auto; background-color:#FEFEFA;padding-top:38px;padding-left:24px; background:url(../images/bb.png) no-repeat 9px 28px;padding-right:15px;}
#right{margin-left:560px;height:auto; background-color:#fff;padding-top:38px;padding-right:2px;}

#sider .title{width:127px;background:url(../images/dot.gif) repeat-x bottom;padding-top:15px;padding-bottom:5px;color:#0087c1;font-weight:bold;}
#sider ul{margin:5px 0;}
#sider ul li{height:24px;line-height:24px;padding-left:15px; background:url(../images/bg_li.gif) no-repeat left 47%; border-bottom:1px #ddd solid;width:110px; overflow:hidden;}

#sider ul li a{color:#555;}
#sider ul li a:hover{color:#0087c1;text-decoration:none;}

.im{width:126px;border:1px #d9eff9 solid; background:#ecf7fc url(../images/bg_im.gif) no-repeat 3px 3px;height:89px; overflow:hidden; font-family:Verdana, Geneva, sans-serif;font-size:11px;}
.im .qq{padding:10px 3px 0 45px;line-height:16px;}
.im .msn{padding:20px 3px 0 45px;line-height:16px;}
.im a{color:#2b5c98}

.tel{width:128px;;height:24px; line-height:24px;color:#fff;font-weight:bold;font-size:14px; background-color:#1a7da9; text-align:center;margin-bottom:20px;}

#middle .about_cont{margin:20px 0;line-height:1.8;color:#555;}
#middle .about_cont .tit{font-weight:bold;}
#middle .about_cont .cont{}

#middle ul.service_list_index{ background:url(../images/dot.gif) repeat-x bottom;height:100px;}
#middle ul.service_list_index li{float:left;width:95px;height:68px; padding-left:17px;margin-right:6px;padding-top:7px;}
#middle ul.service_list_index li.l1{ background:url(../images/bg_li_01.gif) no-repeat left top;}
#middle ul.service_list_index li.l2{ background:url(../images/bg_li_02.gif) no-repeat left top;}
#middle ul.service_list_index li.l3{ background:url(../images/bg_li_03.gif) no-repeat left top;width:87px;margin-right:0px;}
#middle ul.service_list_index li  a{color:#068fcd;}

#middle .news_cont_index{margin-top:20px;}
#middle .news_cont_index .news_title_index{ background:url(../images/bg_li.gif) no-repeat left 47%;padding-left:15px;font-weight:bold;color:#068fcd;}
#middle .news_cont_index .split{color:#555;padding:0 5px;font-size:12px;}
#middle .news_cont_index ul {margin-top:10px;}
#middle .news_cont_index ul li {line-height:1.8; background:url(../images/dot_gray.gif) no-repeat left 47%;padding-left:6px;}
#middle .news_cont_index ul li a{color:#555}
#middle .news_cont_index ul li a:hover{color:#068fcd}

#right .product_list{margin-top:20px;}
#right .product_list .product_title{ background:url(../images/bg_li.gif) no-repeat left 47%;padding-left:15px;font-weight:bold;color:#068fcd;}
#right .product_list  .date{float:right;color:#555;}
#right .product_list  .split{color:#555;padding:0 5px;font-size:12px;}
#right .product_list ul {margin-top:10px;}
#right .product_list ul li {line-height:1.8;height:100px; overflow:hidden;color:#555}
#right .product_list ul li a{color:#555}
#right .product_list ul li a:hover{color:#068fcd}

#right .product_list ul li .product_img{padding:1px;border:1px #dfdfdf solid;width:65px;float:left;margin-top:5px;}
#right .product_list ul li .product_img img{width:65px;height:65px;}
#right .product_list ul li .product_cont{margin-left:80px;}

#right .product_list ul li .product_cont .tit{ background:url(../images/ico_arr.gif) no-repeat left 47%;padding-left:20px;font-weight:bold;}


/* foot部分 */
#foot{width:850px;margin:0 auto;color:#666;}
#foot .foot_inner{background-color:#ededed;padding:0px;height:50px; }
.foot_inner .copyright{height:30px;padding:10px;margin-left:30px;width:520px; background:url(../images/bg_copyright.gif) no-repeat left; float:left; display:inline;line-height:1.4;color:#999;}
.foot_inner .pp{width:230px;position:relative;padding:0px;float:left;}
.foot_inner .pp .pp_title{width:230px;height:18px;background-color:#fff;position:absolute;bottom:50px; z-index:999;}
.foot_inner .pp .pp_cont{height:48px;background-color:#fff;border:1px #ededed solid;width:230px;overflow:hidden; line-height:48px; overflow:hidden; position:relative;z-index:100;}
.foot_inner .pp .pp_cont ul{ position:absolute;left:0;top:0;height:48px;z-index:100;}
.foot_inner .pp .pp_cont ul li{float:left;margin-right:5px;line-height:35px;height:35px;padding:6px 0;}
.foot_inner .pp .pp_cont ul li img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.foot_inner .pp .pp_cont ul li img.hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}

#foot .foot_info{padding-left:30px;line-height:1.5;padding-top:5px;color:#999;}
#foot .foot_info img{ vertical-align:middle;}

/*Page about*/
.page_logo{width:125px;padding:0px 5px;height:85px;float:left;}
#page_main{width:850px;margin:0 auto;}

#page_sider{width:130px;float:left;height:auto; background:url(../images/dot.gif) repeat-y 129px;padding-left:2px;padding-top:80px; overflow:hidden;}
#page_sider .title{width:127px;background:url(../images/dot.gif) repeat-x bottom;padding-top:15px;padding-bottom:5px;color:#0087c1;font-weight:bold;}
#page_sider ul{margin:5px 0;}
#page_sider ul li{height:24px;line-height:24px;padding-left:15px; background:url(../images/bg_li.gif) no-repeat left 47%; border-bottom:1px #ddd solid;width:110px; overflow:hidden;}

#page_sider ul li a{color:#555;}
#page_sider ul li a:hover{color:#0087c1;text-decoration:none;}

#page_right{margin-left:130px;height:auto; background-color:#fff;}
#page_right .banner{}

/*导航*/
#page_right .nav{ text-align:right;vertical-align:middle;height:13px;margin:10px 5px 5px 5px;line-height:13px;}
#page_right .nav img{ vertical-align:middle;}
#page_right .nav a{color:#555;}

/*内容*/
#page_contain {padding-left:50px;margin-bottom:15px;}
#page_contain .title{font-size:12px;color:#0c6b95;font-weight:bold;padding:5px 0;background:url(../images/page_contain_title_bg.gif) no-repeat  bottom left;}
#page_contain .img{padding:10px 0;}
#page_contain .content{line-height:1.8;padding-bottom:80px; background:url(../images/about_bg.gif) no-repeat bottom left;}

/*Page Contact*/
#page_contain .contact_content{line-height:1.8;padding:10px 0;}
#page_contain .contact_content{background:url(../images/contact_us_bg.gif)  no-repeat top left;height:auto;padding:10px 5px;line-height:180%;padding-left:130px;}
.text1{border:1px #DBDBDB solid; background-color:#F7F7F7;padding:2px;color:#555; font-family:Arial, Helvetica, sans-serif;}
.text2{border:1px #DBDBDB solid; background-color:#F7F7F7; overflow:auto;padding:2px;color:#555;}
.text1_err{padding:0;border:red 1px solid;height:16px;padding:2px;color:#555; font-family:Arial, Helvetica, sans-serif;padding:2px;}
.text2_err{padding:0;border:red 1px solid;padding:2px;overflow:auto}

/*Page News*/
.newslist ul{padding:5px;}
.newslist ul li {line-height:30px;height:30px;background:url(../images/bg_li_04.gif) no-repeat left 47%;padding-left:15px; border-bottom:1px #d2d3d4 solid;}
.newslist ul li a{color:#555}
.newslist ul li a:hover{color:#068fcd}
.news_title{padding-top:30px;padding-bottom:10px; text-align:center;color:#068fcd;font-size:14px; background:url(../images/dot.gif) repeat-x bottom;}
.news_detail{padding:10px 0;line-height:1.8;color:#555;}
.news_detail p{margin-bottom:12px;}
/*Page Product*/
.productlist ul{padding:5px;margin-bottom:20px;}
.productlist ul li {height:100px;}

.productlist ul li .product_img{width:82px; height:82px;float:left;}
.productlist ul li .product_contain{margin-left:92px;height:82px;overflow:hidden; background:url(../images/dot.gif) repeat-x bottom;}
.productlist ul li .product_title{color:#0c6c97;height:40px;line-height:50px;font-size:14px; font-weight:bold; overflow:hidden;}
.productlist ul li .product_intro{line-height:1.5;color:#555;}

.productlist ul li .p_01{ background:url(../images/p_01.gif) no-repeat 150px 5px;}
.productlist ul li .p_02{ background:url(../images/p_02.gif) no-repeat 150px 5px;}
.productlist ul li .p_03{ background:url(../images/p_03.gif) no-repeat 150px 5px;}
.productlist ul li .p_04{ background:url(../images/p_04.gif) no-repeat 150px 5px;}

.productlist ul li .more{ text-align:right;padding:5px;}
.productlist ul li a{color:#555}
.productlist ul li a:hover{color:#068fcd}

/*Page Service*/
.oem_list{ background:url(../images/dot.gif) repeat-x bottom;padding:10px 0px;height:120px;}
.oem_list li{float:left;padding-right:15px;}
.oem_list li.end{padding-right:0px;}
.oem_list img{width:120px;height:120px;}
.oem_content{line-height:1.8;padding-bottom:30px;margin-top:10px;}

.service_item{margin-top:10px; background:url(../images/dot.gif) repeat-x bottom;padding-bottom:10px;}
.service_item .service_title{ background:url(../images/service_title_bg.gif) no-repeat bottom left;padding-left:30px;padding-bottom:15px;margin-left:-30px;font-weight:bold;color:#555;}
.service_item .service_title a{color:#555;}
.service_item .service_cont{line-height:1.8;color:#555;}
.service_item .service_list{padding:10px 0px;height:120px;}

.service_list li{float:left;padding-right:15px;}
.service_list li.end{padding-right:0px;}
.service_list img{width:120px;height:120px;}

/*Page brand*/
.brand_contain{padding:10px 0;}
.blue_1{line-height:1.8;font-size:12px;color:#0c6c97;}
#brand_table{border-top:1px #ccc solid;border-left:1px #ccc solid;margin:10px 0;}
#brand_table td{border-bottom:1px #ccc solid;border-right:1px #ccc solid;}

#brand_table td.td{padding-left:10px;line-height:1.8;color:#555;}


/*for online*/
	#online_contain{margin:10px 5px 5px 5px;height:auto;display:block;padding:10px 0; background:url(../images/dot.gif) bottom repeat-x;}
	.online_pro_left_title{height:55px; background:url(../images/online_topproimg.gif) #f6f6f6 no-repeat top left;color:#EF5589;padding-top:5px;}
	.online_main_title{ background:url(../images/pen.gif) no-repeat 50px top; height:50px;padding-left:115px;padding-right:7px;margin-top:50px;margin-bottom:10px;line-height:180%;color:#555;}	
	
	.input_title{width:130px;text-align:right;margin-top:10px;padding-top:5px;color:#555;}
	.input_other{margin-top:10px;padding-top:5px;text-align:left;padding-left:0px;margin-left:132px;}
	
	.online_input{padding:2px 5px;border:#999999 1px solid;height:16px;padding:2px;}
	.online_input_err{padding:2px 5px;border:red 1px solid;height:16px;padding:2px;}
	.online_text{padding:0;border:#999999 1px solid;height:80px;padding:2px;overflow:auto}
	.online_text_err{padding:0;border:red 1px solid;height:80px;padding:2px;overflow:auto}
	
	.online_item{ border:1px solid #DFDFDF; background:url(../images/online_item_bj.gif) repeat-x top;margin-bottom:10px;}
	.online_tit{height:25px;padding:5px 5px 0 5px;}
		.post_time{ float:right;}
		.post_tit{ color:#287cc4;}
		
		.post_contain{font-size:12px; color:#333;padding:5px;line-height:180%}
		.post_reply{font-size:12px; color:#287cc4; border-top:#666 dashed 1px;padding:5px;line-height:180%}
	.contact_info{ background:url(../images/bg_contact_01.gif) left top no-repeat;margin-top:5px;padding-left:44px;line-height:20px; height:45px;color:#555;}
