@font-face{
  font-family:ProzaLibre-Bold;
  src:url('../fonts/ProzaLibre-Bold.ttf') format('truetype');
}
@font-face{
  font-family:ProzaLibre-Regular;
  src:url('../fonts/ProzaLibre-Regular.ttf') format('truetype');
}
/*网页滚动条*/

::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333333;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}


*{margin: 0;padding: 0}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
li{list-style: none;}
.w_90{width: 90%}
body.over{overflow: hidden} 
/*Top002982*/ 
.Top002982{position: absolute; left: 0; top: 0; width: 100%; z-index: 100;transition: 0.3s all}
.Top002982_fixed{position: fixed;background: #fff;box-shadow: 0 3px 8px rgba(0,0,0,.1)}
.Top002982 .auto{max-width: 1200px; overflow: hidden;position: relative; z-index: 101;}
.Top002982 .open-nav{width: 43px;height: 34px;position: absolute;right: 0; top: 50%; margin-top: -17px; cursor: pointer;}
.Top002982 .open-nav i{position: absolute;right: 0;background: #fff; height: 2px; transition: 0.3s;}
.Top002982_fixed:not(.show) .open-nav i{background: #303a52;}
.Top002982 .open-nav i:nth-child(1){left: 0px; top: 0;}
.Top002982 .open-nav i:nth-child(2){left: 20px; top: 50%; margin-top: -1px;}
.Top002982 .open-nav i:nth-child(3){left: 0px; bottom: 0;}
.Top002982.show .open-nav i:not(:nth-child(2)){ left: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);}
.Top002982.show .open-nav i:nth-child(3){transform: rotate(-45deg);}
.Top002982.show .open-nav i:nth-child(2){left: 100%; opacity: 0;}
.Top002982 menu{position: fixed; left: 0; top: -100%; opacity: 0; transform: translateY(-100%);z-index: 100;background: #303a52;opacity: 1; height: 100%; width: 100%; padding-top: 100px; text-align: center; transition: 0.5s;}
.Top002982.show menu{top: 0;transform: translateY(0); opacity: 0.9;}
.Top002982 menu a{color: #fff;}
.Top002982 menu li{padding: 11vh 0 0 0;}
.Top002982 menu li a{display: inline-block;font-size: 44px;font-family: ProzaLibre-Bold;;position: relative;text-transform: uppercase;}
.Top002982 menu li a:after{position: absolute; left: -10%; bottom: 50%; height: 1px; content: ''; width: 0; transition: 0.3s;background: #fff;opacity: 0.2;}
.Top002982 menu li a:hover:after{width: 120%;}
.Top002982 .top-lang{display: table; margin: 30px auto 0;position: relative; z-index: 10;}
.Top002982 .top-lang .open{display: block;padding-right: 17px;position: relative;}
.Top002982 .top-lang .open:after{position: absolute; content: ''; width: 6px; height: 6px; transform:rotate(45deg); border-right: 1px solid #fff;border-bottom: 1px solid #fff; right: 0; top: 50%; margin-top: -6px;}
.Top002982 .top-lang figure{position: absolute; top: 100%;background: #fff; border-radius: 5px; width: 100%;display: none;}
.Top002982 .top-lang figure a{line-height: 30px; display: block;color: #000;}

.Top002982 .logo{display: table; height: 100px;transition: 0.3s all}
.Top002982 .logo a{display: table-cell; vertical-align: middle;}
.Top002982 .logo img{max-height: 70px;}
.Top002982 .logo img.wap1,
.Top002982 .logo img.wap2{display: none}
@media(max-width:1024px){
.Top002982 .logo{height: 80px;}
.Top002982_fixed .logo{height: 70px}
.Top002982 .logo img{max-height: 42px;}
.Top002982 .logo img.pc{display: none;}
.Top002982 .logo img.wap1{display: block}
.Top002982_fixed .logo img.wap1{display: none}
.Top002982_fixed .logo img.wap2{display: block}
.Top002982 menu li a{font-size:8vw;}
}

/*首页*/
.Banner{position: relative;padding-top: 65%;}
.Banner::before{content: '';position: absolute;width: 100%;height: 30%;background:#303a52;top: 0;left: 0;z-index: -1}
.Banner p{position: absolute;left: 0;top: 50%;transform:translateY(-50%);font-family: ProzaLibre-Bold;font-size: 60px;color: #ffffff;line-height: 60px;text-align: center;width: 100%;font-weight: normal;}

.About{padding: 8% 0 2%;display: inline-block;width: 100%;}
.About .About_l{width: 33.33%;}
.About .About_l h1{font-size: 44px;line-height: 44px;color: #303a52;font-weight: normal;font-family: ProzaLibre-Bold;}
.About .About_r{width: 66.66%}
.About .About_r h3{font-family: ProzaLibre-Bold;font-size: 36px;font-weight: normal;line-height: 42px;color: #303a52;}
.About .About_r p{font-family: ProzaLibre-Regular;font-size: 18px;line-height: 36px;color: #303a52;margin-top: 30px;}
.downarr img{animation: jump 2s infinite;}

@keyframes jump {
  0% {
    transform: translateY(0); /* 初始位置，不做位移 */
  }
  50% {
    transform: translateY(10px); /* 向下位移10像素 */
  }
  100% {
    transform: translateY(0); /* 回到初始位置 */
  }
}

.Focus{display: inline-block;width: 100%;padding: 10% 0}
.Focus .Focus_r{width: 68%}
.Focus .Focus_r h3{font-family: ProzaLibre-Bold;font-size: 36px;font-weight: normal;line-height: 42px;color: #fff;}
.Focus .Focus_r p{font-family: ProzaLibre-Regular;font-size: 18px;line-height: 36px;color: #fff;margin-top: 30px;}
.Focus .downarr{margin-top: 8%}
.Planting{display: inline-block;width: 100%;padding: 14% 0 8%;text-align: center;margin-top: -9%}
.Planting .Planting_r{width: 68%;display: inline-block;}
.Planting .Planting_r h3{font-family: ProzaLibre-Bold;font-size: 36px;font-weight: normal;line-height: 42px;color: #303a52;}
.Planting .Planting_r p{font-family: ProzaLibre-Regular;font-size: 18px;line-height: 36px;color: #303a52;margin-top: 30px;text-align: justify;}
.Planting .downarr{display: inline-block;margin-top: 8%}

/*Floor003183 */
.Floor003183{overflow: hidden; padding: calc(99 / 1920  * 100%) 0 calc(142 / 1920  * 100%) 0; }

.Floor003183 .column-name{position: relative;padding: calc(59 / 16 * 1em) 0 0 calc(77 / 16 * 1em);z-index: 1;}
.Floor003183 .column-name aside{position: relative;z-index: 4;}
.Floor003183 .column-name .cn{font-size: 44px;color: #303a52;font-family: 'ProzaLibre-Bold'; line-height: 1;}
.Floor003183 .column-name .en{font-family: 'ProzaLibre-Regular';font-size: 18px;color: #303a52; line-height: 36px; margin-top: 30px;max-width: 80%}
.Floor003183 .column-name .mark{position: absolute; left:0; top: 0;background: url(../images/Floor003183-title-bg.png) no-repeat; width: calc(133 / 16 * 1em);height: calc(133 / 16 * 1em);background-size: contain;}
@media (min-width:1025px) {
 .Floor003183 .column-name{margin-left: calc(-77 / 16 * 1em);}
}
@media (max-width:1024px) {
.Floor003183 .column-name{padding: 0; font-size: 0.8em;}  
}

.Floor003183 .controls{margin-bottom:calc(86 / 1920 * 100vw);position: relative;min-height: 1px;z-index: 5;}
.Floor003183 .slick-arrow{position: absolute; bottom: 100%;background: #fff no-repeat center;opacity: 0.4; background-size: auto ;border: 1px solid #979CA8; padding: 0;right: 0; width: 60px;height: 60px; font-size: 1em;text-indent: -9999em;transition: 0.56s;}
.Floor003183 .slick-prev{margin-right:80px; background-image: url(../images/Floor003183-prev.png);}
.Floor003183 .slick-arrow:hover{opacity: 1;}
.Floor003183 .slick-next{background-image: url(../images/Floor003183-next.png);}

.Floor003183 .slider a{display: block;position: relative;  overflow: hidden; }

.Floor003183 .slider{width: calc(100% + (100vw - 100%) / 2 + (120 / 1920 * 100vw)); overflow: hidden;}
.Floor003183 .slider a{margin-right: 60px;background-color: #ededed;padding: 40px;min-height: 370px;}

.Floor003183 .slider .Ispic{padding-bottom: 35%;transition: 0.3s ease-out;background-size: contain;margin: 30px 0}
.Floor003183 .slider .txt{width: 100%; padding: 0;color: #fff;font-size: calc(22 / 16 * 1em);transition: 0.5s;}
.Floor003183 .slider .tit{font-family: ProzaLibre-Regular;font-size: 18px;line-height: 30px;color: #303a52;min-height: 60px;}
.Floor003183 .slider  a:hover .Ispic{transform: scale(1.05);}
.Floor003183 .slider p{font-size: 15px;font-family: ProzaLibre-Regular;line-height: 24px;color: #303a52;height: 96px;overflow: hidden}


.Bottom{display: inline-block;width: 100%;padding: 5% 0 2%;float: left;}
.Bottom .flogo .wap{display: none;}
.Bottom .txt p{text-align: right;}
.Bottom .txt p a{font-size: 22px;font-family: ProzaLibre-Regular;line-height: 36px;color: #ffffff;}
.Bottom .copy{text-align: right;font-size: 16px;font-family: ProzaLibre-Regular;line-height: 36px;color: #ffffff;margin-top: 5%}
.Bottom .copy a{color: #fff}
/*02_关于我们*/
.Banner2{padding-top: 30%;background-size: cover!important;}
.Banner2 .cname{text-align: left;font-family: ProzaLibre-Regular;font-size: 55px;color: #ffffff;margin-top: -140px;text-transform: uppercase;}

.About2 {padding: 10% 0}
.About2 .About_l{width:42%;}
.About2 .About_r{width: 58%; padding-left: 8%}
.About2 .About_r p{margin: 0}


/*03_投资组合*/
.PortfolioList{display: inline-block;padding: 8% 0;width: 100%;}
.PortfolioList .toptxt h3{font-family: ProzaLibre-Bold;font-size: 36px;line-height: 42px;color: #303a52;font-weight: normal;}
.PortfolioList .toptxt p{font-family: ProzaLibre-Regular;font-size: 18px;line-height: 36px;color: #303a52;margin-top: 30px}
.PortfolioList ul li{display: inline-block;width: 100%;padding: 6%;background-color: #ededed;margin-top: 4%}
.PortfolioList ul li .Ispic{width: 30%;padding-top: 15%;background-size: contain;}
.PortfolioList ul li .txt{width: 62%;}
.PortfolioList ul li .txt h3{font-family: ProzaLibre-Regular;font-size: 28px;font-weight: normal;line-height: 30px;color: #303a52;}
.PortfolioList ul li .txt p{font-family: ProzaLibre-Regular;font-size: 15px;line-height: 24px;color: #303a52;margin-top: 30px;}
.PortfolioList ul li .txt span{text-decoration: underline;font-family: ProzaLibre-Regular;font-weight: normal;font-size: 15px;line-height: 24px;color: #303a52;}

/*04_联系我们*/
.Contact{display: inline-block;padding: 8% 0;width: 100%;}
.Contact h1{font-family: ProzaLibre-Bold;font-size: 36px;color: #303a52;line-height: 42px;	font-weight: normal;}
.Contact .eml{height: 46px;line-height: 46px;font-family: ProzaLibre-Bold;color: #303a52;font-size: 18px;margin: 40px auto 20px;}
.Contact .eml img{vertical-align: middle;margin-right: 20px;}

.Contact li.w50{width: 49%;float: left;height: 50px;background-color: #f8f8f8;margin-top: 20px;}
.Contact li.w50:nth-child(2n){float: right;}
.Contact li.w50 input{width: 100%;height: 50px;line-height: 50px;background: none;border: none;text-indent: 20px;}
.Contact li.w100 textarea{height: 150px;width: 100%;background: none;border: none;padding: 20px;}
.Contact li.w100{height: 150px;margin-top: 20px;background-color: #f8f8f8;float: left;width: 100%}
.Contact li input,.Contact li textarea{font-size: 16px;font-weight: normal;color: #303a52;}
.Contact .btn_submit{width: 150px;text-align: center;line-height: 50px;margin-top: 20px;font-size: 16px;color: #ffffff;	height: 50px;	background-color: #303a52;border: none;cursor: pointer;}

/*05_团队介绍*/

.Team{display: inline-block;padding: 0% 0;width: 100%;}
.Team li:nth-child(2n-1){background: url(../images/tbg1.png) no-repeat center/100% 100%;padding: 12% 0;margin-top: -8%}
.Team li .Team_l{width: 36%;}
.Team li .Team_l .Ispic{padding-top: 110%;background-size: contain}
.Team li .txt{width: 50%;float: right;}
.Team li .txt h3{font-family: ProzaLibre-Bold;font-size: 36px;line-height: 50px;font-weight: normal;color: #303a52;}
.Team li .txt .post{font-family: ProzaLibre-Bold;font-size: 24px;line-height: 50px;color: #303a52;margin: 30px auto}
.Team li .txt .t1{font-size: 18px;font-weight: bold;color: #303a52;font-family: ProzaLibre-Bold;}
.Team li .txt .t1 b{font-family: ProzaLibre-Bold;font-size: 18px;line-height: 36px;color: #303a52;}
.Team li .txt .t2{font-family: ProzaLibre-Regular;font-size: 18px;color: #303a52;line-height: 36px;margin-top: 30px;}
.Team li {padding: 8% 0}


/*06_Ethics&ESG.psd*/
.Ethics{display: inline-block;padding: 8% 0;width: 100%;}
.Ethics .toptxt{font-family: ProzaLibre-Bold;font-size: 30px;font-weight: normal;line-height: 50px;color: #303a52;text-align: center;margin-bottom: 30px;}
.Ethics ul li{position: relative;margin-bottom: 4%;overflow: hidden;}
.Ethics ul li p{position: absolute; z-index: 20; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 400px;font-size: 18px;font-family: ProzaLibre-Regular;line-height: 36px;color: #ffffff;text-align: center;}
.Ethics ul li figure{height: 420px;transition: .5s;}
.Ethics ul li:hover figure{ transform: scale(1.15)}
.Ethics .tips{font-family: ProzaLibre-Regular;font-size: 18px;font-weight: normal;line-height: 36px;color: #303a52;margin-top: 5%}
.Ethics .tips b{font-family: ProzaLibre-Bold;font-size: 18px;color: #303a52;word-wrap: break-word;}
.Ethics .tips b a{text-decoration: underline;}

/*详情*/
.Details{display: inline-block;padding: 5% 0 8%;width: 100%;}
.Details h1{font-family: ProzaLibre-Bold;font-size: 30px;text-align: center;}
.Details .content{font-size: 16px;line-height: 1.5;}



@media(max-width:1366px){
.Planting{margin-top: -12%}
.Floor003183 .slider a{margin-right: 40px;}
.Floor003183 .slider .Ispic{padding-bottom: 40%;}


}

@media(max-width:1024px){
 
.Planting{margin-top: -16%}
.Planting .Planting_r{width: 80%}
.Floor003183 .slider a{padding: 20px;margin-right: 0px;}
.Floor003183 .slider .Ispic{padding-bottom: 45%;margin: 15px auto}
.Top002982 menu li{padding-top: 5vh;}
.About2 .About_r p{line-height: 24px;font-size: 16px}
.Bottom .txt p a{font-size: 16px;line-height: 24px}
}

@media(max-width:768px){
.Banner p{font-size: 36px;line-height: 36px;}
.About{padding: 80px 0 20px}
.About .About_l{text-align: center;margin-bottom: 20px;padding-bottom: 0%;}
.About .About_r{ padding-left: 0;}
.About .About_l,.About .About_r,.Focus .Focus_r,.Planting .Planting_r{display: block;width: 100%}
.About .About_r h3{font-size: 24px;}
.About .downarr{margin-top: 40px;}
.Focus{padding: 18% 0 10%}
.Floor003183{padding: 80px 0}
.Floor003183 .slider{width: 100%}
.Planting{padding: 20% 0 15%;margin-top: -18%}
.Bottom{padding:60px 0 20px;}
.Bottom .flogo .pc{display: none;}
.Bottom .flogo .wap{display: block;}
.Bottom .copy{margin-top: 3%;font-size: 14px;}
.Banner2 .cname{margin-top: -100px;font-size: 40px;}
.Team li:nth-child(2n-1){padding: 20% 0;margin-top: -15%;}
.Team li .Team_l{width: 25%}
.Team li .txt{width: 68%}
.Team li .txt .post{margin: 10px auto;line-height: 30px;}
.Team li .txt .t1{line-height: 1.2;}
.Team li .txt .t2,.Team li .txt .t1 b,.Team li .txt .t1{font-size: 16px;line-height: 24px;}
.Ethics ul li figure{height: 240px;}
.Ethics ul li p{font-size: 18px;line-height: 28px;    max-width: 100%;width: 100%;}
.Ethics .toptxt{font-size: 24px;line-height: 30px;}
.Ethics .tips br{display: none}
}
@media(max-width:640px){
.Focus{padding-bottom: 15%;}
.Focus .Focus_r p,
.About .About_r p,
.Planting .Planting_r p,
.Floor003183 .column-name .en{font-size: 14px;line-height: 24px;margin-top: 20px;}
.PortfolioList .toptxt p{font-size: 14px;line-height: 24px;}

.Planting{margin-top: -24%;padding: 25% 0 20%}
.Focus .Focus_r h3,
.About .About_r h3,
.Planting .Planting_r h3{font-size: 22px;line-height: 30px;}
.About .About_l h1,
.Floor003183 .column-name .cn{font-size: 36px;line-height: 44px;}
.Floor003183 .slick-arrow{width: 40px;height: 40px;}
.Floor003183 .slick-prev{margin-right: 60px;}
.Floor003183 .slider .Ispic{background-size: contain;}
.Floor003183 .slider a{min-height: 320px;}

}
@media(max-width:480px){
.Planting{margin-top: -39%;padding: 200px 0 120px;}
.Focus{padding: 180px 0}
.Floor003183 .slick-prev{margin-right: 50px;}
.Floor003183 .column-name .en{min-width: 100%}
.Floor003183 .controls{}
.Floor003183 .column-name{margin-bottom: 70px;}
.Floor003183 .slider .Ispic{}
.About .About_l h1, 
.Floor003183 .column-name .cn,
.PortfolioList .toptxt h3,
.Contact h1,
.Team li .txt h3{font-size: 26px;line-height: 36px;}
.Team li .txt .post{font-size: 18px;line-height: 24px;}
.Team li .txt .t1{}
.Focus .Focus_r h3, 
.About .About_r h3, 
.Planting .Planting_r h3,
.Ethics .toptxt{font-size: 22px;line-height: 26px;text-align: left}
.PortfolioList .toptxt p{font-size: 18px;line-height: 26px}
.Banner{padding-top: 90%; background-size: contain!important;}
.Banner2{padding-top: 60%; background-size: cover!important;}
.Banner::before{height: 60%;}
.PortfolioList ul li .Ispic{width: 100%;padding-top:35%;margin-bottom: 20px;}
.PortfolioList ul li .txt{width: 100%}
.PortfolioList ul li .txt h3{font-size: 22px;line-height: 30px;}
.Contact .eml{margin: 20px auto;height: auto;}
.Contact .eml img{display: none;}
.Contact li.w50{width: 100%}
.Team li .Team_l{width: 100%}
.Team li .Team_l .Ispic{padding-top: 55%;}
.Team li .txt{width: 100%;margin-top: 20px}
.Team li:nth-child(2n-1){padding: 35% 0;margin-top: -30%}
.Team li{padding: 15% 0}
.Ethics ul li figure{height: 200px;}
.Ethics ul li p{font-size: 16px;line-height: 24px;}
.Banner2 .cname{font-size: 36px;}

}

/* 2023.9.20 */
.PortfolioList ul li .txt p{
  font-size: 18px;
  line-height: 2;
}
@media(max-width:480px){
  .Focus .Focus_r p, .About .About_r p, .Planting .Planting_r p, .Floor003183 .column-name .en,
  .Floor003183 .slider p,
  .PortfolioList .toptxt p,
  .PortfolioList ul li .txt p,
  .Team li .txt .t2,
  .About2 .About_r p{
    text-align: left;
  }
}

@media(max-width:480px){
  .Banner p{
    font-size: 28px;
  }


  .Focus .Focus_r p,
  .About .About_r p,
  .Planting .Planting_r p,
  .Floor003183 .column-name .en{font-size: 15px;line-height: 24px;margin-top: 20px;}
  .PortfolioList .toptxt p,
  .Floor003183 .slider p{font-size: 15px;line-height: 24px;}

  .PortfolioList .toptxt p,
  .PortfolioList ul li .txt p{
    font-size: 15px;line-height: 24px;
  }
  .PortfolioList ul li .txt h3{
    font-size: 18px;
  }
  .Team li .txt .t2, .Team li .txt .t1 b, .Team li .txt .t1{
    font-size: 15px;
  }
}


.Bottom .flogo img {
  max-height: 70px;
}

@media(max-width:768px){
  .Bottom .flogo img {
    max-height: 50px;
  }
}