﻿@charset "utf-8";
/*---------&#1203; begin-------------*/
*{ padding:0; margin:0}
body{ padding:0px; margin:0px auto; font:normal 12px/24px "宋体"; color:#999; zoom:1; position:relative; background:url(../images/top_bg.jpg) repeat-x;}
ul,li,form, dl,dt, dd, div { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
font,select,input,em{ font-size:12px; font-style:normal;}
ul{ list-style-type: none; }
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur());color:#555555;font-family:Arial, Helvetica, sans-serif;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#17a2dd; text-decoration:none;}
.clear{ clear:both; overflow:hidden; height:0px;}
.mid{ width:1002px; margin:0 auto; overflow:hidden; clear:both;}
.mid2{ width:1002px; margin:0 auto; clear:both; position:relative; z-index:10;}
.blue{ font-weight:bold;}
.Green{ font-weight:bold;}
/*---------&#1203; end-------------*/

/* top */
.top{ height:198px; position:relative; overflow:hidden;}

/*********************浮动客服********************/
.kefu {
	position:absolute;
	z-index:99;
	top:152px;
	right:36px;
}
.kefu dl{ background:#fff; width:162px; text-align:center; padding:10px 6px; border:solid 1px #d9d9d9; border-bottom:0; overflow:hidden;}
.kefu dl dd{ font:normal 12px/20px "微软雅黑"; color:#17a2dd;}
.kefu h1{ background:#17a2dd; width:174px; height:34px; text-align:center; border:solid 1px #d9d9d9; overflow:hidden; font:normal 14px/34px "微软雅黑"; color:#fff;}


/*clearboth*/
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix .clear{_height:0px;}

/*gotop*/
.cbbfixed {position: fixed; right: 20px; transition: bottom ease .3s; bottom:0;z-index:100;cursor:pointer;}
.cbbfixed .cbbtn { width:50px; height:46px;display: block;}
.cbbfixed .gotop { transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left; width:50px; height:46px; background: url(../images/top_db.jpg);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}


/* top_name */
.top_name{ position:absolute; left:0; top:0; z-index:5; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#666;}
/* top_name end */

/* top_link */
.top_link{ position:absolute; right:0; top:3px; z-index:5;}
.top_link a{ font:normal 12px/22px "微软雅黑"; padding:0 5px; color:#666;}
.top_link img{ vertical-align:top;}
/* top_link end */

.logo{ position:absolute; top:60px; left:14px; background:url(../images/logo.jpg) no-repeat; width:407px; height:61px; display:block;}


/* search */
.search{ height:60px; overflow:hidden; position:absolute; right:0; top:82px; z-index:4;}
.search input{ background:url(../images/search_bg.jpg) no-repeat; width:189px; border:0; font:normal 12px/32px "微软雅黑"; color:#c7c7c7;text-indent:28px; line-height:22px; height:32px; display:block; float:left;}
.search .search_bt{ width:82px; height:32px; display:block; border:0; text-indent:0; background:#34b5d5; font:normal 12px/32px "微软雅黑"; color:#fff; cursor:pointer;}
.search a{ padding:0 7px;}
.search a.first{ padding-left:0;}
/* search end */

/* menu */
.menu{ height:46px; overflow:hidden; position:absolute; left:0; top:152px;}
.menu ul li{ float:left; background:url(../images/menu_ul_li_a_bg.jpg) no-repeat right center; text-align:center; height:46px; width:143px;}
.menu ul li a{ display:block; float:left; width:143px; font:normal 18px/46px "微软雅黑"; color:#312f2f;}
.menu ul li a:hover,.menu ul li a.hover{ background:#34b5d5; color:#fff;}
/* menu end */

/* top end */

/* banner */
.banner{ background:#10668a; height:400px; position:relative; overflow:hidden;}

/* 本例子css */
		.slideBox{ height:400px; position:relative;}
		.slideBox .hd{ position:absolute; width:100%; z-index:9; height:100%;}
		
		.slideBox .bd{ width:100%; margin:0 auto; position:relative; height:100%; z-index:0;}
		.slideBox .bd li{ zoom:1; height:400px; vertical-align:middle; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .next{ position:absolute; right:0; top:160px; filter:alpha(opacity=50);opacity:0.5; background:url(../images/indexban_right.jpg) no-repeat;filter:alpha(opacity=50);opacity:0.5; width:34px; height:63px; display:block;}
		.slideBox .prev{ position:absolute; left:0; top:160px; filter:alpha(opacity=50);opacity:0.5; background:url(../images/indexban_left.jpg) no-repeat;filter:alpha(opacity=50);opacity:0.5; width:34px; height:63px; display:block;}
		.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/* banner end */

/* product 产品 */

.product{ background:url(../images/product_Bg.jpg) repeat-x; height:332px; padding-top:8px; overflow:hidden; position:relative;}
.product .hd{ background:url(../images/product_title.jpg) no-repeat; padding-left:50px; width:952px; height:53px; font:normal 20px/53px "微软雅黑"; color:#fff; position:relative;}

.product .hd .prev,.product .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}
.product .hd .next{ background-position:0 -50px;  }
.product .hd .prevStop{ background-position:-60px 0; }
.product .hd .nextStop{ background-position:-60px -50px; }

.product .hd ul{ position:absolute; top:300px; left:23%; overflow:hidden; zoom:1; zoom:1; }
.product .hd ul li{ float:left; width:7px; height:7px; overflow:hidden; margin-right:4px; text-indent:-999px; cursor:pointer; background:url(../images/indexban_05.jpg) no-repeat;}
.product .hd ul li.on{ background:url(../images/indexban_03.jpg) no-repeat;}

.product .bd{ height:228px; overflow:hidden; border-left:solid 1px #dfdfdf; }
.product .bd ul{ overflow:hidden; zoom:1; }
.product .bd ul li{ width:199px; height:228px; border-right:solid 1px #dfdfdf; float:left; _display:inline; text-align:center;}
.product .bd ul li .pic{ text-align:center; }
.product .bd ul li .pic img{ width:199px; height:169px; display:block;}
.product .bd ul li .title a:hover{ color:#17a2dd; font-weight:bold;}
.product .bd ul li .title a{ height:34px; overflow:hidden; font:normal 12px/18px "微软雅黑"; color:#707070;}


/* product end */

/* content */
.content{ background:#f1eee5; height:auto; overflow:hidden; font:normal 12px/26px "微软雅黑"; color:#666;}

/* fenlei 分类 */

.fenlei{ width:206px; float:left; margin-right:22px; overflow:hidden;}
.fenlei h1{ background:url(../images/pro_title.jpg) no-repeat; text-align:center; font:normal 18px/46px "微软雅黑"; color:#fff;}
.fenlei .con{ background:#fff; border:solid 1px #ccc; border-top:0; padding:0 15px; overflow:hidden;}
.fenlei .con a{ font:normal 14px/36px "微软雅黑"; color:#888; display:block; height:36px; overflow:hidden;}
.fenlei .con a:hover{ color:#17a2dd; }

/* fenlei end */

/* about */
.about{ width:377px; float:left; margin-right:22px; overflow:hidden;}
.about .title{ background:url(../images/about_title.jpg) no-repeat; width:377px; height:56px; overflow:hidden; }
.about .title h1{ font:normal 18px/46px "微软雅黑"; color:#fff; padding-left:42px; float:left;}
.about .title span a{ font:normal 14px/46px "微软雅黑"; color:#17a2dd; padding-right:28px; float:right;}

.about .con{ background:#fff; padding:10px; font:normal 12px/26px "微软雅黑"; color:#585858; border:solid 1px #ccc; border-top:0; } 
.about .con img{ margin-bottom:10px;}
/* about end */

/* news */
.news{ width:371px; float:right; overflow:hidden;}
.news .title{ background:url(../images/news_title.jpg) no-repeat; width:371px; height:56px; overflow:hidden; }
.news .title h1{ font:normal 18px/46px "微软雅黑"; color:#fff; padding-left:42px; float:left;}
.news .title span a{ font:normal 14px/46px "微软雅黑"; color:#17a2dd; padding-right:28px; float:right;}

.news .con{ background:#fff; padding:10px; font:normal 12px/26px "微软雅黑"; color:#585858; border:solid 1px #ccc; border-top:0; border-bottom:0; } 
.news .con ul li{ background:url(../images/news_list_bg.jpg) no-repeat left bottom; border-bottom:dotted 1px #b5b5b5; padding-left:21px; width:330px; height:36px;}
.news .con ul li a{ float:left; font:normal 14px/32px "微软雅黑"; color:#585858; overflow:hidden; height:35px; width:235px;}
.news .con ul li span{ float:right; font:normal 14px/32px "微软雅黑"; color:#585858;}
.news .con ul li a:hover{ color:#17a2dd; }
/* news end */

/* news_xz */

.news_xz{ width:320px; margin:20px 0 20px 21px; float:left; overflow:hidden;}
.news_xz .title{ background:url(../images/news_title_zx.jpg) no-repeat; width:320px; height:56px; overflow:hidden; }
.news_xz .title h1{ font:normal 18px/46px "微软雅黑"; color:#fff; padding-left:42px; float:left;}
.news_xz .title span a{ font:normal 14px/46px "微软雅黑"; color:#17a2dd; padding-right:28px; float:right;}

.news_xz .con{ background:#fff; padding:10px; font:normal 12px/26px "微软雅黑"; color:#585858; border:solid 1px #ccc; border-top:0;} 
.news_xz .con ul li{ background:url(../images/news_list_bg.jpg) no-repeat left bottom; border-bottom:dotted 1px #b5b5b5; padding-left:21px; width:271px; height:36px;}
.news_xz .con ul li a{ float:left; font:normal 14px/32px "微软雅黑"; color:#585858; overflow:hidden; height:35px; width:182px;}
.news_xz .con ul li span{ float:right; font:normal 14px/32px "微软雅黑"; color:#585858;}
.news_xz .con ul li a:hover{ color:#17a2dd; }

/* news_xz end */


/* zhishi */
.zhishi{ width:371px; float:right; overflow:hidden;}
.zhishi .title{ background:url(../images/news_title.jpg) no-repeat; width:371px; height:56px; overflow:hidden; }
.zhishi .title h1{ font:normal 18px/46px "微软雅黑"; color:#fff; padding-left:42px; float:left;}
.zhishi .title span a{ font:normal 14px/46px "微软雅黑"; color:#17a2dd; padding-right:28px; float:right;}

.zhishi .con{ background:#fff; font:normal 12px/26px "微软雅黑"; padding:6px; color:#585858; border:solid 1px #ccc; border-top:0; overflow:hidden; height:76px;} 
.zhishi .con a{ background:url(../images/zhishi_news_list.jpg) no-repeat left bottom; border-bottom:dotted 1px #b5b5b5; padding-left:18px; width:95%; height:30px; margin-bottom:5px; float:left; font:normal 14px/30px "微软雅黑"; display:block; color:#585858; overflow:hidden;}
.zhishi .con a:hover{ color:#17a2dd; }
/* zhishi end */

/* Honor */
.Honor{ width:771px; float:right; margin-top:22px; overflow:hidden;}
.Honor .title{ background:url(../images/zizhi_title.jpg) no-repeat; width:771px; height:56px; overflow:hidden; }
.Honor .title h1{ font:normal 18px/46px "微软雅黑"; color:#fff; padding-left:42px; float:left;}
.Honor .title span a{ font:normal 14px/46px "微软雅黑"; color:#17a2dd; padding-right:28px; float:right;}

.Honor .con{ background:#fff; padding:16px; height:143px; border:solid 1px #ccc; border-top:0; overflow:hidden;}
.Honor .con a{ display:block; width:180px; height:134px; margin-right:3px; float:left;}
/* Honor end */

/* content end */

.foot{ background:#fff; margin-top:14px; width:1000px; height:143px; border:solid 1px #ccc; overflow:hidden;}
.foot dl{ float:left; margin:10px 28px 10px 30px; overflow:hidden; text-align:center;}
.foot dl dd{ font:normal 12px/22px "微软雅黑"; color:#505d63;}


.link{ padding:18px; overflow:hidden;}
.link h1{ width:60px; height:24px; float:left; text-align:center; background:#17a2dd; font:normal 12px/24px "微软雅黑"; color:#fff;}
.link a{ padding:0 8px; font:normal 12px/24px "微软雅黑"; color:#4d5a60;}


/* bottom */
.bottom{ background:#fff; border-top:solid 1px #d5d5d5; height:129px; color:#a0a0a0; position:relative; overflow:hidden;}
.bottom .banquan{ position:absolute; left:54px; top:14px; font:normal 16px/24px "微软雅黑"; color:#a0a0a0;}
.bottom .bottom_nav{ position:absolute; left:54px; top:52px;}
.bottom .bottom_nav a{ font:normal 12px/24px "微软雅黑"; color:#a0a0a0;}
.bottom .contact{ position:absolute; left:54px; top:90px; font:normal 12px/24px "微软雅黑"; color:#a0a0a0;}
.bottom .bdsharebuttonbox{ position:absolute; right:54px; top:32px;}
/* bottom end */

/* i_content */
.i_content{ background:#f1eee5; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#333; padding-bottom:40px; padding-top:10px;}

/* i_left */
.i_left{ float:left; width:206px; overflow:hidden; margin-right:15px; margin-top:8px;}
.left_title{ background:url(../images/pro_title.jpg) no-repeat; text-align:center; font:normal 18px/46px "微软雅黑"; color:#fff;}
.i_left_bor{ background:#ccc; width:206px; height:1px; position:absolute; left:0; top:514px;}

.i_fenlei{ width:206px; float:left; margin-right:22px; overflow:hidden;}
.i_fenlei h1{ background:url(../images/pro_title.jpg) no-repeat; text-align:center; font:normal 18px/46px "微软雅黑"; color:#fff;}
.i_fenlei .con{ background:#fff; border:solid 1px #ccc; border-top:0; padding:0 15px; overflow:hidden;}
.i_fenlei .con a{ font:normal 14px/36px "微软雅黑"; color:#888; display:block; height:36px; overflow:hidden;}
.i_fenlei .con a:hover{ color:#17a2dd; }

/* slider */
.slider{ width:206px; height:460px; float:left; margin-right:22px;}

.product_left{ background:#fff; border:solid 1px #ccc; border-top:0; border-bottom:0; padding:0 15px; overflow:hidden;}
.product_left a{ font:normal 14px/36px "微软雅黑"; color:#888; display:block; height:36px;}
.product_left a:hover,.product_left a.hov{ color:#17a2dd; }

.pro_top{ font:normal 14px/24px "微软雅黑"; color:#424242; overflow:hidden; display:block; text-align:center; clear:both;}

/* 滚动条的样式 */
.scrollUp,.scrollHandle,.scrollDown{overflow:hidden; background:#fff;}
.scrollBar{ height:100%; width:16px; background:#b8b8b8; overflow:hidden;position:absolute;right:0;top:0;z-index:111}
.scrollUp,.scrollDown{ background:url(../images/scrollUp.jpg) no-repeat; height:14px; cursor:pointer; position:absolute;left:1px;}
.scrollUp,.scrollHandle,.scrollHandleDown,.scrollDown{width:14px;position:absolute;}

.scrollHandle{ background:#fff; height:290px; left:1px; top:16px; cursor:pointer;}
.scrollUp{ background-position:left 0; top:0;}
.scrollDown{ background:url(../images/scrollDown.jpg); bottom:0;}



.i_contact{ width:206px; float:left; margin-top:22px; overflow:hidden;}
.i_contact h1{ background:url(../images/contact_title.jpg) no-repeat; text-align:center; font:normal 18px/46px "微软雅黑"; color:#fff;}
.i_contact .con{ background:#fff; font:normal 14px/24px "微软雅黑"; color:#888; border:solid 1px #ccc; border-top:0; padding:10px 9px; overflow:hidden;}

/* i_right */
.i_right{ float:right; width:779px; overflow:hidden;}

/* i_title */
.i_title{ background:url(../images/i_right_title_bg.jpg) no-repeat; width:779px; height:53px;}
.i_title h2{ font:normal 20px/53px "微软雅黑"; color:#fff; text-align:center; width:181px; float:left;}
.i_title span{ padding-right:16px; display:block; float:right; font:normal 12px/53px "宋体"; color:#fff;}
.i_title span a{ font:normal 12px/53px "微软雅黑"; color:#fff;}
/* i_title end */

/* i_info */
.i_info{ background:#fff; width:747px; padding:16px; overflow:hidden; font:normal 16px/38px "微软雅黑"; color:#585858;}

/*荣誉资质*/
.i_rongyu{ width:779px; height:248px; margin-top:22px; overflow:hidden; position:relative;}
.i_rongyu .hd{ background:url(../images/rongyu_title.jpg) no-repeat; width:737px; height:56px; font:normal 18px/46px "微软雅黑"; color:#fff; padding-left:42px; overflow:hidden; }

.i_rongyu .prev{ background:url(../images/rongyu_left.png) no-repeat; display:block; width:34px; height:63px; position:absolute; left:11px; top:110px; overflow:hidden; cursor:pointer; z-index:99;}
.i_rongyu .next{ background:url(../images/rongyu_right.png) no-repeat; display:block; width:34px; height:63px; position:absolute; right:11px; top:110px; overflow:hidden; cursor:pointer; z-index:99;}

.i_rongyu .bd{ background:#fff; width:757px; height:171px; border:solid 1px #ccc; border-top:0; padding:10px; overflow:hidden;}
.i_rongyu .bd ul{ overflow:hidden; zoom:1; }
.i_rongyu .bd ul a{ display:block; width:184px; height:138px; margin-right:7px; float:left;}

/* i_info end */

/* i_list */

.i_list{ background:#fff; width:747px; padding:16px; overflow:hidden;}

.i_list ul li{ background:url(../images/news_ul_li_a_bg.jpg) no-repeat left bottom; border-bottom:dotted 1px #b5b5b5; margin:0 auto; padding-left:22px; width:650px; height:30px; margin-bottom:10px;}
.i_list ul li a{ display:block;  height:25px; font:normal 12px/25px "微软雅黑"; color:#585858; float:left;}
.i_list ul li span{ float:right; font:normal 12px/25px "微软雅黑"; color:#c2c2c2; }

.i_list dl{ width:640px; margin:15px auto; overflow:hidden;}
.i_list dl dt{ font:normal 14px/26px "微软雅黑"; color:#585858; height:30px;}
.i_list dl dt span{ background:#34b5d5; display:block; float:left; margin:8px 10px 0 0; width:11px; height:11px;}
.i_list dl dd{ font:normal 12px/26px "微软雅黑"; color:#585858;}

.yuanli_title{ width:672px; height:50px; overflow:hidden; margin:0 auto;}
.yuanli_title h1{ width:118px; height:38px; text-align:center; float:left; border:solid 1px #ccc; font:normal 14px/38px "微软雅黑"; color:#17a2dd; }
.yuanli_title span a{ display:block; float:right; font:normal 12px/38px "微软雅黑"; color:#17a2dd; }


/* i_list end */

/* xuanxing_list */
.xuanxing_title{ background:#17a2dd; width:206px; height:53px; margin-top:22px; display:block; text-align:center; font:normal 16px/53px "微软雅黑"; color:#fff; }
.xuanxing_title:hover{ color:#fff;}

.xuanxing_list{ background:#fff; width:763px; padding:16px 8px; overflow:hidden;}
.xuanxing_list a{ display:block; width:373px; height:623px; float:left; margin-right:15px; overflow:hidden;}
.xuanxing_list a img{ width:371px; height:581px; border:solid 1px #d5d5d5; overflow:hidden;}
.xuanxing_list a span{ width:371px; display:block; text-align:center; font:normal 12px/32px "微软雅黑"; color:#313131;}
.xuanxing_list a:hover span{ color:#17a2dd; }

.yuanli_list{ background:#fff; width:707px; padding:20px 36px; overflow:hidden;}
.yuanli_list ul li{ background:url(../images/news_ul_li_a_bg.jpg) no-repeat left bottom; border-bottom:dotted 1px #b5b5b5; margin:0 auto; padding-left:22px; width:650px; height:30px; margin-bottom:10px;}
.yuanli_list ul li a{ display:block;  height:25px; font:normal 12px/25px "微软雅黑"; color:#585858; float:left;}
.yuanli_list ul li span{ float:right; font:normal 12px/25px "微软雅黑"; color:#c2c2c2; }

/* fengji_list */

.fengji_list{ background:#fff; width:777px; border:solid 1px #dfdfdf; overflow:hidden;}
.fengji_list ul li{ width:194px; height:214px; float:left; overflow:hidden;}
.fengji_list ul li a{ display:block; width:193px; height:213px; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf;}
.fengji_list ul li a img{ width:150px; height:142px; padding:16px 21px 0 21px; overflow:hidden;}
.fengji_list ul li a span{ display:block; text-align:center; width:193px; font:normal 12px/20px "微软雅黑"; color:#7b7b7b;}
.fengji_list ul li a:hover span{ color:#17a2dd;}
.fengji_list ul li a:hover{ background:url(../images/fengji_ul_li_a_hover.jpg) no-repeat; border:0; width:194px; height:214px;}

/* fengji_list end */

/* fengji_info */

.fengji_info{ background:#fff; width:777px; border:solid 1px #dfdfdf; overflow:hidden;}

.proshow1_l{ width:380px; height:380px; float:left; padding-top:22px; padding-left:10px; overflow:hidden;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-pic{ width:270px; margin:0 auto; border:solid 1px #ccc; cursor:pointer; padding:5px;}

.tb-booth{ position:relative;z-index:1; text-align:center;}
.tb-thumb .tb-selected{ width:58px; height:58px; border:1px solid #23a7df;}
.tb-thumb .tb-selected img{ width:58px; height:58px;}
.tb-thumb li div{ width:58px; height:58px;}

.zoomDiv{ z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px; background:#fff; margin-left:60px; border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.zoomDiv img{ width:800px; height:560px;}
.zoomMask{ position:absolute; background:url(../images/mask.png); z-index:1;}


		.picScrollleft3{ width:360px;overflow:hidden; position:relative;   }
		.picScrollleft3 .hd{ position:relative; height:3px; }
		.picScrollleft3 .hd .prev{ position:absolute; display:block; background:url(../images/ll.jpg) no-repeat; width:19px; height:58px; left:2px; top:20px; z-index:99; cursor:pointer}
		.picScrollleft3 .hd .next{ position:absolute; display:block; background:url(../images/rr.jpg) no-repeat; width:19px; height:58px; right:2px; top:20px; z-index:99; cursor:pointer}
		.picScrollleft3 .bd{ margin-top:15px; overflow:hidden; height:60px; padding:3px 0 0 30px;}
		.picScrollleft3 .bd ul{ overflow:hidden; zoom:1; }
		.picScrollleft3 .bd ul li{ float:left; _display:inline; margin-right:20px; overflow:hidden; text-align:center;   }
		.picScrollleft3 .bd ul li .pic{ text-align:center; border:solid 1px #ccc;}
		.picScrollleft3 .bd ul li .pic img{ width:58px; height:58px; display:block; }
		
		
.proshow1_r{ float:right; width:330px; height:380px; font:normal 12px/32px "微软雅黑"; color:#4f4f4f; padding-top:22px; padding-right:20px; overflow:hidden;}

.pro_title{ border-top:solid 1px #ccc; padding:10px 16px; overflow:hidden; font:normal 34px/30px "微软雅黑"; color:#17a2dd;}
.pro_h1{ background:#17a2dd; padding-left:20px; margin:10px 0; overflow:hidden; font:normal 12px/25px "微软雅黑"; color:#fff;}
.pro_con{ font:normal 12px/24px "微软雅黑"; color:#7b7b7b; padding:5px 20px; overflow:hidden;}

 /* 产品详情css */
 
	.pro_info{ position: relative; overflow: hidden; }
	.pro_info .bigImg{  width:682px; min-height:800px; margin:0 auto 10px auto; position: relative;}
	.pro_info .bigImg li img{ vertical-align:middle; width:100%; max-height:800px;; }

	.pro_info .smallScroll{ border-top:solid 1px #ccc; position:relative; height:100px; overflow:hidden;}
	
	.pro_info .sPrev{ position:absolute; display:block; background:url(../images/ll.jpg) no-repeat; width:19px; height:58px; left:2px; top:20px; z-index:99; cursor:pointer}
	.pro_info .sNext{ position:absolute; display:block; background:url(../images/rr.jpg) no-repeat; width:19px; height:58px; right:2px; top:20px; z-index:99; cursor:pointer}


	.pro_info .smallImg{ position:absolute; left:30px; top:0; display:inline; margin:10px 0; overflow: hidden;}
	.pro_info .smallImg ul{ height:80px; width:999999999999999px; overflow: hidden; }
	.pro_info .smallImg ul li{ float: left; width:63px; height:76px; margin-right:8px; border: 1px solid #dfdfdf; cursor:pointer; display: inline;  }
	.pro_info .smallImg ul li img{ width:63px; height:76px;}
	.pro_info .smallImg ul li.on{ border-color: #8e8e8e;}

	
.pro_l_r{ border-top:solid 1px #dfdfdf; height:30px; overflow:hidden;}
.pro_l_r a{ padding:0 12px; font:normal 12px/30px "微软雅黑"; color:#7b7b7b; text-decoration:underline;}

/*推荐产品*/
.new_pro{ height:240px; margin-top:22px; overflow:hidden; position:relative;}
.new_pro .hd{ background:#17a2dd; width:767px; height:30px; font:normal 12px/30px "微软雅黑"; color:#fff; padding-left:12px; overflow:hidden; }

.new_pro .prev{ background:url(../images/l.jpg) no-repeat; display:block; width:22px; height:87px; position:absolute; left:22px; top:64px; overflow:hidden; cursor:pointer; z-index:99;}
.new_pro .next{ background:url(../images/r.jpg) no-repeat; display:block; width:22px; height:87px; position:absolute; right:22px; top:64px; overflow:hidden; cursor:pointer; z-index:99;}

.new_pro .bd{ background:#fff; height:180px; border:solid 1px #ccc; border-top:0; padding:20px 40px 20px 70px; overflow:hidden;}
.new_pro .bd ul{ overflow:hidden; zoom:1; }
.new_pro .bd ul li{ width:140px; height:176px; overflow:hidden; float:left; margin-right:25px;}
.new_pro .bd ul li a{ display:block; width:184px; height:138px; float:left;}
.new_pro .bd ul li a img{ width:138px; height:122px; border: solid 1px #e2e2e2;}
.new_pro .bd ul li a span{ display:block; width:140px; height:50px; text-align:center; font:normal 12px/20px "微软雅黑"; color:#6c6b6b; padding:10px 0;}
.new_pro .bd ul li a:hover span{ color:#17a2dd;}

/* fengji_info end */

/* i_right end */

/* i_content end */

/*info*/
.Info_title{ padding:0px; margin:10px 0px; font-size:16px; font-family:"微软雅黑"; text-align:center; }
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center; background:url(../images/Icon_line.jpg) repeat-x left top;}
.Info_time{ color:#666; line-height:34px;}
.Info_txt{ padding:10px 20px; background:url(../images/Icon_line.jpg) repeat-x left top; line-height:28px;}
.Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#ef2e25; text-decoration:underline;}
.Info_back a:hover{ color:#ef2e25; text-decoration:none;}
.Info_page{ padding-left:30px; background:url(../images/Icon_dot02.jpg) no-repeat 20px center;}
.Info_page a{ font:normal 12px/30px "微软雅黑"; color:#7b7b7b; text-decoration:underline;}



/*Page*/

.Page{  height:26px; margin-top:12px; padding:5px; text-align:right; overflow:hidden;}
.Page a{ display:inline-block; margin-top:3px; padding:5px; margin-right:7px; font:normal 12px/14px "微软雅黑"; color:#888; border:solid 1px #BABABA;}
.Page a:hover{ background:#17a2dd; color:#fff; border:#dfdfdf solid 1px;}

/*page end*/

/*pages*/

.Pages{ background:#fff; width:767px; height:31px; margin-top:12px; padding:5px; text-align:center; border:solid 1px #ccc; overflow:hidden;}
.Pages a{ display:inline-block; margin-top:3px; padding:5px; margin-right:7px; font:normal 12px/14px "微软雅黑"; color:#888; border:solid 1px #BABABA;}
.Pages a:hover,.Pages a.hov{ background:#17a2dd; color:#fff; border:#dfdfdf solid 1px;}

/*pages end*/





.xiangguan{ border:solid 1px #e9e9e9; overflow:hidden; margin:5% 0; padding-bottom:10px;}
.xiangguan h1{ background:/*url(../images/xiangguan_h1_bg.jpg) repeat-x*/#17a2dd; height:28px; border:solid 1px #fff; overflow:hidden; font:normal 14px/29px "微软雅黑";  color:#fff; padding-left:12px;}
.xiangguan dl{ width:46%; float:left; margin:8px 2%; height:40px; padding-bottom:10px; border-bottom:dashed 1px #ccc; overflow:hidden; margin-bottom:0px;}
.xiangguan dl dt{ background:url(../images/news_ul_li_bg.jpg) no-repeat left 6px; width:12px; height:100%; float:left; padding-right:12px;}
.xiangguan dl dd{ font:normal 12px/24px "微软雅黑"; color:#383838;}
.xiangguan dl dd a{ font:normal 12px/24px "微软雅黑"; color:#003276;}
.xiangguan dl dd a:hover{ color:#0d85cd; font-weight:bold; text-decoration:underline;}


.i_info ul li.list{ float:left; width:201px; height:220px; float:left; margin-right:70px;}
.i_info ul li.list a{ background:#fff; padding:3px; border:solid 1px #abadb3; display:block; float:left;}
.i_info ul li.list a span{  text-align:center; width:193px; display:block; line-height:40px;}


.proList{ background:#fff; width:763px; padding:16px 8px; overflow:hidden;margin:0 auto; }
.proList li{ width:33.3%; text-align:center; float:left;}
.proList li h3{ font-size:15px; line-height:65px;}