@charset "gb2312";
.ban { height:550px;} 
@media only screen and (max-width:1106px) {    
.ban { height:450px;}    
}   
@media only screen and (max-width:1024px) {  
.ban { height:400px;} 
}   
@media only screen and (max-width:850px) {     
.ban { height:350px;}   
}    
 @media only screen and (max-width:768px) {     
.ban { display:none;}   
}   

/*底部*/
.foot-infos{ padding:3% 0% 2% 0%;  } 
.sfootdivli{ width:46%; float: left;  margin:0% 0% 0% 2%; }
.sfootdivli dt{ width:33.33%; overflow:hidden; display:block; float:left; }  
.sfootdivli dt h2{ width:100%;  float:left; line-height:35px; font-size:16px; overflow:hidden; height:35px; font-weight:normal}
.sfootdivli ul{width:100%; float:left}
.sfootdivli ul li{ width:100%;  float:left; line-height:27px; overflow:hidden; height:27px}   
.sfootdivul{ width:21%; float: right; }
.sfootdivul li{width:100%; text-align: center; float: left; } 
.sfootdivul li img{ width:200px; border:3px #FFFFFF solid  } 
.sfootdivul ul{ width:100%; float:left; }
.sfootdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.sfootdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.sfootdivul p strong{ font-weight: bold; display:block}  
.sfootdivlx{ width:25%; float: left; padding-left:2% }
.sfootdivlx ul{ }
.sfootdivlx ul li{font-size:16px; line-height:30px;  display: block;  }  
.sfootdivlx h1{font-size:21px; padding-bottom:20px; }
.sfootdivlx h2{width:100%; display:block;  font-size:24px; line-height:50px; }
.sfootdivlx h2 img{ padding-right:10px; margin-bottom:0px; height:40px}
 
.sfootlogo{ width:25%; float:left; }
.sfootlogo li{ width:100%; float:left;line-height:27px; font-size:16px; overflow:hidden; height:33px }
.sfoot-infos{ padding:3% 0% 2% 0%;  } 
.sfootdivlogo{ width:25%; margin-right:6%; float:left;  }
.sfootdivlogo h2{ width:100%;  float:left; line-height:30px; overflow:hidden; height:30px;font-size:30px; font-weight:normal}   
.sfootdivlogo ul{width:94%;  float:left;overflow:hidden;  font-weight:normal;  margin-top:30px;}
.sfootdivlogo ul p{font-size:26px; line-height:30px; }
.sfootdivlogo ul p b{ width:76px; height:67px; background:url(../images/f.png) no-repeat left top; display:block; }
.sfootdivlogo ul span{font-size:16px; line-height:30px; margin-bottom:10px; margin-top:30px; display:block; color:#f5c508}
.sfootdivlogo ul strong{ font-weight: bold; font-size:36px; color:#f5c508; }
@media only screen and (max-width:1680px) { 
.sfootdivlogo ul p{ font-size:26px}
.sfootdivlogo ul span strong{ display:block}
.sfoot-lx li{ width:24%; height:45px}
.sfoot-lx li:nth-child(5){ display:none}
}

@media only screen and (max-width:1440px) {  
.sfootdivlogo h2{ font-size:24px}
.sfootdivlogo img{ width:80%}
.sfootdivlogo ul p{ font-size:20px;}
.sfoot-lx li h2 strong{ font-size:20px;}
.sfootdivul{ display:none}
.sfootdivli{ width:55%}
.sfootdivlx{ width:20%}
}
@media only screen and (max-width:1200px) {   
.sfootdivli{ width:53%}
.sfootdivlx{ width:30%} 
.sfootlogo{ display:none}
.sfootdivlx h2{ font-size:20px;}
.sfootdivlogo{ width:36%} 
.sfootnavs li{ width:12%}
}

@media only screen and (max-width:850px) { 
.sfootdivul{ display:none}   
.sfootdivli{ display:none} 
.sfootdivlx{ display:none} 
.sfootdivlogo{ width:100%; text-align:center; }
.sfootdivlogo ul p b{ margin: 0 auto;  }
.sfootdivlogo ul{ padding:0px 3%;}
}
@media only screen and (max-width:768px) {  
.sfootnavs li{ width:25%; text-align:center}
.sfootnavs{ padding-bottom:2%}
}
@media only screen and (max-width:600px) {   
.sfootlogo img{ height:auto; margin-top:0px;}
}
@media only screen and (max-width:550px) {  
.sfootdivlx ul li{ width:100%; float:left}  
}


/* 全局重置侧边栏样式 */
.float-sidebar {
  position: fixed;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  background:#999;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.sidebar-item {
  position: relative;
  display: flex;
  align-items: center;
}

/* 圆形图标按钮基础 */
.icon-btn {
  width: 50px;
  height: 50px;
  background: #999;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease;
}
.icon-btn:hover {
  background: #0056CC;
}
.top-btn {
  background: #0056cc;
}
.top-btn:hover {
  background: #0044aa;
}

/* hover滑出内容容器 */
.hover-content {
  position: absolute;
  right: 55px;
  background: #0056CC;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: all 0.25s ease;
}
/* 鼠标悬浮时滑出 */
.phone-box:hover .hover-content,
.email-box:hover .hover-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}



.wrap1{ 
     /* min-height: 100vh;*/
      display: flex;
      align-items: center;
      justify-content: right;
      padding: 40px 0;
      overflow-x: auto;}
/* 整体堆叠容器，垂直居中 */
    .cert-stack-wrap {
      position: relative;
      display: flex;
      align-items: center;
      height: 395px;
    }
    /* 左侧堆叠小证书 统一平整样式 */
    .cert-card {
      position: absolute;
      width: 280px;
      height:395px;
      background: #fff;
      box-shadow: 0 8px 24px rgba(0,0,0,0.15);
      border: 1px solid #e0e0e0;
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
      /* 取消旋转，保持完全水平平整 */
      transform: rotate(0deg);
    }
	
.cert-stack-wrap .cert-card:nth-child(1){ left: -1300px; z-index: 0; }
.cert-stack-wrap .cert-card:nth-child(2){ left: -1188px; z-index: 1; }
.cert-stack-wrap .cert-card:nth-child(3){ left:-1080px; z-index: 2; }
.cert-stack-wrap .cert-card:nth-child(4){ left:-972px; z-index: 3; }
.cert-stack-wrap .cert-card:nth-child(5){ left: -864px; z-index: 4; }
.cert-stack-wrap .cert-card:nth-child(6){ left: -756px; z-index: 5; }
.cert-stack-wrap .cert-card:nth-child(7){ left: -648px; z-index: 6; }
.cert-stack-wrap .cert-card:nth-child(8){ left: -540px; z-index: 7; }
.cert-stack-wrap .cert-card:nth-child(9){ left: -432px; z-index: 8; }
.cert-stack-wrap .cert-card:nth-child(10){ left: -324px; z-index: 9; }
.cert-stack-wrap .cert-card:nth-child(11){ left:-216px; z-index: 10; }
.cert-stack-wrap .cert-card:nth-child(12){ left: -108px; z-index: 11; }
	
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
.cert-stack-wrap .cert-card:nth-child(1){ left: -1020px;}
.cert-stack-wrap .cert-card:nth-child(2){ left: -935px; }
.cert-stack-wrap .cert-card:nth-child(3){ left:-850px;}
.cert-stack-wrap .cert-card:nth-child(4){ left:-765px; }
.cert-stack-wrap .cert-card:nth-child(5){ left: -680px; }
.cert-stack-wrap .cert-card:nth-child(6){ left: -595px; }
.cert-stack-wrap .cert-card:nth-child(7){ left: -510px; }
.cert-stack-wrap .cert-card:nth-child(8){ left: -425px; }
.cert-stack-wrap .cert-card:nth-child(9){ left: -340px; }
.cert-stack-wrap .cert-card:nth-child(10){ left: -255px; }
.cert-stack-wrap .cert-card:nth-child(11){ left:-170px; }
.cert-stack-wrap .cert-card:nth-child(12){ left: -85px;  }

}	

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.cert-stack-wrap .cert-card:nth-child(1){ left: -920px;}
.cert-stack-wrap .cert-card:nth-child(2){ left: -836px; }
.cert-stack-wrap .cert-card:nth-child(3){ left:-760px;}
.cert-stack-wrap .cert-card:nth-child(4){ left:-684px; }
.cert-stack-wrap .cert-card:nth-child(5){ left: -608px; }
.cert-stack-wrap .cert-card:nth-child(6){ left: -532px; }
.cert-stack-wrap .cert-card:nth-child(7){ left: -456px; }
.cert-stack-wrap .cert-card:nth-child(8){ left: -380px; }
.cert-stack-wrap .cert-card:nth-child(9){ left: -304px; }
.cert-stack-wrap .cert-card:nth-child(10){ left: -228px; }
.cert-stack-wrap .cert-card:nth-child(11){ left:-152px; }
.cert-stack-wrap .cert-card:nth-child(12){ left: -76px;  }
}

@media only screen and (max-width: 1200px) {
.cert-stack-wrap .cert-card:nth-child(1){ left: -720px;}
.cert-stack-wrap .cert-card:nth-child(2){ left: -660px; }
.cert-stack-wrap .cert-card:nth-child(3){ left:-600px;}
.cert-stack-wrap .cert-card:nth-child(4){ left:-540px; }
.cert-stack-wrap .cert-card:nth-child(5){ left: -480px; }
.cert-stack-wrap .cert-card:nth-child(6){ left: -420px; }
.cert-stack-wrap .cert-card:nth-child(7){ left: -360px; }
.cert-stack-wrap .cert-card:nth-child(8){ left: -300px; }
.cert-stack-wrap .cert-card:nth-child(9){ left: -240px; }
.cert-stack-wrap .cert-card:nth-child(10){ left: -180px; }
.cert-stack-wrap .cert-card:nth-child(11){ left:-120px; }
.cert-stack-wrap .cert-card:nth-child(12){ left: -60px;  }
}

@media only screen and (max-width: 1024px) {
.cert-stack-wrap .cert-card:nth-child(1){ left: -100%;}
.cert-stack-wrap .cert-card:nth-child(2){ left: -88%; }
.cert-stack-wrap .cert-card:nth-child(3){ left:-80%;}
.cert-stack-wrap .cert-card:nth-child(4){ left:-72%; }
.cert-stack-wrap .cert-card:nth-child(5){ left: -64%; }
.cert-stack-wrap .cert-card:nth-child(6){ left: -56%; }
.cert-stack-wrap .cert-card:nth-child(7){ left: -48%; }
.cert-stack-wrap .cert-card:nth-child(8){ left: -40%; }
.cert-stack-wrap .cert-card:nth-child(9){ left: -32%; }
.cert-stack-wrap .cert-card:nth-child(10){ left: -24%; }
.cert-stack-wrap .cert-card:nth-child(11){ left:-16%; }
.cert-stack-wrap .cert-card:nth-child(12){ left:-9%;  }
}

@media only screen and (max-width:640px) {
.cert-stack-wrap .cert-card:nth-child(1){ left: -93%;}
.cert-stack-wrap .cert-card:nth-child(2){ left: -88%; }
.cert-stack-wrap .cert-card:nth-child(3){ left:-80%;}
.cert-stack-wrap .cert-card:nth-child(4){ left:-72%; }
.cert-stack-wrap .cert-card:nth-child(5){ left: -64%; }
.cert-stack-wrap .cert-card:nth-child(6){ left: -56%; }
.cert-stack-wrap .cert-card:nth-child(7){ left: -48%; }
.cert-stack-wrap .cert-card:nth-child(8){ left: -40%; }
.cert-stack-wrap .cert-card:nth-child(9){ left: -32%; }
.cert-stack-wrap .cert-card:nth-child(10){ left: -24%; }
.cert-stack-wrap .cert-card:nth-child(11){ left:-16%; }
.cert-stack-wrap .cert-card:nth-child(12){ left:-8%;  }
}



	
    .cert-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* 悬浮上浮效果 */
    .cert-card:hover {
      transform: translateY(-16px) scale(1.03) !important;
      box-shadow: 0 16px 36px rgba(0,0,0,0.22);
      z-index: 999 !important;
    }
    /* 右侧完整主证书，大尺寸独立展示 */
    .cert-card.main-cert {
      position: relative;
      width: 280px;
      height: 395px;
      z-index: 100;
      transform: none !important;
    }



    .cert-stack-wrap1 {
      position: relative;
      display: flex;
      align-items: center;
      height: 453px;
    }


    .cert-card1 {
      position: absolute;
      width: 320px;
      height:453px;
      background: #fff;
      box-shadow: 0 8px 24px rgba(0,0,0,0.15);
      border: 1px solid #e0e0e0;
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
      /* 取消旋转，保持完全水平平整 */
      transform: rotate(0deg);
    }
	
.cert-stack-wrap1 .cert-card1:nth-child(1){ left: -1260px; z-index: 0; }
.cert-stack-wrap1 .cert-card1:nth-child(2){ left: -1032px; z-index: 1; }
.cert-stack-wrap1 .cert-card1:nth-child(3){ left:-772px; z-index: 2; }
.cert-stack-wrap1 .cert-card1:nth-child(4){ left:-512px; z-index: 3; }
.cert-stack-wrap1 .cert-card1:nth-child(5){ left: -252px; z-index: 4; }
	
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
.cert-stack-wrap1 .cert-card1:nth-child(1){ left: -980px;}
.cert-stack-wrap1 .cert-card1:nth-child(2){ left: -808px; }
.cert-stack-wrap1 .cert-card1:nth-child(3){ left:-604px;}
.cert-stack-wrap1 .cert-card1:nth-child(4){ left:-400px; }
.cert-stack-wrap1 .cert-card1:nth-child(5){ left: -196px; }

}	

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.cert-stack-wrap1 .cert-card1:nth-child(1){ left: -880px;}
.cert-stack-wrap1 .cert-card1:nth-child(2){ left: -728px;}
.cert-stack-wrap1 .cert-card1:nth-child(3){ left:-544px;}
.cert-stack-wrap1 .cert-card1:nth-child(4){ left:-360px;}
.cert-stack-wrap1 .cert-card1:nth-child(5){ left: -178px;}
}

@media only screen and (max-width: 1200px) {
.cert-stack-wrap1 .cert-card1:nth-child(1){ left: -680px;}
.cert-stack-wrap1 .cert-card1:nth-child(2){ left: -568px; }
.cert-stack-wrap1 .cert-card1:nth-child(3){ left:-424px;}
.cert-stack-wrap1 .cert-card1:nth-child(4){ left:-280px; }
.cert-stack-wrap1 .cert-card1:nth-child(5){ left: -136px; }
}

@media only screen and (max-width: 1024px) {
.cert-stack-wrap1 .cert-card1:nth-child(1){ left: -100%;}
.cert-stack-wrap1 .cert-card1:nth-child(2){ left: -80%; }
.cert-stack-wrap1 .cert-card1:nth-child(3){ left:-60%;}
.cert-stack-wrap1 .cert-card1:nth-child(4){ left:-40%; }
.cert-stack-wrap1 .cert-card1:nth-child(5){ left: -20%; }
}



@media only screen and (max-width: 640px) {
.cert-stack-wrap1 .cert-card1:nth-child(1){ left: -92%;}
.cert-stack-wrap1 .cert-card1:nth-child(2){ left: -72%; }
.cert-stack-wrap1 .cert-card1:nth-child(3){ left:-54%;}
.cert-stack-wrap1 .cert-card1:nth-child(4){ left:-36%; }
.cert-stack-wrap1 .cert-card1:nth-child(5){ left: -18%; }
}






	
    .cert-card1 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* 悬浮上浮效果 */
    .cert-card1:hover {
      transform: translateY(-16px) scale(1.03) !important;
      box-shadow: 0 16px 36px rgba(0,0,0,0.22);
      z-index: 999 !important;
    }
    /* 右侧完整主证书，大尺寸独立展示 */
    .cert-card1.main-cert {
      position: relative;
      width: 320px;
      height:453px;
      z-index: 100;
      transform: none !important;
    }