/* 海报 */
.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{}


.index_honor{width:100%;height:auto;background:url(../images/certificate_bg-1.png) center center no-repeat;text-align: center; padding-top:60px; padding-bottom:60px;}
.index_honor h1 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.carousel-container {
            position: relative;
            width: 90%;
            max-width: 1400px;
            overflow: hidden;
           
            border-radius: 12px;
            box-shadow: 0 0px 00px rgba(0,0,0,0.08);
            padding: 00px;
			margin:0 auto;
        }
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        /* 每一页轮播区域 */
        .carousel-slide {
            min-width: 100%;
            padding: 0 10px;
        }
        /* 图片网格：2行3列 */
        .slide-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(1, 1fr);
            gap: 15px; /* 图片间距 */
            width: 100%;
        }
        .slide-grid img {
            width: 100%;
            height: 400px; /* 统一图片高度 */
            object-fit: contain; /* 保持图片比例不变形 */
       transition: transform 0.3s, box-shadow 0.3s;
        }

        /* 左右切换按钮 */
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            border: none;
            border-radius: 50%;
            background: rgba(255,255,255,0.9);
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            font-size: 20px;
            color: #333;
            cursor: pointer;
            z-index: 10;
            transition: all 0.2s ease;
        }
        .carousel-btn:hover {
            background: #fff;
            box-shadow: 0 3px 12px rgba(0,0,0,0.2);
        }
        .prev-btn {
            left: 15px;
        }
        .next-btn {
            right: 15px;
        }

        /* 轮播指示器 */
        .carousel-indicators {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 20px;
        }
        .indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #ddd;
            cursor: pointer;
            transition: background 0.3s;
        }
        .indicator.active {
            background: #007bff;
        }




 .factory-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: auto; margin-bottom:80px
        }
        .grid-item {
            position: relative;
            overflow: hidden;
        }
        .grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;transition: 1s all;
        }
		
		.grid-item:hover img{
	transform:scale(1.2);
	transition: 1s all;
}
		
		
        .text-block {
            background-color: #f9f9f9;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm20 20h20v20H20V20zm20-20h20v20H40V0zm20 20h20v20H60V20zm20-20h20v20H80V0zM0 40h20v20H0V40zm20 20h20v20H20V60zm20-20h20v20H40V40zm20 20h20v20H60V60zm20-20h20v20H80V40zM0 80h20v20H0V80zm20 20h20v20H20v-20zm20-20h20v20H40V80zm20 20h20v20H60v-20zm20-20h20v20H80V80z' fill='%23e8e8e8' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
            padding: 4rem 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;transition: 0.3s all;/* 平滑过渡效果 */
        }
		.text-block:hover{

		
		background-color: #232323;
		 background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='' fill='%23e8e8e8' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}
		 .text-block:hover h2,.text-block:hover .text-block .divider,.text-block:hover p,.text-block:hover .btn-more{color:#fff}
		 .text-block:hover .divider{background-color: #fff;}
        .text-block h2 {
            color: #10629e;
            font-size: 1.6rem;
            margin-bottom: 1rem;
            text-transform: capitalize;
        }
        .text-block .divider {
            width: 60px;
            height: 2px;
            background-color: #333333;
            margin-bottom: 1.5rem;
        }
        .text-block p {
            color: #666666;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 2rem;
        }
        .btn-more {
            color: #222222;
            font-size: 0.9rem;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .btn-more::after {
            content: '>';
            font-size: 1.1rem;
        }
        /* 响应式适配 */
        @media (max-width: 992px) {
            .factory-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 600px) {
            .factory-grid {
                grid-template-columns: 1fr;
            }
            .text-block {
                padding: 3rem 1.5rem;
            }
        }






 .carousel-container_pro {
            position: relative;
            width: 100%;
            max-width: 1600px;
            overflow: hidden; margin-bottom: 80px;
        }

        .carousel-track_pro {
            display: flex;
            transition: transform 0.5s ease-in-out;
            gap: 15px;
        }

        .carousel-slide_pro {
            flex: 0 0 calc(25% - 12px);
        }

        .slide-card_pro {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }

        .slide-card_pro img {
            width: 100%;
            
            object-fit: cover;
            display: block;transition: transform 0.3s, box-shadow 0.3s;
        }

.slide-card_pro:hover img{transform: scale(1.3);}


        .slide-label_pro {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #10629e;
            color: white;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
        }

        .carousel-btn_pro {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255,255,255,0.8);
            border: none;
            color: #10629e;
            font-size: 30px;
            cursor: pointer;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            transition: all 0.3s ease;
        }

        .carousel-btn_pro:hover {
            background-color: #10629e;
            color: #fff;
        }

        .prev-btn_pro {
            left: -10px;
        }

        .next-btn_pro {
            right: -10px;
        }

        .carousel-indicators_pro {
            display: flex;
            justify-content: center;
            margin-top: 25px;
            gap: 10px;
        }

        .indicator_pro {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #10629e60;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .indicator_pro.active {
            background-color: #10629e;
        }

        @media (max-width: 1024px) {
            .carousel-slide_pro {
                flex: 0 0 calc(50% - 8px);
            }
        }
        @media (max-width: 576px) {
            .carousel-slide_pro {
                flex: 0 0 100%;
            }
            .slide-card_pro img {
                height: 220px;
            }
        }












.containerjjj {
    padding: 0px
    margin: 0 auto; margin-top:40px; margin-bottom:80px;
}
.proconner{width:100%;}
.proconner img{width:100%;margin-top:10px;}

@media (min-width: 480px) {
.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    max-width: 1300px;
    margin: 0 auto; margin-top:80px; margin-bottom:80px;
}
.left-section img {
    width: 550px;
    height: auto;
    border-radius: 5px; transition: transform 0.3s, box-shadow 0.3s;
}
.right-section {
    width: 55%;
    padding: 0 40px;
}
.right-section h1 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}
}

.left-section:hover img{transform: scale(1.1);}

@media (max-width: 479px) {
.container {
   
    align-items: center;
 
    padding: 0px;
    max-width: 1300px;
    width:94%;
    margin: 0 auto; margin-top:20px; margin-bottom:20px;
}
.left-section img {
    width: 100%;
    height: auto;
    border-radius: 5px; transition: transform 0.3s, box-shadow 0.3s;
}
.right-section {
    width: 100%;
    padding: 20px;
}
.right-section h1 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}
}




.right-section h2 {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px; font-weight:800
}

.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: #10629e; 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: 70px 5%  20px 5%;background-color: #fafafa;
}
.section-title {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 10px; 
}
.section-desc {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 40px;
}
.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: #10629e;
    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: #10629e; /* 蓝色，可根据需求调整 */
  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: #f5f5f5;color:#333}
.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:#333}

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


.banner_gg {
    background-color: #10629e;
    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: #10629e;
}
.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: 18px;
    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: 5.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  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:30px;
    }



    .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 (max-width: 768px) {
      .img-item {
        flex: 0 0 100%;
      }
    }
	
	/* 容器样式，用于水平排列数据项 */
.data-container {
    display: flex;
    justify-content: space-around;
    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;
}



@media (min-width: 769px) {
        #mob{ display:none}
    #pc{ display:block}
    .contact-container {
  max-width: 1300px;
  width:94%;
  margin: 0 auto; margin-top:80px;
}
.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) {
    #pc{ display:none}
    #mob{ display:block}
    .contact-container {

  width:94%;
  margin: 0 auto; margin-top:20px;
}
  .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;
}

.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;
}
@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: #17629a;
  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: #118f4e;
}


.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:350px; 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% ;
}
.news ul li:nth-child(2n+2){
margin-right:0% ;}
.newstp{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, #11629c, #11629c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #11629c, #11629c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #11629c, #11629c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #11629c, #11629c); /* 标准的语法 */
    color: #fff;
}
.pagelist li.active a{
	padding: 0 10px;
	height: 30px;
    line-height: 30px;
	border: 1px solid #11629c;
	background: -webkit-linear-gradient(bottom, #11629c, #11629c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #11629c, #11629c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #11629c, #11629c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #11629c, #11629c); /* 标准的语法 */
	color: #fff;
}

/* 上下篇 */
.prevnext {
	width: 100%;
    min-height: 45px;
    line-height: 45px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-width: 1px 0;
    /*margin: 15px 0 0;*/
    background: #fff;
    font-size: 14px;
}
.prevnext .frp { height: 45px;
    line-height: 45px; overflow: hidden;
}
.prevnext .lrp {
 height: 45px;
    line-height: 45px; overflow: hidden;
}
.product_inner_List{


	
}
.full-width_pro{width:100%}
.product_inner_List .product_inner_List_item{
	justify-content: flex-start; margin-top:50px; 
}
.product_inner_List_item li{
    width: calc(25% - 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: #10629e;color:#fff;
}
.product_inner_List_item li:nth-of-type(4n+4){
    width:25%;
	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(4n+4){
    width:50%;
	margin-right: 0px;
}
.product_inner_List_item li:nth-of-type(2n+2){
    width:50%;
	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;
	
}

/* 文章详情 */
.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: 25px;
    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{width:500px;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:400px;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:60px;line-height:60px;overflow: hidden;border: 1px solid #e2e2e2;cursor: pointer; margin-bottom:6px;
			
		}
		.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:426px;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)#f9f9f9 center no-repeat;}
		span.spe_rightBtn{background: url(../images/top.png?40140)#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: 30px;
    font-size: 20px;
    color: #333; margin-bottom:20px;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: 768px) {
   .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; margin-bottom: 20px;
} 
 .newsconpror .text {
    width: 100%;
    box-sizing: border-box;
}
.newsconpror .text em {
    line-height: 40px;
    font-size: 18px;
    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: 18px;
    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: 14px;
}

.lxwm_con{ text-align:center; line-height:30px;color:#666666; font-size:16px; font-weight:400; padding-top:60px; padding-bottom:40px;}
.lxwm_con span{ font-size:35px; font-weight:bold; color:#333333; display:inherit;line-height:100px;font-weigh:400}
.down_con{ margin-bottom:50px;}
.down_con li{
	color: #666;
	line-height:70px; font-size:15px;
	width: 47%; float:left; margin-right:6%;background: url(../images/downbg.png) no-repeat left center; padding-left:35px;
}
.down_con li a{font-size:15px;}
.down_con li:nth-of-type(2n){margin-right:0%;}
.down_con li span{text-decoration: underline #666 1px solid; text-underline-offset: 15px}
.down_con li:hover span{text-decoration: underline #a3a3a3 1px solid; text-underline-offset: 15px;color:#a3a3a3}

@media (max-width: 570px)
{
.down_con li{
	color: #666;
	line-height:30px; font-size:15px;
	width: 100%; float:left; margin-right:6%;background: url(../images/downbg.png) no-repeat left 5px; padding-left:50px; margin-bottom:40px ;
}
}