@charset "utf-8";
/* 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: #f2f2f2; 
    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:#d7000f; color:#fff }
::-moz-selection { background-color:#d7000f; 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:#d7000f }

.a02, a.a02, .a02 a { color: #d7000f }
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 }

.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_g766wxvkbxj.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_g766wxvkbxj.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_g766wxvkbxj.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_g766wxvkbxj.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_g766wxvkbxj.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-8x { font-size: 8em!important }
.fa-10x { font-size: 10em!important }

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

.italic { font-style: italic }
.text-indent { text-indent: 2em }
.letter-spacing5 { letter-spacing:5px }
.letter-spacing20 { letter-spacing:20px }

.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: 20px }
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 }
.color666 { color: #666 }
.colora67c52 { color: #a67c52 }
.color00508f { color: #00508f }
.color0063c3 { color: #0063c3 }
.coloref8432 { color: #ef8432 }
.colorc52922 { color: #c52922 }
.color0b59ba, .color0b59ba a { color: #0b59ba }
.color0b59ba a:hover, .colorf90000 a:hover { color: #000 }
.colorf90000, .colorf90000 a  { color: #f90000 }

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgf0f0f0 { background: #f0f0f0 }
.bgf2f2f2 { background: #f2f2f2 }
.bg012f78 { background: #012f78 }
.bg0063c3 { background: #0063c3 }
.bgececec { background: #ececec }
.bgededed { background: #ededed }
.bgfbfbfb { background: #fbfbfb }
.bg000_50 { background: rgba(0,0,0,0.5) }
.bgfff_90 { background: rgba(255,255,255,0.9) }
.bgdae4f0 { background: #dae4f0 }

/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-d5d5d5 { width:100%; height:1px; line-height:1px; font-size:0; background:#d5d5d5; border:0 none }
.border-b2b2b2 { border: 1px solid #b2b2b2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border-e4e4e4 { border: 1px solid #e4e4e4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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 }
.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 }
.padding15_30 { padding:15px 30px; -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 }

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

/*-------------------宽度、高度--------------------*/
.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% }
.width48 { width:48% }
.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_90 { float:left; width:90% }
.area_85 { float:left; width:80% }
.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_63 { float:left; width:63% }
.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_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:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -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-s, a.button-s, input.button-s { padding:10px 20px; font-size: 12px; line-height:1em }
.button-m, a.button-m, input.button-m { padding:15px 40px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:20px 60px; font-size: 16px; line-height:1em }
.button-com, a.button-com, input.button-com { padding:12px 30px; line-height:1em }

.button-red, a.button-red, input.button-red { border:1px solid #c31d27; background:#d7000f; color:#fff }
.button-red:hover, a:hover .button-red, a:hover .button-red, input.button-red:hover { background: transparent; color:#d7000f }
.button-red:active, a:active .button-red, a:active .button-red, input.button-red:active { color:#d7000f; -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-fff-80, a.button-fff-80, input.button-fff-80 { background:rgba(255,255,255,0.8); color:#000 }
.button-fff-80:hover, a:hover .button-fff-80, input.button-fff-80:hover { background: #d7000f; color:#fff }

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

.button-gray, a.button-gray, input.button-gray { background:#ececec; color:#000 }
.button-gray:hover, a:hover .button-gray, input.button-gray:hover { background: #d7000f; color:#fff }

.button-blue, a.button-blue, input.button-blue { border:1px solid #206bd8; background:#206bd8; color:#fff }
.button-blue:hover, a:hover .button-blue, a:hover .button-blue, input.button-blue:hover { background: transparent; color:#206bd8 }
.button-blue:active, a:active .button-blue, a:active .button-blue, input.button-blue:active { color:#d7000f; -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; position: relative }
div.quotes a { display: inline-block; width: 28px; height: 28px; line-height: 28px; padding: 0; text-decoration:none; margin:0 2px; color: #a5a5a5; position: relative }
div.quotes a:hover { background:#b5b5b5; color:#fff }
div.quotes a:active { background:#ebebeb }
div.quotes a.current { background:#012f78; color:#fff }
div.quotes a.disabled { background:#012f78; color:#666 }

/*-------------------打印、分享css开始-------------------*/
.share { width: 30px; height: 30px }
.share .bdshare-button-style0-24 a { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 1px solid #fff; color: #fff; text-align: center }
.share .bdshare-button-style0-24 a.bds_more { background: transparent }
.share .bdshare-button-style0-24 a.bds_more:after { font-family: iconfont; content: "\e602"; line-height: 30px }
.share .bdshare-button-style0-24 a.bds_more:hover { color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }

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

.menu { display: none }
.navbox { width: 100%; height:100px; background: rgba(5,8,11,0.75); 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: 40px; position: absolute; left: 40px; top: 30px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.headbox.current .navbox { background: #012f78; -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: -30px }
.headbox.current .logo { top: 45px }
.headbox.current .nav .menuLi .mainmenu .mainmenu-line { top: 0 }

/* nav_menu */
.nav { height: 70px; line-height: 70px; position: absolute; top: 30px; 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:70px; line-height:70px; padding: 0 5px; font-weight:bold; color:#fff; position:relative; /*overflow:hidden; */-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.nav .menuLi .mainmenu .mainmenu-line { width: 100%; height: 3px; line-height: 0; font-size: 0; background: #d7000f; position: absolute; top: -30px; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuLi:hover .mainmenu-line { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.nav .menuLi .mainmenu .mainmenu-dot { width:26px; height:2px; position:absolute; top:56px; left:50%; margin-left:-13px; background-color:#d7000f; display: none; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { display: block }
.nav .menuLi .mainmenu:hover .mainmenu-dot { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

/*.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #d7000f }*/
.menuListBox { width: 140px; text-align: center; line-height:38px; padding: 10px 0; position:absolute; top:70px; left: 50%; margin-left: -70px; background: #e7e7e7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none }
.menuListBox a { display:block; width: 100%; padding: 0 20px; color: #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { background: #fff; color: #d7000f }
.menuListBox .iconfont { font-size: 20px; color: #e7e7e7; position: absolute; top: -18px; left: 50%; margin-left: -10px; display: none; }
.menuLi.language-menuLi { width: 28px; height: 28px; line-height: 28px; margin: 20px 0 0 60px; border: 1px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.menuLi.language-menuLi .mainmenu { width: 28px; text-align: center; height: 28px; line-height: 28px }
.search-icon-box { width: 28px; text-align: center; height: 28px; line-height: 28px; border: 1px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow: hidden; position: absolute; top: 50px; right: 83px; cursor: pointer }
.search-icon-box .icon-search { height: 28px; line-height: 28px; color: #fff }
.search-icon-box:hover .icon-search { color: #d7000f }
.search-input-box { display: none; background: #fff; width: 100%; height: 100px; padding: 0 100px 0 50px; position: fixed; top: 0 }
.search-input-box .icon-close { position: absolute; top: 45px; right: 50px; cursor: pointer;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out }
.search-input-box i.icon-close:hover { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg) }	
.search-input-con { height: 48px; margin-top: 30px; margin-right: 80px } 
.search-input-con .button { width: 60px; height: 28px; line-height: 28px; margin-top: 15px; margin-right: -80px }
input.search-input { width: 100%; height: 48px; line-height: 48px; border: 0; border-bottom: 1px solid #eee; background: transparent; }
input.search-input:focus { border: 0; border-bottom: 1px solid #d7000f }

/*-------------------底部-------------------*/
.footbox a:hover { color: rgba(255,255,255,0.6) }
.foot-wechat { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; right:-22px; width:260px; height:276px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm img { display: block; width: 100%; height: auto }
.copyright { position: absolute; bottom: 0; right: 0 }
.gototop { display:none; width:40px; height:40px; text-align: center; line-height: 40px; 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 .iconfont { color: #000 }
.gototop .iconfont { color: #fff }
.department-pop {display: none; width: 19em; position: absolute; left:5em; bottom: -30px; background: rgba(255,255,255,.9); -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); }
.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-pop em{bottom: 30px; left: 0;;position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #012f78; }
.department-pop a:hover{color: #d7000f;}

/*-------------------通用-------------------*/
.headspace { width: 100%; height: 100px }
.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.15); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15) }
.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) }
.insidekv, .level3kv { overflow: hidden }
.insidekv-slogan { bottom: 14% }
.inside-title { color: #585858 }
.inside-title p.line { width: 2em; height: 2px; background: #c52922; margin-top: 8px }
.colorfff .inside-title { color: #fff }
.colorfff .inside-title p.line { background: #fff }

/*-------------------首页-------------------*/
.index-con { padding: 100px 0 ;}
.index-con01 { background: url(../images/index/img01.jpg) #183e68 right center no-repeat; background-size: cover }
.index-con02 { background: url(../images/index/img02.jpg) #0f8ba2 left center no-repeat; background-size: cover }
.index-con03 { background: url(../images/index/img03.jpg) #748cc6 right top no-repeat; background-size: cover }
.index-con04 { padding-bottom: 220px; background: url(../images/index/img04.jpg) center center no-repeat; background-size: cover }
.index-con05 { background: url(../images/index/img05.jpg) #d6d5d2 right top no-repeat; background-size: cover }

.index-txtbox { width: 35%; float: left }
.index_more{width: 5em; height:60px;position: absolute;bottom: 40px;z-index: 99;}

.index_more .iconfont {
	top: 35px; left: 50%; margin-left: -7px;
  -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
          animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}
.index1-bg{background: url(../images/index/index1-img.jpg); background-size: cover;height: calc(100vh) ;}
.index1-bg p{bottom: 40px}
.index1-bg .btn {border: 1px #003178 solid;padding: 10px 40px;color:#003178; width:10em;border-radius: 50px;}
.index1-bg .icon-jiantou {padding-left: 10px;vertical-align: middle;}

/*-------------------30周年-------------------*/   
.anniversary-nav { width: 100%; height:70px; background: #fff; position: fixed; top: 0; left: 0; z-index: 1000; -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); transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s  }
.anniversary-logo { width: auto; height: 40px; margin-left: 40px; margin-top: 15px; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s  }
.anniversary-nav #menu { position: absolute; top: 0; right: 160px }
.anniversary-nav #menu li a, .anniversary-nav .gohome { color: #000; display: inline-block; height:70px; line-height: 70px; padding: 0 20px; font-size: 16px }
.anniversary-nav .gohome { position: absolute; top: 0; right: 0; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s  }
.anniversary-nav #menu li.anchor1 { display: none }
.anniversary-nav #menu li a:hover, .anniversary-nav #menu li.active a { color: #d7000f }
.fp-viewing-anchor1 .anniversary-nav, .ad-page .anniversary-nav { height:100px }
.fp-viewing-anchor1 .anniversary-logo, .ad-page .anniversary-logo { height: 60px; margin-top: 20px }
.fp-viewing-anchor1 .anniversary-nav #menu li a, .fp-viewing-anchor1 .anniversary-nav .gohome, .ad-page .anniversary-nav .gohome { height:100px; line-height: 100px }
.anniversary-nav.current { height:70px }
.anniversary-nav.current .anniversary-logo { height: 40px; margin-left: 40px; margin-top: 15px }
.anniversary-nav.current .gohome { height:70px; line-height: 70px }
.ad01-bg { background: url(../images/anniversary/s3-img01.jpg) center center no-repeat; background-size: cover } 
.ad02-bg { background: url(../images/anniversary/s3-img02.jpg) center center no-repeat; background-size: cover } 
.ad03-bg { background: url(../images/anniversary/s3-img03.jpg) center center no-repeat; background-size: cover } 
.ad04-bg { background: url(../images/anniversary/s3-img04.jpg) center center no-repeat; background-size: cover } 
.ad-txt01 .icon-iup { position: absolute; top: -31px; left: 30px; z-index: 10 }
.group1:hover .icon-play, .group2:hover .icon-play, .wish1:hover .icon-play { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.video-popbox { width: 800px; height: 500px; overflow:hidden }

/*------------------关于泰豪-------------------*/
.mapdotbox { pointer-events: none }
.mapdot, .mapdot i { width: 10px; height: 10px }
.mapdot i { transition: all 0.3s; background: #0063c3; cursor: pointer }
.mapdot span { width: 32px; height: 20px; line-height: 20px; right: -40px; top: -4px }
.mapdot:nth-of-type(4) span, .mapdot:nth-of-type(5) span, .mapdot:nth-of-type(6) span, .mapdot:nth-of-type(7) span, .mapdot:nth-of-type(8) span { opacity: 0 }
.mapdot:nth-of-type(4) i, .mapdot:nth-of-type(5) i, .mapdot:nth-of-type(6) i, .mapdot:nth-of-type(7) i, .mapdot:nth-of-type(8) i { width: 8px; height: 8px }
.mapdot:nth-of-type(3) i { background: #d83120 }

.mapdot:hover i, .mapdot.swiper-pagination-bullet-active i { transform: scale(1.6); -ms-transform: scale(1.6); -webkit-transform: scale(1.6); -o-transform: scale(1.6); -moz-transform: scale(1.6); background: #c52922 }
.mapdot:nth-of-type(1) { top: 38%; right: 27% }
.mapdot:nth-of-type(2) { top: 60.5%; right: 15% }
.mapdot:nth-of-type(3) { top: 68%; right: 22% }
.mapdot:nth-of-type(4) { top: 69.5%; right: 22% }
.mapdot:nth-of-type(5) { top: 68.5%; right: 23% }
.mapdot:nth-of-type(6) { top: 70%; right: 23% }
.mapdot:nth-of-type(7) { top: 71%; right: 23% }
.mapdot:nth-of-type(8) { top: 72%; right: 24% }
.mapdot:nth-of-type(9) { top: 78%; right: 20% }
.mapdot:nth-of-type(10) { top: 85%; right: 26.5% }
.mapdot:nth-of-type(11) { top: 75%; right: 41% }
.mapdot:nth-of-type(12) { top: 77%; right: 43% }
.mapdot:nth-of-type(13) { top: 75%; right: 31% }
.mapdot:nth-of-type(14) { top: 47%; right: 23% }
.mapdot:nth-of-type(15) { top: 32%; right: 16% }
.mapdot:nth-of-type(16) { top: 18%; right: 11% }
.mapdot:nth-of-type(16) span { width: 48px; right: -56px }
.mapdot:nth-of-type(17) {top: 25%;right: 13% }
.intro-con01 .intro-img01 { margin-top: -60px }
.timeline-box { padding: 40px 40px 70px }
#timeline { width: 100%; padding-bottom: 70px; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#timeline:before { content: ""; width: 2px; height: 100%; background: #cacaca; position: absolute; left: 50%; margin-left: -1px; top: 0 }
#timeline:after { font-family: "iconfont"; content: "\e600"; font-size: 20px; position: absolute; top: -12px; left: 50%; margin-left: -10px; color: #cacaca }
#timeline .timeline-item { padding-top: 50px; position: relative; }
#timeline .timeline-item .timeline-icon { background: #1663d3; width: 14px; height: 14px; line-height: 14px; font-size: 0; position: absolute; top: 53px; left: 50%; overflow: hidden; margin-left: -7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
#timeline .timeline-item.right .timeline-icon { top: -247px }
#timeline .timeline-item .timeline-content { width: 48% }
#timeline .timeline-item.right .timeline-content { float: right; margin-top: -300px }
.timeline-txtbox { margin-right: 140px }
.timeline-year { float: right; width: 140px; margin-right: -140px; text-align: right }
.timeline-txt { float: left; width: 100% }
.timeline-item.right .timeline-txtbox { margin-right: 0; margin-left: 140px }
.timeline-item.right .timeline-year { float: left; margin-right: 0; margin-left: -140px; text-align: left }
.begin-year { margin-bottom: -35px }
.begin-icon { background: #cacaca; width: 14px; height: 14px; line-height: 14px; font-size: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }

@media screen and (max-width: 800px) {
.timeline-box {  padding: 20px 20px 30px }
#timeline { padding-top: 10px; padding-bottom: 45px }
#timeline:before { left: 0; margin-left: 0 }
#timeline:after { top: -15px; left: -9px; margin-left: 0 }
#timeline .timeline-item { padding-top: 0; margin-top: 30px; }
#timeline .timeline-item .timeline-content { width: 94%; float: right }
#timeline .timeline-item.right .timeline-content { margin-top: 0 }
#timeline .timeline-item .timeline-icon, #timeline .timeline-item.right .timeline-icon { left: 1px; top: 0 }
.timeline-txtbox { margin-right: 0 }
.timeline-year { float: none; width: 100%; margin-right: 0; text-align: left }
.timeline-txt { float: none }
.timeline-item.right .timeline-txtbox { margin-left: 0 }
.timeline-item.right .timeline-year { float: none; margin-left: 0 }
.begin-year { margin-bottom: -5px }
.begin-icon { margin-left: -6px; margin-top: 2px }

}
.mo_con_width.conbox3 a.border-e4e4e4{ border-right: none;}
.mo_con_width.conbox3 a.border-e4e4e4:last-child{ border-right: 1px solid #e4e4e4; }

.mo_con_width.conbox4 a.border-e4e4e4{ border-right: none;}
.mo_con_width.conbox4 a.border-e4e4e4:last-child{ border-right: 1px solid #e4e4e4; }

.mo_con_width.conbox5 a.border-e4e4e4{ border-right: none;}
.mo_con_width.conbox5 a.border-e4e4e4:last-child{ border-right: 1px solid #e4e4e4; }

.mo_con_width.conbox10 a.border-e4e4e4{ border-right: none;border-bottom: none;}
.mo_con_width.conbox10 { border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}

.about_absolute {top: 190px;}

.intro_bg {background: #000000;}
/*.intro_bg>img{opacity: .9}*/
a.intro_bg:hover i {display: none }
a.intro_bg:hover>img{opacity: .9;}

.forum-dl00 { margin-left: 90px }
.forum-dl00 dt { width: 90px; margin-left: -90px }

.forum-dl { margin-left: 60px }
.forum-dl dt { width: 60px; margin-left: -60px }

/*------------------企业文化-------------------*/
.culture-con01 { background: url(../images/culture/img01.jpg) bottom right no-repeat; background-size: cover }
.culture-con01>div { padding: 60px }
.culture-con01 .icon-yinhao { font-size: 60px; position: absolute; left: 10px; top: 10px }
.culture-con01 .icon-yinhao1 { font-size: 60px; position: absolute; right: 60px; bottom: 30px }
.culture-con01 .index2em{text-indent: 1em;}
.culture-swiper div:nth-child(1) h5 { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5) }
.culture-swiper div:nth-child(1) h6 { transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); -moz-transform: scale(1.4) }
.culture-swiper div:nth-child(2) h5 { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2) }
.culture-swiper div:nth-child(2) h6 { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1) }
.story_width{margin-left: 5em;margin-top: 10px;}
.story_width .disinblock{margin-left: -4em;width: 4em;}
.respon_right .poabsolute-h50{right: 80px;}
.party-swiper img{ width: 800px; height: 500px; }
.group_party { left: 10px; top: 10px; right:10px; display: block }
.group_party .name { width: 100% }
/* .group_party .num { width: 80px; text-align: right } */

.group_partybox2 a:nth-of-type(1){z-index: 5;}
.group_partybox2>div {z-index: 6;background: rgba(0,0,0,.5);bottom: 10px;left: 10px;right:10px;width: calc(100% - 20px);}
.group_partybox2>div h5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.group_partybox2 .fleft{margin-top: 3px;}

.party-list a.com-link { min-height: 200px }

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


/*-------------------新闻-------------------*/  
.news-tab li { margin-right: 10px }
.news-tab a { display: inline-block; box-sizing: border-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size: 20px; padding: 10px 40px; background: #fff }
.news-tab a:hover, .news-tab a.cur { background: #003178; color: #fff }
.bshare-custom { width: 80px }
.bshare-custom .bshare-weixin, .bshare-custom .bshare-sinaminiblog { background: transparent!important; padding: 0; margin-right: 10px }
.bshare-custom .bshare-weixin:before { font-family: "iconfont"; font-size: 18px; content: "\e604" }
.bshare-custom .bshare-sinaminiblog:before { font-family: "iconfont"; font-size: 18px; content: "\e603" }
.bshare-custom .bshare-weixin, .bshare-custom .bshare-sinaminiblog, .fontzoon1, .fontzoon2 { display: block; float: left; width:30px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #ccc; color: #999; overflow: hidden }
.bshare-custom .bshare-weixin:hover, .bshare-custom .bshare-sinaminiblog:hover, .fontzoon1:hover, .fontzoon2:hover { border: 1px solid #4bb2cc }
.bshare-custom .bshare-weixin:hover, .bshare-custom .bshare-sinaminiblog:hover { text-decoration:none; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.nd-page .area_70 { max-width: 800px }
.nd-con img { max-width: 100% }

.search-dl { margin-right: 56px }
.search-dl dd { width: 56px; margin-right: -56px }
.search-dl dt input:focus { border: 1px solid #f8f8f8 }
.search-dl dd .iconfont { line-height: 40px }
input.news-input { background: #eaeaea }

/*-------------------业务领域-------------------*/
.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) }
.vc-logo-con0 a.border-e4e4e4{ border-right: transparent; border-bottom: transparent }
.vc-logo-con0{border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.smart_contact.padding40 {padding: 40px !important;}
.smart_contact1{background: url(../images/business/smart_contact1.jpg);background-size: cover;background-position: center;}
.smart_contact2{background: url(../images/business/smart_contact2.jpg);background-size: cover;background-position: center;}
.smart_contact3{background: url(../images/business/smart_contact3.jpg);background-size: cover;background-position: center;}
.smart_contact4{background: url(../images/business/smart_contact4.jpg);background-size: cover;background-position: center;}
.smart_contact5{background: url(../images/business/smart_contact5.jpg);background-size: cover;background-position: center;}
.vr_bg .positionRelative {background: #000;}
.vr_bg .positionRelative:hover img{opacity: 1;}
.vr_bg img{opacity: .8;}

/*-------------------客户服务-------------------*/
.service-dl01 { margin-left: 3.5em }
.service-dl01 dt { width: 3.5em; margin-left: -3.5em }
.service_w4{margin-left: 5em;}
.service_w4 span{float: left;}
.service_w4 span:first-child{margin-left:-5em;width: 5em;display: inline-block;white-space: nowrap;}
.service_w4 span:last-child{width: 100%;}
.ewm { position: absolute; left: 50%; margin-left: -100px; bottom: 30px; display: none }
.after-title { padding: 20px 40px }
.after-con { background: url(../images/service/after-bg.jpg) #fff bottom right no-repeat; background-size: cover }
.after-con input.input01, .after-con select, .after-con textarea { border: 1px solid #c1c2c2; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top: 3px }
.after-con textarea { background: rgba(255,255,255,0.8) }
.after-con input.input01:focus, .after-con select:focus, .after-con textarea:focus { border: 1px solid #999 }
.after-con textarea:focus { background: rgba(255,255,255,0.5) }
.after-con select { background: url(../images/service/arrows.png) rgba(255,255,255,0.8) right center no-repeat }
.radioinput label { cursor: pointer; display: inline-block; margin-right: 20px; padding-left: 20px !important; position: relative; transition: border 0.2s linear 0s, color 0.2s linear 0s; white-space: nowrap; color: #000; }
.radioinput label:hover { color: #0098e6; text-decoration: none }
.radioinput label:before { display: inline-block; width: 16px; height: 16px; border-radius: 8px; background-color: #fff; border: 1px solid #c1c2c2; content: ""; position: absolute; left: 0; top: 2px; transition: border 0.2s linear 0s, color 0.2s linear 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.radioinput label:after { display: inline-block; font-size: 10px; width: 14px; height: 14px; position: absolute; top: 1px; left: 2px; transition: border 0.2s linear 0s, color 0.2s linear 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.radioinput input[type="radio"] { display: none; }
.radioinput input[type="radio"]:checked + label:before { border-color: #206bd8 }
.radioinput input[type="radio"]:checked + label:after { border-width: 0; color: #206bd8; content: "\e65a"; font-family: "iconfont" }

/*-------------------招聘-------------------*/
.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;}
/*.socialInput{border: 1px solid #ccc;}*/
.socialInput input{float: left; width: calc(100% - 80px);border: 1px solid #ccc;height: 42px;}
.socialInput div{width:80px;background:#012f78;height: 42px;}
.socialInput input:focus{border: 1px solid #012f78;}
.socialInput i{ top: 5px;left: 20px;}
.socialColorbox .accordion-title{border-top:0}
.socialColorbox .accordion-title .colorc52922 {position: absolute;left: 20px;top: 25px;transform:rotate(0)}

/*校园招聘*/
.school_box { padding-bottom: 20px;padding-top: 20px;}
.school_box li { padding-left: 2%;box-sizing: border-box;opacity: .8 }
.school_box li:nth-of-type(2) { width: 10%;float: left;padding-left: 0;opacity:1 }
.school_box li:nth-of-type(4) { width: 35%;float: left }
.school_box li:nth-of-type(6) { width: 10%;float: left }
.school_box li:nth-of-type(8) { width: 35%;float: left }
.school_box li:nth-of-type(10) { width: 10%;float: left }
.school_box .mo_title{display: none;}
.school_box2 div.paddingbottom10:last-child{padding-bottom: 0 }
.school_box3 div{width: 7.6%; 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: #f1bb89;}
.school_box3 div{color: #666;}

/*社会招聘*/
.social-box span, .social-box2 span{padding:0 10px;cursor: pointer; display:inline-block;width: 5em  }

.social-box p:first-child, .social-box2 p:first-child{width: 6em;margin-left: -6em }
.social-box, .social-box2{margin-left: 6em;position: relative }

.social-box #h, .social-box2 #h2{position: absolute;right: 0;}
.social-box div.fleft, .social-box2 div.fleft{height: 26px;line-height:26px;overflow: hidden }
.social-box.h div.fleft, .social-box2.h div.fleft{height: auto}
/*.social-box.h .icon-down, .social-box2.h .icon-down{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);}*/
/*招聘详情*/
.join_detail div { padding-top: 20px;margin-left: 6em }
.join_detail div:first-child { padding-top: 0 }
.join_detail span { margin-left: -6em;width: 4em;float: left;text-align:justify;
text-justify:inter-word; }
.join_detail p { float: left;font-size: 14px }

.join_detail2 span{width: 8em;}


.button-red label:hover { text-decoration: none }
.pdf_box {width: 100%;height:100%;position: fixed;background: rgba(0,0,0,.8); z-index: 3000;top: 0;left: 0;}
.pdf_box .poabsolute-wh50 {z-index: 3001;width: 500px;}
.pdf_box .poabsolute-wh50>div:first-child{background: #dae4f0;padding: 20px 40px}
.pdf_box .icon-add{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);}

.pdf_box .poabsolute-wh50>div:last-child{background: #fff;}
.pdf_box .poabsolute-wh50 input{border: 1px solid #d5d5d5;border-radius: 10px;}
.pdf_box .box_yzm{margin-right: 120px;}
.pdf_box .box_yzm img{width: 85px;height: 40px;margin-right: -120px;}

/*招聘表格*/
.social-txtbox {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9 }
.social-txtbox table tr { line-height:50px; height:50px;}
.social-txtbox input { background:#f2f2f0; line-height:3em; height:3em;border-radius: 4px }
.shortInput { width:22%; background:#fff; }
.shortSInput { width:24.8%; background:#f2f2f0;border:0;  }
.shortSelectInput { width:80%; background:#fff; border:0; }
.shortMInput { width:15%; background:#f2f2f0; border:0; }
.normalInput { width:80%; background:#f2f2f0; border:0; }
.moreInput { width:50%; background:#fff; } 
.shortHeight{ line-height:12px; height:12px;} 
.social-txtbox table{width:100%;} 
.social-txtbox input[type=radio]{-webkit-appearance:radio;}
.social-txtbox input:focus{background:#f2f2f0;}
.join-tx p{line-height: 20px;height: 20px;}
.form_fj{vertical-align: middle;}
.form_fj button{padding: 5px 10px;border-radius: 4px;border: 1px #999999 solid;margin:0 20px;
	background: -webkit-linear-gradient(top, rgba(216,216,216,1),rgba(255,255,255,0) );         
	background: -o-linear-gradient(top, rgba(216,216,216,1),rgba(255,255,255,0) );         
	background: -moz-linear-gradient(top, rgba(216,216,216,1),rgba(255,255,255,0) );         
	background: linear-gradient(to top, rgba(216,216,216,1),rgba(255,255,255,0) );         
}
.font-line{line-height: 30px!important;height: 30px!important;}

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

.level3-con .padding40 { padding: 60px }
.level3-con .accordion-title, .level3-con .after-title { padding: 20px 60px } 

.timeline-box { padding: 60px 60px 80px }

}

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

.index-con { padding: 80px 0 }
.index-txtbox { width: 40% }
}

@media ( min-width:1000px ) and ( max-width:1259px ) {
h1, .h1 { font-size: 36px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 18px }

.paddingtop45 { padding-top:25px }
.paddingtop60 { padding-top:40px } 
.paddingbottom45 { padding-bottom:25px }
.paddingbottom60 { padding-bottom:40px } 
.padding40 { padding: 30px }

.container { width:960px }

.logo { left: 20px }
.nav { right: 20px }
.nav .menuLi { margin: 0 10px }
.menuLi.language-menuLi { margin: 20px 0 0 60px }

.search-icon-box { right: 63px }

.index-con { padding: 50px 0 }
.index-txtbox { width: 40%; margin-left: 5% }
.index-con02 .index-txtbox { margin-right: 5% }
.index-con04 .index-txtbox { margin-left: 30% }

.intro-con01 .intro-img01 { margin-top: -40px }
.intro-con01 .intro-tit01 { margin-top: 0 }

.service-leftcon { width: 40% }
.service-rightcon { width: 60% }

.group_partybox2 .width33{width: 40%;}
.group_partybox2 .width66{width: 60%;}
}

@media ( min-width:801px ) and ( max-width:999px ) {
h1, .h1 { font-size: 36px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 18px }

	
.index-con { padding: 30px 0 }
.index-txtbox { width: 40%; margin-left: 5% }

.about-con01 { background: url(../images/about/img01.jpg) #fff 40px center no-repeat; background-size: 45% auto } 
.about-con01 img { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.culture-con01>div { padding: 40px }
.culture-con01 .icon-yinhao, .culture-con01 .icon-yinhao1 { font-size: 40px }

.service-leftcon { width: 30% }
.service-rightcon { width: 70% }
.service-leftcon img.imgw50 { max-width: 80%; margin-left: 0 }

.respon_right .poabsolute-h50{right: 60px;}

}


@media ( max-width:999px ) {
.container { width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

#cd-lateral-nav { display: block }
.headbox { display: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }

.intro-con01 .intro-img01, .intro-con01 .intro-tit01 { margin-top: 0 }

.school_box { padding-bottom: 10px;padding-top:0 ;}
.school_box li { padding-left: 0px;width: 100%!important;float: none;}
.school_box .mo_title{display: inline-block;padding-top: 10px;font-weight: bold;}
.school_box li.mo_title:first-child{padding-top: 20px;}

.department-pop { left:-10em; bottom: 30px; }
.department-pop em{bottom: 0; left: 12em;position: absolute; border-right: 5px solid transparent; border-left: 5px solid transparent;border-bottom: 5px solid #012f78; }

.ewm {position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }


}