/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #006853; }
body { color: #666; font: 12px/1.7 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; }
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
.wrapper: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; }
header,
footer,
.banner,
.topbar .row { min-width: 1000px; }
.en-txt { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
/* ==========================================================================
   Header
   ========================================================================== */
.topbar { background: #e9f1ee; border-bottom: 1px solid #016857; line-height: 30px; color: #333; }
.topbar a { color: #333; }
.lang { float: right; }
.lang a { float: left; padding-left: 22px; }
.lang .cn { background: url(../images/cn.gif) no-repeat 0; }
.lang .en { background: url(../images/en.gif) no-repeat 0; }
.lang .pipe { float: left; padding: 0 8px; }
header { }
header .wrapper { height: 110px; position: relative; z-index: 99; }
.logo { position: absolute; padding: 42px 0 0 0; z-index: 999; }
header .tel { position: absolute; right: 224px; top: 12px; text-indent: -9999px; overflow: hidden; background: url(../images/tel.gif) no-repeat; width: 424px; height: 23px; }
/* search */
.globalsearch { position: absolute; top: 9px; right: 0; }
.globalsearch .search-ipt,
.globalsearch .search-btn { float: left; border: 0 none; background: transparent; }
.globalsearch .search-ipt { width: 160px; height: 20px; padding: 5px 37px 5px 10px; line-height: 20px; background: url(../images/search-bg.gif) no-repeat; }
.globalsearch .search-btn { width: 35px; margin-left: -35px; height: 30px; cursor: pointer; }
.globalsearch .search-btn .fa { color: #000; font-size: 15px; }
.globalsearch .search-btn:hover .fa { color: #d30000; }
/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { }
/* primary */
.globalnav { background: #006756; border: 1px solid #137263; position: absolute; right: 0; top: 50px; z-index: 99; }
.globalnav li { float: left; }
.globalnav li a { display: block; color: #fff; padding: 0 18px; font-size: 14px; line-height: 40px; font-family: microsoft yahei; }
.globalnav .nav-sep { width: 2px; height: 44px; background: url(../images/nav-sep.gif) no-repeat 0; }
.globalnav .active a,
.globalnav li .active1 { color: #fff; background: #004c3d; }
.globalnav .dropdown { position: absolute; z-index: 999; background: #fff; display: none; padding: 15px 20px; /*margin-left: -152px; width: 370px;*/  margin-left: -78px; width: 222px; border-top: 1px solid #137263; border-bottom: 2px solid #333; }
.globalnav .dropdown:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-bottom-style: solid; border-width: 0 5px 5px; border-bottom-color: #fff; left: 50%; margin-left: -5px; top: -5px; }
.globalnav .dropdown .pic { display: block; padding: 0; width: 100%; height: 82px; margin-bottom: 10px; }
.globalnav .dropdown .pic img { width: 100%; height: 100%; }
.globalnav .dropdown .dd-l { float: left; width: 222px; }
.globalnav .dropdown .dd-r { float: right; width: 148px; text-align: center; display: none; }
.globalnav .dropdown a { white-space: nowrap; line-height: 30px; font-size: 12px; float: left; padding: 0; color: #666; background: none; border-bottom: 0 none; width: 49%; }
.globalnav .dropdown a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.globalnav .dropdown a:hover,
.globalnav .dropdown a:hover .fa { color: #e20413; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; overflow: hidden; width: 100%; height: 400px; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 400px; /* superslide 取值规定必须是具体数值 */ }
.banner .hd { position: absolute; width: 100%; height: 65px; left: 0; bottom: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#5BFFFFFF', endColorstr='#5BFFFFFF');
background: rgba(255,255,255,0.36); }
:root .banner .hd { filter: none; }/*for IE9*/
.banner ul { float: right; padding-top: 25px; }
.banner .hd li { float: left; cursor: pointer; width: 15px; height: 15px; margin-left: 6px; background-image: url(../images/banner-dot1.png); background-position: 50% 50%; overflow: hidden; line-height: 0; font-size: 0; background-repeat: no-repeat; }
.banner .hd .on { background-image: url(../images/banner-dot2.png); }
/* ==========================================================================
   Content
   ========================================================================== */
.row { margin-top: 50px; }
.row-even { padding: 48px 0 10px; }
.row-hd { border-top: 1px solid #006853; text-align: center; position: relative; padding-top: 30px; margin-bottom: 25px; height: 20px; }
.row-hd h2 { font-size: 36px; font-weight: 300; font-family: microsoft yahei; background: #fff; width: 284px; line-height: 40px; position: absolute; left: 50%; top: -20px; margin-left: -142px; }
.row-hd h2 a { color: #006853; }
.row-hd h2:before,
.row-hd h2:after { content: ""; }
.row-hd h2:before,
.row-hd h2:after,
.row-hd h2 i { position: absolute; width: 32px; height: 6px; font-size: 0; line-height: 0; background: #006853; top: 50%; margin-top: -4px; }
.row-hd h2:before,
.row-hd h2 .line-l { left: 0; }
.row-hd h2:after,
.row-hd h2 .line-r { right: 0; }
.row-hd .en-txt { font-size: 14px; line-height: 20px; }
.row-even,
.row-even .row-hd h2 { background: #f4f4f4; }
.row-ft { text-align: center; padding: 15px; }
.ui-btn1 { display: inline-block; background: #007762; color: #fff; padding: 0 8px; line-height: 24px; }
.ui-btn1:hover { color: #fff; background: #006853; }
/* pro */
.pro-list { }
.pro-list li { float: left; width: 144px; padding: 0 28px; text-align: center; }
.pro-list .pic { display: block; width: 100%; height: 145px; }
.pro-list .pic img { width: 100%; height: 100%; }
.pro-list .caption { line-height: 32px; text-align: center; }
.pro-list .caption a { color: #010101; font-size: 16px; }
.pro-list .more { color: #ce261d; }
.pro-list .more .fa { color: #cacaca; font-size: 18px; margin-left: 8px; }
.pro-list .more:hover,
.pro-list .more:hover .fa { color: #006853; }
/* news */
.focus { float: left; width: 392px; }
/* focus */
.focus-list { }
.focus-list li { float: left; width: 392px; }
.focus-list li h3 { color: #000; font-size: 14px; font-weight: 300; margin: 15px 0 10px; }
.focus-list li h3 a { color: #000; }
.focus-list li h3 .date { float: right; }
.focus-list li .desc { color: #333; }
.focus-ft { margin-top: 15px; }
.focus .prev,
.focus .next { width: 18px; height: 18px; color: #fff; line-height: 17px; text-align: center; background: #005946; margin-right: 6px; float: left; cursor: pointer; }
.focus .prev .fa,
.focus .next .fa { font-size: 16px; line-height: 17px; }
.focus .prev:hover,
.focus .next:hover { background: #006daf; color: #fff; }
.home .news-list { float: right; width: 575px; }
.home .news-list li { position: relative; margin-bottom: 35px; padding-left: 76px; height: 59px; }
.home .news-list li .date { position: absolute; left: 0; top: 0; background: #6a6a6a; width: 59px; height: 59px; text-align: center; color: #fff; line-height: 1.3; }
.home .news-list li .date strong { font-size: 30px; font-weight: 300; }
.home .news-list li h3 a { color: #0056a3; font-weight: 300; }
.home .news-list li .more { color: #c40000; padding-left: 10px; }
.home .news-list li:hover .date { background: #005946; }
/* about */
.about-list { margin-right: -35px; }
.about-list li { float: left; display: inline; margin: 0 35px 0 0; width: 310px; }
.about-list li .imgArea { width: 172px; height: 172px; }
.about-list li .txtArea { padding: 10px 0 0 18px; }
.about-list li .txtArea .desc { height: 140px; margin-bottom: 20px; }
.about-list li .txtArea .more { float: right; margin: 0 8px 0 0; }
.about-list li .imgArea:hover,
.pic:hover { opacity: 0.8; }
/* partner */
.row-partner .row-bd { padding: 10px 0 40px; }
.partner-list { margin-right: -20px; }
.partner-list li { float: left; width: 184px; display: inline; margin: 0 20px 0 0; }
.partner-list .pic { display: block; height: 94px; background: #fff; padding: 2px; border: 1px solid #ccc; }
.partner-list .pic img { width: 100%; height: 100%; }
/* ==========================================================================
   Footer
   ========================================================================== */
footer { padding: 10px 0; background: #505050; color: #fff; text-align: center; font-family: microsoft yahei; line-height: 2; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; color: #fff; }
footer small { text-transform: uppercase; }
.row-fn { padding: 1px 0 0; border-top: 1px solid #085e4c; }
.footer-nav { min-width: 1000px; color: #fff; background: #404040 url(../images/fn-bg.gif) repeat; padding: 20px 0 10px; font-family: microsoft yahei; }
.footer-nav a,
.footer-nav a:hover { color: #fff; }
.footer-nav .wrapper { }
.fn-col { float: left; padding: 0 26px; background: url(../images/fn-sep.png) no-repeat 100% 6px; min-height: 220px; _height: 220px; }
.footer-nav .last { background: none; padding-right: 0; }
.fn-col h3 { margin-bottom: 7px; }
.fn-col h3 a { color: #fff; font-size: 14px; }
.fn-col h3 a:hover { text-decoration: underline; }
.fn-col li { line-height: 2; }
.im { position: fixed; _position: absolute; top: 200px; left: 50%; margin-left: 550px; }
.im li { position: relative; }
.im li .im-hd { display: block; width: 47px; height: 49px; text-align: center; margin-bottom: 18px; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden; text-indent: -9999px; }
.im .item1 .im-hd { background-color: #005a47; background-image: url(../images/qr-s.png); }
.im .item2 .im-hd { background-color: #5d00cf; background-image: url(../images/qq.png); }
.im .item3 .im-hd { background-color: #0057a4; background-image: url(../images/ico3.png); }
.im .item4 .im-hd { background-color: #cc3366; background-image: url(../images/ico4.png); }
.im .item5 .im-hd { background-color: #02d365; background-image: url(../images/ico5.png); }
.im-bd { background: #fff; padding: 10px; position: absolute; -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.15); box-shadow: 1px 2px 3px rgba(0,0,0,.15); left: -120px; top: 0; width: 100px; display: none; text-align: center; }
.im-bd img { display: block; width: 100%;  }
.im-bd .tri { border-left-style: solid; border-width: 6px 0 6px 6px; border-left-color: #fff; top: 20px; right: -5px; }
.im .item2 .im-bd {}