/*
  Copyright 2009-2012 www.reedi.cn All Rights Reserved.
  create by Tim at 2008-06-20 
  Msn	:hmm1022@hotmail.com
  EMAIL :reedi@qq.com
*/

/* container */
body {text-align:center; font-family:Arial; margin:0; padding:0; font-size:11px; color:#666;} 
form,ul,ol,li,dl,dt,dd,input {margin:0; padding:0;}
div{text-align:center; margin:0 auto; padding:0;}
input{color:#333; font-size:11px; font-family:Arial;}
ul,li{list-style:none;}
img,a img {border-width:0; vertical-align:bottom;}
.author{color:#FFFF00; color:#827265!important;}
.clear{ clear:both;}

.header{width:100%; height:77px; border-top:4px solid #27B223; border-bottom:1px solid #E0E0E0; text-align:center;}
.top{width:878px;}
.top .logo{float:left; padding:15px 0 15px 20px;}
.top a{display:block; float:right; padding:0px 5px; margin-top:35px;}
.top a img{vertical-align:middle;}

.banner{width:100%; background:url(../Images/BannerBack.jpg) repeat-x left bottom;}

.menu{wdith:100%; background:url(../Images/MenuBack.jpg) repeat-x left top;}
.nav{display:table; width:878px; background:url(../Images/NavBack.jpg) repeat-x left top;}
.nav li{float:left; height:49px;}
.nav .left{width:28px; background:url(../Images/NavLeft.jpg) no-repeat;}
.nav .navleft{width:267px; padding-left:15px; background:url(../Images/NavgreenBack.jpg) no-repeat left center;}
.nav .navright{padding-left:50px;}
.nav .navright a{padding:0px 24px;}
.nav a{float:left; display:block; height:10px; font-size:8px; margin-top:20px; padding:0 16px; background-position:left top;}
.nav a:hover{background-position:left bottom;}
.nav .home{width:34px; background:url(../Images/NavHome.jpg) no-repeat;}
.nav .about{width:61px; background:url(../Images/NavAbout.jpg) no-repeat;}
.nav .pro{width:64px; background:url(../Images/NavProduct.jpg) no-repeat;}
.nav .news{width:35px; background:url(../Images/NavNews.jpg) no-repeat;}
.nav .agent{width:39px; background:url(../Images/NavAgent.jpg) no-repeat;}
.nav .download{width:67px; background:url(../Images/NavDownload.jpg) no-repeat;}
.nav .service{width:49px; background:url(../Images/NavService.jpg) no-repeat;}
.nav .contact{width:57px; background:url(../Images/NavContact.jpg) no-repeat;}
.nav .right{float:right; width:27px; background:url(../Images/NavRight.jpg) no-repeat;}

.wrapper{display:table; width:838px; margin-top:15px;}
.wrapper .left{float:left; width:210px;}
.wrapper .left .title{width:190px; height:27px; padding-left:20px; background:url(../Images/LeftTitleBack.jpg) no-repeat left top; color:#FFF; font-weight:bold; line-height:28px!important; line-height:25px; text-align:left;}
.wrapper .left .content{width:180px; padding:15px; background-color:#F1FBF0; color:#0FA520; text-align:left;}
.wrapper .left .content li{padding:5px 0;}
.wrapper .left .content select{width:170px; font-size:11px; font-family:Arial;}
.wrapper .left .content input{width:107px; height:17px; padding-left:3px; border:1px solid #0FA520; vertical-align:middle;}
.wrapper .left .sidebar{width:180px; padding:15px; background-color:#F1FBF0; text-align:left;}
.wrapper .left .sidebar li{padding:5px 0 5px 7px; background:url(../Images/Icon05.jpg) no-repeat left 9px;}
.wrapper .left .sidebar a{color:#0FA520; text-decoration:none;}
.wrapper .left .sidebar a:hover{color:#0234C4; text-decoration:underline;}

.wrapper .right{float:right; width:600px;}
.wrapper .right .title{width:600px; height:27px; background:url(../Images/RightTitleBack.jpg) repeat-x left bottom;}
.wrapper .right .title a{float:right; display:block; padding:10px 5px 0 0; color:#666; font-weight:bold; text-decoration:none;}
.wrapper .right .title a:hover{color:#3DB233;}

.wrapper .right .content{display:table; width:564px; margin:15px 0; padding:0 18px; text-align:left; line-height:22px;}
.wrapper .right .content img{float:right; margin:5px 0 0 10px; padding:3px; border:1px solid #D8D8D8;}
.wrapper .right .newsview{display:table; width:564px; margin:15px 0; padding:0 18px; text-align:left; line-height:22px;}
.wrapper .right .newsview h3{text-align:center; font-size:14px; padding:0; margin:0; line-height:20px;}
.wrapper .right .newsviewtime{padding:5px 0; border-width:1px 0; border-style:dotted; border:#E3E3E3;}

.wrapper .right .massage{display:table; width:564px; margin:15px 0; padding:0 18px; text-align:left; line-height:22px;}
.wrapper .right .massage input{ border:1px solid #CCC; margin:0; padding:2px;}
.wrapper .right .massage textarea{ border:1px solid #CCC; margin:0; padding:2px;}

.prolist{display:table; width:600px; margin:15px 0;}
.prolist li{float:left; display:inline; margin:0 3px 0 17px;}
.prolist img{width:120px; height:120px; padding:3px; border:1px solid #D8D8D8;}
.prolist span{display:block; width:120px; padding:5px 0 15px;}
.prolist span a{color:#666; text-decoration:none;}
.prolist span a:hover{color:#3DB233; text-decoration:underline;}
.prolist table{ text-align:left;}

.icom{display:table; width:564px; margin:15px 0; padding:0 18px; text-align:left;}

.newslist{display:table; width:564px; margin:15px 0; padding:0 18px; text-align:left;}
.newslist li{padding:5px 0 5px 13px; background:url(../Images/Icon06.jpg) no-repeat left 10px; line-height:16px;}
.newslist span{padding-left:5px; color:#3DB233;}
.newslist a{color:#666; text-decoration:underline;}
.newslist a:hover{color:#3DB233;}

.downloadlogin{display:table; width:564px; margin:15px 0; padding:0 18px; text-align:left; color:#0FA520;}
.downloadlogin li{padding:0 0 10px;}
.downloadlogin input{width:107px; height:17px; padding-left:3px; border:1px solid #0FA520; vertical-align:middle;}

/* Page Info */

/* Tilte Name */
.tnewpro{float:left; display:block; width:102px; height:27px; background:url(../Images/RightTitleNewPro.jpg) no-repeat left bottom;}
.tabout{float:left; display:block; width:80px; height:27px; background:url(../Images/RightTitleAbout.jpg) no-repeat left bottom;}
.tournews{float:left; display:block; width:80px; height:27px; background:url(../Images/RightTitleOurNews.jpg) no-repeat left bottom;}
.products{float:left; display:block; width:77px; height:27px; background:url(../Images/RightTitleProducts.jpg) no-repeat left bottom;}
.agent{float:left; display:block; width:56px; height:27px; background:url(../Images/RightTitleAgent.jpg) no-repeat left bottom;}
.download{float:left; display:block; width:82px; height:27px; background:url(../Images/RightTitleDownload.jpg) no-repeat left bottom;}
.service{float:left; display:block; width:65px; height:27px; background:url(../Images/RightTitleService.jpg) no-repeat left bottom;}
.contact{float:left; display:block; width:88px; height:27px; background:url(../Images/RightTitleContact.jpg) no-repeat left bottom;}

/* Footer */
.footer{clear:both; width:100%; height:50px; margin:20px 0; background-color:#F5F5F5;}
.foot{width:838px; line-height:50px; text-align:left;}
.foot a{color:#666; text-decoration:none;}
.foot a:hover{color:#3DB233; text-decoration:underline;}