@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
/*********框架***********/
html { width:100%; height:100%;  font-size:62.5%; -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
html, body {width: 100%; min-height: 100%;background-color: #e7e7e7;
  background-image: url("../images/bg.png");
  background-repeat: repeat-y;
  background-position: center;
  font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Microsoft Yahei", 微软雅黑, 黑体, "Arial", sans-serif;
}
body.fixed{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
body { font-size:14px; font-size:1.4rem;line-height: 1.8em; /* 12÷10=1.2 */ }

.pageBox {min-height: 100vh;max-width: 1440px;margin-left: auto;margin-right: auto;background-color: #fff;
}
.pageBox, .pageBox *, .asideBox, .asideBox * {box-sizing: border-box;}
img {max-width: 100%;vertical-align: middle;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu, legend, time, ul, li {display: block;}
.contentBox {max-width: 1200px; margin-left: auto; margin-right: auto;position: relative;}
.colorffba00 {color: #ffba00;}
.k_accordion_title { cursor: pointer; }

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



::selection { background-color:#14a83b; color:#fff }
::-moz-selection { background-color:#14a83b; color:#fff }

/* link */
a { color:#5e5e5e; 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:#14a83b }

a.a01, .a01 a, a .a01 { color: #32ef2d }
a.a01:hover, .a01 a:hover, a .a01:hover { color:#000 }

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

.noborder { border:0 none }

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

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

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#a1a1a1; font-family:'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Microsoft Yahei", 微软雅黑, 黑体, "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 { border: 0; padding-left:10px; padding-right:10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
/*input[type="text"]:focus, input[type="password"]:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(11,94,157,0.6) }*/
textarea { border: 0; padding:10px }
/*textarea:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(11,94,157,0.6) }*/
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Microsoft Yahei", 微软雅黑, 黑体, "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%; margin:0 auto; overflow: hidden }

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

.rightarea { width: 750px }

/*-------------------定位-------------------*/
.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: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.poabsolute-b { position:absolute; bottom:0 }
.poabsolute-t { position:absolute; top:0 }

.left0 { left:0!important }
.right0 { right:0!important }
.right20 { right:20px!important }
.top0 { top:0!important }

.zindex2 { z-index:2 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius2 { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px }
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0 { 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_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_4 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_65 { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

.box-shadow10 { -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3) }
.box-shadow10 { border\0:1px solid #e0e0e0 }

/*-------------------字体颜色、样式、字体间距-------------------*/
.textshadow_000 { text-shadow: #000 0 1px 0 }
.text_underline { text-decoration: underline }

@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/vez8cpp7mt43g14i.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/vez8cpp7mt43g14i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/vez8cpp7mt43g14i.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}


.myriadsetpro { font-family:myriadsetpro,webfont,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif}
@font-face{font-family:'myriadsetpro';
	src:url('../fonts/myriadsetpro-thin-webfont.eot');
	src:url('../fonts/myriadsetpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadsetpro-thin-webfont.woff') format('woff'),
	url('../fonts/myriadsetpro-thin-webfont.ttf') format('truetype'),
	url('../fonts/myriadsetpro-thin-webfont.svg#tensoregular') format('svg');
}

.iconfont { line-height: 1em; }

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

.font-bold { font-weight:bold }
.font-normal { font-weight: normal }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize26 { font-size:26px }
.fontSize36 { font-size:36px }
.fontSize75 { font-size:50px;line-height: 1.1em; }

h1, .h1 { font-size: 44px }
h2, .h2 { font-size: 30px }
h3, .h3 { font-size: 22px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

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


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


.color0068b7 { color:#0068b7 }
.colord72e8b { color:#d72e8b }
.color666 { color:#666 }
.color9e9e9e { color:#9e9e9e }
.colora1a1a1 { color:#a1a1a1 }
.color636363 { color:#636363 }
.colorffba00 { color:#ffba00 }
.colorf99506 { color:#f99506 }
.color00c759 { color:#00c759 }
.colorecbb25 { color:#ecbb25 }
.color93c140 { color:#93c140 }
.color2e9fd3 { color:#2e9fd3 }
.colorec5125 { color:#ec5125 }
.color0b5e9d { color:#0b5e9d }
.color0088c7 { color:#0088c7 }
.colorc82d81 { color:#c82d81 }
.colora1d1da { color:#a1d1da }
.colorfff100 { color:#fff100 }
.color3885ef { color:#3885ef }
.color75b91d { color:#75b91d }

/*-------------------背景颜色--------------------*/
.bgfff { background:#fff }
.bg000 { background:#000 }
.bg333 { background:#333 }
.bg000_20 { background:rgba(0,0,0,0.2); background: url(../images/000_20.png)\9; }

.bgfafafa { background:#fafafa }
.bge0e0e0 { background:#e0e0e0 }
.bge3e3e3 { background:#e3e3e3 }
.bge4e4e4 { background:#e4e4e4 }
.bge8e8e8 { background:#e8e8e8 }
.bgefefef { background:#efefef }
.bg0068b7 { background:#0068b7 }
.bgd72e8b { background:#d72e8b }
.bg3785c0 { background:#3785c0 }
.bgf2e1b1 { background:#f2e1b1 }
.bge7eef3 { background:#e7eef3 }
.bgf0f0f0 { background:#f0f0f0 }
.bgf6f6f6 { background:#f6f6f6 }
.bgf8f8f8 { background:#f8f8f8 }
.bgf0fff0 { background:#f0fff0 }
.bge3f0c9 { background:#e3f0c9 }
.bg0b5e9d { background:#0b5e9d }
.bgfff5e2 { background:#fff5e2 }
.bgf3f3f3 { background:#f3f3f3 }
.bge06b13 { background:#e06b13 }
.bgdaddd6 { background:#daddd6 }
.bgfbfbfb { background:#fbfbfb }
.bgf99506 { background:#f99506 }
.bgffba00 { background:#ffba00 }
.bg93c140 { background:#93c140 }
.bg2e9fd3 { background:#2e9fd3 }
.bgec5125 { background:#ec5125 }
.bgecbb25 { background:#ecbb25 }
.bgfca908 { background:#fca908 }
.bg0088c7 { background:#0088c7 }
.bg00c759 { background:#00c759 }
.bg2bb69d { background:#2bb69d }
.bg86b9e7 { background:#86b9e7 }
.bgeee { background:#eee }
.bgd9d8ce { background:#d9d8ce }
.bge9e8e3 { background:#e9e8e3 }
.bgf0efeb { background:#f0efeb }
.bg3895e3 { background:#3895e3 }
.bgfcfcfc { background: #fcfcfc }
.bg75b91d { background: #75b91d }
.bgf2f2f2 { background: #f2f2f2 }
.bgdcb209 { background: #dcb209 }
.bg85ca2f { background: #85ca2f }
.bgf3faea { background: #f3faea }
.bgfbf7e6 { background: #fbf7e6 }
.bgf1f8e8 { background: #f1f8e8 }
.bg14a83b { background: #14a83b }

/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line2-fff { width:100%; height:2px; line-height:2px; font-size:0; background:#fff; border:0 none }
.line-fff_30 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(255,255,255,0.3); background:#89d08d\9; border:0 none }

.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-000_10 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(0,0,0,0.1); background: url(../images/000_20.png)\9; border:0 none }
.line-000_30 { width:100%; height:1px; line-height:1px; font-size:0; background:rgba(0,0,0,0.3); border:0 none }

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

.line-f1f1f1 { width:100%; height:1px; line-height:1px; font-size:0; background:#f1f1f1; border:0 none }

.border-f1f1f1 { border:1px solid #f1f1f1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border-e6e5e5 { border:1px solid #e6e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border-0068b7 { border:1px solid #0068b7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border-d2d2d2 { border:1px solid #d2d2d2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border_b_ececec { border-bottom: 1px solid #ececec }

.border_l_000_30 { border-left:1px solid rgba(0,0,0,0.3); border-color: #000\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_l_fff_60 { border-left:1px solid rgba(255,255,255,0.6); border-color: #b0cfe7\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_r_fff_60 { border-right:1px solid rgba(255,255,255,0.6); border-color: #b0cfe7\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.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_r_000_50 { border-right:1px solid rgba(0,0,0,0.5); border-color: #000\9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border_l_fff { border-left:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_r_fff { border-right:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.border_b_f1f1f1 { border-bottom: 1px solid #f1f1f1 }
.border_b_f8f8f8 { border-bottom: 1px solid #f8f8f8 }
.border_b_0068b7 { border-bottom: 1px solid #0068b7 }

.border-r-0068b7 { border-right:1px solid #0068b7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

/*-------------------间距-------------------*/
.margintop3 { margin-top:3px }
.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 }
.margintop45 { margin-top:45px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop70 { margin-top:70px } 
.margintop80 { margin-top:80px }

.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 }
.marginbottom70 { margin-bottom:70px }

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

.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 }
.padding30_10 { padding-right:30px; padding-left:30px; padding-top:10px; padding-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }


.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop40 { padding-top:40px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop70 { padding-top:70px }
.paddingtop80 { padding-top:80px }
.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 }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom70 { padding-bottom:70px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

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

.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_5 { padding-right:10px; padding-left:10px; padding-top:5px; padding-bottom:5px; -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 }
.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 }
.padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_10 { padding-right:20px; padding-left:20px; padding-top:10px; padding-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30_15 { padding-right:30px; padding-left:30px; padding-top:15px; padding-bottom:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40_20 { padding-right:40px; padding-left:40px; padding-top:20px; padding-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_50 { padding-right:20px; padding-left:20px; padding-top:50px; padding-bottom:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.padding20-b40 { padding: 20px 20px 40px 20px;-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 }

.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }

.negative-marginleft50 { margin-left: -50px }
.negative-marginleft40 { margin-left: -40px }
.negative-marginleft30 { margin-left: -30px }
.negative-marginleft20 { margin-left: -20px }
.negative-marginleft15 { margin-left: -15px }

/*-------------------宽度、高度--------------------*/
.width6 { width:6% }
.width10 { width:10% }
.width12 { width:12% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width40 { width:40% }
.width50 { width:50% }
.width60 { width:60% }
.width66 { width:66.66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width88 { width:88% }
.width90 { width:90% }
.width92 { width:92% }
.width94 { width:94% }
.width100 { width:100% }

.imgw30 { display:block; max-width:30%; height:auto }
.imgw40 { display:block; max-width:40%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.height100 { height:100% }


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

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2max { max-height:3.4em; line-height:1.7em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_2 { height:3.4em; line-height:1.7em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical/*最多显示3行，超出省略号*/ }
.com-rows_4 { height:6em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical/*最多显示4行，超出省略号*/ }
.com-rows_5 { height:7.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical/*最多显示5行，超出省略号*/ }
.com-rows_7 { height:10.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical/*最多显示5行，超出省略号*/ }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }

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

.button-s, a.button-s, input.button-s { padding:7px; line-height:1em }
.button-m, a.button-m, input.button-m { padding:8px 15px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:10px 20px; line-height:1em }
.button-xl, a.button-xl, input.button-xl { padding:10px 30px; line-height:1em }

.button-rose, a.button-rose, input.button-rose { background:#d72e8b; color:#fff }
.button-rose:hover, a:hover.button-rose, input.button-rose:hover { background:#df58a2; color:#fff }
.button-rose:active, a:active.button-rose, input.button-rose:active { background:#ac256f; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-blue, a.button-blue, input.button-blue { background:#14a83b; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#95c359; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#95c359; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-eee, a.button-eee, input.button-eee { background:#eee; color:#000 }
.button-eee:hover, a:hover.button-eee, input.button-eee:hover { background:#d0d0d0; color:#000 }
.button-eee:active, a:active.button-eee, input.button-eee:active { background:#bcbcbc; color:#000; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

/*.button-gray, a.button-gray, input.button-gray { background:#dbdbdb; color:#fff }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#eaeaea; color:#fff }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#eaeaea; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }*/

.button-gray-l, a.button-gray-l, input.button-gray-l { border: 2px solid #a1a1a1; color: #a1a1a1 }
.button-gray-l:hover, a:hover.button-gray-l, input.button-gray-l:hover { background: #a1a1a1; color: #fff }
.button-gray-l:active, a:active.button-gray-l, input.button-gray-l:active { background: #a1a1a1; color: #fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-gray-nol, a.button-gray-nol, input.button-gray-nol { color: #a1a1a1 }
.button-gray-nol:hover, a:hover.button-gray-nol, input.button-gray-nol:hover { background: #d72e8b; color: #fff }
.button-gray-nol:active, a:active.button-gray-nol, input.button-gray-nol:active { background: #d72e8b; color: #fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-white-l, a.button-white-l, input.button-white-l { border: 2px solid #fff; color: #fff }
.button-white-l:hover, a:hover.button-white-l, input.button-white-l:hover { background: #fff; color: #d72e8b }
.button-white-l:active, a:active.button-white-l, input.button-white-l:active { background: #fff; color: #d72e8b; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

/*-------------------分页css开始-------------------*/
div.quotes { text-align:center }
div.quotes a { display: inline-block; padding:5px 10px; text-decoration:none; margin:0; margin-left:1px; margin-right: 1px; background:#f5f5f5 }
div.quotes a:hover { padding:5px 10px; background:#c2c2c2; color:#fff }
div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current { padding:5px 10px; background:#027bc8; color:#fff }
div.quotes a.disabled { padding:5px 10px; color:#f2f2f2 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-right: -3px }
div.quotes a#next { margin-left: -3px }


/*-------------------打印、分享css开始-------------------*/
.share .bdshare-button-style0-24 a { width: 58px; height: 16px; padding: 0; margin: 0; background: none }
.share .bdshare-button-style0-24 a.bds_more { background: url(../images/bds_more.png) 0 0 no-repeat }

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


/*-------------------内页通用-------------------*/
.main-content { margin-left: 300px }
.follownav { width: 240px; padding-right: 60px; margin-left: -300px; margin-top: -50px }
.follownav.fixed { position: fixed; margin-top: 0; top: 100px }
.follownav-title { height: 80px; line-height: 80px; border-left: 10px solid #d72e8b; padding-left: 20px }
.follownav-list { min-height: 150px }
.follownav-list li { height: 30px; line-height: 30px }
.follownav-list a { display: inline-block; width: 100%; height: 100%; color: #fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.follownav-list a .iconfont { display: none }
.follownav-list a:hover, .follownav-list li a.cur { color: #fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.follownav-list li a.cur .iconfont { display: block }

.area-content { width: 92% }

.inside-title .fa-1_6x { text-indent: 20px;border-left: 2px solid #14a83b; }
.inside-title>div { top: 0;left: 0 }
.inside-title  .yellowline { width: 2px;height: 8px;z-index: 3;border-bottom:1px solid #fff;background:#f6ac1d;position:relative }
.file-bg { padding-right: 0!important }
.file-bg .area_50:nth-child(2n-1), .gov_list .gov_director:nth-of-type(2n-1) { padding-right: 12px;box-sizing: border-box }
.file-bg .area_50:nth-child(2n), .gov_list .gov_director:nth-of-type(2n) { padding-left: 12px;box-sizing: border-box }

.file-bg .area_50:nth-child(2n-1) .h5{ background: #fafafa }
.file-bg .area_50:nth-child(2n) .h5{ background: #fcfcfc }

.gov_list .gov_director:nth-of-type(2n-1) div { background: #fff  }
.gov_list .gov_director:nth-of-type(2n) div { background: #f9f9f9  }


/*-------------------首页-------------------*/
.index-mainbox { height: 600px }

.in-con01 { height: 50px; position: absolute; bottom: 0; z-index: 100 }
.ina-list a { margin-right: 20px; position: relative }
.ina-list a .iconfont { font-size: 24px; position: absolute; top: -26px; left: 50%; margin-left: -12px; display: none }
.ina-list a:hover, .ina-list a.this { color: #d72e8b }
.ina-list a:hover .iconfont, .ina-list a.this .iconfont { display: block }

.in-title01 { height: 56px; line-height: 56px }

.instock-box { width: 100%; height: 95px; background: #fafafa }

.inhotbox_b { position: absolute;left: 10px;bottom: 10px }

.report_index  img { height: 180px }
.report_index  .button { bottom: 30px }
/*-------------------关于-------------------*/
.about-head { height: 500px; background: url(/IR_cn/images/about-kv.jpg) center bottom no-repeat; background-size: cover }
.about-title { position: absolute; bottom: 60px }

.aboutinside-head { height: 400px; background: url(../../../images/about/about-kv.jpg) center center no-repeat; background-size: cover }


.culture-txt { width: 100%; height: 100%; background: #f8f8f8; position: absolute; bottom: -355px; z-index: 10; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.culture-txt:hover { background: rgba(11,94,157,0.8); background: #5474a6\9; color: #fff; bottom: 0 }
.culture-list li { list-style: disc; list-style-position: outside; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.culture-txt:hover .culture-list li { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.culture-img { height: 465px }
.culture-img02 { background: url(/images/about/culture-img02.jpg) center center no-repeat; background-size: cover }
.culture-img03 { background: url(/images/about/culture-img03.jpg) center center no-repeat; background-size: cover }
.culture-img04 { background: url(/images/about/culture-img04.jpg) center center no-repeat; background-size: cover }
.culture-img05 { background: url(/images/about/culture-img05.jpg) center center no-repeat; background-size: cover }

.history-dl { margin-left: 90px; margin-bottom: 5px }
.history-dl dt { width: 90px; margin-left: -90px }

.history-honor { width:100%; height: 450px; background: url(/images/about/honor-bg.jpg) center center no-repeat; background-size:cover } 
.honor-shade { opacity: 0; background: #000 }
.circle-con { width: 80%; height: 320px; top: 65px; left: 10% }
.circle { cursor: default; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out; transition: transform .3s ease-out }
.circle:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 10 }
.circle01 { width: 170px; height: 170px; padding: 25px 10px 0; bottom: 5px; left: 0 }
.circle02 { width: 140px; height: 140px; padding: 10px 10px 0; bottom: 5%; left: 50%; margin-left: -70px }
.circle03 { width: 220px; height: 220px; padding: 30px 25px 0; top: 0; left: 16% }
.circle04 { width: 136px; height: 136px; padding: 15px 10px 0; top: 12%; right: 25% }
.circle05 { width: 180px; height: 180px; padding: 20px 20px 0; bottom: 0; right: 10% }
.circle06 { width: 115px; height: 115px; padding: 10px 10px 0; top: 5%; right: 0 }

.honor-iconbox { width: 10%; text-align: center; height: 54px; border-bottom: 6px solid #0068b7 }
.honor-prev, .honor-next { display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #c3c3c3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top: 12px }
.honor-prev:hover, .honor-next:hover { background: #c3c3c3; color: #fff }
.honor-tabstitle { height: 60px }
.honor-tabsbox { width: 100%; height: 60px }
.honor-tabs { width: 100%; height: 60px; line-height: 60px; list-style: none; border-bottom: 6px solid #0068b7; position: absolute; left: 0; bottom: 0; z-index: 10; }
.honor-tabs li { float: left; width: 20%; text-align: center; height: 60px; line-height: 60px; position: relative; }
.honor-tabs a { display: block; width: 100%; height: 60px; line-height: 60px; color: #9e9e9e; position: absolute; bottom: -6px }
.honor-tabs a:hover, .honor-tabs a:focus, .honor-tabs .current { color: #d72e8b; border-bottom: 6px solid #d72e8b }
.honor-tabtxt { height: 145px }
.honor-tabtxt:hover { background: #0068b7; color: #fff }

.honor-listt .honor-year { display: inline-block; background: #fff; padding-right: 20px; z-index: 2 }
.honor-listt .line-000_10 { top: 20px }

.contact-ewm, .contact-ewm img { height: 130px; line-height: 130px }

.cm-picbox { width:100%; overflow:hidden }
.cm-picbox img { display: block; float: left; width: 300px; margin: 0; padding: 0 }
.cm-pic { float: left; width: 800% }

.contact-con01 { margin-left: 100px }
.contact-con01-r { float: left; width: 100% }
.in { width: 100px; margin-left: -100px; float: left }
.contact-box .area_50 { height: 200px }
/*-------------------企业管治-------------------*/
.gov-head { height: 500px; background: url(/IR_cn/images/gov-kv.jpg) center bottom no-repeat; background-size: cover }
.gov-title { position: absolute; bottom: 60px }

.gov_list a:first-child { margin-top: 0 }

.dotbox { box-sizing: border-box;padding-left: 20px; }
.dotbox em { display: inline-block;width: 4px;height: 4px;background: #000;border-radius: 4px;vertical-align: middle;margin-left: -20px;margin-top: 10px }
.gov_pdf { width: 100px }
.dotbox:hover em { background:#14a83b }
.dotbox:hover .gov_pdf { color:#14a83b }
.dotbox:hover .color0068b7 { color:#14a83b }

.gov_file { padding-right: 100px;box-sizing: border-box;padding-left: 100px }
.gov_file .gov_zg { width: 100px;margin-left: -100px }
.gov_file em  { display: inline-block;width: 4px;height: 4px;background: #000;border-radius: 4px;vertical-align: middle;margin-right: 20px }
.gov_file:hover em { background:#14a83b }
.gov_file:hover .gov_pdf { color:#14a83b }
.gov_file:hover .color3885ef { color:#14a83b }
.gov_file .gov_center p:nth-of-type(1) { font-size: 10px;color: #14a83b; }
.gov_center em { margin-top: 0 }

.gov-bg { background: #fbf7e6 }
.gov-bg .bgdcb209 { padding: 30px 20px 30px 100px;box-sizing: border-box }
.gov-bg .gov-box { padding: 30px 20px 30px 100px }


/*-------------------财务摘要-------------------*/
.fin-head { height: 500px; background: url(/IR_cn/images/fin-kv.jpg) center bottom no-repeat; background-size: cover }
.fin-title { position: absolute; bottom: 60px }

.fin_year { width: 200px;border-bottom: 2px solid #f6ac1d }
.fin_list { width: 300px;border-bottom: 2px solid #f6ac1d }
.fin_year>a,.fin_list>a { display: block;padding: 10px 0;box-sizing: border-box }
.fin_year>div { background: #f0f0ef;width: 200px }
.fin_list>div { background: #f0f0ef;width: 300px }
.fin_year>div>p,.fin_list>div>p { height: 3px;background: #f6ac1d }  
.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 }
.fins_year>a:hover,.fins_list>a:hover { color: #14a83b }
.fin_year>div>a:hover,.fin_list>div>a:hover {color: #14a83b }
.fin_year em,.fin_list em { position:absolute;right:0;top:18px;border-top: 5px solid #000000;border-right: 5px solid transparent;border-left:5px solid transparent }

/*-------------------公告及通函-------------------*/
.not-head { height: 500px; background: url(/IR_cn/images/not-kv.jpg) center bottom no-repeat; background-size: cover }
.not-title { position: absolute; bottom: 60px }

/*-------------------业绩发布-------------------*/
.res-head { height: 500px; background: url(/IR_cn/images/res-kv.jpg) center bottom no-repeat; background-size: cover }
.res-title { position: absolute; bottom: 60px }
.restop { width: 50%; border-left: 5px solid #408ec9;background: #408ec9 }
a.restop:hover, a.restop.this { color: #fff; border-left: 5px solid #d72e8b; background: #0068b7 }

.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: 44px; line-height: 44px; position: relative; }
.tab-nav li a { display: inline-block; height: 48px; line-height: 44px; font-size: 16px; color: #b8b8b8; 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: #14a83b; border-bottom: 2px solid #f6ac1d; position: relative; bottom: 0; }

.project-tabs li { float: left; width: 50%;background: #3785c0; }
.project-tabs a { display: block; width: 100%; color: #fff; border-left: 5px solid #3785c0;box-sizing: border-box; }
.project-tabs a:hover, .project-tabs a:focus, .project-tabs .current { border-left: 5px solid #d72e8b; background: #0068b7;box-sizing: border-box }

.inform-title { top:45%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.inform-btn .button { padding: 0 5px }
.inform-btn { bottom: 15px;right: 0 }

.results1 .tab-nav { background: #dcb209; padding: 10px }
.results2 .tab-nav { background: #75b91d; padding: 10px }
.results1 li.active a ,.results2 li.active a { color: #fff; border-bottom: 2px solid #fff }


@media ( min-width:1025px ) and ( max-width:1140px ) {
.inform-title { top: 15px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }	
}

/*-------------------股票信息-------------------*/
.sto-head { height: 500px; background: url(/IR_cn/images/sto-kv.jpg) center bottom no-repeat; background-size: cover }
.sto-title { position: absolute; bottom: 60px }

.stock-tabs li { width: 100% }

.stock-table { width: 100% }
.stock-table td { line-height: 30px; padding-left: 10px }
.stock-table th { line-height: 30px; padding-left: 10px; background: #f2f8fc }
.stock-table td.stock-head, .stock-table th.stock-head { padding-left: 15px }
.stock-mark-l { background: #0457b7; position: absolute; left: 0; height: 30px; width: 5px; font-size: 0 }
.stock-mark-r { background: #fff; position: absolute; right: 0; height: 30px; width: 2px; font-size: 0 }
.stock-blank { height: 15px; line-height: 15px; font-size: 0 }

.stock-title { height: 50px; line-height: 50px; font-size: 18px; background: #0f6ab4; color: #fff; border-left: 5px solid #d5348b }

/*-------------------社会责任报告-------------------*/
.soc-head { height: 500px; background: url(/IR_cn/images/soc-kv.jpg) center bottom no-repeat; background-size: cover }
.soc-title { position: absolute; bottom: 60px }
.socbtn { bottom: 40px } 
.socbtn .button { width:90px }

/*-------------------信用评级-------------------*/
.cre-head { height: 500px; background: url(/IR_cn/images/cre-kv.jpg) center bottom no-repeat; background-size: cover }
.cre-title { position: absolute; bottom: 60px }
.cre-top div { line-height: 64px }
.cre-top div:nth-of-type(1) { width: 10%;float: left }
.cre-top div:nth-of-type(2) { width: 22.5%;float: left }
.cre-top div:nth-of-type(3) { width: 22.5%;float: left }
.cre-top div:nth-of-type(4) { width: 22.5%;float: left }
.cre-top div:nth-of-type(5) { width: 22.5%;float: left }
.cre-list:nth-of-type(2n) { background:#f1f8e8 }
.cre-list { background: #f7f7f7;border-bottom: 2px solid #fff }
.cre-list div { line-height: 64px;padding: 10px;box-sizing: border-box }
.cre-list div:nth-of-type(2) { width: 10%;float: left }
.cre-list div:nth-of-type(4) { width: 22.5%;float: left;font-weight: bold; padding-left: 6.5%;text-align: left }
.cre-list div:nth-of-type(6) { width: 22.5%;float: left }
.cre-list div:nth-of-type(8) { width: 22.5%;float: left;color: #d72e8b }
.cre-list div:nth-of-type(10) { width: 22.5%;float: left;font-weight: bold;padding-left: 8%;text-align: left }

/*-------------------联系我们-------------------*/
.con-head { height: 500px; background: url(/IR_cn/images/con-kv.jpg) center bottom no-repeat; background-size: cover }
.con-title { position: absolute; bottom: 60px }

.input { position: relative; z-index: 1; display: inline-block; vertical-align: top; font-size: 14px; border-bottom: 1px solid #ebebeb; }
.input__field { position: relative; display: block; float: right; width: 100%; border: none; border-radius: 0; background: transparent; color: #000; -webkit-appearance: none; /* for box shadows to show on iOS */ }
.input__field:focus { outline: none }
.input__label { display: inline-block; float: right; color: #898989; width: 100%; height: 45px; line-height: 45px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.input__label .iconfont { height: 45px; line-height: 45px; }
.input__label-content { position: relative; display: block; width: 100%; }

/* Ichiro */
.input__field--ichiro { position: absolute; top: 0; left: 0; z-index: 100; display: block;  color: #000; opacity: 0; height: 45px; line-height: 45px; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebebeb; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.input__label--ichiro { width: 100%; text-align: left; cursor: text; }
.input__label--ichiro::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__label-content--ichiro { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s}
.input__field--ichiro:focus { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);background: #f3f3f3; }
.input__field--ichiro:focus + .input__label--ichiro, .input--filled .input__label--ichiro { cursor: default; pointer-events: none;background:none }
.input__field--ichiro:focus + .input__label--ichiro::before, .input--filled .input__label--ichiro::before { -webkit-transform: scale3d(1, 1.5, 1); transform: scale3d(1, 1.5, 1);background:none }
.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro, .input--filled .input__label-content--ichiro { -webkit-transform: translate3d(0, -2.5em, 0) scale3d(0.9, 0.9, 1); transform: translate3d(0, -2.5em, 0) scale3d(0.9, 0.9, 1) translateZ(1px); color: #000; }
.input--ichiro { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.input--ichiro.input--filled { margin-top: 50px }
.input--ichiro.input--filled .input__field--ichiro { opacity: 1 }
.input--ichiro.input--filled .input__field--ichiro { border-bottom: 1px solid #14a83b; }

/*-------------------响应式css-------------------*/
@media ( min-width:1401px ) {
.container { width:1320px }

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

}

@media ( min-width:1024px ) and ( max-width:1259px ) {
.container { width:960px }
.nav .menuLi .mainmenu { padding: 0 10px }
.menuListBox { width:100px; margin-left: -50px }

}

@media ( min-width:801px ) and ( max-width:1023px ) {
.container { width:750px }
.nav .menuLi .mainmenu { margin-top: 40px; display: block; padding: 0 10px; line-height: 40px; height: 40px; position: relative }
.headbox em { top: 17px }
.menuListBox { width:100px; margin-left: -50px }
.top_width { margin-top: 40px }
.top_width#a>a { line-height: 40px; height: 40px }
.main-content { margin-left: 0 }
.follownav { display: none }


/*首页*/
.ina-listbox.fright { float: left!important }
.ina-list { margin-bottom: 20px }
.ina-list a { margin-right: 10px; padding-left: 20px }
.ina-list a .iconfont { font-size: 16px; position: absolute; top: 0; left: 0; margin-left: 0 }
.innews-box .com-rows_2 { height:2.6em; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.instock-box { height: auto }
.instock-box .fright.margintop45.mo_margintop20.cf{margin-top: 20px;}

}