/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size:62.5%; /* 10÷16=62.5% */
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
}
body { 
    font-family: webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif;
    font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:160%; 
    color:#000; 
    background: #f7f7f7; 
    height:100%;
}


em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
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:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#003670; color:#fff }
::-moz-selection { background-color:#003670; color:#fff }

/* 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 { color:#000 }

.a01, a.a01, .a01 a { color: #000 }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#003670 }

.a02, a.a02, .a02 a { color: #003670 }
a:hover .a02, a.a02:hover, .a02 a:hover { color:#000 }


/* 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 */
/* end of clear float */

/* 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 }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default { cursor:default }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family: "webfont", "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif ; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent; background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #fff; background: rgba(255,255,255,0.5) }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family: "webfont", "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif ; }
select::-ms-expand { display: none; }

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }

.cd-main-content { width:100%; height: 100% }

.container { margin-right:auto; margin-left:auto }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }

/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none }


/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.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-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.left0 { left:0!important }
.right0 { right:0!important }
.right40 { right:40!important }

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.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_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_92pc9nrmp1k.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_92pc9nrmp1k.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_92pc9nrmp1k.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_92pc9nrmp1k.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_92pc9nrmp1k.svg#思源黑体-普通') format('svg'); /* iOS 4.1- */
}



.iconfont { line-height: 1em }

.fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-1_8x { font-size: 1.8em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-6x { font-size: 6em!important }
.fa-7x { font-size: 7em!important }

.font-bold { font-weight: bold }
.font-thin { font-weight: 300 }

.italic { font-style: italic }
.text-indent { text-indent: 2em }
.white-space { white-space:nowrap }
.letter-spacing4 { letter-spacing:4px }
.letter-spacing8 { letter-spacing:8px }
.letter-spacing16 { letter-spacing:16px }
.letter-spacing32 { letter-spacing:32px }
.tcenter .letter-spacing4 { margin-right: -4px }
.tcenter .letter-spacing8 { margin-right: -8px }
.tcenter .letter-spacing16 { margin-right: -16px }
.tcenter .letter-spacing32 { margin-right: -32px }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }

h1, .h1 { font-size: 40px; line-height:1.1em }
h2, .h2 { font-size: 32px; line-height:1.1em }
h3, .h3 { font-size: 28px; line-height:1.1em }
h4, .h4 { font-size: 24px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

.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 }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000 }
.color424242 { color: #424242 }
.color003670 { color: #003670 }
.color888 { color: #888 }
.color333 { color: #333 }
.colorf00 { color: #f00 }
.colord0021b { color: #d0021b }
.color0861a4 { color: #0861a4 }
.colore71f19 { color: #e71f19 }
.color1dbf60 { color: #1dbf60 }
.color0060ca { color: #0060ca }

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgfefefe { background: #fefefe }
.bgf2f2f2 { background: #f2f2f2 }
.bgf7f7f7 { background: #f7f7f7 }
.bgededed { background: #ededed }
.bg003670 { background: #003670 }
.bg093e75 { background: #093e75 }
.bg013770 { background: #013770 }
.bg000_20 { background: rgba(0,0,0,0.2) }
.bg002b5a { background: #002b5a }

/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-c5c5c5 { width:100%; height:1px; line-height:1px; font-size:0; background:#c5c5c5; border:0 none }
.line2-003670 { width: 100%; height: 2px; line-height: 2px; font-size: 0; background: #003670; border: 0 none }
.line-d5d5d5 { width:100%; height:1px; line-height:1px; font-size:0; background:#d5d5d5; border:0 none }
.border-b-ebebeb { border-bottom: 1px solid #ebebeb }
.border-b-d5d5d5 { border-bottom:1px solid #ccc }
.border-b-ccc { border-bottom:1px solid #ccc }
.border-r-ccc { border-right:1px solid #eee;box-sizing: border-box }
/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom50 { margin-bottom:50px }
.marginbottom60 { margin-bottom:60px }

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }
.marginright50 { margin-right:50px }

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop45 { padding-top:45px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft13 { padding-left:13px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft80 { padding-left:80px }
.paddingleft120 { padding-left:120px }
.paddingleft200 { padding-left:200px }

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }

.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display:none }
.mo_undis { display:block }
.mo_inlinedis { display: none } 

.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row40 { margin-left: -40px; margin-right: -40px }

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.height50 { height:50% }
.height100 { height:100% }

.infinite-height { margin-bottom: -3000px; padding-bottom: 3000px }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_96 { float:left; width:96% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_48 { float:left; width:48% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:7.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:9.55em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -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:active, a:active .button, input.button:active { -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-circular, a.button-circular, input.button-circular { padding:0 30px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px  }
.button-l { padding: 10px 40px; line-height: 1em }

.button-fff-l, a.button-fff-l, input.button-fff-l { border:1px solid #fff; color:#fff }
a.button-fff-l:hover, a:hover .button-fff-l, input.button-fff-l:hover { background: #fff; color:#003670 }

.button-blue, a.button-blue, input.button-blue { background: #003670; color:#fff }
a.button-blue:hover, a:hover .button-blue, input.button-blue:hover { background: #1b70cc; color:#fff }

/*-------------------分页css开始-------------------*/
.quotes { display: inline-block }
.quotes a { display: inline-block; width: 30px; height: 30px; line-height: 30px; color: #0066b3; margin: 0 1px }
.quotes a .iconfont { font-size: 18px; line-height: 30px }
.quotes a.disabled, .quotes a.disabled:hover { color: #989798 }
.quotes a:hover { color: #1b70cc }
.quotes span { display: inline-block; height: 24px; line-height: 24px; margin: 3px 10px }
.quotes input { width: 40px; text-align: center; height: 24px; line-height: 24px; margin: 3px 10px; border: 1px solid #989798; background: transparent; color: #0066b3 }


/*-------------------头部-------------------*/ 
.headbox { width: 100%; height:0; position: fixed; z-index: 1000 }

.menu { display: none }

.navbox { width: 100%; height:86px; background: #fff; position: absolute; top: 0; left: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.logo { width: auto; height: 50px; position: absolute; left: 40px; top: 18px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }


/* nav_menu */
.nav { height: 46px; line-height: 46px; position: absolute; top: 20px; right: 40px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuLi { float:left; display:block; position:relative; margin: 0 15px }
.nav .menuLi .mainmenu { display:block; height:66px; line-height:46px; padding-left: 5px; padding-right: 5px; font-weight:bold; color:#777; position:relative; /*overflow:hidden; */-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.nav .menuLi .mainmenu .mainmenu-dot { width:100%; height:1px; position:absolute; top:36px; left:0; background-color:#003670; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #003670 }

.menuListBox { width: 150px; line-height:30px; position:absolute; top:66px; left: 50%; margin-left: -75px; background: rgba(0,54,112,0.8); display:none }
.menuListBox a { display:block; width: 100%; padding: 0 20px; line-height:30px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a .iconbox { width: 0; height: 30px; line-height:30px; overflow: hidden; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menuListBox a .icon-dian { font-size: 20px; line-height:30px }
.menuListBox a:hover .iconbox { width: 10px }
.menuListBox a:first-of-type { padding-top: 10px }
.menuListBox a:last-of-type { padding-bottom: 10px }

.menuLi.language-menuLi { width: 28px; height: 28px; line-height: 28px; margin: 8px 0 0 20px }
.menuLi.language-menuLi .mainmenu, .headbox.current .nav .menuLi.language-menuLi .mainmenu { width: 28px; text-align: center; height: 28px; line-height: 28px }
.menuLi.language-menuLi .mainmenu .iconfont { font-size: 20px; line-height: 28px; color: #003670 }
.menuLi.language-menuLi .menuListBox, .headbox.current .menuLi.language-menuLi .menuListBox { padding: 0; width: 50px; top:28px; left: 50%; margin-left: -25px }
.menuLi.language-menuLi .menuListBox a { padding: 0; text-align: center }
.menuLi.language-menuLi .menuListBox a:hover { background: transparent }

.navbox .shares { top: 22px; left: 130px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.headbox.current .shares h5,.headbox.current .shares h6 { transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.headbox.current .shares h5 { font-size: 16px }
.headbox.current .shares h6 { font-size: 14px }

.headbox.current .navbox { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); top: -20px }
.headbox.current .logo { top: 33px; height: 40px!important }
.headbox.current .nav { top: 30px }
.headbox.current .nav .menuLi .mainmenu { height:56px }
.headbox.current .menuListBox { top: 56px }
.headbox.current .shares { top: 33px; left: 110px }

/*-------------------底部-------------------*/
.footbox .colorfff a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.footbox-up { height: 340px; background: url(../images/foot-bg.jpg) center center no-repeat; background-size: cover }
.footbox-up h5 { font-size: 20px }
.footbox-up .poabsolute-w50 { top: 25% }

.footbox-down { background: #171717 }
.footbox-link { border-left: 1px solid rgba(255,255,255,0.6); margin-left: 4px; padding-left: 12px }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; background:#013770; position:absolute; right:40px; top:-20px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.gototop .iconfont { line-height: 40px; color: #fff }
.gototop:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }

.footer_box { clear: both; bottom: 20px }
/*-------------------通用-------------------*/
.headspace { width: 100%; height: 86px }

.com-link { display: block; overflow: hidden; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.com-link:hover { -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }

.zoomimg { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.com-link:hover .zoomimg, .zoomimg:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }

.block-padding { padding-top: 80px; padding-bottom: 80px }
.block-padding-t { padding-top: 80px }
.block-padding-b { padding-bottom: 80px }
.block-space { margin-top: 60px }
.title-line { width: 60px; height: 2px; line-height: 2px; font-size: 0; background: #003670 }
.colorfff .title-line { background: #fff }

a.more { border-bottom: 1px solid rgba(255,255,255,0.6); padding-left: 8px; padding-bottom: 3px }
a.more:hover { border-bottom: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.6) }
a.more.color000 { border-bottom: 1px solid rgba(0,0,0,0.6) }
a.more.color000:hover { border-bottom: 1px solid rgba(0,0,0,0.3); color: rgba(0,0,0,0.6) }

.com-more { display: block; width: 75px; height: 22px; line-height: 22px; position: relative; text-align: left; color: #888 }
.com-more2 { width: 200px }
.com-more3 { width: 130px }
.com-more4 { color: #0861a4; }
.com-more:hover, a:hover .com-more { color: #003670 }
.com-more .icon-jiantou { position: absolute; top: 4px; right: 0 }
.com-more:hover .icon-jiantou, a:hover .com-more .icon-jiantou { animation: arrowsright00 0.8s; -moz-animation: arrowsright00 0.8s; -webkit-animation: arrowsright00 0.8s; -o-animation: arrowsright00 0.8s }
@keyframes arrowsright00
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

@-moz-keyframes arrowsright00 
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

@-webkit-keyframes arrowsright00 
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

@-o-keyframes arrowsright00 
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}
.colorfff .com-more, .colorfff .com-more:hover, .colorfff a:hover .com-more { color: #fff }

.insidekv-label { padding: 10px 20px }
h5.insidekv-label { font-size: 20px }

.imagetext-con { height: 320px }
.imagetext-con2 { min-height: 400px }


.level2nav a { border-right: 1px solid rgba(255,255,255,0.2) }
.level2nav a:last-of-type { border-right: 0 }
.level2nav .colorfff a:hover, .belt.colorfff a:hover { color: rgba(255,255,255,0.6)!important }

.level3kv, .belt { height: calc(40vh); min-height: 300px; overflow: hidden }

/*-------------------首页-------------------*/
.bshare-custom { width: 102px; position: absolute; bottom: 10%; left: 10%; z-index: 4 }
.bshare-custom .bshare-weixin, .bshare-custom .bshare-sinaminiblog, .bshare-custom .bshare-linkedin { display: block; float: left; width:18px; text-align: center; height: 18px; line-height: 18px; color: #fff; overflow: hidden; background: transparent!important; padding: 0; margin-right: 16px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.bshare-custom .bshare-weixin:before, .bshare-custom .bshare-sinaminiblog:before, .bshare-custom .bshare-linkedin:before { font-family: "iconfont"; font-size: 18px }
.bshare-custom .bshare-weixin:before { content: "\e604" }
.bshare-custom .bshare-sinaminiblog:before { content: "\e603" }
.bshare-custom .bshare-linkedin:before { content: "\e60b" }
.bshare-custom .bshare-weixin:hover, .bshare-custom .bshare-sinaminiblog:hover, .bshare-custom .bshare-linkedin:hover { text-decoration:none; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.inproduct { background: url(../images/index/bg01.jpg) center center no-repeat; background-size: cover }
.inproduct .line-fff { width: 16px }

.label-blue { display: inline-block; background: rgba(0, 54, 112, .9); color: #fff; padding:0 30px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; position: absolute; top: 30px; left: 30px; z-index: 10 }

.ininnovate-bg01 { background: url(../images/index/img04.jpg) bottom center no-repeat; background-size: cover }
 
.insundry { background: url(../images/index/bg02.jpg) center center no-repeat; background-size: cover } 
.insundry-title { border-top: 3px solid rgba(255,255,255,0.5); padding-top: 13px }
.insundry-title span { margin-left: 10px; margin-right: -14px }
.insundry .line-fff { width: 20px }

/*-------------------我们的产品-------------------*/
.product_bg { background: url(../images/product/product_bg.png);background-size: cover; }
.product_bg .area_33 { background: rgba(1,55,112,0.85) }
.product_bg .area_33:nth-of-type(2n) { background: rgba(1,55,112,0.75) }

.product_bg .area_33:hover { background: rgba(1,55,112,0.5) }

.product_bg .line-fff { width: 16px }

.product-img01 { background: url(../images/product/img01.jpg) center center no-repeat; background-size: cover }
.product-img02 { background: url(../images/product/img02.jpg) center center no-repeat; background-size: cover }
.product-img03 { background: url(../images/product/img03.jpg) center center no-repeat; background-size: cover }
.product-img04 { background: url(../images/product/img04.jpg) center center no-repeat; background-size: cover }
.product-img05 { background: url(../images/product/img05.jpg) center center no-repeat; background-size: cover }

.intelligence-img01 { background: url(../images/product/6-20/index-1.jpg) center center no-repeat; background-size: cover }
.intelligence-img02 { background: url(../images/product/6-20/index-2.jpg) center center no-repeat; background-size: cover }
.intelligence-img03 { background: url(../images/product/6-20/index-3.jpg) center center no-repeat; background-size: cover }
.intelligence-img04 { background: url(../images/product/6-20/index-4.jpg) center center no-repeat; background-size: cover }
.intelligence-img05 { background: url(../images/product/6-20/index-5.jpg) center center no-repeat; background-size: cover }
.intelligence-img06 { background: url(../images/product/6-20/index-6.jpg) center center no-repeat; background-size: cover }
.intelligence-img07 { background: url(../images/product/6-20/index-7.jpg) center center no-repeat; background-size: cover }
.intelligence-img08 { background: url(../images/product/6-20/index-8.jpg) center center no-repeat; background-size: cover }
.intelligence-img09 { background: url(../images/product/6-20/index-9.jpg) center center no-repeat; background-size: cover }
.intelligence-img10 { background: url(../images/product/6-20/index-10.jpg) center center no-repeat; background-size: cover }

.intelligence-bg { background: url(../images/product/intelligence-bg.jpg) center center no-repeat; background-size: cover }

.drive-img01 { background: url(../images/product/drive-img01.jpg) center center no-repeat; background-size: cover }

.vision-img01 { background: url(../images/product/vision-img01.jpg) center center no-repeat; background-size: cover }

.cockpit-img01 { background: url(../images/product/cockpit-img01.jpg) center center no-repeat; background-size: cover }

.electric-img01 { background: url(../images/product/electric-img01.jpg) center center no-repeat; background-size: cover }
.electric-img02 { background: url(../images/product/electric-img02.jpg) center center no-repeat; background-size: cover }
.electric-img03 { background: url(../images/product/electric-img03.jpg) center center no-repeat; background-size: cover }
.electric-img04 { background: url(../images/product/electric-img04.jpg) center center no-repeat; background-size: cover }
.electric-bg01 { background: url(../images/product/electric-bg01.jpg) center center no-repeat; background-size: cover }
.electric-bg02 { background: url(../images/product/electric-bg02.jpg) center center no-repeat; background-size: cover }
/* ------------------------ */
.electric-img11 { background: url(../images/product/6-20/index-11.jpg) center center no-repeat; background-size: cover }
.electric-img12 { background: url(../images/product/6-20/index-13.jpg) center center no-repeat; background-size: cover }
.electric-img13 { background: url(../images/product/6-20/index-12.jpg) center center no-repeat; background-size: cover }
.electric-img14 { background: url(../images/product/6-20/index-14.jpg) center center no-repeat; background-size: cover }
.electric-img15 { background: url(../images/product/6-20/index-15.jpg) center center no-repeat; background-size: cover }
.electric-img16 { background: url(../images/product/6-20/index-16.jpg) center center no-repeat; background-size: cover }
.electric-img17 { background: url(../images/product/6-20/index-17.jpg) center center no-repeat; background-size: cover }
.lightweight-img18 { background: url(../images/product/6-20/index-18.jpg) center center no-repeat; background-size: cover }
.lightweight-img19 { background: url(../images/product/6-20/index-19.jpg) center center no-repeat; background-size: cover }
.lightweight-img20 { background: url(../images/product/6-20/index-20.jpg) center center no-repeat; background-size: cover }
.lightweight-img21 { background: url(../images/product/6-20/index-21.jpg) center center no-repeat; background-size: cover }
.lightweight-img22 { background: url(../images/product/6-20/index-22.jpg) center center no-repeat; background-size: cover }
.lightweight-img23 { background: url(../images/product/6-20/index-23.jpg) center center no-repeat; background-size: cover }
.lightweight-img24 { background: url(../images/product/6-20/index-24.jpg) center center no-repeat; background-size: cover }
.lightweight-img25 { background: url(../images/product/6-20/index-25.jpg) center center no-repeat; background-size: cover }
/* ------------------------ */
.e-drive-img01 { background: url(../images/product/e-drive-img01.jpg) center center no-repeat; background-size: cover }

.lightweight-img01 { background: url(../images/product/lightweight-img01.jpg) center center no-repeat; background-size: cover }
.lightweight-img02 { background: url(../images/product/lightweight-img02.jpg) center center no-repeat; background-size: cover }
.lightweight-img03 { background: url(../images/product/lightweight-img03.jpg) center center no-repeat; background-size: cover }
.lightweight-img04 { background: url(../images/product/lightweight-img04.jpg) center center no-repeat; background-size: cover }
.lightweight-bg01 { background: url(../images/product/lightweight-bg01.jpg) center center no-repeat; background-size: cover }
.lightweight-bg02 { background: url(../images/product/lightweight-bg02.jpg) center center no-repeat; background-size: cover }

.chassis-img01 { background: url(../images/product/chassis-img01.jpg) center bottom no-repeat; background-size: cover }
.chassis-img02 { background: url(../images/product/chassis-img02.jpg) center center no-repeat; background-size: cover }
.chassis-img03 { background: url(../images/product/chassis-img03.jpg) center center no-repeat; background-size: cover }
.chassis-img04 { background: url(../images/product/chassis-img04.jpg) center center no-repeat; background-size: cover }
.chassis-img05 { background: url(../images/product/chassis-img05.jpg) center center no-repeat; background-size: cover }
.chassis-bg01 { background: url(../images/product/chassis-bg01.jpg) center center no-repeat; background-size: cover }
.chassis-bg02 { background: url(../images/product/chassis-bg02.jpg) center center no-repeat; background-size: cover }

.trimming-img01 { background: url(../images/product/trimming-img01.jpg) center center no-repeat; background-size: cover }
.trimming-img02 { background: url(../images/product/trimming-img02.jpg) center center no-repeat; background-size: cover }
.trimming-img03 { background: url(../images/product/trimming-img03.jpg) center center no-repeat; background-size: cover }
.trimming-img04 { background: url(../images/product/trimming-img04.jpg) center center no-repeat; background-size: cover }
.trimming-img05 { background: url(../images/product/trimming-img05.jpg) center center no-repeat; background-size: cover }
.trimming-bg01 { background: url(../images/product/trimming-bg01.jpg) center center no-repeat; background-size: cover }
.trimming-bg02 { background: url(../images/product/trimming-bg02.jpg) center center no-repeat; background-size: cover }

.interior-img01 { background: url(../images/product/trimming-img01.jpg) #fff8f2 center bottom no-repeat; background-size: 100% auto }

.chair-img01 { background: url(../images/product/chair-img01.jpg) #fff6ef center center no-repeat; background-size: 100% auto }

.safety-img01 { background: url(../images/product/safety-img01.jpg) center center no-repeat; background-size: 100% auto }


.dot_em em {position:absolute;top:10px;margin-left: -20px; width: 5px;height: 5px;border-radius: 50%;display: inline-block;background: #000; }
.dot_em { margin-left: 20px;position: relative; }

.disinblock.letter-spacing8.margintop30.mo_margintop10.com-rows_2 { display: inline-block }
/*-------------------创新发展-------------------*/
.innovate-img01 { background: url(../images/innovate/img01.jpg) center center no-repeat; background-size: cover }
.innovate-img02 { background: url(../images/innovate/img02.jpg) center center no-repeat; background-size: cover }
.innovate-img03 { background: url(../images/innovate/img03.jpg) center center no-repeat; background-size: cover }

.smart-img01 { background: url(../images/innovate/smart-img01.jpg) center center no-repeat; background-size: cover }
.smart-img02 { background: url(../images/innovate/smart-img02.jpg) center center no-repeat; background-size: cover }
.smart-img06 { background: url(../images/innovate/smart-img06.jpg) center center no-repeat; background-size: cover }
.smart-bg { background: url(../images/innovate/smart-bg01.jpg) center center no-repeat; background-size: cover }

.foresight-img01 { background: url(../images/innovate/foresight-img01.jpg) center center no-repeat; background-size: cover }
.foresight-img02 { background: url(../images/innovate/foresight-img02.jpg) center center no-repeat; background-size: cover }
.foresight-bg { background: url(../images/innovate/foresight-bg01.jpg) center center no-repeat; background-size: cover }

.lean-img01 { background: url(../images/innovate/lean-img01.jpg) center center no-repeat; background-size: cover }
.lean-img02 { background: url(../images/innovate/lean-img02.jpg) center center no-repeat; background-size: cover }
.lean-img03 { background: url(../images/innovate/lean-img03.jpg) center center no-repeat; background-size: cover }
.lean-bg { background: url(../images/innovate/lean-bg01.jpg) center center no-repeat; background-size: cover }

/*-------------------可持续发展-------------------*/
.partner-logobox { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5 }
.partner-logobox .width20 { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0 }
.partner-logobox-b { border-left: 1px solid #e5e5e5 }
.partner-logobox-b .width20 { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0 }
.partner_img { height: 450px;width: auto }

.partner_img2 { height: 300px;width: auto }
.partner_img3 { height: 300px;width: auto }
.partner_img3box { min-height: 300px }

.green-img01 { background: url(../images/develop/green-img01.jpg) center center no-repeat; background-size: cover }

.shareholder-con01 { padding-top: 60px; height: 200px }
.shareholder-con01 h1 { font-size: 60px }

.staff-con01-title, .staff-con01-txt, .staff-con01-btn, .staff-con01-shade { transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.staff-con01-title { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.staff-con01-txt { top: 50%; margin-top: 36px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.staff-con01-btn { top: 50%; margin-top: 100px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.staff-con01-shade { background: rgba(1,55,112,0.9); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.staff-con01:hover .staff-con01-shade, .staff-con01:hover .staff-con01-title, .staff-con01:hover .staff-con01-txt, .staff-con01:hover .staff-con01-btn { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.staff-con01:hover .staff-con01-title { top: 40% }
.staff-con01:hover .staff-con01-txt { top: 40%; transition-delay: 0.2s }
.staff-con01:hover .staff-con01-btn { top: 40%; transition-delay: 0.4s }

.develop-img01 { background: url(../images/develop/img01.jpg) center center no-repeat; background-size: cover }
.develop-img02 { background: url(../images/develop/img02.jpg) center center no-repeat; background-size: cover }
.develop-img03 { background: url(../images/develop/img03.jpg) center center no-repeat; background-size: cover }

/*-------------------投资者关系-------------------*/
.ir-con01 { height: 200px }
.ir-con01-l { background: #ededed }
/*.ir-con01-c { background: #093e75 }*/
.ir-con01-r { background: #ededed }
.ir-con01-r .com-more { color: #666 }

/*.stockdate1 .icon-down { }*/
.stockdate1.s2 .stock1_1 { color: #1dbf60!important }
.stockdate1.s2 .stock1_2 { color: #1dbf60!important }

.irlist:hover, .ig-list:hover, .noticelist:hover { color: #0861a4 }
.irlist dl { padding-top: 20px; padding-bottom: 20px; margin-right: 160px }
.irlist dl dd { width: 160px; margin-right: -160px }
.irlist-title, .ig-list-title { margin-left: 36px }
.irlist-title .iconfont, .ig-list-title .iconfont { margin-left: -36px }

.notice-con a:first-of-type .noticelist { margin-top: -20px }
.noticelist { margin-left: 85px; margin-right: 160px; padding-top: 15px; padding-bottom: 15px }
.noticelist .iconbox { margin-left: -85px }
.noticelist .iconbox .iconfont { margin-right: 15px }
.noticelist .datebox { width: 160px; margin-right: -160px }

.noticelist2 { margin-left: 0; }
.noticelist3:hover { color: #000; }

.profile-con .area_30 { background: url(../images/IR/profile-bg.jpg) center center no-repeat; background-size: cover }
.profile-con .area_70 { border: 1px solid #f2f2f2 }
.profile-table th, .profile-table td { border-bottom: 1px solid #fafafa; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.profile-table th { padding: 15px 0; color: #666 }
.profile-table td { font-size: 16px; padding: 15px 15px 15px 40px }

.ig-list dl { padding-top: 20px; padding-bottom: 20px; margin-right: 40px }
.ig-list dl dd { width: 40px; margin-right: -40px }

.invf-tableli01, .invf-tableli02, .invf-tableli03, .service-tableli02, .service-tableli03 { padding-right: 10px }
.invf-tableli01 { width: 35% }
.invf-tableli02 { width: 15%; text-align: right }
.invf-tableli03 { width: 20%; text-align: right }

.service-tableli01 { width: 35%; padding-right: 20px;margin-right: 5%; }
.service-tableli02 { width: 25% }
.service-tableli03 { width: 25% }
.service_width .service-tableli03:last-child  { width: 10% }

input.contact-input, .contact-textarea { background: #fff; border: 1px solid #cdcdcd }
input.contact-input:focus, .contact-textarea:focus { border: 1px solid #003670; background: rgba(255,255,255,0.8) }

.gov_bg { background: url(../images/IR/gov_bg.png); background-size: cover; background-position: bottom }

.gov-tabs { border-bottom: 2px solid #013570; text-align: center }
.gov-tabs li { display: inline-block; margin: 0 10px }
.gov-tabs a { display: inline-block; padding: 10px 30px; background: #e8e8e8; border-top-left-radius: 10px; border-top-right-radius: 10px }
.gov-tabs a:hover, .gov-tabs a.current { background: #013570; color: #fff }

.kv_bg { background: rgba(0,54,112,0.9);z-index: -1; }

.service_width li span { display: inline-block; width:100px; text-align: right }


/*-------------------工作和职业-------------------*/
.join-con01 { height: 360px }
.join-con01-l { background: #013770 }
.join-con01-c { background: url(../images/join/img02.jpg) center center no-repeat; background-size: cover }
.join-con01-r { background: #ededed }

.join_index .s1 { background: #003670 url(../images/join/join_01.png) no-repeat center center;}
.join_index .s2 { background: url(../images/join/join_02.jpg);background-position: center;background-repeat: no-repeat;background-size: cover }
.join_index .s3 { background: url(../images/join/join_03.jpg);background-position: right;background-repeat: no-repeat;background-size: cover }
.join_index .s1-1,.join_index .s2-1,.join_index .s3-1{display: none;}

.shares.s1 { height: auto }

.join-num { font-size: 64px; line-height: 1em }

.training-img01 { background: url(../images/join/training-img01.jpg) center center no-repeat; background-size: cover }
.training-img02 { background: url(../images/join/training-img02.jpg) center center no-repeat; background-size: cover }
.training-img03 { background: url(../images/join/training-img03.jpg) center center no-repeat; background-size: cover }

.post-form select { height: 72px; padding-left: 20px; padding-right: 35px; background: url(../images/join/arrows.png) center right no-repeat }
.post-form span { height: 72px; line-height: 72px }
.post-form input { margin-top: 16px; padding-left: 20px; margin-right: 20px }
.post-form input:focus { border: 1px solid #fff; border-bottom: 1px solid #003670 }
.post-form .post-btn { width: 72px; height: 72px; line-height: 72px; text-align: center }
.post-form .post-btn:hover { background: #1b70cc }
.post-form .post-btn .iconfont { line-height: 72px }
.news-form input[type="text"] { background: none;margin-left: 20px }
.news-form input:focus { border: 1px solid #f7f7f7; border-bottom: 1px solid #003670 }
.news-form input { width: calc(100% - 112px) }

.post-title { height: 56px; line-height: 28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.post-title h4 { max-width: 80% }
.post-title .icon-hot { right: -48px; top: -10px }

.post-txt { margin-right: 100px }
.post-txt dt { height: 22px; line-height: 22px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.post-txt dd { width: 100px; margin-right: -100px; text-align: right }

#joinlist #listData_0 { zoom: 1 }
#joinlist #listData_0:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden }

.pd-share .bshare-custom { width: 24px; margin-right: 20px; position: static; bottom: auto; left: auto }
.pd-share .bshare-custom .bshare-more { width:24px; height: 24px; line-height: 24px; color: #9c9c9c; margin-right: 0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.pd-share .bshare-custom .bshare-more:before { font-family: "iconfont"; font-size: 20px; content: "\e66f" }
.pd-share .bshare-custom .bshare-more:hover, .fontzoon1:hover, .fontzoon2:hover { color: #003670; text-decoration:none }
.fontzoon1, .fontzoon2 { display: block; float: left; width:24px; text-align: center; height: 24px; line-height: 24px }
.fontzoon1 .iconfont, .fontzoon2 .iconfont { font-size: 20px; line-height: 24px }

.campus-img01 { background: url(../images/join/campus-img01.jpg) center center no-repeat; background-size: cover }
.campus-img02 { background: url(../images/join/campus-img02.jpg) center center no-repeat; background-size: cover }

.work-dl { margin-left: 120px }
.work-dl dt { width: 120px; margin-left: -120px }

.work-min01 {background: url(../images/join/work-img02.jpg) center center no-repeat; background-size: cover}
.work-min02 {background: url(../images/join/work-img03.jpg) center center no-repeat; background-size: cover}
.work-max .work-bg{bottom: 20px; background: rgba(1,55,122,.8)}

.accordion-title { cursor: pointer; background: #fff; padding: 20px 40px; border-top: 5px solid #f2f2f2 } 
.accordion-title .iconfont { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s }
.accordion-title:hover, .accordion-title.unfold { background: #dae4f0 }
.accordion-title.unfold h4 { font-weight: bold }
.accordion-title.unfold .iconfont { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg) }

/*校园招聘*/
.school_title li ,.school_box4 li{ box-sizing: border-box;padding-left: 2%;}
.school_title li:last-child ,.school_box4 li:last-child { float: right;}
.school_title li:first-child, .school_box4 li:first-child{padding-left: 0;}
.school_title {padding: 20px;}

.school_box { padding-bottom: 20px;padding-top: 20px;}
.school_box:last-child { padding-bottom: 0 }
.school_box li { padding-left: 2%;box-sizing: border-box;opacity: 0.8 }
.school_box li:nth-of-type(2) { width: 15%;float: left;padding-left: 0;opacity:1;font-weight: bold }
.school_box li:nth-of-type(4) { width: 30%;float: left }
.school_box li:nth-of-type(6) { width: 20%;float: left }
.school_box li:nth-of-type(8) { width: 35%;float: left }
.school_box .mo_title{display: none;}

.school_box2 .area_70 { padding-left: 30px;box-sizing: border-box; }
.school_box3 div { width: 9%; float: left;height: 92px;}
.school_box3 div:nth-of-type(2) i ,.school_box3 div:nth-of-type(4) i,.school_box3 div:nth-of-type(6) i,.school_box3 div:nth-of-type(9) i,.school_box3 div:nth-of-type(11) i,.school_box3 div:nth-of-type(13) i{line-height: 92px; color: #7fb9fa;}
.school_box3 div{color: #666;}


/* 新增信息公开 */
.yuan{width: 5px;height: 5px;background: #000;border-radius: 50%;}
.yuanhover a:hover{color: #0057B6;}



/*-------------------新闻与媒体-------------------*/
.nd-con img { max-width: 100% }

.media-shade { background: rgba(0,0,0,0.5) }
.com-link:hover .media-shade { background: transparent }
.com-link:hover .media-shade .iconfont { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }

.video-popbox { width: 800px; height: 500px; overflow:hidden }

#news_list #listData_0 .marginbottom60:nth-last-of-type(1),#news_list #listData_0 .marginbottom60:nth-last-of-type(2),#news_list #listData_0 .marginbottom60:nth-last-of-type(3) { margin-bottom: 0!important }
#joinlist #listData_0 .padding20:nth-last-of-type(1),#joinlist #listData_0 .padding20:nth-last-of-type(2){ padding-bottom: 0!important }
.internlist div .padding20:nth-last-of-type(1),.internlist div .padding20:nth-last-of-type(2){ padding-bottom: 0!important }
/*-------------------关于华域-------------------*/
.about-num { font-size: 70px }
.about-bg { background: url(../images/about/bg01.jpg) top center no-repeat; background-size: cover }

.company-tabs { overflow: hidden }
.company-tabs li { float: left; width: 32% }
.company-tabs li:nth-of-type(2) { padding-left: 2%; padding-right: 2% }
.company-tabs li a { display: inline-block; padding-bottom: 20px }
.company-tabs li a:hover, .company-tabs li a.current { color: #003670 }
.company-tabs li a.current .iconfont:before { content: "\e62b" }

.company-content { padding: 60px 0; margin-top: 40px }
.company-content em { position: absolute; top: -100px; border-right: 25px solid transparent; border-bottom: 40px solid #fff; border-left: 25px solid transparent }
.company-content .tab1 em { left: -8px }
.company-content .tab2 em { left: calc(34% - 8px) }
.company-content .tab3 em { left: calc(68% - 8px) }

.company-list { padding-left: 20px }
.company-list li { width: 100%; list-style-type: disc; list-style-position: outside }

.company-num { font-size: 80px; line-height: 1.1em }

.company_bg { background: url(../images/about/company_bg.png); background-size: cover }

.strategy-label { width: 390px }

.subsidiary-list .area_50.border-b-ebebeb { padding-bottom: 20px; padding-top: 20px }

.subsidiary-html .block-padding .area_50{padding-bottom: 20px;padding-top: 20px;}

.accordion-con .txt { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 10px }
.accordion-con { padding-bottom: 40px;height: calc(55vh);}
.accordion-con .iconfont, .company-tabs .iconfont { cursor: pointer; font-size: 24px; color: #003670; padding: 5px; box-sizing: border-box; border: 1px solid #a1a0a1; border-radius: 50%; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s }
.accordion-con .iconfont { position: absolute; bottom: 20px; left: 20px }
.accordion-con .iconfont:before, .company-tabs .iconfont:before { content: "\e608" }
.accordion-con .iconfont:hover, .company-tabs .iconfont:hover { background: #003670; color: #fff; border: 1px solid #003670 }
.accordion-con .iconfont.unfold:before, .company-tabs .iconfont.unfold:before { content: "\e62b" }
.accordion-con .padding20.paddingtop0 { max-height: calc(30vh); overflow-y: auto }

.lawfoot_up .footbox-up { display: none; }

/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1500px }

}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1160px }

.block-padding { padding-top: 60px; padding-bottom: 60px }
.block-padding-t { padding-top: 60px }
.block-padding-b { padding-bottom: 60px }
.row40 { margin-left: -30px; margin-right: -30px }
.row40 .area_33.paddingleft40, .row40 .area_50.paddingleft40 { padding-left: 30px }
.row40 .area_33.paddingright40, .row40 .area_50.paddingright40 { padding-right: 30px }
.row40.margintop80 { margin-top: 60px }

.join_index .s1 { background: url(../images/join/join_01.jpg) center;width: 33.33%!important;height: 250px!important; }
.join_index .s2 { width: 33.33%!important;height: 250px!important; }
.join_index .s3 { width: 33.33%!important;height: 250px!important; }
.join_index .container { width: 100%!important; }
.join_index .container .colorfff { padding-left: 60px;box-sizing: border-box; }
.join_index .container { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}

.join_index .area_33 { height: 350px;padding-top: 60px;padding-bottom: 60px; }
.join_index .area_33:nth-of-type(1) { background: #003670 }
.join_index .area_33:nth-of-type(2) { background: #edeef3 }
.join_index .area_33:nth-of-type(3) { background: #f0faff }
.join_index .area_33:nth-of-type(1) a,.join_index .area_33:nth-of-type(3) a { bottom: 60px; }

}

@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:960px }

.logo { left: 20px }
.navbox .shares { left: 100px }


.nav { right: 20px }
.nav .menuLi { margin: 0 8px }
.menuLi.language-menuLi { margin: 8px 0 0 0 }

.block-padding { padding-top: 40px; padding-bottom: 40px  }
.block-padding-t { padding-top: 40px }	
.block-padding-b { padding-bottom: 40px }
.block-space { margin-top: 40px }

.row40 { margin-left: -15px; margin-right: -15px }
.row40 .area_33.paddingleft40, .row40 .area_50.paddingleft40 { padding-left: 15px }
.row40 .area_33.paddingright40, .row40 .area_50.paddingright40 { padding-right: 15px }
.row40.margintop80 { margin-top: 30px }
.row40 .area_33.marginbottom60 { margin-bottom: 30px }

.company-content { padding: 40px 0 }
.company-content em { top: -80px }

.join_index .s1 { background: url(../images/join/join_01.jpg);width: 33.33%!important;height: 250px!important; }
.join_index .s2 { width: 33.33%!important;height: 250px!important; }
.join_index .s3 { width: 33.33%!important;height: 250px!important; }
.join_index .container { width: 100%!important; }
.join_index .container .colorfff { padding-left: 60px;box-sizing: border-box; }
.join_index .container { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}

.join_index .area_33 { height: 350px;padding-top: 60px;padding-bottom: 60px; }
.join_index .area_33:nth-of-type(1) { background: #003670 }
.join_index .area_33:nth-of-type(2) { background: #edeef3 }
.join_index .area_33:nth-of-type(3) { background: #f0faff }
.join_index .area_33:nth-of-type(1) a,.join_index .area_33:nth-of-type(3) a { bottom: 60px; }

.smart-page .imagetext-con, .lean-page .imagetext-con { height: 380px }
.lean-page .imagetext-con2 { min-height: 470px }

}

@media ( min-width:801px ) and ( max-width:999px ) {
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.block-space { margin-top: 30px }
.row40.margintop80 { margin-top: 30px }

.stock-con .area_40, .stock-con .area_60 { width: 100% }
.stock-con .area_60 { margin-top: 20px }

.company-content { padding: 40px 0 }

.strategy-label { width: 90% }
.company-content em { top: -80px }

.join_index .s1 { background: url(../images/join/join_01.jpg);width: 33.33%!important;height: 250px!important; }
.join_index .s2 { width: 33.33%!important;height: 250px!important; }
.join_index .s3 { width: 33.33%!important;height: 250px!important; }
.join_index .container { width: 100%!important; }
.join_index .container .colorfff { padding-left: 60px;box-sizing: border-box; }
.join_index .container { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}

.join_index .area_33 { height: 350px;padding-top: 60px;padding-bottom: 60px; }
.join_index .area_33:nth-of-type(1) { background: #003670 }
.join_index .area_33:nth-of-type(2) { background: #edeef3 }
.join_index .area_33:nth-of-type(3) { background: #f0faff }
.join_index .area_33:nth-of-type(1) a,.join_index .area_33:nth-of-type(3) a { bottom: 60px; }

.smart-page .imagetext-con, .lean-page .imagetext-con { height: 420px }
.lean-page .imagetext-con2 { min-height: 520px }


}


@media ( max-width:999px ) {
#cd-lateral-nav { display: block;height: 60px }
.headbox { display: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }

.block-padding { padding-top: 30px; padding-bottom: 30px }
.block-padding-t { padding-top: 30px; }
.block-padding-b {  padding-bottom: 30px }
.row40 { margin-left: -15px; margin-right: -15px }
.row40 .area_33.paddingleft40, .row40 .area_50.paddingleft40 { padding-left: 15px }
.row40 .area_33.paddingright40, .row40 .area_50.paddingright40 { padding-right: 15px }
.row40 .area_33 .padding30 { padding: 20px }
.row20 .area_33 .padding30 { padding: 20px }

.company-content em { top: -80px }

.invf-tableli01 { width: 100%; margin-bottom: 5px; padding-right: 0; font-weight: bold }
.invf-tableli02 { width: 33.33%; word-break : break-all; text-align: left }
.invf-tableli03 { display: none }

.footerAlter .pcAlink {
  display: none;
}
.mo_dis {
  display: block;
}
}


.footerAlter {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 170px;
  /* padding: 30px 20px; */
  z-index: 9999;
}
.closeBtn {
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
  z-index: 1000;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
  background: #fff;
  color: #000;
  border-radius: 50%;
}
.footerAlter a {
  color: #fff!important;
  z-index: 999;
}
.bg0057B6 {
  background: #0057B6;
}
.fontsb{font-size: 18px;line-height: 180%;}
.bs{font-weight: bold;}