@charset "utf-8";
/* CSS Document */

.about1{ background:#fff url(../images/icons/ab1.png) left bottom no-repeat; background-size:8% auto; padding:0 0 40px;}
.about1 .attr{ display:flex; justify-content:space-between; align-items:flex-end;}
.about1 .attr::before,
.about1 .attr::after{ display:none;}
.about1 .box{ width:50%; flex-shrink:0; font-size:16px; padding:90px 0 120px; padding:90px 0 0; margin:0 0 0 4%;}
.about1 .txt{ line-height:2; color:#444;}
.about1 dl{ display:block; line-height:1.5; padding:1.75em 0 0;}
.about1 dl dt{ display:block; color:#444; font-size:1.5em; padding:1em 0; border-bottom:1px solid #cdcdcd;}
.about1 dl dd{ display:block; color:#666; padding:1em 0; border-bottom:1px solid #cdcdcd;}
.about1 .pic{ width:36%; flex-shrink:0;}
.about1 .pic img{ display:block; width:100%;}

.about12{ background:linear-gradient(#fff, #edf3f8); padding:50px 0;}

.about2{ padding:20px 0 80px; position:relative;}
.about2 .attr{ display:flex; justify-content:space-between; align-items:flex-end; position:relative; z-index:3;}
.about2 .attr::before,
.about2 .attr::after{ display:none;}
.about2 .box{ width:58%; flex-shrink:0; padding:0 0 60px;}
.about2 .txt{ line-height:2; color:#444; font-size:16px;}
.about2 .pic{ width:35%; flex-shrink:0; padding:0 0 76px; position:relative;}
.about2 .pic::after{ content:''; display:block; width:568px; height:76px; background:url(../images/icons/ab2.png) left bottom no-repeat; background-size:100% 100%; position:absolute; left:0; bottom:0; z-index:1;}
.about2 .pic img{ display:block; width:100%;}
.about2 .pic dl{ display:inline-block; vertical-align:top; line-height:2.5em; color:#fff; font-size:16px; background:rgba(0,170,114,0.9); overflow:hidden; padding:1em 0;}
.about2 .pic dl{ background:none; position:absolute; left:22%; bottom:0; z-index:3;}
.about2 .pic dl dt{ display:block; font-size:1.5em; padding:0 1em; float:right;}
.about2 .pic dl dd{ display:block; border-right:1px solid #fff; overflow:hidden; padding:0 1.5em;}

.in-xxlou1{ display:block; position:absolute; z-index:1; left:0; bottom:0; width:18.75%; height:70.58%; opacity:0.7;}
.in-xxlou2{ display:block; position:absolute; z-index:1; right:0; bottom:0; width:19.15%; height:72.92%; opacity:0.7;}
.in-xxlou11,
.in-xxlou12,
.in-xxlou13,
.in-xxlou14,
.in-xxlou21,
.in-xxlou22,
.in-xxlou23,
.in-xxlou24{ display:block; position:absolute; height:auto;}
.in-xxlou11{ width:34.66667%; top:4.697%; left:0;}
.in-xxlou12{ width:42.66667%; top:46.4765%; left:13.6%;}
.in-xxlou13{ width:42.66667%; top:21.9798%; left:34.66667%;}
.in-xxlou14{ width:42.66667%; top:45.302%; left:56%;}
.in-xxlou21{ width:43.0809%; top:39.3495%; left:1.566%;}
.in-xxlou22{ width:42.8198%; top:39.3495%; left:44.3864%;}
.in-xxlou23{ width:42.8198%; top:15.1219%; left:22.7154%;}
.in-xxlou24{ width:34.4647%; top:0.487%; left:65.7963%;}
.in-xxlou11,
.in-xxlou12,
.in-xxlou13,
.in-xxlou14,
.in-xxlou21,
.in-xxlou22,
.in-xxlou23,
.in-xxlou24{ animation:in-xxlou2 5s infinite linear alternate both;}
.in-xxlou11,
.in-xxlou21{ animation-delay:1s;}
.in-xxlou12,
.in-xxlou22{ animation-delay:2s;}
.in-xxlou13,
.in-xxlou23{ animation-delay:3s;}
.in-xxlou14,
.in-xxlou24{ animation-delay:4s;}
@keyframes in-xxlou2{
	0%{ transform:translateY(-100px);}
	100%{ transform:translateY(0);}
}

.about23{ background:linear-gradient(#edf3f8, #fff); padding:50px 0;}

.about3{ background:#fff; padding:0 0 100px;}
.about3 .attr h2.title{ padding:0; display:inline-block; vertical-align:top; position:relative; z-index:5;}
.about3 .attr h2.title em{ font-weight:normal; line-height:1; font-size:30px; color:#333;}
.about3 .team{ font-size:16px; position:relative; overflow:hidden; padding:80px 0 0; margin:-30px 0 0;}
.about3 .team .swiper-wrapper{ flex-wrap:wrap; margin:0 -15px; width:auto;}
.about3 .team .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative; width:20%; height:auto;}
.about3 .team .swiper-slide.full{ width:100%;}
.about3 .team .swiper-slide:nth-child(3){ margin-right/:40%;}
.about3 .team .swiper-slide > a{ display:block; background:#00aa72; background:#00573d; overflow:hidden; position:relative; cursor:default; margin:0 15px 30px;}
.about3 .team .swiper-slide > a::before{ content:''; display:block; width:100%; height:100%; background:rgba(0,87,61,0.7) url(../images/icons/view.png) center no-repeat; position:absolute; left:0; top:0; transform:scale(0); z-index:3; transition:all ease 0.4s;}
.about3 .team .swiper-slide > a img{ display:block; width:100%; object-fit/:cover; transition:all ease 0.4s;}
.about3 .team .swiper-slide > a span{ display:block; width:100%; box-sizing:border-box; line-height:3.5; color:#fff; font-size/:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:3em 1.25em 1em; background:linear-gradient(rgba(0,170,114,0), rgba(0,170,114,1)); position:absolute; left:0; bottom:-0.75em; transition:all ease 0.4s;}
.about3 .team .swiper-slide > a span font{ font-size:0.875em; margin:0 0 0 1em;}
.about3 .team .swiper-slide > a:hover::before/{ transform:scale(1);}
.about3 .team .swiper-slide > a:hover span{ transform:translateY(-0.375em);}


.about3 .team .swiper-slide .box{ display:none;}
.about3 .team .swiper-button-prev,
.about3 .team .swiper-button-next{ display:none; width:66px; height:28px; background:url(../images/icons/more.png) center no-repeat; background-size:auto 100% !important; border-radius:0; top:0; margin-top:0; transition:all ease 0.4s;}
.about3 .team .swiper-button-prev{ left:auto; right:0; margin-right:80px;}
.about3 .team .swiper-button-next{ right:0; margin-right:10px;}
.about3 .team .swiper-button-prev::before,
.about3 .team .swiper-button-next::after{ content:''; display:block; width:100%; height:100%; background-size:auto 120% !important;}
.about3 .team .swiper-button-prev::before{ background:url(../images/icons/prev.png) center no-repeat;}
.about3 .team .swiper-button-next::after{ background:url(../images/icons/next.png) center no-repeat;}
.about3 .team .swiper-button-prev:hover,
.about3 .team .swiper-button-next:hover{ background-image:url(../images/icons/more1.png);}

.teamBox{ display:none; width:900px; height:630px; font-size:16px; background:#fff url(../images/icons/win.jpg) center bottom no-repeat; background-size:100% auto; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999;}
.teamBox img.pic{ display:block; width:400px; height:100%; object-fit:cover; float:left;}
.teamBox i{ display:block; width:68px; height:68px; background:url(../images/icons/team.png) center no-repeat; position:absolute; left:400px; top:50%; transform:translate(-50%,-50%); z-index:3;}
.teamBox .info{ padding:0 54px; position:relative; overflow:hidden;}
.teamBox a.close{ display:block; width:30px; height:30px; background:url(../images/icons/close.png) no-repeat; position:absolute; right:0; top:0; z-index:3; margin:16px; opacity:0.7; cursor:pointer;}
.teamBox h4{ display:block; color:#333; font-size:26px; font-weight:normal; padding:2.5em 0 1em;}
.teamBox h5{ display:block; color:#666; color:#00aa72; font-size:22px; font-weight:normal; padding:0 0 1em;}
.teamBox .txt{ display:block; max-height:26em; line-height:2; color:#666; font-size:16px; font-weight:normal; overflow:hidden; overflow-y:auto; padding-right:1em; margin-right:-2em;}

.about4{ display:none;}




@media only screen and (max-width:1440px){

.about1{ background-size:auto 100%;}
.about1 .box{ width:50%; font-size:15px; margin:0 0 0 8%; padding:70px 0 0;}
.about1 .pic{ width:38%;}

.about12{ padding:40px 0;}

.about2 .pic{ width/:36%;}
.about2 .box{ width:64%; padding:0 0 100px;}
.about2 .txt{ font-size:15px; height:23.25em; line-height:2.125; overflow-y:scroll; padding-right:1.25em; text-align:justify;}
.about2 .txt::-webkit-scrollbar{ width:6px; height:6px;}
.about2 .txt::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.15); background:rgba(0,170,114,0.8); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-radius:5px; cursor:pointer;}
.about2 .txt::-webkit-scrollbar-thumb:hover{ background/:#00aa72;}
.about2 .txt::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05); background:rgba(0,86,61,0.1); border-radius:5px;}
.about2 .txt::-webkit-scrollbar-button{ height:0; background:rgba(0,0,0,0.05); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-width:0px 0;}
.about2 .txt::-webkit-scrollbar-button:hover{ background/:#e60012;}

.about23{ padding:30px 0;}

.about3{ padding:0 0 60px;}
.about3 .team .swiper-slide{ width:25%;}
.about3 .team .swiper-slide:nth-child(3){ margin-right/:25%;}
.about3 .team .swiper-slide > a span font{ font-size:13px;}

}

@media only screen and (max-width:768px){

.about12{ padding:15px 0;}

.about2{ padding:0;}
.about2 .attr{ display:block;}
.about2 .pic{ width:auto; padding:0 0 44px;}
.about2 .pic::after{ width:100%; background-size:100% 100%; height:44px;}
.about2 .pic img{ width:auto; height:230px; margin:0 auto;}
.about2 .pic dl{ font-size:14px; line-height:1.75em; padding:10px 0; width:214px; left:46%; transform:translateX(-50%);}
.about2 .pic dl dt{ font-size:1.375em; padding:0 14px;}
.about2 .pic dl dd{ padding:0 14px;}
.about2 .box{ width:auto; padding:0;}
.about2 .txt{ font-size:14px; line-height:2; height:auto; padding:1em 0 0;}
.about2 .txt::-webkit-scrollbar{ width:0; height:0;}

.about2 .pic dl{ width:90%; left:0; transform:none; display:flex; justify-content:center; flex-direction:row-reverse;}
.about2 .pic dl dt{ float:none;}

.about23{ padding:20px 0;}

.about3{ padding:10px 0 30px;}
.about3 .attr h2.title{ display:block; padding:0 0 20px;}
.about3 .attr h2.title em{ font-size:24px;}
.about3 .team{ margin:0; padding:0; font-size:15px;}
.about3 .team .swiper-wrapper{ margin:0 -4px;}
.about3 .team .swiper-slide{ width:50%;}
.about3 .team .swiper-slide:nth-child(3){ margin-right/:50%;}
.about3 .team .swiper-slide > a{ margin:0 4px 8px;}
.about3 .team .swiper-slide > a span{ padding:3em 6px 1em; white-space:normal; line-height:2;}
.about3 .team .swiper-slide > a span font{ display:block; margin:0; line-height:1.5; padding:0 0 0.5em; white-space:nowrap; font-size:12px;}
.about3 .team .swiper-slide > a:hover span{ transform:translateY(0);}

.about4{ display:block; background:#fff; padding:10px 0 40px;}
.about4 .attr h2.title{ padding:0 0 20px; display:block; vertical-align:top; position:relative; z-index:5;}
.about4 .attr h2.title em{ font-weight:normal; line-height:1; font-size:24px; color:#333;}
.about4 .team{ font-size:16px; position:relative; overflow:hidden; padding:6px 60px 54px; padding:6px 0 54px; margin:0 -195px;}
.about4 .team .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative; width:100%; height:auto;}
.about4 .team .swiper-slide > a{ display:block; background:#00aa72; background:#00573d; overflow:hidden; position:relative; cursor:default; margin:0 10px;}
.about4 .team .swiper-slide > a::before{ content:''; display:block; width:100%; height:100%; background:rgba(0,87,61,0.7) url(../images/icons/view.png) center no-repeat; position:absolute; left:0; top:0; transform:scale(0); z-index:3; transition:all ease 0.4s;}
.about4 .team .swiper-slide > a img{ display:block; width:100%; object-fit/:cover; transition:all ease 0.4s;}
.about4 .team .swiper-slide > a span{ display:block; width:100%; box-sizing:border-box; line-height:2; color:#fff; font-size/:1.125em; overflow:hidden; white-space:normal; text-overflow:ellipsis; transition:all ease 0.4s; padding:3em 1em 1em; background:linear-gradient(rgba(0,170,114,0), rgba(0,170,114,1)); position:absolute; left:0; bottom:-0.75em; transition:all ease 0.4s;}
.about4 .team .swiper-slide > a span font{ display:block; line-height:1.5; font-size:0.875em; padding:0 0 0.5em;}

.about4 .team .swiper-slide .box{ display:none;}
.about4 .team .swiper-button-prev,
.about4 .team .swiper-button-next{ display:block; width:56px; height:22px; background:url(../images/icons/more.png) center no-repeat; background-size:100% 100% !important; border-radius:0; top:auto; bottom:0; margin-top:0; transition:all ease 0.4s;}
.about4 .team .swiper-button-prev{ left:50%; margin-left:-60px;}
.about4 .team .swiper-button-next{ right:50%; margin-right:-60px;}
.about4 .team .swiper-button-prev::before,
.about4 .team .swiper-button-next::after{ content:''; display:block; width:100%; height:100%; background-size:auto 120% !important;}
.about4 .team .swiper-button-prev::before{ background:url(../images/icons/prev.png) center no-repeat;}
.about4 .team .swiper-button-next::after{ background:url(../images/icons/next.png) center no-repeat;}
.about4 .team .swiper-button-prev:hover,
.about4 .team .swiper-button-next:hover{ background-image:url(../images/icons/more1.png);}

.in-xxlou1{ width:36%; height:274px; top:90px; bottom:auto; opacity:0.7;}
.in-xxlou2{ width:36%; height:274px; top:130px; bottom:auto; opacity:0.7;}

}












/**/