.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;  margin-bottom: 25px; position: relative; color: #1e88c9;}
@media (max-width:767.98px) {
.about-title { font-size: 30px; line-height: 1.5rem;  }
}
.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;  }
}
.about-common.center { padding-top: 5%; margin-bottom: 5%; text-align: center}
.about-common-subtitle { font-size: 26px; font-weight: 500; line-height: 1.5rem; letter-spacing: 1px; margin-top: 10px; color: #1f4788}
@media (max-width:767.98px) {
.about-common-subtitle { font-size: 16px; line-height: 1.5; letter-spacing: .38px }
}
.about-common-subtitle.en{ font-size: 26px;  font-weight: 500; line-height: 1.23rem; letter-spacing: normal}
@media (max-width:767.98px) {
.about-common-subtitle.en { font-size: 16px; line-height: 1.5; letter-spacing: .38px }
.about-common-subtitle { margin-top: 8px }
}

.block-slider{ z-index: 9; margin: auto; }
.main-slider{width: 100%; margin:5% auto; }
.slider-for{width: 100%; margin-left: -25px; }
.slider-for li{width:calc(100% - 30px);margin: auto 15px; }
.slider-for li img{width: 100%; margin: auto; border-radius:  30px;}
@media (max-width:767.98px) {
.slider-for{ margin: 0px; padding: 0px; }
.slider-for li img{ border-radius: 15px;}	 
}
.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; color: #1f4788;}
@media (max-width:767.98px) {
.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:992px) {
.block {width:100%;}
}
.photo-v{width: 100%; padding: 20px;  margin: auto;text-align: center; overflow: hidden }
.photo-v img{max-width: 100%; margin: auto; height: auto; border-radius:0px 150px 150px 150px; overflow: hidden }
 
.block-full{width:80%;  margin:0px auto; padding:40px 0px; position: relative; }
.block-txt{width:100%; margin:0px auto; padding:0px 40px ;}
 @media (max-width:768px) {
.block-full{width:100%;padding:0px 5px; }    
.block-txt{ padding:0px 30px;}
 }
@media (max-width:767.98px) {
.block-full{padding:0px; }    
.block-txt{ padding:0px;}
}
.block p,.block-txt p{ width: 100%; font-size:1.125rem; font-size: min(max(3.5vw, .9rem), 1.125rem); line-height:2rem; font-weight: 400; padding:5px; margin-bottom: 10px;  color:#3f3a39;  }
.block 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-txt p{line-height:1.5rem;padding:5px 0px;}	
}
/* background ===================================================================== */  
.bg-about{padding:40px 0px;background:url("../images/index/bg-about.jpg") no-repeat left top; background-size: 100% auto}