@font-face {
	font-family: "MiSans";
	/* 这个名字可以自己定义 */
	/*src: url("../fonts/sourcehansans.eot");*/
	/* IE9 Compat Modes */
	/*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
	/*src: url("../fonts/sourcehansans.eot") format("embedded-opentype");*/
	 /* src: url("../fonts/wenzi_MiSans/otf/MiSans-Regular.otf") format('opentype'); */
	/* IE6-IE8 */
	src: 
	    /* url("../fonts/wenzi_MiSans/woff/MiSans-Regular.woff") format("woff"), */
		/* Modern Browsers */
		url("../fonts/misans-regular.ttf") format("truetype"),
		/* Safari, Android, iOS */
		/*url("../fonts/sourcehansans.svg#yourwebfontname") format("svg");*/
		/* Legacy iOS */
		/* font-weight: bold; */
		font-style: normal;
}



@font-face {
	font-family: "Oswald";
	src: url("../fonts/oswald-medium.ttf");

}

* {
	margin: 0;
	padding: 0;

}

    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
    }

html {
	/* font-size: calc(100vw/1440); */
	font-family: "MiSans";
	overflow-y: scroll;
}

.Oswald {
	font-family: "Oswald";
}

.hand {
	/* 鼠标变小手 */
	cursor: pointer;
}

a {
	text-decoration: none;
	/* color: white; */
}

ul li {
	list-style: none;
}

.all {
	/* width: 1440rem; */
	min-width: 1200px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	/* white-space: nowrap; */

}

/* 首页 */

/* 导航栏 */
header {
	padding: 12px 5%;
	background: #fff;
	border-bottom: 1px solid #eee;
	box-shadow: 0px 0px 8px 1px rgba(9, 2, 4, 0.2);
	position: sticky;
	top: 0;
	z-index: 999;
}

.head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

.logo {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #0047ab;
	font-weight: bold;
}

.logo img {
	height: 33px;
}

nav ul {
	display: flex;
	gap: 32px;
	font-size: 13px;
	color: #333;
}

nav ul a {
	font-size: 18px;
	color: #333;
}

nav ul a:link {}

nav ul a:hover {
	color: #3664ff;
}

nav ul a.on {
	color: #3664ff;
	font-weight: bold;
}

nav li {
	position: relative;
}

nav li ul {
	width: 150px;
	padding: 10px;
	display: block;
	position: absolute;
	background: #fff;
	top: 50px;
	left: 0px;
	z-index: 999;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
}

nav li ul li {
	display: block;
	line-height: 30px;
	padding: 0;
	white-space: nowrap;
	margin-right: inherit;
}

nav .sub ul li a {
	padding: 0 10px;
	display: block;
}


.header-contact {
	display: flex;
	align-items: center;
	gap: 12px;
}

.phcon {
	display: flex;
	align-items: center;
}

.head_ph {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.phone_num {
	font-size: 18px;
	color: #3664ff;
}

.head_erweima {
	width: 49px;
	height: 49px;
}

.mobile-menu-btn {
	display: none;
	font-size: 24px;
	background: none;
	border: none;
	cursor: pointer;
}

.logo_small {
	display: none;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #0047ab;
	font-weight: bold;
}

.logo_small img {
	height: 33px;
}


/* 轮播Banner */
.banner {
	position: relative;
	background: linear-gradient(135deg, #e6f2ff 0%, #fff 100%);
	min-height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:0;
}

.banner h1 {
	font-size: 28px;
	color: #222;
	margin-bottom: 12px;
}

.banner p {
	font-size: 16px;
	color: #444;
	margin-bottom: 16px;
}

.banner a {
	font-size: 14px;
	color: #0047ab;
	margin-bottom: 32px;
	display: inline-block;
}

.banner img {
	max-width: 80%;
	max-height: 300px;
	object-fit: contain;
}

.banner .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 80px;
	background: rgba(0, 0, 0, 0.1);
	border: none;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
}

.banner .arrow.left {
	left: 0;
}

.banner .arrow.right {
	right: 0;
}



/* 公司介绍 */
.about {
	padding: 60px 5%;
	background: #fff;
}

.about-grid {
	max-width: 1200px;
	margin: 0 auto;
}

.about h2 {
	color: #000;
	margin-bottom: 24px;
}

.gxline {
	width: 60px;
	height: 2px;
	background: #1052fa;
	margin: 20px 0;
}

.about p {
	font-size: 1.2rem;
	line-height: 1.8;
	color: #555;
	max-width: 1200px;
}

/* 核心产品 */
.products {
	padding: 60px 5%;
	background: #f8f9fa;
}

.products h2 {
	text-align: center;
	/* font-size: 2rem; */
	color: #222;
	margin-bottom: 40px;
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 60px;
	max-width: 1200px;
	margin: 0 auto;
}

.product-card {
	background: #fff;
	border-radius: 12px;
	padding: 4rem 3rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	border-top: 7px solid #1052fa;
}

.product-card .img-wrap {
	height: 80px;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;

	img {
		width: 10rem;
		height: 7rem;
	}
}


.product-card h3 {
	font-size: 24px;
	color: #222;
	margin-bottom: 16px;
}

.product-card p {
	font-size: 1.2rem;
	line-height: 1.7;
	color: #555;
	margin-bottom: 4rem;
}

.product-card .link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.2rem;
	color: #1052fa;
}

/* 客户&合作高校 */
.clients,
.partners {
	padding: 60px 5%;
	background: #fff;
}

.clients h2,
.partners h2 {
	text-align: center;
	/* font-size: 2rem; */
	color: #222;
	margin-bottom: 40px;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 24px;
	max-width: 1200px;
	margin: 0 auto;
}

.logo-item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 0px 0px 8px 1px rgba(9, 2, 4, 0.2);
	;

}

.logo-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* 产品中心主体 */
        .productfl-section {
            padding: 60px 8%;
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            gap: 50px;
        }

        /* 左侧分类菜单 */
        .productfl-sidebar {
            min-width: 150px;
        }
        .productfl-sidebar-item {
            font-size: 18px;
            margin-bottom: 10px;
            cursor: pointer;
            transition: all 0.3s;
        }
        .productfl-sidebar-item:last-child {

        }
		.productfl-sidebar-item:hover{
			color: #3664ff;
		}
        .productfl-sidebar-item.active {
            font-weight: 600;
			color: #3664ff;
        }

        /* 右侧产品列表 */
        .productfl-content {
            flex: 1;
        }
        .productfl-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        .productfl-card {
			cursor: pointer;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0px 0px 29px 0px rgba(9,2,4,0.15);
            padding: 25px;
            transition: transform 0.3s;
        }
        .productfl-card:hover {
            transform: translateY(-5px);
        }
        .productfl-img {
            width: 100%;
            height: 160px;
            background: #f8f9fa;
            border-radius: 6px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .productfl-img img {
            max-height: 100%;
            max-width: 100%;
        }
        .productfl-title {
			text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #222;
            margin-bottom: 15px;
        }
        .productfl-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        .productfl-link {
            font-size: 14px;
            color: #3671e9;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .productfl-link::after {
            content: "→";
        }

/* 面包屑导航 */
.breadhead {
	width: 100%;
	background: #f9f9f9;
	border-bottom: 1px solid #e3e3e3;
}

.breadcrumb {
	padding: 10px 8%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
}

.breadcrumb a {
	color: #3671e9;
}

/* 商品详情主体 */
.product-detail {
	padding: 30px 8%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 50px;
	align-items: flex-start;
}

/* 左侧：商品主图+缩略图 */
.product-left {
	flex: 1;
	min-width: 300px;
}

.main-img-wrap {
	width: 100%;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 15px;
}

.main-img {
	width: 100%;
	height: auto;
}

.thumb-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.thumb-item {
	border: 1px solid #eee;
	padding: 5px;
	cursor: pointer;
	transition: border-color 0.3s;
}

.thumb-item.active,
.thumb-item:hover {
	border-color: #3671e9;
}

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

/* 右侧：商品介绍+详情图 */
.product-right {
	flex: 1;
	min-width: 300px;
}

.product-title {
	font-size: 1.4rem;
	font-weight: 600;
	color: #3664ff;
	margin-bottom: 10px;
}

.product-desc {
	font-size: 1.2rem;
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
}

.detail-img-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.detail-img-item {
	width: 100%;
	border-radius: 6px;
	overflow: hidden;

	img {
		width: 100%;
	}
}
/* 关于我们主体 */
        .about-section {
            padding: 100px 8%;
            max-width: 1200px;
            margin: 0 auto;
        }
        .about-title {
            font-size: 24px;
            color: #3671e9;
            font-weight: 600;
            margin-bottom: 15px;
        }
        .about-text {
            font-size: 20px;
            color: #333;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        /* 核心价值观 —— 蓝色小圆点 */
        .values-list {
            padding-left: 0;
        }
        .values-item {
            font-size: 20px;
            color: #333;
			margin-bottom: 10px;
            display: flex;
            align-items:center;
            gap: 10px;
        }
        /* 蓝色小圆点样式 */
        .values-item::before {
            content: "";
            width: 6px;
            height: 6px;
            background-color: #3671e9;
            border-radius: 50%;
            flex-shrink: 0;
        }

    /* 主体内容区域 */
    .content {
      flex: 1; /* 关键：让内容区占满剩余高度，把 footer 压到底部 */
      padding: 20px;
    }



/* 页脚 */
footer {
	background: #111;
	color: #fff;
	padding: 24px 5%;
	font-size: 14px;

}

.footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	max-width: 1200px;
	margin: 0 auto;
}

.gwba_con {
	display: flex;
	align-items: center;
}

.waico {
	width: 22px;
	height: 25px;
	margin-right: 5px;
}


/* 响应式适配 */
@media (max-width: 1024px) {
	.product-detail {
		flex-direction: column;
	}

	.thumb-list {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.pc-nav{
		display: block;
	}
	.productfl-grid {
	                grid-template-columns: repeat(2, 1fr);
	            }
}

@media (max-width: 768px) {

	/* nav, */
	.header-contact {
		display: none;
	}

	.logo {
		display: none;
	}

	.logo_small {
		display: block;
	}

	.mobile-menu-btn {
		display: block;
	}
	.mobile-nav{
		display: block;
	}
	
	.side-menu{
		display: block;
	}
	
	.pc-nav{
		display: none;
	}

	.banner h1 {
		font-size: 22px;
	}

	.banner p {
		font-size: 14px;
	}

	.product-grid {
		grid-template-columns: 1fr;
	}

	.product-detail {
		padding: 20px 5%;
		gap: 30px;
	}

	.thumb-list {
		grid-template-columns: repeat(4, 1fr);
		gap: 8px;
	}
	
	.productfl-section {
		flex-direction: column;
		padding: 40px 5%;
		gap: 30px;
	}
	.productfl-sidebar {
		display: flex;
		gap: 20px;
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.productfl-sidebar-item {
		white-space: nowrap;
		margin-bottom: 0;
	}
	.productfl-grid {
		grid-template-columns: 1fr;
	}
	.about-title{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
.about-section {
		padding:0;
	}
	.about-text, .values-item {
		font-size: 0.8rem;
	}	
/*首页*/

.about{padding:2rem 5%;}
.products,.clients,.partners{padding:2rem 5%;}
.about h2,.products h2,.product-card h3{font-size: 1rem; }
.gxline{width:2rem;margin:1rem 0;}
.about p,.product-card p{
	font-size: 0.8rem;    
	line-height: 1.5;
	margin-bottom:1rem;
}
.about h2{margin-bottom: 1rem;}
.product-card h3{margin-bottom:1rem;}
.product-card .link{font-size: 0.8rem; }
.product-card{
	padding:2rem;
}
.product-grid{gap:2rem;}
.products h2{margin-bottom:1rem;}

/*案例标题字体大小*/
.clients h2,
.partners h2 {
	text-align: center;
	font-size: 1.2rem; 
	color: #222;
	margin-bottom: 1rem;
}
/*产品详情页*/
.product-title{
	    font-size: 1.1rem;
}
.product-desc{
	font-size: 0.8rem;
}


	footer {
		flex-direction: column;
		text-align: center;
	}
	.gwba_con {
			position: relative;
		    display: block;
		
		img{
			position: relative;
			top: 0.3rem;
		}
	}
	
}


	/* 遮罩层 */
	.menu-overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0,0,0,0.5);
	  z-index: 999;
	  opacity: 0;
	  visibility: hidden;
	  transition: all 0.3s;
	}
	.menu-overlay.show {
	  opacity: 1;
	  visibility: visible;
	}
	
	/* 侧边菜单核心样式 */
	.side-menu {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 280px;
	  height: 100vh;
	  background: #fff; /* 深色背景，和截图一致 */
	  color: #333;
	  z-index: 1000;
	  transform: translateX(-100%);
	  transition: transform 0.3s ease;
	  overflow-y: auto;
	}
	.side-menu.show {
	  transform: translateX(0);
	}
	
	/* 菜单头部 */
	.menu-header {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding: 15px 20px;
	  border-bottom: 1px solid #007bff;
	}
	.menu-logo {
	  font-size: 18px;
	  font-weight: bold;
	}
	.menu-close {
	  background: none;
	  border: none;
	  color: #333;
	  font-size: 28px;
	  cursor: pointer;
	}
	
	/* 菜单列表：竖排到底 */
	.menu-list {
	  padding: 20px 0;
	  margin: 0;
	}
	.menu-list li {
	  list-style: none;
	}
	.menu-list a {
	  display: block;
	  padding: 15px 25px;
	  color: #333;
	  text-decoration: none;
	  font-size: 16px;
	  transition: background 0.2s;
	}
	.menu-list a:hover,
	.menu-list a.active {
	  background: #fff;
	  color: #007bff;
	}
	
	/* 二级菜单缩进 */
	.submenu {
	  background: #fff;
	  padding: 0;
	  color: #333;
	}
	.submenu li a {
	  padding-left: 45px;
	  font-size: 15px;
	}  
	  
  nav a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
  }
  
  nav a:hover {
    color: #007bff;
  }
  
  /* 二级下拉菜单 —— 默认隐藏 */
  nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    min-width: 160px;
    z-index: 9999; /* 保证不被轮播挡住 */
    padding: 5px 0;
  }
  
  /* 二级菜单每一项竖排 */
  nav li ul li {
    padding: 8px 15px;
    white-space: nowrap;
  }
  
  /* 鼠标悬停 显示下拉菜单 */
  nav li:hover ul {
    display: block;
  }
/**移动去动效**/
.divTransform{
	 transition: all 0.3s ease;
}

.divTransform:hover {
    transform: translateY(-5px);
}