/**********************************************************************************************************************/

/****  by crissic deng 2009/11/19 ****/

/** index **/
.wrapper{background:url(../images/index.jpg) no-repeat left top;width:1002px;/*height:632px;*/ margin:0 auto;overflow:hidden;}

.header{ overflow:hidden;}
.header .topnav{ float:right;padding:6px 10px;}
.header .topnav ul li{ float:left;background:url(../images/point.gif) no-repeat 0 center;padding:0 12px 0;}
.header .menu{background:url(../images/menu-center.jpg) repeat-x 0 0;width:527px;height:37px;float:left; margin-top:40px;}
.header .menu a{margin:8px 0;}
.header .menuleft{background:url(../images/menu-left.jpg) no-repeat left top;width:10px;height:37px; float:left;}
.header .menuright{background:url(../images/menu-right.jpg) no-repeat right top;width:10px;height:37px;float:right;}
.header .home{background:url(../images/menu.jpg) no-repeat 0 0;width:58px;height:37px;display:block;float:left;}
.header .about{background:url(../images/menu.jpg) no-repeat -58px 0;width:90px;height:37px; display:block;float:left;}
.header .product{background:url(../images/menu.jpg) no-repeat -148px 0;width:90px;height:37px; display:block;float:left;}
.header .recruit{background:url(../images/menu.jpg) no-repeat -238px 0;width:90px;height:37px; display:block;float:left;}
.header .feedback{background:url(../images/menu.jpg) no-repeat -328px 0;width:90px;height:37px; display:block;float:left;}
.header .contact{background:url(../images/menu.jpg) no-repeat -418px 0;width:85px;height:37px; display:block;float:left;}
.header .home-en{background:url(../images/menu-en.jpg) no-repeat 0 0;width:58px;height:37px;display:block;float:left;}
.header .about-en{background:url(../images/menu-en.jpg) no-repeat -58px 0;width:90px;height:37px; display:block;float:left;}
.header .product-en{background:url(../images/menu-en.jpg) no-repeat -148px 0;width:90px;height:37px; display:block;float:left;}
.header .recruit-en{background:url(../images/menu-en.jpg) no-repeat -238px 0;width:90px;height:37px; display:block;float:left;}
.header .feedback-en{background:url(../images/menu-en.jpg) no-repeat -328px 0;width:90px;height:37px; display:block;float:left;}
.header .contact-en{background:url(../images/menu-en.jpg) no-repeat -418px 0;width:85px;height:37px; display:block;float:left;}
.header .language{float:left;background:url(../images/language.jpg) no-repeat 0 0;width:124px;height:36px; line-height:36px; text-align:center; cursor:pointer; margin:15px 0 0 32px;}

.main{clear:both; overflow:hidden;}
.main .left{ float:left;width:445px;height:321px;margin:176px 40px 0 115px;_margin:176px 40px 0 50px;}
.main .left .left-title{background:url(../images/xilie.gif) no-repeat 0 0;width:107px;height:21px;margin:0 0 0 148px;}
.main .left .left-title-en{background:url(../images/xilie-en.gif) no-repeat 0 0;}
.main .right{ float:left;}
.main .right .news{widht:370px; height:138px;width:370px;}
.main .right .news ul li{background:url(../images/newspoint.gif) no-repeat 0 4px;padding:6px 0px 6px 14px;}
.main .right .news ul li span.date{ float:right;}
.main .right .news .newstop{background:url(../images/news.jpg) no-repeat left top;width:370px;height:26px; border-bottom:solid 1px #dedede;}
.main .right .news .newstop h2{ line-height:28px; float:left;width:200px;padding:0 12px;}
.main .right .news .newstop span.more{ float:right;padding:4px;}
.main .right .hotproduct{background:url(../images/kuang1.jpg) no-repeat left bottom;width:370px;height:140px; }
.main .right .hotproduct h2{line-height:22px;}
.main .right .hotproduct ul{padding:14px 10px;}
.main .right .hotproduct ul li{float:left;padding:0 6px;}

.main-sub{clear:both;margin:60px 24px 10px 26px;overflow:hidden; background-color:#fff;}
.main-sub .left,.main-sub .left-product{background:url(../images/intro-lefttop.jpg) no-repeat left top;float:left;width:179px;height:auto;}
.main-sub .left .left-t{background:url(../images/intro.jpg) no-repeat 0 0;width:177px;height:67px;}
.main-sub .left .left-t-en{background:url(../images/intro-en.jpg) no-repeat 0 0;width:177px;height:67px;}
.main-sub .left ul,.main-sub .left-product ul{background:url(../images/left-bg.jpg) repeat-y 0 0;width:179px;margin-top:10px;}
.main-sub .left ul li,.main-sub .left-product ul li{padding:8px 0 8px 15px;border-bottom:solid 1px #e6e6e6; }
.main-sub .left ul li a{background:url(../images/pointgray.gif) no-repeat 0 2px;color:#bebebe; font-size:14px; font-weight:bold;padding:0 0 0 20px;}
.main-sub .left ul li a.active{background:url(../images/pointgreen.gif) no-repeat 0 2px;color:#299a02;padding:0 0 0 20px;}
.main-sub .right{background:#fff url(../images/right-top.jpg) repeat-x left top;float:left; padding:19px; margin:0 0 0 2px;width:732px;}
.main-sub .right h2{color:#6c6c6c;border-bottom:solid 1px #e6e6e6;padding:0 0 6px;}
.main-sub .right p{padding:10px 0;text-align:left;}
.main-sub .right ul.ulimg li{float:left;}
.main-sub .right ul.ulimg img{ border:1px solid #6c6c6c;margin:0 2px 0 0;}

/*list*/
.main-sub .right h2 span{ color:#3b9f03;}
.main-sub .left-product .left-tp{background:url(../images/producttitle.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .left-product .left-tp-en{background:url(../images/producttitle-en.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .left-product ul li a{}
.main-sub .right .ulproduct{width:730px;}
.main-sub .right .ulproduct a{ overflow:hidden;}
.main-sub .right .ulproduct li{ float:left;padding:10px 6px;}
.main-sub .right .ulproduct img{border:solid 1px #ccc;padding:2px;}
.main-sub .right .ulproduct p{word-break:break-word;height:10px;overflow:hidden; line-height:10px; background-color:#f1f1f1; text-align:center; font-weight:bold; color:#6c6c6c;}
.main-sub .page{clear:both;}
.main-sub .page a{ font-size:14px; font-weight:normal;}
.main-sub .page .active{color:#ee4e00;}

/*detail*/
.right .detail{float:left;padding:20px 0 0;}
.right .detail-pic{background:url(../images/paper-bigbg.jpg) no-repeat 0 0; width:405px; height:302px;padding:1px;}
.right .detail .pre{ display:block; background:url(../images/button.jpg) no-repeat 0 0; padding:0 10px 0;width:81px;height:26px; line-height:20px; float:left; font-weight:bold; color:#ffffff;margin:20px 20px 0 80px;}
.right .detail .next{ display:block; background:url(../images/button.jpg) no-repeat 0 0;padding:0 0 0 20px;width:81px;height:26px; line-height:20px;float:left; font-weight:bold; color:#ffffff;margin:20px 10px 0 10px;}
.right .pro-detail{float:left;width:300px;margin-left:20px; font-size:14px;padding:20px 0 0;}
.right .pro-detail li{background:url(../images/icon.jpg) no-repeat 0 4px;padding:6px 0 6px 20px; border-bottom:dashed 1px #e5e5e5;}
.right .pro-detail li .fg{ color:#2a6700;}
.main-sub .right .pro-slide{width:730px; clear:both; overflow:hidden;padding:40px 0 0;}
.main-sub .right .pro-slide a{ overflow:hidden;}
.main-sub .right .pro-slide li{ float:left;padding:10px 6px;}
.main-sub .right .pro-slide li img{border:solid 1px #ccc;padding:2px;}
.main-sub .right .pro-slide li.turn img{border:none;padding:0 2px; }
.main-sub .right .pro-slide li p{height:10px; line-height:10px; background-color:#f1f1f1; text-align:center; font-weight:bold; color:#6c6c6c;width:156px;}

/*recruit*/
.main-sub .left-recruit{float:left;width:179px;height:auto;}
.main-sub .left-recruit .left-tp{background:url(../images/retitle.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .left-recruit .left-tp-en{background:url(../images/retitle-en.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .re-content-top{background:url(../images/re-top.jpg) no-repeat 0 0;width:719px;height:11px;}
.main-sub .re-content-bot{background:url(../images/re-bot.jpg) no-repeat 0 0;width:719px;height:10px;margin-bottom:-4px;}
.main-sub .re-content{background:url(../images/re-cen.jpg) repeat-y 0 0;width:719px;margin:25px 10px;}
.main-sub .re-content h3{color:#4a8f00; font-weight:bold;font-size:14px;}
.main-sub .re-content dl{width:650px; margin:0 20px 0 40px; overflow:hidden;line-height:26px;border-top:dashed 1px #dedede;}
.main-sub .re-content dt{float:left; font-weight:bold;}
.main-sub .re-content dd{float:left;width:560px;margin-left:10px;}

/*news*/
.main-sub .left .left-news{background:url(../images/news.gif) no-repeat 0 0;width:177px;height:67px;}
.main-sub .left .left-news-en{background:url(../images/news-en.gif) no-repeat 0 0;width:177px;height:67px;}

/*feedback*/
.main-sub .left-feedback{float:left;width:179px;height:auto;}
.main-sub .left-feedback .left-tp{background:url(../images/fbtitle.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .left-feedback .left-tp-en{background:url(../images/fbtitle-en.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .re-content .fb-input{margin:10px 30px 6px; overflow:hidden;}
.main-sub .re-content .fb-input ul li{overflow:hidden;width:650px;padding:10px 0;}
.main-sub .re-content .fb-input label{ float:left;width:50px;}
.main-sub .re-content .fb-input input{ float:left; width:250px;}
.main-sub .re-content .fb-input textarea{ float:left; width:546px; height:85px;}
.main-sub .re-content .fb-input .red{color:#d6331e;}
.main-sub .re-content .subfb{background:url(../images/submit.jpg) no-repeat 0 0;width:59px;height:22px; margin:0 20px 10px 570px; display:block; text-align:center; line-height:22px;}
.main-sub .comment-list h2{ overflow:hidden;line-height:24px;height:24px;}
.main-sub .comment-list h2 .page{ float:right;}
.main-sub .comment-list h2 span{color:#6c6c6c;}
.main-sub .comment-list dl{ line-height:28px;padding:0 20px;}
.main-sub .comment-list dt{color:#4a8f00; font-weight:bold;background:url(../images/icon.jpg) no-repeat 0 4px; padding:0 0 0 20px; margin:30px 0 0;}
.main-sub .comment-list dd{border-top:dashed 1px #dedede;margin-left:12px;}
.main-sub .last-page{ text-align:right;width:100%;border-top:1px solid #E6E6E6;padding:10px 0 0;}
.main-sub .comment-list .page a{color:#8a8a8a;}

.main-sub .left-contact{float:left;width:179px;height:auto;}
.main-sub .left-contact .left-tp{background:url(../images/contactustitle.jpg) no-repeat 0 0;width:179px;height:73px;}
.main-sub .left-contact .left-tp-en{background:url(../images/contactustitle-en.jpg) no-repeat 0 0;width:179px;height:73px;}


/*contact*/
.main-sub .right .content-contact{margin-top:50px;}
.main-sub .right .content-contact h2{border:none;}
.main-sub .right .content-contact p{ font-size:14px; text-align:left;}
.main-sub .right .content-contact p span{color:#8a8a8a;}

.footer{color:#2d6d09;text-align:center; clear:both; background-color:#e9f3c6; line-height:22px;padding:10px 0;}

/** font **/
h1{ float:left;width:300px;height:100px; text-indent:-2000px;}
h2{ font-weight:bold; color:#4a8f00; font-size:14px;}
h3{background:url(../images/icon.jpg) no-repeat left center; padding:0 0 0 25px;margin:13px;}
/** intro **/
.wrapper1{background:#e9f3c6 url(../images/top1.jpg) no-repeat left top;width:1002px;height:auto;margin:0 auto; overflow:hidden;}

.fb{ float:left;}