@charset "utf-8";
@font-face { 
  font-family: constanfont; src: url("font/constan.ttf"); 
}
.n_banner .inner .img.n_bg_expert0{
  background-image:  url(../img/n_bg_expert0.jpg?r=1);
}
.n_banner .inner .img.n_bg_expert1{
  background-image:  url(../img/n_bg_expert1.jpg?r=1);
}
.nav-line-box{
  margin-bottom: 0rem;
  margin-top: 0;
}
.page-con .lf-item .bm{
   width: 100%;
   text-align: center;
   padding: 1.2rem 0 .3rem 0;
}
.page-con .lf-item .bm img{
  width: 60%;
  opacity: .8;
}
.page-con .lf-item li{
  line-height: .28rem;
  display: flex;
  align-items: center;
}
.page-con.expert {
    background: url(../img/expert-pbg.png) no-repeat bottom right;
    padding-bottom: 3rem;
}
.curr-menu.expert {
  display: flex;
  align-items: center;
}
.curr-menu.expert h3{
  padding-right: .1rem;
}
.curr-menu.expert b{
  font-size: .18rem;
  color: #aaa;
  font-weight: bold;
  background: #fff;
  padding-right: .26rem;
}
.expert-teambanner{
  position: relative;
  width: 100%;
}
.expert-team-swiper{
  position: absolute;
  left: 0;
  bottom: 0rem;
  width: 100%;
  z-index: 100;
}
.expert-team-swiper .com-w{
  width: 10rem;
}
.expert-teambanner .swiper-pagination-bullets{ 
  display: block;
  width: auto;
  position: absolute;
  left: 0rem;
  bottom: .26rem;
  z-index: 3;
  width: 100%;
  text-align: right;
  padding-right: .26rem;
}
.expert-teambanner .dots{
  position: absolute;
  right: .26rem;
  bottom: .1rem;
  z-index: 100000000;
  text-align:center;
}
.expert-teambanner .dots span.swiper-pagination-bullet-active{  
  font-weight: bolder;
  background: #5cabae;  
}
.expert-teambanner .dots span{
  width: .1rem;
  height: .1rem;
  opacity: 1 !important;
  outline: none;
  border-radius: .05rem;
  background: #fff;
  display: inline-block;
  margin: 0 .05rem;
  cursor: pointer;
  transition: all .3s;
}
.expert-teambanner .btn{  
  z-index: 100;
  width: .48rem;
  opacity: .6;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -.24rem;
}
.expert-teambanner .btn:hover{
  opacity: .8;
}
.expert-teambanner .btn img{
  width: 100%;
}
.expert-teambanner .pre{
  left: .5rem;
}
.expert-teambanner .next{
  right: .5rem;
}
.expert-teambanner a{
  display: flex;
  position: relative;
  justify-content: space-between;
}
.expert-teambanner .cover {
    width:100%;
    height:2.5rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
}
.expert-teambanner .dt {    
  width: calc( 100% - 5rem);
  background: rgba(255,255,255,.5);
  height: 100%;
  padding: .26rem;
  height:2.5rem;
} 
.expert-teambanner  .dt .title{ 
    line-height: .26rem;
    margin-bottom: .26rem;
    font-size: .3rem;
}
.expert-teambanner  .dt .en-tl{
	line-height: .26rem;
    margin-bottom: .26rem;
    font-size: .18rem;
}
.expert-teambanner  .dt .des{ 
    line-height: .26rem;
    font-size: .16rem;
    text-indent: 2em;
}
.expert-teambanner  .dt .info{
  word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    font-size: .16rem;
    line-height: .26rem;
    text-indent: 2em;
    text-align: justify;
}

.expert-menu-box .search-box {
    width: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.expert-menu-box .search-box .df{
    display: flex !important;
    flex-direction: row;
}
.expert-menu-box .search-box.show{
    margin-top: 0;
}
.expert-menu-box .search-box .txt{
    width: 2.6rem;
    height: .36rem;
    margin-right: .1rem;
    background: transparent;
    border-radius: 8px;
    font-size: .16rem;
    padding: .05rem .2rem;
    box-sizing: border-box;
    color: #333;
    background: #efefef;
}
.expert-menu-box .search-box .btn{
    width: .26rem;
    height: .26rem;
    background: transparent;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border:none;
    outline: none;
    background: url(../img/expert-search.png) no-repeat center center;
    background-size: cover;
}
.expert-menu-box {
  padding: .5rem 0 .2rem 0;
  margin-bottom: .2rem;
}
.expert-menu-box .com-w{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #efefef;
}
.expert-menu-box .expert-tl-box{
  display: flex;
  flex-direction: column;
}
.expert-menu-box h2{
	font-size: .3rem;
  font-weight: bold;
}
.expert-menu-box p{
	font-size: .26rem;    /*
    font-family: constanfont !important;*/
    height: .54rem;
    display: flex;
    font-weight: 800;
    align-items: center;/*
    text-transform: uppercase;*/
    padding: .05rem .5rem 0 0rem;
    position: relative;
    z-index: 1;
}
.expert-team-list .com-w{
	padding-top: 0rem;
}
.expert-team-list .com-w ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
}
.expert-team-list .com-w li{
	width: 48%;
}
.expert-team-list .com-w li a{
	display: flex;
	justify-content: space-between;
	background: url(../img/expert-bg.png) no-repeat bottom right #f0f8f5;
    box-shadow: 2px 2px 20px 0px rgb(0 0 0 / 10%);
    padding: .2rem;
    box-sizing: border-box;
    margin-bottom: .5rem; 
    position: relative;
    transition: all .3s;
}
.expert-team-list .com-w li a .line {
    position:absolute;
    left:-1px;
    top:-1px;
    bottom:-1px;
    right:-1px;
    transition:color 0.25s;
}
.expert-team-list .com-w li a .line::before {
    top:0px;
    left:0px;
}
.expert-team-list .com-w li a .line::after {
    bottom:0px;
    right:0px;
}
.expert-team-list .com-w li a .line::before,.expert-team-list .com-w li a .line::after {
    box-sizing:inherit;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    z-index: 1;
    border:1px solid transparent;
    width:0;
    height:0;
}
.expert-team-list .com-w li a:hover .line::before,.expert-team-list .com-w li a:hover .line::after {
    width:100%;
    height:100%;
}
.expert-team-list .com-w li a:hover .line::before {
    border-top-color:rgba(0,95,98,.3);
    border-right-color:rgba(0,95,98,.3);
    transition:width 0.15s ease-out,height 0.15s ease-out 0.15s;
}
.expert-team-list .com-w li a:hover .line::after {
    border-bottom-color:rgba(0,95,98,.3);
    border-left-color:rgba(0,95,98,.3);
    transition:border-color 0s ease-out 0.3s,width 0.15s ease-out 0.3s,height 0.15s ease-out 0.45s;
}
.expert-team-list .com-w li a:hover{
  transform: scale(1.1);
}
.expert-team-list .cover {
    width:3rem;
    height:2rem;
    margin-top: 0rem;
    overflow:hidden;
    position: relative;
    z-index: 1;
    box-shadow: 2px 2px 10px rgba(0,95,98,.3);
}
.expert-team-list .dt {    
  width: calc( 100% - 3.2rem);
  height: 100%;
  padding: .26rem;
  z-index: 1;
} 
.expert-team-list  .dt .title{ 
    line-height: .26rem;
    margin-bottom: .1rem;
    font-size: .2rem;
    font-weight: bold;
}
.expert-team-list .dt .en-tl{
	line-height: .26rem;
    margin-bottom: .26rem;
    font-size: .16rem;
    font-family: constanfont !important;
}
.expert-member-list{
	overflow: hidden;
}
.expert-member-list li{
	width: 25%;
	float: left;
	margin-bottom: .26rem;
	padding: .1rem;
	box-sizing: border-box;
}
.expert-member-list li a{
	padding: .26rem .26rem;
	background: #efefef;
	border-radius: 5px;
	text-align: center;
	display: block;
  font-size: .18rem;
}
.expert-member-list li a:hover{
  background: #e1f2ec;
}
.expert-member-list li h5{
	font-size: .26rem;
	background: transparent;
}
.page-con .rg-item .expert-article p {
   margin-bottom: .2rem;
}
.expert-name{
  display: flex;
  margin-bottom: .5rem;
  justify-content: center;
  flex-direction: column;
}
.expert-name h3{
  font-size: .24rem !important;  
}
.expert-name strong{
  font-size: .14rem !important; 
  color: #aaa; 
  margin-top: .1rem;
}
.expert-base-info{
  background: #efefef;
  padding: .48rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: .5rem;
}
.expert-base-info .bi{
  display: flex;
  margin-bottom: .2rem;
  align-items: center;
}
.expert-base-info .bi *{
  font-size: .16rem;
  font-weight: normal;
}
.expert-base-info .bi strong{
  display: inline-block;
  width: 2rem;
}
.expert-base-info .bi em{
  font-style: normal;
  color: #aaa;
}
.expert-base-info .bi b{
   width: calc(100% - 2.2rem);
   line-height: .26rem;
}
.expert-base-info .head-b{
  width: 2rem;
}
.expert-base-info .ct{
  width: calc(100% - 2.6rem);
}
.expert-base-info .cover{
  width: 100%;
}
.expert-base-info .cover img{
  width: 100%;
}
@media (max-width: 800px){
   .expert-team-swiper .com-w{
    width: 80%;
   }
   .expert-teambanner .cover{
    height: 1.5rem;
   }
   .expert-menu-box{
    padding: .5rem .26rem;
   }
   .expert-team-list .com-w li{
    width: 100%;
   }
   .expert-team-list .com-w{
    padding: 0 .26rem;
   }
   .expert-menu-box .search-box{
    width: 4.2rem;
   }
   .expert-menu-box .search-box .txt{
    width: 3.6rem;
    height: .58rem;
   }
   .expert-menu-box .search-box .btn{
    height: .48rem;
    width: .48rem;

   }
   .expert-member-list li{
    width: 50%;
   }
   .expert-base-info{
    display: block;
   }
   .expert-base-info .head-b{
    margin: 0 auto;
   }
   .expert-base-info .ct{
    width: 100%;
   }
   .expert-base-info .bi{
    display: block;
   }
   .expert-base-info .bi strong,.expert-base-info .bi b{
    width: 100%;
    font-size: .26rem;
    line-height: .36rem;
    font-weight: bold;
   }
   .expert-base-info .bi b{
    width: 100%;
    font-size: .26rem;
    line-height: .36rem;
    margin-top: .2rem;
    display: block;
   }
   .expert-member-list li a{
    font-size: .26rem;
   }
   .expert-name{
    align-items: center;
   }
   .nav-line-box::after{
    z-index: 10;
    width: 100%;
   }
}