@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5% }
body { font-size:14px; font-size:1.4rem }
body { line-height:1.6em; font-weight:400; font-family:"webfont","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 } 
.font-lighter{font-weight: lighter;}

::selection { background-color:#4bb2cc; color:#fff }
::-moz-selection { background-color:#4bb2cc; color:#fff }

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

.com-a, a.com-a, .com-a a { display: inline-block; color: #4bb2cc; font-weight: 800; border-bottom: 1px solid #4bb2cc }
a:hover .com-a, a.com-a:hover, .com-a a:hover { color:#4bb2cc; border-bottom: 1px solid transparent }

.com-a2, a.com-a2, .com-a2 a { display: inline-block; color: #4bb2cc; font-weight: 800; border-bottom: 1px solid transparent}
a:hover .com-a2, a.com-a2:hover, .com-a2 a:hover { color:#4bb2cc; border-bottom: 1px solid #4bb2cc }


.a01, a.a01, .a01 a { display: inline-block; color: #fff; font-weight: 800; border-bottom: 1px solid #fff }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#fff; border-bottom: 1px solid transparent }

.a02, a.a02, .a02 a { color: #4bb2cc }
a:hover .a02, a.a02:hover, .a02 a:hover { color:#000 }

.a03, a.a03, .a03 a { display: inline-block; color: #000; border-bottom: 1px solid #000 }
a:hover .a03, a.a03:hover, .a03 a:hover { color:#4bb2cc; border-bottom: 1px solid transparent }

/* 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 }
a.undis { display:none !important }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default { cursor:default }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family:"webfont","PingFang SC","黑体" ,"宋体", Helvetica, Arial, sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 36px; line-height: 36px; border: 1px solid #fff; background: #fff; padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus, select:focus { border: 1px solid #4bb2cc }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #c3c3c3; background: transparent; padding:10px }
textarea:focus { border: 1px solid #ae241e }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"webfont","PingFang SC","黑体" ,"宋体", Helvetica, Arial, sans-serif }
select { background: url(/images/select-arrows.png) top right no-repeat; padding-right: 35px ;}
select::-ms-expand { display: none }

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

.cd-main-content { width:100%; height: 100%; padding-top: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.container { margin-right:auto; margin-left:auto; width: 1260px }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }
.container-half { width: 630px }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.left0 { left:0!important }
.right0 { right:0!important }
.right20 { right: 20px }
.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_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.opacity1 { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1 !important; }
/*-------------------字体颜色、样式、字体间距-------------------*/


@font-face {font-family: 'webfont';
  src: url('/fonts/webfont.eot'); /* IE9*/
  src: url('/fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg') format('svg'); /* iOS 4.1- */
}

.font-title { font-family: font-title }
@font-face { font-family: 'font-title';
  src: url('/fonts/Bodoni.eot'); /* IE9*/
  src: url('/fonts/Bodoni.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Bodoni.woff') format('woff'), /* chrome、firefox */
  url('../fonts/Bodoni.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/Bodoni.svg#svgFontName') format('svg'); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}

.iconfont { line-height: 1em }

.fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-1_8x { font-size: 1.8em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-6x { font-size: 6em!important }
.fa-8x { font-size: 8em!important }

.font-bold { font-weight: 800 }
.font-thin { font-weight: 200 }
.text-shadow10 { text-shadow: 0 0 10px rgba(0,0,0,0.2) }

.italic { font-style: italic }
.letter-spacing10 { letter-spacing:10px }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize40 { font-size:40px; line-height: 1.1em }
.fontSize60 { font-size:60px; line-height: 1.1em }

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

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }

.colorfff { color: #fff !important}
.color000 { color: #000 }
.colora3a3a3 { color: #a3a3a3 }
.colorae241e { color: #ae241e }
.color4bb2cc { color: #4bb2cc }
.colord50d1b { color: #d50d1b }
.color25c421 { color: #25c421 }
.colora403ff { color: #a403ff }
.color00508f { color: #00508f }
.color007993 { color: #007993 }
.color148098 { color: #148098 }
.color0ba4c0 { color: #0ba4c0 }
.color18a464 { color: #18a464 }
.colorff0000 { color: #ff0000 }
.color0ba4c0 { color: #0ba4c0 }
.colord1eaf9 { color: #d1eaf9 }
.color0e7aaf { color: #0e7aaf }
.color7f7f7f { color: #7f7f7f }
.color7ca6e5 { color: #7ca6e5 }
.color1b1b1b { color: #1b1b1b }
.color9fa0a0 { color: #9fa0a0 }
/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bg000 { background: #000 }
.bgeee { background: #eee }
.bgf1f1f1 { background: #f1f1f1 }
.bgf4f4f4 { background: #f4f4f4 }
.bgf8f8f8 { background: #f8f8f8 }
.bge6e6e6 { background: #e6e6e6 }
.bg007993 { background: #007993 !important }
.bg0288a5 { background: #0288a5 }
.bg089dbd { background: #089dbd }
.bg4aafe1 { background: #4aafe1 }
.bgebf2f7 { background: #ebf2f7 }
.bg0ba4c0 { background: #0ba4c0 }
.bg4bb2cc { background: #4bb2cc }
.bgd1eaf9 { background: #d1eaf9 }
.bg3b5c8d { background: #3b5c8d }
.bgf7f7f7 { background: #f7f7f7 }
.bgeaeaea { background: #eaeaea }
.bg3394a9 { background: #3394a9 }
.bg15a89f_opacity8 { background: rgba(21,168,159,.8) }
.bg0a3371_opacity8 { background: rgba(10,51,113,.8) }
.bgfff_opacity8 { background: rgba(255,255,255,.8) }
/*-------------------分割线、边框-------------------*/
.line-4bb2cc { width:100%; height:1px; line-height:1px; font-size:0; background:#4bb2cc; border:0 none }
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-000_10 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(0,0,0,0.1); border:0 none }

.border-b-f1f1f1 { border-bottom: 1px solid #f1f1f1 }
.border-b-bcbcbc { border-bottom: 1px solid #bcbcbc }
.border-e5e5e5 { border: 1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border-b-dcdcdc{ border-bottom: 1px solid #dcdcdc }
.border-b-000 { border-bottom: 1px solid rgba(0,0,0,0.1); }
/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }

.marginbottom2 { margin-bottom:2px }
.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px}
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom50 { margin-bottom:50px }
.marginbottom60 { margin-bottom:60px }
.marginbottom100 { margin-bottom:100px }

.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 }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

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

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

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop45 { padding-top:45px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop70 { padding-top:70px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

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

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

.padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.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 }
.padding20_30 { padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

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

.row1 { margin-left: -1px; margin-right: -1px }
.row5 { margin-left: -5px; margin-right: -5px }
.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }
/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width57 { width:57% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.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 }
.imgw70 { display:block; max-width:70%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

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

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

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_96 { float:left; width: 96% }
.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_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }


.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2{ max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height: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.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }
.com-rows_7 { height:10.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical }
.com-rows_10 { height:14.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical }

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

.button-circular-xl, a.button-circular-xl, input.button-circular-xl { padding:0 40px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px }

.com-button { width: 130px; padding: 6px 0; overflow: hidden; position: relative; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.com-button:before { font-family: iconfont; content: "\e7b1"; font-size: 16px; line-height: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: -30px; width: 30px; height: 100%; background-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s }
.com-button:hover { text-indent: -30px; color: #fff }
.com-button:hover:before { right: 0; text-indent: 0px }

.button-red, a.button-red, input.button-red, .label, .label-big { background:rgba(0,0,0,.2); color:#fff }

.button-red:active, a:active .button-red, input.button-red:active { background:#82161e }

.button-blue, a.button-blue, input.button-blue { background:#4bb2cc; color:#fff }
.button-blue:active, a:active .button-blue, input.button-blue:active { background:#007993 }

.button-gray, a.button-gray, input.button-gray { background:#a8a8a8; color:#fff }
.button-gray:active, a:active .button-gray, input.button-gray:active { background:#61c7dd }

.button-more{padding:6px 0 ;width: 130px;background: #fff;}

.label, .label-big{ display: inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box  }
.label{ padding: 0 8px; font-size: 12px; height: 20px; line-height: 20px }
.label-big { padding: 0 12px; height: 30px; line-height: 30px }
.label-blue { background:#4bb2cc; color:#fff }

.btn_more{padding: 6px 0;width: 130px;text-align: center;border-radius:50px}
.btn_more:hover{background:#3394a9 ;color: #fff!important;}
/*-------------------分页css开始-------------------*/
div.quotes { text-align:center; position: relative }
div.quotes a { display: inline-block; width: 28px; height: 28px; line-height: 28px; padding: 0; text-decoration:none; margin:0 2px; color: #a5a5a5; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; position: relative }
div.quotes a:hover { background:#61c7dd; color:#fff }
div.quotes a:active { background:#ebebeb }
div.quotes a.current { background:#089dbd; color:#fff }
div.quotes a.disabled { background:#ebebeb; color:#666 }
.border_right { border-right: 2px solid #000;height: 16px;box-sizing: border-box;display: inline-block;vertical-align: middle }
/*-------------------通用头部-------------------*/ 
.headbox { width: 100%; height:0; position: fixed; z-index: 1000 }

.menu { width: 40px; text-align: center; height:40px; line-height: 40px; background: rgba(0,0,0,0.6); position: absolute; right: 30px; top: 145px; z-index: 10; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu:after {font-size: 40px; font-weight: 200; color: #fff;}
.bar { height: 2px; width: 20px; display: block; margin-left: 10px;background-color: #fff; position: absolute; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu .bar:nth-of-type(1) {
  top: 14px;
  -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: 20px;
  -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: 26px;
  -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: 20px;
  -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: 20px;
  -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;
}

.navbox { width: 100%; height:100px; background: #fff; position: absolute; top: -100px; left: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.logo { width: auto; height: 54px; position: absolute; left: 30px; top: 130px; z-index: 10; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.else { height: 40px; line-height: 40px; position: absolute; top: 145px; right: 80px; z-index: 10; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.search-input-box { background: #fff; width: 100%; height: 120px; padding: 0 100px 0 50px; position: fixed; top: -120px; z-index: -2; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.search-input-box .icon-close { position: absolute; top: 60px; right: 50px; cursor: pointer }
input.search-input { width: 100%; height: 48px; line-height: 48px; margin-top: 40px; border-bottom: 1px solid #eee; background: transparent; }
input.search-input:focus { border: transparent; border-bottom: 1px solid #ae241e }
.search-input-box.show { top: 0; z-index: 20; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.search-icon-box .icon-sousuo { line-height: 40px; cursor: pointer }
.search-icon-box .icon-sousuo:hover { color: #ae241e }

.nav { height: 70px; line-height: 70px; position: absolute; top: 30px; right: 180px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuLi { float:left; display:block; position:relative }
.nav .menuLi .mainmenu { display:block; height:70px; line-height:70px; padding: 0 20px; font-weight:bold; color:#000; position:relative; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mainmenu-dot { width: 0; height: 3px; background: #4bb2cc; position: absolute; top: 0; left: 0; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover { background:#fff; color: #ae241e }
.nav .menuLi .mainmenu:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLiBnameover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover .mainmenu-dot { width: 100%; left: 0 }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { width: 15px; left: 20px }
.nav .menuLi .mainmenu.menuLipitchon { color: #ae241e }

.menuListBox { width: 250px; line-height:40px; position:absolute; top:70px; left: 0; display:none;
background:rgba(255,255,255,.9);
-webkit-background:rgba(255,255,255,.9);
-moz-background:rgba(255,255,255,.9);
-ms-background:rgba(255,255,255,.9);
-o-background:rgba(255,255,255,.9); }

.menuListBox a { display:block; width: 80%; margin: 0 auto; border-bottom: 1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#000; white-space:nowrap }
.menuListBox a:first-of-type { padding-top: 20px }
.menuListBox a:last-of-type { padding-bottom: 20px; border-bottom: 0 }
.menuListBox a:hover { color: #ae241e }

.navbox.hover { top: 0 }
.navbox.hover .menu, .navbox.hover .else { top: 45px }
.navbox.hover .logo { height: 40px; top: 34px }

.headbox.current .navbox { height: 70px; top: 0 } 
.headbox.current .menu, .headbox.current .else, .headbox.current .logo { top: 15px }
.headbox.current .logo { height: 40px }
.headbox.current .nav { top: 0 }

.headbox.current .navbox.hover, .headbox.current .navbox.hover .nav { top: 0 }
.headbox.current .navbox.hover .menu, .headbox.current .navbox.hover .else, .headbox.current .navbox.hover .logo { top: 15px }

/*------------------通用底部-------------------*/ 
.foot-ewmbox { margin-right: 10px;}
.foot-ewmbox-txt { line-height: 18px;font-size: 12px;}
.ewm-jt img ,.ewm-wlxy img{ max-width: 80px;min-width: 80px;float: left; }

/*.mask {top:0; left:0; z-index:9998;display:none }
.jt01,.wlxy01{box-shadow:0px 0px 20px rgba(0,0,0,.2);}*/

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; background: rgba(0,0,0,0.2); position:fixed; right:10px; bottom:10px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; display:none  }
.gototop:hover { background:#fff }
.gototop:hover .iconfont { color: #000 }
.gototop .iconfont { color: #000; line-height: 40px }

/*------------------通用-------------------*/ 
.grayimg {
	/*-webkit-filter: grayscale(80%); 
	-moz-filter: grayscale(80%); 
	-ms-filter: grayscale(80%); 
	-o-filter: grayscale(80%); 
	filter: grayscale(80%); 
	filter: gray;*/
	-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s
}
a:hover .grayimg, .grayimg:hover {
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%); 
	filter:none;
	transform: scale(1.05);
	-ms-transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	-o-transform: scale(1.05); 
	-moz-transform: scale(1.05); 
}
.grayimg2 {
	-webkit-filter: grayscale(80%); 
	-moz-filter: grayscale(80%); 
	-ms-filter: grayscale(80%); 
	-o-filter: grayscale(80%); 
	filter: grayscale(80%); 
	filter: gray;
	-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s
}
a:hover .grayimg2, .grayimg2:hover {
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%); 
	filter:none;
	transform: scale(1.05);
	-ms-transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	-o-transform: scale(1.05); 
	-moz-transform: scale(1.05); 
}

.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);  }
	
.headspace { padding-top: 100px;}
/*二级栏目*/
.return { display: block; height: 40px; line-height: 40px; padding: 0 60px 0 50px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #4bb2cc; color: #fff; position: absolute; right: -20px; top: 70px; z-index: 10 }
.return .iconfont { position: absolute; left: 20px; top: 0; line-height: 40px; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s }
.return:hover { color: #fff }
.return:hover .iconfont { left: 15px }
/*三级栏目*/
.return2 { display: block; height: 40px; line-height: 40px; padding: 0 60px 0 50px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #4bb2cc; color: #fff; position: absolute; right: -20px; top: 60px; z-index: 10 }
.return2 .iconfont { position: absolute; left: 20px; top: 0; line-height: 40px; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s }
.return2:hover { color: #fff }
.return2:hover .iconfont { left: 15px }

/*详情栏目*/
.return3 { display: block; height: 40px; line-height: 40px; padding: 0 60px 0 50px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #4bb2cc; color: #fff; position: absolute; right: -20px; top: 40px; z-index: 10 }
.return3 .iconfont { position: absolute; left: 20px; top: 0; line-height: 40px; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s }
.return3:hover { color: #fff }
.return3:hover .iconfont { left: 15px }

.insidekv {overflow: hidden;}
/*.insidekv {height:400px;}*/
.insidekv-slogan { top: 50% }
.insidekv-line { width:16px; height:3px; line-height:3px; font-size:0; border:0 none }
.inside-title-line { width: 120%; height: 7px; line-height: 7px; font-size: 0; background: #a21c25; position: absolute; bottom: -60px }

.anchor {height: 1px; line-height: 1px; font-size: 0; position: absolute; top: -70px }

.video-playbox { display: block; width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(0,0,0,0.5) }
.video-playbox:hover { background: rgba(0,0,0,0) }
.playicon { width: 60px; height: 60px; line-height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 100; background: #fff; cursor: pointer }
.playicon:hover { -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15) }
.playicon .iconfont { color: #000; line-height: 60px }
.playicon .iconfont:before { content: "\e7b4" }
.playicon.play { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.playicon.play .iconfont:before { content: "\e79c" }
.video-popbox { width: 720px; height: 472px }

/*------------------首页-------------------*/ 
.inedexkv { width: 100%;height: calc(100vh); }
.inedexkv #video1 { position: absolute; left: 0%; min-width: 100%; min-height: 100%; max-width: 110%; max-height: 110%; width: auto; height: auto; background-size: cover; }

.button-video-sound { width: 70px; text-align: center; height: 60px; line-height: 60px; position: absolute; z-index: 1; right: 0; top: 50%; border: 0; background-color: #ae241e; overflow: hidden; transform:  translateY(-50%); -ms-transform:  translateY(-50%); -webkit-transform:translateY(-50%); -o-transform: translateY(-50%); -moz-transform: 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; 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: "\e60e" }
.button-video-sound-off::after { font-family: "iconfont" !important; content: "\e72c" }

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

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


.index_mo .mo_dis.button{display: none;}

.index_cxyf{overflow: hidden;}
.index_cxyf img ,.index_cxyf .bg15a89f_opacity8{transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.index_cxyf:hover img{transform: scale(1.1);}
.index_cxyf:hover .bg15a89f_opacity8{background: rgba(21,168,159,.4) ;}

.index_wmdcp{overflow: hidden;}
.index_wmdcp img,.index_wmdcp .bg0a3371_opacity8{transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.index_wmdcp:hover img{transform: scale(1.1);}
.index_wmdcp:hover .bg0a3371_opacity8{background: rgba(10,51,113,.4) }

.indexkv h1{font-size: 54px;}
.indexkv h3>span{font-size: 24px;}

.index-1{background: url(/images/index/index-1.jpg) bottom;}
.index-1 .width25 h5:last-child{color:#7f7f7f}
.number_box{padding: 50px 0;}

/*头部的视频*/
.indexpage .logo { background: url(/images/logo.png) 0 0 no-repeat; background-size: 100% 100% }
#preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/index/case2_01.jpg) center center no-repeat; background-size: cover; z-index: 22221; }
#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #9370DB; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #BA55D3; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #FF00FF; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
#videobox { background: url(/images/index/case2_01.jpg) center center no-repeat; background-size: cover ;height: calc(100vh);}
#video1 { display: block; padding: 0; margin: 0 ;height: calc(100vh);}
.skip { width: 50px; height: 24px; line-height: 24px; position: absolute; right: 20px; bottom: 20px; z-index: 99; background: rgba(255,255,255,0.2); -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; cursor: pointer }
.skip:hover { background: rgba(255,255,255,0.8) }
.index-slogan { color: #fff; font-weight: 400; font-size: 90px; line-height: 100px; top: 30%; left: 0; z-index: 100 }
.iconbox { width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-left: -30px; z-index: 100 }
.tips-icon { width: 60px; height: 60px; line-height: 60px }
.tips-box { position: relative }
.tips-icon { transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; background: rgba(255,255,255,0.2); cursor: pointer }
.tips-icon:hover, .tips-icon.hover { background: rgba(255,255,255,0.8) }
.tips-icon .icon-tips { line-height: 60px }
.tips-box .tips-txt { width: 360px; height: auto; position: absolute; top: 52px; left: 52px; display: none }
.tips-box .tips-txt span { border-bottom: 2px solid #728dd2; padding-bottom: 5px }
.playicon { width: 60px; height: 60px; line-height: 60px; background: rgba(255,255,255,0.2) }
.playicon:hover { background: rgba(255,255,255,0.8) }
.playicon .iconfont { color: #000; line-height: 60px }
.playicon .iconfont:before { content: "\e62f" }
.playicon.play .iconfont:before { content: "\e630" }
#slider-with-blocks-1{height: calc(100vh);}
/*.inkv01 {background: url(/images/index/kv01.jpg);background-size:cover}*/
.inkv1-txt {width:6em;margin-top: 20px;}

/*------------------财神争霸的公司-------------------*/
.about-kv { background: url(/images/about/about-kv.jpg) top center no-repeat; background-size: cover } 
.about-imgbox01 {background-color: #ebf2f7; position: absolute; z-index: -1 }
.about-dl { margin-left: 70px }
.about-dl dt { width: 70px; margin-left: -70px } 
.about-belt { background: url(/images/about/about-belt.jpg) right center no-repeat; background-size: cover }

.about-tabs { height: 70px; line-height: 70px }
.about-tabs li { width: 33.33%; height: 70px; text-align: center }
.about-tabs li a { background: #ebebeb; color: #000 }
.about-tabs li a .icon-sanjiao { position: absolute; bottom: 5px; right: 5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.about-tabs li a:hover, .about-tabs li a#current { background: #0e93b0; color: #fff }
.about-tabs li a#current .icon-sanjiao { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 

.intro-imgbox01 { position: absolute; z-index: -1 }
.intro-iconbox { width: 100px; height: 100px; line-height: 100px; border: 1px solid #fff }
.intro-iconbox .iconfont { line-height: 100px }

.brand-con01 { background: url(/images/about/brand-img01.jpg) center bottom no-repeat; background-size: cover }
.brand-circle, .honor-circle { width: 280px; height: 280px; padding-top: 95px; -moz-box-shadow: 0 0 10px rgba(75, 178, 204, 0.3); -webkit-box-shadow: 0 0 10px rgba(75, 178, 204, 0.3); box-shadow: 0 0 10px rgba(75, 178, 204, 0.3) }
.brand-con02 { background: url(/images/about/brand-img02.jpg) left center no-repeat; background-size: cover }
.brand-con02 dl { margin-left: 4em }
.brand-con02 dl dt { width: 4em; margin-left: -4em }

.team-con { padding-bottom: 105px }
.team-img { height: 300px }
.team-txt { width: 100%; height: 100%; overflow-y: auto; position: absolute; bottom: -300px; z-index: 10; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s}
.team-txt.hover { bottom: 0 }
.team-txt-d { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.team-txt.hover .team-txt-d { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.team-txt .iconfont { top: 80px }
.team-txt.hover .iconfont { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.team-tabs { height: 70px; line-height: 70px }
.team-tabs li { width: 50%; height: 70px; text-align: center }
.team-tabs li a { background: #ebebeb; color: #000 }
.team-tabs li a .icon-sanjiao { position: absolute; bottom: 5px; right: 5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.team-tabs li a:hover, .team-tabs li a#current { background: #0e93b0; color: #fff }
.team-tabs li a#current .icon-sanjiao { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 

.develop-year { font-size: 130px }
.develop-title { font-size: 60px }
.develop-con .icon-iup { top: -60px }

.honor-con { background: url(/images/about/honor-img01.jpg) right bottom no-repeat; background-size: cover }
.honor-circle { background: rgba(255,255,255,0.5) }
.honor-circle:hover { background: rgba(255,255,255,1) }

.honor-circle:hover .honor-img{bottom: 100px!important;}
.honor-circle .honor-img{width: 110px;bottom: 300px;transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

.honor-list:hover .honor-img{bottom: 20px;opacity: 1;}
.honor-list .honor-img{bottom: 100px;opacity:0;transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.honor-list .honor-img img{width: auto;height: 60px;}

.duty-con { background: url(/images/about/about-belt.jpg) left center no-repeat; background-size: cover }
.duty-circle { width: 180px; height: 180px; padding-top: 55px; background: rgba(255,255,255,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s }
.duty-circle:hover { background: rgba(255,255,255,1) }

.member_fright div:nth-of-type(2n) .fright_img{float: right }
.duty_bgf8f8f8 a:nth-of-type(2n){background:#ebebeb }

.brand_txt .area_60{min-height: 270px }
.brand_txt img { border-radius: 50% }

.gover .annou_width { border-bottom: 1px solid #f1f1f1 }
.gover .annou_width a { margin-right:50px }
.gover .annou_width i { right: 25px }
.gover .annou_width:last-child { border-bottom: none }

.textbox { margin-left: 2em; }
.textbox span { margin-left: -2em;width: 2em }
/*------------------新闻-------------------*/ 
.news-imgbox { width: 660px; height: 500px }
.news-shade { position: relative; z-index: 10 }
.news-mainimg, .news-subimg { position: absolute; top: 0; width: auto; height: 100% }
.news-mainimg { left: 24%; z-index: 2; border-top-left-radius: 250px; border-bottom-left-radius: 250px }
.news-subimg { left: 0; z-index: 1; -webkit-filter: grayscale(40%); 
	-moz-filter: grayscale(40%); 
	-ms-filter: grayscale(40%); 
	-o-filter: grayscale(40%); 
	filter: grayscale(40%); 
	filter: gray }

#video1 { position: absolute; z-index: 10px }

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


.story-imgbox img { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
a:hover .story-imgbox img { transform: scale(1.05);
	-ms-transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	-o-transform: scale(1.05); 
	-moz-transform: scale(1.05);  }

/*----分享----*/
/*.share { width: 30px; height: 30px }
.share .bdshare-button-style0-24 a { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 1px solid #ccc; color: #999; text-align: center }
.share .bdshare-button-style0-24 a.bds_more { background: transparent }
.share .bdshare-button-style0-24 a.bds_more:after { font-family: iconfont; content: "\e607" }
.share .bdshare-button-style0-24 a.bds_more:hover { border: 1px solid #4bb2cc; color: #4bb2cc }*/
.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 }
/*.share { position: fixed;box-shadow: 1px 1px 3px #8b4513;right: 20px;top: 35%;z-index: 999;background: #f3982d;padding: 20px 5px;border-radius: 50px; }*/


.fontzoon1, .fontzoon2 { display: block; float: left; width:30px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #ccc; color: #999; overflow: hidden }
.fontzoon1:hover, .fontzoon2:hover { border: 1px solid #4bb2cc }

.nd-con img { max-width: 100% }

a:hover .iconfont.colora3a3a3 { color: #4bb2cc }

/*------------------健康产业链-------------------*/ 
.industry-kv { background: url(/images/industry/industry-kv.jpg) center center no-repeat; background-size: cover }
.industry-belt { background: url(/images/industry/industry-belt.jpg) top center no-repeat; background-size: cover }
.industry-belt-txt { position: absolute; top: 20%; left: 8%; -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15) }

/*------------------产品-------------------*/ 
.product-kv { background: url(/images/product/product-kv.jpg) top right no-repeat; background-size: cover }

.product-tabs { height: 70px; line-height: 70px }
.product-tabs li { width: 15%; height: 70px; text-align: center }
.product-tabs li.product-tabs-all { width: 25%; text-align: left }
.product-tabs li a { background: #0b8293; color: #fff }
.product-tabs li a .icon-sanjiao { position: absolute; bottom: 5px; right: 5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.product-tabs li a:hover, .product-tabs li a#current { background: #10a1b6 }
.product-tabs li a#current .icon-sanjiao { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 
.all_h60{height: 60px;}
/*------------------创新与发展-------------------*/
.innovate-kv1 { background: url(/images/innovate/innovate-kv1.jpg) right center no-repeat; background-size: cover }
.innovate-kv { background: url(/images/innovate/innovate-kv.jpg) right center no-repeat; background-size: cover }
.innovate_absolute .positionAbsolute{top: 40px;left: 40px;}
.innovate_index .paddingbottom20{padding-bottom: 20px!important;}
/*------------------加入财神争霸-------------------*/
.join-kv { background: url(/images/join/join-kv.jpg) top center no-repeat; background-size: cover }

.join-belt { background: url(/images/join/join-belt.jpg) center center no-repeat; background-size: cover }

.join-con { height: 400px }

.join-circle01 { width: 240px; height: 240px; padding-top: 70px }
.post-swiper .join-circle01 { margin-top: 70px }
.join-circle01.bgf8f8f8:hover, .jd-con { background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2) }
.join-circle02 { width: 200px; height: 200px; line-height: 200px }
.join-circle02 svg.icon { line-height: 200px }

.join-txt { background: url(/images/join/map.png) center 20% no-repeat; background-size: 100% auto }
.number { font-size: 150px; line-height: 1em }

.join-bg01 { background: url(/images/join/img01.jpg) center right no-repeat; background-size: cover }

.join-txt02 .icon-ileft { top: 40px; left: -28px }
.join-swiper a{color: #fff;}
.join-swiper a:hover {color: rgba(255,255,255,.5)}
.join-search-dl { margin-left: 130px }
.join-search-dl dt { width: 120px; padding-right: 10px; margin-left: -130px; line-height: 28px; text-align: right }
.join-search-list a { display: block; font-weight: bold; height: 28px; line-height: 28px; padding: 0 20px; margin: 0 5px; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.join-search-list a:hover, .join-search-list a.this { color: #fff; background: #007993 }

.recruit-tabs { height: 70px; line-height: 70px }
.recruit-tabs li { width: 25%; height: 70px; text-align: center }
.recruit-tabs li a { background: #ebebeb; font-weight: bold }
.recruit-tabs li a .icon-sanjiao { position: absolute; bottom: 5px; right: 5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.recruit-tabs li a:hover, .recruit-tabs li a#current { background: #0e93b0; color: #fff }
.recruit-tabs li a#current .icon-sanjiao { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 

.post-list a { border-bottom: 1px solid #f1f1f1 }
.post-list a:last-child { border-bottom: 0 }

.joind-tabs { height: 60px; line-height: 60px }
.joind-tabs li { width: 16.66%; height: 60px; text-align: center }
.joind-tabs li a { background: #ebebeb; font-weight: bold }
.joind-tabs li a .icon-sanjiao { position: absolute; bottom: 5px; right: 5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.joind-tabs li a:hover, .joind-tabs li a#current { background: #0e93b0; color: #fff }
.joind-tabs li a#current .icon-sanjiao { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 
.joind-tabs li.width25 { width: 25% }

.jddw-iconbox .icon-iup { top: -60px }

.work_video{background: url(/images/join/video-bg.jpg);height: calc(50vh);background-size: cover;}
.work_video .area_33{background: rgba(11,164,192,.6);height: calc(50vh);}

.work_video .com-link:hover .playbox{display: none;}
.playbox {display: block;width: 54px;height: 54px;line-height: 54px;background: #fff;transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;}

.talent-bg {background: url(/images/join/talent-bg.jpg) bottom center;height: calc(100vh);background-size: cover;}

.talent-ln { width: 250px; height: 250px;overflow: hidden;border-radius: 50%;}
.talent-ln h2, .talent-ln p {margin-left: 10%;width: 80%; text-align: center; position: absolute; left: 0; z-index: 10; transition-duration: .6s;-webkit-transition-duration: .6s;-moz-transition-duration: .6s;-o-transition-duration: .6s }
.talent-ln h2 { top: 45% }
.talent-ln p{ top: 65% }
.talent-ln .talent_img-line { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }
.talent-ln .talent_img-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 }

.talent-bg .talent-ln01{top: 190px;left: 0;}
.talent-bg .talent-ln02{top: 280px;left: 16%;}
.talent-bg .talent-ln03{top: 190px;left: 32%;}
.talent-bg .talent-ln04{top: 300px;left: 48%;}
.talent-bg .talent-ln05{top: 190px;left: 64%;}
.talent-bg .talent-ln06{top: 120px;right: 0;}

.talent-ln:hover h2 { color: #000 !important;transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8) }
.talent-ln:hover p {color: #000;}
.talent-ln:hover .opacity0{opacity: 1;}

.talent-ln01:hover h2 { top: 25% }
.talent-ln01:hover p { top: 40% ;opacity: 1;}

.talent-ln02:hover h2 { top: 30% }
.talent-ln02:hover p { top: 45% ;opacity: 1;}

.talent-ln03:hover h2 { top: 30% }
.talent-ln03:hover p { top: 45% ;opacity: 1;}

.talent-ln04:hover h2 { top: 25% }
.talent-ln04:hover p { top: 40% ;opacity: 1;}

.talent-ln05:hover h2 { top: 25% }
.talent-ln05:hover p { top: 40% ;opacity: 1;}

.talent-ln06:hover h2 { top: 20% }
.talent-ln06:hover p { top: 35% ;opacity: 1;}

/*------------------联系财神争霸-------------------*/
.contact-kv { background: url(/images/contact/contact-kv.jpg) center center no-repeat; background-size: cover }
.contact-ewmbox { margin-left: 160px }
.contact-ewmbox dt { width: 130px; margin-left: -160px }
.contact-ewmbox dd { padding-top: 43px }

.input { position: relative; z-index: 1; display: inline-block; vertical-align: top; font-size: 14px; border: transparent }
.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.input__field--ichiro { position: absolute; top: 0; left: 0; z-index: 100; display: block; background: transparent; 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; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; border: transparent }
input.input__field--ichiro:focus, input.input__field--ichiro.focus { border: transparent; border-bottom: 1px solid #ae241e }
.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%; background: transparent; -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, .input__field--ichiro.focus, .input--filled .input__field--ichiro { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.input__field--ichiro:focus + .input__label--ichiro, .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__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__field--ichiro.focus + .input__label--ichiro .input__label-content--ichiro, .input--filled .input__label-content--ichiro { -webkit-transform: translate3d(0, -2em, 0) scale3d(0.9, 0.9, 1); transform: translate3d(0, -2em, 0) scale3d(0.9, 0.9, 1) translateZ(1px); color: #000; }
.input--ichiro { margin-top: 20px; 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 }


.insidekv, .belt { width: 100%; height: 500px; background-size: cover }
/*-------------------响应式css-------------------*/ 
@media ( min-width:1260px ) and ( max-width:1440px ) {
.container { width: 1140px }
.container-half { width: 570px }

.menu { right: 20px }
.logo { left: 20px }
.else { right: 70px }

.talent-bg .talent-ln01{top: 160px;left: 0;}
.talent-bg .talent-ln02{top: 250px;left: 16%;}
.talent-bg .talent-ln03{top: 160px;left: 32%;}
.talent-bg .talent-ln04{top: 270px;left: 48%;}
.talent-bg .talent-ln05{top: 160px;left: 64%;}
.talent-bg .talent-ln06{top: 90px;right: 0;}
.talent-bg {height: calc(100vh * 1.2);}

.insidekv, .belt { height: 500px; }
}

@media ( min-width:1000px ) and ( max-width:1259px ) {
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }
.container { width: 930px }
.container-half { width: 465px }
.menu { right: 20px }
.logo { left: 20px }
.else { right: 70px }
.nav .menuLi .mainmenu { padding: 0 10px }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { left: 10px }
.headbox.current .navbox.hover .nav { top: 0px }

.searchbox { height: 36px; line-height: 36px; margin-top: 17px }
.searchbox .icon-search { line-height: 36px; font-size: 36px }
input.search { width:36px; height: 36px; line-height: 36px; padding-right: 36px }
.searchbox .button { top: 3px }

.develop-year { font-size: 100px }

.news-imgbox { width: 500px; height: 378px }
.news-mainimg { border-top-left-radius: 190px; border-bottom-left-radius: 190px }

.recommend-swiper .join-circle01 { width: 180px; height: 180px; padding-top: 40px }
.number { font-size: 128px }

.talent-ln { width: 240px; height: 240px }
.talent-ln h2 { font-size: 26px }

.talent-bg .talent-ln06{top: 30px;right: 0;}

.talent-ln01:hover h2 { top: 20% }
.talent-ln01:hover p { top: 35% ;opacity: 1;}

.talent-ln04:hover h2 { top: 20% }
.talent-ln04:hover p { top: 35% ;opacity: 1;}

.talent-ln05:hover h2 { top: 20% }
.talent-ln05:hover p { top: 35% ;opacity: 1;}

.talent-ln06:hover h2 { top: 15% }
.talent-ln06:hover p { top: 30% ;opacity: 1;}
.insidekv, .belt { height: 500px; }
}

@media ( min-width:801px ) and  ( max-width:999px ) {
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }

.news-imgbox { width: 400px; height: 302px }
.news-mainimg { border-top-left-radius: 150px; border-bottom-left-radius: 150px }

.join-circle01 { width: 180px; height: 180px; padding-top: 40px }
.post-swiper .join-circle01 { margin-top: 100px }
.join-circle02 { width: 180px; height: 180px; line-height: 180px; margin-top: 20px }
.join-txt { padding: 20px }
.number { font-size: 120px }

.product-tabs li{width: 33.33%;text-align: center;border-bottom: 1px solid rgba(255,255,255,.4);border-right: 1px solid rgba(255,255,255,.4);box-sizing: border-box;}
.product-tabs li.product-tabs-all {width: 33.33%;text-align: center;}

}



@media ( max-width:999px ) {
.insidekv, .belt { height:16.6em;padding-top:6rem; }

.container, .container-half { width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.headspace { padding-top: 70px }

.headbox{display: none;}
.innovate_absolute .positionAbsolute{top: 20px;left: 20px;}

.join_h5 h5{font-size: 1rem;}
.join_h5 .area_60{width: 90%;}


}<!--0.00014615058898926-->