body {
		background: #ffffff;
		font-family: "Microsoft YaHei", "SimHei" !important
	}
	
	ol,
	ul {
		list-style: none;
	}
	
	
	
	 
	
	.nav_left {
		float: left;
	}
	
	.nav_right {
		float: right;
	}
	
	.nav_right ul li {
		float: left;
		line-height: 65px;
		font-size: 16px;
		padding-left: 78px;
	}
	
	.nav_right ul li a {
		color: #ffffff;
	}
	
	.header {
		height: 55px;
		background-color: #222;
		width: 100%;
		z-index: 9999;
	}
	
	.navbar-spe {
		display: none;
	}
	
	.banner {
		width: 100%;
		background: #FFF;
		text-align: center;
		
		margin: 0 auto;
		margin-top: 55px;
	}
	
	
	
	
	
	
	
	.container span {
		color: #9e1818;
		float: right;
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.con_swiper {
		position: relative;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.swiper_con {
		width: 1100px;
	}
	
	.about {
		font-size: 16px;
		color: #333333;
		line-height: 36px;
		background-color: transparent;
		text-align: left;
	}
	
	.tb span {
		text-align: center;
		width: 100%;
		font-size: 14px;
		color: #333333;
	}
	
	.tb img {
		width: 100%;
	}
	
	.about h3 {
		background: url(../images/bg2.jpg) no-repeat;
		height: 34px;
		line-height: 34px;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		margin: 32px;
		padding-left: 10px;
	}
	
	.about h2 {
		color: #b5141a;
		font-size: 32px;
		text-align: center;
		margin: 50px;
		font-weight: bold;
	}
	
	.about p {
		font-size: 20px;
		text-align: center;
	}
	
	.about a {
		color: #bf0406;
		text-decoration: none;
	}
	
	.about span {
		text-align: left;
		text-indent: 2em;
		line-height: 30px;
		color: #333333;
	}
	
	.tu img {
		width: 100%;
	}
	
	.js{
    background: #f8f8f8; width: 100%; margin-top: 30px;  margin-bottom: 30px;}
.section {
      max-width: 1200px;
      margin: 0 auto;
      padding: 4rem 1.5rem;
    }

     .section-title {
            font-size: 32px;
            text-align: center;
            margin-bottom: 40px;
            color: #b5141a;
            font-weight: bold;
            position: relative;
        }

        .section-title::after {
            content: '';
            display: block;
            width: 50px;
            height: 3px;
            background: linear-gradient(90deg, transparent, #b5141a, transparent);
            margin: 18px auto 0;
        }
        

	
	.js ul li {
		float: left;
		width: 47%;
    margin-right: 3%;
	}
	.zj_top{ width: 100%; height: 148px;}
	.js ul li img{ float: left;}
	.name{color: #999999; font-size: 14px;}
	.name span{ color: #b5141a; font-size:20px;}
	
	.zj_bottom{ width: 100%;;}
	
	
	
	 .award-detail {
            margin-bottom: 30px;
        }

        .award-header {
            display: flex;
            align-items: center;
            gap: 20px;
            
        }

        .award-icon {
            font-size: 42px;
        }

        .award-header h3 {
            font-size: 26px;
            color: #b5141a;
            font-weight: bold;
        }

        .award-header .tag {
            background: #FFF5F5;
            border: 1px solid #b5141a;
            padding: 6px 14px;
            border-radius: 15px;
            font-size: 13px;
            color: #b5141a;
            float: left;
        }

        .award-desc {
            color: #555;
            margin-bottom: 25px;
          
            line-height: 1.9;
        }

        .winners-table {
            width: 100%;
            border-collapse: collapse;
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }

        .winners-table th {
            background: #b5141a;
            padding: 16px 22px;
            text-align: left;
            font-size: 15px;
            color: #fff;
        }

        .winners-table td {
            padding: 14px 22px;
            border-bottom: 1px solid #eee;
            color: #555;
            font-size: 14px;
        }

        .winners-table tr:hover td {
            background: #FFF5F5;
        }

	
	
	
	.jiang li {
		float: left;
		list-style: none;
		margin-top: 70px;
		margin-left: 180px;
	}
	
	.sk ul {
		padding: 0;
	}
	
	.sk ul li {
		float: left;
		/*width: 285px;
	height: 198px;*/
		margin-right: 12px;
		margin-bottom: 20px;
	}
	
	.sk ul li:nth-child(5n+0) {
		margin-right: 0;
	}
	
	.copyright {
		color: #fff;
		line-height: 66px;
		background-color: #4d4d4d;
		text-align: center;
		height: 66px;
		margin-top: 50px;
	}
	
	.mt ul {
		padding: 0;
	}
	
	.mt ul li {
		float: left;
		border: 1px solid #ccc;
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	.mt ul li:nth-child(5n+0) {
		margin-right: 0;
	}
	
	 .footer-section {
            padding: 30px 0;
            background: #333;
            margin-top: 30px;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 60px;
        }

        .footer-col h4 {
            font-size: 20px;
            color: #b5141a;
            margin-bottom: 22px;
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: bold;
        }

        .footer-col p {
            color: #ccc;
            margin-bottom: 10px;
            font-size: 14px;
        }

        .footer-col .contact-item {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            color: #ccc;
            font-size: 14px;
        }

        .footer-col .contact-item .label {
            color: #888;
            min-width: 60px;
        }

        .footer-bottom {
            text-align: center;
            margin-top: 60px;
            padding-top: 25px;
            border-top: 1px solid #444;
            color: #888;
            font-size: 13px;
        }
       .contact-item span{ color: #fff; margin-right: 0; margin-bottom: 0;}
	
	
	@media(max-width:767px) {
		
		.section-title{ font-size: 22px;}
		.section{padding: 1rem 1.5rem;}
		.award-header h3{ font-size: 20px;}
		.tu img {
			margin-top: 10px;
		}
		.container span {
			margin-right: 0px;
		}
		/*.zc2{ display: none;}*/
		.about h3 {
			font-size: 22px;
			text-align: center;
			margin: 20px 7px;
			line-height: 30px;
		}
		.about p {
			font-size: 16px;
			line-height: 26px;
			text-align: center;
		}
		.about img {
			width: 100%;
			margin-top: 15px;
		}
		.about h2 {
			font-size: 22px;
			text-align: center;
			margin: 20px 7px;
			line-height: 30px;
		}
	
		
	
		
		.leftt {
			background: url(../images/left3.png) no-repeat;
			width: 40px;
			height: 22px;
			display: inline-block;
			margin: 0 15px;
			vertical-align: middle;
			margin-left: 0px;
		}
		.rightt {
			background: url(../images/right3.png) no-repeat;
			width: 40px;
			height: 22px;
			display: inline-block;
			margin: 0 15px;
			vertical-align: middle;
		}
		.container {
			padding: 0 10px;
		}
		.jiang li {
			margin-top: 10px;
			margin-left: 10px;
		}
		.sk ul {
			padding: 10px;
		}
		.sk ul li {
			width: 47%;
			margin-right: 3%;
			margin-bottom: 0px;
		}
		.sk ul li img {
			width: 100%;
			margin-bottom: 10px;
		}
		.sk ul li:nth-child(5n+0) {
			margin-right: 3%;
		}
		/*.swiper-slide {
			margin-left: 12px;
		}*/
		.swiper-slide img {
			width: 180px;
			height: auto;
		}
		.mt ul li {
			width: 48%;
			margin-right: 2%;
			margin-bottom: 2%px;
		}
		.mt ul li img {
			width: 100%;
		}
		.mt ul li:nth-child(5n+0) {
			margin-right: 1%;
		}
		.copyright {
			margin-top: 20px;
			line-height: 20px;
			padding-top: 14px;
		}
		.nav-spe {
			position: relative;
		}
		.btn-spe {
			margin-top: 14px;
			margin-right: 8px;
		}
		img.logo-spe {
			width: 80%;
			height: auto;
			margin-right: 0;
			margin-left: 20px;
		}
		.navbar-spe {
			margin: 0;
			position: absolute;
			top: 8px;
			right: 60px;
			display: block;
		}
		.navbar-pc {
			display: none;
		}
		.carousel-indicators {
			display: none;
		}
		/*.swiper_con {
			width: 100%;
		}
		*/
		
		/* 在 @media(max-width:767px) { ... } 内部添加以下代码 */

    /* 1. 强制 Footer 区域变为单列垂直布局 */
    .footer-content {
        display: flex !important;       /* 改用 Flex 布局 */
        flex-direction: column !important; /* 核心：垂直排列 */
        gap: 40px !important;           /* 上下间距 */
        grid-template-columns: none !important; /* 清除 Grid 设置 */
    }

    /* 2. 确保每一列（关于我们、联系我们）占满全宽 */
    .footer-col {
        width: 100% !important;
        flex: 0 0 100%;
    }

    /* 3. 优化手机端标题大小，防止换行过多 */
    .footer-col h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    /* 4. 优化联系方式字体 */
    .footer-col p, .contact-item {
        font-size: 13px;
        line-height: 1.6;
    }
		
		
	}


/* ===== 权威观点卡片（严格按图） ===== */
    .expert-cards-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
      gap: 2.5rem;
      margin-top: 2rem;
    }
    .expert-card-v2 {
      background: white;
      border-radius: 20px;
      padding: 2.2rem;
      position: relative;
      overflow: hidden;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    }
    .expert-card-v2:hover {
            border-color: #b5141a;
            box-shadow: 0 10px 40px rgba(255,68,68,0.15);
        }
    .expert-card-v2::before {
      content: "";
      position: absolute;
      top: -10px; left: -10px; right: -10px; bottom: -10px;
      border-radius: 24px;
      background: linear-gradient(135deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
      z-index: -1;
      filter: blur(12px);
      opacity: 0.3;
    }
    .expert-header {
      display: flex;
      align-items: center;
      gap: 1.2rem;
      margin-bottom: 1.8rem;
    }
    .expert-avatar {
      width: 148px;
      height: 148px;
      border-radius: 50%;
      overflow: hidden;
    
    }
    .expert-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .expert-name {
      font-size: 18px;
      font-weight: 900;
      color: #c70039;
      margin: 0;
    }
    .expert-title {
      font-size: 13px;
      color: #757575;
      margin: 0.6rem 0 0;
    }
    .expert-quote {
      font-size: 14px;
      line-height: 1.7;
      color: #333;
      text-align: left;
    }
    .expert-quote::before { content: none; }

/* --- 手机端自适应修复 (专家观点部分) --- */
@media (max-width: 768px) {
    /* 1. 强制网格变为单列 */
    .expert-cards-grid {
        grid-template-columns: 1fr !important; /* 关键：强制1列 */
        gap: 2rem; /* 调整卡片间距 */
        padding: 0 5px; /* 防止贴边 */
    }

    /* 2. 调整卡片内边距，节省空间 */
    .expert-card-v2 {
        padding: 1.5rem; 
        width: 100%; /* 确保占满容器 */
        box-sizing: border-box;
    }

    /* 3. 调整头像大小 (手机端不需要那么大) */
    .expert-avatar {
        width: 100px;  /* 从 148px 减小到 100px */
        height: 100px;
        flex-shrink: 0; /* 防止被压缩变形 */
    }

    /* 4. 调整头部布局为垂直或紧凑横向 */
    .expert-header {
        gap: 1rem;
        margin-bottom: 1.2rem;
        /* 如果名字太长，可以选择取消下面这行的注释，让头像和文字上下排列 */
        /* flex-direction: column; text-align: center; */
    }

    /* 5. 调整字体大小 */
    .expert-name {
        font-size: 16px; /* 稍微调小 */
    }
    
    .expert-title {
        font-size: 12px;
    }

    .expert-quote {
        font-size: 14px; /* 正文字号适配手机 */
        line-height: 1.6;
        text-align: justify; /* 两端对齐更美观 */
    }
    
    /* 6. 修复标题间距 */
    .section-title {
        font-size: 24px;
        margin-bottom: 2rem;
    }
}