/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #333; }
a:hover { color: #408ab9; }
body { color: #333; font: 12px/1.7 Arial, Helvetica, sans-serif; background: #fff; }
.wrapper { width: 1100px; margin-left: auto; margin-right: auto; }
.wrapper:after,
.row:after { content: ""; display: table; clear: both; }
/* 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: #3675bb; }
.tri { position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
.en-txt { text-transform: uppercase; color: #cacaca; }
/* ==========================================================================
   Header
   ========================================================================== */
header { min-width: 1100px; background: url(../images/hd-bg.gif) no-repeat 50% 0; }
header .wrapper { height: 122px; position: relative; z-index: 99; }
.logo { padding: 26px 0 0 0;  position: absolute;  }
.top { position: absolute; right: 0; top: 8px; }
.lang { line-height: 24px; }
.lang a { float: left; margin-left: 16px; padding-left: 26px; color: #fff; }
.lang .cn { background: url(../images/cn.gif) no-repeat 0; }
.lang .en { background: url(../images/en.gif) no-repeat 0; }
.lang a:hover { opacity: 0.9; text-decoration: underline; }
/* search */
.globalsearch { }
.globalsearch input,
.globalsearch .search-btn { float: left; border: 0 none; background: transparent; }
.globalsearch #q { width: 100px; height: 20px; padding: 2px 34px 2px 12px; line-height: 20px; background: url(../images/search-bg.gif) no-repeat; }
.globalsearch .search-btn { width: 34px; margin-left: -34px; height: 24px; cursor: pointer; }
.globalsearch .search-btn .fa { font-size: 14px; color: #408ab9; line-height: 24px; }
.globalsearch .search-btn:hover .fa { color: #f60; }
/* ==========================================================================
   Nav
   ========================================================================== */
/* primary */
.globalnav { z-index: 99; position: absolute; bottom: 0; left: 337px; }
.globalnav li { float: left; margin: 0 9px; position: relative; z-index: 99; }
.globalnav li a { display: block; color: #000; padding: 0 12px 3px; font-size: 14px; font-family: microsoft yahei; line-height: 72px; font-weight: 700; }
.globalnav .nav-sep { background: #909191; width: 1px; height: 14px; margin-top: 14px; }
.globalnav .active a,
.globalnav li .active1 { color: #408ab9; border-bottom: 3px solid #408ab9; padding-bottom: 0; }
.globalnav .dropdown { position: absolute; z-index: 99; display: none; background: #408ab9; width: 158px; text-align: center; left: 50%; margin-left: -79px; padding: 3px 0; }
.globalnav .dropdown a { white-space: nowrap; line-height: 48px; color: #fff; padding-bottom: 0; border-bottom: 0 none; padding-left: 0; padding-right: 0; font-weight: 300; }
.globalnav .dropdown a:hover { color: #408ab9; background: #fff; }
#gn_00 { margin-left: 0; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; min-width: 1100px; width: 100%; height: 569px; overflow: hidden; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 569px; /* superslide 取值规定必须是具体数值 */ }
.banner .hd { position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; }
.banner .hd ul { display: inline-block; *display:inline;
zoom: 1; }
.banner .hd li { float: left; cursor: pointer; width: 13px; height: 13px; margin: 0 4px; background-image: url(../images/banner-dot1.png); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; line-height: 0; font-size: 0; }
.banner .hd .on { background-image: url(../images/banner-dot2.png); }
.prev,
.next { position: absolute; top: 50%; cursor: pointer; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; }
.tempWrap { margin: 0 auto; }
.banner .prev,
.banner .next { margin-top: -30px; }
.banner .prev .fa,
.banner .next .fa { font-size: 50px; color: #fff; line-height: 60px; text-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.banner .prev { left: 2%; }
.banner .next { right: 2%; }
.banner .prev:hover .fa,
.banner .next:hover .fa { color: #408ab9; }
/* ==========================================================================
   Content
   ========================================================================== */
.r1 { background: #f7f7f7; border-style: solid; border-width: 1px 0; border-color: #fff #f7f7f7 #e0e0e0; padding-bottom: 63px; padding-top: 30px; }
/* mod */ 
.mod { float: left; }
.mod-wrap { }
.mod-hd { height: 32px; line-height: 32px; margin-bottom: 10px; }
.mod-hd h2 { float: left; }
.mod-hd h2 a { color: #408ab9; font-size: 16px; font-family: microsoft yahei; }
.mod-hd .more { float: right; color: #666; }
.mod-hd .more:hover { color: #408ab9; }
.mod-hd .en-txt { font-size: 14px; margin-left: 6px; }
.r1 .mod-hd { margin: 0 70px 25px; }
.r1 .mod-hd h2 a { font-size: 20px; }
.r1 .mod-hd .en-txt { font-size: 18px; margin-left: 10px; }
.r1 .more { background: #f7f7f7; padding: 0 12px; line-height: 30px; height: 30px; border: 1px solid #ddd; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.r1 .more .fa { padding-left: 5px; }
.r1 .wrapper { width: 1240px; }
.r1-list { }
.r1-list li { float: left; width: 356px; margin: 0 8px; }
.r1-list .pic { display: block; width: 100%; height: 174px; overflow: hidden; }
.r1-list .pic img { width: 100%; height: 100%; }
.mod1 { width: 340px; }
.mod2 { width: 510px; }
.mod3 { width: 250px; }
.mod2 .mod-wrap { margin: 0 30px; }
.r2 { padding: 45px 0 60px; }
.service-slider { position: relative; *zoom:1;
}
.service-slider .prev,
.service-slider .next { font-size: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #fff; border: 1px solid #e7e7e7; color: #228bc8; margin-top: -26px; z-index: 999; }
.service-slider .prev:hover,
.service-slider .next:hover { background: #2e9cc8; color: #fff; }
.service-slider .prev { left: 0; }
.service-slider .next { right: 0; }
/* ==================================
   focus
   ================================== */
.focus { position: relative; overflow: hidden; width: 100%; height: 200px; }
.focus .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 200px; /* superslide 取值规定必须是具体数值 */ }
.focus .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 200px; /* superslide 取值规定必须是具体数值 */ }
.focus .bd li a img { width: 100%; height: 100%; }
/* ==================================
   focus
   ================================== */
.focus .hd { position: absolute; line-height: 38px; bottom: 0; right: 0; }
.focus .hd ul { float: right; margin-right: 20px; }
.focus .hd li { float: left; cursor: pointer; width: 8px; height: 8px; margin: 15px 3px; background: #fff; overflow: hidden; line-height: 0; font-size: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: .5; filter: alpha(opacity=50) }
.focus .hd .on { opacity: 1; filter: alpha(opacity=100) }
.focus .bd li .txt { color: #fff; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 0; height: 38px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
background-color: rgba(0,0,0,.5); line-height: 38px; padding-left: 20px; }
:root .focus .bd li .txt { filter: none; }
/* access-list */
.access-list li { margin-bottom: 20px; border: 1px solid #ddd; padding: 14px 30px; }
.access-list .imgArea { width: 60px; height: 60px; }
.access-list .txtArea { padding-left: 15px; }
.access-list .txtArea h3 { padding: 5px 0 0; }
.access-list .txtArea h3 a { color: #333; font-weight: 300; font-size: 14px; font-family: microsoft yahei; }
.access-list li:hover h3 a,
.access-list .txtArea h3 a:hover { color: #408ab9; }
.access-list .txtArea .desc { color: #999; }
.access-list .txtArea .more { }
/* ==========================================================================
   Footer
   ========================================================================== */
footer { min-width: 1100px; text-align: center; background: #f9f9f9; }
footer a { }
footer a:hover { text-decoration: underline; }
.footer-hd { background: #408ab9; color: #fff; font-family: microsoft yahei; }
.footer-hd h2 { font-size: 20px; }
.footer-hd,
.footer-bd { padding: 12px 0; }
.footer-ft { padding: 8px 0 20px; }
.footer-bd h2 { margin-bottom: 15px; position: relative; padding: 0 20px; display: inline-block; }
.footer-bd h2:before,
.footer-bd h2:after { content: ""; position: absolute; width: 10px; height: 1px; overflow: hidden; line-height: 0; font-size: 0; background: #333; top: 50%; }
.footer-bd h2:before { left: 0; }
.footer-bd h2:after { right: 0; }
/* links */
.links-list { }
.footer-bd .wrapper { width: 1120px; }
.links-list li { float: left; width: 204px; margin: 0 10px; }
.links-list .pic { display: block; width: 100%; height: 72px; }
.links-list .pic img { width: 100%; height: 100%; }
.toolbar { position: fixed;  bottom: 10%;  right: 20px;   }
.toolbar .toTop a { display: block;  width: 35px; height: 60px; background: url(../images/top.gif) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}