@charset "utf-8";
/* CSS Document */


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

* { margin:0; padding:0 }
*:focus {outline: none }


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

a.a01, .a01 a { color: #fff }
a.a01:hover, .a01 a:hover { color:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }

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


/*-------------------定位-------------------*/
.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-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.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_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('http://at.alicdn.com/t/webfont_xhdcup7x14mzehfr.eot'); !* IE9*!
    src: url('http:http://at.alicdn.com/t/webfont_xhdcup7x14mzehfr.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!
    url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.woff') format('woff'), !* chrome、firefox *!
    url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.ttf') format('truetype'), !* chrome、firefox、opera、Safari, Android, iOS 4.2+*!
    url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.svg#NotoSansHans-DemiLight') format('svg'); !* iOS 4.1- *!
}


@font-face {
    font-family: 'goodlight';
    src: url('/static/font/goodlight.eot');
    src: url('/static/font/goodlight.eot') format('embedded-opentype'),
         url('/static/font/goodlight.woff') format('woff'),
         url('/static/font/goodlight.ttf') format('truetype'),
         url('/static/font/goodlight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.en-font { font-family:goodlight,Arial,sans-serif }

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

.font-bold { font-weight: bold }

.italic { font-style: italic }

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

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize16 { font-size:16px }
.fontSize18 { font-size:18px }
.fontSize20 { font-size:20px }
.fontSize22 { font-size:22px }
.fontSize24 { font-size:24px }
.fontSize26 { font-size:26px }
.fontSize28 { font-size:28px }
.fontSize30 { font-size:30px }
.fontSize32 { font-size:32px }
.fontSize36 { font-size:36px }
.fontSize40 { font-size:40px }
.fontSize50 { font-size:50px }
.fontSize54 { font-size:54px; line-height:1.1em }
.fontSize60 { font-size:60px; line-height:1.1em }
.fontSize80 { font-size:80px; line-height:1.1em }
.fontSize90 { font-size:90px; line-height:1.1em }
.fontSize120 { font-size:120px; line-height:1.1em }

h1, .h1 { font-size: 48px; line-height:1.1em }
h2, .h2 { font-size: 36px; line-height:1.1em }
h3, .h3 { font-size: 30px; line-height:1.1em }
h4, .h4 { font-size: 24px }
h5, .h5 { font-size: 20px }
h6, .h6 { font-size: 18px }

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

.color14126c { color: #14126c }
.color0f0790 { color: #0f0790 }
.colore71f19 { color: #e71f19 }
.color1dbf60 { color: #1dbf60 }
.colorf56709 { color: #f56709 }
.colord00025 { color: #d00025 }
.colorf08200 { color: #f08200 }
.coloraaa { color: #aaa }
.colorb20000 { color: #b20000 }
.color0059b2 { color: #0059b2 }
.color666 { color: #666 }
.color999 { color: #999 }
.color59B200 { color: #59B200 }

/*-------------------配景颜色--------------------*/
.bgfff { background: #fff }
.bgd00025 { background: #d00025 }
.bg14126c { background: #14126c }
.bg0b0957 { background: #0b0957 }
.bgfcfcfc { background: #fcfcfc }
.bgf2f2f2 { background: #f2f2f2!important }
.bgf8f8f8 { background: #f8f8f8 }
.bgf9f9f9 { background: #f9f9f9 }
.bg15126d { background: #15126d }
.bge71f19 { background: #e71f19 }
.bgdbdbdb { background: #dbdbdb }
.bgd7d7d7 { background: #d7d7d7 }
.bgdb1201 { background: #db1201 }
.bgececee { background: #ececee!important }
.bg0c68a1 { background: #0c68a1 }
.bg382db9 { background: #382db9 }
.bg0a0854 { background: #0a0854 }
.bge3e3e3 { background: #e3e3e3 }
.bge5e5e5 { background: #e5e5e5 }
.bg12a6e6 { background: #12a6e6 }
.bg00187C { background: #00187C }
.bg68a8d3 { background: #68a8d3 }
.bg0f1878 { background: #0f1878 }
.bg0079C6 { background: #0079C6 }
.bgcd1b0d { background: #cd1b0d }
.bg254671 { background: #254671 }
.bg0b1472 { background: #0b1472 }

.bgeeeeee { background: #eeeeee }
.bg402000 { background: #402000 }
.bg002040 { background: #002040 }
.bg400000 { background: #400000 }
.bgB20000 { background: #B20000 }


.bg00698c-33aed8 { 
	background: #00698c;
    background: -moz-linear-gradient(left,  #00698c 0%, #33aed8 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0%,#00698c), color-stop(100%,#33aed8));
    background: -webkit-linear-gradient(left, #00698c 0%,#33aed8 100%);
    background: -o-linear-gradient(left, #00698c 0%,#33aed8 100%);
    background: -ms-linear-gradient(left, #00698c 0%,#33aed8 100%);
    background: linear-gradient(right, #00698c 0%,#33aed8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00698c', endColorstr='#33aed8',GradientType=0 );
}
.bg000-00 {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}

.mo_bgfff { background: transparent }

/*-------------------支解线、边框-------------------*/
.line-14126c { width:100%; height:1px; line-height:1px; font-size:0; background:#14126c; border:0 none }
.line-eee { width:100%; height:1px; line-height:1px; font-size:0; background:#eee; border:0 none }
.line-ddd { width:100%; height:1px; line-height:1px; font-size:0; background:#ddd; border:0 none }
.line7-ddd { width:100%; height:7px; line-height:7px; font-size:0; background:#ddd; border:0 none }
.line-fff-20 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(255,255,255,0.2); border:0 none }

.border-t-14126c { border-top: 1px solid #14126c }
.border-b-14126c { border-bottom: 1px solid #14126c }
.border-b-eee { border-bottom: 1px solid #eee }
.border-b-ddd { border-bottom: 1px solid #ddd }
.border-2-fff { border: 2px solid #fff; -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 }
.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 }

.margintop5_p { margin-top:5% }
.margintop10_p { margin-top:10% }
.margintop20_p { margin-top:20% }

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

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

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.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 }
.padding50 { padding:50px; -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 }

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

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

.maxwidth80 { max-width: 80%; }

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

/*-------------------区块-------------------*/
.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_60 { float:left; width:60% }
.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_32 { float:left; width:32% }
.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.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，，，，，，，，凌驾省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，，，，，，，，凌驾省略号*/ }
.com-rows_3 { height:4.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:5.95em; line-height:1.2em; 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:6; -webkit-box-orient:vertical }
.com-rows_9 { height:13.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical }
.com-rows_10 { height:14.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -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-circular, a.button-circular, input.button-circular { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }


.button-m, a.button-m, input.button-m { padding:8px 30px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:10px 30px; line-height:1em }
.button-xl, a.button-xl, input.button-xl { width:120px; height:36px; line-height:36px }
.button-circular-s, a.button-circular-s, input.button-circular-s { width:110px; height:30px; line-height:30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px } 
.button-circular-m, a.button-circular-m, input.button-circular-m { width:140px; height:30px; line-height:30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px } 
.button-circular-xl, a.button-circular-xl, input.button-circular-xl { width:180px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px }

.button-red, a.button-red, input.button-red { background:#d00025; color:#fff }
.button-red:hover, a:hover .button-red, input.button-red:hover { background:#d93351; color:#fff }
.button-red:active, a:active .button-red, input.button-red:active { background:#a6001e; 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 { border:1px solid #999; color:#999 }
.button-gray:hover, a:hover .button-gray, input.button-gray:hover { border:1px solid #000; color:#000 }
.button-gray:active, a:active .button-gray, input.button-gray: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-eee, a.button-eee, input.button-eee { border:1px solid #eee; background:#eee; color:#000 }
.button-eee:hover, a:hover .button-eee, a:hover .button-eee, input.button-eee:hover { background: transparent; color:#000 }
.button-eee:active, a:active .button-eee, a:active .button-eee, input.button-eee: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-blue, a.button-blue, input.button-blue { border:1px solid #12a6e6; background:#12a6e6; color:#fff }
.button-blue:hover, a:hover .button-blue, input.button-blue:hover { background:transparent; color:#12a6e6 }
.button-blue:active, a:active .button-blue, input.button-blue: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-999, a.button-999, input.button-999 { border:1px solid #999; background:#999; color:#fff }
.button-999:hover, a:hover .button-999, input.button-999:hover { background:transparent; color:#999 }
.button-999:active, a:active .button-999, input.button-999: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-999-l, a.button-999-l, input.button-999-l { border:1px solid #999; background:transparent; color:#999 }
.button-999-l:hover, a:hover .button-999-l, input.button-999-l:hover { background:#999; color:#fff }
.button-999-l:active, a:active .button-999-l, input.button-999-l: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-fff, a.button-fff, input.button-fff { background:#fff; color:#000 }
.button-fff:hover, a:hover .button-fff, input.button-fff:hover { background:red; color:#fff }

.button-ddd, a.button-ddd, input.button-ddd { border:1px solid #ddd; background:#ddd; color:#d00025 }
.button-ddd:hover, a:hover .button-ddd, input.button-ddd:hover { background:transparent; color:#d00025 }
.button-ddd:active, a:active .button-ddd, input.button-ddd: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 }


/*-------------------分页css最先-------------------*/
div.quotes { text-align:center; position: relative }
div.quotes a { display: inline-block; padding:2px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; color: #000 }
div.quotes a:hover { padding:2px 10px; color:#14126C }
div.quotes a:active { padding:2px 10px; color:#14126C }
div.quotes a.current { padding:2px 10px; background:#d00025; color:#fff }
div.quotes a.disabled { padding:2px 10px; color:#666 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-left: -50px; position:absolute; top: -3px; color: #14126C }
div.quotes a#next { margin-right: -10px; position:absolute; top: -3px; color: #14126C }


/*-------------------打印、分享css最先-------------------*/
.shareBox { width: 111px; height: 26px }
.shareBox .bdshare-button-style0-24 a { background-image: url(/static/images/icon.png); background-repeat: no-repeat; display: inline-block; width: 27px !important; height: 26px !important; padding: 0; margin: 0 5px; transition-duration:0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s }
.shareBox .bdshare-button-style0-24 .bds_tsina { background-position: -15px -18px; }
.shareBox .bdshare-button-style0-24 .bds_weixin { background-position: -46px -18px; }
.shareBox .bdshare-button-style0-24 .bds_qzone { background-position: -78px -18px; }
.shareBox .bdshare-button-style0-24 .bds_tsina:hover, .news-share .shareBox .bdshare-button-style0-24 .bds_tsina:hover { background-position: -15px -50px; opacity: 1; }
.shareBox .bdshare-button-style0-24 .bds_weixin:hover, .news-share .shareBox .bdshare-button-style0-24 .bds_weixin:hover { background-position: -46px -50px; opacity: 1; }
.shareBox .bdshare-button-style0-24 .bds_qzone:hover, .news-share .shareBox .bdshare-button-style0-24 .bds_qzone:hover { background-position: -78px -50px; opacity: 1; }

.news-share .shareBox .bdshare-button-style0-24 .bds_tsina { background-position: -15px -80px; }
.news-share .shareBox .bdshare-button-style0-24 .bds_weixin { background-position: -46px -80px; }
.news-share .shareBox .bdshare-button-style0-24 .bds_qzone { background-position: -78px -80px; }


/*.share { width: 28px; height: 28px }
.share .bdshare-button-style0-24 a { width: 28px; height: 28px; padding: 0; margin: 0 }
.share .bdshare-button-style0-24 a.bds_tsina { background: url(/static/images/icon-weibo.png) 0 0 no-repeat; background-size: 100% 100% }
.share .bdshare-button-style0-24 a.bds_linkedin { background: url(/static/images/icon-linkedin.png) 0 0 no-repeat; background-size: 100% 100% }*/

a.weib_lin {width: 28px; height: 28px; background: url(/static/images/icon-weibo.png) 0 0 no-repeat; background-size: 100% 100% }
a.xueqiu {width: 28px; height: 28px; background: url(/static/images/icon-xueqiu.png) 0 0 no-repeat; background-size: 100% 100% }
a.toutiao {width: 28px; height: 28px; background: url(/static/images/icon-toutiao.png) 0 0 no-repeat; background-size: 100% 100% }
a.weib_lin:hover, a.xueqiu:hover, a.toutiao:hover { opacity: 0.7 }

/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

/*-------------------通用头部-------------------*/ 
.headbox { width:100%; height: 44px; line-height: 44px; padding-top: 38px; padding-bottom: 18px; background: #fff; position: absolute; top: 0; z-index: 1000; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.headbox.current { position: fixed; padding-top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); }

.model-1 { display: none }

.search-icon-box { height: 44px; overflow: hidden; margin-right: 10px; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
/*.headbox.current .search-icon-box { margin-top: 13px }*/
.search-icon-box .icon-search { height: 44px; line-height: 70px; cursor: pointer }
.search-input-box { background: #fff; width: 100%; height: 100px; padding: 0 100px 0 50px; position: fixed; top: 0; z-index: -2; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.search-input-box .icon-close { position: absolute; top: 45px; right: 50px; cursor: pointer }
input.search-input { width: 100%; height: 48px; line-height: 48px; margin-top: 30px; border-bottom: 1px solid #eee; background: transparent; }
input.search-input:focus { border-bottom: 1px solid #ccc }
.search-input-box.show { z-index: 20; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }


.logo { float: left; width: 130px; height: 44px; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.headbox.current .logo { margin-top: 8px }

.language { width: 44px; height: 44px; margin-right: 5px; text-align: center; position: relative; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
/*.headbox.current .language { margin-top: 13px }*/
.language .icon-diqiu { height: 44px; line-height: 68px; cursor: pointer }
.language-pop { width: 112px; height: 112px; background: url(/static/images/top/language-bg.png); position: absolute; top: 40px; left: 50%; margin-left: -56px; display: none }
.language-a { width: 100px; height: 90px; margin-top: 16px; margin-left: 6px }
.language-a a { display: block; width: 100%; height: 45px; line-height: 45px }
.language-a a:hover { color: #d00025 }

/* nav_menu */
.nav { width: 650px; position: absolute; left: 50%; margin-left: -280px; bottom: 0; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.nav .menuLi { float:left; display:block; position:relative }
.nav .menuLi .mainmenu { display:block; height: 50px; line-height: 50px; padding: 0 20px; color:#000; font-weight: bold; position: relative }
.mainmenu-dot { width: 0; height: 3px; background: #d00025; position: absolute; top: 0; left: 0; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover { background: #eee }
.nav .menuLi .mainmenu:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLiBnameover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover .mainmenu-dot { width: 100%; left: 0 }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { width: 15px; left: 25px }

.menuListBox { width: 400px; background: #eee; position:absolute; top: 50px; left: 0; display:none }
.menuListBox-a { width: 180px; line-height:44px; padding:10px 20px; border-right: 1px solid #ddd; min-height: 270px }
.menuListBox-a a { display:block; padding-left:5px; padding-right:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom: 1px solid #ddd; color:#000; white-space:nowrap }
.menuListBox-a a:hover, .menuListBox-img a:hover { color: #d00025 }
.menuListBox-a a:last-child{ border-bottom: 0 none }
.menuListBox-img { width: 220px; padding: 30px 20px; line-height: 18px }
.menuListBox-img a { display: block }

@media ( max-width:1120px ) {
.nav { width: 520px; margin-left: -200px }
.nav .menuLi .mainmenu { padding: 0 10px }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { left: 10px }
.menuListBox { width: 340px }
.menuListBox-a { width: 140px; padding:10px }
.menuListBox-img { width: 200px }

}

/*-------------------底部通用-------------------*/
.gototop { display:block; 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=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.gototop:hover { background:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
/*.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px;position:fixed; right:10px; bottom:10px; z-index:1001;}*/
.gototop:hover .iconfont { color: #000 }
.gototop .iconfont { color: #000;line-height: 40px;  }

.foot-logo { width: 66px; height: auto; margin-top: 2px }

.foot-navbox { width: 480px }
.foot-nav { width: 120px; border-left: 1px solid rgba(255,255,255,0.2); min-height: 204px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.foot-navbox li:first-child { border-left: 0 none }
.foot-subnav p { margin-bottom: 5px }
 
.colorfff .foot-nav a:hover { color: #8585a2 }

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


/*-------------------内页通用-------------------*/
.com-label { width: 15px; height: 5px; position: absolute; top: 0; left: 0 }
.com-label-b { width: 72px; height: 10px; background: #d00025 }
.com-label-v { width: 10px; height: 72px; background: #d00025 }
.com-label-vs { width: 10px; height: 36px; background: #d00025 }

.com-title { display: inline-block; border-top: 10px solid #d00025; color: #d00025; padding-top: 5px; position: absolute; top: -10px; left: 0 }

.com-more { display: block; width: 90px; position: relative; text-align: left }
.com-more-l { width: 150px }
.com-more-xl { width: 200px }
.com-more .icon-next { position: absolute; top: 0; right: 0 }
.com-more:hover .icon-next, a:hover .com-more .icon-next { animation: arrowsright00 0.8s; -moz-animation: arrowsright00 0.8s; -webkit-animation: arrowsright00 0.8s; -o-animation: arrowsright00 0.8s }
@keyframes arrowsright00
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

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

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

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

.com-more-l .icon-next, .com-more-xl .icon-prev { top: -7px!important }
.com-more .icon-prev { position: absolute; top: 0; right: 0 }
.com-more:hover .icon-prev, a:hover .com-more .icon-prev { animation: arrowsright01 0.8s; -moz-animation: arrowsright01 0.8s; -webkit-animation: arrowsright01 0.8s; -o-animation: arrowsright01 0.8s }
@keyframes arrowsright01
{
0% { margin-right: 0 }
50% { margin-right: 5px }
100% { margin-right: 0px }
}

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

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

@-o-keyframes arrowsright01 
{
0% { margin-right: 0 }
50% { margin-right: 5px }
100% { margin-right: 0px }
}


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

.kv-height50, .kv-height60, .kv-height70, .kv-height80, .kv-height100 { height: 200px }

.kv-con { padding-top: 100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.kv-con h1 { font-size: 60px; line-height: 1.1em }
.title-label { width: 100px; text-align: center; height: 24px; line-height: 24px; background: #d00025; color: #fff; font-size: 14px }

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

/*-------------------首页-------------------*/
.injobs { background: url(/static/images/map.png) #11a7e6 center 110px no-repeat; background-size: 90% auto } 

.invideo { background: url(/static/images/960X540-img01.jpg) center center no-repeat; background-size: cover }
.playbox { display: block; width: 100%; height: 100%; position: absolute; z-index: 10; background: rgba(0,0,0,0.3) }
.playbox .icon-play { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.playbox:hover .icon-play, a:hover .playbox .icon-play { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.playbox:hover, a:hover .playbox { background: rgba(0,0,0,0) }
.video-popbox { width: 800px; height: 560px; overflow:hidden }



/*-------------------关于中天-------------------*/
.about-kv { background: url(/static/images/about-kv.jpg) center top no-repeat; background-size: cover }

.about-con01 { height: 320px }
.about-con02 { height: 600px }
.about-img01 { width: 100%; height: 100%; background: url(/static/images/about-img01.jpg) center center no-repeat; background-size: cover }
.about-img02 { width: 100%; height: 100%; background: url(/static/images/about-img02.jpg) center center no-repeat; background-size: cover }
.about-img03 { width: 100%; height: 100%; background: url(/static/images/about-img03.jpg) center center no-repeat; background-size: cover }

.about-banner { background: url(/static/images/about-banner.jpg) center center no-repeat; background-size: cover }

.profile-kv { background: url(/static/images/profile-kv.jpg) center top no-repeat; background-size: cover }
.profile-img { background: url(/static/images/about-img03.jpg) center center no-repeat; background-size: cover }
.profile-banner { min-height: 300px!important; background: url(/static/images/profile-banner.jpg) center left no-repeat; background-size: cover }
.profile-banner .icon-markup { position: absolute; top: -10px; left: -40px }
.profile-banner .icon-markdown { position: absolute; bottom: 10px; right: -40px }

.chairman-kv { background: url(/static/images/chairman-kv.jpg) center top no-repeat; background-size: cover }


.brand-kv { background: url(/static/images/brand-kv.jpg) center center no-repeat; background-size: cover }
.brand-slogon { width: 1056px }
.brand-kv .title-label { position: absolute; top: 35%; left: 30% }

.brand-tab { background: rgba(0,0,0,0.1) }
.brand-tab ul { width: 200px; border: 1px solid #fff }
.brand-tab ul li { width: 50%; text-align: center; height: 24px; line-height: 24px }
.brand-tab ul li a, .brand-tab ul li span { display: block; width: 100%; height: 100% }
.brand-tab ul li a { color: #fff }
.brand-tab ul li a:hover, .brand-tab ul li span { background: #fff; color: #000 }

.brand-kwicks { height: 550px }
.brand-kwicks > li { height: 550px; background: #fff }
.brand-kwicks dl { margin-left: 120px }
.brand-kwicks dl dt { width: 120px; margin-left: -120px; padding-top: 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.brand-kwicks dl dd { padding: 50px 50px 50px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.brand-kwicks .kwicks-expanded .title, .brand-kwicks .kwicks-selected .title { color: #14126c; padding-bottom: 10px; border-bottom: 5px solid #d00025 }
.brand-kwicks .kwicks-collapsed .title { color: #b5b5b5; border-bottom: 0 none }

.culture-kv { background: url(/static/images/culture-kv.jpg) top center no-repeat; background-size: cover }
.culture-con-r01 { min-height: 480px }
.culture-img01 { background: url(/static/images/culture-img01.jpg) top center no-repeat; background-size: cover }
.culture-img02 { background: url(/static/images/culture-img02.jpg) top center no-repeat; background-size: cover }

.responsibility-kv { background: url(/static/images/responsibility-kv.jpg) center center no-repeat; background-size: cover }
.rd-con { height: 600px }
.rd-txt { height: 480px; margin: 60px 0; padding-left: 60px; overflow: hidden; overflow-y: auto }
.rd-txt::-webkit-scrollbar {
width:8px;
height:8px
}
.rd-txt::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.rd-txt::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.rd-txt::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.rd-txt::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

.responsibility-list a { display: block; padding: 5px 30px; margin-right: 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.responsibility-list a:hover, .responsibility-list a.this { background: #fff; color: #14126c }


.honor-kv { background: url(/static/images/honor-kv.jpg) center center no-repeat; background-size: cover }

.hl-table th, .hl-table td { border: 10px solid #f2f2f2; background: #fff }
.hl-table th { width: 25%; text-align: center }
.hl-table td { padding: 30px }
.hl-dl { margin-left: 220px }
.hl-dl dt { width: 200px; margin-left: -220px }

.address-con { width: 490px }

.contact-dl { margin-left: 3em }
.contact-dl dt { width: 3em; margin-left: -3em }

.article-card { height: 240px }
.article-title { font-size: 18px; font-weight: bold }
.article-subhead { font-size: 14px; margin-top: 20px }
.article-txt { font-size: 12px; color: #666; margin-top: 20px }

.cd-title { padding-top: 120px; padding-bottom: 120px }
.cd-title-label { padding-bottom: 10px; border-bottom: 1px solid #fff }
.cd-digest { margin-top: 200px; border-top: 5px solid #ddd; border-bottom: 5px solid #ddd }

/*-------------------新闻中心-------------------*/
.news-nav a.cur { font-weight: bold; font-size: 16px }
.news-nav a.cur.h6 { font-size: 18px }
.news-con01 { height: 404px }
.news-list li { border-bottom: 1px solid #eee } 
.news-list li:last-child{ border-bottom: 0 none }
.news-list dl { margin-left: 120px }
.news-list dl dt { width: 100px; margin-left: -120px }

.nd-con img { display: block; max-width: 100%; margin-left: auto; margin-right: auto }

.media-list li { margin-top: 20px; height: 120px }

.wemedia-tab { width: 300px; border: 1px solid #fff; border-right: 0; }
.wemedia-tab li { width: 50%; text-align: center; height: 24px; line-height: 24px; border-right: 1px solid #fff }
.wemedia-tab li a, .wemedia-tab li span { display: block; width: 100%; height: 100% }
.wemedia-tab li a { color: #fff }
.wemedia-tab li a:hover, .wemedia-tab li span { background: #fff; color: #000 }

.thematic-list dl { margin-left: 250px }
.thematic-list dl dt { width: 230px; padding-right: 20px; margin-left: -250px }
.thematic-list dt img { display: block; width: 100% }

.thematic-list .button { display: none; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.thematic-list:hover .button { display: block; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.height-100 { height: 100px; line-height: 100px; }
.height-100 span, .height-100 .iconfont { line-height: 100px }

.news-load-box { height: 80px }
.news-load { width: 80px; height: 80px; position: absolute; top: 0; left: 50%; margin-left: -40px; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite }
@-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

.wemedis-tab01 { width: 360px; height: 36px; line-height: 36px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; background: #ccc }
.wemedis-tab01 a { display: block; float: left; width: 50%; text-align: center; color: #666; height: 36px; line-height: 36px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px }
.wemedis-tab01 a:hover { color: #14126c }
.wemedis-tab01 a.this { background: #fff; color: #14126c }

/*-------------------金融效劳-------------------*/
.financial-kv { background: url(/static/images/financial-kv.jpg) center top no-repeat; background-size: cover }

.insurance-kv { background: url(/static/images/insurance-kv.jpg) center top no-repeat; background-size: cover }
.fi-txt { padding: 60px }
.insurance-img { background: url(/static/images/insurance-img01.jpg) center center no-repeat; background-size: cover }
.insurance-banner { background: url(/static/images/insurance-img02.jpg) center center no-repeat; background-size: cover }

.security-kv { background: url(/static/images/security-kv.jpg) center top no-repeat; background-size: cover }
.security-img { background: url(/static/images/security-img01.jpg) center center no-repeat; background-size: cover }
.security-banner { background: url(/static/images/security-img02.jpg) center center no-repeat; background-size: cover }
.security-b-slogon { max-width: 1200px }

.bank-kv { background: url(/static/images/bank-kv.jpg) center top no-repeat; background-size: cover }
.bank-img { background: url(/static/images/bank-img01.jpg) center center no-repeat; background-size: cover }

.invest-kv  { background: url(/static/images/invest-kv.jpg) center center no-repeat; background-size: cover }
.investnav-title { border-bottom: 5px solid #fff; padding-bottom: 5px }
.investnav-list li { width: 12.5% }

.fund-kv { background: url(/static/images/fund-kv.jpg) center top no-repeat; background-size: cover }
.fund-img { background: url(/static/images/fund-img01.jpg) center top no-repeat; background-size: cover }
.fund-banner { background: url(/static/images/fund-img02.jpg) center center no-repeat; background-size: cover }

.ppp-kv { background: url(/static/images/PPP-kv.jpg) center top no-repeat; background-size: cover }
.ppp-img { min-height: 520px; background: url(/static/images/PPP-img01.jpg) bottom left no-repeat; background-size: cover }
.ppp-banner { background: url(/static/images/PPP-banner.jpg) center center no-repeat; background-size: cover }

.zqfae-kv { background: url(/static/images/zqfae-kv.jpg) center top no-repeat; background-size: cover }
.zqfae-img { background: url(/static/images/zqfae-img01.jpg) center center no-repeat; background-size: cover }
.zqfae-banner { background: url(/static/images/zqfae-banner.jpg) center center no-repeat; background-size: cover }

.wlfz-kv { background: url(/static/images/wlfz-kv.jpg) center top no-repeat; background-size: cover }
.wlfz-img { background: url(/static/images/wlfz-img01.jpg) center center no-repeat; background-size: cover }

.kxt-kv { background: url(/static/images/kxt-kv.jpg) center top no-repeat; background-size: cover }
.kxt-img { background: url(/static/images/kxt-img01.jpg) center center no-repeat; background-size: cover }

.zcwhgc-kv { background: url(/static/images/zcwhgc-kv.jpg) center top no-repeat; background-size: cover }
.zcwhgc-img { background: url(/static/images/zcwhgc-img01.jpg) center center no-repeat; background-size: cover }

.fi-submenu a, .investnav-list a { display: inline-block; font-size: 24px; line-height: 24px; padding: 5px 20px; color: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.fi-submenu a:hover, .investnav-list a:hover { background: #fff; color: #382db9 }
.fi-submenu-touch { width: 108px }
.fi-submenu-touch.hover a.fi-submenu-tt { background: #fff; color: #382db9 } 
.fi-submenu-pop { width: 108px; text-align: center; position: absolute; top: 34px; right: 0; z-index: 10; background: #382db9; color: #fff; display: none }
.fi-submenu-pop a { font-size: 14px }
.fi-submenu-pop a:hover { background: #382db9; color: #c0bde4 }

.city-kv { background: url(/static/images/city-kv.jpg) center center no-repeat; background-size: cover }
.city-list { height: 250px }
.city-list li { height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.city-list li img { width: auto; height: 34px; margin-top: 8px; margin-left: auto; margin-right: auto }

/*-------------------金融+-------------------*/
.fadd-kv { background: url(/static/images/fadd-kv.jpg) center top no-repeat; background-size: cover }


/*-------------------投资者关系-------------------*/
.investor-kv { background: url(/static/images/investor-kv.jpg) center top no-repeat; background-size: cover }

.investor-band-l { padding: 40px 40px 20px }
.investor-band-r { padding: 40px; width: 100%; position: absolute; left: 66% }
.investor-band-r a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }

.investor-list { margin-left: 180px; margin-right: 150px }
.investor-list-l { width: 180px; margin-left: -180px }
.investor-list-r { width: 150px; margin-right: -150px }
.investor-list-r .com-more { width: 120px }

.irhonor-kv { background: url(/static/images/irhonor-kv.jpg) center center no-repeat; background-size: cover  }

/*-------------------招贤纳才-------------------*/
.join-kv { background: url(/static/images/join-kv.jpg) center top no-repeat; background-size: cover }

.search-dl { margin-left: 116px }
.search-dl dt { width: 116px; margin-left: -116px; padding-top: 5px; color: #fff; font-weight: bold }
.search-list a { display: block; padding: 5px 30px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.search-list a:hover, .search-list a.this { background: rgba(255,255,255,0.2) }


.staff-con { height: 600px }
.staff-txt { height: 440px; margin: 60px 0 30px 0; padding-left: 60px; overflow: hidden; overflow-y: auto }
.staff-txt::-webkit-scrollbar {
width:8px;
height:8px
}
.staff-txt::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.staff-txt::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.staff-txt::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.staff-txt::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

.campus-kv { background: url(/static/images/campus-kv.jpg) center center no-repeat; background-size: cover }
.campus-dl { margin-left: 400px }
.campus-dl dt { width: 400px; margin-left: -400px }


.society-kv { background: url(/static/images/society-kv.jpg) center right no-repeat; background-size: cover }

.line-box { width: 120px }

.basics-from { width: 80%; margin-top: 15px }				
.basics-lable { height: 32px; line-height: 32px }
input.basics-input { width: 100%; border-color: #ddd; border-radius: 3px; padding: 0 12px; height: 32px; line-height: 32px }
input.basics-input:focus, .basics-select:focus { border-color: #33aed8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) }

input.basics-input.basics-input-s { width: 150px; margin-right: 20px }

.basics-select { width: 100%; border-color: #ddd; border-radius: 3px; padding: 0 12px; height: 32px; line-height: 32px; background: url(/static/images/arrows.png) center right no-repeat; background-size: auto 100% }

.basics-radio { display: inline-block }
.basics-radio input[type="radio"] { display: none; }
.basics-radio label { cursor: pointer; display: inline-block; font-size: 14px; margin-right: 20px; padding-left: 25px; height:32px; line-height: 32px; position: relative }
.basics-radio label:before { background-color: #ffffff; border: 1px solid #d0d0d0; content: ""; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 9px; position: absolute; left: 0; top: 7px; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }
.basics-radio label:after { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 5px; position: absolute; top: 11px; left: 4px; transition: all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s; }
.basics-radio input[type="radio"]:checked + label:after { background: #0098e6; }
.basics-radio input[type="radio"][disabled] + label { filter:alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65 }

.uplaod-btn, input.uplaod-input, .uplaod-btn .button { width: 80px; height: 24px; line-height: 24px; margin-top: 2px }
input.uplaod-input { padding: 0; margin: 0; font-size:0; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 10; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.uplaod-btn .button { position: absolute; top: 0; left: 0; z-index: 1 }

textarea.basics-textarea { width: 100%; border-color: #ddd; border-radius: 3px; padding: 0 12px; min-height: 80px; line-height: 32px }
textarea.basics-textarea:focus { border-color: #bbb }

.captcha { width: 100px; height: 32px }

.thematic_list{height: 400px;}

.them_foot-share{width: 105px;}

/*-------------------搜索-------------------*/
.search input{ height: 40px; line-height: 40px;border:none;width: 650px; margin-top: 30px; }
.search .height-100{width: 800px;}
/*-------------------响应式css-------------------*/
@media ( min-width:1700px ) {
.container { width:1600px }
}
@media ( min-width:1441px ) and ( max-width:1699px ) {
.container { width:1320px }
}
@media ( min-width:1260px ) and ( max-width:1440px ) {
.container { width:1160px }
.kv-con h1 { font-size: 56px; line-height: 1.1em }
.about-con02 { height: 500px }
}

@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:940px }
.kv-con h1 { font-size: 52px; line-height: 1.1em }

.minheight01 { height: 420px }
.minheight02 { height: 500px }
.minheight02 img.bigimg { width: auto; height: 100% }

.about-con02 { height: 520px }
.brand-slogon { width: 90% }
.brand-kwicks { height: 700px }
.brand-kwicks > li { height: 700px; background: #fff }
.brand-kwicks dl dd { padding:20px }
.brand-kwicks .imgbox, .brand-kwicks .txtbox { width: 100% }
.brand-kwicks .txtbox { padding-left: 0; margin-top: 20px }
.rd-txt { height: 520px; margin: 40px 0; padding-left: 40px; overflow: hidden; overflow-y: auto }

.nd-con .area_66 { width: 85% }

.city-con .area_33 { width: 50% }

.join-con01 { height: 500px }
.join-con02 { height: 20px }
.join-con03 { height: 240px }
.join-con03 .width20 { width: 30% }
.join-con03 .width80 { width: 70% }
.join-con03 .width80 .area_90 { width: 100% }

.campus-con .com-rows_10 { height:17.95em; -webkit-line-clamp:12 }

.post-card.area_25 { width: 33.33% }
.pd-con .area_50 { width: 60% } 

}

@media ( min-width:801px ) and ( max-width:999px ) {
html { font-size:60% }

.container { width:760px }

.fontSize54 { font-size:48px }
.fontSize90 { font-size:80px }
.fontSize120 { font-size:110px }

h1, .h1 { font-size: 44px }
h2, .h2 { font-size: 32px }
h3, .h3 { font-size: 26px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }

.foot-navbox { width: 420px; position: relative; left: -40px }
.foot-nav { width: 105px }

.innews { padding: 20px }

.minheight01 { height: 420px }
.minheight02 { height: 480px }
.minheight02 img.bigimg { width: auto; height: 100%; margin-left: -20% }
.minheight02 .more01 { margin-left: 20px }
.minheight02 .padding30 { padding: 20px }
.minheight02 .more02 { margin-left: 20px }

.video-popbox { width: 600px; height: 420px }

.about-con02 { height: 550px }
.profile-banner { background: url(/static/images/profile-banner.jpg) -100px top no-repeat; background-size: cover }
.brand-slogon { width: 90% }
.brand-kwicks { height: 700px }
.brand-kwicks > li { height: 700px; background: #fff }
.brand-kwicks dl dd { padding:20px }
.brand-kwicks .imgbox, .brand-kwicks .txtbox { width: 100% }
.brand-kwicks .txtbox { padding-left: 0; margin-top: 20px }
.rd-txt { height: 520px; margin: 40px 0; padding-left: 40px; overflow: hidden; overflow-y: auto }

.news-swiper-title { margin-top: 20px; margin-left: 20px } 
.news-swiper-txt { padding: 20px }
.nd-con .area_66 { width: 100% }

.recommend-con .com-title { margin-left: 20px }
.recommend-con .padding30 { padding: 20px }
.recommend-con .padding30.infinite-height { padding-bottom: 3000px }


.city-con .area_33 { width: 50% }

.investor-list { margin-left: 120px; margin-right: 120px }
.investor-list-l { width: 120px; margin-left: -120px }
.investor-list-r { width: 120px; margin-right: -120px }
.investor-list-r .com-more { width: 110px }

.join-con01 { height: 500px }
.join-con02 { height: 20px }
.join-con03 { height: 240px }
.join-con03 .width20 { width: 30% }
.join-con03 .width80 { width: 70% }
.join-con03 .width80 .area_90 { width: 100% }

.campus-con .com-rows_10 { height:20.95em; -webkit-line-clamp:14 }

.post-card.area_25 { width: 33.33% }
.pd-con .area_50 { width: 70% } 



}


<!--耗时1768745326.0939秒-->