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

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size:62.5%; /* 10÷16=62.5% */
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
}
body { 
    font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
    font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:160%; 
    color:#000; 
    background: #fff; 
    height:100%
}


em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#18a464; color:#fff }
::-moz-selection { background-color:#18a464; 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:#000 }

.a01, a.a01, .a01 a { color: #000 }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#18a464 }

.a02, a.a02, .a02 a { color: #18a464 }
a:hover .a02, a.a02:hover, .a02 a:hover { color:#000 }

.a03, a.a03, .a03 a { color: #666 }
a:hover .a03, a.a03:hover, .a03 a:hover { color:#18a464 }

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

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

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

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family: "webfont", "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif ; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent; background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #fff; background: rgba(255,255,255,0.5) }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family: "webfont", "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif ; }
select::-ms-expand { display: none; }

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

.cd-main-content { width:100%; height: 100% }

.container { margin-right:auto; margin-left:auto; width: 1180px }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }
.mo_padding0{padding: 0;}
/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none }


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

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

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

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

.overhidden { overflow:hidden }


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

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

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

@font-face {font-family: 'webfont';
    src: url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.eot');
    src: url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.woff') format('woff'),
    url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.ttf') format('truetype'),
    url('//at.alicdn.com/t/webfont_xhdcup7x14mzehfr.svg#NotoSansHans-DemiLight') format('svg');
}


@font-face {
    font-family: 'goodlight';
    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'),
         url('../font/goodlight.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.en-font { font-family:goodlight,Arial,sans-serif }

.iconfont { line-height: 1em }

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

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

.italic { font-style: italic }
.text-indent { text-indent: 2em }
.letter-spacing20 { letter-spacing:20px }

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

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

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

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000 }
.color18a464 { color: #18a464 }
.color515253 { color: #515253 } 
.colorff0000 { color: #ff0000 }
.color666 { color: #666 }
.color5fb432 { color: #5fb432 }
.color27a3d7 { color: #27a3d7 }
.color86e700 { color: #86e700 }
.color221e58 { color: #221e58 }
.colore9383f {color: #e9383f;}

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgf4f4f4 { background: #f4f4f4 }
.bgf7f7f7 { background: #f7f7f7 }
.bge0e0e0 { background: #e0e0e0 }
.bge3e3e3 { background: #e3e3e3 }
.bge8e8e8 { background: #e8e8e8 }
.bg18a464 { background: #18a464 }
.bg12bd6f { background: #12bd6f }
.bg868585 { background: #868585 }
.bgf8f8f8 { background: #f8f8f8 }
.bgf8-e5 { 
	background: -moz-linear-gradient(left, #f8f8f8 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0%,#f8f8f8), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(left, #f8f8f8 0%,#e5e5e5 100%);
    background: -o-linear-gradient(left, #f8f8f8 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(left, #f8f8f8 0%,#e5e5e5 100%);
    background: linear-gradient(right, #f8f8f8 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e5e5',GradientType=0 );
}
.bg1aa24d { background: #1aa24d }
.bg5fb432 { background: #5fb432 }


/*-------------------分割线、边框-------------------*/
.line-fff-30 { width:30px; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-e5e5e5 { width:100%; height:1px; line-height:1px; font-size:0; background:#e5e5e5; border:0 none }
.border-2t-b2b2b2 { border-top: 2px solid #b2b2b2 }
.border-b2b2b2 { border: 1px solid #b2b2b2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.borderleft_1 {border-left: 1px solid #e1e1e1;}
/*-------------------间距-------------------*/
.margintop4 { margin-top:4px }
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

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

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

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

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

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

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

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

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

.padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding2 { padding:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding8 { padding:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding25 { padding:25px; -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 }
.padding30_20 { padding:30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding60_30 { padding:60px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

.row1 { margin-left: -1px; margin-right: -1px }
.row2 { margin-left: -2px; margin-right: -2px }
.row8 { margin-left: -8px; margin-right: -8px }
.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width16 { width:16.66% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width85 { width:85% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

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

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

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

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

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

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.button:active, a:active .button, input.button:active { -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

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

.button-circular-l, a.button-circular-l, input.button-circular-l { padding:0 15px; height:28px; line-height:26px; font-size:12px; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px }
.button-circular-xl, a.button-circular-xl, input.button-circular-xl { padding:0 40px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px }

.button-green, a.button-green, input.button-green { background: #1aa24d; border:1px solid #1aa24d; color:#fff }
.button-green:hover, a:hover .button-green, input.button-green:hover { background:#fff; color:#1aa24d }

.button-green-l, a.button-green-l, input.button-green-l { border:1px solid #18a464; color:#18a464 }
.button-green-l:hover, a:hover .button-green-l, input.button-green-l:hover { background: #18a464; color:#fff }
.button-green-l .iconfont { color:#18a464 }
.button-green-l:hover .iconfont, a:hover .button-green-l .iconfont, input.button-green-l:hover .iconfont { color:#fff }

.button-gray-l, a.button-gray-l, input.button-gray-l { border:1px solid #aaa; color:#aaa }
.button-gray-l:hover, a:hover .button-gray-l, input.button-gray-l:hover,
.com-link:hover .button-gray-l { border:1px solid #fff; color:#fff }
.button-circular-l.button-gray-l, .button-circular-l.button-gray-l .iconfont { line-height: 26px }



.button-fff-l, a.button-fff-l, input.button-fff-l { background:#fff; color:#18a464!important }
.button-fff-l:hover, a:hover .button-fff-l, input.button-fff-l:hover, .com-link:hover .button-fff-l {  border:1px solid #fff; color:#fff!important;background: transparent;}
.button-circular-l.button-fff-l, .button-circular-l.button-fff-l .iconfont { line-height: 26px }

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

/*-------------------分页css开始-------------------*/
div.quotes { text-align:center; position: relative }
div.quotes a { display: inline-block; width: 28px; height: 28px; line-height: 28px; padding: 0; text-decoration:none; margin:0 2px; color: #a5a5a5; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; position: relative }
div.quotes a:hover { background:#b5b5b5; color:#fff }
div.quotes a:active { background:#ebebeb }
div.quotes a.current { background:#18a464; color:#fff }
div.quotes a.disabled { background:#ebebeb; color:#666 }


/*-------------------打印、分享css开始-------------------*/
.share { width: 30px; height: 30px }
.share .bdshare-button-style0-24 a { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; border: 1px solid #fff; color: #fff; text-align: center }
.share .bdshare-button-style0-24 a.bds_more { background: transparent }
.share .bdshare-button-style0-24 a.bds_more:after { font-family: iconfont; content: "\e602"; line-height: 30px }
.share .bdshare-button-style0-24 a.bds_more:hover { color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }

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

.menu { display: none }

.navbox { width: 100%; height:100px; background: rgba(255,255,255,0.8); position: absolute; top: 0; left: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.logo { width: auto; height: 60px; position: absolute; left: 40px; bottom: 15px; z-index: 10; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }

.headbox.current .navbox { background: rgba(255,255,255,1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); top: -30px }
.headbox.current .logo { height: 40px }

.language { height: 24px; line-height: 24px; position: absolute; top: 55px; right: 35px; z-index: 10 }
.language i { cursor: pointer }
.language a:hover { color: #18a464 }
.language-pop { width: 40px; text-align: center; height: 48px; position: absolute; top: 0; left: 50%; margin-left: -20px; padding-top: 24px; display: none }
.language-pop a { display: inline-block; width: 100%; height: 24px!important; line-height: 24px!important }

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

.menuListBox { line-height:38px; position:absolute; top:70px; left: 0; background: #18a464; display:none }
.menuListBox a { display:block; width: 100%; padding: 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; white-space:nowrap }
.menuListBox a:hover { background: #07c06b; color: #fff }
.menuListBox-child a{display:block; width: 100%; padding: 0 35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; white-space:nowrap}
.language-menuLi .icon-diqiu { line-height: 70px; color: #18a464 }
.language-menuLi .menuListBox { width: 50px; left: 50%; margin-left: -25px }
.language-menuLi .menuListBox a { padding: 0; text-align: center }
.menuListBoxlast {left: -100px;}
/*-------------------底部-------------------*/
.footbox a:hover { color: #18a464 }
.footbox p a:hover { color: #18a464 }

.copyright { position: absolute; top: 0; right: 0 }
.copyright a:hover { color: #fff }

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

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

input.contact-inputCode { width:500px; height: 40px; line-height: 40px; background: #f5f5f5; border: 1px solid #f5f5f5 }
input.contact-inputCode:focus, .contact-textarea:focus { background: #fff; border: 1px solid #18a464 }
.contact-textarea { width:600px; background: #f5f5f5; border: 1px solid #f5f5f5 }



/*-------------------通用-------------------*/
.title-line { width: 100%; height: 5px; line-height: 5px; font-size: 0; background: #18a464; position: absolute; bottom: -12px }
.title-img { width: 104px; height: auto; position: absolute; top: 5px; right: -120px }
.colorfff .title-line { background: #fff }

.com-link { display: block; overflow: hidden; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; background: #f2f2f2 }
.com-link:hover { background: #18a464; color: #fff; -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15) }
.com-link.bgfff { background: #fff }
.com-link.bgfff:hover { background: #18a464 }

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

.label-green, .label-green-l { display: inline-block; padding: 0 12px; height: 22px; line-height: 20px; font-size: 12px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box  }
.label-green { border:1px solid #1aa24d; background: #1aa24d; color:#fff }
.label-green-l { border:1px solid #18a464; color:#18a464 }
.com-link:hover .label-green { border:1px solid #fff; background: #fff; color:#18a464 }
.com-link:hover .label-green-l { border:1px solid #fff; color:#fff }

.label-bule{background: #27a3d7;color: #FFFFFF;padding: 0 12px;border-radius: 25px;}
.green_box, .bule_box {background: #fff;}
.green_box p{color: #1aa24d;}
.bule_box p{color: #27a3d7;}
.green_box:hover{background: #1aa24d;}
.green_box:hover p{color: #fff;}
.green_box:hover h5{color: #fff;}
.green_box:hover .label-green{color: #1aa24d;background: #fff;}
.bule_box:hover{background: #27a3d7;}
.bule_box:hover p{color: #fff;}
.bule_box:hover h5{color: #fff;}
.bule_box:hover .label-bule{color: #27a3d7!important;background: #fff!important;}



.insidekv { background-size: cover;}
.inside-titlebox { width: 200px; height: calc( 70vh - 100px); top: 100px }
.inside-title { right: -20px; white-space:nowrap }
.inside-sloganbox { height: calc( 60vh - 100px); top: 100px }
.inside-slogan-l { height: 160px }
.inside-slogan-r { height: 160px; line-height: 160px }

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

.con_ewm .undis { background: #f0f0f0 }
.con_ewm:hover .undis { display: block }

/*-------------------首页-------------------*/
.scroll-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  width: 30px;
  /*background: url(../images/index/mouse.png) 0 0 no-repeat;*/
  background-size: 100% 100%;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
  -webkit-transition: .4s;
  transition: .4s;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
   z-index: 1000;
}

.scroll-icon::after {
	font-family: "iconfont";
	font-weight: 100;
  content: '\e60f';
  -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
          animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}


.indexkvbox .index_kvbg { -moz-transition: 5s; -o-transition: 5s; -webkit-transition: 5s; transition: 5s }
.indexkvbox:hover .index_kvbg { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }
/*.indexkvbox h1 { text-shadow: 1px 1px 2px rgba(0,0,0,0.8); filter:glow(color=#eeeeee, strength=5) }*/

.indexkv-animation01, .indexkv-animation02, .indexkv-animation03, .indexkv-animation04 { transition: all ease-out .6s; -webkit-transition: all ease-out .6s; -moz-transition: all ease-out .6s; -o-transition: all ease-out .6s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.indexkv-animation01,.indexkv-animation04 { margin-top: 50px }
.indexkv-animation02 { margin-top: 60px }
.indexkv-animation03 { margin-top: 80px }

.swiper-slide-active .indexkv-animation01, .swiper-slide-active .indexkv-animation02, .swiper-slide-active .indexkv-animation03,.swiper-slide-active .indexkv-animation04  { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.swiper-slide-active .indexkv-animation01 { margin-top: 0; transition-delay: 0.3s }
.swiper-slide-active .indexkv-animation02 { margin-top: 10px; transition-delay: 0.6s }
.swiper-slide-active .indexkv-animation03 { margin-top: 30px; transition-delay: 0.9s }
.swiper-slide-active .indexkv-animation04 { margin-top: 0; transition-delay: 0.6s }


.inbusiness-box { width: 25%; height: 300px; position: relative; text-align: center } 
.inbusiness-box.box05, .inbusiness-box.box06 { width: 50%; height: 450px }

.inbusiness-box .bg { width: 100%; height: 100%; position: absolute; z-index: 1 }
.inbusiness-box.box01 .bg { background: url(../images/business/b-img03.jpg) center center no-repeat; background-size: cover }
.inbusiness-box.box02 .bg { background: url(../images/index/box02-bg.jpg) center center no-repeat; background-size: cover  }
.inbusiness-box.box03 .bg { background: url(../images/index/box03-bg.jpg) center center no-repeat; background-size: cover  }
.inbusiness-box.box04 .bg { background: url(../images/index/box04-bg.jpg) top center no-repeat; background-size: cover  }
.inbusiness-box.box05 .bg { background: url(../images/index/box05-bg.jpg) center center no-repeat; background-size: cover  }
.inbusiness-box.box06 .bg { background: url(../images/index/box06-bg.jpg) center center no-repeat; background-size: cover  }
.inbusiness-box.box07 .bg { background: url(../images/business/b-img07.jpg) top center no-repeat; background-size: cover  }
.inbusiness-box.box08 .bg { background: url(../images/business/b-img09.jpg) top center no-repeat; background-size: cover  }


.inbusiness-shade { width: 100%; height: 100%; background: rgba(26,162,77,0.2); position: absolute; z-index: 2 }
.inbusiness-title { width: 100%; font-size: 30px; position: absolute; top: 40%; z-index: 3 }
.inbusiness-txt { width: 100%; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 55%; z-index: 3 }
.inbusiness-btn { width: 100%; position: absolute; top: 75%; z-index: 3 }
.inbusiness-btn a { font-size: 12px; padding: 0 10px }
.inbusiness-txt, .inbusiness-btn { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }


.inbusiness-shade, .inbusiness-title, .inbusiness-txt, .inbusiness-btn { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.inbusiness-box .bg { transition: all ease-out .6s; -webkit-transition: all ease-out .6s; -moz-transition: all ease-out .6s; -o-transition: all ease-out .6s }

.inbusiness-box:hover .inbusiness-shade { background: rgba(4,139,62,0.8) }
.inbusiness-box:hover .bg { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2) }
.inbusiness-box:hover .inbusiness-title { transform: scale(1.2) translateY(-30px); -ms-transform: scale(1.2) translateY(-30px); -webkit-transform:  scale(1.2) translateY(-30px); -o-transform: scale(1.5) translateY(-30px); -moz-transform: scale(1.5) translateY(-30px) }

.inbusiness-box:hover .inbusiness-txt, .inbusiness-box:hover .inbusiness-btn { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.inbusiness-box:hover .inbusiness-txt { top: 45% }
.inbusiness-box:hover .inbusiness-btn { top: 65% }
.inbusiness-title { transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s }
.inbusiness-txt { transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s }
.inbusiness-btn { transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s }

.inbusiness-box.box05 .inbusiness-title, .inbusiness-box.box06 .inbusiness-title { font-size: 20px }
.inbusiness-box.box05:hover .inbusiness-txt, .inbusiness-box.box06:hover .inbusiness-txt { top: 52% }

/*-------------------关于我们-------------------*/
.aboutkv { background: url(../images/about/aboutkv.jpg) right center no-repeat; background-size: cover }
.about-con01 { padding: 80px 0; background: url(../images/about/bg01.jpg) bottom center no-repeat; background-size: cover }

.about_enterprise .fleft{-moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s }
.about_enterprise .about-title{right: 30px;bottom: 30px;}
.about_enterprise em{position: absolute;top: 45%;left: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f8f8f8;}
.about_enterprise:hover{background: #18a464;}
.about_enterprise:hover .about-title{color: #fff;position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.about_enterprise:hover p{opacity: 1;}
.about_enterprise .about-p{position: absolute;bottom: 0px;right: 30px;color: #fff;}
.about_enterprise:hover .about-p{opacity: 1;right: 30px;bottom: 10px;position: absolute;}

.about-title,.about-p { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.about-title p{transition:none;}
.about_box .positionAbsolute{background: #18a464; width: 0;top: 0;}

.about_enterprise2 em{border-left:none;position: absolute;top: 45%;right: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #f8f8f8;}
.about_enterprise2 .about-title{left: 30px;bottom: 30px;}
.about_enterprise2 .ol{background: #18a464; width: 0;top: 0;right: 0;}
.about_enterprise2 .about-p{position: absolute;bottom: 0px;left: 30px;}
.culture_box{background-color:rgba(24,164,100,.9);}
.culture_box .icon-close{right: 20px;top: 20px;}
.about_enterprise:nth-of-type(2) .culture_box{left: -100%;z-index: -1;}
.about_enterprise:nth-of-type(3) .culture_box{top: 0;z-index: -1;}
.about_enterprise:nth-of-type(4) .culture_box{top: 0;left:0;z-index: -1;}
.about_enterprise:nth-of-type(5) .culture_box{top: 0;left:0;z-index: -1;}
.about_enterprise:nth-of-type(6) .culture_box{top: 0;left:0;z-index: -1;}

.about_enterprise .icon-close{transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s}
.about_enterprise .icon-close:hover {
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */
}
.table_box{background: #18a464;height: 90px;bottom: 0}

.about_line { width: 6%; background-image: url(../images/about/bg02-line.png); height: 22px }
.about_tabs { width: 93.75% }
.about_tabs a { background: url(../images/about/bg02-1.png); width: 5.2%; display: inline-block; position: relative; height: 20px; color: #fff; font-size: 20px }
.about_tabs a.active { background: url(../images/about/tabs_active.png) }

.about-con02 { height: calc(70vh); min-height: 580px; background: url(../images/about/bg02.jpg) bottom center no-repeat; background-size: cover }
.about-con02 .box_txt{ background:rgba(255,255,255,.4); border-radius: 50% }

.about_tabs a>span{top: 20px;left: -20px;position: absolute;}


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


/*-------------------新闻-------------------*/
.newskv { background: url(../images/news/newskv.jpg) left center no-repeat; background-size: cover }
.newskv-txt { background: rgba(255,255,255,0.6) }
.newskv .button-green { bottom: -60px }
/*.newskv h2 { padding-left: 20px }*/
.news-jq{line-height: 48px;}
.news_year>div>a{line-height: 3.5rem;}
.news_year>a:hover{color: #18a464;}
.news_year>div{width:405px;background: #18a464;margin-top: 20px;padding-left: 20px;padding-right:20px;}
.news_year>div>a:hover{color: #fff;}

.news_month>div>a{line-height: 3.5rem;width:50px;display: block;float: left;text-align: center;line-height: 50px;}
.news_month>a:hover{color: #18a464;}
.news_month>div{width:650px;background: #18a464;margin-top: 20px;padding-left: 20px;padding-right:20px;height: 50px;}
.news_month>div>a:hover{color: #fff;}
#news_list .com-link:hover p{color: #fff;}
#news_list .com-link span{opacity: 0;}
#news_list .com-link:hover span{opacity: 1}

.searchbox { height: 48px; line-height: 48px }
.searchbox .icon-search { line-height: 48px; font-size: 48px; position: absolute; top: 0; right: 0 }
input.search { width:48px; height: 48px; line-height: 48px; border: 0; font-size: 18px; padding-right: 48px; background: transparent; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer }
input.search:focus { border: 0; background: transparent }
input.search_focus { width: 200px !important; border: 0 !important; border-bottom: 1px solid #999 !important; background: transparent !important }
.searchbox .button { width: 60px; position: absolute; top: 9px; right: 0; z-index: 11; display: none }

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

/*-------------------投资者关系-------------------*/
.irkv { background: url(../images/ir/irkv.jpg) right top no-repeat; background-size: cover }
.irindex-con01 { background: url(../images/ir/irindex-bg.jpg) center center no-repeat; background-size: cover }
.irindex-con01 .com-link.bgfff:hover { background: rgba(0, 0, 0, 0.15) }

.profile-con .area_30 { background: url(../images/ir/profile-bg.jpg) center center no-repeat; background-size: cover }
.profile-table th, .profile-table td { border: 1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.profile-table th { text-align: center; font-weight: bold; padding: 15px 0; color: #000 }
.profile-table td { padding: 15px 15px 15px 40px }
/*.profile-table td{margin-left: 8em;}*/
.profile-table span{width: 9em;}

.financial-dl { margin-left: 300px }
.financial-dl dt { width: 300px; margin-left: -300px; text-align: center; font-weight: bold; color: #000; padding: 15px }
.financial-dl dt, .financial-dl dd { border-top: 1px solid #e5e5e5 }
.financial-list li { float: left; width: 25%; padding: 15px 8px; text-align: center }

.report-con a.button-gray-l:hover { border:1px solid #18a464; color:#18a464 }
.report-con a.button-gray-l:hover .iconfont { color:#18a464 }

.ir-tabsbox { height: 70px; line-height: 70px; border-top: 2px solid #b2b2b2; border-bottom: 2px solid #b2b2b2 }
.ir-tabs { width: 100% }
.ir-tabs li { height: 70px; line-height: 70px; padding-right: 30px } 
.ir-tabs li a { display: inline-block; height: 70px; line-height: 70px; color: #4f665c }
.ir-tabs li a:hover, .ir-tabs li.active a { color:#18a464 }
.ir-tabs li.active a { font-weight: bold; font-size: 30px }
.ir-dl { margin-left: 200px }
.ir-dl dt { width: 200px; margin-left: -200px; text-align: center; color: #666 }
.ir-dl dt, .ir-dl dd a { border-bottom: 1px solid #e5e5e5; padding: 15px }

.ir_btn{padding: 0 8px; border: 1px solid #000000;border-radius: 50px;line-height: 26px;}
.ir_btn .iconfont{line-height: 26px;}
.com-link:hover .ir_btn{border: 1px solid #fff;}

/*-------------------可持续发展-------------------*/
.businesskv { padding-top: 180px; padding-bottom: 80px; background: url(../images/business/businesskv.jpg) center center no-repeat; background-size: cover }

.business-annulus { width: 700px; height: 700px; margin-top: 60px }
.business-annulus .bullseye { width: 462px; height: 462px; padding-top: 172px; background: rgba(242,242,242,0.9) }

.business-page .button-green { padding: 2px 15px }
.business-page .button-green span { margin-top: 3px }

.business-page .nav-line { width: 1px; height: 100%; background: url(../images/business/nav-line.png) top left repeat-y; background-size: 100% auto; position: absolute; right: 50px; top: 0; z-index: 10 }
.business-page .nav-line .nav-annulus { display: block; width: 60px; height: 60px; position: absolute; top: 60px; right: -30px }
.business-page .nav-line .nav-annulus.cur { position: fixed; top: 90px; right: 20px }
.business-page .nav-line .nav-annulus a { display: block; width: 60px; height: 60px; position: absolute; top: 0; left: 0; font-size: 0 }
.business-page .nav-line .nav-annulus a:nth-of-type(1).active { background: url(../images/business/annulus-0.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(2).active { background: url(../images/business/annulus-1.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(3).active { background: url(../images/business/annulus-2.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(4).active { background: url(../images/business/annulus-3.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(5).active { background: url(../images/business/annulus-4.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(6).active { background: url(../images/business/annulus-5.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(7).active { background: url(../images/business/annulus-6.png) 0 0 no-repeat; background-size: 100% auto }
.business-page .nav-line .nav-annulus a:nth-of-type(8).active { background: url(../images/business/annulus-7.png) 0 0 no-repeat; background-size: 100% auto }


.txt-hide { display: none }

@media ( min-width:801px ) and ( max-width:1365px ) {
.business-page .area_45.fright { margin-right: 5% }
}


/*-------------------可持续发展-------------------*/
.developkv { background: url(../images/develop/developkv.jpg) center center no-repeat; background-size: cover }
.develop-logobox { height: 200px }
.develop-logobox img { max-height: 100%; max-width: 60% }
.public-con { background: url(../images/develop/public-bg.jpg) center center no-repeat; background-size: cover }
.develop-com .width100:hover{background: #f2f2f2;}

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

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

.think-con01 { padding-top: 200px; padding-bottom: 200px; background: url(../images/develop/think-bg01.png) right bottom no-repeat; background-size: 100% auto }
.think_p{margin-left: 6em;line-height: 2em;}
.think_p span{margin-left: -4em;width: 4em;}

@media ( max-width:1279px ) {
.think-con01 { padding-top: 100px; padding-bottom: 100px }	
}
.think-con02 { margin-top: 50px; padding-top: 100px; padding-bottom: 300px; background: url(../images/develop/think-bg02.png) left center no-repeat; background-size:auto 100% }


/*-------------------招聘-------------------*/
.joinkv { background: url(../images/join/joinkv.jpg) right bottom no-repeat; background-size: cover }

.join-inlet { background: url(../images/join/bg.jpg) center center no-repeat; background-size: cover }
.join-inlet-l { background: rgba(24,164,100,0.8) }
.join-inlet-r { background: rgba(0,0,0,0.45) }
.join-inlet-l:hover { background: rgba(24,164,100,1) }
.join-inlet-r:hover { background: #5C5C5C }

.post-titlebox { height: 82px }

.social-dl { margin-right: 60px; height: 60px; line-height: 60px }
.social-dl dd { width: 60px; margin-right: -60px }
.social-dl dd a { height: 60px; line-height: 60px; background: #18a464; color: #fff }
.social-dl dd a:hover { background: #07c06b }
.social-dl dd a .icon-search { line-height: 60px }
input.social-input { width: 100%; height: 56px; line-height: 56px; border: 0 none; padding: 0 20px }
input.social-input:focus { border: 0 none }
.social-list { border-bottom: 1px solid #e5e5e5 }
.social-list li { padding: 15px }

/*-------------------联系我们-------------------*/
.contactkv { background: url(../images/contact/contactkv.jpg) left top no-repeat; background-size: cover }
.contact-ewm { width: 140px; height: 140px }
.contact-logobox { height: 50px }
.contact-logobox img { max-height: 100%; max-width: 60% }

.contact-con01 .contact-txt { padding: 30px 0 40px }
.contact-con01 .contact-con01-d1, .contact-con01 .contact-con01-d2 { background: #f0f0f0 }
.contact-con01 .contact-con01-d3, .contact-con01 .contact-con01-d4 { background: #f6f6f6 }
.contact-con01 a:hover { background: #18a464; color: #fff }
.contact-con01 a:hover .color18a464 { color: #fff }

.contact-con01 .contact-shade { padding-top: 60px; background: #18a464; color: #fff; display: none }
/*.contact-con01 div:hover .contact-shade { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }*/

.contact-con02 a, .contact-con02 div { padding: 10px 0 }
.contact-con02 a:hover { background: #f6f6f6 }

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

@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:960px }

.navbox { background: rgba(255,255,255,1); top: -30px }
.logo { height: 40px; bottom: 15px; left: 20px }
.nav .menuLi { margin: 0 10px }

.headspace { height: 70px }
.ir_width .area_40{width: 45%}
.mo_flash h5 {font-size: 15px;}
}

@media ( min-width:801px ) and ( max-width:999px ) {

.navbox { background: rgba(255,255,255,1); top: -30px }
.logo { height: 40px; bottom: 15px; left: 20px }
.nav .menuLi { margin: 0 10px }
.language { right: 20px }

.headspace { height: 70px }

.report-con .width35 { width: 40% } 
.report-con .width60.padding30 { width: 60%; padding: 20px 30px } 

}


@media ( max-width:999px ) {
.container { width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.searchbox { height: 36px; line-height: 36px }
.searchbox .icon-search { line-height: 36px; font-size: 36px }
input.search { width:36px; height: 36px; line-height: 36px; padding-right: 36px }
.searchbox .button { top: 3px }
.mo_flash h5 {font-size: 14px;}

}




/* 提报 new  height: calc(120vh); */
/* .development03 {width: 100%;height: 200px; background: url(../images/kcxfz_03.jpg) center center no-repeat; background-size: cover;}
.development03_l {padding-left: 55px;}
.d03_1 { width: 100%;height: 45%;padding-top: 66px;}
.d03_3 { width: 100%;height: 90%;padding-top: 90px;}
 */


/* --------------通用------------------- */
.width95 {width: 95%;}


.bgf5f5f5 {background: #f5f5f5;}
.bgecedee {background: #ecedee;}
.bg1ca465 {background: #1ca465;}
.bgebf6e8 {background: #ebf6e8;}
.bgfafafa {background: #fafafa;}
.bge4eee1 {background: #e4eee1;}
.bgf3f3f3 {background: #f3f3f3;}
.bgf6f6f6 {background: #f6f6f6;}
.bgf1f1f1 {background: #f1f1f1;}

.color21b16b {color: #21b16b;}
.color1ca465 {color: #1ca465;}
.color00b57a {color: #00b57a;}
.color333333 {color: #333333;}
.color353434 {color: #353434;}
.color666666 {color: #666666;}
.color999999 {color: #999999;}

.line-e1e1e1 {width:100%; height:1px; line-height:1px; font-size:0; background:#e1e1e1; border:0 none}
.line-1ca465 {width: 100%; border-bottom: 1px solid #1ca465; position: relative;}
.line-1ca465::before {content: ''; width: 50%; height: 4px; background: #1ca465;position: absolute; left: 50%; bottom:-4px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }

.numArray {width: 90px; height: 90px; line-height: 90px; text-align: center; background: #e8f6ef;color: #00b57a; border-radius: 50%;}


/* ------------------三角---------------------- */
.triangle-left {width: 0;height: 0;border-top: 20px solid transparent; border-right: 23px solid #fff; border-bottom: 20px solid transparent;transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s;}
.triangle-right {width: 0;height: 0;border-top: 20px solid transparent; border-left: 23px solid #fff; border-bottom: 20px solid transparent;transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s;}
.triangle-rotate {transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);top: auto!important; bottom: -9px; }
/*--------------公司治理-------------- */
.government-con .area_30  {background: url(/images/ir/government.jpg) top center no-repeat; background-size: cover ;margin-top: -20px;}
.government-con .area_70 {margin-top: -40px;margin-right: -20px;}
.government-con .area_50 .bgf5f5f5 {height: 170px;}  
.pdfbutton { width: 130px; height: 35px; line-height: 35px; text-align: center; border-radius: 25px; border: 1px solid #1b1b1b;}
.pdfbutton:hover{ background: #1aa24d; color: #fff;border: 1px solid #1aa24d;}
.pdfbutton:hover .colore9383f {color:#fff;}
.report-com .com-link:hover h4{color: #000;}

/* ----------------可持续发展-------------------- */
.devIndexkv.inside-sloganbox {min-height: 300px;}
.devIndexkv .inside-slogan-r {line-height: 35px;}
.dev-bg {background: url(/images/development/indexkv.jpg) bottom center no-repeat; background-size: cover}
.dev-promise .color666,.dev-promise .com-link:hover .width80.paddingtop50,.dev-promise .com-link:hover .font-bold,.dev-promise .com-link:hover h6,.devControl a::before{transition: all .3s linear; -webkit-transition: all ease-out .3s;-moz-transition: all .3s linear;-o-transition: all .3s linear; transition-duration:all.3s linear;}

.dev-promise .com-link:hover .triangle-left{border-right: 23px solid #1ca465;}
.dev-promise .com-link:hover .triangle-right{border-left: 23px solid #1ca465;}
.dev-promise .com-link:hover .color666 ,.dev-promise .com-link:hover .font-bold,.dev-promise .com-link:hover h6{color: #fff;}
.dev-promise .com-link:hover .undis {display: block;}
.dev-promise .com-link:hover .width80.paddingtop50 {padding-top: 30px;}
.dev-promise .triangle-right,.dev-promise .triangle-left {top: 20%;}
.dev-promise .pro-height_r {height: 686px; background: #fff;}
.dev-indexheight {height: calc(30vh); min-height: 300px;}
.devFound .positionAbsolute {top: 0; left: 100px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.devControl a::before{content: ''; display: block; position: absolute;width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);background-image: linear-gradient(to bottom right,  rgba(0, 0, 0, 0) ,  rgba(0, 0, 0, 0.54)); opacity: 0;}
.devControl a:hover::before {opacity: 1;}
.devControl h2 {position: absolute; left: 50px; bottom:50px}
.hovercolor000:hover,.hovercolor000:hover i{color: #000;}

/* -------------------------内部管治-------------------------- */
.min-height110 {min-height: 140px;}
.Esg-text {padding-top: 100px;}
.EsgRight {width: calc(100% - 95px);}
.numDev {position: relative;}
.numDev .numArray {width: 80px; height: 80px;line-height: 80px;background: #ebf6e8; border:1px solid #00b57a;position: absolute; left: -36px; margin-top: 20px;}
.numDev .numDevTxt {border:1px solid #00b57a; height: 130px;width: 94%;padding-left: 60px; background-image: linear-gradient(to right, #d5dfd2 , #ebf6e8); padding-top: 10px;line-height: 2em;}

/* -------------------------绿色经营-------------------------- */
.gb-bg {background:url(/images/development/gb-kv.jpg) bottom center no-repeat; background-size: cover;}
.gb-circleLis{width: 180px; height: 180px;box-sizing: border-box; padding: 3px; border-radius: 50%; background-image: -webkit-linear-gradient(left, #5b9481 10%, #7bc3a4 30%, #9fddb3 50%, #68a790 70%);background-image: -moz-linear-gradient(left, #5b9481 10%, #7bc3a4 30%, #9fddb3 50%, #68a790 70%); background-image: linear-gradient(left, #5b9481 10%, #7bc3a4 30%, #9fddb3 50%, #68a790 70%); margin: 0 auto;}
.gb-circle {width:100%; height:100%; border-radius:50%;  background:#fafafa;text-align: center;}
.dev-gbheight {height: calc(30vh); min-height: 250px;}

/* -------------------------社会公益-------------------------- */
.sw-bg {background:url(/images/development/sw-kv.jpg) bottom center no-repeat; background-size: cover;}
.news-swiper .swiper-container { width: 65%; float: right;padding-bottom: 0; background: #efefef;}
.news-swiper .swiper-pagination { width: 35%; left: 0; bottom: 0 }
.news-swiper .swiper-pagination-bullet { display: block; width: 100%; text-align: left; border-radius: 0; opacity: 1; margin: 0; position: relative }
.news-swiper .swiper-pagination-bullet div.width100 { padding: 0 6%; box-sizing: border-box }
.news-swiper .swiper-pagination-bullet { background: #f9f9f9;}
.news-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1 }
.news-swiper .swiper-container-horizontal>.swiper-scrollbar { width: 100%; left: 0; bottom: 0; border-radius: 0; background: #e9e9e9 }
.news-swiper .swiper-pagination-bullet:hover,.news-swiper .swiper-pagination-bullet-active {background: #efefef; color: #21b16b;}  
.news-swiper .swiper-scrollbar-drag { background: #003c83; border-radius: 0 }
.news-swiper .swiper-slide p,.news-swiper .swiper-slide img {opacity: 0;}
.news-swiper .swiper-slide.swiper-slide-active p,.news-swiper .swiper-slide.swiper-slide-active img {opacity: 1;}
.swPro-icon {width: 120px; height: 120px; line-height: 120px; border: 1px solid #e4eee1; border-radius: 50%; background: #ebf6e8;margin: 0 auto;}
.swPro-txt {margin-top: -50px; min-height: 690px;}

/* ---------------------------以人为本------------------------------- */
.po-bg {background:url(/images/development/po-kv.jpg) bottom center no-repeat; background-size: cover;}
.poDev {height: calc(50vh); height: 500px; width: 95%;}
/* .poDev.poDevR {float: left;} */
.poDev-bg {background:url(/images/development/podev1.jpg) right center no-repeat; background-size: cover;}
.poDev-bg2 {background:url(/images/development/podev2.jpg) right center no-repeat; background-size: cover;}
.poDev-abu {left: -5%;}
.poDev-abur {right: -5%;}
.poShow .h3 {transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s}
.poShow .com-link:hover .h3 {color: #000;}

/*---------------------- 绿色金融----------------------------------- */
.devfinacekv .block-padding { padding-top: 80px;padding-bottom: 80px;}
.devfinacekv {height: calc(100vh + 100px); min-height: 900px;background:url(/images/development/fundbg.jpg) no-repeat; background-size: cover;background-position: center; padding: 0 40px; }
.finaceBox-btn {width:45%;height: 80px; line-height: 80px;color: #fff; background: #1ca465; border-radius: 50px; padding-left: 40px; margin-bottom: 30px;}

.finacsBox .icon-fiance {width: 40px; position: relative; display: block;height: 100%; float: left;}
.finacsBox .icon-fiance::before {position: absolute; top: 18px; }
.finacsBox .com-link:hover .icon-fiance::before {-webkit-animation: fiance-icon .8s infinite;  animation: fiance-icon .8s infinite; animation-iteration-count : 1 ; }
.lefttxtkv {background:url(/images/development/inside-frame.png) no-repeat; background-size: contain; background-position: left;height:184px;}


@-webkit-keyframes fiance-icon {
  0% {
    top: 18px;
  }
  50% {
    top: 8px;
  }
  100% {
   top: 18px;
  }
}
@keyframes fiance-icon {
  0% {
    top: 18px;
  }
  50% {
    top: 8px;
  }
  100% {
   top: 18px;
  }
}
 

/* 廉政建设 */
.numArray.numArray-eff {width: 40px;height: 40px; line-height: 40px;  background: #fff; border: 1px solid #22bf8c;}
.EsgRight-eff { width: calc(100% - 75px);padding-top: 0;}

/* 廉政举报 */
.button_18a464 { width: 150px; height: 45px; line-height: 45px; text-align: center; background: #1aa24d; color: #fff; border-radius: 50px;}
.button_18a464:hover{background: #07c06b; color: #fff;}

.en-btn {display: inline-block; width: 70%;}


@media ( min-width:1600px ) {
  .container { width:1350px!important }
  
  }
  
  @media (max-width:1400px) {
  }
  @media(max-width:1599px){}
  
  @media ( min-width:1260px ) and ( max-width:1599px ) {
  .container { width:1160px!important }
  .dev-promise .pro-height_r {height: 594px;}
  .swPro-txt { min-height: 740px;}
  .devfinacekv {min-height: 1250px }

  }
  @media ( min-width:1000px ) and ( max-width:1259px ) {
  .container { width:960px!important }
  .dev-promise .pro-height_r {height: 498px;}
  .Esg-text {padding-top: 40px;}
  .numDev .numDevTxt {font-size: 12px; padding-top: 15px;}
  .gb-con li h2 {padding-top: 15px;}
  .gb-circleLis {width: 150px; height: 150px;}
  .gb-circleLis h1 {font-size: 28px;}
  .gb-circleLis h6 {font-size: 12px;}
  .swPro-txt h6{font-size: 14px;}
  .swPro-txt h4{font-size: 18px;}
  .poDev-abu,.poDev-abur {width: 60%;}
  /* .swPro-txt { min-height: 385px;} */
  .recbtn .padding40{padding: 20px;} 
   .finaceBox-btn {width:55%;}
   .nav .menuLi .mainmenu {font-size: 12px;}
   .recbtn .addrss {padding-top: 10px;}
   .devfinacekv {min-height: 1380px }
  .en-aboutSwiper .width60 {width: 70%;}
  .inkv01 .container { left: 60% }
  .inkv02 .container { left: 60% }
  .inkv03 .container { left: 60% }
  .mo_dev h2 {font-size: 24px;}
  }
  
  @media ( min-width:801px ) and ( max-width:999px ) {
  .container { width: 90%!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
  .numArray {width: 65px; height: 65px; line-height: 65px; font-size: 2em !important; margin-top: 12px;}
  
  }
  
  
  @media ( max-width:999px ) {
  .container { width: 100%!important; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
 .pro-height_l {height: 185px;}
 .pro-height_l .com-rows_max3, .pro-height_r .com-rows_max3 {height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
 .dev-promise .pro-height_r{height: 411px;}
 .pro-height_r h6,.pro-height_r p {padding-top: 10px;}
 .min-height110 .paddingtop15 {padding-top: 5px;}
 .Esg-text {padding-top: 20px;}
 .numDev .numDevTxt {font-size: 12px;height: 140px;}
 .gb-con li h2 {padding-top: 0;}
 .gb-circleLis { width: 140px; height: 140px;}
 .gb-circleLis h1 {font-size: 28px;}
 .gb-circleLis h6 {font-size: 12px;}
 .swPro-txt h6{font-size: 12px;}
 .swPro-txt h4{font-size: 18px;}
 .swPro-txt {min-height: 630px;}
 .poDev-abu,.poDev-abur {width: 70%;}
 .finaceBox-btn {width: 80%;}
 .nav .menuLi .mainmenu {font-size: 12px;}
 .recbtn .padding40{padding: 20px;} 
 .recbtn .addrss {padding-top: 0;}
 .devfinacekv {min-height: 1350px }
 .en-aboutSwiper .width60 {width: 70%;}
 .mo_dev h2 {font-size: 24px;}


}
.imgw30 {
  display: block;
  max-width: 30%;
  height: auto;
}