body {
	margin: auto;
}

div, li, td, p, select, input, textarea, a, button, input {
	font: 16px 'microsoft yahei', Verdana, Arial;
	color:#000000;
	text-decoration: none
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fc {
	clear: both;
}

.ml10 {
	margin-left: 10px;
}

.ml30 {
	margin-left: 30px;
}

.ml50 {
	margin-left: 50px;
}
.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}
.clear{
	clear: both;
}

.align-l{
	text-align: left;
}
.align-c{
	text-align: center;
}

.header {
	height: 100px;
	width: 100%;
	display: flex;
	
}

.header-l {
	width: 65%;
	display: flex;
	gap:30px;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
}

}
.header-flex-item{
	/* 基础：每个图片占1/3宽度（窗口缩小时自动换行） */
      flex: 1 1 calc(50% - 16px);
      /* 最小宽度：窗口缩小时，小于200px就换行 */
      min-width: 300px;
}

.header-flex-item img {      
		/* 关键：不超出父容器宽度 */      
		max-width: 100%;      
		/* 关键：维持宽高比，避免拉伸 */      
		height: auto;      
		/* 可选：让图片占满容器宽度（根据需求） */      
		width: 100%;      
		object-fit: cover; /* 图片裁剪（可选，避免变形） */
    }

.header-r {
	width: 30%;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
}

.header-r-tel {
	
}

.header-r-telnum {
	font-weight: bold;
	width: 280px;
	text-align: left;
	font-size: 13px;
}

 .container {
            width: 100%;
            margin: 0 auto;
 			
        }

        @media (min-width: 640px) {
            .container {
                padding: 0 1.5rem;
            }
        }

        @media (min-width: 1024px) {
            .container {
                padding: 0 2rem;
                max-width: 1280px;
            }
        }

        /* 导航栏样式 */
        nav {
            top: 0;
            left: 0;
            width: 100%;
        	background: url("../images/menubg.png") repeat-x;
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 3.5rem;
        }


        /* 导航右侧功能区（电话+语言切换） */
        .nav-right {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-right: 1rem;
        }

        /* 电话显示样式 */
        .phone-number {
            display: none;
            align-items: center;
            color: #333333;
            font-size: 0.9rem;
            gap: 0.5rem;
        }

        .phone-number span {
            color: #000000;
            font-weight: 500;
        }

        /* 语言切换样式 */
        .language-switch {
            display: flex;
            align-items: center;
            gap: 0.1rem;
        }

        .language-switch button {
            background: none;
            border: none;
            color: #6B7280;
            cursor: pointer;
            font-size: 0.9rem;
            padding: 0.25rem 0.5rem;
            border-radius: 0.25rem;
            transition: all 0.3s ease-in-out;
        }

        .language-switch button.active {
            color: #000000;
            font-weight: 600;
        }

        .language-switch button:hover {
            color: #000000;
        }

        /* 桌面端导航菜单 */
        .desktop-menu {
            display: none;
            gap: 2rem;
        }

        .desktop-menu a {
        	font-size:18px;
            text-decoration: none;
            color: #ffffff;
            padding: 0.5rem 1.4rem;
            font-weight: 500;
            position: relative;
            transition: all 0.3s ease-in-out;
        }

        .desktop-menu a:hover {
            color: #e0df22;
        }
        
		.desktop-menuactive {
            color: #e0df22;
        }

        .desktop-menu a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            width: 0;
            background-color: #e0df22;
            transition: all 0.3s ease-in-out;
        }

        .desktop-menu a:hover::after {
            width: 100%;
        }

        /* 移动端汉堡按钮 */
        .mobile-menu-button {
            display: flex;
            align-items: center;
            background: none;
            border: none;
            color: #165DFF;
            cursor: pointer;
            outline: none;
            transition: all 0.3s ease-in-out;
            font-size: 1.75rem;
        	position: absolute;
        	top:30px;
        	right: 20px;
        	
        }

        .mobile-menu-button:hover {
            color: #165DFF;
        }

        /* 移动端导航菜单（包含语言切换和电话） */
        .mobile-menu {
            display: none;
            background-color:#165DFF;
            border-top: 1px solid #F1F1F1;
            padding: 0.75rem 0;
            transition: all 0.3s ease-in-out;
        }

        .mobile-menu.show {
            display: block;
        }

        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 1rem 0.75rem;
            border-bottom: 1px solid #F1F1F1;
            margin-bottom: 0.75rem;
        }


        .mobile-menu-inner {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            padding: 0 1rem;
        }

        .mobile-menu a {
            text-decoration: none;
            color: #ffffff;
            padding: 0.5rem 0.75rem;
            border-radius: 0.25rem;
            transition: all 0.3s ease-in-out;
            display: block;
        }

        .mobile-menu a:hover {
            color: #165DFF;
            background-color: #F8F9FA;
        }

        /* 页面内容样式 */
        .page-content {
            padding-top: 6rem;
            margin: 0 auto;
            max-width: 1280px;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .page-content h1 {
            font-size: 1.875rem;
            font-weight: bold;
            color: #333333;
            margin-bottom: 2rem;
        }

        .page-content p {
            color: #6B7280;
            margin-bottom: 1rem;
        }

        /* 响应式断点 */
        @media (min-width: 768px) {
            .desktop-menu {
                display: flex;
            }
            .phone-number {
                display: flex;
            }
            .mobile-menu-button {
                display: none;
            }
            .mobile-menu {
                display: none !important;
            }
            .page-content h1 {
                font-size: 2.25rem;
            }
        }

        /* 适配更小屏幕的语言切换显示 */
        @media (max-width: 992px) {
			.nav-container{
				display:none;
			}
            .nav-right {
                gap: 1rem;
            }
            .phone-number {
                font-size: 0.85rem;
            }
        }


.carousel {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	overflow: hidden;
	margin: 0 auto;
}

.slides {
	display: flex;
	transition: transform 0.5s ease;
}

.slide {
	width: 100%;
	flex-shrink: 0;
}

.slide
 
img {
	width: 100%;
	height: auto;
	display: block;
}

.slide-content {
	position: absolute;
	bottom: 15%;
	left: 10%;
	color: white;
	max-width: 600px;
}

.slide-title {
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	font-weight: 700;
	margin-bottom: 1rem;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.slide-description {
	font-size: clamp(0.9rem, 2.5vw, 1.2rem);
	opacity: 0.9;
}

.slidesrow-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 2%;
}

.nav-btn {
	background: rgba(255, 255, 255, 0.9);
	border: none;
	width: clamp(35px, 8vw, 50px);
	height: clamp(35px, 8vw, 50px);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	font-size: clamp(1rem, 2.5vw, 1.2rem);
}

.next-btn {
	margin-right: 4%;
}

.nav-btn:hover {
	background: white;
	transform: scale(1.1);
}

.indicators {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: clamp(8px, 2vw, 12px);
}

.indicator {
	width: clamp(10px, 2.5vw, 12px);
	height: clamp(10px, 2.5vw, 12px);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.indicator
.active {
	background: white;
	transform: scale(1.2);
	border-color: #3b82f6;
}

.indicator
:hover
:not
(
.active
)
{
	background:rgba(255,255,255,0.8);
}
@media ( max-width :768px) {
	.slide-content {
		left: 5%;
		bottom: 10%;
	}
}

@media ( max-width :480px) {
	.nav-btn {
		width: 30px;
		height: 30px;
	}
}

.slides {
	display: flex;
	transition: transform 0.5s ease;
}

.slide {
	width: 100%;
	flex-shrink: 0;
}

.slide img {
	width: 100%;
	height: auto;
	display: block;
}

.slide-content {
	position: absolute;
	bottom: 15%;
	left: 10%;
	color: white;
	max-width: 600px;
}

.slide-title {
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	font-weight: 700;
	margin-bottom: 1rem;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.slide-description {
	font-size: clamp(0.9rem, 2.5vw, 1.2rem);
	opacity: 0.9;
}

.carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 2%;
}

.nav-btn {
	background: rgba(255, 255, 255, 0.9);
	border: none;
	width: clamp(35px, 8vw, 50px);
	height: clamp(35px, 8vw, 50px);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	font-size: clamp(1rem, 2.5vw, 1.2rem);
}

.next-btn {
	margin-right: 4%;
}

.nav-btn
:hover {
	background: white;
	transform: scale(1.1);
}

.indicators {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: clamp(8px, 2vw, 12px);
}

.indicator {
	width: clamp(10px, 2.5vw, 12px);
	height: clamp(10px, 2.5vw, 12px);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.indicator.active {
	background: white;
	transform: scale(1.2);
	border-color: #3b82f6;
}

.indicator
:hover
:not
 
(
.active
 
)
{
	background:rgba(255,255,255,0.8);
}
@media ( max-width :768px) {
	.slide-content {
		left: 5%;
		bottom: 10%;
	}
}

@media ( max-width :480px) {
	.nav-btn {
		width: 30px;
		height: 30px;
	}
}
	.page_content{
		max-width: 1200px;
		width: 100%;
		margin: auto;
		
	}
	
	.page_ol{
		list-style: none;
		display: flex;
		margin: auto;
		width: 100%;
		max-width: 1200px;
		gap:0.5rem;
		font-size: 14px;
		
	}
	
	.page_ol li{
		list-style: none;
		height: 40px;
		line-height: 40px;
	}
	
	.page_ol li a{
		font-size:16px;
		
	}
    	
    .pro{
    	 width: 100%;
         margin: 0 auto;
    	 padding-bottom:100px;
    	 background: url("../images/probg.png");
    	 background-size: cover;
    	 background-position: center;
         background-repeat: no-repeat;
         position: relative;
         overflow: hidden;
         border-radius: 12px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }



	 /* 入场元素基础样式 */
	        .animate-item {
	            /* 初始状态：向右偏移+透明 */
	            transform: translateX(100px);
	            opacity: 0;
	            /* 过渡动画：控制滑动+透明度变化 */
	            transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	            /* 元素间距 */
	        }

	        
 /* 激活状态：回到原位置+显示 */
        .animate-item.active {
            transform: translateX(0);
            opacity: 1;
        }       
	        
	        
.pro-header2{
	text-align: center;
}

.pro-header2 img{
    
}

.pro-header{
	text-align: center;
}
.pro-header img{
    width:100%;
}

.pro-title-content p{
		position: relative;
        line-height: 1; /* 关键属性 */
		top:-70px;
		font-size: 22px;
	
}

.pro-title{
	 background: url("../images/typebgline.png") no-repeat;
	 background-position: center;
}
.pro-titleimg{
	 background: url("../images/typebg.png") no-repeat;
	 background-position: center;
	height: 60px;
	font-size: 22px;
	padding-top: 20px;
}


.pro-type{
	width: 100%;
	text-align: center;
  display: flex;
  justify-content: center; /* 水平居中 */
  list-style-type: none; /* 移除默认的列表样式 */
	
}


.pro-type-li{
	float: left;
	width: 136px;
	list-style-type: none;
	text-align: center;
	background: url("../images/protype.png") no-repeat;
	height:60px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	white-space: nowrap;
	color: #000;
	font-size: 18px;
	zoom: 1;
	font-weight: bold;
	
}

.pro-type-li.active{
	background: url("../images/protypes.png") no-repeat;
}

.pro-content{
	text-align: center;
	margin:auto;
	display: flex;
	flex-wrap:wrap;
	max-width:1500px;
	width:100%;
  	justify-content: center; /* 水平居中 */
  	list-style-type: none; /* 移除默认的列表样式 */
}


/* 所有栏目内容默认隐藏 */
.content-block {
    display: none;
}

/* 激活状态的内容块显示 */
.content-block.active {
    display: block;
}

/* 所有栏目内容默认隐藏 */
.content-block2 {
    display: none;
}

/* 激活状态的内容块显示 */
.content-block2.active {
    display: block;
}

.pro-content-li{
	flex:0 0 305px;
	margin-left:30px;
	margin-top:30px;
	width: 305px;
	height: 351px;
	background-color: white;
	border-radius: 20px; /* 这里的数值可以根据你的设计调整 */
	list-style: none;
	transition: transform 0.3s ease; /* 平滑过渡效果 */
}

.pro-content-li:HOVER{
	transform: scale(1.1); /* 放大到110% */
}

.pro-content-li img{
	padding-top: 10px;
}

.pro-content-li span{
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	white-space: nowrap;
	color: #000;
	font-size: 18px;
	zoom: 1;
	font-weight: bold;
}

.pro-content-li p{
	margin-top:20px;
	 	width: 150px;
	  	height:40px;
	  	background-color: #fe7b44;
	  	border-radius: 30px; /* 这里的数值可以根据你的设计调整 */
		
}
.pro-content-li p a{
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}

.pro-content-li img{
    border-radius: 10px;
}


.com{
	 width: 100%;
     margin: 0 auto;
		padding-bottom:100px;
	 background-size: cover;
	 background-position: center;
     background-repeat: no-repeat;
	color:#fff;
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.com-slide{
	animation: float-in2 3s ease-in-out forwards;
	
}
 @keyframes float-in2 {
    0% { transform: translateX(50%); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(0%); opacity: 1; }
  }

.com-header{
	text-align: center;
}
.com-title-content p{
		position: relative;
        line-height: 1; /* 关键属性 */
		top:-70px;
		font-size: 22px;
	
}

.com-title{
	 background: url("../images/typebglinegray.png") no-repeat;
	 background-position: center;
	
	
}


.com-content{
	text-align: center;
	display: flex;
  justify-content: center; /* 水平居中 */
  list-style-type: none; /* 移除默认的列表样式 */
}

.com-content-l{
	float: left;
	width: 13%;
}
.com-content-c{
	 width: 100%;
	max-width:1200px;
     margin: 0 auto;
     padding: 20px;
     box-sizing: border-box;
}

.com-content-c img{
		width: 100%;
         height: auto;
         display: block;
         border-radius: 8px;
         transition: transform 0.3s ease;
}


.com-content-cinc{
	margin-top:30px;
	text-align: left;
	font-size: 16px;
	
}


	.comsliderrow{
	 		margin: 0;
            padding: 0;
            box-sizing: border-box;
	}

	.carousel-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 80px;
			 box-sizing: border-box;
        }
        .carousel2 {
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            background: white;
        }
        .carousel-inner {
            display: flex;
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .carousel-item {
            flex: 0 0 22.5%;
            padding: 12px;
        }
        .carousel-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 12px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        	border: 2px solid #000; /* 黑色边框 */
        }
        .carousel-item img:hover {
            transform: scale(1.05);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }
        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            border-radius: 50%;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            transition: all 0.3s ease;
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
            z-index: 10;
        }
        .arrow:hover {
            transform: translateY(-50%) scale(1.15);
            box-shadow: 0 15px 35px rgba(102, 126, 234, 0.6);
        }
        .arrow:active {
            transform: translateY(-50%) scale(0.95);
        }
        .left-arrow {
            left: 0;
        }
        .right-arrow {
            right: 0;
        }
        .arrow-icon {
            display: inline-block;
            width: 12px;
            height: 12px;
            border-top: 3px solid white;
            border-right: 3px solid white;
        }
        .left-arrow .arrow-icon {
            transform: rotate(-135deg);
            margin-left: 4px;
        }
        .right-arrow .arrow-icon {
            transform: rotate(45deg);
            margin-right: 4px;
        }
        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
        }
 		@media (max-width: 1200px) {
            .carousel-item {
                flex: 0 0 30%;
            }
        }
        @media (max-width: 992px) {
            .carousel-item {
                flex: 0 0 40%;
            }
        }
        @media (max-width: 768px) {
            .carousel-item {
                flex: 0 0 50%;
            }
        }
        @media (max-width: 576px) {
        	.pro{
				/* height: 1820px; */
        	}
            .carousel-item {
                flex: 0 0 100%;
            }
        }
        
        
.peo{
	 width: 100%;
     margin: 0 auto;
	background: url("../images/peobg.png");
	padding-bottom:100px;
	 background-size: cover;
	 background-position: center;
     background-repeat: no-repeat;
	color:#fff;
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.peo-slide{
	animation: float-in3 3s ease-in-out forwards;
	
}
 @keyframes float-in3 {
    0% { transform: translateX(50%); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(0%); opacity: 1; }
  }

.peo-header{
	text-align: center;
}
.peo-title-content p{
		position: relative;
        line-height: 1; /* 关键属性 */
		top:-95px;
		font-size: 22px;
}

.peo-title{
	 background: url("../images/typebgline.png") no-repeat;
	 background-position: center;
	
	
}

.peo-content{
	text-align: center;
	display: flex;
	
  	justify-content: center; /* 水平居中 */
  	list-style-type: none; /* 移除默认的列表样式 */
}

.peo-content img{
	width: 100%;
	max-width: 1600px;
}


.peo-list{
	display: flex;
	flex-wrap:wrap;
	gap:30px;
  	justify-content: center; /* 水平居中 */
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.peo-listitem{
	flex:0 0 30%;
}

.peo-listitem div{
	text-align:center;
	position: relative;
	top: -60px;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(to top, #000, transparent);
	height: 40px;
	padding-top: 20px;
}


.ad img{
	width: 100%;
}

.news{
	 width: 100%;
     margin: 0 auto;
	 background-color:#ebebeb;
		padding-bottom:10px;
	 background-size: cover;
	 background-position: center;
     background-repeat: no-repeat;
		color:#fff;
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.news-slide{
	animation: float-in4 3s ease-in-out forwards;
	
}
 @keyframes float-in4 {
    0% { transform: translateX(50%); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(0%); opacity: 1; }
  }

.news-header{
	text-align: center;
}
.news-title-content p{
		position: relative;
        line-height: 1; /* 关键属性 */
		top:-70px;
		font-size: 22px;
	
}

.news-title{
	 background: url("../images/typebglinegray.png") no-repeat;
	 background-position: center;
}


.news-content{
	text-align: center;
	display: flex;
	flex-wrap:wrap;
  	justify-content: center; /* 水平居中 */
	list-style-type: none; /* 移除默认的列表样式 */
}

.news-left{
	flex:0 0 400px;
}

.news-center{
	flex:0 0 380px;
	text-align: left;
	padding-left: 20px;
}

.news-center a{
	font-size: 12px;
}

.news-right{
	flex:0 0 400px;
	text-align: center;
	padding-left: 20px;
}
.news-type{
	display: flex;
	justify-content: center; /* 水平居中 */
	text-align: center;
	height:45px;
	
	
}
.news-type-t{
	flex: 0 0 140px;
	background: url("../images/newstype.png") no-repeat;
	line-height: 45px;
	font-size: 20px;
}
.news-type-t.active{
	background: url("../images/newstypes.png") no-repeat;
}

.news-items{
	line-height: 35px;
	font-weight: bold;
	font-size: 14px;
}
.anslist{
	display: flex;
	text-align: left;
}
.anlist-l{
	flex: 0 0 40px;
	background: url("../images/ask.png") no-repeat;
	width:40px;
	height: 35px;
	line-height: 30px;
	text-align: center;
}
.anlist-ans{
	flex: 0 0 40px;
	background: url("../images/ans.png") no-repeat;
	width:40px;
	height: 35px;
	line-height: 30px;
	text-align: center;
}
.ans-title{
	font-size: 18px;
	line-height: 30px;
}

.anlist-l span{
	margin-left: -6px;
	font-size: 14px;
	color: #fff;
}
.anlist-ans span{
	margin-left: -6px;
	font-size: 14px;
	color: #fff;
}

.anlist-r{
	flex: 0 0 320px;
	float: left;
	height: 35px;
	line-height: 30px;
	font-weight: bold;
}
.anlist-ans-r{
	flex: 0 0 320px;
	float: left;
}

.dashed-line {
			margin:15px 0;
            width: 340px;
            height: 2px;
            background: linear-gradient(to right, transparent 50%, #000 50%);
            background-size: 10px 1px;
        }
.dashed-line-all {
			margin:15px 0;
            height: 1px;
            background: linear-gradient(to right, transparent 50%, #000 50%);
            background-size: 10px 1px;
        }
        
        
.slideshow-container {
            position: relative;
            width: 400px;
            height:350px;
        }
        
        .slide3 {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        
        .slide3.active3 {
            opacity: 1;
        }
        
        .slide3 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 370PX;
            padding: 15px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            font-size: 18px;
            text-align: left;
        }
        
        .indicators3 {
            position: absolute;
            bottom: 20px;
            right: 20px;
            display: flex;
            gap: 8px;
            z-index: 10;
        }
        
        .indicator3 {
            width: 25px;
            height: 25px;
            background-color: rgba(255, 255, 255, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .indicator3.active3, .indicator3:hover {
            background-color: rgba(255, 0, 0, 0.8);
        }
        
.links{
	width: 1200px;
	margin: auto;
	margin-top: 50px;
}

.links li{
	list-style: none;
	float: left;
}

.footer{
	background-color: #081221;
	width: 100%;
}

.footer-menu{
	margin:auto;
	color: #ffffff;
	display: flex;
	justify-content: center; /* 水平居中 */
	flex-wrap:wrap;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;

}

.footer-menu a{
	color: #fff;
	font-size: 16px;
}
.footer span{
	flex:0 0  80px;
}

.footer-line {
    width: 90%; /* 线的长度 */
	max-width:1200px;
	margin:10px auto;
    height: 0;   /* 高度为0，仅显示边框 */
    border-top: 1px solid #ffffff; /* 边框颜色和粗细 */
}
.footer-logo{
	margin: 50px 0;
}
.footer-content{
	display: flex;
	width:100%;
	max-width:1200px;
	justify-content: center; /* 水平居中 */
	flex-wrap:wrap;
	margin: auto;
	
}

.footer-content-l{
	flex:0 0 50%;
	margin: 0 10px;
	}

.footer-content-r{
	flex:0 0 40%;
	line-height: 240px;
	height: 240px;
	text-align: right;
	margin-top:10px;
}

@media (max-width: 576px) {
    .footer-content-l{
            padding-left: 20px;
           flex:0 0 500px;
    }
    
    
	.footer-content-r{
	    flex:0 0 500px;
		text-align: center;
	}
}

.footer-content-r img{
	width: 200px;
	height: 200px;
}

.footer-content-r div{
	margin-right: 50px;
	color: #ffffff;
}

.footer-info{
	display: flex;
	margin: 20px 0;
}
.footer-info-l{
	flex:0 0 30px;
}
.footer-info-r{
	flex:300px;
	color:#ffffff;
	font-size: 14px;
}
.footer-copyright{
	display:flex;
	justify-content: center; /* 水平居中 */
	flex-wrap:wrap;
	width: 100%;
	height:40px;
	line-height: 40px;
	background-color: #051d42;
	text-align: center;
	color:#ffffff;
}

.footer-copyright-l{
	flex:0 0 55%;
	color:#ffffff;
	text-align: right;
}
.footer-copyright-r{
	color:#ffffff;
	flex:0 0 45%;
	text-align: left;
}
@media (max-width: 576px) {
	.footer-copyright{
	height: 80px;
	}
.footer-copyright-l{
	flex:0 0 100%;
	text-align: center;
	margin-bottom: 0;
}
.footer-copyright-r{
	flex:0 0 100%;
	text-align: center;
	margin: 0;
}
}

/*分页*/
.pagination {
	padding-top:20px;
    text-align: center;
}

.pagination li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
.pagination li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
	height: 32px;
    line-height: 32px;
	
}
.pagination li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
.pagination li.active {
    text-align: center;
    background: #0068b7;
    color: #fff;
    display: inline-block;
}

.pagination li:hover {
    background: #0068b7;
}

.pagination li:hover a {
    color: #fff;
}

        .article-item{
					width: 100%;
                	max-width: 1200px;
                	margin: auto;
                }
                .article-list{
					display:flex;
                	 flex-direction: column;
                	gap:1rem;
                	
                }
                .article-thumb{
                	text-align: center;
                }
                
                .article-thumb img{
					width: 250px;
                }
                
                .article-item-card a{
					display: flex;
                	gap:1rem;
                	font-size:16px;
                }
                
                
                @media (max-width: 768px) {
                	 .article-item-card a{
                	 	
						 flex-direction: column;
					}
					
					.footer-menu{
						display: none;
					}
                	
                }
                
                .article-info{
                	display:flex;
                	 flex-direction: column;
					font-size: 16px;
					width: 100%;
                }
                
        		.article-content{
					width: 100%;
        			max-width: 1200px;
        			margin: auto;
        		}
        		.entry-title{
					text-align: center;
        		}
        		.entry-meta{
					display: flex;
        			justify-content: center; /* 水平居中 */
        			gap:3rem;
        		}