.ms-nav {
  /* width: 100%;
  box-sizing: border-box;
  padding-top: 0px;
  justify-content: center;
  height: 700px;
  margin-left: 0px;
  background: #0079fe;
  position: relative;
  min-width: 1200px;; */
}
.not-home{
  /* height:321px; */
}
.ms-nav .body-box{
  /* background: #0079fe;
  position: fixed;
  width: 100%;
  z-index: 10; */
}
.ms-nav .body-box .body {
  position: relative;
  margin: 0 auto;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  width: 1200px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  font-family: MicrosoftYaHei, 微软雅黑, sans-serif;
  z-index: 10;
}
.ms-nav .dots{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  overflow: hidden;
  z-index: 1;
}
.ms-nav .blx{
  position: absolute;
  bottom: 0;
  height: 90px;
  width: 100%;
  z-index: 2;
}
.ms-nav .title-box{
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑', sans-serif;
  font-style: normal;
  color: #FFFFFF;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50% ,-50%);
}
.ms-nav .title-box h3{
  line-height: 55px;
  font-size: 45px;
  font-weight: 700;
}
.ms-nav .title-box span{
  font-size: 17px;
  display: inline-block;
}
.ms-nav .title-box p{
  margin-top: 50px;
  text-align: left;
  text-indent: 2em
}
.ms-nav .body-box{
 background: #fff;
}

.ms-nav .body-box .body .logo {
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  padding-right: 0px;
  box-sizing: border-box;
  padding-left: 0px;
  justify-content: flex-start;
  height: 100%;
}

.ms-nav .body-box .body .logo .logo-pic {
  width: 64px;
  height: 64px;
}

.ms-nav .body-box .body .logo .logo-desc {
  padding-right: 0px;
  width: unset;
  padding-left: 0px;
  height: unset;
}

.ms-nav .body-box .body .logo .title{
  margin-left: 15px;
  font-family: 'MicrosoftYaHei', '微软雅黑', sans-serif;
  letter-spacing: 2.8px;
  font-weight: 400;
  font-size: 20px;
  color: #333;
  text-align: left;
  line-height: 22px;
}
.ms-nav .body-box .body .logo .title h3{
  font-family: 'MicrosoftYaHei-Bold', '微软雅黑 Bold', '微软雅黑', sans-serif;
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 1.6px;
}

.ms-nav .body-box .body .nav-h5 {
  padding-bottom: 0px;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  display: none;
  width: 100px;
  box-sizing: border-box;
  padding-top: 0px;
  position: relative;
  right: 0px;
  justify-content: center;
  height: 100%;
}

.ms-nav .body-box .body .nav-h5 .nav-h5-icon {
  font-size: 28PX;
}

.ms-nav .body-box .body .nav-h5 .nav-h5-body {
  padding-bottom: 10px;
  align-items: flex-start;
  top: 80px;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding-top: 10px;
  position: absolute;
  justify-content: center;
  height: 100px;
}

.ms-nav .body-box .body .nav-h5 .nav-h5-body .nav-h5-item {
  cursor: pointer;
  flex-direction: row;
  word-wrap: break-word;
  display: inline-block;
  padding-right: 0px;
  font-size: 18PX;
  padding-top: 0px;
  padding-left: 0px;
}

.ms-nav .body-box .body .nav-item {
  margin-right: 0px;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  padding-right: 40px;
  box-sizing: border-box;
  padding-left: 80px;
  height: 100%;
}

.ms-nav .body-box .body .nav-item .item {
  cursor: pointer;
  flex-direction: row;
  word-wrap: break-word;
  display: inline-block;
  padding-right: 0px;
  font-size: 17px;
  padding: 0 15px;
  color: #333;
  position: relative;
  line-height: 80px;
  border-top:5px solid transparent;
}
.ms-nav .body-box .body .nav-item .item:hover {
  color: rgb(58, 154, 125);
  border-top:5px solid rgb(74, 179, 68);
}

.ms-nav .body-box .body .nav-item .has-child:hover{
  background: #fff;
  color: #999999;
}
.ms-nav .body-box .body .nav-item .has-child:hover .nav-item-child{
  display: block;
}

.ms-nav .body-box .body .nav-item .sel{
  color: rgb(58, 154, 125);
}
.ms-nav .body-box .body .nav-item .sel:hover{
  border-top-color: transparent;
}
.ms-nav .body-box .body .nav-item .nav-item-child{
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  background: #fff;
  text-align: center;
  display: none;

}
.ms-nav .body-box .body .nav-item .nav-item-child .item-child{
  cursor: pointer;
  flex-direction: row;
  word-wrap: break-word;
  display: block;
  font-size: 16PX;
  padding-left: 0px;
  color: #999999;
  position: relative;
  line-height: 20px;
  padding: 10px;
}
.ms-nav .body-box .body .nav-item .nav-item-child .item-child:hover{
  background: #f2f2f2;
  color: rgb(58, 154, 125);
}
.ms-nav .body-box .body .language{
  cursor: pointer;
  margin-right: 30px;
  flex-direction: row;
  word-wrap: break-word;
  display: inline-block;
  padding-right: 0px;
  font-size: 17px;
  padding-left: 0px;
  color: rgb(74, 179, 68);
}
/* .ms-nav .body .nav-search {
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  display: flex;
  padding-right: 0px;
  width: 40%;
  box-sizing: border-box;
  padding-left: 0px;
  justify-content: flex-end;
  height: 100%;
  margin-left: 0px;
}

.ms-nav .body .nav-search .ms-search-input {
  border-color: #409EFF;
  align-items: flex-end;
  flex-direction: row;
  border-width: 1px;
  display: flex;
  padding-right: 0px;
  box-sizing: border-box;
  border-style: solid;
  padding-left: 0px;
  justify-content: center;
  height: 32px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-input-div {
  align-items: center;
  flex-direction: row;
  display: flex;
  padding-right: 0px;
  box-sizing: border-box;
  justify-content: flex-start;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 100%;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-left: 0px;
  height: 100%;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input {
  border: 0px;
  background-color: #FFFFFF;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding-right: 4px;
  box-sizing: border-box;
  justify-content: space-between;
  border-top-left-radius: 2px;
  padding-bottom: 0px;
  flex-wrap: nowrap;
  border-bottom-left-radius: 2px;
  width: 90%;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding-top: 0px;
  padding-left: 4px;
  height: 30px;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span {
  color: #DCDFE6;
  flex-direction: row;
  word-wrap: break-word;
  display: inline-block;
  padding-right: 0px;
  border-top-left-radius: 0px;
  padding-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  font-size: 14PX;
  padding-top: 0px;
  padding-left: 0px;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-button {
  cursor: pointer;
  align-items: center;
  flex-direction: row;
  display: flex;
  padding-right: 0px;
  box-sizing: border-box;
  justify-content: center;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 80px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  background-repeat: no-repeat;
  padding-left: 0px;
  height: 100%;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-button:hover {
  background-color: #E6E6E6;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-button i {
  color: #409EFF;
  border-bottom-left-radius: 0px;
  padding-right: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-left: 0px;
  border-top-left-radius: 0px;
}

.ms-nav .body .nav-search .ms-search-input .ms-search-button span {
  color: #409EFF;
  border-bottom-left-radius: 0px;
  flex-direction: row;
  word-wrap: break-word;
  display: inline-block;
  padding-right: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  font-size: 14px;
  padding-left: 0px;
  border-top-left-radius: 0px;
} */

.ms-footer {
  background-color: rgba(8, 85, 63, 1);
  padding-right: 0px;
  box-sizing: border-box;
  padding-bottom: 0px;
  flex-wrap: nowrap;
  width: 100%;
  height: 185px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  margin-top: 0px;
}
.ms-footer .ms-footer-box{
display: flex;
flex-direction: column;
width: 1200px;
margin: 0 auto;
height: 100%;
}
.ms-footer .top{
height: 120px;
display: flex;
align-items: center;
border-bottom: 1px solid #fff;
}
.ms-footer .top li{
height: 80px;
width: 80px;
margin-right: 20px;
}
.ms-footer .body {
display: flex;
box-sizing: border-box;
padding-left: 0px;
align-items: center;
flex: 1;
overflow: hidden;
}
.ms-footer .body .left{
  width: 40%;
  flex-wrap: nowrap;
  flex-direction: column;
  display: flex;
}
.ms-footer .body .left .address,.copyright {
  font-size: 12px;
  color: #F9F9F9;
  text-align: left;
  line-height: 20px;
}
.ms-footer .body .right{
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.ms-footer .body .right a{
  font-size: 12px;
  color: #F9F9F9;
  text-align: left;
  line-height: 20px;
  margin-left: 30px;
  font-weight: 700;
}
/* 公共标题样式 */
.public-title{
  width: 1200px;
  margin: 50px auto 30px;
  position: relative;
  padding-left: 15px;
  font-style: normal;
  font-weight: 400;
}
.public-title::after{
  content: ' ';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px;
  height: 57px;
  background-color: rgba(12, 117, 240, 1);
}
.public-title h3{
  font-size: 24px;
  color: #333;
  position: relative;
  top: 10px;
  z-index: 2;
}
.public-title p{
  font-weight: 700;
  font-size: 60px;
  color: #E6EDF5;
  position: absolute;
  top: -13px;
  line-height: 60px;
}
.public-title span{
  font-size: 16px;
  color: #9B9B9B;
  margin-top: 8px;
  display: inline-block;
}

.public-title2{
  width: 1200px;
  margin: 0 auto;
  position: relative;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
.public-title2 h3::after{
  content: ' ';
  position: absolute;
  background-color: rgba(43, 159, 43, 0.364705882352941);
  bottom: -10px;
  width: 112px;
  left: 50%;
  margin-left: -56px;
  height: 2px;
}
.public-title2 h3{
  position: relative;
  z-index: 2;
  display: inline-block;
  font-weight: 700;
  font-style: normal;
  font-size: 38px;
  color: #08553F;
}
.public-title2 h3 span{
  color: #a9d3a9;
  font-size: 60px;
  margin-right: 30px;
}
.public-title2 p{
font-weight: 700;
font-size: 60px;
color: #E6EDF5;
position: relative;
top: -40px;
line-height: 60px;
}
.public-title2 p span{
font-weight: 700;
}

.public-info{
font-size: 18px;
color: #000000;
text-align: justify;
font-family: 'ArialMT', 'Arial', sans-serif;
margin-top: 40px;
}
.public-info p{
padding-bottom: 40px ;
line-height: 35px;
}
.public-info p span{
font-weight: 700;
font-style: italic;
}

/* .public-info p:first-child{
  font-weight: 700;
  font-style: normal;
  font-size: 60px;
  color: rgba(43, 159, 43, 0.364705882352941);
  line-height: 30px;
  font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
  padding: 0 ;
}

.public-info p:last-child{
  font-weight: 700;
  font-style: normal;
  font-size: 60px;
  color: rgba(43, 159, 43, 0.364705882352941);
  line-height: 60px;
  text-align: right;
  font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
   padding: 0 ;
} */

.back-top {
  position: fixed;
  bottom: 110px;
  right: calc((100vw - 1200px) / 2 - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  background: #ecf2fc;
  cursor: pointer;
}
.back-top.top-hover {
  background: #88a0c7;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}
.go-up{
  margin-right: 0;
  font-size: 24px;
  color: #89a1c5;
}

/*滚动条的宽度*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/*滚动条的滑块*/
::-webkit-scrollbar-thumb {
  background-color: rgba(76, 76, 76, 0.3);
  border-radius: 3px;
}

.research-direction {
width: 1200px;
min-height: 571px;
margin: 0 auto;
box-sizing: border-box;
}
.research-direction .research-direction-body {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.research-direction .research-direction-body .research-direction-item {
flex-wrap: nowrap;
flex-direction: row;
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
position: relative;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #cccccc;
line-height: 22px;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content {
width: 34%;
height: 380px;
position: relative;
overflow: hidden;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
img {
width: 100%;
height: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
.info-box {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(132 166 194 / 80%);
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #fff;
padding: 34px;
transition: all 0.5s;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
.info-box 
.title{
  color: #fff;
  text-shadow: 1px -5px 1px #46c3f3;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:first-child
.info-box {
background-color: rgb(248 218 234 / 80%);
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:first-child
.info-box 
.title{
  color: #444;
  text-shadow: 3px 5px 3px #666;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:last-child
.info-box {
background-color: rgb(251 229 214 / 80%);
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:last-child
.info-box 
.title{
  color: #444;
  text-shadow: 3px 5px 3px #666;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:hover
.info-box {
background: rgb(132 166 194 / 70%);
color: #fff;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:hover
img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:first-child:hover
.info-box {
background: rgb(248 218 234 / 70%);
color: #fff;
}
.research-direction-body
.research-direction-item
.research-direction-content:last-child:hover
.info-box {
background: rgb(251 229 214 / 70%);
color: #fff;
}

.research-direction
.research-direction-body
.research-direction-item
.research-direction-content:hover
.info-box
.line {
background: #fff;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
.info-box
.key-word {
margin-bottom: 18px;
line-height: 16px;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
.info-box
.title {
font-size: 26px;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
.info-box
.line {
width: 100%;
height: 1px;
background: #333;
margin: 40px 0 20px 0;
}
.research-direction
.research-direction-body
.research-direction-item
.research-direction-content
.info-box
.desc {
font-size: 14px;
}

.mt-40{
margin-top: 40px;
}

.people-drawer {
width: 1200px;
display: flex;
margin: 0 auto 40px;
min-height: 559px;
}
.people-content-drawer {
font-size: 14px;
color: #333;
border-bottom: rgba(0, 134, 97, 1) solid 2px;
}
.people-content-drawer .name {
font-size: 18px;
color: #333;
font-weight: 700;
}
.name-content {
font-size: 14px;
font-weight: 700;
}
.personal-resume-drawer {
margin-top: 10px;
}
.personal-resume-drawer,.people-work-drawer,.people-result-drawer{
font-size: 16px;
line-height: 30px
}
.email-drawer {
font-weight: 700;
margin-top: 20px;
margin-bottom: 10px;
}
.work {
font-weight: 700;
}
.people-work {
font-size: 14px;
color: #333;
margin-top: 10px;
}
.people-result {
font-size: 14px;
color: #333;
border-bottom: rgba(0, 134, 97, 1) solid 10px;
padding-bottom: 10px;
margin-top: 20px;
}


/* 六边形 */
.gallery-container {
min-height: 100%;
display: grid;
place-content: center; /* 水平垂直方向居中 */
}
.gallery {
--s: 320px; /* control the size */
--g: 20px; /* control the gap */
display: grid;
}

.gallery > img {
grid-area: 1/1; /* 规定从第一行第一列开始显示项目 */
width: var(--s);
aspect-ratio: 1.15; /* 宽高比例缩放 */
object-fit: cover; /* 保持图片原有比例, 会有剪切*/
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%);
transform: translate(var(--_x, 0), var(--_y, 0)) scale(var(--_t, 1)); /* 对图片进行移动和缩放 */
cursor: pointer;
/* filter: grayscale(80%);  灰度滤镜  */
transition: 0.3s all; /* 过渡效果 */
--_y: calc(-75% - var(--g));
--_x: calc(58% - 0.87 * var(--g));
}
.gallery > img:hover {
filter: grayscale(0);
z-index: 1;
--_t: 1.1;
-webkit-filter: grayscale(0);
}
.gallery > img.isHover {
filter: grayscale(0);
z-index: 1;
--_t: 1.1;
}

.gallery > img:nth-child(1) {
--_y: calc(-94% - var(--g));
--_x: calc(-25% - 0.87 * var(--g));
--s: 225px;
}
.gallery > img:nth-child(3) {
--s: 200px;
--_y: calc(13% - var(--g));
--_x: calc(11% - 0.87 * var(--g));
}
.gallery > img:nth-child(4) {
--s: 280px;
--_y: calc(41% - var(--g));
--_x: calc(65% - 0.87 * var(--g));
}
.gallery > img:nth-child(5) {
--s: 148px;
--_y: calc(133% - var(--g));
--_x: calc(-61% - 0.87 * var(--g));
}