@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;line-height: 1; }
*: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:"PingFang SC", webfont,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",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:#0071bc; color:#fff } 
::-moz-selection { background-color:#0071bc; color:#fff }
.acc:before,.acc:after{content:"";display:table}.acc:after{clear:both}.acc{zoom:1}

/* 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:#0071bc }
a .more { width: 80px }
a .more .icon-next, a .more .icon-down02 { 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: #0071bc }

.a03, a.a03, .a03 a { display: inline-block; color: #0071bc; 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: 'webfont';
  src: url('../font/vez8cpp7mt43g14i.eot'); /* IE9*/
  src: url('../font/vez8cpp7mt43g14i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/vez8cpp7mt43g14i.woff') format('woff'), /* chrome、firefox */
  url('../font/vez8cpp7mt43g14i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/vez8cpp7mt43g14i.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

.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: 0 }
.font-thin { font-weight: 300 }

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

h1, .h1 { font-size: 40px; line-height:1em }
h2, .h2 { font-size: 32px; line-height:16px;margin-top:0px }
h3, .h3 { font-size: 30px; line-height:1em }
h4, .h4 { font-size: 20px; line-height:26px;margin-top: 10px; width: 450px}
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px;text-indent:2em;line-height:22px;}

.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 }
.bgb1b1b1 { background: #b1b1b1 }
.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_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% }
.width100 { width:120% }

.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_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:10px }
.margintop10 { margin-top:10px;text-indent:2em;}
.margintop15 { margin-top:15px }
.margintop20 { margin-top:10px}
.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 }
.paddingleft2 { padding-left:2px }
.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 }
.paddingright2 { padding-right:2px }
.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 }

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

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


/*-------------------底部-------------------*/ 
.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; padding: 0 10px }
.foot-link a:last-of-type { padding-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: 180px; 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: 1060px }
.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;}

.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/culture-img01.jpg) center right no-repeat; background-size: cover }

.profile-kv { background: url(../images/profilekv.jpg) center center no-repeat; background-size: cover }
.profile-con02 { background: url(../images/profile-img02.png) 65% 0% no-repeat; background-size: cover }
.profile-content { margin-left: -30px; margin-right: -30px }

#content1 .area_25.margintop20:nth-of-type(1), #content1 .area_25.margintop20:nth-of-type(2), #content1 .area_25.margintop20:nth-of-type(3), #content1 .area_25.margintop20:nth-of-type(4), #content .area_25.margintop20:nth-of-type(1), #content .area_25.margintop20:nth-of-type(2), #content .area_25.margintop20:nth-of-type(3), #content .area_25.margintop20:nth-of-type(4) { margin-top: 40px }

.brand-page { padding-bottom: calc(50%); background: url(../images/brand-bg.jpg) bottom center no-repeat; background-size: 100% auto }
.brand-page .rhombus-con { max-width: 570px }
.brand-page .rhombus-box { margin: 15px }
.brand-page .rhombus { width: 80px; height: 80px; 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/brandkv.jpg) center bottom no-repeat; background-size: cover }

.culture-kv { background: url(../images/culturekv.jpg) bottom right no-repeat; background-size: cover }
.culture-title { font-size: 5rem; line-height: 1 }
.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/leaderkv.jpg) center right no-repeat; background-size: cover }

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

.chronicle-kv { background: url(../images/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: 60px; right: 30px }

.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/partykv.jpg) center bottom no-repeat; background-size: cover }
.party-con01 { background: url(../images/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/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-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 }

.group-text { top: 100%; background: #005ca1; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.group-box:hover .group-text { top: 0 }
.group-text a { color: rgb(255,255,255,1) }
.group-text a:hover { color: rgb(255,255,255,0.8) }


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

.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: 390px; margin-left: -390px; font-weight: bold; color: #000; padding: 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 }

.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: 40px; 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/zd-site.jpg) }
.znzb-site { background-image: url(../images/znzb-site.jpg) }
.tm-site { background-image: url(../images/tm-site.jpg) }
.jt-site { background-image: url(../images/jt-site.jpg) }
.gk-site { background-image: url(../images/gk-site.jpg) }
.jr-site { background-image: url(../images/jr-site.jpg) }
.zb-site { background-image: url(../images/zb-site.jpg) }

.zb-img { background: url(../images/zb-img01.jpg) no-repeat;background-size: cover;background-position: center }
.zb-img2 { background: url(../images/zb-img02.jpg) no-repeat;background-size: cover;background-position: top }

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

.map-znjz { background-image: url(../images/map-znjz.jpg) }

.sytz-con01-l { float: left; width: 16.66% }
.sytz-con01-r { float: left; width: 67.5% }
.sytz-page .layout-con { padding: 0 }
.sytz-txt01 { height: 110px }
.sytz-txt02 { height: 85px }
.sytz-txt03 { height: 125px }
.sytz-dl { padding-left: 450px }
.sytz-dl dt { width: 450px; margin-left: -450px }

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

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

.social-kv { background: url(../images/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-sublist { padding-left: 80px }
.social-sublist .all { display: block; width: 60px; text-align: center; padding: 5px 0; margin-left: -80px; margin-top: 5px }
.social-sublist ul li { display: block; float: left; margin-top: 5px; margin-right: 5px }
.social-sublist ul li a { display: block; padding: 5px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.social-sublist .all:hover, .social-sublist .all.cur, .social-sublist ul li a:hover, .social-sublist ul li a.cur { background: #3081bf; color: #fff }


.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/img02_1.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; line-height: 380px; background: url(../images/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; background-size: cover }
.talent-box01 { background: url(../images/talent-bg01.jpg) top center no-repeat }
.talent-box01 h2 { color: #0066b3 }
.talent-box02 { background: url(../images/talent-bg02.jpg) top center no-repeat }
.talent-box03 { background: url(../images/talent-bg03.jpg) top center no-repeat }
.talent-box03 h2 { color: #ed1b23 }
.talent-box04 { background: url(../images/talent-bg04.jpg) center center no-repeat }

.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 div{ height: 340px; background: url(../images/map1.jpg) center center no-repeat; background-size: cover }
.contact-site2 div{ height: 340px; background: url(../images/map2.jpg) center center no-repeat; background-size: cover }

.contact-site02 { height: 340px; background: url(../images/kg-map02.jpg) center center no-repeat; background-size: cover }
.contact-dl { margin-left: 3em; line-height: 28px }
.contact-dl dt { width: 3em; margin-left:-3em; font-weight: bold }

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

.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_25 { border-right: 1px solid #ccc; box-sizing: border-box }
.group-con .area_25:nth-of-type(4) { border-right: 0 }
.group-con .area_25:nth-of-type(5), .group-con .area_25:nth-of-type(6), .group-con .area_25:nth-of-type(7) { padding-top: 60px }
.group-con .area_25:nth-of-type(5), .group-con .area_25:nth-of-type(6) { padding-bottom: 20px } 
.group-con .area_25:nth-of-type(7) .group-box { padding-bottom: 20px } 

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






/*.baidu-dl { padding-left: 130px }
.baidu-dl dt { width: 130px; margin-left: -130px }*/


/*-------------------响应式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: 330px }

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

.sytz-txt01 { height: 160px }
.sytz-txt02 { height: 125px }
.sytz-txt03 { height: 165px }
.sytz-dl { padding-left: 370px }
.sytz-dl dt { width: 370px; margin-left: -370px }

}

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

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

.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 }
.profile-con04 .com-rows_3 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }

.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: 330px }
.irindex-title { top: 16% }
.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 }
.layout-tab .iconfont { right: 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 }

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

.sytz-txt01 { height: 190px }
.sytz-txt02 { height: 160px }
.sytz-txt03 { height: 225px }
.sytz-gycon .area_35 img { margin-top: 36px }
.sytz-gycon .area_55.poabsolute-h50 { position: static; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.sytz-gycon .area_55.poabsolute-h50.right0 { float: right }
.sytz-dl { padding-left: 330px }
.sytz-dl dt { width: 330px; margin-left: -330px }

}

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

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

.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 }
.profile-con04 .com-rows_3 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -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_4 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }

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

.irindex-height01 { height: 330px }
.irindex-title { top: 16% }
.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) }

.sytz-gycon .area_35 img { margin-top: 36px }
.sytz-gycon .area_55.poabsolute-h50 { position: static; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.sytz-gycon .area_55.poabsolute-h50.right0 { float: right }
.sytz-dl { padding-left: 320px }
.sytz-dl dt { width: 320px; margin-left: -320px }

}




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


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



/*header*/
.header{height:90px;background:#FFFFFF;position:fixed;z-index:10;left:0;right:0;top:0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.header .xbox{margin:0 auto;width:1355px;box-sizing:border-box;}
.header .logo{float:left;margin-top:21px;width:247px;height:48px;background:url('../images/logo.png') no-repeat;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.header .menu{float:right;}
.header .menu ul{float:left;}
.header .menu li{float:left;padding:20px 0;}
.header .menu li > a{display:block;padding:0px 28px;color:#000;font-size:14px;font-weight:600;line-height:50px;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s}
.header .menu li > a:hover{color:#0071bc;}
.header .menu li > dl{display:none;padding:0px;background:#0071bc;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s}
.header .menu li > dl a{display:block;padding:0 28px;line-height:32px;color:#fff;white-space: nowrap;}
.header .menu li > dl a:hover{color:#eee;background:rgba(147,216,252,.9);}
.header .menu li:hover{position:relative;z-index:10;}
.header .menu li:hover > dl{display:block;position:absolute;left:0px;right:0px;top:90px;}
.header .menu a.search{float:left;margin-top:35px;margin-left:50px;width:16px;height:16px;background:url('../images/search.png') no-repeat center center;background-size:14px auto;}
.header .menu a.login{float:left;margin-top:35px;margin-left:30px;line-height:16px;color:#999492;}
.header .menu a.login:hover{color:#ccc;}
.header .menu a.english{float:left;margin-top:35px;margin-left:30px;line-height:16px;color:#999492;}
.header .menu a.english:hover{color:#ccc;}
.headex{display:block;height:0px;}
/*header-mini*/
.header-mini{height:56px;}
.header-mini .logo{margin-top:11px;height:34px;background-size:auto 34px;}
.header-mini .menu li{padding:10px 0;}
.header-mini .menu li > a{line-height:36px;}
.header-mini .menu li:hover > dl{top:56px;}
.header-mini .menu a.search{float:left;margin-top:21px;}
.header-mini .menu a.login{float:left;margin-top:21px;}
.header-mini .menu a.english{float:left;margin-top:21px;}

/*xth*/
.xth{background:#0071bc;}
.xth .xbox{margin:0 auto;padding:18px 0 18px;width:1500px;line-height:0px;color:#fff;font-size:18px;box-sizing:border-box;}
/*xnews*/
.xnews{background:#0071bc;}
.xnews .xbox{margin:0 auto;padding:20px 0;width:1500px;line-height:30px;color:#fff;font-size:18px;box-sizing:border-box;}
.xnews h5{font-size:24px;font-weight:normal;}
.xnews h6 a{display:inline-block;color:#0071bc;font-size:14px;background:#fff;padding:0px 10px;border-radius:3px;}
.xnews h2{margin:12px 0;}
.xnews h2 a{font-size:36px;font-weight:normal;color:#fff;}
/*xbc*/
.xbc{}
.xbc ul{display:flex;flex-direction:row;margin:0 auto;padding-top:10px;width:1500px;box-sizing:border-box;}
.xbc li{flex:1;padding:30px 0px;}
.xbc li b{display:block;color:#0071bc;font-size:28px;font-weight:400;line-height:120%;text-align:center;}
.xbc li p{font-size:15px;color:#585757;line-height:160%;text-align:center;}
/*imp*/
.imp{margin:50px 0;}
.imp ul{margin:20px auto 0;width:1500px;height:500px;box-sizing:border-box;position:relative;z-index:1;}
.imp ul i.zl{padding-left:20px;position:absolute;left:0;top:0;}
.imp ul i.zl u{display:inline-block;text-decoration:none;}
.imp ul i.zl s{display:inline-block;padding:1px 5px;color:#736d7c;background:#fff;text-decoration:none;}
.imp ul i.zl s.red{background:#0071bc;color:#fff;}
.imp ul i.zl u:after{content:"";display:inline-block;width:14px;height:14px;background:#0071bc;position:absolute;left:0;top:4px;}
.imp ul i.zr{padding-right:20px;position:absolute;left:0;top:0;}
.imp ul i.zr u{display:inline-block;text-decoration:none;}
.imp ul i.zr s{display:inline-block;padding:1px 5px;color:#736d7c;background:#fff;text-decoration:none;}
.imp ul i.zr s.red{background:#0071bc;color:#fff;}
.imp ul i.zr u:after{content:"";display:inline-block;width:14px;height:14px;background:#0071bc;position:absolute;right:0;top:4px;}
.imp ul i:nth-child(1){left:130px;top:200px;}
.imp ul i:nth-child(2){left:140px;top:270px;}
.imp ul i:nth-child(3){left:700px;top:80px;}
.imp ul i:nth-child(4){left:720px;top:120px;}
.imp ul i:nth-child(5){left:640px;top:130px;}
.imp ul i:nth-child(6){left:650px;top:158px;}
.imp ul i:nth-child(7){left:723px;top:193px;}
.imp ul i:nth-child(8){left:830px;top:120px;}
.imp ul i:nth-child(9){left:1220px;top:216px;}
.imp ul i:nth-child(10){left:1120px;top:212px;}
.imp ul i:nth-child(11){left:1020px;top:215px;}
.imp ul i:nth-child(12){left:1140px;top:255px;}
.imp ul i:nth-child(13){left:1100px;top:285px;}
.imp ul i:nth-child(14){left:1190px;top:278px;}
.imp ul i:nth-child(15){left:1000px;top:310px;}
.imp ul i:nth-child(16){left:1170px;top:410px;}
.imp ul i:nth-child(17){left:1260px;top:540px;}
/*d31*/
.d31{padding:30px 0;background:#fff;}
/*d32*/
.d32{margin:0px auto;width:1500px;padding:40px;background:#fff;box-sizing:border-box;}
.d32 .xh1{float:left;width:160px;font-weight:500;font-size:16px;}
.d32 .text{float:left;width:580px;padding-bottom:50px;}
.d32 .text p{margin:0;line-height:180%;text-indent:2em;color:#808080;}
.d32 .text b{font-weight:500;color:#0071bc;}
.d32 .imgs{float:right;width:575px;}
/*d33*/
.d33{margin:40px auto;width:1500px;padding:40px;background:#fff;box-sizing:border-box;}
/*cmm*/
.cmm{margin:0px auto;width:1500px;padding:40px;background:#f8f8f8;box-sizing:border-box;}
.cmm .xh1{float:left;width:160px;font-weight:500;font-size:16px;}
.cmm .text{float:left;width:580px;padding-bottom:50px;}
.cmm .text p{margin:0;line-height:180%;text-indent:2em;color:#808080;}
.cmm .text b{font-weight:500;color:#0071bc;}
.cmm .imgs{float:right;width:575px;}
/*cmx*/
.cmx{margin:40px auto;width:1500px;padding:40px;background:#f8f8f8;box-sizing:border-box;}
.cmx h2{margin-bottom:48px;}
.cmx .tabs{margin:20px auto;display:flex;flex-direction:row;}
.cmx .tabs a{flex:1;background:#c1c1c1;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.cmx .tabs a:nth-child(2){margin-left:5px;}
.cmx .tabs a.on{background:#343434;}
.cmx .tabs a s{display:block;text-decoration:none;line-height:56px;text-indent:35px;font-size:22px;color:#fff;position:relative;z-index:1;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.cmx .tabs a i{display:block;width:20px;height:20px;background:url('../images/add.png') no-repeat;background-size:20px auto;position:absolute;right:35px;top:20px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.cmx .tabs a.on s:after{content:"";display:inline-block;width:22px;height:13px;background:url('../images/down3.png') no-repeat;background-size:22px auto;position:absolute;right:80px;top:54px;}
.cmx .tabs a.on i{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}
.cmx .tals{display:block;}
.cmx .tals ul{display:none;margin:0px auto;width:1160px;padding:40px;box-sizing:border-box;}
.cmx .tals ul .txt{float:left;width:520px;}
.cmx .tals ul img{float:right;}
/*x3d*/
.x3d{margin:40px auto;width:1500px;padding:40px;background:#f8f8f8;box-sizing:border-box;}
.x3d .tabs{margin-top:30px;display:flex;flex-direction:row;}
.x3d .tabs a{flex:1;background:#c7a48a;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.x3d .tabs a:nth-child(2){margin-left:5px;}
.x3d .tabs a.on{background:#d95411;}
.x3d .tabs a s{display:block;text-decoration:none;line-height:100px;text-indent:35px;font-size:30px;color:#fff;position:relative;z-index:1;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.x3d .tabs a i{display:block;width:20px;height:20px;background:url('../images/add.png') no-repeat;background-size:20px auto;position:absolute;right:35px;top:38px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.x3d .tabs a.on s:after{content:"";display:inline-block;width:22px;height:13px;background:url('../images/down3.png') no-repeat;background-size:22px auto;position:absolute;right:80px;top:100px;}
.x3d .tabs a.on i{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}
.x3d .tals{display:block;padding:40px;}
.x3d .tals ul{display:none;margin:0px auto;width:1032px;}
.x3d .tals ul:nth-child(1){display:block;}
.x3d .talx{display:block;padding:40px;}
.x3d .talx ul{display:none;margin:0px auto;width:1032px;}
.x3d .talx ul:nth-child(1){display:block;}
/*estate*/
.estate{margin:40px auto;width:1500px;background:#f8f8f8;box-sizing:border-box;}
.estate h2{margin:52px 0 30px;}
.estate .lis ul{margin:56px;}
.estate .lis li{float:left;margin:0 0 36px 48px;width:400px;position:relative;z-index:1;}
.estate .lis li img{display:block;width:100%;}
.estate .lis li table{padding:10px;height:40px;background:rgba(52,52,52,0.6);position:absolute;left:0;right:0;bottom:0;}
.estate .lis li table th{padding:15px 15px 15px 18px;color:#fff;font-size:18px;white-space:nowrap;}
.estate .lis li table td{padding:15px 15px 15px 5px;color:#fff;font-size:14px; line-height: 18px;}
.estate .lis li:nth-child(4),
.estate .lis li:nth-child(5),
.estate .lis li:nth-child(6){display:none;}
/*huanbao*/
.huanbao{margin:40px auto;width:1500px;background:#f8f8f8;box-sizing:border-box;}
.huanbao h2{margin:52px 0 30px;}
.huanbao .lis ul{margin:56px;}
.huanbao .lis li{float:left;margin:0px 0 36px 48px;width:400px;position:relative;z-index:1;}
.huanbao .lis li img{display:block;width:100%;}
.huanbao .lis li table{padding:10px;height:40px;background:rgba(52,52,52,0.6);position:absolute;left:0;right:0;bottom:0;}
.huanbao .lis li table th{padding:15px 15px 15px 18px;color:#fff;font-size:18px;white-space:nowrap;}
.huanbao .lis li table td{padding:15px 15px 15px 5px;color:#fff;font-size:14px;}
.huanbao .lis li:nth-child(4),
.huanbao .lis li:nth-child(5),
.huanbao .lis li:nth-child(6),
.huanbao .lis li:nth-child(7),
.huanbao .lis li:nth-child(8){display:none;}
/*abt1*/
.abt1{margin:0 auto;padding:30px;width:1500px;background:#fff;box-sizing:border-box;}
.abt1 .tit{color:#585757;}
.abt1 ul{margin-top:30px;}
.abt1 .icon{float:left;width:420px;height:290px;}
.abt1 .text{float:left;width:830px;height:290px;}
.abt1 .text img{margin-top:50px;}
.abt1 .text p{margin-top:20px;text-indent:2em;line-height:18px;color:#808080;}
.abt1 .text a{display:inline-block;margin-top:20px;color:#0071bc;}
/*abt2*/
.abt2{margin:20px auto;width:1500px;box-sizing:border-box;}
.abt3{float:left;padding:30px;background:#fff;box-sizing:border-box;}
.abt3 .tit{color:#585757;}
.abt3 a{display:inline-block;color:#0071bc;}
.abt4{float:right;width:946px;padding:30px;background:#fff;box-sizing:border-box;}
.abt4 .tit{color:#585757;}
.abt4 .icon{text-align:center;}
.abt4 a{display:inline-block;color:#0071bc;text-align:center;}
/*abt5*/
.abt5{margin:20px auto;width:1500px;box-sizing:border-box;}
.abt6{float:left;padding:30px;background:#fff;box-sizing:border-box;}
.abt6 .tit{color:#585757;}
.abt6 .icon{margin:20px 0 15px;text-align:center;}
.abt6 a{display:inline-block;color:#0071bc;}
.abt7{float:right;padding:30px;background:#fff;box-sizing:border-box;}
.abt7 .tit{color:#585757;}
.abt7 .icon{margin:20px 0 15px;text-align:center;}
.abt7 a{display:inline-block;color:#0071bc;text-align:center;}
/*syn1*/
.syn1{margin:0px auto 40px;width:1500px;padding:40px;background:#fff;box-sizing:border-box;}
.syn1 .icon{float:left;}
.syn1 .text{float:left;margin-left:90px;width:465px;}
.syn1 .text p{margin:20px 0;text-indent:2em;line-height:20px;color:#808080;}
.syn1 .text a.xdown{display:inline-block;color:#0071bc;padding-right:16px;background:url('../images/down2.png') no-repeat right center;background-size:auto 14px;}
.syn1 .text a.xup{display:inline-block;color:#0071bc;padding-right:16px;background:url('../images/down2_.png') no-repeat right center;background-size:auto 14px;}
.syn1 .icon2{float:right;}
/*syn2*/
.syn2{margin:40px auto;width:1500px;padding:40px;background:#fff;box-sizing:border-box;}
.syn2 .icon{float:left;}
.syn2 .text{float:right;margin-right:30px;width:650px;color:#808080;}
.syn2 .text p{margin:20px 0;text-indent:2em;line-height:24px}
.syn2 .text img{margin:20px 0;}
/*syn3*/
.syn3{margin:40px auto;width:1500px;background:#fff;box-sizing:border-box;}
.syn3 .tabs{width:1500px;display:flex;flex-direction:row;background:#fff;box-sizing:border-box;}
.syn3 .tabs a{flex:1;line-height:56px;font-size:22px;color:#fff;text-align:center;background:#93d8fc;}
.syn3 .tabs a.on{background:#0071bc;}
.syn3 .tals{}
.syn3 ul{display:none;}
.syn3 ul .icon{float:left;margin:60px 50px 60px 150px;}
.syn3 ul .text{float:left;margin-top:150px;width:720px;}
.syn3 ul .text s{display:block;font-size:28px;color:#242424;line-height:110%;text-decoration:none;}
.syn3 ul .text b{color:#e45826;font-weight:normal;margin-right:15px;}
.syn3 ul .text p{margin:20px 0;line-height:18px;line-height:160%;color:#808080;}
.syn3 ul li{padding:60px 150px;border-top:20px #eee solid;}
.syn3 ul li:nth-child(1){border-top:none;}
.syn3 ul li img{float:left;margin-right:50px;}
.syn3 ul li s{display:block;padding-top:90px;font-size:28px;color:#242424;line-height:110%;text-decoration:none;}
.syn3 ul li b{color:#0071bc;font-weight:normal;margin-right:15px;}
.syn3 ul li p{margin:20px 0;line-height:18px;text-indent:2em;line-height:160%;color:#808080;}
.syn3 .tals ul:nth-child(1){display:block;}
/*syn4*/
.syn4{margin:40px auto;width:1500px;box-sizing:border-box;}
/*eve1*/
.eve1{margin:40px auto;width:1310px;box-sizing:border-box;position:relative;z-index:1;}
.eve1 .swiper-wrapper{}
.eve1 .swiper-slide{width:308px;text-align:center;}
.eve1 .swiper-slide .year{display:block;text-align:center;font-size:28px;line-height:55px;color:#fff;background:#0071bc;}
.eve1 .swiper-slide i{display:block;height:60px;position:relative;z-index:1;}
.eve1 .swiper-slide i:after{content:"";width:1px;background:#0071bc;position:absolute;left:49.8%;top:0;bottom:0;}
.eve1 .swiper-slide:nth-of-type(even) i{height:150px;}
.eve1 .swiper-slide p{display:inline-block;margin-top:8px;padding:0px 20px;font-size:18px;color:#585858;background:url('../images/dian.png') no-repeat left 5px;}
.eve1 .swiper-button-prev,
.eve1 .swiper-button-next{top:26px;width:13px;height:23px;background:url('../images/prev2.png') no-repeat left center;-moz-transition:0.3s;-o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.eve1 .swiper-button-prev{left:-40px;}
.eve1 .swiper-button-next{right:-40px;}
/*cul1*/
.cul1{margin:60px auto;width:1500px;color:#585757;box-sizing:border-box;}
/*cul2*/
.cul2{display:flex;flex-direction:row;margin:80px auto;padding:25px 30px 30px;width:1500px;background:url('../images/b-12.jpg') #fff no-repeat center 30px;background-size:1440px auto;box-sizing:border-box;}
.cul2 ul{flex:1;text-align:center;background:rgba(16,100,205,.2);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s}
.cul2 ul b{display:block;color:#4d4d4d;background:#fff;font-size:18px;padding-bottom:12px;font-weight:500;}
.cul2 ul li{width:100%;height:418px;text-align:center;vertical-align:middle;}
.cul2 ul li i{display:block;height:12px;}
.cul2 ul li p{padding-top:170px;font-size:28px;color:#323333;text-align:center;line-height:140%;}
.cul2 ul:nth-child(2),.cul2 ul:nth-child(4),.cul2 ul:nth-child(6){background:rgba(16,126,205,.3);}
.cul2 ul.on{background-color:rgba(255,255,255,0);}
.cul2 ul.on b{color:#0071bc;border-bottom:4px #0071bc solid;}
.cul2 ul.on p{color:#fff;}
/*xtt*/
.xtt{background:#fff;}
.xtt ul{margin:0 auto;padding-top:10px;width:1500px;box-sizing:border-box;}
.xtt li{display:inline-block;padding:30px 20px;}
.xtt li:nth-child(1){padding-right:170px;}
.xtt li:nth-child(2){padding-right:170px;}
.xtt li:nth-child(3){padding-right:170px;}
.xtt li b{display:block;color:#0071bc;font-size:24px;font-weight:500;line-height:120%;text-align:center;}
.xtt li p{font-size:15px;color:#585757;line-height:26px;text-align:center;}
/*xabc*/
.xabc{margin:0 auto;margin-top:45px;padding:30px;width:1500px;background:#fff;box-sizing:border-box;}
.xabc .tit{color:#585757;}
.xabc ul{height:450px;background:url('../images/x-01.jpg') no-repeat right top;position:relative;z-index:1;}
.xabc ul b{display:inline-block;color:#585757;font-size:30px;font-weight:500;position:absolute;left:60px;top:165px;}
.xabc ul s{display:inline-block;color:#585757;font-size:30px;text-decoration:none;position:absolute;left:60px;top:205px;}
.xabc ul a{display:inline-block;color:#0071bc;font-size:14px;text-decoration:none;position:absolute;left:60px;top:245px;}
/*xabd*/
.xabd{margin:45px auto;padding:30px;width:1500px;background:#fff;box-sizing:border-box;}
.xabd .tit{color:#585757;}
.xabd ul{margin-top:10px;}
.xabd ul .dm1{float:left;width:588px;height:342px;background:url('../images/x-02.jpg') no-repeat left top;position:relative;z-index:1;}
.xabd ul .dm1 a{display:block;font-size:18px;color:#fff;text-align:center;line-height:120%;vertical-align:bottom;position:absolute;left:0px;right:0px;top:120px;}
.xabd ul .dm1 s{font-size:80px;text-decoration:none;}
.xabd ul .dm1 p{display:block;font-size:18px;color:#fff;text-align:center;position:absolute;left:0px;right:0px;top:195px;}
.xabd ul .dm2{float:right;width:823px;height:342px;background:url('../images/x-03.jpg') no-repeat left top;position:relative;z-index:1;}
.xabd ul .dm2 b{display:block;font-size:48px;color:#fff;position:absolute;left:55px;top:95px;line-height:120%;}
.xabd ul .dm2 s{display:inline-block;padding:6px;background:#fff;border-radius:12px;position:absolute;left:55px;top:170px;}
.xabd ul .dm2 s i{display:inline-block;padding:3px 10px;font-size:26px;color:#575757;border:1px #575757 solid;border-radius:10px;line-height:120%;}
.xabd ul .dm2 p{display:inline-block;font-size:16px;line-height: 20px;color:#fff;position:absolute;left:300px;top:178px;}
/*xjob*/
.xjob{margin:40px auto;padding:0px;width:1500px;box-sizing:border-box;}
.xjob .xsub{float:left;width:240px;}
.xjob .xsub a{display:block;margin-bottom:10px;padding:0px 35px;color:#fff;line-height:100px;font-size:16px;background:url('../images/down.png') #93d8fc no-repeat 90% center;background-size:16px auto;}
.xjob .xsub a:hover,.xjob .xsub a.on{background-color:#0071bc;}
.xjob .xlis{float:right;width:1230px;}
.xjob .xlis .xsea{padding-right:200px;position:relative;z-index:1;}
.xjob .xlis .xsea .txt{width:100%;height:65px;padding:0px 20px;font-size:16px;border:none;border-bottom:1px #eee solid;background:#fff;box-sizing:border-box;}
.xjob .xlis .xsea .but{width:200px;height:65px;color:#fff;font-size:16px;background:#808080;border:none;cursor:pointer;position:absolute;right:0;top:0;}
.xjob .xlis ul{margin-left:-19px;}
.xjob .xlis li{float:left;margin:20px 0 0 20px;width:396px;height:210px;background:url('../images/hot.png') #e5e5e5 no-repeat right top;}
.xjob .xlis li a{display:block;text-align:center;}
.xjob .xlis li b{display:block;margin-top:70px;color:#575757;font-size:18px;font-weight:500;}
.xjob .xlis li p{display:block;margin-top:32px;color:#575757;font-size:14px;}
.xjob .xlis li u{display:block;color:#575757;font-size:14px;text-decoration:none;}
/*xzr1*/
.xzr1{margin:0 auto;padding:80px 80px 55px 45px;width:1500px;background:#fff;box-sizing:border-box;}
.xzr1 ul{text-align:right;position:relative;z-index:1;}
.xzr1 ul p{width:530px;text-align:left;text-indent:2em;font-size:14px;color:#808080;line-height:180%;position:absolute;left:0px;top:110px;}
/*xzr2*/
.xzr2{margin:45px auto;padding:30px;width:1500px;background:#fff;box-sizing:border-box;}
.xzr2 .tit{color:#585757;}
.xzr2 p{color:#808080;}
/*cerx*/
.cerx{margin:26px auto;width:1500px;box-sizing:border-box; background: #fff no-repeat center 80px;}
.cerx .tabs{margin-top:30px;width:1500px;display:flex;flex-direction:row;background:#fff;box-sizing:border-box;}
.cerx .tabs a{flex:1;line-height:50px;font-size:20px;color:#fff;text-align:center;background:#93d8fc;margin-left: 2px; }
.cerx .tabs a.on{background:#0071bc;margin-left: 0px;}
.cerx .tals{}
.cerx ul{display:none;margin: 30px 0 60px;}
.cerx .tals ul:nth-child(1){display:block;}
/*bud1*/
.bud1{margin:45px auto;width:1500px;background:#fff;box-sizing:border-box;}
.bud1{margin:40px auto;width:1500px;background:#f8f8f8;box-sizing:border-box;}
.bud1{margin:40px auto;width:1500px;box-sizing:border-box;}
.bud1 .tabs{margin: 0 auto;width:1210px;display:flex;flex-direction:row;background:#fff;box-sizing:border-box;}
.bud1 .tabs a{flex:1;line-height:50px;font-size:20px;color:#fff;text-align:center;background:#93d8fc;margin-left: 2px;}
.bud1 .tabs a.on{background:#0071bc;margin-left: 0px;}
.bud1 .lis ul{margin: 0 auto;width: 1210px;}
.bud1 .lis li{float:left;margin:0px 0 36px 46px;width:340px;position:relative;z-index:1;}
.bud1 .lis li img{display:block;width:100%;}
.bud1 .lis li b{display:block;margin-top:20px;height:10px;line-height:20px;text-align:center;font-size:16px;color:#585757;}
.bud1 .lis li table{padding:10px;height:72px;position:absolute;left:0;right:0;bottom:0;}
.bud1 .lis li table th{padding:15px 15px 15px 18px;color:#fff;font-size:19px;white-space:nowrap;}
.bud1 .lis li table td{padding:15px 15px 15px 5px;color:#fff;font-size:16px;}
/*bud2*/
.bud2{margin:45px auto;width:1500px;background:#fff;box-sizing:border-box;}
/*cont*/
.cont{margin:45px auto;padding:80px 80px 55px 125px;width:1500px;background:#fff;box-sizing:border-box;}
.cont ul{text-align:right;position:relative;z-index:1;}
.cont ul p{width:530px;text-align:left;font-size:14px;color:#808080;line-height:180%;position:absolute;left:0px;top:110px;}
/*xtx*/
.xtx{margin-top:90px;}
.xtx .xbox{margin:0 auto;padding:0px 30px;width:1500px;background:#fff;box-sizing:border-box;}
.xtx .xsub{float:left;}
.xtx .xsub span{display:inline-block;margin-right:30px;width:120px;line-height:60px;color:#808080;background:url('../images/xmore.png') no-repeat 95% center;background-size:12px auto;}
.xtx .xsub span dl.dw{display:none;background:#fff;position:absolute;left:-30px;right:0px;}
.xtx .xsub span dl.dw a{display:block;text-align:center;line-height:40px;}
.xtx .xsub span:hover{cursor:pointer;position:relative;z-index:1;}
.xtx .xsub span:hover dl.dw{display:block;}
.xtx .xsea{float:right;margin-top:5px;width:200px;padding-right:30px;position:relative;z-index:1;}
.xtx .xsea .txt{width:100%;height:30px;border:none;border-bottom:1px #eee solid;}
.xtx .xsea .but{width:30px;height:30px;background:url('../images/search.png') no-repeat center center;background-size:30px auto;border:none;cursor:pointer;position:absolute;right:0;top:0;}
/*xlis2*/
.xlis2{margin-top:22px;}
.xlis2 .xbox{margin:0 auto;width:1500px;}
.xlis2 .xbox li{float:left;margin:0 0 0 22px;}
.xlis2 .xbox li a{display:block;padding:0;width:485px;color:#575757;background:#fff;}
.xlis2 .xbox li a img{display:block;width:100%;}
.xlis2 .xbox li a s{display:block;margin-top:10px;padding:0px 22px;height:20px;line-height:20px;color:#585757;font-size:14px;font-weight:500;text-decoration:none;overflow:hidden;}
.xlis2 .xbox li a b{display:block;margin-top:3px;padding:0px 22px;height:90px;line-height:30px;font-size:18px;font-weight:500;overflow:hidden;}
.xlis2 .xbox li a u{display:block;padding:8px 22px 40px;color:#808080;font-size:14px;text-decoration:none;}
.xlis2 .xbox li a:hover{color:#0071bc;}
.xlis2 .xbox li:nth-child(1),
.xlis2 .xbox li:nth-child(4),
.xlis2 .xbox li:nth-child(7){margin-left:0px;}
/*xlisn*/
.xlisn{margin-top:10px;}
.xlisn .xbox{margin:0 auto;padding:0px;width:1500px;}
.xlisn .xbox li{margin-top:5px;padding:20px 18px;background:#fff;}
.xlisn .xbox li:nth-child(even){background:#f5f5f5;}
.xlisn .xbox li a{display:block;padding-left:250px;height:112px;position:relative;z-index:1;}
.xlisn .xbox li a img{width:200px;height:112px;position:absolute;left:0px;top:0px;}
.xlisn .xbox li a b{display:block;padding-top:30px;color:#575757;font-size:18px;font-weight:500;}
.xlisn .xbox li a u{display:block;padding-top:8px;color:#808080;font-size:14px;text-decoration:none;}
.xlisn .xbox li a:hover b{color:#0071bc;text-decoration:underline;}
/*xlisv*/
.xlisv{margin-top:0px;}
.xlisv .xbox{margin:0 auto;padding:0px;width:1500px;}
.xlisv .xbox ul{margin-left:-10px;}
.xlisv .xbox li{float:left;margin:10px 0 0 10px;width:745px;background:#fff;}
.xlisv .xbox li a{display:block;padding-bottom:15px;position:relative;z-index:1;}
.xlisv .xbox li img{width:100%;}
.xlisv .xbox li b{display:block;margin:10px 30px 10px;height:20px;color:#575757;line-height:20px;font-weight:500;font-size:18px;}
.xlisv .xbox li u{display:block;line-height:22px;text-decoration:none;position:absolute;right:30px;bottom:15px;}
.xlisv .xbox li p{margin:10px 30px 0px;height:42px;line-height:150%;font-size:14px;color:#808080;overflow:hidden;}
/*xlist*/
.xlist{}
.xlist .xbox{margin:0 auto;width:1210px;}
.xlist .xbox li{float:left;margin:22px 0 0 16px;}
.xlist .xbox li a{display:block;padding:23px;width:345px;color:#575757;background:#fff;}
.xlist .xbox li a img{display:block;width:345px;height:155px;}
.xlist .xbox li a b{display:block;margin-top:20px;height:40px;line-height:20px;text-align:center;font-size:16px;font-weight:500;overflow:hidden;}
.xlist .xbox li a:hover{color:#0071bc;}
.xlist .xbox li:nth-child(1),
.xlist .xbox li:nth-child(4),
.xlist .xbox li:nth-child(7),
.xlist .xbox li:nth-child(10),
.xlist .xbox li:nth-child(13),
.xlist .xbox li:nth-child(16){margin-left:0px;}
/*xmore*/
.xmore{text-align:center;margin:60px 0 50px;}
.xmore a{display:inline-block;padding:5px 50px 20px;color:#575757;text-align:center;font-size:18px;background:url('../images/xmore.png') no-repeat center bottom;background-size:16px auto;}
.xmore a:hover{color:#0071bc;}

/*word*/
.word{padding:30px 0 35px;}
.word .xbox{margin:0 auto;width:1235px;box-sizing:border-box;}
.word h1{margin:100px 30px 40px;color:#0071bc;font-size:36px;text-align:center;line-height:140%;}
.word p{margin:15px 0px;color:#808080;text-indent:2em;line-height:160%;}
.word p.attr{margin-bottom:30px;padding:15px 0;text-align:center;color:#808080;border-bottom:1px #333 dotted;}
.word p.attr .search a{margin-left:5px;}
.word p.attr .date{margin-left:60px;}

/*footer*/
.footer{padding:30px 0 35px;background:#4d4d4d;}
.footer .xbox{margin:0 auto;width:1235px;box-sizing:border-box;}
.footer .sub{float:left;}
.footer .sub ul{float:left;margin-left:90px;}
.footer .sub ul:first-child{margin-left:0;}
.footer .sub ul h3{margin:0 0 15px 0;font-size:14px;font-weight:500;}
.footer .sub ul h3 a{font-family: MicrosoftYaHei;font-size: 16px;font-weight:600;color:#fff;}
.footer .sub ul li{margin:10px 0 0 0;}
.footer .sub ul li a{line-height:16px;font-size:14px;color:#fff;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s}
.footer .sub ul li a:hover{color:#fff;text-decoration:underline;}
.footer .qrcode{float:right;padding-top: 46px;text-align:center;}
.footer .qrcode u{display:block;margin-top:10px;color:#fff;text-decoration:none;}
.footer .ftxt{margin-top:20px;color:#fff;}
.footer .ftxt a{color:#fff;}
.footer .flink{display:inline-block;margin-left:3px;padding:0 25px 0 10px;width:190px;line-height:25px;border:1px #fff solid;background:url('../images/fdian.png') no-repeat 94% center;cursor:pointer;position:relative;z-index:1;}
.footer .flink:hover{color:#aaa;background:url('../images/fdian2.png') #656565 no-repeat 94% center;border-color:#656565;}
.footer .flink dl{display:none;padding-top:3px;}
.footer .flink:hover dl{display:block;background:#656565;border:1px #656565 solid;position:absolute;z-index:1;left:-1px;right:-1px;bottom:26px;}
.footer .flink:hover dd{display:block;padding:0px 10px;}
.footer .flink:hover dd a{color:#aaa;line-height:25px;}
.footer .flink:hover dd a:hover{color:#fff;}

.xth .xbox a {
	color: #ffffff;
}