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

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
a:hover { color:#003b83 }

.a01 { color:#003b83 }
.a01:hover { color:#000 }

.a02 { display: inline-block; color:#000; border-bottom: 1px solid #000 }
.a02:hover { color:#003b83; border-bottom: 1px solid #003b83 }

.a03 { outline-style:none; text-decoration:none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.a03:hover { color:#003b83 }

/* 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 }
.tjustify { text-align:justify }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }

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

.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 }
.top0 { top:0!important }
.bottom0 { bottom: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 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_4 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_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_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/

.iconfont { line-height: 1em }
.fa-0_6x { font-size: 0.6em!important }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }

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

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

h1, .h1 { font-size: 34px; line-height:1.1em }
h2, .h2 { font-size: 30px; line-height:1.1em }
h3, .h3 { font-size: 22px; line-height:1.2em }
h4, .h4 { font-size: 20px; line-height:1.3em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }


/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color000, .color000 a, a.color000 { color: #000 }
.color003b83 { color: #003b83 }
.colorf16305 { color: #f16305 }
.color5c4b8f { color: #5c4b8f }
.color00afec { color: #00afec }

.bgfff { background: #fff }
.bg000 { background: #000 }
.bgf0f0f0 { background: #f0f0f0 }
.bgf6f6f6 { background: #f6f6f6 }
.bgf8f8f8 { background: #f8f8f8 }
.bgfefefe { background: #fefefe }
.bgfbfbfb { background: #fbfbfb }
.bg003b83 { background: #003b83 }
.bgf5f4f1 { background: #f5f4f1 }
.bgeeede8 { background: #eeede8 }
.bg003b83 { background: #003b83 }
.bg669fd7 { background: #669fd7 }
.bgf87d04 { background: #f87d04 }
.bg65b0d5 { background: #65b0d5 }
.bgf16305 { background: #f16305 }
.bgcfe8f5 { background: #cfe8f5 }
.bg1e5593 { background: #1e5593 }
.bgddedf5 { background: #ddedf5 }
.bg00afec { background: #00afec }
.bgff4e00 { background: #ff4e00 }
.bgffae00 { background: #ffae00 }
.bg00cd87 { background: #00cd87 }
.bge9f3ff { background: #e9f3ff }

/*-----------------间距---------------------*/ 
.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }

/*-------------------宽度、高度--------------------*/
.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:100% }
.widthmax45 { max-width:45% }

.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_94 { float:left; width:94% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.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_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_16 { float:left; width:16.66% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

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

.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop60 { margin-top:60px } 

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

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

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

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop60 { padding-top:60px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px!important }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom100 { padding-bottom:100px }

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

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

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_20 { padding:10px 20px; -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 }
.padding20_30 { padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

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

/*-------------------按钮-------------------*/ 
.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-gray, a.button-gray, input.button-gray { background:#e0e0e0; color:#808080 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#003b83; color:#fff }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#003b83; color:#fff }

.button-blue, a.button-blue, input.button-blue { background:#003b83; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#65b0d5; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#65b0d5; color:#fff }

/*-------------------通用-------------------*/ 
.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 }
.mo_com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

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

.com-link2:hover { color: #000;-moz-box-shadow: -1px -4px 7px rgba(0, 0, 0, 0.1);-webkit-box-shadow:-1px -4px 7px rgba(0, 0, 0, 0.1);box-shadow: -1px -4px 7px rgba(0, 0, 0, 0.1); }

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

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

.com-more { display: block; width: 160px; height: 24px; line-height: 24px }
.com-more2 { width: auto }
.com-more .icon-next { line-height: 24px; opacity: 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s }
a:hover .com-more .icon-next, .com-more:hover .icon-next { opacity: 1; transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -moz-transform: translateX(10px) }

.com-more.colorf16305:hover { color: #f16305 }

.com-more.long:hover { width: 160px }
.com-more.long:hover .icon-next { transition-delay: 0.1s }

.headspace { height: 80px }

.insidekv-slogan h1 { font-size: 50px }

/*----分页----*/ 
.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 }


/*-------------------分享-------------------*/
.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 }

/*-------------------头部-------------------*/ 
.headbox { width: 100%; padding-left: 40px; padding-right: 40px; box-sizing: border-box; background: #fff; position: fixed; z-index: 1100 }
.headlogo { margin-top: 18px }
.headlogo img { width: auto; height: 44px }
.head-wechat { margin-top: 27px }

.headnav { position: relative; margin-right: 20px }
.headnav .menuLi { float:left; display:block; position:relative }
.headnav .menuLi .mainmenu { display:inline-block; padding: 0 20px; height:80px; line-height:80px; position:relative }
.headnav .menuLi .mainmenu:after { content: ''; width: calc(100% - 40px); height: 5px; background: #003b83; position: absolute; bottom: 18px; left: 20px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s }
.headnav .menuLi .mainmenu.menuLiBnameover, .headnav .menuLi .mainmenu:hover { background: #193867 }
.headnav .menuLi .mainmenu span { display: block; color: #003b83; position:relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s }
.headnav .menuLi .mainmenu.menuLiBnameover span, .headnav .menuLi .mainmenu:hover span { color: #fff; transform: scale(1.1) }
.headnav .menuLi .mainmenu.menuLipitchon:after { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.headnav .menuLi .mainmenu.menuLiBnameover:after, .headnav .menuLi .mainmenu.menuLipitchon:hover:after { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.menuListBox { min-width: 100%;padding-bottom: 10px; position:absolute; left: 0; background: #1e5593; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display:none }
.menuListBox a { display:block; width: 100%; font-size: 12px; height: 40px; line-height:40px; padding:0 20px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { background: #1b4479 }

.head-wechat .wechat_ewm { left: auto; right:40px; z-index: 100 } 

/* @media ( min-width:1170px ) and ( max-width:1400px ) {

	.headnav .cf { display: inline-block;float: right }
	.headnav .menuLi .mainmenu { height:60px; line-height:60px; margin-top: 10px;padding: 0 15px }
	.headnav .menuLi .mainmenu:after { bottom: 10px }
	.menuListBox { top: 70px }

}
@media ( min-width:981px ) and ( max-width:1169px ) {
	.headnav .menuLi .mainmenu { height:60px; line-height:60px; margin-top: 10px;padding: 0 10px;font-size: 12px }	
} */
@media ( min-width:1160px ) and ( max-width:1550px ) {
	.headspace { height: 125px }
	.headnav { width: 100%; margin-right: 0!important }
	.headnav .menuLi .mainmenu { height:60px; line-height:60px; margin-top: 10px }
	.headnav .menuLi .mainmenu:after { bottom: 10px }
}
@media ( min-width:980px ) and ( max-width:1159px ) {
	.headspace { height: 125px }
	.headnav { width: 100%; margin-right: 0!important }
	.headnav .menuLi .mainmenu { height:60px; line-height:60px; margin-top: 10px; padding: 0 7px; font-size: 1.2rem }
	.headnav .menuLi .mainmenu:after { bottom: 10px }
}
@media ( max-width:980px ){
	.headbox { display: none }
	.menu-mobile { display: block }
	.headspace { height: 40px }
}

.switch-en, .switch-cn { width: 24px; text-align: center; height: 24px; line-height: 24px; box-sizing: border-box } 
.switch-en { background: #003b83; color: #fff }
.switch-cn { border:1px solid #003b83; margin-top: 2px; margin-left: -1px; position: relative; z-index: 0; } 
.switch-en:hover { background: #65b0d5 }
.switch-cn:hover { border:1px solid #65b0d5;color:#65b0d5 }

.nav-switch { top: 100px; width: 40px }
.nav-switch .switch-en, .nav-switch .switch-cn { width: 20px; height: 20px; line-height: 19px } 
.nav-switch .switch-en { background: #fff; color: #003b83 }
.nav-switch .switch-cn { border:1px solid #fff; color: #fff }
.switch-en:hover { background: #65b0d5; color: #fff }
.switch-cn:hover { border:1px solid #65b0d5; color:#65b0d5 }

/*-------------------底部-------------------*/ 
.footbox { padding: 40px 40px 80px; background: #003b83; color: #fff; box-sizing: border-box }  
.footbox a { color: #fff }
.foot-logo { width: auto; height: 60px }
.foot-link a { display: inline-block; padding: 0 15px }
.foot-link a:hover { color: rgba(255,255,255,0.6) }
.foot-link a:first-of-type { padding-left: 0 }

.foot-wechat, .foot-wechat2 { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; right: 0; width:200px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm img { display: block; width: 100%; height: auto }
.wechat_ewm2 { right: 0 }

.gototop { display:none; width:80px; height:50px; text-align: center; background:#003b83; color: #fff; transform: skewX(-12deg); -ms-transform: skewX(-12deg); -webkit-transform: skewX(-12deg); -o-transform: skewX(-12deg); -moz-transform: skewX(-12deg); position:fixed; right:-20px; bottom: 0; z-index:1001; border-radius: 6px }
.gototop .iconfont, .gototop span { position: absolute; transform: skewX(12deg); -ms-transform: skewX(12deg); -webkit-transform: skewX(12deg); -o-transform: skewX(12deg); -moz-transform: skewX(12deg) }
.gototop .iconfont { top: 8px; right: 42px }
.gototop span { top: 22px; right: 34px }

.link-a { padding-right: 0!important; padding-left: 15px!important }
.linkpop { display: none; background: #58606c; width: 110px; font-size: 12px;box-sizing: border-box; position:absolute; bottom:32px; right: 0; z-index: 1000 }
.linkpop li a { display: block; width: 100%; text-align: center; padding: 10px 0!important; box-sizing:border-box; color: #fff; }
.linkpop li a:hover { background: #2f3948 }


/*-------------------首页-------------------*/ 
.nav-box { width: 100%; height: calc(100vh); min-height: 620px; z-index: 1000; pointer-events: none }

.logo { width: 11%; height: auto; position: absolute; top: 40px; left: 40px; z-index: 1000; pointer-events: auto; background: url(../image/logo-w1.png) 0 0 no-repeat; background-size: 100% 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s }
.logo img { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

.nav { width: 80px; height: 100%; background: rgba(0,0,0,0.1); position: absolute; top: 0; right: 0; z-index: 1000; pointer-events: auto }

.index-wechat .wechat_ewm { left: 0; top: -15px }

.artboard { position:absolute; top:40px; right:25px; height:44px; cursor: pointer }
.artboard, .artboard .overlay { display:flex; width:30px; align-items:center; justify-content:center; flex-direction:row; flex-wrap:wrap}
.artboard .overlay { height:24px; transition:.4s linear; transition:.8s .1s cubic-bezier(.6,-.46,.21,1.3) }
.artboard:hover .line:after, .artboard:hover .line:before { width:15px }
.artboard .line, .artboard .line:after, .artboard .line:before { width:30px; height:4px; border-radius:2px; background:#fff; transition:.4s cubic-bezier(1,-.81,.17,1.2) }
.artboard .line:after, .artboard .line:before { position:relative; display:flex; content:"" }
.artboard .line:before { top:-8px }
.artboard .line:after { bottom:-4px; float:right }
.artboard.active .overlay { transform:rotate(180deg) }
.artboard.active .line { width:24px; transform:rotate(-45deg) }
.artboard.active .line:after, .artboard.active .line:before { width:24px; transform:rotate(-90deg) }
.artboard.active .line:before { top: 0 }
.artboard.active .line:after { bottom: 4px }
			
/* .nav .wechat { top: 46% } */

.button-video-sound { width: 40px; text-align: center; height: 24px; line-height: 24px; position: absolute; z-index: 1; left: 20px; top: 46%; margin-top: 40px; border: 0; background: transparent; overflow: hidden; cursor: pointer; outline: 0 }
.button-video-sound .sound-bars {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 8px;
	-webkit-transition: -webkit-transform .65s cubic-bezier(.25, .46, .45, .94);
	transition: -webkit-transform .65s cubic-bezier(.25, .46, .45, .94);
	transition: transform .65s cubic-bezier(.25, .46, .45, .94);
	transition: transform .65s cubic-bezier(.25, .46, .45, .94), -webkit-transform .65s cubic-bezier(.25, .46, .45, .94)
}
.button-video-sound .sound-bars:after,
.button-video-sound .sound-bars:before {
	position: absolute;
	width: 3px;
	content: "";
	background-color: #fff;
	-webkit-transform-origin: center center;
	transform-origin: center center; 
}
.button-video-sound .sound-bars:nth-of-type(2):before { top: 0; height: 100%; left: -1px } 

.button-video-sound .sound-bars:first-of-type:before { top: 50%; height: 50% } 
.button-video-sound .sound-bars:first-of-type:after { top: 35%; height: 65% } 
.button-video-sound .sound-bars:last-of-type:before { top: 20%; height: 80% } 
.button-video-sound .sound-bars:last-of-type:after { top: 50%; height: 50% } 
.button-video-sound .sound-bars:before { left: 0 }
.button-video-sound .sound-bars:after { right: 0 }
.button-video-sound .sound-bars:first-of-type {
	-webkit-transform: translate(-50%, 0) translateX(-7px) scaleY(1);
	transform: translate(-50%, 0) translateX(-7px) scaleY(1)
}
.button-video-sound .sound-bars:last-of-type {
	-webkit-transform: translate(-50%, 0) translateX(8px) scaleY(1);
	transform: translate(-50%, 0) translateX(8px) scaleY(1)
}
.button-video-sound-on .sound-bars:after,
.button-video-sound-on .sound-bars:before {
	-webkit-animation: volume 1s linear infinite;
	animation: volume 1s linear infinite;
	transform-origin: bottom
}
.button-video-sound-on .sound-bars:first-of-type {
	-webkit-transform: translate(-50%, 0) translateX(-7px);
	transform: translate(-50%, 0) translateX(-7px)
}
.button-video-sound-on .sound-bars:first-of-type:before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.button-video-sound-on .sound-bars:first-of-type:after {
	-webkit-animation-delay: .125s;
	animation-delay: .125s
}
.button-video-sound-on .sound-bars:last-of-type {
	-webkit-transform: translate(-50%, 0) translateX(8px);
	transform: translate(-50%, 0) translateX(8px)
}
.button-video-sound-on .sound-bars:last-of-type:before {
	-webkit-animation-delay: .375s;
	animation-delay: .375s
}
.button-video-sound-on .sound-bars:last-of-type:after {
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}
@-webkit-keyframes volume {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	33% {
		-webkit-transform: scaleY(1.4);
		transform: scaleY(1.4)
	}

	66% {
		-webkit-transform: scaleY(.6);
		transform: scaleY(.6)
	}

	to {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes volume {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	33% {
		-webkit-transform: scaleY(1.4);
		transform: scaleY(1.4)
	}

	66% {
		-webkit-transform: scaleY(.6);
		transform: scaleY(.6)
	}

	to {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}


.scroll { width: 100%; text-align: center; bottom: 40px; color: #fff }
.scroll .more { display: inline-block; margin-top: 50px; font-size: 10px; -webkit-transform:scale(0.8) }
.scroll .bar { display: block; position: absolute; width: 4px; height: 40px; top: 0; left: 50%; margin-left: -2px; background-color: rgba(255, 255, 255, 0.5); border-radius: 2px; overflow: hidden }
.scroll .bar:after { display: block; width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background-color: #fff; -webkit-animation-name: suggest; animation-name: suggest; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.6, 0, 0.2, 1) }
@-webkit-keyframes suggest {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	49.9% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}

	100% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}
}
@keyframes suggest {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	49.9% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}

	100% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}
}

.menu-box { width: 100%; height: 100%; position: absolute; top: 0; left: calc(100% - 80px); z-index: 999; background: -webkit-linear-gradient( -45deg, #174c8d, #672e9b 65%, #174c8d 100%); background: -o-linear-gradient( -45deg, #174c8d, #672e9b 65%, #174c8d 100%); background: -moz-linear-gradient( -45deg, #174c8d, #672e9b 65%, #174c8d 100%); background: linear-gradient( -45deg, #174c8d, #672e9b 65%, #174c8d 100%); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; pointer-events: auto }
.menu-box a.h3 { display: block; width: 100%; box-sizing: border-box; padding-left: 40px; color: #fff }
.menu-con { float: right; width: calc(100% - 80px); height: 100%; font-weight: 300 }

.menu-bar { width: 25%; padding-top: 40px; border-left: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.menu-bar:nth-of-type(1), .menu-bar:nth-of-type(2), .menu-bar:nth-of-type(3), .menu-bar:nth-of-type(4) { height: 55% }
.menu-bar:nth-of-type(5), .menu-bar:nth-of-type(6), .menu-bar:nth-of-type(7), .menu-bar:nth-of-type(8) { height: 45% }
.menu-bar .top-img { width: 50%; z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.menu-bar .top-img07 { width: 60% }

.menu-bar .menu-bar-con { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s }

.menu-list a { display: block; width: 100%; box-sizing: border-box; padding-left: 40px; line-height: 14px; margin-bottom: 10px; color: rgba(255,255,255,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.menu-list a:hover { background: rgba(255,255,255,0.1); color: #fff }

.menu-bar:hover { background: rgba(255,255,255,0.1) }
.menu-bar:nth-of-type(1):hover { background: transparent }
.menu-bar:hover .top-img { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.menu-bar:hover .menu-list a { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0 }

/*网站地图*/
.mapbox .top-img, .mapbox .menu-bar-con{ filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1  }
.mapbox .menu-bar-con { webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0) }
.mapbox .menu-list a { padding-left: 0;line-height: 24px!important;height: 40px!important;color: #000 }
.mapbox .menu-list a:hover { color: #003b83 }
.mapbox .menu-bar .menu-bar-con { padding: 20px 20px 20px 30% }
.mapbox .menu-bar1 { background: #fff }
.mapbox .menu-bar2 { background: #f8f8f8 }
.mapbox .menu-bar3 { background: #fff }
.mapbox .menu-bar4 { background: #f8f8f8 }
.mapbox .menu-bar5 { background: #f8f8f8 }
.mapbox .menu-bar6 { background: #fff }
.mapbox .menu-bar7 { background: #f8f8f8 }
.mapbox .menu-bar .top-img{ z-index: 1;width: 20%;top: 30px;left: 30px }
.mapbox .menu-bar { z-index: 2;height: 500px }
.mapbox .menu-bar:hover{ background: #f0f0f0 }

/* .nav-box.unfold .logo { background: url(../images/logo-w.png) 0 0 no-repeat; background-size: 100% 100% } */
.nav-box.unfold .menu-box { left: 0 }
.nav-box.unfold .menu-con { float: left }

.nav-box.unfold .menu-bar .menu-bar-con { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.nav-box.unfold .menu-bar:nth-of-type(2) .menu-bar-con { transition-delay: 0.5s }
.nav-box.unfold .menu-bar:nth-of-type(3) .menu-bar-con { transition-delay: 0.6s }
.nav-box.unfold .menu-bar:nth-of-type(4) .menu-bar-con { transition-delay: 0.7s }
.nav-box.unfold .menu-bar:nth-of-type(5) .menu-bar-con { transition-delay: 0.8s }
.nav-box.unfold .menu-bar:nth-of-type(6) .menu-bar-con { transition-delay: 0.9s }
.nav-box.unfold .menu-bar:nth-of-type(7) .menu-bar-con { transition-delay: 1s }
.nav-box.unfold .menu-bar:nth-of-type(8) .menu-bar-con { transition-delay: 1.1s }


@media ( max-height:735px ) {
.menu-bar:nth-of-type(1), .menu-bar:nth-of-type(2), .menu-bar:nth-of-type(3), .menu-bar:nth-of-type(4) { height: 60% }
.menu-bar:nth-of-type(5), .menu-bar:nth-of-type(6), .menu-bar:nth-of-type(7), .menu-bar:nth-of-type(8) { height: 40% }
.menu-bar:hover .menu-list a { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0 }
}

#top-stage { width: 100%; height: calc(100vh); background: url(../image/video-cover1.jpg) #174c8d center center no-repeat; background-size: cover; position: relative; overflow: hidden; top: 0; display: block; z-index: 0; }

.stage_media { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: 120%; max-height: 120%; 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: url(../image/video-cover1.jpg) #174c8d center center no-repeat; background-size: cover }

.index-page01 .com-link.bgfff:hover { background: #0084cb; color: #fff }
.index-label { width: 80px; height: 24px; line-height: 24px; border-radius: 5px }
.label-news { background: #f87d04; color: #fff }
.label-product { background: #0084cb; color: #fff }
.label-responsibility { width: 160px; background: #84b95d; color: #fff }
.index-page01 .com-link.bgfff:hover .index-label { background: #fff; color: #f87d04 }

.index-page02-tomore { height: 105px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
a:hover .index-page02-tomore { height: 145px }
.tomore { height: 24px; line-height: 24px; margin-top: 30px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; transition-delay: 0.1s }
.tomore .iconfont { height: 24px; line-height: 24px }
a:hover .tomore { margin-top: 20px; opacity: 1 }

.index-page02-con02 img { max-height: 120% }
.index-toplay { width: 70px; height: 70px; line-height: 70px; bottom: 15%; left: 50%; margin-left: -35px; z-index: 1000 }
.index-toplay a { background: rgba(255,255,255,0.5); border-radius: 50% }
.index-toplay a:hover { background: rgba(255,255,255,0.8) }
.index-toplay .icon-play { line-height: 70px; color: #000; opacity: 0.5 }
.index-toplay.toplay { left: 10px; bottom: 10px; margin-left: 0 }
.index-toplay.toplay .icon-play:before { content: "\e640" }

.aboutHeight .card-padding { height: 200px }

/*-------------------我们的产品-------------------*/
.product-width { width:400px }
.product-search input { width: 340px; height: 40px; line-height: 20px; padding: 10px; background: #fff; border: 1px solid #fff }
.product-search input:focus { background: rgba(255,255,255,0.5) }
.product-search input::-webkit-input-placeholder {
  color: #7bbbdc;
}
.product-search input:-moz-placeholder {
  color: #7bbbdc;
}
.product-search input::-moz-placeholder {
  color: #7bbbdc;
}
.product-search input:-ms-input-placeholder {
  color: #7bbbdc;
}

.product-search-icon { width: 60px; text-align: center; height: 40px; line-height: 40px; background: rgba(255,255,255,0.2); margin-left: 2px }
.product-search-icon:hover { background: rgba(255,255,255,1); color: #7bbbdc }
.product-search-icon .icon-search { line-height: 40px }

.search-del-con { min-height: calc(100vh - 442px) }

.product-nav { padding: 10px 20px 20px }
.product-nav a { display: inline-block; padding: 5px 25px; margin: 10px 5px 0; border-radius: 5px; position: relative }
.product-nav a:hover, .product-nav a.cur { background: #003b83; color: #fff }
.product-nav a.cur:after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -8px; border-top: 8px solid #003b83; border-right: 8px solid transparent; border-left: 8px solid transparent }

.product-imgtxt { min-height: 300px }
.product-img { height: calc(100% + 30px) }

.product-list-title { height: 120px; overflow: hidden }

.product-card-pop { width: 100%; height: 100%; left: 0; top: 0; padding: 40px 20px 40px 40px; display: none }
.product-card-con { height: 100%; padding-right: 20px; overflow-x: hidden; overflow-y: auto }
.product-card-con::-webkit-scrollbar {
width:6px;
height:6px
}
.product-card-con::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(255,255,255,.2)
}
.product-card-con::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,255,255,.1)
}
.product-card-con::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(255,255,255,.3)
}
.product-card-con::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(255,255,255,.7)
}
.product-card-txt { text-align:justify }

.fin_list .typelist { background: #f0f0ef;width: 100% }
.fin_list .typelist>a { float: left;line-height: 3.5rem; box-sizing: border-box;font-size: 14px;width: 100%;border-bottom: 1px solid #ddd;padding-left: 20px;padding-right:20px;display: block;line-height: 48px }
.typelist { left: 0;top: 60px }
.figure-em { right: 15px;top: 15px; width: 30px;height: 30px }
.figure-em1 em {  position:absolute;right:10px;top:8px;border-bottom: 5px solid #000000;border-right: 5px solid transparent;border-left:5px solid transparent }
.figure-em2 em {  position:absolute;right:10px;bottom:8px;border-top: 5px solid #000000;border-right: 5px solid transparent;border-left:5px solid transparent }
.figure-em a { width: 30px;height: 15px }  


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

/*-------------------创新与发展-------------------*/
.rd-con div { display: inline-block; vertical-align: top }
/*.rd-con div:nth-of-type(2) { margin-left: 2%; margin-right: 2% }*/

.rd-list li { padding-top: 20px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.rd-img05 { width: 63%; background: url(../image/rd-img05.jpg) right top no-repeat; background-size: cover }

.operation-con02 .poabsolute-h50 { top: 40% }

.service-site { max-width: 300px }
.service-site span { width: 33%; float: left; margin-top: 5px }
.service-con01 .accordion-title.unfold, .service-con01 .accordion-con { background: #fff }
.service-con01 .accordion-title .iconfont { top: 40px; right: 40px }
.service-con02 .area_35 { margin-top: 6% }
.service-con02 h2:nth-of-type(2) { text-indent: 3em }

.international-content .area_50 { min-width: 620px }
.international-content dl { padding-left: 250px; box-sizing: border-box }
.international-content dl dt { width: 230px; margin-left: -250px; text-align: right }
.international-content dl dt, .international-content dl dd { padding: 10px 0 }
.international-content dl dd { border-bottom: 1px solid rgba(0,0,0,0.1) }

.operation-h { height: 460px }
.operation-box { overflow-x:auto;overflow-y: hidden;height: 520px }
.operation-list { height: 230px;position: relative }
.operation-list:nth-of-type(1) { width: 250px }
.operation-list:nth-of-type(2) { width: 250px }
.operation-list:nth-of-type(3) { width: 250px }
.operation-list:nth-of-type(4) { width: 250px }
.operation-list:nth-of-type(5) { width: 200px }
.operation-list:nth-of-type(6) { width: 200px }
.operation-list:nth-of-type(7) { width: 200px }
.operation-list:nth-of-type(8) { width: 200px }
.operation-list:nth-of-type(9) { width: 250px }
.operation-x { width:2050px }

.operation-list em { position: absolute;width: 9px;height: 9px;display: inline-block;background: #f3982d;border-radius: 50%;z-index: 4 }
.operation-list:nth-of-type(2n) em { bottom: -5px }
.operation-list:nth-of-type(2n-1) em { top: -5px }
.operation-text img { height: 50px }

.operation-list:nth-of-type(2n-1){ border-top: 1px solid #ccc;margin-top:230px }
.operation-list:nth-of-type(2n){ border-bottom: 1px solid #ccc }

.operation-list:nth-of-type(2n-1) .operation-time { top:5px;left: 15px }
.operation-list:nth-of-type(2n-1) .operation-line { width: 1px;height: 225px;background: #ccc;left:5px;top:10px }

.operation-list:nth-of-type(2n) .operation-time { bottom:-28px;left: -22px }
.operation-list:nth-of-type(2n) .operation-line { width: 1px;height: 225px;background: #ccc;left:5px;bottom:10px }

.btnprev { left: -30px }
.btnnext { right: -30px }
.operation-text span { display: none }
.service-b li { padding:20px 0;border-bottom: 1px solid #eee; }

.en-innovate { height: calc(45vh);max-height: 400px;min-height: 300px }
/*-------------------我们的企业-------------------*/

.ed-popbox { width: calc(80vw); height: calc(80vh); max-width: 1200px; overflow-x: hidden; overflow-y: auto }
.ed-popbox::-webkit-scrollbar {
width:6px;
height:6px
}
.ed-popbox::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.ed-popbox::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.ed-popbox::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.ed-popbox::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

.history-con>div { background: #f8f8f8 }
.history-con>div:nth-of-type(4n-1), .history-con>div:nth-of-type(4n) { background: #fdfdfd }

.row3 { padding-left: 140px; padding-right: 50px }
.row3-l { width: 140px; margin-left: -140px }
.row3-r { width: 50px; height: 36px; margin-right: -50px; position: relative }
.row3-c { width: calc(100% - 250px) }

.accordion-title { cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.accordion-title.unfold h1 { color: #f75f14 }
.accordion-title .iconfont { position: absolute; top: 5px; right: 0; -webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out }
.accordion-title.unfold .iconfont { -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg) }
	
	

.history-swiper1 { text-align: center; padding-top: 10px }
.history-swiper1.swiper-container { padding-bottom: 0 }
.history-swiper1 .swiper-wrapper { display: -webkit-box }
.history-swiper1 .swiper-slide { display: inline-block; width: 33.33%; padding-left: 5px; padding-right: 5px; box-sizing: border-box }

.supply-list li { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 5px }
.supply-list a { margin-right: 90px }
.supply-list a h5 { width: calc(100% - 90px) } 
.supply-check { width: 90px; margin-right: -90px }
.supply-check, .supply-check .iconfont { height: 36px; line-height: 36px }
.sup-box { margin-left: 75px }
.sup-text { margin-left: -75px;width: 75px }

.tt { width: 4.5em;text-align: justify;text-align-last: justify }
.tt-list { width: 4em;text-align: justify;text-align-last: justify }

.mf-list-box { width: calc(100% - 80px); height: 50px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.3s }
.mf-list-box.unfold { height: 320px }
.mf-list-title { height: 50px; line-height: 50px; padding: 0 20px; cursor: pointer }
.mf-list-title:before { font-family: "iconfont"; content: "\e7ab"; font-size: 20px!important; line-height: 50px; color: rgba(0,0,0,0.6); position: absolute; top: 0; right: 20px; transition: all 0.3s }
.mf-list-box.unfold .mf-list-title:before { transform: rotate(180deg) }
.mf-list { width: 100%; height: 270px; overflow: hidden }
.mf-list-con { width: calc(100% - 20px); height: 250px; padding: 0 20px;  overflow-x: hidden; overflow-y: auto }
.mf-list-con::-webkit-scrollbar {
width:6px;
height:6px
}
.mf-list-con::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.mf-list-con::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.mf-list-con::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.mf-list-con::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}
.mf-list-con li { margin-top: 10px }

.mf-map-box { border: 40px solid #fbfbfb; box-sizing: border-box }
.mf-map { width: 1000px }
.mf-product-title { height: 84px }

.mfd-productbox img { max-width: 100% }
/*-------------------新闻-------------------*/
.newsindex-title { height: 60px; padding: 15px 10px 0 30px }
.newsindex-tab { width: calc(33.33% - 10px) }
.newsindex-tab, .newsindex-tab a { height: 60px; line-height: 60px }
.newsindex-tab a { color: #003b83; position: relative }
.newsindex-tab a:after { content: ""; width: 40px; height: 4px; line-height: 4px; background: #003b83; position: absolute; bottom: 0; left: 50%; margin-left: -20px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s  }
.newsindex-tab a:hover { background: #fff }
.newsindex-tab a:hover:after  { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

.news-select { width: 170px; 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: 210px;padding: 20px 30px; background: #f8f8f8; position: absolute; top: 45px; left: -30px; z-index: 10; display: none }
.news-select-list li a { display: block; width: 100%; 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-form { width: calc(33.33% - 25px) }
.search-form input { padding: 5px 30px 5px 0; line-height: 20px; background: transparent; border: 0; border-bottom: 1px solid rgba(0,0,0,0.1) }
.search-form .search-icon { width: 30px; height: 30px; line-height: 30px; position: absolute; right: 0; top: 0; z-index: 2 }
.search-form .search-icon .iconfont { line-height: 30px }
.search-form input:focus { border-bottom: 1px solid #f16305 }

.fontzoonbox a { width: 30px; text-align: center; height: 30px; line-height: 30px; background: #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }
.news-share, .fontzoonbox a .iconfont { line-height: 30px }

.nd-con { font-size: 16px; line-height: 1.7em }
.nd-con img { max-width: 100% } { margin-right: 150px }

.news-contact .icon-tel, .news-contact .icon-dialog, .news-contact .icon-quanmeitifugai { background: #f5f5f5; border-radius: 50%; padding: 20px; box-sizing: border-box }

.input { position: relative; z-index: 1; display: inline-block; vertical-align: top; font-size: 14px; border-bottom: 1px solid #ebebeb; }
.input__field { position: relative; display: block; float: right; width: 100%; border: none; border-radius: 0; background: transparent; color: #000; -webkit-appearance: none; /* for box shadows to show on iOS */ }
.input__field:focus { outline: none; }
.input__label { display: inline-block; float: right; color: #898989; width: 100%; height: 45px; line-height: 45px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input__label .iconfont { height: 45px; line-height: 45px; }
.input__label-content { position: relative; display: block; width: 100%; }
/* Ichiro */
.input__field--ichiro { position: absolute; top: 0; left: 0; z-index: 100; display: block;  color: #000; opacity: 0; height: 45px; line-height: 45px; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebebeb; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; font-family:"PingFang SC", Helvetica, Arial, sans-serif }
.input__label--ichiro { width: 100%; text-align: left; cursor: text; }
.input__label--ichiro::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__label-content--ichiro { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__field--ichiro:focus { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background: #f3f3f3; }
.input__field--ichiro:focus + .input__label--ichiro, .input--filled .input__label--ichiro { cursor: default; pointer-events: none; }
.input__field--ichiro:focus + .input__label--ichiro::before, .input--filled .input__label--ichiro::before { -webkit-transform: scale3d(1, 1.5, 1); transform: scale3d(1, 1.5, 1); }
.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro, .input--filled .input__label-content--ichiro { -webkit-transform: translate3d(0, -2.5em, 0) scale3d(0.9, 0.9, 1); transform: translate3d(0, -3em, 0) scale3d(0.9, 0.9, 1) translateZ(1px); color: #000; }
.input--ichiro { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.input--ichiro.input--filled { margin-top: 50px }
.input--ichiro.input--filled:first-of-type { margin-top: 20px }
.input--ichiro.input--filled .input__field--ichiro { opacity: 1 }
.input--ichiro.input--filled .input__field--ichiro { background: #fff; border-bottom: 1px solid #f16305; }

.input--ichiro.input--filled:last-of-type { height: 100px }
textarea.input__field--ichiro { height: 100px; line-height: 20px; padding-top: 10px; padding-bottom: 10px }

.play { left: 10px; bottom: 10px; top: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.play .icon-play { font-size: 2em!important; position: absolute; left: 0; bottom: 10px }
.play .icon-play:before { content: "\e640"; opacity: 0.5 }
.play h5 { display: none }

.video-popbox { width: calc(60vw); height: calc(80vh) }

.culture-bg { padding-top: 7% }
.media-box { margin-right: 100px; }
.media-box .fright { margin-right: -100px;width: 100px } 

.media-select { height: 25px; line-height: 25px; padding: 0 10px; box-sizing: border-box; border: 1px solid #003b83; color: #003b83; border-radius: 12px }

/*-------------------社会责任-------------------*/
.respon-height { max-height: 600px;min-height: 400px;height: 500px }

/*-------------------招贤纳才-------------------*/
.join-belt h1 { font-size: 42px }

.social-hot { width: 60px; text-align: center; height: 24px; line-height: 24px; background: #f87d04; color: #fff; border-radius: 5px; overflow: hidden }
.social-hot .iconfont { font-size: 32px; line-height: 24px }

.social-select { height: 30px; line-height: 30px; cursor: pointer }
.social-select .iconfont { line-height: 30px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.social-select-list { padding: 20px 0; background: #f8f8f8; position: absolute; top: 45px; left: -20px; z-index: 10; display: none }
.social-select-list li a { display: block; min-width: 80px; padding: 0 20px; height: 30px; line-height: 30px; white-space:nowrap }
.social-select-list li a:hover { color: rgba(0,0,0,0.6) }
.social-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.social-list li { padding: 20px 0 20px 20px }
.social-list li:nth-of-type(1), .social-list li:nth-of-type(4) { width: 27% }
.social-list li:nth-of-type(2), .social-list li:nth-of-type(3), .social-list li:nth-of-type(5) { width: 12% }
.social-list li:nth-of-type(6) { width: 10%; padding-left: 0; text-align: center; white-space:nowrap }
.social-list li:nth-of-type(6) span { display: inline-block; border-bottom: 1px solid #000 }
.social-list-txt:nth-of-type(odd) { background: #fbfbfb } 
.social-list-txt:nth-of-type(even) { background: #fff } 
.social-list-txt:last-of-type { margin-bottom: 10px } 
.social-list-txt a:hover { color: #003b83 }

.sdel-dl { margin-left: 6em; padding-top: 15px; padding-bottom: 15px }
.sdel-dl dt { width: 6em; margin-left: -6em; 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-con { width: 500px; padding: 40px 60px; z-index: 3001 }
.pdf_box-con>div:first-child { background: #dae4f0; padding: 20px 40px }
.pdf_box-con>div:last-child { background: #fff }
.pdf_box-con input { height: 40px; line-height: 40px; border: 0; border-bottom: 1px solid #e9e9e9; padding-left: 10px; background: #fcfcfc; box-sizing: border-box;float:left }
.pdf_box-con input:focus { border-bottom: 1px solid #f16305 }
.pdf_box-con .box_yzm { margin-right: 120px }
.pdf_box-con .box_yzm img { width: 85px; height: 40px; margin-right: -120px }
.pdf_box-con .addFiles-box { padding-left: 57px }
.pdf_box-con .addFiles-box h6 { color:#007eff }
.pdf_box-con .button01 { width: 42px; text-align: center; margin-left: -52px; height: 42px; line-height: 42px; border: 1px solid #007eff; background: #007eff; color: #fff }
.pdf_box-con .button01 .iconfont { line-height: 42px }
.pdf_box-con .button01:hover { background:transparent; color:#007eff }
.pdf_box-con .button02 { height: 44px; line-height: 44px; border: 1px solid #ff7800; background: #ff7800; color: #fff }
.pdf_box-con .button02:hover { background:transparent; color:#ff7800 }

.pdf_box-con .icon-close { position: absolute; top: -40px; right: 0; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; cursor: pointer }
.pdf_box-con .icon-close:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
@media ( max-height:650px ) {
.pdf_box-con { padding: 30px 40px }
.pdf_box-con .margintop15 { margin-top: 10px }
}

.talent-con>div { width: 19% }
.talent-con>div:first-of-type { width: 24% }

.campus-con01 h3 { width: 48px; height: 48px; line-height: 49px; border-radius: 15px; overflow: hidden }

.campus-list li { padding-top: 20px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.2) }
.campus-list li:first-of-type { padding-top: 0 }
.campus-img02 { width: 63%; background: url(../image/campus-img02.jpg) center center no-repeat; background-size: cover }
.campus-con03>div:nth-of-type(odd) { width: 21.25% }
.campus-con03>div:nth-of-type(even) { width: 5% }

.post-list li { padding: 20px 0 20px 20px }
.post-list li:nth-of-type(1) { width: 20% }
.post-list li:nth-of-type(2) { width: 10% }
.post-list li:nth-of-type(3) { width: 15% }
.post-list li:nth-of-type(4) { width: 35% }
.post-list li:nth-of-type(5) { width: 20% }
.post-list-txt:nth-of-type(odd) { background: #fff } 
.post-list-txt:nth-of-type(even) { background: #fbfbfb } 

.campus-ewm { width: 210px }

/*-------------------廉政合规-------------------*/
.report-dl { padding-left: 4.5em }
.report-dl dt { width: 4.5em; margin-left: -4.5em; white-space: nowrap }

.report-list { padding-right: 90px }
.report-list h5 { width: calc(100% - 90px) }

.report-height { min-height: 400px }




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

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

.card-padding { padding: 35px }

.product-card-pop { padding: 30px 15px 30px 30px }
.product-card-con { padding-right: 15px }

.service-con01 .accordion-title .iconfont { top: 35px; right: 35px }

.mo_listnav { display: none }
.mo_listnav2 { display: block }

.mf-list-box { width: calc(100% - 70px) }
.mf-map-box { border: 35px solid #fbfbfb }

}

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

h2, .h2 { font-size: 28px }

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

.card-padding { padding: 30px }

.insidekv-slogan h1 { font-size: 46px }

.headbox { padding-left: 30px; padding-right: 30px }

.footbox { padding: 30px 30px 60px }
.foot-logo { height: 50px }
.foot-link a { padding: 0 10px }

.index-page02 .padding40 { padding: 30px }
.index-page02-tomore { height: 85px }
a:hover .index-page02-tomore { height: 125px }
.index-page02-con02 .area_50.padding40 { padding-left: 0 }

.product-nav a { padding: 5px 20px; margin: 10px 0 0 }
.product-card-pop { padding: 30px 15px 30px 30px }
.product-card-con { padding-right: 15px }

.operation-swiper01.swiper-container, .operation-swiper03.swiper-container { margin-top: 20px }

.join-belt h1 { font-size: 36px }

.service-con01 .accordion-title .iconfont { top: 30px; right: 30px }

.operation-list { width: 180px }
.product-imgtxt { min-height: 250px }
.product-nav a { padding: 5px }

.mo_listnav { display: none }
.mo_listnav2 { display: block }

.mf-list-box { width: calc(100% - 60px) }
.mf-map-box { border: 30px solid #fbfbfb }

}

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

h2, .h2 { font-size: 28px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }


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

.card-padding { padding: 25px }

.insidekv-slogan h1 { font-size: 46px }

.headbox { padding-left: 30px; padding-right: 30px }

.footbox { padding: 30px 30px 60px }
.foot-logo { height: 50px }

.index-page02 .padding40 { padding: 20px }
.index-page02-tomore { height: 65px }
a:hover .index-page02-tomore { height: 105px }
.index-page02-con02 .area_50.padding40 { padding-left: 0 }
.index-page02-con02 .area_50.padding40 .margintop20 { margin-top: 10px }

.pindex-con .width50 { width: 53%; float: none }
.pindex-con .width50 h5 { font-size: 14px }
.pindex-con .width50 .com-more { margin-top: 10px } 

.product-nav a { padding: 5px 20px; margin: 10px 0 0 }

.operation-con01 .area_50.poabsolute-h50 { position:static!important; top: 0; left: 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); float: right }
.operation-con01 .area_85 { width: 92%; float: right!important }

.operation-swiper01.swiper-container, .operation-swiper03.swiper-container { margin-top: 20px }

.innovate-img01 { min-height: 280px }
.innovate-img01 img { height: 100%; width: auto; position: absolute; bottom: 0; right: 0 }

.culture-con01 .poabsolute-h50 { position:static!important; top: 0; left: 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) } 



.join-belt h1 { font-size: 34px }

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

.service-con01 .accordion-title .iconfont { top: 25px; right: 25px }
.service-con02 .area_35 { width: 45% }
.product-imgtxt { min-height: 250px }
.product-img { overflow: hidden }
.product-img img { height: calc(100%);margin-left: -25% }
.product-nav a { padding: 5px }

.mo_listnav { display: none }
.mo_listnav2 { display: block }

.mf-list-box { width: calc(100% - 50px) }
.mf-map-box { border: 25px solid #fbfbfb }

}


@media ( min-width:801px ) and ( max-width:1110px ) {	
.foot-link a { padding: 0 10px }
.foot-link a.link-a { padding-left: 0!important; margin-right: 20px }
.foot-link .linkpop { left: 0; right: auto }
.foot-link-box { display: block; width: 100%; margin-bottom: 20px }
.foot-link-box.fright, .foot-link-box.fright .fright { float: left!important }

}



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

.nav-mobile {
	width: 100%;
    height: calc(100% - 46px);
    background-color: #3d81b4;
	color: #fff;
    padding-top: 46px;
    position: fixed;    
    z-index: 1002;
    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 a {
	color: #fff;
}

.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: 100%;
    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);
}

.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 rgba(255,255,255,0.2);
}

.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 rgba(255,255,255,0.1); color: rgba(255,255,255,0.8) }