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

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size:62.5%; /* 10÷16=62.5% */
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
}
body { 
    font-family: "Microsoft YaHei", 微软雅黑, Arial, "PingFang SC",webfont, Helvetica, sans-serif;
    font-size:16px; font-size:1.6rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:180%; 
    color:#000; 
    background: #fff; 
    height:100%;
    letter-spacing: 2px;
}
@font-face {
  font-family: 'bebas';
  font-display: swap;
  src: url('/fonts/Bebas.eot'); /* IE9*/
  src: 
  url('/fonts/Bebas.woff') format('woff'), /* chrome、firefox */
  url('/fonts/Bebas.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/fonts/Bebas.svg') format('svg'); /* iOS 4.1- */
}

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:#005ead; color:#fff }
::-moz-selection { background-color:#005ead; color:#fff }

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

.a01, a.a01, .a01 a { color: #005ead; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#000 }

.more-blue, .more-gray { display: inline-block !important; position: relative; padding-right: 20px; box-sizing: border-box }
.more-blue { color:#005ead }
.more-gray { color:#666 } 
/* .more-blue:hover, a:hover .more-blue { color:#000 } */
.more-gray:hover, a:hover .more-gray { color:#005ead }
.more-blue .iconfont, .more-gray .iconfont { position: absolute; right: 0; top: 6px }
.more-blue:hover .iconfont, .more-gray:hover .iconfont, a:hover .more-blue .iconfont, a:hover .more-gray .iconfont { -webkit-animation: shrink .5s alternate infinite; animation: shrink .5s alternate infinite }
@-webkit-keyframes shrink {
0% {
	-webkit-transform: translateX(0);
            transform: translateX(0);
	}

100% {
  	-webkit-transform: translateX(3px);
            transform: translateX(3px);
    } 
    
}

@keyframes shrink {
0% {
	-webkit-transform: translateX(0);
            transform: translateX(0);
	}

100% {
  	-webkit-transform: translateX(3px);
            transform: translateX(3px);
    } 
    
}
/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family:"Microsoft YaHei", 微软雅黑, Arial, "PingFang SC",webfont, Helvetica, 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 ;font-size: 14px;}
input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent;  padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #005ead; }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"Microsoft YaHei", 微软雅黑, Arial, "PingFang SC",webfont, Helvetica, sans-serif; }
select::-ms-expand { display: none; }


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

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

.cursor_pointer { cursor:pointer }
.cursor_initial { cursor: initial }
/*-------------------结构-------------------*/
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 }

/*-------------------定位-------------------*/
.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 }
.bottom0 { bottom:0!important }
.bottom40 { bottom:40px !important }
.bottom60 { bottom:60px!important }
.right0 { right:0!important }
.right15 { right:15%!important }

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

.overhidden { overflow:hidden }

/*-------------------透明度-------------------*/
.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_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_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

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

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

.numtext{
  font-family: bebas;
}
.aligntop{
  vertical-align: top;

}
.iconfont { line-height: 1em }
.fa-0_8x { font-size: 0.8em!important }
.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-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 }

.font-bold { font-weight: 600 }
.font-thin { font-weight: 300 }

h1, .h1 { font-size: 46px; 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: 28px; line-height:1.5em }
h5, .h5 { font-size: 20px; line-height:1.5em }
h6, .h6 { font-size: 18px; line-height:1.5em }

.fontSize10 { font-size:10px }
.fontSize12 { font-size:12px }
.bigtext { font-size: 74px; line-height:1.1em }
.bigtitle { font-size: 66px; line-height:1.1em }
.newsbigtitle { font-size: 50px; line-height:0.8em }

/*-----------------间距---------------------*/ 
.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_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-height3em { line-height:3em }
.line-height4em { line-height:4em }

/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color000, .color000 a, a.color000 { color: #000 }
.color666 { color: #666 }
.color005ead { color: #005ead }
.color266db3 {color: #266db3;}
.colorc5bfb8 { color: #c5bfb8 }
.color7f7f7f {color: #7f7f7f;}
.colora3a3a3 {color: #a3a3a3;}
.color666666{color: #666666;}
.color070707{color: #070707;}
.colorred{color: red;}
.colorc5c5c5{
  color: #c5c5c5;
}
.color00c800{color: #00c800;}

.businessjianbian{background-image: linear-gradient(to right, #015fae , #1e76bf,#3f91d4)}
.bg005ead { background: #005ead }
.bgfff { background: #fff }
.bg000 { background: #000 }
.bgf8f8f8 { background: #f8f8f8 }
.bgf4f4f4 { background: #f4f4f4 }
.bgffffff{background-color: #ffffff;}
.bgf1f1f1{background-color: #f1f1f1;}
.bgf08200{background-color: #f08200;}
.bgeeeeee{background-color: #eeeeee;}

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

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

.imgw20 { display:block; max-width:20%; height:auto }
.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 }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

/*-------------------区块-------------------*/
.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_52 { float:left; width:52% }
.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% }

.box-sizing { -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 }
.margintop55 { margin-top:55px }
.margintop60 { margin-top:60px }
.margintop80 { margin-top:80px }
.margintop120 { margin-top:120px }
.margintop160 { margin-top:160px }
.margintop30_percentage { margin-top:30% }
.margintop15_percentage { margin-top:15% }
.margintop5_percentage { margin-top:5% }
.margintop8_percentage { margin-top:8% }


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

.marginleft2em { margin-left:2em }
.marginleft5 { margin-left:5px }
.marginleft14baifenbi{margin-left: 14%;}
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px !important }
.marginleft40 { margin-left:40px }
.marginleft50 { margin-left:50px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }
.marginleftfu80 { margin-left:-80px }

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

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

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

.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 }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom55 { padding-bottom:55px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }

.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 !important}
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft70 { padding-left:70px }
.paddingleft110 { padding-left:110px }
.paddingleft120 { padding-left:120px }
.paddingleft10baifenbi{padding-left: 10%;}

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright25 { padding-right:25px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }
.paddingright60 { padding-right:60px }
.paddingright70 { padding-right:70px }
.paddingright110 { padding-right:110px }
.paddingright10baifenbi{padding-right: 10%;}
.paddingright14baifenbi{padding-right: 14%;}

.padding2 { padding:2px; -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 }
.padding60 { padding:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15_20 { padding:15px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

.mo_dis { display: none }
.mo_undis { display:block }
/* .morenheight{
  height: 500px;
} */
/*-----------------线条---------------------*/ 
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-f8f8f8 { border-bottom: 1px solid #f8f8f8; }

/*-------------------按钮-------------------*/ 
.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:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }

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


/*-------------------通用-------------------*/ 
.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_max1 { max-height:1.75em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical/*最多显示1行，超出省略号*/ }
.com-rows_2 { height:3.55em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:3.55em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:5.35em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_max3 { max-height:5.35em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:7.15em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:7.15em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:8.95em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:10.75em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

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

.com-link { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s }
.com-link:hover { box-shadow: 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%); color: #000; -webkit-transform:translatey(-3px); transform:translatey(-3px) }

.block-padding { padding-top: 60px; padding-bottom: 60px }
.block-padding-t { padding-top: 60px }
.block-padding-b { padding-bottom: 60px }
.block-padding-t45 { padding-top: 45px }
.block-padding-b45 { padding-bottom: 45px }
.block-padding-t40 { padding-top: 40px }
.block-padding-b40 { padding-bottom: 40px }
.block-padding-t50 { padding-top: 50px }
.block-padding-b50 { padding-bottom: 50px }

.card-padding { padding: 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

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

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

.logo { width: auto; height: 34px; position: absolute; left: 20px; top: 25px; z-index: 1000 }

.nav .menuLi { float:left; display:block; position:relative }
.nav .menuLi .mainmenu { display:block; height:60px; line-height:60px;margin-top:24px; padding-left: 25px; padding-right: 25px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #005ead }
.nav .menuLi .mainmenu.menuLipitchon::after { content: ""; width: calc(100% - 40px); height: 5px; position: absolute; left: 20px; bottom: 0; background: #E60012 }
.menuListBox { width: auto; min-width: 100%; text-align: left; line-height:30px; position:absolute; top:84px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,94,173,0.8); display:none }
.menuListBox a { position: relative; display: inline-block; white-space:nowrap; padding:5px 25px; font-size: 16px; line-height:30px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }
.menuListBox a:first-of-type { margin-top: 10px }
.menuListBox a:last-of-type { margin-bottom: 10px }
.menuListBox a:before { background-color: rgba(255,255,255,0.8); content: ''; position: absolute; left: 10px; top: 25px; width: 5px; height: 1px;  transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0) }
.menuListBox a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }


.headbox.current .navbox { height: 60px;  }
.headbox.current .logo {  top: 10px }
.headbox.current .nav .menuLi .mainmenu { height: 60px; line-height: 60px;margin-top: 0; }
.headbox.current .menuListBox { top:60px }
.headbox.current .language { top: 11px }
.menu { width: 44px; text-align: center; height:44px; line-height: 44px; background: #005ead; position: absolute; right: 30px; top: 114px; z-index: 1000; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; display: none; }
.bar { height: 2px; width: 20px; display: block; margin-left: 12px; position: absolute; background-color: #fff; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.menu .bar:nth-of-type(1) {
  top: 15px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s; 
}
.menu .bar:nth-of-type(2) {
  width: 15px;
  top: 21px;
  -moz-transition: ease 0.1s 0.2s;
  -o-transition: ease 0.1s 0.2s;
  -webkit-transition: ease 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease 0.2s 0.2s;
}
.menu .bar:nth-of-type(3) {
  top: 27px;
  -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s;
  -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
  -webkit-transition-delay: 0.3s, 0s;
  transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s;
}
.menu.hover .bar:nth-of-type(1) {
  top: 21px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}
.menu.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.menu.hover .bar:nth-of-type(3) {
  top: 21px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s;
  -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0s, 0.3s;
  transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s;
}

.indexpage .menu { display: block }
.indexpage .navbox, .indexpage .headbox.current .navbox { top: -84px }
.indexpage .logo/*, .indexpage .headbox.current .logo*/ { height: 44px; top: 99px }
.indexpage .navbox.hover, .indexpage .headbox.current .navbox.hover { top: 0 }
.indexpage .navbox.hover .logo { top: 15px } 

.indexpage .navbox.hover .menu, .indexpage .headbox.current .navbox.hover .menu { top: 20px }
.indexpage .headbox.current .menu { top: 104px }
.indexpage .headbox.current .logo { height: 34px }

.indexpage .headbox.current .navbox.hover { height: 84px }
.indexpage .headbox.current .navbox.hover .mainmenu { height: 84px; line-height: 84px }
.indexpage .headbox.current .navbox.hover .logo { top: 25px }
.indexpage .headbox.current .navbox.hover .language { top: 31px }
.indexpage .headbox.current .menuListBox { top:84px }

/*-------------------底部-------------------*/ 
.footbox { background: #005ead; color: #fff;border-top: 1px solid #EDEDED; }
.footbox a { display: inline-block; color: #070707 }
.footbox a:hover { color: #005ead }

.foot-logo { max-width: 200px }

.foot-hotline p { color: rgba(255,255,255,0.8) }
.foot-hotline::after { content: ""; width: calc(100% - 5em); height: 1px; background: rgba(255,255,255,0.8); position: absolute; bottom: 9px; right: 0 }

.foot-link { display: flex; justify-content: space-between;  padding-bottom: 60px; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.1) }
.foot-link li a { display: inline-block;  color: #7f7f7f }

.foot-copyright { border-top: 1px solid rgba(255,255,255,0.1) }

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

.fixed-ewm { width: 120px; height: 120px; position:fixed; right:20px; top:64%; z-index:1001 ;margin-bottom: 50px;}
.fixed-ewm .iconfont { position: absolute; top: 0; right: 0; color: #c2c2c2; cursor: pointer; transition: all 0.2s }
.fixed-ewm .iconfont:hover { transform: rotate(90deg) }
.fixed-ewm-open { display: inline-block; padding: 10px; background: #005ead; color: #fff; font-size: 12px; line-height: 16px; position: absolute; bottom: 60px; right: 0; display: none }

/*-------------------首页-------------------*/ 
.index-kv.swiper { height: calc(100vh); min-height: 500px }
.index-kv.swiper .inkv-bg { width: 100%; height: 100%; position:absolute; top:0; left:0; transition:1s linear 2s; transform:scale(1.1,1.1) }
.index-kv.swiper .swiper-slide-active .inkv-bg, .index-kv.swiper .swiper-slide-duplicate-active .inkv-bg { transition:6s linear; transform:scale(1,1) }

.index-kv .swiper-button-prev::after{
   font-family: "iconfont" !important; content: "\e7e7";
   color: #005ead;
  }
  .index-kv .swiper-button-prev{
    background-image: none !important;
  } 
  .index-kv .swiper-button-next{
    background-image: none !important;
  } 
  .index-kv .swiper-button-next::after{
   font-family: "iconfont" !important; content: "\e7e8";
   color: #005ead;
  font-weight: 300;
  }

.inkv01-bg { background: url(/images/end/index/index-kv-1.jpg) left center no-repeat; background-size: cover }
.inkv01-txt01 {width: 32%;
  right: 10%;
  top: 26%; }

.inkv03-bg { background: url(/images/end/index/index-kv-3.jpg) right center no-repeat; background-size: cover }
.inkv03-txt01 {  width: 32%; left: 13%; top: 32% }

.indexkv-buttonbox { height: 40px; bottom: 50px; z-index: 10; pointer-events: none; }
.indexkv-buttonbox .swiper-button-prev, .indexkv-buttonbox .swiper-button-next { width: 40px; height: 40px; line-height: 40px; top: 0; margin-top: 0; z-index: 10; border: 1px solid #005ead; box-sizing: border-box; left: 0; pointer-events: auto }
.indexkv-buttonbox .swiper-button-prev { left: 0 }
.indexkv-buttonbox .swiper-button-next { left: 39px }
.indexkv-buttonbox .swiper-button-prev:after, .indexkv-buttonbox .swiper-button-next:after { font-size: 20px !important ; margin-left: 10px; }
.indexkv-buttonbox .swiper-button-prev:hover, .indexkv-buttonbox .swiper-button-next:hover { border: 1px solid #005ead }
.indexkv-buttonbox .swiper-button-prev:hover:after, .indexkv-buttonbox .swiper-button-next:hover:after { color: #005ead }
.indexkv-buttonbox .swiper-pagination-bullets.swiper-pagination-clickable { pointer-events: auto; left: auto; width: auto; right: 0; bottom: 7px }
.indexkv-buttonbox .swiper-pagination-bullet { width: 24px; height: 24px; line-height: 24px; background: transparent; opacity: 1; border: 1px solid #005ead; color: #005ead; position: relative }
.indexkv-buttonbox .swiper-pagination-bullet:hover { background: #005ead; color: #fff }
.indexkv-buttonbox .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e60012; border: 1px solid #e60012; color: #fff; font-weight: bold }
.indexkv-buttonbox  .swiper-pagination-bullet { margin: 0 80px 0 0 }
.indexkv-buttonbox  .swiper-pagination-bullet:last-of-type { margin-right: 0 }
.indexkv-buttonbox .swiper-pagination-bullet::after { content: ""; width: 70px; height: 1px; background: #005ead; position: absolute; top: 12px; left: 30px }
.indexkv-buttonbox .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background: #e60012 }
.indexkv-buttonbox  .swiper-pagination-bullet:last-of-type::after { display: none }

.index-news.swiper { margin: -30px; padding: 30px }
.index-news.swiper .icon-blocks { position: absolute; right: 0; bottom: 20px; pointer-events: none }
.index-news.swiper.swiper-horizontal > .swiper-pagination-bullets, .index-news.swiper .swiper-pagination-bullets.swiper-pagination-horizontal { width: calc(50% - 110px); border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 5px; bottom: 70px; left: auto; right: 70px; text-align: left }
.index-news.swiper .swiper-pagination-bullet { margin: 5px }
.index-news.swiper .swiper-pagination-bullet-active { background: #e60012 }
.index-news.swiper .swiper-slide .card-padding:first-of-type { padding-right: 20px }


.project-select { width: 120px; height: 36px; line-height: 36px; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.1) }
.project-select .iconfont { line-height: 36px; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.project-select-list { width: 120px; padding: 5px 10px; background: #f8f8f8; position: absolute; top: 37px; left: 0; z-index: 10; display: none }
.project-select-list li a { display: block; width: 100%; height: 30px; line-height: 30px }
.project-select-list li a:hover { color: rgba(0,0,0,0.6) }
.project-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.search-form { width: calc(100% - 160px) }
.search-form input { padding: 5px 36px 5px 0; line-height: 26px; background: transparent; border: 0; border-bottom: 1px solid rgba(0,0,0,0.1)}
.search-form .search-icon { width: 36px; height: 36px; line-height: 36px; position: absolute; right: 0; top: 0; z-index: 2 }
.search-form .search-icon .iconfont { line-height: 36px }
.search-form input:focus { border-bottom: 1px solid #005ead }
.project-label span { display: inline-block; padding: 2px 8px; margin: 2px; color: #fff; font-size: 12px }
.project-label span:nth-of-type(odd) { background: #005ead }
.project-label span:nth-of-type(even) { background: #e60012 }
.more-project { font-size: 12px; padding-left: 24px; position: relative }
.more-project::after { content: ""; width: 18px; height: 1px; background: #000; position: absolute; left: 0; top: 8px; transition: all 0.3s }
.more-project:hover::after { transform: translateX(3px); color: #005ead }

.index-project .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -30px }
.index-project .swiper-pagination-bullet-active { background: #e60012 }
.index-project .swiper-button-prev, .index-project .swiper-button-next { top: 38%; color: #d9d9d9 }
.index-project .swiper-button-prev:hover, .index-project .swiper-button-next:hover { color: #005ead }
.index-project .swiper-button-prev { left: 7px }
.index-project .swiper-button-next { right: 7px }
.index-project .swiper-button-prev:after, .index-project .swiper-button-next:after { font-size: 24px }
 
.index-community { height: calc(50vh); min-height: 400px; background: url(../images/index-center-1.jpg) center right no-repeat; background-size: cover }


/* .index-business .swiper-pagination { display: flex; justify-content: space-around;width: 75% !important;align-items: center; top: -10% !important;position: absolute;bottom: auto !important;left: auto !important;right: 0 !important; }
.index-business .swiper-container-clickable  > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 }
.index-business .swiper-pagination-bullet { display: block; float: left; text-align: center;  color: #909090;   opacity: 1; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s ;background-color: rgba(0,0,0,0);}
.index-business .swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px }
.index-business .swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type { margin-left: 0 }
.index-business .swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type { margin-right: 0 }
.index-business .swiper-pagination-bullet p { width: 115px }
.index-business .swiper-pagination-bullet .iconfont { font-size: 30px; float: left;opacity: 0; }
.index-business .swiper-pagination-bullet span.h5 { float: right }
.index-business .swiper-pagination-bullet span.line { position: absolute; left: 50%; margin-left: -10px; bottom: -9px; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #fff; opacity: 0; transition: all 0.2 ; -webkit-transition: all 0.2 ; -moz-transition: all 0.2 ; -ms-transition: all 0.2 ; -o-transition: all 0.2 ; }
.index-business .swiper-pagination-bullet:hover, .index-business .swiper-pagination-bullet-active { color: #005ead; background-color: rgba(0, 0, 0, 0) !important;font-weight: bold; }
 .index-business .swiper-pagination-bullet-active .iconfont{  opacity: 1; }
.index-business .swiper-pagination-bullet:hover span.line, .index-business .swiper-pagination-bullet-active span.line { opacity: 1 }
.index-business .swiper-pagination-bullet::before, .index-business .swiper-pagination-bullet::after { font-family: "iconfont" !important; font-size: 20px; position: absolute; opacity: 0; transition: all 0.2 ;}



.index-business .swiper-pagination-bullet-active::before, .index-business .swiper-pagination-bullet-active::after { opacity: 1 } */
.index-businessbutton div{
  color: #909090;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.index-businessbutton div:hover{
  color: #005ead;
  font-weight: bold;
}
.index-businessbuttondiv{
  color: #005ead !important;
  font-weight: bold !important;
}
.index-businessbuttondivi{
  color: #005ead !important;
  font-weight: bold !important;
  opacity: 1 !important;
  font-size: 28px !important;
}
.index-businessbutton div:hover i{
  color: #005ead;
  font-weight: bold;
  opacity: 1;
  font-size: 28px;
}
.index-businessbutton div i{
 opacity: 0;
 font-size: 28px;
 transition: all 0.2s;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
}
.index-business .swiper-slide {
  padding: 60px;
  box-sizing: border-box;
}
/*  */
.mySwiperproject .swiper-button-prev::after{
   font-family: "iconfont" !important; content: "\e7e7";
   color: #005ead;
   }
   .mySwiperproject .swiper-button-prev{
    background-image: none !important;
   } 
   .mySwiperproject .swiper-button-next{
    background-image: none !important;
   } 
   .mySwiperproject .swiper-button-next::after{
   font-family: "iconfont" !important; content: "\e7e8";
   color: #005ead;
   font-weight: 300;
   }
   .mySwiperproject1 .swiper-button-prev::after{
    font-family: "iconfont" !important; content: "\e7e7";
    color: #005ead;
    }
    .mySwiperproject1 .swiper-button-prev{
     background-image: none !important;
    } 
    .mySwiperproject1 .swiper-button-next{
     background-image: none !important;
    } 
    .mySwiperproject1 .swiper-button-next::after{
    font-family: "iconfont" !important; content: "\e7e8";
    color: #005ead;
    font-weight: 300;
    }
    .mySwiperproject2 .swiper-button-prev::after{
      font-family: "iconfont" !important; content: "\e7e7";
      color: #005ead;
      }
      .mySwiperproject2 .swiper-button-prev{
       background-image: none !important;
      } 
      .mySwiperproject2 .swiper-button-next{
       background-image: none !important;
      } 
      .mySwiperproject2 .swiper-button-next::after{
      font-family: "iconfont" !important; content: "\e7e8";
      color: #005ead;
      font-weight: 300;
      }
      .mySwiperproject3 .swiper-button-prev::after{
        font-family: "iconfont" !important; content: "\e7e7";
        color: #005ead;
        }
        .mySwiperproject3 .swiper-button-prev{
         background-image: none !important;
        } 
        .mySwiperproject3 .swiper-button-next{
         background-image: none !important;
        } 
        .mySwiperproject3 .swiper-button-next::after{
        font-family: "iconfont" !important; content: "\e7e8";
        color: #005ead;
        font-weight: 300;
        }

.mySwiperproject .swiper-button-prev{left:  69.9%;top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject .swiper-button-prev:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject .swiper-button-next{left: auto;right: 18%; top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject .swiper-button-next:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject .swiper-pagination-bullets.swiper-pagination-clickable{left: -18% !important;}
.mySwiperproject .swiper-pagination-bullet-active{background-color: red;}
.mySwiperproject {
  position: relative;
}
/* swiper-pagination mo_undis swiper-pagination-clickable swiper-pagination-bullets */

.mySwiperproject1 .swiper-button-prev{left:  69.9%;top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject1 .swiper-button-prev:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject1 .swiper-button-next{left: auto;right: 18%; top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject1 .swiper-button-next:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject1 .swiper-pagination-bullets.swiper-pagination-clickable{left: -18% !important;}
.mySwiperproject1 .swiper-pagination-bullet-active{background-color: red;}
.mySwiperproject1 {
  position: relative;
}


.mySwiperproject2 .swiper-button-prev{left:  69.9%;top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject2 .swiper-button-prev:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject2 .swiper-button-next{left: auto;right: 18%; top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject2 .swiper-button-next:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject2 .swiper-pagination-bullets.swiper-pagination-clickable{left: -18% !important;}
.mySwiperproject2 .swiper-pagination-bullet-active{background-color: red;}
.mySwiperproject2 {
  position: relative;
}


.mySwiperproject3 .swiper-button-prev{left:  69.9%;top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject3 .swiper-button-prev:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject3 .swiper-button-next{left: auto;right: 18%; top: 75%;border: 1px solid #005ead;height: 48px;margin-top: auto;}
.mySwiperproject3 .swiper-button-next:after{font-size: 18px;    margin-left: 5px;
  line-height: 50px;}
.mySwiperproject3 .swiper-pagination-bullets.swiper-pagination-clickable{left: -18% !important;}
.mySwiperproject3 .swiper-pagination-bullet-active{background-color: red;}
.mySwiperproject3 {
  position: relative;
}


.module {
  width: 4%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 75%;
  right: 22%;
  z-index: 1;
  color: rgba(0,0,0,0.6);
}

.active {
  font-size: 18px;
}

.total {
  font-size: 18px;
}

/* jx */
.bottombottom{
  background-color: #005ead;
  /* display: flex;
  justify-content: center; */
}
.bottombottomfff{
  background-color: #fff;
  /* display: flex;
  justify-content: center; */
}
.bottomtop {
background-color: #fff;
}

  .jxcolor666{
    color: #808080 !important;
  }


.jxselect{
    padding-left: 15px;
    /* width: 200px; */
    height: 35px;
    cursor: pointer;
    background-color: #f7f7f7 !important;
    border: none;
    color:#808080 ;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('../images/bottom-arrow.png') ;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 10px bottom 10px;

}
.fontweight{font-weight:bold;} 
.bottombox{
  padding: 10px 0px;

}
.bottomright{
  float: right;
}
.bottomleft{
  float: left;
}
.colorwhite{
  color: #fff;
  font-weight: bold;
}
.flex{
  display: flex;
}
.flexfirstdiv{
  width:3em;
  white-space:nowrap;
}
.whitespace{
  white-space:nowrap;
}
.poabsolute-h40{
  top: 40% !important;
}


.mainbox{
  height: 100px;
  background-color: red;
}
.width190{
  width: 190px;
}
/* 弹性布局右侧 */
.flex_right{
  display: flex;
  justify-content: right;
}
/*  */
.text_border_red:after{
    content: "";
    width: calc(100% - 80px);
    height: 5px;
    position: absolute;
    left: 0px;
    /* top: 25px; */
    bottom: -8px;
    background: #E60012;
}
.index_new_img_text{
  background-color: rgba(0,0,0,0.6);
  bottom: 0px;
  position: absolute;
  width: 100%;
  height: 50px;
  
}
.news_new_img_text{
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0px;
  position: absolute;
  width: 100%;
  height: 50px;
  
}
.index_new_img_text h6{
  line-height: 50px;
}
.height33{
  height: 33.33%;
}
.new_text{
  border-bottom: 1px solid #e5e5e5;
}
.new_text:last-of-type{
  border-bottom: 0px solid #e5e5e5;
}
.newspage .new_index_text a { padding: 15px 50px 15px 20px; box-sizing: border-box;}
.newspage .new_index_text a:first-of-type { padding-top: 40px }
.newspage .new_index_text a:last-of-type { padding-bottom: 40px }
/* .new_index_text a:last-of-type .new_text{
  border-bottom: 0px;
  padding-bottom: 50px;
}
.new_index_text a:last-of-type .new_data{
  padding-bottom: 30px;
}

.new_index_text a:first-of-type .new_text{
  padding-top: 50px;
}
.new_index_text a:first-of-type .new_data{
  padding-top: 30px;
} */

.new_index_img{min-height: 200px;}
.top50{
  top: 50px;
}


.tab_list {
 width: 100%;
 margin-top: 20px;
}

.tab_list li {
  float: left;
  width: 25%;
  cursor: pointer;
  padding: 10px;
  box-sizing: border-box;
}

.tab_list li div{
background-color: #f8f8f8; 
width: 100%;
padding: 30px;
  margin: auto;
  box-sizing: border-box;
  border-top: 5px solid rgba(255, 0, 0, 0);

}

.tab_list .current:before {
  content: '';
  position: absolute;
  left: 48%;
  top: -10px;
  /* right: -51px; */
  width: 0;
  height: 0;
  border-bottom: 8px solid#f00;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
 }
.tab_list ul{
 margin-left: -10px;
 margin-right:-10px
  }
.tab_list .current {
  position: relative;
  border-top: 5px solid red;
  background-color: #fff;
  box-shadow: 1px 2px 10px #e9e6e6  !important;
}
.top40{
  top: 40%;
}
.life_text{
  width: calc(100% - 80px) !important;
}

.index-business .business::before, .index-business .business::after { font-family: "iconfont" !important; font-size: 40px; position: absolute; opacity: 1; transition: all 0.2 ;content: "\ea1a";}
.index-business .business::before{
  right: -4%;
  top: -5%;
  color:#e60012
}
.index-business .business::after{
  left: 1%;
  bottom: -5%;
  color: #005ead;
  transform: rotate(-180deg);
}
/* 刚改过 */
.index_intro .business::after{
  left: 1% ;
  bottom: -5%;
  color: #005ead;
  transform: rotate(-180deg);
}
.item_info {
  padding: 20px 0 0 20px;
}

.item {
  width: 100%;
  display: none;
}
.top80{
  top: 80px;
}
.top130{
  top: 130px;
}
.index-bottom{
  background: url(/images/end/index/index-bottom.jpg) center right no-repeat ;
  background-size: cover;
  height: 56vh;
  min-height: 300px;
}
/* 新闻 */
.neck{
  height: 80px;
  background-color: #fff;
  width: 100%;
  
}
.jiantou::after{
  content: '';
    width: 0px;
    right: -38px;
    bottom: 21px;
    height: 0px;
    border: 20px solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
}
.topleft{
 top: 60px;left: 50px; 
}
.joinflex{
  display: flex;
}
.jointext{
  width: 8em;
  text-align: right;
}
.joininput{
  width: calc(100% - 8em);
}
.beian{
  color: #fff !important;
}
.neck2{
  height: 85px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.neck.current{ top: 0px; position: fixed; z-index: 100;}

.neck a{
  line-height: 80px;
}
.neck .container{
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
}
.height50px{
  height: 70px;
}
.new_year{
  height: 50px;
  /* width: 100px; */
  background-color: #fff;
  line-height: 50px;
  border-right: 1px solid #ededed;
  padding: 0px 10px;
  cursor: pointer;
}
.new_mouth{
  height: 50px;
  width: 80px;
  background-color: #fff;
  padding-left: 10px;
  line-height: 50px;
  cursor: pointer;
}
.new_search{
  height: 50px;
  width: 30%;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;

}
.new_search div{
  width: 100%;
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
}
.new_search input{
  width: 100%;
  height: 30px;
  background-color: #f8f8f8;
  padding-left: 10px;
box-sizing: border-box;
}

.newlist{
  margin-left: -10px;
  margin-right:-10px;
}
.justify{
  justify-content: space-around;

}
.center{
  justify-content: center;

}
.new_data{
  width: 100px;
  text-align: center;
  float: left;
}
.new_list_text{
  width: calc(100% - 120px);
  float: right;
}
.neweveryone{
  transition: all 0.2s;
  box-sizing: border-box;
  border-bottom: 5px solid transparent;
}
a:hover .neweveryone{
  border-bottom: 5px solid red;
  box-shadow: 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%);
}
.neweveryone:hover h2{
  color: #005ead;
}
.neweveryone:hover p{
  color: #005ead;
}
.img-text{
  transform: translateY(-50%)
}
.neck a{
  position: relative;
}
.neck a:hover::after{
  content: "";
  width: calc(100% );
  height: 5px;
  position: absolute;
  left:0px;
  bottom: 0;
  background: #E60012;
}
.redline{
  color: #005ead;
}
.redline::after{
  content: "";
  width: calc(100% );
  height: 5px;
  position: absolute;
  left:0px;
  bottom: 0;
  background: #E60012;
}

.media li {
  list-style-type: none;
}

.medialist li{
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #f1f1f1;
  border-left: 3px solid rgba(255, 0, 0, 0);
  cursor: pointer;
}
.medialist .h6{
  height: 90px;
  line-height: 90px;
  text-align: center;
  background-color: #f1f1f1;
  border-left: 3px solid rgba(255, 0, 0, 0);
  cursor: pointer;
}
.cursor_pointer{
  cursor: pointer;
}
.historytopyearsmall span:hover {
  color: #005ead;
}

.mySwiper150 .swiper-button-prev, .swiper-container-rtl .swiper-button-next , .mySwiper150 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-size: 20px 20px;
}
.mySwiper150 .swiper-button-prev::after{
  font-family: "iconfont" !important; content: "\e7e7";
  color: #005ead;
}
.mySwiper150 .swiper-button-next::after{
  font-family: "iconfont" !important; content: "\e7e8";
  color: #005ead;
  font-weight: 300;
}
.mySwiper150 .swiper-button-prev{
 background-image: none;
}
.mySwiper150 .swiper-button-next{
  background-image: none;
}
/* @media all and (-ms-high-contrast:none) { 
  *::-ms-backdrop, .gallery-thumbs .swiper-button-prev { top: 0;} 
  }  */
.media .medialist .current {
  background-color: #fff;
  color: #005ead;
  font-weight: bolder;
  border-left: 3px solid red;
  box-sizing: border-box;
}
.contact .medialist .current {
  background-color: #e9e9e9;
  color: #005ead;
  font-weight: bolder;
  border-left: 3px solid red;
  box-sizing: border-box;
}
.homepopop{overflow: auto;}
.homepopop img{
  width: 100%;
  height: auto;
}
 .video-popbox video{width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;}
.video-popbox, .homepopop {width: 100%;height:100%; background: #000;}

.right_line{
  border-right: 1px solid #eaeaea;
}

.mediabox::before{
  right: 3%;
  top: 7%;
  color:#e60012;
  font-family: "iconfont" !important; font-size: 60px; position: absolute; opacity: 1; transition: all 0.2 ;content: "\ea1a";
}
.mediabox::after{
  left: 3%;
  bottom: 7%;
  color: #005ead;
  transform: rotate(-180deg);
  font-family: "iconfont" !important; font-size: 60px; position: absolute; opacity: 1; transition: all 0.2 ;content: "\ea1a";
}
.detailbox::before{
  right:-8px;
  top: 8px;
  color:#e60012;
  font-family: "iconfont" !important; font-size:60px; position: absolute; opacity: 1; transition: all 0.2 ;content: "\ea1a";
}
.detailbox::after{
  left: -10px;
  bottom: 8px;
  color: #005ead;
  transform: rotate(-180deg);
  font-family: "iconfont" !important; font-size: 60px; position: absolute; opacity: 1; transition: all 0.2 ;content: "\ea1a";
}
.new-detail-line{
  border-bottom: 1px solid #eaeaea;
}
.detailneirong p{
color: #666666;
}
.detailneirong img{
  max-width: 100%;
  }
  .detail_bottom_date{
    text-align: right;
    width: 130px;
  }
  .detail_bottom_next{
    width: calc(100% - 130px);
    display: flex;
  }
.detail_bottom_next:first-child{
  white-space: nowrap;
}

.businesstop .bigtext{
  font-size: 74px;
  top: 200px;
  font-weight: 100;
  margin-bottom: 80px;
}
.businesstop .poabsolute-h50{
  top: 55%;
}
.vertical_align_middle{
  vertical-align: middle;
}
.text_line{
  border-right: 1px solid #fff;
  box-sizing: border-box;
}
.businessditu{
  width: auto;
  max-width: 88%;
  max-height:calc(60vh) ;
}
.left_line{
  border-left: 1px solid #fff;
  padding-left: 40px;
}

.suoluetu{
  margin-top: -15px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-slide{
height: 100%;
cursor:pointer;
}
.businessleft {
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.businessswiper {
height: 80%;

}
.suoluetu .swiper-slide {
  opacity: 0.4;
padding: 15px 30px 15px 30px;
box-sizing: border-box;
cursor:pointer;
}
.suoluetu .swiper-slide-active {
  opacity: 1;
}
/* .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
} */
.gallery-thumbs .swiper-button-next{transform: rotateZ(-90deg); top: auto;   bottom: -6px;right: 46%;margin-right: -10px;}
.gallery-thumbs .swiper-button-prev{transform: rotateZ(90deg);top: 18px;left: 54%;margin-left: -18px;}
.gallery-thumbs .swiper-button-prev:hover:after{background-color: #3d98e3; opacity: 0.8;}
.gallery-thumbs .swiper-button-next:hover:after{background-color: #3d98e3; opacity: 0.8;}
.gallery-thumbs .swiper-button-prev:after, .gallery-thumbs .swiper-button-next:after{
    color: #fff;
    content: 'prev';
    font-size: 16px;
    background: #898f96;
    padding: 12px 8px;
    opacity: 0.5;
  }
.businesstab{
  height: calc(100% - 220px);
}
.businesstab span{
  height: 16.66%;
}
.itembusiness{
  /* display: none; */
  visibility: hidden;
  position: absolute;
}
.businesstab .current{
  color: #005ead;
position: relative;
}

.businesstab .current:after{
  content: '';
  width: 20px;
  height: 2px;
  top: 10px;
  right: -30px;
  /* left: 38px; */
  background-color: #005ead;
  position: absolute;
}
.estatecard:hover{
  background: #175e9c;
  transition: all 0.4s;
}
.estatecard:hover .color000{
  color: #fff !important;
}
.estatecard:hover .color7f7f7f{
  color: #fff ;
}

.topbottom{
  background: linear-gradient(to right, #015fae , #1e76bf,#3f91d4);
  width: 100%;
}
.state_select{
  height: 50px;
  padding: 0px 20px;
  box-sizing: border-box;
}
.state_select h6{
  line-height: 50px;
}
.state_select i{
  line-height: 50px;
}
.state_search i{
 right: 20px;
}
.state_search input{
  width: 100%;
  height: 50px;
  font-size: 18px;
  padding:0px 20px;
  box-sizing: border-box;
}
.state_search input::-webkit-input-placeholder{
  color: #7f7f7f;
}
.homeinput input::-webkit-input-placeholder{
  color: #cccccc;
}
.text_border_redsmall:after{
  content: "";
  width: calc(70%);
  height: 5px;
  position: absolute;
  left: 6px;
  /* top: 25px; */
  bottom: -8px;
  background: #E60012;
}
.text_border_redsmall2:after{
  content: "";
  width: calc(35px);
  height: 5px;
  position: absolute;
  left: 0px;
  /* top: 25px; */
  bottom: -8px;
  background: #E60012;
}
.text_border_f08200small2:after{
  content: "";
  width: calc(35px);
  height: 5px;
  position: absolute;
  left: 0px;
  /* top: 25px; */
  bottom: -8px;
  background: #f08200;
}
.home_work_business{
  margin-left: -10px;
margin-right: -10px;

}
.stateleft .swiper-pagination-bullets.swiper-pagination-clickable{ 
  width:auto;
  left: 10% !important;
  bottom: 20%;
}
.stateleft .swiper-pagination-bullet ,.stateright .swiper-pagination-bullet{margin: 4px;}
.stateright .swiper-pagination-bullets.swiper-pagination-clickable{ 
  width:auto;
  left: 83% !important;
  bottom: 20%;
}
.swiper_text{
  bottom: 10px;
  left: 10px;
}
.text_center{
  display: flex;
  align-items: baseline;
  vertical-align: middle;
}
.servrcesuoluetu {margin-right: -30px !important; }
.servrcesuoluetu .swiper-slide{ padding: 15px 30px 15px 0px;}
.swipercontainer .swiper-button-next{right: -40px;background-color: #f08200; color: #fff;}
.swipercontainer .swiper-button-next:after{ font-size: 20px;}

.swipercontainer .swiper-button-prev{left: -40px;background-color: #f08200;color: #fff;}
.swipercontainer .swiper-button-prev:after{ font-size: 20px;}
.swipercontainer .swiper-button-prev.swiper-button-disabled{background-color: #cccccc;}
.swipercontainer .swiper-button-next.swiper-button-disabled{background-color: #cccccc;}


.swipercontainer .swiper-button-prev::after{
  font-family: "iconfont" !important; content: "\e7e7";
}
.swipercontainer .swiper-button-next::after{
  font-family: "iconfont" !important; content: "\e7e8";
}
@media all and (-ms-high-contrast:none) { 
  *::-ms-backdrop, .swipercontainer .swiper-button-prev ,.swipercontainer .swiper-button-next{ padding: 10px 5px;} 
  } 
.homeselect{
  height: 50px;
  background-color: #fff;
  padding: 0px 20px;
}
.homeselect span{
  line-height: 50px;
}
.cityxiangqing{
  height: 90px;
  overflow: auto;
}
.cityxiangqing::-webkit-scrollbar {
  width:8px;
  height:8px
  }
  .cityxiangqing::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(0,0,0,.2)
  }
  .cityxiangqing::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(0,0,0,.1)
  }
  .cityxiangqing::-webkit-scrollbar-thumb:vertical:hover {
  background-color:rgba(0,0,0,.3)
  }
  .cityxiangqing::-webkit-scrollbar-thumb:vertical:active {
  background-color:rgba(0,0,0,.7)
  }
.homeinput input{
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-size: 20px;
}
.home_img-text{
  height: calc(100% - 84px);
}
.e_home_kv{
  width: 100%;
}
.index{
  background-color: #ededed;
  padding: 5px 10px;
  color: #005ead;
}
.padding5_10{
  padding: 5px 10px;
}
.homelist .padding5_10:hover{
  background-color: #ededed;
}
.peitaotext div .click{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px;
  border-bottom: 1px solid #e6e6e6;
}
.businessborder_top{
  border-top: 1px solid #e6e6e6;
}
.panel{
	display:none;
}
.panel div{
  display: flex;
  align-items: center;
  padding: 5px 0px;
  justify-content: space-between;
}
.peitaotext{
  overflow-y: auto;
}

.huxing{
  margin-left: -20px;
  margin-right: -20px;
}
.mySwiperbusinessdel .swiper-pagination-bullets.swiper-pagination-horizontal{
  width: auto;
  right: 0;
  left: auto;
}
.photowidth{
  overflow-y: auto;width: 100%;height: 100%;
}
.left180{
  left: 90px;
}
.hovebloder:hover h6{
  font-weight: bolder;
}
.mySwiper101 .swiper-button-next{
  width: 20px;
  right: 100px;
  top: 50% !important;
}
.mySwiper101 .swiper-button-next:after{
  font-size: 26px;
}
.mySwiper101 .swiper-button-prev{
  left: 100px;
  width: 20px;
  top: 50% !important;
}
.mySwiper101 .swiper-button-prev:after{
  font-size: 26px;
}
.mySwiper150 .swiper-button-next{
  width: 20px;
  right: -50px;
  top:50% !important;
}
.mySwiper150 .swiper-button-next:after{
  font-size: 26px;
}
.mySwiper150 .swiper-button-prev{
  left: -50px;
  width: 20px;
  top: 50% !important;
}
.mySwiper150 .swiper-button-prev:after{
  font-size: 26px;
}
.joinselect{
  background-color: #f8f8f8;width: auto;height: 40px;line-height: 40px;padding: 0px 10px;
}
.borderdedede{
  border-right: 1px solid #dedede;
}
.borderdededebottom{
  border-bottom: 1px solid #dedede;
}
.joinlist{
  border-bottom: 1px solid #dedede;
  cursor:pointer;
  
}
.joinlist:last-of-type{
  border-bottom: 1px solid #dedede00;
}
.width180{
  width: 180px;
}
.joinlist:hover span{
  color: #005ead ;
}
.joinlist:hover a{
  background-color: #005ead ;
  color: #fff;
}
.joinlist:hover .zhaobiaobutton{
  background-color: #005ead ;
  color: #fff;
}
.joinlist:hover .fistred{
  color: red ;
}
.joinnone{
  display: none;
}
.detailneirong img{
  max-width: 100%;
}
.business_contact input{
  height: 50px;
  line-height: 50px;
}
.business_contact textarea{
  border: none;
}
.honest{
  border-bottom: 1px solid #e9e9e9;
}
.honestimg{
  background: url(/images/end/contact/contact-business2.jpg) center right no-repeat ;
  background-size: cover;
}
.businesscontacttimg{
  background: url(/images/end/contact/contact-business.jpg) center right no-repeat ;
  background-size: cover;
}
.historytopyear{
  border-top: 1px solid #cbcbcb6b;
  border-bottom: 1px solid #cbcbcb6b;
  padding-top: 50px;
  padding-bottom: 50px;
}
.historybox{
  padding-left: 50px;
  box-sizing: border-box;
  padding-right: 50px;
}
.historyone{
  height: 30px;
  box-sizing: border-box;
}
.historyrightzhongxian{
  border-right: 1px solid #d9d9d9;

}
.historyleftzhongxian{
  border-left: 1px solid #d9d9d9;

}
.historydixian{
  border-bottom: 1px solid #d9d9d9;

}
.historybox:last-of-type .historydixian{
  border-bottom: 0px solid #d9d9d9;
}
.introsmalltext{
  height: 50px;
  
  background-color: #f8f8f8;
  text-align: center;
}
.introsmalltext h6{
  line-height: 50px;
}
/* .introsmallimg{

} */

.intro_top_border{
  border-top: 1px solid #f8f8f8;
}
.intro_bottom_border{
  border-bottom: 1px solid #f8f8f8;
}
.xlife_top_border{
  border-top: 1px solid #d2d2d2;
}
.news_top_border{
  border-top: 1px solid #dedede;
}
.member_list_text{
  width: calc(100% - 80px);
  float: left;
}
.neck{
  
  border-bottom: 1px solid #e5e5e5;
}
.year_childrenlist{
  display: none;
  width: 100% ;
}
.new_year:hover .year_childrenlist{
  display: block;
}
.mouth_childrenlist{
  display: none;
  width: 100% ;
}
.new_mouth:hover .mouth_childrenlist{
  display: block;
}
.year_children{
  height: 40px; line-height: 40px;
}
.hoverbg:hover .xinhuabutton{
  background-color: #005ead;
  color: #fff;
}
.hoverbg:hover .blue{
  color: #005ead;
}
.yewu_childrenlist{
  display: none;
}
.yewu:hover .yewu_childrenlist{
  display: block;
}
.gongzuodidian_childrenlist{
  display: none;
}
.gongzuogangwei_childrenlist{
  display: none;
}
.gangwei:hover .gongzuogangwei_childrenlist{
  
  display: block;
}
.didian:hover .gongzuodidian_childrenlist{
  display: block;
}
.swipertext{
  /* display: none; */
  top: 150%;
  transition: all 1s;
  overflow: hidden;
}
.swipertext div{
  overflow-y: auto;
}

.swiperblock:hover .swipertext{
display: block;  
top: 0px;
}
.text_height{
  height: 70px;
}
.dichan_text_height{
  height: 60px;
}
.media .tab1{
min-height: 500px;
background-color: #f1f1f1;
}
.media .tab1 .medialist{
  height: 100%;
}
.media .tab1 .mediabox{
  min-height: 500px !important;
}
.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 }
.citylist{
  display: none;
}
.cityselect:hover .citylist{
  display: block;
}

 .swiper-pagination-bullet-active{
  background: red !important;
}
.index-business .swiper-pagination { display: flex; justify-content: space-around;width: 75% !important;align-items: center; top: -60px !important;position: absolute;bottom: auto !important;left: auto !important;right: 0 !important; }
/* .icon-tuxing{padding-left: 5px;box-sizing: border-box;} */
.BMap_bubble_pop{
  border-radius:0 !important;
  /* left: 120px !important;
  top: 120px !important;
    width: 390px !important; */
    margin-left: -240px;
    margin-top: 100px;
    padding: 20px 0px 0px 20px !important;
    border: 0 none !important;

}
.BMap_bubble_pop::after{
  content: '';
  width: 0px;
  right: -38px;
    bottom: 21px;
  height: 0px;
  border: 20px solid ;
  border-color:transparent transparent transparent #fff;
  position: absolute;
}
.BMap_bubble_top{display: none !important;}
.BMap_bubble_pop img, .shadow{display: none !important;}
.BMap_bubble_center{height: 170px !important;}
.block{display: none;}
.rexiao{
  left: 5px;
    top: 6px;
}
.rexiaotext{
  top: 15px;
    transform: rotateZ(-42deg);
    left: 15px;
}
.lifecard_left{margin-left: 40px;}
.lifecard_padding40{padding: 40px;}
.business .navbox{box-shadow: -13px -12px 24px #7f7f7f !important}
.hover005ead:hover{
  color: #005ead;
}

.card-box {
  width: calc(100vw + 10px);
  margin-left: -5px;
}
.apm-notitle-txt{text-align: left;}
.index_tab:hover{
background-color: #fff;
box-shadow: 1px 2px 10px #e9e6e6 !important;
transition: all 0.3s ease;
}
.business_center{
  width: 200px;
}
.btn:hover .color005eadhover{
  color: #005ead;
}
.businessjiantou .swiper-button-next:hover:after, .businessjiantou .swiper-button-prev:hover:after{background-color: #3d98e3b4;}
.businessjiantou .swiper-button-next:after, .businessjiantou .swiper-button-prev:after{color: #fff;
  font-size: 16px;
  background: #898f965a;
  padding: 12px 8px;}
  .lifebox span{
    display: block;
  }
  .brundis{
    display: none;
  }
  .footadd{
    padding-left: 3em; box-sizing: border-box;
  }
  .footadd .flexfirstdiv{
    width: 3em; margin-left: -3em;
  }
  .jsheight{max-height: 9em;overflow: hidden;}


 .newstuijian:hover{
  background-color: #005ead;
  color: #fff;
 }
 .newstuijian:hover p{
  color: #fff;
 }
 #ASPNETPager1_page_showhtml{
  display: none;
 }
 #ASPNETPager2_page_showhtml{
  display: none;
 }
 #ASPNETPager3_page_showhtml{
  display: none;
 }
 #ASPNETPager4_page_showhtml{
  display: none;
 }
 .indent2em{
  text-indent: 2em;
 }
 @media all and (-ms-high-contrast:none) { 
  *::-ms-backdrop, .mySwiperlife .swiper-button-prev ,.mySwiperlife .swiper-button-next{ color: #fff;
    font-size: 16px;
    background: #898f96;
  opacity: 0.4;} 
  } 
 .mySwiperlife .swiper-button-prev::after{
  font-family: "iconfont" !important; content: "\e7e7";
}
.mySwiperlife .swiper-button-next::after{
  font-family: "iconfont" !important; content: "\e7e8";
}
 .mySwiperlife .swiper-button-next:after, .mySwiperlife .swiper-button-prev:after{color: #fff;
  font-size: 16px;
  background: #898f965a;
  padding: 12px 8px;}
  .mySwiperbusinessdel .swiper-button-next:after, .mySwiperbusinessdel .swiper-button-prev:after{color: #fff;
    font-size: 16px;
    background: #898f965a;
    padding: 12px 8px;}
/*-------------------响应式css-------------------*/

@media ( min-width:1600px ) {
.container { width:1400px;max-width: 1400px; }

.block-padding { padding-top: 80px; padding-bottom: 80px }
.block-padding-t { padding-top: 80px }
.block-padding-b { padding-bottom: 80px }
.block-padding-t45 { padding-top: 65px }
.block-padding-b45 { padding-bottom: 65px }
.block-padding-t40 { padding-top: 60px }
.block-padding-b40 { padding-bottom: 60px }
.block-padding-t50 { padding-top: 70px }
.block-padding-b50 { padding-bottom: 70px }
/* h1, .h1 { font-size: 38px }
h2, .h2 { font-size: 36px }
h3, .h3 { font-size: 28px }
h4, .h4 { font-size: 26px }
h5, .h5 { font-size: 20px }
h6, .h6 { font-size: 18px } */

}

@media ( min-width:1300px ) and ( max-width:1599px ) {
  .brundis{
    display: block;
  }
.container { width:1260px }

/* h1, .h1 { font-size: 46px; line-height:1.1em }
h2, .h2 { font-size: 44px; line-height:1.1em }
h3, .h3 { font-size: 30px; line-height:1.1em }
h4, .h4 { font-size: 26px; line-height:1.5em }
h5, .h5 { font-size: 18px; line-height:1.5em }
h6, .h6 { font-size: 16px; line-height:1.5em } */
}

@media ( min-width:1100px ) and ( max-width:1299px ) {
  .businesstop .bigtext {
    font-size: 60px;
    top: 230px;
    font-weight: 100;
    margin-bottom: 80px;
}
 .text1280{position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)} 
  .img1280{height: 100%;position: absolute;}
  .img1280 img{height: 100%;object-fit: cover;}
  .lifebox .paddingleft40 {padding-left: 20px;}
  .lifebox .paddingright40{padding-right: 20px;}
  .lifebox .marginright40{margin-right: 15px;}
  .lifecard_left{margin-left: 20px;}
  .lifecard_padding40{padding: 25px;}
.container { width:990px }
body{font-size: 14px}
/* .mySwiperproject .swiper-button-next{left: auto;right: 182px;top: 80%;border: 1px solid #005ead;height: 48px;}
.mySwiperproject .swiper-button-prev{left: auto;right: 267px;top: 80%;border: 1px solid #005ead;height: 48px} */

.bigtitle { font-size: 60px }

.card-padding { padding: 30px }

.index-project .swiper-button-prev, .index-project .swiper-button-next { top: 30% }
.index-project .swiper-button-prev { left: 3px }
.index-project .swiper-button-next { right: 3px }

/* h1, .h1 { font-size: 46px; line-height:1.1em }
h2, .h2 { font-size: 44px; line-height:1.1em }
h3, .h3 { font-size: 30px; line-height:1.1em }
h4, .h4 { font-size: 26px; line-height:1.5em }
h5, .h5 { font-size: 18px; line-height:1.5em }
h6, .h6 { font-size: 16px; line-height:1.5em } */


.yewu .margintop160{
  margin-top: 50px;
}
.yewu .margintop40{
  margin-top: 20px;
}
.yewu .margintop30{
  margin-top: 10px;
}
}
@media ( min-width:887px ) and ( max-width:1099px ){
  .yewu .margintop160{
    margin-top: 20px;
  }
  .yewu .margintop40{
    margin-top: 10px;
  }
  .yewu .margintop30{
    margin-top: 5px;
  }
  .text1280{position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)} 
  .img1280{height: 100%;position: absolute;}
  .img1280 img{height: 100%;object-fit: cover;}
  .lifebox span.width33{
 width: 50%;
  }
  .lifebox span.width50{
    width:100%;
     }
  .lifecard_left{margin-left: 15px;}
  .lifecard_padding40{padding: 25px;}
  .lifebox .marginright40{margin-right: 10px;}
  .lifebox .line-height3em{line-height: 2em;}
  .businesstop .bigtext {
    font-size: 60px;
    top: 200px;
    font-weight: 100;
    margin-bottom: 80px;
}
body{font-size: 14px}
h1, .h1 { font-size: 46px; 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.5em }
h5, .h5 { font-size: 18px; line-height:1.5em }
h6, .h6 { font-size: 16px; line-height:1.5em }
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.bigtitle { font-size: 54px }

.stateleft .swiper-pagination-bullets.swiper-pagination-clickable{ 
  width:auto;
  left: 8%;
  bottom: 5%;
}

.stateright .swiper-pagination-bullets.swiper-pagination-clickable{ 
  width:auto;
  left: auto;
  right: 14%;
  bottom: 5%;
}


.block-padding { padding-top: 40px; padding-bottom: 40px }
.block-padding-t { padding-top: 40px }
.block-padding-b { padding-bottom: 40px }
.block-padding-t45 { padding-top: 25px }
.block-padding-b45 { padding-bottom: 25px }
.block-padding-t40 { padding-top: 20px }
.block-padding-b40 { padding-bottom: 20px }
.block-padding-t50 { padding-top: 30px }
.block-padding-b50 { padding-bottom: 30px }

.card-padding { padding:20px }

.index-project .swiper-button-prev, .index-project .swiper-button-next { display: none }
.margintop120{margin-top: 44px;}

.margintop160{margin-top: 80px;}
.index-business .swiper-pagination { display: flex; justify-content: space-around;width: 75% !important;align-items: center; top: -16% !important;position: absolute;bottom: auto !important;left: auto !important;right: 0 !important; }
}
@media ( min-width:801px ) and ( max-width:886px ) {
  .yewu .margintop160{
    margin-top: 20px;
  }
  .yewu .margintop40{
    margin-top: 10px;
  }
  .yewu .margintop30{
    margin-top: 5px;
  }
  .text1280{position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)} 
  .img1280{height: 100%;position: absolute;}
  .img1280 img{height: 100%;object-fit: cover;}	
  .lifebox span.width33{
    width: 50%;
     }
     .lifebox span.width50{
       width:100%;
        }
  .lifecard_left{margin-left: 15px;}
  .lifecard_padding40{padding: 25px;}
  .lifebox .marginright40{margin-right: 10px;}
  .lifebox .line-height3em{line-height: 2em;}
  .businesstop .bigtext {
    font-size: 60px;
    top: 200px;
    font-weight: 100;
    margin-bottom: 80px;
}
  body{font-size: 12px}
  h1, .h1 { font-size: 46px; 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: 18px; line-height:1.5em }
  h5, .h5 { font-size: 16px; line-height:1.5em }
  h6, .h6 { font-size: 14px; line-height:1.5em }
  
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.bigtitle { font-size: 54px }

.stateleft .swiper-pagination-bullets.swiper-pagination-clickable{ 
  width:auto;
  left: 8%;
  bottom: 5%;
}

.stateright .swiper-pagination-bullets.swiper-pagination-clickable{ 
  width:auto;
  left: auto;
  right: 14%;
  bottom: 5%;
}


.block-padding { padding-top: 40px; padding-bottom: 40px }
.block-padding-t { padding-top: 40px }
.block-padding-b { padding-bottom: 40px }
.block-padding-t45 { padding-top: 25px }
.block-padding-b45 { padding-bottom: 25px }
.block-padding-t40 { padding-top: 20px }
.block-padding-b40 { padding-bottom: 20px }
.block-padding-t50 { padding-top: 30px }
.block-padding-b50 { padding-bottom: 30px }

.card-padding { padding:20px }

.index-project .swiper-button-prev, .index-project .swiper-button-next { display: none }
.margintop120{margin-top: 44px;}

.margintop160{margin-top: 80px;}

}