:root{
    --Primary-color:#DA4B24;
    --Secondary-color:#C9B574;

    --color-black:#333333;
    --color-gray:#666666;
    --color-white:#ffffff;
    --color-grayWhite:rgba(255,255,255,0.8);
    
    --Footer-color:#223560;

    --color-text-primary:var(--color-black);
    --color-text-secondary:var(--color-gray);
    --color-text-inverse-primary:var(--color-white);
    --color-text-inverse-secondary:var(--color-grayWhite);

    --lineHeight:1;
    --inputHeight:90px;

}


.noData{
 
        text-align: center;
    width: 100%;
}
.noData svg{
   opacity: 0.4;
    width: 80px;
    height: auto;
}
/* 
<a href="##" class="primary_btn">
    <div class="btn_container">
        <div class="button_text" text="探索全部">探索全部</div>
    </div>
</a>
*/

a{color:var(--color-gray);}
.black a{color: #fff;}
a:hover{color:var(--Primary-color);}
.primary_btn {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    overflow: visible;
    width:172px;height:45px;
    align-items: center;justify-content: center;
    border-radius: 8px;background: #E5E7DA;
}
.primary_btn .btn_container {
    z-index: 5;
    position: relative;
    overflow: hidden;
}
.primary_btn .button_text {
    text-align: center;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition:all 0.3s ease-in-out;
}
.primary_btn .button_text:after{
    content: attr(text);
    position: absolute;
    transform: translateY(100%);
    left:0px;top:0px;color:var(--Primary-color);
}
.primary_btn:hover .button_text{transform:translateY(-100%);}

.whiteBtn .primary_btn{background-color: #e52c17;border-color: transparent;color:#fff;}
.whiteBtn .primary_btn:hover{background-color: #e52c17;color:#fff;}
.whiteBtn .primary_btn .button_text:after{color:#fff;}
.whiteBtn .primary_btn:hover .button_text:after{color:#fff;}

@media screen and (max-width: 1600px) {
    .primary_btn {width:170px;height: 44px;}
}
@media screen and (max-width: 768px) {
    .primary_btn {width:140px;height: 44px;}
    .primary_btn .button_text{font-size: 14px;}
}
/* 
<li class="HoverImg">
    <a href="##"><img src="img/qimg1.jpg" alt=""></a>
</li>
*/
img{display: inline-block;}
.HoverImg{overflow: hidden;}
.HoverImg img{width:100%;height:100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.HoverImg:hover img{transform: scale(1.05);}


/* 
<div class="sw_btn_all mt40">
    <div class="swiper_button swiper-button-prev">
        <svg class="icon-control icon-control-chevronleft" xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 36 36">
            <path
                d="m20 25c-.3838 0-.7676-.1465-1.0605-.4395l-5.5-5.5c-.5859-.5854-.5859-1.5356 0-2.1211l5.5-5.5c.5859-.5859 1.5352-.5859 2.1211 0 .5859.5854.5859 1.5356 0 2.1211l-4.4395 4.4395 4.4395 4.4395c.5859.5854.5859 1.5356 0 2.1211-.293.293-.6768.4395-1.0605.4395z">
            </path>
        </svg>
    </div>
    <div class="swiper_button swiper-button-next">
        <svg class="icon-control icon-control-chevronright" xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 36 36">
            <path
                d="m22.5597 16.9375-5.5076-5.5c-.5854-.5854-1.5323-.5825-2.1157.0039-.5835.5869-.5815 1.5366.0039 2.1211l4.4438 4.4375-4.4438 4.4375c-.5854.5845-.5874 1.5342-.0039 2.1211.2922.2944.676.4414 1.0598.4414.3818 0 .7637-.1455 1.0559-.4375l5.5076-5.5c.2815-.2812.4403-.6636.4403-1.0625s-.1588-.7812-.4403-1.0625z">
            </path>
        </svg>
    </div>
</div>
*/
.swiper-slide{height:auto;}
.sw_btn_all{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width:90px;height:36px;margin-left:auto;}
.sw_btn_all .swiper_button{bottom:0px;top:auto;position:static;} 

.swiper_button{
    width:36px;height: 36px;transition:all 0.3s ease-in-out;position: relative;
    border-radius: 100%;margin-top: 0px;
    background: rgba(210, 210, 215, 0.64);
}
.swiper_button path{fill:rgba(0, 0, 0, 0.56);}
.swiper_button:after{display: none;}
.swiper_button:hover{background: rgba(223, 223, 227, 0.7);}
.swiper_button:hover path{fill:rgba(0, 0, 0, 0.64);}





.footer{background: #E5E7DB;}
.footerCon{justify-content: space-between;}
.footer .left{
    flex:1;padding-right: 90px;padding-left:calc((100vw - 1440px) / 2);
}
.footer .left .top{justify-content: space-between;}
.footer .left a{display: block;}

.footer .left .top dl:nth-of-type(2){text-align: right;}
.footer .left dd p{color:#808080;margin-bottom: 5px;}
.footer .left dd a{color:#808080;margin-bottom: 5px;}
.footer .left dd a:hover{color:var(--Primary-color);}
.footer .left .bottom ul{justify-content: space-between;gap:20px;}
.footer .left .bottom li{display: flex;align-items: center;  max-width: max-content;flex: 1;}
.footer .left .bottom li img{width:100%;}

.footer .right{
    width:550px;background: #F2F2F2;justify-content: center;
    align-items: center;text-align: center;
}
.footer .right dd{margin-bottom: 5px;color:#808080;}
.footer .right dd a{color:#808080;}
.footer .right dd a:hover{color:var(--Secondary-color);}
.footer .meiti{justify-content: center;}
.footer .meiti li{position: relative;margin-right:20px;}
.footer .meiti li:last-child{margin-right:0px;}

.footer .meiti p{display:flex;width:47px;height:47px;border-radius: 10px;flex-wrap: wrap;align-items: center;justify-content: center;background: #fff;transition:all 0.3s ease-in-out;cursor:pointer;}
.footer .meiti a{display:flex;width:47px;height:47px;border-radius: 10px;flex-wrap: wrap;align-items: center;justify-content: center;background: #fff;transition:all 0.3s ease-in-out;}
.footer .meiti a:hover{background: var(--Secondary-color);}
.footer .meiti a:hover img{filter: brightness(0) invert(1);}
.footer .meiti p:hover{background: var(--Secondary-color);}
.footer .meiti p:hover img{filter: brightness(0) invert(1);}
.footer .meiti a img{    max-width: 50%;}
.footer .meiti li.xhs svg{width:36px;height:36px;}
.footer .meiti path{fill:#808080;}
.footer .meiti .ewm{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);width:120px;height:120px;border-radius: 10px;background-color: #fff;padding:10px;display: none;animation: displayN 0.5s forwards;}
.footer .meiti .ewm img{width:100%;height:100%;object-fit: cover;}
.footer .meiti li:hover .ewm{display:block;}

@media only screen and (max-width:1600px){
    .footer .left{padding-left: calc((100vw - 80%) / 2);padding-right:50px;}
    .footer .right{width:450px;}
    
}

@media only screen and (max-width:1200px){
    .footer .footerCon{flex-direction: column;align-items: center;}
    .footer .right{width:100%;padding:10px;}
    .footer .right dl{display: flex;gap:20px;flex-wrap: wrap;}
    
    .footer .meiti{margin:10px auto 30px;}
    .footer .left{padding:5vw 0;width:90%;margin:0 auto;}
}
@media only screen and (max-width:1000px){
    .footer .right{width:100%;padding:3vw 10px;}
    .footer .meiti{margin-bottom: 1vw;}
    .footer .right dl{justify-content: center;gap:0;} 
    .footer .right dl dd{margin:10px 5px 0px 5px;}
    .footer .right dl dd:nth-of-type(3){flex:0 0 100%;}
}
@media only screen and (max-width:768px){
    .footer .left{padding:12vw 0;}
    .footer .left .top{margin-bottom: 0px;}
    .footer .left .top dl{margin-bottom: 8vw;}
    .footer .left .top dl:last-child{margin-bottom: 0px;}
.footer .left .top dl:nth-of-type(1){max-width: 100%;;}
.footer .left .top dl:nth-of-type(2){text-align: left;}
.footer .left .bottom{display: none;}
.footer .right dl dd{margin-top: 5px;}
.footer .meiti a{width:38px;height:38px;border-radius:6px;}
.footer .meiti p{width:38px;height:38px;border-radius:6px;}
 
.footer .meiti{margin-bottom: 3vw;}
}

/* 
<div class="banner_crumb static">

			<div class="banner">
				<div class="text wrap">
					<h3 class="fnt70 textColor"></h3>
				</div>
				<img src="img/ateambanner.jpg" alt="">
			</div>
			<div class="crumb flex flexWrap flexCenter wrap mt20">
				<a href="/">Home</a>
				<span>></span>
				<a href="##">About</a>
				<span>></span>
				<a href="##">Meet the Team</a>
				<span>></span>
				<i>Our Leadership Team</i>
			</div>
		</div>
*/
.banner_crumb{position:relative;}
.banner_crumb .crumb{
    position:absolute;bottom:20px;z-index: 2;left:50%;transform: translateX(-50%);
    color:var(--color-white);
}

.banner_crumb .crumb a{color:var(--color-white);text-decoration:none;}
.banner_crumb .crumb a:hover{color:var(--Secondary-color);}
.banner_crumb .crumb span{margin:0 10px;padding-top:1px;transform:translateY(-1px);}
.banner_crumb .banner{position: relative;  }
.banner_crumb .text{
    position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index: 2;
}
.banner_crumb .swiper-pagination-bullet{
    background: #fff;
}
.banner_crumb .text p{ text-transform: uppercase;}
.banner_crumb .text h5{line-height: 1.1;color:#fff;  text-transform: uppercase;font-weight:400}
.banner_crumb .text h3{line-height: 1.1;color:#fff;font-weight:700; text-transform: uppercase;}
.banner_crumb .banner::after{
    content: "";position:absolute;left:0px;top:0px;width:100%;height:100%;
    background: linear-gradient(to bottom, rgba(104,146,196,0) 50%, #6892C4 100%);
}
.banner_crumb .banner .swiper-slide:after{
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;

    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    /* 原有渐变 */
background-image: linear-gradient(to top, rgba(104, 146, 196, 1), rgba(104, 146, 196, 0.3), rgba(104, 146, 196, 0));
    
    /* 核心防色差 */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* 底层兜底，避免纯透明采样出边 */
    background-color: rgba(104, 146, 196, 0.02);
    /* 裁剪模糊溢出，左右底部无痕 */
    overflow: hidden;
    /* 禁用抗锯齿杂边 */
    image-rendering: crisp-edges;
}
.banner_crumb .banner .swiper-slide>img{width:100%;height:100%;object-fit: cover;}
.banner_crumb .banner .swiper-slide>video{width:100%;height:100%;object-fit: cover;}
.banner_crumb.static .crumb{
    position: static;color:#666;transform: translateX(0%);
}
.banner_crumb.static .crumb a{color:#999;}
.banner_crumb.static .crumb span{color:#999;}

.banner_crumb .banner > .swiper.mo_img{display:none;}
@media only screen and (max-width:1600px){
    .banner_crumb .banner .text{bottom: 3.6vw;}
}
@media only screen and (max-width:768px){
    .banner_crumb .banner{height:340px;}
    .banner_crumb .banner .text{bottom: 36px;}
  .banner_crumb .banner .swiper{
      height: 100%;
  }
    .banner_crumb .banner > .swiper.mo_img{display:block;}
    .banner_crumb .banner > .swiper.pc_img{display:none;}
}



.tan_conCss {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  background: rgba(94,83,50,0.7);
  display: none;
  z-index: 999999;
}
.tan_conCss .vid_dom {
  border-radius: 0px;
  position: absolute;
  left: 50%;
  top:10%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  padding:80px 100px 0;
  height: 100%;
  width:75%;
  max-width: 1200px;
}
.tan_conCss .close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #000;
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
  transition:all 0.3s ease-in-out;
}
.tan_conCss .close:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: #ffffff;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.tan_conCss .close:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: #ffffff;
  -webkit-transform: translateX(-50%) rotate(135deg);
      -ms-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
}
.tan_conCss .close:hover{transform:rotate(90deg);}

@media only screen and (max-width:1700px){
    .tan_conCss .vid_dom{padding:4vw 5vw 0;}
}

@media screen and (max-width: 768px) {
  .tan_conCss .vid_dom {
    width: 90%;padding:10vw 5vw 0;
  }
  .tan_conCss .close {
    width: 24px;
    height: 24px;
    top:10px;right:10px;
  }
  .tan_conCss .close:before {
    width: 15px;
  }
  .tan_conCss .close:after {
    width: 15px;
  }
        
}


.tan_conCss .connn {
    max-height:calc(100vh - 10% - 90px);
    padding-right: 10px;

}

.tan_conCss .connn img{max-width:100%;display: block;height: auto;margin:auto;}
.tan_conCss .connn .h3{font-weight: 500;}
.tan_conCss .connn .editCss{color:#6E6E73;line-height: 1.2;}
.tan_conCss .connn .editCss strong{color:#000;}
.tan_conCss .connn .editCss img{border-radius: 20px;margin-bottom: 25px;overflow: hidden;max-width: 100%; height: auto;}
.tan_conCss .connn .editCss p{margin-bottom: 25px;margin-top: 25px;font-weight: normal;}
.tan_conCss .connn .editCss p:last-of-type{margin-bottom: 0px;}
.tan_conCss .connn .editCss p:first-of-type{margin-top: 0px;}
.tan_conCss .connn .editCss h3{margin-bottom: 25px;margin-top: 25px;color:#000;font-weight: 500;padding-right:3vw;} 
.tan_conCss .connn .tQian img{margin-right: 0px;}
.tan_conCss .connn .tQian{padding-right:4vw;}


@media only screen and (max-width:1700px){
    .tan_conCss .connn{max-height:calc(100vh - 10% - 4.5vw);}
}
@media only screen and (max-width:768px){
    .tan_conCss .connn{max-height:calc(100vh - 10% - 14.5vw);}
}
.team_tanCon{
    background-color: rgba(255,255,255,0.3);
    -webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.team_tanCon .title{display: flex;justify-content: space-between;align-items: flex-end;}
.team_tanCon .title .left{flex:1;}
.team_tanCon .title .span{margin-bottom: 10px;font-weight: normal;}
.team_tanCon .title .name{font-weight: 500;}
.team_tanCon .title .h3{max-width: 380px;width:50%;font-weight: 500;text-align: right;padding-left:20px;}
.team_tanCon .connn .editCss{
    background: #efefef;padding:60px;color:#000;
}
@media only screen and (max-width:1700px){
    .team_tanCon .connn .editCss{padding:3.125vw;}
}
@media only screen and (max-width:768px){
    .team_tanCon .title{flex-direction: column;align-items: flex-start;}
    .team_tanCon .title .h3{max-width: 100%;width:100%;margin-top: 10px;}
    .team_tanCon .connn .editCss{padding:8vw 5vw;}
    .team_tanCon .title .name{font-size: 28px;margin:5vw 0 3vw;}
}



.swiper_dl_con .swiper{overflow: visible;}
.swiper_dl_con .swiper-slide{width:466px;margin-right: 20px;}

.swiper_dl_con .con_list{
    height: 100%;
    background: #F6F6F8;padding:64px 15px 64px 37px;flex:1;
    position: relative;display: flex;flex-direction:column;
}
.swiper_dl_con .list_top .div_icon{background-repeat: no-repeat;background-position: left top;width:64px;height:48px;}
.swiper_dl_con .list_top .div_icon img{width:100%;}
.swiper_dl_con .list_top h3{color: var(--color-black);font-weight: 500;}
.swiper_dl_con .list_bottom .p{color:#999;line-height: 1.6;overflow: hidden;}


    
@media only screen and (max-width:1600px){
    .swiper_dl_con.dl_con{gap:20px;}
    .swiper_dl_con .con_list{padding:3.2vw 1.2vw 3.2vw 2vw;}
}
@media only screen and (max-width:1400px){
    .swiper_dl_con .list_top .div_icon{width:45px;height:36px;}
}
@media only screen and (max-width:1200px){
    .swiper_dl_con .con_list{padding:4vw 3vw 4vw 3vw;}
}
@media only screen and (max-width:768px){
    .swiper_dl_con .con_list{flex:0 0 100%;padding:6vw 5vw 6vw 5vw;}
    .swiper_dl_con .list_top .div_icon{margin-bottom: 8px;}
    .swiper_dl_con .list_bottom .p{height:auto;display: block;}
}