@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:"PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif;
	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:#22a641; color:#fff }
::-moz-selection { background-color:#22a641; color:#fff }

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

.a01, a.a01, .a01 a { transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#22a641 }

.a02, a.a02, .a02 a { color:#22a641; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; display: inline-block; border-bottom: 1px solid #22a641 }
a:hover .a02, a.a02:hover, .a02 a:hover { color:#000; border-bottom: 1px solid transparent }


/* 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 }
.tbottom { vertical-align: text-bottom }
.tmiddle { vertical-align: middle }
.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 }

.imgcover { object-fit: cover }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 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: "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 }

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

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


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

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

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

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

.overhidden { overflow:hidden }

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

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

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

.iconfont { line-height: 1em }

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

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

.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize60 { font-size:60px;line-height: 1.1em }
.fontSize72 { font-size:72px;line-height: 1.1em }

h1, .h1 { font-size: 54px; line-height:1.1em }
h2, .h2 { font-size: 46px; line-height:1.1em }
h3, .h3 { font-size: 38px; line-height:1.1em }
h4, .h4 { font-size: 28px; line-height:1.1em }
h5, .h5 { font-size: 22px }
h6, .h6 { font-size: 18px }

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

.color22a641 { color: #22a641 }
.color00ae41 { color: #00ae41 }
.color0e448d { color: #0e448d }
.colorf00 { color: #f00 }
.color666 { color: #666 }
.colorffc038 { color: #ffc038 }
.color925f00 { color: #925f00 }
.colorffb71b { color: #ffb71b }
.colorc6c6c6 { color: #c6c6c6 }

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bg000 { background: #000 }
.bgf1f1f1 { background: #f1f1f1 }
.bg00ae41 { background:#00ae41 }
.bgf4f4f4 { background: #f4f4f4 }
.bgf5f5f5 { background: #f5f5f5 }
.bg22a641 { background: #22a641 }
.bg53aa4f { background: #53aa4f }
.bge9e9e9 { background: #e9e9e9 }
.bgf9f9f9 { background: #f9f9f9 }
.bgffb71b { background: #ffb71b }
.bgfefbf1 { background: #fefbf1 }
.bgf0ecdf { background: #f0ecdf }
.bgeee { background: #eee }
.bgfcfcfc { background: #fcfcfc }
.bgedf4ec { background: #edf4ec }
 
/*-------------------分割线、边框-------------------*/
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-00ae41 { width:100%; height:1px; line-height:1px; font-size:0; background:#00ae41; border:0 none }
.txtborder { border-bottom: 2px solid #ffb71b }
.txtborder6 { border-bottom: 6px solid #ffb71b }
.border-53aa4f { border:4px solid #53aa4f }
.border_r_000_10 { border-right: 1px solid rgba(0,0,0,0.1);  border-color: #000\9; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box }
.border_b_ececec { border-bottom: 1px solid #ececec }
.border_b_c6c6c6 { border-bottom: 1px solid #c6c6c6 }
.border_000_50 { border:1px solid rgba(0,0,0,0.5); box-sizing: border-box }

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

.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 }
.marginleft45 { margin-left:45px }
.marginleft40 { margin-left:40px }
.marginleft50 { margin-left:50px }

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

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

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

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

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }

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

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


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

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

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66.66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width100 { width:100% }
.maxwidth80 { max-width: 80% }

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

.height50 { height:50% }
.height80 { height:80% }
.height100 { height:100% }
.nd-con img { max-width: 80%;display: block;margin: auto }

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

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_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.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:7.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

.newscom-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.newscom-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.newscom-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 }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
	
.btn1 .linebottom { width: 0;height: 1px;background: #22a641;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }	
.btn1:hover { color: #22a641 }
.btn1:hover .linebottom { width: 100% }
.linkbox:hover .btn1 { color: #22a641 }
.linkbox:hover .btn1 span { color: #22a641 }
.linkbox:hover .btn1 .linebottom { width: 100% }

.btn2 .linebottom { width: 0;height: 1px;background: #fff;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }	
.btn2:hover { color: #fff }
.btn2:hover .linebottom { width: 100% }
.linkbox:hover .btn2 { color: #fff }
.linkbox:hover .btn2 .linebottom { width: 100% }

.morebtn:hover .color666 { color: #22a641 }

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

.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;box-shadow: 2px 2px 6px 0px #adadad }
.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 }



/*-------------------分页css开始-------------------*/

/*-------------------分享-------------------*/
.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 .iconfont { line-height: 48px }
.breadcrumb-share .share_more span { margin-left: auto; float: right }
.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 }

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

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

.logo { width: auto; height: 35px; position: fixed; left: 30px; top: 26px; z-index: 1000 }

.nav { float: right; margin-right: 20px }
.nav .menuLi { float: left; display: block; position: relative }
.nav .menuLi .mainmenu { display: block; padding: 0 20px; height: 84px; line-height: 84px; font-weight: bold; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.nav .menuLi .mainmenu:after { content: ''; width: calc(100% - 40px); height: 0; position: absolute; bottom: 0; left: 20px; background: #00ae41; -moz-transition: 0.1s; -o-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #00ae41 }
.nav .menuLi .mainmenu:hover::after, .nav .menuLi .mainmenu.menuLiBnameover::after, .nav .menuLi .mainmenu.menuLipitchon::after { height: 4px }

.menuListBox { width: calc(100vw); height: 50px; line-height:50px; position:fixed; top:84px; left: 0; background: rgba(255,255,255,0.8); z-index: 10; display:none }
.secondmenu { width: calc(100vw); text-align: left; height: 50px; line-height:50px; position:absolute; top:84px; left: 0; z-index: 20; display:none }
.secondmenu a { display:inline-block; padding: 0 20px; height: 50px; line-height:50px; color: #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.secondmenu a:hover { color: #00ae41 }
.nav .menuLi:nth-of-type(5) .secondmenu, .nav .menuLi:nth-of-type(6) .secondmenu { text-align: right; left: auto; right: 0 }


.language { float: right; margin-right: 30px; margin-top: 30px }
.language a { color: rgba(0,0,0,0.5) }
.language a:hover { color: #00ae41 }

.menu { width: 84px; height:84px; background: #00ae41; position: absolute; right: 0; top: 84px; z-index: 1000; cursor: pointer; display: none }
.menu .bar { width: 30px; height: 2px; display: block; margin-left: 32px; position: absolute; background-color: #fff }
.menu .bar:nth-of-type(1), .menu .bar:nth-of-type(2), .menu .bar:nth-of-type(3) { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu .bar:nth-of-type(1) { top: 20px }
.menu .bar:nth-of-type(2) { width: 20px; top: 30px }
.menu .bar:nth-of-type(3) { top: 40px }
.menu.hover .bar:nth-of-type(1), .indexpage .headbox.current .menu .bar:nth-of-type(1) { width: 12px; top: 25px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.menu.hover .bar:nth-of-type(2), .indexpage .headbox.current .menu .bar:nth-of-type(2) { width: 30px }
.menu.hover .bar:nth-of-type(3), .indexpage .headbox.current .menu .bar:nth-of-type(3) { width: 12px; top: 35px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }

.menu .txt { width: 100%; text-align: center; position: absolute; top: 50px; left: 0; color: #fff }

.indexpage .menu { display: block }
.indexpage .navbox { top: -84px }
/* .indexpage .logo { top: 114px } */
.indexpage .language { margin-right: 114px }
/* .indexpage .navbox.hover .logo, .indexpage .headbox.current .logo { top: 27px } */
.indexpage .navbox.hover, .indexpage .menu.hover, .indexpage .headbox.current .navbox, .indexpage .headbox.current .menu { top: 0 }

.shares {  height: 40px; position: fixed; left: 210px; top: 28px; z-index: 1000 }
@media ( max-width:1050px ) {
	.nav .menuLi .mainmenu {
		padding: 0 5px;
	}
	.shares { display: none }
}

.stock1_2 .icon-stock { color: #f00!important }
.stock1_2 .icon-stock2-1 { color: #22a641!important }
.stock1_3 .icon-stock1 { color: #f00!important }
.stock1_3 .icon-stock2 { color: #22a641!important }

/*-------------------底部-------------------*/
.fooerewm { width: 90px;margin: auto }

/*-------------------通用-------------------*/
.headspace { width: 100%; height: 84px }
.block-padding { padding-top: 80px; padding-bottom: 80px }
.block-padding-t { padding-top: 80px }
.block-padding-b { padding-bottom: 80px }

.newsboxsha { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s } 
.imghover img, .imghover .img {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.imghover:hover img, .imghover:hover .img {
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
.imghover2 .joinbgImg {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.imghover2:hover .joinbgImg {
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
.newsboxsha:hover { box-shadow: 4px 4px 8px 1px #d2d2d2 }

.scroll-icon, .scroll-icon2 {
  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;
  background-size: 100% 100%;
  -webkit-transition: .4s;
  transition: .4s;
 }
 
.scroll-icon { height: 60px;font-size: 24px }
.scroll-icon::after {
	font-family: "iconfont";
	font-weight: 100;
	content: '\e63e';
	-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);
}

.scroll-icon2 { height: 24px;font-size: 24px }
.scroll-icon2::after {
  font-family: "iconfont";
  font-weight: 100;
  content: '\e6f8';
  -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: 0.5;
  }
  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: 0.5;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
  }
}
.iconmv { padding: 10px;background: #22a641;border-radius: 50% }
.iconmv2 { padding: 10px;background: rgba(255,255,255,0.8); border-radius: 50% }
a:hover .iconmv { box-shadow: 0px 0px 4px 1px #1b8033 }
a:hover .iconmv2 { box-shadow: 0px 0px 4px 1px #fff; background:#fff }
.iconmv, .iconmv2, .indexservice div, .indexservice img { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }

.margintxt80 { padding:0 0 0 80px;box-sizing: border-box }
.margintxt100 { padding:0 40px 0 100px;box-sizing: border-box }
.margintxt110 { padding:0 0 0 110px;box-sizing: border-box }
.irgovtxt { padding:0 40px 0 4em;box-sizing: border-box }

/*-------------------首页-------------------*/

.stage_media { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: 180%; max-height: 180%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity; background-color: #ecebec }

.indexarrow {
	bottom: 20px;
	margin-left: -15px;
	z-index: 999;
}

.button-video-sound { width: 70px; text-align: center; height: 60px; line-height: 60px; position: absolute; z-index: 1; right: 0; top: 50%; border: 0; background-color: #ae241e; overflow: hidden; transform:  translateY(-50%); -ms-transform:  translateY(-50%); -webkit-transform:translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); cursor: pointer; outline: 0; -webkit-transition: right 0.25s ease-out; -moz-transition: right 0.25s ease-out; -ms-transition: right 0.25s ease-out; -o-transition: right 0.25s ease-out; transition: right 0.25s ease-out }
.button-video-sound::after { content: ""; line-height: 60px; font-size: 30px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent no-repeat center center; opacity: .5; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out }
.button-video-sound:hover::after { opacity: 1 }
.button-video-sound-on::after { font-family: "iconfont" !important; content: "\e60e" }
.button-video-sound-off::after { font-family: "iconfont" !important; content: "\e72c" }

.inedexkv { height: calc(100vh);overflow: hidden;min-height: 680px }
.inedexkv #video1 { min-width: 100%;min-height: 100%;max-width: 110%;max-height: 110%;width: auto;height: auto;background-size: cover }
.indexheight { height: calc(30vh);min-height: 300px }
.video-popbox { width: 800px; height: 500px; overflow:hidden }

.newscontent { height: 350px }
.indexnews .indeximg .area_50:nth-of-type(1) { padding: 40px 10px 40px 40px;box-sizing: border-box }
.indexnews .indeximg .area_50:nth-of-type(2) { padding: 40px 40px 40px 50px;box-sizing: border-box }
.indexnews .area_33 .padding40 { background: #fff }
.indexnews .area_33:nth-last-of-type(1) .padding40, .indexnews .area_33:nth-last-of-type(4) .padding40 { background: #22a641;color: #fff }
.indexnews .area_33:nth-last-of-type(1) .padding40 .color22a641, .indexnews .area_33:nth-last-of-type(4) .padding40 .color22a641 { color: #fff }
.indexservice .servicebox { background: #fff;border-radius: 50%;overflow: hidden }
.indexservice .servicebox div { background: rgba(0,0,0,0.3);border-radius:50%;width: 70px;height: 70px }
.indexservice .servicebox img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;border-radius: 50% }
.indexservice.cur .servicebox div { width: 100%;height: 100%;background: rgba(0,0,0,0) }
.indexservice.cur .servicebox img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
/* .indexservice.cur div i { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 } */
.fuwubox { top: -18%;right: 10%;width: 35% }

/*-------------------关于-------------------*/
.top-kv { height: calc(65vh);overflow: hidden }
.about-kv { background: url(../images/about/about-kv.jpg?v=3);background-size: cover;background-position:top center }

.aboutclover {
	width: 40px;top: 0;right: 20%;
	-webkit-animation: ImgBounce 3s ease-in-out 0s infinite alternate;
	animation: ImgBounce 3s ease-in-out 0s infinite alternate;
}
.aboutclover2 {
	top: 85%;right: 35%;
	-webkit-animation: ImgBounce 6s ease-in-out 0s infinite alternate;
	animation: ImgBounce 6s ease-in-out 0s infinite alternate;
}
.aboutclover3 {
	width: 120px;
	bottom: 80px;right: 0;
	-webkit-animation: ImgBounce 6s ease-in-out 0s infinite alternate;
	animation: ImgBounce 6s ease-in-out 0s infinite alternate;
}
/* @-webkit-keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
} */
.aboutbox { height: calc(15vh) }
.aboutmap { margin-left: 100px;padding: 40px 40px 80px 0; }
.aboutmap>div { margin-left: -50px }

.jsmapbox { margin-right: 350px }
.jsmapbox .territorycode { margin-right: -350px;width: 350px }
#jsmap { width: 700px;height: 500px }
.mapnsqd { left: 550px;width: 17% }

.maptxtpadding { padding: 10px 10px 8px 10px }
.mappadding { margin:0 10px 10px 10px;padding-top: 8px;border-top: 1px solid } 
.mappadding span { padding-right: 15px;display: inline-block;width:4em }
.mappadding span:nth-of-type(3n){ padding-right: 0px }

.combox000 .bg000 { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.combox000:hover .bg000 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

.honorlist .width50:nth-of-type(2) div { box-sizing: border-box;border-left: 1px solid #c6c6c6 } 
.honorlist .border_b_c6c6c6 { height: 1px } 
.honorlist .border_b_c6c6c6 .emradius { width: 16px;height: 16px;border-radius: 50%;border: 1px solid #c6c6c6;background: #fff;right: -9px; }
.honorico { width: 50px;height: 50px;border: 1px solid #c6c6c6;border-radius: 50%; }

.honorwow { background: url(../images/about/honorwow.jpg); background-size: cover;background-position: center; }
.history-honor { width:100%; height: 550px } 
.honor-shade { opacity: 0; background: #000 }


.circle-con { width: 90%; height: 400px; 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:300px; height: 300px; padding: 50px 30px 0; top: 0; left: 0;background: rgba(33,200,95,0.9); }
.circle02 { width: 240px; height: 240px; padding: 30px 30px 0; top: 5%; left: 30%;background: rgba(255,255,255,0.9); }
.circle03 { width: 250px;height: 250px;padding: 30px 30px 0; top: 31%;left: 47%;background: rgba(33,200,95,0.9); }
.circle04 { width: 230px; height: 230px; padding: 30px 30px 0; top: 5%; right:14%;background: rgba(255,255,255,0.9); }
.circle05 { width: 230px;height: 230px;padding: 40px 30px 0; bottom: 2%;right: 2%;background: rgba(33,200,95,0.9); }

.circle01bg { width: 200px;height: 200px;bottom: 20%;left: 10%;background: rgba(255,255,255,0.2);z-index: -1; }
.circle02bg { width: 150px;height: 150px;top: 35%;left: 40%;background: rgba(255,255,255,0.5);z-index: -1; }
.circle03bg { width: 160px; height: 160px; top: 0; right: 14%;background: rgba(255,255,255,0.5);z-index: -1; }
.circle04bg { width: 160px; height: 160px; bottom: 0; right: 0;background: rgba(255,255,255,0.5);z-index: -1; }

.value-bg { background: url(../images/about/value-01.jpg?v=3) no-repeat;background-position: center;background-size: cover }
.valuenav { background: rgba(255,255,255,0.8) }
.valuentabs { background: rgba(255,255,255,0.4) }
.valuentabs li a { height: 80px;line-height: 80px }
.valuentabs a:hover { background: rgba(255,255,255,0.8) }
.valuentabs .current, .valuentabs a.current:hover { background: #07ad41;color: #fff }
.valuecontent { min-height: 430px }
.widthtab { position: absolute;height: 80px;background: rgba(255,255,255,0.4) }

.haveline { width: 100%; padding-left: 25px; box-sizing: border-box; position: relative }
.haveline::before { content: ""; width: 20px; height: 1px; background: #000; position: absolute; left: 0; top: 12px }

/*-------------------新闻-------------------*/
/* .newsimage::after {
    content: "";
    width: 150%;
    height: 200%;
    position: absolute;
    top: -100%;
    left: -180%;
    z-index: 11;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: rotate(30deg) scale(1.2);
    transform: rotate(30deg) scale(1.2);
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,0.7)));
    background: linear-gradient(90deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 100%) 
} */
.newssingle:hover .newsimage::after { top: 100%;left: 100%;-webkit-transform: rotate(0);transform: rotate(0) }
.newsimage .overhidden { border: 4px solid #fff }
.newsimagebox { background: transparent!important;width: 94%;height: 94%;border: 10px solid #fff;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.newssingle:hover .newsimagebox { width: 100%;height: 100% }

.news-select { width: 120px; height: 30px; line-height: 30px; cursor: pointer;padding-left: 20px;box-sizing: border-box }
.news-select .iconfont { line-height: 30px;position: absolute;right: 20px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.news-select-list { width: 120px; padding: 10px 0; background: #fff; position: absolute; top: 30px; left: 0; z-index: 10; display: none;padding-left: 20px }
.news-select-list li a { display: block; width: 100%;  height: 30px; line-height: 30px }
.news-select-list li a:hover { color: rgba(0,0,0,0.6) }
.news-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.search-dl dd { width: 30px; height: 30px; position: absolute;right: 0 }
.search-dl dd a { width: 30px; height: 30px; line-height: 30px; text-align: center }
.search-dl dd a .iconfont { line-height: 30px }
.search-dl dt input { width: 230px; height: 30px; line-height: 30px; background: transparent; border-bottom:1px solid #ccc }
.search-dl dt input:focus { border: none;background: transparent }
.search-dl dt .searchborder { width: 0;height: 1px;background: #22a641 }
.searchnav { margin-left: 150px }
.searchnav .ayear { margin-left: -150px }
.searchnav .news-select { padding-left: 0 }

.searchpage #searchValue { width: 100% }

.news-box,.news-box .positionAbsolute.width100 { cursor: pointer;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.news-box .positionAbsolute.width100 { height: 0;bottom: 0 }
.news-box .positionAbsolute.width100 .colorfff { top:-20px;left: 30px }

.news-title a { width: 75px }
.news-title a:nth-of-type(1) { width: 50px } 
.news-title .cur h6 { font-weight: bold }
.news-title a:nth-of-type(1) .list-top { width: 50px }
.news-title .cur .list-top{ width: 75px;border-bottom: 4px solid #22a641; position: absolute;bottom: -34px }

.newsbox .indeximg .area_50:nth-of-type(1) { padding: 40px 10px 40px 40px;box-sizing: border-box }
.newsbox .indeximg .area_50:nth-of-type(2) { padding: 40px 40px 40px 50px;box-sizing: border-box }
.newsbox .area_33 .padding40 { background: #f9f9f9 }
.newsbox .area_33:nth-last-of-type(2n-1) .padding40 { background: #f4f4f4 }

.newslist a:nth-of-type(2n-1) .newsboxsha { background: #f9f9f9 }
.newslist a:nth-of-type(2n) .newsboxsha{ background: #fff }

.brandbox { margin-right: 130px; }
.brandbox p { width: 130px;margin-right: -130px;line-height: 30px }


/*-------------------业务介绍-------------------*/
.businesskv { background: url(../images/business/business.jpg?v=3) center;height: calc(100vh - 84px );background-size: cover!important }
.businesskv a:hover .color666 { color: #fff }
.businesskv a:hover .btn1 .linebottom { background: #fff }
.community-txt { padding-left: 25%;box-sizing: border-box }
.community-txt img { margin-left: -25%;height: 80%;max-width: 25% }
.comheight { min-height: 380px }
.comheight .comheightimg  { min-height: 380px;background-size: cover;background-position: center; }
.comheight1 { background: url(../images/business/community-02.jpg); }
.comheight2 { background: url(../images/business/community-03.jpg); }
.comheight3 { background: url(../images/business/community-04.jpg); }
.comheight4 { background: url(../images/business/community-05.jpg); }

.firmheight1 { background: url(../images/business/community-06.jpg); }
.firmheight2 { background: url(../images/business/community-07.jpg); }
.firmheight3 { background: url(../images/business/community-08.jpg); }

.address_box { margin-left:45px }
.address_box span { margin-left: -45px;width: 45px }

.business-bgbox .cf:nth-of-type(2n) { background:#fcfcfc }
.business-bgbox .cf:nth-of-type(2n-1) { background:#fdfdfd }

.intell-icon .width33 { padding-left: 40px;box-sizing: border-box }
.intell-icon .width33 .iconfont { margin-left: -40px;width: 40px;vertical-align: middle;color: #ffb71b;display: inline-block }

/*-------------------服务-------------------*/
.service-kv { background: url(../images/service/service-kv.jpg?v=1.1);background-size: cover;background-position:top center }
.serviceclover {
	width: 40px;top: 12%;right: 10%;
	-webkit-animation: ImgBounce 6s ease-in-out 0s infinite alternate;
	animation: ImgBounce 6s ease-in-out 0s infinite alternate;
}

.serviceclover2 {
	width: 80px;
	top: 85%;right: 22%;
	-webkit-animation: ImgBounce 3s ease-in-out 0s infinite alternate;
	animation: ImgBounce 3s ease-in-out 0s infinite alternate;
}

.wemedia-con01 div.width33 a { background: #fdfdfd }
.wemedia-con01 div.width33:nth-of-type(2n-1) a { background: #f8f8f8 }
.wemedia-ewm { top: 0; background:#00ae41;color: #fff; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
a:hover .wemedia-ewm { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.biddingtxt .not_file .not_center { height: 48px }

.biddingtxt:hover .right0 { color:#22a641; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }

/*-------------------投资者关系-------------------*/
.irbox1 { min-height: 240px }
@-webkit-keyframes tellicon {
	0% {
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
	50% {
		-webkit-transform: translateY(-18px);
		transform: translateY(-18px);
	}
	100% {
		-webkit-transform: translateY(-27px);
		transform: translateY(-27px);
	}
}

@keyframes tellicon {
	0% {
		-webkit-transform: translateY(-32px);
		transform: translateY(-32px);
	}
	50% {
		-webkit-transform: translateY(-22px);
		transform: translateY(-22px);
	}
	100% {
		-webkit-transform: translateY(-27px);
		transform: translateY(-27px);
	}
}
.ir-kv { background: url(../images/ir/ir-kv.jpg?v=3);background-size: cover;background-position:top center }
.ir-tell { height: 80px;border-radius: 40px;padding: 0 60px 0 100px; }
.ir-tell h4 { height: 80px;line-height: 80px; }
.ir-tell i { background: #fff;color: #00ae41;padding: 5px;left: -85px }
.ir-tell2 { width: 0;height: 80px;border-radius: 40px;left: 0px }

.ir-tell:hover i {
	-webkit-animation: tellicon 0.6s ease-in-out;
	animation: tellicon 0.6s ease-in-out;
}
.ir-tell:hover .ir-tell2 { height:80px; width: 100%; }
.ir-tell i, .ir-tell2 { transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s }

.tellbox { width: calc(100vw);height: calc(100vh);position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 1000 }
.irpdfbox { margin-left:170px; } 
.irpdfimg {  margin-left:-170px;width: 130px; }
.irbg { right: 11%;max-width: 180px }
.irpdf:hover .color666 { color: #fff }

.irgover { margin-left: 200px }
.irgov { margin-left: -200px;width: 200px;padding: 40px 20px 40px 40px;box-sizing: border-box }
.govaddess { margin-left: 45px; }
.govaddess span { margin-left: -45px;width: 45px }

.fin_year { width: 150px;border-bottom: 1px solid #00ae41 }
.fin_list { width: 150px;border-bottom: 1px solid #00ae41 }
.fin_year .s:hover em, .fin_list .s:hover em { border-top: 8px solid #00ae41 }
.fin_year>a,.fin_list>a { display: block;padding-bottom: 10px }
.fin_year>div { background: #f0f0ef;width: 150px }
.fin_list>div { background: #f0f0ef;width: 150px }
.fin_year>div>p,.fin_list>div>p { height: 3px;background: #00ae41 }  
.fin_year>div>a,.fin_list>div>a { float: left;line-height: 3.5rem; box-sizing: border-box;font-size: 16px;width: 100%;border-bottom: 1px solid #ddd;padding-left: 20px;padding-right:20px;display: block;line-height: 48px }
.fin_year em,.fin_list em { position:absolute;right:0;top:9px;border-top: 8px solid #666;border-right: 8px solid transparent;border-left:8px solid transparent }
.not_list a:first-child { margin-top: 0 }
.fin_year .s.cur em,.fin_list .s.cur em { border-top: 8px solid #00ae41 }

.not_file { padding-right: 50px;box-sizing: border-box;padding-left: 100px }
.not_file .not_zg { width: 100px;margin-left: -100px }
.not_file em  { display: inline-block;width: 4px;height: 4px;background: #000;border-radius: 4px;vertical-align: middle;margin-right: 20px }
.not_center { border-left: 1px solid #333;padding-left: 20px }
.not_center, .color666 { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.noticebox:hover .not_center { border-left: 1px solid #00ae41 }
.noticebox:hover .color666 { color: #00ae41 }
.noticebox { background: #f4f4f4 }
.noticebox:nth-of-type(2n) { background:#F9F9F9 }

.cre-head { height: 500px; background: url(/IR_big5/images/cre-kv.jpg) center bottom no-repeat; background-size: cover }
.cre-title { position: absolute; bottom: 60px }
.cre-top div { line-height: 72px;border-right: 1px solid #a0cb9e;box-sizing: border-box }
.cre-top div:nth-of-type(1) { width: 20%;float: left }
.cre-top div:nth-of-type(2) { width: 26.6%;float: left }
.cre-top div:nth-of-type(3) { width: 26.6%;float: left }
.cre-top div:nth-of-type(4) { width: 26.6%;float: left;text-align: center;border-right:none }

.cre-list:nth-of-type(2n) { background:#f6f6f6 }
.cre-list { background: #fcfcfc }
.cre-list div { line-height: 64px }
.cre-list div:nth-of-type(2) { width: 20%;float: left }
.cre-list div:nth-of-type(4) { width: 26.6%;float: left }
.cre-list div:nth-of-type(6) { width: 26.6%;float: left }
.cre-list div:nth-of-type(8) { width: 26.6%;float: left;text-align: center }
.creline { width: 1px;height: 24px;background: #000000 }

.log-top div { line-height: 72px;border-right: 1px solid #a0cb9e;box-sizing: border-box }
.log-list:nth-of-type(2n) { background:#f6f6f6 }
.log-list:nth-of-type(2n-1) { background:#f9f9f9 }
.log-list { background: #fcfcfc }
.log-list div { line-height: 64px }
.log-list div:nth-of-type(2) { width: 20%;float: left }
.log-list div:nth-of-type(4) { width: 40%;float: left }
.log-list div:nth-of-type(6) { width: 40%;float: left;}

.tab-group { position: relative }
.tab-group section { opacity: 0; height: 0; overflow: hidden; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s }
.tab-group section.active { opacity: 1; height: auto; overflow: visible; }
.tab-nav { border-bottom: 1px solid #ececec }
.tab-nav li { display: inline-block; padding-left: 30px; padding-right: 30px; height: 40px; line-height: 43px; position: relative; }
.tab-nav li a { display: inline-block; color: #9e9e9e; padding-left: 20px; padding-right: 20px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.tab-nav li.active a { font-size: 24px; color: #53aa4f; border-bottom: 2px solid #53aa4f; position: relative; bottom: 0; }

.project-tabs li { float: left; width: 50%;background: #e8e4dd;line-height: 74px;height: 74px }
.project-tabs a { display: block; width: 100%; padding-left: 5%;box-sizing: border-box }
.project-tabs a:hover, .project-tabs a:focus, .project-tabs .current { background: #53aa4f;color: #fff }

.inform-btn { margin-top: 40%; }
.inform-btn a:nth-of-type(1) { width: 100px;line-height: 42px;background:#53aa4f;color: #fff }
.inform-btn a:nth-of-type(2) { width: 100px;line-height: 42px;background:#dbdbdb }
.ircontact i { left: 10px;color: #b3b3b3 }
.ircontact input { background: transparent;text-indent: 40px;border: 1px solid #e5e5e5;height: 54px }
.ircontact.cur input {  background: #f3f3f3;;border: 1px solid #f3f3f3 }
.ircontact.cur i  { color: #000 }
.irbtn { padding: 10px 70px }
.irboxshadow  { box-shadow: 0px 0px 6px 2px #b0b0b0 }

/* 2020/10/12 -> 优化 */
.constactLeave i { top:15px }
.constactLeave textarea { padding: 20px 10px 15px 50px;border: 1px solid #e5e5e5 }
.constactLeave textarea:focus { border: 1px solid #f3f3f3;background: #f3f3f3 }

.button-rounded { height: 60px; line-height: 60px; border-radius: 30px; padding: 0 40px 0 10px; background: #11a94e; color: #fff }
.button-rounded .iconfont { display: block; float: left; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; background: #fff; color: #11a94e; font-size: 24px; margin-top: 10px; margin-right: 10px }
.button-rounded:hover { background: #53aa4f; color: #fff }

/*-------------------加入我们-------------------*/
.join-kv { background: url(../images/join/join-kv.jpg?v=3);background-size: cover;background-position:top right }
.joinicon .join-a, .joinicon .join-b, .joinicon .join-c { -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s }
  
.joinicon .width30>div { width: 60px;height: 60px }
.joinicon:hover .join-a { opacity: 0 }
.joinicon:hover .join-b { opacity: 1 }
.joinicon:hover .join-c { height: 100px;width: 100px }

.joinicont_l .join-c { height: 10px;position: absolute; top: -20px; left: -10px }
.joinicont_r .join-c { height: 10px;position: absolute; top: -20px; right: -10px }
.joiniconb_r .join-c { height: 10px;position: absolute; bottom: -10px; right: -20px }
.joiniconc_c .join-c { height: 10px;position: absolute; top: -20px; left: -10px }

.joinclover {
	top:80px;right: 0;
	-webkit-animation: ImgBounce 6s ease-in-out 0s infinite alternate;
	animation: ImgBounce 6s ease-in-out 0s infinite alternate;
}
.joinclover2 {
	width: 100px;
	top:-10px;right: 0;
	-webkit-animation: ImgBounce 3s ease-in-out 0s infinite alternate;
	animation: ImgBounce 3s ease-in-out 0s infinite alternate;
}

.irpdf, .irpdf .btn1 { transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s }
.irpdf .btn1 { color: #666 }

.irpdf .btn1:hover { color: #fff }
.irpdf .btn1:hover .linebottom { background: #fff }
.irpdf:hover { background: #22a641;color: #fff }
.irpdf:hover .btn1 { color: #fff!important }



/*-------------------联系我们-------------------*/
.contactewm, .contacttxt{ transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s }
.contactbox:hover .contactewm { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.contactbox:hover .contacttxt { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.contactpage .width25:nth-of-type(2n-1) { background: #fcfcfc }
.contactpage .width25:nth-of-type(2n) { background: #f9f9f9 }




@-webkit-keyframes tellSvg {
	0% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes tellSvg {
	0% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
.tellSvg:hover svg {
	-webkit-animation: tellSvg 0.6s ease-in-out;
	animation: tellSvg 0.6s ease-in-out;
}


/*-------------------可持续发展-------------------*/
.developmentkv { background: url(../images/development/developmentkv.jpg) center center no-repeat; height: calc(100vh - 84px); background-size: cover }
.developmentkv a:hover .colorfff { color: #fff }
.developmentkv a:hover .btn1 .linebottom { background: #fff }

.internal-list { overflow: hidden }
.internal-li { padding: 40px 25px; box-sizing: border-box; }
.internal-list .area_33:first-of-type .internal-li, .internal-list .area_33:last-of-type .internal-li { margin-bottom: -1000px; padding-bottom: 1000px } 

.develop-noticebox { background: #fbfbfb }
.develop-noticebox:nth-of-type(2n) { background:#f4f4f4 }

svg.development-icon {
	width: 1em; height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

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

@media ( min-width:1600px ) {
.container { width:1500px }

}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1170px }

.abouttxt { padding:0 40px 0 90px;box-sizing: border-box }
.abouttxt2 { padding:0 0 0 90px;box-sizing: border-box }
.mapnsqd { left: 555px;bottom: 29px }

}


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

.logo, .indexpage .navbox.hover .logo, .indexpage .headbox.current .logo { height: 30px; top: 27px }
.nav .menuLi .mainmenu { padding: 0 10px }
.shares { left: 190px }

.abouttxt { padding:0 40px 0 65px;box-sizing: border-box }
.abouttxt2 { padding:0 0 0 65px;box-sizing: border-box }

.jsmapbox { margin-right: 210px }
.jsmapbox .territorycode { margin-right: -210px;width: 210px }
.jsmapbox .territorycode h2, .jsmapbox .territorycode .h2 { font-size: 28px }
#jsmap { width: 700px;height: 500px }
.mapnsqd { left: 555px;width: 17%;bottom: 40px }
.mediafont12 { font-size: 12px }

}

@media ( min-width:801px ) and ( max-width:999px ) {	
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.logo, .indexpage .navbox.hover .logo, .indexpage .headbox.current .logo { height: 30px; top: 27px }

.ir-tell h4 { height: 80px;line-height: 80px;font-size: 18px }
.abouttxt { padding:0 40px 0 40px;box-sizing: border-box }
.abouttxt2 { padding:0 0 0 40px;box-sizing: border-box }

.jsmapbox { margin-right: auto }
.jsmapbox .territorycode { margin-right: -0;width: 100% }
#jsmap { width: 700px;height: 500px }
.mapnsqd { left: 555px;width: 17%;bottom: 40px }
.territorycode div { width: 50%;float: left }
.mediafont12 { font-size: 12px }

}


@media ( min-width:801px ) and ( max-width:1259px ) {
  .fontSize72 { font-size: 36px }
  .fontSize60 { font-size: 32px }
  h1, .h1 { font-size: 46px }
  h2, .h2 { font-size: 42px }
  h3, .h3 { font-size: 32px }
  h4, .h4 { font-size: 24px }
  h5, .h5 { font-size: 20px }
  h6, .h6 { font-size: 16px }
  .fa-2_4x { font-size: 1.6em!important }
  
  .padding40 { padding: 30px }
  
  .block-padding { padding-top: 40px; padding-bottom: 40px }
  .block-padding-t { padding-top: 40px }
  .block-padding-b { padding-bottom: 40px }
  
  .margintxt80 { padding:0 0 0 60px;box-sizing: border-box }
  .margintxt100 { padding:0 30px 0 80px;box-sizing: border-box }
  .margintxt110 { padding:0 0 0 90px;box-sizing: border-box }
  .irgovtxt { padding:0 30px 0 4em;box-sizing: border-box }

  .newsswiper .margintop30 { margin-top: 10px }
  
  }