/*手机端导航*/
.mobile-header{
  background-color:#fff;
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.mobile-header-space{
	width: 100%;
	height: 60px;
}
.mobile-logo{float: left; margin:12px 15px; display: inline;}
.mobile-logo img{height:36px;width: auto;}
.mobile-header-icon{
  position: relative;
  width: 60px;
  height:60px;
  float: right;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  background-color: rgba(255,255,255,1);
  cursor: pointer;
}
.mobile-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 3px;
  background-color:#000;
  border-radius: 3px;
}
.mobile-header-icon span:nth-child(1){
  transform: translateY(-8px) rotate(0deg);
}
.mobile-header-icon span:nth-child(2){
  transform: translateY(0) rotate(0deg);
}
.mobile-header-icon span:nth-child(3){
  transform: translateY(8px) rotate(0deg);
}


.mobile-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
}       
.mobile-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
}
.mobile-header-icon-click span:nth-child(3){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksthird;
}
  


@keyframes clickfirst {
0% {
    transform: translateY(8px) rotate(0deg);
    
}

100% {
  transform: translateY(0) rotate(45deg);
}
}   

@keyframes clicksecond {
0% {
    transform: translateY(0) rotate(0deg);
    
}

100% {
  transform: translateX(-999em) rotate(0deg);
}
}  

@keyframes clicksthird{
0% {
    transform: translateY(-8px) rotate(0deg);
}

100% {
  transform: translateY(0) rotate(-45deg);
}
}   

.mobile-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }       
.mobile-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }
.mobile-header-icon-out span:nth-child(3){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outthird;
  }

@keyframes outfirst {
0% {
  transform: translateY(0) rotate(-45deg);
}

100% {
  transform: translateY(-8px) rotate(0deg);
}
}   


@keyframes outsecond {
0% {
  transform: translateY(0) rotate(45deg);
}

100% {
  transform: translateY(0) rotate(0deg);
}
}

@keyframes outthird {
0% {
  transform: translateY(0) rotate(45deg);
}

100% {
  transform: translateY(8px) rotate(0deg);
}
}

.mobile-nav{
  background-color: rgba(199,178,153,0.9);
  width: 100%;
  position: fixed;
  top: 60px;
  left: 0px;
  display: none;
  z-index: 999;
  bottom: 0px;
  overflow-y: auto;
}

.mobile-nav .lang-box{
  padding: 30px 10% 10px;
  display: flex;
  align-items: center;
  color:#aaa;
  font-size: 14px;
}
.mobile-nav .lang-box img{
  width: auto;
  height: 22px;
  margin-right: 5px;
}

.mobile-nav .lang-box a{
  font-size: 16px;
  line-height: 50px;
  text-decoration: none;
  color: #FFFFFF;
  transition: all 0.5s;
  font-size: 16px;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: ReturnToNormal;
  margin: 0 15px 0 5px;
  font-weight: bold;
}


.mobile-nav .lang-box a:hover,.mobile-nav .lang-box a.now{
  color: #754c24;
  border-bottom: solid 1px rgba(255,255,255,0.2);
}


.mobile-ul{
  padding-bottom: 80px;
}
.mobile-ul li{
  padding: 0 10%;
}
.mobile-ul a{
  display: block;
  line-height: 80px;
  text-decoration: none;
  color: #FFFFFF;
  font-family:'SourceHanSerifCN';
  font-weight: bold;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  transition: all 0.5s;
  font-size: 18px;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: ReturnToNormal;
}
.mobile-ul a:hover,.mobile-ul a.on{
  color: #754c24;
  border-bottom: solid 1px rgba(255,255,255,0.2);
}

.sub-list{
  padding: 20px 0;
}
.sub-list li a{
  border-bottom: 0;
  font-size: 14px;
  line-height: 40px;
}

@-webkit-keyframes ReturnToNormal {
100% {
  transform: translateX(0%) rotate(0deg);
}


}

@keyframes ReturnToNormal {
100% {
  transform: translateX(0%) rotate(0deg);
}
}

/* 1440px ~ 1281px */
@media (max-width: 1440px) {
  .w75{width: 90%;}
  .w80{width: 95%;}
  .main{width: 1200px;}
  .header{padding: 0 5%;}
  .header .more-box{margin-right: 0;}
  .header .menu li a{padding: 0 28px;}
  .index-section1{padding: 80px 0 60px;}
  .sec-list li .item-one .text{padding: 5px 25px 30px;}
  .sec-list li .item-one .text .title{margin-bottom: 8px; font-size: 26px;}
  .index-video .left-text .item-one img{width: 90px;}
  .index-video .left-text .item-one p{font-size: 22px;}
  .section3-list .item-one .text{padding: 50px 10px;}
  .section3-list .item-one .text .title span{font-size: 34px; letter-spacing: 0;}
  .section3-list .item-one:hover .text .title {margin-top: 60px;}
  .section3-list .item-one:hover .text .desc {margin-bottom: 100px;}
  .index-section2{padding: 80px 0;}
  .index-section4{padding: 90px 0 60px;}
  .index-company .right-text{margin-left: 50px;}
  .index-company .right-text .item-one p{font-size: 22px;}
  .index-section6{padding: 40px 0 100px;}
  
  .active-box{overflow-x:hidden}
  .h50{height:30px;}
  
  .about-section1{padding: 10px 0 70px;}
  .about-section3{padding: 50px 0 20px;}
  
  .about-section2 .section-top .p-desc{font-size: 20px;}
  .plan-box .item-one .text .desc{font-size: 20px;}
  .text-and-pic .left-text .p-desc{margin-top: 20px; margin-bottom: 20px; font-size: 20px;}
  .environment-marquee .item-one .pic img{height: 300px;}
  .about-section4{padding: 100px 0 0px;}
  .about-section5{padding: 100px 0 40px}
  .about-section5 .p-desc{font-size: 20px;}
  .about-section6{padding: 0 0 100px;}

  .service-section1,.service-section2{padding: 100px 0 0;}
  .order-title-box .order{width: 120px;  height: 120px;}
  .order-title-box .order em{font-size: 86px;}
  .order-title-box .title{font-size: 32px;}
  .service-section2 .item-list .item-one .text-box{padding: 20px 20px 70px;}
  .service-section3,.service-section5{padding: 100px 0;}
  .service-section3 .section-item {flex: 0 0 46%;}
  .service-section5 .desc{font-size: 20px; padding: 50px 0;}
  .service-section6{padding: 20px 0 100px;}
  .service-section6 .main .left-text .desc{padding: 55px 0 15px;font-size: 20px;}

  .service-section7{padding: 10px 0 100px;}

  .start-list{margin: 0 -20px;}

  .member-section1 .member-sec1-main .left-text {width: 550px;}
  .member-section1 .text-and-pic .left-text .p-desc{font-size: 18px;}

  .member-section2{margin-top: -130px; padding: 160px 0 80px;}
  .member-section3{padding: 100px 0;}
  .member-section3 .more-box{margin-top: 80px;}

  .expert-section1{padding: 110px 0;}
  .expert-desc .left-text .desc{font-size: 20px;}
  .expert-desc .right-pic{width: 450px;margin-left: 120px;}
  .expert-con .item-one .item-title .title{font-size: 32px;}
  .expert-con .item-one .item-list li .text{font-size: 18px;}
  .expert-con .item-one .item-list li .name{font-size: 24px;}
  .expert-con .item-one .item-list li .name span{letter-spacing: 1px;}

  .news-section{padding: 80px 0 40px;}
  .contact-map{margin-top: 80px;}
  
  .contact-list{margin: 0 -30px;}
  .contact-list .item-one .item-pad{padding: 30px;}
  .contact-list .item-one p{font-size: 20px;}

  .section-foot{padding: 90px 0 70px;}
  .footer .top{padding: 50px 0;}

}

/* 1280px ~ 1025px */
@media (max-width: 1280px) {
  .w75{width: 92%; }
  .w80{width: 92%; }
  .main{width: 92%; }
  
  .header{padding: 0 40px;}
  .header .more-box{margin-right: 0;}
  .header .logo img{height: 45px;}
  .header.fixed .logo img{height: 40px;}

  .header .menu li a{padding: 0 23px; font-size: 18px;}
  .read-more{font-size: 16px; padding: 0 20px; line-height: 36px;}
  .title-box{font-size: 32px;}
  .title-box span{font-size: 18px;}

  .sec-list li .item-one .text .title{font-size: 22px;}
  .sec-list li .item-one .text .desc{font-size: 16px;}
  .index-video .left-text .item-one p{font-size: 20px;}
  .index-video .left-text .item-one img{width: 80px;}
  .section3-list .item-one .text .title{font-size: 22px;}
  .section3-list .item-one .text .title span{font-size: 26px; letter-spacing: 0;}
  .section3-list .item-one .text .desc{font-size: 16px;}
  .index-section4 .p-desc{font-size: 20px;}
  
  .index-company .left-pic{width: 550px;}
  .index-company .right-text .icon-text{margin-bottom: 20px;}
  .index-company .right-text .item-one p{font-size: 20px;}
  .index-company .right-text .item-one{margin-bottom: 30px;}

  .order-title-box .order{width: 100px;  height: 100px;}
  .order-title-box .order em{font-size: 72px;}
  .order-title-box .title{font-size: 28px;}
  .order-title-box .title span{font-size: 14px;}
  .service-section3 .section-item {flex: 0 0 47%;}
  .service-section3 .section-item .desc{font-size: 20px;}

  .service-section6 .main .right-pic{width: 450px;}

  .sec-list{grid-template-columns: repeat(3, 1fr);  gap:30px;}

  .line120{height: 80px;}
}


/* 1024px ~ 992px */
@media (max-width: 1024px) {
  .title-box{font-size: 24px;}
  .title-box span{font-size: 14px;}
  .index-section1{padding: 50px 0;}
  .sec-list{grid-template-columns: repeat(2, 1fr);  gap:20px;}
  .sec-list li .item-one .text{padding: 5px 20px 25px;}
  .sec-list li .item-one .text .title{margin-bottom: 8px; font-size: 18px;}
  .sec-list li .item-one .text .desc{font-size: 14px; line-height: 1.6;}

  .index-video{margin-top: 45px; flex-direction: column;align-items: center; justify-content: flex-start;}
  .index-video .left-text{width: 100%;justify-content: flex-start; margin-right: 0;}
  .index-video .left-text .item-one img{width: 75px;}
  .index-video .left-text .item-one p{font-size: 16px;}
  .index-video .left-text .more-box{text-align: center;margin-bottom: 40px;}
  .index-video .right-pic{flex: auto;}

  .section3-list li{width: 50%;}
  .section3-list .item-one .text{padding: 50px 10px;}
  .section3-list .item-one .text .title{font-size: 20px;}
  .section3-list .item-one .text .title span{font-size: 24px; letter-spacing: 0;}
  .section3-list .item-one .text .desc{margin-bottom: 20px;}
  .section3-list .item-one:hover .text .title {margin-top: 30px;}
  .section3-list .item-one:hover .text .desc {margin-bottom: 40px;}
  
  .index-section2{padding: 50px 0;}
  .index-section2 .p-desc{line-height: 1.6;padding: 20px; font-size: 16px;}
  

  .index-section4{padding: 60px 0 20px;}
  .index-section4 .p-desc{font-size: 16px; padding:20px 10px 10px;}
  .active-box{margin-top: 20px;}
  .activeSwiper .item-one .title span{font-size: 18px;}

  .index-section5{padding: 30px 0;}
  .partner-marquee .marquee-track{animation: marqueeAnim 30s linear infinite;}
  .partner-marquee .item-one{margin-right: 20px;}
  .partner-marquee .item-one img{height: 50px;}

  .index-company{margin-top: 35px; flex-direction: column;align-items: center; justify-content: flex-start;}
  .index-company .left-pic{width: 100%; height: auto;}
  
  .index-company .right-text{margin-left: 0; width: 100%; justify-content: flex-start; margin-top: 20px;}
  
  .index-company .right-text .item-one p{font-size: 16px;}
  .index-company .right-text .more-box{text-align: center;}
  .index-section6{padding: 20px 0 50px;}
  
  .about-section1{padding: 0 0 50px;}
  
  .about-section2 {padding: 0 0 40px;}
  .about-section2 .section-top{padding: 40px 0;}
  .about-section2 .section-top .p-desc{font-size: 16px;}

  .plan-box{grid-template-columns: repeat(1, 1fr);  gap:20px; margin-top: 25px;}
  .plan-box .item-one{margin-top: 20px;}
  .plan-box .item-one .text .title{font-size: 22px;}
  .plan-box .item-one .text .desc{font-size: 16px;}
  .about-section3{padding: 30px 0 10px;}
  .text-and-pic .left-text{width: 100%; margin-right: 0;}
  .text-and-pic .left-text .text-top .title-box{text-align: center;}
  .text-and-pic .left-text .text-top .title-box span{text-align: center;}
  .text-and-pic .left-text .p-desc{margin-top: 20px; margin-bottom: 20px; font-size: 16px;}
  .text-and-pic .left-text .more-box{text-align: center;}

  .environment-box{margin-top: 40px;}
  .environment-marquee .item-one .pic img{height: 200px;}

  .about-section4{padding: 50px 0 0px;}
  .about-section5{padding: 50px 0 20px}
  .about-section5 .p-desc{font-size: 16px;}
  .about-section5 .more-box{margin-top: 50px;}
  .about-section6{padding: 0 0 50px;}

  .line120{height: 60px;}

  .service-section1,.service-section2{padding: 30px 0 0;}
  .order-title-box .order{width: 80px;  height: 80px; margin-right: 20px;}
  .order-title-box .order em{font-size: 56px;}
  .order-title-box .order i{font-size: 16px;margin-top: 20px;}
  .order-title-box .title{font-size: 24px;}
  .order-title-box .title span{font-size: 12px;}

  .service-section2 .item-list{display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap:0; margin-top: 0;}
  .service-section2 .item-list .item-one {width: 100%;margin-top: 30px;}

  .service-section3 .main-con{flex-direction: column; align-items: center; justify-content: flex-start;}

  .service-point{flex-direction: column;}
  .service-point .item-one{margin-top: 30px;}
  .service-point .item-one img{height: 80px; width: 80px;}
  .service-point .item-one p{font-size: 16px; margin-left: 20px;}

  .service-section2 .item-list .item-one .text-box{padding: 10px 20px 50px;}

  .service-section3{padding: 0 0 50px;}
  .service-section3 .section-item {flex: auto; margin-top: 50px;}
  .service-section3 .section-item .desc{padding: 20px 0; font-size: 16px;}

  .service-section5{padding: 50px 0;}
  .service-section5 .desc{font-size: 16px; padding: 30px 0;}

  .service-section6{padding: 10px 0 50px;}
  .service-section6 .main{flex-direction: column; align-items: center; justify-content: flex-start;}
  .service-section6 .main .left-text{flex: auto; margin-right: 0;}
  .service-section6 .main .left-text .desc{padding: 30px 0 15px;font-size: 16px;}
  .more-box.more-borer{margin-top: 30px; }
  .service-section6 .left-text .more-box.more-borer{justify-content: center !important; margin-bottom: 30px;}
  .service-section6 .main .right-pic{width: 100%;}

  

  .service-section7{padding: 10px 0 50px;}
  .service-section7 .title-pic img{height: 120px;}
  .service-section7 .text2{margin-bottom: 40px;}
  .service-section7 .text1{font-size: 16px;}
  .service-section7 .text2 img{height: 30px;}
  .service-section7 .more-box.more-borer{margin-top: 50px !important;}

  .start-list{margin: 0; grid-template-columns: repeat(3, 1fr);
  gap: 10px;}
  .start-list .item-one{margin-top: 20px;}
  .start-list .item-one .icon{height: 60px; width: 60px;}
  .start-list .item-one .title{font-size: 18px;}
  .start-list .item-one .title-en{font-size: 14px;}

  .member-section1{padding: 40px 0 30px;}
  .member-section1 .member-sec1-main{flex-direction: column; align-items: center; justify-content: flex-start; margin-top: 30px;}
  .member-section1 .member-sec1-main .left-text {width: 100%;}
  .member-section1 .text-and-pic .left-text .p-desc{font-size: 16px;}
  .member-section1 .text-and-pic .right-pic{justify-content: flex-start; flex: auto;}
  .member-section1 .text-and-pic .left-text .more-box{ margin-bottom: 30px; }
  .member-section1 .text-and-pic .left-text .more-box a.read-more{color: #c7b299; border:1px solid #c7b299;  }

  .member-section2{margin-top: -130px; padding: 130px 0 50px;}
  .famous-box .fuhao{padding: 0 10px;}
  .famous-box .fuhao .icon{height: 40px; width: 40px;}
  .famous-box .famous-says{margin-top: -20px; padding: 0 60px;}
  .famous-box .famous-says .desc-en{font-size: 20px;}
  .famous-box .famous-says .desc{font-size: 16px;}
  .famous-box .famous-says .author{font-size: 16px;}
  
  
  .member-section3{padding: 50px 0;}
  .member-section3 .more-box{margin-top: 50px;}
    
  .expert-section1{padding: 50px 0;}
  .expert-section1 .expert-desc{flex-direction: column; align-items: center; justify-content: flex-start;}
  .expert-desc .left-text .desc{font-size:16px; margin-top: 20px;}
  .expert-desc .right-pic{width: 100%;margin-left: 0; margin-top: 30px;}
  
  
  .expert-box{padding-top: 10px;}
  .expert-cat{padding: 15px 10px 5px; top: 60px;  margin: 0 -8%; }
  .expert-cat .item-one{font-size: 16px; width: 33.33%; margin-bottom: 10px;}
  
  .expert-con{padding: 30px 0 20px;}
  .expert-con .item-one{margin-top: 0; margin-bottom: 50px;}
  .expert-con .item-one .item-title .title{font-size: 20px;}
  .expert-con .item-one .item-title .right-bar img{height: 10px;}
  .expert-con .item-one .item-list{grid-template-columns: repeat(2, 1fr);  gap:20px;}
  .expert-con .item-one .item-list li{margin-top: 20px;}
  .expert-con .item-one .item-list li .text{font-size: 14px; margin-top: 0;}
  .expert-con .item-one .item-list li .text .label{font-size: 14px;}
  .expert-con .item-one .item-list li .name{font-size: 18px; height: 70px;}
  .expert-con .item-one .item-list li .name span{letter-spacing: 0; font-size: 14px;}
  

  .news-section{padding: 40px 0 20px;}
  .news-section .p-desc{font-size: 16px; margin-top: 10px;}
  

  .contact-section{padding: 50px 0;}
  .contact-section .icon-list{margin-top: 50px;}
  
  .contact-section .icon-list .item-one .icon{height: 80px; width: 80px}
  .contact-section .icon-list .item-one .label{font-size: 16px;}
  .contact-section .icon-list .item-one .desc{font-size: 14px;}

  .contact-map{margin-top: 30px;}
  .contact-list{margin: 10px 0 0;}
  .contact-list .item-one .item-pad{padding: 20px 0;}
  .contact-list .item-one p{font-size: 16px;}
  .contact-list .item-one:first-child{width: 100%;}
  .contact-list .item-one:nth-child(2){width: 100%;}
  .contact-list .item-one:nth-child(3){width: 100%;}

  .section-foot{padding: 50px 0 30px;}
  
  .section-foot .w75{ flex-direction: column; align-items: center; justify-content: flex-start;}
  .section-foot .left-box{width: 100%; display: flex;flex-direction: column; align-items: center; justify-content: center;}
  .section-foot .left-box .foot-logo{height:36px}
  .section-foot .left-box .foot-logo-sub img{height:40px;}
  .section-foot .left-box .foot-logo-sub span{font-size: 16px; margin-left: 10px;}
  .section-foot .right-box .item-one span{font-size: 18px;}
  .section-foot .right-box .item-one{font-size: 14px; margin-right: 10px;}
  .footer .top{padding: 30px 0; flex-direction: column;justify-content: flex-start;}
  .footer .top .left-menu li a{font-size: 16px;}
  .footer .top .right-info{width: 100%;}
  .footer .top .right-info .label-title{font-size: 16px; margin-top: 20px; text-align: center;}
  .footer .top .right-info .icon-list{justify-content: center; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
  .footer .top .right-info .icon-list .item-one{width: none;margin-left: 0;}
  .footer .top .right-info .icon-list .item-one .text{font-size:12px}
  .copyright{font-size: 12px; padding: 20px 0;}
  

  .backTop{width: 60px;height: 60px;}
  .backTop img{width: 25px; height: 25px;}
  
  .h5{height:3px;width:100%;clear:both;}
  .h10{height:5px;width:100%;clear:both;}
  .h15{height:8px;width:100%;clear:both;}
  .h20{height:10px;width:100%;clear:both;}
  .h25{height:13px;width:100%;clear:both;}
  .h30{height:15px;width:100%;clear:both;}
  .h40{height:20px;width:100%;clear:both;}
  .h50{height:25px;width:100%;clear:both;}
  .h60{height:30px;width:100%;clear:both;}
  .h70{height:35px;width:100%;clear:both;}
  .h80{height:40px;width:100%;clear:both;}
  .h90{height:45px;width:100%;clear:both;}
  .h100{height:50px;width:100%;clear:both;}

}

/* 991px ~ 321px */
@media (max-width: 991px) {  
  
}

/* 320px ~ 0px */
@media (max-width: 320px) {
  
}