@charset "utf-8";
/* CSS Document */

*{padding:0px; margin:0px;}
html {  }
body { font-size:14px; color:#777; line-height:1.5; font-family:Times New Roman,Arial,Helvetica,\5FAE\8F6F\96C5\9ED1; overflow-x:hidden; background:#ddf2fc url(../images/bg.jpg) no-repeat center 0; }
input,select,button,textarea{ vertical-align:middle; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
img { border:none; }
ul,li,dl,dt,dd{ list-style:none; }
a{ color:#333; text-decoration:none; }
a:hover{ text-decoration:none; color:#245691 !important; }
.color{ color:#4f9f02; }
/*---------- stock ---------*/
.clear{ clear:both; }
.blank{ height:10px; clear:both; overflow:hidden;}
.fr{ float:right; }
.fl{ float:left; }
.st{ font-family: \5B8B\4F53; }
.yh{ font-family: \5FAE\8F6F\96C5\9ED1; }

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}

/*v center*/
.v{text-align:center;vertical-align:middle;}
.v img{vertical-align:middle;_margin-top:-1px;}
.v span{display:inline-block;height:100%;vertical-align:middle;}

/*---------- container ---------*/
.container{ width:1000px; margin:0 auto; }
.wid{ width:1000px; margin:0 auto; }
.time{ color:#999; }

/*head*/
.header{ width: 100%; height:465px; position:relative; }
.logo{ display: block; width: 270px; height: 143px; cursor: pointer; position:absolute; background:url(../images/logo.gif) no-repeat; }
.menu{ height: 40px; line-height: 40px; overflow: visible; position: absolute; right:50px; top:20px; font-family:Arial, Helvetica, sans-serif }
.menu li{ float:left; height:40px; background:url('../images/menubg.gif') repeat-x; }
.menu li.mfirst{ background:url('../images/menuleft.gif') no-repeat; width:21px; padding:0; margin:0; overflow:hidden; }
.menu li.mlast{ background:url('../images/menuright.gif') no-repeat; width:21px; padding:0; margin:0; overflow:hidden; }
.menu li a{ color:#fff; font-size:14px; font-weight:bold; padding:0 20px; }
.lang{ height:11px; position:absolute; right:0; top:34px; }
.lang a{ float:right; width:16px; height:11px; margin-left:5px; }
.lang a.cn{ background:url(../images/cn.gif) no-repeat; }
.lang a.en{ background:url(../images/en.gif) no-repeat; }

/*foot*/
.footer{ background:url(../images/footbg.gif) repeat-x; text-align:center; padding:20px 20px; margin-top:30px }
.footer .fmenu{ margin-bottom:2px; }
.footer .fmenu span{ padding:0 8px; }
.footer .fmenu a{ font-weight:bold; }

/*mainbody index*/
.iside{ float:right; width:366px; background:#abe097 url(../images/isidec.gif) no-repeat 0 bottom; padding-bottom:30px }
.iside .t{ height:15px; background:url(../images/isidet.gif) no-repeat 0 0; }
.iside .c{ margin:0 20px; }
.iside h3{ font-size:18px; color:#4f9f02; height:50px; line-height:50px; font-weight:normal }
.isearch{ border-bottom:1px dotted #28aa3e; padding-bottom:15px; }
.isearch td{ text-align:center; }
.isearch td p{ padding:5px 0; }
.isearch .input{ width:147px; height:18px; line-height:18px; border:1px solid #828385; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #818f42; color:#999; }
.icate{ border-bottom:1px dotted #28aa3e; padding-bottom:15px; }
.icate li{ height:22px; line-height:22px; overflow:hidden; border:1px solid #dadada; background:#fff url(../images/icon01.gif) no-repeat 10px 7px; padding-left:29px; margin-bottom:5px; font-size:13px; }
.icate li a{ color:#666; }
.icontact{ font-size:14px; color:#474747; }

.imain{ float:left; width:604px; overflow:hidden; }
.iabout{ margin-bottom:20px; }
.iabout h3{ font-size:24px; font-weight:normal; color:#c2e200; }
.itab h3{ height:28px; line-height:28px; border-bottom:1px solid #dadada; font-weight:normal; }
.itab h3 span{ height:28px; background:url(../images/itab.gif) repeat-x; color:#fff; font-size:16px; padding:0 15px; float:left; }
.itab .item{ margin:20px 10px 0; }
.itab .item dt{ float:left; margin-right:20px; width:115px; height:118px; overflow:hidden; position:relative; }
.itab .item dt b{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/thumbbg.gif) no-repeat; z-index:100; }
.itab .item dd h4{ font-size:14px; padding:10px 0 7px; }
.itab .item dd .intro{ line-height:1.4; }
.itab .item dd .more{ padding-top:5px; text-align:right }

/*mainbody inside*/
.inside{ border:1px solid #a2d772; background:#fff url(../images/insidebg.gif) repeat-y 0 0; padding-bottom:30px; }
.side{ width:227px; overflow:hidden; float:left; color:#fff; }
.side h2{ height:81px; line-height:81px; overflow:hidden; text-align:center; background:url(../images/sidet.gif) repeat-x; font-size:24px; }
.snav li{ height:32px; line-height:32px; overflow:hidden; border-bottom:1px solid #99d379; }
.snav li a{ display:block; height:32px; padding:0 10px 0 30px; color:#fff; background:url(../images/sideli01.gif) no-repeat 15px 13px; }
.snav li.on a{ color:#4f9f02; background-image:url(../images/sideli02.gif); background-color:#fff; }

.main{ float:right; width:710px; padding-right:25px; }
.main .title{ font-size:24px; height:40px; line-height:1; }
.location{ height:30px; line-height:40px; overflow:hidden; }
.location h3{ float:right; font-weight:normal; font-size:14px; padding-left:20px; background:url(../images/home.gif) no-repeat 0 center; }
.location h3 b{ color:#4f9f02; font-weight:normal; }
.location h3 a{ color:#777; }

.info{ line-height:1.8; }

.newslist .item{ margin-bottom:15px; }
.newslist .item dt{ border-bottom:1px solid #d6d6d6; padding-bottom:7px; margin-bottom:7px; }
.newslist .item dd{ height:40px; line-height:20px; overflow:hidden; position:relative; }
.newslist .item dd .more{ color:#99d379; position:absolute; right:0; bottom:0; }

.page{ width:710px; }
.page span{ padding:0 10px 0 0; }

.newsinfo .meta{ border-bottom:1px solid #d6d6d6; padding-bottom:7px; margin-bottom:7px; }
.back{ background:url(../images/arrow.gif) no-repeat 0 center; padding-left:20px; margin-top:30px; }

.imglist li{ float:left; padding-right:34px; border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:30px; }
.imglist li div{ width:214px; overflow:hidden; }
.img{ width:202px; height:173px; overflow:hidden; padding:5px; background:#fff; border:1px solid #cecece; }
.imglist li div .p2{ height:40px; line-height:40px; overflow:hidden; text-align:center; }

.main_w{ float:none; width:auto; padding-left:25px; }
.main_w .title{ border-bottom:1px solid #d6d6d6; height:35px; margin-bottom:15px; }

.catelist li{ float:left; height:36px; line-height:36px; padding-left:40px; background:url(../images/icon02.gif) no-repeat 10px center; width:45%; font-size:18px; }

.proinfo .textinfo{ width:470px; color:#333; }
.proinfo .textinfo li{ padding:7px 0; border-bottom:1px solid #d6d6d6; }
.proinfo .detail .tit{ height:25px; line-height:1; font-size:14px; font-weight:normal; color:#333; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }

.table{ border-top:1px solid #d6d6d6; padding:15px 0; }
.table td{ padding:5px 2px; }
.table .input{ width:130px; padding:0 5px; height:20px; line-height:20px; border:1px solid #7f9db9; }
.tablec{ width:560px; margin:0 auto; }
.tablec .item{ padding:5px 0; }
.tablec .item-cb p{ float:left; width:50%; white-space:nowrap }
.order .btns{ text-align:center; }
.order .btn{ width:59px; height:27px; border:0; }
.order .btn-send{ background:url(../images/btn_send.gif) no-repeat; }
.order .btn-cancel{ background:url(../images/btn_cancel.gif) no-repeat; }