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

/***************** reset *****************/
*{margin: 0;padding: 0;word-wrap: break-word;}
body{color:#666; font:12px/1 Arial, Helvetica, sans-serif;background:url(../images/top_bg.gif) repeat-x top; color:#3b3b3b;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal; font-weight:bold;}
a{color: #444;text-decoration: none;}
a:hover{color:#ff8400;text-decoration:none;}
img{border: 0;}
ul, li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{*font-size: 100%;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
.clear{clear:both;}
#head,#nav,#foot,#banner_sub,#content_sub{ width:1000px; margin:0 auto;}

/***************** head *****************/
#head{height:90px;}
.logo{float:left;width:342px;margin-top:17px;}
.top{ float:right;margin-top:20px;width:240px;}
.top_link{text-align:right;}
.top_link a{padding-left:2px; }
.search{margin-top:10px;}
.search input,.search img{vertical-align:middle;}
.search input{ border:1px solid #ddd; width:164px;height:20px; padding-left:26px; background:url(../images/bg_search.gif) no-repeat; color:#a3a3a3; line-height:22px;}

/***************** nav *****************/
#nav{height:35px;}
.navbg{ background:url(../images/bg_nav.gif) repeat-x; height:35px;}
#nav ul li{ float:left;position:relative;z-index:9999;overflow: hidden;list-style-type: none; display:block;}
#nav .nav1 a{background:url(../images/nav.gif) no-repeat 0 0;width:126px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav1:hover a,#nav .nav1 a.current{ background:url(../images/nav.gif) no-repeat 0 -35px; display:block;}
#nav .nav2 a{background:url(../images/nav.gif) no-repeat -126px 0;width:129px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav2:hover a,#nav .nav2 a.current{ background:url(../images/nav.gif) no-repeat -126px -35px;display:block;}
#nav .nav3 a{background:url(../images/nav.gif) no-repeat -255px 0;width:129px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav3:hover a,#nav .nav3 a.current{ background:url(../images/nav.gif) no-repeat -255px -35px; display:block;}
#nav .nav4 a{background:url(../images/nav.gif) no-repeat -384px 0;width:129px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav4:hover a,#nav .nav4 a.current{ background:url(../images/nav.gif) no-repeat -384px -35px; display:block;}
#nav .nav5 a{background:url(../images/nav.gif) no-repeat -513px 0;width:129px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav5:hover a,#nav .nav5 a.current{ background:url(../images/nav.gif) no-repeat -513px -35px; display:block;}
#nav .nav6 a{background:url(../images/nav.gif) no-repeat -642px 0;width:129px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav6:hover a,#nav .nav6 a.current{ background:url(../images/nav.gif) no-repeat -642px -35px; display:block;}
#nav .nav7 a{background:url(../images/nav.gif) no-repeat -771px 0;width:229px;height:35px;text-indent:-9999px;overflow:hidden;display:block;}
#nav .nav7:hover a,#nav .nav7 a.current{ background:url(../images/nav.gif) no-repeat -771px -35px; display:block;}

#nav ul li #subNav{position:absolute;left:23px;z-index:9999;top:35px; height:23px; width:300px;}
#nav #subNav img{float:left;}
#nav #subNav a{float:left;text-indent:0px;color:#fff;line-height:23px; height:23px;width:60px;background:#ffa600;text-decoration:none;font-weight:normal;display:block;}
#nav #subNav a:hover{color:#f34c02;text-decoration:none;background:#ffa600;}

/***************** banner *****************/
#banner{ height:355px; margin-top:10px;}
.focus_ad{ height:355px; overflow:hidden; position:relative;}
.focus_ad .slide_pic li{display:none;}
.focus_ad .slide_pic .li_on{display:block;}

.focu_btn{width:120px; margin:0 auto; clear:both; overflow:hidden;z-index:999;  padding-left:1000px;}
.focus_ad .slide_txt{ width:60px; display:block; position:absolute; bottom:10px;}
.focus_ad .slide_txt li{width:20px;float:left;height:10px;line-height:10px;}
.focus_ad .slide_txt a,.focus_ad .slide_txt a:hover{ width:10px; height:10px; display:block; text-indent:-9999px; background:url(../images/li.png) no-repeat 0 0; background:none\9; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/li.png', sizingmethod='scale')\9;}
.focus_ad .slide_txt .li_on a,.focus_ad .slide_txt .li_on a:hover{ background:url(../images/li_on.png) no-repeat 0 0; background:none\9; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/li_on.png', sizingmethod='scale')\9;}

/***************** content *****************/
#content{ background:url(../images/bg_con.jpg) no-repeat; height:170px; width:960px;margin:0 auto;padding:20px; margin-top:10px;}
.title a.more{ background:url(../images/more.gif) no-repeat; width:45px; height:10px;text-indent:-9999px;overflow:hidden;display:block; float:right;}

.news{ width:310px; float:left;}
.news .news_con{ margin-top:10px;}
.news .headline_news{ height:75px; line-height:20px; overflow:hidden; border-bottom:1px dashed #c8c8c8;}
.news .img_box{ border:1px solid #eee; padding:1px; width:100px; height:65px; float:left;}
.news .news_right{float:left;width:200px;margin:5px 0 0 3px;}
.news .news_right p{position:relative;width:200px;color:#777;}
.news .news_right a.detail{ color:#ff8400; position:absolute; right:0;}
ul.news_list li{ line-height:24px; padding-top:3px;}
ul.news_list li a{padding-left:10px; background:url(../images/bg_li.gif) no-repeat;}
ul.news_list li span.data{ float:right; color:#777;}

.product{width:310px; float:left;margin:0 20px;}
.product ul{ margin-top:10px;}
.product ul li{float:left; width:140px; height:104px; border:1px solid #ddd; padding:2px; }
.product ul li.pro_01{margin-right:18px;}
.product ul li p{text-align:center; width:140px;height:30px; padding-top:18px;}

.about{width:300px; float:left;}
.about .about_con{margin-top:10px; padding:2px;line-height:24px;}
.about .a_pic{ margin-bottom:10px}
.about p.a_text{text-indent:24px;}

/***************** foot *****************/
#foot_bg{ background:url(../images/bg_foot.gif) repeat-x; height:52px; padding-top:18px;margin-top:20px;}
#foot{line-height:20px; color:#777;}

/***************** sub *****************/
#banner_sub{margin-top:10px; height:210px;}
#content_sub{background:url(../images/bg_con.jpg) no-repeat;margin-top:10px;}
.left{float:left;width:200px;background:url(../images/left_bg.gif) no-repeat;margin-right:10px; height:auto;}
.left .left_title{width:192px;height:40px;}
.left .left_con{width:185px; margin-left:7px}
.left .left_con ul li{background:url(../images/left_list.gif) no-repeat; padding-left:30px; line-height:30px;}
.left .lt_bottom{ height:180px;}
.right{float:left;width:770px; margin:23px 10px 0 0;}
.right .right_title{ height:24px; border-bottom:1px solid #ddd;}
.right .right_title span.site{ float:right;}
.right .right_title span img{ padding-right:5px;}
.right .right_con{margin-top:15px;line-height:18px;}
.right .right_con p{text-indent:24px; }
.right .right_con img{ padding-top:20px;}



/***************** news *****************/
.right_con ul.news_sub{line-height:36px;}
.right_con ul.news_sub li{  border-bottom:1px dotted #ccc; background:url(../images/news_icon.gif) no-repeat 0 12px; padding-left:20px;}
.right_con ul.news_sub li span{ float:right;}

.textTitle{margin:10px auto 20px;text-align:center; font:normal 24px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#000;}
.subtime{line-height:2em;text-align:center;background:#f1f1f1; padding:0 20px; font-size:12px; color:#666;}
.article{padding:10px 10px 30px; line-height:2em;}
.up-down{ padding:15px 0 0 10px; color:#1481BB;}
.up-down a{ color:#000;}
.back{ text-align:center; background:#f1f1f1; height:24px; line-height:24px;}
.back a{ color:#ff8400;}

/***************** pages *****************/
.page{margin-top:10px;}
.flip_pages_front{ float:right;}
.flip_pages_front a{ border:1px solid #dbdbdb; padding:3px 8px; background:#fff;}
.flip_pages_front a.pageson{background:#ff8400; color:#fff;}
.flip_pages_front a.pagesInput,a.pagego{ border:none;background:none;}
.flip_pages_front a.pagesInput input{ border:1px solid #dbdbdb;background:#fff; text-align:center; width:30px;height: 20px;}
.flip_pages_front .pagego input { background: url(../images/btn_pages.gif) no-repeat scroll 0 0 transparent; border: 0 none;color: #323232;cursor: pointer;height:20px;line-height:20px;width:50px;}

/***************** feedback *****************/
.table02{ padding:10px 0;}
.table02 td{ padding:5px;}
.table #addresss{float:left;}
.table .on_tit{float:right;}
.table input{ padding-right:3px;}
.table .btn a{ background:url(../images/btn.gif) no-repeat; width:75px; height:25px; text-align:center; line-height:25px; color:#fff; display:block; float:left; padding-right:10px;}


/***************** product *****************/
.pro_sub{position:relative; height:480px; padding-top:20px;}

.rg-image-wrapper{position:relative;width:695px; padding:0 30px;}
.rg-image{position:relative;text-align:center;line-height:0px;}
.rg-image img{max-height:100%;max-width:100%;border: 1px solid #ddd; padding:1px;}
.rg-image-nav a{position:absolute;top:0px;left:0px;background: url(../images/pro_nav.gif) no-repeat 0 50%;width:29px;height:100%;text-indent:-9000px;cursor:pointer;opacity:0.3;outline:none;}
.rg-image-nav a.rg-image-nav-next{right:0px;left:auto;background-position:100% 50%;}
.rg-image-nav a:hover{opacity:0.8;}
.rg-caption {text-align:center;margin-top:15px;position:relative;}

.es-carousel-wrapper{position: absolute;width:755px; top:370px; }
.es-nav{padding:0; margin:0; position:relative;top:32px;}
.es-carousel{overflow:hidden;width:680px;margin:20px 30px 0;position: absolute;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a{display:block;border: 1px solid #ddd; padding:1px; margin:0 5px;opacity:0.8;-webkit-touch-callout:none;/* option */-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a{border-color:#ff8400;opacity:1.0;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%; }
.es-nav span{position:absolute;background:transparent url(../images/nav_thumbs.gif) no-repeat top left;width:20px;height:90px;margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:0;left:auto;background-position:top right;}
.es-nav span:hover{opacity:1.0;}

.zs_con{ margin-top:15px;}
.zs_con ul.zs{}
.zs_con ul.zs li{float:left;width:176px; height:176px; margin:8px;}
.zs_con ul.zs li img{border:1px solid #ddd; padding:2px;width:172px; height:120px; margin-bottom:10px;}
.zs_con ul.zs li p{ text-align:center; line-height:18px;}

.pro_name{ font:normal 18px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#000; text-align:center; padding:10px 0 20px;}
.pro_pic{text-align:center; max-width:710px; width:expression(this.width >710 && 710 ? 710: true);}
.pro_pic img{ border:1px #dedede solid;}
.pro_explain{ line-height:31px; padding-left:15px; font:bold; font-size:14px; color:#333; background:#f1f1f1;}
.con_con{ padding:15px 0 15px 20px; line-height:2em;}


.guestbook{
	margin:15px auto;
}
.guestbook td{
	padding:8px;
	line-height:20px;
}
.feedback {
	padding:18px;
}
.btn {
	background:url(../images/btn1.gif) no-repeat center;
	width:75px;
	height:29px;
	display:inline-block;
	border:none;
	text-align:center;
	line-height:29px;
	font-size:12px;
	margin-right:20px;
	color:#FFF;
}
.btn:hover {
	background:url(../images/btn2.gif) no-repeat center;
	color:#333;
}