﻿body{ margin:0 auto; font-size:12px;font-family: "微软雅黑";}
A {COLOR: #aeaeae; TEXT-DECORATION: none}
A:hover{COLOR: #009a44; TEXT-DECORATION: none}
A:active {COLOR: #FF6600; TEXT-DECORATION: none}
.cls{ clear:both;}
h1,h2,h3,h4,h5,ul,li,form,input,p{margin:0px; padding:0px;list-style-type:none;font-size:12px;}
img{border:0px;}
.topbg{ width:1440px; margin:0 auto; background:#d6d8da; height:97px;}
.top{ width:810px; margin:0 auto;}
.logo{ width:250px; float:left; line-height:30px; color:#959698}
.menu{ width:480px; float:right;height:97px;}
.menu li{ width:80px; float:left; text-align:center; line-height:97px; height:97px;}
.menu li a{ color:#656567}
.menu li a:hover{ background:#009a44; height:97px; width:80px; line-height:97px; float:left; color:#FFFFFF}
.menu .none{ width:80px; color:#FFFFFF; background:#009a44;height:97px;line-height:97px;  float:left}
.menu .none:hover{ color:#FFFFFF}


/*banner*/
#banner{width:1440px; height:345px; margin:0 auto; background:#FFF; clear:both;  overflow:hidden}
#ban{width:100%; height:345px;}
#ban div{width:100%; height:345px; text-align:center;}
#bando{display: inline;width: 810px;left: 50%;margin: -28px 0px 0px -400px;float: left;position: absolute;z-index: 99;text-align: right;}
#bando img{border:0; cursor:pointer; }
#banner span{display:block; width:100%; height:345px;}
.b1{}
.b2{}
.b3{}
.b1_1{ background:url(../images/banner01.jpg) no-repeat left top;}
.b2_2{ background:url(../images/banner02.jpg) no-repeat left top;}
.b3_3{ background:url(../images/banner03.jpg) no-repeat left top;}
.width_btu{width:80px; margin:auto; position:relative; }

/*index_pro*/
.index_pro{ width:810px; margin: 0 auto}
.index_proc{ width:240px; float:left;height:345px; overflow:hidden}
.index_proc h2{ background:url(../images/h2bg.jpg) no-repeat left bottom; line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px;}
.index_proc h2 span{ font-size:12px;}
.t_top{ width:240px; float:left; height:42px; margin-top:10px;}
.t_bottom{ width:240px; height:20px; float:left}
.index_prolist{ width:240px; float:left; background:#f7f7f7; padding-top:10px;}
.index_prolist li{ line-height:30px; height:30px; }
.index_prolist li a{DISPLAY: block;background: url(../images/nav_a.jpg) no-repeat 2px center;padding-left:50px;width:190px; color:#595758}
.index_prolist li a:hover,.index_prolist li a.nav_no{ background: url(../images/nav_hover.jpg) no-repeat 2px center;color:#009a44;}









/*index_proshow*/
.index_proshow{ width:520px; float:right; height:345px; overflow:hidden}
.index_proshow h2{ background:url(../images/h2bg2.jpg) no-repeat left bottom; line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px;}
.index_proshow h2 span{ font-size:12px;}
.index_proshow label{ float:right; font-size:12px;}
.index_proshow li{padding:10px 5px 10px 5px ; float:left; overflow:hidden; text-align:center; display:inline; width:163px}
.index_proshow li a{ display:block; line-height:26px; background-color:#7cc99f;color:#fff;}
.index_proshow li a:hover{ background-color:#30a264;color:#ffffff;}
.index_proshow li img{width:163px; height:102px;}
/*qy_image*/
.qy_image{ width:810px; margin:0px auto; clear:both; padding-top:10px;}
.qy_image h2{ background:url(../images/h2bg2.jpg) no-repeat left bottom; line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px;}
.qy_image h2 span{ font-size:12px;}
.qy_image label{ float:right; font-size:12px;}

#featureContainer {BORDER: #999 0px dotted; MARGIN: 18px auto auto auto; WIDTH: 810px; height:115px;}
#feature {POSITION: relative; BORDER: #999 0px dotted;}
#feature .button{BORDER: #999 0px dotted; POSITION: absolute; WIDTH: 710px;TOP: 72px;LEFT: 0px}
#feature .prev{BORDER: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 15px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 24px; margin-top: -70px;}
#feature .next{BORDER: #999 0px dotted;TEXT-INDENT: -9999px; WIDTH: 15px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 24px;margin-top: -70px;}
#feature .prev:hover{BACKGROUND-POSITION: center bottom}
#feature .next:hover{BACKGROUND-POSITION: center bottom}
#botton-scroll{Z-INDEX: 0; BORDER: #999 0px dotted;MARGIN: 0px auto; WIDTH: 710px;FLOAT: left; HEIGHT: 115px; margin-left:15px; display: inline;}
#block {Z-INDEX: 0; BORDER: #999 0px dotted; POSITION: relative; PADDING:0px 0px 0px 0px; MARGIN: 0px auto;WIDTH: 710px; FONT-SIZE: 70%; OVERFLOW: hidden; }
#block .box {BORDER: #e6e6e6 4px solid;WIDTH: 164px; FLOAT: left; HEIGHT: 115px; }
#block .box a{ color:#474747}
.box img{ width:162px; height:90px;}
.featureUL{BORDER: #e6e6e6 0px dotted; POSITION: relative;LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING: 0px; WIDTH: 2800px;FLOAT: left;LEFT: 0px}
.featureBox{ background:#e9e9e9;BORDER: #999 0px dotted;WIDTH: 170px; BACKGROUND-REPEAT: no-repeat;FLOAT: left;margin-right:5px; display:inline; text-align:center; line-height:25px; }

.content{ width:810px; margin:20px auto auto auto;  overflow:hidden}
.about{ width:255px; float:left; border:solid 1px #e3e3e3; height:230px; }
.about h3{ background:url(../images/h2bg.jpg) no-repeat left bottom; line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px; margin-left:10px; margin-bottom:10px;}
.news{ width:258px; float:left; margin-left:18px; display:inline;border:solid 1px #e3e3e3;height:230px;}
.news h3{ background:url(../images/h2bg.jpg) no-repeat left bottom; line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px; margin-left:10px; margin-bottom:10px;}
.news p .home{ width:104px; height:66px; float:left; margin-right:2px; margin-left:5px;}
.news p{ line-height:22px; color:#808080;height:66px;}
.news ul{ width:258px; float:left}
.news li{ line-height:25px; border-bottom:dashed 1px #dedede; padding-left:8px; height:25px; overflow:hidden}
.kefu{ width:255px; float:right; border:solid 1px #e3e3e3; height:230px;}
.kefu h3{ background:url(../images/h2bg.jpg) no-repeat left bottom; line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px; margin-left:10px; margin-bottom:10px;}
/*yeji*/
.yeji{width:810px; margin:15px auto auto auto; clear:both; }
.yeji h2{line-height:50px; height:50px; font-weight:normal; color:#242424; font-size:14px; border-bottom:solid 1px #dad6d6;}
/*demo*/
#demo{OVERFLOW: hidden;width:810px;PADDING:0px 0px 0px 0px;HEIGHT: 130px;font-size: 9pt;margin:15px 0px 8px 0px;}
#demo a{display:block;float:left;text-align:center;line-height:24px;width:130px;margin:0px 8px 0px 8px;}
#demo IMG {MARGIN-TOP: 1px;WIDTH: 122px;HEIGHT:87px;border:0px;margin-bottom:5px;border:solid 1px #dfdee4;padding:2px;}
#indemo {FLOAT: left;WIDTH: 800%}
#demo1 {FLOAT: left}
#demo2 {FLOAT: left}


.footerbg{ width:1440px; margin:0 auto; background:#090909; height:120px;}
.footer{ width:810px; margin:0 auto}
.footer_left{ width:370px; float:left}
.footer_left h3{ font-size:18px; color:#c1c1c1; margin-top:10px;}
.footer_left li{ line-height:25px; color:#c1c1c1; font-size:11px;}
.footer_right{ width:252px; float:right}

.main{ width:810px; margin:0 auto}
.navlist{ float:left; width:240px; float:left}

.sideright{ width:520px; float:right}
.sideright .t1{background:url(../images/h2bg2.jpg) no-repeat left bottom; line-height:50px; height:50px;font-weight:normal; color:#242424; font-size:14px; }
.frame{ background:#f8f8f8; margin-top:10px; width:490px; padding-left:15px; padding-right:15px; line-height:25px; height:1%; overflow:hidden}



.pro{ width:500px; float:right; padding-top:20px;padding-left:10px; }
.pro li{ width:150px; float:left; height:130px; background:url(../images/probg.jpg) no-repeat left top; margin-left:10px; display:inline; margin-bottom:20px; text-align:center; overflow: hidden }
.pro li img{ width:133px; height:103px; margin-bottom:5px; }


.newslist{margin-bottom:8px; margin:0 auto}
.newslist li{ line-height:38px; background:url(../images/navbt.gif) no-repeat 10px center; padding-left:25px; font-size:12px;}
.newslist span{ float:right; padding-right:15px;FONT-FAMILY: Tahoma, Arial, Verdana; color:#696969; }
.newslist li a{ color:#484848; text-decoration:none;}
.newslist li a:hover{ color:#ff6600; text-decoration:underline;}

.Newslist_title{ font-size:12px; font-weight:bold;line-height:30px; height:30px; border-bottom:solid 1px #e8e8e8; margin-left:10px; margin-right:10px; padding-left:5px;color:#ff6600; background:url(../images/ico2.gif) no-repeat 5px center; padding-left:25px;}
.Newslist_title .Newslist_titler{ float:right; font-weight:normal; color:#666666;}
.News_Content{ margin-left:30px; margin-right:30px; margin-bottom:10px;}
.News_Content .title{ text-align:center; font-size:16px; line-height:30px; height:30px; color:#666666; margin-top:30px; margin-bottom:10px;}
.News_Content .newsNav{ text-align:center;line-height:30px; height:30px;color:#666666;margin-top:10px; margin-bottom:10px; font-weight:normal; border-bottom:dotted 1px #e8e8e8;}
.News_Content .cont{ line-height:28px; text-indent:2em;color:#666666; margin:0px; padding:0px;}
.pub_date{ margin-left:20px; margin-right:20px;}
.News_Contentmore{ padding-left:10px; padding-right:10px; margin-bottom:10px; border:solid 1px #c9c9c9; height:50px; margin-left:30px; margin-right:30px;}
.News_Contentmorer{ float:right; margin-top:15px; padding-right:15px;}
.News_Contentmorer a{ color:#666666; text-decoration:none;}
.News_Contentmorer a:hover{color:#fa0000; text-decoration:none;}
.news-next{float:left; line-height:25px; padding:0px; margin:0px;}
.news-next a{ text-decoration:none; color:#666666;}
.news-next a:hover{color:#fa0000; text-decoration:underline;}
.mt15{ margin-top:15px;}


#main_products{width: 520px; height:auto; margin: 10px auto; float:right; margin-bottom:20px;}
#produ_shang{width:520px; height:auto; margin:0 auto; float:right;}
#shang_zuo{width:150px; height:auto; float:left; margin-bottom:10px;}
#shang_you{width:269px; height:auto; float:right; }
#shang_you ul li {width:249px; float:left; padding-left:20px;height: 45px;line-height: 45px; background:url(../images/big_cl.gif) left center no-repeat; border-bottom:dashed 1px #ccc}
#pro_tit {height:50px; line-height:50px; border-bottom:1px dashed #ccc;/* margin-bottom:5px;*/}
#pro_tit strong { font-size:13px; font-weight:normal; color:#009944; font-weight:bold;}

#shang_you ul li span{ width:70px; height:45px; line-height:45px;  display:block; float:left;}
#shang_you ul li a{ width:170px; height:45px; line-height:45px;  display:block; float:left;}
#shang_you ul li a img{ margin-top:7px;}


#spec-n5{height: 56px;overflow: hidden;padding-top: 10px;width: 242px;}
#spec-list{display: inline;float: left;margin-left: 2px;overflow: hidden;width: 325px;}
#spec-list ul li{display: inline;float: left;margin-right: 0;width: 55px;}
#spec-list ul li img{border: 1px solid #CCCCCC;height: 42px;padding: 2px;width: 42px;}

#procon_a{width:520px; float:right; margin-top:22px; border-bottom:1px solid #DDDDDD; height:32px; overflow:hidden; background:#eeeeee}
#procon_a a{float:left; width:84px; height:32px; font-family:"微软雅黑", Tahoma, Arial; text-align:center; margin-right:4px; line-height:32px; _line-height:33px; background:url(../images/procon_a.png) no-repeat; outline:none;}
#procon_a a.A{background:url(../images/procon_a.png) no-repeat center -32px; color:#FFF; font-weight:bold;}
.procon{padding-top:12px; padding-bottom:12px; width:520px; margin:auto; display:none; line-height:180%; font-family:"微软雅黑", Tahoma, Arial}
.procon table td{line-height:normal;}

.HonorList{padding-top:15px;}
.HonorList li{float:left;overflow:hidden;width:173px;height:120px;text-align:center;vertical-align:middle;color:#68666b;display:inline;}
.HonorList li img{width:162px;height:90px;border:solid 1px #cccccc;padding:2px;}
.HonorList li a{ color:#666666}
.HonorList li a:hover{ color:#009a44}