body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size: 12px; font-size: 12px; font-family: Arial; }
table{border-collapse:collapse;border-spacing:0}
img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.tright{ text-align: right; }

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


body{ background: url(images/nav_bg.png) repeat-x; }
.wrap{ width: 920px; margin: 0 auto; }
#logo{ background: url(images/logo.jpg) no-repeat; width: 229px; height: 130px; float: left; text-indent: -99999px; }
#nav{ float: left; width: 675px; position: relative; }
#tool{ position: absolute; top: 20px; right: 10px; }
#tool .search, #tool .lang{ float: left; }
#tool .search{ border: 1px solid #b8dfb8; padding: 3px; }
#tool .search input{ border: 0; }
#tool .search .input{ width: 200px; }
#tool .search .btn{ background: #fff; border-left: 1px solid #b8dfb8; color: #018b00; }
#tool .lang{ margin: 0 0 0 20px; }
#nav ul{ margin: 70px 0 0 10px; }
#nav ul li{ float: left; margin: 0 0 0 35px; font-size: 13px; }
#nav ul li a{ color: #fff; }
#nav .home{ width: 50px; text-align: left; }
#nav .about{ width: 80px; }
#nav .case{ width: 120px;  }
#nav .service{ width: 140px;  }
#nav .contact{ width: 80px;  }
#nav dl{ position: absolute; left: 0; top: 109px; width:327px!important; }
#nav dl a{ color: #018b00!important; }
#nav dl a.current{ font-weight: bold; }
#nav dl dd{ float: left; margin: 0 10px 0;}
#nav .service{ left: 300px; }

.main{ margin: 0px 0 0 10px; }
.side{ width: 202px; margin: 0 0 0 3px; z-index: 50px; }
.menu li{ background: url(images/left_bg.jpg) no-repeat; margin: 6px 0; text-align:center; }
.menu a{ color: #fff; font-size:11px; display: block; }
.menu li h2{ background: url(images/left_bg.jpg) no-repeat; line-height: 30px; height:32px;padding-left:0; }
.menu .open h2{ height:30px; }
.menu li dd{ position: relative; }
.menu li .sub{position:absolute; left: 150px; width: 120px; top:5px; border: 1px solid #018b00; background: #f4fbeb; padding: 5px 15px; z-index: 999; text-align: left; }
.menu li .sub a{ display: block; background: url(images/a_icon.png) no-repeat 0 7px!important; text-indent: 12px; line-height: 22px; }
.menu li .sub a.current{ font-weight: blod; }
.side, .main .content, .main .area, .news, .index{ float: left; }
.main .content, .main .area, .news{ margin: 0 0 0 17px; }
.banner{ margin: 5px 0 0; background: url(images/BG.jpg) no-repeat; width: 685px; height: 227px; }
.content{ width: 685px; }

.section{ margin: 0 0 20px 10px; }

h2{ font-size: 14px; }
.side h2, .area h2, .news h2{ color: #00662a; padding-left: 18px; height: 28px; line-height: 28px; }
.side h2{ background: url(images/h2_title.png) no-repeat; }
.side .info, .news .list, .cur_div .list, .menu .list,.rel .open .list{  border-left: 1px solid #018b00; border-right: 1px solid #018b00; padding: 3px 0; text-align: center; }
.info .none{ margin: 20px; }
.f_line{ background: url(images/list_footer.png) no-repeat center top; height: 4px; overflow:hidden; }
.area{ background: url(images/area.jpg) no-repeat; width: 466px; height: 164px; }
.area .pic, .area .content, .first .pic, .first .content{ float: left; margin: 10px; }
.area .pic,.first .pic{ width: 141px; }
.area .content, .first .content{ width: 272px; line-height: 20px; }
.first .content{ width: 415px; }
.area .content h3, .first .content h3{ color: #00662a; font-size: 14px; margin: 0 0 10px; }
.area .tright, .first .tright{ margin-top: 8px; }
.area a,.first a{ color: #018b00!important; }
.area a:hover, .first a:hover{ text-decoration: underline; }
.first{ background:none!important; text-indent: 0!important; border-bottom: 1px dotted #4c4c4c; padding: 0 0 10px 0; }

.news h2, .cur_div h2{ background: url(images/title.jpg) no-repeat; width: 184px; color: #FFF;}
.news { position: relative; width: 202px;  }
.more{ position: absolute; right: 10px; top: 12px; }
.news .list, .cur_div .list{ text-align: left; padding-bottom: 5px;  }
.news .list li{  text-indent: 17px; background: url(images/point.png) no-repeat 7px 7px; line-height: 22px;  }
.news .list a{ color: #666; }
.rel li{ background: url(images/item_bg.jpg) no-repeat; line-height: 32px; margin: 7px 0; text-indent: 20px; font-size: 14px; font-weight: bold; }
.rel li a{ color: #018b00; }
.rel .open .list dd{ text-align: left; padding: 3px!important; }
.rel .open .list a{ font-weight: normal; }
.rel .f_more{ font-size: 10px!important; }

.index{  width: 688px; }
.prod{ position: relative; margin: 16px 0 0; }
.prod h2{ border-bottom: 2px solid #018b00; background: url(images/h2_icon.png) no-repeat 8px center; text-indent: 20px; line-height: 28px; color:#006528; }
.prod h2 span{ font-size: 12px; }
.prod ul{ margin: 6px 0 0 ;}
.prod li{ float: left; margin: 4px; }

.m_info{ background-color: #eaf4d1; position: relative; height: 18px; }
.m_info span{ display: block; background-color: #fff; position: absolute; right: 20px; top: 0; line-height: 18px; }
.m_info span a{  color: #018b00; }

.cur_div, .body{ margin: 20px 0 0;}
.cur_div .list, .menu .list{ padding: 0 10px; position: relative; z-index:999; }
.cur_div .list li, .menu .list dd, .rel .open .list dd{ padding: 5px 10px;border-bottom: 1px solid #e1e1e1;  }
.cur_div .list .last, .menu .list .last, .rel .open .list .last{ border-bottom: 0; }
.cur_div .list li a, .menu .list dd a, .rel .open .list dd a{ display: block; line-height: 20px;  color:#018b00; }
.cur_div .list li a.current, .menu .list dd a.current,.rel .open .list dd a.current{ background: url(images/sub_icon.png) no-repeat right center; font-weight: bold; }

.body{ background: url(images/body_top.png) no-repeat; position: relative; padding: 20px; z-index: 0; }
.body h2{ border-bottom: 1px solid #c4c4c4; }
.body .more{ top: 30px; right: 20px; color: #018b00; }
.body .more a{ color: #737373; }
.body .txt{ padding: 20px 0 0; }
.body .pic{ text-align: center; }
.body .contact h3{ font-size: 16px; color:#018b00; }
.body .contact{ margin:15px 10px 10px 22px; line-height: 22px; }
.body .contact a{ color:#018b00; }
.body p{ margin: 10px 0; text-indent: 24px; line-height: 22px; }
.get_more{ text-align: center; line-height: 40px; font-weight: bold;}
.form h3{ line-height: 25px; border-bottom: 1px solid #c4c4c4; color:#dd661e; margin-bottom: 10px; }
.form table,.form .none{width:100%; border-bottom: 1px solid #c4c4c4; line-height: 28px; margin: 10px; }
.form .none{ border: 0; margin-bottom: 0; }
.form .left_c{ padding-left: 15px;}
.form .c2{ width: 310px; }
.form .input { border:1px solid #c4c4c4; height: 20px; }
.form textarea{ border: 1px solid #c4c4c4; width: 550px; }
.form .per50{ width: 215px; }
.form .per100{ width: 500px; }
.form .right_i{ width: 240px; }
.form .other{ width: 470px; }
.form label{ padding-left: 3px; }
.roll{ text-align:center; }
.roll a{color: #000; }

.products li{ font-size: 14px; color: #018B00; font-weight: bold; padding: 10px 0; }
.sub_product dd{ float: left; width: 290px; margin: 5px; }
.sub_product dd a{ color: #000; display:block; }

.msg{ color: #bc5212; padding:5px; text-align:center; margin-bottom: 10px; }
.success{ border: 1px solid #416b04; background:#c4f193; }
.faile{border: 1px solid #904e0d; background:#fbed50; }

.resume .birth{ width:120px; }
.resume .name{ width: 100px; }
.resume .xuewei{ width: 209px; }
.resume .address{ width: 341px; }
.resume .work{ width: 281px;}
.resume .s_work{ width: 293px; }
.resume .s_area{ width: 610px; }

.download{ margin: 10px 20px; }
.download li{ background: url(images/h2_icon.png) no-repeat left center; text-indent: 12px; line-height: 22px; }
.download li a{ color: #000; }

#footer{ height: 47px; background: url(images/footer_bg.png) repeat-x; line-height: 47px;  text-align: center; margin: 20px 0 0 10px; color: #FFF; }
#footer a{ color: #FFF; }
#footer a:hover{ text-decoration: underline; }
#footer .nav{ background: url(images/footer_left_bg.png) no-repeat; }
#footer .f_right{ background: url(images/footer_right_bg.png) no-repeat right top; }
#footer .copy{ color: #9c9c9c; font-family: Arial; }