.main-area.top { background-color: transparent;/*background-color: #eff5f9;*/}
.main-about{ position: relative; margin:0px;   }
@media (max-width:767.98px) {
.main-about{ padding: 30px 0px; }    
}
.about-title { font-size: 52px; font-weight: 500; line-height: 1.375rem; letter-spacing: normal;  width: 100%;  height: auto; word-break: normal; word-wrap: break-word;  margin-bottom: 25px; position: relative; color: #1e88c9;}
@media (max-width:767.98px) {
.about-title { font-size: 30px; line-height: 1.375rem;padding: 0px 20px; margin-bottom: 10px;  }
}
.about-title-text { position: relative;}
.about-title-text:last-child:before { width: 10px; height: 10px; content: ""; position: absolute; bottom: 18px; right: -15px; display: block; background-color: #ffa908; border-radius: 50%;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.about-title-text.zh { font-size: 32px; font-weight: 500; line-height: 1.5rem; letter-spacing: 1px; position: relative;}
@media (max-width:767.98px) {
.about-title-text.zh { font-size: 16px;  }
 }
.block-slider{ z-index: 9; left:0px; }
.slider-for{width: 100%; max-width: 90%; list-style: none}
.slider-for li{width: 100%;}
.slider-for li img{width: 100%;   }
 @media (max-width:840px) {
.slider-for{ max-width: 100%;margin: 0px; padding: 0px; }
}
.main-about .animated {  -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
.main-about .titlebox .title-en { font-size: 2rem; font-weight: 900; color: #1f4788; }
@media (max-width:767.98px) {
.main-about .titlebox .title-en { font-size: 1.75rem;line-height: 2rem;}
}
@media (max-width:320px) {
.main-about .titlebox .title-en { font-size: 1.5rem;line-height: 1.5rem;}
 }
.block {width:50%; height: auto;margin: 0; padding:0px;  display: flex; flex-wrap: wrap;  align-items: center;align-content:center;  position: relative;z-index: 2 }
@media (max-width:1024px) {
.block { align-content:flex-start; }	
}
@media (max-width:992px) {
.block {width:100%;}
}
.card-1{ width:70%; height: auto;    }
.card-2{ width:40%; margin: 0px; padding: 0px;position: absolute;top:30%; right:20px;border: solid  1px #fff; z-index: 0}
.card-1 img,.card-2 img{display: block; margin: 0; box-shadow: 0px 5px 16px rgba(0,0,0,.3)}


.block-full{width:80%;  margin:0px auto; padding:40px 0px; position: relative; }
.block-txt{width:100%; margin:0px auto; padding:0px 20px 0px 40px ;}
 @media (max-width:1024px) {
.block-full{width:90%;  }	 
.block-txt{  padding:0px 20px;}
}
 @media (max-width:840px) {
.block-full{width:100%; padding: 30px;}	 
.block-txt{  padding:0px ;}	 
}
 @media (max-width:768px) {
.block-full{width:100%;padding:30px; }    
}
@media (max-width:767.98px) {
.block-full{padding:0px 30px;  }    
.block-txt{ padding:0px;}
}
@media (max-width:320px) {
.block-full{padding:0px 20px;  }    	
}
.block p,.block-full p{ width: 100%; font-size:1.125rem; font-size: min(max(3.5vw, .9rem), 1.125rem); line-height:1.875rem; font-weight: 400; padding:5px 0px; margin-bottom: 10px;  color:#3f3a39;  }
.block p strong,.block-full p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #3f3a39; }
.block-box{ width: 80%;bottom: 0px;left:0px;  position: absolute; z-index: 9; }
@media (max-width:767.98px) {
.block p,.block p,.block-full p{ padding:5px 0px; line-height:1.375rem;}
}
 

.core{  margin:0px; padding:80px 0px 140px 0px; background-color:#cce1e8;position: relative; }
.core .block-txt{ padding:0px 40px 0px 70px;}
@media (max-width:1024px) {
.core .block-txt{ padding:0px 20px;}
}
@media (max-width:840px) {
.core{padding:40px 0px 200px 0px;  }
.core .block-txt{ padding:0px;}
}

/*bg-style*/
.bg-core { width: 100%; background-image: attr(src url); background-repeat: no-repeat; background-size:auto 100% ;background-position:right bottom; position: absolute;z-index: 0; top:0px; left: 0; right: 0; bottom: 0; line-height: 0;   }
@media (max-width:840px) {
.bg-core { background-size: 100% auto   }	
}
 
.bg-about-2{padding:40px 0px; background-image: linear-gradient(to top, #cce1e8 0%, #fff 100%); }
@media (max-width:1024px) {
.bg-about-2{padding: 0px; }
}
.bg-gradient-bk {  padding:80px 0px 120px 0px; background: #fff  }
 
@media (max-width:992px) {
.about-team.bg-about-1,.about-team.bg-about-2{ padding: 40px 0px;   }
.bg-gradient-bk {padding:40px 0px 120px 0px; }
.bg-gradient-bk .main-wrap{ flex-direction: column-reverse}
}
 
/*----------------------------------------/
timeline
----------------------------------------*/
.cms-about-time {padding:2vh 0 20vh 0;   position: relative; z-index: 0; }
.cms-about-time:after{ content: 'History'; width:100%; position: absolute;  z-index: 0; display: block; left: -50px; top: -150px; font-size: 140px; font-weight: 900; color:#d4dde6; writing-mode: vertical-lr; text-orientation: mixed;  pointer-events: none;opacity: .5;}
.cms-about-time .cms-title-block { width: 100%;  max-width: 1200px; margin: 20px auto; }
.timeline { position: relative; max-width: 1200px;  margin: 0 auto;    z-index:1;}
.timeline::after {  content: '';  position: absolute; width: 1px; background-color:#d0312a; top: 0; bottom: 0;  left: 50%;  margin-left: -3px; z-index:1;}
.timewrap { padding: 10px 40px; margin-bottom: 10px; position: relative; background-color: inherit; width: 50%;z-index:9;}
.timewrap::after {margin:0px;content: attr(data-year)' '; font-size: 0;  position: absolute; width: 66px; height: 66px; right: -30px; top: 15px; border-radius: 10%; transform: rotate(45deg); z-index:8; background: linear-gradient(to bottom, #ff4600 0%, #003285 100%);}
.timewrap::before { color: #fff; margin:0px;  content: attr(data-year)' '; position: absolute; right: -30px; top: 15px; font-weight:900;  width: 66px; height: 66px;  z-index:9; line-height: 65px; text-align: center;  }
.timewrap.right::before{left: -36px; }
.circlecontainer { color: #184598; content: " "; position: absolute; width: 66px; height: 66px; right: -33px; background-color: #774e36; border-color:#9e2b2f; border-style: solid;  border-width:1px; top: 15px;  border-radius: 50%;  z-index:99;}
.left { left: 0; text-align:left;}
.right { left: 50%; text-align:left; }
.right::after { left: -36px;}
.contentboxr { color:#184598; padding: 20px 30px; background-color: #181818; position: relative; border-style: solid;  border-left: 1px; border-left-color:#181818; border-width:1px; left:-43px;  z-index:5; line-height:1.2;}
.containerbox { padding: 10px 40px; position: relative; background-color: inherit;  width: 50%;}
.contentboxr::after { display: none !important; visibility: hidden;}

.time-content { width: auto;  color:#000; padding: 20px 30px; border: solid 1px #d6e6fc; background-color:#eaf1f8; border-radius:15px; position: relative;  /* display: flex; flex-wrap: wrap;  align-content: center; align-items: center; flex-direction: column;*/ }
.time-content figure{ margin: 0 auto 20px auto; }
.time-content p{ width: auto;  font-size: 1.15rem;  margin: 0;}
.timewrap.left .time-content p{ text-align: right}
.timewrap.right .time-content p{ text-align: left}
@media screen and (max-width:1024px) {
.cms-about-time:after{ top:0px;font-size:120px;}
}
@media screen and (max-width:840px) {
.cms-about-time {padding:2vh 0; }
.cms-about-time:after{ display: none;  }
}
@media screen and (max-width:768px) {
.timeline::after { left: 51px; }
.flex-container { display:none; visibility:hidden; }
.timewrap {  width: 100%; padding-left: 70px; padding-right: 0px; }
.contentboxr { color:#184598; padding: 10px 20px; background-color: #181818;  position: relative; border-style: solid; border-left: 0px; border-left-color:#181818; border-right: 0px; border-right-color:#181818; width:330%;}
.timewrap::before { left: 60px;   }
.timewrap.right::before{left:15px; }   
.timewrap.left::before{left:15px; }   
.left { text-align:left; }
.right {  left: 0%; text-align:left;}
.left::after, .right::after { left: 15px; }   
.cms-about-time:after{   left: -20px; font-size: 72px; color: #ebebeb; }
.time-content p{ text-align: left; }
.timewrap.left .time-content p{text-align: left;}	
}