/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }

em, q, cite, address { font-weight:normal; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
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:normal }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#73dd24; color:#fff }
::-moz-selection { background-color:#73dd24; 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:#32b32f }

a.a01, a .a01 { color:#85c044 }
a.a01:hover, a:hover .a01 { color:#32b32f }

a.a02, a .a02 { color:#fff }
a.a02:hover, a:hover .a02 { color:rgba(255,255,255,0.8)}

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

/* 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: #54c91f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) }
textarea { background: #f5f5f5; padding:10px; border:1px solid #f5f5f5 }
textarea:focus { border-color: #54c91f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 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 { max-width:1440px; margin:0 auto; background-color:#fff; width:expression(document.body.clientWidth <=1440? "1160px": "1440px" ); padding-top: 86px; overflow: hidden }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!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 }
.right0 { right:0 }

.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-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.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_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 }

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

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

.thinfont { font-family:thinfont, Arial,"Lucida Grande",sans-serif }

@font-face{
    font-family:'thinfont';
    /*src:url('../font/goodlight.eot');
	  src:url('../font/goodlight.eot?#iefix') format('embedded-opentype'),
	  url('../font/goodlight.woff') format('woff'),
		url('../font/goodlight.ttf') format('truetype');
    font-style:normal;*/
    
    src: url('../font/reef.woff2') format('woff2'),
         url('../font/reef.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}

.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 }
.fontSize20 { font-size:20px; line-height: 1.2em }
.fontSize26 { font-size:26px; line-height: 1em }
.fontSize30 { font-size:30px; line-height: 1em }
.fontSize32 { font-size:32px; line-height: 1em }
.fontSize46 { font-size:46px; line-height: 1em }

h1, .h1 { font-size: 60px; line-height: 1em }
h2, .h2 { font-size: 40px; line-height: 1em }
h3, .h3 { font-size: 30px; line-height: 1em }
h4, .h4 { font-size: 24px; line-height: 1.3em }
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 }
.color000 { color: #000 }

.color656565 { color:#656565 }
.colord5d5d5 { color:#d5d5d5 }
.colorff0036 { color:#ff0036 }
.color090 { color:#090 }
.colorda6410 { color:#da6410 }
.color212121 { color:#212121 }
.color6aa7d7 { color:#6aa7d7 }
.color86e700 { color:#86e700 }
.color31c076 { color:#31c076 }
.color97d054 { color:#97d054 }
.colorf16f00 { color:#f16f00 }
.color094370 { color:#094370 }
.color717171 { color:#717171 }
.color9dc815 { color:#9dc815 }
.color56c420 { color:#56c420 }
.color1743ea { color:#1743ea }

/*-------------------背景颜色--------------------*/
.bgfff { background:#fff }
.bgf2f2f2 { background:#f2f2f2 }
.bgf3f3f3 { background:#f3f3f3 }
.bgf5f5f5 { background:#f5f5f5 }
.bgf7f7f7 { background:#f7f7f7 }
.bgfafafa { background:#fafafa }
.bge9e9e9 { background:#e9e9e9 }
.bgececec { background:#ececec }
.bgc8c8c8 { background:#c8c8c8 }
.bg7d7d7d { background:#7d7d7d }
.bg404040 { background:#404040 }
.bgdadada { background:#dadada }
.bgc2c2c2 { background:#c2c2c2 }
.bg656565 { background:#656565 }

.bg68bd29 { background:#68bd29 }
.bg8dca4c { background:#8dca4c }
.bg99d451 { background:#99d451 }
.bg84ca2e { background:#84ca2e }
.bga2d961 { background:#a2d961 }
.bgce2524 { background:#ce2524 }
.bg2e9fd3 { background:#2e9fd3 }
.bg0aa64c { background:#0aa64c }
.bga78f7e { background:#a78f7e }
.bg56c420 { background:#56c420 }
.bgf16f00 { background:#f16f00 }
.bg245e8b { background:#245e8b }
.bgcbe8ff { background:#cbe8ff }
.bg43b10d { background:#43b10d }
.bg0681bd { background:#0681bd }
.bg6aa7d7 { background:#6aa7d7 }
.bgda920c { background:#da920c }
.bge94522 { background:#e94522 }
.bgeb5124 { background:#eb5124 }
.bg93c140 { background:#93c140 }
.bgc3d600 { background:#c3d600 }
.bgffd4cb { background:#ffd4cb }
.bg1743ea { background:#1743ea }

.bg000_20 { background:rgba(0,0,0,0.2); background: #000\9; }
.bg000_60 { background:rgba(0,0,0,0.6); background: #000\9; }

/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-000_5 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(0,0,0,0.05); 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 }

.line4-000_10 { width:100%; height:4px; line-height:4px; font-size:0; background:rgba(0,0,0,0.1); border:0 none }
.line2-fff { width:100%; height:2px; line-height:2px; font-size:0; background:#fff; border:0 none }
.line6-fff { width:100%; height:6px; line-height:6px; font-size:0; background:#fff; border:0 none }

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

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

.border_b_f3f3f3 { border-bottom:1px solid #f3f3f3 }
.border_b_ccc { border-bottom:1px solid #ccc }
.border_r_ccc { border-right:1px solid #ccc }
    
/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:40px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:60px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 

.margintop11 { margin-top:30px }



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

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

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

.paddingleft0 { padding-left:0!important }
.paddingleft10 { padding-left:10px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft50 { padding-left:50px }

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

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

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

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

.gap30 { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 0 }
.gap40 { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 0 }

/*-------------------宽度、高度--------------------*/
.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% }
.width50 { width:50% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

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

.height100 { height:100% }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_86 { float:left; width:86% }
.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, .area_25_50 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_16_50 { float:left; width:16.66% }
.area_16_20 { float:left; width:20% }
@media ( max-width:800px ) {
.area_25_50, .area_16_50 { width: 50% }
}

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.4em; line-height:1.2em; 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 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; transition: transform 2s 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:2px 5px; font-size:14px; line-height:1em }
.button-m, a.button-m, input.button-m { padding:5px 10px; font-size:14px; line-height:1em }
.button-hm, a.button-hm, input.button-hm { padding:8px 10px; font-size:14px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:5px 20px; font-size:16px; line-height:1em }
.button-xl, a.button-xl, input.button-xl { padding:10px 20px; font-size:18px; line-height:1em }

.button-white, a.button-white, input.button-white { background:#fff; color:#000 }
.button-white:hover, a:hover.button-white, input.button-white:hover { background:#32b32f; color:#fff }
.button-white:active, a:active.button-white, input.button-white:active { background:#32b32f; 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-green, a.button-green, input.button-green { background:#84e719; color:#000 }
.button-green:hover, a:hover.button-green, input.button-green:hover { background:#a6ec5b; color:#000 }
.button-green:active, a:active.button-green, input.button-green:active { background:#77cf16; color:#000; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-darkgreen, a.button-darkgreen, input.button-darkgreen { background:#59c400; color:#fff }
.button-darkgreen:hover, a:hover.button-darkgreen, input.button-darkgreen:hover { background:#50b000; color:#fff }
.button-darkgreen:active, a:active.button-darkgreen, input.button-darkgreen:active { background:#479d00; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-black_l, a.button-black_l, input.button-black_l { background:#fff; border:1px solid #ddd; color:#000 }
.button-black_l:hover, a:hover.button-black_l, input.button-black_l:hover { background:#ddd; border:1px solid #ddd; color:#000 }
.button-black_l:active, a:active.button-black_l, input.button-black_l:active { background:#d0d0d0; border:1px solid #d0d0d0; color:rgba(255,255,255,0.7); -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-gray, a.button-gray, input.button-gray { background:#e0e0e0; color:#000 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#777; color:#fff }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#666; 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 }

/*-------------------分享-------------------*/
.share, .share .bdsharebuttonbox  { display:inline-block; width:30px; height:30px }
.share .bdsharebuttonbox .bds_tsina { width:30px; height:30px; font-size:14px; padding:0!important; margin:0!important; background:none!important; position: absolute; top: 0; left: 0; z-index:2 }
.share .bdsharebuttonbox .icon-sina { position: absolute; top: 0; left: 0; z-index:1 }
.share .bdsharebuttonbox:hover .icon-sina { color:#fb001e } 

/*-------------------分页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, .gray div.quotes a:hover { padding:5px 10px; background:#c2c2c2; color:#fff }
div.quotes a:active, .gray div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current, .gray div.quotes a.current { padding:5px 10px; background:#68c918; color:#fff }
div.quotes a.disabled, .gray div.quotes a.disabled { padding:5px 10px; color:#f2f2f2 }
div.quotes a.disabled:hover, .gray div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-right: -3px }
div.quotes a#next { margin-left: -3px }

.gray div.quotes a { background:#f5f5f5 }

/*-------------------手机端菜单-------------------*/
#cd-menu-trigger, #cd-lateral-nav { display: none }

/*-------------------抖动动画-------------------*/
.overlay-dialog-animate { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: scale-fade .5s forwards cubic-bezier(.8, .02, .45, .91); animation: scale-fade .5s forwards cubic-bezier(.8, .02, .45, .91) }

@-webkit-keyframes scale-fade {
0% {
opacity:0;
-webkit-transform:scale(.8) rotateX(-40deg);
transform:scale(.8) rotateX(-40deg)
}
50% {
opacity:1
}
70% {
-webkit-transform:scale(1.05) rotateX(0);
transform:scale(1.05) rotateX(0)
}
100% {
-webkit-transform:scale(1) rotateX(0);
transform:scale(1) rotateX(0)
}
}
@keyframes scale-fade {
0% {
opacity:0;
-webkit-transform:scale(.8) rotateX(-40deg);
transform:scale(.8) rotateX(-40deg)
}
50% {
opacity:1
}
70% {
-webkit-transform:scale(1.05) rotateX(0);
transform:scale(1.05) rotateX(0)
}
100% {
-webkit-transform:scale(1) rotateX(0);
transform:scale(1) rotateX(0)
}
}

/*-------------------通用头部-------------------*/ 
.headbox { width:100%; max-width: 1440px; background: #fff; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1); box-shadow:0 2px 5px rgba(0,0,0,0.1); border:1px solid #e0e0e0\9; position: fixed; top: 0; z-index:1000 }
.headmenu { width:92%; height:68px; padding-top:18px; margin-left: auto; margin-right: auto; background: #fff }

.top-share { margin-top:20px }
.top-share a.iconfont, .top-share span.icon-weixin, .share .bdsharebuttonbox .icon-sina { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; font-size:2em }
.top-share a.iconfont:hover, .top-share span.icon-weixin:hover, .share .bdsharebuttonbox:hover .icon-sina { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.top-share span.icon-weixin:hover { color:#08d80d }
.top-share a.icon-linkedin:hover { color:#07a7f1 }

/* nav_menu */
.nav { margin-left:40px }
.nav .menuLi { float:left; display:block; position:relative; overflow: visible}
.nav .menuLi .mainmenu { text-align:center; display:block; font-weight:bold; height:68px; line-height:68px; padding-left:18px; padding-right:18px; padding-left:10px\9; padding-right:10px\9; font-size:14px; position:relative; overflow:hidden }
.nav .menuLi .mainmenu .mainmenu-dot { width:6px; height:6px; position:absolute; top:54px; left:50%; margin-left:-3px; background:#59c400; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:top 300ms; transition:top 300ms; display: none }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { display: block }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover { background:#59c400; color:#fff }

.menuListBox { min-width: 100%; line-height:40px; position:absolute; top: 68px; left: 0; background:#59c400; display:none }
.menuListBox a { display:block; color:#fff; padding-left:15px; padding-right:15px; white-space:nowrap }
.menuListBox a:hover { background: #4faf00 }
/* nav_menu */
@media ( min-width:1190px ) and ( max-width:1290px ) {
.nav { margin-left:18px }
.nav .menuLi .mainmenu { padding-left:15px; padding-right:15px } 
}
@media ( min-width:1075px ) and ( max-width:1189px ) {
.nav { margin-left:15px }
.nav .menuLi .mainmenu { padding-left:8px; padding-right:8px }
}
@media ( min-width:885px ) and ( max-width:1074px ) {
.logo { width: auto; height: 30px; margin-top: 14px }
.nav { margin-left:10px }
.nav .menuLi .mainmenu { padding-left:5px; padding-right:5px }
}
@media ( min-width:800px ) and ( max-width:884px ) {
.logo { width: auto; height: 30px; margin-top: 14px }
.nav { margin-left:10px }
.nav .menuLi .mainmenu { padding-left:4px; padding-right:4px; font-size:12px }
}

.language { width: 56px; margin-top: 24px; margin-right: -20px; margin-left: 20px }
.language-a, .language-span { float: left; display: block; margin: 0 2px; width: 24px; text-align: center; height: 16px; line-height: 16px!important; font-size: 12px; color: #fff; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif,"simhei",黑体 }
.language-a { background: #828282 }
.language-a:hover { background: #73dd24; color: #fff }
.language-span { background: #bababa }

/*-------------------底部通用-------------------*/
.footbox { width:100%; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-right:auto; border-top:6px solid #f7f7f7 }
.footlink { float: left }
.footlink a { display: inline-block; margin-right: 20px; margin-top: 4px }
.copyright { float: right; text-align: right }

.gototop { display:block; width:40px; 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 .topicon { background:url(../images/top-icon.png) 0 -40px no-repeat }
.topicon { display:block; width:40px; height:40px; background:url(../images/top-icon.png) 0 0 no-repeat; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }

.foot-wechat { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; left:50%; margin-left:-137px; width:274px; height:286px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm img { display: block; width: 100%; height: auto }

.mo_footewm { display: none }

/*-------------------首页-------------------*/
.loadDiv { width:100%; height:318px; line-height:318px; position:absolute; top:0; left:0; z-index:222222; text-align:center; background:#abde51; color: #fff }

.in-box01 { height:318px }
.in-stockdata { height:48px }

.in-con01 { height:318px; position:absolute; bottom:0; z-index:2 }
.in-con01 .kwicks { height: 260px; margin-top: 58px }
.in-con01 .kwicks .kwicks-li { height: 260px; overflow: visible; }
.in-comarea { width:100%; height:260px; position:absolute; bottom: 0; z-index:10; 
	webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
 }
.in-comarea:hover {	
	height: 318px;
}

.in-comarea .button-white:hover { background: #000; color: #fff }

.in-area01 { background:#abde51; overflow: hidden }
.in-area01 .fontSize30 { line-height: 1.2em!important }
.in-area01btn { display: none!important }
.in-area01:hover .in-area01btn { display: inline-block!important }

/*-------------------滚动内容区域-------------------*/
.hiSlider { overflow: hidden }
.hiSlider-item { float: left }

.hiSlider-title { position: absolute; z-index: 3 }

.hiSlider-pages { position: absolute; bottom: 0px; height: 7px; line-height: 7px; font-size: 0 }
.hiSlider-pages a { background:#575757; width:7px; height:7px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 3px; padding:0; display:inline-block; text-indent:-9999px; overflow:hidden }
.hiSlider-pages a.active { background: #fff }

.hiSlider-btn-prev, .hiSlider-btn-next { position: absolute; z-index: 5; top: 50%; margin-top: -85px; width: 40px; text-align: center; height: 170px; line-height: 170px; background:#fff; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 }
.hiSlider-btn-prev { left: 0px }
.hiSlider-btn-next { right: 0px; background-position: -40px 0 }
.hiSlider-btn-prev:hover, .hiSlider-btn-next:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }

@media ( max-width:800px ) {	
.hiSlider-btn-prev, .hiSlider-btn-next { margin-top: -20px; height: 40px; line-height: 40px }	
}

.in-hiSliderbox { height: 100% }
.in-hiSliderbox .hiSlider-wrap { height: 220px!important; position: absolute; top: 20px; webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out; }
.in-comarea:hover .in-hiSliderbox .hiSlider-wrap { position: absolute; top: 50px }

.in-hiSliderbox .hiSlider-item { height: 200px!important }
.in-hiSliderbox .hiSlider { background:#abde51 }
.in-hiSliderbox .hiSlider a.color000:hover { color:#fff }
.in-hiSliderbox .hiSlider-pages { margin-left:20px }

/*-------------------滚动内容区域 end-------------------*/

.in-area02 { background:url(../images/index/in-area02bg.jpg) no-repeat top left; background-size:cover }
.in-area02box01 { width:50%; height:100%; background:url(../images/index/in-area02bg.png) no-repeat top center; background-size:auto auto }


.in-area02box02 { width:50%; height:100%; max-height:318px; overflow:hidden }
.in-area02box02 div.padding20 { padding-left:0 }
.in-area02txt01 { 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%) }

.in-area03 { background:url(../images/index/in-area03bg.jpg) no-repeat top left; background-size:cover }
.in-area03box01 { width:50%; height:100%; background:url(../images/index/in-area03bg0.png) no-repeat 0 58px; background-size:auto auto }
a:hover.in-area03btn { background:#000; color:#fff }
.in-area03box02 { width:50%; height:100%; background:url(../images/index/in-area03bg.png) no-repeat center 35px; background-size:auto auto  }


.in-area04 { background:url(../images/index/in-area04bg.jpg) no-repeat top left; background-size:cover }
.in-area04box01 { width:50%; height:100% }
.in-area04txt01 { margin-top: 30px; -webkit-transition: all .2s ease-out .2s;
	-moz-transition: all .2s ease-out .2s;
	-ms-transition: all .2s ease-out .2s;
	-o-transition: all .2s ease-out .2s;
	transition: all .2s ease-out .2s; }
.in-area04:hover .in-area04txt01 { margin-top: 50px }

.in-area04txt02 { height:0; opacity: 0;
	-webkit-transition: all .2s ease-out .2s;
	-moz-transition: all .2s ease-out .2s;
	-ms-transition: all .2s ease-out .2s;
	-o-transition: all .2s ease-out .2s;
	transition: all .2s ease-out .2s;
}
.in-area04:hover .in-area04txt02 { height:auto; opacity: 1 }

.in-area04box02 { width:50%; height:100% }
.in-area04img01 { position: absolute; top: 90px; left:-35%; z-index: 3;
-webkit-transition: all .2s ease-out .2s;
	-moz-transition: all .2s ease-out .2s;
	-ms-transition: all .2s ease-out .2s;
	-o-transition: all .2s ease-out .2s;
	transition: all .2s ease-out .2s;
}
.in-area04:hover .in-area04img01 {
	left: 20%;
}

/*------------------内页通用-------------------*/
.inside-contact { float: left }

.insidekv { width: 100%; height: 380px; background-repeat: no-repeat }
.insidekv-title { font-weight: bold; padding-top: 320px }
.about-insidekv { background: url(../images/about/about-insidekv.jpg) center center; background-size: auto 100%; }
.investor-insidekv { background: url(../images/investor/investor-insidekv.jpg) center center; background-size: auto 100%; }
.service-insidekv { background: url(../images/service/service-insidekv.jpg) center center; background-size: auto 100%; }

.responsibility-insidekv { width: 100%; height: 396px; background: url(../images/responsibility/RainbowLight-top.jpg) center bottom; background-size: auto 100%; }
.responsibility-insidekv-title { font-weight: bold; padding-top: 336px }


/*面包屑*/
.breadcrumb-level { display: inline-block; width: 20%; height: 48px; line-height: 48px; padding: 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
a.breadcrumb-level:hover, a.buscom-breadcrumb-level:hover { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.breadcrumb-level h5, .buscom-breadcrumb-level h5 { display: inline-block }
.breadcrumb-level i.iconfont { margin-top: 8px }
.breadcrumb-level01, .buscom-breadcrumb-level01 { padding: 0 20px 0 4% !important; background: #59c400; color: #fff }
a.breadcrumb-level01:hover, .buscom-breadcrumb-level01:hover { color: #fff }
.breadcrumb-level02, .buscom-breadcrumb-level02 { background: #d7d7d7 }
a.breadcrumb-level02:hover, a.buscom-breadcrumb-level02:hover { color: #000 }


.breadcrumb-else { height: 28px; line-height: 28px; margin-right: 4%; margin-top:6px } 
.breadcrumb-else span { display: inline-block; position: absolute; top:6px }
.breadcrumb-dayin { width:66px; height: 28px; line-height: 28px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.breadcrumb-dayin:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } 
.breadcrumb-share { display:block; float:right; width:66px; height: 28px; line-height: 28px }
.breadcrumb-share .bdsharebuttonbox { float:right; width:66px; height: 28px; line-height: 28px }
.breadcrumb-share .bdsharebuttonbox .bds_more { width:66px; height: 28px; line-height: 28px; font-size:14px; background:none!important; margin: 0!important; padding: 0!important; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.breadcrumb-share .bdsharebuttonbox .bds_more:hover { color:#32b32f; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.buscom-breadcrumb-level { display: inline-block; width: 20%; height: 48px; line-height: 48px; padding: 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.buscom-breadcrumb-level i.iconfont { margin-top: 8px }
.buscom-breadcrumb-level03 { width: 60%; padding: 0 4% 0 20px }


/*------------------走进新城-------------------*/
.about-con { height:200px; padding-top:50px; padding-left: 30px; padding-right: 30px; color: #fff }
a.about-con:hover { color: rgba(255,255,255,0.65) }
.about-txt01 { height:118px }

.headportrait-shade { width: 200px; height: 200px;}
.headportrait_big { width:200px; height:auto }


.bc-con .kwicks, .bc-con .kwicks li { height: 580px }
.bc-img { position: absolute; top: 0 ; z-index: 2; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease } 
.bc-img01 { background: url(../images/about/bc-img01.jpg) center center no-repeat ; background-size:cover }
.bc-img02 { background: url(../images/about/bc-img02.jpg) center center no-repeat ; background-size:cover }
.bc-img03 { background: url(../images/about/bc-img03.jpg) center center no-repeat ; background-size:cover }
.bc-img04 { background: url(../images/about/bc-img04.jpg) center center no-repeat ; background-size:cover }
.bc-img05 { background: url(../images/about/bc-img05.jpg) center center no-repeat ; background-size:cover }
.bc-txt { position: absolute; top: 0 ; z-index: 1 } 
.bc-con .kwicks li:hover .bc-img { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }


.bc-dl { margin-left:13em }
.bc-dl dt { width:13em; margin-left: -13em }
.bc-dl dd { width: 100% }

.bo-insidekv { width:100%; height:340px; background: url(../images/about/bo-bg.jpg) center bottom no-repeat; background-size:cover } 
.history-insidekv { width:100%; height:340px; background: url(../images/about/history-bg.jpg) center bottom no-repeat; background-size:cover } 


.history-honor { width:100%; height: 850px; background:#3d88cc center center no-repeat; background-size:cover } 
.honor-shade { opacity: 0; background: #000 }

.circle-con { width: 80%; height: 450px; top: 110px; left: 10% }
.circle { cursor: default; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out; transition: transform .3s ease-out }
.circle:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 10 }


.circle01 { width: 250px; height: 250px; padding: 50px 30px 0; bottom: 0; left: 0 }
.circle02 { width: 200px; height: 200px; padding: 40px 20px 0; bottom: 5%; left: 40% }
.circle03 {width: 200px; height: 200px; padding: 30px 20px 0; top: 10%; right: 70%  }
.circle04 { width: 200px; height: 200px; padding: 30px 20px 0; top: 10%; right: 22% }
.circle05 { width: 250px; height: 250px; padding: 50px 30px 0; bottom: -2%; right: 10% }
.circle06 { width: 166px; height: 166px; padding: 25px 20px 0; top: 5%; right: 0 }
.circle07 { width: 210px; height: 210px; padding: 40px 20px 0; top: 0; left: 33% }
.circle08 {width: 200px; height: 200px; padding: 30px 20px 0; top: 10%; right: 60%  }


@media ( min-width:900px ) and ( max-width:1160px ) {
.history-honor { height: 540px }
.circle-con { width: 92%; height: 420px; top: 80px; left: 4% }
}
@media ( min-width:801px ) and ( max-width:899px ) {
.history-honor { height: 540px }
.circle-con { width: 96%; height: 420px; top: 80px; left: 2% }
.circle04 { right: 20% }
.circle05 { right: 3% }
}

@media ( max-width:800px ) {
.history-honor { height: 1960px }
.circle-con { width: 98%; height: 880px; top: 50px; left: 1% }
.circle01 { width: 210px; height: 210px; padding: 40px 30px 0; bottom: auto; top: 26%; left: 2% }
.circle02 { width: 180px; height: 180px; padding: 30px 20px 0; bottom: auto; top: 44%; left:50%; right: 5% }
.circle03 { width: 260px; height: 260px; padding: 40px 30px 0; top: 0; left: 15% }
.circle04 { width: 190px; height: 190px; padding: 30px 20px 0; top: 50%; left: 5%; right: auto }
.circle05 { width: 250px; height: 250px; padding: 50px 30px 0; bottom: 7%; right: 2% }
.circle06 { width: 166px; height: 166px; padding: 25px 20px 0; top: auto; left: 0; bottom: 0; right: auto }
.circle07 { width: 180px; height: 180px; padding: 30px 20px 0; top: 23%; left: auto; right: 0 }
}

.circle08 { width: 200px; height: 200px; padding: 30px 20px 0; top: 71%; left: 22%; right: 0 }

.circle09 { width: 200px; height: 200px; padding: 30px 20px 0; top: 71%; left: 52%; right: 0 }
}

.bo-insidekv-title { font-weight: bold; padding-top:280px }
 
.bo-icon { margin-left: 20px } 
.bo-icon i { width:20px; margin-left: -20px } 
.bo-left {margin-left:15px }
.hh-list { color: #464646; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.hh-list:hover { background:#a2d961; color:#fff }

.timeline-box { padding-top: 50px; padding-bottom: 50px; }
#timeline { width: 100%; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#timeline:before { content: ""; width: 1px; height: 100%; background: #f1f1f1; left: 50%; top: 0; position: absolute; }
#timeline:after { content: ""; clear: both; display: table; width: 100% }
#timeline .timeline-item { margin-top: 0; position: relative; }
#timeline .timeline-item .timeline-icon { border: 2px solid #ccc; width: 10px; height: 10px; line-height: 10px; font-size: 0; position: absolute; bottom: 38px; left: 50%; overflow: hidden; margin-left: -6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
#timeline .timeline-item .timeline-content { width: 46%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#timeline .timeline-item .timeline-content:before { content: ''; position: absolute; left: 46%; bottom: 38px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #ececec; }
#timeline .timeline-item .timeline-content.right { float: right; }
#timeline .timeline-item .timeline-content.right:before { content: ''; right: 46%; left: inherit; border-left: 0; border-right: 9px solid #ececec; }
.timeline-txt, .timeline-year { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.timeline-txt { background: #f7f7f7 }
.timeline-year { background: #ececec }
.timeline-content:hover .timeline-txt { background: #ecffd5 }
.timeline-content:hover .timeline-year { background: #97d054; color: #fff }
.timeline-content:hover:before { border-left: 9px solid #97d054!important }
.timeline-content.right:hover:before { border-left: 0!important; border-right: 9px solid #97d054!important }

@media screen and (max-width: 800px) {
.timeline-box { padding-top: 0; padding-bottom: 30px; }
#timeline:before { left: 0; }
#timeline .timeline-item { margin-top: 30px; }
#timeline .timeline-item .timeline-content { width: 94%; float: right; }
#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before { left: 6%; margin-left: -8px; border-left: 0; border-right: 9px solid #ececec; }
#timeline .timeline-item .timeline-icon { left: 0; }
}

.wmap-dl { margin-left: 12em }
.wmap-dl dt, .wmap-dl dd { padding-top: 15px; padding-bottom: 15px; line-height: 2em }
.wmap-dl dt { width:12em; margin-left: -12em }
.wmap-dl dd li { float:left; width:12em }

/*------------------新闻-------------------*/
.label-news { display: block; width: 200px; text-align: center; height: 40px; line-height: 40px; background: #acdf6b; position: absolute; top: 25px; right: -60px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);		/* Firefox */
}

.news-hiSlider .hiSlider-wrap { padding-bottom: 40px }
.news-hiSlider .hiSlider-title { width:100%; text-align: center; padding-top: 12px; padding-bottom: 12px; font-size: 24px; line-height: 1.2em; color: #fff;  bottom: 40px; background: rgba(0,0,0,0.6); background: #000\9 }
.news-hiSlider .hiSlider-pages { width: 100%; text-align: center; bottom:16px }
.news-hiSlider .hiSlider-pages a.active { background: #2db347 }

.news-con .area_30 { float: right }

.newsYearLiTitle i { background-image: url(../images/news/news-icon.png); background-repeat: no-repeat; background-position: 0 0; width: 9px; height: 5px; display: block; float: right; margin-right: 20px; margin-top: 20px; 
	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 -11px }
.newsYearLiTitle { background: none repeat scroll 0 0 #eee; color: #858585; display: block; font-size: 18px; height: 50px; line-height: 50px; margin-bottom: 1px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}
.newsYearLiTitle:hover, .NYover { background: none repeat scroll 0 0 #c2c2c2; color: #fff }
.newsYearliBox { background-color: #fff; }
.newsMonth { color: #5e5e5e; display: block; float: left; height: 34px; line-height: 34px; text-align: center; width: 25% }
.newsMonth:hover, .newsYearliBox .NMover { color: #68c918; text-decoration: underline }

.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: 30px; line-height: 30px; background:#fff; border-color:#fff }
.newsearch-btn { position: absolute; top: 15px; right: 10px }

.news-listcon { display:block; float:left; width:100%; padding-left: 5.71%; background:#fff }
.news-listcon:hover { -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.05) }

.nd-conright img { display: block; width: 80%; height: auto; margin-left:0px;}

.newsd-con01 { margin-left: 170px }
.newsd-con01 dt { width:120px; margin-left: -170px }

.news-date { width:100%; padding-top: 15px; padding-bottom: 10px; background:#f5f5f5; color: #717171; text-align:center }
.news-day { width:100%; font-size:46px; line-height:1em }
.news-month { width:100%; margin-top: 10px }

.fontzoonbox { width:62px }
.fontzoon1, .fontzoon2 { display: block; float: left; width:24px; text-align: center; height: 24px; border: 1px solid #ccc; color: #999; overflow: hidden }
.fontzoon1:hover, .fontzoon2:hover { border: 1px solid #73dd24 }
.fontzoon1 { line-height: 24px }
.fontzoon2 { line-height: 28px }

.media-tab li a { display: inline-block; text-align: center; padding:5px 15px  }
.media-tab li a:hover, .media-tab li a.this { background: #59c400; color: #fff }

.playbox { display: block; cursor: pointer }
.playicon { width: 60px; text-align: center; height: 60px; line-height: 76px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; overflow: hidden; background: rgba(255,255,255,0.8); background: #fff\9; }
.playbox:hover .playicon, .playicon:hover { background: #86e700; -moz-box-shadow:0px 0px 28px #86e700; -webkit-box-shadow:0px 0px 28px #86e700; box-shadow:0px 0px 28px #86e700 } 
.playbox:hover .playicon .color86e700, .playicon:hover .color86e700 { color: #fff }

.mediad-btnbox { margin-right: 70px }
.mediad-btnbox .button { width: 60px; text-align:center; height: 24px; line-height: 24px; margin-right: -70px }
.mediad-btnbox h5 { width: 100%; height:2.4em; line-height:1.2em }

.media-popbox { width: 680px; height: 480px; overflow:hidden }

/*------------------投资者关系-------------------*/
.inv-stockbox { width: 240px }

.inv-tablist { padding-top:20px; padding-bottom: 30px }
.inv-tabli .inv-tabli-a  { display: inline-block; text-align: center; padding-right:20px; color: #000; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 } 
.inv-tabli .inv-tabli-a i.iconfont { display: none }
.inv-tabli .inv-tabli-a:hover, .inv-tabli .inv-tabli-a.this { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.inv-tabli-year { cursor: pointer }
.inv-tabli .inv-tabli-a.this .inv-tabli-year { font-weight: bold }
.inv-tabli .inv-tabli-a.this i.iconfont { display:block; color:#32b32f }

.inv-tabli-month { display: none; position: absolute; bottom: 10px;left: 70px; }
.inv-tabli-month li { float: left; margin-right: 20px; white-space:nowrap }
.inv-tabli-month li a { color: #000; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.inv-tabli-month li a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.inv-tabli-month li.samemonth a { color: #32b32f; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.inv-tabli-month li.future { color: #ddd }
.inv-tabli .inv-tabli-a.this .inv-tabli-month { display: block }

.inv-listcon li { padding:30px 0 30px 120px }
.inv-listcon li i.iconfont { margin-left:-20px; margin-top: 8px }
.inv-listdate { width:90px; text-align: center; margin-left:-120px }

.company-con { background: url(../images/investor/company-img01.jpg) left bottom no-repeat; background-size: 40% auto }
.company-title { padding-top: 50px; padding-left: 4% }
.company-dl dt, .company-dl dd { padding-top: 15px; padding-bottom: 15px }
.company-dl dt { width:11em; padding-left: 1em }

.invf-tableli01, .invf-tableli02 { padding-right: 10px }
.invf-tableli01 { width: 32% }
.invf-tableli02 { width: 17% }

.invs-tableli01, .invs-tableli02 { padding-left: 10px }
.invs-tableli01 { width: 30% }
.invs-tableli02 { width: 70% }

.invs-tableli03, .invs-tableli04, .invs-tableli05, .invs-tableli06 { text-align: center; padding-left: 10px; padding-right: 10px }
.invs-tableli03 { width: 30% }
.invs-tableli04 { width: 8% }
.invs-tableli05 { width: 15% }
.invs-tableli06 { width: 33% }

.invs-tableli07 { text-align: center; width: 30%; height:72px; line-height: 72px }
.invs-tableli08 { text-align: center; width: 40%; height:36px; line-height: 36px }

.ip-txt { 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%); right: 0; }

/*------------------弹出层--------------------*/
.mask { position:fixed; top:0; left:0; z-index:9998; background:rgba(0,0,0,0.2); width:100%; height:100%; display:none }
.popup { position:fixed; z-index:9999; display:none }
.popup-closebox { width: 100%; padding:15px 30px; background:#59ba58 }
.popup-close { position:absolute; right:30px; top:15px }
.popup-close img { display:block; width:17px; height:17px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out }
.popup-close:hover img { 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg) }
.popup-con { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.contact-box { background: url(../images/contact-bg.png) #f8f8f8 bottom center no-repeat; background-size: cover }
.contact-inputlist li { margin-bottom: 15px }
input.contact-input { width:600px; line-height: 40px;height:40px; }
.contact-textarea { width:600px }

.invs-remark { float: right }
.invs-tips { display: block; width: 18px; text-align: center; height: 18px; line-height: 18px; font-size: 14px; color: #fff; background: #1bbc0a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }

@media ( min-width:1025px ) and ( max-width:1160px ) {	
.stock-dl dt.area_60, .stock-dl dd.area_40 { width:100% }
}
@media ( max-width:1024px ) {	
.stock-dl dt.area_60 { display: none }
.stock-dl dd.area_40 { width:100% }
}
/*------------------业务和版图-------------------*/
.business-insidekv { background: url(../images/business/business-insidekv.jpg) center center no-repeat; background-size: cover }
.business-title { position: absolute; top: 80px; z-index: 2; }
.business-mapbox { float:right; width: 1200px; height: 580px; background: url(../images/business/business-map.png) no-repeat; background-position:top right }
.bus-site { position: absolute; z-index: 2 }
.bus-site a { display: inline-block; text-align: right; margin-left: 5px; white-space:nowrap; }
.bus-site01 { text-align: right; width:25%; top: 95px; right: 0 }
.bus-site02 { text-align: right; width:30%; top: 250px; right: 0 }
.bus-site03 { text-align: right; top: 470px; left: 5px }
.bus-site04 { width:20%; top: 365px; left: 0 }

@media ( max-width:1279px ) {
.business-mapbox { width: 100%; background-size:auto 100% }
}

.business-con01 { padding-top: 50px; padding-bottom: 50px; background: url(../images/business/business-con01bg.jpg) center center no-repeat; background-size: cover }

.bus-itemsbox { height: 329px; margin-left:456px }
.bus-items { width: 406px; margin-left: -456px; height: 329px; padding-right: 50px; background: url(../images/business/business-img01.png) no-repeat }
.bus-itemsbox .area_80.poabsolute-h50 { top: 50px\9;}

.buscom-insidekv { width: 100%; height: 335px; background-repeat: no-repeat }
.buscom-insidekv-title { font-weight: bold; padding-top: 275px }
.residence-insidekv { background: url(../images/business/residence-insidekv.jpg) center center; background-size:cover }
.bdevelop-insidekv { background: url(../images/business/bdevelop-insidekv.jpg) center center; background-size: cover }
.boperation-insidekv { background: url(../images/business/boperation-insidekv.jpg) center center; background-size: cover }
.innovate-insidekv {  width: 100%; height: 220px; background-repeat: no-repeat; background: url(../images/business/innovate-insidekv.jpg) center bottom; background-size: auto 100% }
.innovate-insidekv-title { font-weight: bold; padding-top: 160px }

.buscom-dl { margin-left: 6em }
.buscom-dl dt { width: 6em; margin-left: -6em }

.residence-con01 { padding-bottom: 80px; background: url(../images/business/residence-img07.jpg) center bottom no-repeat; background-size:cover }

.think-con01 { padding-top: 200px; padding-bottom: 200px; background: url(../images/business/think-bg01.png) right bottom no-repeat; background-size: 100% auto }
.think-con01 .area_33 { margin-left:7% }
@media ( max-width:1279px ) {
.think-con01 { padding-top: 100px; padding-bottom: 100px }	
}

.think-con02 { margin-top: 50px; padding-top: 100px; padding-bottom: 540px; background: url(../images/business/think-bg02.png) left center no-repeat; background-size:60% auto }

.think-con03 .area_40 { margin-left:7% }

.housetype-hiSlider { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.housetype-hiSlider .hiSlider-btn-prev, .housetype-hiSlider .hiSlider-btn-next { width: 40px; height: 80px; top: 50%; margin-top: -40px; background-color:transparent }
.housetype-hiSlider .hiSlider-btn-prev { background-image:url(../images/kv-icon_bl.png) }
.housetype-hiSlider .hiSlider-btn-next { background-image:url(../images/kv-icon_br.png) }
.housetype-hiSlider i.iconfont { display: none }


.project-listcon:hover { background: #f7f7f7 }

.city-listtitle { padding:7px 20px; font-size: 18px }
a.city-listtitle:hover { color:rgba(255,255,255,0.65); color: #fff\9 }

.city-list a { display: block; padding:7px 20px; font-size: 16px; white-space:nowrap }

.city-map { width: 600px; height: auto }

.city-num { display: block; width: 28px; text-align: center; height: 28px; line-height: 28px; background:#4cdd69; color: #fff } 
.city-num:hover { background: #37ca40; color: #fff } 
.city-num.pitchon, .city-list a.pitchon { background: #d7f4d9; color: #32b32f }

.innovate-con01 { padding-top: 100px; padding-bottom: 140px; background: url(../images/business/innovate-dqmbg.png) #fff center bottom no-repeat; background-size: 100% auto }

.innovate-con02 {
background-image: -moz-linear-gradient(top, #e4ecf0 100%, #dfe8f3 100%); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #e4ecf0),color-stop(100%, #dfe8f3));
background-image: -webkit-linear-gradient(top, #e4ecf0 100%, #dfe8f3 100%); 
background-image: -o-linear-gradient(top, #e4ecf0 100%, #dfe8f3 100%); 
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e4ecf0', EndColorStr='#dfe8f3'); 
background-image: linear-gradient(to bottom, #e4ecf0 100%, #dfe8f3 100%); 
}
.innovate-kwicks { width: 92%; max-width:1092px }
.innovate-kwicks .kwicks { height: 370px }

.bus-title { position: absolute; top: 50px; left: 0; z-index: 2 }
.bus-city01 { position: absolute; top: 180px; left: 0; z-index: 3 }
.bus-city02 { position: absolute; top: 180px; right: 0; z-index: 3 }

.mapcon { margin-right: 847px }
.chinamap { width: 847px; height: auto; margin-right: -847px }
.chinamap-dot { display: block; width: 12px; height: 12px; z-index: 2 } 
.chinamap-dot:hover { z-index: 1000 }
.chinamap-dot:hover .chinamap-namebox { display: block }
.chinamap-namebox { display: none; height: 34px; position: absolute; top: -34px; 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) }
.chinamap-name { white-space:nowrap; padding: 5px 10px; color: #fff; position: relative }
.chinamap-name i.icon-caretdown { position: absolute; bottom: -8px; 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) }

.city-txtw { width: 100px } 

.dot56c420 { background: url(../images/business/dot56c420.png) }
.dotf16f00 { background: url(../images/business/dotf16f00.png) }
.dot1743ea { background: url(../images/business/dot1743ea.png) }
.dot656565 { background: url(../images/business/dot656565.png) }


.bod-tel { float: right }
.bod-list li { border-right: 1px solid #dfdfdf }
.bod-list li:nth-child(4) { border-right: 0 none }

.bi-tab li { width:20% }
.bi-tab li a { display: inline-block; width: 100%; text-align: center; padding:15px 0; font-size: 18px }
.bi-tab li a span { display: inline-block; width: 100%; border-right: 1px solid #c7c7c7 }
.bi-tab li a:hover, .bi-tab li a.this { background: #59c400; color: #fff }
.bi-tab li a:hover span, .bi-tab li a.this span { border-right: 0 }

.innovate-con03 { margin-left:-5px; margin-right:-5px }
.innovate-con03 li { padding-left: 5px; padding-right: 5px }

.xy-bg { background: url(../images/business/xy-bg.jpg) center bottom no-repeat; background-size: cover }

.inn05-hiSlider.news-hiSlider .hiSlider-wrap { padding-bottom: 0 }
.inn05-hiSlider.news-hiSlider .hiSlider-title { bottom: 0 }

/*------------------客服中心-------------------*/
.service-txt01 { height:204px }
.service-txt01 .button { position: absolute; bottom: 30px }

.service-hiSlider { background: url(../images/service/service-img03.jpg) center bottom no-repeat; background-size: cover }

.inside-hiSlider { width:100% ; padding-top: 90px; padding-bottom: 110px }
.inside-hiSlider-con { width:50%; padding:40px 40px 80px }
.inside-hiSlider .hiSlider-title { width: 50%; margin-left: 25%; text-align: center; font-size: 14px; bottom:40px }
.inside-hiSlider .hiSlider-pages { width: 100%; text-align: center; bottom:20px }
.inside-hiSlider .hiSlider-pages a.active { background: #2db347 }

.service4008-bg { padding-top: 90px; padding-bottom: 300px; background: url(../images/service/4008service-bg.png) #84ca2e center bottom no-repeat; background-size: 100% auto }  


/*------------------社会责任-------------------*/
.responsibility-txt01 { height:138px }
a.res-a01, a.res-a02 { background: #f2f2f2 }
a.res-a01:hover, a.res-a02:hover { background: #73dd24 }
a.res-a01:hover i.iconfont, a.res-a02:hover i.iconfont { color: #fff }
a.res-a02 { border-left:1px solid #eaceb1; border-right:1px solid #eaceb1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.res-hiSlider { background: url(../images/responsibility/responsibility-bg.jpg) center center no-repeat; background-size: cover }

.VS-hiSlider { background: url(../images/responsibility/VolunteerService-img01.jpg) center bottom no-repeat; background-size: cover }

.rl-video { max-height:320px }

/*------------------加入新城-------------------*/
.recruit-con { width: 100%; height: 100%; min-height:500px; background: url(../images/recruit/recruit-bg.jpg) center bottom no-repeat; background-size: cover }
.recruit-a01 { display: block; width: 124px; text-align: center; height: 124px; padding-top: 44px; background: rgba(85,210,254,0.8); background: #55d2fe\9; color: #fff }
.recruit-a01:hover { background: rgba(85,210,254,1); color: #fff }

.recruit-tab a { display: inline-block; background: rgba(62,192,69,0.9); background: #3ec045\9; color: #fff; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #fff }
.recruit-tab a:hover { background: rgba(62,192,69,1); color: #fff }
.recruit-tab a i.iconfont { position: relative; top: -5px; left: 10px }
.recruit-tab a:nth-child(4) { border-right: 0 }
	
.select01 { padding-right:30px; background:url(../images/down.png) center right no-repeat; border:0 none; cursor: pointer }
.select01 option { font-size: 14px; color: #000 }

#tabs .button-gray#current { background:#777; color:#fff }

.social-selectbtn01, .social-selectbtn02 { height: 50px; line-height: 50px }
.social-select { height: 300px; overflow-x: hidden; overflow-y: auto; position: absolute; top: 50px; z-index: 2; display: none }
.social-select li { width: 100%; text-align: center; height: 44px; line-height: 44px; font-size: 18px; cursor: pointer; }
.social-select li:hover { background: #878787; color: #fff } 

.social-selectbtn01 .icon-caretdown { position: absolute; top: 20px; right: 20px; -webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;}
.social-selectbtn01 .icon-caretdown.rotate180 { 
transform: rotate(180deg);
-ms-transform: rotate(180deg);		/* IE 9 */
-webkit-transform: rotate(180deg);	/* Safari and Chrome */
-o-transform: rotate(180deg);		/* Opera */
-moz-transform: rotate(180deg);		/* Firefox */ }
	
::-webkit-scrollbar {
width:6px;
height:6px
}
::-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)
}

.accordion { width: 100%; background: #8ad64c }
.accordion .link { cursor: pointer; display: block; padding: 15px 30px; color: #fff; font-size: 18px; border-bottom: 2px solid #fff; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease }
.accordion li:last-child .link { border-bottom: 0 }
.accordion li i.icon-caretdown { position: absolute; top: 16px; right: 30px; color: #fff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease }
.accordion li.open { background: #59c400 }
.accordion li.open i.icon-caretdown { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.accordion li.default .submenu { display: block }
.submenu { display: none; background: #f5f5f5 }

.lz-dl { margin-left: 166px }
.lz-dl dt { width: 136px; padding-right: 30px; margin-left: -166px }