@charset "UTF-8";
/* CSS Document */
html{  font-size: 12px; line-height: 20px; font-family: "微軟正黑體", Verdana, Arial; height:100%;}
body{ padding:0; margin:0; width:100%; height:100%; position:relative;}
a img{ border:none;}
a{ color:#737373; text-decoration:none;}
a:hover{ text-decoration:underline;}
.clear{ clear:both;}
#top{ width:100%; height:10%; background-color:#f1f1f1; float:left; position:relative;}
#footer{ width:100%; height:8%; background-color:#f1f1f1; float:left; position:relative; padding:1% 0 0 0;}
#top{ border-bottom:#FFF 2px solid;}
#footer{ border-top:#FFF 2px solid; text-align:center; line-height:19px; vertical-align:middle; color:#474747;}
#sub{ width:100%; height:80%;float:left; position:relative;}
.bg{ position:absolute;width:100%; height:100%;}
.logo{ background: url(../images/logo.jpg)no-repeat left top; display:block; width:272px; height:50px; float:left; margin:1.5% 0 1% 5%;}
.logo a{width:272px; height:50px; text-indent:-9999px;float:left;}
#menu{ width:563px; height:50px; display:block; float:right; margin:1.5% 5% 1% 0;overflow:hidden; padding:0px;}
.body_bg .logo{ background: url(../images/logo.jpg)no-repeat left top; display:block; width:272px; height:50px; text-indent:-9999px;float:left; margin:2% 0 1% 5%;}
.body_bg #menu{ width:563px; height:50px; display:block; float:right; margin:2% 5% 1% 0;overflow:hidden; padding:0px;}
#menu li{display:block; float:right; margin:0 0 0 0;overflow:hidden; list-style:none; padding:0;}
#menu a.about_btn{ display: block; text-indent:-9999px; background:url(../images/menu1.jpg); width:76px; height:50px; margin-left:12px;}
#menu a.about_btn:hover{ background:url(../images/menu_hover1.jpg);}
#menu a.product1_btn{ display: block; text-indent:-9999px; background:url(../images/menu2.jpg); width:144px; height:50px;margin-left:12px;}
#menu a.product1_btn:hover{ background:url(../images/menu_hover2.jpg);}
#menu a.product2_btn{ display: block; text-indent:-9999px; background:url(../images/menu3.jpg); width:133px; height:50px;margin-left:12px;}
#menu a.product2_btn:hover{ background:url(../images/menu_hover3.jpg);}
#menu a.news_btn{ display: block; text-indent:-9999px; background:url(../images/menu4.jpg); width:53px; height:50px;margin-left:12px;}
#menu a.news_btn:hover{ background:url(../images/menu_hover4.jpg);}
#menu a.contact_btn{ display: block; text-indent:-9999px; background:url(../images/menu5.jpg); width:96px; height:50px;margin-left:12px;}
#menu a.contact_btn:hover{ background:url(../images/menu_hover5.jpg);}
.pagination{ position: fixed; top:88%; right:5px;}
.pagination ul{ margin:0px; padding:0px;}
.pagination li{ width:11px; height:11px; display:inline-block; text-indent:-9999px; background:url(../images/in_icon.png) left bottom; float:left; margin-right:3px;}
.pagination li.showPage{ background-position:left top;}
.left_bt{ width:230px; height:100%; background-color: rgba(0 ,0 ,0 ,0.5); float:left; position:absolute;z-index:8000;}
.right_bt{ width:230px; height:100%; background-color: rgba(0 ,0 ,0 ,0.3); float:left; position:absolute; z-index:8000; left:231px;}
a.in_btn1{ width:230px; height:203px; display:block; background:url(../images/in_btn1.jpg); top:50%; position:absolute;}
a.in_btn1:hover{ background:url(../images/in_btn1_hover.jpg);}
a.in_btn2{ width:230px; height:203px; display:block; background:url(../images/in_btn2.jpg); top:50%;position:absolute;}
a.in_btn2:hover{ background:url(../images/in_btn2_hover.jpg);}
.text{ width:388px; height:74px; background:url(../images/text.png); position:absolute; z-index:8500; top:30%; left:50px;}
.body_bg{ background:url(../images/body_bg.jpg) repeat-x left top;}
.main{ width:960px; position:relative; margin:0 auto; }
#page_banner{ width:960px; height:194px; clear:both; margin:2px 0;position: relative;  overflow:hidden;}
.left{ width:250px;float:left; margin-left:18px; margin-top:18px;}
.tit{  margin-left:18px; margin-top:13px; width:622px; height:37px; float:left;}
.tit1{  margin-left:18px; margin-top:13px; width:622px; height:37px; float:left;}
.tit2{  margin-left:18px; margin-top:13px; width:942px; height:37px; float:left;}
#about,#contact,#products,#products_info,#service_i_contents,#about_i_contents{ width:622px; float:left; margin-left:18px; margin-top:5px;}
#product2{ width:960px; float:left;margin-top:5px;}
.new_bg h2{ width:250px; height:114px; text-indent:-9999px; background:url(../images/page_tit1.jpg); margin:0 0 10px 0; padding:0px;}
h2.about_tit{ background:url(../images/tit1.jpg) no-repeat left top; text-indent:-9999px; display:block; padding:0px; margin:0px; width:100%;height:37px;}
h2.contact_tit{ background:url(../images/tit5.jpg) no-repeat left top; text-indent:-9999px; display:block; padding:0px; margin:0px; width:100%;height:37px;}
h2.news_tit{ background:url(../images/tit4.jpg) no-repeat left top; text-indent:-9999px; display:block; padding:0px; margin:0px; width:100%;height:37px;}
h2.products_tit{ background:url(../images/tit2.jpg) no-repeat left top; padding-left:55px; display:block; padding:0px; margin:0px; height:37px;text-indent:150px;}
h2.products1_tit{ background:url(../images/tit2.jpg) no-repeat left top; padding-left:55px; display:block; padding:0px; margin:0px; height:37px;font-size:14px!important; line-height:42px; font-weight:normal; text-indent:90px;}
h2.products2_tit{ background:url(../images/tit3.jpg) no-repeat left top;  display:block; padding:0px; margin:0px; height:37px; font-size:14px!important; line-height:42px; font-weight:normal; text-indent:280px;}

#page_top{ width:100%; height:89PX;}
p.links{ display:block; width:190px; margin-top:10px; float:right; margin-right:13px;color:#fff;}
p.links a{ color:#fff; padding-right:10px; padding-left:10px; font-family:Tahoma; float:right;}
p.links a:hover{ text-decoration:underline;}
p.links span{float:right; font-size:12px;}
#banner{ width:950px; height:446px; clear:both; position: relative; margin:0 auto;}

.service{ width:900px; margin:0 5px 5px; padding:25px; background-color:#a1b752; color:#FFF; clear:both;}
.service h2{ margin: 0; font-size:24px;}
.service p{ margin: 1em 0 0; font-size:13px;}
#pro{ width:960px;  height:224px; float:left; margin:5px 0; }
#pro .products{ width:233px; height:224px;float:left; margin-left:5px;-webkit-box-shadow: 0px0px 5px #666;-moz-box-shadow: 0px 0px 5px #666;box-shadow: 0px 0px 5px #666;position:relative;}
.products p{ font-size:16px; color:#FFF; position:absolute; z-index:10; top:0; left:10px;}
.pro_line{ width:233px; height:224px; position:absolute; background:url(../images/pro_line.png) no-repeat;}
.products a .more{visibility:hidden; position:absolute;}
.products a:hover .more{ width:75px; height:28px; line-height:28px; padding:0 20px 0 10px;display:block;visibility:inherit;background-color:#a1b752;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; color:#FFF ; position:absolute;  bottom:10px; right:10px; text-align:right; font-size:13px;}
#show_pro_up{ position:absolute; width:41px; height:80px; left:0px; z-index:999; margin-top:65px;}
#show_pro_down{ position:absolute; width:41px; height:80px; right:0px;z-index:999; margin-top:65px;}
#show_pro_up a{width:41px; height:80px; display:block; background:url(../images/prev_next.png) no-repeat left top;}
#show_pro_down a{width:41px; height:80px; display:block; background:url(../images/prev_next.png) no-repeat right top;}
#right_pro{ width:250px; float:right; background:url(../images/page_tit2.jpg) no-repeat left top; padding-top:37px; margin-bottom:15px;}
#right_pro .products{ width:233px; float:right; min-height:124px;-webkit-box-shadow: 0px0px 5px #666;-moz-box-shadow: 0px 0px 5px #666;box-shadow: 0px 0px 5px #666;position:relative; margin-bottom:10px;}
#right_pro p{ width:233px; float:right; min-height:124px;}
.con{ width:950px; margin:0 5px; border-top:solid 1px #a8aaab; padding-top:10px; margin-top:10px; margin-bottom:10px;}
#search{ width:290px; height:240px; background:url(../images/in_bg.jpg) no-repeat left top; margin:0 5px 0 0; float:right; padding-left:27px;}
.cse .gsc-control-cse, .gsc-control-cse{ padding:0px!important;}
.s_banner{ width:204px; height:204px; float:left; margin:15px 15px 0 15px;}
.s_banner img{width:204px; height:204px; }
.s_banner1{ width:283px; height:283px; float:left; margin:15px 0 0;}
.s_banner1 img{width:283px; height:283px; }
#right_search{ width:310px; height:221px; background:url(../images/in_bg.jpg) no-repeat left top; margin:10px 10px 50px 0; float:right; clear:right;}
.search_bar{ width:283px; height:50px;	padding-top:50px;}
.right_search_bar{ width:283px; height:50px;	padding-top:35px; background:url(../images/page_tit1.jpg) no-repeat left top;}
#news{ width:390px; float:left;}
#news h2{ width:390px; height:53px; background:url(../images/in_news.jpg) no-repeat; text-indent:-9999px; margin:0; padding:0 0 10px 0; display:block;}
#show_news .show_news_div1{ width:213px; background:url(../images/news_icon.jpg) no-repeat; padding:2px 0 0 36px; color:#797979; font-size:15px; line-height:19px; display:block; float:left; border-bottom:none;}
#show_news .show_news_div1 a{ font-size:14px; color:#797979; font-weight:normal;}
#show_news .show_news_div2{ width:213px;  background:url(../images/news_line.jpg) no-repeat left bottom; padding:0 0 25px 36px; color:#b8b8b8; font-size:14px; line-height:19px; display:block; float:left;}
.contact_img{ width:250px; height:100px; background:url(../images/page_contact.jpg) no-repeat left top; float:left; margin-bottom:28px;}
.footer{ padding:22px; text-align:center; line-height:19px; vertical-align:middle; color:#474747; background-color:#f1f1f1; width:100%;}
.blog{ margin-top:40px; float:left}
.copyright{ margin-top:40px; float:right; color:#FFF; font-size:12px;}
.right{ width:622px;float:left; margin-bottom:20px; padding-left:20px; margin-right:10px;}
.right2{  width:914px; float:left; margin-left:18px; margin-top:5px;}


#product_total_class div{ margin-bottom:0px; display:none}
#product_total_class div a{width:213px; height:38px; background:url(../images/pro_bg.jpg) no-repeat; padding:0 0 0 36px; color:#797979; font-size:15px; line-height:33px; display:block;}
#product_total_class div a:hover{ background:url(../images/pro_bg_or.jpg); text-decoration:none;}
#product_total_class ul{ padding:0px; margin:0px; list-style:none;}
#product_total_class li{ width:216px; height:38px; background:url(../images/pro_bg.jpg) no-repeat; padding:0 0 0 33px; color:#797979; font-size:15px; line-height:33px; display:block; margin:0px;}
#product_total_class li a{ color:#797979; font-size:15px; line-height:33px;}
#product_total_class li a:hover{ color:#000; text-decoration:none;}
#show_about,#show_service{padding:0px; margin:0 0 15px 0; list-style:none;}
#show_about li,#show_service li{ margin:0 0 5px 0}
#show_about a,#right_service a{width:213px; height:38px; background:url(../images/pro_bg.jpg) no-repeat; padding:0 0 0 36px; color:#797979; font-size:15px; line-height:33px; display:block;}
#show_about a:hover,#right_service a:hover{ color:#000;text-decoration:none;}
#right_about{ padding-top:37px; background:url(../images/page_tit3.jpg) no-repeat;}
#right_service{ padding-top:37px; background:url(../images/page_tit4.jpg) no-repeat;}
  
.tit h2{ font-size:24px; color:#3a6f02; float:left; margin:0px; padding:0px;}
.tit p{ float:right;margin:0px; padding:0px;}
.tit span{ color:#3a6f02;}

#about .img{ padding:5px; border: solid 1px #999;}
#about .l{ float:left;}
#about .r{ float:right; width:70%;}
.col1{ font-size:22px; color:#4a4a4a;}
.col2{ font-size:24px; color:#003d6b;}
.col3{ color:#C00;}
.list{ padding:0px; margin:0px; float:left;}
.list li{ border-bottom: solid 1px #999; list-style:none; padding:15px 0; font-size:16px; clear:both;display:block; float:left; }
.list p{ float: left; display:inline-block; margin:0px; width:50px;}
.list span{ display:block;float: left; width:400px;} 
ul.sitemap{ list-style:none; float:left; padding:0; margin:0; width:660px; text-align:center;}
ul.sitemap li{ float:left; width:31%; display:block; margin:0 5px;}
ul.sitemap li h1{ border-bottom: solid 3px #900; padding-bottom:10px; margin:0; font-size:18px;}
ul.sitemap ul{ padding:10px 0 0 0; line-height:20px;}
ul.sitemap ul li{ float:none; width:auto; font-size:13px; margin:0;}
#contact h1 { background:url(../images/pro_bg.jpg) no-repeat -10px top;font-family: Tahoma,Geneva,sans-serif;font-size: 20px;font-weight: normal;line-height: 28px;margin: 15px 0 0 0;padding: 0 0 0 25px;}
#contact h2 {color: #666666;font-size: 15px;line-height: 15px;margin: 10px 0  0px 15px;padding:0 0 5px 10px;}
#send_message{ margin-bottom:25px;}
#contact .form{ margin-top:0px;}
#contact .form label{ width:100%; display:block; min-height:50px;}
#contact .form p{ color:#4a4a4a;letter-spacing:0.1em; line-height:20px; padding: 0 15px; margin:15px 0 5px 8px; font-size:13px; background:url(../images/icon6.png) no-repeat left 6px;}
#contact .form input[type="text"],#contact .form textarea{ width:96%; margin-left:5px; background-color:#f2f2f2; border:solid 1px #d2d2d2; line-height:20px; min-height:20px; max-width:96%; min-width:96%;}
#contact .form textarea{ height:170px; margin-bottom:20px; max-height:170px; min-height:170px;}
#contact input[type="image"]{ margin-left:40%;}

#show_news_page {overflow: hidden;width: 613px; float:left; margin-top:10px;}
#show_news_page div {float: left;}
.show_news_div1 {width: 475px;line-height: 46px;border-bottom: #797979 1px dotted;   margin-left:1px; overflow:hidden;}
.show_news_div1 a {margin-left: 0px;font-size: 15px;font-weight: bold;color: #797979;}
.show_news_div1 a:hover{ color:#000;}
#show_news_page .show_news_div2 {width: 100px;text-align: left;line-height: 46px;background: url(../images/news_icon.jpg) no-repeat left 12px;color: #b8b8b8;height:46px; font-size:14px; border-bottom: #797979 1px dotted; padding-left:35px}

.pro_list{ width:660px; float:left; overflow:hidden; padding:0 0 40px 0; padding:0px;list-style:none;}
.pro{ width:150px; height:240px;float:left;text-align:center; margin:11px 0 0 0; padding:0 34px; display:block;}
div.pro:nth-child(4n+4){ background:none;}
.pro ul { padding: 0; line-height:18px;list-style:none;}
.pro ul li{ font-size:10px; color:#888;margin-top:10px;}
.pro ul li a{ color:#888; font-size:12px; text-decoration:underline; }
.pro ul li a:hover{ color: #4b4b4b; text-decoration:underline;}
.pro div{border:solid 1px #999; width:150px; height:150px; margin:0; overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:116px; *font-family:Arial; background-color:#FFF;-webkit-box-shadow: 0px0px 5px #666;-moz-box-shadow: 0px 0px 5px #666;box-shadow: 0px 0px 5px #666;}
.pro a img{ opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter:alpha(opacity=80);　}
.pro a:hover img{ opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter:alpha(opacity=100);　}
.pro ul{ margin-top:8px;line-height:18px;}
.pro ul li{  font-size:13px; padding:0; margin:0;}
.pro ul li a{ font-size:15px; color:#333; line-height:20px;}
#box {text-align: left;width: 373px;height:510px;margin:0 0 15px 0; float:left;background: #fff; -webkit-animation-name: fadeIn;-webkit-animation-duration: 3s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s;}
ul#slider{margin:0px;padding: 0px;list-style: none;position: relative;width: 373px;height: 373px;overflow: hidden;;-webkit-box-shadow: 0px0px 8px #b8d09f;-moz-box-shadow: 0px 0px 8px #b8d09f;box-shadow: 0px 0px 8px #b8d09f;}
ul#slider li div{width: 371px;height: 371px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:323px; *font-family:Arial; background-color: #F3F3F3;border: 1px solid #979797;}

ul#thumb {overflow: none;margin: 0px 0px 0px 0px;padding: 0px;list-style: none;position: relative;overflow: auto;width: 100%;}
ul#thumb div{width: 54px;height: 54px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:47px; *font-family:Arial; background-color:#FFF;}
ul#thumb li {-webkit-transition: opacity .2s ease-in-out;border: 1px solid #979797;opacity: 0.75;;-webkit-box-shadow: 0px0px 8px #b8d09f;-moz-box-shadow: 0px 0px 8px #b8d09f;box-shadow: 0px 0px 8px #b8d09f;margin: 10px 9px 0px 9px; display:block; float:left;}
ul#thumb a:hover {opacity: 1;-webkit-transition: opacity .2s ease-in-out;}
.pro_info{ width:270px; float:right;}
.pro_info ul.pro_t{ border-bottom: solid 1px #d9d9d9;padding:0 0 10px 0; list-style:none; margin:0px; line-height:26px;} 
.pro_info ul.pro_t li.no{font-size:12px; color:#4a4a4a; font-weight:bold;}
.pro_info ul.pro_t li.name{font-size:24px; color:#054372; font-weight:bold;border-left:solid 6px #124285; padding-left:5px;}
.pro_info .pro_ex{padding-bottom:10px;padding-top:10px;font-size:12px;margin-bottom:10px;color:#333;line-height:24px;}
.pro_text{color:#000;line-height:24px;font-size:12px;width:620px;padding:20px;clear:both;margin-bottom:30px;background-color:#EDEDED;-webkit-box-shadow: 0px0px 5px #666;-moz-box-shadow: 0px 0px 5px #666;box-shadow: 0px 0px 5px #666;}

/*--- page ---*/
div.page{padding:0;margin:20px 0;text-align:center; color:#737373; clear:both; width:660px;}
div.page a{border:#737373 1px solid;padding:2px 5px;margin:2px;color:#737373;text-decoration:none;}
div.page a:hover{border: #00365f 1px solid;color:#fff; background-color: #054779; }
div.page a:active{border:#00365f 1px solid 1px solid;color:#fff;}
div.page span.current{border:#00365f 1px solid;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color: #054779;}
div.page span.disabled{border:  #ccc 1px solid;padding:2px 5px;margin:2px;color: #CCC;}

#page_banner #nav{ bottom:-5px;padding:0 5px 0 0; right:5px;}
#nav { width: 150px; margin:0; position:absolute; bottom:15px; z-index:999;padding:0 0 0 25px;}
#nav li { width: 10px; float:right; margin: 8px 0 8px 8px; list-style: none; padding:0;}
#nav a { width: 9px; padding: 0 3px; display: block;text-indent:-9999px; background: url(../images/icon.png) no-repeat center center; height:15px;}
#nav li.activeSlide a{ background:url(../images/icon_hover.png) no-repeat center center;}
#nav a:focus { outline: none;}
#nav img { border: none; display: block }

ul.page {clear: both;list-style: none outside none;margin: 0;padding: 10px 0;text-align: center;width: 613px; float:left; display:block;}
ul.page li {display: inline;padding: 0 3px;}
ul.page li a{color:#797979; padding:0 5px;}
ul.page li a:hover{color:#000;text-decoration:none;}

#news_i_tit {overflow: hidden;padding-bottom: 10px; margin-bottom:10px; border-bottom:#797979 1px dotted; margin-top:18px;}
#news_i_tit div {float: left;overflow: hidden;clear: both;margin: 0px;padding: 0px;}
#news_i_tit .show_news_div1 {font-size: 18px;color: #494949;width: 585px;line-height: 24px;height:auto;  border:none; background:url(../images/news_icon.jpg) no-repeat left top; margin:0 0 5px 0; padding-left:37px;}
#news_i_tit  .show_news_div2{color:#b8b8b8;width: 585px;padding-left:37px;line-height: 15px; padding-bottom:0px; line-height:18px;}
#news_co {clear: both;margin:0 0 0 37px;width: 585px;overflow: hidden;color:#797979;}

#show_pro_div {overflow: hidden;}
.product {height:240px;width:126px;float:left;padding:35px 0 20px 70px;}
.product_img{height: 126px;width: 126px;-moz-border-radius:63px;-webkit-border-radius: 63px;-khtml-border-radius: 63px;border-radius: 63px; overflow:hidden;}
.product_img a {display: block;height: 126px;float: left;text-align:center;width:126px;}
.product_img .box{display: table-cell;vertical-align:middle;/*--- ?置水平居中 ---*/text-align:center;/*--- ??IE的Hack ---*/*display: block;*font-size:109px;/*--- ??高度的0.873，200*0.873 ??175 ---*/        *font-family:Arial;/*---- 防止非utf-8引起的hack失效??，如gbk?? ----*/        		width:126px;height:126px;background-color:#d9d9d9;-webkit-box-shadow: 0px0px 5px #666;-moz-box-shadow: 0px 0px 5px #666;box-shadow: 0px 0px 5px #666;}
.product_name {width:126px;float:left;text-align:center;line-height:24px;font-size:18px;margin-top:15px;}
.product_name a{ width:126px; display:block;color:#3b3b3b; font-size:18PX; line-height:24px; padding-bottom:40px; background:url(../images/pro_more.jpg) no-repeat center bottom ;}
.product_name a:hover{ background:url(../images/pro_more_hover.jpg) no-repeat center bottom ;}

.pro_left {float: left;width: 622px;overflow: hidden;height: 510px; margin-top:20px;}
.pro_right {float: right;width: 622px;overflow: hidden; background:url(../images/product_tit.jpg) no-repeat left top; padding-top:60px;}
.pro_left2 {float: left;width: 914px;overflow: hidden;height: 620px; margin-top:20px;}
.pro_right2 {float: right;width: 914px;overflow: hidden; background:url(../images/products2_img.jpg) no-repeat left top; padding-top:60px;}
#product_ph2 {width: 914px;}
#product_ph2 .product_img {width: 914px;height: 525px;padding-bottom: 4px;margin-bottom: 10px;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius: 0px;border-radius:0px; }
#product_ph2 .product_imgb {position: relative;width: 912px;height: 523px;border: 1px solid #d9d9d9;overflow: hidden;text-align:center;margin-bottom:10px;background-color: #fff;}
#product_ph2 .product_imgb .box1{display: table-cell;vertical-align:middle;/*--- ?置水平居中 ---*/text-align:center;/*--- ??IE的Hack ---*/*display: block;*font-size: 456px;/*--- ??高度的0.873，200*0.873 ??175 ---*/        *font-family:Arial;/*---- 防止非utf-8引起的hack失效??，如gbk?? ----*/        width:912px;height:523px;}
#product_ph2 .product_imgb a {position: absolute;left:0px;top:0px;line-height: 13px;width:912px;height:523px;display: block;text-align: left;text-indent: -9999px;overflow: hidden;}
.ex_con {clear: both;padding: 10px 0 6px 0;color: #FFF; background:url(../images/pro_line.jpg) no-repeat left top;}
#product_ph {width: 622px;}
#product_ph .product_img {width: 622px;height: 356px;padding-bottom: 4px;margin-bottom: 10px;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius: 0px;border-radius:0px; }
.product_imgb {position: relative;width: 620px;height: 354px;border: 1px solid #d9d9d9;overflow: hidden;text-align:center;margin-bottom:10px;background-color: #fff;}
.product_imgb .box1{display: table-cell;vertical-align:middle;/*--- ?置水平居中 ---*/text-align:center;/*--- ??IE的Hack ---*/*display: block;*font-size: 309px;/*--- ??高度的0.873，200*0.873 ??175 ---*/        *font-family:Arial;/*---- 防止非utf-8引起的hack失效??，如gbk?? ----*/        width:622px;height:354px;}
.product_imgb a {position: absolute;left:0px;top:0px;line-height: 13px;width:620px;height:354px;display: block;text-align: left;text-indent: -9999px;overflow: hidden;}
#show_i_pro {overflow: hidden;height: 70px;width: 590px;float: left;}
#show_i_pro a {display: inline;height: 62px;width: 108px;border: 1px solid #d9d9d9;float: left;margin-left: 4px;margin-right: 4px;text-align:center;background-color: #d9d9d9; overflow:hidden;}
#show_i_pro a:hover {border: 1px solid #FFF;}
#show_i_pro a .box2{display: table-cell;vertical-align:middle;/*--- ?置水平居中 ---*/text-align:center;/*--- ??IE的Hack ---*/*display: block;*font-size: 54px;/*--- ??高度的0.873，200*0.873 ??175 ---*/        *font-family:Arial;/*---- 防止非utf-8引起的hack失效??，如gbk?? ----*/        width:108px;height:62px;}
#show_pro_i_up {margin-left: 3px;}
.pro_left2 #show_pro_i_up {margin-left: 45px;}
#show_pro_i_up, #show_pro_i_down {float: left;height: 70px;width: 13px;}
#show_pro_i_up a, #show_pro_i_down a {display: block;height: 62px;width: 13px;text-indent: -9999px;background-image: url(../images/pro_list_but.gif);background-repeat: no-repeat;background-position: 0 center;}
#show_pro_i_down a {background-image: url(../images/pro_list_but.gif);background-repeat: no-repeat;background-position: -13px center;}
.product_txt {font-size: 17px;font-weight: bold;padding-left: 0px;line-height: 18px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d9d9d9;color: #3b4715;background-image: url(../images/icon6.png);background-repeat: no-repeat;background-position: 0 5px; padding-left:15px; padding-bottom:10px;min-height:18px;}
.txt {padding: 6px 0 10px 0;line-height: 1.5em;color: #000; }
.con_title {height: 45px;margin-bottom: 10px;text-indent: -9999px;}
#product_con {padding: 0;color: #000;line-height: 1.5em;}
a.back{ display:block; float:left; width:114px; height:34px; background:url(../images/back.jpg) no-repeat; text-indent:-9999px; margin-top:15px; margin-bottom:15px;}
.guest_css {
	line-height: 20px;
}
.guestbook_bt {
	text-align: right;
	margin-bottom:10px;
}
.guestbook_con {
	border: 1px solid #d9d9d9;
	padding: 2px;
	margin-bottom: 5px;
	background-color: #fff;
}
.guest_top {
	height: 25px;
	overflow: hidden;
	line-height: 25px;
	background-color: #7e9c4a;
	padding-left: 15px;
	color:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.admin_mail { 
	height: 25px; 
	line-height: 25px; 
	width: 100px; 
	float: right; 
	margin-top: -25px; 
	text-align: right;
	padding-right: 5px;
	color: #3d2b27;
}
.guest_user {
	padding: 10px;
	color:#000;
	background-color: #FFF;
}
.guest_admin {
	padding: 10px;
	background-color: #b5c663;
	color:#FFF;
}
.name {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.guest_bottom {
	text-align: right;
	padding-right: 5px;
	background-color: #7e9c4a;
	color:#FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
#guest_messsage_id{ background:none!important;}
#user {
	border: 1px solid #d9d9d9;
	left: 50%;
	margin-left: -230px;
	padding: 5px;
	position:fixed;
	top: 30%!important;
	width:500px;
	text-align: left;
	z-index: 1;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 0 5px rgba(34,25,25,0.3);
	-webkit-box-shadow: 0 0 5px rgba(34,25,25,0.3);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.user_con {
	overflow: hidden;
	height: 220px;
	padding-top: 10px;
	background-color: #7e9c4a;
}
.contact_div1 {float: left;width: 70px;height: 25px;text-align: right;color: #fff;}
.contact_div2 {float: left; width: 380px;min-height: 25px; padding-bottom:5px;}
.contact_div1 input, .contact_div2 input {line-height: 20px;border:solid 1px #d2d2d2;height: 20px;width: 200px;}
.contact_div2 textarea {line-height: 20px;height: 100px;border:solid 1px #d2d2d2;width: 390px;}
.set_bt input{ margin-right:10px;}
.div_input {height: 100px;}
.guestbook_div1 {float: left; width: 70px; height: 25px;text-align: right;}
.guestbook_div2 {float: left; width: 380px;padding-bottom:5px;}
.guestbook_div1 input, .guestbook_div2 input {line-height: 20px; border:solid 1px #d2d2d2; height: 20px; width: 200px;}
.guestbook_div2 textarea {line-height: 20px; height: 100px; border:solid 1px #d2d2d2;width: 390px;}
.set_bt {clear: both; padding: 10px 0 0 70px;}

.scroll-outer{height:500px;}
#scroll{width:900px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:216px;height:453px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:216px;height:452px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{position:absolute;left:0;bottom:0;width:200px;height:43px;padding:0 8px;color:#888;background-color:#000\6;background-color:rgba(0, 0, 0, 0.6); }
#scroll h3{width:200px;height:43px;font:0 14px/43px arial,"Microsoft Yahei";overflow:hidden; padding:0; margin:0; text-align:center; line-height:43px;}
#scroll h3 a{color:#fff;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width:200px;height:54px;line-height:18px;font-size:12px;}
#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#000\6;background-color:rgba(0, 0, 0, 0.6);}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}