/* ==========================================================================
   Global
   ========================================================================== */

html { font-size: 62.5%; }
a { color: #000; }
a:hover { color: #00713a; }
body { color: #000; font: 12px/1.6 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; }
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
.wrapper:after { content: ""; display: table; clear: both; }
/* ==========================================================================
   Header
   ========================================================================== */
/* logo */
header { }
header .wrapper { height: 75px;  }
.logo { position: absolute; padding: 18px 0 0 5px; }
.topnav { float: right; padding-top: 20px; line-height: 36px;}
.topnav li { float: left; margin-left: 15px; display: inline;}
.topnav li a { color: #333;}
.topnav li a:hover {color: #00713a; }
.topnav li .fa { color: #00713a; padding-right: 5px; font-size: 16px; line-height: 36px;}

/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { }
/* primary */
.globalnav { background: #00713a url(../images/nav-bg.gif) no-repeat; width: 1001px;  }
.globalnav li { float: left; /*padding-right: 2px; background: url(../images/nav-sep.gif) no-repeat 100% 0;*/ width: 122px;  display: inline; }
.globalnav .last { padding-right: 0; background: none; }
.globalnav li a { display: block; color: #fff; /*padding: 0 47px;*/ font:12px/33px microsoft yahei;  text-align: center; }
.globalnav .nav-sep { background: url(../images/nav-sep.gif) no-repeat 0 100%; width: 2px; height: 33px;  margin: 0 8px; }
.globalnav .active a { color: #fff; background: url(../images/nav-hover-bg.png) no-repeat 50% 1px; }
.globalnav .dropdown { position: absolute; z-index: 99; background: #1f9f4f; border-top: 1px solid #26a255; display: none; padding: 7px 12px 10px; text-align: center; width: 98px; }
.globalnav .dropdown a { white-space: nowrap; font-size: 14px; line-height: 32px; color: #fff;  background: none; border-bottom: 1px solid #fff; padding: 0; }
.globalnav .dropdown a:hover {  }
.globalnav .dropdown a:last-of-type { border-bottom: 0 none;}
#gn_00 { margin-left: 10px;}
/* ==================================
   banner
   ================================== */
.banner-area { min-width: 1000px; background: url(../images/banner-bg.jpg) no-repeat 50% 100%; }
.banner { position: relative; overflow: hidden;  }
.banner .bd { height: 387px; overflow: hidden;}
.banner .bd li a { position: absolute; left: 0; top: 0; width: 100%; height: 387px; overflow: hidden; }
.banner .bd li a img { width: 100%; height: 100%; }
.banner .hd {  text-align: center; height: 24px; padding-top: 12px;}
.banner .hd ul { display: inline-block; *display:inline; zoom: 1;}
.banner .hd li { float: left; cursor: pointer; width: 12px; height: 12px; overflow: hidden; margin: 0 6px; background: url(../images/banner-dot1.png) no-repeat; }
.banner .hd .on { background-image: url(../images/banner-dot2.png);  }
.prev, .next { position: absolute; top: 50%; cursor: pointer; }
.tempWrap { margin: 0 auto; }
.banner .prev,
.banner .next { width: 49px; height: 49px; margin-top: -25px; }
.banner .prev { background: url(../images/prev.png) no-repeat; left: 15px; }
.banner .next { background: url(../images/next.png) no-repeat; right: 15px; }
/* ==========================================================================
   Content
   ========================================================================== */
.row { min-width: 1000px;}
.r1 { background: #e6e6e6; padding: 12px 0 30px; }
.r1 .wrapper { width: 1044px;}
.r2 { padding: 8px 0 34px; line-height: 1.9;}
/* mod */ 
.mod { float: left; }
.mod-wrap { }
.mod-hd { height: 44px; line-height: 44px; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.mod-hd h2 { float: left; }
.mod-hd h2 a { color: #333; font: 300 16px/44px microsoft yahei; }
.mod-hd h2 .en-txt { color: #00713a; font-size: 14px; font-weight: 300; padding-left: 8px;}
.mod-bd .more { float: right; width: 34px; height: 11px; background: url(../images/more-bg.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.mod-bd .more:hover { opacity: 0.8; filter:alpha(opacity=80);}
.mod-bd { overflow: hidden; }
.mod1 { width: 284px;}
.mod1 .mod-ft { margin-top: 25px; text-align: center; }
.mod2 { width: 434px;}
.mod3 { width: 282px;}
.mod2 .mod-wrap { margin: 0 36px;}
.home .latest { height: 130px; border: 1px solid #ddd; margin-bottom: 10px; }
.home .latest img { width: 100%; height: 100%;  }
.mod3 .mod-ft { margin-top: 12px;}
.mod3 .mod-ft a { display: block; border-bottom: 1px solid #ddd; height: 88px;}
.mod3 .mod-ft a img { width: 100%; height: 100%;}
/* news */
.home .news-list li { padding: 6px; border-bottom: 1px solid #ddd; overflow:hidden;*zoom:1 }
.home .news-list li span { *margin-top: -23px;}
.r1 .mod-hd { border-bottom: 0 none; margin: 0 22px;}
/* cat */
.cat-list {  }
.cat-list li { float: left; width: 201px; display: inline; margin: 0 22px; padding: 7px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease; }
.cat-list li:hover { border-color: #00713a;}
.cat-list .pic { display:block; width: 100%; height: 88px; }
.cat-list .pic img { width: 100%; height: 100%; }
.cat-list .caption { line-height: 30px; color: #00713a; }
.cat-list .caption a { color: #00713a; }
.cat-list .caption strong { font-size: 12px; padding-right: 10px; font-weight: 300;}
/* ==========================================================================
   Footer
   ========================================================================== */
footer { padding: 15px 58px; min-height: 70px; width:884px;  background: #0f8647; background: url(../images/footer-bg.gif) no-repeat; color: #fff;  margin: 0 auto;}
footer a { color: #fff; }
.copy { text-align: center; margin-top: 10px; }
footer a:hover { text-decoration: underline; }


/* ==========================================================================
   side-float
   ========================================================================== */
.im { position: fixed; _position: absolute; top: 186px; left: 50%; margin-left: 518px; width: 154px; background:#45b57f url(../images/im-bg.gif) no-repeat; }
.im-wrap { padding: 5px;}
.im-hd { font-weight: 300; font-size: 14px; color: #fff; height: 29px; line-height: 29px; padding-bottom: 5px;}
.im-bd { background: #fff; padding: 15px 5px; color: #333;}
.im-bd h3 { border-bottom: 1px solid #ddd; font-weight: 300; font-size: 14px; padding: 0 8px; line-height: 30px; margin-bottom: 8px; }
.im-bd li { padding: 7px 3px; line-height: 20px;}
