img { max-width: 100% !important; }
/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #344c92; }
body { color: #666; font: 12px/1.5 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; text-transform: capitalize; }
.wrapper { width: 1000px; 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; }
/* ==========================================================================
   Header
   ========================================================================== */
header { min-width: 1000px; position: relative; z-index: 999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2);background: url(../images/header-bg.gif) repeat-x; }
header .wrapper { height: 92px; position: relative; z-index: 999; }
.logo { position: absolute; padding: 10px 0 0 0; }
.top-r {width: 300px;}
.tel {padding: 8px 0;float: right;}
/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { }
/* primary */
.globalnav { z-index: 99; position: absolute; right: -20px; bottom: 5px; }
.globalnav li { float: left; position: relative; background: url(../images/nav-sep.png) no-repeat 100% 50%; padding-right: 1px; }
.globalnav li a { display: block; color: #333; padding: 0 25px; font-size: 14px; line-height: 62px; }
.globalnav .nav-sep { }
.globalnav .active a,
.globalnav li .active1 { color: #344c92; }
.globalnav .last { background: none; }
/* secondary */
.dropdown { position: absolute; z-index: 999; background: #fff; background: rgba(255,255,255,.8); display: none; padding: 18px 0; border-bottom: 4px solid #405a9e; border-bottom: 4px solid rgba(64,90,158,.7); top: 100%; left: 50%; margin-left: -56px; }
.dropdown:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-top-style: solid; border-width: 5px 5px 0; border-top-color: #405a9e; left: 50%; margin-left: -5px; top: -15px; }
.dropdown .pic { display: block; padding: 0; width: 100%; height: 82px; margin-bottom: 10px; }
.dropdown .pic img { width: 100%; height: 100%; }
.dropdown .dd-l { float: left; padding:0 10px}
.dropdown .dd-r { float: right; width: 148px; padding-right: 20px; font-size: 12px; text-align: center; }
.dropdown .dd-l a { white-space: nowrap; line-height: 30px; font-size: 14px; padding: 0 10px; color: #666; }
.dropdown .dd-l a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.dropdown .dd-l a:hover,
.dropdown .dd-l a:hover .fa { color: #405a9e; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; overflow: hidden; width: 100%; height: 575px; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 575px; /* superslide 取值规定必须是具体数值 */ }
.banner .hd { position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; }
.banner .hd ul { display: inline-block; *display:inline;
zoom: 1; }
.banner .hd li { float: left; cursor: pointer; width: 12px; height: 12px; margin: 0 5px; background-image: url(../images/banner-dot.png); background-position: 0 -24px; overflow: hidden; }
.banner .hd .on { background-position: 0 0; }
/* ==========================================================================
   Content
   ========================================================================== */
.container { padding-bottom: 28px; }
.r1 { margin:40px 0  50px 0}
.row-hd { text-align: center; margin:10px 0 15px 0}
.row-hd h2 { font-weight: 300; color: #333; position: relative; display  }
.row-hd h2 a {  color: #cfcfcf; font-size:14px; text-transform:uppercase;display: inline-block; position: relative; padding: 0 18px; }
.row-hd .cn-txt { font-size: 24px; color: #344c92; text-transform: uppercase; display: inline-block; position: relative;  padding: 10px 15px 0; line-height: 1; }
.row-hd .cn-txt em {  display: inline-block; position: relative; padding: 0 10px;  z-index: 2; }
.row-hd .cn-txt:after { content: ""; position: absolute;  width: 100%; height: 17px; left: 0; top: 0;   }
.row-hd h2 a:before,
.row-hd h2 a:after { content: ""; position: absolute;  width: 94px; height: 1px; background: #a1a1a1; font-size: 0; line-height: 0;  top: 50%;    }
.row-hd h2 a:before {  left: -94px;}
.row-hd h2 a:after { right: -94px; }

.about-cont { font-size: 14px; line-height: 24px; }
.about-cont .mod-hd { margin-bottom: 15px; }
.about-cont .mod-hd h2 a { font-size: 24px; }
.mod-about1 { width: 559px; margin-left: 35px; display: inline; }
.mod-about1 .mod-bd {float:left; line-height:30px; margin:5px 0 25px 0; padding-left:30px}
.mod-about-focus { width: 399px; float: left; }
.about-focus { position: relative; overflow: hidden; height: 263px; }
.about-focus .bd li a { position: absolute; left: 0; top: 0; width: 100%; height: 340px; overflow: hidden; }
.about-focus .bd li a img { width: 100%; height: 100%; }
.about-focus .hd { position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; background: #404040; text-align: center; }
.about-focus .hd ul { display: inline-block; *display:inline;zoom: 1; }
.about-focus .hd li { float: left; cursor: pointer; width: 8px; height: 8px; text-align: center; line-height: 0; font-size: 0; overflow: hidden; margin: 16px 5px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.about-focus .hd .on { background: #c00; }
.more-red { display: inline-block; background: #f32c20; color: #fff; width:189px; border-radius:3px; padding:10px; margin-left:30px; float:left}
.more-red:hover { color: #fff; background: #32467a; }
.xx{ float:left; padding-left:20px; padding-top:15px}

/* mod */ 
.mod { float: left; }
.mod1 .mod-hd, .mod2 .mod-hd { line-height: 45px; height: 45px; overflow: hidden; margin-bottom: 5px; }
.mod-hd h2 { float: left; background:url(../images/home_ab_bj.jpg) no-repeat; width:176px; padding:15px 30px }
.mod-hd h2 a { font-size: 24px; color:#333; font-weight:300;}
.mod-bd { overflow: hidden; }
.mod1, .mod2 { background: url(../images/mod-bg.gif) repeat-x 0 100%; min-height: 282px; _height: 282px; margin-top: 10px; }
.mod1 { width: 445px; }
.mod2 { width: 275px; }
.mod2 .mod-wrap { padding: 0 8px 0 20px; }
.mod3 { float: right; width: 267px; }
.mod1 .mod-hd h2 a { color: #1e489a; }
.mod2 .mod-hd h2 a { color: #0549ae; }
.mod1 .mod-bd { padding: 0 10px; }

.r4 { background: #e6e6e6; margin-bottom: 40px; padding: 5px 0 40px; }
.r4 .wrapper { width: 1002px; }
.row-hd-deco2 .en-txt { padding: 0 128px; position: relative; margin-top: 8px; }
.row-hd-deco2 .en-txt:before, .row-hd-deco2 .en-txt:after { position: absolute; content: ""; width: 115px; height: 10px; background-repeat: no-repeat; background-position: 0 0; top: 50%; margin-top: -5px; }
.row-hd-deco2 .en-txt:before { background-image: url(../images/deco-ico2-l.png); left: 0; }
.row-hd-deco2 .en-txt:after { background-image: url(../images/deco-ico2-r.png); right: 0; }


/* pro */
.pro { position: relative; *zoom:1}
.pro-list li { float: left; _display: inline; width: 228px; margin: 0 8px }
.pro-list li .pic { display: block; height: 165px; width: 222px; border: 3px solid #dfdfdf; = -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease; transition: all 300ms ease; }
.pro-list li .pic img { width: 100%; height: 100% }
.pro-list li .caption { text-align: center; background: url(../images/pro-bg.gif) no-repeat 50% 0; padding-top: 16px;padding-bottom: 15px; }
.pro-list li .pic:hover { border-color: #344c92; }


.marg01{padding: 60px 0 40px 0;}
.slogan {width:200px; padding:10px 0;margin: 0 auto;text-align:center;font-family: microsoft yahei; line-height: 1.4; margin-bottom:16px;}
.slogan .p1 { font-size: 24px; color:#32467a;margin-bottom:5px;}
.slogan .en-txt { text-transform: uppercase; font-size: 14px; color:#999;}
.sloganline{width:50px;height:10px; margin: 0 auto;border-bottom:3px solid #d6d6dd;}
/*techbox*/
.techbox{padding-bottom:30px;}
.techbox li{width:225px;height:180px;padding:20px 12px; float: left;}
.techbox li .techbd{width:111px;height:111px; margin: 0 auto;}
.techbox li .techtext{padding:10px 0;font: 18px/24px microsoft yahei; text-align: center;}
.techbox li .techtext a{color:#666666;letter-spacing:3px;}
.techbox li i.inco{width:111px;height:111px; display: block; float: left;}
.techbox li i.inco01{background:url(../images/inco02.png) left top no-repeat;}
.techbox li:hover i.inco01{background:url(../images/inco02.png) right top no-repeat;}
.techbox li i.inco02{background:url(../images/inco02.png) left -110px no-repeat;}
.techbox li:hover i.inco02{background:url(../images/inco02.png) right -110px no-repeat;}
.techbox li i.inco03{background:url(../images/inco02.png) left -220px no-repeat;}
.techbox li:hover i.inco03{background:url(../images/inco02.png) right -220px no-repeat;}
.techbox li i.inco04{background:url(../images/inco02.png) left bottom no-repeat;}
.techbox li:hover i.inco04{background:url(../images/inco02.png) right bottom no-repeat;}


/* ==================================
   focus
   ================================== */
.focus { position: relative; overflow: hidden; height: 224px; }
.focus .bd li a { position: absolute; left: 0; top: 0; width: 100%; height: 224px; overflow: hidden; }
.focus .bd li a img { width: 100%; height: 100%; }
.mod2 .mod-hd { position: relative; }
.mod2 .mod-hd ul { position: absolute; top: 22px; right: 5px; }
.mod2 .mod-hd li { float: left; cursor: pointer; width: 9px; height: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 0; line-height: 0; overflow: hidden; display: inline; margin-left: 5px; background-color: #ccc; }
.mod2 .mod-hd .on { background-color: #db2923; }
.focus .txt { position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; height: 36px; line-height: 36px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000) \8;
background-color: rgba(0,0,0,.5); color: #fff; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer { min-width: 1000px; padding: 10px 0; background: #2c2c2c; border-top:1px solid #636363; color: #fff; font-size: 12px; text-transform: uppercase;text-align: center; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }
.footer-nav { min-width: 1000px; color: #878686; font-size: 14px; background: #353535 url(../images/fn-bg.gif) repeat; padding: 20px 0 10px; }
.footer-nav .wrapper { overflow: hidden; }
.fn-col { float: left; padding: 0 25px;  min-height: 220px; _height: 220px; }
.footer-nav .last { background: none; }
.fn-col h3 { font-weight: 300; margin-bottom: 7px; }
.fn-col h3 a { color: #fff; font-size: 14px; font-family: microsoft yahei; }
.fn-col h3 a:hover { text-decoration: underline; }
.fn-col ul { }
.fn-col li { line-height: 24px; }
.fn-col li a { color: #eef6f4; font-size:12px}
.fn-col li a:hover { color: #fff; }
.fn-col-1 {background: none;padding-left: 0}
.fn-col-1 ul {width: 520px}
.fn-col-1 li {float: left;width: 130px}
.fn-col-1 li a {display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;_width: 100%}
.fn-col-1 .fn1{ color:#fff; font-size:14px}
.pipe { padding: 0 8px; }