@charset "utf-8";
.new-conter{
    width: 100%; 
    margin:0 auto 0;
    padding-top: -2em;
    position: relative;
}
.new-conter nav>ul{
    display: flex;/*同一行*/
    width: max-content;
   }
.new-conter nav>ul>li{
    font-size:1.2em;
    margin-right: 4em;
    height: 1.5em;
    width: 50%;
    display: inline-block;
}
.new_nav_div{
    width: 80%;
    background-color: #000;
    height: 80px;
    /* box-sizing: border-box; */
    padding: 10px;
    /* position: relative; */
    display: flex;
}

h1 {
    text-align: center;
    padding: 2em 0;
    font-size: 3em;
    line-height: 1.6em;
}

h1 span {
    font-size: 1.2em;
    color: yellow;
    padding: 0 10px;
}
.tab-container{
    width: 80%;
    background-color: #fff;
    margin: 30px auto;
    color: #000;
    font-size: 1.2em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:1px solid black;
}
a{
  text-decoration: none;
}
ul.tab-title{
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ccc;
    width: max-content;
   margin: auto;
}
ul.tab-title li{
    /* list-style: none; */
    line-height: 2em;
    font-size: clamp(1rem, 0.489rem + 1.25vw, 2rem);
    position: relative;
    cursor: pointer;
    transition: all .3s;
    padding-left: 0.5em;
    display: inline-block;
  
}
ul.tab-title li:hover,
ul.tab-title li.active{
    color: #10489b;
}
ul.tab-title li::before{
    content: '';
    display: block;
    width: 0;
    height: 4px;
    position: absolute;;
    bottom: -2px;
    left: 50%;
    background-color: #10489b;
    border-radius: 2px;
    transition: all .3s;
}
ul.tab-title li:hover:before,
ul.tab-title li.active:before{
    width: 100%;
    left: 0;
}
.tab-content{
    height: 80%;
    overflow: hidden;
}
.tab-panel{
    display: none;
    height: 450px;
    font-size: clamp(1rem, 0.489rem + 1.25vw, 2rem);
    color: #999;
   margin-top: 10px;
   margin-left: 10px;
   padding-bottom: 100000px;
   margin-bottom:-100000px;
}
.tab-panel.show{
    display: flex;
    flex-direction: column;
}
.tab-panel-content{
  height: 25%;
  margin: 10px;
  display:flex;
}
.tab-panel-content:hover{
    -webkit-box-shadow: 1px 15px 30px rgb(0 0 0 / 20%); 
    box-shadow: 1px 15px 30px rgb(0 0 0 / 20%); 
}
.tab-panel-img img{  
    height: 100%;
    margin-right: 20px;
}
.tab-panel-char{
    width:100%;
    margin-left: 10px;
    margin-bottom: 5px;
}
.tab-c{
    width: 100%;
    overflow: hidden;
    /* 将对象作为弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
    /* 用来限制在一个块元素显示的文本的行数 */
    -webkit-line-clamp: 2;
    /* -webkit-line-clamp: 3;  一个块元素显示的 3 行 */
}
.char1{
    padding-top: 6px; 
    font-size: clamp(1rem, 0.489rem + 1.05vw, 1.5rem);
    color: #3c3c3c;
    line-height: 1.5em;
} 
.char2{
    padding-top: 6px;
    font-size: clamp(1rem, 0.489rem + 1.05vw, 2rem);
    color: #3c3c3c;
    color: #000000;
} 
.riqi{
    font-size: clamp(1rem, 0.489rem + 1.05vw, 1.5rem);
    color: #3c3c3c;
    color: #3c3c3c;
  }
#swiper2 {
    width: 100%;
    height: 40%;
    padding:90px 0;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;/*不平铺*/
  }
 
  #slide2 {
    text-align: center;
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.5rem);
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property:all;
    position: relative;
  }
  #progressEffect{
    position: absolute;
    z-index: 10;
    color: #ffffff00;
    border-color: #ffffff00;
  }
  #slide2 img{
    max-width: 100%;
    height: auto;
  }

.nei2-1{
   margin: auto; 
}
  .nei2{
   display: flex;
    color: #000;
    height: 2em; 
    text-align: center;
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.4rem);
  
  }
  .chanpin{
    width: 100%;
 padding-bottom: 2em;
    margin:0 auto 0;
    position: relative;
  }
  .chanpin-div{
    width: 80%; 
    margin: 0 auto;
    position: relative;
    display: flex;
  }
  .chanpin1{
    background-repeat: no-repeat;/*不平铺*/
    border:1px solid #888888 ;
    background-size: cover;
    margin-left: 20px;
  }
 
  .chanpin1:hover{
    background-size: 120%;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);    
     /* //背影黑色阴影 */
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);       
     /* //背影黑色阴影 */
    -webkit-transform: translate3d(0, -2px, 0);         
        /* //向上移动2像素 */
    transform: translate3d(0, -2px, 0);  
  }
  .chanpin2{
    width: 100%;
  height: 20%;
    background-color: rgba(0, 0, 0, 0.458);
    /* opacity: 0.3; */
    display: flex;
    margin-top: 80%;
    margin-bottom: 20%;
  }
  .chanpin2 img{
    width: 60%;
  }
  .chanpin2>a{
    margin: 0 auto;
    bottom: unset;
    text-align: center;
  }
  
 .jian1{
    width: 30%;
    height: 100px;
    background-repeat: no-repeat;/*不平铺*/
    margin: 1em auto 1em;
   background-size: 100% 100%;
    color: #000;
    text-align: center;
  }
 .jie{
    vertical-align: middle;
   font-size: clamp(1rem, 0.489rem + 1.05vw, 6rem);
   padding-top: 35px;
   display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 2px;
  }
 
 .text-div{
    height: 80%;
    display: flex;
    overflow: hidden;
 }
 .qiye{
    height: 100%;
    width: 100%;
    
 }
 .text1{
    width: 50%;
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem);
    line-height: 30px;
    color: #000;
   margin-left: 50px;
   margin-bottom: 20px;
  float: left;
  padding-bottom: 100000px;
  margin-bottom:-100000px;
  }
  .jian-img{
    width: 40%;
    float: right;
   margin-right: 1em;
  margin-left: 1em;
  }
  .jian-img img{
    width: 100%;
  }
  p{
    padding: 10px 0;
    margin: 10px 0;
    
  }
  .fazhan img{
    width:100%;
  }
  .jituan{
    text-align: center;
  }
 /* 新闻内容部分 */
 .xinwen{
    width: 60%;
   margin:0 auto 0; 
   text-align: center;
 }
 
 .biaoti{
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 3rem);
    color: #000;
    line-height: 1.8em;
   
 }
 .biaotixinwen{
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 3rem);
    color: #000000;
 
 }
 .wenzi{
    text-indent: 2em;
    color: #000;
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.2rem);
    line-height: 1.5em;
    margin: 10px 10px 10px 10px;
    text-align: left;
 }
 .beizhu{
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1rem);
    text-align: 3em;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
 }
 .xinwen img{  
    width: 100%;
   margin-top: 0.8em;
   margin-bottom: 1em;
   text-align: center;
 }
 .xinwen-div{
    width: 100%;
    background-color: #ffffff;
    height: 800px;
    overflow: auto;
    margin-top: 20px;
 }
 .xinwen-tab img{
    height: 100px;
    width: 125px;
 }
 .xinwen-tab {
    display: flex;
    padding: 10px;
 }
 .xinwen-neirong{
    margin-left: 0.5em;
    margin-top: 0.5em;
 }
  /* 新闻内容部分 */
  .zhengwen4{
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.4rem);
    line-height: 2em;
    margin-left: 8%;
    text-indent: 4em;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
  }
  .xinwenimg1 {
    left: 0;
    width: 18em;
    border-color: #df0000;
    display: flex;
  }
  .xinwenimg1 img{
    margin-left: 1em;
  }
  .shachongji{
    font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.4rem);
  }
/* new-conter end */
/* footer begin*/
.gs{
  width: 80%;
  height: 1000px;
margin: 0 auto 0;
}
.gs1{
  font-size: clamp(1rem, 0.489rem + 1.05vw, 3rem);
  text-align: center;
  padding: 1em;
}
.xy{
  width: 80%;
  margin: 0 auto 0;
}
.xy img{
  width: 100%;
}
.xb{
  font-size: clamp(0.7rem, 0.489rem + 1.05vw, 1.4rem);
}