@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ }
body { line-height:1.5em; font-weight:400; font-family:"apercu","PingFang SC",Arial,sans-serif; color:#000; background:#eee; 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:#ed1b23; color:#fff }
::-moz-selection { background-color:#ed1b23; color:#fff }

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover { color:#ed1b23 }
a .more { width: 50px }
a .more .icon-next, a .more .icon-down02,  a .more .icon-up02 { position: absolute; right: 0; top: 2px }
a:hover .icon-next { animation: arrowright .6s; -webkit-animation: arrowright .6s }
@keyframes arrowright {
	0%,100% {
		transform: translateX(0px)
	}
	50% {
		transform: translateX(5px)
	}
}
@-webkit-keyframes arrowright {
	0%,100% {
		transform: translateX(0px)
	}
	50% {
		transform: translateX(5px)
	}
}

a:hover .more .icon-down02 { animation: arrowdown .6s; -webkit-animation: arrowdown .6s }
@keyframes arrowdown {
	0%,100% {
		transform: translateY(0px)
	}
	50% {
		transform: translateY(5px)
	}
}
@-webkit-keyframes arrowdown {
	0%,100% {
		transform: translateY(0px)
	}
	50% {
		transform: translateY(5px)
	}
}


.a01, a.a01, .a01 a { display: inline-block; color: #ed1b23; position: relative }
.a01:before, a.a01:before, .a01 a:before, .a03:before, a.a03:before, .a03 a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ff5b00; transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0) }
a:hover .a01:before, a.a01:hover:before, .a01 a:hover:before, a:hover .a03:before, a.a03:hover:before, .a03 a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }
.a01:before, a.a01:before, .a01 a:before { background: #ed1b23 }
.a03:before, a.a03:before, .a03 a:before { background: #ff5b00 }

.a03, a.a03, .a03 a { display: inline-block; color: #ff5b00; position: relative }

/* 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 }

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

.cd-main-content { width:100%; margin:0 auto; overflow: hidden }

.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: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.poabsolute-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_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.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_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }
.opacity0_75 { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
@font-face {
	font-family: 'apercu';
	src: url('/en/font/apercu-light-pro.eot'); /* IE9*/
	src: url('/en/font/apercu-light-pro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/en/font/apercu-light-pro.woff') format('woff'), /* chrome、firefox */
	url('/en/font/apercu-light-pro.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('/en/font/apercu-light-pro.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
	font-style: normal
}


.iconfont { line-height: 1em }
.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-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }

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

.fontSize70 { font-size:70px }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }

h1, .h1 { font-size: 36px; line-height:1.1em }
h2, .h2 { font-size: 32px; line-height:1.1em }
h3, .h3 { font-size: 26px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

.letter-spacing8 { letter-spacing:8px }
.tcenter .letter-spacing8 { margin-right: -8px }

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

/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color0066b3, .color0066b3 a, a.color0066b3 { color: #0066b3 }
.color0066b3:hover, .color0066b3 a:hover, a.color0066b3:hover { color: #000 }

.color000 { color: #000 }
.coloreee { color: #eee }
.colorf00 { color: #f00 }
.colorfc0000 { color: #fc0000 }
.colored1b23 { color: #ed1b23 }
.colorff5b00 { color: #ff5b00 }
.color802420 { color: #802420 }
.colord0021b { color: #d0021b }
.colorfaa618 { color: #faa618 }
.color5dd803 { color: #5dd803 }
.colorff5f00 { color: #ff5f00 }
.coloref3139 { color: #ef3139 }
.colorfff10e { color: #fff10e }
.colorbd1a19 { color: #bd1a19 }
.color097c25 { color: #097c25 }

.bgfff { background: #fff }
.bg000 { background: #000 }
.bgeee { background: #eee } 
.bgf6f6f6 { background: #f6f6f6 }
.bgf8f8f8 { background: #f8f8f8 }
.bgfafafa { background: #fafafa }
.bgda2e2e { background: #da2e2e }
.bg0372c5 { background: #0372c5 }
.bg0066b3 { background: #0066b3 }
.bgd3dce0 { background: #d3dce0 }
.bga6c5dc { background: #a6c5dc }
.bgcee2f0 { background: #cee2f0 }
.bgf7b218 { background: #f7b218 }
.bgfaa618 { background: #faa618 }
.bgfff7eb { background: #fff7eb }
.bgedf5fb { background: #edf5fb }
.bg0066b3_90 { background: rgba(0,102,179,0.9) }
.bgfaa618_90 { background: rgba(250,166,24,0.9) }
.bgee3138 { background: #ee3138 }
.bg2a6daa { background: #2a6daa }

/*-----------------间距---------------------*/ 
.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_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height2em { line-height:2em }

/*-------------------宽度、高度--------------------*/
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width40 { width:40% }
.width45 { width:45% }
.width48 { width:48% }
.width50 { width:50% }
.width60 { width:60% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width95 { width:95% }
.width100 { width:100% }

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

.imgw20 { display:block; max-width:20%; height:auto }
.imgw30 { display:block; max-width:30%; height:auto }
.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

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

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

.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.margintop2 { margin-top:2px }
.margintop3 { margin-top:3px }
.margintop4 { margin-top:4px }
.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 }
.margintop60 { margin-top:60px }

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

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft50 { margin-left:50px }

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

.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 }
.paddingleft7 { padding-left:7px }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }

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

.padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding2 { padding:2px; -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 }
.padding15_30 { padding:15px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

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

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

.border-b5-ed1b23 { border-bottom: 5px solid #ed1b23 }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }

.button-circular, a.button-circular, input.button-circular { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }

.button-s, a.button-s, input.button-s { padding: 5px 10px; line-height:1em }
.button-m, a.button-m, input.button-m { padding: 10px 15px; 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 { padding: 15px 40px; line-height:1em }

.button-fff, a.button-fff, input.button-fff { background:#fff; color:#000 }
.button-fff:hover, a:hover.button-fff, input.button-fff:hover { background:#eb8d45; color:#fff }
.button-fff:active, a:active.button-fff, input.button-fff:active { background:#eb8d45; color:#fff }

.button-red, a.button-red, input.button-red { border: 2px solid #ed1b23; background:#ed1b23; color:#fff }
.button-red:hover, a:hover.button-red, input.button-red:hover { background:transparent; color:#ed1b23 }
.button-red:active, a:active.button-red, input.button-red:active { background:transparent; color:#ed1b23 }

.button-blue, a.button-blue, input.button-blue { border: 2px solid #0066b3; background:#0066b3; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:transparent; color:#0066b3 }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:transparent; color:#0066b3 }

.button-blue-l, a.button-blue-l, input.button-blue-l { border: 2px solid #0066b3; background:transparent; color:#0066b3 }
.button-blue-l:hover, a:hover.button-blue-l, input.button-blue-l:hover { background:#0066b3; color:#fff }
.button-blue-l:active, a:active.button-blue-l, input.button-blue-l:active { background:#0066b3; color:#fff }

.button-gray, a.button-gray, input.button-gray { border: 2px solid #e9e9e9; background:#e9e9e9; color:#000 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { border: 2px solid #666; background:transparent; color:#666 }
.button-gray:active, a:active.button-gray, input.button-gray:active { border: 2px solid #666; background:transparent; color:#666 }


/*-------------------通用-------------------*/ 
.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.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_max3 { max-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.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-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:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.35em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }
.com-rows_8 { height:11.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical }

.zoomimg { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
a: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) }

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

/*-------------------头部-------------------*/
.headbox { width: 100%; height: 130px; background: #fff; position: fixed; z-index: 1000 }
.headlogo { margin-top: 65px; margin-left: 40px }
.logo { height: 50px; width: auto } 

.subnav-box { width: 340px; height: 30px; line-height: 30px; position: absolute; top: 0; right: 0; z-index: 1002 }
.subnav { width: 340px; height: 30px; line-height: 30px; background: #0066b3; color: #fff; position: absolute; top: 0; right: -30px; transform: skewX(45deg); -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); -o-transform: skewX(45deg); -moz-transform: skewX(45deg) }
.subnav ul { margin-right: 70px; transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -o-transform: skewX(-45deg); -moz-transform: skewX(-45deg) }
.subnav a { display: inline-block; height: 30px; line-height: 30px; margin-left: 20px; font-size: 12px; color: #fff }
.subnav li:last-of-type a { padding-right: 0 }
.subnav a:hover { color: rgba(255,255,255,0.6) }

.nav { position: absolute; right: 10px; top: 86px; z-index: 1002 }
.nav .menuLi { float:left; display:block; position:relative }
.nav .menuLi .mainmenu { display:block; height:44px; line-height:44px; font-size: 15px; font-weight:bold; padding: 0 30px 0 18px; position:relative }
.nav .menuLi .mainmenu .iconfont { position: absolute; top: 16px; right: 15px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon:hover, .nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover { background: #ef3139; color: #fff }
.nav .menuLi .mainmenu:hover .iconfont, .nav .menuLi .mainmenu.menuLiBnameover .iconfont { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.nav .menuLi .mainmenu.menuLipitchon { color: #ef3139 }
.menuListBox { min-width: 100%; line-height:30px; position:absolute; top:44px; left: 0; background: #005ca1; border-bottom: 7px solid #ef3139; display:none }
.menuListBox a { display:block; width: 100%; padding: 0 18px; line-height:30px; font-size: 12px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.menuListBox a:first-of-type { padding-top: 10px }
.menuListBox a:last-of-type { padding-bottom: 10px }

.nav .menuLi:last-of-type .menuListBox { right: 0; left: auto }

.headbox, .headlogo, .logo, .nav, .subnav-box { transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s }

.headbox.current { height: 44px }
.headbox.current .headlogo { margin-top: 10px }
.headbox.current .logo { height: 24px }
.headbox.current .nav { top: 0 }
.headbox.current .subnav-box { top: -30px }

.nav .menuLi:nth-of-type(6) .mainmenu { padding: 0 18px }


/*-------------------底部-------------------*/ 
.footbox { background: #fff }
.foot-layout, .foot-layout a { color: #0066b3; position: relative }
.foot-layout a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ff5b00; transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0); background-color: #0066b3 }
.foot-layout a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }
.foot-layout span.mo_undis { display: inline-block }
 
.foot-link a { display: inline-block; margin-right: 20px }
.foot-link a:last-of-type { margin-right: 0 }

.gototop { display:block; width:80px; height:50px; text-align: center; background:#2a6daa; color: #fff; transform: skewX(-20deg); -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -o-transform: skewX(-20deg); -moz-transform: skewX(-20deg); position:fixed; right:-20px; bottom: -50px; z-index:1001; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s }
.gototop .iconfont, .gototop span { position: absolute; transform: skewX(20deg); -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -moz-transform: skewX(20deg) }
.gototop .iconfont { top: 8px; right: 47px }
.gototop span { top: 22px; right: 35px }
.gototop:hover { color: rgba(255,255,255,0.6) }
#gototop.up { bottom:0 }


/*-------------------首页-------------------*/ 
#top-stage { height: 100vh; width: 100%; background-color: #ecebec; position: relative; overflow: hidden; top: 0; display: block; z-index: 0; }
.scrollindicator { display: block; opacity: .75; position: absolute; z-index: 50; right: 20px; bottom: 20px; text-align: center }
.scrollarrows { width: 22px; height: 42px; margin-top: 10px }
.scroll-description { color: #000; font-size: 16px; border-bottom: 3px solid #f00; animation: scd 6s infinite; -webkit-animation: scd 6s infinite }
.scrollarrows path { stroke: #f00; fill: transparent; stroke-width: 2px; animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite }
@keyframes arrow {
	0%,80%,100% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
}
@-webkit-keyframes arrow {
	0%,80%,100% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
}
@keyframes scd {
	0%,80%,100% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
}
@-webkit-keyframes scd {
	0%,80%,100% {
		opacity: 0
	}
	40% {
		opacity: 1
	}
}
.scrollarrows path.a1 { animation-delay: -1s; -webkit-animation-delay: -1s }
.scrollarrows path.a2 { animation-delay: -0.5s; -webkit-animation-delay: -0.5s }
.scrollarrows path.a3 { animation-delay: 0s; -webkit-animation-delay: 0s }

.button-video-sound { width: 70px; text-align: center; height: 60px; line-height: 60px; position: fixed; z-index: 1; right: 0; top: 50%; border: 0; background-color: #2a6daa; overflow: hidden; transform: skewX(-11deg) translateY(-50%); -ms-transform: skewX(-11deg) translateY(-50%); -webkit-transform: skewX(-11deg) translateY(-50%); -o-transform: skewX(-11deg) translateY(-50%); -moz-transform: skewX(-11deg) translateY(-50%); cursor: pointer; outline: 0; -webkit-transition: right 0.25s ease-out; -moz-transition: right 0.25s ease-out; -ms-transition: right 0.25s ease-out; -o-transition: right 0.25s ease-out; transition: right 0.25s ease-out }
.button-video-sound::after { content: ""; line-height: 60px; font-size: 30px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; transform: skewX(11deg); opacity: .5; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out }
.button-video-sound:hover::after { opacity: 1 }
.button-video-sound-on::after { font-family: "iconfont" !important; content: "\e606" }
.button-video-sound-off::after { font-family: "iconfont" !important; content: "\e72b" }

.stage_media { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: 180%; max-height: 180%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity; background-color: #ecebec }

.wrapper.roll .scrollindicator { display: none }
.wrapper.roll .button-video-sound { right: -80px }

.top-navbox { width: 100%; position: fixed; top: 0; right: 0; z-index: 1000 }
.top-guide, .top-subnav, .top-nav, .top-yellow { transform: skewX(45deg); -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); -o-transform: skewX(45deg); -moz-transform: skewX(45deg); transition: .6s ease-out; -webkit-transition: .6s ease-out; -moz-transition: .6s ease-out; -o-transition: .6s ease-out }
.top-guide span, .top-guide .iconfont, .top-subnav ul, .top-nav ul { transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -o-transform: skewX(-45deg); -moz-transform: skewX(-45deg) }

.top-guide { width: 300px; height: 44px; line-height: 44px; background: #ed1b23; color: #fff; position: absolute; top: 0; right: -22px; z-index: 1000 }
.top-guide span { position: absolute; top: 0; left: 30px }
.top-guide .iconfont { position: absolute; top: 8px; right: 42px; animation: move 2s infinite; -webkit-animation: move 2s infinite }
@keyframes move {
	0%,50%,100% {
		right: 42px
	}
	25% {
		right: 52px
	}
}
@-webkit-keyframes move {
	0%,50%,100% {
		right: 42px
	}
	25% {
		right: 52px
	}
}
 
.top-yellow { width: 880px; height: 60px; background: #faa618; position: absolute; top: 0; right: -100%; z-index: 999; transition-delay: .2s }

.top-subnav { width: 900px; height: 30px; line-height: 30px; background: #2a6daa; color: #fff; position: absolute; top: 0; right: -100%; z-index: 1002; transition-delay: .4s }
.top-subnav ul { margin-right: 55px }
.top-subnav a { display: inline-block; height: 30px; line-height: 30px; margin-left: 20px; font-size: 12px; color: #fff }
.top-subnav a:hover { color: rgba(255,255,255,0.6) }

.top-nav { width: 860px; height: 86px; background: #fff; color: #000; position: absolute; top: 0; right: -100%; z-index: 1001; transition-delay: .6s }
.top-nav ul { margin-right: 83px }
.top-nav a { display: inline-block; height: 56px; line-height: 56px; padding: 0 22px; margin-top: 30px; font-weight: bold; color: #000 }
.top-nav a:hover { color: #2a6daa }
.top-nav li:last-of-type a { padding-right: 0 }

.wrapper.roll .top-guide { width: 1190px }
.wrapper.roll .top-guide .iconfont { right: auto; left: 30px; transform: skewX(-45deg) rotate(180deg); -ms-transform: skewX(-45deg) rotate(180deg); -webkit-transform: skewX(-45deg) rotate(180deg); -o-transform: skewX(-45deg) rotate(180deg); -moz-transform: skewX(-45deg) rotate(180deg); animation: none; -webkit-animation: none }
.wrapper.roll .top-guide span { margin-left: 40px }    
.wrapper.roll .top-yellow { right: -30px }
.wrapper.roll .top-subnav { right: -15px }
.wrapper.roll .top-nav { right: -43px }

.page { position: relative; background: url(../images/index/img02.jpg) center center no-repeat; background-size: cover; background-attachment: fixed }

.logobox { width: 100%; height: 150px; line-height: 150px; box-sizing: border-box; padding-top: 50px; position: absolute; top: -150px; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out } 
.indexlogo { margin-left: 40px }
.wrapper.roll .logobox { background-color: #eee }

.index-con01 { height: calc(50vh) }
.index-con01-bg { width: 36%; height: 100%; background: rgba(236,54,60,0.9); position: absolute; top: 0; right: 0; z-index: 2 }
.index-con01-bg .a01 { margin-top: 12px; margin-left: 10px; color: #fff }
.index-con01-bg a .a01:before { background: #fff }
.play { width: 40px; height: 40px; border-radius: 50%; background: #fff; position: relative }
.play em { display: block; position: absolute; top: 12px; left: 17px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #000 }
a:hover .play em { border-left: 12px solid #ed1b23 }

.video-popbox { width: 800px; height: 480px }

.anchor { width: 100%; height: 0; line-height: 0; font-size: 0 }

.tovideo { display: inline-block; left: 60%; top: 50%; margin-top: -50px }
.tovideo .play { width: 100px; height: 100px; background: rgba(255,255,255,0.9) }
.tovideo .play em { top: 34px; left: 42px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 24px solid #000 }
a.tovideo:hover .play { background: rgba(255,255,255,1) }
a.tovideo:hover .play em { border-left: 24px solid #ed1b23 }


/*-------------------内页通用-------------------*/ 
.insidekv-slogan { height: calc(100% - 130px); bottom: 0 }
.insidekv h2, .level3kv h3 { display: inline-block; line-height: 1.2em }
.inside-navbox { padding-top: 20px; padding-bottom: 10px }

.level3kv { height: 360px }

.block-padding { padding-top: 60px; padding-bottom: 60px }
.block-padding-t { padding-top: 60px }
.block-padding-b { padding-bottom: 60px }
.block-padding-t30 { padding-top: 30px }
.block-padding-t45 { padding-top: 45px }
.block-padding-t50 { padding-top: 50px }
.block-padding-b45 { padding-bottom: 45px }
.block-padding-b50 { padding-bottom: 50px }

.card-padding { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.headspace { width: 100%; height: 130px }

.inside-subnav a { display: inline-block; height: 36px; line-height: 36px; margin: 0 10px; padding: 0 10px; border-bottom: 5px solid transparent }
.inside-subnav a.cur { border-bottom: 5px solid #ef3139 }
.inside-subnav li:first-of-type a { margin-left: -10px }

.com-list { padding-left: 20px; box-sizing: border-box }
.com-list li { margin-top: 3px; position: relative }
.com-list li:before { font-family: "iconfont"!important; content: "\e644"; position: absolute; top: 0; left: -20px; opacity: 0.7 }

/*-------------------走进中南-------------------*/ 
.about-culture-con { height: calc(100% - 42px ); background: url(../images/about/culture-img01.jpg) top right no-repeat; background-size: cover }

.profile-kv { background: url(../images/about/profilekv.jpg) center center no-repeat; background-size: cover }
.profile-content { margin-left: -30px; margin-right: -30px }

.brand-page { padding-bottom: calc(50%); background: url(../images/about/brand-bg.jpg) bottom center no-repeat; background-size: 100% auto }
.brand-page .rhombus-con { max-width: 620px }
.brand-page .rhombus-box { margin: 15px }
.brand-page .rhombus { width: 90px; height: 90px; background: #ebebeb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.brand-kv { background: url(../images/about/brandkv.jpg) center bottom no-repeat; background-size: cover }

.culture-kv { background: url(../images/about/culturekv.jpg) bottom right no-repeat; background-size: cover }
.culture-title { font-size: 5rem; line-height: 1 }
.culture-title span.coloref3139 { display: block; line-height: 20px }
.culture-con { padding: 60px 30px 30px }
.culture-con .area_25 { height: calc(100%); top: 0; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.culture-con .area_25:first-of-type { background: rgba(255,255,255,0.5); left: 0 }
.culture-con .area_25:nth-of-type(2) { background: rgba(237,231,221,0.3); left: 25% }
.culture-con .area_25:nth-of-type(3) { background: rgba(255,255,255,0.5); left: 50% }
.culture-con .area_25:nth-of-type(4) { background: rgba(237,231,221,0.3); left: 75% }
.culture-con .area_25:first-of-type:hover, .culture-con .area_25:nth-of-type(2):hover, .culture-con .area_25:nth-of-type(3):hover, .culture-con .area_25:nth-of-type(4):hover { background: transparent }
.culture-con h6 { height: 60px; line-height: 60px; border-bottom: 10px solid transparent; box-sizing: border-box; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.culture-con .area_25:hover h6 { border-bottom: 10px solid #ef3139 }
.culture-con .area_25:first-of-type h6, .culture-con .area_25:nth-of-type(4) h6 { display: inline-block; width: calc(100% - 30px) }
 
.leader-kv { background: url(../images/about/leaderkv.jpg) center right no-repeat; background-size: cover }

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

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

.drawingbox { width: 1500px; height: 294px; bottom: 5%; animation: toleft01 1.5s linear forwards 4.2s; -moz-animation: toleft01 1.5s linear forwards 4.2s; -webkit-animation: toleft01 1.5s linear forwards 4.2s; -o-animation: toleft01 1.5s linear forwards 4.2s }
@keyframes toleft01 {
	0% {
		left: 0;
	}
	100% {
		left: -1500px;
	}
}
@-moz-keyframes toleft01 {
	0% {
		left: 0;
	}
	100% {
		left: -1500px;
	}
}
@-webkit-keyframes toleft01 {
	0% {
		left: 0;
	}
	100% {
		left: -1500px;
	}
}
@-o-keyframes toleft01 {
	0% {
		left: 0;
	}
	100% {
		left: -1500px;
	}
}

.kwicksbox { position: absolute; top: 0; left: 1500px; opacity: 0; animation: toleft02 1.5s linear forwards 4s; -moz-animation: toleft02 1.5s linear forwards 4s; -webkit-animation: toleft02 1.5s linear forwards 4s; -o-animation: toleft02 1.5s linear forwards 4s }
@keyframes toleft02 {
	0% {
		opacity: 0;
		left: 1500px;
	}
	5% {
		opacity: 1;
		left: 1500px;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
@-moz-keyframes toleft02 {
	0% {
		opacity: 0;
		left: 1500px;
	}
	5% {
		opacity: 1;
		left: 1500px;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
@-webkit-keyframes toleft02 {
	0% {
		opacity: 0;
		left: 1500px;
	}
	5% {
		opacity: 1;
		left: 1500px;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
@-o-keyframes toleft02 {
	0% {
		opacity: 0;
		left: 1500px;
	}
	5% {
		opacity: 1;
		left: 1500px;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}

.kwicks { width: 90%; margin: 0 auto; height: 95%; border-right: 1px solid #ddd; box-sizing: border-box }
.kwicks > li { height: 100%; background: #eee; border-left: 1px solid #ddd; box-sizing: border-box; position: relative; overflow: hidden }

.kwicks li .details { width: calc(54vw); height: calc(100% - 38px); overflow: hidden; position: absolute; left: 0; top: 0; background: #fff; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer }
.kwicks li.kwicks-expanded .details { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.kwicks li .details .logo-31 { width: 10%; height: auto }
.kwicks li .details .icon-topright { position: absolute; top: 20px; right: 20px }
.kwicks li .details .year { position: absolute; top: 25px; right: 50px }

.kwicks li .kwicks-year { padding-left: 10px; white-space:nowrap; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.kwicks li.kwicks-collapsed .kwicks-year { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }

.kwicks-line { width: 100%; height: 2px; background: #f00; position: absolute; bottom: calc(5vh + 29px); left: 0 }

.kwicks-num { width: 100%; position: absolute; left: 0; bottom: 2%; text-align: center }
.kwicks-num em { display: block; height: 15px; width: 3px; background: #f00; position: absolute; top: -50%; left: 0 }

.mainline { stroke-width:2; stroke:#f00; animation: lineMove 4s ease-in forwards; -moz-animation: lineMove 4s ease-in forwards; -webkit-animation: lineMove 4s ease-in forwards; -o-animation: lineMove 4s ease-in forwards }

@keyframes lineMove {
	0% {
		stroke-dasharray: 0, 4800;
	}
	100% {
		stroke-dasharray: 4800, 4800;
		opacity: 1;
	}
}
@-moz-keyframes lineMove {
	0% {
		stroke-dasharray: 0, 4800;
	}
	100% {
		stroke-dasharray: 4800, 4800;
		opacity: 1;
	}
}
@-webkit-keyframes lineMove {
	0% {
		stroke-dasharray: 0, 4800;
	}
	100% {
		stroke-dasharray: 4800, 4800;
		opacity: 1;
	}
}
@-o-keyframes lineMove {
	0% {
		stroke-dasharray: 0, 4800;
	}
	100% {
		stroke-dasharray: 4800, 4800;
		opacity: 1;
	}
}
  
  
.line01 { stroke-width:2; stroke:#f00; animation: lineMove01 4s ease-in forwards; -moz-animation: lineMove01 4s ease-in forwards; -webkit-animation: lineMove01 4s ease-in forwards; -o-animation: lineMove01 4s ease-in forwards }
@keyframes lineMove01 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	40% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	45%, 100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
@-moz-keyframes lineMove01 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	40% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	45%, 100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
@-webkit-keyframes lineMove01 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	40% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	45%, 100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
@-o-keyframes lineMove01 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	40% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	45%, 100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
  
.line02, .line03, .line04, .line05, .line06 { stroke-width:2; stroke:#f00; animation: lineMove02 4s ease-in forwards; -moz-animation: lineMove02 4s ease-in forwards; -webkit-animation: lineMove02 4s ease-in forwards; -o-animation: lineMove02 4s ease-in forwards }
@keyframes lineMove02 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	98% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
@-moz-keyframes lineMove02 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	98% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
@-webkit-keyframes lineMove02 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	98% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}
@-o-keyframes lineMove02 {
	0% {
		stroke-dasharray: 0, 0;
		opacity: 0;
	}
	98% {
		stroke-dasharray: 0, 220;
		opacity: 1;
	}
	100% {
		stroke-dasharray: 220, 220;
		opacity: 1;
	}
}

.logo-31-big { width: 230px; height: auto; position: absolute; top: 10%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; opacity: 0; animation: opacity01 4s ease-in forwards 1.5s; -moz-animation: opacity01 4s ease-in forwards 1.5s; -webkit-animation: opacity01 4s ease-in forwards 1.5s; -o-animation: opacity01 4s ease-in forwards 1.5s }
@keyframes opacity01 {
	0%, 100% {
		opacity: 0;
	}
	10%, 90% {
		opacity: 1;
	}
}
@-moz-keyframes opacity01 {
	0%, 100% {
		opacity: 0;
	}
	10%, 90% {
		opacity: 1;
	}
}
@-webkit-keyframes opacity01 {
	0%, 100% {
		opacity: 0;
	}
	10%, 90% {
		opacity: 1;
	}
}
@-o-keyframes opacity01 {
	0%, 100% {
		opacity: 0;
	}
	10%, 90% {
		opacity: 1;
	}
}

.popup { width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0 }
.popup .icon-add { cursor: pointer; position: absolute; top: 30px; right: 30px; z-index: 2000; 
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out }
.popup .icon-add:hover { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg) }
.popuptop-txt { height: 80px; line-height: 20px; overflow: auto;}
.popuptop-txt::-webkit-scrollbar {
width:6px;
height:6px
}
.popuptop-txt::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.popuptop-txt::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.popuptop-txt::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.popuptop-txt::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}


.party-kv { background: url(../images/about/partykv.jpg) center bottom no-repeat; background-size: cover }
.party-con01 { background: url(../images/about/party-bg01.jpg) #fff top center no-repeat; background-size: 100% auto }
.party-img03 { margin-top: -66px }
.party-con02 .tabs li { width: 33.33% }
.party-con02 .tabs a { background: #0066b3 }
.party-con02 .tabs a:hover, .party-con02 .tabs a:focus, .party-con02 .tabs .current { background: #f41400 }
.party-txt { width: 290px; left: 8% }

/*-------------------新闻-------------------*/
.news-select { width: 80px; height: 30px; line-height: 30px; cursor: pointer }
.news-select .iconfont { line-height: 30px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.news-select-list { width: 100px; padding: 20px 0; background: #fff; position: absolute; top: 30px; left: -20px; z-index: 10; display: none }
.news-select-list li a { display: block; width: 100%; text-align: center; height: 30px; line-height: 30px }
.news-select-list li a:hover { color: rgba(0,0,0,0.6) }
.news-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.search-dl { margin-right: 30px }
.search-dl dd { width: 30px; height: 30px; line-height: 30px; margin-right: -30px }
.search-dl dd a { width: 30px; height: 30px; line-height: 30px; text-align: center }
.search-dl dd a .iconfont { line-height: 30px }
.search-dl dt input { width: 230px; height: 30px; line-height: 30px; background: transparent; border: 0; border-bottom: 1px solid #eee }
.search-dl dt input:focus { border-bottom: 1px solid #ed1b23 }

.share-mask { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 9999; cursor: pointer; display: none }
.share-mask img { border: 8px solid #fff }

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

.group-list .group-li:first-of-type { margin-top: 0 }
.group-list .group-li:nth-of-type(odd) a { background: #fff }
.group-list .group-li:nth-of-type(even) a { background: #f5f5f5 }
.group-li { margin-top: 5px }
.group-li dl { margin-left: 240px }
.group-li dl dt { width: 200px; margin-left: -240px }

.media-con01 { height: calc(60vh); min-height: 400px; background: url(../images/index/img02.jpg) center center no-repeat; background-size: cover }
/* video.media-video::-webkit-media-controls-play-button { width: 64px; height: 64px; line-height: 64px; background-size: 36px; position: fixed; top: 50%; margin-top: -90px; left: 50%; margin-left: -30px; background-color: rgba(205,55,61,0.6); border-radius: 50%; cursor: pointer }
video.media-video::-webkit-media-controls-play-button:hover { background-color: rgba(205,55,61,1)} */
.media-con02 div.area_33:nth-of-type(odd) a { background: #fff }
.media-con02 div.area_33:nth-of-type(even) a { background: #f5f5f5 }

.wemedia-con01 div.area_33 a { background: #f8f8f8 }
.wemedia-con01 div.area_33:nth-of-type(3n-1) a { background: #f7f7f7 }
.wemedia-con01 .com-rows_3 { height: 3.35em; line-height: 1.1em }
	
.wemedia-ewm { top: 100%; background: rgba(0,0,0,0.6); transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
a:hover .wemedia-ewm { top: 0 }


/*-------------------投资者关系-------------------*/ 
.irindex-height01 { height: 400px }
.irindex-title { top: 15% }

.irindex-con01 img { height: 100%; width: auto; position: relative; left: 0 }

.ir-select { width: 150px; height: 36px; line-height: 36px; border-bottom: 1px solid rgba(0,0,0,0.3); color: #0066b3; cursor: pointer }
.ir-select .iconfont { font-size: 30px; line-height: 30px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.ir-select-list { width: 150px; padding: 20px 0; background: #0066b3; position: absolute; top: 36px; left: 0; z-index: 10; display: none }
.ir-select-list li a { display: inline-block; width: 100%; padding: 0 20px; height: 30px; line-height: 30px; color: #fff }
.ir-select-list li a:hover { color: rgba(255,255,255,0.6) }
.ir-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.notice-page a.com-link:hover h5 { color: #0066b3 }
.notice-list { margin-left: 100px; margin-right: 160px; height: 54px }
.notice-list-date { width: 100px; margin-left: -100px }
.notice-list-date .day { display: inline-block; font-size: 30px; line-height: 1.1em }
.notice-list-down { width: 160px; margin-right: -160px; height: 54px; line-height: 54px }
.notice-list-down .iconfont { line-height: 54px }

.mo_finance-title .mo_year { display: none }
.financial-dl { margin-left: 370px }
.financial-dl dt { width: 370px; margin-left: -370px; font-weight: bold; color: #000; padding: 15px 30px 15px 15px; position: relative }
.financial-dl dt span { position: absolute; top: 15px; right: 15px }
   
.financial-list li { float: left; width: 25%; padding: 15px 8px }

.gov-list01 { margin-top: 12px }
.gov-list01 li, .gov-list02 li { border-bottom: 1px solid #eee }
.gov-list01 li a { padding-top: 8px; padding-bottom: 8px }
.gov-list01 li:last-of-type, .gov-list02 li:last-of-type { border-bottom: 0 }
.gov-list01 li:last-of-type a, .gov-list02 li:last-of-type { padding-bottom: 0 }

.gov-list02 { margin-top: 4px }
.gov-list02 li { padding-top: 16px; padding-bottom: 16px }
.gov-list02 li dl { margin-right: 120px }
.gov-list02 li dl dd { width: 120px; margin-right: -120px }

.ircontact-dl { margin-left: 120px }
.ircontact-dl dt { width: 120px; margin-left: -120px }
.ircontact-dl dd p { margin-left: 70px; position: relative }
.ircontact-dl dd p span { position: absolute; left: -70px }

.stock-table { width: 100% }
.stock-table td { line-height: 30px; padding-left: 10px }
.stock-table th { line-height: 30px; padding-left: 10px; background: #f2f8fc }
.stock-table td.stock-head, .stock-table th.stock-head { padding-left: 15px }
.stock-mark-l { background: #0457b7; position: absolute; left: 0; height: 30px; width: 5px; font-size: 0 }
.stock-mark-r { background: #fff; position: absolute; right: 0; height: 30px; width: 2px; font-size: 0 }
.stock-blank { height: 15px; line-height: 15px; font-size: 0 }
.stock-table .delta-up, .delta-up { color: #ff5959 }
.stock-table .delta-down, .delta-down { color: #097c25 }

.cf-form input, .cf-form textarea { border: 1px solid #d5d5d5; background: transparent; box-sizing: border-box }
.cf-form input { padding-left: 10px; height: 40px; line-height: 40px }
.cf-form textarea { padding: 10px }

/*-------------------产业版图-------------------*/ 
.layout-tab { display: block; height: 100px; line-height: 100px; padding: 0 40px; box-sizing: border-box; background: #cee2f0; cursor: pointer }
.layout-tab h3 { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-right: 50px }
.layout-tab:hover, .layout-tab.cur { background: #f26065; color: #fff } 
.layout-tab .iconfont { font-size: 20px; position: absolute; top: 40px; right: 30px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.layout-tab.cur .iconfont { -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.layout-tab em { display: none; position: absolute; bottom: -15px; left: 50%; margin-left: -14px; border-top: 16px solid #f26065; border-right: 14px solid transparent; border-left: 14px solid transparent; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.layout-tab.cur em { display: block }

.layout-con { position: relative; left: 0; padding: 40px; display: none }
.layout-tabs .area_33:nth-of-type(3n-1) .layout-con { left: -101% }
.layout-tabs .area_33:nth-of-type(3n) .layout-con { left: -202% }
.layout-con img { max-width: 100% }

.layout-site { height: 220px; background-position: center center; background-size: cover } 
.zd-site { background-image: url(../images/layout/zd-site.jpg) }
.znzb-site { background-image: url(../images/layout/znzb-site.jpg) }
.tm-site { background-image: url(../images/layout/tm-site.jpg) }
.jt-site { background-image: url(../images/layout/jt-site.jpg) }
.gk-site { background-image: url(../images/layout/gk-site.jpg) }
.jr-site { background-image: url(../images/layout/jr-site.jpg) }
.zb-site { background-image: url(../images/layout/zb-site.jpg) }

.ewm-top-touch .icon-weixin { cursor: pointer }
.ewm-top-touch .ewm { width: 200px; position: absolute; left: -15px; bottom: 40px; z-index: 10; display: none }

.yl-map { max-width: 350px }
.jylayout-tabs .area_33.padding2 { width: 50% }

.jt-list .area_33:nth-of-type(odd) .jt-list-title { background: #0066b3 }
.jt-list .area_33:nth-of-type(odd) .jt-list-txt { background: #f1f1f1 }
.jt-list .area_33:nth-of-type(even) .jt-list-title { background: #3684be }
.jt-list .area_33:nth-of-type(even) .jt-list-txt { background: #f8f8f8 }

/*-------------------企业公民-------------------*/ 
.community-kv { background: url(../images/responsibility/responsibilitykv.jpg) center center no-repeat; background-size: cover }

/*-------------------加入中南-------------------*/ 
/* .joinkv h2 { border-bottom: 5px solid #0066b3 } */

.social-kv { background: url(../images/join/socialkv.jpg) bottom center no-repeat; background-size: cover  }
/* .social-kv h3 { border-bottom: 5px solid #000 } */

.social-con { margin-left: 270px }
.social-con-l { width: 240px; margin-left: -270px }

.social-classify { overflow: hidden; background: #0066b3 }

.classify-title { padding: 40px 20px 40px 35px; background: #bed3e2; cursor: pointer }
.classify-title, .social-classify .iconfont { transition:0.35s; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s }

.social-classify.cur .classify-title { background: #3081bf; color: #fff; padding: 20px 20px 20px 35px}
.social-classify.cur .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.classify-txt { display: none }
.social-list li { display: block; width: 50%; margin-top: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.social-list li:nth-of-type(1) { width: 100% }
.social-list a { display: inline-block; color: #fff; padding: 5px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.social-list a:hover, .social-list a.this { background: #3081bf }

.social-search { margin-right: 200px }
.social-search .button { margin-right: -200px; width: 200px; height: 66px; line-height: 66px; background: #ed1b23; color: #fff }
.social-search .button:hover { background: #f00 }
.social-search input { height: 66px; line-height: 66px; padding-left: 30px; box-sizing: border-box; border: 1px solid #fff; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)  }
.social-search input:focus { border: 1px solid #0066b3 }
.social-con01 { display: block; height: 210px; padding: 60px 20px 0; background: #d6d3d3; overflow: hidden }
.social-con01:hover { color: #000 }
.hotbox { width: 90px; height: 90px; background: #f00; top: -45px; right: -45px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.hotbox .iconfont { font-size: 36px; line-height: 160px }
.morebox { height: 50px; line-height: 50px; background: #ed1b23; color: #fff; left: 0; bottom: 0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0) }
.social-con01:hover .morebox { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.post-title { height: 48px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.post-title, .post-txt { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.social-con01:hover .post-title, .social-con01:hover .post-txt { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) }



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



.join-campus-con { height: calc(100% - 40px) }
.join-campus-r { width: 240px }
.join-campus-l { width: calc(100% - 240px); background: url(../images/join/img02.jpg) right bottom no-repeat; background-size: cover }

.join-campus-con .a03 { color: #fff }
.join-campus-con .a03:before { background: #fff }


.talent-accordion { padding-left: 30px; padding-right: 30px; box-sizing: border-box }
.talent-accordion.cur { background: #fff }
.talent-title { padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #fff; cursor: pointer }
.talent-accordion:first-of-type .talent-title { border-top: 1px solid #fff }
.talent-txt { padding-bottom: 20px }
.talent-accordion .icon-down02 { transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.talent-accordion.cur .icon-down02 { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.talent-con03 h5.positionAbsolute { bottom: -10px }

.talent-title04 { padding: 40px 40px 20px 40px }
.talent-con04 { height: 380px; background: url(../images/join/talent-img06.png) top center no-repeat; background-size: cover }
.talent-con04>div { width: 16.66% }
.talent-con04>div>div, .talent-con04>div>div h5 { transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.talent-con04>div:nth-of-type(odd)>div { background: rgba(0,0,0,0.1) }
.talent-con04>div:nth-of-type(even)>div { background: rgba(0,0,0,0.05) }
.talent-con04>div>div:hover { background: #0066b3}
.talent-con04>div>div:hover h5 { -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); color: #fff }

.talent-box { padding-top: 120px; padding-bottom: 120px }
.talent-box01 { background: url(../images/join/talent-bg01.jpg) top center no-repeat; background-size: cover }
.talent-box01 h2 { color: #0066b3 }
.talent-box02 { background: url(../images/join/talent-bg02.jpg) top center no-repeat; background-size: cover }
.talent-box03 { background: url(../images/join/talent-bg03.jpg) top center no-repeat; background-size: cover }
.talent-box03 h2 { color: #ed1b23 }
.talent-box04 { background: url(../images/join/talent-bg04.jpg) center center no-repeat; background-size: cover }

.campus-dl { margin-left: 80px }
.campus-dl dt { width: 80px; margin-left: -80px }

.campus-card06 img { border-right: 2px solid #fff; box-sizing: border-box }

.cd-con img { max-width: 100%; margin-left: auto; margin-right: auto }
.cd-con .color0066b3:hover { color: #0066b3 }

.sdel-dl { margin-left: 7em; padding-top: 10px; padding-bottom: 10px }
.sdel-dl dt { width: 7em; margin-left: -7em; font-weight: bold }
.sdel-dl ol li { list-style-type: decimal; list-style-position: inside; margin-bottom: 5px }

.pdf_box { width: 100%; height:100%; position: fixed; top: 0; left: 0; z-index: 3000; background: rgba(0,0,0,.8)}
.pdf_box .poabsolute-wh50 { width: 500px; z-index: 3001 }
.pdf_box .poabsolute-wh50>div:first-child { background: #dae4f0; padding: 20px 40px }
.pdf_box .poabsolute-wh50>div:last-child { background: #fff }
.pdf_box .poabsolute-wh50 input { height: 40px; line-height: 40px; border: 1px solid #d5d5d5; padding-left: 10px; box-sizing: border-box }
.pdf_box .poabsolute-wh50 input:focus { border: 1px solid #0066b3 }
.pdf_box .box_yzm { margin-right: 120px }
.pdf_box .box_yzm img { width: 85px; height: 40px; margin-right: -120px }
.pdf_box .button { height: 40px; line-height: 40px }
.pdf_box .icon-add { transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; cursor: pointer }
.pdf_box .icon-add:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
	
/*-------------------联系我们-------------------*/ 
.contact-site { height: 340px; background: url(../images/contact/kg-map.jpg) center center no-repeat; background-size: cover }
.contact-site02 { height: 340px; background: url(../images/contact/kg-map02.jpg) center center no-repeat; background-size: cover }
.contact-dl { margin-left: 90px; line-height: 28px }
.contact-dl dt { width: 90px; margin-left:-90px; font-weight: bold }

.contact-con { height: 200px }
.contact-con .area_80, .contact-con02 .area_80 { margin-left: 15% }

.contact-con02 { height: 240px }

.report-con .icon-down02 { transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.report-con .icon-down02.rotate180 { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

/*-------------------子公司-------------------*/ 
.group-page { height: 100% }
.group-page .logo { height: auto; max-width: 10%; top: 10%; left: 40px }
.line-l, .line-r { width: 19%; bottom: 12% }
.group-con { width: 55%; height: 100% }
.group-title { top: 10% }
.group-con .area_20 { border-right: 1px solid #ccc; box-sizing: border-box }
.group-con .area_20:nth-of-type(5) { border-right: 0 }
.group-con .com-rows_3 { height: 3.55em; line-height: 1.2em }
.bottom-line div { height: 10px }
.bottom-line div:nth-of-type(1) { width: 22.5%; background: #faa618 }
.bottom-line div:nth-of-type(2) { width: 55%; background: #0066b3 }
.bottom-line div:nth-of-type(3) { width: 22.5%; background: #ed1b23 }

/*-------------------响应式css-------------------*/

@media ( min-width:801px ) and ( max-width:1180px ) {
.headbox { height: 110px }
.headlogo { margin-top: 20px; margin-left: 20px }
.headlogo .logo { height: 40px; width: auto } 
.subnav-box { width: 300px }
.subnav { width: 300px }
.nav { top: 66px }

.headspace { height: 110px }

.insidekv-slogan { height: calc(100% - 110px) }

}


@media ( min-width:1600px ) {
.container { width:1500px }

}

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

.profile-con03 { width: 47% }
.profile-con03 .area_90 { width: 100% }
.profile-content { margin-left: -25px; margin-right: -25px }

.culture-con { padding: 60px 25px 25px }
.culture-con .area_25:first-of-type h6, .culture-con .area_25:nth-of-type(4) h6 { width: calc(100% - 25px) }

.irindex-height01 { height: 460px }

.jt-item-list .com-rows_3 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }

.jt-list-txt .com-rows_5 { height:8.35em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }



}

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

.paddingtop40 { padding-top: 30px }
.paddingbottom40 { padding-bottom:30px }

.block-padding { padding-top: 40px; padding-bottom: 40px }
.block-padding-t { padding-top: 40px }
.block-padding-b { padding-bottom: 40px }
.block-padding-t30 { padding-top: 10px }
.block-padding-t45 { padding-top: 25px }
.block-padding-t50 { padding-top: 30px }
.block-padding-b45 { padding-bottom: 25px }
.block-padding-b50 { padding-bottom: 30px }

.card-padding { padding:20px }

.profile-con01 .area_25, .profile-con01 .area_75 { width: 100%; float: none; }
.profile-con01 .area_25 { margin-bottom: 20px }
.profile-con01 .area_25.mo_undis { display: none }
.profile-con03 { width: 47% }
.profile-con03 .area_90 { width: 100% }
.profile-content { margin-left: -20px; margin-right: -20px }

.culture-con { padding: 60px 20px 20px }
.culture-con .area_25:first-of-type h6, .culture-con .area_25:nth-of-type(4) h6 { width: calc(100% - 20px) }

.party-txt { width: 270px; left: 6% }

.irindex-height01 { height: 480px }
.irindex-title { top: 12% }
.irindex-height01 .poabsolute-b.marginbottom30 { margin-bottom: 20px }

.financial-dl { margin-left: 0 }
.financial-dl dt { width: 100%; margin-left: 0; padding: 15px 8px 0 8px }
.financial-dl dt span { display: none }

.layout-tab { padding: 0 30px }

.jt-item-list .com-rows_3 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }

.jt-list-txt .com-rows_5 { height:11.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical }

.post-title { height: 48px; line-height: 24px }
.post-title h4 { max-width: 70%; line-height: 24px }
.post-title .icon-hot { right: -30px; top: -8px }

.join-campus-r { width: 210px }
.join-campus-l { width: calc(100% - 210px) }

.contact-con { height: 250px }
.contact-con02 { height: 280px }

img.fit { height: 280px; width: auto; margin-left: -20% }


}

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


.paddingtop40 { padding-top: 30px }
.paddingbottom40 { padding-bottom:30px }

.block-padding { padding-top: 40px; padding-bottom: 40px }
.block-padding-t { padding-top: 40px }
.block-padding-b { padding-bottom: 40px }
.block-padding-t30 { padding-top: 10px }
.block-padding-t45 { padding-top: 25px }
.block-padding-t50 { padding-top: 30px }
.block-padding-b45 { padding-bottom: 25px }
.block-padding-b50 { padding-bottom: 30px }

.card-padding { padding:20px }

.nav .menuLi .mainmenu { padding: 0 20px 0 10px }
.nav .menuLi .mainmenu .iconfont { right: 5px }

.profile-con01 .area_25, .profile-con01 .area_75 { width: 100%; float: none; }
.profile-con01 .area_25 { margin-bottom: 20px }
.profile-con01 .area_25.mo_undis { display: none }
.profile-con03 { width: 47% }
.profile-con03 .area_90 { width: 100% }
.profile-content { margin-left: -20px; margin-right: -20px }
.profile-con04 .com-rows_4 { height:7.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }

.culture-title { font-size: 4rem }
.culture-con { padding: 60px 20px 20px }
.culture-con .area_25:first-of-type h6, .culture-con .area_25:nth-of-type(4) h6 { width: calc(100% - 20px) }

.leader-con .com-rows_8 { height:13.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical }

.party-txt { width: 270px; left: 4% }

.irindex-height01 { height: 590px }
.irindex-title { top: 10% }
.irindex-height01 .poabsolute-b.marginbottom30 { margin-bottom: 20px }

.financial-dl { margin-left: 0 }
.financial-dl dt { width: 100%; margin-left: 0; padding: 15px 8px 0 8px }
.financial-dl dt span { display: none }

.layout-tab { padding: 0 20px }
.layout-tab .iconfont { right: 20px }

.item-list h6 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }

.jt-item-list .com-rows_3 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }

.yl-map { max-width: 100% }

.post-title { height: 48px; line-height: 24px }
.post-title h4 { max-width: 70%; line-height: 24px }
.post-title .icon-hot { right: -30px; top: -8px }
.join-campus-r { width: 210px }
.join-campus-l { width: calc(100% - 210px) }

.jt-list .area_33 { width: 50% }
.jt-list-txt .com-rows_5 { height:11.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical }

.jt-list .area_33:nth-of-type(odd) .jt-list-title { background: #0066b3 }
.jt-list .area_33:nth-of-type(odd) .jt-list-txt { background: #f1f1f1 }
.jt-list .area_33:nth-of-type(even) .jt-list-title { background: #3684be }
.jt-list .area_33:nth-of-type(even) .jt-list-txt { background: #f8f8f8 }

.contact-con { height: 270px }
.contact-con02 { height: 300px }


img.fit { height: 300px; width: auto; margin-left: -40% }

}




.header-mobile { width: 100%; height: 48px; line-height: 48px; background: #fff; position: fixed; top: 0; left: 0; z-index: 1000 }
.logo-mobile { width: auto; height: 28px; position: absolute; left: 20px; top: 10px }
.language { display: inline-block; height: 48px; line-height: 48px; padding: 0 10px; position: absolute; right: 45px; color: #2a6daa }
.menu { width: 24px; text-align: center; height:18px; line-height: 18px; position: absolute; right: 20px; top: 15px; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.bar { height: 2px; width: 24px; display: block; position: absolute; background-color: #2a6daa; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu .bar:nth-of-type(1) {
  top: 0px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s; 
}
.menu .bar:nth-of-type(2) {
  top: 8px;
  -moz-transition: ease 0.1s 0.2s;
  -o-transition: ease 0.1s 0.2s;
  -webkit-transition: ease 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease 0.2s 0.2s;
}
.menu .bar:nth-of-type(3) {
  top: 16px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s;
}
.menu.hover .bar:nth-of-type(1) {
  top: 8px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}
.menu.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.menu.hover .bar:nth-of-type(3) {
  top: 8px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}

.nav-mobile {
	width: 100%;
    height: calc(100% - 48px);
    
    background-color: #fff;
    padding-top: 48px;
    position: fixed;    
    z-index: 99;
    top: 0;  
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s cubic-bezier(.45,0,.14,1.03);
    -o-transition: all .5s cubic-bezier(.45,0,.14,1.03);
    transition: all .5s cubic-bezier(.45,0,.14,1.03);
    overflow: hidden;
}


.nav-mobile.open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.nav-mobile .menu-items {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    height: calc(100% - 48px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .5s cubic-bezier(.45,0,.14,1.03);
    -o-transition: all .5s cubic-bezier(.45,0,.14,1.03);
    transition: all .5s cubic-bezier(.45,0,.14,1.03);
    padding-bottom: 47px;
}

.nav-mobile.open .menu-items {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.nav-mobile .menu-item {
	opacity: 0;
	-webkit-transition: all .5s cubic-bezier(.45, 0, .14, 1.03);
	-o-transition: all .5s cubic-bezier(.45, 0, .14, 1.03);
	transition: all .5s cubic-bezier(.45, 0, .14, 1.03);
	position: relative;
}
.nav-mobile.open .menu-item {
	opacity: 1;
}

.nav-mobile .menu-item .nav-mobile-level {
	display: block;
	padding: 0 20px;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid #eee;
}

.nav-mobile-icon { width: 62px; height: 42px; line-height: 42px; text-align: center; position: absolute; right: 0; top: 0 }
.nav-mobile-icon .iconfont { line-height: 42px }
.nav-mobile-icon .iconfont:before { content: "\e6f9" }
.nav-mobile-icon.hover .iconfont:before { content: "\e686" }
.nav-mobile-level2 { width: 100%; padding: 0 20px; box-sizing: border-box; display: none }
.nav-mobile-level2 a { display: inline-block; width: 100%; padding: 0 20px; box-sizing: border-box; height: 36px; line-height: 36px; border-top: 1px solid #f1f1f1; color: rgba(0,0,0,0.8) }