body{font-size: 16px;  overflow-x:hidden; line-height: 1.5;} 
 /* */
 .inner{ width:86vw;   margin: 0 auto;  }
.pl-inner{ padding-left: 7vw;}
.pr-inner{ padding-right: 7vw;}
.ml-inner{ margin-left: 7vw;}
.mr-inner{ margin-right: 7vw;}

 @media screen and (max-width:1920px) { 
	.inner{ width:1600px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1600px)/2);}
.pr-inner{ padding-right: calc((100vw - 1600px)/2);}
.ml-inner{ margin-left: calc((100vw - 1600px)/2);}
.mr-inner{ margin-right: calc((100vw - 1600px)/2);}
 }



 
.zw{  margin-top: -90px; padding-top: 90px;}
.zwHeader{  height:  90px;}

header.sticky{ transform: translateY(-105px); -webkit-transform: translateY(-105px); -moz-transform: translateY(-105px); -ms-transform: translateY(-105px); -o-transform: translateY(-105px); }
header.scroll{box-shadow: 0 0 15px rgba(0, 0, 0, .15); }
header{ width: 100%; position: sticky; top: 0; left: 0 ; width: 100%; z-index: 100; background: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header .con{   padding-right: 90px;}
.oneNav{ line-height: 90px; white-space: nowrap; display: block; font-size: 18px; padding: 0 2vw; }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background: var(--color); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span{ color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }

nav li dl{ position: absolute; left: 50%; top: 100%; height: 0; transform: translateX(-50%) scale(1,.5); opacity: 0; transition: all .5s; -webkit-transform-origin: top center; pointer-events: none; box-shadow: 2px 23px 25px rgb(0 0 0 / 10%); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
nav li dl dd{  white-space: nowrap;background: rgba(255, 255, 255, .85);line-height: 56px; border-bottom: 1px solid rgba(0, 0, 0, .05); color: #333; font-size: 16px; text-align: center; min-width: 180px;}
nav li  dd a{ transition: all .36s; padding: 0 10px; display: block; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
nav li  dl dd:hover{  background: #fff;  }
nav li  dl dd:hover a{ background: var(--color); color: #fff; }
nav li:hover dl{ height: auto; transform:translateX(-50%)  scale(1); opacity: 1; pointer-events: unset; -webkit-transform:translateX(-50%)  scale(1); -moz-transform:translateX(-50%)  scale(1); -ms-transform:translateX(-50%)  scale(1); -o-transform:translateX(-50%)  scale(1); }

header .line{ height:1.2em ;  width: 1px;}

.languageBtn{  padding: 0 2vw;  height:90px;}
.languageBtn dl{ line-height: 56px; position:absolute;text-align: center;min-width:100px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
    }
.languageBtn dl a{ display: block; border-bottom: 1px solid #e5e5e5;}
.languageBtn dl a:hover{ background: var(--color); color: #fff;}
.languageBtn dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.languageBtn:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
    

.h_nav{ height: 90px; width: 90px;   padding: 35px  20px ;    align-items: flex-start; display: flex; position: absolute; right: 0; top: 0; z-index: 60;}
.h_nav .burger{ width: 90%;  height: 2px ; background: #000;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #333;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.h_nav.close{align-items: center; justify-content: center; background: #fff;}
/* .h_nav.close .burger{ background: #fff;} */

.in-nav { width: 100%; height: 100vh; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 50; -webkit-clip-path: circle(0% at 100% 0px); clip-path: circle(0% at 100% 0px); transition: -webkit-clip-path 1.5s; transition: clip-path 1.5s; transition: clip-path 1.5s, -webkit-clip-path 1.5s; -webkit-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -moz-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -ms-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -o-transition: clip-path 1.5s, -webkit-clip-path 1.5s;  color: #fff;}
.in-nav.show {-webkit-clip-path: circle(150% at 100% 0px);clip-path: circle(150% at 100% 0px)}
.in-nav .con{ padding-left: 14.5vw;}
.headerContact{ margin-left: 14.5vw; width: 40vw; }
.in-nav .zwHeader::after{ display: block; content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, .1);  position: absolute; left: calc(47% - 1px); top: 0;}

.in-nav .left{ width: 47%; padding-left: 9vw; border-right: 1px solid rgba(255, 255, 255, .1);}
.in-nav .innner{ height: calc(100% - 110px);}
.in-nav .right{ width:53%; }

.in-nav .left .line{ width: 1px; height: 50px; background: rgba(255, 255, 255, .1);}
.in-nav .left .round{ width: 70px; height: 70px; border-color: rgba(255, 255, 255, .1);}
.in-nav .right .bottom{ border-color: rgba(255, 255, 255, .1); height: 7.8vh;}
.in-nav .right .bottom a:hover{ color: #fff;}
.in-nav .right .top{ height: calc(100% - 7.8vh);padding-left: 7.8vw;}
.in-nav .right .top .firstNav{ width: 18.2vw; line-height:4;}
@media screen and (min-width:750px) {
.navIcon{ opacity: 0; transition: all .36s; transform: translateX(30px); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); }
.in-nav .right .top li:hover  .navIcon{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.navImg{ position: absolute; left: 15%; top: 58%; opacity: .2;}
.in-nav .right .top ul li dl{ position: absolute; left: calc(100% + 50px); top: 50%; opacity: 0; transform: translateY(-50%) translateX(30px); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
.in-nav .right .top li:hover  dl{ opacity: 1; transform:translateY(-50%) translateX(0); -webkit-transform:translateY(-50%) translateX(0); -moz-transform:translateY(-50%) translateX(0); -ms-transform:translateY(-50%) translateX(0); -o-transform:translateY(-50%) translateX(0); }


	 
}

.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.15); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #555; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #000; width: 1px; }

.Circles {position: absolute;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none !important;z-index: 0;}
.Circles-circle {display: block;position: absolute;will-change: transform;transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.Circles-circle:nth-child(1) {width: 21.87vw;height: 21.87vw;top: -7.26vw;left: -7.26vw;  }
.Circles-circle:nth-child(1) .Circles-dot {opacity: 0.05; }
.Circles-circle:nth-child(2) {width: 35vw;height: 35vw;top: -11.7vw;left: -11.7vw;transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.Circles-circle:nth-child(2) .Circles-dot {opacity: 0.04;}
.Circles-circle:nth-child(3) {width: 48vw;height: 48vw;top: -16vw;left: -16vw;transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.Circles-circle:nth-child(3) .Circles-dot {opacity: 0.03;}
.Circles-circle:nth-child(4) {
	width: 63.4vw;
	height: 63.4vw;
	top: -21.1vw;
	left: -21.1vw;
	transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
  .Circles-circle:nth-child(4) .Circles-dot {
	opacity: 0.02;
  }
  .Circles-circle:nth-child(5) {
	width: 92vw;
	height: 92vw;
	top: -30.7vw;
	left: -30.7vw;
	transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .Circles-circle:nth-child(5) .Circles-dot {
	opacity: 0.02;
  }
  .Circles-dot {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
  }
  .Circles-dot:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f2f2f2;
	border-radius: 50%;
	transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
	will-change: transform;
  }
.in-nav .right .top a:hover{ opacity: .8;}

.logoimg{ max-height: 52px;}
.imgHeight{ height: 1em;}

.idxBan .swiper-slide .text{ position: absolute; left: 0; top: 50%; z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxBan .swiper-slide .text .line{ width: 8em; height: 1px; background: rgba(255, 255, 255, .35);}
/* .idxBan .swiper-slide .text .banIcon{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); } */
.idxBan .swiper-slide .text .banIcon{ min-height: 42px ;}
.banImg{ max-height: 100vh; width: 100%; object-fit: cover;  }

.idxBan .swiper-slide::after{ display: block; content: ''; z-index: 5; width: 100%; height: 30%; position: absolute; left: 0; bottom: -1px;  background-image: linear-gradient(to top,#fff,transparent); }

.idxBan .swiper-slide::before{ display: block; content: ''; z-index: 2; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;  background: rgba(0, 0, 0, .35); }


.idxAboutTop .line{ width: 7em; height: 1px;}
.idxAboutTop .more:hover{ letter-spacing: 2px;}
.idxSer .top{ padding-left: 5vw; width: 100%; height: 100vh; background: url(../images/idxSerBg.png) no-repeat left center ; background-size: auto 100%;} 

.idxSerTitUl li{ border: 3px solid #CAAE90; box-shadow: 1.33px 0px 17.87px 0px #00000080;}
.idxSerTitUl{ width: 49vw;}
.idxSerTitUl li .more{ opacity: 0; transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }
.idxSerTitUl li:hover .more{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
/* .idxSerTitUl li:hover{   letter-spacing: 3px;  } */
.idxSerTitUl li:nth-child(1){ width: 18.7vw; height: 18.7vw;}
.idxSerTitUl li:nth-child(2){ width: 26vw; height: 26vw; margin-left: 3vw;}
.idxSerTitUl li:nth-child(3){ width: 24vw; height: 24vw; margin-top: -6vw; margin-left: 3vw;}

.idxSerText{ margin-left: 10vw; padding-bottom: 10vw;}

.idxSerUl li{ transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); 
	background: url(../images/idxSerUlBg01.jpg) no-repeat center center / cover;
}
.idxSerUl li.on{ border-radius: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

 
.idxSerUl li  .idxSerUlImg{ position: absolute; left: 0; bottom: 0; z-index: 2; max-height: 70vh;}
.idxSerUl li:nth-child(1) .round{ width: 60vw; height: 60vw; position: absolute; left: 50%; top: 15%; margin-left: -30vw; z-index: 1;}

.idxSerUl li:nth-child(1) .text{ width: 35vw; color: #eaddd4; position: absolute; z-index: 5; left: 50%; transform: translateX(-50%); top: 25%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxSerUl li:nth-child(1) .idxSerUlTitEn{ margin-top: -.6em; width: 21.4vw;}
.idxSerUl li .text .more:hover{  letter-spacing: 3px;}
 
.color-idxSer{color: #eaddd4;}
.idxSerUl li:nth-child(2) .round{ width:53vw; height: 53vw; position: absolute; left: -5%; top: 20%;  z-index: 1;}
.idxSerUl li:nth-child(2) .idxSerUlTitEn2{position: absolute;  z-index: 2; top:25% ; left: 5%; width: 27vw;}
.idxSerUl li:nth-child(2) .idxSerUlTitEn{ margin-top: -1.3em; width:27vw;}
.idxSerUl li:nth-child(2) .text{ z-index: 10; position: absolute; left: 60%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.idxSerUl li:nth-child(3) .round{ width:100%; height: 45%; background: #72151d; position: absolute; left:0; bottom: 0; z-index: 1; border-radius:0  !important; -webkit-border-radius:0  !important; -moz-border-radius:0  !important; -ms-border-radius:0  !important; -o-border-radius:0  !important; }
.idxSerUl li:nth-child(3) .text{ z-index: 10; position: absolute; left: 50%; top: 32%;      }
.idxSerUl li:nth-child(3) .idxSerUlTitEn{ margin-top: -.6em; width: 23.4vw;}

.idxSerClose{ position: absolute; top: 0; right: 0; z-index: 20;}
.idxSerClose{ display: none;}

.idxReviews{ background: url(../images/idxReviewsBg.jpg) no-repeat center center; background-size: cover;}
.idxReviewstiten{ margin-top: -.5em; }
.idxReviewsUl li{ border-color: rgba(114, 22, 28, .2); height: 3.4em; line-height: 1;}
.idxReviewsUl li.on{ background: var(--red); color: #fff;}

.idxReviews .slide-c .swiper-slide{ height: auto;}
.idxReviews .slide-c .text{ color: #e3ccba;}
.idxReviews .slide-c .text .yinIcon{ opacity: .07;}
.idxReviewsMan{ width: 95px; height: 95px; object-fit: cover;}
.idxReviews .slide-c .icon-star-full{ color: #facc01;}
.idxReviews .slide-c .textBot{ width: 100%; position: absolute; bottom: 0; left: 0 ; z-index: 8;}

.swiTabCon .mypagination{ }

.waplistharvard{ display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
.waplistharvard li {min-width:0}
.waplistharvard li .img{ width: 100%; height: 0; padding-bottom: 100%;}
.waplistharvard li .line{ width: 2em;height: 1px;background: #eaeaea;}

.idxMeet{ height: 90vh; background: url(../images/idxMeetBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.idxMeet::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.4) }
.idxMeet .line{ width:1.5em; height: 1px;}
.idxMeet .more:hover{ letter-spacing: 3px;}

.moreRound{ width: 2em; height: 2em;}

footer{ background: #171717;}
.footToptiten{width: 25.7vw; margin-top: -1em;}
.mediaList li{ margin-right: 7vw;  display: inline-block; min-width: 100px; text-align: center; }

.footBot{ margin-top: 50px;}

.ewmbxoUl li .img img{ width: 88px;}
.footNav a:hover{ color: #fff;}
.w68{ width: 68%;}

.footInput{   background: rgba(255, 255, 255, .05);  }
/* .footMessages .submit{ background: url(../images/submitIcon.png) center left no-repeat ; padding-left:40px; background-size: auto 100%;} */
/* .footMessages .reset{ background: url(../images/resetIcon.png) center left no-repeat ; padding-left:40px; background-size: auto 100%;} */
 
.footMessages .submit:hover,.footMessages .reset:hover{ background: #fff; color: #333;}
 
.history .top .text .line{ height: 2px; background: #ababab; width: 5.5em;}
.historyMan{ width: 42.2vw;}
 
 
 
.historyTop .item::before{ width: 8px; height: 8px; display: block; position: absolute; left: 0; top: 24px; content: ''; border-radius: 50%; border: 2px solid var(--red); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyTop .item::after{ width: 1px;   height: 100%; display: block; position: absolute; left: 5px; top: 50px; content: ''; background-image: linear-gradient(to bottom,var(--red),transparent);   }

.historyTop  { height: 420px;}
.historyTop .swiper-slide-active{ padding-top: 120px;}
.historyTop .swiper-slide-next{ padding-top: 60px;}
.historyTop .swiper-slide-next + .swiper-slide +.swiper-slide{ padding-top: 100px; } 

.historyTop .swiper-slide .top,.historyTop .swiper-slide .bot {color: #ac9fa0;}
.historyTop .active .top,.historyTop .active .bot{ color: var(--red);}
.historyTop .active .item::before{ background: var(--red);}
 
.historyBot .prev,.historyBot .next{ width: 45px; height: 45px; border-color: #d5d5d4; flex-shrink: 0;}
.historyBotSwiper .swiper-slide{color: #ac9fa0;}
.historyBotSwiper .active  { color: var(--red);}
.historyBot .prev:hover,.historyBot .next:hover{ background: var(--red); color: #fff;}
.historyPic{  
		z-index:10;    mask-size: 100% 100%;    -webkit-mask-size: 100% 100%;
		-webkit-mask-image:url(../images/tu3.png);	-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;   
		mask-repeat:no-repeat;-webkit-mask-position:left center;
 }
 .color-ed{ color: #eaddd4;}
 .bg-ed{ background-color: #eaddd4;}
 .Mission .inner{ border-radius: 2vw 0 0 2vw; -webkit-border-radius: 2vw 0 0 2vw; -moz-border-radius: 2vw 0 0 2vw; -ms-border-radius: 2vw 0 0 2vw; -o-border-radius: 2vw 0 0 2vw; }
 .Mission .text{ background: url(../images/MissionBg.png) no-repeat bottom left; background-size: 100% auto;}
 .Mission .line{ width: .8em; height: 4px;} 
.Mission .inner{box-shadow: 5px 0 27px rgba(114, 21, 29, .21);}
.Mission::after{ display: block; content: ''; position: absolute; right: 0; top: 0; width: 40%;  height: 100%; background: var(--red);}


.values::after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 40%;  height: 100%; background: var(--red);}
.values .line{ width: .8em; height: 4px;} 
.values .text .bottom{ padding:7vw 0 7vw 5vw; box-shadow: 5px 0 27px rgba(114, 21, 29, .21); }
.values .text .bottom::after{ background: url(../images/valuesBg.png) no-repeat top 10% right var(--red); display: block; content: ''; width:200% ; position: absolute; right: -50%; top: 0; height: 100%;}

.Philosophy::after{ display: block; content: ''; position: absolute; right: 0; top: 0; width: 40%;  height: 100%; background: var(--red);}
.Philosophy .line{ width: .8em; height: 4px;} 



.pageBanImg{ max-height: 100vh; object-fit: cover;  }
.pageBan::before {display: block;content: '';z-index: 5;width: 100%;height: 100%;position: absolute;left: 0;top: -1px;background-image: linear-gradient(to bottom, #fff , transparent);}
.pageBan::after {display: block;content: '';z-index: 5;width: 100%;height: 30%;position: absolute;left: 0;bottom: -1px;background-image: linear-gradient(to top, #fff,#fff 5%, transparent);}
.pageBan .text{ position: absolute; top: 15%; left: 0; z-index: 10;}

.childrenBan::before {display: block;content: '';z-index: 5;width: 100%;height: 70%;position: absolute;left: 0;top: -1px;background-image: linear-gradient(to bottom, #fff , transparent);}

.w90{ width: 90%;}
.w88{ width: 88%;}
.w38{ width: 38%;}
.ideologyOne .line{ width: 6em; height: 2px; background: #ababab;}

.ideologyTwo{ background: url(../images/ideologyTwoBg.png) no-repeat center center / cover;}
.ideologyTwo .left .line{ width: 3em; height: 2px;}
.ideologyTwo{ padding: 12vw 0;}

.ideologyTwoLine{ position: absolute;}
.ideologyTwoLine01{ left: 50%; bottom: 95%;}
.ideologyTwoLine02{ right: 80%;bottom: 0;}
.ideologyTwoLine03{ left: 80%;bottom: 0;}
.ideologyTwoText li{ position: absolute;}
.ideologyTwoText li:nth-child(1){ left: 50%; margin-left: -3em; top: -25%;}
.ideologyTwoText li:nth-child(2){ left:-10%;  top: 100%;}
.ideologyTwoText li:nth-child(3){right:-10%;  top: 100%;}

.ideologyThere{ background: #f8f3ed;}
.ideologyThereTop{ box-shadow: 5px 0 21px rgba(0, 0, 0, .2);}
.dujiaBg{ position: absolute; right: 0; bottom: 0; top: 0; height: 100%;}

.ideologyThereUl li{ width: calc(100% / 3); }
.ideologyThereUl li::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; background: var(--red); width: 100%; height: 0; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s;  }
.ideologyThereUl li:hover::after{  height: 100%;}
.ideologyThereUl li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
.ideologyThereUl li:hover div{ color: #fff !important;}
.ideologyThereUl li:hover .dujiaIcon{filter: grayscale(100%) brightness(500%); }

.speNews{ background: url(__HOME__/images/PESBg.jpg) no-repeat center bottom #fff; background-size: 100% 50%;}
.speNews img{  max-width: none; -webkit-user-drag: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.PESImg{ width: 37.8vw;}
.speNewsUl li{ position: absolute; }
.speNewsUl li .text{ position: absolute;}
.speNewsUl li:nth-child(1){left: 50%; bottom: 86%;}
.speNewsUl li:nth-child(1) .text{   left: 2vw; top: 0;}
.speNewsUl li:nth-child(2){right:72.6%; top: 20.3%;}
.speNewsUl li:nth-child(2) .text{  left: 0; bottom: 2vw;}
.speNewsUl li:nth-child(3){right:90%; top:54.9%;}
.speNewsUl li:nth-child(3) .text{  left: 0; top: 2vw;}
.speNewsUl li:nth-child(4){right:66.3%; bottom:25%;}
.speNewsUl li:nth-child(4) .text{  left: 0; top: 2vw;}
.speNewsUl li:nth-child(5){right:29.5%; top:77%;}
.speNewsUl li:nth-child(5) .text{  left: 2vw; bottom: 0;}
.speNewsUl li:nth-child(6){left:90%; top:39%;}
.speNewsUl li:nth-child(6) .text{  right: 0; top: 2vw; text-align: right;}

.speNews .vertical{ width: .625vw;}
.speNews .horizontal{ height: .625vw;}

.fiveBig{ border-radius: 130px 130px 0 0; -webkit-border-radius: 130px 130px 0 0; -moz-border-radius: 130px 130px 0 0; -ms-border-radius: 130px 130px 0 0; -o-border-radius: 130px 130px 0 0;
	background: url(../images/fiveBigBg.png) no-repeat center center var(--red); background-size: cover; background-attachment: fixed; }
	.fiveBigUl li{ width: 16.6vw; height: 16.6vw; color: #f8f3ec; flex-shrink: 0; margin-left: -1vw;}
	.fiveBigUl li .num{ width: 2em; height: 2em; background: rgba(255, 255, 255, .3);}
	
	.pingu{ background: #f8f3ec;}
	.pingu .line{ height: 2px;}
	.pingu .con{ height: 850px;}
	.pinguUl li{ position: absolute;}
	.pinguUl li .img{ width: 100% ; padding-bottom: 100%;}
	.pinguUl li .pinguImg{ width: 100%; height: 100%; object-fit: cover;}
	.pinguUl li .text{ background: rgba(0, 0, 0, .34);}
	.pinguUl li::after{ transition: all .36s; width: 120%; height:120%; position: absolute; left: -10%; top:-10%; display: block; content: ''; background: url(../images/pinguUlBg.png) no-repeat center center; background-size: 100% 100%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
	.pinguUl li:hover::after{ transform:rotate(90deg) ; -webkit-transform:rotate(90deg) ; -moz-transform:rotate(90deg) ; -ms-transform:rotate(90deg) ; -o-transform:rotate(90deg) ;
		-webkit-animation: qh 4s linear 0s infinite; }
	.pinguUl li:hover .pinguImg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
	.pinguUl li i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid var(--red); width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
	.pinguUl li i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid var(--red); width: 100%; height: 100%; border-radius: 50%;opacity: 0}
	.pinguUl li:hover { transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
	.pinguUl li:hover  i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
	.pinguUl li:hover i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }
	.pinguUl li:hover .text{ background: var(--red);}
	/* .pinguUl li:hover .text span{ opacity: 0; transform: translateY(140px); -webkit-transform: translateY(140px); -moz-transform: translateY(140px); -ms-transform: translateY(140px); -o-transform: translateY(140px); } */
	
	.pinguUl li:nth-child(1){ width: 13.7%; left: 1.3%; top: 35.5%; }
	.pinguUl li:nth-child(2){ width: 13.7%; left:18%; top: 8%; }
	.pinguUl li:nth-child(3){ width: 14.6%; left:29%; top: 40%; }
	.pinguUl li:nth-child(4){ width: 22.3%; left:45.1%; top: 3.6%; }
	.pinguUl li:nth-child(5){ width: 12.3%; left:54.8%; top:66%; }
	.pinguUl li:nth-child(6){ width: 16.3%; left:78%; top: 22.8%; }
	.pinguUl li:nth-child(7){ width: 11.3%; left:80%; top: 70%; }
	.pinguUl li:nth-child(8){ width: 12%; left:17.8%; top:74.1%; }
	
	.pinguCircles {position: absolute;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none !important;z-index: 0;}
	.pinguCircles-circle {display: block;position: absolute;will-change: transform;transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);}
	.pinguCircles-circle:nth-child(1) {width: 33.7vw;height: 33.7vw;left: -16.8vw;bottom: -16.8vw;background: transparent;z-index: 2;border-radius: 50%; }
	.pinguCircles-circle:nth-child(2) {width: 59.68vw;height: 59.58vw;left: -29.84vw;bottom: -29.84vw;transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);background: #e9dbd5;border-radius: 50%;}
	.pinguCircles-dot {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
	.pinguCircles-dot:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;will-change: transform;}
	
	.color{color: #eaddd4;}
	.bg{ background: #eaddd4;}

.bg-f8{ background: #f8f3ec;}

.caseBanLine{ width: 2em; height: 2PX;}
.caseBanRound{ display: none !important; flex-shrink: 0; width: 45PX; height: 45PX; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
/* max-width: 34.3vw; max-height: 14vh; max-width: 50vw;*/
.whyUs{  position: absolute; right:45px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.caseBanRound:hover{ background: var(--red); color: #fff;}
.caseBanMan{  object-fit: cover;  position: absolute; left: 50%; height: 70%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }


.insideBanImg{ width: 100%; min-height: 220px; object-fit: cover;}
.caseNav{ width: 93%; max-width: 1790px; margin-top: -100px; border-radius: 2vw 2vw 0 0; -webkit-border-radius: 2vw 2vw 0 0; -moz-border-radius: 2vw 2vw 0 0; -ms-border-radius: 2vw 2vw 0 0; -o-border-radius: 2vw 2vw 0 0; }
.caseNav li{ width: 22vw; }
.caseNav li .caseOneNav{ height: 100px;}
.caseNav li dl{   position:absolute;text-align: center;  width: 100%;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
}
 
.caseNav li dl a:hover{ color: var(--color); }
.caseNav li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.caseNav li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.caseNav li dd::after{ display: block; content: ''; width: 15%; opacity: 0; height: 2px; position: absolute; left: 0; bottom: -1px; background:var(--color) ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.caseNav li dd:hover::after{  width: 100%; opacity: 1;}
.caseNav li dl dd:last-child a{ border-bottom: none;}

.caseNav li:first-child .caseOneNav{ border-top-left-radius: 2vw;}
.caseNav li.on .caseOneNav{ background: var(--color); color: #fff;}
.caseNav li.on .caseOneNav span{ font-weight: bold;}
.caseNav li.on .caseOneNav .icon-add:before {content: "\e681";}

.caselist li { width: 49%;  }
.caselist li .img{ width: 100%; height: 0; padding-bottom: 55%;}
.caselist li .text{ margin-top: -3vw;}
.caselist li .text .desc{ height: 7em;}
.caselist li .text::after{ display: block; content: ''; width: 20%; opacity: 0; height: 8px; position: absolute; left: 0; bottom: 0; transition: all .36s; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.caselist li:hover .text::after{ width: 100%; opacity: 1; }
.caselist li .more:hover{ letter-spacing: 3px; color: var(--color);}

/* 标题 */
/* .idxAbout-en{ width: 12.1vw;} */
.engTitle{ max-height: 4VW;}
.ourHistory-EN{ height: 4.6VW;}
.aboutUs{  height: 5.8vw; }
.fiveBigTit{ width: 55.3vw;}
.ideologyThereTit{ width: 38.1vw;}
.oureducationideology{width: 34vw;}


.newsInfoTop{ background: url(../images/newsInfoBg.png) no-repeat top right var(--red);  }
.location{ border-color: rgba(255, 255, 255, .15);}
.location a:hover{ opacity: .9;}
    
.newsPage a:hover .line-clamp{ color: var(--color); font-weight: bold;}
.tjNewsTit{ border-left: 5px solid var(--color);}

.tjnewsList li{ width: calc((100% - 70px)/3);  margin-right: 35px;}
.tjnewsList li:nth-child(3n){ margin-right: 0;}
.tjnewsList li .img{ padding-bottom: 66%; height: 0; width: 100% ;}
.tjnewsList li:hover{ transform: translateY(-5px); box-shadow: 0 0 15px rgba(114, 21, 29, .21); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.tjnewsList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newsInfoTopTti{ position: absolute; right: 0; bottom: 0;}

.childrenNumUl li{ flex: 1;}
.childrenNumUl li::after{ display: block; content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0;  background-image: linear-gradient(to bottom, var(--color) 0%, #D9AE6E 30%, #D9AE6E 70%, var(--color) 100%); }

.childrenNumUl li:last-child::after{ display: none;}
.childrenYsUl li .tit::after{ display: block; content: ''; width:.5rem; height: .5rem; border-radius: 50%; left: 0; transform: translateY(-50%); position: absolute; left: 0; top: 50%; background:var(--color) }
.childrenYsUl li .bottom{ display: none;}
.childrenYsUl li.on .icon-add-bold:before {
	content: "\e68a";
  }
  .childrenYsUl li + li{ padding-top: 5vw;}
/* 
.childrenYsUl li{ margin-top: 10vw;}
.childrenYsUl li .tit::after{ display: block; content: ''; width: 5.2em; height: 1px; position: absolute; left: 0; bottom: 0; background:#797979 }
  */
.childrenSerUl  li { position: sticky; left: 0; top: 0;}
.childrenSerUl  li .img{  width: 100%; height: 0; padding-bottom: 62%;}
.childrenSerUl  li .text { background: rgba(0, 0, 0, .4); z-index: 10;}
.childrenSerUl  li .text .line{ width: 4em; height: 1px;}
.childrenSerUl  li .more:hover span{ letter-spacing: 3px;}

.childrenBottom{ overflow: hidden; height: 90vh; background: url(../images/childrenBottomBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.childrenBottom::after{ display: block; content: ''; width: 100%; height: 110%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(25, 25, 25, 0.3) 0%, #1A1615 100%);}
.childrenBottom .line{ width:1.5em; height: 1px;}
.childrenBottom .more:hover{ letter-spacing: 3px;}

.childrenBottomTwo{ height: 90vh; background: url(../images/childrenBottomTwo.png) no-repeat center center; background-size: cover; background-attachment: fixed;}
.childrenBottomThere{ height: 90vh; background: url(../images/childrenBottomThereBg.png) no-repeat center center; background-size: cover; background-attachment: fixed;}

.childrenBottomFour{ height: 90vh; background: url(../images/childrenBottomFourBg.png) no-repeat center center; background-size: cover; background-attachment: fixed;}

.childrenBottomFiver{height: 90vh; background: url(../images/childrenBottomFiverBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.footLogoIconHeight{ height: 1em;}

.footline{ width: 1PX; background: rgba(255,255,255,0.4);}
.w89-7 { width: 89.7%;}

.color-d7{ color: #D7B086;}

 
.pastDataImg{ position: absolute; right: 0; top: 0; }
.pastDataImg2{position: absolute; right: 0; top: 100%;}
.pastData .title{ position: absolute; left: 0; top: 0;}
.pastDataUl{ position: absolute; right: 0; top: 0; left: 0;}
/* .pastDataUl li{ height: 12.5vw;} */
/* .pastDataUl li{  padding: 3vw 0; } */
.pastDataUl .num .font64{ -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(180deg, #EEC779 0%, rgba(183, 151, 88, 0.5) 100%);}
.pastDataUl li .num2{ width:20%; margin-left: 5vw;}
/* .pastDataUl li:nth-child(2) .num:nth-child(2){ width:22vw; margin-left: 5vw;} */

.w52{ width: 52%;}
.w48{ width: 48%;}

.ApplicationService{  box-shadow: 0px 8vw 3vw 0px rgb(0 0 0 / 10%); }
.ApplicationService .img::after{ display: block; content: ''; width:50%; height: 100%; position: absolute;   top: 0; right: 0; background-image: linear-gradient(to left,#fff,transparent);  }
.line-height1-2{ line-height: 1.3;}
.ApplicationServiceBot span{ width: 6px; height: 6px; margin: 0 5px; margin-top: 3vw;}
/* .ApplicationServiceBot */

.MillenniumCon{ background: url(../images/serviceImg03.jpg) no-repeat right top;}
.serviceIcon02{  width: 50px ; height: 50px; 
/* border: 2px solid; border-image-source: linear-gradient(180deg, #EEC779 0%, #A29479 100%);  */
}
.serviceIcon02::after{display: block;content: '';top: -2px;left: -2px;border-radius: 50%;background-size: 400% 400%;right: -2px;background:  linear-gradient(180deg, #EEC779 0%, #A29479 100%); 
	z-index: -1;bottom: -2px;position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.serviceIcon02Txt::after{ z-index: -1; display: block; content: ''; top: -2px; left: -2px; border-radius: 40px; background-size: 400% 400%; right: -2px; background:  linear-gradient(180deg, #EEC779 0%, #A29479 100%); bottom: -2px; position: absolute; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px;
}
.serviceIcon02Txt .z10{ background: linear-gradient(to bottom, #ffe1a7, #fff6e0);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	background-size: 200% auto;  }
	/*  filter: drop-shadow(0 0 3vw rgba(0,0,0,0.25)); -webkit-filter: drop-shadow(0 0 3vw rgba(0,0,0,0.25)); */
.serviceImg02{ width: 70%; }
.IGPOne .line{ width: 3em; height: 2px;}
.w58{  width: 58%;}
.serviceImg05{ filter: drop-shadow(0 0 3vw rgba(0,0,0,0.25)); -webkit-filter: drop-shadow(0 0 3vw rgba(0,0,0,0.25));}
.IGPMore .round{ width: 10px; height: 10px;}
.IGPMore .line{ width: 9vw; height: 2px;}

.IGPOne .IGPMore{ position: absolute; bottom: 0; right: 0;}
.IGPTwo::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right,#fff,#fff 40%,transparent); }
.IGPTwo .line{ width: 3em; height: 2px;}

.serviceImg06{ min-height: 80vh;}
 



.serciveLineTit .round{width: 10px; height: 10px;}
.serciveLineTit .line{ background-image: linear-gradient(90deg, #FFFFFF 55.77%, #B3713B 100%); height: 2px; width: 5em; }
.serciveLineTit .line.right{ background-image: linear-gradient(90deg, #B3713B 55.77%,  #FFFFFF 100%); height: 2px; width: 5em; }

.groupTop .text{ position: absolute; left: 0; top: 25%; }
.groupTop .title{ position: absolute; left: 0; bottom: 0;}

.IGPThere::before{ display: block; content: ''; width: 100%; height: 30%; position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,#fff,#fff 40%,transparent); }
/* .IGPThere::after{ display: block; content: ''; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background:linear-gradient(358deg,#fff,#fff 20%,transparent); } */
.IGPThere .text{ position: absolute; right: 0; top: 0;} 
.IGPThere .text .line{ width: 3.2em; height: 2px;}
.IGPThere .IGPMore{ position: absolute; bottom: 10%; right: 0;}

.IGPFour .IGPMore{ position: absolute; left: 0; bottom: 8%;} 

.IGPFive .text{ position: absolute; left: 0; top: 0;} 
.IGPFive .text .line{ width: 3.2em; height: 2px;}
.IGPFive .IGPMore{ position: absolute; left: 0; bottom: 10%;} 

.IGPSix .text{ position: absolute; right: 0; top: 0;} 
.IGPSix .text .line{ width: 3.2em; height: 2px;}
.IGPSix .IGPMore{ position: absolute; left:28%; bottom:38%;} 

.groupSwiper  { background: url(../images/groupSwiperBg.jpg) no-repeat center center / cover;}
.groupSwiper .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 78%;}
.groupSwiper .swiper-slide .img img{  max-height: 90%;}
.groupSwiper .swiper-slide .desc p{ line-height: 1.3; margin-bottom: 1em;}
.groupSwiper{  box-shadow: 0px 8vw 3vw 0px rgb(0 0 0 / 10%); }
.groupSwiperPagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 4px;}

.TeamSwiper  { padding: 7.8vw 0; background: url(../images/TeamSwiperBg.jpg) no-repeat center center / cover;}
.TeamSwiper .swiper-slide .img{  width: 100%; height: 0; padding-bottom: 100%;}
.TeamSwiper .swiper-slide .img img{ position: absolute; left: 0; right: 0; top: 0;}

.serviceImg07 .more{ position: absolute; left: 0; bottom: 5%;}
.serviceImg07 .more:hover{ letter-spacing: 2px;} 
.serciveLineTit .line{ background-image: linear-gradient(90deg, #FFFFFF  , #B3713B 100%); height: 2px; width: 28vw; }
.serciveLineTit .line.right{ background-image: linear-gradient(90deg, #B3713B  ,  #FFFFFF 100%); height: 2px; width: 28vw; }
.serviceBottom{  box-shadow: 0px 8vw 3vw 0px rgb(0 0 0 / 10%); }
.serviceBottomSwiper .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 80%;}
/* .serviceBottomSwiper .swiper-slide .img img{ max-height: 80%;} */

.w42{ width: 42%;}
.enterpriseOne .line{ background: #797979; width: 5.5em; height: 1px;}
.enterpriseTwoSwiper .img{ width: 100%; height: 0; padding-bottom: 127%;}

.topText{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; transform: translateY(-20px); opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }
.enterpriseTwoSwiper .swiper-slide:hover .topText{ transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.enterpriseTwoSwiper .swiper-slide:hover .bigImg{ filter: blur(5px); -webkit-filter: blur(5px); }

.OURPORTFOLIOlOGOuL li{ height: 70px; width: 16vw; margin: 0 2vw;}

.color-title{ color: #5C5C5C;}


.hbsCaseUl li{  }
.hbsCaseUl li .text .line{ width:6em; height: 1px;}
.hbsCaseUl li .img{ width: 100%; height:0; padding-bottom: 70.5% ;}
.hbsCaseUl  li { position: sticky; left: 0; top: 0;}
.hbsCaseUl  li:nth-child(2n){ flex-direction: row-reverse;}

.hbsCaseUl li:nth-child(2n-1) .text{ padding-left: 0;}
.hbsCaseUl li:nth-child(2n) .text{ padding-right: 0;}
.hbsCaseUl li .tit{ color: #5C5C5C;}


/* .gficCourseCUl li:nth-child(2n-1) .text{ padding-left: 0;}
.gficCourseCUl li:nth-child(2n) .text{ padding-right: 0;} */




.harvardCaseTitle .line{ width: 6.5em; height: 1px;}
.harvardCaseUl .item .tip{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to bottom, #EEC779,#FCF4D8); ;}
.harvardCaseUl .line{ width: 1px;  background-image: linear-gradient(to bottom,#FFFFFF,#C0C0C0,#BCBCBC,#FFFFFF);}
.harvardCaseUl .item .desc{ position: absolute; bottom: 0; left: 0;}

.schoolYs{}
.schoolYsTitle{ position: sticky; top: 2vw; left: 0;}
.schoolYsTitle .line{ width: 6.5em; height: 1px;}
.schoolYsUl li .text{ background: rgba(0, 0, 0, .6); transform: translateY(75%); -webkit-transform: translateY(75%); -moz-transform: translateY(75%); -ms-transform: translateY(75%); -o-transform: translateY(75%); }
.schoolYsUl li:hover .text{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.schoolYsUl li:hover .desc{ opacity: 1;}

.busProcessTitle .line{ width: 6.5em; height: 1px;}


.schoolTable .item::after{ position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 100%; height: 1px; background-image: linear-gradient(to right,#FFFFFF,#C0C0C0,#BCBCBC,#FFFFFF);}
.schoolTable::before{ position: absolute; bottom: 0; left: 33.3%; display: block; content: ''; width: 1px; height: 100%; background-image: linear-gradient(to bottom,#FFFFFF,#C0C0C0,#BCBCBC,#FFFFFF);}
.schoolTable::after{ position: absolute; bottom: 0; right: 33.3%; display: block; content: ''; width: 1px; height: 100%; background-image: linear-gradient(to bottom,#FFFFFF,#C0C0C0,#BCBCBC,#FFFFFF);}
.schoolTable .item>div{padding: 1.5vw;}
.schoolTable .item>div:first-child{ text-align: left; justify-content: flex-start; padding-left: 5vw;}
.schoolTableBox .icon{ height: .8em;}
.schoolTableDesc{ padding-left: 5vw;}

.schoolTableTwo .item:first-child>div::after{ position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 100%; height: 1px; background-image: linear-gradient(to right,#FFFFFF,#C0C0C0,#BCBCBC,#FFFFFF);}
.schoolTableTwo .item:first-child>div::before{ display: none;}
.schoolTableTwo .item>div::before{ position: absolute; bottom: 0; left: 0; display: block; content: ''; width:1px; height: 100%; background-image: linear-gradient(to bottom,#FFFFFF,#C0C0C0,#BCBCBC,#FFFFFF);}
.schoolTableTwo .item>div:first-child::before{ display: none;}
.schoolTableTwo .item:first-child>div{ padding: 0;}
.schoolTableTwo .item>div{ padding: 1.5vw;}

.principleSwiper .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 128%;}
.principleSwiper .swiper-slide .text .icon{width: 1.2em;}
.principleSwiper .swiper-slide:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.principleSwiper .swiper-slide:hover { color: var(--color);}

.familyNumUl li{ height: 80vh; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.familyNumUl li .text{ background-image: linear-gradient(to right,#000,transparent);}
.familyNumUl li{ position: sticky; top: 2vw; left: 0;}

.gficCourseCUl li .text .line{ width:6em; height: 1px;}
.gficCourseCUl li .img{ width: 100%; height:0; padding-bottom: 90% ;}
.gficCourseCUl  li { position: sticky; left: 0; top: 0;}

.gficKeSwiper .img{ width: 100%; height: 0; padding-bottom: 127%;}
.w46{ width: 46%;}

.globalThumbsBox::after{ display: block; content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 19px;  background-image: linear-gradient(to right,transparent,#8D6C51,#8D6C51,transparent); }
.global-thumbs .swiper-slide{ padding-bottom:4vw;}
.global-thumbs .swiper-slide::after{ display: block; content: ''; width: 2px; height: 0; transition: all .36s; position: absolute;  left: 50%; margin-left: -1px; bottom: 0; background-image: linear-gradient(to bottom,transparent,#C2A791); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.global-thumbs .swiper-slide img{ height: 40px; cursor: pointer;}
.global-thumbs .swiper-slide-thumb-active::after{ height:calc(100% - 20px); }
.global-thumbs .swiper-slide-thumb-active  { opacity: 1;}

.global-top .swiper-slide{ background: #E8DED3;}
.global-top .swiper-slide .img{ width: 100%; height: 0; padding-bottom:108%;}

.global-top .swiper-slide .text .line{ width:5em ; height: 1px;}

.mypagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 3px;}
.efiiosDescUl  li { position: sticky; left: 0; top: 0;}
.efiiosDescUl  li .img{ width: 100%; height: 0; padding-bottom: 100%;}
.efiiosDescUl  li:nth-child(2n){ flex-direction: row-reverse;}

.efiiosEnglish .text{ position: absolute; left: 0; top: 10%;}

.foundationUl li:nth-child(2n){ flex-direction: row-reverse;}

.tuanduiBox {background: linear-gradient(75.62deg, #6A160C 0%, #240A06 100%);}
.tuanduiSwiper .swiper-slide .img{  width: 100% ; height: 0; padding-bottom: 100%;}
.tuanduiBox .btn{  position: absolute; top: 50%; z-index: 10; opacity: 0;}
.tuanduiBox .btn.prev{ left: 1%;}
.tuanduiBox .btn.next{ right: 1%;}
.tuanduiBox:hover .btn{ opacity: .32;}
.tuanduiBox .btn:hover{ opacity: 1;}

.groupSwiperBox .btn{  position: absolute; top: 50%; z-index: 10; opacity: 0; color: #fff;}
.groupSwiperBox .btn.prev{ left: 1%;}
.groupSwiperBox .btn.next{ right: 1%;}
.groupSwiperBox:hover .btn{ opacity: .32;}
.groupSwiperBox .btn:hover{ opacity: 1;}


.worldClassUl li{ position: absolute;  }
.worldClassUl li:nth-child(1){ left: 60%; top: 0;}
.worldClassUl li:nth-child(2){ left: 0; bottom: -10%;}
.worldClassUl li:nth-child(3){ left: 60%; bottom: 0;}



.harvardSwiper .swiper-slide .img{  width: 100%; height: 0; padding-bottom: 100%; box-shadow: 0 20px 20px rgb(0 0 0 / 20%) }
/* .harvardSwiper .swiper-slide .img img{ width: 100%; position: absolute; left: 0; top: 0; right: 0;} */
.harvardSwiper .swiper-slide .line{ width: 2em; height: 2px ; background: #eaeaea;}

.entorshipSwiper .swiper-slide .img{  width: 100%; height: 0; padding-bottom: 100%; box-shadow:0 20px 20px rgb(0 0 0 / 20%)}
.entorshipSwiper .swiper-slide .line{ width: 2em; height: 2px ; background: #eaeaea;}
.entorshipSwiper .swiper-slide .color-orange{ color: #5B2469;}


.top30Swiper .swiper-slide .img{  width: 100%; height: 0; padding-bottom: 100%; box-shadow:0 20px 20px rgb(0 0 0 / 20%)}
.top30Swiper .swiper-slide .line{ width: 2em; height: 2px ; background: #eaeaea;}
.top30Swiper .swiper-slide .color-orange { color: #1B4F65;}


.AcademicSwiper .swiper-slide .img{  width: 100%; height: 0; padding-bottom: 100%; box-shadow:0 20px 20px rgb(0 0 0 / 20%)}
.AcademicSwiper .swiper-slide .line{ width: 2em; height: 2px ; background: #eaeaea;}
.AcademicSwiper .swiper-slide .color-orange { color: #1B4F65;}

.responsibilityUl li .text{ position: absolute; left: 0; bottom: 0%;  z-index: 15;}
.responsibilityUl li .text .line{ width: 12em; height: 1px; background-color: #797979;}
.responsibilityUl li:nth-child(1) .con{ margin-bottom:10vw ;}

.responsibilityUl li:nth-child(2) .img{justify-content: flex-start;}
.responsibilityUl li:nth-child(2) .text{ bottom: auto; top: 0; left: auto; right: 0; text-align: right;}
.responsibilityUl li:nth-child(2) .text  .con{  align-items: flex-end; }

.responsibilityUl li:nth-child(3) .text{ bottom: auto; top: 10%;  }
.responsibilityUl li .responsibilityIcon{ max-width: 13vw;}

.Blogul{ display: none;   grid-gap: 15px; grid-template-columns: repeat(2,1fr);}
.Blogul li {min-width:0}

.spectrumSwiper .img{ width: 100%; height: 0; padding-bottom: 70%;}
.spectrumUl li { height: calc(100% / 7); min-height: 82px;}
.spectrumUl li.on{ background-image: linear-gradient(to bottom,rgba(0,0,0,.2),transparent 40%);}

.aboutNewslist .img .con{ width:100% ; padding-bottom: 61%;}
.aboutNewslist .img .con img{ transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; }
.aboutNewslist  .mask-white{ transition: all 1.2s; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; }
.aboutNewslist .text{ border-color: #d3d1cf;}
.aboutNewslist  a::after{ width: 0; transition: all .36s; z-index: 5; height: 4px; background: var(--red); display:block; content: ''; position: absolute; left: 0; bottom: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.aboutNewslist  a:hover::after{ width: 100%;}
.aboutNewslist  a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.aboutNewslist  a:hover .tit{ color: var(--red);}
.aboutNewslist a  .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
.aboutNewslist  a:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}