*{ margin:0; padding:0;}
body{ font:normal 12px Arial, Helvetica, sans-serif; background:url(../images/bg1.png) no-repeat top; background-color:#e5e5e5;}
.full-header{ width:100%;}
.main{ width:984px; margin:0 auto;}
.logo{ float:left; width:200px; }
.right-header{ float:right; margin-top:40px;}
.right-header .call-us{ font:bold 20px Arial, Helvetica, sans-serif; color:#206c06; line-height:30px; float:left; margin-right:20px;}
.clr{ clear:both;}

.white-area{width:1000px; background:#fff; margin:0 auto; margin-bottom:30px;}
.menu{ width:984px; height:35px; background:url(../images/menu-bg.png) no-repeat; margin-top:-34px;}
.menu ul{ margin-left:100px;}
.menu ul li{ float:left; list-style:none; margin:0 40px 0 0;}
.menu ul li a{ color:#fff; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:35px;}
.menu ul li a:hover{ color:#caffb7;}


.banner{ width:714px; height:409px; float:left; margin-top:5px; margin-bottom:5px; overflow:hidden; }
.inner-banner{ width:714px; height:261px; float:left; margin-top:5px; margin-bottom:5px;}

.side-menu-bg{ width:265px; float:right; margin-top:5px;}
.side-menu-bg .mbox{ width:265px; min-height:410px; font:normal 12px Arial, Helvetica, sans-serif; overflow:hidden;}
.side-menu-bg .mboxx{width:280px;  height:410px; overflow-x: hidden} 
.side-menu-bg .mbg {background:url(../images/middle-cor.png) repeat-y left;}
.side-menu-bg .mt {background:url(../images/top-cor.png) no-repeat left top;}
.side-menu-bg .mb {background:url(../images/bottom-cor.png) no-repeat left bottom; padding:10px 10px; min-height:1px; margin:0px 0px 10px 0px;}
.side-menu-bg  ul{}
.side-menu-bg .mbox li{ background:url(../images/menu-bgg.png) no-repeat; width:247px; height:36px; list-style:none; text-align:center; line-height:36px; margin-bottom:3.5px;}
.side-menu-bg .mbox li a{ text-decoration:none; font-size:18px; color:#54b032;}
.side-menu-bg .mbox li a:hover{ text-decoration:none; color:#090;}


.call{ float:left; width:980px; height:40px; background:#2c9f02; text-align:center;}
.call p{ font:normal 30px Arial, Helvetica, Verdana, Geneva, sans-serif; color:#FFF;}

.left-menu{ float:left; width:265px; margin-top:10px; margin-bottom:10px;}
.left{ float:left; width:320px; margin-top:25px; margin-bottom:10px;}
.news-letter{ float:left; background:url(../images/newsletter.png) center top no-repeat; width:289px; height:496px; margin-left:25px; text-align:center;}
.news-letter p{ font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#090; width:250px; text-align:center; margin-left:20px; margin-top:15px; line-height:18px;}
.news-letter p span{ color:#666;}
.news-letter h1{ font:bold 25px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#360; text-align:center; margin-top:70px;}

.news-letter .heading{ width:289px; background:#2c9f02; margin-top:20px;}
.news-letter .heading p{ font:normal 25px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}

.news-letter .table{ width:250px; margin-top:15px; margin-left:20px; text-align:center;}
.news-letter .table td{ padding:10px 4px; font:normal 15px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333;}
.news-letter .table td input[type=text]{ width:230px; height:25px; border:#999 1px solid; padding:0 5px;}
.news-letter .table td input[type=submit]{ width:90px; height:30px; color:#FFF; background:#2c9f02; text-align:center; border:none;}

.inner-right{ float:left; margin-top:15px; width:690px;}

.about{ float:left; width:670px; margin-left:25px;}
.about h3{ float:left; font:normal 25px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333;}
.about p{ float:left; width:670px; font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666; line-height:22px; margin-bottom:10px; margin-top:10px; text-align:justify;}
.about p span{ font:bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#060;}
.about ul{ float:left; margin-left:25px; list-style:circle; margin-bottom:10px;}
.about ul li{ font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#060; line-height:20px; margin-top:5px; }




.right{ float:left; margin-top:25px; width:660px;}
.product{ float:left; background:url(../images/product-back.png) center top no-repeat; width:299px; height:238px; margin-left:25px; margin-bottom:15px;}
.product h2{ font:bold 20px Arial, Verdana, Geneva, Helvetica, sans-serif; color:#2c9f02; margin-top:15px; margin-left:20px;}
.product p{ font:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464646; width:250px; margin-left:20px; line-height:20px;}
.product input[type=button]{ float:right; background:url(../images/pbtn.png) right top no-repeat; width:39px; height:82px; border:none}
.product img{margin-top:25px; margin-left:15px;}
 

.product-back{ float:left; background-color:#f3f3f3; width:700px; margin-left:15px; margin-bottom:25px; margin-top:8px;}
.product-back p {font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464646; text-align:justify; line-height:22px; margin: 10px 15px 15px 20px;}

.product-back .product-box{ margin:auto; width:670px; margin-top:20px;}

.product-back .product-box ul{ list-style:none; width:600px;}
.product-back .product-box ul li{ float:left; margin-top:5px;}

.product-back .product-box p {font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464646; text-align:justify; line-height:22px;}
.product-back .product-box img{ margin-left:15px; margin-right:15px; -webkit-box-shadow:1px 2px 3px 4px rgba(0,0,0,0.1); margin-bottom:15px; border:none;}

.title-left{ float:left; background:url(../images/left.png) left no-repeat; width:41px; height:45px; margin-top:-8px; margin-left:5px;}
.title-middle{ float:left; background:url(../images/mid1.png) left repeat-x; height:45px; margin-top:-8px; text-align:center;}

.title-middle p{ font: normal 20px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF; margin-top:5px;}


.title-right{ float:left; background:url(../images/right.png) left no-repeat; width:41px; height:45px; margin-top:-8px;}

.slider{ float:left; margin-left:35px; margin-bottom:15px;}


.footer{ background:#eaeeed; width:1000px; padding:20px 0; font:normal 12px Arial, Helvetica, sans-serif; margin-top:15px;}
.footer-main{ margin:0 auto; background:#eaeeed; width:700px; text-align:center;}
.footer-main .margin a{ margin:0 10px;}
.footer-main a{ font:bold 12px Arial, Helvetica, sans-serif; color:#1f6606; line-height:24px; text-decoration:none; white-space:nowrap;}
.footer-main a:hover{ color:#090;}



.contact-left{ float:left; width:600px; text-align:center;}
.contact-left p{ font: normal 15px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#060; line-height:22px; margin-top:20px; }
.contact-left .top-back{ background:url(../images/01.png) left no-repeat; width:577px; height:50px; margin-top:25px; margin-left:20px; text-align:center;}
.contact-left .top-back p{ font:normal 25px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF;}
.contact-left p{}
.contact-left .top-back img{}

.contact-right{ float:right; width:370px;}
.contact-right .upper-back{ background:url(../images/02.png) left no-repeat; width:362px; height:50px; text-align:center; margin-top:25px;}
.contact-right .upper-back p{ font:normal 25px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF;}

.contact-right .table1{ margin:auto; width:300px;}
.contact-right .table1 td{ font:normal 12px Verdana, Geneva, arial, Helvetica, sans-serif; color:#464646; padding:5px 5px; vertical-align:top}
.contact-right .table1 td input[type=text]{ width:210px; border: solid 1px #999; height:25px;}
.contact-right .table1 td input[type=button]{ float:right; background:url(../images/submit.png) no-repeat; width:100px; height:25px; border:none; color:#FFF;}