@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote { margin:0; padding:0; list-style:none;}
html { min-height:100%;  border:none 0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*{ margin:0px; padding:0px;}

ul,ol {list-style-type: none;}
button,submit,input,select,textarea {font:12px/1.5 Tahoma,"Microsoft YaHei",arial,simsun,sans-serif; outline:none;}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
textarea { resize:none; outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:none;}
table { border-collapse:separate;border-spacing:0;}
th,td { text-align:left;}
address,cite,dfn,em,var{font-style:normal; }
img { border:none; border:none; vertical-align:middle;}
iframe {vertical-align: top;}
*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
.ui_clear{*zoom:1}
.ui_clear:after{content:'\20';display:block;clear:both;height:0;overflow: hidden;}
.hide {display: none;}
/* ====================================================================
@ set common style
======================================================================= */
body { font-size:12px; font-family:"微软雅黑";}

.float{ float:none;}
a{ text-decoration:none;}
img{ -webkit-transition: all ease .3s; transition: all ease .3s;}
.float{ float:left;}
.clear{ clear:both;}


#top{ height:139px; width:100%; margin:auto;background:url(../images/top_bg.jpg) no-repeat center;overflow:hidden;display:block;position:fixed; z-index:9999; -webkit-transition: all ease .5s; transition: all ease .5s;position:fixed;}
.top{ width:1200px; margin:auto; display:block;}
.headroom--unpinned{ position:fixed; top:-139px;}
.headroom--pinned{ position:fixed; top:0;}

.logo{ margin-top:23px; width:303px; float:left;}
.top_r{ width:813px; float:right; margin-left:82px; margin-top:27px;}
.top_t img{ float:left; margin-top:6px;}
.top_t div{ float:right; text-align:right; }
.top_t div span{ color:#008f4a; font-size:26px;background:url(../images/dh.png) no-repeat left top; display:block; width:190px; float:right;}
.top_t div a{ color:#333333; font-size:12px; border-left:1px solid #333333; margin-left:10px; padding-left:10px;}



.nav{ height:38px; margin-top:22px; float:right;}
.nav ul li{ float:left; margin-left:56px;}
.nav ul li a{ font-size:14px; color:#fff; line-height:38px; display:block; overflow:hidden;}
.nav ul li a:hover{ color:#008f4a;}

.ssk{ float:right;}
.ssk_nr{ width:156px; height:26px; background:url(../images/ssk_bg.png) no-repeat; border:none; padding-left:10px; float:left; margin-top:9px;}
.ss_button{ width:14px; height:14px; background:url(../images/ssan.jpg) no-repeat; display:block; border:none; float:right; margin-top:15px; position:relative; z-index:3;margin-right:9px; position:absolute; margin-left:143px;}




/*-----------------banner------------------*/
#banner{ height:650px; background:url(../images/banner_bg.jpg) no-repeat center bottom;}
.flexslider{position:relative;height:650px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat ; }
.slides{position:relative;z-index:1;}
.slides li{height:650px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:25px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:25px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}



#product{ width:100%; margin:auto;}
.product{ width:1200px; margin:auto; margin-top:40px; }
.product ul{ height:350px; background:url(../images/product_ul_bg.jpg) repeat-y;margin-top:44px; width:1250px;}
.product ul li{ width:230px; float:left; margin-right:12px; height:350px; display:block; overflow:hidden; position:relative;}
.product ul li h2{ height:58px; line-height:58px; width:230px; text-align:center; z-index:33; position:absolute; font-weight:normal; font-size:16px; }
.product ul li h2 a{color:#333333;}
.product ul li div{margin-top:62px;}
.product ul li div a img{ width:214px; height:288px;  margin-left:6px;}



.product ul li div.mask{ width:100%; height:100%; position: absolute; top:0; left:0; background:url(../images/product_bg_link.png); margin:0; display:none; position:absolute;}

.product ul li:hover div.mask{ display:block; color:#fff; text-align:center;}
.product ul li:hover div.mask p{ font-size:14px; color:#fff; border:none; background:none; line-height:24px !important; margin-top:72px; margin-left:23px; margin-right:23px; height:260px; overflow:hidden;}
.product ul li:hover h2 a{ color:white;}



#youshi{ width:100%; margin:auto; background:url(../images/youshi_bg.jpg) no-repeat center; height:796px;margin-top:39px;}
.youshi{ width:1200px; margin:auto;}
.youshi div h3{ color:#008f4a; font-size:24px; font-weight:normal; line-height:40px;}
.youshi div p{ width:434px; line-height:24px; font-size:14px; color:#cccccc; }
.youshi_t{ float:right; margin-right:20px; margin-top:135px; display:block;}
.youshi_t div{ margin-bottom:35px;}
.youshi_b{ float:left; margin-left:127px; margin-top:470px;} 
.youshi_b div{ margin-bottom:35px;}


#about{ width:100%; margin:auto;}
.about{ width:1200px; margin:auto; margin-top:31px; background:#008f4a; height:457px;}
.about_tp{ width:340px; height:419px; float:left; margin-top:20px; margin-left:18px;}
.about_r{ width:815px; float:right; margin-right:10px; margin-top:20px;}

.about_r h3{ background:url(../images/h3_bg.png) no-repeat center right; display:block; overflow:hidden;width:800px; margin-bottom:15px;}
.about_r h3 a{ color:#fff;font-weight:normal; font-size:18px;}

.about_r p{ color:#fff; font-size:14px; line-height:30px;}

.about_r p a{ color:#333333; }




.sl_area { display:block;  margin:0 auto; clear:both; overflow:hidden;}
.sl_header{ width:100%; position:fixed; z-index:99999;}

/*indexPro*/
#proHotIndex{height:280px; overflow:hidden; width:817px; margin:auto;}




.proHotIndexTit{ background:url(../images/hmimg_08.jpg) left center no-repeat; padding-left:30px;}
.proHotIndexTit h3{ font-size:30px; height:32px; line-height:32px; font-weight:normal;}
.proHotIndexTit h3 em{ color:#8fc31f;}
.proHotIndexTit p{ font-size:18px; height:24px; line-height:24px; font-weight:normal;}
#proHotIndex ul{ padding:30px 0 0 0; width:9999999999999999px;}
#proHotIndex ul li{ float:left; width:242px; height:158px; padding:0 10px;  }
#proHotIndex ul li:hover p a{ background:#8fc31f; color:#fff;}
#proHotIndex ul li p a{ background:#fff; color:#000; display:block; font-weight:normal;}
#proHotIndex ul li span img{ height:156x; width:240px;border:#ccc solid 1px;}
#proHotIndex ul li p{ height:35px; display:block; text-align:center; background:#fff; line-height:35px;}

#proHotIndex .sl_area{ position:relative;}
#proHotIndex .sl_area .btn{ height:30x; width:100%; position:absolute; top:103px; left:0; overflow:hidden;}
#proHotIndex .sl_area .btn .prev{ height:50px; width:11px; float:left; }
#proHotIndex .sl_area .btn .next{ height:50px; width:11px; float:right;}
#proHotIndex .sl_area .btn .prev:hover{ cursor:pointer; opacity:1;}
#proHotIndex .sl_area .btn .next:hover{ cursor:pointer; opacity:1;}
.aaa{ width:1100px; display:block; overflow:hidden;}










#case{ width:100%; margin:auto; height:530px; background:url(../images/case_bg.jpg) no-repeat; margin-top:30px;}
.case{ width:1200px; margin:auto;}
.case_title{ margin-left:143px; margin-top:36px; float:left; margin-bottom:30px;}
.case ul{ width:1220px;}
.case ul li{ width:590px; float:left; background:#fff; margin-right:19px;}
.case ul li.case_tp img{ width:295px; height:200px;}
.case_tp{ width:295px; height:200px; float:left;}
.case_wz{ margin-left:17px;  float:left; width:278px;}
.case_wz div a{ color:#333333; font-size:14px; line-height:40px;}
.case_wz div a:hover{ color:#008f4a;}
.case_wz p{ font-size:12px; color:#666666; line-height:24px;margin-right:15px;}
.case_wz span a{ float:right; margin-top:34px;}
.case_tp div{ position:relative; z-index:33; margin-top:-136px; margin-left:286px;}
.case_tp a{ position:relative;}
.case_more{ width:120px; height:28px; line-height:28px; text-align:center; border:1px solid #008f4a; display:block; overflow:hidden; margin:auto; color:#008f4a; font-size:14px; margin-top:33px;}
}


#tb{ width:100%; margin:auto; height:200px; display:block; overflow:hidden; background:#f00;}
.tb{ width:1200px; margin:auto; height:200px; display:block; overflow:hidden;}
.tb ul{ margin-left:202px; margin-top:38px;}
.tb ul li{ float:left; margin-right:130px; text-align:center;}
.tb ul li p a{ font-size:14px; color:#333333;display:block; background:url(../images/icons.png) no-repeat top left; width:102px; padding-top:102px; line-height:37px;}
.tb ul li p a:hover{ color:#008f4b;}

.tb ul li.i2 a{ background-position: -102px top;}
.tb ul li.i3 a{ background-position: -204px top;}
.tb ul li.i4 a{ background-position: -306px top;}

.tb ul li.i1 a:hover{ background-position:-408px top;}
.tb ul li.i2 a:hover{ background-position:-510px top;}
.tb ul li.i3 a:hover{ background-position:-612px top;}
.tb ul li.i4 a:hover{ background-position:-714px top;}

#news{ width:100%; margin:auto; display:block; overflow:hidden;}
.news{ width:1200px; margin:auto;}

.diy_wd{ width:1200px; float:left; height:353px;}
.diy_wd .demo{ width:1200px;position:relative;}
.diy_wdr .tabbtn{height:40px;}
.diy_wd .tabbtn li{float:left;position:relative;margin:0 0 0 -1px; margin-right:10px;}
.diy_wd .tabbtn li a{background:#333333; color:#fff;display:block;float:left;overflow:hidden;width:90px;text-align:center;cursor:pointer; height:30px;line-height:30px;font-family:"微软雅黑";}
.diy_wd .tabbtn li.current a{color:#fff; background:#008f4b;}


.new_l{ width:780px; float:left;}
.new_l a:hover{ color:#008f4b;}
.new_l_tp{ width:260px; height:255px; float:left; margin-top:27px;}
.new_l_wz{ width:500px; height:344px; margin-left:17px; float:left; margin-top:30px;}

.new_l_wz a{ color:#333333; font-size:16px; font-family:"微软雅黑"; line-height:35px;}
.new_l_wz div p{ line-height:24px; color:#666666; font-family:"微软雅黑"; text-indent:24px;}
.new_l_wz div{ display:block; overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.new_l_wz span{ line-height:32px; display:block; overflow:hidden;}


.news_r{ width:394px; display:block; overflow:hidden; float:right; margin-top:22px;}
.news_r ul li{ height:34px; line-height:34px;background:url(../images/tb.jpg) no-repeat left center;}
.news_r ul li a{ float:left; height:34px; line-height:34px; color:#333333; font-size:14px; margin-left:10px;}
.news_r ul li span{ float:right; line-height:34px;}
.news_r a:hover{ color:#008f4b;}









#link{ width:100%; margin:auto;}
.link{ width:1200px; background:#eeeeee; height:42px; line-height:42px; margin:auto;}
.link span{ float:left; line-height:42px; color:#111111; font-size:14px; font-weight:bold; margin-left:15px; margin-right:20px;}
.link ul{ display:block; overflow:hidden; }
.link ul li{ float:left; margin-right:34px;}
.link ul li a{ color:#666666;}
.link ul li a:hover{ color:#008f4a;}
.link ul li div a{ color:#008f4a; font-size:13px;}


.footer{ width:1200px; margin:auto; margin-top:30px;}
.footer_l{ margin-top:105px; float:left; width:367px; margin-left:10px;}
.footer_l form{ margin-top:18px;}
.footer_l form div{ margin-bottom:12px; float:left; margin-right:21px;}
.footer_l form div input{ background:#333333;width:101px; height:21px; border:none;color:#fff; padding-left:3px;}
.footer_l form div span{ float:left; }
.footer_l form div textarea{ width:260px; height:39px; border:none; float:left; background:#333333; color:#fff; padding-left:5px; padding-top:5px;}

#tj_button{ width:69px; height:24px; background:#333333; text-align:center; line-height:24px; margin-left:35px; padding:0px;}

.footer_r{ width:794px; float:right;}
.footer_menu{ margin-left:23px; display:block; overflow:hidden;  width:794px; margin-top:124px; width:860px; height:202px;}
.footer_menu ul{ float:left; margin-right:50px;}
.footer_menu ul li a{ color:#666666; font-size:12px; height:26px; line-height:26px; font-family:"微软雅黑";}
.footer_menu ul li.mi1 a{ font-size:14px; color:#fff;}
.footer_menu ul li a:hover{ color:#008f4a;}
.footer_bq{ float:left;}
.footer_bq{ width:794px; height:67px; line-height:67px;}
.footer_bq span{ float:left; color:#666666; font-size:12px}
.footer_bq span span{ float: none;}
.footer_bq p{ float:right;color:#666666;}
.footer_bq p a{ color:#666666;}
.footer_bq p a:hover{ color:#008f4a;}







/*----------内开关于我们----------*/

#ny_banner{ width:100%; margin:auto; overflow:hidden; height:300px; z-index:1; margin-bottom:20px;}
.ny_banner{ width:400%; margin-left:-150%; text-align:center;}


#footer{ width:100%; height:395px; background:url(../images/footer_bg.png) no-repeat center;}
#ny_main{ width:100%; margin:auto; display:block; overflow:hidden;}
.ny_main{ width:1200px; margin:auto;}

.main_l{ width:260px; float:left; margin-right:30px; display:block; overflow:hidden;}
.menu{ background:#333333; float:left; display:block; margin-bottom:14px;}
.menu_title{ width:233px; height:76px; background:#008f4a; text-align:center; line-height:76px; color:#fff; font-size:30px; font-weight:bold; margin-top:25px; margin-left:14px; float:left;}
.menu ul{ float:left; width:260px; margin-top:15px; background:url(../images/menu_li_bg.jpg) no-repeat bottom; margin-bottom:10px;}
.menu ul li{ height:50px; line-height:50px; background:url(../images/menu_li_bg.jpg) no-repeat top;}
.menu ul li a{ background:url(../images/menu_li_bg.png) no-repeat left; padding-left:25px; font-size:14px; color:#fff; margin-left:18px;}
.menu ul li a:hover{ color:#008f4a;}




.left_news{ width:258px; border:1px solid #cdcdcd; float:left;}
.left_news_title{ width:260px; height:40px; background:#333333; line-height:40px; color:#fff; font-size:16px; padding-left:16px;}
.left_news ul{ margin-top:15px; margin-bottom:15px;}
.left_news ul li{ height:32px; line-height:32px; margin-left:18px; background:url(../images/tb.jpg) no-repeat left center;}
.left_news ul li a{ font-size:12px; color:#333333; margin-left:11px;}
.left_news ul li a:hover{ color:#008f4a;}




/*-----图片新闻-----*/
.tpgd{ position:relative; overflow:hidden; width:100%;}
.tjcp{ position: absolute; top:0; left:0; z-index:999;}
.new_tu{ width:600px; float:left; display:block; overflow:hidden; margin-bottom:14px; margin-top:5px;}
.focus{ position:relative; width:260px; height:300px; background-color: #000; float: left;}  
.focus img{ width:260px; height:300px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:34px; line-height:34px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; height:34px;}  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:18px; right:0px; position:absolute; height:21px; text-align:center; z-index: 200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; margin-top:-15px;}    
.focus .D1fBt a{position:relative; display:inline; width:9px; height:9px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#f0b065;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }  




.main_r{ width:910px; float:left;}
.location{ width:100%; background:url(../images/location.jpg) no-repeat bottom; height:41px; line-height:41px;}
.location h3{ float:left; color:#333333; font-size:16px; font-weight:normal; margin-left:24px; float:left; line-height:24px;} 
.location div{ float:right; line-height:24px;}
.location div a{ color:#666; font-size:12px;}
.location div a:hover{ color:#008f4a;}

.about_ny{ margin-top:20px; float:left;}
.about_ny p{ line-height:30px; font-size:14px; text-indent:24px;}
.about_ny img{ float:right;}
.about_ny div img{ margin-left:30px;}
.about_ny ul{ float:left; width:120%; margin:0px; padding:0px; margin-top:15px;}
.about_ny ul li img{ float:left; margin-right:35px;}

.product_ny ul{ width:960px; margin-top:27px;}
.product_ny ul li{ width:282px; height:317px; float:left; background:url(../images/li_bg.jpg) no-repeat; margin-right:32px; margin-bottom:43px;}
.product_ny ul li img{ width:236px; height:270px; margin-left:22px; margin-top:10px;}
.product_ny ul li p{ width:236px; height:36px;margin-left:24px; text-align:center; line-height:36px;font-size:14px;}
.product_ny ul li p a{ color:#333333; }
.product_ny ul li p a:hover{ color:#008f4a;}

.pag{text-align:center;  clear:both; margin-bottom:20px; margin-top:45px;}
.pag a{ padding:4px 8px; border:1px solid #bababa; margin:0px 2px; background:#f9f9f9; text-decoration:none; height:21px; min-width:23px; color:#333333;}
.pag a:hover,.pag a.alive{ background:#73ac2e; color:#FFF; border:1px solid #9f2c01; border:1px solid #73ac2e;}






.news_ny ul li{ border-bottom:1px dashed #cccccc; padding-bottom:24px; margin-bottom:23px;}
.news_wz{ width:760px; float:left; margin-right:8px;}
.news_ny ul{ margin-top:21px;}
.news_ny ul li a{ color:#333333; font-size:16px; font-weight:normal; line-height:36px;}
.news_ny ul li a:hover{ color:#008f4a;}
.news_ny ul li p{ color:#666666; font-size:12px; line-height:24px;}




.case_ny ul{ width:940px; margin-top:21px;}
.case_ny ul li{ width:280px; float:left; margin-right:32px; margin-bottom:42px;}
.case_ny ul li img{ width:280px; height:298px; border:1px solid #e9e9e9;}
.case_ny ul li p{ width:236px; height:36px; background:#e8e8e8; margin-left:23px; position:relative; z-index:9; margin-top:-19px; text-align:center; line-height:36px; }
.case_ny ul li p a{color:#333333; font-size:13px;}
.case_ny ul li p a:hover{ color:#008f4a;}

.case_de{ margin-top:15px;}
.case_de div{ text-align:center;}
.case_de div h3{ color:#333333; font-size:24px; font-weight:normal; line-height:48px;} 
.case_de div div{ color:#666666; font-size:12px; margin-bottom:10px;}
.case_de p{ line-height:24px; color:#333333; text-indent:24px;}
.case_de img{ max-width:910px;}
.up_down{ float:left; width:910px; height:35px; background:#e8e8e8; color:#666666;margin-top:30px; float:left;}
.up{ float:left; line-height:35px; margin-left:10px;}
.down{ float:right; line-height:35px; margin-right:10px; }
.up_down a{ color:#666666;}
.up_down a:hover{ color:#008f4a;}



.tj_case_title{ width:100%; background:url(../images/location.jpg) no-repeat bottom; height:41px; line-height:41px; float:left; margin-top:33px;}
.tj_case_title h3{ float:left; color:#333333; font-size:16px; font-weight:normal; margin-left:24px; float:left; line-height:24px;} 
.tj_case_title div{ float:right; line-height:24px;}
.tj_case_title div a{ color:#666; font-size:12px;}
.tj_case_title div a:hover{ color:#008f4a;}


.tj_case ul{ width:940px; margin-top:21px; float:left;}
.tj_case ul li{ width:280px; float:left; margin-right:32px; margin-bottom:42px;}
.tj_case ul li img{ width:280px; height:298px; border:1px solid #e9e9e9;}
.tj_case ul li p{ width:236px; height:36px; background:#e8e8e8; margin-left:23px; position:relative; z-index:9; margin-top:-19px; text-align:center; line-height:36px; }
.tj_case ul li p a{color:#333333; font-size:13px;}
.tj_case ul li p a:hover{ color:#008f4a;}



.tj_new{ float:left; width:910px;}
.tj_new ul{ float:left; width:970px; padding-top:15px;}
.tj_new ul li{ height:32px;line-height:32px; background:url(../images/tb.jpg) no-repeat no-repeat left; margin-right:50px; margin-left:5px; width:425px; float:left;}
.tj_new ul li a{ color:#666666; font-size:14px; margin-left:15px; float:left;}
.tj_new ul li span{ float:right;}
.tj_new ul li a:hover{ color:#008f4a;}




.service{ font-size:14px; color:#000000; line-height:30px; font-weight:normal; margin:15px;}
.service h3{ font-weight:normal; font-size:14px;}
.service div{ margin-bottom:25px;}

.contact_ny{}
.contact_xx{ background:url(../images/contact_xx_bg.jpg) no-repeat; min-height:191px; margin-top:36px; margin-bottom:11px;}

.contact_xx h3{ font-size:20px; color:#2f2f2f; font-weight:normal; margin-left:240px; margin-bottom:15px;}
.contact_xx p{ margin-left:240px; line-height:30px; font-size:15px;}


.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.bd{ background:url(../images/bd_bg.jpg) no-repeat right bottom; margin-top:25px;}
.bd_title{ height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#333; font-size:16px; font-family:"微软雅黑"; width:555px;}
.bd_box{ background:#f3f3f3; width:545px; margin-top:15px; padding:15px; overflow:hidden;}
.bd_box span{ color:#000; font-size:14px; font-family:"微软雅黑"; width:75px; text-align:right; float:left; line-height:37px;}
.bd_box input{ width:236px; height:37px; line-height:37px; padding-left:5px; border:none; font-size:12px; font-family:"宋体"; margin-left:5px;}
.bd_box div{ margin-top:10px;}
.bd_box div textarea{ width:450px; height:140px; border:none; margin-left:5px; padding-top:5px; padding-left:5px;}
#contact_tj{ width:56px; height:25px; border:none; float:left; cursor:pointer; background:url(../images/tj.gif); margin-left:80px; margin-right:15px; margin-top:15px;}
#contact_cz{ width:56px; height:25px; border:none; float:left; cursor:pointer; background:url(../images/cz.gif); margin-top:15px;}










/* demo */
.product_de_b{ width:910px; overflow:hidden; float:left; margin-top:30px; display:block; border-bottom:1px solid #ccc; padding-bottom:30px;}
.product_de_b .demo{ 910px;position:relative;}
.product_de_b .tabbtn{height:50px; border-bottom:1px solid #cccccc;}
.product_de_b .tabbtn li{float:left;position:relative; margin-right:28px; line-height:50px; padding-left:5px; padding-right:5px;}
.product_de_b .tabbtn li a{ font-size:18px; color:#333333; font-family:"微软雅黑"; height:47px; line-height:47px; display:block; overflow:hidden; padding-left:5px; padding-right:5px;}
.product_de_b .tabbtn li.current a{ color:#008f4a; border-bottom:3px solid #008f4a;}

.product_de_b .tabcon .sublist{ font-size:12px; line-height:30px; font-family:"微软雅黑";}

.product_de_b .tabcon .sublist p{ text-indent:24px;}
.product_de_b .tabcon .sublist img{ max-width:910px; margin-top:15px;}






#preview{ float:none;  text-align:center; margin-top:25px; width:336px; float:left; }
.jqzoom{ width:334px; height:380px; position:relative; border:1px solid #e9e9e9;}
.jqzoom img{ margin-top:9px;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:336px; height:68px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:12px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:12px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:57px; height:65px; padding-right:19px;}
#spec-list ul li img{ border:1px solid #ccc; width:55px; height:63px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:290px; margin-right:10px; margin-left:10px;}
#spec-list div{ margin-top:0;*margin-left:0;}


.product_wz{ float:left; margin-left:50px; width:468px; margin-top:25px;}
.product_wz h3{ font-size:24px; color:#008f4a; font-weight:normal; line-height:46px;}
.product_wz p{ line-height:30px; font-size:14px;}



.ny_product_dh{ color:#000000; font-size:14px; background:url(../images/product_xx.jpg) no-repeat; margin-top:30px; margin-bottom:30px; padding-left:35px; height:32px;}
.ny_product_dh span{ line-height:45px; margin-right:49px;}
.ny_product_button a{ margin-right:45px;}



/*kefu*/

.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px; right:0;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}
.side_blue .side_center a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}
.side_green .side_center a{ color: #76a20c;}