/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10梅16=62.5% */ }
body { font-size:14px; font-size:1.4rem; /* 12梅10=1.2 */ }
body { line-height:1.5em; font-family:"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",寰蒋闆呴粦,"simhei",榛戜綋,鏂扮窗鏄庨珨,Arial,"Lucida Grande",sans-serif; color:#000; background:#e0e2e4; height:100% }
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; width:expression(document.body.clientWidth <=1440? "1160px": "1440px" ); */background-color:#fff; padding-top: 86px; overflow: hidden }

.container { width: 92%; max-width:1440px; margin:0 auto }

/*-------------------瀹氫綅-------------------*/
.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-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }
.bottom0{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-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% }
.border-radius30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px }

/*-------------------閫忔槑搴?------------------*/
.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_6 { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.opacity0_9 { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9 }

/*-------------------瀛椾綋棰滆壊銆佹牱寮忋€佸瓧浣撻棿璺?------------------*/

.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-3_5x { font-size: 3.5em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-7x { font-size: 7em!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 }
.fontSize14 { font-size:14px }
.fontSize16 { font-size:16px }
.fontSize18 { font-size:18px }
.fontSize20 { font-size:20px; line-height: 1.2em }
.fontSize24 { font-size:24px; }
.fontSize26 { font-size:26px; line-height: 1em }
.fontSize30 { font-size:30px; line-height: 1em }
.fontSize32 { font-size:32px; line-height: 1em }
.fontSize34 { font-size:34px; line-height: 1em }
.fontSize40 { font-size:40px; 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: 36px; 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_7em { line-height:1.7em }
.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 }
.color090 { color:#090 }

.color656565 { color:#656565 }
.colord5d5d5 { color:#d5d5d5 }
.colorff0036 { color:#ff0036 }
.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 }
.color57c500 { color:#57c500 }
.color2aa346 { color:#2aa346 }
.color141414 { color:#141414 }
.color18a464 { color:#18a464 }
.color8c8c8c { color:#8c8c8c }
.color79c139 { color:#79c139 }
.colord7000f { color:#d7000f }
.color3e3e3e, .color3e3e3e a { color:#3e3e3e }
.color3e3e3e:hover, .color3e3e3e a:hover { color:#32b32f }

/*-------------------鑳屾櫙棰滆壊--------------------*/
.bgfff { background:#fff }
.bgeee { background:#eee }
.bgf2f2f2 { background:#f2f2f2 }
.bgf3f3f3 { background:#f3f3f3 }
.bgf5f5f5 { background:#f5f5f5 }
.bgf7f7f7 { background:#f7f7f7 }
.bgf9f9f9 { background:#f9f9f9 }
.bgfafafa { background:#fafafa }
.bgf4f4ef { background:#f4f4ef }
.bge9e9e9 { background:#e9e9e9 }
.bgececec { background:#ececec }
.bgc8c8c8 { background:#c8c8c8 }
.bg7d7d7d { background:#7d7d7d }
.bgd7d7d7 { background:#d7d7d7 }
.bg404040 { background:#404040 }
.bgdadada { background:#dadada }
.bgc2c2c2 { background:#c2c2c2 }
.bg656565 { background:#656565 }
.bgedede6 { background:#edede6 }
.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 }
.bgf3faf7 { background:#f3faf7 }
.bg79c139 { background:#79c139 }
.bg59c500 { background:#59c500 }
.bgd7000f { background:#d7000f }
.bge13a0c { background:#e13a0c }
.bgf0f6eb { background: #f0f6eb }

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

/*-------------------鍒嗗壊绾裤€佽竟妗?------------------*/
.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 }
.margintop2 { margin-top:2px }
.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 } 
.margintop50q { margin-top:50% } 
.margintop80 { margin-top:80px } 

.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 }
.marginleft25 { margin-left:25px }
.marginleft25q { margin-left:25% }
.marginleft30 { margin-left:30px }
.marginleft50 { margin-left:50px }
.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 }
.paddingtop8 { padding-top:8px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop40 { padding-top:40px }
.paddingtop47 { padding-top:47px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop88 { padding-top:88px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }
.paddingtop140 { padding-top:140px }

.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 }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft100 { padding-left:100px }
.paddingleft200 { padding-left:200px }

.paddingright0 { padding-right:0!important }
.paddingright2 { padding-right:2px }
.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 }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.margin20_auto { margin:20px auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.margin50_auto { margin:50% auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.padding60 { padding:60px; -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 }
.mo_dis{display: none;}
.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 }

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

/*-------------------瀹藉害銆侀珮搴?-------------------*/
.width8 { width:8% }
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width22 { width:22% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.imgw15 { display:block; max-width:15%; height:auto }
.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_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25, .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/*鏈€澶氭樉绀?琛岋紝瓒呭嚭鐪佺暐鍙?/ }
.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/*鏈€澶氭樉绀?琛岋紝瓒呭嚭鐪佺暐鍙?/ }
.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/*鏈€澶氭樉绀?琛岋紝瓒呭嚭鐪佺暐鍙?/ }

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

.language { width: 56px; margin-top: 24px; 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 }

@media ( min-width:1190px ) and ( max-width:1392px ) {
.logo { height: 46px; margin-top: 5px }
.nav .menuLi .mainmenu { padding-left:12px; padding-right:12px } 
}
@media ( min-width:1060px ) and ( max-width:1189px ) {
.logo { height: 36px; margin-top: 10px }
.nav .menuLi .mainmenu { padding-left:8px; padding-right:8px }
}
@media ( min-width:1024px ) and ( max-width:1059px ) {
.logo { height: 30px; margin-top: 13px }
.nav .menuLi .mainmenu { padding-left:6px; padding-right:6px }
}
@media ( min-width:800px ) and ( max-width:1023px ) {
.headmenu { position: relative }
.language { position: absolute; top: 20px; right: 0; margin-top: 0; margin-left: 0 }
.logo { width: auto; height: 30px; margin-top: 13px }
.nav { margin-top: 20px }
.nav .menuLi .mainmenu { height: 48px; line-height: 48px; padding-left:5px; padding-right:5px; font-size:12px }
}

/*-------------------搴曢儴閫氱敤-------------------*/
.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 }

.department-pop {display: none; width: 10em; position: absolute; left: 50%; margin-left:-5em; bottom: 30px; background: #fff; -moz-box-shadow:0 0 15px rgba(0,0,0,.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); }


/*-------------------棣栭〉-------------------*/
.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-stockdata { height: 48px }
/* .indexstocks #stock0 { margin-top: 5% }
.indexstocks #stock-down, .indexstocks #stock01{ margin-top: 14% } */

.index-padding { padding-top: calc(8vh); padding-bottom:  calc(8vh) }

.index-con01, .index-con02 { width: calc(46vw); max-width: 720px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.index-con01 { float: right }
.index-con02 { padding-left: calc(8vh) } 
.index-con02 .city_list li { white-space:nowrap } 

.index-business .area_20 { padding-right: 20px; box-sizing: border-box }
.index-business .area_20:nth-of-type(1) .iconfont { color: #5cb037 }
.index-business .area_20:nth-of-type(2) .iconfont { color: #ff007e }
.index-business .area_20:nth-of-type(3) .iconfont { color: #183dc6 }
.index-business .area_20:nth-of-type(4) .iconfont { color: #ed6f09 }
.index-business .area_20:nth-of-type(5) .iconfont { color: #268939 }

.censorCode { right: 0 }

/*-------------------婊氬姩鍐呭鍖哄煙-------------------*/
.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 }	
}

/*------------------鍐呴〉閫氱敤-------------------*/
.inside-contact { float: left }
.inside-contact-list li, .inside-contact-list li .iconfont { line-height: 22px }
.inside-contact-list li { margin-top: 5px }

.insidekv { width: 100%; height: 460px; background-repeat: no-repeat }
.insidekv-title { font-weight: bold; padding-top: 380px }
.about-insidekv { background: url(../images/about/about-insidekv.jpg) center center; background-size: cover }
.investor-insidekv { background: url(../images/investor/investor-insidekv.jpg) center center; background-size: cover }
.service-insidekv { background: url(../images/service/service-insidekv.jpg) center center; background-size: cover }
.responsibility-insidekv { background: url(../images/responsibility/RainbowLight-top.jpg) center bottom; background-size: cover }
.responsibility-insidekv2 { background: url(../images/responsibility/2024032902.jpg?v=0.1) center center; background-size: auto 100% }

/*闈㈠寘灞?/
.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: 48px; line-height: 48px; margin-right: 4% } 
.breadcrumb-else .iconfont { line-height: 48px }
.breadcrumb-dayin { width:66px; height: 48px; line-height: 48px; 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: 48px; line-height: 48px; position: relative; z-index: 100 }
.breadcrumb-share .share_more { font-size:14px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.breadcrumb-share .share_more:hover { color:#32b32f; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.breadcrumb-share-pop { width: 100%; height: 70px; text-align: center; background: #ececec; position: absolute; top: 48px; left: 0; display: none }
.breadcrumb-share-pop a { width: 100%; height: 30px; line-height: 30px }
.breadcrumb-share-pop a:first-of-type { padding-top: 5px }
.breadcrumb-share-pop a:last-of-type { padding-bottom: 5px }
.breadcrumb-share-pop a .iconfont { line-height: 30px; margin-right: 5px }
.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 }

.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; 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-con .kwicks-horizontal li:nth-of-type(1) .bc-img, .bc-con .kwicks-horizontal li:nth-of-type(4) .bc-img { background: url(../images/about/bc-bg.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(2) .bc-img, .bc-con .kwicks-horizontal li:nth-of-type(5) .bc-img { background: url(../images/about/bc-bg-b.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(3) .bc-img, .bc-con .kwicks-horizontal li:nth-of-type(6) .bc-img { background: url(../images/about/bc-bg-c.jpg) top center no-repeat ; background-size:cover }
/* .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, .bc-con .kwicks .kwicks-collapsed h4 { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.bc-con .kwicks h4 { height: 104px; line-height: 26px; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease }
.bc-con .kwicks .kwicks-expanded h4 { height: 26px }
.bc-img h5 { color: #57c500 }
.bc-img .line { display: block; width: 40px; height: 1px; line-height: 1px; background: #fff; margin-top: 15px; margin-bottom: 25px }
.bc-img h4 { font-size: 20px }
.bc-dl { margin-left:13em }
.bc-dl dt { width:13em; margin-left: -13em }
.bc-dl dd { width: 100% }
.haveline { width: 100%; padding-left: 25px; box-sizing: border-box; position: relative }
.haveline::before { content: ""; width: 20px; height: 1px; background: #fff; position: absolute; left: 0; top: 12px }

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


/* .history-honor { width:100%; height: 650px; background: url(../images/about/honor-bg.png) #9cc814 center center no-repeat; background-size:cover } 
.honor-shade { opacity: 0; background: #000; pointer-events: none }
.circle-con { width: 92%; max-width: 1440px; height: 450px; top: 110px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.circle { cursor: default; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; overflow: hidden }
.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) }
.circle::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s }
.circle.grayscale::before { background: rgba(0,0,0,0.6) }

.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: 46% }
.circle03 { width: 320px; height: 320px; padding: 50px 30px 0; top: -10%; left: 15% }
.circle04 { width: 200px; height: 200px; padding: 30px 20px 0; top: 5%; right: 17% }
.circle05 { width: 250px; height: 250px; padding: 40px 30px 0; bottom: -2%; right: 10% }
.circle06 { width: 166px; height: 166px; padding: 12px 20px 0; top: 5%; right: 0 }
.circle07 { width: 200px; height: 200px; padding: 40px 20px 0; top: 0; left: 44% }
.circle08 { width: 200px; height: 200px; padding: 40px 20px 0; bottom: -7%; left: 25% }

@media ( min-width:801px ) and ( max-width:1160px ) {
.circle02 { bottom: -5%; left: 51% }
.circle03 { top: -10%; left: 11% }
.circle04 { top: -5%; right: 16% }
.circle05 { right: 3% }
.circle06 { top: 11% }
.circle07 { top: 14% }
.circle08 { left: 28% }
}

 */

.history-honor { width:100%; height: 650px; background: url(../images/about/honor-bg.png) #9cc814 center center no-repeat; background-size:cover } 
.honor-shade { opacity: 0; background: #000 }

.circle-con { width: 90%; height: 450px; top: 110px; left: 5% }
.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: 46% }
.circle03 { width: 320px; height: 320px; padding: 50px 30px 0; top: -10%; left: 15% }
.circle04 { width: 200px; height: 200px; padding: 30px 20px 0; top: 5%; right: 17% }
.circle05 { width: 250px; height: 250px; padding: 40px 30px 0; bottom: -2%; right: 25% }
.circle06 { width: 180px; height: 180px; padding: 25px 20px 0; top: 45%; right: 7% }
.circle07 { width: 200px; height: 200px; padding: 40px 20px 0; top: 20%; left: 42% }
.circle08 { width: 200px; height: 200px; padding: 40px 20px 0; bottom: 0; left: 25% }

@media ( min-width:801px ) and ( max-width:1160px ) {
.history-honor { height: 540px }
.circle-con { width: 92%; height: 420px; top: 80px; left: 4% }
.circle04 { right: 10% }
.circle05 { right: 16% }
.circle06 { right: 0 }
.circle07 { width: 170px; height: 170px; padding: 20px 20px 0; left: 49% }
.circle08 { left: 30% }
}
@media ( max-width:800px ) {
.history-honor { height: 1060px }
.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: 42%; left: auto; right: 2% }
.circle03 { width: 260px; height: 260px; padding: 40px 30px 0; top: 0; left: 15% }
.circle04 { width: 190px; height: 190px; padding: 30px 20px 0; top: 46%; left: 2%; right: auto }
.circle05 { width: 250px; height: 250px; padding: 50px 30px 0; bottom: 9%; right: 2% }
.circle06 { width: 166px; height: 166px; padding: 25px 20px 0; top: auto; left: 0; bottom: 0; right: auto }
.circle07 { width: 160px; height: 160px; padding: 20px 20px 0; top: 42%; left: auto; right: 0 }
.circle08 { bottom: -12%; left: 35% }

}
 
.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-title { width:100%; text-align: center; padding-top: 12px; padding-bottom: 12px; font-size: 24px; line-height: 1.2em; color: #fff;  bottom: 0; background: rgba(0,0,0,0.6); background: #000}
.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:20px; 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 }

.newsd-con01 h1 { font-size: 24px; line-height: 1.3em }

.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 { margin-top: 10px }
.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; }
.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-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: 20%; height:72px; line-height: 72px }
.invs-tableli08 { text-align: center; width: 60%; height:36px; line-height: 36px }

.invs-tableli09 { width: 40% }

.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;position: absolute; }
.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;padding-top: 100px; overflow: scroll; height: 100%; }

.contact-box { background: url(../images/contact-bg.png) #f8f8f8 bottom center no-repeat; background-size: cover; min-height: calc(100vh - 233px); box-sizing: border-box }
.contact-inputlist li { margin-bottom: 15px }
input.contact-input { width:600px; line-height: 40px; height:40px }
select.contact-input {padding-left: 10px;padding-right: 10px;border: 1px solid #f5f5f5;line-height: 40px; height:40px; background-color: #f5f5f5;-webkit-appearance: auto;}
.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-con01 { background: url(../images/business/business-con01bg.jpg) center center no-repeat; background-size: cover }

.business-select-box { width: 200px }
.business-select-box .icon-down { position: absolute; top: 13px; right: 10px; z-index: 2; pointer-events: none }
.business-select-box select { width: 99px; background: #fff; border: 1px solid #fff; line-height: 22px; padding: 8px 10px }
.business-select-box select:focus { border: 1px solid #59c400 }
.business-select-box>div:first-of-type { margin-right: 2px }

.business-input-box { width: calc(100% - 210px); background: #fff }
.business-input-box input { background: #fff; border: 1px solid #fff; line-height: 22px; padding: 8px 10px }
.business-input-box input:focus { border: 1px solid #59c400 }
.business-input-box a { height: 40px; line-height: 40px; text-align: center }
.business-input-box a .iconfont { line-height: 40px }
.business-input-box a:hover { background: #59c400; color: #fff }

.in-sykf, .in-sygl, .in-dyyw { min-height: 410px }
.in-sykf-img { background: url(../images/business/in-sykf.jpg?v0.2) right bottom no-repeat; background-size: cover; pointer-events: none }
.in-sygl-img { background: url(../images/business/in-sygl.jpg?v0.1) center bottom no-repeat; background-size: cover; pointer-events: none }
.in-dyyw-img { background: url(../images/business/in-dyyw.jpg?v0.1) center center no-repeat; background-size: cover; pointer-events: none }
.in-dyyw-a { margin-top: 25px } 
.in-dyyw-a a { color: #595959; line-height: 40px; margin-top: 25px }
.in-dyyw-a a .iconfont { font-size: 24px!important; color: #b2b2b2; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 10px; right: -20px; transition: all 0.2s }
.in-dyyw-a a:hover .iconfont { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right: -50px }

.residence-insidekv { background: url(../images/business/residence-insidekv.jpg?v0.1) center right; background-size:cover }
.b-operationlist .residence-classify:nth-of-type(1) { margin-top: 20px }
.residence-classifyh5 { margin-top: calc(11%) }
.residence-classify { margin-top: calc(11%) }
.residence-classify h5 { display: inline-block; padding-right: 10px; background: #f7f7f7 }
.residence-classify span { display: inline-block; padding-left: 10px; background: #f7f7f7; color: rgba(0,0,0,0.5) }
.residence-classify .line-000_10 { position: absolute; top: 10px; left: 0; z-index: -1 }
.city-ul a { display: inline-block; line-height: 22px }

.item-name { width: 350px }
.item-list { width: calc(100% - 350px); padding-left: 50px; box-sizing: border-box }
.city-list li { width: 150px; margin-right: 10px; margin-top: 5px }
.city-list a { display: block; width: 100%; height: 28px; line-height: 28px; padding:0 10px; box-sizing: border-box; background: #f7f7f7; white-space:nowrap }
.city-list li:nth-of-type(4n) a, .city-list li:nth-of-type(4n+1) a { background: #fafafa }
.city-list a:hover { background: #fff }

#ui-porject-list, #ui-search-list { margin-left: -15px; margin-right: -15px }
.project-listcon { padding: 15px }
.city-address { padding-left: 25px }
.city-address dt { margin-left: -25px }


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

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

.imgtxt-con .area_50:nth-of-type(1) { padding-right: 30px; box-sizing: border-box }
.imgtxt-con .area_50:nth-of-type(2) { padding-left: 30px; box-sizing: border-box }

.bdevelop-insidekv { background: url(../images/business/bdevelop-insidekv.jpg?v0.1) center right; background-size: cover }

.boperation-insidekv { background: url(../images/business/boperation-insidekv.jpg?v0.1) center right; background-size: cover }

.bi-tab { overflow: hidden; display: table; width: auto; margin: 0 auto }
.bi-tab li { display: table-cell; width: auto }
.bi-tab a { display: inline-block; padding: 0 30px; height: 60px; line-height: 60px }
.bi-tab a:hover, .bi-tab a:focus, .bi-tab a.this { background: #59c400; color: #fff }


.ewm-xcx { margin-left: 40px }

.button-mail { padding: 15px 60px; font-size: 16px;line-height: 1em; border-radius: 50px;}
.button-mail:hover {color: #fff; background: #50b000;}
.row20 { margin-left: -20px; margin-right: -20px }
.addRedStar::before {content: '*'; color: #880402; font-size: 18px;}
.yixiang-mail input.contact-input {width: 100%;}
.yixiang-mail .popup-close {top: 20px;}

/*------------------瀹㈡埛鏈嶅姟-------------------*/
.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; background: url(../images/service/4008service-bg.png) #84ca2e center bottom no-repeat; background-size: 100% auto; box-sizing: border-box; min-height: calc(100vh - 233px) }  




/*------------------绀句細璐ｄ换-------------------*/
.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 }


.think-con01 { padding-top: 160px; padding-bottom: 160px; 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 { 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% }


.hiSlidertop .hiSlider-item { width: 100% }

/*------------------鍔犲叆鏂板煄-------------------*/
.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; color: #fff }
.recruit-a01.mo_adis, .recruit-tab a.mo_adis { display: none }
.recruit-a01:hover { background: rgba(85,210,254,1); color: #fff }

.recruit-tab { background: rgba(62,192,69,0.9); background: #3ec045 }
.recruit-tab a { display: inline-block; 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-last-child(1) { 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 }



/* ----------------------2020鏀圭増鏂板---------------------- */
/* 鏂板 瀹㈡埛鏈嶅姟 骞哥360 */
/* .xf-bg {background:url(../images/service/360_02.png?v0.1) center center no-repeat;background-size: cover; height: calc(50vh); min-height: 530px;}
.xf-bg .container {top: auto; bottom: -10%;}
.xf-tit {color: #4b8f37;position: relative; line-height: 1.3em;}
.xf-tit i{ background-color: #4b8f37; position: absolute;color: #fff;border-radius: 5px;width: 35px; text-align: center;height: 20px;line-height: 20px; font-weight: 500;}
.letter-spacing10 {letter-spacing:10px;color: #4b8f37; display: inline-block;}
.xf-bg .poabsolute-h50 {top: 50%;} 
.color4b8f37 {color: #4b8f37;} */

#cboxLoadedContent{border: none!important;}
.product-tile .slideUpIn100 {visibility: visible;animation-name: slideUpIn100;}
.product-tile .animate {animation-duration: .8s;}
.product-tile:hover, .product-tile .product-name:hover{cursor: pointer;color:#7fce3e;  transform:scale(1.1);-moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s }
#cboxClose{background:none!important;color: #fff!important;}

/* 骞哥360 2021鏀圭増 */
.masking {
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(53, 52, 52, 0.9);
	display:none;
	top:0;
	left:0;
	z-index: 999;
}
.layer {
	width:100%;
	height:100%;
}
.close {
	position:absolute;
	right:15px;
	top:5%;
	font-size: 32px;
	color: #fff;
}
.ji{width: 50px;}
.xf-boxbg{
	background: url(/images/service/360-img_03.png)right center no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(26vh);
	min-height: 200px;
	left: -30px;
	top: 78px;
}















/* -----------鍏氬缓----------- */
.party-head { padding-top: 70px; padding-bottom: 40px; background: url(../images/party/party-head.jpg) center bottom no-repeat; background-size: cover }
.party-con { background: url(../images/party/party-bg.jpg) #f8f8f8 center bottom no-repeat; background-size: 100% auto }
.party-list: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) }

.incorrupt-con>div { max-width: 300px; margin: auto }
.incorrupt-con>div .width70 { padding-top: 20%; box-sizing: border-box }
.incorrupt-con>div .width70 img { max-width: 100px }

@media ( min-width:900px ) and ( max-width:1060px ) {	
.incorrupt-con>div .width70 { padding-top: 15% }
.incorrupt-con>div .width70 img { max-width: 80px }
}
@media ( max-width:800px ) {
	.mo_marginleft0 { margin-left:0 !important }
	.mo_paddingleft0 { padding-left:0 !important }
	.mo_container{width: 92%;margin: 0 auto !important;}	
.incorrupt-con { width: 50% }
.incorrupt-con:nth-of-type(3), .incorrupt-con:nth-of-type(4) { margin-top: 20px }

.pcnone{display: none;}
.ydblock{display: block !important;}

.censorCode { right: auto;left: 0;bottom: 40px }
.btnswer{border-radius: 20px;}

}

@media ( max-width:1500px ) {
	.w1560 .btnste{width: 287px !important;}
	.rushetimg{width: 15px !important;}
	.width180{width: 180px !important;    font-size: 16px;}
	.bgborder{width:100%;min-height:467px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
	.areatip{float:left; width: 34% !important;; }
	.areatipone{float:left; width: 58% !important;; }
	.xf-bg .poabsolute-h50 {top: 76%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(28vh)!important;
		min-height: 200px;
		left: -16px;
		top: 81px!important;
	}
}
@media ( min-width:1460px )and ( max-width:1500px ) {
	.height110{height: calc(107vh);}
	.bgborder{width:100%;min-height:474px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
	.areatip{float:left; width: 36% !important;; }
	.areatipone{float:left; width: 64% !important;; }
	.xf-bg .poabsolute-h50 {top: 76%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(28vh)!important;
		min-height: 200px;
		left: -16px;
		top: 98px!important;
	}
}
@media ( max-width:1460px ) {
	.height110{height: calc(107vh);}
	.bgborder{width:100%;min-height:474px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
	.areatip{float:left; width: 36% !important;; }
	.areatipone{float:left; width: 66% !important;; }
	.xf-bg .poabsolute-h50 {top: 68%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(30vh)!important;
		min-height: 200px;
		left: -16px;
		top: 71px!important;
	}
}
@media ( min-width:1400px )and ( max-width:1450px ) {
	.height110{height: calc(107vh);}
	.bgborder{width:100%;min-height:474px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
	.areatip{float:left; width: 36% !important;; }
	.areatipone{float:left; width: 66% !important;; }
	.xf-bg .poabsolute-h50 {top: 64%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(30vh)!important;
		min-height: 200px;
		left: -16px;
		top: 58px!important;
	}
}
@media ( min-width:1310px )and ( max-width:1390px ) {
	.height110{height: calc(107vh);}
	.bgborder{width:100%;min-height:474px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
	.areatip{float:left; width: 40% !important;; }
	.areatipone{float:left; width: 73% !important;; }
	.xf-bg .poabsolute-h50 {top: 64%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(30vh)!important;
		min-height: 200px;
		left: -16px;
		top: 58px!important;
	}
}

@media ( min-width:1260px ) and ( max-width:1300px ) {
	.height110{height: calc(107vh);}
	.bgborder{width:100%;min-height:474px!important; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
	.areatip{float:left; width: 38% !important;; }
	.areatipone{float:left; width: 63% !important;; }
	.xf-bg .poabsolute-h50 {top: 64%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(31vh)!important;
		min-height: 200px;
		left: -16px;
		top: 42px!important;
	}
}
@media ( min-width:1190px ) and ( max-width:1220px ) {
	.bghhh{height: calc(65vh);}
	.areatip{float:left; width: 43% !important;; }
	.areatipone{float:left; width: 63% !important;; }
	.xf-bg .poabsolute-h50 {top: 60%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(35vh)!important;
		min-height: 200px;
		left: -30px;
		top: 0px!important;
	}
}
@media ( min-width:1230px ) and ( max-width:1259px ) {
	.bghhh{height: calc(65vh);}
	.areatip{float:left; width: 41% !important;; }
	.areatipone{float:left; width: 61% !important;; }
	.xf-bg .poabsolute-h50 {top: 65%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(33vh)!important;
		min-height: 200px;
		left: -30px;
		top: 13px!important;
	}
}

@media ( min-width:1000px ) and ( max-width:1040px ) {
	.areatip{float:left; width: 47% !important;; }
	.areatipone{float:left; width: 60% !important;; }
	.areawidth{width: 82%!important;}
	.xf-bg .poabsolute-h50 {top: 82%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(28vh)!important;
		min-height: 200px;
		left: -30px;
		top: 37px!important;
	}

}
@media( min-width:1040px )and ( max-width:1050px ){
	.areatip{float:left; width: 47% !important;; }
	.areatipone{float:left; width: 60% !important;; }
	.areawidth{width: 82%!important;}
	.xf-bg .poabsolute-h50 {top: 82%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(26vh)!important;
		min-height: 200px;
		left: -30px;
		top: 120px!important;
	}

}
@media( min-width:1050px ) and ( max-width:1080px ){
	.areatip{float:left; width: 50% !important;; }
	.areatipone{float:left; width: 58% !important;; }
	.areawidth{width: 80%!important;}
	.xf-bg .poabsolute-h50 {top: 103%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(24vh)!important;
		min-height: 200px;
		left: -30px;
		top: 155px!important;
	}

}
@media( max-width:1090px ){
	.areatip{float:left; width: 50% !important;; }
	.areatipone{float:left; width: 58% !important;; }
	.areawidth{width: 80%!important;}
	.xf-bg .poabsolute-h50 {top: 65%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(36vh)!important;
		min-height: 200px;
		left: -30px;
		top: -10px!important;
	}

}

@media ( min-width:1150px ) and ( max-width:1190px ){
	.areatip{float:left; width: 43% !important;; }
	.areatipone{float:left; width: 63% !important;; }
	.areawidth{width: 80%!important;}
	.xf-bg .poabsolute-h50 {top: 64%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(34vh)!important;
		min-height: 200px;
		left: -30px;
		top: 6px!important;
		/* line-height: 2.4em!important; */
	}

}
@media ( min-width:1100px ) and ( max-width:1140px ) {
	.areatip{float:left; width: 47% !important;; }
	.areatipone{float:left; width: 60% !important;; }
	.areawidth{width: 82%!important;}
	.xf-bg .poabsolute-h50 {top: 70%!important;} 
	.xf-boxbg{
		background: url(/images/service/360-img_03.png)right center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(31vh)!important;
		min-height: 200px;
		left: -18px;
		top: 24px!important;
	}

}

/* .think-con02{padding-top: 160px;
    padding-bottom: 160px;
    background: url(../images/xcfz.png) right bottom no-repeat;
	background-size: 424px;
 } */

.ydnone{display: none;}
.minh{ min-height: 66px; display: -webkit-box; display: -ms-flexbox;display: flex;    justify-content: center;	-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btnste{display: flex;align-items: center;padding: 10px 30px;border-radius: 37px;width: 460px;cursor: pointer;}


/* 913涓冭壊鍏 */
.sevenbg{background: url(/images/responsibility/sevencoor/seven05_02_02.png)center center no-repeat;background-size: cover;height:calc(210vh);}
.border1{border: 1px solid #ccc;}
.hg{height:calc(64vh);}
.margintop60{margin-top: 60px;}
.poabsolute-wh91 { position:absolute; bottom:89.7%; 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%) }
.sevenbg2{background: url(/images/responsibility/sevencoor/seven04_03.png)center center no-repeat;background-size: cover;}
.top91{top:91%;}
.poabsolute-wh61 { position:absolute; top:61%; left:40%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.top30{position: absolute;left: 16%; top:19%;}
.color006837{color:#006837;}
.top31{position: absolute;left: 16%; top:36%;}
.top50{position: absolute;left: 16%; top:46%;}
.height25{height:calc(35vh);}
.colorf7931e{color:#f7931e}
.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 }
.paddingleft60 { padding-left:60px }
.paddingleft100 { padding-left:100px }

.paddingright0 { padding-right:0!important }
.paddingright2 { padding-right:2px }
.paddingright10 { padding-right:10px }
.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 }
.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 }
.padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding60 { padding:60px; -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 }

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

/*-------------------瀹藉害銆侀珮搴?-------------------*/
.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% }
.width49 { width:49% }
.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% }

.imgw15 { display:block; max-width:15%; height:auto }
.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_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25, .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/*鏈€澶氭樉绀?琛岋紝瓒呭嚭鐪佺暐鍙?/ }
.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/*鏈€澶氭樉绀?琛岋紝瓒呭嚭鐪佺暐鍙?/ }
.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/*鏈€澶氭樉绀?琛岋紝瓒呭嚭鐪佺暐鍙?/ }

.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%; 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; 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 .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; padding-right:10px; 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 }

.language { width: 56px; margin-top: 24px; 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 }

@media ( min-width:1190px ) and ( max-width:1392px ) {
.logo { height: 46px; margin-top: 5px }
.nav .menuLi .mainmenu { padding-left:12px; padding-right:12px } 
}
@media ( min-width:1060px ) and ( max-width:1189px ) {
.logo { height: 36px; margin-top: 10px }
.nav .menuLi .mainmenu { padding-left:8px; padding-right:8px }
}
@media ( min-width:1024px ) and ( max-width:1059px ) {
.logo { height: 30px; margin-top: 13px }
.nav .menuLi .mainmenu { padding-left:6px; padding-right:6px }
}
@media ( min-width:800px ) and ( max-width:1023px ) {
.headmenu { position: relative }
.language { position: absolute; top: 20px; right: 0; margin-top: 0; margin-left: 0 }
.logo { width: auto; height: 30px; margin-top: 13px }
.nav { margin-top: 20px }
.nav .menuLi .mainmenu { height: 48px; line-height: 48px; padding-left:5px; padding-right:5px; font-size:12px }
}

/*-------------------搴曢儴閫氱敤-------------------*/
.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 }


.wangjing-t { width:200px; height:auto; position: absolute; left:-90px; z-index: 100; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wangjing { height: 26px; margin-right: 10px }

/*-------------------棣栭〉-------------------*/
.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-stockdata { height: 48px }
/* .indexstocks #stock0 { margin-top: 5% }
.indexstocks #stock-down, .indexstocks #stock01{ margin-top: 14% } */

.index-padding { padding-top: calc(8vh); padding-bottom:  calc(8vh) }

.index-con01, .index-con02 { width: calc(46vw); max-width: 720px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.index-con01 { float: right }
.index-con02 { padding-left: calc(8vh) } 
.index-con02 .city_list li { white-space:nowrap } 

.index-business .area_20 { padding-right: 20px; box-sizing: border-box }
.index-business .area_20:nth-of-type(1) .iconfont { color: #5cb037 }
.index-business .area_20:nth-of-type(2) .iconfont { color: #ff007e }
.index-business .area_20:nth-of-type(3) .iconfont { color: #183dc6 }
.index-business .area_20:nth-of-type(4) .iconfont { color: #ed6f09 }
.index-business .area_20:nth-of-type(5) .iconfont { color: #268939 }

.censorCode { right: 0 }

/*-------------------婊氬姩鍐呭鍖哄煙-------------------*/
.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 }	
}

/*------------------鍐呴〉閫氱敤-------------------*/
.inside-contact { float: left }
.inside-contact-list li, .inside-contact-list li .iconfont { line-height: 22px }
.inside-contact-list li { margin-top: 5px }

.insidekv { width: 100%; height: 460px; background-repeat: no-repeat }
.insidekv-title { font-weight: bold; padding-top: 380px }
.about-insidekv { background: url(../images/about/about-insidekv.jpg) center center; background-size: cover }
.investor-insidekv { background: url(../images/investor/investor-insidekv.jpg) center center; background-size: cover }
.service-insidekv { background: url(../images/service/service-insidekv.jpg) center center; background-size: cover }
.responsibility-insidekv { background: url(../images/responsibility/RainbowLight-top.jpg) center bottom; background-size: cover }
.responsibility-insidekv2 { background: url(../images/responsibility/2024032902.jpg?v=0.1) center center; background-size: auto 100% }

/*闈㈠寘灞?/
.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 }

.slide-bg{width: 620px;}
.slide-img{width: 220px;}
.slide-txt{width: 380px;}



.breadcrumb-else { height: 48px; line-height: 48px; margin-right: 4% } 
.breadcrumb-else .iconfont { line-height: 48px }
.breadcrumb-dayin { width:66px; height: 48px; line-height: 48px; 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: 48px; line-height: 48px; position: relative; z-index: 100 }
.breadcrumb-share .share_more { font-size:14px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.breadcrumb-share .share_more:hover { color:#32b32f; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.breadcrumb-share-pop { width: 100%; height: 70px; text-align: center; background: #ececec; position: absolute; top: 48px; left: 0; display: none }
.breadcrumb-share-pop a { width: 100%; height: 30px; line-height: 30px }
.breadcrumb-share-pop a:first-of-type { padding-top: 5px }
.breadcrumb-share-pop a:last-of-type { padding-bottom: 5px }
.breadcrumb-share-pop a .iconfont { line-height: 30px; margin-right: 5px }
.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 }

.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; 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-con .kwicks-horizontal li:nth-of-type(1) .bc-img, .bc-con .kwicks-horizontal li:nth-of-type(4) .bc-img { background: url(../images/about/bc-bg.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(2) .bc-img, .bc-con .kwicks-horizontal li:nth-of-type(5) .bc-img { background: url(../images/about/bc-bg-b.jpg) top center no-repeat ; background-size:cover }
.bc-con .kwicks-horizontal li:nth-of-type(3) .bc-img, .bc-con .kwicks-horizontal li:nth-of-type(6) .bc-img { background: url(../images/about/bc-bg-c.jpg) top center no-repeat ; background-size:cover }
/* .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, .bc-con .kwicks .kwicks-collapsed h4 { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.bc-con .kwicks h4 { height: 104px; line-height: 26px; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease }
.bc-con .kwicks .kwicks-expanded h4 { height: 26px }
.bc-img h5 { color: #57c500 }
.bc-img .line { display: block; width: 40px; height: 1px; line-height: 1px; background: #fff; margin-top: 15px; margin-bottom: 25px }
.bc-img h4 { font-size: 20px }
.bc-dl { margin-left:13em }
.bc-dl dt { width:13em; margin-left: -13em }
.bc-dl dd { width: 100% }
.haveline { width: 100%; padding-left: 25px; box-sizing: border-box; position: relative }
.haveline::before { content: ""; width: 20px; height: 1px; background: #fff; position: absolute; left: 0; top: 12px }

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


/* .history-honor { width:100%; height: 650px; background: url(../images/about/honor-bg.png) #9cc814 center center no-repeat; background-size:cover } 
.honor-shade { opacity: 0; background: #000; pointer-events: none }
.circle-con { width: 92%; max-width: 1440px; height: 450px; top: 110px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.circle { cursor: default; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; overflow: hidden }
.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) }
.circle::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s }
.circle.grayscale::before { background: rgba(0,0,0,0.6) }

.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: 46% }
.circle03 { width: 320px; height: 320px; padding: 50px 30px 0; top: -10%; left: 15% }
.circle04 { width: 200px; height: 200px; padding: 30px 20px 0; top: 5%; right: 17% }
.circle05 { width: 250px; height: 250px; padding: 40px 30px 0; bottom: -2%; right: 10% }
.circle06 { width: 166px; height: 166px; padding: 12px 20px 0; top: 5%; right: 0 }
.circle07 { width: 200px; height: 200px; padding: 40px 20px 0; top: 0; left: 44% }
.circle08 { width: 200px; height: 200px; padding: 40px 20px 0; bottom: -7%; left: 25% }

@media ( min-width:801px ) and ( max-width:1160px ) {
.circle02 { bottom: -5%; left: 51% }
.circle03 { top: -10%; left: 11% }
.circle04 { top: -5%; right: 16% }
.circle05 { right: 3% }
.circle06 { top: 11% }
.circle07 { top: 14% }
.circle08 { left: 28% }
}

 */

.history-honor { width:100%; height: 650px; background: url(../images/about/honor-bg.png) #9cc814 center center no-repeat; background-size:cover } 
.honor-shade { opacity: 0; background: #000 }

.circle-con { width: 90%; height: 450px; top: 110px; left: 5% }
.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: 46% }
.circle03 { width: 320px; height: 320px; padding: 50px 30px 0; top: -10%; left: 15% }
.circle04 { width: 200px; height: 200px; padding: 30px 20px 0; top: 5%; right: 17% }
.circle05 { width: 250px; height: 250px; padding: 40px 30px 0; bottom: -2%; right: 25% }
.circle06 { width: 180px; height: 180px; padding: 25px 20px 0; top: 45%; right: 7% }
.circle07 { width: 200px; height: 200px; padding: 40px 20px 0; top: 20%; left: 42% }
.circle08 { width: 200px; height: 200px; padding: 40px 20px 0; bottom: 0; left: 25% }

@media ( min-width:801px ) and ( max-width:1160px ) {
.history-honor { height: 540px }
.circle-con { width: 92%; height: 420px; top: 80px; left: 4% }
.circle04 { right: 10% }
.circle05 { right: 16% }
.circle06 { right: 0 }
.circle07 { width: 170px; height: 170px; padding: 20px 20px 0; left: 49% }
.circle08 { left: 30% }
}
@media ( max-width:800px ) {
.history-honor { height: 1060px }
.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: 42%; left: auto; right: 2% }
.circle03 { width: 260px; height: 260px; padding: 40px 30px 0; top: 0; left: 15% }
.circle04 { width: 190px; height: 190px; padding: 30px 20px 0; top: 46%; left: 2%; right: auto }
.circle05 { width: 250px; height: 250px; padding: 50px 30px 0; bottom: 9%; right: 2% }
.circle06 { width: 166px; height: 166px; padding: 25px 20px 0; top: auto; left: 0; bottom: 0; right: auto }
.circle07 { width: 160px; height: 160px; padding: 20px 20px 0; top: 42%; left: auto; right: 0 }
.circle08 { bottom: -12%; left: 35% }

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

.news-hiSlider2 .hiSlider-title { width:100%; text-align: center; padding-top: 12px; padding-bottom: 12px; font-size: 24px; line-height: 1.2em; color: #fff;  bottom: 0; background: rgba(0,0,0,0.6); background: #000 }
.news-hiSlider2 .hiSlider-pages { width: 100%; text-align: center; bottom:16px }
.news-hiSlider2 .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:20px; 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 }

.newsd-con01 h1 { font-size: 24px; line-height: 1.3em }

.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 { margin-top: 10px }
.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; }
.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-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: 20%; height:72px; line-height: 72px }
.invs-tableli08 { text-align: center; width: 60%; height:36px; line-height: 36px }

.invs-tableli09 { width: 40% }

.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;position: absolute; }
.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;padding-top: 100px; overflow: scroll; height: 100%; }

.contact-box { background: url(../images/contact-bg.png) #f8f8f8 bottom center no-repeat; background-size: cover; min-height: calc(100vh - 233px); box-sizing: border-box }
.contact-inputlist li { margin-bottom: 15px }
input.contact-input { width:600px; line-height: 40px; height:40px }
select.contact-input {padding-left: 10px;padding-right: 10px;border: 1px solid #f5f5f5;line-height: 40px; height:40px; background-color: #f5f5f5;-webkit-appearance: auto;}
.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-con01 { background: url(../images/business/business-con01bg.jpg) center center no-repeat; background-size: cover }

.business-select-box { width: 200px }
.business-select-box .icon-down { position: absolute; top: 13px; right: 10px; z-index: 2; pointer-events: none }
.business-select-box select { width: 99px; background: #fff; border: 1px solid #fff; line-height: 22px; padding: 8px 10px }
.business-select-box select:focus { border: 1px solid #59c400 }
.business-select-box>div:first-of-type { margin-right: 2px }

.business-input-box { width: calc(100% - 210px); background: #fff }
.business-input-box input { background: #fff; border: 1px solid #fff; line-height: 22px; padding: 8px 10px }
.business-input-box input:focus { border: 1px solid #59c400 }
.business-input-box a { height: 40px; line-height: 40px; text-align: center }
.business-input-box a .iconfont { line-height: 40px }
.business-input-box a:hover { background: #59c400; color: #fff }

.in-sykf, .in-sygl, .in-dyyw { min-height: 410px }
.in-sykf-img { background: url(../images/business/in-sykf.jpg?v0.2) right bottom no-repeat; background-size: cover; pointer-events: none }
.in-sygl-img { background: url(../images/business/in-sygl.jpg?v0.1) center bottom no-repeat; background-size: cover; pointer-events: none }
.in-sygl-img2 { background: url(../images/business/in-gaotie.jpg) center bottom no-repeat; background-size: cover; pointer-events: none }
.in-dyyw-img { background: url(../images/business/in-dyyw.jpg?v0.1) center center no-repeat; background-size: cover; pointer-events: none }
.in-dyyw-a { margin-top: 25px } 
.in-dyyw-a a { color: #595959; line-height: 40px; margin-top: 25px }
.in-dyyw-a a .iconfont { font-size: 24px!important; color: #b2b2b2; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 10px; right: -20px; transition: all 0.2s }
.in-dyyw-a a:hover .iconfont { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right: -50px }

.residence-insidekv { background: url(../images/business/residence-insidekv.jpg?v0.1) center right; background-size:cover }
.b-operationlist .residence-classify:nth-of-type(1) { margin-top: 20px }
.residence-classifyh5 { margin-top: calc(11%) }
.residence-classify { margin-top: calc(11%) }
.residence-classify h5 { display: inline-block; padding-right: 10px; background: #f7f7f7 }
.residence-classify span { display: inline-block; padding-left: 10px; background: #f7f7f7; color: rgba(0,0,0,0.5) }
.residence-classify .line-000_10 { position: absolute; top: 10px; left: 0; z-index: -1 }
.city-ul a { display: inline-block; line-height: 22px }

.item-name { width: 350px }
.item-list { width: calc(100% - 350px); padding-left: 50px; box-sizing: border-box }
.city-list li { width: 150px; margin-right: 10px; margin-top: 5px }
.city-list a { display: block; width: 100%; height: 28px; line-height: 28px; padding:0 10px; box-sizing: border-box; background: #f7f7f7; white-space:nowrap }
.city-list li:nth-of-type(4n) a, .city-list li:nth-of-type(4n+1) a { background: #fafafa }
.city-list a:hover { background: #fff }

#ui-porject-list, #ui-search-list { margin-left: -15px; margin-right: -15px }
.project-listcon { padding: 15px }
.city-address { padding-left: 25px }
.city-address dt { margin-left: -25px }


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

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

.imgtxt-con .area_50:nth-of-type(1) { padding-right: 30px; box-sizing: border-box }
.imgtxt-con .area_50:nth-of-type(2) { padding-left: 30px; box-sizing: border-box }

.bdevelop-insidekv { background: url(../images/business/bdevelop-insidekv.jpg?v0.1) center right; background-size: cover }

.boperation-insidekv { background: url(../images/business/boperation-insidekv.jpg?v0.1) center right; background-size: cover }

.bi-tab { overflow: hidden; display: table; width: auto; margin: 0 auto }
.bi-tab li { display: table-cell; width: auto }
.bi-tab a { display: inline-block; padding: 0 30px; height: 60px; line-height: 60px }
.bi-tab a:hover, .bi-tab a:focus, .bi-tab a.this { background: #59c400; color: #fff }


.ewm-xcx { margin-left: 40px }

.button-mail { padding: 15px 60px; font-size: 16px;line-height: 1em; border-radius: 50px;}
.button-mail:hover {color: #fff; background: #50b000;}
.row20 { margin-left: -20px; margin-right: -20px }
.addRedStar::before {content: '*'; color: #880402; font-size: 18px;}
.yixiang-mail input.contact-input {width: 100%;}
.yixiang-mail .popup-close {top: 20px;}

/*------------------瀹㈡埛鏈嶅姟-------------------*/
.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; background: url(../images/service/4008service-bg.png) #84ca2e center bottom no-repeat; background-size: 100% auto; box-sizing: border-box; min-height: calc(100vh - 233px) }  




/*------------------绀句細璐ｄ换-------------------*/
.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 }


.think-con01 { padding-top: 160px; padding-bottom: 160px; 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 { 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% }


.hiSlidertop .hiSlider-item { width: 100% }

/*------------------鍔犲叆鏂板煄-------------------*/
.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; color: #fff }
.recruit-a01.mo_adis, .recruit-tab a.mo_adis { display: none }
.recruit-a01:hover { background: rgba(85,210,254,1); color: #fff }

.recruit-tab { background: rgba(62,192,69,0.9); background: #3ec045 }
.recruit-tab a { display: inline-block; 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-last-child(1) { 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 }



/* ----------------------2020鏀圭増鏂板---------------------- */
.row10 { margin-left: -10px; margin-right: -10px }

.happiness-wechat-icon { padding: 3px 5px; background: #7f7f7f }
.happiness-wechat-ewm { position: absolute; top:0; z-index: 10; width:160px; height:auto; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.happiness-wechat-ewm img { display: block; width: 100%; height: auto }


.tabs { overflow: hidden; display: table; width: auto; margin: 0 auto }
.tabs li { display: table-cell; width: auto }
.tabs a { display: inline-block; padding: 0 40px; height: 60px; line-height: 60px }
.tabs a:hover, .tabs a:focus, .tabs .current { background: #59c400; color: #fff }
.content { margin-left: -10px; margin-right: -10px; margin-top: 20px }

.system-img01 { width: 75%; max-width: 750px }
.system-logo .area_25 div.padding10 { background: #fff }
.system-logo .area_25:nth-of-type(1) div.padding10, .system-logo .area_25:nth-of-type(3) div.padding10, .system-logo .area_25:nth-of-type(6) div.padding10, .system-logo .area_25:nth-of-type(8) div.padding10 { background: #fafafa }

.rl-content.content { margin-left: 0; margin-right: 0; margin-top: 30px }
.rl-list li { width: 17.5% }
.rl-list li:last-of-type { width: 30% }
/* 鏂板 瀹㈡埛鏈嶅姟 骞哥360 */
.xf-bg {background:url(../images/service/360_02.png?v0.1) center center no-repeat;background-size: cover; height: calc(70vh); min-height: 530px;}
.xf-bg .container {top: auto; bottom: -10%;}
.xf-tit {color: #0c7378;position: relative; line-height: 1.3em;}
.xf-tit i{ background-color: #0c7378; position: absolute;color: #fff;border-radius: 5px;width: 35px; text-align: center;height: 20px;line-height: 20px; font-weight: 500;}
.letter-spacing10 {letter-spacing:10px;color: #0c7378; display: inline-block;}
.xf-bg .poabsolute-h50 {top: 66%;} 
.color4b8f37 {color: #4b8f37;}
/* -----------鍏氬缓----------- */
.party-head { padding-top: 70px; padding-bottom: 40px; background: url(../images/party/party-head.jpg) center bottom no-repeat; background-size: cover }
.party-con { background: url(../images/party/party-bg.jpg) #f8f8f8 center bottom no-repeat; background-size: 100% auto }
.party-list: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) }

.incorrupt-con>div { max-width: 300px; margin: auto }
.incorrupt-con>div .width70 { padding-top: 20%; box-sizing: border-box }
.incorrupt-con>div .width70 img { max-width: 100px }

/* -----------------------寤虹----------------------- */
.scroll { width: 100px; height: auto; z-index: 100; pointer-events: none; position: fixed; bottom: 10px; left: 50%; margin-left: -50px; color: #fff }
.scroll p { font-size: 12px; margin-top: 2px }
.scroll .bar { display: block; position: absolute; width: 2px; height: 5px; top: 6px; left: 50%; margin-left: -1px; background-color: rgba(255, 255, 255, 0.5); border-radius: 2px; overflow: hidden }
.scroll .bar:after { display: block; width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background-color: #fff; -webkit-animation-name: suggest; animation-name: suggest; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.6, 0, 0.2, 1) }
@-webkit-keyframes suggest {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

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

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

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

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

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

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

.jianguan-video .play { width: 66px; height: 66px; left: 10px; bottom: 10px; top: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
.jianguan-video .play .icon-play { position: absolute; left: 0; bottom: 0 }
.jianguan-video .play .icon-play:before { content: "\e607"!important }

.jianguan-con01 { display: flex; justify-content: space-between }
.jianguan-con01>div { width: 160px; height: 160px; border: 1px solid #f5f5f5; border-radius: 50%; padding-top: 30px; box-sizing: border-box }

.jianguan-con02 { border: 2px solid #f5f5f5; box-sizing: border-box }
.jianguan-con02>div { padding: 30px 0; box-sizing: border-box }
.jianguan-con02>div:first-of-type { border-bottom: 1px solid #f5f5f5 }

.jianguan-con03>div { padding: 40px 0; box-sizing: border-box }
.jianguan-con03>div:nth-of-type(even) { background: #ededed }
.jianguan-con03>div:nth-of-type(odd) { background: #f4f4f4 }

.jianguan-tabs .tabs { display: block; width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; padding-bottom: 10px }
.jianguan-tabs .tabs li { display: block; width: 33.33%; float: left; background: #e6eedf; }
.jianguan-tabs .tabs li:nth-of-type(2) { background: #e0e8d9 }
.jianguan-tabs .tabs a { display: block; width: 100%; text-align: center; padding: 20px 0; box-sizing: border-box; height: auto; line-height: 1em; color: #81877d; position: relative }
.jianguan-tabs .tabs a .iconfont { font-size: 3em }
.jianguan-tabs .tabs a h5 { margin-top: 10px }
.jianguan-tabs .tabs a::before { content: ""; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; transition: all 0.3s }
.jianguan-tabs .tabs a:hover::before, .jianguan-tabs .tabs a.current::before { height: 8px }
.jianguan-tabs .tabs li:nth-of-type(1) a::before { background: #ff5603 }
.jianguan-tabs .tabs li:nth-of-type(2) a::before { background: #fbac00 }
.jianguan-tabs .tabs li:nth-of-type(3) a::before { background: #005ba8 }
.jianguan-tabs .tabs a::after { content: ""; border: 10px solid transparent; position: absolute; left: 50%; margin-left: -5px; bottom: -17px; transition: all 0.3s; display: none; z-index: 10 }
.jianguan-tabs .tabs li:nth-of-type(1) a::after { border-top: 10px solid #ff5603 }
.jianguan-tabs .tabs li:nth-of-type(2) a::after { border-top: 10px solid #fbac00 }
.jianguan-tabs .tabs li:nth-of-type(3) a::after { border-top: 10px solid #005ba8 }
.jianguan-tabs .tabs a.current::after { display: block }
.jianguan-tabs .tabs li:nth-of-type(1) a:hover, .jianguan-tabs .tabs li:nth-of-type(1) a.current { color: #ff5603 }
.jianguan-tabs .tabs li:nth-of-type(2) a:hover, .jianguan-tabs .tabs li:nth-of-type(2) a.current { color: #fbac00 }
.jianguan-tabs .tabs li:nth-of-type(3) a:hover, .jianguan-tabs .tabs li:nth-of-type(3) a.current { color: #005ba8 }
.jianguan-tabs .tabs a:hover, .jianguan-tabs .tabs .current { background: transparent }
.jianguan-tabs .tabs .current h5 { font-weight: bold }
.jianguan-tabs .content { margin-left: 0; margin-right: 0; margin-top: -10px }
.js-txtbox { background: rgba(0,0,0,.5) }
.js-txtbox .area_60 { left: 10% }
.js-label { display: inline-block; padding: 2px 8px; background: rgb(86, 196, 31, 0.45); border-radius: 3px }
.jianguan-swiper.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px }
.jianguan-swiper .swiper-pagination-bullet { background: #fff }
.jianguan-swiper .swiper-button-next { text-align: right }
.jianguan-swiper .swiper-button-prev::before, .jianguan-swiper .swiper-button-next::before { font-family: "iconfont" !important; font-size: 30px; color: #56c41f }
.jianguan-swiper .swiper-button-prev::before { content: "\e6073" }
.jianguan-swiper .swiper-button-next::before { content: "\e6071" }

.jianguan-con04 .area_45 { background: url(../images/jianguan/img01.jpg) center bottom no-repeat; background-size: cover }
.jianguan-con04 input { width: 100%; height: 50px; line-height: 50%; background: #fff; border-radius: 5px }




@media ( min-width:900px ) and ( max-width:1060px ) {	
.incorrupt-con>div .width70 { padding-top: 15% }
.incorrupt-con>div .width70 img { max-width: 80px }
.height110{height:calc(116vh)!important;}
.border-h{width: 112%;height: 1px;background-color: #f97600;top: 312%!important;left: -3.7%!important;}
.border-v{width: 100%;height: 1px;background-color: #f97600;top: 100%;left: -2.9%!important;}
.top-v2{right: -53%!important;top: 287%!important;}
.happy-bg{background: url(/images/service/hui-bg_02.jpg)center center no-repeat!important;background-size: cover!important;}
.tile01{margin-top: 0px!important;}
.tile02{margin-top: 0px!important;}
.tile03{margin-top: 0px!important;}
.tile04{margin-top: 0px!important;}
.tile05{margin-top: 0px!important;}
.tile06{margin-top: 0px!important;}
.tile07{margin-top: 0px!important;}
.tile08{margin-top: 0px!important;}
.tile09{margin-top: 0px!important;}
.product-list .product-tile{margin-right: 10px!important;margin-left: 10px!important;}

}
@media ( max-width:800px ) {
	.mo_marginleft0 { margin-left:0 !important }
	.mo_paddingleft0 { padding-left:0 !important }
	.mo_container{width: 92%;margin: 0 auto !important;}	
.incorrupt-con { width: 50% }
.incorrupt-con:nth-of-type(3), .incorrupt-con:nth-of-type(4) { margin-top: 20px }

.pcnone{display: none;}
.ydblock{display: block !important;}

.censorCode { right: auto;left: 0;bottom: 40px }
.btnswer{border-radius: 20px;}

}

@media ( max-width:1500px ) {
	.w1560 .btnste{width: 287px !important;}
	.rushetimg{width: 15px !important;}
	.width180{width: 180px !important;font-size: 16px;}
	.top-v2{right: -44%!important;top: 287%!important;}
	.hgk1{padding-top: 66px!important;padding-left: 124px;}
	.border-h{width: 112%;height: 1px;background-color: #f97600;top: 312%!important;left: -3.7%!important;}
	.border-v{width: 100%;height: 1px;background-color: #f97600;top: 100%;left: -2.9%!important;}
	.hgk3{padding-top: 37px!important;padding-left: 554px!important;}
	.col-kg{margin-top: 80px!important;}
	.font-kg{font-size: 18px!important;}
	.img-kg{padding-top: 160px!important;}
	.img-kg1{margin-top: 30px!important;}
	.color02-bg{background: url(/images/responsibility/color/color06.png)top center no-repeat;background-size: 100%!important;}
	.color01-bg-kv{height: calc(100vh)!important;margin: auto }
	.img-kg2{padding-top: 100px!important;}
	.kg-01{padding-top: 60px!important;}
	.color03-bg-kv{ height: calc(100vh)!important;margin: auto;min-height: 400px;}
 	.height95{height: calc(82vh)!important;}

}


@media ( min-width:1260px ) and ( max-width:1599px ) {
.border-h{width: 112%;height: 1px;background-color: #f97600;top: 312%!important;left: -3.7%!important;}
.border-v{width: 100%;height: 1px;background-color: #f97600;top: 100%;left: -2.9%!important;}
.height110{height:calc(116vh)!important;}
.hgk1{padding-top: 44px!important;padding-left: 124px;}
.hgk2{padding-top: 62px!important;padding-left: 468px!important;}
.digits-bg { height: calc(40vh); width: 84%!important; margin: auto; background: url(/images/responsibility/sevencoor/seven04_03.png) top center no-repeat; background-size: cover; margin-top: -90px; position: relative; z-index: 3;}
.color01-bg-kv{height: calc(71vh)!important;margin: auto }
.height95{height: calc(82vh)!important;}
.color02-bg{background: url(/images/responsibility/color/color06.png)top center no-repeat;background-size: 100%!important;}
/* .color02-bg-kv{ height: calc(82vh)!important;margin: auto;min-height: 400px;} */
.color03-bg-kv{ height: calc(80vh)!important;margin: auto;min-height: 400px;}
.hgkkk{padding-top:0px!important;}
.left13{width:75%;top: 51%;left: 44%;z-index: 20;}



}
@media ( min-width:1000px ) and ( max-width:1259px ) {
.bghhh{height: calc(65vh);}
.top-v2{right: -51%!important;top: 287%!important;}
.border-h{width: 112%;height: 1px;background-color: #f97600;top: 312%!important;left: -3.7%!important;}
.border-v{width: 100%;height: 1px;background-color: #f97600;top: 100%;left: -2.9%!important;}
.top-v1{right: -24%!important;bottom: 14%;}
.hgkkk{padding-top:0px!important;}
.hgk1{padding-top: 16px!important;padding-left: 124px;}
.hgk2{padding-top: 90px!important;padding-left: 372px!important;}
.digits-bg { width: 100%!important; margin-top: 30px!important }
.color01-bg-kv{height: calc(66vh)!important;margin: auto }
.color02-bg{background: url(/images/responsibility/color/color06.png)top center no-repeat;background-size: 100%!important;}
.color02-bg-kv{ height: calc(139vh)!important;margin: auto;min-height: 400px;}
.top-bg1{left:14%!important; top:37%;}
.top-bg2{left:14%!important }
.top-bg3{width: 72%!important; left:14%!important }
.img-color07 { height: 530px }
.height95{height: calc(66vh)!important;}
.img-kg{padding-top: 25px!important;height: 460px;}
.top-bg4{left:14%; top:23%!important;}
.top-bg5{left:14%; top:30%!important;}
.line-kg{line-height: 2em!important;}
.color03-bg-kv{ height: calc(58vh)!important; margin-top: 120px!important }
.happy-bg{background: url(/images/service/hui-bg_02.jpg)center center no-repeat!important;background-size: cover!important;}
.tile01{margin-top: 0px!important;}
.tile02{margin-top: 0px!important;}
.tile03{margin-top: 0px!important;}
.tile04{margin-top: 0px!important;}
.tile05{margin-top: 0px!important;}
.tile06{margin-top: 0px!important;}
.tile07{margin-top: 0px!important;}
.tile08{margin-top: 0px!important;}
.tile09{margin-top: 0px!important;}
.product-list .product-tile{margin-right: 15px!important;margin-left: 15px!important;}
.product-list .img01{width: 70px!important;height:70px!important;background:#fff;transition:transform .2s;box-shadow: 0 1px 6px 0 rgb(31 35 41 / 3%);border-radius: 16.5px;display: flex;justify-content: center;align-items: center;}
.slide-bg{width: 600px;}
.slide-img{width: 170px;}
.slide-txt{width: 425px;}

.js-txtbox { width: 50% }
.js-txtbox .area_60 { width: 70% }






}
@media ( min-width:801px ) and ( max-width:999px ) {
.color-bg-kv{height: calc(102vh)!important;margin: auto }
.col-kg { margin-top: 150px!important }
.top-bg02{left:13%!important; top:40%!important;}
.wid-kg{width:75%!important;}
.bghhh{height: calc(65vh);}
.top-v2{right: -51%!important;top: 287%!important;}
.border-h{width: 112%;height: 1px;background-color: #f97600;top: 312%!important;left: -3.7%!important;}
.border-v{width: 100%;height: 1px;background-color: #f97600;top: 100%;left: -2.9%!important;}
.top-v1{right: -24%!important;bottom: 14%;}
.hgkkk{padding-top:0px!important;}
.hgk1{padding-top: 16px!important;padding-left: 124px;}
.hgk2{padding-top: 90px!important;padding-left: 372px!important;}
.digits-bg { width: 100%!important; margin-top: 30px!important }
.color01-bg-kv{height: calc(53vh)!important;margin: auto }
.color02-bg{background: url(/images/responsibility/color/color06.png)top center no-repeat;background-size: 100%!important;}
.color02-bg-kv{ height: calc(117vh)!important;margin: auto;min-height: 400px;}
.top-bg1{left:14%!important; top:37%;}
.top-bg2{left:14%!important; top:50%;}
.top-bg3{left:14%!important; top:57%;}
.height95{height: calc(66vh)!important;}
.img-kg{padding-top: 90px!important;height: 470px;}
.top-bg4{left:14%; top:31%!important;}
.top-bg5{left:14%; top:37%!important;}
.line-kg{line-height: 1.8em!important;}
.color03-bg-kv{ height: calc(70vh)!important; margin-top: 260px!important}
.happy-bg{background: url(/images/service/hui-bg_02.jpg)center center no-repeat!important;background-size: cover!important;}
.tile01{margin-top: 0px!important;}
.tile02{margin-top: 0px!important;}
.tile03{margin-top: 0px!important;}
.tile04{margin-top: 0px!important;}
.tile05{margin-top: 0px!important;}
.tile06{margin-top: 0px!important;}
.tile07{margin-top: 0px!important;}
.tile08{margin-top: 0px!important;}
.tile09{margin-top: 0px!important;}
.product-list .product-tile{margin-right:8px!important;margin-left: 8px!important;}
.product-list .img01{width: 70px!important;height:70px!important;background:#fff;transition:transform .2s;box-shadow: 0 1px 6px 0 rgb(31 35 41 / 3%);border-radius: 16.5px;display: flex;justify-content: center;align-items: center;}
.slide-bg{width: 380px;}
.slide-img{width: 140px;}
.slide-txt{width: 240px;}
.areatip{float:left; width: 49% !important; }
.areatipone{float:left; width: 51% !important; margin-top: 30px!important;}
.areawidth{width: 82%!important;}
.xf-bg .poabsolute-h50 {top: 65%!important;}  
.xf-boxbg{
	background: url(/images/service/360-img_03.png)right center no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(30vh)!important;
	min-height: 200px;
	left: -30px;
	top: 37px!important;
}
.img-color07 { height: 530px }

.js-txtbox { width: 50% }
.js-txtbox .area_60 { width: 70% }

}

/* .think-con02{padding-top: 160px;
    padding-bottom: 160px;
    background: url(../images/xcfz.png) right bottom no-repeat;
	background-size: 424px;
 } */

.ydnone{display: none;}
.minh{ min-height: 66px; display: -webkit-box; display: -ms-flexbox;display: flex;    justify-content: center;	-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btnste{display: flex;align-items: center;padding: 10px 30px;border-radius: 37px;width: 460px;cursor: pointer;}


/* 913涓冭壊鍏 */
.sevenbg{background: url(/images/responsibility/sevencoor/seven05_02_02.png)center center no-repeat;background-size: cover;height:calc(210vh);}
.border1{border: 1px solid #ccc;}
/* .hg{height:calc(64vh);} */
.margintop60{margin-top: 60px;}
.sevenbg2{background: url(/images/responsibility/sevencoor/seven04_03.png)center center no-repeat;background-size: cover;}
.top91{top:91%;}
.poabsolute-wh61 { position:absolute; top:61%; left:40%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.top30{position: absolute;left: 16%; top:19%;}
.color006837{color:#006837;}
.top31{position: absolute;left: 16%; top:36%;}
.top50{position: absolute;left: 16%; top:46%;}
.colorf7931e{color:#f7931e}
.plan{top: 89%;left: 40%;}

/* 骞哥360 */
.left6{left:-6%;}
.left13{width:75%;top: 51%;left: 44%;z-index: 20;}
.bg02{background: url(/images/service/360img01_02.png)center center no-repeat;background-size: cover;}
.color646464{color: #646464;}
/* 骞哥浼 */
.happy-bg{background: url(/images/service/xiugai_02.png)center center no-repeat;background-size: cover;}
.tile01{margin-top: -35px;}
.tile02{margin-top: -65px;}
.tile03{margin-top: -85px;}
.tile04{margin-top: -95px;}
.tile06{margin-top: -85px;}
.tile08{margin-top: -65px;}
.tile09{margin-top: -35px;}

















.product-block .product-list{display: inline-flex;margin-top: 104px;}
.product-list .img01{width: 80px;height:80px;background:#fff;transition:transform .2s;box-shadow: 0 1px 6px 0 rgb(31 35 41 / 3%);border-radius: 16.5px;display: flex;justify-content: center;align-items: center;}
.product-list .product-tile{margin-right: 25px;margin-left: 25px;}
.product-tile .product-name{line-height: 22px;margin-top: 16px;font-size: 16px;transition: transform .2s;color: #1f2329;}
.product-txt{color: #7fce3e!important;font-weight: bold;}
.producttxt{color: #7fce3e!important;}
.happy-bg .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.happy-bg .swiper-slide {font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.mySwiper .swiper-slide{margin-top: 20px;}


/* .happy-bg .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} */
.happy-bg .mySwiper{width: 100%;height: 350px;margin: 0 auto;}
.swiper-button-next::after .button-next01::after{position: absolute;left:30%;top:196%;}
.swiper-button-prev:before .button-prev01:before{position: absolute;left:30%;top:196%;}
.abv {padding-top: 15px; width: 80px;text-align: left; color: #000; opacity: 0.8;}


.hui-bg{background: url(/images/service/hui-bg_02.png)top center no-repeat;background-size: cover;}
.hui-hv{height: 350px;background: #fff;}
.head .img01{width: 60px;height:60px; margin:auto;background: #fff;border: 1px solid #ccc;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.swiper1 .swiper-slide-active {color: #7fce3e;font-weight: bold;}

.bottomborder{border-bottom: 2px solid #f97600;}
.height10{width:100%; height: 23%;margin-left: 33px;}
.height20{width:80%; height: 100px;margin-left: 34px;}
.leftcov{left: 16%;}
.colorf97600{color:#f97600;}
.leftcover{left: 17%;top: 36%;}
.seve-page2-kv{width: 90%; margin: auto; height: calc(40vh); min-height: 300px;}
.seve-page2-bg {background: url(/images/responsibility/sevencoor/seven07_03.png) center center no-repeat; background-size: cover;}
.seve-page3-bg{background: url(/images/responsibility/sevencoor/bgseven_02.jpg)center center no-repeat; background-size: cover;height: calc(229vh);}
.seven-page4{background: url(/images/responsibility/sevencoor/bgseven01_02.jpg)center center no-repeat; background-size: cover;padding-bottom: 40px;}
.tvn1{top: 10%;left: 10%;}
.colorf7931e{color: #f7931e;}
.bgborder{width:100%;min-height:530px ; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #ebac33;}
.height110{height:calc(113vh);}
.height-v{width: 85%; height:1px;background: #f97600;}
.top-v{top: 10%;left: 15%;}
.leftcov3{left: 14%;}
.leftcov-1{left: 15%;top: 30%;}
.left-v{left: 33%;bottom: 3%;}
.top-v1{right: -18%;bottom: 14%;}
.border1{border: 2px solid #fff;}
.top-nv{top: -3%;}
.top-nv1{top: 24%;}
.border-v{width: 100%;height: 1px;background-color: #f97600;top: 100%;left: -2.3%;}
.border-h{width: 112%;height: 1px;background-color: #f97600;top: 346%;left: -2.99%;}
.top-v2{right: -43%;top: 328%;}
.bgborder-v{width:90%;min-height:564px ; border-radius: 30px;background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 20px #419145;}
.top-v3{left: -4%;top: -13%;}
.border-vh{width: 84%;height: 1px;background-color: #8cc63f;top: 29%;left: 16%;}
.border-vh1{width: 100%;height: 1px;background-color: #8cc63f;top: 86%;}


.planses{ display: block; width: 100%; height: 30px;  background-image: linear-gradient(to right, #90c641,#f9cf86 , #90c641); border-radius: 30px 30px 0 0;}
.digits-bg { height: calc(40vh); width: 75%; margin: auto; background: url(/images/responsibility/sevencoor/seven04_03.png) top center no-repeat; background-size: 100% 100%; margin-top: -90px; position: relative; z-index: 3; min-height: 350px }
.plan-minheight {min-height: 550px;}
.plan-title-set{top: 0; 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%) }
.plan1{position: absolute;bottom: -6px; 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) }
.plan2 {position: absolute;bottom: 44px; right: -59px;}
.newyuan{margin-top: 100px;}

.swiper-container.energy-swiper01 .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*涔嬪墠鏄痚ase-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linearplan-minheight;
}
.swiper-container.energy-swiper01 .swiper-wrapper .swiper-slide{
	width: 300px!important;
}


/* color01 */
.color-bg{background: url(/images/responsibility/color/color01.png)top center no-repeat;background-size: cover;}
.color-bg-kv{height: calc(110vh);margin: auto;min-height: 860px;}
.color01-bg{background: url(/images/responsibility/color/color03.png)top center no-repeat;background-size: cover;}
.color01-bg-kv{height: calc(98vh);margin: auto }
.top-bg{left:18%; top: 19%;}
.top-bg01{left:18%; top:34%;}
.top-bg02{left:18%; top:40%;}
.color02-bg{background: url(/images/responsibility/color/color06.png)top center no-repeat;background-size: 100%;}
.color02-bg-kv{margin: auto;min-height: 400px;}
.top-bg1{left:18%; top:37%;}
.top-bg2{left:18%; top:50%;}
.top-bg3{left:18%; top:57%;}
.color03-bg{background: url(/images/responsibility/color/color09.png)top center no-repeat;background-size: 100%;}
.color03-bg-kv{ height: calc(90vh);margin: auto;min-height: 400px;}
.height95{height: calc(95vh);}
.left-vh{top: 230px;left: 6%;}
.top-bg4{left:14%; top:37%;}
.top-bg5{left:14%; top:42%;}
.opai{opacity: 90%;}
.fontnormal{font-weight: normal;}


/* ------------------0121鍙寔缁彂灞?----------------- */
.rs-con01 {height: calc(60vh); background: url(../images/responsibility/2024032902.jpg?v=0.1) center center no-repeat; background-size: auto 100%; position: relative }
.rs-con01 .button-box { width: 78%; top: calc(39vh) }
.rs-con02 .button, .rs-con03 .button { width: 270px; padding-left: 30px; padding-right: 20px; box-sizing: border-box; text-align: left; height: 40px; line-height: 40px; border-radius: 20px }
.rs-con03 .button { background: #498937; color: #fff }
.rs-con02 .iconfont, .rs-con03 .iconfont, .rs-con04 .iconfont { line-height: 40px }
.rs-con01 .button:hover, .rs-con03 .button:hover { background:#50b000; color:#fff }
.color498937 { color: #498937 }
.rs-con01 .button { padding-left: 40px; padding-right: 40px; box-sizing: border-box; height: 40px; line-height: 40px; border-radius: 20px; background: #5aad83; color: #fff }
.rs-con01 h1, .rs-con01 h3 { color: #5aad83 }


.rs-con02 { padding-top: calc(10vh); padding-bottom: calc(10vh); background: url(../images/responsibility/rs-img02.jpg) #eff6e7 bottom center no-repeat; background-size: cover }
.rs-con02 .button { background:#fff; color:#000 }
.rs-con02 .button:hover, .rs-con04 .button:hover { background:#79c139; color:#fff }
.rs-con02-list { width: 590px }

.rs-con03 { padding-top: calc(10vh); padding-bottom: calc(25vh); background: url(../images/responsibility/rs-img03.jpg) #f2f8f2 bottom center no-repeat; background-size: cover }
.rs-con03 .button { width: 480px }

.rs-con04 { padding-top: calc(10vh); padding-bottom: calc(10vh); background: url(../images/responsibility/rs-img04.jpg) #eff6e7 bottom center no-repeat; background-size: cover }
.rs-con04-title { width: 160px }
.rs-con04-list { width: 450px }
.rs-con04 .button { padding-left: 30px; padding-right: 30px; box-sizing: border-box; text-align: left; height: 40px; line-height: 40px; border-radius: 20px; background:#fff; color:#498937 }

/* ------------------鍏氬缓鏀圭増20220628------------------ */
.party-insidekv { background: url(../images/party/partykv.jpg) #fff3e2 center bottom no-repeat; background-size: cover }
.p-history-insidekv { background: url(../images/party/historykv.jpg) #fff3e2 center bottom no-repeat; background-size: 100% auto } 
.party-a:hover p.opacity0_5 { color: #000; opacity: 1 }
.p-history.timeline-box { padding-top: 70px; position: relative }
.p-history.timeline-box:before { font-family: "iconfont"; font-size: 23px; content: "\e609"; position: absolute; left: 50%; margin-left: -11px; top: 51px; color: #d7000f }
.p-history.timeline-box #timeline { padding-top: 30px }
.p-history.timeline-box #timeline:before { background: #d7000f }
.p-history.timeline-box #timeline .timeline-item .timeline-icon { background: #fff6ef; border: 2px solid #d7000f }
.p-history.timeline-box .timeline-content { background: #f7f7f7; text-align: right }
.p-history.timeline-box .timeline-content.right { text-align: left }
.p-history.timeline-box .timeline-content:hover { background: #d7000f; color: #fff }
.p-history.timeline-box #timeline .timeline-item .timeline-content:before { border-left: 9px solid #f7f7f7; transition: all 0.3s ease }
.p-history.timeline-box #timeline .timeline-item .timeline-content.right:before { border-left: 0; border-right: 9px solid #f7f7f7 }
.p-history.timeline-box .timeline-content:hover:before { border-left: 9px solid #d7000f!important }
.p-history.timeline-box .timeline-content.right:hover:before { border-left: 0!important; border-right: 9px solid #d7000f!important }

.p-intro-insidekv { padding-top: calc(20vh); padding-bottom: calc(28vh); background: url(../images/party/introkv.jpg) bottom right no-repeat; background-size:cover }

.p-intro-con01 { padding-top: calc(16vh); padding-bottom: calc(20vh) }

.p-intro-con02 .kwicks { margin-top: 30px }
.p-intro-con02 .kwicks, .p-intro-con02 .kwicks li { height: 580px }
.p-intro-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; background: url(../images/party/intro-bg.jpg) center center no-repeat ; background-size:cover } 
.p-intro-txt { position: absolute; top: 0 ; z-index: 1; background: #d7000f } 
.p-intro-con02 .kwicks li:hover .p-intro-img, .p-intro-con02 .kwicks .kwicks-collapsed h4 { filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.p-intro-con02 .kwicks h4 { height: 104px; line-height: 26px; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease }
.p-intro-con02 .kwicks .kwicks-expanded h4 { height: 26px }
.p-intro-img h5 { color: #d7000f }
.p-intro-img .line { display: block; width: 40px; height: 1px; line-height: 1px; background: rgba(0,0,0,.3); margin-top: 15px; margin-bottom: 25px }

.p-committee-insidekv { background: url(../images/party/committeekv.jpg) #fff3e2 center bottom no-repeat; background-size: 100% auto }
.p-committee.p-history.timeline-box { padding-top: 40px }
.p-committee.p-history.timeline-box:before { top: 21px }
.p-committee.p-history.timeline-box .timeline-content { background: #fff }
.p-committee.p-history.timeline-box .timeline-content:hover { background: #d7000f }
.p-committee.p-history.timeline-box #timeline .timeline-item .timeline-content:before { border-left: 9px solid #fff }
.p-committee.p-history.timeline-box #timeline .timeline-item .timeline-content.right:before { border-left: 0; border-right: 9px solid #fff }

/* .p-committee-dl { padding-left: 360px }
.p-committee-dl dt { width: 360px; margin-left: -360px } */
.p-committee-dl .area_25 { padding: 40px 10px 0; height: 150px; box-sizing: border-box }

.p-news-insidekv { background: url(../images/party/newskv.jpg) #fff3e2 center bottom no-repeat; background-size: cover }
.p-news-con .party-list .bgf5f5f5 { background: #fff }
.p-news-con div.quotes a.current, .p-news-con .gray div.quotes a.current { background:#d7000f }

.p-news-tab li { margin-top: 10px }
.p-news-tab li a { display: inline-block; text-align: center; padding:5px 15px }
.p-news-tab li a:hover, .p-news-tab li a.this { background: #d7000f; color: #fff }

.jianguancenter{
	padding: 20px 40px;
    box-sizing: border-box;
    /* opacity: 0.6; */
	background-color:rgba(252,252,252,0.9);
	border-top: 4px solid #58c600;
}
.jianguanjianbain{  background: linear-gradient(#fcfefc, #eff7ec);}
.selectitem p:hover{background: #e9e9e9;}
.selectitem{display: none;}
.right15{right: 15px;}
.disblock{display: block;}


.dim{
	opacity:1; filter: alpha(opacity=100);
	transition: all 0.2s;

  }
   .dimtext{
	transition: all 0.2s;
	display: none;

   }
  .dimback{
	background: rgb(0 0 0 / 60%);

  }
  .hiSlider-item:hover .dimback{
	background: #000;

  }
  .hiSlider-item:hover .dim{
	opacity:0.6; filter: alpha(opacity=60);
  }
  .hiSlider-item:hover .dimtext{
	display: block;
  }
.img1{left: 3%;
    width: 16%;
    top: 5%;}
	.img2{left: 3%;
		width: 10%;
		bottom: 5%;}
		.imgauto{
			width: auto !important;
			margin: auto !important;
		}
		.imgun{
			display: block !important;
			width: 100% !important;
		}
		.imgmo{
			display: none !important;
		}