* {  
    margin: 0;  
    padding: 0;  
    box-sizing: border-box;  
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	
} 
a {  
    text-decoration: none;  
}
header{
	position: -webkit-sticky; 
    position: sticky;
	top: 0;  
    z-index: 1000; 
	
}
ul{
	list-style: none
}
.header{
	background:#2C3147;  	   
}
.header-container{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:100px;
	display: flex;  
    flex-wrap: wrap; 
    align-items: center;  
	color: white; 		
}
.logo img{  
    height: 50px;  
    width: auto;  
    max-width: 174px;  	
}  
.search-container{
	display: flex;  
    align-items: center;  
    flex: 1;
	margin:0 80px;
}
.search-container form {  
    display: flex;  
    align-items: center;  
    flex: 1;
	padding:0 12%;
    border: 1px solid transparent; 
	font-size:14px;
} 
.search-input {  
    flex:1;
    padding: 10px;  
    border: none;  
    background-color: #fff;
	height:40px
}  
  
.search-btn {  
    padding:10px 20px;  
    border:none;  
    background-color: #E6E6E6; 
    color: #000;  
    cursor: pointer; 
	font-size:14px;
	height:40px
}  
.search-btn:hover{
	background: #ff0000
}
.lang-container { 
	display: flex;  
 	align-items: center;  
    gap: 5px; 
}
.lang-btn{
	display:block;
	padding:3px 10px;
	
}

.lang-btn a{
	color:#fff;
	
}
.lang-btn:hover{
	background: #ff0000;
	
}

.nav-container{
	overflow-x: auto; 
    white-space: nowrap; 
    -webkit-overflow-scrolling: touch;
    background-color: #E6E6E6; 
     
}
.nav-scroll{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.nav-scroll > ul {   
    display: flex;
    margin: 0;  
    padding: 0;  
}  
.nav-scroll> ul li {  
    margin-right: 27px; 
    flex-shrink: 0; 
}
.downimg{
	padding-right:40px;
	background-image: url('..\img\down.png'); 
    background-repeat: no-repeat; 
    background-position: right center; 
    background-size: 40px 40px; 
}
.nav-scroll> ul li li{
	margin-right:0;
    
}  
.nav-scroll> ul li a {  
    text-decoration: none; 
    color: #333; 
    font-weight: bold; 
    padding: 8px 16px; 
    display: block; 
	background-image: url('..\img\down.png'); 
    background-repeat: no-repeat; 
    background-position: right center;  
    background-size: 40px 40px;
}  
.nav-scroll> ul li a:hover { 
    color:#fff;
}
.nav-scroll> ul li:hover{
	background:#ff0000;	
}

.dropdown-content {  
    display: none;  
    position: absolute;  
    background-color: #f9f9f9;  
    width:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  
    z-index: 1;  
	margin:0;
	padding:0;	
} 
.dropdown-content li { 
    border-bottom: 1px dotted #ccc;
	margin-right:0;
} 
.dropdown-content li li a {  
    color: black;  
    padding: 12px 16px;  
    text-decoration: none;  
    display: block;  
}   
.dropdown:hover .dropdown-content {  
    display: block;  
}  
.darkgray h1{
	font-size:42px;
	color:#333;
	text-align: center;	
}
.darkgray h6{
	font-size:16px;
	color:#ccc;
	margin:0;
	text-align: center;
	font-weight:normal
}
/*首页产品类别 */  
.proclass-container {  
    width: 100%;  
    max-width: 1200px;
    margin: 0 auto;  
	margin-top:50px;
    padding: 20px 0;  
    text-align: center;  
}
.proclass-blocks {  
    display: flex;  
    flex-wrap: wrap;  
    justify-content: space-around;  
    margin-top: 40px;  	
}
.proclass-block {  
    position: relative;  
    width: calc(25% - 20px);  
    margin: 10px;  
    overflow: hidden; 
	background:#f1f1f1
}
.proclass-block-image {  
    width: 100%; 
    height: auto; 
    display: block; 
	border-radius: 10px;
}    
.proclass-block-title {  
    position: absolute; 
    bottom: 20px; 
    left: 15px;  
    width: 95%;   
    color: #fff; 
    padding-left:10px; 
	padding-right:25px;
    text-align: left; 
    margin: 0; 
    font-size: 16px; 
	font-weight:500
}
.proclass-block-title li a{
	color:#fff;
	display: block;
	padding-left:10px;
	
}
.proclass-block-title li a:hover{
	color:#fff;
	background-color:rgba(0, 0, 0, 0.5);
	font-weight: bold	
}
/*首页产品轮播 */  
.slider-container {  
    position: relative;  
    max-width: 1200px;  
    margin: auto;  
    overflow: hidden;  
	margin-top:40px;
	text-align: center
}  
.carousel {  
    position: relative;  
    max-width: 1200px;  
    margin: auto;  
    overflow: hidden;  
	margin-top:40px
}  
  
.carousel-slides {  
    display: flex;  
    transition: transform 0.5s ease;  
}  
  
.carousel-slide {  
    min-width: 100%; 
    flex-shrink: 0;  
}  
  
.carousel-slide img {  
    width: 100%;  
    display: block;  
}  
  
.prev, .next {  
    cursor: pointer;  
    position: absolute;  
    top: 50%;  
    transform: translateY(-50%);  
    padding: 16px;  
    color: white;  
    font-weight: bold;  
    font-size: 18px;  
    transition: background-color 0.6s ease;  
    border-radius: 0 3px 3px 0;  
    user-select: none;  
}  
 .prev {  
    left: 0;  
    border-radius: 3px 0 0 3px;  
}  
.next {  
    right: 0;  
    border-radius: 3px 0 0 3px;  
}  
  
.prev:hover, .next:hover {  
    background-color: rgba(0,0,0,0.8);  
}

/*首页公司荣誉 */  
.homehoner-outer-container {  
     width: 100%;  
     background-color: #838591;  
     text-align: center;        
     padding: 40px 0;       
	 margin-top:80px;              
 }  
.homehoner-title {  
      color: white;  
      font-size: 42px;
      margin-bottom: 10px;  
	  margin-top:40px;
	  padding:0;
}  

.homehoner-subtitle {  
    color: white; 
	margin-top:-15px;
	padding:0;
	font-weight: normal;
	font-size:16px;			           
}  
.homehoner-inner-container {  		
     max-width: 1200px;  
     margin: 0 auto;  
	 margin-top:40px;
     display: flex;  
     flex-wrap: wrap;  
     justify-content: flex-start;  
}  
.homehoner-content-block {  
     flex: 1 0 calc(33.333% - 40px); 
     margin:  0 20px 40px;  
     background-color: white;  
     text-align: left;  
     display: flex;  
     flex-direction: column;  
}  
.homehoner-content-block div{
	 padding:20px
}		
.homehoner-content-img {  
   	width: 100%;  
   	height: auto;  
    transition: filter 0.3s ease; 
   	filter: brightness(0.8); 
}    
.homehoner-content-img:hover {  
    filter: brightness(1);  
}
.homehoner-content-title {  
     font-size: 18px;  
     margin-bottom: 10px;  
}  
.homehoner-content-title a{
	color:#000;
	font-weight:normal
}
.homehoner-content-title a:hover{
	color:#2C3147;
	font-weight: bold;
	
}
.homehoner-content-date {  
     font-size: 14px;  
     color: #666;  
     margin-bottom: 15px;  
}  
.homehoner-view-details-btn {  
      float: right;
      padding: 8px 16px;  
      background-color: #ff0000;  
      color: white;  
      border: none;  
      cursor: pointer;  
      margin-top: auto;
	  transition: background-color 0.3s ease;
}  
.homehoner-view-details-btn:hover{
	background: #333;
}
/*首页产品推荐 */  
.hometab{
    display: flex;  
    align-items: center;  
    justify-content: space-between;  
    padding: 10px;  
    background-color: none;  
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top:60px;
  }  
.hometab-title{  
    flex: 1;  
}
.hometab-title h1{  
   text-align: left;
}
.hometab-categories{  
    display: flex;  
}  
  .hometab-category-btn{  
    margin-left: 10px;  
    background-color: none;  
    border: none;  
    padding: 5px 10px;  
    cursor: pointer;  
    color: inherit;  
    text-decoration: none;  
    transition: background-color 0.3s;  
	font-size:14px;
	font-weight:500
}  
.hometab-category-btn:hover{  
    background-color: #ff0000;
	color:#fff
}  
.hometab-category-btn.active{  
    background-color: #ff0000; /* Active category button color */  
    color: white; /* Text color for active button */  
}  
.hometab-content{  
	width:100%;
	max-width: 1200px;
    padding: 10px;  
	margin:0 auto;
    background-color: #fff;  
    display: none; 
}  
.hometab-content.active {  
    display: block;  		
}  
.hometab-container{  
     width:100%;
     display: flex;  
     flex-wrap: wrap;  
	 border:1px solid #ccc;
	 margin-top:40px;
}  
.image-block, .text-block {  
     width: 100%;            
}  
  
 .image-block {  
    flex: 0 0 40%; 
	height: 460px;
	overflow: hidden;  
	position: relative;
	margin:0;
	padding:0;
}  
.image-block img {
	width:100%;
	height: auto;
	position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%); 
}
.text-block {  
     flex: 0 0 60%;  
     padding: 20px; 			
     position: relative; /* 添加相对定位 */  
}  
.text-block h1{
	margin-top:20px;
	font-size:28px;
}
.text-block h2{
	margin-top:5px;
	font-size:20px;		
	text-align: left;				
}		
.text-block p{		
	margin-top:0;		
	font-size:16px;		
}		
.text-content {  
     display: -webkit-box;         
     -webkit-line-clamp: 6;         
     -webkit-box-orient: vertical;        
     overflow: hidden;       
     text-overflow: ellipsis;         
     margin-bottom: 20px;      
}  
  
.details-btn {  
     position: absolute;  
     bottom: 20px;  
     right: 20px;  
     padding: 10px 20px;  
     background-color: #e6e6e6;  
     color: black;  
     border: none;  
     cursor: pointer; 
	 margin-top:20px
}  
.details-btn:hover {  
     background-color: #ff0000;  
      color: white;  
} 

/*首页注塑产品分类样式 */  
.line-container {  
        width: 100%;  
        border-top: 1px solid #2C3147;  
        border-bottom: 1px solid #2C3147;  
		margin-top:60px;
        
 }  
  
.inner-container {  
        width: 100%;  
		max-width: 1200px;
        margin: 0 auto;  
		margin-bottom:30px;
        padding: 20px;  
        box-sizing: border-box;  
        display: flex;  
        flex-direction: column;  
        align-items: center;  
		margin-top:40px;
}  
  
   
   
.inner-blocks-container {  
        width: 100%;  
        display: flex;  
        flex-wrap: wrap;  
        justify-content: space-between;  
		margin-top:40px
 }  
  
    
.inner-block {  
       
		position: relative; 
    	width: calc(50% - 20px);   
   		margin: 10px;  
   		background-color: #f9f9f9;  
   		padding:0;  
    	box-sizing: border-box;  
    	overflow: hidden; 
}  
.inner-block img {  
    width: 100%; 
    height: auto;
    display: block; 
    transition: transform 0.3s ease; 
    cursor: pointer;
}  
.inner-block img:hover {  
        transform: scale(1.1); 
}  
.inner-block h4 {  
    position: absolute;
    bottom: 20px; 
    left: 20px; 
    color: #fff; 
    margin: 0; 
	font-size:28px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	white-space: nowrap;  	
}  
/* 首页新闻列表 */ 
.newstab-content {
	display: block;
}
.homenews {  
    max-width: 1200px;  
    margin: 0 auto;  
    padding: 20px;  
	margin-top: 40px;
}  
.homenews-title {  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    margin-bottom: 20px;  
}  
.homenews-buttons button {  
    padding: 5px 20px;  
    cursor: pointer;  
    border: none;  
    background-color: #f0f0f0; 
	margin-left:5px;
}  
.homenews-buttons button:hover{
	background:#ff0000
}
.homenews-buttons button.active {  
    background-color: #ff0000; 
    color: white;  
  }  
.homenews-content {  
    display: none;  
  }  
.homenews-content li{
	margin-bottom: 20px; 
    padding: 10px;
    font-size:18px;
    background-color: transparent; 
    transition: background-color 0.3s ease; 
  }
.homenews-content li:hover{
		background-color: #f0f0f0;
	}
.homenews-content li span{
		font-weight: bold;
		display: block			
	}
.homenews-content li a {  
    text-decoration: none; /* 去除链接下划线 */  
    color: inherit; /* 链接文字颜色继承自父元素 */  
}  
.homenews-content li a:hover {  
		font-weight: bold
	}
.homenews-content li:last-child {  
    margin-bottom: 0;  
}
.homenews-content.active {  
    display: block;  
  } 
.footer-container {  
        background-color: #2C3147; 
        width: 100%;  
        display: flex;  
        justify-content: center;  
		margin-top:40px;
		color:#fff;
    }  
.footer-width-container {  
		width:100%;
        max-width: 1200px;  
        height: 320px;  
        display: flex;  
        background-color: none;  
		margin-top:50px;
    }  
  
.footer-content-block {  
        flex-grow: 1;  
        border: none; 
        box-sizing: border-box;  
        padding: 10px;  
 }  
.footer-container h4{
	background:url("../img/dot.png") no-repeat left bottom;
	color:#fff;
	font-size:20px;
	line-height: 50px;
}
.footer-content-block ul{
	margin-top:20px;
}
.footer-content-block ul li {
	padding:6px 0;	
}
.footer-content-block ul li a{
	color:#fff;
}
.footer-content-block ul li a:hover{
	font-weight: bold
}
.footer-content-block p{
	width:85%;
	margin-top:10px;
}
.footer-content-block:first-child {  
     flex-basis: 33%; 
     max-width: 33%; 
 }  
.footer-content-block:not(:first-child) {  
     flex: 1 1 auto; 
} 
.footer-container2 {  
        background-color: #1E2132; 
        width: 100%;  
        display: flex;  
        justify-content: center;  
		color:#fff;
	    position: relative;
	    align-items: center;
    } 

.back-to-top-btn {  
    position: absolute;  
    right: 20px; 
	width:40px;
	height:40px;
}

.footer-width-container2 {  
	width:100%;
    max-width: 1200px;  
    height: 80px;  
    display: flex;  
	justify-content: space-between;  
	flex-wrap: wrap; 
        align-items: center;
	    font-size:14px
		
    }  
.footer-width-container2 p {  
    margin: 0;  
} 
.footer-width-container2 ul {  
    list-style-type: none;   
    margin: 0;  
    padding: 0; 
    display: flex; 
}  
.footer-width-container2 ul li {  
    margin-left: 10px;  
}  
  
.footer-width-container2 ul li:first-child {  
    margin-left: 0; 
}
.footer-width-container2 ul li a{  
   color:#fff;  
} 
.footer-width-container2 ul li a:hover{  
   color:#ff0000;  
} 

/* 关于我们 */
.aboutus{
	width:100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
    position: sticky;
	top:135px; 
    left: 0; 
	z-index: 999; 
    
}
 .aboutus-title { 
	    width:100%;
        max-width: 1200px;  
        margin: 0 auto;  
        padding: 10px; 
    } 
.aboutus-nav {  
        display: flex;  
        justify-content: space-between;  
        align-items: center;  
        margin-bottom:0;  
    }  
.aboutus-categories {  
        display: flex;  
        list-style: none;  
        margin: 0;  
        padding: 0;  
    } 
 .aboutus-category {  
        margin-left: 20px;  
        text-decoration: none;  
        color: #666; 
	    font-size:14px;
    }  
.aboutus-category:hover {
	color:#ff0000;
	font-weight: bold;
}

.aboutus-category.active {  
    color: #ff0000;
    font-weight: bold; 
}
.aboutus-content {  
	    width:100%;
        max-width: 1200px;
	    margin: 0 auto;
	    background: none;
 }  

.aboutus-content-section {  
        margin-bottom: 80px;
	    min-height: 400px;
	  
    }  
.aboutus-content-section h2{
	font-size:42px;
	margin-top:50px
}

.aboutus-content-section h3{
	font-size:24px;
	margin:15px 0;
    margin-top:40px 
}
.aboutus-content-section p{
	margin-bottom:30px
}
.company img{
	margin-top:50px;
	max-width: 1200px;
	height: auto
}
.culture {  
    display: flex;  
    flex-wrap: wrap; 
    justify-content: space-between; 
	margin-top:40px;
}  
  
.culture-image-item {  
    flex: 1 0 24%;
    box-sizing: border-box; 
    margin:0 5px; 
}  
  
.culture-image-item img {  
    width: 100%;  
    height: auto; 
}

.about-course {  
  display: flex;  
  flex-direction: row;  
  justify-content: flex-start;  
  align-items: center;  
  margin: 40px 0;  
  text-align: left;
  border:1px solid #ececec
}  
.about-course img {  
   max-width: 100%;  
   height: 250px;  
   margin-right: 50px;  
}  
.about-course > div {  
    max-width: 100%; 
	padding-right:20px;
}  
.about-course > div  h3{
	color:#ff0000;
	font-size:34px;
	margin:0
        
}  
.about-workshop{
	margin-top:40px
}
.about-workshop p {  
        margin-top: 20px;  
        margin-bottom: 20px;  
    }  
.about-workshop img {  
        display: inline-block;  
        margin-bottom: 20px; 
        width: 100%;
        max-width: 100%; 
		width: calc(50% - 20px); 
        margin-right: 20px;
    }  
.about-workshop img:nth-of-type(2n) {  
            margin-right: 0;  
        } 
.about-workshop h4{
	font-size:28px;
	margin-bottom:40px;
	margin-top:40px;
	text-align: center
}
.workshop-image img {  
		 display: inline-block;
         width: calc(25% - 10px);
         margin:0 5px; 
		 height:auto
        }   
.workshop-image img:nth-of-type(4n) {  
            margin: 0;  
        }  

@media (max-width: 768px) {  
    .aboutus-nav {  
        flex-direction: column;  
        align-items: center; 
    }  
	.aboutus-nav p{
		width:100%;
		text-align: center;
		font-size:20px;
		font-weight: bold;
	}
	.aboutus-categories {  
		 display: flex;  
    	 flex-wrap: nowrap;
    	 align-items: center;
    	 justify-content: center;
		 margin-top:10px;	
    }   
    .aboutus-category {
		margin-left: 0;	
        padding:0 10px; 
    }  
	.aboutus-content-section {  
        margin-bottom: 40px;  
    }  
   .aboutus-content-section h2{
		font-size:24px;
		margin-top:20px;
		padding:0 20px;	  
}
	.aboutus-content-section img{
		margin-top:20px;
		width:100%;
		height:auto
}
	.aboutus-content-section h3{
		margin-top:20px;
		font-size:18px;
		padding:0 20px
		
	}
	.aboutus-content-section p{
		padding:0 20px
		
	}
	.culture {  
	margin-top:10px;
}  
	
	 .culture-image-item {  
        flex: 1 0 45%; 
		margin:0 10px;
    }  
	.about-course {  
        flex-direction: column;  
        align-items: flex-start; 
		margin:30px 20px;
		border:none;
        }  
     .about-course img {  
            margin:0
        }
	
	.about-course > div {  
    width: 100%; 
	padding:15px;
	background: #f1f1f1
}  
   .about-course > div  h3{
	color:#ff0000;
	font-size:34px;
	margin:0;
	padding:0;
	margin-top:10px;
        
}  
	.about-course > div  p{
		margin:0;
		padding:0;
		margin-bottom:20px;
		
	}
	.about-workshop{
		margin-top:20px;
	}	
	.about-workshop p {  
        margin-top: 20px;  
        margin-bottom: 20px;  
    }  
	.about-workshop img {  
        display: inline-block;  
        margin-bottom: 20px; 
        width: 100%;
        max-width: 100%; 
		width: calc(50% - 20px); 
        margin: 0 10px;
    }  
	.about-workshop img:nth-of-type(2n) {  
            margin: 0;  
        } 
	.about-workshop h4{
	font-size:28px;
	margin-bottom:40px;
	margin-top:40px;
	text-align: center
}


            
 .workshop-image img {  
        display: inline-block;  
        margin-bottom: 20px; 
        width: 100%;
        max-width: 100%; 
		width: calc(50% - 20px); 
        margin: 0 10px;
        }   
        .workshop-image img:nth-of-type(2n) {  
            margin-right: 0;  
        }  
    }  
      

/* 产品列表页样式 */

.nav-path{
	width:100%;
	border-bottom: 1px solid #ccc;
}
.nav-path div,.prolist-banner,.prolist{
	width:100%;
	max-width: 1200px;
	margin:0 auto;
}
.nav-path div p{
	padding:10px;
}
.prolist-banner{
	margin-top:50px;
}
.prolist-banner h1,.prolist-banner h6{
	text-align: center
}
.prolist-banner h6{
	font-weight: normal;
	color:#ccc
}

.prolist{
	margin-top:40px;
	
}


.prolist ul {  
  display: flex;  
  flex-wrap: wrap;  
  list-style: none; /* 去除默认的列表样式 */  
  padding: 0; /* 去除默认的列表内边距 */  
  margin: 0; /* 去除默认的外边距 */  
  justify-content: flex-start; /* 项目左对齐 */ 
  margin-top:10px;
  margin-bottom:20px;
  
}  
 
.prolist li {  
  flex: 0 0 calc(16.666% - 10px); 
  margin: 5px;   
  box-sizing: border-box; 
  transition: box-shadow 0.3s ease;
}  
.prolist li:hover{	
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.prolist img {  
  width: 100%; 
  height: auto; 
  border:1px solid #ccc;
}  
.prolist img:hover {
	border:1px solid #2C3147
}

.prolist li {  
  padding: 10px; 
  text-align: center; 
}


/* 产品展示样式 */  
.proview {  
  max-width: 1200px;  
  margin: 0 auto; 
  margin-top:40px;
}  
.proview section:first-child {  
  display: flex; 
}    

.proview section:first-child .onediv{  
  flex: 0 0 40%; 
}   

.proview section:first-child .twodiv{  
  flex: 0 0 60%; 
  background: none;
  padding:40px;
}  
.proview section:first-child .twodiv h1{
	font-size:40px;
}
.proview section:first-child .twodiv h2{
	font-size:20px;
	font-weight: 600;
}
.proview section:first-child .twodiv article{
	margin-top:30px;
}

.proview section:nth-child(2) {  
  width:100%;
  margin-top:50px
	
}  

.proview section:nth-child(2) h1{
	background:#D61A13;
	color:#fff;
	padding:5px 20px;
}
.proview section:nth-child(2) article{
	padding:20px;
	min-height:300px
	
}
.image-gallery {  
  width: 100%;  
}  
  
.large-image {  
  width: 100%;  
  margin-bottom: 10px;  
}  
  
.large-image img {  
  width: 100%;  
  display: block;  
}  
  
.thumbnails {  
  display: flex;  
  justify-content: flex-start;  
  flex-wrap: wrap;  
  margin:0;padding:0
}  
 
@keyframes fadeIn {  
  0% {  
    opacity: 0.8; 
  }  
  100% {  
    opacity: 1; 
  }  
}  
  


.thumbnail {  
  flex: 0 0 18%; /* 调整宽度以适应缩略图数量 */  
  width:19%;
 
  margin-right: 1%; /* 为缩略图之间提供一些间距 */  
  margin-bottom: 10px;  
  cursor: pointer;
  border: 1px solid #ccc
}  
.thumbnail:hover{
 
  animation: fadeIn 1s ease-in-out forwards; 
}
@media (max-width: 768px) {  
	.proview{
		margin-top:20px
	}
	.proview section:first-child {  
		flex-direction: column; 
	  }  
	.proview section:first-child .onediv,  
	.proview section:first-child .twodiv {  
		flex: 1; 
		width: 100%; 
	  }  
	.proview section:first-child .twodiv {  
		background:none; 
		padding: 20px; 
	  } 
	.large-image img {  
       width: 94%;  
       margin:0 auto;  
}  
	.thumbnails {  
	 width:98%;
	 margin:0 auto;
	}
	.proview section:first-child .twodiv article{
	margin-top:10px;
}
	.proview section:nth-child(2) article img{
	max-width:100%;
}
}





.nav-path > div {  
    display: flex;  
    flex-direction: row;  
    justify-content: space-between;  
    align-items: center;  
	background:none
}  
  
.nav-path > div > p {  
    margin: 0;  
    flex: 1;  
}  
  
.nav-path > div > button {  
    flex: 3;  
    margin-left: 10px; /* 添加一些间距使按钮之间不那么紧凑 */  
}  
  
/* 对于小屏幕，使用媒体查询来更改布局 */  
@media (max-width: 768px) {  
    .nav-path > div {  
        flex-direction: column;  
        align-items: flex-start;  
    }  
  
    .nav-path > div > button {  
        margin-left: 0;  
        margin-top: 10px; /* 在小屏幕上，按钮之间添加一些顶部间距 */  
    }  
}




  
/* 响应式布局，可根据需要调整 */  


  


/* 在线反馈 */  
  .online-container {  
			width:100%;
            max-width: 1200px;  
            margin: 0 auto;  
            padding: 40px;  
        }  
.online-container h1{
	font-size:42px;
	margin-bottom:20px;
	text-align: center
}
.form-group {  
     margin-bottom: 40px;  
}  
  
label {  
     display: block;  
     margin-bottom: 10px;  
}    
input[type="text"],  
input[type="email"],  
input[type="tel"],  
textarea {  
      width: 100%;  
      padding: 10px;  
      border: 1px solid #ccc;  
      border-radius: 5px;  
      resize: none; /* Prevent users from resizing the textarea */  
}  
input[type="text"],  
input[type="email"],  
input[type="tel"]{
	width:50%
}
.online-button-group {  
     display: flex;  
     justify-content:center;  
}  
.online-button-group button {  
      margin-left: 10px;  
      padding: 10px 20px;  
      background-color: #333;  
      color: white;  
      border: none;  
      border-radius: 5px;  
      cursor: pointer;  
}  
.online-button-group button:hover {  
     background-color: #ff0000;  
}  
  
@media screen and (max-width: 768px) {  
     .online-container {  
      	padding: 20px;  
     }
	 .online-container h1{
		font-size:30px;
		margin-top:20px;
		margin-bottom:20px;
	}
     .form-group {  
         margin-bottom: 20px; 		
     }  
	input[type="text"],  
    input[type="email"],  
	input[type="tel"]{
			width:100%
	}	
}  

.contactus-container{
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	margin-top:40px;
}
.contactus-container img{
	width:100%
}
.contactus-container div{
	padding:20px;
}

/* 当屏幕宽度小于768px时应用的样式 */  
@media (max-width: 768px) { 
	.header-container{
		display:grid;
        grid-template-columns: repeat(2, 1fr); 
        grid-template-rows: auto auto;
        grid-gap: 10px;  
		max-width: 100%;
		height:auto;
		padding:10px;
	}
	
	.logo{
		display: flex;
		align-items: center; 
        justify-content: left; 
	}
	.logo img{
		height:30px
	}
	.search-container {
	    grid-column: 1 / -1; 
        grid-row: 2;
		width:100%;
		padding:0;
		margin:0;
	}
	.search-container form {    
	padding:0;    
} 
	
	.search-input{
		flex:1;
		padding:5px 10px;
		border-radius: 15px 0 0 15px;
		fotn-size:12px;
		height:34px;
	}
	.search-btn{
		padding:5px 20px;
		border-radius: 0 15px 15px 0;
		font-size:12px;
		height:34px;
	}
	.lang-container{
		display: flex;
		align-items: center; /* 垂直居中 */  
        justify-content: right; /* 水平居中 */  
	}
	.lang-btn { 
	  font-size:12px;
	  padding:3px;
	  border-radius:5px;
	}
	.darkgray h1{
		font-size:28px;	
		padding:0 40px
	}
	.nav-scroll> ul li {  
    margin-right: 15px; 
    
}
	.nav-scroll> ul li a {  
    padding: 8px 6px; 
    
}  
	.darkgray h6{
		font-size:14px;

	}
	.proclass-blocks {  
    margin-top: 20px;  
	
	}	
	.proclass-container {  
	      margin-top:20px
	}
    .proclass-block {  
        width: calc(50% - 20px); 
    }  
	.proclass-block-title {  
		position: absolute; 
		bottom: 20px; 
		left: 0;  
		width: 100%;   
		padding-left:5px; 
		padding-right:5px;
		text-align: left; 
		margin: 0; 
		font-size: 14px; 
	}
	.slider-container {  
	    margin-top:10px;
		width:100%
	}
	.carousel {  
    position: relative;  
	width:100%;
    max-width: 100%; /* 设定轮播图的宽度 */  
    margin: auto;  
    overflow: hidden;  
	margin-top:20px
}  
	.carousel-slide {  
    min-width:inherit; /* 每张图片占据整个轮播图的宽度 */  
	width:100%;
    flex-shrink: 0;  
}  
	
/*首页公司荣誉 */  
	.homehoner-outer-container {  
		 width: 100%;  
		 background-color: #838591;  
		 text-align: center;        
		 padding: 10px 0;       
		 margin-top:40px;              
 }  
	.homehoner-title {  
      font-size: 28px;
      margin-bottom: 10px;  
	  margin-top:30px;
	  padding:0;
        }  
	
	.image-block {  
        flex:0 0 100%; 
        height:auto; 
        }  
	
	
	.homehoner-inner-container {  		
        max-width: 100%;
		width:90%;
        margin: 0 auto;  
		margin-top:20px;
        display: flex;  
        flex-wrap: wrap;  
        justify-content: flex-start;  
        }  
	  .homehoner-content-block {  
         flex-basis: 90%;  
         margin: 0 0 20px;  
		 border-radius: 10px;
		  
    }  
	.homehoner-content-img { 
		border-top-left-radius: 10px;  
        border-top-right-radius: 10px;  
	
	}
     .homehoner-view-details-btn {  
          align-self: center; 
    }  
	
	.hometab {  
        flex-direction: column;  
	    margin-top: 30px;
    }  
    .hometab-categories {  
     	 margin-top: 10px;  
    }  
	 .hometab-content {  
		margin-top:0;
		overflow-x: auto; 
		overflow-y: hidden; 
		white-space: nowrap; 
  }  
	.hometab-container {  
            width:100%;
		    height:auto;
            display: flex;  
            flex-wrap: wrap;  
	        border:1px solid #ccc;
	        margin-top:20px;
		   border-radius: 10px;
		   white-space: normal;
        }  
	.hometab-category-btn{ 
		border-radius: 5px;
		padding: 5px;  
		font-size:12px;
  }  
	.image-block {  
            flex:0 0 100%; 
            height:auto; 
		    overflow: hidden;
        }  
		.image-block img {  
        position: relative; 
        top: 0; 
        left: 0; 
        transform: none;  
        width: 100%; 
        height: auto; 
	    border-top-left-radius: 10px;  
        border-top-right-radius: 10px;  
	}
	
  
	
	 .text-block {  
            flex: 0 0 100%;  
            padding: 20px; 			
            position:relative;  
		   justify-content: center;  
           align-items: center;
		   text-align: center
        }  
	.text-block h1{
		margin-top:0;
		font-size:24px;
		text-align:center
	}
	.text-block h2{
		font-size:18px;
		text-align: center;
		font-weight:500;
		
	}
	.text-block p{
		width:100%;
		font-size:12px;
	}
    .details-btn {  
            position:static;  
		    margin:0 ;
            bottom: 0;  
            left:0;  
            padding: 10px 20px;  
            background-color: #e6e6e6;  
            color: black;  
            border: none;  
            cursor: pointer; 		
      }  
	.line-container {  
		margin-top:30px;
	}
	.inner-container {    
		margin-top:10px
 }  
	.inner-blocks-container{
		margin-top:20px
	}
	.inner-block {  
        width: calc(50% - 5px); /* 在小屏幕上，区块宽度调整为100% */  
         margin: 5px 0; /* 上下边距保持不变，左右边距为0 */  
    } 
	.inner-block img{
		border-radius: 10px
	} 
	.inner-block h4 {  
		font-size:16px;
		bottom: 10px; 
    	left: 10px; 
}  	
   .homenews {  
    max-width: 1200px;  
    margin: 0 auto;  
    padding: 20px;  
	margin-top: 10px;
  }  
  .homenews-title {  
      flex-direction: column;  
    }  
    .homenews-buttons {  
      margin-top: 10px;  
    }  
	
	.footer-width-container2 {  
        flex-direction: column; /* 将flex方向改为列，使每个子项各自占据一行 */  
        align-items: flex-start; /* 可以根据需要调整对齐方式 */  
    }  
      
    /* 可选：调整p和ul之间的间距，使其看起来更加清晰 */  
	.footer-container{
		display:none;
	}
	.footer-container2{
		margin-top:40px;
		text-align: center
	}
	.footer-width-container2 { 
	    height: auto;
		padding:10px;
	}
    .footer-width-container2 p {  
		width:100%;
        margin-bottom: 0; 
		text-align: center
		
    }  
      
    .footer-width-container2 ul {  
        margin-top: 0; 
		display: none
    }  
	.back-to-top-btn {  
    display: none;
}
.prolist{
		margin-top:20px;
	}
.prolist li {  
  flex: 0 0 calc(33.333% - 10px); 
  margin: 2px 5px;   
  box-sizing: border-box; 
  transition: box-shadow 0.3s ease;
}  	
.prolist h2{
	 padding-left:10px;
	 font-size:20px;
	border-bottom:1px solid #2C3147;
	padding-bottom:15px
	}
	
	
}
	



/* honerlist style */  
.honer-container {  
		width:100%;
        max-width: 1200px;  
        margin: auto;  
        display: flex;  
        flex-wrap: wrap;
        justify-content: space-between;  
    }  
.honer-content { 
		width:100%;
        flex: 1 1 calc(24% - 20px);  
        margin: 10px;  
        position: relative;  
        background-color: #fff;  
		border:1px solid #f1f1f1; 
		margin-top:40px
        
    }  
	.honer-content:hover{
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);  
	}
    .honer-content img {  
        width: 100%;  
        height: auto;  
    }  
  
	.honer-content h3{
		margin:25px 15px;
		font-weight:500;
		font-size:18px
	}
	  
    .honer-content p {  
        margin: 0 0 10px;  
		padding:10px 20px;
		color:#ccc;
    }  
  
    .honer-content button {  
        position: absolute; 
		margin-top:15px;
        bottom: 15px;  
        right: 15px;  
		border:none;
		background:#f1f1f1;
		padding:8px 15px;
		cursor: pointer;
		
    }  
	.honer-content button:hover{
		background:#ff0000;
		color: #fff;
		
	}
.honerview{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px
}
.honerview-titleh1,.honerview-titleh5{
	text-align: center
}
.honerview-titleh1{
	margin-top:50px
}.honerview-titleh5{
	margin-bottom:50px;
}
.divheight{
	min-height:400px;
}
.divheight img{
	max-width: 100%;
	margin-bottom:20px
}
.button-container {  
    margin-top: 20px;
    text-align: right; 
}  
  
.return-list-btn, .close-window-btn {  
    padding: 10px 20px; 
    margin: 0 5px; 
    cursor: pointer; 
}  
  
.return-list-btn {  
    background-color: #ccc;  
    color: #000; 
    border: none; 
}  
  
.close-window-btn {  
    background-color: #ccc; /* 关闭窗口按钮的背景色 */  
    color: #000; /* 字体颜色 */  
    border: none; /* 无边框 */  
}
.return-list-btn:hover,.close-window-btn:hover{
	background:#ff0000;
	color:#fff
}
    @media (max-width: 768px) {  
		.honer-container {  
			flex-wrap: wrap;
		}
		  
		.divheight{
padding:20px;
}
		.honerview-titleh1{
	margin-top:20px;
		font-size:28px;
}
		.honerview-titleh5{
	margin-bottom:20px;
}
        .honer-content {  
            flex: 1 1 calc(48% - 10px); 
			margin:10px;
			border-radius: 10px
        } 
		.honer-content button{
			border-radius: 5px
			
		}
		.honer-content img{
			border-radius: 10px 10px 0 0
		}
    }  


 /* 分页样式 */  
.pagination {  
            display: flex;  
            justify-content: center;  
            margin-top: 60px;  
        }  
  
        .page-item {  
            margin: 0 5px;  
        }  
  
        .page-link {  
            display: block;  
            padding: 8px 16px;  
            text-decoration: none;  
            color: #000;  
            background-color: #f9f9f9;  
            border: 1px solid #ddd;  
            border-radius: 4px;  
        }  
  
        .page-link:hover {  
            background-color: #ccc;  
        }  
  
        .active .page-link {  
            background-color: #ff0000;  
            color: white;  
            border: 1px solid #ff0000;  
        }  
  
        @media screen and (max-width: 600px) {  
            .pagination {  
                font-size:12px; 
            } 
			.page-link { 
				padding:5px 8px}
			
        }