@charset "UTF-8";
@font-face {
      font-family:'OPPOSans';
      src:url(../font/OPPOSans3.0En-VF.woff2) format("woff2"),
      url(../font/OPPOSans3.0En-VF.woff) format("woff"),
      url(../font/OPPOSans3.0En-VF.ttf) format("truetype");
      font-weight:200;
      font-style:normal;
      font-display:swap
    }
  
/**********重置一些原样式**************/

.fixed-top {
  z-index:999;
}
.pages,.content {
  min-height:1px;
}
input:focus,textarea:focus,button:focus {
  outline:none;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  margin-bottom:0;
}
table {
  width:100%!important;
  background:#fff;
}
td {
  border:1px solid #ddd;
  padding:0.75rem 1.5rem;
  font-size:1.4rem;
  font-weight:normal;
  line-height:2.4rem;
}
tr:nth-child(2n) {
  background:#f8f8f8;
}
tr:hover {
  cursor:pointer;
}
.clear {
  clear:both;
}
.col-20 {
  -ms-flex:0 0 20%;
  flex:0 0 20%;
  max-width:20%;
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link,.nav-pills .nav-link {
  border:none;
}
.nav-link {
  padding:1rem 1rem;
}
.dropdown-menu {
  top:98%;
}
.nav-tabs .nav-link {
  margin-right:2px;
}


/**********重置一些原结束**************/

/*********自定义一些基本设置**************/
:root {
  --colorred: #E60012;
  --colorgreen:#47696B;
  --coloryellow: #FB9614;
  --coloryellow2: #F3E734;
}

html,body{
  color:#000;
  max-width: 100%;  
  font-family: "OPPOSans",system-ui,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,PingFang TC,PingFang HK,Microsoft Yahei,Microsoft JhengHei;
 
}

a,div,p{
	 font-size: 1.4rem;
}

pre{ position: relative; padding:40px 20px 20px; background:#222; color:#f8f8f8; padding-top:50px; border-radius:10px;}
pre::before {
    content: '';
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d;
    width: 1.2rem;
    height: 1.2rem;
    top:10px;
    left: 20px;
    -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    z-index: 2;
}

input:-webkit-autofill {
 box-shadow: 0 0 0 1000px #fff inset;
 -webkit-text-fill-color: #333;
}

 


html ::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}
html ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #233b67;
}
html ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}


 
.d-flex-center{
  display: flex;
  justify-content:center;
  align-items:center;
}
.d-flex-center-x{
  display: flex;
  justify-content:center; 
} 
.d-flex-center-y{
  display: flex; 
  align-items:center;
}

.fweight {
  font-weight:bold;
}
.fw300 {
  font-weight:300;
}
.fn {
  font-weight:normal;
}
.coloron {
  color:#dbbc87!important;
}
.color000 {
  color:#000!important;
}
.colorfff {
  color:#fff!important;
}
.color666 {
  color:#6f6f6f!important;
}
.color888 {
  color:#888!important;
}
.color333 {
  color:#333!important;
}
.colorred {
  color:#f7094c!important;
}
.bg000 {
  background:#000!important;
}
.bgf3 {
  background:#f3f5f9!important;
}
.bgf8 {
  background:#f8f8f8!important;
}
.bgblue {
  background:#EDF0FA!important;
}
.bgblue2 {
  background:#F7F8FD!important;
}
.bgfff {
  background:#fff!important;
}
.bggreen{
   background:var(--colorgreen)!important;
}
.bg-glass {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.fa-square:before,
.fa-circle:before,
.fa-check-square:before{
	margin-right: 3px;
}

.title-bg{
	 background-image: url(../images/titilebg.jpg);
	 -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-size: center center;
    background-size: cover;
    color: #fff;
    display: inline-block; 
}

.navbar-light .navbar-toggler,
.navbar-toggler{
	border: none!important;
  outline: none!important;
  box-shadow: none;
}
.navbar-light .navbar-toggler-icon{
   background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} 
.navbar-toggler-icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      content: "";
      background: no-repeat center center;
      background-size: 100% 100%;
}
.navbar-toggler-icon.open {
      background-image: url('../images/close.png'); 
}

.leftmenus .onemenu .leftmenus-link{   
    display: block;
    }
.leftmenus .twomenu a{
      font-size: 1.4rem;
      padding-left:1.4rem;
}

.swiper-button-prev{
   background:url(../images/banner_arrow1.png) no-repeat left top;
  position:absolute;
  left:20px;
  top:45%;
  margin-top:-35px;
  width:70px;
  height:70px;
  z-index:999;
  cursor: pointer;
}

.swiper-button-next{
     background:url(../images/banner_arrow1.png) no-repeat left bottom;
  position:absolute;
  right:20px;
  top:45%;
  left:auto;
  margin-top:-35px;
  width:70px;
  height:70px;
  z-index:999;
  outline:none;
    cursor: pointer;
}
.swiper-pagination-bullet{
   width: 10px;
   height: 10px;
}
.swiper-pagination-bullet-active{
    background: var(--colorred);
}

.card-img-150{
   height: 300px;
   overflow: hidden;
}
 
/**********自定义一些基本设置结束**************/


.top-head{
    padding:3rem 0;
    background: #fff;
}

.top-head .top-row{
   display: flex;
   justify-content:space-between;
}

.top-head .top-row .top-right{
   display: flex;
}

.top-search{
    position: relative;
    margin-left: 3rem;
}
.top-search input{
    border-radius: 2rem;
    width: 18rem;
    outline: none;
    border:1px solid #ddd;
    height: 3rem;
    line-height: 3rem;
    padding-left: 2rem;
}
.top-search .top-tj{
   position: absolute;
   right: 1rem;
   top:0.3rem;
   z-index: 2;
   background: rgba(0,0,0,0);
   outline: none;
   border:none;
}


.top-ico a{
   margin-right: 2rem;
}
.top-ico a i{
    font-size: 2.4rem;
    font-weight: 700;
    color:var(--colorgreen);
}

.top-ico a:hover i{
   color:var(--colorred);
}

.logo-sm-height{
   height: 50px;
}

.navbar{ 
  background: var(--colorgreen);
}
.navbar-expand-lg .navbar-nav{
   display: flex;
  justify-content:space-between;

}
.navbar-expand-lg .navbar-nav .nav-link {
    padding:1.5rem 3rem;
    font-size: 1.6rem;
    color:#fff;
}
.dropdown-toggle::after{
   margin-left: 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link:hover{
   color:#F9E090;
}

.dropdown-menu{
    background: var(--colorgreen);
    border:none;
    border-radius: 0;
    padding-bottom: 2rem;
}
.dropdown-menu li{
   padding:0.5rem 1rem;
   position: relative;
}
.dropdown-menu li a{
    color:#fff;
}
.dropdown-menu li:hover,
.dropdown-item:hover{
   background: none;
   color:#F9E090;
}


.menu3{
     position: absolute;
     left:100%;
     z-index: 2;
     top:0;
     width:150px;
     background: var(--colorgreen);
     padding:10px 5px;
     display: none;
}
.menu3 li a:hover{
     color:var(--coloryellow);
}

.dropdown-menu li:hover .menu3{
     display: block;
}












/******************/    
.left-menu-box{ 
   padding:0 2rem;
   position: sticky;
   top:70px;
   height: fit-content;
}
.left-menu-box .bg-box{
   background: #fff;
   padding:2rem; 
}

.leftmenus{
   margin-bottom: 1rem;
}
.leftmenus .onemenu .leftmenus-link{
   position: relative;
   padding-bottom: 1rem; 
}
.leftmenus .onemenu .leftmenus-link i{
   margin-right: 0;
   transition: all 0.6s;
    margin-right:0.5rem;
    margin-top: 0.5rem
}

.leftmenus .onemenu .leftmenus-link:after{
    position: absolute;
    bottom:0;
    content: '';
    width: 0;
    height: 1px;
    background: var(--colorred);
    left:0;   
    transition: all 0.6s; 
}
.leftmenus .onemenu:hover .leftmenus-link:after{     
    width: 100%;  
}

.leftmenus .onemenu:hover .leftmenus-link{
   color:var(--colorred);
   position: relative;
}

.leftmenus .onemenu:hover .leftmenus-link i{
   margin-right:2rem; 
  color:var(--colorred);
}
.leftmenus .active .leftmenus-link{
   color:var(--colorred);
}
.leftmenus .active .leftmenus-link:after{
   width: 100%;
}




.Product-view{
   background: #fff;
   padding:2rem;
}
.product-container{
   margin-top: 3rem;
}

/* 产品详情中幻灯 */

.gallery-container {
  display: flex;
  flex-direction: row;  /* 左右布局 */
  width: 100%;
  height: 100%;
  position: relative;  
}

.gallery-thumbs {
  flex: 0 0 80px;     /* 左边固定占25% */
  max-width: 80px;
  height: 600px;     /* 你自己可以调整 */
  overflow: hidden;
  position: relative;
  z-index: 2;        /* 确保缩略图层级高于大图 */
  margin-right:10px;
  padding-bottom: 50px;
  padding-right:2px;
}

.gallery-top {
  flex: 1;           /* 右边占剩余空间 */
  height: 745px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
  width: 
}

.gallery-thumbs .swiper-slide {
  height: 80px;
  width: 80px;
  opacity: 0.8;
  cursor: pointer;
  border: 1px solid #ddd;
  padding:5px;
  display: flex;
  align-items: center;

}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid #47696B;
}

.gallery-thumbs img, .gallery-top img {
  width: 100%; 
  object-fit: cover;
  display: block;
}

    /* 左边上下按钮样式 */
    /* 先清除默认箭头 */
 
 .up-down{
    position: absolute;
    left:0;
    width: 100%;
    height: 40px;
    background: #fff;
    bottom:0;
    z-index: 5;
 }
.thumbs-button-prev,
.thumbs-button-next {
  position: absolute;
  left: 10px; 
  z-index: 10;
  cursor: pointer;
  font-size: 24px; /* 箭头大小 */
  color: #000;     /* 黑色箭头 */
  background: none; /* 去掉背景 */
  border: none;     /* 去掉圆形边框 */
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

 
.thumbs-button-prev { bottom:0px; left:50px;}
.thumbs-button-next { bottom:0px; }




  /* 关于   font */

.title-line{
   font-size: 3rem;
   font-weight: bold;
   position: relative;
   color:var(--colorgreen);
   padding-bottom:1rem;
}

.title-line:after{
    position: absolute;
    content: '';
    left:0;
    bottom: 0;
    width: 10rem;
    height: 4px;
    z-index: 2;
    background: var(--colorred);

}







.honor3{
   overflow-y: visible;
   margin-top: 5rem;
   padding-bottom: 4rem
}
.honor3 .swiper-slide {
  transition: transform 0.3s ease;
  transform: scale(0.8); /* 默认缩小 */
  opacity: 0.6;          /* 两边透明度降低 */
}
.honor3 .swiper-slide-active {
  transform: scale(1); /* 中间放大 */
  opacity: 1;
  z-index: 10;
}

.honor3 .swiper-slide .ico{ 
    background-size: cover;
    width: 100%;
    aspect-ratio: 1 / 1; /* 宽高比 1:1，保证正方形 */
    text-align: center;
    position: relative;
}

.honor3 .swiper-slide .ico img{    
    height:90%;
    max-width:90%;
    position: absolute;
    left:50%;
    top:5%;
    transform: translateX(-50%);
}
.honor3 .swiper-slide .ico .title{
    position: absolute;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    z-index: 2;
    left:0;
    bottom:2rem;
}

.honorpage{
   bottom: 0;
}
.honorpage .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.honorpage .swiper-pagination-bullet-active{
    background: var(--colorred);
}





.about-adv-box{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.about-adv-box .about-adv{
   width: 25%;
   margin-bottom:3rem;
}

.about-adv-box .about-adv .about-adv-list{
    width: 80%;
    margin:0 auto; 
    text-align: center;
    cursor: pointer;
}

.about-adv-box .about-adv .about-adv-list .ico{
  width: 150px;
  height: 120px;
  background:#E2F2FF;
  clip-path: polygon(
    25% 0%,   /* 左上 */
    75% 0%,   /* 右上 */
    100% 50%, /* 右中 */
    75% 100%, /* 右下 */
    25% 100%, /* 左下 */
    0% 50%    /* 左中 */
  );
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  margin-bottom: 1rem;
}
 
.about-adv-box .about-adv .about-adv-list .ico img{
   width:60px;
   height: 60px;
   margin:0 auto;
}

.about-adv-box .about-adv .about-adv-list .timer{
    font-size: 5rem;
    font-weight: bold;
    color:var(--colorred);
}
.about-adv-box .about-adv .about-adv-list:hover .ico{
   background:var(--colorgreen)
}

.about-adv-box .about-adv .about-adv-list:hover .ico img {
  filter: brightness(0) invert(1);
}


.Equipment{
   width: 100%;
   height: 300px;
   overflow: hidden;
}

.Equipment img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



 




#nav-tabContent{
   margin-top: 20px;
}

.nav-tabs-box{
    margin-top: 50px;
}
.nav-tabs .nav-link{
  margin-right: 2px;
}

.index-productlist{
  background-color:#fff;
  width:100%;
  position:relative;
  display:inline-block;
  border-radius: 15px 15px 0 0;
  overflow:hidden;  

}



.index-product-img-box{
  margin-top:100%;
}

 .index-pro-box{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:100%; 
}
.index-pro-box img{
   transition: all 0.6s;
}
.index-pro-box:hover img{
   transform: scale(1.1);
}

.index-pro-box-content{
  position:relative;
  width:100%;
  height:100%;
}

.index-pro-box-content img {
  width:100%;
  height:100%;
}
 

.index-pro-title-box{
   background: #fff;
   border-radius: 0 0 15px 15px;
   padding:10px 15px;
   margin-top: -5px;   
}   

.index-pro-title-box .title{ 
  line-height: 24px;
  overflow-y: hidden; 
 
}

.index-productlist2{
    border-radius: 15px;
}
.index-pro-title-box2{
    position: absolute;
    left:0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding:10px 15px;
    background: rgba(255,255,255,0.7);
}
.index-pro-title-box2 .title{
    color:#333;
}
.index-productlist2:hover .index-pro-title-box2{
    background:#fff!important;
}
.index-productlist2:hover .index-pro-title-box2 .title{
    color:#333;
}
        
.nav-tabs{
  border:none;
  display: block;
  text-align: center;

}
.nav-tabs .nav-link-tab{
  display: inline-block!important;
  cursor: pointer;
    line-height: 28px;
    margin: 0 10px;
    padding:0;
    padding-bottom: 10px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    background: none;
    border:none;
    color:#333!important;
}
.nav-tabs .nav-item.show .nav-link-tab, 
.nav-tabs .nav-link-tab.active{
  border:none!important;
  background: none;
  color:var(--colorred)!important;
  border-bottom: 2px solid var(--colorred)!important;
  font-weight: bold;
}


.nav-tabs .nav-link-tab:hover{
  border:none;
}




#honor{
   padding-bottom: 50px;
}

.honor-page{
   bottom: 0
}

.index-swiper-news{
   background: #f3f5f9;
}
.index-swiper-news .ico{
   height: 250px;
   border:1px solid #ddd;
   overflow: hidden;
}
.index-swiper-news .ico img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.index-swiper-news .title{
    padding:10px 15px;
    height:70px;
    line-height: 25px;
    overflow: hidden;
}
.index-swiper-news .desc{
    padding:15px;
    height: 100px;
    overflow: hidden;
}








.product-list{
   display: inline-block;
   width: 100%;
   height: 100%;
}

.product-list .ico-box{
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow:hidden; 
    display: block;
    border:1px solid #ddd;
}

.product-list .ico-box img{
    transition: all 0.6s;
    width: 100%;
    height: 100%;
}

.product-list:hover .ico-box img{
    transform: scale(1.1);

}

.product-list:hover .pro-title{
    color:var(--colorgreen);
}











.news-list3{
    position: relative;
    box-shadow: 0px 6px 20px 0px rgba(8, 33, 69, 0.1);
    overflow: hidden;
    background: #fff;
}
.news-list3::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--colorred);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  z-index: 5;
}
.news-list3 a .tu {
  height: 0;
  padding-bottom: 56%;
  overflow: hidden;
  position: relative;
}
.news-list3 a .tu img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: all 0.6s;
}
.news-list3 a .bottom {
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 16rem;
  background: #fff;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.news-list3 a .bottom .text {
  overflow: hidden;
  position: absolute;
  width:90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;

}
.news-list3 a .bottom .text h2 {
  font-size: 1.6rem; 
  color: #141414;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
  height: 3em;
  margin-top: 2rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.news-list3 a .bottom .text h3 {
  font-size: 1.6rem;
  color: #838282;
  margin-top: 2.4rem;
}
.news-list3 a .bottom .text h4 {
  font-size: 1.6rem;
  color: var(--colorred);
  margin-top: 3rem;
  position: relative;
  top: 2rem;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.news-list3 a .bottom .text h4 span {
  margin-left: 0.8rem;
}
.news-list3:hover::after {
  width: 102%;
}
.news-list3:hover a .tu img {
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
}
.news-list3:hover a .bottom {
  transform: translateY(-2rem);
}
.news-list3:hover a .bottom .text h2 {
  color: var(--colorred);
}
.news-list3:hover a .bottom .text h4 {
  top: 0;
  opacity: 1;
}






.contact-box{
   padding:50px 50px;  
   background: #fff;
   color:#333; 
   text-align: center;
   height: 100%;
    transition: all 0.6s ease-in-out; 
    border:1px solid #ddd;
}
.contact-box  .txt{
   font-size: 14px;
   transition: all 0.6s ease-in-out;
}
.contact-box:hover{
   background: #333;
   color:#fff;
}
.contact-box:hover .txt{
   font-size: 16px;
}
.contact-left-box .name{   
    font-size: 48px;
    color:#ddd;
}
.contact-left-box img{
   margin-right: 10px;
}

.contact-left-box .content{   
    font-size: 16px;
    line-height: 32px;
  }
.contact-box .fax{
   width: 40px;
}
.contact-box:hover .fax{
  filter: brightness(0) invert(1);
}






.footer{
   background: #333;
   border-top: 1px solid #ddd;
   padding-top:8rem;
   color:#E8E8E8;
}


.footer-top{
    padding:4rem 0;
    display: flex;
    justify-content:space-between;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5rem;
}

.foot-logo{
   max-height: 5rem;
}


.foot-search{
   position: relative;
}
.foot-search input{
   border:1px solid #ddd;
   border-radius: 2rem;
   height: 4rem;
   line-height: 4rem;
   padding-left: 2rem;
}

.foot-search .bt{
   outline: none;
   border:none;
   background: none;
   position: absolute;
   right:5px;
   top:5px;
  
}

.foot-search .bt i{
    font-size:2rem;
}


.foot-icos a{
   color:#E8E8E8;
}
.foot-icos a:hover{
   color:var(--colorred2);
}


.foot-contact{
   font-size: 1.6rem;
   color:#E8E8E8;
   width: 100%; 
}

.foot-contact .foot-contact-list{
   font-size: 1.6rem;
   color:#888;
   margin-bottom: 2.4rem;
   display: flex; 
}
.foot-contact .foot-contact-list .i{
   width:4rem;
}
.foot-contact .foot-contact-list .address{
   width: calc(100% - 4rem);
}
.foot-contact .foot-contact-list .address .name{
   font-size: 1.6rem;
   margin-bottom: 1rem;
}
.foot-contact .foot-contact-list .address .desc{
   font-size: 1.6rem;
}

.foot-line{
   width:1px;
   height: 100%; 
   margin:0 auto;
   background: #ddd;
}


.foot-ewm{
   display: flex;
   justify-content: flex-end;
   margin-left:4rem;
}
.foot-ewm .ewm-box{
   text-align: center;
   width: 100px;   
    margin-left: 2rem;
}
.foot-ewm .ewm-box .ewm{
    width:100px;
}


.foot-link{
   color:#E8E8E8;
}
.foot-link a{
   color:#E8E8E8;
   margin-right:3rem;
}

.foot-link a:hover{
   color:#fff;
}



.foot-menu-list .foot-menu{
    color:#fff;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    display: block;
}
.foot-menu-list .foot-submenu li{
   margin-bottom: 1rem;
}
.foot-menu-list .foot-submenu li a{
    font-size: 1.4rem;
    color:#888;
}

.foot-menu-list .foot-submenu li a:hover{
   color:#fff;
}

.w-80{
   width: 80%
}




.more-btn{
      user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #d7d7d7;
    padding: 0 2px;
    border-radius: 42px;
    height: 42px;
    width: 158px;
    position: relative;
    overflow: hidden;
    transition: background .5s, border-color .5s, box-shadow .5s;
    margin:0 auto;
}
.more-btn i{
       width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #262626;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    overflow: hidden;
    font-style: normal;
    transition: all .5s;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

 

.more-btn span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 14px;
    color: #262626;
    padding: 0 36px;
    z-index: 2;
    transform: translate3d(0, 0, 4px);
    transition: all .5s;
}
.more-btn span.s {
    justify-content: flex-end;
}

.more-btn span.h {
    justify-content: flex-start;
    opacity: 0;
}

.more-btn:hover{background: #e10f1c;box-shadow: 0px 12px 30px 4px rgba(255, 15, 15, 0.19);border-color: #e10f1c;}
.more-btn:hover i{transform: translateX(calc(158px - 6px - 38px));color: #e10f1c;background: #fff;}
.more-btn:hover span{color: #fff;}
.more-btn:hover span.s{opacity: 0;}
.more-btn:hover span.h{opacity: 1;}



.tuijian-box{
   padding: 2rem;
}









.honor-index{
  background:#f8f8f8 url(../images/bghonor.jpg) no-repeat top right;
  height:65rem;
  position: relative;  
  padding-top: 5rem;
}
 
.honorbox{
  position: relative;
}

.honorbox-fixed{
   position: absolute;
   left:0;
   top:10rem;
   z-index: 9;
   width: 100%;
   height:32rem;   
   
}


.lingdong-btn{     
  padding:0px 20px;
  width:150px;
 line-height: 40px;
  height: 40px;
       text-align: center;
       cursor: pointer;
       position: relative;      
        overflow:hidden;
        border:1px solid var(--colorred);
    }
.lingdong-btn:after{ 
      content: '';
       width: 100%;
       height: 100%;
       background: var(--colorred);
       left:-100%;
       display: inline-block;
       position: absolute;
       top:0;
       transition: all  0.6s;
       z-index: 9;
    }
.lingdong-btn a{
      display: inline-block;
      width: 100%;
      height: 100%;
      z-index: 10;
      color:var(--colorred);
      text-decoration: none;
      position: absolute;
      left:0;
      top:0;
      text-align: center!important;
    }
     
.lingdong-btn:hover:after{
       left:0;
       color:#fff!important;
    }

.lingdong-btn:hover a{
       color:#fff!important;
    }

.lingdong-btn-on{
   background:var(--colorred)!important;
}
.lingdong-btn-on a{
  color:#fff;
}


.fax{
   width: 30px
}