body { margin: 0px auto; padding: 0px; width: 100%; font-size: 12px; font-family: "Microsoft YaHei",΢ÈíÑźÚ, SimSun, ËÎÌå,Tahoma, Arial, Helvetica, sans-serif; text-align: left; color: #333; background: #d1d1d1; }
ul, li, dl, dd, dt, form, p, h1, h2, h3 { margin: 0px; padding: 0px; }
ul, li, dl, dd, dt { list-style-type: none; }
.clear { clear: both; }
a { color: #2f2f2f; text-decoration: none; }
a:hover { color: #76bd2a; text-decoration: none; }
a img { border: none; }
#mainbox { margin: 0 auto; padding: 0px; width: 1300px; height: auto; overflow: hidden; }
/*header*/
#header { margin: 0 auto; width: 100%; background: #fff; }
#header .headertop { margin: 0 auto; width: 100%; height: 35px; background: #25155f; }
#header .headertop .top_contact { margin: 0 auto; width: 1160px; height: 35px; color: #d7d5de; font-size: 17px; }
#header .headertop .top_contact a { color: #d7d5de; }
#header .headertop .top_contact .contact_mail { float: right; padding-left: 20px; height: 35px; line-height: 35px; background: url(../Images/ico_mail.gif) no-repeat left; }
#header .headertop .top_contact .contact_call { float: right; padding-right: 10px; margin-left: 30px; padding-left: 20px; height: 35px; line-height: 35px; background: url(../Images/ico_call.gif) no-repeat left; }
#header .headerbox { margin: 0 auto;margin-top:5px; width: 1160px; height: 75px; overflow: hidden; }
#header .headerbox .head_left { float: left; padding-left: 10px; height: 75px; line-height: 75px; width: 320px; }
#header .headerbox .head_right { float: right; height: 75px; width: 660px; margin-top: 0px; overflow: hidden; }
#header .headerbox .head_right li { float: right; display: inline; margin-left: 9px; font-size: 16px; height: 75px; line-height: 75px; }
#header .headerbox .head_right li a { float: left; color: #000; padding: 0 20px; display: block; height: 75px; line-height: 75px; }
#header .headerbox .head_right li a:hover, #header .headerbox .head_right li a.selected { color: #fff; background-color: #76bd2a; }
#banner { position: relative; margin: 0 auto; padding-top: 6px; width: 100%; height: 327px; line-height: 327px; overflow: hidden; z-index: 9; background-color: #fff; }
#banner ul { width: 100%; list-style-type: none; margin: 0px; float: left; left: 0px; }
#banner ul li { float: left; width: 100%; height: 327px; background-repeat: no-repeat; background-position: center; }
#banner #to_prev, #banner #to_next { display: block; width: 39px; height: 39px; top: 144px; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)"; filter: alpha(opacity=68); -moz-opacity: 0.68; -khtml-opacity: 0.68; opacity: 0.68; z-index: 99; }
#banner #to_prev { background: url(../Images/bnt_banner.png) no-repeat 0px 0px; left: 50px; }
#banner #to_next { background: url(../Images/bnt_banner.png) no-repeat -39px 0px; right: 50px; }
#banner #to_prev:hover { background: url(../Images/bnt_banner.png) no-repeat 0px -39px; left: 48px; }
#banner #to_next:hover { background: url(../Images/bnt_banner.png) no-repeat -39px -39px; right: 48px; }
#cbanner { margin: 0 auto; padding-top: 6px; width: 100%; height: 180px; line-height: 180px; overflow: hidden; background-repeat: no-repeat; background-position: center bottom; background-color: #fff; }
#location { margin: 0 auto; margin-top: 0px; width: 100%; height: 35px; overflow: hidden; background-color: #dedede; font-size: 14px; }
#location div { margin: 0 auto; width: 1160px; height: 35px; line-height: 35px; }
#location div p { float: left; padding-left: 18px; margin-left: 10px; height: 35px; line-height: 35px; color: #787878; background: url(../Images/ico_location.gif) no-repeat left; }
#location div p a { color: #787878; }
/*header*/

#main { margin: 0 auto; padding: 20px 0px 50px 0px; width: 100%; background-color: #f2f2f2; }
#main .casetype { margin: 0 auto; width: 1160px; }
#main .casetype li { float: left; width: 320px; height: 242px; margin: 20px 33px; display: inline; }
#main .casetype li a { padding: 0px; font-size: 18px; width: 100%; color: #2f2f2f; font-weight: bold; height: 138px; text-align: center; display: block; overflow: hidden; }
#main .casetype li a img { width: 88px; height: 88px; }
#main .casetype li a span { margin-top: 14px; width: 100%; text-align: center; line-height: 30px; height: 30px; display: block; overflow: hidden; color: #2f2f2f; }
#main .casetype li p { width: 100%; height: 90px; overflow: hidden; margin-top: 5px; color: #666666; }

#main .listtitle { margin: 0 auto; height: 50px; line-height: 50px; width: 1160px; background: url(../Images/bg_indextil.gif) repeat-x center; }
#main .listtitle span { margin: 0 auto; width: 172px; font-weight: bold; display: block; font-size: 20px;color:#666; background-color: #f2f2f2; text-align: center; }

#main .caselist { margin: 0 auto; margin-top: 10px; width: 100%; }
#main .caselist ul { margin: 0 auto; margin-top: 10px; width: 1160px; }
#main .caselist ul li { float: left; width: 280px; margin: 0 5px; margin-top: 20px; display: inline; }
#main .caselist ul li a img { width: 100%; }
#main .caselist ul li p { margin-top: 10px; width: 100%; height: 25px; line-height: 25px; overflow: hidden; font-size: 15px; text-align: center; }

#main .newslist { margin: 0 auto; margin-top: 30px; width: 1160px; }
#main .newslist .listtitle span { width: 120px; }
#main .newslist ul { float: left; width: 580px; margin-left: 5px; margin-top: 20px; display: inline; overflow: hidden; }
#main .newslist ul li { float: left; width: 100%; height: 30px; line-height: 30px; }
#main .newslist ul li a { float: left; padding-left: 25px; width: 455px; height: 30px; line-height: 30px; display: block; overflow: hidden; background: url(../Images/ico_news.gif) no-repeat left; }
#main .newslist ul li span { float: right; color: #888; }
#main .newslist p { float: right; width: 520px; height: 260px; margin-top: 30px; margin-right: 5px; display: inline; overflow: hidden; }
#main .newslist p img { float: right; width: 520px; height: 260px; }

#main .typelist { margin: 0 auto; margin-top: 10px; width: 1160px; }
#main .typelist li { position: relative; float: left; margin: 10px; height: 40px; display: inline; z-index: 9; }
#main .typelist li a.typeitem, #main .typelist li a.protype { float: left; display: block; padding: 0px 10px; height: 40px; line-height: 25px; font-size: 16px; font-weight: bold; }
#main .typelist li a.typeitem:hover { height: 35px; line-height: 25px; border-bottom: 5px solid #9ad101; color: #25155f; }
#main .typelist li a.protype:hover, #main .typelist li a.hover { height: 35px; line-height: 25px; color: #25155f; }
#main .typelist li a.selected { height: 35px; line-height: 25px; border-bottom: 5px solid #9ad101; background: url(../Images/ico_selected.gif) no-repeat center 30px; color: #25155f; }
#main .typelist li dl { position: absolute; top: 35px; left: 0px; width: 260px; display: none; z-index: 999; }
#main .typelist li dl dd { float: left; line-height: 30px; width: 100%; z-index: 9999; }
#main .typelist li dl dd.topdd { float: left; height: 5px; line-height: 5px; display: block; overflow: hidden; width: 100%; border-bottom: 5px solid #9ad101; background: url(../Images/ico_selected.gif) no-repeat center 0px; }
#main .typelist li dl dd a { width: 230px; color: #fff; display: block; line-height: 30px; padding-left: 20px; padding-right: 10px; background: #9ad101 url(../Images/ico_ctype.gif) no-repeat 10px 12px; }
#main .typelist li dl dd a:hover, #main .typelist li dl dd a.selected { line-height: 30px; display: block; color: #9ad101; background: #f8ffe3 url(../Images/ico_ctype_hover.gif) no-repeat 10px 12px; }

#main .contentbox { margin: 0 auto; width: 1160px; }
#main .contentbox .contenttitle { margin: 0 auto; margin-top: 0px; width: 98%; font-size: 18px; font-weight: normal; line-height: 30px; text-align: left; }
#main .contentbox .contenttime { margin: 0 auto; margin-top: 5px; width: 98%; line-height: 25px; color: #76bd2a; text-align: left; }
#main .contentbox .contentline { margin: 0 auto; margin: 30px 0px; width: 98%; height: 1px; line-height: 1px; border-top: 1px solid #DDDDDD; }
#main .contentbox .contentinfo { margin: 0 auto; margin-top: 15px; width: 98%; line-height: 180%; overflow: hidden; }

#main .newsbox { margin: 0 auto; margin-top: 20px; width: 1160px; position: relative; }
#main .newsbox .contentload { width: 80px; height: 80px; display: none; position: absolute; top: 180px; left: 250px; }
#main .newsbox .contentbox { float: left; width: 700px; display: inline; }
#main .newsbox .newsline { float: left; margin-left: 25px; margin-top: 10px; height: 200px; width: 1px; border-left: 1px solid #dedede; display: inline; }
#main .newsbox .newslists { float: right; width: 400px; display: inline; margin-right: 5px; }
#main .newsbox .newslists dl { float: right; width: 100%; }
#main .newsbox .newslists dl dt { float: left; width: 100%; margin-bottom: 10px; height: 25px; line-height: 25px; font-size: 18px; font-weight: normal; }
#main .newsbox .newslists dl dd { float: left; width: 100%; height: 35px; line-height: 35px; font-size: 14px; }
#main .newsbox .newslists dl dd a { float: left; width: 76%; height: 35px; line-height: 35px; display: block; overflow: hidden; text-align: left; }
#main .newsbox .newslists dl dd a.selected { color: #76bd2a; }
#main .newsbox .newslists dl dd span { float: right; width: 23%; height: 35px; line-height: 35px; color: #76bd2a; display: block; overflow: hidden; text-align: right; }

#main .aboutbox { position: relative; margin: 0 auto; margin-top: 20px; width: 1160px; }
#main .aboutbox .typeplace { float: left; height: 50px;width:100%; }
#main .aboutbox .typelist { margin-top: 0px; height: 60px; position: fixed; top: 360px; _position: absolute; _top: 10px; background-color: #f2f2f2; }
#main .aboutbox .typelist li { margin: 10px 80px 10px 0px; }
#main .aboutbox .typelist li a{ font-size:18px;}
#main .aboutbox .abouttitle { margin: 0 auto; margin-top: 20px; font-size: 18px; height: 50px; line-height: 50px; width: 98%; background: url(../Images/bg_abouttil.gif) repeat-x center; }
#main .aboutbox .abouttitle span { float: left; padding-right: 25px; font-weight: bold; display: block; font-size: 16px; background-color: #f2f2f2; text-align: left; }
#main .factoryimg { float: left; margin-top: 5px; width: 1160px; }
#main .factoryimg li { float: left; margin: 10px; width: 268px; }
#main .factoryimg li img { float: left; width: 100%; }
#main .factoryimg li p { float: left; width: 100%; margin-top: 3px; height: 30px; line-height: 30px; text-align: center; }

#main .proinfo { margin: 0px auto; width: 1160px; margin-top: 15px; padding: 0px; overflow: hidden; }
#main .proinfo .infoleft { float: left; width: 780px; overflow: hidden; display: inline; }
#main .proinfo .inforight { float: right; width: 370px; height: 500px; overflow: hidden; display: inline; position: relative; }
#main .proinfo .inforight .infopara { float: left; width: 100%; height: 366px; display: inline; font-size: 15px; color: #4f4f4f; overflow: hidden; }
#main .proinfo .inforight .infopara li { float: left; width: 100%; line-height: 30px; }
#main .proinfo .inforight .infopara li b { color: #000; }
#main .proinfo .inforight .infopara li span.name { color: #76bd2a; }
#main .proinfo .inforight .infolink { position: absolute; left: 0px; bottom: 0px; float: left; display: inline; width: 100%; height: 60px; overflow: hidden; }
#main .proinfo .inforight .infolink li { float: left; display: inline; margin: 10px; height: 40px; }
#main .proinfo .inforight .infolink li img { float: left; height: 40px; }
#main .proinfo .inforight .addcart { float: left; clear: both; margin-top: 10px; height: 40px; line-height: 40px; width: 160px; text-align: center; color: #fff; font-size: 18px; background-color: #2B2D41; cursor: pointer; border-width: 0px; }
#main .proinfo .inforight .addcart:hover { background-color: #3F4260; }
#main .proinfo .listtitle span { width: 180px; }
#main .proinfo .protitle { float: left; margin-top: 25px; margin-bottom: 10px; width: 1160px; height: 39px; line-height: 39px; font-size: 18px; background-color: #76bd2a; color: #fff; display: inline; overflow: hidden; }
#main .proinfo .protitle p { float: left; margin-left: 20px; }

#footer { margin: 0px auto; padding: 0px; width: 100%; background-color: #25155f; color: #fff; }
#footer .footerbox { margin: 0px auto; width: 1130px; padding: 20px 0px; overflow: hidden; background-color: #25155f; }
#footer .footerbox .footerleft { float: left; margin-left: 5px; display: inline; width: 420px; overflow: hidden; }
#footer .footerbox .footerleft .infotitle { float: left; width: 100%; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; color: #fff; display: block; }
#footer .footerbox .footerleft .infocontent { float: left; width: 100%; line-height: 25px; margin-top: 10px; overflow: hidden; }

#footer .footerbox .footerright { float: left; margin-left: 20px; margin-top: 35px; padding: 0; display: inline; width: 300px; overflow: hidden; }
#footer .footerbox .footerright .rightinput, #footer .footerbox .footerright .rightsubmit { float: left; width: 300px; position: relative; }
#footer .footerbox .footerright .rightinput p { float: left; width: 300px; height: 60px; line-height: 30px; color: #fff; display: block; }
#footer .footerbox .footerright .rightinput p span { color: #ffffff; display: block; font-size: 26px; }
#footer .footerbox .footerright .rightinput p a { color: #ffffff; display: block; font-size: 15px; }
#footer .footerbox .footerright .rightinput label { float: left; padding: 0; display: block; margin-top: 10px; height: 35px; width: 300px; position: relative; }
#footer .footerbox .footerright .rightinput label span { position: absolute; height: 35px; line-height: 35px; display: block; left: 12px; top: 0px; color: #2B2D41; cursor: text; z-index: 99; }
#footer .footerbox .footerright .rightinput label span b { color: #f00; height: 16px; line-height: 16px; margin-top: 8px; margin-left: 3px; }
#footer .footerbox .footerright .rightinput label input, #footer .footerbox .footerright label textarea { padding: 5px 10px; width: 280px; height: 22px; line-height: 22px; border-width: 0px; font-size: 16px; color: #2B2D41; background-color: #d3d0df; outline: none; }
#footer .footerbox .footerright .rightinput label .focus { background-color: #fff; outline: none; }
#footer .footerbox .footerright .rightinput label #vcode { width: 100px; }
#footer .footerbox .footerright .rightinput label.areatext { height: 96px; }
#footer .footerbox .footerright .rightinput label.areatext textarea { height: 85px; overflow: auto; }
#footer .footerbox .footerright .rightinput .ajaxload { position: absolute; top: 168px; left: 100px; padding-left: 40px; height: 32px; line-height: 32px; font-size: 15px; font-style: oblique; color: #3C3E58; background: url(/Images/loading.gif) no-repeat left; z-index: 100; display: none; }
#footer .footerbox .footerright .rightsubmit .bntsend { float: right; margin-top: 20px; height: 35px; line-height: 35px; width: 90px; text-align: center; color: #000; background-color: #D7DADB; cursor: pointer; border-width: 0px; }
#footer .footerbox .footerright .rightsubmit .bntsend:hover { background-color: #BEC3C5; }

#footer .footerbox .footermap { float: right; margin-right: 5px; width: 378px; height: 210px; margin-top: 45px; overflow: hidden; }
#footer .footerbox .footermap img { float: right; width: 378px; height: 210px; }
#footer .footerinfo { margin: 0px auto; width: 100%; background-color: #76bd2a; }
#footer .footerinfo .infobox { margin: 0px auto; width: 990px; background-color: #76bd2a; padding: 20px 0px; line-height: 28px; text-align: center; }

#toTop { display: none; text-decoration: none; position: fixed; bottom: 30px; right: 30px; overflow: hidden; width: 68px; height: 68px; border: none; }
#toTopHover { background: url(/Images/ico_top.gif) no-repeat left; width: 68px; height: 68px; display: block; overflow: hidden; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; }
#toTop:active, #toTop:focus { outline: none; }

.PageDiv { margin: 15px 0 15px 0px; padding: 3px 0 2px 0; }
.PagerClass { padding: 0px 0px 0px 0px; }
.PagerClass a { padding: 3px 6px 2px 6px; background-color: #fff; border: solid 1px #C8C8C8; color: #000; }
.PagerClass a:hover { padding: 3px 6px 2px 6px; border: solid 1px #76bd2a; background: #76bd2a; color: #fff; text-decoration: none; }
.PageCurrent { padding: 3px 6px 2px 6px; border: solid 1px #76bd2a; background: #76bd2a; color: #fff; }
.PagerButton { padding: 0 3px 0 3px; font-size: 12px; background-color: #8EC7DB; border: solid 1px #8EC7DB; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#8EC7DB); cursor: pointer; margin-left: 4px; vertical-align: middle; height: 19px; line-height: 17px; }
.PagerTextbox { background-color: #fff; border: solid 1px #C8C8C8; height: 16px; line-height: 16px; }