/* 海报 */
.banner {z-index:1; position:relative;overflow: hidden;}
.flexslider {position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides {position:relative;}
.flex-control-nav {position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:90px;height:2px;margin:0 5px;*display:inline;zoom:1;position: relative;}
.flex-control-nav a {opacity: 0.5; display:inline-block;width:90px;height: 2px;overflow:hidden;background-color: #fff;cursor:pointer; text-indent: -99em;}
.flex-control-nav .flex-active {background-color: #4a4947;opacity: 1;}
.flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;display: none;}
.flex-direction-nav li a {display:block;width:58px;height:77px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev {left:50%;margin-left:-600px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:50%;margin-right:-600px; background:url(../images/next.png)center center no-repeat;}
.flex-direction-nav li{}
.containerjjj {
    padding: 0px
    margin: 0 auto; margin-top:40px; margin-bottom:80px;
}
.proconner{width:100%;}
.proconner img{width:100%;}

@media (min-width: 480px) {
#pc{ display:block}
#mob{ display:none}
.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    max-width: 1300px;
    width:94%;
    margin: 0 auto; margin-top:80px; margin-bottom:80px;
}
.right-section {
    width: 55%;
    padding: 0 40px;
}
}

.left-section img {
    max-width: 550px;
    width:100%;
    height: auto;
    border-radius: 5px; transition: transform 0.3s, box-shadow 0.3s;
}
.left-section:hover img{transform: scale(1.1);}

@media (max-width: 479px) {
#pc{ display:none}
#mob{ display:block}
.container {
   
    align-items: center;
 
    padding: 0px;
    max-width: 1300px;
    width:94%;
    margin: 0 auto; margin-top:20px; margin-bottom:20px;
}
.right-section {
    width: 100%;
    padding: 20px;
}

}


.right-section h2 {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px; font-weight:800
}
.right-section h1 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}
.right-section p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #666;
}
.right-section ul {
    list-style: none;
    margin-bottom: 50px;
}
.right-section ul li {
    margin-bottom: 25px;
    font-size: 16px;
    color: #555;
    position: relative;
    padding-left: 30px;
}
.right-section ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #fff;width:22px;height:22px;
    font-weight: bold;background-color: #192e97; border-radius: 50%; text-align:center;
}
.join-btn {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 0px; float:left;
}
.join-btn:hover {
    background-color: #555;
}
.contact-info {
    font-size: 14px;padding: 6px 24px;
    color: #333;float:left; margin-left:30px;
}
.contact-info span {
    margin-right: 5px;
}

.product-section {
    width: 100%;
    margin: 0 auto;
    padding: 5px 5%  20px 5%;background-color: #fafafa;
}
.section-title_ty {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 40px; 
	 margin-top: 40px;
}
.section-title {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 70px; 
}
.section-desc {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}
.tab-nav {
    display: flex;
    margin-bottom: 40px;
}
.tab-btn {
    flex: 1;
    padding: 30px 0;
    background-color: #eaeaea;
    border: none;
    cursor: pointer;
    font-size: 25px;
    color: #333;
}
.tab-btn.active {
    background-color: #192e97;
    color: #fff;
}

.products {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-item {
    width: calc(33.33% - 20px);
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
}
.product-item img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.product-item h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
.product-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}
.detail-btn {
    padding: 8px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
}
.detail-btn:hover {
    background-color: #f5f5f5;
}
.video-container {
width:94%;
    position: relative;
    border: 10px solid #2c3e50; margin:0 auto; margin-top:15px ;
}
.video-container img {
    display: block;
    width: 100%;
    height: auto;
}
@keyframes growAndFade {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2); /* 元素放大到原来的2倍 */
  }
  100% {
    transform: scale(1.5); /* 元素放大到原来的4倍 */
    opacity: 0; /* 完全透明 */
  }
}
.play-btn {
  position: absolute; /* 绝对定位，可自由调整位置 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 居中对齐 */
  width: 80px;
  height: 80px;
  border-radius: 50%; /* 圆形 */
  background-color: #192e97; /* 蓝色，可根据需求调整 */
  color: #fff; /* 白色三角形（字符颜色） */
  border: none;
  font-size: 24px; /* 调整三角形字符大小 */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; z-index: 999;
  
}
.play-btns{position: absolute;z-index: 900; /* 绝对定位，可自由调整位置 */
  top: 42%;
  left: 46.8%;
  transform: translate(-50%, -47%); /* 居中对齐 */
  width: 100px;
  height: 100px;
  border-radius: 50%; /* 圆形 */
  background-color: #fff; /* 蓝色，可根据需求调整 */
  color: #fff; /* 白色三角形（字符颜色） */
  border: none;
  font-size: 24px; /* 调整三角形字符大小 */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: growAndFade 3s infinite;}


.news-center {
    max-width: 90%;
    margin: 0 auto;
    text-align: center; margin-top:60px;
}
.news-center h1 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.subtitle {
    font-size: 18px;
    color: #666;
    margin-bottom: 30px;
}
.news-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;text-align:left
}
.news-item {
    width: calc(33% - 20px);
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); overflow: hidden;
}
.news-item img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; transition: transform 0.3s, box-shadow 0.3s;
}
.news-item:hover img{transform: scale(1.16);}
.news-item:hover{background-color: #192e97;color:#fff}
.news-item:hover .news-info .day,.news-item:hover .news-info .year,.news-item:hover .news-info .news-content h2,.news-item:hover .news-info .news-content p,.news-item:hover .detail-link{color:#fff}

.news-info {
    text-align: left;border-bottom: 1px solid #eee; padding-bottom:10px;
}

.date {
    width: 100px;
    text-align: center;
    
    padding-right: 0px; float:left; margin-right:20px;
}
.day { 
    font-size: 26px;
    font-weight: bold;
    color: #999;
    display: block;
}
.year {
    font-size: 16px;
    color: #999;
    display: block;
    margin-top: 5px;
}
.news-content {
   width: calc(100% - 130px);float:right; 
    padding-left: 20px;border-left: 1px solid #eee;
}
.news-content h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.news-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}
.detail-link {
    display: inline-block;
    font-size: 14px;
    color: #999;
    text-decoration: none; margin-top:20px;
}

.detail-link:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .news-item {
        width: 100%;
    }
    .news-content {
   width: calc(100% - 0px);float:right; 
    padding-left: 0px;border-left: 0px solid #eee;
}
}



.banner_gg {
    background-color: #192e97;
    color: #fff;
    padding: 40px 8% 60px 8%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner_gg h1 {
    font-size: 32px;
    line-height: 1.4;
    max-width: 500px;
}
.btn-group {
    display: flex;
    gap: 15px;
}
.btn {
    padding: 12px 24px;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.btn.primary {
    background-color: #fff;
    color: #192e97;
}
.btn.primary:hover {
    background-color: #f0f0f0;
}
.btn.secondary {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.btn.secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
    .banner_gg {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
    .banner_gg h1 {
        margin-bottom: 20px;
    }
    .btn-group {
        flex-direction: column;
    }
}


 .banner_about {
    position: relative;
    margin-top: 0px;
    }
    
    .pub-banner img {
    width: 100%;
    }
    
    .pub-pcbanner {
    display: block;
    width: 100%;
    }
    
    .pub-mbanner {
    display: none;
    width: 100%;
    }
    
    .pub-banner .pub-banner-font {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: left;
    color: #ffffff;
    z-index: 9;
    }
    
    .pub-banner .pub-banner-font h3 {
    font-size: 40px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    text-transform:uppercase;
    }
    
    .pub-banner .pub-banner-font h3::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 2px;
    background-color: #fff;
    }
    
    .pub-banner .pub-banner-font p {
    font-size: 18px;
    line-height: 1.3;
    color: #666666;
    }
    
    .pub-banner .pub-banner-font1 p {
    font-size: 0.24rem;
    font-weight: lighter;
    }
    
    .pub-banner .pub-banner-font1 .eng {
    font-family: "Gilroy-UltraLight";
    font-size: 0.38rem;
    color: #c5c5c5;
    margin-bottom: 15px;
    }
    
    .pub-banner .pub-banner-font1 h3::before {
    display: none;
    }
    
    .nav-menu {
    background-color: #ffffff;
    border-bottom: 1px solid #eaeaea;
    }
    
    .nav-menu .nav-name {
    background-color: #ffffff;
    color: #333333;
    display: block;
    text-align: left;
    display: block;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    line-height: 65px;
    font-size: 18px;
    border-bottom: 1px solid #d2d2d2;
    display: none;
    }
    
    .nav-menu .nav-name .iconfont {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    }
    
    .nav-menu .nav-menu-ul {
    flex-wrap: wrap;
    }
    
    .nav-menu .nav-menu-ul a {
    font-family: "ArialMT";
    font-size: 16px;
    line-height: 80px;
    color: #333333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    
    .nav-menu .nav-menu-ul li {
    text-align: center;
    position: relative;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-right: 2.3%;
    }
    

    .nav-menu .nav-menu-ul li:last-child {
    margin-right: 0px;
    }
    
    .nav-menu .nav-menu-ul li::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 4px;
    background-color: #1c6598;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    
    .nav-menu .nav-menu-ul li.active::before,
    .nav-menu .nav-menu-ul li:hover::before {
    width: 120%;
    }
    
    .nav-menu .nav-menu-ul li.active a,
    .nav-menu .nav-menu-ul li:hover a {
    color: #1c6598;
    }
	
	.flexce {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.ny-bread {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 3px;
    }
.bread {
    float: right;
    font-size: 0;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 0px 0;
    }
    
    .bread p {
    font-size: 14px;
    color: #fff;
    }
    
    .bread a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    }
    
    .bread p em {
    display: inline;
    margin: 0 3px;
    color: #fff;
    font-size: 12px;
    }
    
    .bread p em.bread-hom {
    font-size: 20px;
    margin: 0 3px 0 0;
    }
	
	 .company-intro_pro  h1 {
      text-align: center;
      margin-bottom: 20px;
      position: relative; font-size:32px; font-weight:500; 
    }

     .company-intro_pro h1::after {
      content: "";
      display: block;
      width: 40px;
      height: 2px;
      background-color: #007bff;
      margin: 20px auto 0;
    }
	.company-intro_pro {
      max-width: 1400px;
      width:94%;
      margin: 0 auto;line-height:35px; margin-top:30px; margin-bottom: 40px;
    }
    
	
	 .company-intro  h1 {
      text-align: center;
      margin-bottom: 20px;
      position: relative; font-size:32px; font-weight:500 
    }

     .company-intro h1::after {
      content: "";
      display: block;
      width: 40px;
      height: 2px;
      background-color: #007bff;
      margin: 20px auto 0;
    }

    .company-intro {
      max-width: 1400px;
      width:94%;
      margin: 0 auto;line-height:35px; margin-top:60px;
    }



    .img-container {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
      flex-wrap: wrap; margin-bottom:60px;
    }



    .img-container img {
      width: 100%;
      height: auto;
      border-radius: 0px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

   
	
	/* 容器样式，用于水平排列数据项 */
	 @media (min-width: 769px) {
.data-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    background-color: #fff;
}
}
 @media (max-width: 768px) {
      .img-item {
        flex: 0 0 100%;
      }
      
      .data-container {

    align-items: center;
    padding: 20px;
    background-color: #fff;
}
      
      
    }
/* 每个数据项的样式 */
.data-item {
    text-align: center;
}

/* 数字样式 */
.data-number {
    font-size: 36px;
    font-weight: bold;
    color: #0056b3; /* 蓝色，可根据需求调整 */
    margin-bottom: 5px;
}

/* 描述文字样式 */
.data-desc {
    font-size: 14px;
    color: #333;
}


.contact-container {
  max-width: 1300px;
  width:94%;
  margin: 0 auto; margin-top:80px;
}
@media (min-width: 769px) {
.contact-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.contact-top h1 {
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  flex: 1;
}

.contact-top p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  flex: 1;
  margin-left: 50px;
}
}
@media (max-width: 768px) {
  .contact-top {
 
  margin-bottom: 30px;
}

.contact-top h1 {
     
  font-size: 28px;
  font-weight: bold;

}


.contact-top p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;

  margin-top: 10px;
}
  
    }

hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 20px 0;
}

.contact-info_er {
 line-height:25px;
}

.info-item {
  flex: 1;

  margin-right: 20px;
}

.info-item h3 {
  font-size: 18px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.info-item h3 svg {
  margin-right: 8px;
}

.info-item p {
  font-size: 14px;
  color: #555;
  margin: 5px 0;
}

.form-container {
  width: 90%;
  max-width: 1300px;
  padding: 80px;
  background-color: #f0f0f0;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);margin:0 auto; margin-top:80px; margin-bottom:80px;
}

.form-container h1 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

.form-container p {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
 .form-container {
  width: 94%;
  max-width: 1300px;
  padding: 20px;
  background-color: #f0f0f0;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);margin:0 auto; margin-top:40px; margin-bottom:40px;
}

.form-container h1 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

.form-container p {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
}
    }
@media (min-width: 769px) {
.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.form-row input {
  flex: 1;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.form-rower {

  margin-bottom: 20px;
}

.form-rower input {
  
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}


}
@media (max-width: 768px) {
.form-row {
  
  margin-bottom: 0px;
}

.form-row input {
  width: 100%;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px; margin-bottom: 20px;
}

.form-rower {

  margin-bottom: 20px;
}

.form-rower input {
  width: 100%;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

}
.form-container textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 20px;
  resize: vertical;
}

.form-container button {
  background-color: #192e97;
  color: #fff;
  border: none;
  padding: 15px 40px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.form-container button:hover {
  background-color: #192e97;
}


.news{
	
	padding-top: 10px;
	padding-bottom: 0px;
}
.time_box{
	width: 25%;
	text-align: center;
	border-right: 1px solid #aaa;
}
.time_box h6{
	color: #313131;
	font-size: 48px;
}
.time_box p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;
}
.news_fon_info{
	width: 100%;
	
}
.news_fon_info p{
	color: #666;
	font-size: 14px;
	font-weight: 100;line-height:25px;height:50px; overflow:hidden
}
.news_fon_info h4{
	color: #222222;line-height:30px;height:30px; overflow: hidden;font-weight: 600;font-size: 16px;
}
.news_font{
	
	padding: 25px;
	
	padding-right: 5%;
}
.news ul li{
	width: 32%; margin-bottom:30px;  float:left; margin-right:2% ;background-color: #f0f0f0;
}
.news ul li:nth-child(3n+3){
margin-right:0% ;}
.newstp{height:250px; overflow:hidden;}
.newstp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.news ul li:hover .newstp  img{    transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);}
 @media (max-width: 479px) {
     .news ul li{
	width: 100%; margin-bottom:20px;  float:left; margin-right:0% ;
}

.newstp{width:100%;height:auto; overflow:hidden;}
     
 }    
 
 .page-con {
    margin-top: 40px;
    margin-bottom: 40px;background: #fff;
}
 @media (max-width: 479px) {
     .page-con {
    margin-top: 0px;
    margin-bottom: 40px;
}
 }
 
 /* 页码 */
.pagelist {
	margin: 0px 0;
	text-align: center; margin-bottom: 20px;
}
.pagelist li {
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #ddd;
	vertical-align: middle;
	font-size: 14px;
}
.pagelist li a{
	padding: 0 10px;
	font-size: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
    text-align: center;

    color: #787878;
}
.pagelist li a{
	display: block;
	color: #787878;
}
.pagelist li a:hover {
	background: -webkit-linear-gradient(bottom, #192e97, #192e97); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #192e97, #192e97); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #192e97, #192e97); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #192e97, #192e97); /* 标准的语法 */
    color: #fff;
}
.pagelist li.active a{
	padding: 0 10px;
	height: 30px;
    line-height: 30px;
	border: 1px solid #192e97;
	background: -webkit-linear-gradient(bottom, #192e97, #192e97); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #192e97, #192e97); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #192e97, #192e97); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #192e97, #192e97); /* 标准的语法 */
	color: #fff;
}

/* 上下篇 */
.prevnext {
	width: 100%;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-width: 1px 0;
    /*margin: 15px 0 0;*/
    background: #fff;
    font-size: 14px;
}
.prevnext .fr {
	text-align: right;
}


.product_inner_List{


	
}
.full-width_pro{width:100%}
@media (min-width: 480px) {
.product_inner_List .product_inner_List_item{
	justify-content: flex-start; margin-bottom:50px; 
}
.product_inner_List_item li{
    width: calc(20% - 30px);
    overflow: hidden;
    margin-right: 30px;background-color: #fff; padding: 0px 20px 0px 20px;
    transition: transform 0.3s, box-shadow 0.3s;
    margin-bottom:50px;border-bottom: 1px solid #eeeeee;box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */
    
    /* 平滑过渡效果 */
}

.product_inner_List_item li:hover {
    transform: scale(1.1); /* 鼠标经过时放大 */
    box-shadow: 0 4px 8px rgba(18,97,152,0.4); /* 添加阴影效果 */
    background-color: #192e97;color:#fff;
}
.product_inner_List_item li:nth-of-type(5n+5){
    width: calc(20% - 30px);
	margin-right: 0px;
}
}
 @media (max-width: 479px) {
     .product_inner_List{
	width:calc(100% - 0px);

	
}
     .product_inner_List_item li{
    width: calc(50% - 5px);
    overflow: hidden;
    margin-right: 5px;background-color: #fff; margin-bottom: 5px; padding: 0px 20px 20px 20px;
}
.product_inner_List_item li:nth-of-type(2n+2){
    width: calc(50% - 5px);
	margin-right: 0px;
}     
     
 }



.product_inner_List h5{
	padding-top: 85px;
	padding-bottom: 20px;
	font-weight: 100;
}
.product_inner_List h4{
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 50px;
}
.product_inner_List_item li p{
    font-weight: 150;
    color: #535f68;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: 35px;
    background: url(../images/ico100.png) no-repeat 94% center;
}
.product_inner_List_item li:hover p{
	color: #fff;
	background: url(../images/ico101.png) no-repeat 94% center;
}
.product_inner_List_item li:hover img{
	transform:scale(1);
	transition: 1s all;
}
.product_inner_List_item li img{
	transition: 1s all;  padding: 20px 0px 20px 0px;
}
.product_inner_List_item_box{
	overflow: hidden;
}
@media screen and (max-width: 1600px){
	.logo_produ img{
		width: 200px;
	}
	.product_inner_ce{
		padding-left: 35px;
	}
}
@media screen and (max-width: 1300px){
	.product_inner_ce{
		width: 24vw;
	}
	
}
.product_inner_List_info img{
	width: 50% !important;
	height: auto !important;
}
.prosdjk{
	margin-top: 45px;
}
.prosdjk img{
	width: 100% !important;
	height: auto !important;
	
}


.product_inner_List .product_inner_List_items{
	justify-content: flexproduct_inner_List_items-start; margin-bottom:50px; 
}
.product_inner_List_items li{
    width: calc(25% - 20px); float: left;
    overflow: hidden;
    margin-right: 20px;background-color: #fff; padding: 0px 20px 0px 20px;
    transition: transform 0.3s, box-shadow 0.3s;
    margin-bottom:50px;border-bottom: 1px solid #eeeeee;box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */
    
    /* 平滑过渡效果 */
}
.product_inner_List li span{height:30px;line-height:30px; overflow:hidden; display:block}

.product_inner_List_items li:hover {
    transform: scale(1.1); /* 鼠标经过时放大 */
    box-shadow: 0 4px 8px rgba(18,97,152,0.4); /* 添加阴影效果 */
    background-color: #192e97;color:#fff;
}
.product_inner_List_items li:nth-of-type(4n+4){
    width: calc(25% - 20px);
	margin-right: 0px;
}
 @media (max-width: 479px) {
     .product_inner_List{
	width:calc(100% - 0px);

	
}
     .product_inner_List_items li{
    width: calc(50% - 5px);
    overflow: hidden;
    margin-right: 5px;background-color: #fff; margin-bottom: 5px; padding: 0px 20px 20px 20px;
}

.product_inner_List_items li:nth-of-type(2n+2){
    width: calc(50% - 5px);
	margin-right: 0px;
}     
     
 }



.product_inner_List h5{
	padding-top: 85px;
	padding-bottom: 20px;
	font-weight: 100;
}
.product_inner_List span{ font-size:14px; height:30px;line-height:30px; overflow:hidden}

.product_inner_List h4{
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 50px;
}
.product_inner_List_items li p{
    font-weight: 150;
    color: #535f68;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: 35px;
    background: url(../images/ico100.png) no-repeat 94% center;
}
.product_inner_List_items li:hover p{
	color: #fff;
	background: url(../images/ico101.png) no-repeat 94% center;
}
.product_inner_List_items li:hover img{
	transform:scale(1);
	transition: 1s all;
}
.product_inner_List_items li img{
	transition: 1s all;  padding: 20px 0px 20px 0px;
}
.product_inner_List_items_box{
	overflow: hidden;
}
@media screen and (max-width: 1600px){
	.logo_produ img{
		width: 200px;
	}
	.product_inner_ce{
		padding-left: 35px;
	}
}
@media screen and (max-width: 1300px){
	.product_inner_ce{
		width: 24vw;
	}
	
}
.product_inner_List_info img{
	width: 50% !important;
	height: auto !important;
}
.prosdjk{
	margin-top: 45px;
}
.prosdjk img{
	width: 100% !important;
	height: auto !important;
	
}



/* 文章详情 */
.news-show .news_tit {
	text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding-top: 20px;
}
.news-show .news_mes {
	margin-top: 14px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    color: #9e9e9e;
    border: 1px dotted #ccc;
    border-width: 1px 0;
}
.news-show .news_con {
    padding: 14px 10px;
	line-height: 35px;
    font-size: 16px;
    text-align: justify;
    background-color: #fff;
}
@media (max-width: 768px) {
    .news-show .news_con {
    padding: 14px 10px;
	line-height: 30px;
    font-size: 16px;
    text-align: justify;
    background-color: #fff;
}
    .news-show .news_con img{width:100%;}
}

/* #MagnifierWrap{position: relative;width: 350px;margin:100px auto;} */
		#MagnifierWrap2{position: relative;width:100%; margin-top:30px;}

		.MagnifierMain{position: relative;width: calc(100% - 100px);height: 500px; float:right; text-align:center;background:#f6f6f6;border-radius: 10px}
		.MagnifierMain img{
  max-height: 500px; 
 
  height:expression(this.height >500 ? "500px" : this.height);} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		.MagnifierImg{position: absolute;top:0; left: 0; z-index:99999}

		.spec-items{position: relative;width: 80px;height:450px;overflow: hidden;margin: 0 auto;float:left}
		.spec-items ul{width: 500%;position: absolute;top: 0px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 80px;height:80px;line-height:80px;overflow: hidden;border: 1px solid #e2e2e2;cursor: pointer; margin-bottom:10px;
			
		}
		.spec-items li.on{border:1px solid #11629e;}
		.spec-items li img{width: 100%; } 
		span.spe_leftBtn{display: block;width: 80px;height: 20px;line-height: 20px;text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;margin-bottom:10px;}
		span.spe_rightBtn{position: absolute;top:480px;display: block;width: 80px;height: 20px;line-height: 20px;text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{background: url(../images/foot.png?120)#f9f9f9 center no-repeat;}
		span.spe_rightBtn{background: url(../images/top.png?4010040)#f9f9f9 center no-repeat;}	
		
	.product-description {
	    width:100%;
  font-size: 24px; /* 字体大小，可根据需求调整 */
  color: #3a506b; /* 文字颜色，接近示例中的深蓝色 */
  border-bottom: 2px solid #3a506b; /* 底部边框样式，颜色和粗细可调整 */
  padding-bottom: 5px; /* 文字与底部边框的间距，可调整 */
  display: inline-block; /* 让容器宽度由文字内容决定，也可根据布局需求改为 block 等 */
}	
		.newscon {
    font-size: 16px;
    line-height: 30px;
    color: #808080;
    padding-bottom: 20px;
    text-align: left;
    width:95%;
}
.newsconprol {
    width: calc(60% - 2px);
    display: block;
    float: left;
    border: 0px solid #eee;
}
.newsconpror {
    width: 37%;
    display: block;
    float: right;
    margin-left: 3%;
    box-sizing: border-box;
    text-align: left;
    margin-top: 20px;
    background:url(../images/show_probg.png);
    padding-left: 20px;
}
.newsconpror .text {
    width: 100%;
    box-sizing: border-box;
}
.newsconpror .text em {
    line-height: 55px;
    font-size: 20px;
    color: #333; margin-bottom:0px;font-weight: 500;
     display:inherit;
}
.newsconpror .text em span{width: calc(100% - 70px);line-height: 55px;height:55px;border-bottom: 1px solid #dcdcdc; display: inline-block;}
.newsconpror .text .intro i {
    padding: 20px 0;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #dcdcdc; font-weight: 500;
    
    display: flex; font-style: normal;
}

@media (max-width: 479px) {
.newsconpror {
    width: 100%;
    display: block;
    float: right;
    margin-left:0%;
    box-sizing: border-box;
    text-align: left;
    margin-top: 20px;
    background:url(../images/show_probg.png);
    padding-left: 10px;
}
.newsconpror .text {
    width: 100%;
    box-sizing: border-box;
}
.newsconpror .text em {
    line-height: 40px;
    font-size: 16px;
    color: #333; margin-bottom:0px;font-weight: 500;
     display:inherit;
}
.newsconpror .text em span{width: calc(100% - 70px);line-height: 40px;height:40px;border-bottom: 1px solid #dcdcdc; display: inline-block;}
.newsconpror .text .intro i {
    padding: 20px 0;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #dcdcdc; font-weight: 500;
    
    display: flex; font-style: normal;
}



}


.cpsms{width:100%;height:auto;padding:40px 0px 40px 0px;background-color: #126198;color:#fff;line-height:50px; text-align:center}
.cpsms a{border: 2px solid #5c656d; padding:10px 20px 10px 20px;color:#fff;border-radius:30px; font-size:14px; margin-right:20px;}
.cpsms a:hover{border: 4px solid #5b6c78; padding:10px 20px 10px 20px;color:#fff;border-radius:30px;}
.cpsms i{width:12px;height:19px;background: url(../images/cpsms_bg.png) no-repeat center center; margin-left:10px;display: inline-table}


.btn_aer a {
    display: inline-block;
    width:200px;
    margin-top: 20px;
    padding: 0 20px;
    line-height: 50px;
    background-color: #126198;
    font-size: 18px;
    color:#fff;
     text-align: center;
}
.newsconpror .text .intro .introp {
    padding: 15px 0;
    line-height: 35px;
    font-size: 16px;color:#333;
}

.proers .procon{
    

	height:auto;
	overflow:hidden; padding-bottom:60px;
}

.proers a {
    display: inline-block;
    width: 25%;
   
    float: left;
}

.ipro11 a:nth-child(4n+1){
    margin-left: 0%;
}

.proers li .propic{
    overflow: hidden; margin-left: 2%; margin-right: 2%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); margin-top:10px;

}
 @media (max-width: 479px) {
     
     .proers a {
    display: inline-block;
    width: 50%;
   
    float: left;
}

.ipro11 a:nth-child(2n+1){
    margin-left: 0%;
}

.proers li .propic{
    overflow: hidden; margin-left: 2%; margin-right: 2%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); margin-top:10px;

}
     
     
 }
.proers li .propic img {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
    width:100%;
}
.proers li:hover img{transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}




.proers li i{
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
    display: block;font-style: normal
}

.proers li a{
    color: #fff;
}


.proers a:hover li i{
    color:#2e3d62;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}

 @media (max-width: 479px) {
     
  .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}   
    .date{ display:none} 
 }



.grid-item {
  width: 100%;
  height: auto;
}

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

.text-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  background-color: #f0f0f0;
}

.text-item h3 {
  margin-bottom: 15px;
  font-size: 20px;
}

.text-item p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.pro_list{ padding-top:20px;}
.pro_list_left{ float:left; width:355px;background-color:#f6f6f6;  padding:7px 10px;}
.pro_list_left_mid_1{
position:relative; border-bottom:1px #cccccc solid; padding-bottom:10px;height:60px;line-height:60px; font-size:25px;}
.pro_list_left_mid_2 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#173099;font-weight:bold;display:block}
.pro_list_left_mid_2 ul li{
height:40px;line-height:40px;width:100%; margin-bottom:2px;}
.pro_list_left_mid_2{
margin-top:1em; margin-bottom:3em;}
.pro_list_left_mid_2 ul li a:hover,.pro_list_left_mid_2 ul li a.on{
color:#fff; font-weight:bold;background-color:#173099; padding-left:10px; }




.pro_list_left_mid_3{ margin-left:15px; margin-bottom:30px;}
.pro_list_left_mid_3 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#666; font-weight:normal}
.pro_list_left_mid_3 ul li{width:100%; 
height:40px;line-height:40px;border-left:1px #cccccc solid; padding-left:15px;background: url(../images/prolm_bg.jpg) no-repeat  left center;}
.pro_list_left_mid_3 ul li a:hover,.pro_list_left_mid_3 ul li a.on{
color:#fff;font-weight:bold}


.pro_list_right{ margin-left:380px;}

@media (max-width: 479px) {
.pro_list_left{ display:none}

.pro_list_right{ margin-left:0px;}

}

.honor_con{max-width: 1400px;width:96%;height:auto;margin: 0 auto; margin-top:20px; margin-bottom:10px;}
@media (min-width: 760px) {
.honor_con li{width:23.5%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(4n+4){
	margin-right:0%;
}
}
.honor_con li .divimg{width:100%;height:230px; overflow:hidden;display: flex; 
  align-items: center;
  justify-content: center;}
.honor_con li .divimg img{
max-width: 100%; 
 
  max-height: 230px; 
  height:expression(this.height >230 ? "230px" : this.height);}
.honor_con li .divimg img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.honor_con li:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.honor_con li h2{  font-size:14px;height:45px; line-height:45px;letter-spacing:0px;color:#000000; display:compact; overflow:hidden;  text-align:center}
.honor_con li:hover h2{color:#fff;background: #192e97;height:45px; line-height:45px;}

.honor_con li:hover{border: 1px solid #192e97;}

@media (max-width: 759px) and (min-width: 601px) {
    .honor_con li{width:32%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(3n+3){
	margin-right:0%;
}
}
@media (max-width: 600px) {
    .honor_con li{width:49%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(2n+2){
	margin-right:0%;
}
}

      #pc{ display:block}
#mob{ display:none}
@media (max-width: 479px) {
#pc{ display:none}
#mob{ display:block}
}

.fooleft{width:35px;height:auto; float:left;line-height:25px;}
.fooright{width:calc(100% - 40px);height:auto; float:left;line-height:25px;}