@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ }
body { line-height:1.5em; font-weight:200; font-family:webfont,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif; color:#000; background:#f2f2f2; height:100% }
em, q, cite, address { font-weight:200; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:200; }
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:200 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#00a7eb; color:#fff }
::-moz-selection { background-color:#00a7eb; color:#fff }

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a:hover { color:#00a7eb }

a.a01, .a01 a { color: #00a7eb }
a.a01:hover, .a01 a:hover { color:#000 }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

.noborder { border:0 none }

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

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

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#666; font-family:"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",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; -webkit-appearance: none }
input[type="text"], input[type="password"], select { background: #f5f5f5; padding-left:10px; padding-right:10px; border:1px solid #f5f5f5 }
input[type="text"]:focus, input[type="password"]:focus { border-color: #00a7eb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0,167,235, 0.6) }
textarea { background: #f5f5f5; padding:10px; border:1px solid #f5f5f5 }
textarea:focus { border-color: #00a7eb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0,167,235, 0.6) }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif }

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

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

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

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

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

.left0 { left:0!important }
.right0 { right:0!important }
.top0 { top:0!important }

.zindex2 { z-index:2 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius2 { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px }
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.border-radius15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.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_65 { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
.textshadow_000 { text-shadow: #000 0 1px 0 }
.text_underline { text-decoration: underline }
 
.iconfont {
  line-height: 1em;
}
.fa-0_6x { font-size: 0.6em!important; -webkit-transform:scale(0.8) }
.fa-1x { font-size: 1em!important }
.fa-1_4x { font-size: 1.4em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-7x { font-size: 7em!important }

@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/6kssjk1lx72e29.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/6kssjk1lx72e29.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/6kssjk1lx72e29.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/6kssjk1lx72e29.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/6kssjk1lx72e29.svg#思源黑体-普通') format('svg'); /* iOS 4.1- */
}


.font-bold { font-weight:bold }
.font-normal {font-weight: normal }

.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 }
.fontSize50 { font-size:50px; line-height: 1em }
.fontSize60 { font-size:60px; line-height: 1em }
.fontSize80 { font-size:80px; line-height: 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.3em }
h5, .h5 { font-size: 18px; line-height: 1.4em }
h6, .h6 { font-size: 16px; line-height: 1.4em }

.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 }
.line-height3em { line-height:3em }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff { color: #fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover { color: #181877; text-decoration: none; }

.color49c101 { color:#49c101 }
.color00a7eb { color:#00a7eb }
.color095675 { color:#095675 }
.color1fb1ed { color:#1fb1ed }
.color56a953 { color:#56a953 }
.colorf88a2a { color:#f88a2a }
.colora35ea6 { color:#a35ea6 }
.color181877 { color:#181877 }
.color6b4513 { color:#6b4513 }

/*-------------------背景颜色--------------------*/
.bgfff { background:#fff }
.bgfff_80 { background:rgba(255,255,255,0.8); background: url(../images/fff_80.png)\9 }

.bg181877 { background:#181877 }
.bg00a7eb { background:#00a7eb }
.bg56a953 { background:#56a953 }
.bgf5923b { background:#f5923b }
.bg89338d { background:#89338d }
.bgf2f2f2 { background:#f2f2f2 }
.bgf3f3f3 { background:#f3f3f3 }
.bgf7f7f7 { background:#f7f7f7!important}
.bgf8f8f8 { background:#f8f8f8 }
.bgf9d8a8 { background:#f9d8a8 }
.bgddf7c2 { background:#ddf7c2 }
.bge1e0de { background:#e1e0de }
.bge9e9e9 { background:#e9e9e9 }
.bgf9e9bf { background:#f9e9bf }
.bgf3fbec { background:#f3fbec }
.bgeaeaea { background:#eaeaea }

/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-fff_30 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(255,255,255,0.3); background:#89d08d\9; border:0 none }

.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-000_10 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(0,0,0,0.1); background: url(../images/000_20.png)\9; border:0 none }

.line-f2f2f2 { width:100%; height:1px; line-height:1px; font-size:0; background:#f2f2f2; border:0 none }
.line-bbb { width:100%; height:1px; line-height:1px; font-size:0; background:#bbb; border:0 none }

.line2-ddd { width:100%; height:2px; line-height:1px; font-size:0; background:#ddd; border:0 none }

.border-b-ddd { border-bottom: 1px solid #ddd }   
.border-r-ddd { border-right: 1px solid #ddd }   
.border-l-ddd { border-left: 1px solid #ddd } 

.border-b-eee { border-bottom: 1px solid #eee }   

.border-00a7eb { border: 1px solid #00a7eb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
 
/*-------------------间距-------------------*/
.margintop3 { margin-top:3px }
.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 }

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

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

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

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom40 { padding-bottom:40px }
.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 }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft140 { padding-left:150px }

.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 }
.paddingright60 { padding-right:60px }
.paddingright80 { padding-right:80px }

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_5 { padding-right:10px; padding-left:10px; padding-top:5px; padding-bottom:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_10 { padding-right:30px; padding-left:30px; padding-top:10px; padding-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_15 { padding-right:30px; padding-left:30px; padding-top:15px; padding-bottom:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_20 { padding-right:40px; padding-left:40px; padding-top:20px; padding-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

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

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

.negative-marginleft40 { margin-left: -40px }
.negative-marginleft30 { margin-left: -30px }
.negative-marginleft20 { margin-left: -20px }

/*-------------------宽度、高度--------------------*/
.width5 { width:5% }
.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% }
.width60 { width:60% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width85 { width:85% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.imgw35 { display:block; max-width:35%; 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 }

.height40 { height:40% }
.height60 { height:60% }
.height100 { height:100% }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_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_16 { float:left; width:16.66% }
.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_2max { max-height:2.6em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_2 { height:2.6em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:3.9em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical/*最多显示3行，超出省略号*/ }
.com-rows_5 { height:7.5em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical/*最多显示5行，超出省略号*/ }

.com-img img { width: 100%; height: auto; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; transition: transform 0.5s ease-out }
a:hover .com-img img, .com-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }


/*-------------------按钮-------------------*/ 
.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-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }

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

.button-s, a.button-s, input.button-s { padding:5px 10px; line-height:1em }
.button-m, a.button-m, input.button-m { padding:8px 20px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:10px 20px; line-height:1em }
.button-xl, a.button-xl, input.button-xl { padding:10px 30px; line-height:1em }

.button-blue, a.button-blue, input.button-blue { background:#00a7eb; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#4dc2f1; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#00a7eb; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-blue-l, a.button-blue-l, input.button-blue-l { border: 1px solid #00a7eb; color:#00a7eb }
.button-blue-l:hover, a:hover.button-blue-l, input.button-blue-l:hover { border: 1px solid #4dc2f1; background:#4dc2f1; color:#fff }
.button-blue-l:active, a:active.button-blue-l, input.button-blue-l:active { background:#00a7eb; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-gray, a.button-gray, input.button-gray { background:#808080; color:#fff }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#565656; color:#fff }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#565656; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-gray-l, a.button-gray-l, input.button-gray-l { border: 1px solid #acacac; color:#565656 }
.button-gray-l:hover, a:hover.button-gray-l, input.button-gray-l:hover { background:#acacac; color:#fff }
.button-gray-l:active, a:active.button-gray-l, input.button-gray-l:active { background:#acacac; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-white, a.button-white, input.button-white { background:#fff; color:#00a7eb }
.button-white:hover, a:hover.button-white, input.button-white:hover { background:#00a7eb; color:#fff }
.button-white:active, a:active.button-white, input.button-white:active { background:#00a7eb; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

/*-------------------分页css开始-------------------*/
div.quotes { text-align:center }
div.quotes a { display: inline-block; padding:5px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; background:#fff }
div.quotes a:hover { padding:5px 10px; background:#c2c2c2; color:#fff }
div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current { padding:5px 10px; background:#00a7eb; color:#fff }
div.quotes a.disabled { padding:5px 10px; color:#f2f2f2 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-right: -3px }
div.quotes a#next { margin-left: -3px }


/*-------------------打印、分享css开始-------------------*/
.share .bdshare-button-style0-24 a { width: 38px; height: 38px; padding: 0; margin: 0; background: none }
.share .bdshare-button-style0-24 a.bds_weixin { background: url(../images/wechat.png) 0 0 no-repeat; margin-left: 30px }
.share .bdshare-button-style0-24 a.bds_tsina { background: url(../images/weibo.png) 0 0 no-repeat; margin-left: 10px }

.news-share.share .bdshare-button-style0-24 a { width: 58px; height: 16px; padding: 0; margin: 0; background: none }
.news-share.share .bdshare-button-style0-24 a.bds_more { background: url(../images/bds_more.png) 0 0 no-repeat }

/*-------------------手机端菜单-------------------*/
#cd-lateral-nav, .mean-bar { display: none }

/*-------------------通用头部-------------------*/ 
.headbox { width:100%; height: 180px; position: relative }
.head-line { width:100%; height:1px; line-height:1px; font-size:0; background:#c3c3c3; border:0 none; position: absolute; top: 90px; left: 0 }
.head-mainbox { width:100%; height: 180px; position: absolute; top: 0; left: 0; z-index: 1000 }
.logobox { display: block; width: 176px; height: 99px; margin-top: 40px; background: #f2f2f2 }
.logo { width: 76px; height: auto; margin: 0 auto }

/* nav_menu */
.nav { float: right }
.nav .menuLi { float:left; display:block; position:relative; margin-left: 30px; margin-right: 30px; background: #f2f2f2; overflow: visible }
.nav .menuLi .mainmenu { display:block; height:48px; line-height:18px; padding: 8px 12px; margin-top: 66px; color:#181877; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; z-index: 999 }
.nav .menuLi .mainmenu .mainmenu-cn, .menuListBox-head .mainmenu-cn { font-size:1.6rem; font-size:16px\9; font-weight: bold }
.nav .menuLi .mainmenu .mainmenu-en, .menuListBox-head .mainmenu-en { font-size:1rem; font-size:10px\9; -webkit-transform:scale(0.8); font-weight: 200 }
.nav .menuLi .mainmenu:hover { color:#00a7eb }
.nav .menuLi .mainmenu.menuLipitchon { color:#00a7eb }

.menuListBox { width: 160px; line-height:38px; background:#fff; position:absolute; top: 50px; left: 50%; margin-left: -80px; z-index: 1000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow: hidden; display: none }
.menuListBox .menuListBox-head { width: 100%; border-bottom: 1px solid #f2f2f2; text-align: center }
.menuListBox .menuListBox-head a { display: inline-block; text-align: left; margin-top: 16px; height:48px; line-height:18px; padding: 8px 12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#00a7eb }
.menuListBox .menuListBox-con a { display:block; width: 100%; white-space:nowrap; padding-left: 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.menuListBox .menuListBox-con a:hover { background: #00a7eb; color:#fff }

.corporate-menuListBox { width: 240px!important; margin-left: -120px!important }
.corporate-menuListBox .menuListBox-con a { padding-left: 27px }

.head-else { height: 20px; line-height: 20px; position: absolute; top: 20px; right: 0 }
.head-elsebtn { text-align: center; height: 20px; line-height: 20px; color: #fff; font-size: 12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-right: 12px }
.head-elsebtn:hover { color: #fff; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.head-language { width: 20px; background: #bfc0c0 }
.foot-wechat { width: 38px; height: 38px; position: relative; z-index: 100 }
.wechat_ewm { position: absolute; right:-81px; width:200px; height:auto }
.wechat_ewm img { width: 100% }


/*-------------------底部通用-------------------*/
.footbox { width:100%; background: #181877; padding-bottom: 30px }

.foot-share { width: 25% }
.foot-mainbox { width: 45% }
.footlink-box { width: 30% }

.foot-logo { display:block; float: left; width: 76px; height: auto }
.footlink { margin-bottom: 10px }
.footlink, .copyright { width: 100%; float: right; text-align:right }
.footlink a { color: #fff; margin-left: 30px; margin-left: 20px\9 }
.footlink a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }

.foottlink { width: 100%; float: right; text-align:left; }
.foottlink a { color: #fff; margin-left: 30px; margin-left: 20px\9 }
.foottlink a:hover { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }

.copyleft { width: 100%; float: left; text-align:left; margin-top:10px; }

.copyleft a { display: block; float: left }

.copyright a { display: block; float: right }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; /*-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; */background:#707070; position:fixed; right:10px; bottom:10px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; display:none; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.gototop:hover { background:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.gototop:hover .iconfont { color: #000 }
.gototop .iconfont { color: #fff }


/*-------------------内页通用-------------------*/
.inside-nav .tabs li { display: inline-block }
.inside-nav .tabs a { display: inline-block; padding-right:30px; padding-left:30px; padding-top:10px; padding-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align: left; color: #00a7eb } 
.inside-nav .tabs a .iconfont { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.inside-nav .tabs a:hover, .inside-nav .tabs a:focus, .inside-nav .tabs .current { background: #00a7eb; color: #fff }
.inside-nav .tabs a:hover .iconfont, .inside-nav .tabs a:focus .iconfont, .inside-nav .tabs .current .iconfont { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 

::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

/*-------------------首页-------------------*/
.index-txtbox { width: 100%; height: 100%; position: absolute; top: -28px; z-index: 10 }
.index-txtbox01, .index-txtbox02 { left: -4px }
.index-txtbox03, .index-txtbox04 { left: 4px }
.index-txtbg { width: 120px; height: 200px; position: absolute; top: -200px; left: 50%; margin-left: -60px; z-index: 10; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.index-txt { position: relative; top: 74px; z-index: 11; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s }
.index-txten { position: relative; top: 90px; z-index: 11; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s }

.index-img { width: 300px; height: 570px; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in; position: relative; z-index: 2; }
.index-img01 { transform:perspective(500px) rotateY(5deg); -ms-transform:perspective(500px) rotateY(5deg); -moz-transform:perspective(500px) rotateY(5deg); -webkit-transform:perspective(500px) rotateY(5deg); -o-transform:perspective(500px) rotateY(5deg) }
.index-img02 { transform:perspective(500px) rotateY(5deg); -ms-transform:perspective(500px) rotateY(5deg); -moz-transform:perspective(500px) rotateY(6deg); -webkit-transform:perspective(500px) rotateY(5deg); -o-transform:perspective(500px) rotateY(5deg) }
.index-img03 { transform:perspective(500px) rotateY(-5deg); -ms-transform:perspective(500px) rotateY(-5deg); -moz-transform:perspective(500px) rotateY(-5deg); -webkit-transform:perspective(500px) rotateY(-5deg); -o-transform:perspective(500px) rotateY(-5deg) }
.index-img04 { transform:perspective(500px) rotateY(-5deg); -ms-transform:perspective(500px) rotateY(-5deg); -moz-transform:perspective(500px) rotateY(-5deg); -webkit-transform:perspective(500px) rotateY(-5deg); -o-transform:perspective(500px) rotateY(-5deg) }

.index-imgbg { height: 100px; position: absolute; z-index: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; display: none\9 }
.index-img01bg { width: 300px; background: #00a7eb; bottom: -6px; left: 3px; transform:perspective(500px) rotateY(8deg); -ms-transform:perspective(500px) rotateY(8deg); -moz-transform:perspective(500px) rotateY(8deg); -webkit-transform:perspective(500px) rotateY(8deg); -o-transform:perspective(500px) rotateY(8deg) }
.index-img02bg { width: 300px; background: #56a953; bottom: -6px; left: 3px; transform:perspective(500px) rotateY(8deg); -ms-transform:perspective(500px) rotateY(8deg); -moz-transform:perspective(500px) rotateY(8deg); -webkit-transform:perspective(500px) rotateY(8deg); -o-transform:perspective(500px) rotateY(8deg) }
.index-img03bg { width: 300px; background: #f5923b; bottom: -6px; left: -3px; transform:perspective(500px) rotateY(-8deg); -ms-transform:perspective(500px) rotateY(-8deg); -moz-transform:perspective(500px) rotateY(-8deg); -webkit-transform:perspective(500px) rotateY(-8deg); -o-transform:perspective(500px) rotateY(-8deg) }
.index-img04bg { width: 300px; background: #89338d; bottom: -6px; left: -3px; transform:perspective(500px) rotateY(-8deg); -ms-transform:perspective(500px) rotateY(-8deg); -moz-transform:perspective(500px) rotateY(-8deg); -webkit-transform:perspective(500px) rotateY(-8deg); -o-transform:perspective(500px) rotateY(-8deg) }

.index-con:hover .index-txtbg { top: 0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.index-con:hover .index-txt { top: 88px }
.index-con:hover .index-txten { top: 104px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.index-con:hover .index-img { transform:perspective(100) rotateY(0) scale(1.1); -ms-transform:perspective(100) rotateY(0) scale(1.1); -moz-transform:perspective(100) rotateY(0) scale(1.1); -webkit-transform:perspective(100) rotateY(0) scale(1.1); -o-transform:perspective(100) rotateY(0) scale(1.1) }
.index-con:hover .index-imgbg { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

.gray { -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); filter: grayscale(80%);	filter: gray }

.innews-dl { margin-left: 150px }
.innews-dl dt { width: 150px; margin-left: -150px }

#innews{ height:42px; overflow:hidden }
.innews-box a { display:block; height: 42px; line-height:42px }
.innews-box a:hover { color: #666 }
.innews-box a h6 { width: 80%; height: 42px; line-height: 42px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

/*-------------------关于新東苑-------------------*/
.about-kv { height: 550px; background: url(../images/about/about-kv.jpg) center center no-repeat; background-size: cover }
.about-title { padding-top: 150px }

.speech-headportrait01 em, .speech-headportrait02 em {  border-top: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute; top: 35px; right: 0; z-index: 2 }
.speech-headportrait01 em { border-right: 20px solid #f8f8f8 }
.speech-headportrait02 em { border-right: 20px solid #fff }

.develop-title { cursor: pointer; margin-top: 2px } 
.develop-title .iconfont:before { content: "\e643" }
.develop-title.unfold .iconfont:before { content: "\e642" }

.develop-container { position: relative }
.tab-nav { margin-left: -15px }
.tab-group section { opacity: 0; height: 0; overflow: hidden; transition: opacity 0.4s ease, height 0.4s ease }
.tab-group section.active { opacity: 1; height: auto; overflow: visible }
.tab-nav li { float: left; width: 33.33%; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.tab-nav li a { display: block; padding-bottom: 10px; border-bottom: 1px solid #8a8a8a }
.tab-nav li a:hover, .tab-nav li.active a { color: #00a7eb; border-bottom: 1px solid #00a7eb }
.tab-con { padding-top: 66px }

.history-list { margin-left: 120px }
.history-list dt { width: 90px; padding-right: 30px; margin-left: -120px }

.add-con .area_25 ul { height: 180px }
.add-list { margin-left: 45px }
.add-listtit { width: 45px; margin-left: -45px }

.partners-logobox { height: 160px }


.Honor dl { margin-left: 120px;}
.Honor dl dt { width: 120px; margin-left: -120px }

/*-------------------我们的业务-------------------*/
.industries-kv { height: 550px; background: url(../images/Industries/Industries-kv.jpg) center bottom no-repeat; background-size: cover }
.industries-title { padding-top: 150px }

.industries-con { height: 320px }
a:hover .industries-con .colorfff { color: #fff }
.industries-shade { background: rgba(0,0,0,0.1); background: url(../images/000_30.png)\9; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.industries-con:hover .industries-shade { background: transparent }

.develop-kv { background: url(../images/Industries/develop-kv.jpg) center bottom no-repeat; background-size: cover }
.aged-kv { background: url(../images/Industries/aged-kv.jpg) center bottom no-repeat; background-size: cover }
.assets-kv { background: url(../images/Industries/assets-kv.jpg) center bottom no-repeat; background-size: cover }
.invest-kv { background: url(../images/Industries/invest-kv.jpg) center bottom no-repeat; background-size: cover }

.industries-list { height: 60px; line-height: 60px }
.industries-list h5 { margin-left: 10px; margin-right: 10px }

.industries-insidekv { height: 350px }

.ininside-title { cursor: pointer }
.iit-iconbox { width: 10% }
.iit-txt { width: 90%; background: #f7f7f7 }
.iit-txt.iit-txt-develop { color:#1fb1ed }
.iit-txt.iit-txt-aged { color:#56a953 }
.iit-txt.iit-txt-assets { color:#f88a2a }
.iit-txt.iit-txt-invest { color:#a35ea6 }
.iit-txt .iconfont:before { content: "\e643" }
.ininside-con { height: 330px; overflow-y: scroll; overflow-x: hidden }

.ininside-title.unfold .iit-iconbox { display: none }
.ininside-title.unfold .iit-txt {  width: 100%; background: #fff; color:#000 } 
.ininside-title.unfold .iit-txt .iconfont:before { content: "\e642" }

.develop-list dl { margin-left: 230px }
.develop-list dl dt { width: 200px; padding-right: 30px; margin-left: -230px }

/*-------------------我们的业务-------------------*/
.aged-logo01 { width: 40%; height: auto }
.aged-img01 { width: 30%; height: auto }
.aged-logo02 { width: 60%; height: auto }
.aged-img02 { width: auto; height:260px  }

/*-------------------社会责任-------------------*/
.Corporate-kv { height: 550px; background: url(../images/Corporate/Corporate-kv.jpg) center bottom no-repeat; background-size: cover }
.Corporate-title { padding-top: 150px }

.Corporate-insidekv { height: 350px; background: url(../images/Corporate/Corporate-kv.jpg) center bottom no-repeat; background-size: cover }

.Corporate-con { height: 450px }

.Corporate-list a { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; transition: transform 0.5s ease-out }
.Corporate-list a:hover { color:#000; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }

.ci-a { bottom: 30px }

.foundation-con02 .tabs { margin-left: -15px }
.foundation-con02 .tabs li { float: left; width: 25%; padding-left:15px }
.foundation-con02 .tabs a { display: block; padding-bottom:10px; border-bottom: 1px solid #8a8a8a; font-size: 24px } 
.foundation-con02 .tabs a:hover, .foundation-con02 .tabs a:focus, .foundation-con02 .tabs .current { border-bottom: 1px solid #00a7eb; color: #00a7eb }

.foundation-con03 { background: url(../images/Corporate/foundation-bg.jpg) bottom right no-repeat; background-size: cover }

.time-logobox { width: 120px; height: 100px; line-height: 100px }
.time-logobox img { height: 70px; margin-top: 15px }

.time-tabs.tabs { margin-left: -10px }
.time-tabs.tabs li { float: left; padding-left:10px }
.time-tabs.tabs li.tabs-li01 { width: 32.5% }
.time-tabs.tabs li.tabs-li02 { width: 35% }
.time-tabs.tabs a { display: block; width: 100%; height: 46px; line-height: 46px; font-size: 20px; text-align: center; border: 1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px } 
.time-tabs.tabs a:hover, .time-tabs.tabs a:focus, .time-tabs.tabs .current { border: 1px solid #00a7eb; color: #00a7eb }
.time-con01 #time-owl, .time-con01 #time-owl .item, .time-con01 #time-owl .item img { height: 500px }
.time-con01txt { height: 100px }
.time-content .iconfont { font-size: 30px!important; position: absolute; top: -49px; z-index: 2; background: #fff }
.time-content #tab1 .iconfont { left: 11% }
.time-content #tab2 .iconfont { left: 47% }
.time-content #tab3 .iconfont { right: 11% }

.time-iphone01, .time-iphone02 { width: 180px; margin-right: 80px }
.time-iphone03 { width: 180px; height: 320px; background: url(../images/Corporate/time-iphone03.jpg) 0 0 no-repeat; background-size: 100% 100% }
.time-ewm { width: 130px; position: absolute; top: 70px; left: 25px; z-index: 10; display: none }
/*-------------------新闻-------------------*/
.news-datedl { margin-left: 100px }
.news-datedl dt { width: 100px; margin-left: -100px }

.main-content { margin-left: 300px }
.calendar { width: 260px; padding-right: 40px; margin-left: -300px }

.newsYearLiTitle { background: #d9dcdd; color: #000; display: block; font-size: 18px; height: 44px; line-height: 44px; margin-bottom: 5px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.newsYearLiTitle:hover, .NYover { background: #00a7eb; color: #fff }
.newsYearLiTitle i { background-image: url(../images/news/news-icon.png); background-repeat: no-repeat; background-position: 0 0; width: 14px; height: 20px; display: block; float: right; margin-right: 20px; margin-top: 13px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.newsYearLiTitle:hover i, .NYover i { background-position: 0 -20px }
.newsYearliBox { background-color: #fff }
.newsMonth { color: #5e5e5e; display: block; float: left; height: 44px; line-height: 44px; text-align: center; width: 25% }
.newsMonth span { width: 44px; height: 44px; line-height: 44px }
.newsMonth:hover span, .newsYearliBox .NMover span { color: #fff; background: url(../images/news/NMover-bg.png) center center no-repeat }
.newsYearmore { background-color: #fff; color: #858585; height: 30px; line-height: 30px; margin-top: 1px; cursor: pointer; transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; }
.newsYearmore:hover { background-color: #e8e8e8 }
input.newsearch-input01 { font-size: 18px; height: 44px; line-height: 44px; padding-left: 20px; padding-right: 35px; background: #d9dcdd; border-color: #d9dcdd }
input.newsearch-input01:focus { background: #fff }
.newsearch-btn { position: absolute; top: 10px; right: 10px; color: #aaacad }

.news-list, .media-list { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; transition: transform 0.5s ease-out }
.news-list:hover, .media-list:hover { color: #000; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02) }
.news-list dl { margin-left: 260px }
.news-list dl dt { width: 230px; padding-right: 30px; margin-left: -260px }

.playicon { width: 60px; height: 60px; line-height: 60px; position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; background: #00a7eb; color: #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.playicon .iconfont { height: 60px; line-height: 60px }
a:hover .playicon { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.media-popbox { width: 680px; height: 480px; overflow:hidden }

.enterprise-con .button { padding: 5px 0; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px }

.interview-from input { height: 50px; line-height: 50px; background: rgba(255,255,255,0.88); background: #fff\9; margin-bottom: 10px; padding-left: 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.interview-from .textarea01 { width: 100%; background: #fff; padding: 10px 20px; margin-bottom: 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.interview-from .yzm { width: auto; height: 40px; margin-top: 5px }


.nd-choose li { float:right; margin-left:5px; width:28px; text-align:center; height:28px; line-height:28px; background:#bcbcbc }
.nd-choose li a { display:block; color:#fff }
.nd-choose li a:hover, .nd-dthis { background:#00a7eb }

.nd-txt { width: 70% }
.nd-txt img { max-width: 80%; height: auto; padding-bottom:10px; padding-top:10px; }

/*-------------------加入我们-------------------*/
.recruit-kv { height: 550px; background: url(../images/about/recruit-kv.jpg) center center no-repeat; background-size: cover }
.recruit-title { padding-top: 150px }
.recruit-list a:hover ul { background: #00a7eb; color: #fff }

/*-------------------快乐汇-------------------*/
.happy-kv { height: 550px; background: url(../images/about/happy-kv.jpg) center center no-repeat; background-size: cover }
.happy-title { padding-top: 150px }


/*-------------------响应式css-------------------*/
@media ( min-width:1401px ) {
.container { width:1320px }
}
@media ( min-width:1260px ) and ( max-width:1400px ) {
.container { width:1200px }

.nav .menuLi { margin-left: 20px; margin-right: 20px }

.index-img { width: 270px; height: 510px }
.index-txtbox { top: -26px }
.index-img01bg { width: 270px; bottom: -4px; left: 2px; transform:perspective(500px) rotateY(8deg); -ms-transform:perspective(500px) rotateY(8deg); -moz-transform:perspective(500px) rotateY(8deg); -webkit-transform:perspective(500px) rotateY(8deg); -o-transform:perspective(500px) rotateY(8deg) }
.index-img02bg { width: 270px; bottom: -4px; left: 2px; transform:perspective(500px) rotateY(8deg); -ms-transform:perspective(500px) rotateY(8deg); -moz-transform:perspective(500px) rotateY(8deg); -webkit-transform:perspective(500px) rotateY(8deg); -o-transform:perspective(500px) rotateY(8deg) }
.index-img03bg { width: 270px; bottom: -4px; left: -3px; transform:perspective(500px) rotateY(-8deg); -ms-transform:perspective(500px) rotateY(-8deg); -moz-transform:perspective(500px) rotateY(-8deg); -webkit-transform:perspective(500px) rotateY(-8deg); -o-transform:perspective(500px) rotateY(-8deg) }
.index-img04bg { width: 270px; bottom: -4px; left: -3px; transform:perspective(500px) rotateY(-8deg); -ms-transform:perspective(500px) rotateY(-8deg); -moz-transform:perspective(500px) rotateY(-8deg); -webkit-transform:perspective(500px) rotateY(-8deg); -o-transform:perspective(500px) rotateY(-8deg) }

}

@media ( min-width:1024px ) and ( max-width:1259px ) {
.container { width:960px }
.logobox { width: 126px }
.nav .menuLi { margin-left: 5px; margin-right: 5px }

.foot-share { width: 40% }
.foot-mainbox { width: 60% }
.footlink-box { width: 100% }
.footlink, .copyright { float: left; text-align:left } 
.copyright a { float: none; display: inline-block } 
.footlink { margin-bottom: 0 }
.footlink a { margin-right: 30px; margin-left: 0 }

.index-img { width: 210px; height: 400px }
.index-txtbox { top: -20px }
.index-txtbg { height: 170px; top: -170px }
.index-txt { top: 54px }
.index-txten { top: 70px }

.index-img01bg { width: 210px; bottom: -3px; left: 1px; transform:perspective(500px) rotateY(8deg); -ms-transform:perspective(500px) rotateY(8deg); -moz-transform:perspective(500px) rotateY(8deg); -webkit-transform:perspective(500px) rotateY(8deg); -o-transform:perspective(500px) rotateY(8deg) }
.index-img02bg { width: 210px; bottom: -3px; left: 1px; transform:perspective(500px) rotateY(8deg); -ms-transform:perspective(500px) rotateY(8deg); -moz-transform:perspective(500px) rotateY(8deg); -webkit-transform:perspective(500px) rotateY(8deg); -o-transform:perspective(500px) rotateY(8deg) }
.index-img03bg { width: 210px; bottom: -3px; left: -2px; transform:perspective(500px) rotateY(-8deg); -ms-transform:perspective(500px) rotateY(-8deg); -moz-transform:perspective(500px) rotateY(-8deg); -webkit-transform:perspective(500px) rotateY(-8deg); -o-transform:perspective(500px) rotateY(-8deg) }
.index-img04bg { width: 210px; bottom: -3px; left: -2px; transform:perspective(500px) rotateY(-8deg); -ms-transform:perspective(500px) rotateY(-8deg); -moz-transform:perspective(500px) rotateY(-8deg); -webkit-transform:perspective(500px) rotateY(-8deg); -o-transform:perspective(500px) rotateY(-8deg) }
.index-con:hover .index-txt { top: 68px }
.index-con:hover .index-txten { top: 84px }

.add-con .area_25 { width: 50% }
.add-con .area_25 ul { height: 160px }

.industries-list h5 { margin-left: 0; margin-right: 0 }

.aged-logo01 { width: 60%; height: auto }
.aged-img01 { width: 40%; height: auto }
.aged-logo02 { width: 80%; height: auto }
.aged-img02 { width: auto; height:200px  }

.foundation-con01 .area_66, .foundation-con01 .area_80 { width: 100% }

.foundation-con02 .area_30 { width: 40% }
.foundation-con02 .area_70 { width: 60% }

.time-con01 .padding50 { padding: 30px }
.time-tabs.tabs a { font-size: 16px } 

.rd-txt { width: 30% }
.rd-con { width: 65% }

.about-insidenav .tabs a { padding-right:20px; padding-left:20px } 

}

@media ( min-width:801px ) and ( max-width:1023px ) {
.container { width:750px }
.logobox { width: 86px }
.nav .menuLi { margin-left: 5px; margin-right: 0px }
.nav .menuLi .mainmenu { padding: 8px 6px }
.mainmenu-special { display: none }

.foot-share { width: 100% }
.foot-mainbox { width: 100% }
.footlink-box { width: 100% }
.footlink, .copyright { float: left; text-align:left } 
.copyright a { float: none; display: inline-block } 
.footlink { margin-bottom: 0 }
.footlink a { margin-right: 30px; margin-left: 0 }

.index-img { width: 157px; height: 300px }
.index-txtbox { top: -15px }
.index-txtbg { width: 100px; height: 150px; top: -150px; margin-left: -50px; }
.index-txt.fontSize40 { font-size: 30px }
.index-txt { top: 44px }
.index-txten { top: 60px }
.index-imgbg { display: none }
.index-con:hover .index-txt { top: 58px }
.index-con:hover .index-txten { top: 74px }

.inside-nav .tabs a { padding-right:20px; padding-left:20px } 

.speech-imgbox.area_40 { width: 100% }
.contact-con .marginbottom10 { margin-bottom: 5px }
.contact-con h3.margintop10 { margin-top: 0 }
.add-con .area_25 { width: 50% }
.add-con .area_25 ul { height: 160px }

.industries-con .width15 { width: 25% }
.industries-list h5 { font-size: 14px; padding: 5px; margin-left: 0; margin-right: 0 }

.main-content { margin-left: 0 }
.calendar { display: none }

.enterprise-con.area_50 { float: none; width: 100% }
.enterprise-con.area_50 h2.margintop20 { margin-top: 10px }

.aged-logo01 { width: 60%; height: auto }
.aged-img01 { width: 40%; height: auto }
.aged-logo02 { width: 80%; height: auto }
.aged-img02 { width: auto; height:160px  }

.foundation-con01 .area_66, .foundation-con01 .area_80, .foundation-con02 .area_30, .foundation-con02 .area_70 { width: 100% }
.foundation-con02 .area_30.poabsolute-b { position: static; bottom: auto; margin-top: 10px }
.foundation-con02 .area_70 { margin-top: 20px }

.foundation-con03 .area_80 { width: 100% }

.time-con01 .area_50.time-owlbox { width: 40% }
.time-con01 .area_50.time-con01txtbox { width: 60% }
.time-con01 .padding50 { padding: 30px }
.time-con01 h3.line-height3em { font-size: 20px; line-height: 2em }
.time-logobox { width: 80px; height: 60px; line-height: 60px }
.time-logobox img { height: 40px; margin-top: 10px }
.time-tabs.tabs a { font-size: 16px } 
.time-con02 .area_70 { width: 100% }

.time-iphone01, .time-iphone02 { width: 150px; margin-right: 50px }
.time-iphone03 { width: 150px; height: 266px; background: url(../images/Corporate/time-iphone03.jpg) 0 0 no-repeat; background-size: 100% 100% }
.time-iphone03 .margintop80 { margin-top: 60px }
.time-ewm { position: absolute; top: 50px; left: 10px }

.rd-txt, .rd-con { width: 100% }

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

.about-insidenav .tabs a { padding-right:12px; padding-left:12px } 

}