@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5%; /* 10÷16=62.5% */ }
body { font-size:16px; font-size:1.6rem; /* 12÷10=1.2 */ }
body { line-height:1.6em; font-weight:400; font-family: webfont, "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; 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:#c22c20; color:#fff }
::-moz-selection { background-color:#c22c20; color:#fff }

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


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

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

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

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family: webfont, "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 36px; line-height: 36px; border: 1px solid #c3c3c3; 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, select:focus { border: 1px solid #d6000f }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #c3c3c3; background: transparent; padding:10px }
textarea:focus { border: 1px solid #d6000f }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:webfont, "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }
select { background: url(../images/select-arrows.png) top right no-repeat; padding-right: 35px }
select::-ms-expand { display: block }

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

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

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

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

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

.overhidden { overflow:hidden }

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

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

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


.iconfont { line-height: 1em }

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

.font-bold { font-weight: bold }
.font-thin { font-weight: 300 }
.text-shadow10 { text-shadow: 0 0 10px rgba(0,0,0,0.2) }
.letter-spacing10 { letter-spacing:10px }
.letter-spacing20 { letter-spacing:20px }

.italic { font-style: italic }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }
.fontSize16 { font-size:16px }
.fontSize64 { font-size:64px; line-height:1.1em }
.fontSize40 { font-size:40px; line-height:1.1em }

h1, .h1 { font-size: 80px; line-height:1.1em }
h2, .h2 { font-size: 50px; line-height:1.1em }
h3, .h3 { font-size: 36px; line-height:1.1em }
h4, .h4 { font-size: 24px; line-height:1.1em }
h5, .h5 { font-size: 20px }
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 { color: rgba(255,255,255,0.5) }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000 { color: rgba(0,0,0,0.5) }

.color003585 { color: #003585 }
.colore71f19 { color: #e71f19 }
.color1dbf60 { color: #1dbf60 }
.color7f5e3f { color: #7f5e3f }
.color3a80b3 { color: #3a80b3 }
.colorffd69e { color: #ffd69e }
.colore0cc39 { color: #e0cc39 }
.color9cf4fe { color: #9cf4fe }
.color87715a { color: #87715a }
.colorfff38f {color: #fff38f;}

/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bg003585 { background: #003585 }
.bg345d99 { background: #345d99 }
.bgc22c20 { background: #c22c20 }
.bgbf5049 { background: #bf5049 }
.bgfafbfd { background: #fafbfd }
.bgf5f5f5 { background: #f5f5f5 }
.bge3e3e3 { background: #e3e3e3 }
.bgf1d96d { background: #f1d96d }
.bg000_20 { background: rgba(0,0,0,0.2) }

/*-------------------分割线、边框-------------------*/
.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-003585 { width:100%; height:1px; line-height:1px; font-size:0; background:#003585; border:0 none }
.line-e3e3e3 { width:100%; }
.line-7f5e3f { width:100%; height:1px; line-height:1px; font-size:0; background:#7f5e3f; border:0 none }
.line-fff38f {width: 100%;height:4px; line-height:4px; font-size:0; background:#fff38f; border:0 none }

.border-d-cccdcd { border: 1px dashed #cccdcd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.border_b_d8d7d7 { border-bottom: 1px solid #d8d7d7 }
.border_b_fff { border-bottom: 1px solid #fff }

.border_l_000 { border-left: 1px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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 } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

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

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

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

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

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

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

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

.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 { 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 }
.padding70 { padding:70px; -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_disinblock { 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 }

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

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

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

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

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_48 { float:left; width:48% }
.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.15em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

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

.button-s, a.button-s, input.button-s { padding:8px 10px; line-height:1em }
.button-m, a.button-m, input.button-m { padding:10px 25px; line-height:1em }
.button-l, a.button-l, input.button-l { padding:20px 40px; line-height:1em }
.button-circular-s, a.button-circular-s, input.button-circular-s { padding: 0 20px; height:30px; line-height:30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px }
.button-circular-m, a.button-circular-m, input.button-circular-m { padding: 0 40px; height:40px; line-height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px }

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

.button-blue, a.button-blue, input.button-blue { border: 1px solid #003585; background: #003585; color: #fff }
.button-blue:hover, a:hover .button-blue, input.button-blue:hover { background:#fff; color:#003585 }
.button-blue:active, a:active .button-blue, input.button-blue:active { background:#fff; color:#003585; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-gray, a.button-gray, input.button-gray { background: #e7e7e7; color: #000 }
.button-gray:hover, a:hover .button-gray, input.button-gray:hover { background:#003585; color:#fff }
.button-gray:active, a:active .button-gray, input.button-gray:active { background:#003585; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }


.label-white { background: #fff; color: #003585 }
.label-white-l { border: 1px solid #fff; color: #fff }

/*-------------------分页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:rgba(255,255,255,0.2); background: #00385c\9; color: #fff }
div.quotes a:hover { padding:5px 10px; background:rgba(255,255,255,0.4); background: #2e5b91\9; color:#fff }
div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current { padding:5px 10px; background:#2e5b91; color:#fff }
div.quotes a.disabled { padding:5px 10px; background:rgba(255,255,255,0.1); background:#00073a\9; color:#666 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-right: -3px }
div.quotes a#next { margin-left: -3px }

div.quotes.quotes-gray a { background:#cdcdd1 }
div.quotes.quotes-gray a:hover { background:#d7d7dc }
div.quotes.quotes-gray a.current { padding:5px 10px; background:#2e5b91; color:#fff }


/*-------------------打印、分享css开始-------------------*/
/*.share { width: 76px; height: 28px }
.share .bdshare-button-style0-24 a { width: 28px; height: 28px; padding: 0; margin: 0 5px }
.share .bdshare-button-style0-24 a.bds_tsina { background: url(../images/weibo.png) 0 0 no-repeat }
.share .bdshare-button-style0-24 a.bds_weixin { background: url(../images/wechat.png) 0 0 no-repeat }*/

/*-------------------分享-------------------*/
.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 }
/*-------------------通用头部-------------------*/ 
.logo, .head-num, .head-num h5, .dataNums { transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.headbox { width:100%; height: 190px; position: absolute; top: 0; z-index: 1000; transition: all ease-out .4s; -webkit-transition: all ease-out .4s; -moz-transition: all ease-out .4s; -o-transition: all ease-out .4s }

.head-up { height: 120px; line-height: 120px }

.logo { width: auto; height: 60px; position: absolute; left: 0; top: 30px }

.head-iconbox { height: 30px; line-height: 30px; position: absolute; bottom: 30px; right: 0 }
.head-iconbox .iconfont { line-height: 30px }
.top-wechat { position: relative }
.top-wechaticon { width: 30px; text-align: center; height: 30px; line-height: 30px }
.wechat_ewm { position: absolute; right: -20px; width:200px; height:auto }
.wechat_ewm img { width: 100% }

.head-swiper.swiper-container { width: 590px; height: 70px; position: absolute; bottom: 20px; left: 50%; margin-left: -245px; overflow: hidden }
.head-num { width: 100%; height: 100% }
.head-num h6 { float: left; line-height: 22px; margin-top: 30px; margin-left: 10px }
.dataNums-con { display: inline-block; height: 32px; margin-top:19px }
.dataNums { display: block; height:32px; line-height: 32px; text-align:center }
.dataNums .dataOne { float: left; width:20px; height:32px; line-height: 30px; text-align: center }
.dataNums .dataBoc { position: relative; width: 100%; height: 100%; overflow: hidden }
.dataNums .dataBoc .tt { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.dataNums .tt span { display: block; width:100%; height:100%; font-size:32px; font-weight: bold }
.head-swiper.swiper-container .number, .head-swiper.swiper-container .number em { font-weight: bold; font-size:32px; line-height: 32px; margin-top:19px; letter-spacing: 2px }
.head-swiper.swiper-container .number span { font-size: 16px; margin-left: 10px }

.head-down, .nav { height: 70px; line-height: 70px }
.head-down { background: #bf5049 }
.nav { width: 730px; position: absolute; left: 50%; margin-left: -365px }
.nav .menuLi { float:left; display:block; position: relative }
.nav .menuLi .mainmenu { display:block; height: 70px; line-height: 70px; padding: 0 20px; position: relative; font-size:16px }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { font-weight: bold }
.nav .menuLi .mainmenu .icon-next { display: none }
.nav .menucut { float:left; width: 10px; font-size: 12px; text-align: center }

.menuListBox { width: 100%; text-align: center; padding-top: 12px; position:absolute; top: 58px; left: 0; z-index: 1001; display:none }
.menuListBox-a { width: 100%; background: #c22c20; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding: 10px 0 }
.menuListBox em { display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #c22c20; position:absolute; top: 0; left: 40px }
.menuListBox a { display:block; font-size: 14px; line-height: 30px; color:#fff; white-space:nowrap }
.menuListBox a:hover { color: rgba(255,255,255,0.5) }

.business-menuListBox { width: 220px; left: 50%; margin-left: -110px; text-align: left }
.business-menuListBox em { left: 85px }
.business-menuListBox a { padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.culture-menuListBox { width: 120px; left: 50%; margin-left: -60px }
.culture-menuListBox em { left: 45px }


.model-1 { display: none }

.headbox.current { position: fixed; top: -120px }
.headbox.current .logo { width: auto; height: 40px; top: 135px }

.headbox.current .head-swiper.swiper-container { width: 200px; bottom: auto; left: auto; margin-left: 0; top: 120px; right: 0 }
.headbox.current .head-num h6 { font-size: 12px; height: 20px; line-height: 20px; margin-top: 0; margin-left: 0 }
.headbox.current .dataNums-con { margin-top:10px }
.headbox.current .head-num .dataNums .dataOne { width:12px }
.headbox.current .head-num .dataNums .tt span { font-size:20px }
.headbox.current .head-swiper.swiper-container .number, .headbox.current .head-swiper.swiper-container .number em { width: 100%; font-size:20px; line-height: 32px; margin-top:10px; letter-spacing: 0 }
.headbox.current .head-swiper.swiper-container .number span { font-size: 12px }

/*-------------------底部通用-------------------*/
.footcon { width:100%; background: #c22c20; z-index: 99 }

.foot-iconbox { width: 185px }
.footcon .icon-mail, .footcon .icon-phone { width: 28px; height: 28px; margin: 0 5px }
.footcon .icon-mail:hover, .footcon .icon-phone:hover { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65 }
.footcon .icon-mail { background: url(../images/mail.png) 0 0 no-repeat }
.footcon .icon-phone { background: url(../images/tel.png) 0 0 no-repeat }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; background:#ccc; 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=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.gototop .iconfont { color: #000;line-height: 40px }
.gototop:hover { background:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.gototop:hover .iconfont { color: #000 }

.mo_footlogo { width: 240px }

/*-------------------通用-------------------*/
.shark-image { z-index: 0 }
.shark-text { position: relative; z-index: 1 }

.com-link { display: block; overflow: hidden; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.com-link:hover { -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15) }
.groupmoretemp { display: inline-block;vertical-align: middle;padding: 5px 10px;height: 22px;line-height: 12px }

/*-------------------首页-------------------*/
.index .page1 { background: url(../images/index/page1.jpg) center center no-repeat; background-size: cover }

.index .page1-img01 { width: 25%; position: absolute; top: 39% }
.index .page1-img02 { width: 30%; position: absolute; top: 33%; right: 0 }
.index .page1-txt01 { position: absolute; top: 55%;}
.index a:hover .page1-txt01.colorfff { color: rgba(255,255,255,1) }

.index .dataNums-big .dataNums { display: inline-block; height: 190px; line-height: 200px; position: relative; margin: 0 auto; text-align:center; overflow: hidden; }
.index .dataNums-big .dataNums .dataOne { float: left; width: 120px; height: 200px; line-height: 200px; text-align: center }
.index .dataNums-big .dataNums .dataBoc { position: relative; width: 100%; height: 100%; overflow: hidden }
.index .dataNums-big .dataNums .dataBoc .tt { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.index .dataNums-big .dataNums .tt span { display: block; width: 100%; height: 100%; font-size: 200px; font-weight: bold; font-family: arial; color: #003585 }

.index .page4 { margin-top: 140px; margin-bottom: 100px }
.index .page4-img01 { width: 50%; position: absolute; left: 0; top: -80px; }
.index .page4-txt01 { position: absolute; right: 10%; bottom: 60px }
.index a:hover .page4-txt01 { color: #000 }
.index .page4-right { background: url(../images/index/page4-img03.jpg) center center no-repeat; background-size: cover }
.index .page4-txt02 { position: absolute; top: 45px; left: 25px;  }
.index .page4-txt02.aos-animate {transform: rotate(-11deg); -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -moz-transform: rotate(-11deg)}
.index .page4-txt03 { width: 80%; position: absolute; left: 10%; top: 44% }
.index a:hover .page4-txt02, .index a:hover .page4-txt03 { color: #fff }


/* 修改 */
.colorb64242{color: #b64242;}
.fontSize30{font-size: 30px;}
.color566266{color: #566266;}

.honour-page4{background: url(../images/about/honour.png) center center no-repeat; background-size: cover;}
.honour-bg{height: 900px;}
.top25{top: 25%;left: 10%;}
.height92{height: 92%;}



.shake00 {
animation:shake 2s infinite ;
-moz-animation:shake 2s infinite ; /* Firefox */
-webkit-animation:shake 2s infinite ; /* Safari and Chrome */
-o-animation:shake 2s infinite ; /* Opera */
 }
@keyframes shake {
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
    }
    10%,
    20%,    
    30%,
    40% {
        -webkit-transform: rotate(-5deg);
    }
    15%,
    25%,
    35%,
    45% {
        -webkit-transform: rotate(5deg);
    }
}
@-moz-keyframes shake{
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
    }
    10%,
    20%,    
    30%,
    40% {
        -webkit-transform: rotate(-5deg);
    }
    15%,
    25%,
    35%,
    45% {
        -webkit-transform: rotate(5deg);
    }
  }
@-webkit-keyframes shake{
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
    }
    10%,
    20%,    
    30%,
    40% {
        -webkit-transform: rotate(-5deg);
    }
    15%,
    25%,
    35%,
    45% {
        -webkit-transform: rotate(5deg);
    }
  }
@-o-keyframes shake{
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
    }
    10%,
    20%,    
    30%,
    40% {
        -webkit-transform: rotate(-5deg);
    }
    15%,
    25%,
    35%,
    45% {
        -webkit-transform: rotate(5deg);
    }
  }


/*-------------------关于康旗-------------------*/
.mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none }

.about .page1-txt01 { width: 50%; position: absolute; left: 50%; top: 50% }
.about .page2-txt01 { width: 30%; position: absolute; top: 35%; left: 35% }
.about .page2-txt01 p { color: #fff; line-height: 1.5em; padding-left: 15px; position: relative }
.about .page2-txt01 p:first-of-type { margin-bottom: 10px }
.about .page2-txt01 p:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #edc77d; position: absolute; top: 7px; left: 0 }

.about .page03-img01 { width: 90%; position: absolute; top: 15%; right: 0 }
.about .page5-txt01 { position: absolute; top: 45%; left: 6% }

.layout .page1-txt01 { width: 100%; position: absolute; top: 25% }
.layout .page1-txt02 { width: 100%; position: absolute; top: 35% }
.layout-img01 { width: 70% }
.layout-img03 { width: 8%; position: absolute; top: 7%; left: 3.5% }
.layout-img04 { width: 8%; position: absolute; top: 7%; right: 3.5% }
.layout-img05 { width: 10%; position: absolute; bottom: 32%; right: -4% }

.layout-loop01 { width: 13%; height: 20px; overflow: hidden; position: absolute; top: 13%; right: 10px }
.layout-loop01 .layout-line { position: absolute; top: 0; right: 0; animation:run03 4s infinite linear; -moz-animation:run03 4s infinite linear; -webkit-animation:run03 4s infinite linear; -o-animation:run03 4s infinite linear }
.layout-loop01 .layout-arrows-left { position: absolute; top: 2px; left: -1px }
@keyframes run01 {
    0% {
        right: 0
    }
    100% {
        right: -100%
    }    
}
@-moz-keyframes run01 {
   	0% {
        right: 0
    }
    100% {
        right: -100%
    }       
  }
@-webkit-keyframes run01 {
    0% {
        right: 0
    }
    100% {
        right: -100%
    }        
  }
@-o-keyframes run01 {
    0% {
        right: 0
    }
    100% {
        right: -100%
    }        
  }
  
.layout-loop02-up { width: 20px; height: 20%; overflow: hidden; position: absolute; top: 15%; right: 0 }
.layout-loop02-up .layout-line-vertical { position: absolute; bottom: 0; right: 0; animation:run05 4s infinite linear; -moz-animation:run05 4s infinite linear; -webkit-animation:run05 4s infinite linear; -o-animation:run05 4s infinite linear }

.layout-loop02 { width: 20px; height: 20%; overflow: hidden; position: absolute; bottom: 9%; right: 0 }
.layout-loop02 .layout-line-vertical { position: absolute; bottom: 0; right: 0; animation:run05 4s infinite linear; -moz-animation:run05 4s infinite linear; -webkit-animation:run05 4s infinite linear; -o-animation:run05 4s infinite linear }
.layout-loop02 .layout-arrows-left { position: absolute; top: -3px; left: 4px; transform: rotate(90deg) }
@keyframes run02 {
    0% {
        bottom: 0
    }
    100% {
        bottom: -100%
    }    
}
@-moz-keyframes run02 {
   	0% {
        bottom: 0
    }
    100% {
        bottom: -100%
    }           
  }
@-webkit-keyframes run02 {
    0% {
        bottom: 0
    }
    100% {
        bottom: -100%
    }        
  }
@-o-keyframes run02 {
    0% {
        bottom: 0
    }
    100% {
        bottom: -100%
    }          
  }


.layout-loop03 { width: 13%; height: 20px; overflow: hidden; position: absolute; bottom: 7%; right: 10px }
.layout-loop03 .layout-line { position: absolute; top: 0; right: 0; animation:run01 4s infinite linear; -moz-animation:run01 4s infinite linear; -webkit-animation:run01 4s infinite linear; -o-animation:run01 4s infinite linear }
@keyframes run03 {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }    
}
@-moz-keyframes run03 {
   	0% {
        left: 0
    }
    100% {
        left: -100%
    }       
  }
@-webkit-keyframes run03 {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }        
  }
@-o-keyframes run03 {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }        
  }  

.layout-loop04 { width: 13%; height: 20px; overflow: hidden; position: absolute; bottom: 7%; left: 10px }
.layout-loop04 .layout-line { position: absolute; top: 0; right: 0; animation:run01 4s infinite linear; -moz-animation:run01 4s infinite linear; -webkit-animation:run01 4s infinite linear; -o-animation:run01 4s infinite linear }
.layout-loop04 .layout-arrows-right { position: absolute; top: 2px; right: -1px }

.layout-loop05 { width: 20px; height: 76%; overflow: hidden; position: absolute; top: 15%; left: 0 }
.layout-loop05 .layout-line-vertical { position: absolute; bottom: 0; left: 0; animation:run02 10s infinite linear; -moz-animation:run02 10s infinite linear; -webkit-animation:run02 10s infinite linear; -o-animation:run02 10s infinite linear }
@keyframes run05 {
    0% {
        top: 0
    }
    100% {
        top: -100%
    }    
}
@-moz-keyframes run05 {
   	0% {
        top: 0
    }
    100% {
        top: -100%
    }           
  }
@-webkit-keyframes run05 {
    0% {
        top: 0
    }
    100% {
        top: -100%
    }       
  }
@-o-keyframes run05 {
    0% {
        top: 0
    }
    100% {
        top: -100%
    }         
  }

.layout-loop06 { width: 13%; height: 20px; overflow: hidden; position: absolute; top: 13%; left: 10px }
.layout-loop06 .layout-line { position: absolute; top: 0; right: 0; animation:run03 4s infinite linear; -moz-animation:run03 4s infinite linear; -webkit-animation:run03 4s infinite linear; -o-animation:run03 4s infinite linear }



.bullet01, .bullet02, .bullet03, .bullet04, .bullet05, .bullet06 { width: 100%; text-align: right; position: relative; 
animation:move-r 10s infinite; -moz-animation:move-r 10s infinite; -webkit-animation:move-r 10s infinite; -o-animation:move-r 10s infinite }

.bullet01 { top: 33%; animation-delay:1s; -webkit-animation-delay:1s; animation-timing-function: ease-in }  
.bullet02 { top: 38%; animation-delay:3s; -webkit-animation-delay:3s; animation-timing-function: ease-in }
.bullet03 { top: 68%; animation-delay:2s; -webkit-animation-delay:2s; animation-timing-function: ease-in }
.bullet04 { top: 70%; animation-delay:4s; -webkit-animation-delay:4s; animation-timing-function: ease-in }
.bullet05 { top: 52%; animation-delay:5s; -webkit-animation-delay:5s; animation-timing-function: ease-in }
.bullet06 { top: 5%; animation-delay:6s; -webkit-animation-delay:6s; animation-timing-function: ease-in }

@keyframes move-r {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }    
}
@-moz-keyframes move-r{
   	0% {
        left: 0
    }
    100% {
        left: -100%
    }      
  }
@-webkit-keyframes move-r{
    0% {
        left: 0
    }
    100% {
        left: -100%
    }       
  }
@-o-keyframes move-r{
    0% {
        left: 0
    }
    100% {
        left: -100%
    }       
  }

.honor .page5 { height: 820px; overflow: hidden }
.honor-con { height: 700px }
.honor-img { height: 300px }
.honor-txtbox { height: 420px; padding: 40px 30px 0; position: absolute; top: 300px; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.honor-txt { height: 202px; overflow: hidden; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.honor-list li { background: url(../images/about/dot.png) left 10px no-repeat; padding-left: 10px }
.honor-txtbox .button { width: 150px; position: absolute; bottom: 40px; left: 30px; background: #e7e7e7 }
.honor-txtbox .button:after { content:"查看更多" }
.honor-txtbox .button:hover { background: #003585; color: #fff }
.honor-txtbox.unfold { height: 720px; top: 0 }
.honor-txtbox.unfold .honor-txt { height: 562px; overflow-y: auto; }
.honor-txtbox.unfold .button { background: #003585; color: #fff }
.honor-txtbox.unfold .button:after { content:"返回" }
.animation-text { background:url(../images/about/text-bg.jpg);
		-webkit-text-fill-color:transparent;
		-webkit-background-clip:text;
		-webkit-animation:masked-animation 10s infinite linear alternate;
		color:#fff }
@-webkit-keyframes masked-animation {
    0% {background-position:center top;}
    100% {background-position:center bottom;}
}

.partner .page1-con01 { background: url(../images/about/partner-bg02.jpg) center center no-repeat; background-size: cover }

.partner .logobox span { position: absolute }
.partner .logo-3 {top: 71%;left: 81%; font-size: 20px }
.partner .logo-4 {top: 19%;left: 72%; color: rgba(0,0,0,0.8) }
.partner .logo-5 {top: 16%;left: 19%; color: rgba(0,0,0,0.5) }
.partner .logo-6 {top: 22%;left: 83%;}
.partner .logo-7 {top: 57%;left: 84%; font-size: 24px }
.partner .logo-8 {top: 34%;left: 6%; font-size: 16px }
.partner .logo-9 {top: 79%;left: 16%;}
.partner .logo-10 {top: 42%;left: 83%; font-size: 20px}
.partner .logo-11 {top: 21%;left: 23%;}
.partner .logo-12 {top: 18%;left: 37%; color: rgba(0,0,0,0.8) }
.partner .logo-13 {top: 21%;left: 54%;}
.partner .logo-14 {top: 27%;left: 75%;}
.partner .logo-15 {top: 24%;left: 43%; color: rgba(0,0,0,0.5) }
.partner .logo-16 {top: 25%;left: 10%;}
.partner .logo-17 {top: 66%;left: 10%; font-size: 24px }
.partner .logo-18 {top: 66%;left: 71%; font-size: 16px }
.partner .logo-19 {top: 53%;left: 7%;}
.partner .logo-20 {top: 31%;left: 27%; font-size: 20px }
.partner .logo-21 {top: 33%;left: 17%;}
.partner .logo-22 {top: 41%;left: 12%; color: rgba(0,0,0,0.8) }
.partner .logo-23 {top: 48%;left: 18%;}
.partner .logo-24 {top: 71%;left: 18%;}
.partner .logo-25 {top: 40%;left: 26%; color: rgba(0,0,0,0.5) }
.partner .logo-26 {top: 60%;left: 29%;}
.partner .logo-27 {top: 52%;left: 30%; font-size: 24px }
.partner .logo-28 {top: 73%;left: 30%; font-size: 16px }
.partner .logo-29 {top: 72%;left: 54%;}
.partner .logo-30 {top: 66%;left: 36%; font-size: 20px }
.partner .logo-31 {top: 60%;left: 17%;}
.partner .logo-32 {top: 76%;left: 42%; color: rgba(0,0,0,0.8) }
.partner .logo-33 {top: 44%;left: 38%;}
.partner .logo-34 {top: 58%;left: 40%;}
.partner .logo-35 {top: 32%;left: 58%; color: rgba(0,0,0,0.5) }
.partner .logo-36 {top: 59%;left: 67%;}
.partner .logo-37 {top: 55%;left: 51%; font-size: 24px }
.partner .logo-38 {top: 44%;left: 70%; font-size: 16px }
.partner .logo-39 {top: 35%;left: 41%;}
.partner .logo-40 {top: 72%;left: 66%; font-size: 20px }
.partner .logo-41 {top: 47%;left: 45%;}
.partner .logo-42 {top: 25%;left: 64%; color: rgba(0,0,0,0.8) }
.partner .logo-43 {top: 61%;left: 55%;}
.partner .logo-44 {top: 50%;left: 87%;}
.partner .logo-45 {top: 41%;left: 56%; color: rgba(0,0,0,0.5) }
.partner .logo-46 {top: 52%;left: 63%;}
.partner .logo-47 {top: 36%;left: 73%; font-size: 24px }
.partner .logo-48 {top: 28%;left: 50%; font-size: 16px }
.partner .logo-49 {top: 62%;left: 77%; font-size: 24px }
.partner .logo-50 {top: 32%;left: 87%;}
.partner .logo-51 {top: 36%;left: 51%; font-size: 16px }
.partner .logo-52 {top: 36%;left: 65%;}
.partner .logo-53 {top: 45%;left: 60%; font-size: 16px }
.partner .logo-54 {top: 13%;left: 47%; font-size: 24px }
.partner .logo-55 {top: 15%;left: 61%;}
.partner .logo-56 {top: 13%;left: 32%;}
.partner .logo-57 {top: 26%;left: 17%;}
.partner .logo-58 {top: 39%;left: 33%;}


.chart .page1-txt01 { position: absolute; top: 15%; left: 0 }
.chart .page1-txt02 { position: absolute; top: 15% }

.leaders .page1-txt01 { width: 100%; position: absolute; top: 32% }
.leaders .page1-txt02 { width: 100%; position: absolute; top: 40%; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center }
.leaders .page2 { min-height: 1500px }
.leaders .page2-txt01 { width: 100%; position: absolute; top: 6% }
.leaders .page2-txt02 { width: 100%; position: absolute; top: 13% }

/*-------------------我们的业务-------------------*/
.b2b2c .page1-txt01 { width: 100%; position: absolute; top: 18% }
.b2b2c .page1-txt02 { width: 100%; position: absolute; top: 30% }
.b2b2c .page1-txt03 { width: 66%; position: absolute; top: 85%; left: 17% }

.b2b2c .layout-loop01 { width: 12%; height: 20px; overflow: hidden; position: absolute; top: 15px; right: 10px }
.b2b2c .layout-loop01 .layout-line { position: absolute; top: 0; right: 0; animation:run01 4s infinite linear; -moz-animation:run01 4s infinite linear; -webkit-animation:run01 4s infinite linear; -o-animation:run01 4s infinite linear }

.b2b2c .layout-loop02 { width: 20px; height: 93%; overflow: hidden; position: absolute; top: 26px; right: 0 }
.b2b2c .layout-loop02 .layout-line-vertical { position: absolute; bottom: 0; right: 0; animation:run02 10s infinite linear; -moz-animation:run02 10s infinite linear; -webkit-animation:run02 10s infinite linear; -o-animation:run02 10s infinite linear }

.b2b2c .layout-loop03 { width: 18%; height: 20px; overflow: hidden; position: absolute; bottom: 15px; right: 10px }
.b2b2c .layout-loop03 .layout-line { position: absolute; top: 0; right: 0; animation:run03 4s infinite linear; -moz-animation:run03 4s infinite linear; -webkit-animation:run03 4s infinite linear; -o-animation:run03 4s infinite linear }
.b2b2c .layout-loop03 .layout-arrows-left { position: absolute; top: 2px; left: 0 }

.b2b2c .layout-loop04 { width: 18%; height: 20px; overflow: hidden; position: absolute; bottom: 15px; left: 10px }
.b2b2c .layout-loop04 .layout-line { position: absolute; top: 0; right: 0; animation:run03 4s infinite linear; -moz-animation:run03 4s infinite linear; -webkit-animation:run03 4s infinite linear; -o-animation:run03 4s infinite linear }

.b2b2c .layout-loop05 { width: 20px; height: 93%; overflow: hidden; position: absolute; top: 26px; left: 0 }
.b2b2c .layout-loop05 .layout-line-vertical { position: absolute; top: 0; left: 0; animation:run05 10s infinite linear; -moz-animation:run05 10s infinite linear; -webkit-animation:run05 10s infinite linear; -o-animation:run05 10s infinite linear }

.b2b2c .layout-loop06 { width: 12%; height: 20px; overflow: hidden; position: absolute; top: 15px; left: 10px }
.b2b2c .layout-loop06 .layout-line { position: absolute; top: 0; right: 0; animation:run01 4s infinite linear; -moz-animation:run01 4s infinite linear; -webkit-animation:run01 4s infinite linear; -o-animation:run01 4s infinite linear }
.b2b2c .layout-loop06 .layout-arrows-right { position: absolute; top: 2px; right: 0 }



.bigdata .page1-txt01 { width: 100%; position: absolute; top: 20% }

.mask01, .mask02 { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 1000; display: none }
.mask01 .icon-close, .mask02 .icon-close { transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; position: absolute; bottom: -40px; left: 50%; margin-left: -14px }
.mask01 .icon-close:hover, .mask02 .icon-close:hover { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg) }


.business .page1-title { width: 620px; position: absolute; left: 50%; margin-left: -310px; top: 40% }
.business .page1-txt01 { width: 100%; position: absolute; top: 65% }
.business .page1-txt02 { width: 80%; position: absolute; top: 70%; left: 10% }

.fts-dl01 { width: 400px; margin-left: 160px }
.fts-dl01 dt { width: 120px; margin-left: -160px }

.business .page2-txt03 { width: 32%; position: absolute; top: 52%; right: 0 }
.business .page2-txt03 img { max-width: 32% }
.business .page2-txt04 { position: absolute; top: 55% }

.business .page3-txt01 { position: absolute; top: 20% }
.business .page3-txt02 { width: 50%; position: absolute; top: 33% }
.business .page3-txt02 dt { width: 26% }
.business .page3-txt02 dd { width: 74% }

.about .page3-txt01 { position: absolute; top: 20%; left: 50%;z-index: 3;}
/* .about .page3-txt01 p{text-indent: 2em;} */
.about .page3-txt02 { position: absolute; bottom: 35%; left: 50%;z-index: 3;}
/* .about .page3-txt02 p{text-indent: 2em;} */
.about .page3-bg01 { position: absolute; top: 8%; left: 0 ;z-index: 2;}
.about .page3-bg02 {opacity: 0.9; position: absolute; bottom: 8%; right: 0 ;z-index: 1;}

.business .page4-title { width: 100%; position: absolute; left: 0; top: 30% }
.business .page4-txt01 { width: 50%; position: absolute; top: 50% }

.business .page5-txt01 { width: 100%; position: absolute; top: 25% }
.business .page5-txt02 { width: 100%; position: absolute; top: 50% }

.business .page6-txt01 { width: 100%; position: absolute; top: 25% }
.business .page6-txt02 { width: 100%; position: absolute; top: 50% }

.business .page7-title { width: 650px; position: absolute; left: 50%; margin-left: -325px; top: 30% }


.business-logo { margin-left: 120px }
.business-logo dt { width: 100px; margin-left: -120px }

.business-logo-r { margin-right: 120px }
.business-logo-r dt { width: 120px; margin-right: -120px }
.business-logo-r dt img { width: 100px }
.business-logo-r dd .letter-spacing10 { margin-right: -10px }

.business-index { padding-top: 180px }

.bdm .page1-txt01 { width: 50%; position: absolute; top: 32% }
.bdm .page1-txt02 { width: 100%; position: absolute; top: 66% }

.bdm-mapbox { width: 580px; height: 490px; position: absolute; top: 21%; right: 110px }
.bdm-mapbox1 {position: absolute; top: 21%;}
.mapdot { position: absolute; z-index: 10 }
.mapdot-1 { top: 185px; right: 195px; }
.mapdot-2 { top: 272px; right: 272px; }
.mapdot-3 { top: 285px; right: 152px; }
.mapdot-4 { top: 298px; right: 126px; }
.mapdot-5 { top: 294px; right: 184px; }
.mapdot-6 { top: 350px; right: 186px; }
.mapdot-7 { top: 418px; right: 200px; }
.mapdot-8 { top: 418px; right: 200px; }

.mapdot1 { position: absolute; z-index: 10 }
.mapdot1-1 { top: 56%; right: 38%; }
.mapdot1-2 { top: 60%; right: 36%; }
.mapdot1-3 { top: 58%; right: 41%; }
.mapdot1-4 { top: 58%; left: 36%; }
.mapdot1-5 { top: 47%; left: 33%; }
.mapdot1-6 { top: 67%; left: 33%; }
.mapdot1-7 { top: 73%; left: 32%; }
.mapdot1-8 { top: 60%; left: 37%; }

.spinner { width: 100px; height: 100px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #e54743; }
.spinner em { display: block; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 46px; top: 46px; margin: auto; background: #e54743; }
.mapdot .spinner:after, .mapdot .spinner:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%; box-shadow: 0 0 0 1px; -webkit-animation: spinner-bubble 3s linear 0s infinite; animation: spinner-bubble 3s linear 0s infinite; margin: auto; width: 16px; height: 16px; opacity: 0; }
.mapdot .spinner:before { box-shadow: 0 0 0 1px; -webkit-animation: spinner-bubble 3s linear 2s infinite; animation: spinner-bubble 3s linear 2s infinite; }
.mapdot .spinner:before {
    box-shadow: 0 0 0 1px;
    -webkit-animation: spinner-bubble 3s linear 2s infinite;
    animation: spinner-bubble 3s linear 2s infinite;
}

.mapdot .spinner:after, .mapdot .spinner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 100%;
    box-shadow: 0 0 0 1px;
    -webkit-animation: spinner-bubble 3s linear 0s infinite;
    animation: spinner-bubble 3s linear 0s infinite;
    margin: auto;
    width: 16px;
    height: 16px;
    opacity: 0;
}

.spinner { width: 100px; height: 100px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #e54743; }
.spinner em { display: block; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 46px; top: 46px; margin: auto; background: #e54743; }
.mapdot1 .spinner:after, .mapdot1 .spinner:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%; box-shadow: 0 0 0 1px; -webkit-animation: spinner-bubble 3s linear 0s infinite; animation: spinner-bubble 3s linear 0s infinite; margin: auto; width: 16px; height: 16px; opacity: 0; }
.mapdot1 .spinner:before { box-shadow: 0 0 0 1px; -webkit-animation: spinner-bubble 3s linear 2s infinite; animation: spinner-bubble 3s linear 2s infinite; }
.mapdot1 .spinner:before {
    box-shadow: 0 0 0 1px;
    -webkit-animation: spinner-bubble 3s linear 2s infinite;
    animation: spinner-bubble 3s linear 2s infinite;
}

.mapdot1 .spinner:after, .mapdot1 .spinner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 100%;
    box-shadow: 0 0 0 1px;
    -webkit-animation: spinner-bubble 3s linear 0s infinite;
    animation: spinner-bubble 3s linear 0s infinite;
    margin: auto;
    width: 16px;
    height: 16px;
    opacity: 0;
}

@-webkit-keyframes spinner-bubble {
0 {
 width: 100px;
 height: 100px;
 opacity: 0;
}
50% {
 width: 16px;
 height: 16px;
 opacity: .8;
}
100% {
 width: 100px;
 height: 100px;
 opacity: 0;
}

}
@keyframes spinner-bubble {
 0 {
 width: 100px;
 height: 100px;
 opacity: 0;
}
50% {
 width: 16px;
 height: 16px;
 opacity: .8;
}
100% {
 width: 100px;
 height: 100px;
 opacity: 0;
}
}

.bdm .page2-txt01 { display: inline-block; position: absolute; top: 10%; left: 0 }
.bdm .page2-iconbox { display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center }
.bdm .page2-icon01, .bdm .page2-icon02 { width: 140px; height: 140px; background: rgba(58,128,179,0.5); margin: 0 20px }
.bdm .page2-icon01 { padding-top: 25px }
.bdm .page2-icon02 { padding-top: 45px }
.bdm .page2-txt02 { display: inline-block; position: absolute; top: 70%; left: 6% }

.atd .page1-txt01 { width: 50%; position: absolute; top: 50%;left: 50%; }
.atd .page2-txt01 { width: 100%; position: absolute; top: 18% }
.atd .page2-txt02 { width: 66%; position: absolute; top: 33%; left: 17% }
.atd .page3 { background: #c9e3ff }
.atd .page4-txt01 { display: inline-block; position: absolute; top: 33%; left: 2% }
.atd .page4-txt02 { display: inline-block; position: absolute; top: 33%; right: 10% }
.atd .page4-txt03 { display: inline-block; position: absolute; top: 60%; left: 22% }
.atd .page4-txt04 { display: inline-block; position: absolute; top: 75%; right: 2% }
.atd .page4-txt05 { display: inline-block; position: absolute; top: 60%; left: 18% }
.atd .page5-txt01 { width: 100%; position: absolute; top: 77% }
.atd .page5-txt02 { display: inline-block; position: absolute; top: 13%; left: 12% }
.atd .page5-txt03 { display: inline-block; position: absolute; top: 39%; left: 0 }
.atd .page5-txt04 { display: inline-block; position: absolute; top: 31%; left: 4% }
.atd .page5-txt05 { display: inline-block; position: absolute; top: 55%; left: 4% }
.atd .page5-txt06 { display: inline-block; position: absolute; top: 22%; left: 7% }
.atd .page5-txt07 { display: inline-block; position: absolute; top: 20%; right: 2% }
.atd .page5-txt08 { display: inline-block; position: absolute; top: 47%; left: 2% }
.atd .page5-txt09 { display: inline-block; position: absolute; top: 10%; right: 5% }
.atd .page5-txt10 { display: inline-block; position: absolute; top: 30%; right: 0 }
.atd .page5-txt11 { display: inline-block; position: absolute; top: 40%; right: 2% }
.atd .page5-txt12 { display: inline-block; position: absolute; top: 50%; right: 5% }
.atd .page5-txt13 { display: inline-block; position: absolute; top: 55%; right: 8% }
.atd .page5-txt14 { display: inline-block; position: absolute; top: 68%; left: 8% }
.atd .page5-txt15 { display: inline-block; position: absolute; top: 65%; right: 8% }
.atd .page5-txt16 { display: inline-block; position: absolute; top: 8%; left: 8% }

.atd .atd-logo { width: 20%; position: absolute; bottom: 40px; left: 40% }

.digital .page1-txt01 { width: 100%; position: absolute; top: 42%}
.digital .page7-txt01 { width: 40%; position: absolute; top: 40%;left: 60%;}
.digital .page1-txt01 .icon-zskh { position: absolute; top: -10px; left: -12px; color: rgba(255,255,255,0.6); font-size: 30px!important }
.digital .page2-txt01, /* .digital .page3-txt01, */ .digital .page4-txt01 { width: 100%; position: absolute; top: 20% }
.digital .page2-txt01 h5 { padding: 15px 0; border-bottom: 1px solid #fff; position: relative }
.digital .page2-txt01 h5::before { content: ""; width: calc(100% - 180px); height: 1px; background: #fff; position: absolute; top: -5px; right: 0 }
.digital .page3-txt01-text .iconfont { font-size: 48px!important; position: absolute; top: 0 }
.digital .page3-txt01-text .icon-kuohao { left: 0 }
.digital .page3-txt01-text .icon-kuohao-r { right: 0 }
.digital .page3-txt01-text span { margin-right: 20px }
.digital .page5-txt01 { width: 100%; height: 80%; position: absolute; top: 20% }
.digital .page5-txt01-text { padding-left: 15px }
.digital .page5-txt01-text span { width: 15px; margin-left: -15px; margin-top: 3px; float: left }
.digital .page5-txt01-text h5 { display: inline-block; padding: 5px; background: rgba(255,255,255,0.1);}
.digital .page5-txt01-text01 { top: 38%; left: 3% }
.digital .page5-txt01-text02 { top: 0%; left: 55% }
.digital .page5-txt01-text03 { top: 32%; right: 4% }
.digital .page6-txt01 { width: 100%; height: 85%; position: absolute; top: 15% }
.digital .page6-txt01-text { padding-bottom: 30px; background: url(../images/../images/business/digital-page6-img01.png) center bottom no-repeat; background-size: 100% auto }
.digital .page6-txt01-text01 { top: 25%; left: 5% }
.digital .page6-txt01-text02 { top: 48%; left: 0 }
.digital .page6-txt01-text03 { top: 18%; left: 60% }
.digital .page6-txt01-text04 { top: 35%; right: 0 }

.village .page1-txt01 { width: 100%; position: absolute; top: 35% }
.village-title { max-width: 720px }
.village .page1-txt01-text { width: 1008px }
.village .page1-txt01-text h3 { white-space:nowrap }
.village .page1-txt01-text .h5 { padding: 15px 0; border-top: 1px solid #87715a; border-bottom: 1px solid #87715a }
.village .page2-txt01 { width: 100%; position: absolute; top: 15% }
.village .page2-txt01 h2, .village .page3-txt01 h2 { text-shadow:0px 0px 10px rgba(0,0,0,0.2) }
.village .page3-txt01 { width: 100%; position: absolute; top: 15%  }
.village .page4-txt01 { width: 100%; position: absolute; top: 20%  }
.village .page4-txt01 img:nth-of-type(2) { margin-top: calc(6%) }

.iml .page1-txt01 { width: 100%; position: absolute; bottom: 20% }
.iml .page2-txt01 { width: 100%; position: absolute; top: 8% }
.iml .page2-txt02 { width: 100%; position: absolute; top: 15% }
.iml .page2-txt03 { width: 100%; position: absolute; top: 33% }
.iml .page2-txt04 { width: 100%; position: absolute; top: 48% }
.iml .page2-txt05 { width: 100%; position: absolute; top: 75% }
.iml .page3-txt01 { width: 100% }
.iml .page3-txt02 { width: 100%; position: absolute; top: 50% }
.iml .page3-txt03 { width: 100%; position: absolute; top: 72%; z-index: 10 }
.iml .page3-txt04 { width: 100%; position: absolute; top: 60% }

.iml .page3-txt04-left { width: 86% }
.iml .page3-txt04 .iconfont, .iml .page3-txt04 h4 { line-height: 60px }
.iml .page3-txt04 h4, .iml .page3-txt04 h5 { width: 100%; white-space:nowrap }
.iml .page3-txt04-right, .iml-animation-w01, .iml-animation-w02 { width: 0; overflow: hidden; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s }
.iml .page3-txt04-right { height: 300px }
.iml-animation-w01, .iml-animation-w02 { height: 220px }
.iml-label01 { height: 60px; line-height: 60px; color: #ef9767; background: #fff }
.iml-label02 { height: 60px; line-height: 60px; color: #fff; border: 1px solid #fff }
.iml-animation07 { width: 100%; margin-top: 136px }
.iml-animation06, .iml-animation13 { position: relative }
.iml-animation06 .iconfont { position: absolute; top: 20%; left: 20%; transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg); -moz-transform: rotate(40deg) }
.iml-animation13 .iconfont { position: absolute; top: 4%; left: 15%; transform: rotate(-40deg); -ms-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -moz-transform: rotate(-40deg) }
.iml-animation08, .iml-animation09, .iml-animation10, .iml-animation11, .iml-animation12 { margin-top: 50px }
.iml .page3-txt04.aos-animate .page3-txt04-right { width: 14% }
.iml .page3-txt04.aos-animate .iml-animation-w01 { width: 17% }
.iml .page3-txt04.aos-animate .iml-animation-w02 { width: 16% }
.iml .page3-txt04.aos-animate .iml-animation02 { transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s }
.iml .page3-txt04.aos-animate .iml-animation03 { transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s }
.iml .page3-txt04.aos-animate .iml-animation04 { transition-delay: 1.5s; -moz-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s }
.iml .page3-txt04.aos-animate .iml-animation05 { transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s }
.iml .page3-txt04.aos-animate .iml-animation06 { transition-delay: 2.5s; -moz-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s }
.iml .page3-txt04.aos-animate .page3-txt04-right { transition-delay: 3s; -moz-transition-delay: 3s; -webkit-transition-delay: 3s; -o-transition-delay: 3s }
.iml .page3-txt04.aos-animate .iml-animation13 { transition-delay: 3.5s; -moz-transition-delay: 3.5s; -webkit-transition-delay: 3.5s; -o-transition-delay: 3.5s }
.iml .page3-txt04.aos-animate .iml-animation12 { transition-delay: 4s; -moz-transition-delay: 4s; -webkit-transition-delay: 4s; -o-transition-delay: 4s }
.iml .page3-txt04.aos-animate .iml-animation11 { transition-delay: 4.5s; -moz-transition-delay: 4.5s; -webkit-transition-delay: 4.5s; -o-transition-delay: 4.5s }
.iml .page3-txt04.aos-animate .iml-animation10 { transition-delay: 5s; -moz-transition-delay: 5s; -webkit-transition-delay: 5s; -o-transition-delay: 5s }
.iml .page3-txt04.aos-animate .iml-animation09 { transition-delay: 5.5s; -moz-transition-delay: 5.5s; -webkit-transition-delay: 5.5s; -o-transition-delay: 5.5s }
.iml .page3-txt04.aos-animate .iml-animation08 { transition-delay: 6s; -moz-transition-delay: 6s; -webkit-transition-delay: 6s; -o-transition-delay: 6s }


.iml .page4, .mps .page7, .spm .page4 { background: #003585;
    background: -moz-linear-gradient(top,  #003585 0%, #ffffff 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#003585), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #003585 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #003585 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #003585 0%,#ffffff 100%);
    background: linear-gradient(bottom, #003585 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003585', endColorstr='#ffffff',GradientType=0 ); }
.iml .page4 .iml-imgbox01 { width: 28% }
.iml .page4 .iml-imgbox02 { width: 16% }
.iml .page4 .iml-imgbox02 img { margin-top: 100% }

.mps .page6 .logo-box { width: 120px }


.mps .page1-txt01 { width: 100%; position: absolute; top: 30% }
.mps .page2-txt01 { display: inline-block; position: absolute; top: 15%; right: 0 }
.mps-lable { width: 340px; height: 50px; line-height: 50px; padding: 0 20px; background: rgba(255,255,255,0.5); color: #003585; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mps-lable .iconfont, .mps-lable h4 { line-height: 50px }

.mps .page4-iconbox { display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center }
.mps .page4-icon01 { width: 180px; height: 180px; line-height: 180px; background: rgba(4,54,129,0.5) }
.mps .page4-icon01 .iconfont { line-height: 180px }


.cip .page1-title { width: 840px; position: absolute; left: 50%; margin-left: -420px; top: 45% }
.cip .page1-txt01 { width: 100%; position: absolute; top: 65% }
.cip .page1-txt02 { width: 80%; position: absolute; top: 70%; left: 10% }

.cip .page3-txt01 { width: 62%; position: absolute; top: 15% }
.cip .page3-txt01 .label { width: 220px; height: 62px; line-height: 62px }
.cip .page3-txt01 .animation01-element { height: 0; overflow: hidden; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element01 { height: 100px }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element02 { height: 62px; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element03 { height: 100px; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element04 { height: 108px; transition-delay: 1.5s; -moz-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element05 { height: 100px; transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element06 { height: 62px; transition-delay: 2.5s; -moz-transition-delay: 2.5s; -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element07 { height: 100px; transition-delay: 3s; -moz-transition-delay: 3s; -webkit-transition-delay: 3s; -o-transition-delay: 3s }
.cip .page3-txt01 .page3-animation01.aos-animate .animation01-element08 { height: 108px; transition-delay: 3.5s; -moz-transition-delay: 3.5s; -webkit-transition-delay: 3.5s; -o-transition-delay: 3.5s }

.cip .page4-txt01 { width: 100%; height: 50%; position: absolute; top: 5% }
.cip .page4-txt01 .animation02-element { width: 20%; position: absolute; transform: rotate(23deg); -ms-transform: rotate(23deg); -webkit-transform: rotate(23deg); -o-transform: rotate(23deg); -moz-transform: rotate(23deg);	transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s }
.cip .page4-txt01 .animation02-element01 { top: 2%; left: 40% }
.cip .page4-txt01 .animation02-element02 { top: 14%; left: 30% }
.cip .page4-txt01 .animation02-element03 { top: 27%; left: 19% }
.cip .page4-txt01 .animation02-element04 { top: 40%; left: 8% }
.cip .page4-txt02 { width: 48%; position: absolute; top: 56%; right: 0 }
.cip .page4-txt02 dl { margin-left: 220px }
.cip .page4-txt02 dl dt { width: 180px; margin-left: -220px }
.cip .page4-txt02 dl dt .label-white-l { width: 180px; height: 52px; line-height: 52px }

.cim .page1-txt01 { width: 50%; position: absolute; top: 44%; left: 50% }
.cim .page2-txt01 { width: 20%; position: absolute; top: 14%; left: 10% }
.cim .page2-txt02 { width: 20%; position: absolute; top: 36%; left: 0 }
.cim .page2-txt03 { width: 20%; position: absolute; top: 18%; right: 10% }
.cim .page2-txt04 { width: 20%; position: absolute; top: 40%; right: 5% }
.cim .page2-txt05 { width: 20%; position: absolute; top: 60%; right: 0 }
.cim .page2-txt06 { width: 25%; position: absolute; top: 62%; left: 0 }
.cim .page4-txt01 { width: 24%; position: absolute; top: 10%; left: 26% }
.cim .page4-txt02, .cim .page4-txt03, .cim .page4-txt04 { position: absolute; top: 0; background: url(../images/business/cim-page4-bg.png) left top repeat-x; height: 0; overflow: hidden; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s }
.cim .page4-txt02 h4, .cim .page4-txt03 h4, .cim .page4-txt04 h4 { padding: 40px 30px 20px 30px }
.cim .page4-txt02 { width: 26%; left: 0 }
.cim .page4-txt03 { width: 20%; left: 50% }
.cim .page4-txt04 { width: 26%; left: 74% }
.cim .page4-animation01.aos-animate .page4-txt02, .cim .page4-animation01.aos-animate .page4-txt03, .cim .page4-animation01.aos-animate .page4-txt04 { height: 100% }
.cim .page4-animation01.aos-animate .page4-txt03 { transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s }
.cim .page4-animation01.aos-animate .page4-txt04 { transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s }

.cim .page5-txt01 { width: 60%; position: absolute; top: 10%; left: 20% }
.cim .page5-txt02 { width: 100%; position: absolute; bottom: 10% }

.spm .page1-txt01 { width: 50%; position: absolute; top: 50% }
.spm .page2-txt01 { width: 100%; position: absolute; top: 20% }

.gx .page1-txt01 { width: 50%; position: absolute; top: 48%; left: 10%; }
.gx .page2 { background: url(../images/about/page3.jpg) center center no-repeat; background-size: cover; padding: 80px 0 60px 0 }

.text-i6 { padding-left: 6em;box-sizing: border-box }
.textbox { padding-left: 40px;box-sizing: border-box }
.textbox i { margin-left: -40px }

.ddc .page1-txt01 { width: 100%; position: absolute; top: 40% }

/*-------------------企业文化-------------------*/
.culture-logo { width: 600px; position: relative; top: 55%; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s }
.culture-txt { top: 30%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s }
.culture .page1.anime .culture-logo { transform: scale(2);
-ms-transform: scale(2);	/* IE 9 */
-webkit-transform: scale(2);	/* Safari 和 Chrome */
-o-transform: scale(2);	/* Opera */
-moz-transform: scale(2); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.culture .page1.anime .culture-txt { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s }

.culture-bg { padding: 80px 0; /*background: url(../images/culture/culture-bg01.jpg) center center no-repeat; background-size: cover*/ }

.culture .iconbox { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; z-index: 100 }
.culture .iconbox .icon-play-border { z-index: 0; color: #fff }
.culture .playicon { width: 80px; height: 80px; line-height: 80px; color: #fff; position: relative; z-index: 100 }
.culture .playicon:hover, .culture .iconbox:hover .icon-play-border { color: rgba(255,255,255,0.6) }
.culture .playicon .iconfont { line-height: 80px }
.culture .playicon .iconfont:before { content: "\e6e6" }
.culture .playicon.play .iconfont:before { content: "\e79c" }

.culture .page8 { background: url(../images/culture/page8.jpg) left center no-repeat; background-size: auto 100% }

.love .page1-txt01 { top: 30% }
.love .page1-txt02 { width: 100%; background: rgba(0,0,0,0.2); top: 55% }
.love .page3-txt01 { width: 100%; position: absolute; top: 80% }
.love .page4-txt01 { width: 100%; position: absolute; top: 25% }
.love .page5-txt01 { width: 100%; position: absolute; top: 24% }
.love .page5-txt02 { width: 100%; position: absolute; top: 44% }
.love .page6-txt01 { display: inline-block; position: absolute; top: 38%; right: 0; transform: rotate(-11deg); -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); -o-transform: rotate(-11deg); -moz-transform: rotate(-11deg) }
.love .page7-txt01 { width: 100%; position: absolute; top: 25% }

.scholarship .page1-txt01 { top: 30% }
.scholarship .page1-txt02 { width: 100%; background: rgba(0,0,0,0.2); top: 55% }


/*-------------------加入我们-------------------*/
.join .page1-txt01 { width: 100%; position: absolute; top: 46% }
.join .page6-txt01 { width: 500px; height: 305px; position: absolute; top: 15%; left: 30% }
.join .page6-txt01 h2 { position: absolute; top: 130px; left: 190px }
.join .page6-txt02 { width: 100%; position: absolute; top: 50% }
.join .page6-txt03 { width: 100%; position: absolute; top: 65% }
.join .slogan { width: auto; height: 70px; margin-top: 10px }

.join-dl { margin-left: 30px }
.join-dl dt { width: 30px; margin-left: -30px }

/*-------------------投资者关系-------------------*/
.IR .page1 { padding: 260px 0 60px }
.IR .page4 { min-height: 100% }

.IR-con01 { margin-left: 320px }
.IR-titlebox { margin-left: -320px }

.IRprofile-dl { margin-left: 200px }
.IRprofile-dl dt { width:180px; padding-left: 20px; margin-left: -200px }
.IRprofile-dl dt, .IRprofile-dl dd { padding-top: 20px; padding-bottom: 20px; font-size: 18px }
.IRprofile-dl dd { padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.profile-list01, .profile-list02 { border-bottom: 1px solid #ddd }
.profile-list01 li, .profile-list02 li { float: left }
.profile-list01 li { padding: 0 10px 15px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.profile-list02 li { font-size: 18px; line-height: 1.1em; font-weight: bold; padding: 15px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.profile-li01 { width: 7% }
.profile-li02 { width: 63% }
.profile-li03 { width: 15% }

.notice-tabs { border-bottom: 2px solid #dbdbdc }
.notice-tabs li { margin-right: 50px; float: left }
.notice-tabs li:last-child { margin-right: 0 }
.notice-tabs li a { display: inline-block; height: 48px; line-height: 48px; padding: 0 25px; font-size: 16px; color: #585858; border-bottom: 2px solid #dbdbdc; margin-bottom: -2px }
.notice-tabs li a:hover, .notice-tabs li a.current { font-size: 24px; color: #005ba3; border-bottom: 2px solid #005ba3 }

.notice-list { margin-left: 70px; margin-right: 120px }
.notice-list-l { width: 70px; margin-left: -70px }
.notice-list-r { width: 120px; margin-right: -120px }
.notice-list-r a { color: #0068b7 }
.notice-list-txt { display: block; padding-left: 10px; padding-right: 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background: url(../images/IR/dot.png) 0 8px no-repeat }
.notice-list-r a:hover, .notice-list-txt:hover { color: #444 }

/*-------------------事件与活动-------------------*/
.news .page1 { padding: 240px 0 40px; background: url(../images/bg.jpg) top center; background-size: cover }

.news-tabs li { float: left }
.news-tabs li a { float: left; display: inline-block; font-size: 24px; padding: 0 40px; height: 60px; line-height: 60px }
.news-tabs li h4 { float: left; display: inline-block; height: 60px; line-height: 60px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.news-tabs li.current a { font-size: 28px; background: #003585; color: #fff; padding: 0 60px; margin-left: -3px }
.news-tabs li.current h4, .news-tabs li:last-child h4 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }

.news-titbox { height: 100px }

.news-details .page1 { padding: 260px 0 60px; background: url(../images/bg.jpg) top center; background-size: cover }
.nd-title .icon-quote { position: relative; top: -15px } 
.nd-title .icon-yinhao { position: relative; bottom: -15px } 
.nd-con img { max-width: 100% }

/*-------------------联系我们-------------------*/
.contact .page1-txt01 { top: 45% }
.contact-dl { margin-left: 30px }
.contact-dl dt { width: 30px; margin-left: -30px }


.map-con { margin-left: 723px }
.map-tabs { float: left; width: 723px; margin-left: -723px }
.map, .map-tabs .tabs { width: 723px; height: 596px }
.map-tabs .tabs { position: absolute; z-index: 3 }
.map-tabs .tabs-li { display: block; width: 32px; height: 32px; position: absolute; z-index: 4 }
.map-tabs .tabs-li a { position: absolute; z-index: 4; top: 0; left: 0; transform:scale(0.5,0.5); -ms-transform:scale(0.5,0.5); -moz-transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5) }
.map-tabs .tabs-li a.current, .map-con .tabs-li a:hover { transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1) }
.map-tabs .tabs-li01 { top: 345px; right: 78px }
.map-tabs .tabs-li02 { top: 205px; right: 170px }
.map-tabs .tabs-li03 { top: 340px; right: 145px }
.map-tabs .tabs-li04 { top: 500px; right: 170px }
.map-tabs .tabs-li05 { top: 342px; right: 98px }
.map-tabs .tabs-li06 { top: 320px; right: 245px }
.map-tabs .tabs-li07 { top: 400px; right: 170px }
.map-tabs .tabs-li08 { top: 370px; right: 320px }
.map-tabs .tabs-li09 { top: 370px; right: 98px }
.map-tabs .tabs-li10 { top: 325px; right: 110px }
.map-tabs .tabs-li11 { top: 496px; right: 142px }

.map-con .content { width: 90%; float: right; margin-top: 90px; background: #759cdc; padding: 20px 40px }


/*  */
.circle01{width: 10px;height:10px;background: #003585;border-radius: 50px;}
.xia-bg{border-bottom: 1px solid #003585;}
.top10{top: 23%;left: 61%;}
.top20{top: 24.7%;left: 60%;}
.top30{top: 28%;left:61%;}
.color003585{color: #003585;}
.left10{top: 58%;left: 61%;}
.left20{top: 59.6%;left: 60%;}
.left30{top: 63%;left:61%;}
.right10{top: 46%;left: 30%;}
.right20{top: 47.6%;left: 40%;}
.right30{top: 51%;left:15.3%;}










.map-con .content span.fontSize16 { display: block; width: 80%; float: left }
.address-title { cursor: pointer; border-top: 1px dashed rgba(255,255,255,0.5); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } 
.address-title .iconfont:before { content: "\e61a" }
.address-title.unfold .iconfont:before { content: "\e604" }
.map-con .content .address-title:first-child { border-top: 0 none }
/* 新增修改页面 */
.page1-txt01 .area_50 .bg-border{display: block;background: url(../images/ir/bg-border.png)center center no-repeat; background-size: cover; position: absolute;top: -24px;width: 100%;height: 3px;}
.page1-txt01 .marginright-img{position: absolute;right: -14%;top: 14px;}
.page1-txt01 .fontweight-bold,.page2-txt01 .fontweight-bold,.page3-txt01 .fontweight-bold{font-weight: bold;}
.digital .page-add2-txt01{top: 35%;}
.digital .page-add2-txt01 h5::before{width: calc(100%);height: 2px;}
.digital .page-add2-txt01 h5{border-bottom: 2px solid #fff;}
.digital .page-add2-txt01 .margintop30 .circle{width: 10px;height: 10px;background-color: white;border-radius: 50%;display: inline-block;margin-right: 5px;position: absolute;top: -9px;left: -3px;}
.digital .page-add2-txt01 .margintop30 h5 .circle-right{position: absolute;top: 50px;left: 99%;}
/* .digital .page3-txt01 {width: 108%;height: 80%;position: absolute;top: 10%;} */
.digital .page3-txt01 { width: 100%; position: relative;top: 20%;}
.digital .page3-txt02 { margin-top: calc(10vh) }
.digital .page3-txt01 h3{font-size: 30px; line-height: 1em;font-weight: bold; padding: 10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.digital .page-add3-txt01-text1{ top: 15%;left: 2%;}
.digital .page-add3-txt01-text2{ top: 15%;left: 80% }
.digital .page-add3-txt01-text3{ top: 53%; left: 2%;}
.digital .page-add3-txt01-text4{ top: 53%; left: 80%;}
.digital .pageadd3-txt01-text .font21{font-size: 21px; line-height: 0.3em; padding: 15px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box
}
.digital .page-add4-txt01-text1{top: 6%;left: 29%;}
.digital .page-add4-txt01-text2{top: 6%;left: 72%;}
.digital .page-add4-txt01-text3{top: 64%;left: 34%;}
.digital .page-add4-txt01-text4{top: 64%;left: 68%;}
.digital .page-add4-txt01 .colorf0e777{color: #f0e777;}
.digital .page-add4-txt01{top: 15%;}
.blockyellow::before{content: '';display: block;width: 6px;height: 6px;background-color: #f0e877;margin: 2px 0 0 -18px;float: left;}
.pageadd4-tet-br::before{margin: 10px 0 0 -18px;}
.digital .pageadd4-txt01 { width: 108%; height: 80%; position: absolute; top: 10% }
.digital .pageadd4-txt01-text { padding-left: 15px }
.digital .pageadd4-txt01-text h3 { display: inline-block; padding: 0 0 8px 0;font-size:30px; color:#f0e777;}
.digital .pageadd4-txt01-text p {font-size: 21px; line-height: 0.5em; padding: 15px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box
}
.digital .pageadd4-txt01-text .pageadd4-tet-br{line-height: 1.2em;}
.margintopf90{margin-top: -8%;}
.top0{
    top: 0;
}
/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1440px }
}

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

@media ( min-width:1260px ) and ( max-width:1440px ) {
body { font-size:14px; font-size:1.4rem }
.container { width:1160px }

.fontSize64 { font-size:56px }
h1, .h1 { font-size: 70px; line-height:1.1em }
h2, .h2 { font-size: 46px; line-height:1.1em }
h3, .h3 { font-size: 32px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

.chart .page1-txt01 { top: 18% }
.chart .page1-txt02 { width: 80%; left: 10%; top: 18% }
.chart .page1-txt02 .margintop60 { margin-top: 30px }

.leaders .page2 { min-height: 1420px }

.bdm .page2-icon01 { width: 120px; height: 120px; padding-top: 20px }
.bdm .page2-icon02 { width: 120px; height: 120px; padding-top: 30px }

.mps-lable { width: 300px }

.business .page1-title { width: 530px; margin-left: -265px }
.fts-dl01 { width: 360px }
.cip .page1-title { width: 740px; margin-left: -370px }

.village .page1-txt01-text { width: 898px }
/* 新增页面 */
.page1-txt01 .marginright-img{right: -10%;}
.digital .page3-txt01 h3{font-size: 24px;padding: 10px 8px;}
.digital .pageadd3-txt01-text .font21 {font-size: 18px;line-height: 0.1em;padding: 13px 8px;}
.digital .pageadd4-txt01-text p {font-size: 17px;padding: 7px 10px;}
.digital .pageadd4-txt01 h3{font-size: 30px;}
.margintopf90{margin-top: -15%;}
}

@media ( min-width:1000px ) and ( max-width:1259px ) {
body { font-size:14px; font-size:1.4rem }
.container { width:940px }

.fontSize64 { font-size:50px }
h1, .h1 { font-size: 60px; line-height:1.1em }
h2, .h2 { font-size: 42px; line-height:1.1em }
h3, .h3 { font-size: 28px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

.head-swiper.swiper-container { margin-left: -220px }
.nav { width: 550px; margin-left: -315px }
.nav .menuLi .mainmenu { padding: 0 10px; font-size: 14px }
.headbox.current .logo { height: 40px; top: 136px }


.chart .page1-txt01 { top: 20% }
.chart .page1-txt02 { width: 76%; left: 12%; top: 20% }
.chart .page1-txt02 .margintop60 { margin-top: 30px }

.mps-lable { width: 300px }

.business .page1-title { width: 530px; margin-left: -265px }
.fts-dl01 { width: 360px }
.cip .page1-title { width: 740px; margin-left: -370px }

.IR-con01 { margin-left: 0 }
.IR-titlebox { margin-left: 0; margin-bottom: 20px }
.stock-con .area_40, .stock-con .area_60 { width: 100% }
.stock-con .area_60 { margin-top: 20px }

.join .area_55 { width: 70% }

.b2b2c .page1-txt01 { width: 100%; position: absolute; top: 18% }
.b2b2c .page1-txt02 { width: 100%; position: absolute; top: 40% }
.b2b2c .page1-txt03 { width: 66%; position: absolute; top: 89%; left: 17% }

.village .page1-txt01-text { width: 788px }
/* 新增页面 */
.page1-txt01 .marginright-img{right: -14%;}
.digital .page3-txt01 h3{font-size: 22px;}
.digital .pageadd3-txt01-text .font21 {font-size: 15px;line-height: 0.1em;padding: 10px 10px;}
.digital .pageadd4-txt01-text p {font-size: 15px;padding: 7px 10px;}
.digital .pageadd4-txt01 h3{font-size: 27px;}
}
/* 修改 */
.index-page2-text{width: 30%; position: absolute; top: 60%; right: 3%}
.adtpage1 .poabsolute-h50{width:42%;top: 65%;right: 10%; }

@media ( min-width:801px ) and ( max-width:999px ) {
html { font-size:60% }
body { font-size:14px; font-size:1.4rem }
.container { width:92% }

.fontSize64 { font-size:50px }
h1, .h1 { font-size: 60px; line-height:1.1em }
h2, .h2 { font-size: 42px; line-height:1.1em }
h3, .h3 { font-size: 28px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

.head-swiper.swiper-container { margin-left: -220px }
.nav { width: 550px; margin-left: -315px }
.nav .menuLi .mainmenu { padding: 0 10px; font-size: 14px }
.headbox.current .logo { height: 40px; top: 136px }

.mps-lable { width: 300px }

.business .page1-title { width: 530px; margin-left: -265px }
.fts-dl01 { width: 360px }
.cip .page1-title { width: 740px; margin-left: -370px }

.IR-con01 { margin-left: 0 }
.IR-titlebox { margin-left: 0; margin-bottom: 20px }
.stock-con .area_40, .stock-con .area_60 { width: 100% }
.stock-con .area_60 { margin-top: 20px }

.join .area_55 { width: 80% }


.village .page1-txt01-text { width: 90% }
.village .page1-txt01-text h3 { white-space:pre-wrap }

    

}