* {
  margin: 0;
  padding: 0;
}
body {
    user-select: none; /* 标准语法 */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* 老版 Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
html {
  margin: 0 auto;
  width: 100%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #535353;
  font-size: 16px;
}
p {
  font-size: 16px;
  color: #898989;
  text-align: justify;
}
.wapshow{display: none !important;}
.nav {
  background-color: #fff;
  position: absolute;
  top: -113px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  margin-top: 200px;
  visibility: hidden;
  z-index: 999;
}
.first:hover .nav {
  visibility: visible;
}
.first:hover:not(:first-child){
  border-bottom: 2px solid #018903;
}
.first.active{border-bottom: 2px solid #018903;}

.first1:hover .nav {
  visibility: visible;
}
.first1:hover:not(:first-child) {
  border-bottom: 2px solid #018903;
}
.first1 {
  border-bottom: 2px solid transparent;
  padding: 21px 25px;
}

.nav-all {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.nav-right2 {
  /*display: flex;*/float: right;width: 60%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.nav-left img {
  width: 277px;
  height: 64px;
}
.nav-top {
  height: 102px;
  max-width: 1600px;width: 90%;
  width: 90%;
  margin: 0 auto;
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.nav-top img.logo{width:31%;float: left; margin-top: 19px;}
.nav > img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.nav-top-item {
  /*display: flex;*/
  align-items: center;float: right;
  /*padding-left: 190px;*/
}
.first {
  border-bottom: 2px solid transparent;
  padding:39px 16px;float: left;
}
.search {
  position: relative;
  background-color: #fff;
  float: right;margin-top: 34px;margin-left:2%;
}
.search input[type="text"] {
  padding-left: 20px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 40px;
  width: 0px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: width 0.5s ease, visibility 0.3s ease;
}
.search:hover input[type="text"] {
  opacity: 1;
  visibility: visible;
  width: 730px;
}
.search .btn{width: 32PX;height: 32px;background: url(../images/search.png) center no-repeat;display: block;border: 0;}

.nav-left-item {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.code:hover .code-show {
  display: block;
}
.code {
  position: relative;float: right;margin-top: 34px;margin-left: 2%;
}
.code-show {
  display: none;
  position: absolute;
  top: 65px;
  right: -67px;
  z-index: 999;
}
.nav-left-item a {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 54px;
  background-color: #e5e5e5;
}
.nav-bottom {
  max-width: 1259px;width: 
  height: 351px;
  background-color: #f5f5f5;
}
.nav-bottom {
  display: flex;
  align-items: center;
}
.nav-bottom img {
  margin-right: 160px;
  height: 240px;
  width: 384px;
}
.nav-bottom-left a {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 148px;
  height: 48px;
  background-color: #018903;
}
.nav-bottom-left p {
  padding-right: 83px;
  max-width: 558px;
}
.nav-bottom-left {
  padding-left: 71px;
}
.nav-right {
  padding-left: 60px;
}
.nav-bottom-left > * {
  margin: 30px 0;
}
.banner {
  width: 100%;
  height: auto;overflow: hidden;position: relative;
}
.slide-item {
  height: 100%;
}
.banner  img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.banner > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
/* 轮播图容器 */
.slide {
  position: relative;
  width: 100%;
}
/* 左右箭头 */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 20px;
  z-index: 2;
}

.left {
  left: 10px;
}

.right {
  right: 10px;
}

/* 底部轮播点 */
.dots.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;text-align: center;
 z-index: 99;
}

.swiper-pagination-bullet {
  width: 30px;
  height: 8px;
  background-color: #bbb;
  border-radius: 5px;
  cursor: pointer;
}

.swiper-pagination-bullet
.swiper-pagination-bullet-active {
  background-color: #fff; /* 活动状态颜色 */
}
.show {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.show {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.show-left-top {
  padding-left:8.3%;
  display: flex;
}
.item-top {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 265px;
  height: auto;
}
.item-top p {
  padding-bottom: 10px;
  color: #000;
}
.item-top h3 {
  color: #018903;
  font-size: 52px;
}
.show-left-top {
  display: flex;
  justify-content: flex-end;
}
.show-item:not(:last-child) {
  border-right: 1px solid #ccc;
}
.show-item p {
  text-align: center;
}
.show-item {
  margin-top: 60px;
  padding: 30px 0;
}
.show-left-bottom {
  padding: 6% 6% 12% 8.3%;
}
.show-left-bottom p {
  width: 76.78%;
  line-height: 2;
  font-weight: 400;
  margin-top: 20px;
}
.show > img {
  position: absolute;
  top: 0;right: 0;
  width: 36.46%; 

  /*height: 100%;*/
}
.show-left > img {
  position: absolute;
  right: 105px;
  top: 310px;
}
.show-left {
  position: relative;
  height: 100%;
  width: 63.55%;
}
.add {
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #018903;
  color: #fff;
  font-size: 20px;
  transition: border-radius 0.3s;
}
.add:hover {
  border-radius: 12px;
}
.title {
  text-align: center;
  padding: 60px 0 30px 0;
  max-width: 1600px;margin: 0 auto;width: 90%;
}
.title > hr {
  margin: 30px auto 0px auto;
  width: 66px;
  border: 3px solid #018903;
}
.title > h3 {
  font-size: 36px;
}
.service-contain {line-height: 2;min-height: 358px;
}
.service-contain h3{font-size: 20px;}
.service-main{max-width: 1600px;width: 90%;margin: 0 auto;}
.service-contain h4{font-weight: 100;}
.service-all {

  /*display: flex;*/
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: auto;overflow: hidden;
  gap: 64px;
  margin-bottom: 100px;
}

.service-contain p{line-height: 2;}
.service-contain hr{margin-top: 10px;margin-bottom: 20px;}

.service-item{ width: calc(32% - 90px );float: left; background-color: #fff;margin-bottom: 0px; box-shadow: 0 0 10px rgba(0,0,0,0.15); 
  padding:40px 35px; position: relative; overflow: hidden;margin: 10px;margin-right:2%;margin-bottom:32px; ;
z-index: 3;}
.service-item:nth-child(3n){margin-right: 10px;}
/*.service-item {
  width: 490px;
  height: auto;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 999;
}*/
.number {
  position: absolute;
  font-size: 55px;
  color: #000;
  right: 30px;
  bottom: 10px;
}



.service-item:hover .number{color: #018903;}

.service-item .div1{ height: 60px; overflow: hidden; line-height: 60px; float: right;}
.service-item .div1 strong,.service-item .div1 b{ display: block; line-height: 60px; height: 60px; font-size: 60px; transition: all 0.6s;}
.service-item b{ color: #018903;}
.service-item:hover b{ margin-top: 0px;}
.service-item:hover strong{ margin-top: -60px;}
.service-item .cir{ position: absolute; top: 0; right:0; left:-50%;  background: #F4F4F4; height:200%; width: 100%; transform: scale(0); transition: all 0.6s;
border-radius: 100%; z-index: -1;}
.service-item:hover .cir{ transform: scale(1); background: #bfe1c0; opacity: 0.3;}

.service {
  background-image: url("../images/bg3.png");
  background-size: cover;
  background-repeat: no-repeat; 
  height: auto;
  margin: 0 auto;
  gap: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
/*专业团队*/

/*专业团队 end*/












.team {
  width: 100%;
  height: 984px;
  background-color: #f5f5f5;
  background-image: url(../images/bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.new-all-left {
  position: relative;
}
.news-all {
  display: flex;float: left;
  align-items: center;
}
.new-all-right {
  padding: 0 20px;
}
.new-word1 {
  font-size: 36px;
}
.team-top {
  display: flex;
  justify-content: center;
  gap: 120px;
}
.news-word2 {
  width: 100%;
}
.news-bottom {
  padding-bottom: 15px;
  width: 100%;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.team-top.hide {
  visibility: hidden;
}
.team-top-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 314px;
  height: 314px;
  padding: 10px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #018903;
}
.team-top-left img{-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;max-width: 100%;border-radius: 50%;}

.team-top-left img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.team-top-mid a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 45px;
  font-size: 14px;
  color: #fff;border: 1px solid #018903;
  background-color: #018903;
}
.team-top-mid > h3 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 30px;
}
.team-top-mid > h4 {
  margin-top: 10px;
  font-weight: normal;
  font-size: 24px;
}
.team-top-mid a:nth-child(2){border: 1px solid #018903;color: #018903;background: none;}
.team-top-mid a:nth-child(2):hover{ background-color: #018903;color: #fff;}
/*.team-top-mid a {
  width: 255px;
  height: 75px;
  font-size: 23px;
}*/
.icon {

  padding-top: 120px;
  display: flex;
  gap: 90px;
}
.icon {
  margin: 40px 0;
}
.team-top-right {
  max-width: 520px;width: 40%;
  line-height: 2;
  font-size: 16px;
  color: #707070;
  padding: 5px;
  font-weight: 300;
}
.line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.line > hr {
  max-width: 1500px;margin: 0 auto;width: 100%;
  border: 1px solid #018903;
}
#thumbs{max-width: 1500px;margin: 0 auto;}
/*max-width: 1500px;margin: 0 auto;*/
#thumbs .swiper-wrapper{margin-top: 50px;}
.swiper-next{}
.swiperpic{margin: 0 auto;position: relative;width:68%;border: 1px solid #c3c3c3;border-radius: 50%;height: 0;padding-bottom:68%;}
.swiperpic:after{content: '';position: absolute;width: 16px;height: 16px;padding: 2px;background: #018903;left: calc(50% - 8px );top: -88px;border-radius: 50%;}
.swiperpic:before{content: '';position: absolute;width: 24px;height: 24px;left: calc(50% - 11px );top: -91px;border-radius: 50%;}



.swiperimg{overflow: hidden;display: block;border-radius: 50%;margin: 0 auto;width: 90%;height: 0;padding-bottom: calc(90%);margin-top: 5%;}
.swiperimg img{-webkit-transition: all 0.5s ease;width: 100%;border-radius: 50%;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.swiperimg img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*#thumbs .swiper-slide-active .swiperpic img{border: 1px solid #018903;}*/
#thumbs .swiper-slide-thumb-active .swiperpic{border: 1px solid #018903;}
#thumbs .swiper-slide-thumb-active .swiperpic:before{border: 1px solid #018903;}

.points {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.point {
  width: 10px;
  height: 10px;
  background-color: #018903;
  border-radius: 50%;
  margin: 0 96px;
}
header > img {
  width: 100%;
  height: auto;
}
/* .point .active {
  padding: 2px;
  border-radius: 50%;
  border: 1px solid #018903;
} */
.photo {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 61px;
}
.photo > img {
  padding: 6px;
  border: 1px solid #bbb;
  border-radius: 50%;
}
.team-mid {
  max-width: 1600px;margin: 0 auto;width: 90%;
  margin-top: 80px;
  position: relative;
}
.news {
  /*display: flex;*/
  align-items: center;
  max-width: 1600px;width: 90%;
  margin: 0 auto;
}
.news-contain {
  padding: 7px 0;
  display: block;
  align-items: center;
  padding-left: 20px;overflow: hidden;
}
.news-contain a{display:block;width:70%;float: left;}
.news-contain .news-pic {width:15%;
   position:relative; overflow:hidden;
  max-height: 120px;float: right;
}
.news-contain .news-pic img{ width:100%; height:100%; transition:.5s;}
.news-contain .news-pic:hover img{ transform:scale(1.05);}
.news-word > h3 {
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 10px;
}
.news-word {max-width: 1195px;}
.news-word > p {
  line-height: 1.5;
  font-size: 14px;    display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;

  
}
.news-word > h3:hover {
  color: #018903;
}
.check {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.check-item {
  width: 352px;
  display: flex;
  align-items: center;
  margin: 30px 0;
  gap: 15px;
  justify-content: start;
}
.book-contain > p {
  line-height:1.8;
  padding:8px 0;
  color: #000;
}
.book1 {
  max-width: 1600px;width: 90%;
  height:auto;overflow: hidden;
  margin: 0 auto;padding-bottom: 25px;
  
}

.booklist{overflow: hidden;margin-top: 25px;}
.bookpic{width: 10%;float: left;}
.bookpic img{width: 100%;display: block;}
.bookinfo{width:88%;float: right;font-size: 14px;line-height: 1.6;color: #222;}
.bookinfo h2{font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.bookinfo a{display: inline-block;background: #018903;border-radius: 30px;color: #fff;line-height: 40px;padding: 0 20px;margin-top: 20px;}


.book-main {
  background-color: #f5f5f5;
}
.book-contain {width: 60%;float: left;}
.book-pic{display: block;width: 38%;float: right;}
.bank {
  margin: 0 auto;
  max-width: 1600px;width: 90%;
  padding-bottom: 60px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bank p{line-height: 1.8;text-align: center;}
.bank ul{overflow: hidden;}
.bank > img {
  width: 206px;
  height: 115px;
}
footer {
  height: 330px;
  background-color: #1f1f1f;
}
.footer p {
  font-size: 14px;
}
.footer-mid h5 {
  font-size: 16px;
  padding-left: 10px;
  color: #fff;
}
.footer-left h2 {
  font-size: 36px;
  color: #fff;
}
.footer-left {
  border-right: 1px solid #363636;
  padding-right: 43px;
  max-width: 440px;width: 27.5%;
}
.footer-left p {
  font-size: 14px;
}
.footer-item {
  padding-top: 15px;
  display: flex;
  align-items: center;
  max-width: 1600px;width: 90%;
  margin: 0 auto;
}
.footer-right {
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.pic {
  margin: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.pic p {
  font-size: 14px;
}
.bottom-text {
  display: flex;
  align-items: center;
}
.text-w > p {
  width: 292px;
  padding: 16px 0;
}
.blank {
  margin-left: 13px;
  margin-top: 5px;
  margin-bottom: 15px;
  width: 60px;
  height: 2px;
  background-color: #fff;
}
.footer-mid {
  border-right: 1px solid #363636;
  padding: 0 50px;
}
.footer-mid p {
  font-size: 14px;
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.e-list {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .4rem;
}

.e-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 30px 25px;
    margin-right: 25px;
    margin-bottom: 20px;
    margin-top: 25px;
    width: 29%;
    background-color: #ffffff;
}

.e-item:nth-child(3n) {
    margin-right: 0;
}

.e-b {
    width: 100%;
}

.e-b:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.e-c {
    float: left;
    margin-bottom: 15px;
    color: #333333;font-size: 20px;
    line-height: 1.3;
}

.e-d {
    float: right;
    margin-bottom: 15px;
    color: #2c44b5;
    line-height: 1.3;
}

.e-e {
    color: #999999;
    line-height: 1.3;
    margin-bottom: 30px;font-size: 16px;
}

.e-f {
    width: 100%;
    font-size: 0;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #eaeaea;
}

.e-fspan {
    display: inline-block;
    vertical-align: top;
    padding: 10px 17px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 1px #cccccc;
    color: #999999;
}

.e-g {
    width: 100%;
    position: relative;height: 15px;
}

.e-h {
    color: #999999;
    line-height: 1.2;
}

.e-i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    color: #999999;
    line-height: 1.2;
}

.e-i img {
    width: 12px;
    margin-right: 10px;
}

.e-item:hover {
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.links{background-color: #000;padding-top: 10px;}
.links>div{max-width: 1600px;width: 94%;margin: 0 auto;color:#b5b5b5;font-size: 14px;text-align: center;line-height: 1.5;display:inline-block;margin: 0 5px; }
.links>div a{color: #b5b5b5;}
.bottom {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b5b5b5;
  height: 55px;
  background-color: #000;
}
.bottom  a{font-size: 12px;color: #b5b5b5;}
.crumb {
  max-width: 1600px;width: 90%;margin: 0 auto;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}
.crumb-left {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.crumb-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.crumb-left span {
  color: #018903;
}
.crumb-left p {
  color: #313131;
}
.crumb-right a {
  padding: 29px 0;
}
.crumb-right a.active{border-bottom: 2px solid #018903;}
.companycontain {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 1180px;
  background-color: #f5f5f5;
}
.company-top {
  max-width: 1600px;width: 90%;
  margin: 0 auto;
  display: flex;
}
.company-left {
  padding-right: 70px;
}
.company-left > h2 {
  font-size: 36px;
  font-weight: 700;
  color: #333333;
}
.company-left > h4 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
}
.company-left > p {
  text-indent: 2em;
  line-height: 2;
  color: #000;
  margin: 30px 0;
}
.company-left > h4 {
  margin: 10px 0 131px 0;
}
.company-item {
  width: 442px;
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-item:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}
.company-item-left > p {
  margin-bottom: 10px;
}
.company-item-right {
  display: flex;
  align-items: end;
  padding-left: 17px;
}
.company-item-right span {
  margin-top: 10px;
  font-size: 52px;
  color: #018903;
}
.company-item-right p {
  margin-bottom: 10px;
}
.company-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 97px;
  width: 1797px;
  height: 158px;
  background-color: #fafafa;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.since {
  position: absolute;
  left: 0;
  top: 200px;
  display: flex;
  align-items: center;
}
.since div {
  padding-bottom: 10px;
  font-size: 47px;
  color: #018903;
}
.map {
  max-width: 1600px;width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
}
.map-left p {
  line-height: 2;
  width: 936px;
  color: #000;
  padding: 15px 0;
}
.map-left h2 {
  font-size:24px;
  position: relative;padding-bottom: 8px;
  /*padding-bottom: 60px;*/
}
.map-left h2:after{content: '';display: block;width: 30px;height: 2px;background: #333;position: absolute;left: 0;bottom: 0;}
.aboutteam-top {
  background-image: url("../img/team-bg.png");
  background-size: cover;
  overflow: hidden;
  position: relative;
  height: 728px;
  background-color: #f4f4f4;
}
.team-head {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.team-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.aboutteam-item {
  width: 930px;
  padding-left: 790px;
  padding-top: 200px;
}
.aboutteam-item > * {
  padding: 10px 0;
}
.aboutteam-item > p {
  line-height: 2;
  font-size: 20px;
  font-weight: 100;color: #222;
}
.aboutteam-bottom-item {
  position: relative;
  background-color: #ebebeb;
  width: 750px;
  height: 360px;
}
.aboutteam-bottom-item > h2 {
  padding: 60px;
}
.aboutteam-bottom-item > p {
  color: #000;
  line-height: 2;
  padding: 30px 60px;
}
.green-blank {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background-color: #018903;
}
.aboutteam-bottom {
  padding: 50px 0;
  display: flex;
  justify-content: center;
}
.aboutteam-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  justify-content: center;
  align-items: center;
  width: 1550px;
  margin: 0 auto;
}
.about-contact {
  padding: 60px 0;
  background-color: #fafafa;
}
.about-contact-item h1 {
  padding-top: 60px;
  text-align: center;
}
.about-contact-item > hr {
  margin: 20px auto;
  width: 40px;
  border: 2px solid #018903;
}
.aboutitem {
  padding-bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-contact-item {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  width: 80%;
  background-color: #fff;
}
.aboutcontact-item {
  display: flex;
  align-items: center;
  justify-content: start;
}
.aboutcontact-left {
  width: 40%;
  margin-right: 60px;
}
.aboutcontact-left h3 {
  padding-bottom: 20px;
}
.aboutcontact-right h3 {
  padding-bottom: 20px;
}
.aboutcontact-img {
  padding: 15px 0;
  display: flex;
  align-items: center;
}
.aboutcontact-img2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.aboutcontact-img2 {
  padding: 10px 20px 0 20px;
}
.aboutcontact-img > p {
  padding-left: 15px;
}
.aboutcontact-img2:not(:first-child):not(:last-child) > p {
  font-style: 14px;
  color: #000;
}
.aboutcontact-right {
  width: 40%;
  margin-top: 43px;
}
.centralcourse {
  background-color: #fafafa;
}
.centralcourse-item {
  background-color: #fff;
  max-width: 1600px;width: 90%;
  margin: 0 auto;
  padding-bottom: 60px;
}
.centralcourse-item img{max-width: 100%;}
.centralcourse-item h2 {
  padding-top: 60px;
  text-align: center;
}

.centralcourse-item p {
  padding: 10px 70px 0 70px;
}
.centralcourse-item h3 {
  border-left: 2px solid #018903;
}
.team-item h1 {
  padding-top: 60px;
  text-align: center;
}
.team-item > hr {
  margin: 20px auto;
  width: 40px;
  border: 2px solid #018903;
}
.team-item-main {
  width: 80%;
  margin: 0 auto;
}
.team-contain {
  border-top: 1px solid #bbb;
  position: relative;
  padding: 50px 0;
  display: block;overflow: hidden;
  justify-content: space-between;
  align-items: center;
}
.team-contain img{display: block;float: left;width: 15%;}
.team-word{width:78%;float: left; }
.team-word h4 a{font-size: 20px;}
.team-word p{display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;padding-bottom: 0}
.team-contain:hover .team-word h4 a{color: #018903;} 
.team-word > * {
  padding: 6px 30px;
}
.find {
  right: 0;
  bottom: 40px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 141px;
  height: 46px;
  color: #018903;
  border: 1px solid #018903;
}
.find:hover{background: #018903;color: #fff;}
.team-word {
}
.pages {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 30px 0 40px 0;
  text-align: center;
}
.pages ul li{display: inline-block;width: auto;margin: 0 4px;
  padding: 0 10px;
  height: 30px;line-height: 30px;
  border: 1px solid #dddddd;}
.pages ul li.active{background: #028a04;border: 1px solid #028a04;}
.pages ul li.active a{color: #fff;}
.page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #dddddd;
}
.team-contain:last-child {
  border-bottom: 1px solid #bbb;
}
.team-contain:first-child {
  margin-top: 60px;
}
.page:first-child {
  background-color: #018903;
  border: 1px solid #018903;
  color: #fff;
}
.team-all {
  background-color: #fafafa;
  padding: 20px 0;
}
.teamcontain-main {
  max-width: 1600px;width: 90%;
  margin: 0 auto;
}
.teamcontain-main > * {
  margin: 20px 0;
}
.teamcontain-main h3 {
  padding-top: 60px;
  text-align: center;
}
.teamcontain-main > p {
  line-height: 2;
  color: #000;
  /*text-align: center;*/
}
.teamcontain-main img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.change {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.change-left {
  display: flex;
  align-items: center;
}
.change-right {
  display: flex;
  align-items: center;
}
.change-right span {
  color: #707070;
}
.change-left span {
  color: #707070;
}
.change-right p {
  color: #000;
}
.change-left p {
  color: #000;
}
.book {
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 80%;
  margin: 0 auto;
  gap: 30px;
}
.book-item {
  
  
}
.book-item img {
  width: 100%;
}


.book-item p {
  text-align: center;
  padding: 10px 0;
  color: #000;
}

.proLi {
    height: 380px;
    float: left;
}
.proLi {
    position: relative;
    overflow: hidden;
}

.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 280px;
}

.proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 60px;
    padding: 20px 20px 10px;
    border: 1px solid #f2f2f2;
}

.proTitle {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

.proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: none;
}

.lookDetail {
    position: relative;
    display: none;
    color: #777;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}

.arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

.arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

.harr {
    opacity: 0;
}

.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}

.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.lookDetail:hover .barr {
    opacity: 0;
}

.lookDetail:hover .harr {
    opacity: 1;
}

.proLi:hover .showBox {
    opacity: 1;
}

.proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

.proLi:hover .showBoxLink::before {
    width: 1rem;
}

.proLi:hover .showBoxLink::after {
    width: 1rem;
}


.bank-photo {
  padding: 40px 0 80px 0;
  grid-template-columns: repeat(7, 1fr);
  width: 80%;
  margin: 0 auto;
  gap: 20px;
}
.bank-photo img {
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.p_gridbox {
    background-color: rgb(255, 255, 255);
    z-index: 1;
    position: relative;
    transition: 0.5s;
}


.bank img {
  max-width: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.bank li{width: 13%;float: left;margin: .8% 0.6%;}
.bank li:hover img{
  transform: translateY(-2px); /* 向上移动5px */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 添加阴影效果 */
}

.news-item {
  padding-top: 0px;
  padding-bottom: 139px;overflow: hidden;width: 100%;
}
.list {
  display: none;
}
@media screen and (max-width: 1680px) {
  .company-bottom{max-width: 1797px;width: 92%;}
  .company-item{max-width: 442px;width: 25%;}
  .map-left{width: 58%;}
  .map-left p{width: 100%;}
  .map img{width: 40%;}  
  .footer-mid{padding: 0 20px;}
  .footer-right{padding: 50px 20px;}
  .pic{margin: 0 10px;}
  .pic img{max-width: 100%;}
  .aboutteam-top{height: auto;}
  .aboutteam-item{width: 56%;padding-left: 0;float: right;margin-right: 5%;}
  .team-head{width:38%;position: relative;float: left;}
  .aboutteam-bottom{width: 90%;}
  .aboutteam-bottom-item{width:100%; }
}
@media screen and (max-width: 1560px) {

  .nav-left-item a {width:auto;display: block;line-height: 54px;padding: 0 15px; }
  .first{padding:38px 10px}
  .show-item {width: 25%;}
  .book-contain > p{line-height: 2;}
  .check-item{margin: 15px 0;}

  .item-top {max-width: 265px;width: auto;}
  .since{top: 150px;}
  .since img{width: 72%;}

  .company-left > h2{font-size: 30px;}
  .company-left > h4{font-size: 20px;}


}
@media screen and (max-width: 1440px) {
  /*.company-top{display: block;}*/
  .companycontain{height: auto;padding-top: 3%;}
  .since img{width: 56%;}
  .company-right{width: 100%;}
  .company-right img{width: 100%;}
  .aboutteam-item{padding-top: 100px;}
  .aboutteam-bottom-item > h2{padding: 30px;}
  .aboutteam-bottom-item > p{padding: 30px 30px 60px 30px;}
  .aboutteam-bottom-item{height: auto;}
  .nav-bottom img{margin-right: 50px;width: 300px;}
  .nav-right{padding-left: 30px;}

}
@media screen and (max-width: 1380px) {
  .service-item{padding: 26px 25px;width: calc(30% - 55px )}
  .service-all{gap:50px;}
  .team-top-left{width: 250px;height: 250px;border-radius: 200px;}
  .company-item-right span{font-size: 36px;}
  .about-contact-item{width: 90%;}
  .aboutitem{display: block;}
  .aboutcontact-left{width:92%;margin: 0 auto;}
  .aboutcontact-right{width:92%;margin: 43px auto 0;}
  .nav-bottom img{display: none;}
  .nav-right2{width: 68%;}

}
@media screen and (max-width: 1200px) {
  .nav-right2{width: 76%;}
  .nav-top img.logo{width:22%;}
  .nav-top{height: auto;}
  .first{padding: 18px 10px;}
  .search,.code{margin-top: 15px;}
  .nav{top: -141px;}
}
/* 响应式设计 - 移动端适配 */
@media screen and (max-width: 1025px) {
  html {
    width: 100%;
    height: auto;
  }
  .pcshow{display: none !important;}
  .wapshow{display: block !important;}
  .nav-top img.logo{width: 60%;}
  .nav-top {
    width: 100%;
  }
  .nav-top-item {
    display: none;
  }
  .show-left > img {
    display: none;
  }
  .item-top {
    width: 100%;max-width: 100%;
  }
  .show-item{width: auto;}
  .slide-item img {
    width: 100%;
    height: auto;
  }
  .show-left{width: 100%;}
  .show-left-top {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .show-left-bottom {
    padding: 38px 0 138px;
    margin: 0 20px;
  }
  .show-left-bottom p {
    width: auto;
  }
  .show {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
  .show > img {
    width: 100%;
    height: auto;
    position: relative;
  }
  .add {
    width: 280px;
    height: 75px;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 37px;
  }
  .service-all {
    height: auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);margin-bottom: 40px;
  }
  .service {
    display: inline;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  .service-item{width: calc(97% - 50px );margin-top: 30px;}
  #swiper1 .swiper-pagination{position: relative;}
  .swiper-pagination-bullet-active{background: #919191 !important;}
  .team {
    width: 100%;
    height: auto;
    padding-bottom: 60px;
  }
  .team-top {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap:50px;
  }
  .team-mid {
    width: 100%;
  }
  .line {
    width: 100%;
  }
  .line > hr {
    width: 80%;
  }
  .photo {
    width: 100%;
    gap: 10px;
  }
  .photo img {
    width: 8%;
  }
  .team-top-left {
    margin: 0 auto;
    width: 240px;height: 240px;
  }
  .icon {
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
    gap: 0;
    padding-top: 50px;
  }
  .news {
    justify-content: center;
    width: auto;
    display: inline;
  }
  .news-word > p {
    width: auto;
  }

  .news > img {
    display: none;
  }
  .news-word {
    width: 100%;float: left;
  }
  .news-contain a{width: 63%;}
  .news-contain .news-pic{width:32%;float: right;padding-left: 0;height: auto; }
  .news-contain {
    padding: 0;
    width: 100%;display: block;
  }
  .news-item {
    
  }
  .book-main {
    width: 100%;
  }
  .book1 {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
  .check {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .bank {
    margin: 0 10px;
  }
  .bank li{width:30%;margin: 1.8% 1.6%; }
  .bank-photo{width: 96%;}
  .bank img {
    width: 100%;
    height: auto;
  }
  footer {
    width: 100%;
  }
  .footer-item {
    width: 100%;
  }
  .bottom {
    width: 100%;
  }
  .show-item:nth-child(2) {
    border-right: none;
  }
  .centralcourse-item {
    width: 100%;
  }
  .centralcourse-item  img{max-width: 100%;height: auto !important;}
  .centralcourse-item p{padding: 5px 20px;}
  .points {
    width: 70%;
    display: flex;
    justify-content: space-between;
  }
  .point {
    margin: 0;
  }
  .book1 > img {
    display: block;
    width: 95%;
    height: auto;
  }
  .news-contain {
    padding: 20px 0;
    overflow: hidden;
  }
  .news-contain > img {
    padding-left: 15px;
    width: 237px;
    height: auto;
  }
  .news-contain:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
  }
  .team-top-mid h3 {
    padding-left: 20px;
  }
  .team-top-mid h4 {
    padding-left: 20px;
  }
  .team-top-right {
    padding-left: 20px;
    width: calc(90% - 20px );
    max-width: 100%;
    margin-top: 35px;
  }
  .news-word > h3 {
    font-weight: normal;
    padding-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
  }
  .news-word > p {
    line-height: 1.5;
    display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;
  }
  .news-item {
    padding: 10px 20px 60px 20px;width: auto;
  }
  .book-contain {
    padding: 20px;
  }
  .book-contain > p {
    line-height: 2;
    color: #313131;
  }
  .footer-left {
    display: none;
  }
  .bottom-text > img {
    display: none;
  }
  .bottom-text {
    width: 100%;
  }
  .blank {
    display: none;
  }
  .footer-mid h5 {
    padding: 0;
    margin-left: 20px;
    margin-bottom: 15px;
  }
  .footer-item {
    flex-direction: column;
  }
  footer {
    height: auto;
  }
  .bottom-text {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .footer-mid {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .footer-right {
    padding: 20px;
    gap:10px;
  }
  .footer-right img {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .bottom-text > * {
    margin-left: 20px;
  }
  .text-w p {
    width: auto;
  }
  .check-item p {
    width: auto;
  }
  .check-item {
    width: auto;
  }
  .bottom {
    padding: 10px 0;
    text-align: center;   
  }
  .text-w > p {
    width: auto;
    padding: 0;line-height: 2;
  }
  .footer-mid {
    border-right: none;
    padding: 0;
  }
  .search {
    display: none;
  }
  .code {
    display: none;
  }
  .nav-right2 {
    height: 100%;
  }
  .nav-top {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    gap:23px;
  }
  .nav-top > img {
    padding-left: 20px;
    width: 60%;
    height: 100%;
  }
  .list {
    align-items: center;
    height: 100%;
    display: block;
  }
  .list > img {
    display: block;
    width: auto;
    height: 100%;float: right;
  }
  .choose {
    display: none;
  }
  .list:hover .choose {
    display: none;
  }
  .choose {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background-color: #262626;
    z-index: 1000;
  }
  .choose > ul > li {
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 32px;
    color: #fff;
    height: 60px;
    border-bottom: 1px solid #000;
  }
  .choose > ul > li:hover {
    background-color: #000;
  }
  .choose > ul > li a {
    color: #fff;
  }
  .close:hover .choose {
    display: none;
  }
  .news-all {
    display: none;
  }
  .crumb {
    width: 100%;
  }
  .find {
    display: none;
  }
  .team-word {
    padding: 0;width: 70%;
  }
  .team-item{display: none;}
  .team-item-main {
    width: 100%;
    margin: 0 auto;
  }
  .team-contain:first-child{margin-top: 0;border-top:0;}
  .team-contain {
    margin: 0 auto;
    width: 90%;
    padding: 20px 0;
  }
  .team-contain img {
    width: 30%;
    height: auto;
  }
  .team-word p {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.5;
    max-height: calc(1.5em * 3);
  }
  .crumb-left {
    display: none;
  }
  .crumb-right a {
    justify-content: center;
    align-items: center;
    margin-left:20px;
  }
  .crumb-right a.active{border-bottom: 2px solid #018903;}
  header > img {
    width: 100%;
    height: auto;
  }
  .pages {
    width: 100%;
  }
  .crumb-right{gap:0;}
  .pic p{font-size: 13px;}
  .pic{margin: 0}

  .company-top{display: block;}
  .company-left{width: 100%;padding-right:0 ;}
  .company-item{width: auto;}
  .company-bottom{display: grid;grid-template-columns: repeat(2, 1fr);height: auto;}
  .map{display: block;height: auto;margin-top: 35px;}
  .map-left h2{padding-bottom: 30px;}
  .map-left{width: 100%;}
  .map img{width: 100%;}
  .aboutteam-item{padding-top:50px; }
  .aboutteam-item > p{line-height: 2;}
}
@media screen and (max-width: 768px) {
  .aboutcontact-item{display: block;}
}
@media screen and (max-width: 560px) {
  .crumb-right a{margin-left: 14px;}
  .company-left > h2{font-size: 24px;}
  .company-left > h4{font-size: 18px;}
  .company-bottom{display: block;}
  .team-head{width: 100%}
  .aboutteam-item{width: 92%;margin:0 auto;float: none;}
  .aboutteam-bottom{display: block;}
  .aboutteam-bottom-item{margin-bottom: 50px;}


}