@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ }
body { line-height:1.5em; font-family:"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif; color:#000; background:#ffffff; height:100%; width:100% }
em, q, cite, address { font-weight:normal; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:normal }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 
/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a:hover { text-decoration:none; color:#254783 }

a.a01 { color:#254783; text-decoration:none; cursor:pointer }
a.a01:hover { text-decoration:none; color:#000 }

a.com-a12-fff, a.com-a12-000, a.com-a14-fff, a.com-a14-000 { cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
a.com-a12-fff:hover, a.com-a12-000:hover, a.com-a14-fff:hover, a.com-a14-000:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
a.com-a12-fff, a.com-a12-000 { font-size:12px; font-size:1.2rem }
a.com-a14-fff, a.com-a14-000 { font-size:14px; font-size:1.4rem }
a.com-a12-fff, a.com-a14-fff { color:#fff }
a.com-a12-000, a.com-a14-000 { color:#000 }

.com-abox { padding:0.2rem 3rem 0.2rem 2rem; padding:2px\9 30px\9 2px\9 20px\9 }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }

/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }

/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; font-size:1.4rem; color:#3a3a3a; font-family:"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; box-sizing:border-box }
input[type="text"], input[type="password"] { padding-left:0.1em; padding-right:0.1em; height:2.4em; line-height:2.4em; border:1px solid #e8e9ec; background:#fff }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #2a61ad }
textarea { padding:0.1em }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }

.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }

.poabsolute-b { position:absolute; bottom:0; left:50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }

.overhidden { overflow:hidden }

/*-------------------结构-------------------*/
header, footer { clear:both; margin:0 auto; width:100% }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time, ul, li { display:block }

.mainblock { clear:both; background:#fff; width:100%; max-width:1440px; margin-left:auto; margin-right:auto }

.ls-mainblock { clear:both; background:#fff; margin:0 auto; min-width:1160px; max-width:1440px; width:expression(document.body.clientWidth <=1440? "1160px": "100%" ); overflow:hidden }
.ls-mainblock img { display:block }
/*-------------------通用圆角、阴影、隐藏等样式-------------------*/
.border-radius3 { -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em }
.border-radius5 { -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em }

.borderleft-radius3 { -moz-border-radius-topleft:0.3em; -webkit-border-top-left-radius:0.3em; -moz-border-radius-bottomleft:0.3em; -webkit-border-bottom-left-radius:0.3em }
.borderright-radius3 { -moz-border-radius-topright:0.3em; -webkit-border-top-right-radius:0.3em; -moz-border-radius-bottomright:0.3em; -webkit-border-bottom-right-radius:0.3em }

.borderleft-radius5 { -moz-border-radius-topleft:0.5em; -webkit-border-top-left-radius:0.5em; -moz-border-radius-bottomleft:0.5em; -webkit-border-bottom-left-radius:0.5em }
.borderright-radius5 { -moz-border-radius-topright:0.5em; -webkit-border-top-right-radius:0.5em; -moz-border-radius-bottomright:0.5em; -webkit-border-bottom-right-radius:0.5em }

.box-shadow5 { -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.2); -webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.2); box-shadow:0 0 0.5em rgba(0,0,0,0.2) }
*+html .box-shadow5 { border:1px solid #e0e0e0 }
.box-shadow5 { border\0:1px solid #e0e0e0 }

.box-shadow10 { -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1) }
*+html .box-shadow10 { border:1px solid #e0e0e0 }
.box-shadow10 { border\0:1px solid #e0e0e0 }

.inbox-shadow { -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset }


/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.opacity1 { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

/*-------------------字体颜色、样式、字体间距-------------------*/

.enfontfamily { font-family:Arial, "Adobe Heiti Std R", "Adobe 黑体 Std R", "黑体" }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize11 { font-size:11px; font-size:1.1rem; -webkit-transform:scale(0.9) }

.fontSize12 { font-size:12px; font-size:1.2rem }
.fontSize14 { font-size:14px; font-size:1.4rem }
.fontSize16 { font-size:16px; font-size:1.6rem }
.fontSize18 { font-size:18px; font-size:1.8rem }
.fontSize20 { font-size:20px; font-size:2rem }
.fontSize22 { font-size:22px; font-size:2.2rem }
.fontSize24 { font-size:24px; font-size:2.4rem }
.fontSize30 { font-size:30px; font-size:3rem }
.fontSize32 { font-size:32px; font-size:3.2rem }
.fontSize36 { font-size:36px; font-size:3.6rem }
.fontSize40 { font-size:40px; font-size:4rem }
.fontSize44 { font-size:44px; font-size:4.4rem }
.fontSize48 { font-size:48px; font-size:4.4rem }
.fontSize50 { font-size:50px; font-size:5rem }
.fontSize60 { font-size:60px; font-size:6rem }
.fontSize88 { font-size:88px; font-size:8.8rem }

.font-bold { font-weight:bold }

.transform-uppercase{text-transform:uppercase;}
.transform-capitalize{text-transform:capitalize;}

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }
.line-height3em { line-height:3em }

.text-indent { text-indent:2em}

.color000 { color:#000 }
.colore8383b { color:#e8383b }

.colorfff, .colorfff a, a.colorfff { color:#fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

.color333, .color333 a, a.color333 { color:#333; }
.color333 a:hover, a:hover .color333, a.color333:hover { color:#000; }

.colorc6c9d0, .colorc6c9d0 a, a.colorc6c9d0 { color:#c6c9d0 }
.colorc6c9d0 a:hover, a:hover .colorc6c9d0, a.colorc6c9d0:hover { color:#fff }

.colorffde00, .colorffde00 a, a.colorffde00 { color:#ffde00 }
.colorffde00 a:hover, a:hover .colorffde00, a.colorffde00:hover { color:#ffee7f }

.colore3105f, .colore3105f a, a.colore3105f { color:#e3105f }
.colore3105f a:hover, a:hover .colore3105f, a.colore3105f:hover { color:#2a61ad }

.coloraaa516 { color:#aaa516 }
.color104289 { color:#104289 }
.colord93600 { color:#d93600 }
.color129800 { color:#129800 }
.color132a4a { color:#132a4a }
.coloraf1a1d { color:#af1a1d }
.colore6be33 { color:#e6be33 }
.colord0e4ff { color:#d0e4ff }
.color1557b2 { color:#1557b2 }
.colorca090c { color:#ca090c }
.colorc2cdd8 { color:#c2cdd8 }
.colorff9600 { color:#ff9600 }
.colora8a9ab { color:#a8a9ab }
.colore8383b { color:#e8383b }
.coloreb8a1f { color:#eb8a1f }
.color4d4c4b { color:#4d4c4b }
.colorff5857 { color:#ff5857 }
.color00b564 { color:#00b564 }
.colorfda700 { color:#fda700 }

/*-------------------间距-------------------*/
.margintop3 { margin-top:0.3rem }
.margintop5 { margin-top:0.5rem }
.margintop7 { margin-top:0.7rem }
.margintop10 { margin-top:1rem }
.margintop15 { margin-top:1.5rem }
.margintop20 { margin-top:2rem }
.margintop30 { margin-top:3rem }
.margintop35 { margin-top:3.5rem }
.margintop40 { margin-top:4rem }
.margintop50 { margin-top:5rem }
.margintop60 { margin-top:6rem }
.margintop70 { margin-top:7rem }
.margintop80 { margin-top:8rem }
.margintop90 { margin-top:9rem }
.margintop100 { margin-top:10rem }
.margintop150 { margin-top:15rem }

.marginbottom5 { margin-bottom:0.5rem }
.marginbottom10 { margin-bottom:1rem }
.marginbottom20 { margin-bottom:2rem }
.marginbottom30 { margin-bottom:3rem }
.marginbottom50 { margin-bottom:5rem }

.marginleft5 { margin-left:0.5rem }
.marginleft10 { margin-left:1rem }
.marginleft20 { margin-left:2rem }
.marginleft30 { margin-left:3rem }
.marginleft40 { margin-left:4rem } 
.marginleft50 { margin-left:5rem } 
.marginleft60 { margin-left:6rem }
.marginleft70 { margin-left:7rem }
.marginleft80 { margin-left:8rem }
.marginleft100 { margin-left:10rem }

.marginright5 { margin-right:0.5rem }
.marginright10 { margin-right:1rem }
.marginright20 { margin-right:2rem }
.marginright30 { margin-right:3rem }
.marginright40 { margin-right:4rem }
.marginright100 { margin-right:10rem }
.marginright150 { margin-right:15rem }

.paddingtop5{ padding-top:0.5rem }
.paddingtop10{ padding-top:1rem }
.paddingtop15{ padding-top:1.5rem }
.paddingtop20{ padding-top:2rem }
.paddingtop30{ padding-top:3rem }
.paddingtop50{ padding-top:5rem }
.paddingtop80{ padding-top:8rem }
.paddingtop100{ padding-top:10rem }
.paddingtop120{ padding-top:12rem }
.paddingtop180{ padding-top:18rem }
.paddingtop190{ padding-top:19rem }

.paddingbottom5{ padding-bottom:0.5rem }
.paddingbottom10{ padding-bottom:1rem }
.paddingbottom15{ padding-bottom:1.5rem }
.paddingbottom20{ padding-bottom:2rem }
.paddingbottom30{ padding-bottom:3rem }
.paddingbottom40{ padding-bottom:4rem }
.paddingbottom50{ padding-bottom:5rem }
.paddingbottom60{ padding-bottom:6rem }
.paddingbottom80{ padding-bottom:8rem }
.paddingbottom100{ padding-bottom:10rem }

.paddingleft5 { padding-left:0.5rem } 
.paddingleft10 { padding-left:1rem } 
.paddingleft15 { padding-left:1.5rem } 
.paddingleft20 { padding-left:2rem } 
.paddingleft100 { padding-left:10rem } 
.paddingleft120 { padding-left:12rem } 
.paddingleft130 { padding-left:13rem } 
.paddingright10 { padding-right:1rem } 
.paddingright20 { padding-right:2rem } 
.paddingright40 { padding-right:4rem } 

.padding10 { padding:10px;} 

.paddingtop0 { padding-top:0!important }

.nopadding { padding:0!important }


.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.marginauto { margin-left:auto; margin-right:auto }

.left_p5 { left:5% }
.right_p3 { right:3% }
.right0 { right:0 }

.bottom0 { bottom:0 }
.bottom10 { bottom:1rem }

/*-------------------背景颜色--------------------*/
.bg-1 { background:url(../images/bg-1.jpg) }
.bgfff { background:#fff }
.bg000 { background:#000 }
.bg000_06 { background:rgba(0,0,0,0.6); background:#666\9 }
.bg000_08 { background:rgba(0,0,0,0.8); background:#333\9 }
               
.bgf6f6f6_08 { background-color:#f6f6f6; opacity:0.9;filter:alpha(opacity=90) }
.bgebeff3_08 { background-color:#ebeff3; opacity:0.9;filter:alpha(opacity=90) }


.bgf6f6f6 { background:#f6f6f6 }
.bge5e5e5 { background:#e5e5e5 }
.bge8e8e8 { background:#e8e8e8 }
.bgf2f2f2 { background:#f2f2f2 }
.bgba0e6b { background:#ba0e6b }
.bg7a8491 { background:#7a8491 }
.bg6b747f { background:#6b747f }
.bgd4d9e0 { background:#d4d9e0 }
.bgdde2ea { background:#dde2ea }
.bgd9dee6 { background:#d9dee6 }
.bgdce1e9 { background:#dce1e9 }
.bg1a0845 { background:#1a0845 }
.bg2f2f73 { background:#2f2f73 }
.bgaf1a1d { background:#af1a1d }
.bg23233e { background:#23233e }
.bg616f84 { background:#616f84 }
.bg717f92 { background:#717f92 }
.bgebeff3 { background:#ebeff3 }
.bg445976 { background:#445976 }
.bgc2cdd8 { background:#c2cdd8 }
.bgcad0d8 { background:#cad0d8 }
.bgd7dce2 { background:#d7dce2 }
.bgdc86b4 { background:#dc86b4 }
.bg70719a { background:#70719a }
.bg757575 { background:#757575 }
.bgf4f0f0 { background:#f4f0f0;margin:5px 0px 5px 0px;}

.bgline-ccc { border:1px solid #ccc;margin:2px 0px 2px 0px; }

/*-------------------分割线-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-ccc { width:100%; height:1px; line-height:1px; font-size:0; background:#ccc; border:0 none }
.line-758295 { width:100%; height:1px; line-height:1px; font-size:0; background:#758295; border:0 none }

.line10-d2d2d2 { width:100%; height:1rem; line-height:1rem; height:10px\9; line-height:10px\9; font-size:0; background:#d2d2d2; border:0 none }
.line10-e9eef4 { width:100%; height:1rem; line-height:1rem; height:10px\9; line-height:10px\9; font-size:0; background:#e9eef4; border:0 none }

.line5-e5e5e5 { width:100%; height:0.5rem; line-height:0.5rem; height:5px\9; line-height:5px\9; font-size:0; background:#e5e5e5; border:0 none }

/*-------------------边框-------------------*/
.border-b1eee { border-bottom:1px solid #eee }
.border-t1d93600 { border-top:1px solid #d93600 }

.noborder { border:0 none }


/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.button:hover, a.button:hover, input.button:hover { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85 }

.social-txtbox input.button-ebd333 { background:#ebd333!important; color:#000 }
.social-txtbox input.button-e8383b { background:#e8383b!important; color:#fff }



.button-ebd333, a.button-ebd333, input.button-ebd333 { background:#ebd333; color:#000 }
.button-e8383b, a.button-e8383b, input.button-e8383b { background:#e8383b; color:#fff }
.button-fff, a.button-fff, input.button-e8383b { background:#8c99a8; color:#fff }
.button-d7dde3, a.button-d7dde3, input.button-d7dde3 { background:#d7dde3; color:#000; width:100%}
.button-dde1e7, a.button-dde1e7, input.button-dde1e7 { background:#dde1e7; color:#4b4c4e; width:100%}
.button-ec3b3d, a.button-ec3b3d, input.button-ec3b3d { background:#ec3b3d; color:#fff; width:100%}
.button-f06264, a.button-f06264, input.button-f06264 { background:#f06264; color:#fff; width:100%}
.button-ec3b3d01, a.button-ec3b3d01, input.button-ec3b3d01 { background:#ec3b3d; color:#fff; }

.button-s { width:100px; height:24px; line-height:24px }
.button-l { width:170px; height:45px; line-height:45px }

/*-------------------通用头部-------------------*/ 
.headbox { width:92%; height:80px; padding-top:30px; margin-left:auto; margin-right:auto }
.top-a01 { padding:2px 10px; color:#fff; background:#a8a9ab; border:1px solid #a8a9ab }
.top-a01:hover { color:#a8a9ab; background:#fff }
.headbox .fa { cursor:pointer }

#mask, #mask00, #mask01, #mask02, #mask03, #al_mask { position:fixed; top:0; left:0; z-index:9999; background:#000; width:100%; height:100%; display:none }
.top-popup { width:100%; height:128px; line-height:128px; position:fixed; top:0; left:0; z-index:10000; display:none; background:#e3e3e3 } 
.topSearch .txtinput01 { width: 400px; height:34px; line-height:34px; margin-right:5px; -moz-box-shadow:2px 2px 2px #f5f5f5 inset; -webkit-box-shadow:2px 2px 2px #f5f5f5 inset; box-shadow:2px 2px 2px #f5f5f5 inset }
.topSearch .topSearch_Btn { height: 34px; width: 86px; border:0 none; background:#2a61ad; color:#fff; cursor:pointer }
.topSearch .topSearch_Btn:hover { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85 }

.top-wechat { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; left:50%; margin-left:-111px; width:222px; height:237px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

/* nav_menu */
.nav { position:absolute; right:-20px; top:74px; z-index:2000 }
.nav .menuLi { float:left; display:block; margin-right:20px }
.nav .menuLi .mainmenu { text-align:center; display:block; font-weight:bold; height:36px; line-height:36px; padding-left:2px; padding-right:2px; position:relative; top:0; left:0; overflow:hidden }
.nav .menuLi .mainmenu span { display:block; width:100%; height:36px; position:absolute; top:0; left:0 }
.nav .menuLi .mainmenu .mainmenu-bg { top:100%; border-top:4px solid #d3171a; -webkit-transition:top 300ms; transition:top 300ms }
.nav .menuLi .mainmenu:hover .mainmenu-bg, .nav .menuLi .mainmenu.menuLiBnameover:hover .mainmenu-bg { top:0 }
.nav .menuLi .mainmenu.menuLiBnameover .mainmenu-bg { top:32px }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover { color:#000 }

.menuListBox { width:96%; position:absolute; top: 36px; left: 0; display:none }

.subnavli01 { width:33% }
.subnavli02 { width:34% }
.subnavli03 { width:50% }
.subnavli04 { width:25% }
.subnavli05 { width:20% }
.subnavli06 { width:16.66% }

.subnavtit { height:42px; line-height:42px; width:90%; padding-left:10%; color:#fff }
a:hover .subnavtit { color:#f6d1d1 }
.subnavtit01 { background:#d3171a }
.subnavtit02 { background:#e8383b }
.subnavcon { width:90%; padding-left:10% }
.subnavcon a { font-size:12px; color:#fff }
.subnavcon a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.subnavcon01 { background:#595959 }
.subnavcon02 { background:#6c6c6c }

.about-subnavcon { height:130px; padding-top:15px }
.product-subnavcon { height:175px; padding-top:15px }
.ir-subnavcon { width:97%; height:90px; padding-top:15px; padding-left:3%; background:#595959 }
.irsubnav-dl dt { width:30% }
.irsubnav-dl dd { width:70% }
.service-subnavcon { width:97%; height:95px; padding-top:15px; padding-left:3%; background:#595959 }

a.menu-a01:hover .subnavtit { color:#f7dedf }
/* nav_menu */


/*-------------------通用底部-------------------*/ 
.footbox { width:92%; margin-left:auto; margin-right:auto; background:#fff; height:72px }
.footbox a.color333:hover { color:#254783;}
.logo-gray { width: auto; height: 27px; margin-top: 17px; margin-left: 10px }
.foot-link { float:left; margin-left:30px }
.foot-linkh { height: 72px; line-height: 72px }
.copyright { float:right; text-align:right; margin-right:10px; margin-top: 22px }

.link-a { display: inline-block; width: 260px; padding-left: 10px; height: 72px; line-height: 72px }
.linkpop { display: none; background: #58606c; width: 270px ; padding: 10px 0; position:absolute; bottom:72px; left:50%; margin-left: -135px; z-index: 1000; }
.linkpop .fa-angle-right { display: none }
.linkpop li a { display: inline-block; width: 100%; padding: 5px 10px; box-sizing:border-box; color: #fff; }
.linkpop li a:hover { background: #2f3948 }
.linkpop li a:hover .fa-angle-right { display: block }

@media ( max-width:1280px ) {
.footbox { height:100px }
.foot-linkh, .link-a { height: 52px; line-height: 52px }
.logo-gray { margin-top:8px; margin-left:0 }
.copyright { float:left; text-align:left; margin-right:auto; margin-top:0 }
.linkpop { bottom:52px }
}
@media ( max-width:950px ) {
.logo-gray { display:none }
.foot-link { margin-left:0 }	
}
@media ( max-width:740px ) {
.footbox { height:110px }
.foot-linkh, .link-a { height: 36px; line-height: 36px }
.link-a { width: 270px; padding-left: 0 }
.linkpop { bottom:36px }
}

/*-------------------分享css开始-------------------*/
.share { display:block; float:left; width:60px; margin-right:30px; margin-top:-6px }
.share .bdsharebuttonbox { float:left; width:60px }
.share .bdsharebuttonbox .bds_more { width:60px; margin-left:-15px; font-size:14px; background:none!important }


/*-------------------分页css开始-------------------*/
div.quotes { text-align:center }
div.quotes a { padding:0.5rem 1rem; padding:5px\9 10px\9; text-decoration:none; margin:0; color:#fff }
div.quotes a:hover { padding:0.5rem 1rem; padding:5px\9 10px\9; color:#969696 }
div.quotes a:active { padding:0.5rem 1rem; padding:5px\9 10px\9; color:#969696 }
div.quotes span.current { padding:0.5rem 1rem; padding:5px\9 10px\9; background:rgba(0,0,0,0.5); color:#969696 }
div.quotes span.disabled { padding:0.5rem 1rem; padding:5px\9 10px\9; color:#4b4b4b }


.sheh .quotes { text-align:center }
.sheh .quotes a { padding:0.5rem 1rem; padding:5px\9 10px\9; text-decoration:none; margin:0; color:#000 }
.sheh .quotes a:hover { padding:0.5rem 1rem; padding:5px\9 10px\9; color:#e8383b }
.sheh .quotes a:active { padding:0.5rem 1rem; padding:5px\9 10px\9; color:#fff }
.sheh .quotes span.current { padding:0.5rem 1rem; padding:5px\9 10px\9; background:rgba(232,56,59,1); color:#fff }
.sheh .quotes span.disabled { padding:0.5rem 1rem; padding:5px\9 10px\9; color:#fff }

/*-------------------宽度、高度--------------------*/
.width3 { width:3% }
.width6 { width:6% }
.width2 { width:2% }
.width10 { width:10% }
.width15 { width:15% }
.width33 { width:33% }
.width37 { width:37% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width63 { width:63% }
.width80 { width:80% }
.width84 { width:84% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.height25 { height:25px }
.height100 { height:100% }
.height600px { height:600px; }

.height550px { height:550px; }
.imgw90 { display:block; max-width:90%; height:auto; width:90%\9 }
.imgw100 { display:block; max-width:100%; height:auto; width:100%\9 }
.imgh100 { display:block; width:auto; height:100% }

/*-------------------区块-------------------*/
.area_50 { float:left; width:50%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_90 { float:left; width:90%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_80 { float:left; width:80%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_75 { float:left; width:75%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_70 { float:left; width:70%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_66 { float:left; width:66.6%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_60 { float:left; width:60%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_55 { float:left; width:55%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_45 { float:left; width:45%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_40 { float:left; width:40%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_33 { float:left; width:33.3%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_30 { float:left; width:30%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_25 { float:left; width:25%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }
.area_20 { float:left; width:20%; padding-right:10px; padding-left:10px; padding-top:2rem; padding-top:20px\9; box-sizing:border-box }


.com-img img { display:block; width:100%; height:auto; -webkit-transition:-webkit-transform 4s ease-out; -moz-transition:-moz-transform 4s ease-out; -ms-transition:-ms-transform 4s ease-out; transition:transform 4s ease-out }
.com-img:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) }

.com-rows_2 { max-height:2.6em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_2s { max-height:2em; line-height:1em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { max-height:4.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical/*最多显示3行，超出省略号*/ }

.com-rows_6 { max-height:8.4em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical/*最多显示6行，超出省略号*/ }


.arrows_red { display:block; border-top:6rem solid rgba(199,51,54,1); border-right:6rem solid transparent }
.arrows_redbg { display:block; border-top:9rem solid rgba(199,51,54,0.6); border-right:9rem solid transparent }

.arrows_blue { display:block; border-top:6rem solid rgba(33,103,201,1); border-right:6rem solid transparent }
.arrows_bluebg { display:block; border-top:9rem solid rgba(33,103,201,0.6); border-right:9rem solid transparent }

.arrows_bigblue { border-top:10rem solid rgba(33,103,201,1); border-right:10rem solid transparent }
.arrows_bigbluebg { border-top:14rem solid rgba(33,103,201,0.6); border-right:14rem solid transparent }

.arrows_bred { border-top:10rem solid rgba(199,51,54,1); border-right:10rem solid transparent }
.arrows_bredbg { border-top:14rem solid rgba(199,51,54,0.6); border-right:14rem solid transparent }

.arrows_888 { border-top:10rem solid #888; border-right:10rem solid transparent }
.arrows_gray { border-top:10rem solid rgba(189,189,189,0.2); border-right:10rem solid transparent }
.arrows_graybg { border-top:14rem solid rgba(189,189,189,0.2); border-right:14rem solid transparent }

.arrows_dblue { border-top:10rem solid rgba(14,93,166,0.7); border-right:10rem solid transparent }
.arrows_dbluebg { border-top:14rem solid rgba(55,81,137,0.4); border-right:14rem solid transparent }

.arrows_bgray { border-top:10rem solid rgba(55,64,79,1); border-right:10rem solid transparent }
.arrows_bgraybg { border-top:14rem solid rgba(55,64,79,0.5); border-right:14rem solid transparent }

.arrows_violet { border-top:10rem solid rgba(66,82,187,1); border-right:10rem solid transparent }
.arrows_violetbg { border-top:14rem solid rgba(66,82,187,0.4); border-right:14rem solid transparent }


.com-arrows { position:absolute; top:0; left:0; z-index:100; width:14rem; height:14rem }
.com-arrows .com-tit { font-size:18px; font-size:1.8rem; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; top:2.8rem; left:0.5rem; z-index:102 }
.com-arrows .arrows_all { display:block; position:absolute; top:0; left:0; z-index:101 }
.com-arrows .arrows_bgall { display:block; position:absolute; top:0; left:0; z-index:100 }

.com-arrows { display:none\9 }

/*-------------------滚动内容区域-------------------*/
.slideBox { position:relative; overflow:hidden; margin:0 auto; max-width:1440px;/* 设置焦点图最大宽度 */ }
.slideBox .bd { position:relative; z-index:0; }
.slideBox .bd li { position:relative }
.slideBox .bd li a { -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  

.hd { height:1rem; line-height:1rem; height:10px\9; line-height:10px\9; width:100%; text-align:center; padding-top:1rem; padding-bottom:1rem; padding-top:10px\9; padding-bottom:10px\9 }
.hd li { background:#ccc; width:1rem; height:1rem; width:10px\9; height:10px\9; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 0.5rem; margin:0 5px\9; padding:0; display:inline-block; text-indent:-9999px; overflow:hidden }
.hd li.on { background:rgba(199,51,54,1) }

.in-slideBox .bd li img { vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.inslide-arrows { width:90%; height:3em; position:absolute; top:50%; margin-top:-3em; left:5%; z-index:2; }
.inslide-arrows .prev, .inslide-arrows .next { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; position:absolute; top:0; z-index:2 }
.inslide-arrows .prev:hover, .inslide-arrows .next:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.inslide-arrows .next { left:auto; right:0 }

/*-------------------滚动内容区域 end-------------------*/

/*-------------------首页css-------------------*/
.in-hover { transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s ; }
.in-hover:hover { -moz-box-shadow:0 0 0.5em rgba(255,255,255,0.2); -webkit-box-shadow:0 0 0.5em rgba(255,255,255,0.2); box-shadow:0 0 0.5em rgba(255,255,255,0.2) }
.in-hover:hover .com-img img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) }
.in-hover .com-a14-fff { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }
.in-hover .com-a14-fff:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.in-hover .in-dl01:hover, .in-hover .in-irbox01:hover, .in-hover .in-irbox02:hover, .in-hover .in-irli01:hover, .in-hover .in-irli02:hover, .in-hover .in-irli03:hover { -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.1); -webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.1); box-shadow:0 0 0.5em rgba(0,0,0,0.1); position:relative; z-index:2 }


.in-img01 img { min-height:18rem; min-height:180px\9 }

.in-arrows { display:none\9 }
.in-arrows { position:absolute; top:0; left:0; z-index:100; width:12rem; height:12rem }
.in-arrows .in-tit { color:#fff; font-size:12px; font-size:1.2rem; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; top:1.2rem; left:0; z-index:102 }
.in-arrows .arrows01 { position:absolute; top:0; left:0; z-index:101 }
.in-arrows .arrows01bg { position:absolute; top:0; left:0; z-index:100 }

.in-dl01 { height:6rem; padding-top:1.5rem; padding-bottom:1.5rem; height:60px\9; padding-top:15px\9; padding-bottom:15px\9; border-bottom:1px solid #d4d9e0 }
.in-dl01.noborder { border-bottom:0 }
.in-dt01 { width:16%; margin-left:3%; margin-right:3% }
.in-dd01 { width:75%; margin-right:3% }

.in-dt02 { float:left; width:66% }
.in-dd02 { float:left; width:33.8%; margin-left:0.2% }
.in-irbox01 { width:90%; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:5%; padding-right:5%; padding-top:15px\9; padding-bottom:15px\9; height:15.1rem; height:150px\9; border-bottom:1px solid #d4d9e0 }
.in-irbox02 { width:90%; padding-top:1.5rem; padding-bottom:1.5rem; padding-left:5%; padding-right:5%; padding-top:15px\9; padding-bottom:15px\9; height:6.05rem; height:60px\9 }

.in-irimgbox { width:120px; height:150px; background:url(../images/in-irbg.png) center right no-repeat }
.in-irimg { display:block; float:left; width:114px; height:150px }

.in-irli01, .in-irli03 { height:3rem; padding-top:3.5rem; padding-bottom:2.5rem; height:30px\9; padding-top:35px\9; padding-bottom:25px\9 }
.in-irli02 { height:3rem; height:30px\9; padding-top:3rem; padding-top:30px\9; padding-bottom:3rem; padding-bottom:30px\9; border-top:1px solid #d4d9e0; border-bottom:1px solid #d4d9e0 }

.in-stock { width:5rem; width:50px\9 }

/*-------------------我们的公司css-------------------*/
.ain-box01 { width:100%; height:425px; background:url(../images/profile-bg.jpg) right bottom no-repeat; background-size:auto 100% }
.ain-box02 { width:100%; height:480px; background:url(../images/ain-bg02.jpg) center bottom no-repeat; background-size:auto 100% }
.ain-box03 { width:100%; height:395px; background:url(../images/ain-bg03.jpg) center bottom no-repeat; background-size:auto 100% }

.about-position { position:relative; top:-6rem; top:-60px\9; left:0; z-index:998 }
.content_area { position:relative; top:6rem; top:60px\9 }

.about-sidebar { width:260px; background:rgba(42,97,173,0.9); background:#3f70b5\9; position:absolute; top:0; left:0; z-index:999 }
.about-stit { width:90%; height:6rem; line-height:6rem; height:60px\9; line-height:60px\9; padding-right:10%; text-align:right; background:rgba(42,97,173,1); background:#2a61ad\9 }
.about-slist { width:65%; padding-left:35%; padding-top:2rem; padding-bottom:4rem; padding-top:20px\9; padding-bottom:40px\9 }
.about-slist li { width:100%; margin-bottom:0.5rem; margin-bottom:50px\9 }
.about-slist li a { color:#fff; padding:2px 6px 2px 0 }
.about-slist li a:hover, .about-slist li a.hover { border-bottom:1px solid #fff }

@media ( min-width:801px ) and ( max-width:886px ) {
.about-sidebar { width:200px }
.about-slist { width:80%; padding-left:20%; padding-top:2rem; padding-bottom:2rem }
}

.about-con { padding-top:2rem; padding-bottom:4rem; padding-top:20px\9; padding-bottom:40px\9 }

.profile-box01 { width:100%; height:425px; background:url(../images/profile-bg.jpg) right bottom no-repeat; background-size:auto 100% }
.profile-pic01 { position:absolute; right:0; top:50px; z-index:2 }

.profile-tabs { width:100%; border-bottom:1px solid #eef1f5 }
.profile-tabs li { float:left; height:30px; line-height:30px; margin-right:35px }
.profile-tabs li a { display:block; width:100%; height:100% }
.profile-tabs li a:hover, .profile-tabs #current { border-bottom:2px solid #2a61ad; height:28px; line-height:30px; color:#2a61ad }

.profile-li01 { border-bottom:1px solid #eef1f5 }
/*.profile-licon { margin-left:150px }
.profile-imgbox { float:left; width:110px; padding:2rem 20px; margin-left:-150px }
.profile-imgbox img { display:block; width:110px; height:110px }
.profile-txt01 { float:left; width:100%; padding-bottom:2rem; padding-bottom:20px\9 }
*/

.profile-txt01 { float:left; width:100%; padding-bottom:2rem; padding-bottom:20px\9 }


.profile-morecon { display:none }


.culture-box01 { width:100%; height:480px; background:url(../images/culture-bg01.jpg) right bottom no-repeat; background-size:auto 100% }
.culture-tit01, .culture-dlbox { padding-left:3rem }
.culture-dlbox { border-left:1px solid #e5e5e5; margin-top:0.5rem; margin-top:5px\9 }
.culture-dlbox dl { margin-bottom:0.5rem; margin-bottom:5px\9 }
.culture-dlbox dt { width:4rem; width:40px\9 }
.culture-logo { margin-top:4.5rem; margin-top:45px\9; max-width:90% }

.culture-box02 { background:url(../images/culture-bg02.jpg) center bottom no-repeat; background-size:cover; padding-top:3rem !important; padding-bottom:4rem !important; padding-top:30px\9 !important; padding-bottom:40px\9 !important }

.culture-box03 { background:url(../images/culture-bg03.jpg) center top no-repeat; background-size:cover; padding-top:9rem !important; padding-bottom:24rem !important; padding-top:90px\9 !important; padding-bottom:240px\9 !important }

/*------瀑布流css开始------*/
#container { margin-bottom: 3rem; margin-top:3rem; margin-bottom: 30px\9; margin-top:30px\9; margin-left:auto; margin-right:auto; clear: both }
#containerCity { margin-bottom: 3rem; margin-top:3rem; margin-bottom: 30px\9; margin-top:30px\9; margin-left:auto; margin-right:auto; clear: both }
.box { background: #fff; float: left; width: 390px; border:1px solid #cdcdcd; box-sizing:border-box }
.box .col1 { width: 100% }
.box .col1 img { display: block; width:100%; height:auto }
.box:hover { -moz-box-shadow:0 0 0.5rem rgba(0,0,0,0.2); -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,0.2); -box-shadow:0 0 0.5rem rgba(0,0,0,0.2) }

.al-block01 { padding:1.5rem; padding:15px\9 }
.al-tit { width:260px }

/*------瀑布流css end------*/

.history-box01 { height:650px; background:#161e24 }

.history-topbox { height:650px; position:absolute; top:0 }
.history-bg01 { width:58%; height:819px; background:url(../images/history-bg01.png) center center no-repeat; background-size:100% 100%; position:absolute; right:16%; top:112px; z-index:1000 }
.history-txt01 { position:relative; z-index:1002 }
.history-a { position:absolute; z-index:1001 }
.history-a01 { top:140px; left:110px }
.history-a02 { top:342px; left:30px }
.history-a03 { top:170px; right:30px }
.history-a04 { top:212px; right:-10px }
.history-a05 { top:272px; right:-5px }

.history-con01 { height:281px }
.history-tit01 { position:absolute; top:183px; left:46%; display:none }

.history-con02 { border-left:2px solid #434e59; box-sizing:border-box; width:58%; margin-right:16% }

.his-list { height:135px }

.his-time { position:absolute; top:0; left:-20px }
.his-time .fa-stack { margin-top:-7px }
.timebg { width:120px; height:23px; padding-left:12px }
.timebg01 { background:url(../images/time-bg01.png) 0 0 no-repeat }
.timebg02 { background:url(../images/time-bg02.png) 0 0 no-repeat }
.timebg03 { background:url(../images/time-bg03.png) 0 0 no-repeat }

.his-txt { width:78%; height:135px; padding:10px; background:#e7ebef; position:absolute; left:22%; box-sizing:border-box }
/*.his-txt dt { width:30%; height:100%; overflow:hidden }
.his-txt dt img { display:block; width:auto; height:115px }
.his-txt dd { width:68%; height:100%; padding-left:2% }*/
.his-txt dd { width:100%; height:100% }

.his-txt:hover { -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.2); -webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.2); box-shadow:0 0 0.5em rgba(0,0,0,0.2) }

.leader-list { border:1px solid #cececf; padding:1.5rem; padding:15px\9; box-sizing:border-box }


/*-------------------解决方案&产品css-------------------*/
.pin-box00 { width:100%; height:375px; background:url(../images/pin-bg00.jpg) left bottom no-repeat; background-size:auto 100% }
.pin-box01 { width:100%; height:375px; background:url(../images/pin-bg01.jpg) left bottom no-repeat; background-size:auto 100% }
.pin-box02 { width:100%; height:405px; background:url(../images/pin-bg02.jpg) center bottom no-repeat; background-size:auto 100% }
.pin-box03 { width:100%; height:480px; background:url(../images/pin-bg03.png) #89919e 445px center no-repeat; background-size:auto 62% }

.grid-con01 { width:100%; height:435px; background:url(../images/grid-bg01.jpg) center top no-repeat; background-size:cover }
.grid-con02 { height:355px }
.grid-con03 { height:390px }

.grid-line { position:absolute; left:20.4%; top:-70px; z-index:100 }

.grid-row01l { float:left; width:20% }
.grid-row01c { float:left; width:70% }
.grid-row01r { float:right; width:7.5% }

.grid-row02l { float:left; width:19.8% }
.grid-row02c { float:left; width:70%; margin-left:2.5% }
.grid-row02r { float:right; width:7.5% }


.grid-li01 { float:left; width:32%; margin-left:1% }

.grid-li01 .com-img { margin-top:2.6rem; margin-top:26px\9 }
.grid-licon01 { width:95%; padding-right:5%; height:3rem; line-height:3rem; height:30px\9; line-height:30px\9; background:rgba(21,10,59,0.8) }
.grid-licon02 { width:90%; height:8rem; padding:1rem 5% 0 5%; height:80px\9; padding:10px\9 5% 0 5%; background:rgba(21,10,59,0.4) }
.grid-licon03 { width:90%; height:5rem; padding:1.5rem 5% 0 5%; height:50px\9; padding:15px\9 5% 0 5%; background:#fff }

.grid-tit01, .grid-tit02 { width:100%; height:2.6rem; line-height:2.6rem; height:26px\9; line-height:26px\9 }
.grid-tit01 em, .grid-tit02 em { display:block; position:absolute; top:0 }
.grid-tit01 em { border-top:2.6rem solid #ba0e6b; border-right:2.6rem solid transparent; right:-2.59rem }
.grid-tit02 em { border-bottom:2.6rem solid #ba0e6b; border-left:2.6rem solid transparent; left:-2.58rem }

.grid-tit { width:100%; height:2.6rem; height:26px\9; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); position:absolute }
.grid-tittxt { -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg); -ms-transform: skew(45deg); transform: skew(45deg); position:absolute; left:1.3rem; top:0.5rem; left:13px\9; top:5px\9; z-index:10 }
.grid-tit03 { background:rgba(186,14,107,0.5); left:1.3rem; left:13px\9 }
.grid-tit04 { background:#1d1e63; left:1.3rem; left:13px\9 }

.grid-tit00 { width:100%; height:2.6rem; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg); -ms-transform: skew(45deg); transform: skew(45deg); position:absolute }
.grid-tit00txt { -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); position:absolute; left:1.3rem; top:0.5rem; left:13px\9; top:5px\9; z-index:10 }
.grid-tit06 { background:rgba(17,18,88,0.5); left:-1.3rem; left:13px\9 }
			
.grid-tit05, .grid-tit07 { width:100%; height:2.6rem; line-height:2.6rem; height:26px\9; line-height:26px\9 }
.grid-tit05 em, .grid-tit07 em { display:block; position:absolute; top:0 }
.grid-tit05 em { border-bottom:2.6rem solid #1a0845; border-right:2.6rem solid transparent; right:-2.59rem }
.grid-tit07 em { border-top:2.6rem solid #1a0845; border-left:2.6rem solid transparent; left:-2.58rem }

.casebox { width:100% }
.case-txt { width:90%; height:12rem; height:120px\9; padding-top:2rem; padding-left:5%; padding-right:5%; padding-top:20px\9; background:#23233e; margin-top:0.3rem; margin-top:3px\9 }
.case-more { height:3rem; line-height:3rem; height:30px\9; line-height:30px\9; background:#23233e; border-top:0.2rem solid #fff; border-top:2px\9 solid #fff; border-left:1px solid #fff; border-right:1px solid #fff }

.m-case .case-txt { height:10rem; height:100px\9; background:#525252 }
.m-case .case-more { background:#757575 }

.product-maintit, .product-maintit .area_45, .product-maintit .area_55, .product-maintit .area_20, .product-maintit .area_80 { height:2.6rem; height:26px\9 }

.product-tit01 { background:#606778; left:-1.3rem; left:-13px\9 }
.product-tit02 { width:120%; background:#3c3d75; left:-0.8rem; left:-8px\9 }
.product-tit03 { width:120%; background:#e2e2e2; right:-1.3rem; right:-13px\9 }
.product-tit04 { background:#dcdcdc; left:1.8rem; left:18px\9 }
.product-tit05 { background:#4c4c4c; left:-1.3rem; left:-13px\9 }
.product-tit05 .grid-tit00txt { left:30%; right:auto }
.product-tit06 { width:120%; background:#4c4c4c; left:-1.2rem; left:-12px\9 }

.product-case01 { left:-1.3rem; left:-13px\9 }
.product-case01 .grid-tit00txt { left:30%; right:auto }
.product-case02 { width:120%; left:-1.2rem; left:-12px\9 }

.pro-li { float:left; width:23%; margin-left:1%; margin-right:1%; padding-top:4rem; padding-bottom:3rem; padding-top:40px\9; padding-bottom:30px\9 }

.case-details { height:660px; z-index:10000; display:none }

.in-gridtit01 { float:left; margin-top:100px; margin-left:130px }
.in-gridtit02 { float:left; margin-top:100px; margin-left:30px }

.ei-tit01, .ei-tit02, .ei-tit03 { float: left; height:28px; line-height: 28px; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg) }
.ei-tit01 { float:left; width:20%; margin-left: -13px }
.ei-tit02 { float:left; width:70%; margin-left: 13px }
.ei-tit03 { float:right; width:10%; margin-right: -13px }
.ei-tit01 p { margin-right: 20px; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg); -ms-transform: skew(45deg); transform: skew(45deg) }

/*-------------------图片放大镜css-------------------*/
.preview { width:100% }
/* smallImg */
.smallImg { position:relative; background:#eee; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:0; width:100%; overflow:hidden; float:left }
.scrollbutton { width:13px; height:30px; overflow:hidden; position:absolute; top:50%; margin-top:-15px; cursor:pointer }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled { background:url(../images/arrow-prev.png) no-repeat; left:1rem; left:10px\9 }
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled { background:url(../images/arrow-next.png) no-repeat; right:1rem; right:10px\9 }

#imageMenu { width:400px; height:138px; margin-left:auto; margin-right:auto; overflow:hidden }
#imageMenu li { overflow:hidden; float:left; text-align:center }
#imageMenu li img { display:block; width:200px; height:auto; cursor:pointer; border:8px solid #eee; box-sizing:border-box  }
#imageMenu li#onlickImg img, #imageMenu li:hover img{ border:8px solid #d84244; box-sizing:border-box }
/* bigImg */
.bigImg { position:relative; float:left; width:100%; overflow:hidden; }
.bigImg #midimg { display:block; width:100%; height:auto }
.bigImg #winSelector{ width:200px; height:200px }
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff; z-index:10}

.bigImg .fa-stack { position:absolute; right:1rem; bottom:1rem; right:10px\9; bottom:10px\9; z-index:1 }

/* bigView */
#bigView { position:absolute; border:1px solid #959595; overflow: hidden; z-index:999; background:#fff }
#bigView img { position:absolute }

@media ( min-width:1280px ) {
#imageMenu { width:500px; height:170px }
#imageMenu li img { width:250px }
}

@media ( min-width:801px ) and ( max-width:1010px ) {
#imageMenu { width:360px; height:125px }
#imageMenu li img { width:180px }
}

@media ( max-width:800px ) {
#imageMenu { width:300px; height:105px }
#imageMenu li img { width:150px }
}


.military-box01 { width:100%; height:480px; background:url(../images/military-bg01.jpg) center bottom no-repeat; background-size:auto 100% }

.m-casebox { width:90%; margin-left:auto; margin-right:auto }
.m-case-txt { width:100%; height:4rem; padding-top:1rem; padding-top:10px\9 }

/*-------------------新闻css-------------------*/
.news-box { width:100%; height:890px; background:url(../images/news-bg.jpg) center bottom no-repeat; background-size:auto 100% }

.news-titlist { height:890px; background:rgba(86,93,103,0.7); background:#5c6168\9 }
.news-titli { width:90%; height:3rem; height:30px\9; padding-left:5%; padding-right:5%; padding-top:2rem; padding-bottom:2rem; padding-top:20px\9; padding-bottom:20px\9; border-bottom:1px solid #787d83; line-height:1.5rem; line-height:15px\9; color:#fff; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s }
a:hover .news-titli { background:#fff; color:#000; border-left:1rem solid #d82e30 }
.news-tittxt { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

.news-main { height:450px; margin-top:220px; background:rgba(255,255,255,0.8); background:#fff\9 }

.news-tabbox { float:left; width:25%; background:rgba(255,255,255,1); background:#fff\9 }
.news-tab { width:60% }
.news-tab li { width:100%; margin-bottom:1.5rem; margin-bottom:15px\9 }
.news-tab li a { padding:2px 6px }
.news-tab li a:hover, .news-tab li a.hover { border-bottom:1px solid #d82e30 } 
.news-con { float:left; width:75% }

.arrows_newsbox { position:absolute; top:0; right:0; width:5rem; height:5rem }
.arrows_newstit { font-size:11px; font-size:1.1rem; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:1rem; right:0.8rem }
.arrows_news { display:block; border-top:5rem solid #3da912; border-left:5rem solid transparent }

.news-details { height:80%; z-index:10000; display:none }
.news-close { width:6rem; height:4rem; line-height:5rem; width:60px\9; height:40px\9; line-height:50px\9; text-align:center; background:#fff; cursor:pointer; position:absolute; top:-4rem; top:-40px\9; right:0 }
.news-close .fa-close { -webkit-transition: transform 0.2s ease 0s; transition: transform 0.2s ease 0s }
.news-close .fa-close:hover { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) }

.news-dtxt { float:right; width:80%; margin-right:3%; height:80%; margin-top:40px; margin-bottom:40px; overflow-x:hidden; overflow-y:auto }
.news-dtxt img { display:block; max-width:80%; margin-left:auto; margin-right:auto }


/*-------------------投资者关系css-------------------*/
.ir-topbox { width:100%; height:190px; background:url(../images/ir-bgt.jpg) center top no-repeat; background-size:cover }
.ir-bottombox { width:100%; height:180px; background:url(../images/ir-bgb.jpg) center top no-repeat; background-size:cover }

.ir-topbox .com-tit { top:3rem; left:0rem; top:30px\9 }

.ir-tabbox { float:left; width:25% }
.ir-tab { width:60% }
.ir-tab li { width:100%; margin-bottom:1.5rem; margin-bottom:15px\9 }
.ir-tab li a { padding:2px 6px }
.ir-tab li a:hover, .ir-tab li a.hover { border-bottom:1px solid #d82e30 } 
.ir-con { float:left; width:75%; min-height:510px }


.notice-main { height:510px }
.notice-con { width:100%; height:690px; position:absolute; top:0; left:0; background:rgba(97,111,132,0.9); background:#616f84\9 }
.financial-libox { width:90%; padding-left:10%; padding-top:20px; border-bottom:1px solid #717e91 }
.notice-titbox, .notice-libox { width:90%; padding-left:5%; padding-right:5%; padding-top:20px; border-bottom:1px solid #717e91 }
.download-titbox { height:65px }
.download-libox { height:100px }
.download-txt { display:block; max-height:2.4em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }

.notice-titbox { height:66px }
.notice-libox { height:120px }
.notice-liboxkb { height:105px }
.notice-txt { display:block; max-height:3.6em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.notice-quotes { height:44px; padding-top:30px; background:rgba(0,0,0,0.3) }

.download-titbox, .download-libox { width:90%; padding-left:5%; padding-right:5%; padding-top:20px; border-bottom:1px solid #717e91 }

.financial-libox { height:191px }
.financial-dd { padding-top:8%!important }

@media ( min-width:801px ) and ( max-width:1160px ) {
.financial-dd { padding-top:0!important }
.irc-dt { width:20%!important }
.irc-dd { width:80%!important }
input.ir-input { width:60%!important }
}

.irc-dt { float:left; width:15%; height:32px; line-height:32px; color:#fff }
.irc-dd { float:left; width:85% }
input.ir-input, .ir-textarea { background:#d0d4da; border:1px solid #d0d4da; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
input.ir-input:focus, .ir-textarea:focus { background:#fff }
input.ir-input { width:50% }
.ir-textarea { width:70% }


/*-------------------人才招聘css-------------------*/
.recruit-box { width:100%; height:425px; background:url(../images/recruit-bg01.jpg) center center no-repeat; background-size:auto 100% }

.recruit-main { height:450px; position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }

.recruit-tabbox { float:left; width:17.5%; background:rgba(255,255,255,1); background:#fff\9 }
.recruit-tab { width:60% }
.recruit-tab li { width:100%; margin-bottom:1.5rem; margin-bottom:15px\9 }
.recruit-tab li a { padding:2px 6px }
.recruit-tab li a:hover, .recruit-tab li a.hover { border-bottom:1px solid #d82e30 }
.recruit-con { float:left; width:82.5%; height:390px; padding-top:30px; padding-bottom:30px; background:rgba(72,91,117,0.9); background:#616f84\9 } 

.recruit-tit { text-align:right }
.recruit-titl { margin-left:30px }
.tc-btn { position:absolute; top:120px; right:-1px; z-index:2 }

.recruit-table01 { border-top:0.9rem solid #758295; border-top:9px\9 solid #758295 }
.recruit-table01 th, .recruit-table01 td { border-bottom:1px solid #758295; padding:0.5rem; padding:5px\9; color:#fff }
.recruit-table01 th { font-weight:bold }
.recruit-table01 td { vertical-align:top; font-size:12px; font-size:1.2rem }

.recruit-table02 th, .recruit-table02 td { color:#fff }
.recruit-table02 th { padding:0.5rem; padding:5px\9; font-weight:bold; border-bottom:0.5rem solid #758295; border-bottom:5px\9 solid #758295 }
.recruit-table02 td { padding:0.2rem 0.5rem 0 0.5rem; padding:2px\9 5px\9 0 5px\9; vertical-align:top; font-size:12px; font-size:1.2rem }


.job-details { height:650px; z-index:10000; display:none }
.job-txtbox { width:80%; padding-top:30px; padding-bottom:30px; height:540px; overflow:auto; overflow-x:hidden }
.jobdet-dt, .jobdet-dd { font-size:12px }
.jobdet-dt { width:5em; font-weight:bold }

.post, .application { display:none }


.app-dt { float:left; width:32%; height:32px; line-height:32px }
.app-dd { float:left; width:68% }
input.app-input { width:100%; padding:0; background:#fff; border:1px solid #fff; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
input.ir-input:focus { background:#d0d4da }

@media ( min-width:801px ) and ( max-width:1190px ) {
.app-dt { width:40%!important }
.app-dd { width:60%!important }
.train-con { width:90% }
}

.cam-con .menu_head { height:3rem; line-height:3rem; height:30px\9; line-height:30px\9; cursor:pointer }
.cam-con .menu_body { max-height:200px }
.cam-con i:before { content: "\f106" }
.cam-con .current i:before { content: "\f107" }

.cam-zwxq { width:80%; max-width:1200px; height:660px; z-index:10000; display:none }
.cam-tablebox { width:94%; padding:20px 3%; height:560px }
.cam-table01 { width:98%; margin-left:auto; margin-right:auto }
.cam-table01 td { padding:0.2rem 0.5rem; padding:20px\9 50px\9; font-size:12px; font-size:1.2rem; border:1px solid #ececec }
.cam-table01 th { padding:0.5rem; padding:5px\9; background:#faf9ea; font-weight:bold; border:1px solid #ececec }

.train-con { width:80%; height:100%; background:url(../images/train-pic01.png) center center no-repeat; background-size:100% auto; position:absolute; top:60%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }

/*-------------------人才招聘css-------------------*/
.service-box { width:100%; height:900px; background:url(../images/service-bg.jpg) top right no-repeat; background-size:auto 100% }

.service-con { float:left; width:82.5%; height:450px } 
.service-bgcolor { background:rgba(101,121,148,0.7); background:#616f84\9 }
.service-bgcolor09 { background:rgba(101,121,148,0.9); background:#616f84\9 }
.service-txt01 { width:60%; padding-top:30px; padding-left:5% }
.service-txt02 { width:90%; padding-top:30px; padding-left:5% }
.service-txt03 { width:80%; padding-top:30px; padding-left:10% }

.service-htxt { width:80%; height:615px; padding:30px 10%; position:absolute; top:0; left:0; background:rgba(101,121,148,0.9) }



/*-------------------ie8-------------------*/
.margintop3 { margin-top:3px\9 }
.margintop5 { margin-top:5px\9 }
.margintop7 { margin-top:7px\9 }
.margintop10 { margin-top:10px\9 }
.margintop15 { margin-top:15px\9 }
.margintop20 { margin-top:20px\9 }
.margintop30 { margin-top:30px\9 }
.margintop35 { margin-top:35px\9 }
.margintop40 { margin-top:40px\9 }
.margintop50 { margin-top:50px\9 }
.margintop60 { margin-top:60px\9 }
.margintop70 { margin-top:70px\9 }
.margintop80 { margin-top:80px\9 }
.margintop90 { margin-top:90px\9 }
.margintop100 { margin-top:100px\9 }
.margintop150 { margin-top:150px\9 }

.marginbottom5 { margin-bottom:5px\9 }
.marginbottom10 { margin-bottom:10px\9 }
.marginbottom20 { margin-bottom:20px\9 }
.marginbottom30 { margin-bottom:30px\9 }
.marginbottom50 { margin-bottom:50px\9 }

.marginleft5 { margin-left:5px\9 }
.marginleft10 { margin-left:10px\9 }
.marginleft20 { margin-left:20px\9 }
.marginleft30 { margin-left:30px\9 }
.marginleft40 { margin-left:40px\9 } 
.marginleft50 { margin-left:50px\9 } 
.marginleft60 { margin-left:60px\9 }
.marginleft70 { margin-left:70px\9 }
.marginleft80 { margin-left:80px\9 }
.marginleft100 { margin-left:100px\9 }

.marginright5 { margin-right:5px\9 }
.marginright10 { margin-right:10px\9 }
.marginright20 { margin-right:20px\9 }
.marginright30 { margin-right:30px\9 }
.marginright40 { margin-right:40px\9 }
.marginright100 { margin-right:100px\9 }
.marginright150 { margin-right:150px\9 }

.paddingtop5{ padding-top:5px\9 }
.paddingtop10{ padding-top:10px\9 }
.paddingtop15{ padding-top:15px\9 }
.paddingtop20{ padding-top:20px\9 }
.paddingtop30{ padding-top:30px\9 }
.paddingtop50{ padding-top:50px\9 }
.paddingtop80{ padding-top:80px\9 }
.paddingtop100{ padding-top:100px\9 }
.paddingtop120{ padding-top:102px\9 }
.paddingtop180{ padding-top:180px\9 }
.paddingtop190{ padding-top:190px\9 }

.paddingbottom5{ padding-bottom:5px\9 }
.paddingbottom10{ padding-bottom:10px\9 }
.paddingbottom15{ padding-bottom:15px\9 }
.paddingbottom20{ padding-bottom:20px\9 }
.paddingbottom30{ padding-bottom:30px\9 }
.paddingbottom40{ padding-bottom:40px\9 }
.paddingbottom50{ padding-bottom:50px\9 }
.paddingbottom60{ padding-bottom:60px\9 }
.paddingbottom80{ padding-bottom:80px\9 }
.paddingbottom100{ padding-bottom:100px\9 }

.paddingleft5 { padding-left:5px\9 } 
.paddingleft10 { padding-left:10px\9 } 
.paddingleft15 { padding-left:15px\9 } 
.paddingleft20 { padding-left:20px\9 } 
.paddingleft100 { padding-left:100px\9 } 
.paddingleft120 { padding-left:120px\9 } 
.paddingleft130 { padding-left:130px\9 } 

.paddingright20 { padding-right:20px\9 } 
.paddingright40 { padding-right:40px\9 } 

.bottom10 { bottom:10px\9 }

.gototop { display:block; width:43px; height:43px; background:rgba(42,97,174,1); position:fixed; right:10px; bottom:10px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; display:none }
.gototop:hover { background:rgba(222,222,222,1) }
.gototop:hover .topicon { background:url(../images/top-icon.png) 0 -43px no-repeat }
.topicon { display:block; width:43px; height:43px; background:url(../images/top-icon.png) 0 0 no-repeat; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }







/*--------------添加------------*/ 
.social-txtbox { width:94%; padding-top:30px; padding-bottom:30px; height:615px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9 }
.social-txtbox table tr { line-height:40px; height:40px;}
.social-txtbox input { background:#f2f2f0; line-height:2em; height:2em }
.shortInput { width:22%; background:#fff; }
.shortSInput { width:24.8%; background:#f2f2f0;border:0;  }
.shortSelectInput { width:80%; background:#fff; border:0; }
.shortMInput { width:17.5%; background:#f2f2f0; border:0; }
.normalInput { width:80%; background:#f2f2f0; border:0; }
.moreInput { width:50%; background:#fff; } 
.shortHeight{ line-height:12px; height:12px;} 
.social-txtbox table{width:100%;} 

.socialNew-box { width:100%; height:900px; background:url(../images/recruit-bg.jpg) center center no-repeat; background-size:auto 100% }
 
.socialNew-main { height:450px; position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.socialNew-tabbox { float:left; width:17.5%;height:675px;  background:rgba(255,255,255,1); background:#fff\9 }

.socialNew-con { float:left; width:82.5%; height:675px; }  
.socialNew-con-left { float:left; height:675px;  overflow-y:scroll; background:rgba(235,239,243,0.6); background:#dfe3e7\9 }  
.socialNew-con-left01 { float:left; height:675px;   background:rgba(243,239,235,1); background:#f3efeb } 
.socialNew-con-right { float:left; height:675px; background:rgba(255,255,255,1); background:#fff } 


.socialNew-table01 th{ border-bottom:0.2rem solid #758295; border-bottom:2px\9 solid #758295 }
.socialNew-table01 td { border-bottom:1px solid #758295; padding:0.5rem; padding:5px\9;}
.socialNew-table01 th { font-weight:bold }
.socialNew-table01 td { vertical-align:top; }


.socialNew-table03 th{ border-bottom:0.8rem solid #666666; border-bottom:2px\9 solid #666666 }
.socialNew-table03 td { border-bottom:1px solid #758295; padding:0.5rem; padding:5px\9;}
.socialNew-table03 th { font-weight:bold }
.socialNew-table03 td { vertical-align:top; font-size:12px; font-size:1.2rem }

.socialNew-table02 th, .socialNew-table02 td { color:#fff }
.socialNew-table02 th { padding:0.5rem; padding:5px\9; font-weight:bold; border-bottom:0.5rem solid #758295; border-bottom:5px\9 solid #758295 }
.socialNew-table02 td { padding:0.2rem 0.5rem 0 0.5rem; padding:2px\9 5px\9 0 5px\9; vertical-align:top; font-size:12px; font-size:1.2rem }
input.socialNew-input{ width:80%!important;background:#fff; border: 0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 ; padding-left:10px; height:24px; font-size:12px; float:left;}
input.socialNew-input:focus{ background:#fff }

.socialsearch_submit { width: 20%; height: 24px; border: 0; background-color: #eb272a; border-radius: 0.1em;  color: #fff; font-size:10px; float:left;}
.socialsearch_submit:hover { background-color: #b9bcc0; }


.socialType-ul{  list-style-type:none;}

.socialType-ul li{ display:inline;  height:2.5em; line-height:2.5em } 

.socialType{ width: 120px; height: 30px; border: 0; background-color: #dde1e6; border-radius: 0.2em; margin-left: -6px; color: #FFFFFF;} 
.socialType:hover { background-color: #b9bcc0; }

.button-social { width:90px; height:40px; line-height:40px }

.socialNewType-table01{ border-bottom:1px solid #758295; border-bottom:1px\9 solid #758295;  } 
.socialNewType-table01 td { padding:0.5rem; padding:5px\9; font-size:12px;}
.button-socialNewType{ line-height:1em; padding:3px; font-size:12px;}
.socialNewType:hover{ color:000;  } 

  
 

.newrecruit-box { width:100%; height:900px; background:url(../images/recruit-bg.jpg) center center no-repeat; background-size:auto 100% }


.newrecruit-tabbox01 { float:left; width:17.5%; height:1200px; background:rgba(224,216,204,1); background:#e0d8cc }
.newrecruit-tabbox { float:left; width:17.5%; height:675px; background:rgba(224,216,204,1); background:#e0d8cc }
.newrecruit-tab { width:60% }
.newrecruit-tab li { width:100%; margin-bottom:1.5rem; margin-bottom:15px\9 }
.newrecruit-tab li a { padding:2px 6px }
.newrecruit-tab li a:hover, .recruit-tab li a.hover { border-bottom:1px solid #d82e30 }
.newrecruit-con { float:left; width:82.5%;  padding-top:30px; padding-bottom:30px; background:rgba(255,255,255,1); background:#fff } 
.newrecruit-con01 { float:left; width:82.5%;    } 

.newrecruit-tit { text-align:right }
.newrecruit-titl { margin-left:30px }
.newtc-btn { position:absolute; top:120px; right:-1px; z-index:2 }

.newrecruit-table01 { border-top:0.9rem solid #758295; border-top:9px\9 solid #758295 }
.newrecruit-table01 th, .recruit-table01 td { border-bottom:1px solid #758295; padding:0.5rem; padding:5px\9; color:#fff }
.newrecruit-table01 th { font-weight:bold }
.newrecruit-table01 td { vertical-align:top; font-size:12px; font-size:1.2rem }

.newrecruit-table02 th, .recruit-table02 td { color:#000 }
.newrecruit-table02 th { padding:0.5rem; padding:5px\9; font-weight:bold; border-bottom:0.5rem solid #666666; border-bottom:5px\9 solid #758295 }
.newrecruit-table02 td { padding:0.2rem 0.5rem 0 0.5rem; padding:2px\9 5px\9 0 5px\9; vertical-align:top; font-size:12px; font-size:1.2rem }


.newjob-details { height:600px; z-index:10000; display:none }
.newjob-txtbox { width:80%; padding-top:30px; padding-bottom:30px; height:540px; overflow:auto; overflow-x:hidden }
.newjobdet-dt, .jobdet-dd { font-size:12px }
.newjobdet-dt { width:5em; font-weight:bold }

.newpost, .application { display:none }


.newapp-dt { float:left; width:32%; height:32px; line-height:32px }
.newapp-dd { float:left; width:68% }
input.app-input { width:100%; padding:0; background:#fff; border:1px solid #fff; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
input.ir-input:focus { background:#d0d4da } 

input.ir-input01 { width:95%;background:rgba(255,255,255,0.7);  -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;padding-left:10px }
.ir-textarea01 { width:95%; background:rgba(255,255,255,0.7);  -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 ;padding-left:10px}
.financial-dd { padding-top:0!important }


.irc-li {float:left; width:100%!important }
input.newir-input { width:100%!important }


.socialNew-con-right01 { float:left; height:675px; background:rgba(223,227,231,0.9); background:#dfe3e7\9 ; } 

.soctxt{ background:rgba(0,0,0,0.05); background:#000\0.5 ; padding:20px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}



input.ir-input:focus, .ir-textarea:focus { background:#fff }

#container01 {  margin-left:auto; margin-right:auto; clear: both; width:90% }
#containerCity01 {  margin-left:auto; margin-right:auto; clear: both; width:90% }

.uploading { width: 110px; height: 120px; position: relative}
.uploading img { position: relative }
.uploading input.normalInput { width: 110px; height: 120px; position:absolute; top: 0; left: 0; z-index: 10; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer }

.bgdfe3e7_06 { background:rgba(235,239,243,0.6); background:#dfe3e7\9 }
.bgf3efeb { background:rgba(243,239,235,1); background:#f3efeb }
.showContMenubox01 { padding-top:30px; padding-bottom:30px; height:615px; background:rgba(224,216,204,1); background:#e0d8cc }
.showContMenubox { padding-top:30px; padding-bottom:30px; height:615px;}
.showContMenubox02 { padding-top:30px; padding-bottom:30px; height:675px;}
.showContMenu { display: inline-block; padding-right: 20px; padding-bottom: 25px; position: relative }
.showContMenu .showContMenu-circle { display: block; width: 5px; height: 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size: 0; background: #fff; border: 1px solid #939494; position: absolute; top: 8px; right: -3px; z-index: 10 }
.showContMenu .showContMenu-line { width: 1px; height: 46px; font-size: 0; background: #939494; position: absolute; right: 0; top: 8px }
.showContMenu.on { color:#ca090c; font-weight: bold }
.showContMenu:hover { color:#ca090c;  }
.showContMenu.on .showContMenu-circle { border: 1px solid #ca090c }
.showContMenu.on .showContMenu-line { background: #ca090c }

input.otherInput { width: 200px; background: transparent; border: 0 none; border-bottom: 1px solid #ccc; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
input.otherInput:focus { border: 0 none; border-bottom: 1px solid #2a61ad }
 

.learn-topbox { width:100%; height:190px; background:url(../images/learn-bgt.jpg) center top no-repeat; background-size:cover }
.learn-bottombox { width:100%; height:180px; background:url(../images/learn-bgb.jpg) center top no-repeat; background-size:cover }

.learn-tabbox { float:left; width:17.5% }
.learn-tab { width:60% }
.learn-tab li { width:100%; margin-bottom:1.5rem; margin-bottom:15px\9 }
.learn-tab li a { padding:2px 6px }
.learn-tab li a:hover, .learn-tab li a.hover { border-bottom:1px solid #d82e30 } 
.learn-con { float:left; width:82.5%; min-height:510px }

.learn-libox { width:90%; padding-left:5%; padding-right:5%; padding-top:20px; border-bottom:1px solid #717e91; height: 85px }

.banner_line{ z-index:9999; position:absolute; width:100%; height:5px; background:url(../images/banner_line.png) repeat-x;}