/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #333; }
a:hover { color: #333; }
body { color: #333; font: 12px/1.8 Arial, Helvetica, sans-serif; background: #0f543e url(../images/body-bg.gif) repeat; }
.wrapper { width: 960px; margin-left: auto; margin-right: auto; }
.wrapper:after { content: ""; display: table; clear: both; }
[class*=icon] { padding-right: 5px; }
/* arrow */
.arrow { position: absolute; top: 50%; margin-top: -4px; left: 0; }
.arrow * { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* arrow-right */
.arr-r * { border-left-style: solid; border-width: 4px 0 4px 4px; }
.arr-r em { left: 1px; }
.arr-r span { border-left-color: #fff; }
.container { background: url(../images/container-bg.gif) no-repeat 50% 0; min-height: 690px; _height: 690px;  }
/* ==========================================================================
   Header
   ========================================================================== */
/* logo */
header { height: 121px; }
header .wrapper { position: relative;}
.logo { position: absolute; padding: 41px 0 0 0; }
/* search */
.globalsearch { position: absolute; right: 0; top: 67px; }
.globalsearch input { border: 0 none; background: transparent; float: left; }
.globalsearch #q { width: 169px; height: 23px; padding: 3px 30px 2px 15px; line-height: 23px; background: url(../images/search-bg.png) no-repeat 50%; }
.globalsearch .search-btn { width: 30px; margin-left: -30px; height: 28px; cursor: pointer; ; }
.tel { position: absolute; right: 17px; top: 41px;}
.brand { position: absolute; right: 245px; top: 24px;}
/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { background: url(../images/nav-bg.png) no-repeat 50% 0; position: relative; z-index: 999; }
/* primary */
.globalnav { padding: 5px 0; }
.globalnav li { float: left; padding-right: 2px; background: url(../images/nav-sep.png) no-repeat 100%; }
.globalnav li a { display: block; font: 14px/54px microsoft yahei; color: #000; padding: 0 30px; }
.globalnav .active,
.globalnav .active>a { background: #275e50; color: #fff; }
.globalnav li:last-of-type { padding: 0; background: none; }
/* secondary */
.dropdown { display: none; position: absolute;  z-index: 999; padding: 0 3px 3px;  background: #275e50;}
.dropdown li { float: none; padding: 0; background: none; }
.dropdown li a { line-height: 30px; padding: 0 28px; color: #fff; white-space: nowrap; *zoom:1;
}
.dropdown li a:hover { background: #22715d; }
.globalnav li:last-of-type .dropdown li a { padding:0 27px;}
#gn_03 .dropdown { min-width:126px;}
/* ==========================================================================
   Banner
   ========================================================================== */
.banner { position: relative; width: 100%; height: 465px;}
.banner .bd { overflow: hidden; }
.banner .bd li a { display: block; height: 465px; }
/* ==========================================================================
   Content
   ========================================================================== */
.home .content { background: url(../images/bg1.png) no-repeat; min-height: 184px; _height: 184px; padding: 30px 20px 25px; margin: -44px auto 20px; width: 928px; position: relative; z-index: 999; }
.mod { float: left; }
.mod1 { width: 265px; }
.mod2 { width: 355px; }
.mod3 { width: 308px; }
.mod-hd { line-height: 20px; margin-bottom: 18px; background: #275e50;  padding: 0 12px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.mod-hd,
.mod-hd a { color: #fff;}
.mod-hd h2 { float: left; }
.mod-hd h2 a {  font: 13px/20px microsoft yahei; }
.mod-hd .en-txt {  font-weight: 300; text-transform: uppercase; padding-left: 5px; font-size: 11px; }
.mod-hd .more { float: right; line-height: 20px; }
.mod-bd { }
.mod2 .mod-wrap,
.mod3 .mod-wrap {  background: url(../images/cont-sep.png) no-repeat 0; }
.mod2 .mod-wrap { padding-left: 25px; margin-left: 30px; }
.mod3 .mod-wrap { margin-left: 25px; padding: 0 25px 0 40px; }
/* imgArea */
.imgArea { float: left; }
.txtArea { overflow: hidden; *zoom:1;
}
.txtArea .desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; }
/* thumbnail */
.thumbnail-wrap { display: table; table-layout: fixed; }
.thumbnail { display: table-cell; *display: block;
text-align: center; vertical-align: middle; overflow: hidden; }
.thumbnail img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; }
.thumbnail i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }/* ie6/7下可以使用此方法兼容 */
.about-pic { float: left; }
.about-pic,
.latest .imgArea { margin-right: 15px; width: 135px; height: 88px;  }
.border img { width: 100%; height: 100%; }
.border { background: #fff; padding: 1px; border: 1px solid #36805f;}
/* latest */
.latest { margin-bottom: 10px; }
.latest .txtArea { height: 92px; }
.latest .txtArea h3 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
/* news */
.news-list { }
.news-list li { line-height: 22px; }
.news-list li a { }
.news-list li span { float: right; }
/* pro */
.pro-list li { float: left; width: 210px; _display: inline; }
.pro-list li .thumbnail-wrap { width: 208px; height: 140px; border: 1px solid #ddd; }
.pro-list li .thumbnail { width: 208px; height: 140px; }
.tempWrap { margin: 0 auto; }
.prev,
.next { position: absolute; top: 50%; cursor: pointer; }
.pro { position: relative; _width:218px; }
.pro .prev,
.pro .next { width: 21px; height: 69px; margin-top: -35px; }
.pro .prev { background: url(../images/pro-prev.png) no-repeat; left: -25px; }
.pro .next { background: url(../images/pro-next.png) no-repeat; right: -25px; }
/* ==========================================================================
   Footer
   ========================================================================== */
footer { padding: 15px 0; background: #002f20;  }
footer,
footer a { color: #fff; line-height: 22px; }
small { font-size: 12px; }
.foot-l { float: left; }
.foot-r { float: right; }
.friendlink select { height: 22px; line-height: 18px; padding: 2px 0; vertical-align: middle; _margin: 5px 0; /*ie6 ie7 select 默认高度是22px, ie6下文字与可替换文字在一起，line-height失效 */  }