@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-weight: 200; font-family: 微软雅黑,webfont,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",黑体,新細明體,Arial,"Lucida Grande",sans-serif; -webkit-font-smoothing: antialiased; color:#000; background:#e0e2e4; height: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 } 

::selection { background-color:#004386; color:#fff }
::-moz-selection { background-color:#004386; 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:#004386 }

a.a01, a .a01 { color:#0085d9; text-decoration: underline; }
a.a01:hover, a:hover .a01 { 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 */

.noborder { border:0 none }

/* 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:#666; 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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance: none }
input[type="text"], input[type="password"], select { background: #f5f5f5; padding-left:10px; padding-right:10px; border:1px solid #f5f5f5 }
input[type="text"]:focus, input[type="password"]:focus { border-color: #0464c2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) }
textarea { background: #f5f5f5; padding:10px; border:1px solid #f5f5f5 }
textarea:focus { border-color: #0464c2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:微软雅黑,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",黑体,新細明體,Arial,"Lucida Grande",sans-serif }

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

.cd-main-content { max-width:1440px; margin:0 auto; background-color:#fff; width:expression(document.body.clientWidth <=1440? "1160px": "1440px" ); overflow: hidden }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!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: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.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 }

.left0 { left:0 }
.right0 { right:0 }
.top0 { top:0 }

.zindex2 { z-index:2 }

.overhidden { overflow:hidden }

/*-------------------通用圆角、阴影-------------------*/
.border-radius2 { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px }
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

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


/*-------------------透明度-------------------*/
.opacity0_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_4 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_65 { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
.iconfont {
  line-height: 1em;
}
.fa-0_6x { font-size: 0.6em!important; -webkit-transform:scale(0.8) }
.fa-1x { font-size: 1em!important }
.fa-1_4x { font-size: 1.4em!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-7x { font-size: 7em!important }

@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/vez8cpp7mt43g14i.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/vez8cpp7mt43g14i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

.font-bold { font-weight:bold }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize20 { font-size:20px; line-height: 1.2em }
.fontSize30 { font-size:30px; line-height: 1.1em }
.fontSize32 { font-size:32px; line-height: 1.1em }
.fontSize46 { font-size:46px; line-height: 1.1em }

h1, .h1 { font-size: 48px; line-height: 1.1em }
h2, .h2 { font-size: 40px; line-height: 1.1em }
h3, .h3 { font-size: 36px; line-height: 1.1em }
h4, .h4 { font-size: 24px; line-height: 1.3em }
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 { color: #fff }
.color000 { color: #000 }
.color004386 { color: #004386 }
.color02377f { color: #02377f }
.color0464c2 { color: #0464c2 }
.color0b65de { color: #0b65de }

/*-------------------背景颜色--------------------*/
.bgfff { background:#fff }
.bg000 { background:#000 }
.bg000_5 { background:rgba(0,0,0,0.05); background: url(../images/000_20.png)\9; }
.bg000_20 { background:rgba(0,0,0,0.2); background: url(../images/000_20.png)\9; }
.bg000_30 { background:rgba(0,0,0,0.3); background: url(../images/000_30.png)\9; }
.bg000_50 { background:rgba(0,0,0,0.5); background: url(../images/000_50.png)\9; }

.bg004386 { background:#004386 }
.bg0051a1 { background:#0051a1 }
.bgf8f8f8 { background:#f8f8f8 }
.bgf7f7f7 { background:#f7f7f7 }
.bgf6f6f6 { background:#f6f6f6 }
.bgf5f5f5 { background:#f5f5f5 }
.bgf2f2f2 { background:#f2f2f2 }
.bgffd429 { background:#ffd429 }
.bgdadada { background:#dadada }
.bg0464c2 { background:#0464c2 }
.bge9ecf3 { background:#e9ecf3 }
.bgd4d6d7 { background:#d4d6d7 }
.bg0097c7 { background:#0097c7 }
.bg333 { background:#333 }
.bgb5cc00 { background:#b5cc00 }
.bgd3b358 { background:#d3b358 }
.bge5f4f9 { background:#e5f4f9 }
.bgeaeaea { background:#eaeaea }
.bgf7fae5 { background:#f7fae5 }
.bgd3d3d3 { background:#d3d3d3 }
.bge8e8e8 { background:#e8e8e8 }
.bgd6d6d6 { background:#d6d6d6 }
.bg7ecdf2 { background:#7ecdf2 }

/*-------------------分割线、边框、色块-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-w80-000 { width:80px; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }

.line-f7f7f7 { width:100%; height:1px; line-height:1px; font-size:0; background:#f7f7f7; border:0 none }
.line-f8f8f8 { width:100%; height:1px; line-height:1px; font-size:0; background:#f8f8f8; border:0 none }

.verticalbar-004386 { width:1px; height:100%; font-size:0; background:#004386; border:0 none }
.verticalbar-h40-fff { width:1px; height:40px; font-size:0; background:#fff; border:0 none }
.verticalbar-h44-dedede { width:1px; height: 44px; line-height: 44px; font-size:0; background:#dedede; border:0 none }

.border_l_fff { border-left:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_r_fff { border-right:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_5_fff { border:5px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border_l_fff_20 { border-left:1px solid rgba(255,255,255,0.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_r_fff_20 { border-right:1px solid rgba(255,255,255,0.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border_t_f8f8f8 { border-top:1px solid #f8f8f8 }
.border_b_f8f8f8 { border-bottom:1px solid #f8f8f8 }
.border_l_f8f8f8 { border-left:1px solid #f8f8f8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_r_f8f8f8 { border-right:1px solid #f8f8f8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border_t_f2f2f2 { border-top:1px solid #f2f2f2 }
.border_b_f2f2f2 { border-bottom:1px solid #f2f2f2 }
.border_l_f2f2f2 { border-left:1px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_r_f2f2f2 { border-right:1px solid #f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }    
.border_e2e2e2 { border:1px solid #e2e2e2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box  }
        
.border_t_d6d6d6 { border-top:1px solid #d6d6d6 }

.border_b2_000 { border-bottom:2px solid #000 }
    
.colorpiece-02377f { width: 18px; height: 112px; background: #02377f } 
    
/*-------------------间距-------------------*/
.margintop3 { margin-top:3px }
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop80 { margin-top:80px } 

.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 }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }

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

.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 }
.paddingtop40 { padding-top:40px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop100 { padding-top:100px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }

.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 }
.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 }
.padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_10 { padding-right:20px; padding-left:20px; padding-top:10px; padding-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_15 { padding-right:30px; padding-left:30px; padding-top:15px; padding-bottom:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_20 { padding-right:30px; padding-left:30px; padding-top:20px; padding-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_20 { padding-right:40px; padding-left:40px; padding-top:20px; padding-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_30 { padding-right:40px; padding-left:40px; padding-top:30px; padding-bottom:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_50 { padding-right:40px; padding-left:40px; padding-top:50px; padding-bottom:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_15 { padding-right:40px; padding-left:40px; padding-top:15px; padding-bottom:15px; -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 }

.gap30 { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 0 }
.gap40 { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 0 }

.negative-marginleft40 { margin-left: -40px }
.negative-marginleft30 { margin-left: -30px }
.negative-marginleft20 { margin-left: -20px }

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

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

.height100 { height:100% }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_72 { float:left; width:72% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_60 { float:left; width:60% }
.area_58 { float:left; width:58% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.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_28 { float:left; width:28% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_16 { float:left; width:16.66% }
.area_14 { float:left; width:14% }


.com-rows_1 { display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { 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_max2 { max-height:2.55em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:3.9em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical/*最多显示3行，超出省略号*/ }
.com-rows_5 { height:7.5em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical/*最多显示5行，超出省略号*/ }

.com-img img { width: 100%; height: auto; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out; transition: transform 1s ease-out }
a:hover .com-img img, .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) }


/*-------------------按钮-------------------*/ 
.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-circular, a.button-circular, input.button-circular { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }


.button-s, a.button-s, input.button-s { padding:4px 10px; line-height:1em }
.button-m, a.button-m, input.button-m { padding:8px 12px; font-size:12px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:6px 30px; line-height:1em }
.button-xl, a.button-xl, input.button-xl { padding:10px 30px; line-height:1em }
.button-xxl, a.button-xxl, input.button-xxl { padding:15px 40px; line-height:1em }

.button-white_l, a.button-white_l, input.button-white_l { border:1px solid #fff; color:#fff }
.button-white_l:hover, a:hover.button-white_l, input.button-white_l:hover { background:#fff; color:#000 }
.button-white_l:active, a:active.button-white_l, input.button-white_l:active { background:#fff; color:#000; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-black, a.button-black, input.button-black { background:#000; color:#fff }
.button-black:hover, a:hover.button-black, input.button-black:hover { background:#666; color:#fff }
.button-black:active, a:active.button-black, input.button-black:active { background:#333; color:#fff; -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-gray_l, a.button-gray_l, input.button-gray_l { border:1px solid #cecece; color:#a2a2a2 }
.button-gray_l:hover, a:hover.button-gray_l, input.button-gray_l:hover { border:1px solid #000; background:#000; color:#fff }
.button-gray_l:active, a:active.button-gray_l, input.button-gray_l:active { border:1px solid #666; background:#666; color:#fff }

.button-blue, a.button-blue, input.button-blue { background:#0464c2; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#0576e5; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#0458aa; color:#fff; -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-darkblue, a.button-darkblue, input.button-darkblue { background:#004386; color:#fff }
.button-darkblue:hover, a:hover.button-darkblue, input.button-darkblue:hover { background:#0464c2; color:#fff }
.button-darkblue:active, a:active.button-darkblue, input.button-darkblue:active { background:#0458aa; color:#fff; -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-gray, a.button-gray, input.button-gray { background:#e2e2e2; color:#000 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#f0f0f0; color:#000 }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#c2c2c2; color:#000; -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-orange, a.button-orange, input.button-orange { background:#ff5d04; color:#fff }
.button-orange:hover, a:hover.button-orange, input.button-orange:hover { background:#cc4a03; color:#fff }
.button-orange:active, a:active.button-orange, input.button-orange:active { background:#cc4a03; color:#fff; -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 }

/*-------------------分页css开始-------------------*/

div.quotes { text-align:center }
div.quotes a { display: inline-block; padding:5px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; color:#8f8f8f }
div.quotes a:hover { padding:5px 10px; background:#f0f0f0 }
div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current { padding:5px 10px; background:#e9e9e9; color:#000 }
div.quotes a.disabled { padding:5px 10px; background:#f6f6f6; color:#bfbfbf }
div.quotes a#pre { margin-right: -3px }
div.quotes a#next { margin-left: -3px }


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

/*-------------------抖动动画-------------------*/
.overlay-dialog-animate { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: scale-fade .5s forwards cubic-bezier(.8, .02, .45, .91); animation: scale-fade .5s forwards cubic-bezier(.8, .02, .45, .91) }

@-webkit-keyframes scale-fade {
0% {
opacity:0;
-webkit-transform:scale(.8) rotateX(-40deg);
transform:scale(.8) rotateX(-40deg)
}
50% {
opacity:1
}
70% {
-webkit-transform:scale(1.05) rotateX(0);
transform:scale(1.05) rotateX(0)
}
100% {
-webkit-transform:scale(1) rotateX(0);
transform:scale(1) rotateX(0)
}
}
@keyframes scale-fade {
0% {
opacity:0;
-webkit-transform:scale(.8) rotateX(-40deg);
transform:scale(.8) rotateX(-40deg)
}
50% {
opacity:1
}
70% {
-webkit-transform:scale(1.05) rotateX(0);
transform:scale(1.05) rotateX(0)
}
100% {
-webkit-transform:scale(1) rotateX(0);
transform:scale(1) rotateX(0)
}
}

/*-------------------通用头部-------------------*/ 
.headbox { width:100%; max-width: 1440px; background: #fff; position: relative; z-index: 1000 }

.logo { margin-top: 29px; margin-left: 2% }
.logo .logo-jc { display: block; width: auto; height: 40px }
.logo .logo-qc { display: none; width: auto; height: 30px; margin-top: 5px }

.headbox.in-headbox .logo .logo-jc { display: none }
.headbox.in-headbox .logo .logo-qc { display: block }

.headnav { margin-right: 130px }
.headleft { width: 100%; height: 98px; background: #fff; overflow: hidden }

.headnavicon { width: 130px; margin-right: -130px; text-align: center; height: 98px; line-height: 108px; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background:#fff; color:#004386 }
.headnavicon i.icon-liebiao { position:absolute; top:34px; left:51px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }

.headmenu.current { position: fixed; width:100%; height: 0px; max-width:1440px }
.headmenu.current .headnav { height: 0px }
.headmenu.current .headleft { width: 0 } 
.headmenu.current .headnavicon { background:#004386; color:#fff }
.headmenu.current .headnavicon i.icon-liebiao, .headnav.close .headnavicon i.icon-liebiao { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) }
.headmenu.current .headnavicon:hover, .headnav.close .headnavicon:hover, .headnav:hover .headnavicon, .headnav.close:hover .headnavicon { background:#fff; color:#004386 }
.headmenu.current .headnavicon:hover i.icon-liebiao, .headnav.close .headnavicon:hover i.icon-liebiao, .headnav:hover .headnavicon i.icon-liebiao, .headnav.close:hover .headnavicon i.icon-liebiao { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }

.headnav.close .headnavicon { background:#004386; color:#fff }


.nav { overflow: hidden; width: auto; height: auto }

.nav ul li { float:left }
.nav ul li .mainmenu { display:block; font-size:18px; color:#767676; height:98px; line-height:98px; padding-left:50px; padding-right:50px; position:relative }

.mainmenu .icon-jiantou-copy { position:absolute; top:70px; left:50%; margin-left:-5.5px; color: #fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

.nav ul li .mainmenu:hover, .nav ul li .mainmenu.menuLiBnameover, .nav ul li .mainmenu.menuLipitchon.menuLiBnameover { background:#004386; color:#fff }

.nav ul li .mainmenu.menuLipitchon { font-weight: bold; color:#004386 }
.nav ul li .mainmenu.menuLipitchon .icon-jiantou-copy { color:#004386 }
.nav ul li .mainmenu.menuLipitchon.menuLiBnameover .icon-jiantou-copy { color:#fff }

.menuListBox { height:60px; width:100%; position:absolute; top:98px; left:0; background:#004386; display:none; z-index:200 }
.menuList { height:60px; line-height:60px }
.menuList a { font-size:18px; color:#fff; padding: 0 20px }
.menuList a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.menuList01 { position:absolute; right: 450px }

.menuList02 { width: 100% }
.menuList02 a { display: block; width: 20%; text-align: center; height:60px; line-height:60px; padding: 0 }
.menuList02 a:hover { background: #012f6e; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.menuList02txt { display: inline-block; height: 27px; line-height:27px; margin-top: 16px; padding-left: 26px; background: #f00; }
.menuList02txt.menu-icon01 { background:url(../images/menu-icon01.png) 0 0 no-repeat } 
.menuList02txt.menu-icon02 { background:url(../images/menu-icon02.png) 0 0 no-repeat } 
.menuList02txt.menu-icon03 { background:url(../images/menu-icon03.png) 0 0 no-repeat } 
.menuList02txt.menu-icon04 { background:url(../images/menu-icon04.png) 0 0 no-repeat } 
.menuList02txt.menu-icon05 { background:url(../images/menu-icon05.png) 0 0 no-repeat } 
.menuList02line { width: 1px; height: 20px; line-height: 20px; font-size: 0; background: rgba(255,255,255,0.1); background: url(../images/fff_10.png)\9; margin-top: 20px }
.level3menu { width:100%; height: 40px; line-height: 40px; background: #3f3f3f; position: absolute; top: 60px; z-index: 210; }
.level3menu a { display:inline-block; height: 100%; padding: 0 30px }
.level3menu a:hover { background: #333 } 

.menuList03 { position:absolute; right: 295px }
.menuList04 { position:absolute; right: 160px }
.menuList05 { position:absolute; right: 6px }

@media ( min-width:1181px ) and ( max-width:1366px ) {
.headbox.in-headbox .nav ul li .mainmenu { padding-left:30px; padding-right:30px }	
}
@media ( min-width:1051px ) and ( max-width:1180px ) {
.headbox.in-headbox .nav ul li .mainmenu { padding-left:20px; padding-right:20px }	
}
@media ( min-width:901px ) and ( max-width:1050px ) {
.headbox.in-headbox .nav ul li .mainmenu { padding-left:15px; padding-right:15px }	
.headbox.in-headbox .logo .logo-qc { width: auto; height: 24px; margin-top: 5px }
}
@media ( min-width:801px ) and ( max-width:901px ) {
.headbox.in-headbox .nav ul li .mainmenu { padding-left:10px; padding-right:10px }	
.headbox.in-headbox .logo .logo-qc { width: auto; height: 20px; margin-top: 5px }
}

@media ( min-width:801px ) and ( max-width:1180px ) {
.logo { margin-top: 33px }
.logo img { width: auto; height: 32px }

.nav ul li .mainmenu { padding-left:20px; padding-right:20px }
.menuList01 { right: 150px }
.menuList02 { right: 130px }
.menuList03 { right: 115px }
.menuList03 { right: 40px }
}
/*-------------------底部通用-------------------*/
.footbox { background: #fff }
.footlink { float: right; position: relative; z-index: 100; }
.footlink .footlink-a { display: inline-block; color:#004386; cursor: pointer }
.footlink a:hover .footlink-a, .footlink .footlink-a:hover { color:#000 }
.footlink .line { color:#004386; font-style: italic; margin-left: 10px; margin-right: 10px }

.copyright { float: left }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:#707070; 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; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.gototop:hover { background:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.gototop:hover .icon-jiantou-copy1 { color: #000 }
.gototop .icon-jiantou-copy1 { color: #fff }

.foot-wechat { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; left:50%; margin-left:-137px; width:274px; height:286px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm img { display: block; width: 100%; height: auto }

.department-pop { width: 250px; position: absolute; left:50%; margin-left:-125px; bottom: 38px; background: #fff; -moz-box-shadow:0 0 15px rgba(0,0,0,.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); display: none; }
.department-pop .arrows-downbox { width: 100%; height: 40px; position: absolute; bottom: -40px; left: 0 }
.department-pop .arrows-down { width: 32px; height: 17px; position: absolute; top: 0; left: 50%; margin-left: -16px }

.department-touch .footlink-a { width: 75px }
.department-touch .footlink-a .icon-caretdown { font-size: 10px!important; position: absolute; top: 5px; right: 0; -webkit-transition: transform 0.2s ease 0s; transition: transform 0.2s ease 0s; }
.department-touch:hover .icon-caretdown { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

/*-------------------首页-------------------*/
.in-con01, .in-con01 .kwicks, .in-con01 .kwicks .kwicks-li { height:700px }

.in-comarea { width:100%; height:700px; position:relative }
.in-comarea .inkwicks-bg { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%); transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.in-comarea:hover .inkwicks-bg {	
	-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0)
}
.inkwicks-comcon, .inkwicks-comtxt, .inkwicks-line01, .inkwicks-line02 { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }

.inkwicks-comcon { width: 100%; height: 100%; background: url(../images/index/inkwicks-bg.png); position: absolute; top: 0; left: 0; z-index: 3; overflow: hidden; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s }
.inkwicks-line01 { position: absolute; top: -166px; left: -136px; z-index: 4; transition-delay: .4s; -moz-transition-delay: .4s; -webkit-transition-delay: .4s; -o-transition-delay: .4s }
.inkwicks-line02 { position: absolute; bottom: -166px; right: -136px; z-index: 4; transition-delay: .4s; -moz-transition-delay: .4s; -webkit-transition-delay: .4s; -o-transition-delay: .4s }
.inkwicks-comtxt { position: absolute; top: 50%; left: 50%; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition-delay: .6s; -moz-transition-delay: .6s; -webkit-transition-delay: .6s; -o-transition-delay: .6s; text-align: center }
.inkwicks-txt01 { width: 220px; height: 360px; margin-top: -180px; margin-left: -110px }
.inkwicks-txt02 { width: 220px; height: 370px; margin-top: -185px; margin-left: -110px }
.inkwicks-txt03 { width: 300px; height: 360px; margin-top: -180px; margin-left: -150px }
.inkwicks-txt04 { width: 220px; height: 280px; margin-top: -140px; margin-left: -110px }

.inkwicks-comcon:hover { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.inkwicks-comcon:hover .inkwicks-line01 { top: 0; left: 0 }
.inkwicks-comcon:hover .inkwicks-line02 { bottom: 0; right: 0 }
.inkwicks-comcon:hover .inkwicks-comtxt { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

.inkwicks-label { width:130px; text-align: center; height: 98px; line-height: 98px; position: absolute; z-index: 2; transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s }
.inkwicks-label01 { top: 0; left: 0 }
.inkwicks-label02 { top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.inkwicks-label02 .inkwicks-line { position: absolute; bottom: 0; right: 0 }
.inkwicks-label03 { top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.inkwicks-label03 .inkwicks-line { position: absolute; bottom: 0; left: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.inkwicks-label04 { top: 0; right: 0 }
.inkwicks-label04 .inkwicks-line { position: absolute; top: 0; right: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }

.in-comarea:hover .inkwicks-label { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }



/*------------------内页通用-------------------*/

::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}


/*------------------作品-------------------*/
.case_info, .case_infotxt, .case_infotxt p, .cslist-block01, .cslist-txt, .cslist-jtbox, .shadebox, .shadetxt { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }

.caselist .wrapper { margin-left: 1%; margin-right: auto }
.caseitem { margin-right: 1%; margin-bottom: 100px; width: 24%; float: left; position: relative }
.caseitem a { display: block; overflow: hidden }
.caseitem img { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%) }
.caseitem a:hover img {	-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0) }
.case_info { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.case_infotxt { position: absolute; height: 56px; width: 100%; bottom: -56px; margin-top: 0; top: auto; overflow: hidden }
.caseitem a:hover .case_infotxt { height: 138px; bottom: -64px }
.case_infotxt p { text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.caseitem a:hover .case_infotxt p { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.case_infotxt p.title { margin-top: 10px; width: 100%; min-height: 2.4em; line-height: 1.2em; color: #000; font-size: 18px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.caseitem a:hover .case_infotxt p.title { margin-top: 0; color: #fff }
.caseitem .case_infotxt p.line { margin-top: 20px; padding: 0; width:1px; height: 44px; line-height: 44px; font-size:0; background:#dedede; border:0 none; margin-left: auto; margin-right: auto; transition-delay: .05s; -moz-transition-delay: .05s; -webkit-transition-delay: .05s; -o-transition-delay: .05s }
.caseitem a:hover .case_infotxt p.line { margin-top: 10px }
.caseitem .case_infotxt p.subtitle { margin-top: 20px; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s }
.caseitem a:hover .case_infotxt p.subtitle { margin-top: 10px }

.label-triangle { width: 86px; height: 86px; position:absolute; bottom:0; right:0; z-index:100 }
.label-triangle-jt { border-left:86px solid transparent; border-bottom:86px solid #37b300 }
.label-triangle span { display: block; font-size:14px; line-height:14px; color:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; top:46px; left:26px; z-index:101 }

.cs-navbox { width: 96%; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px }
.cs-navlist a { display: inline-block; margin-right: 40px; margin-top:10px; border-bottom: 1px solid transparent; color:rgba(0,0,0,0.8); color: url(../images/000_80.png)\9 }
.cs-navlist a:hover, .cs-navlist a.this { border-bottom: 1px solid #000; color:rgba(0,0,0,1); color: #000 }

.small-case .case_infotxt p.title { font-size: 14px }

/*-------------------瀑布流css开始-------------------*/
.cslist-box { float: left; width: 440px }
.cslist-box .col1, .cslist-box .col2 { width: 100% }
.cslist-box .col1 img, .cslist-box .col2 img { display: block; width: 100%; height: auto; -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%) }
.cslist-box a:hover img {	
	-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0)
}
.cslist-block01 { width: 95%; padding: 20px 40px; position:absolute; bottom:20px; right:0; z-index:100; background: rgba(0,0,0,0.8); background: url(../images/000_80.png)\9; color: #fff }
.cslist-box a:hover .cslist-block01 { background: rgba(0,0,0,0.6); background: url(../images/000_60.png)\9 }
.cslist-jtbox { width: 30px; text-align: center; height: 30px; line-height: 32px; border: 1px solid #fff; position: absolute; top: 50%; margin-top: -15px; right: 40px }
.cslist-txt { width: 300px }
.cslist-box a:hover .cslist-txt { margin-left: 20px }
.cslist-box a:hover .cslist-jtbox  { right: 20px; border: 1px solid #fff }

.cslist-noimg { display: block; width: 100%; height: 200px }
.cslist-block02 { width: 100%; height: 100%; padding: 20px 40px; position:absolute; bottom:0; right:0; z-index:100; background: rgba(0,0,0,0.6); background: url(../images/000_60.png)\9; color: #fff }
.cslist-block02 .cslist-txt { 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%) }
.cslist-box a:hover .cslist-block02 { background: rgba(0,0,0,0.3); background: url(../images/000_30.png)\9 }

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

.lookover, .bshare { height: 86px; position: relative }
.lookover i.iconfont, .bshare i.iconfont { height: 42px; line-height: 42px }
.weixin-Qr { display:block; width:100%; height:100%; background: #004386; color: #fff; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.weixin-Qr:hover { background: #37b300; color: #fff }
.weixin-Qr-code { display: none; opacity: 0; position: absolute; width: 130px; height: 130px; left: -200px; top: 0; box-shadow: 0 0 6px rgba(14,22,30,.3); background-color: #fff; z-index: 10; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.weixin-Qr-code:after, .article-share .weixin-Qr-code:before { display: block; position: absolute; width: 0; height: 0; top: 20px; right: -18px; content: '' }
.weixin-Qr-code:before { border: 8px solid transparent; border-left: 10px solid rgba(0,0,0,.3); border-left: 10px solid #fff\9 }
.weixin-Qr-code:after { border: 8px solid transparent; border-left: 10px solid #fff }

.bshare-show { width: 100%; height: 100%; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.bshare-show i.iconfont { color: #004386; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.bshare:hover .bshare-show { background: #37b300; color: #fff }
.bshare:hover .bshare-show i.iconfont { color: #fff }
.bshare a.bshareDiv, .bshare a.bshareDiv .buzzButton { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0; }
.bshare a.bshareDiv .buzzButton.bsStyle10 { background: none!important }
.bshare a.bshareDiv { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.shadebox { width: 100%; height: 100%; position: absolute; left: 0; top: 80%; z-index: 2 }
.shadetxt { width: 100%; padding: 0 10px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: absolute; left: 0; top: 5%; z-index: 3; transition-delay: .15s; -moz-transition-delay: .15s; -webkit-transition-delay: .15s; -o-transition-delay: .15s }
a:hover .shadebox { top: 0 }
a:hover .shadetxt { white-space:normal; overflow:auto; text-overflow:inherit; top:auto; bottom:10px  }


.det-caselist-shade { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.det-caselist .relevant-imgbox:hover .det-caselist-shade, .service-caselist a:hover .det-caselist-shade { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.cd-con01 { min-height: 220px }

.media-tab li a { display: inline-block; text-align: center; height: 54px; line-height: 54px; padding:0 30px  }
.media-tab li a:hover, .media-tab li a.this { background: #004386; color: #fff }

.playbox { display: block; cursor: pointer }
.playicon { width: 60px; text-align: center; height: 60px; line-height: 76px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; overflow: hidden; background: rgba(255,255,255,0.8); background: #fff\9; }
.playbox:hover .playicon, .playicon:hover { background: #004386; -moz-box-shadow:0px 0px 28px #004386; -webkit-box-shadow:0px 0px 28px #004386; box-shadow:0px 0px 28px #004386 } 
.playbox:hover .playicon .color004386, .playicon:hover .color004386 { color: #fff }

.media-popbox { width: 680px; height: 480px; overflow:hidden }

/*------------------服务-------------------*/
.service_info, .service_infotxt, .service_infotxt p, .service_shade, .service_shade .iconfont { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }

.servicelist .wrapper { margin-left: 2%; margin-right: auto }
.serviceitem { margin-right: 2%; margin-bottom: 100px; width: 31.33%; float: left; position: relative }
.serviceitem a { display: block; overflow: hidden }
.service_shade { width: 100%; height: 100%; background: rgba(0,0,0,0.3); background: url(../images/000_30.png)\9; position: absolute; left: 0; top: 0; z-index: 2; }
.serviceitem a:hover .service_shade { background: rgba(0,0,0,0.6); background: url(../images/000_60.png)\9 }
.service_shade .iconfont { font-size: 100px; position: absolute; top: 50%; margin-top: -50px; left: 50%; margin-left: -50px; z-index: 3; }
.serviceitem a:hover .service_shade .iconfont { top:35%; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }

.service_shade .iconfont.icon-gengduo { font-size: 70px; position: absolute; top: 50%; margin-top: -35px; left: 50%; margin-left: -35px; z-index: 3; }

.service_info { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10 }
.service_infotxt { position: absolute; height: 30px; width: 100%; bottom: -30px; margin-top: 0; top: auto; overflow: hidden }
.serviceitem a:hover .service_infotxt { height: 202px; bottom: -62px }
.service_infotxt p { text-align: center; padding: 0 20px }
.service_info p.title { margin-top: 10px; color: #000; font-size: 18px; line-height: 1.2em; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s }
.serviceitem a:hover .service_info p.title { margin-top: 0; color: #fff; font-size: 24px }
.service_info p.intro { margin-top: 30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; color: #fff; transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s }
.serviceitem a:hover .service_info p.intro { margin-top: 20px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; color: #fff }
.service_info p.line { margin-top: 42px; padding: 0; width:1px; height: 44px; line-height: 44px; font-size:0; background:#dedede; border:0 none; margin-left: auto; margin-right: auto; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s }
.serviceitem a:hover .service_info p.line { margin-top: 32px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.service_info p.subtitle { margin-top: 20px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition-delay: .4s; -moz-transition-delay: .4s; -webkit-transition-delay: .4s; -o-transition-delay: .4s }
.serviceitem a:hover .service_info p.subtitle { margin-top: 10px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.service-caselist .wrapper { margin-left: 2%; margin-right: 0 }
.service-caselist .caseitem { margin-left: 0; margin-right: 2%; width: 31.33% }
.service-caselist .caseitem img { width: 100%; height: auto }
.service-caselist .case_infotxt p.title { font-size: 14px }


.certificate .icon-chakan { margin-top: -4px }
.certificate .verticalbar-h40-fff { margin-left: -40px }
.certificate:hover { background: rgba(0,0,0,0.1); background: url(../images/000_60.png)\9; color: #fff }

/*------------------新闻-------------------*/
.news-shadebox, .news-shadetxt p, .newslist-jtbox { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.news-shadebox { width: 100%; height: 140px; background: rgba(0,0,0,0.6); background: url(../images/000_60.png)\9; position: absolute; left: 0; bottom: -90px; z-index: 2; overflow: hidden }
a:hover .news-shadebox { bottom: 0 }
.news-shadetxt { width: 80%; position: absolute; left: 10%; top: 10px; z-index: 3; transition-delay: .05s; -moz-transition-delay: .05s; -webkit-transition-delay: .05s; -o-transition-delay: .05s }
.news-shadetxt p.newstitle { margin-top: 0 }
a:hover .newstitle { margin-top: 15px }
.news-shadetxt p.newsdate { margin-top: 30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s }
a:hover .newsdate { margin-top: 5px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.news-shadetxt p.newssummary { margin-top: 35px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s }
a:hover .newssummary { margin-top: 10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

.news-navlist a { display: inline-block; margin-right: 30px; padding-bottom: 5px; border-bottom: 1px solid transparent; color:#fff }
.news-navlist a:hover, .news-navlist a.this { border-bottom: 1px solid #fff; color:#fff }

.newsYearLiTitle i { background-image: url(../images/news/news-icon.png); background-repeat: no-repeat; background-position: 0 0; width: 9px; height: 5px; display: block; float: right; margin-right: 20px; margin-top: 20px; 
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.newsYearLiTitle:hover i, .NYover i{ background-position: 0 -11px }
.newsYearLiTitle { background: none repeat scroll 0 0 #eee; color: #858585; display: block; font-size: 18px; height: 50px; line-height: 50px; margin-bottom: 1px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}
.newsYearLiTitle:hover, .NYover { background: none repeat scroll 0 0 #c2c2c2; color: #fff }
.newsYearliBox { background-color: #fff; }
.newsMonth { color: #5e5e5e; display: block; float: left; height: 34px; line-height: 34px; text-align: center; width: 25% }
.newsMonth:hover, .newsYearliBox .NMover { color: #68c918; text-decoration: underline }

.newsYearmore{ background-color: #fff; color:#858585; height:30px; line-height:30px; margin-top: 1px; cursor: pointer;	transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
}
.newsYearmore:hover{ background-color: #e8e8e8 }

input.newsearch-input01 { font-size:18px; height: 30px; line-height: 30px; background:#fff; border-color:#fff }
.newsearch-btn { position: absolute; top: 15px; right: 10px }

.news-con:hover { color: #000; -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1) }
.newslist { margin-left: 180px; margin-right: 270px }
.newslist-date { float: left; width: 150px; padding-right: 30px; margin-left: -180px }
.newslist-date .icon-xian { margin-top: -20px }
.newslist-jtbox { width: 44px; text-align: center; height: 44px; line-height: 48px }
.news-con:hover .newslist-jtbox  { background: #000; color: #fff }
.newslist-txt, .nhlist-txt { width: 100%　}
.newslist-img { float: right; width: 240px; padding-left: 30px; margin-right: -270px }
.newslist-img img { display: block; width: 100%; height: auto }
.news-con:hover .newslist-img .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) }

.nhlist { margin-left: 270px }
.nhlist-img { float: left; width: 240px; padding-right: 30px; margin-left: -270px }
.nhlist-txt .icon-xianbox { margin-top: -20px; margin-left: -5px; margin-bottom: 40px }

.return, .print, .newsbshare { height: 86px; line-height: 86px; z-index: 100 }
.return, .print a, .newsbshare a.newsbshare-btn { color: #b5b5b5 }
.return-txt { margin-left: 36px; margin-top: 2px }
.print a:hover, .newsbshare a.newsbshare-btn:hover { color: #004386 }

.print .iconfont, .newsbshare-btn .iconfont { line-height: 90px }

.newsbshare .share-pop { top: 70px }
.combshare .share-pop { top: 50px }

.share-pop { width: 160px; height: 70px; padding: 5px; left: 50%; margin-left: -82px; z-index: 100; display: none }
.share-pop em { display: block; width:0; height:0; position: absolute; top: -6px; left: 50%; margin-left: -10px; border-right: 8px solid transparent; border-bottom: 10px solid #fff; border-left: 8px solid transparent; }

.share-pop .bshare-custom { width: 160px; height: 70px; position: absolute; top: 5px; left: 5px; z-index: 101; background: #ff0; }
.share-pop .bshare-custom .bshare-sinaminiblog, .share-pop .bshare-custom .bshare-weixin { display: block; width: 80px; height: 70px; padding: 0; margin: 0; position: absolute; top: 0; z-index: 102;  }
.share-pop .bshare-custom .bshare-sinaminiblog:hover, .share-pop .bshare-custom .bshare-weixin:hover { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.share-pop .bshare-custom .bshare-sinaminiblog { left: 0; background:url(../images/weibo-w.jpg) center center no-repeat }
.share-pop .bshare-custom .bshare-sinaminiblog:hover { background:url(../images/weibo.jpg) center center no-repeat }
.share-pop .bshare-custom .bshare-weixin { left: 80px; background:url(../images/weixin-w.jpg) center center no-repeat }
.share-pop .bshare-custom .bshare-weixin:hover { left: 80px; background:url(../images/weixin.jpg) center center no-repeat }

.nd-con img { display: block; max-width: 60% } 


.nhlist { margin-left: 1%; margin-right: auto }
.nhitem { margin-right: 1%; margin-top: 15px; width: 32%; float: left }
.nhitem .nhitem-img img { width: 100%; -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%); transition: all ease-out 1s; -webkit-transition: all ease-out 1s; -moz-transition: all ease-out 1s; -o-transition: all ease-out 1s }
.nhitem:hover .nhitem-img img {	-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.nhitem-txt { width: 100%; height: 100px; background: rgba(0,0,0,0.6); background: url(../images/000_60.png)\9; padding: 20px; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; bottom: -100px; left: 0; z-index: 2 }
.nhitem:hover .nhitem-txt { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 0 }

.nhlist-box { float: left; width: 440px }
.nhlist-box img { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%); transition: all ease-out 1s; -webkit-transition: all ease-out 1s; -moz-transition: all ease-out 1s; -o-transition: all ease-out 1s }
.nhlist-box:hover img {	-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0) }

.nhlist-txt { width: 100%; height: 80px; overflow: hidden; background: rgba(0,0,0,0.6); background: url(../images/000_60.png)\9; position: absolute; left: 0; bottom: -80px; z-index: 2; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.nhlist-box:hover .nhlist-txt { bottom: 0 }

.arrows_newsbox { position:absolute; top:1px; right:1px; width:8rem; height:8rem }
.arrows_newstit { font-size:16px; font-size:1.6rem; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:2rem; right:0.4rem }
.arrows_news { display:block; border-top:8rem solid #ff0000; border-left:8rem solid transparent }

/*------------------创新-------------------*/
.inn-comcon, .innovation-line, .inn-comtxt-list01, .inn-comtxt-list02, .inn-comtxt-btn { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }

.inn-comcon { height: 50%; top: 50% }
.inn-comcon:hover { height: 100%; top: 0; color: #fff }

.innovation-line { top: -22px; width:1px; height: 44px; line-height: 44px; font-size:0; background:#7e7e7e }
.inn-comcon:hover .innovation-line { top: -44px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }

.inn-combox { width: 100%; height: 90%; position: absolute; top: 0; left: 0 }
.inn-comtxt { width: 80%; padding-top: 20%; }

.inn-comtxt-title { margin-top: 40px }
.inn-comcon:hover .inn-comtxt-title { margin-top: 20px }

.inn-comtxt-list01, .inn-comtxt-list02, .inn-comtxt-btn { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; margin-top: 60px }
.inn-comcon:hover .inn-comtxt-list01, .inn-comcon:hover .inn-comtxt-list02, .inn-comcon:hover .inn-comtxt-btn { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-top: 40px }
.inn-comtxt-list01 { transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s }
.inn-comtxt-list02 { transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s }
.inn-comtxt-btn { transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s }

.inn-con01 { background:#cae8f3 }
.inn-con01:hover { background:#1cb3eb }
.inn-con02 { background:#ced3e4 }
.inn-con02:hover { background:#344da0 }
.inn-con03 { background:#eae3c7 }
.inn-con03:hover { background:#bd9c10 }

.inn-con02.inn-comcon, .about-con02.inn-comcon { height: 50%; top: 0 }
.inn-con02.inn-comcon:hover, .about-con02.inn-comcon:hover { height: 100%; top: 0; color: #fff }
.inn-con02.inn-comcon .innovation-line, .about-con02.inn-comcon .innovation-line { top: auto; bottom: -22px }
.inn-con02.inn-comcon:hover .innovation-line, .about-con02.inn-comcon:hover .innovation-line { top: auto; bottom: -44px }

.create-con { background: url(../images/innovation/create-bg.jpg) bottom center no-repeat; background-size: cover }

.achievementlist .wrapper { margin-left: 3.5%; margin-right: 1.5% }
.achievement-box { padding-left: 8px; padding-right: 8px }
a.achievement-con { height: 260px; margin-right: 2%; width: 31.33%; float: left; position: relative; overflow: hidden; color: #fff }
a.achievement-con:hover { color: #fff }
.achievement-txtbox { position: relative; margin-top: 60px }
.achievement-icon, .achievement-title, .achievement-txt, .achievement-icon i.iconfont { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.achievement-icon, .achievement-title, .achievement-txt { display: block; position: absolute; width: 100%; text-align: center  }
.achievement-icon { top: 0 }
.achievement-icon i.iconfont { font-size: 70px; position: absolute; top: 0; left: 50%; margin-left: -35px; }
.achievement-title { top: 90px }
.achievement-txt { top: 120px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.achievement-con:hover .achievement-icon { top: -40px }
.achievement-con:hover .achievement-icon i.iconfont { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.achievement-con:hover .achievement-title { top: 30px }
.achievement-con:hover .achievement-txt { top: 80px; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

.particles-box { height: 780px }
.particles-circle { position: absolute; z-index: 10; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.particles-circle:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.p-circle01 { width: 200px; height: 200px; padding-top: 70px; top: 33%; left: 8% }
.p-circle02 { width: 135px; height: 135px; padding-top: 40px; bottom: 10%; left: 46% }
.p-circle03 { width: 210px; height: 210px; padding-top: 75px; top: 8%; left: 50% }
/*.p-circle04 { width: 130px; height: 130px; padding-top: 38px; top: 15%; right: 10% }*/
.p-circle05 { width: 160px; height: 160px; padding-top: 50px; bottom: 8%; right: 20% }
.p-circle06 { width: 210px; height: 210px; padding-top: 75px; top: 35%; right: 10% }
.p-circle07 { width: 160px; height: 160px; padding-top: 50px; top: 10%; left: 30% }
.p-circle08 { width: 272px; height: 272px; padding-top: 105px; top: 38%; left: 32% }

.create-li01 { width: 40% }
.create-li02 { width: 60% }
.create-li03 { width: 30% }
.create-li04 { width: 12% }
.create-li05 { width: 18% }

/*------------------关于-------------------*/
.about-comcon { background:transparent }
.about-comcon:hover { background:#0464c2 }

.aboutbshare { width: 62px; height: 36px; line-height: 36px; overflow: hidden; color: #fff }
.aboutbshare a, .aboutbshare .bshare-show i.iconfont { color: #fff }
.aboutbshare.bshare:hover .bshare-show i.iconfont { color: #fff; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.aboutbshare.bshare:hover .bshare-show { background: transparent; color: #fff; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.aboutbshare-txt { width: 62px }


.history-con { background: url(../images/about/history-bg.jpg) center center no-repeat; background-size: cover }
.culture-txt { height: 210px }
.about-btn01 { width: 180px; height: 42px; line-height: 42px; background: #0464c2; color: #fff; -moz-border-radius:21px; -webkit-border-radius:21px; border-radius:21px }
.about-btn01:hover { background: #0575e3; color: #fff }
.about-btn01:active { background: #045cb2; color: #fff; -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 }
.honor-con { background: url(../images/about/honor-bg.jpg) bottom right no-repeat; background-size: cover }
.partner-con { background: url(../images/about/partner-bg.jpg) center center no-repeat; background-size: cover }
.together-con { background: url(../images/about/together-bg.jpg) bottom right no-repeat; background-size: cover }
.leader-portrait { width: 100%; max-width: 164px; max-height: 164px }

.team-list li { width: 22%; line-height: 2em  }
.team-list li.team-li01 { width: 34% }


.chart-wrapper { margin-left: -5px; margin-right: -5px }
.chart-con { width: 14.28% }
.chart-con01, .chart-con02, .chart-con03 { float: left }
.chart-classify01 { cursor: pointer }
.chart-title { position: absolute; top: 40%; left: 5%; font-size: 24px; line-height: 1.2em }
.chart-classify01 i.icon-jiantou-copy { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.chart-classify01:hover i.icon-jiantou-copy { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: none\9 }
.chart-classify02 i.icon-jiantou-copy { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: none\9 }

@media ( max-width:1260px ) {	
.chart-title { font-size: 20px }
}
.chart-listbox { width: 100%; position: absolute; top: 55%; left: 0; z-index: 1 }
.chart-list { padding: 20px; display: none }
.chart-list a:hover { color: #0097c7; text-decoration: underline }
.chart-list p { cursor: default }
.chart-arrows { display: none }
.chart-classify01:hover .chart-title { z-index: 11 }
.chart-classify01:hover .chart-listbox { z-index: 10 } 

.honor-txtbox, .honor-txt { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.honor-box { position:relative; overflow: hidden }
.honor-txtbox { position:absolute; top:0; left:0; z-index: 2 }
.honor-txt { 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%); left: 0; z-index: 3 }
.honor-txt i.iconfont { font-size: 100px }
.honor-box:hover .honor-txtbox { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.honor-box:hover .honor-txt { top: -50% }

.recruit-list { height: 120px; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.recruit-list:hover { -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1) }
.recruit-list i.icon-rightarrow { line-height: 52px; margin-right: -12px }

.recruit-btn a.button { width: 106px; text-align: center; height: 32px; line-height: 32px }

.contact-title { border-bottom: 1px solid #dadada }
.contact-title h5 { display:inline-block; height: 40px; line-height: 40px; border-bottom: 1px solid #045fb9; margin-bottom: -1px }


.contact-tabs #tabs { width: 100%; list-style: none; border-bottom: 1px solid #dadada }
.contact-tabs #tabs li { float: left; margin-bottom: -1px; }
.contact-tabs #tabs a { float: left; position: relative; padding: 0; margin-right: 20px; height: 40px; line-height: 40px; text-decoration: none; border-bottom: 1px solid #dadada }
.contact-tabs #tabs a:hover, .contact-tabs #tabs a:focus { color: #045fb9 }
.contact-tabs #tabs a:focus { outline: 0; color: #045fb9 }
.contact-tabs #tabs #current { z-index: 3; border-bottom: 1px solid #045fb9 }
.contact-tabs #content { background: #fff }

.contact-dl01 { margin-left: 150px }
.contact-dl01 dt { width: 140px; margin-left: -150px }
.contact-dl01 dd { width: 100% }

input.contact-input { width: 100%; height: 34px; line-height: 34px; border: 1px solid #c2c2c2; background: transparent }
.contact-textarea { width: 100%; border: 1px solid #c2c2c2; background: transparent }

.map-list { width: 20% }

.manpower-con img { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%); transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.manpower-con:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0)
}

.manpower-con em { display: block; position: absolute; top:50%; margin-top: -20px; border-top:20px solid transparent; border-bottom:20px solid transparent; z-index: 10 }

.manpower-con01 { background: #3fc1e9 }
.manpower-con01 em { right:-20px; border-left:20px solid #3fc1e9 }
.manpower-con01:hover .manpower-border01 { border-top: 5px solid #3fc1e9; border-bottom: 5px solid #3fc1e9 }
.manpower-con01:hover .manpower-border02 { border-top: 5px solid #3fc1e9; border-bottom: 5px solid #3fc1e9; border-right: 5px solid #3fc1e9 }

.manpower-con02 { background: #00a51b }
.manpower-con02 em { right:-20px; border-left:20px solid #00a51b }
.manpower-con02:hover .manpower-border01 { border-top: 5px solid #00a51b; border-bottom: 5px solid #00a51b }
.manpower-con02:hover .manpower-border02 { border-top: 5px solid #00a51b; border-bottom: 5px solid #00a51b; border-right: 5px solid #00a51b }

.manpower-con03 { background: #1640ba }
.manpower-con03 em { left:50%; margin-left: -20px; top: -20px; border-right:20px solid transparent; border-bottom:20px solid #1640ba; border-left:20px solid transparent }
.manpower-con03:hover .manpower-border03 { border-top: 5px solid #1640ba; border-left: 5px solid #1640ba }
.manpower-con03:hover .manpower-border04 { border-top: 5px solid #1640ba; border-right: 5px solid #1640ba }
.manpower-con03:hover .manpower-border05 { border-left: 5px solid #1640ba; border-bottom: 5px solid #1640ba }

.manpower-con04 { background: #ff5d04 }
.manpower-con04 em { right:-20px; border-left:20px solid #ff5d04 }
.manpower-con04:hover .manpower-border02 { border-top: 5px solid #ff5d04; border-bottom: 5px solid #ff5d04; border-right: 5px solid #ff5d04 }

.manpower-con05 { background: #a410ce }
.manpower-con05 em { left:-20px; border-right:20px solid #a410ce }
.manpower-con05:hover .manpower-border06 { border-top: 5px solid #a410ce; border-bottom: 5px solid #a410ce; border-left: 5px solid #a410ce }

.manpower-con06 { background: #ef0854 }
.manpower-con06 em { right:-20px; border-left:20px solid #ef0854 }
.manpower-con06:hover .manpower-border01 { border-top: 5px solid #ef0854; border-bottom: 5px solid #ef0854 }
.manpower-con06:hover .manpower-border02 { border-top: 5px solid #ef0854; border-bottom: 5px solid #ef0854; border-right: 5px solid #ef0854 }

.manpower-border { position: absolute; top: 0; left: 0; z-index: 11 }
.manpower-title { width: 100%; position: absolute; top: 30% }

.campus-con .width10 { margin-top: 15px }


.stick { width: 340px; position: fixed; top: 400px; z-index: 9999; padding: 25px 15px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px }
.stick .icon-close { position: absolute; top: 10px; right: 10px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease }
.stick .icon-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }
.stick a { color: #fff; text-shadow: rgba(0,0,0,0.3) 1px 1px 2px }
.stick a:hover { color: rgba(255,255,255,0.8); text-shadow: none }
.stick-dl { margin-left: 50px }
.stick-dl dt { width: 35px; padding-right: 15px; margin-left: -50px }
 
.manpower-ewm { max-width: 980px; margin: 20px auto 0 }


/*  */
.wall-column {
    position: relative;
    width: 33.33%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.article {
    margin-bottom: 20px;
    background: #fff;
}
.disflex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}