@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }


.a01, a.a01, .a01 a { color: #000; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#00b0ec }

.a02, a.a02, .a02 a { color: #00b0ec; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover .a02, a.a02:hover, .a02 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 */

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


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

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

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

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

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

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

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

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



.iconfont { line-height: 1em }

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

.font-bold { font-weight: 800 }
.font-thin { font-weight: 200 }

.italic { font-style: italic }
.text-indent { text-indent: 2em }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }

h1, .h1 { font-size: 44px; line-height:1.1em }
h2, .h2 { font-size: 32px; line-height:1.1em }
h3, .h3 { font-size: 28px; line-height:1.1em }
h4, .h4 { font-size: 24px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

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

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000 }

.color13b5b1 { color: #13b5b1 }
.color00b0ec { color: #00b0ec }
.colorff7e00 { color: #ff7e00 }
.colorff9292 { color: #ff9292 }
.color49535c { color: #49535c }
.color4ca448 { color: #4ca448 }
.colorf00 { color: #f00 }

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgfff_90 { background: rgba(255,255,255,0.9) }
.bgf1f1f1 { background: #f1f1f1 }
.bgf3f3f3 { background: #f3f3f3 }
.bgf7f7f7 { background: #f7f7f7 }
.bgfafafa { background: #fafafa }
.bg00a9e2 { background: #00a9e2 }
.bg6d409b { background: #6d409b }
.bge0660c { background: #e0660c }
.bgffe400 { background: #ffe400 }
.bgededed { background: #ededed }
.bgffc600 { background: #ffc600 }
.bg00b0ec { background: #00b0ec }
.bgf6da1d { background: #f6da1d }
.bg4ca448 { background: #4ca448 }
.bge8fffa { background: #e8fffa }
.bgfff6e8 { background: #fff6e8 }
.bgff871d { background: #ff871d }
.bgffe7d1 { background: #ffe7d1 }
.bgedf4ff { background: #edf4ff }
.bgd1f2ff { background: #d1f2ff }
.bgece8e1 { background: #ece8e1 }
.bgd0e1f3 { background: #d0e1f3 }
.bgf2f0ed { background: #f2f0ed }
.bg00b0ec-009ed4 { background: -moz-linear-gradient(left, #00b0ec, #009ed4);
	background: -webkit-linear-gradient(left, #00b0ec, #009ed4);
	background: -o-linear-gradient(left, #00b0ec, #009ed4);
	background: linear-gradient(to right, #00b0ec, #009ed4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0ec', endColorstr='#009ed4',GradientType=0 ) }
	
/*-------------------分割线、边框-------------------*/
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }

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

/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

.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 }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

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

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

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

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

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

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

.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 }
.padding20_30 { padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_40 { padding:20px 40px; -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 }

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

.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

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

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

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_46 { float:left; width:46% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_12 { float:left; width:12.5% }
.area_10 { float:left; width:10% }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:7.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
/*.button:active, a:active .button, input.button:active { -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-circular, a.button-circular, input.button-circular { padding:0 30px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px  }
.button-s { padding: 5px 10px; line-height: 1em }
.button-m { padding: 5px 20px; line-height: 1em }
.button-mm { padding: 5px 30px; line-height: 1em }
.button-l { padding: 10px 40px; line-height: 1em }

.button-255-l, a.button-255-l, input.button-255-l { border:5px solid #fff; color:#fff }
a.button-255-l:hover, a:hover .button-255-l, input.button-255-l:hover { background: #fff; color:#000 }

.button-fff-l, a.button-fff-l, input.button-fff-l { border:5px solid rgba(255,255,255,0.5); color:#fff }
a.button-fff-l:hover, a:hover .button-fff-l, input.button-fff-l:hover { background: #fff; color:#000 }

.button-000-l, a.button-000-l, input.button-000-l { border:5px solid #000; color:#000 }
a.button-000-l:hover, a:hover .button-000-l, input.button-000-l:hover { background: #000; color:#fff }

.button-blue-l, a.button-blue-l, input.button-blue-l { border:5px solid #00b0ec; color:#000 }
a.button-blue-l:hover, a:hover .button-blue-l, input.button-blue-l:hover { background: #00b0ec; color:#fff }

.button-blue, a.button-blue, input.button-blue { border:5px solid #00b0ec; background: #00b0ec; color:#fff }
a.button-blue:hover, a:hover .button-blue, input.button-blue:hover { background: transparent; color:#000 }

.button-gray, a.button-gray, input.button-gray { border:5px solid #f3f3f3; background: #f3f3f3; color:#a1a1a1 }
a.button-gray:hover, a:hover .button-gray, input.button-gray:hover { border:5px solid #00b0ec; background: transparent; color:#000 }

.button-orange, a.button-orange, input.button-orange { border:5px solid #ff7200; background: #ff7200; color:#fff }
a.button-orange:hover, a:hover .button-orange, input.button-orange:hover { background: transparent; color:#000 }

/*-------------------分页css开始-------------------*/
div.quotes { text-align:center }
div.quotes #pages { display: inline-block }
div.quotes a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-decoration:none; padding:0; margin:0; margin-left:5px; margin-right: 5px; background: #fafafa; color: #959595 }
div.quotes a .iconfont { line-height: 30px }
div.quotes a:hover { background:#00b0ec; color:#fff }
div.quotes a.current { background:#ff7200; color:#fff }
div.quotes a.disabled { background:#efefef; color:#c3c3c3 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre, div.quotes a#next { position: relative; top: 1px }

/*-------------------分享-------------------*/
.share a .iconfont { color: rgba(255,255,255,0.6) }
.share a:hover .iconfont { color: rgba(255,255,255,1) }
.share-mask { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 9999; cursor: pointer; display: none }
.share-mask img { border: 8px solid #fff }

/*-------------------头部-------------------*/ 
.headbox { width: 100%; height:0; position: fixed; z-index: 1000 }

.navbox, .logo, .nav .menuLi .mainmenu, .language { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.navbox { width: 100%; height:84px; background: #fff; position: absolute; top: 0; left: 0; z-index: 999 }

.logo { width: auto; height: 34px; position: absolute; left: 20px; top: 25px; z-index: 1000 }

.nav .menuLi { float:left; display:block; position:relative; margin: 0 15px }
.nav .menuLi .mainmenu { display:block; height:84px; line-height:84px; padding-left: 5px; padding-right: 5px; font-weight:bold; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #00b0ec }

.menuListBox { width: 170px; text-align: left; line-height:30px; position:absolute; top:84px; left: 50%; margin-left: -85px; background: rgba(0,176,236,0.8); display:none }
.menuListBox a { display:block; width: 100%; padding: 0 20px; line-height:30px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.menuListBox a:first-of-type { padding-top: 10px }
.menuListBox a:last-of-type { padding-bottom: 10px }

.language { position: absolute; right: 20px; top: 31px }

.headbox.current .navbox { height: 44px; background: rgba(255,255,255,0.8) }
.headbox.current .logo { height: 24px; top: 10px }
.headbox.current .nav .menuLi .mainmenu { height: 44px; line-height: 44px }
.headbox.current .menuListBox { top:44px }
.headbox.current .language { top: 11px }

.menu { width: 60px; text-align: center; height:44px; line-height: 44px; background: #00b0ec; position: absolute; right: 20px; top: 104px; z-index: 1000; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; display: none; }
.bar { height: 2px; width: 20px; display: block; margin-left: 20px; position: absolute; background-color: #fff; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu .bar:nth-of-type(1) {
  top: 15px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s; 
}
.menu .bar:nth-of-type(2) {
  top: 21px;
  -moz-transition: ease 0.1s 0.2s;
  -o-transition: ease 0.1s 0.2s;
  -webkit-transition: ease 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease 0.2s 0.2s;
}
.menu .bar:nth-of-type(3) {
  top: 27px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s;
}
.menu.hover .bar:nth-of-type(1) {
  top: 21px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}
.menu.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.menu.hover .bar:nth-of-type(3) {
  top: 21px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}

.indexpage .menu { display: block }
.indexpage .navbox, .indexpage .headbox.current .navbox { top: -84px }
.indexpage .logo/*, .indexpage .headbox.current .logo*/ { top: 109px }
.indexpage .navbox.hover, .indexpage .headbox.current .navbox.hover { top: 0 }
.indexpage .navbox.hover .logo { top: 25px } 
.indexpage .language { right: 110px }

.indexpage .navbox.hover .menu, .indexpage .headbox.current .navbox.hover .menu { top: 20px }
.indexpage .headbox.current .menu { top: 104px }
.indexpage .headbox.current .logo { height: 34px }

.indexpage .headbox.current .navbox.hover { height: 84px }
.indexpage .headbox.current .navbox.hover .mainmenu { height: 84px; line-height: 84px }
.indexpage .headbox.current .navbox.hover .logo { top: 25px }
.indexpage .headbox.current .navbox.hover .language { top: 31px }
.indexpage .headbox.current .menuListBox { top:84px }


/*-------------------底部-------------------*/
.footbox { background: #4f4f4f; color: #fff }
.footbox a { color: #fff }
.footbox a:hover { color: rgba(255,255,255,0.6) }
.footbox .logo-w { max-width: 30% }

.copyright { position: absolute; top: 0; right: 0 }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; background:#707070; position:fixed; right:10px; bottom:10px; z-index:1001; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 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; line-height: 40px }

/*--弹出层--*/
.mask { position:fixed; top:0; left:0; z-index:9998; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none }
.popup { position:fixed; z-index:9999; display:none }
.popup-closebox { width: 100%; padding:15px 30px; background:#00b0ec; position: relative }
.popup-closebox i.icon-close { cursor: pointer; position: absolute; top: 15px; right: 30px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out }
.popup-closebox i.icon-close:hover { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg) }
.popup-con { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.popup-con .button { padding: 5px 40px }
.popup-con .button:hover { color: #000 }
.contact-inputlist li { margin-bottom: 15px }
input.contact-input { width:600px; height: 40px; line-height: 40px; background: #f5f5f5; border: 1px solid #f5f5f5 }
input.contact-input:focus, .contact-textarea:focus { background: #fff; border: 1px solid #00b0ec }
input.contact-inputCode { width:500px; height: 40px; line-height: 40px; background: #f5f5f5; border: 1px solid #f5f5f5 }
input.contact-inputCode:focus, .contact-textarea:focus { background: #fff; border: 1px solid #00b0ec }
.contact-textarea { width:600px; background: #f5f5f5; border: 1px solid #f5f5f5 }

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

.popup #slist2 { width: 600px; height: 100px; line-height: 100px; text-align: center }

/*-------------------通用-------------------*/
.com-link { display: block; overflow: hidden; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.com-link:hover { -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }

.zoomimg { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
a:hover .zoomimg, .zoomimg:hover, .com-link:hover .zoomimg { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }

.com-more { display: block; width: 75px; height: 22px; line-height: 22px; position: relative; text-align: left; color: #888 }
.com-more:hover, a:hover .com-more { color: #003670 }
.com-more .icon-jiantou { position: absolute; top: 4px; right: 0 }
.com-more:hover .icon-jiantou, a:hover .com-more .icon-jiantou { animation: arrowsright00 0.8s; -moz-animation: arrowsright00 0.8s; -webkit-animation: arrowsright00 0.8s; -o-animation: arrowsright00 0.8s }
@keyframes arrowsright00
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

@-moz-keyframes arrowsright00 
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

@-webkit-keyframes arrowsright00 
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}

@-o-keyframes arrowsright00 
{
0% { margin-right: 0 }
50% { margin-right: -5px }
100% { margin-right: 0px }
}
.colorfff .com-more, .colorfff .com-more:hover, .colorfff a:hover .com-more { color: #fff }

.show-con, .show-title, .show-txt, .show-btn { transition:0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s }
.show-con { height: 130px }
.show-title { transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -o-transform-origin: 0 0 0 }
.show-txt, .show-btn { margin-top: 40px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
a:hover .show-con { height: 260px }
a:hover .show-title { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); transition-delay: 0.2s }
a:hover .show-txt, a:hover .show-btn { margin-top: 25px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
a:hover .show-txt { transition-delay: 0.4s }
a:hover .show-btn { transition-delay: 0.6s }
a:hover .show-btn .button-fff-l { background: transparent; color: #fff }
a:hover .show-btn .button-fff-l:hover { background: #fff; color: #000 }

.headspace { width: 100%; height: 84px }

.level3-head { padding-top: 70px; padding-bottom: 20px; font-size: 36px; line-height: 1.1em; color: #fff;
	background: -moz-linear-gradient(left, #00b0ec, #009ed4);
	background: -webkit-linear-gradient(left, #00b0ec, #009ed4);
	background: -o-linear-gradient(left, #00b0ec, #009ed4);
	background: linear-gradient(to right, #00b0ec, #009ed4);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0ec', endColorstr='#009ed4',GradientType=0 );
}

.level3-title { display: inline-block; padding-bottom: 15px; border-bottom: 1px solid #49535c }

/*-------------------首页-------------------*/
.index-leftbox { width: 38% }
.index-rightbox { width: 62% }
.index-con01 { height: 630px }
.index-leftbox-b { width: 100% }
.index-leftbox-b .index-con02 { width: 89.5%; height: 280px }
.index-rightbox-b { width: 31%; border-left: 10px solid #fff }
.index-con03 { height: 440px }
.index-con04 { width: 55%; height: 600px }
.index-con05 { width: 45%; height: 600px; border-left: 10px solid #fff }

.index-ornament { width: 88px; height: 58px; position: absolute; right: 20px; bottom: 20px }
.index-ornament div { width: 28px; height: 28px; line-height: 28px; position: absolute }
.index-ornament div:nth-of-type(1) { bottom: 30px; right: 0; background: #fff }
.index-ornament div:nth-of-type(2) { bottom: 0; right: 0; background: #fff }
.index-ornament div:nth-of-type(3) { bottom: 0; right: 30px; background: #00b0ec }
.index-ornament div:nth-of-type(4) { bottom: 0; right: 58px; background: #fff }

.index-finance { background: url(../images/index/index-img01.jpg) top center no-repeat; background-size: cover }
.index-investment { background: url(../images/index/index-img02.jpg) top center no-repeat; background-size: cover }
.index-club { background: url(../images/index/index-img03.jpg) top center no-repeat; background-size: cover }
.index-estate { background: url(../images/index/index-img04.jpg) top center no-repeat; background-size: cover }

.index-show { height: 160px; transition:0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s }
a:hover .index-show { height: 260px }
.index-show .show-title { margin-top: 60px; transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -o-transform-origin: 0 0 0 }
a:hover .index-show .show-title { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition-delay: 0 }
a:hover .index-show .show-txt { transition-delay: 0.2s }
a:hover .index-show .show-btn { transition-delay: 0.4s }

.index-show01 { background: rgba(240,199,39,1) }
a:hover .index-show01 { background: rgba(240,199,39,0.9) }
a:hover .index-show01 .show-title, a:hover .index-show01 .show-txt { color: #fff }
.index-show02 { background: rgba(227,114,14,1) }
a:hover .index-show02 { background: rgba(227,114,14,0.9) }
.index-show03 { background: rgba(3,182,70,1) }
a:hover .index-show03 { background: rgba(3,182,70,0.9) }
.index-show04 { background: rgba(0,176,236,1) }
a:hover .index-show04 { background: rgba(0,176,236,0.9) }
.index-show04 .show-title { margin-top: 45px }

/*-------------------关于东渡-------------------*/
.boxS { transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: hidden }
.boxT { transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: visible }
.overlay { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; transform: rotate(120deg); -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg) }
.overlay .txt, .overlay .iconfont, .overlay .img { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s }
.overlay .txt { transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s }

.about-con01 { margin-right: 515px }
.about-con01-r { width: 515px; height: 255px; margin-right: -515px }
.about-con01 .hexagon, .about-con01 .hexagon .boxS, .about-con01 .hexagon .boxT, .about-con01 .hexagon .overlay { width: 192px; height: 170px; overflow: hidden }
.about-con01 .hexagon { position: absolute; visibility: hidden }
.about-con01 .hexagon .overlay .txt { top: 40px }
.about-con01 .hexagon01 { top: 0; left: 0 }
.about-con01 .hexagon02 { top: 85px; left: 160px }
.about-con01 .hexagon03 { top: 0; left: 320px }
.about-con01 .hexagon03 .overlay .txt { top: 50px }

.about-show01 { background: rgba(56,65,140,1) }
a:hover .about-show01 { background: rgba(56,65,140,0.9) }
.about-show02 { background: rgba(0,121,187,1) }
a:hover .about-show02 { background: rgba(0,121,187,0.9) }

.profile-bg01 { background: url(../images/about/profile-bg01.jpg) #fff bottom center no-repeat; background-size: 100% auto }
.profile-con01 { margin-right: 490px }
.profile-con01-r { width: 490px; height: 380px; margin-right: -490px }
.profile-con01 .hexagon01, .profile-con01 .hexagon01 .boxS, .profile-con01 .hexagon01 .boxT, .profile-con01 .hexagon01 .overlay, .profile-con01 .hexagon04, .profile-con01 .hexagon04 .boxS, .profile-con01 .hexagon04 .boxT, .profile-con01 .hexagon04 .overlay { width: 180px; height: 160px; overflow: hidden }
.profile-con01 .hexagon02, .profile-con01 .hexagon02 .boxS, .profile-con01 .hexagon02 .boxT, .profile-con01 .hexagon02 .overlay, .profile-con01 .hexagon03, .profile-con01 .hexagon03 .boxS, .profile-con01 .hexagon03 .boxT, .profile-con01 .hexagon03 .overlay { width: 210px; height: 185px; overflow: hidden }
.profile-con01 .hexagon { position: absolute; visibility: hidden }
.profile-con01 .hexagon01 { top: 110px; left: 0 }
.profile-con01 .hexagon02 { top: 0; left: 140px }
.profile-con01 .hexagon03 { top: 195px; left: 140px }
.profile-con01 .hexagon04 { top: 110px; left: 310px }
.profile-con01 .profile-shade { background: rgba(24,35,71,0.5); -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.profile-con01 a:hover .profile-shade { background: rgba(24,35,71,0) }

.profile-bg02 { padding-top: 80px; padding-bottom: 100px; background: url(../images/about/profile-bg02.jpg) bottom right no-repeat; background-size: cover }
.profile-bg02 .about-con01-r { height: 375px }

.profile-bg03 { background: url(../images/about/profile-img05.jpg) top right no-repeat; background-size: cover }
.profile-bg03 .profile-txt { left: 15%; background: rgba(255,255,255,0.3) }

.mission-con01 { padding-top: 150px; padding-bottom: 150px; background: url(../images/about/mission-img01.jpg) left center no-repeat; background-size: cover }
.mission-con02 { padding-top: 100px; padding-bottom: 200px; background: url(../images/about/mission-img02.jpg) left bottom no-repeat; background-size: cover }
.mission-con01-txt { margin-left: 15% }
.mission-con02-txt { margin-left: 40% }

.brand-con01 { padding-top: 100px; padding-bottom: 100px; background: url(../images/about/brand-img02.jpg) center center no-repeat; background-size: cover }
.brand-con02 { padding-top: 80px; padding-bottom: 80px; background: url(../images/about/brand-img03.jpg) right center no-repeat; background-size: cover }
.brand-con02 .item-left, .brand-con02 .item-left h4, .brand-con02 .item-right { height: 80px; line-height: 80px }
.brand-con02 .item-left { width: calc(100% - 620px); padding-right: 40px } 
.brand-con02 .item-right { width: 620px; background: rgba(255,255,255,0.3); padding-left: 40px }
.brand-con02 .item01 { right: 25% }
.brand-con02 .item02 { right: 29% }
.brand-con02 .item03 { right: 27.5% }
.brand-con02 .item04 { right: 31% }
.brand-con02 .item01 .item-left { background: #f39603 }
.brand-con02 .item02 .item-left { background: #6d409b }
.brand-con02 .item03 .item-left { background: #f2d304 }
.brand-con02 .item04 .item-left { background: #c32736; width: calc(100% - 480px) }
.brand-con02 .item04 .item-right { width: 480px }

.honor-bg01 { background: url(../images/about/honor-img01.jpg) center bottom no-repeat; background-size: cover }
.honor-bg01 .hexagon, .honor-bg01 .hexagon .boxS, .honor-bg01 .hexagon .boxT, .honor-bg01 .hexagon .overlay { width: 60px; height: 54px; overflow: hidden }
.honor-bg01 .hexagon .icon-down1 { position: absolute; top: 50%; margin-top: -14px; left: 50%; margin-left: -14px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.honor-bg01 .hexagon.yc .icon-down1 { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

#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-image: linear-gradient(to bottom, #00b0ec 0%, #00b0ec 50%, transparent 50%);
background-size: 1px 10px; background-repeat: repeat-y; position: absolute; left: 50%; top: 0 }
#timeline .timeline-item { position: relative; padding-bottom: 40px }
#timeline .timeline-item .timeline-icon { position: absolute; top: 0; left: 50%; margin-left: -21px }
#timeline .timeline-item .timeline-icon:before { font-family: "iconfont" !important; content: "\e6f3"; color: #00b0ec; font-size: 38px }
#timeline .timeline-item .timeline-content { width: 46% }
#timeline .timeline-item .timeline-content.right { float: right }
#timeline .timeline-item .timeline-content.left { text-align: right }

@media screen and (max-width: 800px) {
.honor-bg01 .hexagon { margin-left: -12px }
.honor-bg01 .hexagon, .honor-bg01 .hexagon .boxS, .honor-bg01 .hexagon .boxT, .honor-bg01 .hexagon .overlay { width: 50px; height: 45px; overflow: hidden }
#timeline:before { left: 11px }
#timeline .timeline-item { padding-bottom: 20px }
#timeline .timeline-item .timeline-content { width: 90%; float: right }
#timeline .timeline-item .timeline-content.left { text-align: left }
#timeline .timeline-item .timeline-icon { left: 0; margin-left: 0 }
#timeline .timeline-item .timeline-icon:before { font-size: 20px }
}

.accordion-title { background: #fff; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.accordion-title .iconfont:before { content: "\e6f9" }
.accordion-title.unfold, .accordion-title:hover { background: #e0660c; color: #fff }
.accordion-title.unfold .iconfont:before { content: "\e686" }
.honor-list { padding-left: 20px }
.honor-list li { list-style-type: disc; list-style-position: outside; margin-bottom: 10px }
.honor-list li:last-of-type { margin-bottom: 0 } 

.develop-con01 { padding-top: 150px; padding-bottom: 150px; background: url(../images/about/develop-img01.jpg) center center no-repeat; background-size: cover }
.develop-bg01 { background: url(../images/about/develop-bg01.jpg) top center no-repeat; background-size: cover }
.develop-con02, .develop-con03 { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.develop-con02:hover { background: #e8d1ff } 
.develop-con03:hover { background: #ffe7d1 }

/*-------------------新闻-------------------*/
.news-select { width: 130px; height: 30px; line-height: 30px; margin-top: 5px; border-bottom: 1px solid rgba(255,255,255,0.3); color: #fff; cursor: pointer }
.news-select .iconfont { line-height: 30px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.news-select-list { padding: 20px 0; background: #00b0ec; position: absolute; top: 35px; left: -15px; z-index: 10; display: none }
.news-select-list li a { display: inline-block; width: 100%; padding: 0 20px; height: 30px; line-height: 30px; color: #fff }
.news-select-list li a:hover { color: rgba(255,255,255,0.6) }
.news-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.search-dl { margin-right: 50px }
.search-dl dd { width: 50px; height: 40px; line-height: 40px; margin-right: -50px }
.search-dl dd a { width: 50px; height: 40px; line-height: 40px; background: rgba(255,255,255,0.8); color: #00b0ec; text-align: center }
.search-dl dd a .iconfont { line-height: 40px }
.search-dl dt input { width: 310px; background: transparent; border: 1px solid rgba(255,255,255,0.8) }
.search-dl dt input:focus { border: 1px solid #f8f8f8; background: rgba(255,255,255,0.2) }
.search-dl input::-webkit-input-placeholder { color: #fff }
.search-dl input:-moz-placeholder { color: #fff }
.search-dl input::-moz-placeholder { color: #fff }
.search-dl input:-ms-input-placeholder { color: #fff }

.news-tabs a:hover, .news-tabs a.cur { color: #00b0ec }
.newslist { margin-left: 360px; background: #f5f5f5; margin-bottom: 30px }
.newslist:hover { -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }
.newslist-img { width: 360px; margin-left: -360px }
.newslist-txt { width: 100%; padding: 40px }
.newslist-title { font-size: 30px; height:2.55em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.newslist-date { margin-top: 10px }

.newslist-box.list .newslist { margin-left: 0; margin-bottom: 0 }
.newslist-box.list .newslist:nth-of-type(even) { background: #fff }
.newslist-box.list .newslist:hover { background: #eee; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
.newslist-box.list .newslist-img { display: none }
.newslist-box.list .newslist-txt { padding: 15px 30px }
.newslist-box.list .newslist-title { width: 80%; float: left; font-size: 18px; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.newslist-box.list .newslist-date { width: 20%; float: left; margin-top: 0; text-align: right }
.newslist-box.list .quotes { margin-top: 30px }

.business-page .newslist-box.list .label-classify { display: none }
.business-page .newslist-txt { padding: 30px 40px 0 }
.business-page .newslist-title { margin-top: 5px }

.media-shade { background: rgba(0,0,0,0.5); transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; cursor: pointer }
.media-shade:hover { background: rgba(0,0,0,0) }
.media-shade .playicon:before { color: #00b0ec; content: "\e7b4" }
.media-shade .icon-liubianxing { color: rgba(255,255,255,0.8) }
.media-shade.play { background: rgba(0,0,0,0) }
.media-shade.play .playicon:before { color: rgba(0,0,0,0.2); content: "\e79c" }
.media-shade.play .icon-liubianxing { color: rgba(255,255,255,0.2) }

.video-popbox { width: 800px; height: 450px }

.newscontact-inputlist li { margin-bottom: 15px }
input.newscontact-input { width:80%; height: 40px; line-height: 40px; border: 1px solid #d4d4d4 }
.newscontact-textarea { width:80%; background: rgba(255,255,255,0.8); border: 1px solid #d4d4d4 }
input.newscontact-input:focus, .newscontact-textarea:focus { background: rgba(255,255,255,0.5); border: 1px solid #00b0ec }

.fontzoon1, .fontzoon2 { display: block; float: left; width:16px; text-align: center; height: 22px; line-height: 22px }
.fontzoon1 .iconfont, .fontzoon2 .iconfont { font-size: 16px; line-height: 22px }
.fontzoon1:hover, .fontzoon2:hover { color: #003670; text-decoration:none }

.nd-con img { max-width: 100% }
.nd-con em { font-style: italic!important }

.contact-mail { background: #fff; border: 1px dashed #00b0ec; border-radius: 3px }
.contact-mail:hover { background: #00b0ec; color: #fff }
.contact-mail span { margin-top: 3px }

/*-------------------产品与服务-------------------*/
.insidekv.productkv .button-blue-l { color: #fff }

.pclub-con { margin-left: 620px }
.pclub-con-l { width: 620px; margin-left: -620px }
.pclub-hexagoncon { height: 292px }
.pclub-con .hexagon01, .pclub-con .hexagon01 .boxS, .pclub-con .hexagon01 .boxT, .pclub-con .hexagon01 .overlay, .pclub-con .hexagon04, .pclub-con .hexagon04 .boxS, .pclub-con .hexagon04 .boxT, .pclub-con .hexagon04 .overlay { width: 170px; height: 150px; overflow: hidden }
.pclub-con .hexagon02, .pclub-con .hexagon02 .boxS, .pclub-con .hexagon02 .boxT, .pclub-con .hexagon02 .overlay, .pclub-con .hexagon03, .pclub-con .hexagon03 .boxS, .pclub-con .hexagon03 .boxT, .pclub-con .hexagon03 .overlay, .pclub-con .hexagon05, .pclub-con .hexagon05 .boxS, .pclub-con .hexagon05 .boxT, .pclub-con .hexagon05 .overlay { width: 150px; height: 132px; overflow: hidden }
.pclub-con .hexagon06, .pclub-con .hexagon06 .boxS, .pclub-con .hexagon06 .boxT, .pclub-con .hexagon06 .overlay { width: 80px; height: 71px; overflow: hidden }
.pclub-con .hexagon07, .pclub-con .hexagon07 .boxS, .pclub-con .hexagon07 .boxT, .pclub-con .hexagon07 .overlay { width: 90px; height: 80px; overflow: hidden }
.pclub-con .hexagon { position: absolute; visibility: hidden }
.pclub-con .hexagon01 { top: 60px; left: 0 }
.pclub-con .hexagon02 { top: 0; left: 145px }
.pclub-con .hexagon03 { top: 140px; left: 145px }
.pclub-con .hexagon04 { top: 60px; left: 270px }
.pclub-con .hexagon05 { top: 0; left: 415px }
.pclub-con .hexagon06 { top: 220px; left: 280px }
.pclub-con .hexagon07 { top: 145px; left: 430px }
.pclub-con .hexagon .overlay { background: #fff; color: #666 }
.pclub-con .hexagon-link.cur .overlay { background: #ffa800; color: #fff }
.pclub-con .hexagon07 .overlay { background: #00a9e2; color: #fff }
.pclub-con .hexagon07 .overlay:hover .icon-longright { margin-left: 10px }

.product-show01 { background: rgba(255,168,0,1) }
a:hover .product-show01 { background: rgba(255,168,0,0.9) }
.product-show02 { background: rgba(2,94,215,1) }
a:hover .product-show02 { background: rgba(2,94,215,0.9) }
.product-show01 .show-con, .product-show02 .show-con { height: 150px }
.product-show01 .show-btn { margin-top: 65px; transition-delay: 0.4s }
a:hover .product-show01 .show-btn { margin-top: 50px }

.searchbox { width: 300px; height: 34px }
.searchbox .icon-search { font-size: 30px; position: absolute; top: 0; right: 0 }
input.search { width: 34px; height: 34px; line-height: 34px; border: 0; font-size: 18px; padding-right: 34px; background: transparent; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer }
input.search_focus, input.search:focus { width: 100%; border: 0; border-bottom: 1px solid #00b0ec; background: transparent }
.searchbox .button { position: absolute; top: 0; right: 0; z-index: 11; display: none }

.estate-slogan { top: 32% }

.hotsale-box, .hotsale-box img.hot-bg { transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.hotsale-box:hover { background: #ffa800 }
.hotsale { background: url(../images/product/hot-map.png) right center no-repeat; background-size: cover }
.hotsale-box:hover img.hot-bg { opacity: 0 }

.estate-tabs li { display: inline-block; padding: 0 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.estate-tabs li a { display: inline-block; padding: 10px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.estate-tabs li a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.estate-tabs li a.cur { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.estate-txt { height: 235px }
.estate-price { position: absolute; top: 0; right: 0; z-index: 2 }
.estate-dl01 { margin-left: 24px; line-height: 22px }
.estate-dl01 dt { width: 24px; margin-left: -24px }
.estate-dl01 dt .iconfont { line-height: 22px } 

.estate-show01 { background: rgba(76,163,71,1) }
a:hover .estate-show01 { background: rgba(76,163,71,0.9) }
.estate-show02 { background: rgba(232,180,0,1) }
a:hover .estate-show02 { background: rgba(232,180,0,0.9) }
.estate-show03 { background: rgba(227,117,36,1) }
a:hover .estate-show03 { background: rgba(227,117,36,0.9) }
.estate-show04 { background: rgba(109,64,155,1) }
a:hover .estate-show04 { background: rgba(109,64,155,0.9) }
.estate-show-con, .estate-show-title, .estate-show-txt, .estate-show-btn { transition:0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s }
.estate-show-con { height: 130px; overflow: hidden }
.estate-show-title { transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -o-transform-origin: 0 0 0 }
.estate-show-txt { margin-top: 10px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.estate-show-btn { margin-top: 40px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
a:hover .estate-show-con { height: 220px }
a:hover .estate-show-title { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); transition-delay: 0.2s }
a:hover .estate-show-txt, a:hover .estate-show-btn { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-top: 25px }
a:hover .estate-show-txt { transition-delay: 0.2s }
a:hover .estate-show-btn { transition-delay: 0.4s }
a:hover .estate-show-btn .button-fff-l { background: transparent; color: #fff }
a:hover .estate-show-btn .button-fff-l:hover { background: #fff; color: #000 }


.pd-page .cd-main-content { padding-left: 100px }
.pd-head { width: 100%; height: 80px; line-height: 80px; padding-right: 30px }
.pd-logo { width: auto; height: 34px; margin-top: 23px }
.pd-select-box { width: 60px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 16px; cursor: pointer }
.pd-select-box .iconfont { position: absolute; top: 15px; right: 0; -webkit-transition: transform 0.2s ease 0s; transition: transform 0.2s ease 0s }
.pd-select-box .iconfont.rotate { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.pd-select-list { background: #fff; width: 80px; position: absolute; left: -10px; z-index: 1000; display: none }
.pd-select-list li { padding: 0 10px }
.pd-select-list li:hover { color: #00b0ec }
.pd-sidebar { width: 100px; height: 100%; padding-top: 80px; background: #eee; position: fixed; left: 0; top: 0; z-index: 10 }
.pd-sidebar li a { display: block; width: 100%; height: 80px; line-height: 80px; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.pd-sidebar li:nth-of-type(2) a, .pd-sidebar li:nth-of-type(4) a, .pd-sidebar li:nth-of-type(6) a { background: #e2e2e2 }
.pd-sidebar li a .iconfont { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.pd-sidebar li a.active { background: #ff8a00; color: #fff }
.pd-sidebar li a:hover .iconfont, .pd-sidebar li a.active .iconfont { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.pd-intro { margin-left: 400px; height: calc(100vh - 80px); min-height: 480px }
.pd-intro-txt { width: 400px; margin-left: -400px }
.pd-intro-img { height: 100% }
.project-logo { width: auto; height: auto; max-width: 160px; max-height: 160px }
.pd-intro-txt .button { height: 36px; line-height: 26px; width: 120px; text-align: center }
.pd-intro-txt .attention span, .pd-intro-txt .attention .iconfont { height: 36px; line-height: 36px }
.pd-list dl { margin-left: 5.5em }
.pd-list dl dt { width: 5.5em; margin-left: -5.5em }
.pd-list dl dd { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.pd-dl01 { margin-left: 3em }
.pd-dl01 dt { width: 3em; margin-left: -3em }
.house-txt { height: 135px; padding-top: 20px }
.mygallery02-box { margin-right: -20px }

.tabs li { margin-right: 10px }
.tabs a { display: inline-block; padding: 5px 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.tabs a:hover, .tabs a.current { background: #2ba23a; color: #fff }
.commercial-con03 { padding-top: 80px; padding-bottom: 80px; background: url(../images/product/commercial-bg01.png) #fff top right no-repeat; background-size: auto 100% }
.commercial-con04 { background: url(../images/product/commercial-bg02-r.jpg) #e1f1fb bottom right no-repeat; background-size: auto 100% }
.commercial-con04 .container { padding-top: 80px; padding-bottom: 80px }
.commercial-logo img  { border: 1px solid #d5d5d5; box-sizing: border-box }

.logo-wc { height: 60%; position: absolute; left: 20px; bottom: 10px; z-index: 10 }

.property-con01 { padding-top: 60px; padding-bottom: 60px; background: url(../images/product/property-bg01.jpg) left bottom no-repeat; background-size: 100% auto }
.property-con02 { padding-top: 80px; padding-bottom: 60px; background: url(../images/product/property-bg02.jpg) right center no-repeat; background-size: cover }
.p-honor-list .p-honor-img { bottom: 100px; right: 70px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s }
.p-honor-list .p-honor-img img { width: auto; height: 60px }
.p-honor-list .iconfont { margin-top: 25px }
.p-honor-list:hover .p-honor-img { bottom: 30px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.property-con03 { padding-top: 80px; padding-bottom: 80px; background: url(../images/product/property-bg03.jpg) right bottom no-repeat; background-size: cover }

.office-label { display: inline-block; padding: 10px 30px 10px 20px; color: #fff }
.office-label01 { background: #15b559 } 
.office-label02 { background: #e0660c; margin-left: 60px } 
.office-label03 { background: #6d409b; margin-left: 30px } 
.office-label04 { background: #ffe400; color: #000; margin-left: 55px } 
.office-txt01::-webkit-scrollbar {
width:6px;
height:6px
}
.office-txt01::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
.office-txt01::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
.office-txt01::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
.office-txt01::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

.qinnest-con01 { background: url(../images/product/qinnest-bg01.jpg) left bottom no-repeat; background-size: cover }

.club-tabs .tabs li { width: 25%; margin-right: 0 }
.club-tabs .tabs a { padding: 40px 0 40px!important }

.finance-card { height: 210px; padding: 30px 30px 0 }
.finance-card dl { margin-left: 5em }
.finance-card dl dt { width: 5em; margin-left: -5em }

.investment-tabs.tabs li { width: 33%; margin-right: 0 }
.investment-tabs.tabs a { padding: 10px 0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
.investment-tabs.tabs a:hover, .investment-tabs.tabs a.current { background: transparent; color: #00b0ec }

.facility-con { background: #ffc600 }

.investment-show01 { background: rgba(255,228,2,1) }
a:hover .investment-show01 { background: rgba(255,228,2,0.9) }
.investment-show02 { background: rgba(2,94,215,1) }
a:hover .investment-show02 { background: rgba(2,94,215,0.9) }
.investment-show03 { background: rgba(223,102,13,1) }
a:hover .investment-show03 { background: rgba(223,102,13,0.9) }
.investment-show .show-con { height: 110px }
a:hover .investment-show .show-con { height: 180px }
a:hover .investment-show .show-btn { transition-delay: 0.2s }
a:hover .investment-show .show-btn .button-000-l { background: transparent; color: #000 }
a:hover .investment-show .show-btn .button-000-l:hover { background: #000; color: #fff }

.innovation-card { height: 280px; padding: 30px 30px 0 }

.technology-con { background: url(../images/product/qinnest-bg01.jpg) left bottom no-repeat; background-size: cover }

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


.tanman-title.accordion-title.unfold, .tanman-title.accordion-title:hover { background: #00a0ca }
.tanman-label { width: 100px; text-align: center; height: 30px; line-height: 30px; top: 5px; right: -25px; color: #fff; transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); -webkit-transform: rotate(40deg) }
.tanman-label-jm { background: #006ce5 }
.tanman-label-zy { background: #3eb100 }

.tanman-dl { width: 160px; margin-left: 80px }
.tanman-dl dt { width: 80px; margin-left: -80px; height: 40px; line-height: 40px }
.tanman-dl input, .tanman-dl select { width: 100%; height: 40px; line-height: 40px; border: 1px solid #d4d4d4; padding-left: 10px }
.tanman-dl input:focus { background: rgba(255,255,255,0.5); border: 1px solid #00b0ec }
.tanman-dl input[type=date]::-webkit-inner-spin-button { visibility: hidden }
.tanman-dl input[type=date]::-webkit-calendar-picker-indicator { padding: 20px 10px; background: #00a0ca; color: #fff }
.tanman-dl input[type=number]::-webkit-inner-spin-button { padding: 0 7px; background: #00a0ca; color: #fff }
.tanman-dl select { background: url(../images/club/arrows.png) rgba(255,255,255,0.8) 92% no-repeat; background-size: auto 100% }
.tanman-dl select:focus { background: url(../images/club/arrows.png) rgba(255,255,255,0.5) 92% no-repeat; background-size: auto 100%; border: 1px solid #00b0ec }

.onestop-con01 { background: url(../images/club/onestop-bg.png) right bottom no-repeat; background-size: cover } 

.activity-owl-shade { background: rgba(0,0,0,0.5); -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s } 
a:hover .activity-owl-shade { background: rgba(0,0,0,0); color: transparent } 

.tcc-tabs .tabs li { width: 25%; margin-right: 0 }
.tcc-tabs .tabs a, .rc-tabs .tabs a, .club-tabs .tabs a, .tm-tabs .tabs a { display: block; width: 100%; text-align: center; padding: 30px 0 20px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
.tcc-tabs .tabs a .iconfont, .rc-tabs .tabs a .iconfont, .tm-tabs .tabs a .iconfont { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.tcc-tabs .tabs a:hover, .tcc-tabs .tabs a.current, .rc-tabs .tabs a:hover, .rc-tabs .tabs a.current, .club-tabs .tabs a:hover, .club-tabs .tabs a.current, .tm-tabs .tabs a:hover, .tm-tabs .tabs a.current { background: #f1f1f1; color: #000 }
.tcc-tabs .tabs a:hover .iconfont, .tcc-tabs .tabs a.current .iconfont, .rc-tabs .tabs a:hover .iconfont, .rc-tabs .tabs a.current .iconfont, .tm-tabs .tabs a:hover .iconfont, .tm-tabs .tabs a.current .iconfont { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.tcc-tabs .tabs a h4, .rc-tabs .tabs a h4, .tm-tabs .tabs a h4 { margin-top: 5px }
.tcc-con01 { background: url(../images/club/tcc-bg01.png) #f2f9ff right bottom no-repeat; background-size: auto 100% }
.tcc-con02 { background: url(../images/club/tcc-bg02.jpg) left top no-repeat; background-size: cover }
.tcc-con02 .tcc-img { background: url(../images/club/tcc-img21.jpg) left top no-repeat; background-size: cover }

.rc-tabs .tabs li, .tm-tabs .tabs li { width: 33.33%; margin-right: 0 }
.rc-list { padding-left: 20px }
.rc-list li { list-style-type: disc; list-style-position: outside; margin-bottom: 10px }
.rc-list li:last-of-type { margin-bottom: 0 } 
.rc-con01 { background: url(../images/club/rc-bg.png) #dad3c9 center center no-repeat; background-size: auto 100% }
.rc-dl { margin-left: 3em }
.rc-dl dt { width: 3em; margin-left: -3em }

.hotel-txt01 { width: 330px }

/* .c-logobox img  { border: 1px solid #d5d5d5; box-sizing: border-box } */

/*-------------------加入我们-------------------*/
.join-show01 { background: rgba(75,42,109,1) }
a:hover .join-show01 { background: rgba(75,42,109,0.9) }

.join-show02 { background: rgba(227,123,0,1) }
a:hover .join-show02 { background: rgba(227,123,0,0.9) }

.post-form select { height: 72px; padding-left: 20px; padding-right: 35px; background: url(../images/join/arrows.png) #f7f7f7 center right no-repeat }
.post-form span { height: 72px; line-height: 72px }
.post-form input { margin-top: 16px; background: #f7f7f7; padding-left: 20px; margin-right: 20px }
.post-form input:focus { background: #f7f7f7; border: 1px solid #f7f7f7; border-bottom: 1px solid #ff871d }
.post-form .post-btn { width: 72px; height: 72px; line-height: 72px; text-align: center }
.post-form .post-btn:hover { background: #ff7200 }
.post-form .post-btn .iconfont { line-height: 72px }
.post-title { height: 56px; line-height: 28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.post-title h4 { max-width: 80% }
.post-title .icon-hot { right: -48px; top: -10px }
.post-txt { margin-right: 100px }
.post-txt dt { height: 22px; line-height: 22px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.post-txt dd { width: 100px; margin-right: -100px; text-align: right }

.sd-table th, .sd-table td { color: #585858; border-bottom: 1px solid #e6e6e6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.sd-table th { min-width: 80px; vertical-align: top; padding: 15px 15px 15px 0; font-size: 16px; font-weight: bold }
.sd-table td { padding: 15px 0 15px 15px }
.sd-table tr:nth-last-of-type(2) th, .sd-table tr:nth-last-of-type(2) td, .sd-table tr:last-of-type th, .sd-table tr:last-of-type td { border-bottom: 0 none }

.university-con02 { padding-top: 80px; padding-bottom: 80px; background: url(../images/join/university-bg02.jpg) #ececec center center no-repeat; background-size: 100% auto }
.university-tabs.tabs a { font-size: 18px; padding: 8px 20px }
.university-tabs.tabs a:hover, .university-tabs.tabs a.current { background: #00a6de; color: #fff }
.university-con02 dl, .property-con03 dl { margin-left: 140px }
.university-con02 dt, .property-con03 dt { width: 100px; margin-left: -140px }

/*-------------------联系我们-------------------*/
.ewm-box, .ewm-zb { width: 160px; height: 160px }
.ewm-box p { width: 110px; left: 100%; text-align: right }
.contact-mapbox { height: 480px; background: url(../images/contact/map.jpg) center center no-repeat; background-size: cover }
.ewm-touch .icon-weixin, .ewm-top-touch .icon-weixin { cursor: pointer }
.ewm-touch .ewm, .ewm-top-touch .ewm { width: 200px; position: absolute; left: -15px; bottom: 40px; z-index: 10; display: none }

.clip-check label { cursor: pointer; display: inline-block; font-size: 14px; margin-right: 15px; padding-left: 25px!important; position: relative; line-height: 22px; transition: border 0.2s linear 0s, color 0.2s linear 0s; white-space: nowrap; color: #848484; }
.clip-check label:hover { color: #0098e6; text-decoration: none }
.clip-check label:before { background-color: #ffffff; border: 1px solid #c8c7cc; content: ""; display: inline-block; width: 17px; height: 17px; border-radius: 10px; margin-right: 10px; position: absolute; top: 3px; left: 0; transition: border 0.2s linear 0s, color 0.2s linear 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.clip-check label:after { display: inline-block; font-size: 10px; width: 16px; height: 16px; position: absolute; top: 1px; left: 3px; transition: border 0.2s linear 0s, color 0.2s linear 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.clip-check input[type="radio"] { display: none; }
.clip-check input[type="radio"]:checked + label { color: #0098e6 }
.clip-check input[type="radio"]:checked + label:before { border-width: 1px; border-color: #0098e6 }
.clip-check input[type="radio"]:checked + label:after { border-width: 0; color: #0098e6; content: "\eaed"; font-family: "iconfont"; }


/*-------------------响应式css-------------------*/

@media ( min-width:1260px ) {
.container { width:1160px }
.pd-page .container { width:1060px }

}

@media ( min-width:1025px ) and ( max-width:1259px ) {
.container { width:960px }
.pd-page .container { width:820px }

.footbox .area_33 { width: 40% }
.footbox .area_66 { width: 60% }
.copyright { position: static; margin-top: 20px }

.com-list.row20 { margin-left: -10px; margin-right: -10px }
.com-list .area_33.padding20 { padding: 10px }
.com-list .area_33 .padding30 { padding: 20px }

.screen01 { float: none; margin: 0 auto }

.about-con02 .padding40 { padding: 30px }
.about-con02 .padding40 .com-rows_2 { padding-bottom: 30px }
.brand-con02 .item01 { right: 15% }
.brand-con02 .item02 { right: 19% }
.brand-con02 .item03 { right: 17.5% }
.brand-con02 .item04 { right: 21% }
.honor-con01 { height: 180px }
.honor-txt01 { left: 76px }
.honor-txt02 { left: 150px }
.honor-txt03 { left: 317px }
.honor-txt04 { left: 402px }
.honor-txt05 { right: -110px }
.honor-txt06 { right: -95px }
.honor-txt07 { top: 215px }

.news-owl h2 { font-size: 28px }
.newslist-txt { padding: 30px }
.newslist-title { font-size: 26px }

.pclub-con img.margintop20 { margin-top: 130px }

.estate-list.row20 { margin-left: -10px; margin-right: -10px }
.estate-list .area_33.padding20 { padding: 10px }
.estate-txt { padding: 20px; height: 245px }
.estate-price { position: static; margin-bottom: 5px }
.pd-imgtxt .area_46 { width: 47% }
.facility-con .padding40 { padding: 30px }
.house-txt { height: 120px; padding-top: 5px }

.office-txt01 { max-height: 200px; overflow-y: auto }

.onestop-con01 .imgw40 { max-width: 50% }

.innovation-card { height: 300px }

}

@media ( min-width:801px ) and ( max-width:1024px ) {	
h1, .h1 { font-size: 36px; line-height:1.1em }
h2, .h2 { font-size: 28px; line-height:1.1em }
h3, .h3 { font-size: 24px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }

.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.nav { margin-left: 70px }
.nav .menuLi { margin: 0 10px }

.footbox .area_33 { width: 40% }
.footbox .area_66 { width: 60% }
.copyright { position: static; margin-top: 20px }

.com-list.row20 { margin-left: -10px; margin-right: -10px }
.com-list .area_33.padding20 { padding: 10px }
.com-list .area_33 .padding30 { padding: 20px }

.level3-head { font-size: 32px }   

.screen01 { width: 800px; float: none; margin: 0 auto }  
.screen01 .hexagon02, .screen01 .hexagon02 .boxS, .screen01 .hexagon02 .boxT, .screen01 .hexagon02 .overlay, .screen01 .hexagon03, .screen01 .hexagon03 .boxS, .screen01 .hexagon03 .boxT, .screen01 .hexagon03 .overlay, .screen01 .hexagon05, .screen01 .hexagon05 .boxS, .screen01 .hexagon05 .boxT, .screen01 .hexagon05 .overlay, .screen01 .hexagon06, .screen01 .hexagon06 .boxS, .screen01 .hexagon06 .boxT, .screen01 .hexagon06 .overlay { width: 220px; height: 194px }
 { width: 220px; height: 194px }
.screen01 .hexagon03 { top: 118px; left: 316px }
.screen01 .hexagon04 { top: 328px; left: 334px }
.screen01 .hexagon05 { top: 10px; left: 495px }
.screen01 .hexagon06 { top: 215px; left: 495px }
.screen01 .hexagon07 { top: 130px; left: 675px }
.screen03 { width: 868px }
.screen03 .hexagon02, .screen03 .hexagon02 .boxS, .screen03 .hexagon02 .boxT, .screen03 .hexagon02 .overlay { width: 250px; height: 220px }
.screen03 .hexagon02 { top: 200px; left: 157px }
.screen03 .hexagon03 { left: 345px }
.screen03 .hexagon04 { left: 518px }
.screen03 .hexagon05 { left: 518px }
.screen03 .hexagon06 { left: 674px }
.screen03 .hexagon07 { left: 518px }
.screen04 .hexagon02, .screen04 .hexagon02 .boxS, .screen04 .hexagon02 .boxT, .screen04 .hexagon02 .overlay, .screen04 .hexagon03, .screen04 .hexagon03 .boxS, .screen04 .hexagon03 .boxT, .screen04 .hexagon03 .overlay { width: 350px; height: 307px }
.screen04 .hexagon02 { top: 65px; left: 150px }
.screen04 .hexagon03 { top: 160px; left: 360px }
.screen04 .hexagon03 .overlay .txtcon { left: 117px; top: 85px }
.screen04 .hexagon04 { left: 662px }

.about-con01 { margin-right: 0 }
.about-con01-r { margin-right: auto }
.about-con02 .padding40 { padding: 30px }
.about-con02 .padding40 .com-rows_2 { padding-bottom: 30px }
.mission-con01, .develop-con01 { padding-top: 100px; padding-bottom: 100px }
.mission-con02 { padding-top: 60px; padding-bottom: 100px }
.brand-con01, .brand-con02 { padding-top: 60px; padding-bottom: 60px }
.brand-con02 .item-left { width: calc(100% - 600px); padding-right: 30px } 
.brand-con02 .item-right { width: 600px; padding-left: 30px }
.brand-con02 .item01 { right: 10% }
.brand-con02 .item02 { right: 14% }
.brand-con02 .item03 { right: 12.5% }
.brand-con02 .item04 { right: 16% }
.honor-con01 { height: 150px }
.honor-con01 h6 { font-size: 14px }
.honor-txt01 { left: auto; right: 535px }
.honor-txt02 { left: auto; right: 475px }
.honor-txt03 { left: auto; right: 330px }
.honor-txt04 { top: -105px; left: auto; right: 170px }
.honor-txt05 { bottom: -123px; right: -90px }
.honor-txt06 { top: -105px; right: -105px }
.honor-txt07 { top: 202px }

.profile-bg02 { padding-top: 60px; padding-bottom: 60px }
.profile-bg02 .about-con01-r { width: 100%; height: 325px }

.newslist-txt { padding: 30px }
.newslist-title { font-size: 26px }

.pclub-con { margin-left: 400px }
.pclub-con-l { width: 360px; margin-left: -400px }
.pclub-con img.margintop20 { margin-top: 130px }

.estate-list .area_33 { width: 50% }
.pd-imgtxt .area_46 { width: 47% }
.facility-con .area_65, .facility-con .area_35 { width: 100% }
.facility-con .padding40 { padding: 30px }
.house-txt { height: 120px; padding-top: 0 }

.office-txt01 { max-height: 180px; overflow-y: auto }

.finance-card, .innovation-card { padding: 25px 25px 0 }
.innovation-card { height: 360px }

.property-con03 .area_66 { width: 100% }


.hotel-txt01 { width: 90% }
.hotel-txt01 .button-orange.margintop40 { margin-top: 20px }

.onestop-con01 ul.area_80 { width: 100% }
.onestop-con01 .imgw40 { max-width: 50%; margin-left: 20% }

}


@media ( max-width:1024px ) {
.profile-map { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }

.pclub-hexagoncon { width: 360px; height: 385px }
.pclub-con .hexagon01, .pclub-con .hexagon01 .boxS, .pclub-con .hexagon01 .boxT, .pclub-con .hexagon01 .overlay, .pclub-con .hexagon04, .pclub-con .hexagon04 .boxS, .pclub-con .hexagon04 .boxT, .pclub-con .hexagon04 .overlay { width: 140px; height: 124px; overflow: hidden }
.pclub-con .hexagon02, .pclub-con .hexagon02 .boxS, .pclub-con .hexagon02 .boxT, .pclub-con .hexagon02 .overlay, .pclub-con .hexagon03, .pclub-con .hexagon03 .boxS, .pclub-con .hexagon03 .boxT, .pclub-con .hexagon03 .overlay, .pclub-con .hexagon05, .pclub-con .hexagon05 .boxS, .pclub-con .hexagon05 .boxT, .pclub-con .hexagon05 .overlay { width: 125px; height: 110px; overflow: hidden }
.pclub-con .hexagon06, .pclub-con .hexagon06 .boxS, .pclub-con .hexagon06 .boxT, .pclub-con .hexagon06 .overlay { width: 80px; height: 71px; overflow: hidden }
.pclub-con .hexagon07, .pclub-con .hexagon07 .boxS, .pclub-con .hexagon07 .boxT, .pclub-con .hexagon07 .overlay { width: 90px; height: 80px; overflow: hidden }
.pclub-con .hexagon01 { top: 128px; left: 0 }
.pclub-con .hexagon02 { top: 75px; left: 118px }
.pclub-con .hexagon03 { top: 195px; left: 118px }
.pclub-con .hexagon04 { top: 0px; left: 215px }
.pclub-con .hexagon05 { top: 135px; left: 220px }
.pclub-con .hexagon06 { top: 312px; left: 170px }
.pclub-con .hexagon07 { top: 255px; left: 230px }

}