/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
body { color: #666; font: 12px/1.6 Arial, Helvetica, sans-serif; font: 1.2em/1.6 Arial, Helvetica, sans-serif; background: #e8e8e8 url(../images/body-bg.gif) repeat-x; }
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; padding: 0 30px; background: #fff; }
.wrapper:after { content: ""; display: table; clear: both; }
[class*=icon] {
padding-right: 5px;
}
.container { box-shadow: 0 0 20px rgba(255,255,255,0.2) }
/* arrow */
.arrow { /*position: absolute; top: 50%; margin-top: -4px;*/ }
.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; }
/* ==========================================================================
   Header
   ========================================================================== */
/* logo */
header { height: 76px; }
.lang { padding: 10px 0 7px; text-align: right; }
.lang a { padding-right: 19px; margin-left: 8px; }
.lang .cn { background: url(../images/cn.gif) no-repeat 100%; }
.lang .en { background: url(../images/en.gif) no-repeat 100%; }
.lang .jp { background: url(../images/jp.gif) no-repeat 100%; }
.lang .de { background: url(../images/de.gif) no-repeat 100%; }
.lang .mail { background: url(../images/mail.gif) no-repeat 100%; color: #f00; }

.logo { position: absolute; padding: 11px 0 0 10px; }
/* search */
.globalsearch { float: right; }
.globalsearch input { float: left; border: 0 none; }
.globalsearch #q { width: 146px; height: 23px; padding: 5px 30px 4px 10px; line-height: 23px; background: url(../images/search-bg.gif) no-repeat; }
.globalsearch .search-btn { width: 30px; margin-left: -30px; height: 32px; cursor: pointer; background: transparent; }
/* ==========================================================================
   Nav
   ========================================================================== */
.navbar {margin-bottom: 1px; background: url(../images/nav-bg.gif) repeat-x; padding: 2px 0 5px;  }
/* primary */
.globalnav { position: relative; z-index: 999; }
.globalnav li { float: left; border-right: 1px solid #db000e; border-left: 1px solid #fe4f5f;  }
.globalnav li a { display: block; padding: 0 35px; font: 14px/35px microsoft yahei; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.5); _background: url(../images/nav-bg22.gif); /* 修复ie6下 下拉菜单点击的时候宽度增加*/ }
.globalnav li a:hover, .globalnav .active {  background: url(../images/nav-hover-bg.gif) repeat-x;}
/* secondary */
.dropdown { display: none; position: absolute; top: 35px; z-index: 999; border-bottom: 1px solid #fe4f5f; padding: 5px 0; background: #eee;  border-right: 1px solid #db000e; border-left: 1px solid #fe4f5f;  }
.dropdown li { float: none; padding: 0;  border: 0 none; }
.dropdown li a { line-height: 30px; color: #666; text-shadow:none;  white-space: nowrap; *zoom:1;
}
.dropdown li a:hover { color: #333; background: none; }
#gn_00 { border-left: 0 none;}
#gn_07 { border-right: 0 none;}
/* ==========================================================================
   Banner
   ========================================================================== */
.banner { }
.slideBox { overflow: hidden; height: 306px; position: relative; width: 1000px; margin: 0 auto; }
.slideBox img { width: 100%; height: 100%; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 15px; bottom: 15px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-left: 4px; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #ee2d24;; color: #fff; }
/* ==========================================================================
   Content
   ========================================================================== */
.content { padding: 15px 0; }
.mod { float: left; }
.mod1 { width: 333px; }
.mod2 { width: 430px; }
.mod3 { width: 237px; }
.mod-hd { background: url(../images/round-bg.gif) no-repeat 100% 0; padding-bottom: 5px;}
.mod-hd h2 { float: left; padding-left: 15px; background: url(../images/round-bg.gif) no-repeat;}
.mod-hd h2 a, .mod3 ul li h2 { color: #ec1821; font: 14px/30px microsoft yahei; text-shadow:1px 1px 0 rgba(255,255,255,1) }
.home .more { background: url(../images/i-more.png) no-repeat 50%; width: 40px; height: 20px; text-indent: -999em; overflow: hidden; float: right; }
.mod-hd .more {  margin: 5px 10px 0 0; }
.mod-bd { padding: 5px 0; }

.mod-hd .active {  padding: 0 15px; -webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; margin-top: 4px;    
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f80023', endColorstr='#ce030b');
background-image: -webkit-linear-gradient(top, #f80023, #ce030b); 
background-image: -moz-linear-gradient(top, #f80023, #ce030b); 
background-image: -o-linear-gradient(top, #f80023, #ce030b); 
background-image: linear-gradient(top, #f80023, #ce030b); position: relative; }

.mod-hd .active:after { content: ""; display: block; position: absolute; top: 26px; left: 50%;width: 0; height: 0; border: 4px dashed transparent; overflow: hidden; border-top-style: solid; border-top-color: #ce030b; margin-left: -4px; }
.mod-hd .active a { color: #fff;  text-shadow:none; font: 14px/26px microsoft yahei; }

.row1 .mod-bd { height: 156px; overflow: hidden; }
/* mod1 */
.mod1 .mod-wrap { border: 1px solid #d9d9d9; padding: 1px;   }
/* tabs */
.tab-hd { background: url(../images/tab-hd-bg.gif) repeat-x; height: 26px; padding-top: 3px; }
.tab-hd h2 { float: left; margin-left: 8px; _display: inline; background: #fff;  border-style: solid; border-width: 1px; border-color: #d5d5d5 #d5d5d5 #fff; -webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; height: 24px; position: relative; z-index: 1;}
.tab-hd h2 a { display: block; padding: 0 14px; font:14px/24px microsoft yahei;  }
.tab-hd .on { background: #ee2d24; border: 1px solid #e50107; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
.tab-hd .on a { color: #fff }
.tab-hd .more {  }
.tab-bd { padding: 10px; border-top: 1px solid #d6d6d6; margin-top: -1px; }
.tab-cont { overflow: hidden; zoom:1; }
.about-pic { float: left; margin-right: 10px; width: 93px; height: 68px; }
.about-pic img { width: 100%; height: 100%; }
.mod1 .more { color: #f80610 }
/* mod2 */
.mod2 .mod-wrap { margin: 0 30px; }
.news-list { }
.news-list li { line-height: 25px; border-bottom: 1px dashed #e0e0e0; }
.news-list li a { background: url(../images/i-news.gif) no-repeat 8px; padding-left: 20px; }
.news-list li span { float: right; padding-right: 10px; }
/* mod3 */
.mod3 .mod-wrap { }
.mod3 ul li { width: 237px; height: 65px;margin-bottom: 4px;}
.mod3 ul li a { display: block; overflow: hidden; padding: 15px 20px;}
.mod3 ul li h2 { position: relative; height: 30px; padding-right: 30px;}

.quick-menu1 { background: url(../images/ql-pic1.gif) no-repeat;}
.quick-menu2 { background: url(../images/ql-pic2.gif) no-repeat;}
.quick-menu3 { background: url(../images/ql-pic3.gif) no-repeat;}
.mod3 .arrow { display: inline-block; width: 4px; height: 8px;position: relative; margin-left: 5px;}
.mod3 .arr-r span { border-left-color: #6f6f6f; }
/* row2 */
.row2 { margin-top: 20px; position: relative; }
/* pro */
.tempWrap { margin: 0 auto; }
.pro-list { margin-right: -10px; }
.pro-list li { float: left; margin: 0 15px; width: 170px; }
.pro-list li .thumbnail-wrap { display: table; table-layout: fixed; width: 170px; height: 128px; }
.pro-list li .thumbnail { display: table-cell; *display: block;
text-align: center; vertical-align: middle; overflow: hidden; width: 162px; height: 120px; border: 1px solid #d1d1d1; padding: 3px;   /* 不能写 width=100%; height=100% */ }
.pro-list li .thumbnail img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; }
.pro-list li .thumbnail i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }/* ie6/7下可以使用此方法兼容 */
.pro-list li .caption { text-align: center; line-height: 30px; }
/* ==========================================================================
   Footer
   ========================================================================== */
footer { padding: 10px; background: #ee2d24; }
footer, footer a { color: #fff; }
.cnzz { background: url(../images/cnzz.gif) no-repeat 100%; padding-right: 60px; }