@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:"思源黑体 Normal","PingFang SC","Microsoft Yahei",微软雅黑,黑体,Arial,Helvetica,sans-serif;
    font-size:1.6rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:160%; 
    color:#000; 
    background: #fff; 
    height:100%
}
@font-face {
  font-family: "思源黑体 Normal";font-weight: 350;src: url("../../../wf/webfont/eX4l3wCsjX5V/680NPUnSq0Hg.woff2") format("woff2"),
  url("../../../wf/webfont/eX4l3wCsjX5V/8lg0vILGCsiL.woff") format("woff");
  font-display: swap;
}

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

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; }
a:hover { color:#fff }

/* 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;
}
.vermid { vertical-align: middle }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

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

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

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

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

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

.container2 { margin-right:auto; margin-left:auto; width: 1150px }
.container2:before, .container:after { content:" "; display:table }
.container2: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 }

.zoomimg img{
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.zoomimg:hover img{
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
}

.left0 { left:0!important }
.right0 { right:0!important }
.bottom0{bottom: 0 !important;}
.top0{ top: 0 !important;}
.zindex2 { z-index:2 }
.zindex3 { z-index:3 }
.right40 { right:40!important }
.overhidden { overflow:hidden }


/*-------------------通用圆角-------------------*/
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius6 { border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.border-radius10 { -moz-border-radius:10px ; -webkit-border-radius:10px ; border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.border-radius20 { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.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('../../../t/vez8cpp7mt43g14i.eot'); /* IE9*/
  src: url('../../../t/vez8cpp7mt43g14i-1.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../../../t/vez8cpp7mt43g14i.woff') format('woff'), /* chrome、firefox */
  url('../../../t/vez8cpp7mt43g14i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../../../t/vez8cpp7mt43g14i.svg') format('svg'); /* iOS 4.1- */
}

.iconfont { line-height: 1em;font-size: 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_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 }
.fa-5x { font-size: 5em!important }

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


.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px;line-height:1.1em  }
.bigtext64{font-size: 64px;line-height:1.1em }
.bigtext56{font-size: 56px;line-height:1.1em }
h1, .h1 { font-size: 68px; line-height:1.1em }
h2, .h2 { font-size: 50px; line-height:1.1em }
h3, .h3 { font-size: 34px; line-height:1.1em }
h4, .h4 { font-size: 25px; line-height:1.1em }
h5, .h5 { font-size: 20px }
h6, .h6 { font-size: 16px }

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em  !important}
.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 }
.line-height3em { line-height:3em }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000 }
.colorf00 { color: #f00 }
.color333 { color: #333 }
.color727171{color: #727171;}
/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgeee { background: #eee }
.bgfafafa{ background-color: #fafafa; }
.bgbe9e7f{background-color: #be9e7f;}
.bg009baa{background-color: #009baa;}
.bg9d2140{background-color: #9d2140;}
.bgca8c0c{background-color: #ca8c0c;}
.bgf4f4f4{background-color: #f4f4f4;}
.bge9ecf3{background-color: #e9ecf3;}
.bgf4bf1a{background-color: #f4bf1a;}
.bge2231a{background-color: #e2231a;}
/*-------------------字体颜色-------------------*/
.color0e357f{
  color: #0e357f;
}
.colorc9c9c9P{color: #c9c9c9;}
.color8e8e8e{color: #8e8e8e;}
.colorffffff45{color: #ffffff45;}
.color9d2140{color: #9d2140;}
.colorc9952d{color: #c9952d;}
.colora71f24{ color: #a71f24;}
.colord02a14{color: #d02a14;}
.colorfdc993{color: #fdc993;}
.color009baa{color: #009baa;}
.colore2231a{color: #e2231a;}
.color7d7d7e{color: #7d7d7e;}
/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px;border-bottom: 1px solid #fff }


.block-padding { padding-top: 60px; padding-bottom: 60px }
.block-padding-t { padding-top: 60px }
.block-padding-b { padding-bottom: 60px }
.block-padding-t40 { padding-top: 40px }
.block-padding-b40 { padding-bottom: 40px }
.block-padding-t35 { padding-top: 35px }
.block-padding-b35 { padding-bottom: 35px }
.block-padding-t30 { padding-top: 30px }
.block-padding-b30 { padding-bottom: 30px }
.block-padding-b20 { padding-bottom: 20px }

/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop8 { margin-top:8px }
.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 } 
.margintop120 { margin-top:120px } 



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

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright15 { margin-right:15px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }
.marginright60 { margin-right:60px }
.marginright80 { margin-right:80px }

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

.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 }
.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 }
.paddingleft40 { padding-left:40px }
.paddingleft45 { padding-left:45px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft80 { padding-left:80px }

.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 }
.paddingright80 { padding-right:80px }

.padding5 { padding:5px; -webkit-box-sizing:border-box; -mfontsize14oz-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 }
.padding40_20 { padding:40px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }
.row40 { margin-left: -40px; margin-right: -40px }
/*-------------------宽度、高度--------------------*/
.width8 { width:8% }
.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.66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width93 { width:93% }
.width96 { width:96% }
.width100 { width:100% }

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

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


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

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

.x_com-rows_5 { height:50%; line-height:1.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; }
/*-------------------头部-------------------*/
.zhanwei{
  width: 100%;
  height: 94px;
}
.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: #ffffff9e; position: absolute; top: 0; left: 0; z-index: 999;border: 0;  }

.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 ;color: #000;}

 .nav .menuLi .mainmenu:hover  { color: #000  }
 /*  .nav .menuLi .mainmenu.menuLiBnameover , */
.nav .menuLi .mainmenu.menuLipitchon { color: #fff ;font-weight: bolder; }

.mainmenu.menuLipitchon{position: relative;}

.mainmenu.menuLipitchon::before {  
  /* 使用自定义icon，这里以FontAwesome为例 */  
  content: "\eae7";
  color: #fff; /* 设置icon颜色 */  
  position: absolute;  
  top: -20px;  
  left: -1px;  
  width: 100%;  
  height: 100%;  


  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* .nav .menuLi .mainmenu.menuLipitchon{ background-color: #0000001a;} */
.nav .menuLi .mainmenu.menuLipitchon::after { content: ""; width: calc(100% ); height: 5px; position: absolute; left: 0px; bottom: 0; background: #caa678 }
.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: #caa678; display:none }
.menuListBox a { position: relative; display: inline-block; white-space:nowrap; padding:5px 25px; font-size: 14px; 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 }
/* .menuListBox.auto{
  height: auto !important;
} */

.headbox.current .navbox { height: 60px;     background: #fff; }
.headbox.current .logo {  top: 12px }
.headbox.current .nav .menuLi .mainmenu { height: 60px; line-height: 80px;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;
}
/*-------------------底部-------------------*/
.bottomtop{
 background-color: #f6f6f6;
}

  .bottomtop a{
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
  
  .bottomtop a:hover{
    color: #c9952c;
  }
  .colorffc000{
    color: #ffc000;
  }
  .fuchuang{
    position: fixed;
    right: 20px;
    bottom: 30%;
    background-color: #fff;
    z-index: 999999;
    padding: 20px 15px 20px 15px;
    box-shadow: 1px 2px 12px #cdc7c7;
    border-radius: 10px;
    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;
}
  .fuchuang2{
    position: fixed;
    right: 80px;
    bottom: 38%;
    background-color: #fff;
    z-index: 999999;
    padding: 20px 15px 20px 15px;
    box-shadow: 1px 2px 12px #cdc7c7;
    border-radius: 10px;
    cursor: pointer;
  }
  .bge2231a{background-color: #e2231a;}
  .icon-xiangshangjiantou{
    display: none;
  }
  .color28c445{
    color: #28c445;
  }
/*-------------------首页-------------------*/
.headspace{
  height: 84px; width: 100%;
}
.mySwiper.swiper .indeximg55 { width: 100%; height: 100%; position:absolute; top:0; left:0; 
  transition:1s linear 2s; 
  transform:scale(1.1,1.1) ; 
  -webkit-transition:1s linear 2s; 
  -moz-transition:1s linear 2s; 
  -ms-transition:1s linear 2s; 
  -o-transition:1s linear 2s; 
  -webkit-transform:scale(1.1,1.1) ; 
  -moz-transform:scale(1.1,1.1) ; 
  -ms-transform:scale(1.1,1.1) ; 
  -o-transform:scale(1.1,1.1) ; 
  background: url('../images/sy/23.jpg') center center ;
  background-size: cover;
}
.mySwiper.swiper .indeximg4 { width: 100%; height: 100%; position:absolute; top:0; left:0; 
  transition:1s linear 2s; 
  transform:scale(1.1,1.1) ; 
  -webkit-transition:1s linear 2s; 
  -moz-transition:1s linear 2s; 
  -ms-transition:1s linear 2s; 
  -o-transition:1s linear 2s; 
  -webkit-transform:scale(1.1,1.1) ; 
  -moz-transform:scale(1.1,1.1) ; 
  -ms-transform:scale(1.1,1.1) ; 
  -o-transform:scale(1.1,1.1) ; 
  background: url('../images/sy/23.jpg') center center;
  background-size: cover;
}
.mySwiper.swiper .indeximg5 { width: 100%; height: 100%; position:absolute; top:0; left:0; 
  transition:1s linear 2s; 
  transform:scale(1.1,1.1) ; 
  -webkit-transition:1s linear 2s; 
  -moz-transition:1s linear 2s; 
  -ms-transition:1s linear 2s; 
  -o-transition:1s linear 2s; 
  -webkit-transform:scale(1.1,1.1) ; 
  -moz-transform:scale(1.1,1.1) ; 
  -ms-transform:scale(1.1,1.1) ; 
  -o-transform:scale(1.1,1.1) ; 
  background: url('../images/sy/25.jpg') center center;
  background-size: cover;
}
.mySwiper.swiper .indeximg6 { width: 100%; height: 100%; position:absolute; top:0; left:0; 
  transition:1s linear 2s; 
  transform:scale(1.1,1.1) ; 
  -webkit-transition:1s linear 2s; 
  -moz-transition:1s linear 2s; 
  -ms-transition:1s linear 2s; 
  -o-transition:1s linear 2s; 
  -webkit-transform:scale(1.1,1.1) ; 
  -moz-transform:scale(1.1,1.1) ; 
  -ms-transform:scale(1.1,1.1) ; 
  -o-transform:scale(1.1,1.1) ; 
  background: url('../images/sy/26.jpg') center center;
  background-size: cover;
}
.mySwiper.swiper .indeximg3 { width: 100%; height: 100%; position:absolute; top:0; left:0; 
  transition:1s linear 2s; 
  transform:scale(1.1,1.1) ; 
  -webkit-transition:1s linear 2s; 
  -moz-transition:1s linear 2s; 
  -ms-transition:1s linear 2s; 
  -o-transition:1s linear 2s; 
  -webkit-transform:scale(1.1,1.1) ; 
  -moz-transform:scale(1.1,1.1) ; 
  -ms-transform:scale(1.1,1.1) ; 
  -o-transform:scale(1.1,1.1) ; 
  background: url('../images/sy/1.jpg') ;
  background-size: cover;
  background-position:center bottom;
}
.mySwiper.swiper .indeximg2 { width: 100%; height: 100%; position:absolute; top:0; left:0; 
  transition:1s linear 2s; 
  transform:scale(1.1,1.1) ; 
  -webkit-transition:1s linear 2s; 
  -moz-transition:1s linear 2s; 
  -ms-transition:1s linear 2s; 
  -o-transition:1s linear 2s; 
  -webkit-transform:scale(1.1,1.1) ; 
  -moz-transform:scale(1.1,1.1) ; 
  -ms-transform:scale(1.1,1.1) ; 
  -o-transform:scale(1.1,1.1) ; 
  background: url('../images/sy/16.jpg') center center;
  background-size: cover;
}
.mySwiper.swiper .swiper-slide-active .indeximg1 { transition:6s linear; transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; background-size: cover; -webkit-transition:6s linear; -moz-transition:6s linear; -ms-transition:6s linear; -o-transition:6s linear; }


.mySwiper .swiper-slide{
  height: 80vh;
  width: 100%;
  overflow: hidden;
}
.swiperline{
  width: 100%;
  position: absolute;
  height: 3px;
  background-color: transparent;
  bottom: 0;
  left: 0;
  z-index: 3;
}
#scheduleX{
  width: 100% !important;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  height: 4px !important;
}


/* 隐藏视频控制器 */  
#autoplayVideo::-internal-media-controls {  
  display: none !important;  
}  
  
/* 确保视频在父元素中占据全部宽度，高度自动 */  
#autoplayVideo {  
  width: 100%;  
  height: 80vh;  
  object-fit: cover; /* 如果需要，可以保持视频的宽高比 */  
}
.flex{
  display: flex;
  align-items: center;
}
.morebutton{
  /* border: 1px solid #cacaca; */
  color: #333;
  /* padding: 0px 3px 0px 5px; */
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  display: inline-block;
}
.morebutton i{
  color: #000;
  vertical-align: middle;
  margin-left: 4px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.morebutton:hover{
  color: #c36721;
}
.morebutton:hover i{
  color: #c36721;
}
.border_bottom_cacaca{
  border-bottom: 1px solid #cacaca;
}
.newindex{
  display: flex;
  align-items: center;
  /*justify-content: space-between;
  */cursor: pointer;
  background-color: #fbf9f8;
  margin-top: 15px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: relative;
}
.newindex:first-of-type{
  margin-top: 0;
}
.newindex .area_6em{
  width: 6em;
  float: left;
  padding:20px 4px ;

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
 
}
.newindex .area_6em h3,.newindex .area_6em p{
  color: #c5af97;
  text-align: center;
}
.newindex .text{
  color: #505050;
  width: calc(100% - 13em);
  float: left;
  margin-left: 1em;
}
.newindex .icon{
  /* float: left; */
  /* color: #505050; */
  right: 20px;
  width: 7%;
  opacity: 0;
}
.newindex h3,.newindex p,.newindex .text,.newindex .icon{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.newindex:hover h3,.newindex:hover p,.newindex:hover .text,.newindex:hover i{
  color: #c36721 !important;
}
.newindex:hover .area_6em{
  background-color: #e8e1db;
}
.newindex:hover .icon{
  opacity: 1;
}
.newindex:hover{
  background-color: #ede9e6;
}
.newimg1:hover h5,.newimg1:hover h4,.newimg1:hover p,.newimg1:hover i,.newimg2:hover h5,.newimg2:hover .h6,.newimg3:hover h4,.newimg3:hover p,.newimg3:hover div{
  color: #c36721 !important;
  transform: scale(1.05) !important;
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
}
.newimg1 h5,.newimg1 h4,.newimg1 p,.newimg1 p,.newimg2 h5,.newimg2 .h6,.newimg3 h4,.newimg3 p,.newimg3 div{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.newimg1{
  background-color: #dfd7d1;
  padding: 40px 30px;
}
.newimg1img{
  position: absolute;
  bottom: 0px;
  left: 0;
}
.newimg1text{
  background-color: #f4f8fa;
  color: #000;
  height: 50px;
  line-height: 50px;
  text-align: center;
  bottom: 0px;
  left: 0px;
  width: calc(100%);
  position: absolute;
}

.newimg2text{
  background-color: #f4f8fa;
  color: #000;
  height: 50px;
  line-height: 50px;
  text-align: center;
  bottom: 0px;
  left: 0px;
  width: calc(100%);
  position: absolute;
}
.newimg2text2{
  position: absolute;
  right: 30px;
  top: 40px;
  color: #333;
}
.colorc9952c{
  color: #c9952c;
}
.newimg2{
  position: absolute;
  width: 100%;
  height: calc(50% - 5px);
  background: url('../images/sy/3.jpg') no-repeat;
  background-size: contain;
  background-color: #c6dfe6;
  top: 0;
  right: 0;
  padding: 40px 30px;
  box-sizing: border-box;
}
.newimg3{
  position: absolute;
  width: 100%;
  height: calc(50% - 5px);
  background: url('../images/sy/4.jpg') no-repeat;
  background-size: contain;
  background-color: #e6ddd6;
  right: 0;
  bottom: 0;
  padding: 25px 30px;
  box-sizing: border-box;
}
.color7b7b7b{
  color: #7b7b7b;
}
.newimg2 h5 {
    color: #373737;
}
.padding60_40{
  padding: 60px 40px;
}

.color375d7f{
  color: #375d7f;
}
.newimg3 .positionAbsolute{
  left: 40px;
  bottom: 40px;
  padding-right: 40px;
}
.bgf5f5f5{
  background: #f5f5f5;
}
.color505050{
  color: #505050;
}





.indexkwicks{
  height: 360px;
}

.indexkwicks li{
  width: 25%;
  height: 360px;
  position: relative;
  cursor: pointer;
  border-radius:6px ;
  -webkit-border-radius:6px ;
  -moz-border-radius:6px ;
  -ms-border-radius:6px ;
  -o-border-radius:6px ;
}


.indexkwicks li .bgcolor p{
  font-size: 14px;
}
#kwick1 .bgcolor{
  width: 100%;
  height: 100%;
  background-color: #55c1b5;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick2 .bgcolor{
  width: 100%;
  height: 100%;
  background-color: #ff915f;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick3 .bgcolor{
  width: 100%;
  height: 100%;
  background-color: #d13c4e;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick4 .bgcolor{
  width: 100%;
  height: 100%;
  background-color: #2d79c4;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* .indexkwicks li:hover .bgcolor{
  opacity: 0 !important;
} */

.kwicktext{
  left: 60px;
  top: 60px;
  color: #fff;
}

.kwicktext .morebutton,.kwicktext .morebutton i{
  color: #fff;
}




.color2d79c4{
  color: #2d79c4;
}
.colorc9952c{
  color: #c9952c;
}



.mySwiper .swiper-pagination-bullet {  
  width: 8px;   
  height: 8px; 
  margin-right: 10px !important;
  margin-left: 10px !important;
  position: relative;
  border: 1px solid #ffffff96; 
  opacity: 1;
  background-color: transparent;
}  
  

.mySwiper .swiper-pagination-bullet-active{
  position: relative;
  border: 0 !important;
}
.mySwiper .swiper-pagination-bullet-active::before {  
  /* 使用自定义icon，这里以FontAwesome为例 */  
  content: "\eae7";
  color: #fff; /* 设置icon颜色 */  
  position: absolute;  
  top: -9px;  
  left: -8px;  
  width: 100%;  
  height: 100%;  
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ----------------------------------关于我们--------------------------------------- */
.navbottom_abox a{
  display: block;
  margin: 0 15px ;
  padding-bottom: 15px;
  opacity: 0.8;
}
.navbottom_abox a:first-of-type{
 margin-left: 0;
}
.navbottom_abox{
  display: flex;
  bottom: -2px;
}
.navbottom_abox a.active{
  border-bottom: 3px solid #df0a19;
}

.bordere6e6e6{
  width: 60%;
  border-top: 2px solid #e6e6e6;
}
.borderd0e1e5{
  width: 60%;
  border-top: 2px solid #d0e1e5;
}
.colorc36721{color: #c36721;}
.aboutindexbgimg{
  background-image: url('../images/about/2.jpg');
  background-repeat: no-repeat;
  background-size: cover ;
  background-position: bottom;
}

.dongshitabbox h6{
  opacity: 0.4;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
}
.dongshitabbox h6.active{
  color: #c36721;
  opacity: 1;
  font-weight: bold;
}
.padding0_40{
  padding: 0 40px;
  box-sizing: border-box;
}
.bgf2f2f2{
  background-color: #f2f2f2;
}
.aboutindexbgimg2{
  background-image: url('../images/about/4.jpg');
  background-repeat: no-repeat;
  background-size: 100% ;
  background-position: center center;
}
.aboutindexbgimg3{
  background-image: url('../images/about/5.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.aboutindexbgimg4{
  /* background-image: url('/webpage/cn/images/about/6.jpg'); */
  background: #fbf9f8;
  /* background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left; */
}
.bgdfd7d1{
  background-color: #dfd7d1;
}
.swiperyear{
  position: absolute;
  height: 100%;
  right: 0;
  box-sizing: border-box;
  padding:  0;
  /* top: 0; */
}
.swiperyear h5{
  margin-top: 20px;
  padding-left: 70px;
  box-sizing: border-box;
  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;
}
.swiperyear h5.active{
  color: #c36721;
  position: relative;
}
.swiperyear h5.active::before{
  position: absolute;
  content: '';
  width: 30px;
  height: 2px;
  background-color: #c36721;
  right: 0px;
  top: 8px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.swiperyear div{
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.swiperyear h5:first-of-type{
  margin-top: 0px;
}


.swiperyear div::-webkit-scrollbar {  
  width: 4px; /* 滚动条的宽度 */  
}  

.swiperyear div::-webkit-scrollbar-track {  
  background: #e6dfda; /* 滚动条的背景色 */  
}  

.swiperyear div::-webkit-scrollbar-thumb {
  background: #f5ede7;
  width: 8px;
}  

.swiperyear div::-webkit-scrollbar-thumb:hover {  
  background: #555; /* 滚动条滑块在鼠标悬停时的颜色 */  
} 

/*-------------------管理团队-------------------*/

.bge8e8e8{
  background-color: #e8e8e8;
}
.bgede9e6{
  background-color: #ede9e6;
}
.colordbd0c7{
  color: #dbd0c7;
}
.colorbcb9b6{
  color: #bcb9b6;
}
.color9b9997{
  color: #9b9997;
}
.padding0_40_40_40{
  padding: 0 40px 40px 40px;
  box-sizing: border-box;
}
/*-------------------发展历程-------------------*/
.mySwiperaboutindex .swiper-slide h3{
  border-bottom: 5px solid #d13c4e;
  padding-bottom: 10px;
  display: inline-block;
}
.newlist{
  margin-top: 25px;
}
.newlist p:last-of-type{
  font-size: 14px;
}
.newlist:hover{
  color: #000 !important;
}
/*-------------------新闻中心-------------------*/
.morenew{
  background-color: #ede9e6;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #505050;
  margin-top: 40px;
  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;
}
.morenew:hover{
  background-color: #c36721;
  color: #fff;
}
.bgnewimg{
  background-image: url('../images/new/3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
}
.erweimabox{
  background-color: #ffffff83;
  padding: 20px;
  box-sizing: border-box;
}
.newline{
  border-top: 1px solid #e0e0e0;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* .mustzhu p,.mustzhu div{
  color: #a5a5a5;
} */
.mustzhu img{
  width: 100%;
  max-width: 100%;
}
.newlist1{
  background-color: #fbf9f8;
  padding: 20px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  margin-top: 20px;
}
.newlist1:first-of-type{
  margin-top: 30px;
}
.newlist1 span{
  color: #ae8f6e;
}
.newlist1 p{
  color: #505050;
  margin-top: 5px;
  /* line-height: 2em !important; */
}
.newlist1:hover p,.newlist1:hover span{
  color: #c36721;
}
.newlist2{
  padding: 20px;
  display: flex;
  align-items: center;
}
.bgc6dee5{
  background-color: #c6dee5;
}
.bge5ddd6{
  background-color: #e5ddd6;
}
.bge1e7e9{
  background-color: #e1e7e9;
}
.bgeef3f5{
  background: #eef3f5;
}
.bgf0f6f7{
  background: #f0f6f7;
}

/*-------------------多元业务-------------------*/
.bgede9e6{
  background-color: #ede9e6;
}
.colorbd1d21{
  color: #bd1d21;
}

/*-------------------房地产-------------------*/
.realtyicon i{
  color: #a2a4a4;
}
.realtyicon .spannum{
  font-size: 46px;
}
.color192c72{
  color: #192c72;
}
.colorc3922f{
  color: #c3922f;
}
.bgrealty{
  background-color: #f9f7f3;
}
.realtybottom .bgrealty000{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000081;
  z-index: 2;
  opacity: 0;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.realtybottom:hover .bgrealty000{
  opacity: 1;
}
.realtybottom .poabsolute-wh50{
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.realtybottom .poabsolute-wh50 p{
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.realtybottom:hover  .poabsolute-wh50{
  top: 45% !important;
}
.realtybottom:hover  .poabsolute-wh50 p{
opacity: 1;
}


.mySwiperrealty .swiper-button-next{
  right: 50px;
  color: #fff;

}
.mySwiperrealty .swiper-button-prev{
  left: 50px;
  color: #fff;
}

.mySwiperrealty .swiper-button-next:after,.mySwiperrealty .swiper-button-prev:after{
  font-size: 50px;
}
/* 物业服务 */
.bgf2f0ee{
  background-color: #f2f0ee;
}
.tenswipertext a{
  border: 1px solid #c5c5c5;
  padding: 3px 6px;
  display: inline-block;
  font-weight: bold;
  margin-top: 40px;
}
.tenswipertext{
  left: 60px;
}




.navbottom_abox2 h6{
  display: block;
  margin: 0 15px ;
  padding-bottom: 24px;
  opacity: 0.8;
  font-weight: bold;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  opacity: 0.4;
  cursor: pointer;
}
.navbottom_abox2 h6:hover{
  color: #212a7c;
  opacity: 1;
}
.navbottom_abox2 h6:first-of-type{
 margin-left: 0;
}
.navbottom_abox2{
  display: flex;
  justify-content: end;
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 10;
  width: 100%;
}
.navbottom_abox2 h6.active{
  border-bottom: 4px solid #212a7c;
  color: #212a7c;
  opacity: 1;
}
.navbottom_abox2 .mo_undis{
  display: inline-block;
}





































/* 商旅服务 */
.hospitalitykwicks .kwicks { height: 400px }
.hospitalitykwicks .kwicks li { height: 100%; border-radius: 5px; overflow: hidden }
.hospitalitykwicks .kwicks li:nth-of-type(1) { background: url(../images/business/hk-img01.jpg) center center no-repeat; background-size: auto 100% }
.hospitalitykwicks .kwicks li:nth-of-type(2) { background: url(../images/business/hk-img02.jpg) center center no-repeat; background-size: auto 100% }
.hospitalitykwicks .kwicks li:nth-of-type(3) { background: url(../images/business/hk-img03.jpg) center center no-repeat; background-size: auto 100% }
.hospitalitykwicks .kwicks li:nth-of-type(4) { background: url(../images/business/hk-img04.jpg) center center no-repeat; background-size: auto 100% }
.hospitalitykwicks .kwicks li:nth-of-type(5) { background: url(../images/business/hk-img05.jpg) center center no-repeat; background-size: auto 100% }
.hospitalitykwicks-con { width: 100%; text-align: center; padding: 30px 30px 20px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; z-index: 3 }
.hospitalitykwicks-txt, .hospitalitykwicks-more { overflow: hidden; height: 0; opacity: 0 }
.hospitalitykwicks .kwicks li::after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.25); position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: all 0.3s }
.hospitalitykwicks .kwicks li.kwicks-expanded .hospitalitykwicks-con { text-align: left }
.hospitalitykwicks .kwicks li.kwicks-expanded::after { opacity: 1 }
.hospitalitykwicks .kwicks li.kwicks-expanded .hospitalitykwicks-txt { animation: up02 0.7s forwards; -webkit-animation: up02 0.7s forwards; animation-delay: 0.3s; -webkit-animation-delay: 0.3s }
.hospitalitykwicks .kwicks li.kwicks-expanded .hospitalitykwicks-more { animation: up03 0.7s forwards; -webkit-animation: up03 0.7s forwards; animation-delay: 0.3s; -webkit-animation-delay: 0.3s }
@keyframes up02
{
  0% {
    height: 0; opacity: 0
  }
  100% {
    height: 200px; opacity: 1 
  }
}

@-webkit-keyframes up02
{
  0% {
    height: 0; opacity: 0
  }
  100% {
    height: 200px; opacity: 1 
  }
}
@keyframes up03
{
  0% {
    height: 0; opacity: 0
  }
  100% {
    height: auto; opacity: 1 
  }
}

@-webkit-keyframes up03
{
  0% {
    height: 0; opacity: 0
  }
  100% {
    height: auto; opacity: 1 
  }
}
/* 投资者关系 */
.profiletext{
     background-color: #e8e1db;
    color: #c36721;
    height: 50px;
    line-height: 50px;
    text-align: center;
    bottom: 0px;
    left: 0px;
    width: calc(100%);
    position: absolute;
}
.paddingright100{
  padding-right: 100px;
}
.eaeaealine{
  border-top: 1px solid #eaeaea;
}
.dbcabaline{
  border-top: 1px solid #dbcaba;
}
/* 企业管治 */

.governitem{
  border-top: 1px solid #eaeaea;
 
  
}
.governitem .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 20px 0;
}


.governitem .top2{
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 20px 0;
  border-top: 1px solid #eaeaea;
}
.governitem .top2:first-of-type{
  border-top: 0px solid #eaeaea;
}
/* .governitem .top2:last-of-type{
 padding-bottom: ;
} */
.governitem .top2 .paddingleft20,.governitem .top2 .paddingright40{
  display: flex;
  align-items: center;
}
.governitem_children{
  display: none;
}

.governitem .top i{
color: #d6d6d6;
padding-right: 20px;
}
.governitem a{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.governitem a:hover,.fanhui:hover{
  color: #c36721;
}

.governitem:last-of-type{
  border-bottom: 1px solid #eaeaea;
}
.colordc2e1b{
  color: #dc2e1b;
}


/* 公告及通函 */
.noticeyear{
  position: absolute;
    width: 100%;
    background: #f1f1f1;
    text-align: center;
    z-index: 3;
    display: none;
    height: 300px;
    overflow-y: auto;
}
.noticeyear h6{
  padding:6px 0px;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.noticeyear h6:hover{
  background-color: #bebebe;
}
.noticebox{
  display: flex;align-items: end;justify-content: space-between
}
.messagetab{
  display: flex;
  align-self: center;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
}
.messagetab h6{
  color: #505050;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.messagetab h6.active{    
  position: relative;
  color: #c8161d;
}
.messagetab h6.active::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  bottom: -20px;
  left: 0;
  background-color:#c8161d;
}
/* 精益管治 */
.leantab{
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-bottom: 10px;
}
.leantab h6{
  cursor: pointer;
  color: #505050;
  opacity: 0.6;
  padding:0px 30px 30px 30px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.leantab h6:last-of-type{
  padding-right: 0;
}
.leantab h6:first-of-type{
  padding-left: 0;
}
.leantab h6.active{
  opacity: 1;
  color: #c36721;
  font-weight: bold;
}
.padding20_40{
  padding: 20px 40px;
  box-sizing: border-box;
}

.leancard .item{
  background-color: #fbf9f8;
  min-height: 390px;
  position: relative;
}
.leancard .item::after{
  position: absolute;
  content: '';
  width: 10px;
  height: 20px;
  left: 0;
  top: 20px;
  background-color: #df0a19;
}
.leanbgimg{
  background-image: url('../images/develop/2.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.leanbgimg2{
  background-image: url('../images/develop/35.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.lean2bgimg{
  background-image: url('../images/develop/3.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.color54a374{
  color: #54a374;
}
.bgede9e6{
  background-color: #ede9e6;
}
.colorc8161d{
  color: #c8161d;
}
.bgfbf9f8{
  background-color: #fbf9f8;
}
.bgf5f3f2{
  background-color: #f5f3f2;
}
.bge8e1db{
  background-color: #e8e1db;
}
.lean3height{
  min-height: 360px;
}
.lean3button{
  background: #212c78;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 30px;
}
.lean3button i{
  color: #fff;
  vertical-align: middle;
}
.i1posi{
  position: absolute;
  top:50%;
  -webkit-transform: translateY(-50%) ;
  -moz-transform: translateY(-50%) ;
  -ms-transform: translateY(-50%) ;
  -o-transform: translateY(-50%) ;
  transform: translateY(-50%) ;
  left: -20px;
  color: #c3c2c1;
}
.i2posi{
  position: absolute;
  top:50%;
  -webkit-transform: translateY(-50%) ;
  -moz-transform: translateY(-50%) ;
  -ms-transform: translateY(-50%) ;
  -o-transform: translateY(-50%) ;
  transform: translateY(-50%) ;
  right: -20px;
  color: #c3c2c1;
}
.i3posi{
  position: absolute;
  top:50%;
  -webkit-transform: translateY(-50%) ;
  -moz-transform: translateY(-50%) ;
  -ms-transform: translateY(-50%) ;
  -o-transform: translateY(-50%) ;
  transform: translateY(-50%) ;
  left: -14px;
  color: #c3c2c1;
}
/* 美好生活 */
.bgfbf9f8{
  background-color: #fbf9f8;
}
.redline{
  display: inline-block;
  width: 60px;
  height: 5px;
  background-color: #df0a19;
}

.lifemySwiper .swiper-button-next{
  right: -50px;
  color: #d2d1d1;

}
.lifemySwiper .swiper-button-prev{
  left: -50px;
  color: #d2d1d1;
}

.lifemySwiper .swiper-button-next:after,.lifemySwiper .swiper-button-prev:after{
  font-size: 30px;
}

.indexswiper .swiper-button-next{
  right: 30px;
  color: #d2d1d1;

}
.indexswiper .swiper-button-prev{
  left: 30px;
  color: #d2d1d1;
}

.indexswiper .swiper-button-next:after,.indexswiper .swiper-button-prev:after{
  font-size: 30px;
}


.bff2f0ee{
  background-color: #f2f0ee;
}
.life2height{
  min-height: 200px;
}
.minheight400{
  min-height: 400px;
}
.life3bgimg{
  background-image: url('../images/develop/9.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 400px;
}
.life3bgimg2{
  background-image: url('../images/develop/10.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 400px;
}
/* 绿色开发 */
.greentab{
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-bottom: 10px;
}
.greentab h6{
  cursor: pointer;
  color: #505050;
  opacity: 0.6;
  padding: 30px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.greentab h6:last-of-type{
  padding-right: 0;
}
.greentab h6:first-of-type{
  padding-left: 0;
}
.greentab h6.active{
  opacity: 1;
  color: #00a968;
  font-weight: bold;
}
.color00a968{
  color: #00a968;
}
.greenbgcolor{
  background: linear-gradient(to bottom, #e1f1ed, #f8f7f3);  
  min-height: 460px;
}
.greenbgcolor2{
  background: linear-gradient(to bottom, #d4eee7, #f7f5ee);
  min-height: 460px;
}
.bggreenimg{
  background-image: url('../images/develop/11.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;

}
.bgcardcolor{
  background: linear-gradient(to bottom, #e1f1ed, #f7f7f3);  
}
.bgxingxing{
  background-image: url('../images/develop/1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /* background-position: bottom right; */
}
.bgf5faf9{
  background-color: #f5faf9;
}
.greenine{
  display: inline-block;
  width: 40px;
  height: 5px;
  background-color: #00a968;
}
.green2bgcolor{
  background:linear-gradient(to bottom, #e1f1ed, #f8f7f3)
}
.bgf4f7f6{
  background: #f4f7f6;
}
.paddingright60{
  padding-right: 60px;
}
.bgfafbfb{
  background-color: #fafbfb;
}
.green2height{
  min-height: 340px;
}

.green2card .item{
  min-height: 340px;
  position: relative;
}
.green2card .item::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 20px;
  left: 0;
  top: 20px;
  background-color: #0aab6c;
}



.proplecard .item{
  background-color: #fbf9f8;
  min-height: 340px;
  position: relative;
}
.proplecard .item::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 20px;
  left: 0;
  top: 20px;
  background-color: #df0a19;
}
.minheight300{
  min-height: 300px;
}




.sharecard .item{
  background-color: #f2f0ee;
  min-height: 580px;
  position: relative;
}
.sharecard .item::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 20px;
  left: 0;
  top: 40px;
  background-color: #df0a19;
}
.sharecard2 .item{
  background: linear-gradient(to bottom, #e1f1ed, #f8f7f3);

  min-height: 640px;
  position: relative;
}
.sharecard2 .item::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 20px;
  left: 0;
  top: 40px;
  background-color: #00a968;
}






.share1mySwiper .swiper-button-next{
  right: -100px;
  color: #d2d1d1;
}
.share1mySwiper .swiper-button-prev{
  left: -100px;
  color: #d2d1d1;
}
.share1mySwiper .swiper-button-next:after,.share1mySwiper .swiper-button-prev:after{
  font-size: 30px;
}
.share2mySwiper .swiper-button-next{
  right: -100px;
  color: #d2d1d1;
}
.share2mySwiper .swiper-button-prev{
  left: -100px;
  color: #d2d1d1;
}
.share2mySwiper .swiper-button-next:after,.share2mySwiper .swiper-button-prev:after{
  font-size: 30px;
}

.share3mySwiper .swiper-button-next{
  right: -100px;
  color: #d2d1d1;
}
.share3mySwiper .swiper-button-prev{
  left: -100px;
  color: #d2d1d1;
}
.share3mySwiper .swiper-button-next:after,.share3mySwiper .swiper-button-prev:after{
  font-size: 30px;
}

.bgf2f0ee{
  background-color: #f2f0ee;
}
.share4mySwiper .swiper-button-next{
  right: -100px;
  color: #d2d1d1;
}
.share4mySwiper .swiper-button-prev{
  left: -100px;
  color: #d2d1d1;
}
.share4mySwiper .swiper-button-next:after,.share4mySwiper .swiper-button-prev:after{
  font-size: 30px;
}



.tablehead{
  background-color: #f2f0ee;
  padding: 0 40px;
  box-sizing: border-box;
  display: flex;
}
.tablehead h6{
  padding: 20px 0;
  display: inline-block;
}
.tablebody{
  border-bottom: 1px solid #f1f1f1;

}
.tablebody .item{
  padding: 0 40px;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
}
.tablebody .item p{
  padding: 20px 0;
  display: inline-block;
  color: #505050;
  box-sizing: border-box;
  opacity: 0.7;
}
.tablebody .item i{
  right: 20px;
}
.tablebody:hover p,.tablebody:hover i{
  color: #103581;
  opacity: 1;
}





.contactline{
  width: 40px;
  height: 5px;
  background-color: #df0a19;
}
.contactbgimg{
  background-image: url('../images/contact/1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.contactbgimg2{
  background-image: url('../images/contact/2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: bottom right; */
}


.bgede1d6{
  background-color: #ede1d6;
}
.colorb0a49c{
  color: #b0a49c;
}

.minheight270{
  min-height: 340px
}
.l_space1{
  letter-spacing: 1px;
}
.l_space3{
  letter-spacing: 3px;
}
.l_space5{
  letter-spacing: 5px;
}
.l_space6{
  letter-spacing: 6px;
}
.l_space7{
  letter-spacing: 7px;
}
.l_space8{
  letter-spacing: 8px;
}
.l_space9{
  letter-spacing: 9px;
}
.l_space10{
  letter-spacing: 10px;
}
.l_space11{
  letter-spacing: 11px;
}
.l_space12{
  letter-spacing: 12px;
}
.l_space13{
  letter-spacing: 13px;
}
.l_space14{
  letter-spacing: 14px;
}
.bgf2f0ee{
  background: #f2f0ee;
}







.gradient-text {
  /* 设置背景为线性渐变，从上到下 */
  background: linear-gradient(to bottom, #341903, #b28026);
  /* 将文字颜色设置为透明，以便背景可以透过文字显示 */
  color: transparent;
  /* 使用背景渐变填充文字 */
  background-clip: text;
  /* 为了兼容性，添加渐变背景的渐进渲染 */
  -webkit-background-clip: text;
  /* 使用无填充背景，否则文字周围会有阴影 */
  -webkit-text-fill-color: transparent;
}


.realtykwicks{
  height: 700px;
}

.realtykwicks li{
  width: 25%;
  height: 700px;
  position: relative;
}
#kwick5 .bgcolor{
  width: 100%;
  height: 100%;
  /* background-color: #55c1b5; */
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick6 .bgcolor{
  width: 100%;
  height: 100%;
  /* background-color: #ff915f; */
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick7 .bgcolor{
  width: 100%;
  height: 100%;
  /* background-color: #d13c4e; */
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick8 .bgcolor{
  width: 100%;
  height: 100%;
  /* background-color: #2d79c4; */
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#kwick9 .bgcolor{
  width: 100%;
  height: 100%;
  /* background-color: #2d79c4; */
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.realtykwicks li:hover .bgcolor{
  opacity: 0 !important;
}
.realtykwicks li:hover .aaa{
  display: none;
}

/* .kwicktext{
  left: 60px;
  top: 60px;
  color: #fff;
} */

.color391e05{
  color: #391e05;
}
/* 
.gradient-background {
  background: linear-gradient(to bottom, #e2f1ed, #f7f7f3);
} */

.peoplebgimg222{
  background-image: url('../images/develop/36.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.people2card .item{
  min-height: 320px;
  position: relative;
}
.people2card .item::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 20px;
  left: 0;
  top: 20px;
  background-color: #df0a19;
}
.colorbcb0a0{
  color: #bcb0a0;
}
.peoplebgcolor{
  background: linear-gradient(to bottom, #faf2e9, #fcf9f7);  
  min-height: 460px;
}


.suma:hover{
  color: #c36721;
}

.bgf2f1ef{
  background-color: #f2f1ef;
}

.leftline{
  position: relative;
}
.leftline::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 100%;
  background: #df0a19;
  left: -60px;
}

.leftline2{
  position: relative;
}
.leftline2::after{
  position: absolute;
  content: '';
  width: 5px;
  height: 100%;
  background: #df0a19;
  left: -30px;
}

.profile{
  font-size: 14px;
}

.life2hover:hover p{
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.tablianli{
  min-height: 400px;
}

.tablianli div{
  text-align: center;
  padding: 5px 0;
  color: #505050;
  opacity: 0.8;
  transition: all 0.3s ;
  -webkit-transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -ms-transition: all 0.3s ;
  -o-transition: all 0.3s ;
  cursor: pointer;
}

.tablianli div.active{
  color: #df0a19;
  opacity: 1;
  font-weight: bold;
}







.videobox{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #00000096;
  z-index: 3;
}


.videochi{
/* padding: 40px; */
box-sizing: border-box;
/* background-color: #fff; */
width: 70%;
}
.jubao{
  border: 1px solid #c9c9c9;
  padding: 2px 8px;
  font-weight: bold;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.jubao:hover{
  color: #c36721;
  border: 1px solid #c36721;
}

.videochi2{
  padding: 40px;
  box-sizing: border-box;
  background-color: #fff;
  width: 60%;
  top: 55%;
  }
  
.videochi3{
  padding: 40px;
  box-sizing: border-box;
  background-color: #fff;
  top: 55%
}
.videochi3 img { max-width: 920px; max-height: 80vh }

#autoplayVideo2 {  
  width: 100%;  
  object-fit: cover; /* 如果需要，可以保持视频的宽高比 */  
  display: block;
}

.videoicon{
  position: absolute;
  right: -30px;
  top: -30px;
  color: #fff;
}

.fazhan a:hover,.fazhan a:hover i{
  color: #c36721 !important;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}





.weixinb{
  top: -90px;
  display: none;
}

.hoverv:hover .weixinb{
  display: block;
}

.investimg{
  background: #e6ddd6;
  padding: 50px;
  box-sizing: border-box;
  margin-top: 20px;
}
.investimg h2{
  font-family: Arial;
}

.colordcc8ad{
  color: #dcc8ad;
}

.colorffb667{
  color: #ffb667;
}
.realtymySwiper1,.realtymySwiper2,.realtymySwiper3,.realtymySwiper4,.realtymySwiper5{
  background-color: #000;
  height: 100%;
  color: #fff;
}
.width67{
  width: 67%;
}


.addresshuanhang{
  display: flex;
  
}
.addresshuanhang p:first-of-type{
  width: 3em;
}
.addresshuanhang p:last-of-type{
  width: calc(100% - 3em);
}

.minheightshare{
  min-height: 280px;
}
.minheightshare2{
  min-height: 350px;
}

.lifeminheight400{
  min-height: 400px;
}
.lifeminheight500{
  min-height: 500px;
}
.opacity1{
  opacity: 1;
}
.colorad8d6e{
  color: #ad8d6e;
}

.baoright{
  position: fixed;
  right: 20px;
  bottom: 24%;
}
.baoright a:hover{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.baoright a:hover{
  color: #c36721;
  opacity: 1;
}
.baoright a.active{
  color: #c36721;
  opacity: 1;
  position: relative;
}
.baoright a{
  font-weight: bold;
  color: #505050;
  opacity: 0.6;
}

.baoright a.active::after{
  content: '';
  background: url('../images/about/12.png');

  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  background-size: 20rpx;
  top: 3px;
  left: -25px;
  width: 17px;
  height: 20px;
  
}
.color9f7f67{
  color: #9f7f67;
}
.b_img{
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 333;
 
}
.b_img img{
  width: 80%;
  float: right;
}
.b_img i{
  position: absolute;
  top: -20px;
  right: 20px;
}


.color35aaed{
  color: #35aaed;
}



.toungtab .area_33 h3{
  color: #505050;
}
.toungtab .area_33{
  background: #ede9e6;
  text-align: center;
  padding: 15px 0;
  box-sizing: border-box;
  cursor: pointer;
}
.toungtab .area_33:first-of-type,.toungtab .area_33:nth-child(2){
  border-right: 1px solid #fff;
}


.toungtab .area_33.active{
  background: #e8e1db;
} 
.toungtab .area_33.active h3{
  color: #c76923;
} 
.youngitem .text{
  background: #ede9e6;
}
.youngitem:hover .text p{
  color: #000;
}
.youngitem:hover .text h6{
  color: #000;
}

.moreyoung{
  text-align: center;
  color: #505050;
  margin-top: 20px;
  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;
  opacity: 0.6;
}
.moreyoung:hover{
  color: #c36721;
  opacity: 1;
}



#section03 {
  position: relative;
  z-index: 1;
  padding: 80vh 0 0;
  background: #fff;
  overflow: hidden;
}


.bg-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: top top;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../images/young/5.jpg');
}

.imgbox .area_16{
  border: 0.5px solid #fff;
  box-sizing: border-box;
}

.indexnewtab h4{
  color: #505050;
  font-weight: thin;
  cursor: pointer;
}
.indexnewtab h4.active{
  color: #c9952c;
  font-weight: bold;
  position: relative;
}
.indexnewtab h4.active::after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #c9952c;
  position: absolute;
  bottom: -15px;
  left: 0;
}







.youngab{
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-bottom: 10px;
}
.youngab h5{
  cursor: pointer;
  color: #505050;
  opacity: 0.6;
  padding:0px 30px 20px 30px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.youngab h5:last-of-type{
  padding-right: 0;
}
.youngab h5:first-of-type{
  padding-left: 0;
}
.youngab h5.active{
  opacity: 1;
  color: #c36721;
  font-weight: bold;
}


.gradient-background {
  background: linear-gradient(#fbf9f8, #fff);
}












/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1400px;max-width: 1400px; }
.container2 { width:1200px;max-width: 1200px; }
.weixinb{
  top: -100px;
  display: none;
}
}


@media ( min-width:1300px ) and ( max-width:1599px ) {
.container { width:1180px }
.container2 { width:1000px }
h1, .h1 { font-size: 62px; line-height:1.1em }
h2, .h2 { font-size: 46px; line-height:1.1em }
h3, .h3 { font-size: 30px; line-height:1.1em }
h4, .h4 { font-size: 22px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }
body { 
  font-size:1.5rem; /* 12÷10=1.2 */
}
.teambottom60{
  padding-bottom: 30px;
 }
 .leancard .item{
  padding: 20px 20px;
 }
 .padding40.min1099padding20{
  padding: 20px;
 }
 .swiperyear h5 {
  padding-left: 30px;
}
 .videochi {
  /* padding: 40px; */
  box-sizing: border-box;
  /* background-color: #fff; */
  width: 55%;
}
.weixinb{
  top: -90px;
  display: none;
}
.realtykwicks{
  height: 600px;
}

.realtykwicks li{
  width: 25%;
  height: 600px;
  position: relative;
}
.baoright{
  position: absolute;
  right: 20px;
  bottom: 6%;
}
}

@media ( min-width:1100px ) and ( max-width:1299px ) {
.container { width:1100px }
.container2 { width:960px }
h1, .h1 { font-size: 58px; 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 }

body { 
  font-size:1.4rem; /* 12÷10=1.2 */
}

.weixinb{
  top: -85px;
  display: none;
}

.videochi {
  /* padding: 40px; */
  box-sizing: border-box;
  /* background-color: #fff; */
  width: 55%;
}

.nav .menuLi .mainmenu {padding-left:15px; padding-right: 15px;}

.teambottom60{
  padding-bottom: 30px;
 }
.minheight360{min-height: 340px;}
.mo_topimg{
     height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: right;
}
.min1299width100{
 font-size: 14px;
}

.leancard .item{
  padding: 20px 20px;
 }
 .padding40.min1099padding20{
  padding: 20px;
 }
 .swiperyear h5 {
  padding-left: 10px;
}
.realtykwicks{
  height: 550px;
}

.realtykwicks li{
  width: 25%;
  height: 550px;
  position: relative;
}
.baoright{
  position: absolute;
  right: 20px;
  bottom: 6%;
}
}

@media ( min-width:801px ) and ( max-width:1099px ){
.container,.container2 { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
h1, .h1 { font-size: 52px; line-height:1.1em }
h2, .h2 { font-size: 38px; line-height:1.1em }
h3, .h3 { font-size: 26px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }

body { 
  font-size:1.4rem; /* 12÷10=1.2 */
}

.nav .menuLi .mainmenu {padding-left:5px; padding-right: 5px;}

.newimg2{
  background-size: cover;
}
.newimg3{
  background-size: cover;
}


/* ----------------- */
.padding40.min1099padding20{
  padding: 20px;
 }
.leancard .item{
  padding: 20px 20px;
 }
.minheight360{min-height: 340px;}
.mo_topimg{
     height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: right;
}

.min1299width100{
  font-size: 14px;
 }


.mo_1099aboutindex1{
  display: block;
}
.mo_1099aboutindex2 h2{
  display: none;
}

.teambottom60{
 padding-bottom: 30px;
}
.min1099padding20{
  padding: 20px;
  box-sizing: border-box;
}
.min1099padding30{
  padding: 30px;
  box-sizing: border-box;
}




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

.realtykwicks{
  height: 550px;
}

.realtykwicks li{
  width: 25%;
  height: 550px;
  position: relative;
}


.minheightshare{
  min-height: 370px;
}
.minheightshare2{
  min-height: 390px;
}
.baoright{
  position: absolute;
  right: 20px;
  bottom: 6%;
}

}