.banner-video{width: 100%; position: relative; height: 100vh; background:rgba(0,0,0,0.5); overflow: hidden;}
.banner-video video{width: 100%; position: relative; z-index: -1; height: 100vh; object-fit: cover;}
.banner-video .text{position: absolute; z-index: 99; top: 0px; width: 1200px; left: 50%; margin-left: -600px; overflow: hidden;}
.banner-video .text .info{text-align: center; color: rgba(255,255,255,0.8); width: 1200px; height: 100vh; display: table-cell; vertical-align: middle;}
.banner-video .text .info h1{font-size: 70px; line-height: 80px; font-family: "hy";}
.banner-video .text .info h1 b{font-size: 90px;}
.banner-video .text .info h2{margin: 3vh 0; font-size: 40px;}
.banner-video .text .info h3{font-size: 40px; margin-bottom: 5vh;}
.banner-video h4{position: absolute; z-index:99999999; font-weight: 500; width: 100%; bottom: 10vh; text-align: center;}
.banner-video h4 a{display: inline-block; margin: 0 20px; line-height: 40px; font-size: 14px; color: #ffb400; width: 250px; border: 1px solid #ffb400; border-radius: 5px;}
.banner-video h4 a:hover,.banner-video h4 a:last-child{background: #ffb400; color: #333;}

.main01{margin-top: 50px; position: relative; overflow: hidden;}
.main01 .bd ul li img{display: block; width: 100%;}
.main01 .hd{text-align: center; width: 100%; position: absolute; bottom: 5vh; overflow: hidden;}
.main01 .hd ul li{display: inline-block; height: 40px; cursor: pointer; width: 200px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.main01 .hd ul li.on{border-bottom: 2px solid #fff;}
.main01 .more{position: absolute; font-weight: 500; width: 100%; bottom: 13vh; text-align: center;}
.main01 .more a{display: inline-block; transition: all 0.5s; margin: 0 20px; line-height: 40px; font-size: 14px; color: rgba(255,255,255,0.8); width: 250px; border: 1px solid rgba(255,255,255,0.8); border-radius: 5px;}
.main01 .more a:last-child:hover{color: rgba(255,255,255,0.8); background: none;}
.main01 .more a:hover,.main01 .more a:last-child{background: rgba(255,255,255,0.8); color: #333;}

.main02{width: 80%; margin: auto; margin-top: 100px; min-height: 200px;}
.main02 .tt{text-align: center; font-size: 30px; line-height: 35px; font-weight: 400;}
.main02 .tt font{display: block; font-size: 16px; color: #888; margin-top: 30px;}
.main02 ul li{width: 49%; float: left; margin: 0.4rem 2% 0 0; position: relative; overflow: hidden;}
.main02 ul li:nth-child(2n){margin-right: 0;}
.main02 ul li img{display: block; width: 100%; height: 6.2rem; transition: all 0.5s;}
.main02 ul li:hover img{transform: scale(1.1);}
.main02 ul li span{position: absolute; width: 100%; top: 10%; text-align: center; color: #fff;}
.main02 ul li span h2{font-size: 25px; line-height: 30px; font-weight: 500; margin-bottom: 40px;}
.main02 ul li span a{display: inline-block; border: 1px solid #fff; line-height: 40px; padding: 0 100px; color: #fff; border-radius: 5px; transition: all 0.5s;}
.main02 ul li span a:hover{background: #fff; color: #333;}

.main03{margin-top: 100px; background: url(../img/main03.jpg) no-repeat center top; background-size: cover; height: 80vh; overflow: hidden;}
.main03 dl{text-align: center; color: #fff; margin-top: 15vh;}
.main03 dl dt{font-size: 35px; font-weight: 400; line-height: 40px; overflow: hidden;}
.main03 dl dd{margin: 4vh 0; font-size: 18px; color: rgba(255,255,255,0.6);}
.main03 dl a{display: inline-block; border: 1px solid #fff; line-height: 40px; padding: 0 100px; color: #fff; border-radius: 5px; transition: all 0.5s;}
.main03 dl a:hover{background: #fff; color: #333;}

.main04{width: 80%; margin: auto; margin-top: 100px; overflow: hidden;}
.main04 .lt{float: left; width: 30%; overflow: hidden;}
.main04 .lt .tt{display: table-cell; vertical-align: middle; color: #888; height: 6.1rem; font-size: 16px;}
.main04 .lt span{display: block; margin-bottom: 30px; color: #333; font-size: 30px; line-height: 40px;}
.main04 .rt{float: right; width: 68%; overflow: hidden;}
.main04 .rt video{width: 100%; background: #000;}
.main04 ul li{float: left; margin: 0.4rem 2% 0 0; width: 32%; overflow: hidden;}
.main04 ul li img{display: block; width: 100%; height: 3.5rem;}
.main04 ul li h3{font-size: 18px; padding:0 3%; line-height: 40px; font-weight: 500; margin-top: 20px;}
.main04 ul li h3 a{float: right; display: block; font-size: 15px; border: 1px solid #333; transition: all 0.5s; border-radius: 5px; padding: 0 50px;}
.main04 ul li h3 a:hover{border: 1px solid #dedede; background: #dedede; color: #333;}
.main04 ul li:nth-child(3n){margin-right: 0;}

.main05{margin-top: 100px; color: #fff; background: url(../img/main02.jpg) no-repeat center fixed; background-size: cover; overflow: hidden;}
.main05 .bj{padding: 80px 0; background: url(../img/bg.png); overflow: hidden;}
.main05 .tt{text-align: center; font-size: 30px; line-height: 35px; font-weight: 400;}
.main05 .tt font{display: block; font-size: 16px; margin-top: 10px;}
.main05 .tt hr{display: block; width: 30px; border: 0; border-bottom: 3px solid #3aaee5; margin: auto;}
.main05 .hd{text-align: center; margin-top: 50px;}
.main05 .hd ul li{display: inline-block; padding: 0 20px; cursor: pointer; position: relative; margin: 0 10px; background: #3aaee5; color: #fff; height: 40px; line-height: 40px; border-radius: 30px;}
.main05 .hd ul li a{display: block; padding: 0 20px; color: #fff;}
.main05 .hd ul li.on font{background: #3aaee5; width: 16px; height: 16px; background: #3aaee5; transform: rotate(45deg); position: absolute; bottom: -5px; left: 50%; margin-left: -8px;}
.main05 .bd{width: 80%; text-align: center; margin: auto;}
.main05 .bd ul li{float: left; border-radius: 3px; position: relative; margin: 0.4rem 2% 0 0; width: 32%; overflow: hidden;}
.main05 .bd ul li:hover{box-shadow: 0 0 5px #3aaee5;}
.main05 .bd ul li img{display: block; width: 100%; height: 3.7rem; transition: all 0.5s;}
.main05 .bd ul li:hover img{transform: scale(1.1);}
.main05 .bd ul li h4{position: absolute; margin: initial; bottom: 0px; transition: all 0.5s; width: 100%; box-sizing: border-box; padding: 0 5%; background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.1)); color: #fff; font-size: 15px; font-weight: 500;}
.main05 .bd ul li h4 a{padding: 50px 10px 20px 10px;}
.main05 .bd ul li h4 a:first-child{color: #fff; float: left; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main05 .bd ul li h4 a:last-child{color: #fff; float: right;}
.main05 .bd ul li h4 a:hover{color: #3aaee5;}
.main05 .bd ul li:nth-child(3n){margin-right: 0;}
.main05 .bd ul .more{display: inline-block; color: #fff; border: 1px solid #fff; margin-top: 0.6rem; line-height: 40px; padding: 0 50px; border-radius: 30px; transition: all 0.5s;}
.main05 .bd ul .more:hover{border: 1px solid rgba(255,255,255,0.4); background: rgba(255,255,255,0.5); color: #3aaee5;}

.main06{background: #f4f4f4; padding: 100px 0; overflow: hidden;}
.main06 .tt{text-align: center; font-size: 30px; line-height: 35px; font-weight: 400;}
.main06 .tt font{display: block; font-size: 16px; margin-top: 10px;}
.main06 .tt hr{display: block; width: 30px; border: 0; border-bottom: 3px solid #3aaee5; margin: auto;}

.hexagon-list {
  width: 80%;
  flex-wrap: wrap;
  gap: 0.5%; /* 控制六边形之间的间距 */
  text-align: center;
  margin:50px auto 0 auto;
}
.hexagon-list ol{
	margin-top: -0.75rem;
}
.hexagon-list li {
  width: 15%;
  height: 2.8rem; /* 高度需要根据宽度的√3倍计算 */
  display: inline-block;
  background-color: #fff;
  position: relative;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  transition: background-color 0.3s;
  overflow: hidden;
}

/* 悬停效果 */
.hexagon-list li:hover {
  background-color: #fff;
}

/* 可选：创建边框效果 */
.hexagon-list li::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  background-color: rgba(0, 0, 0, 0.1);
}
.hexagon-list li img{display: block; width: 100%; height: 100%; transition: all 2s;}
.hexagon-list li:hover img{transform: rotatex(360deg);}
.hexagon-list li:hover:nth-child(2n) img{transform: rotatey(360deg);}

@media (max-width: 1500px){
	.main02{width: 90%;}
	.main04{width: 90%;}
}
@media (max-width:1200px){
	.banner-video .text{width: 100%; left: 0; margin-left: 0;}
	.banner-video .text .info{ width: 20rem;}
	.banner-video .text .info h1{font-size: 2rem; line-height: 3rem;}
	.banner-video .text .info h1 b{font-size: 2.5rem;}
	.banner-video .text .info h2{margin: 3vh 0; font-size: 1rem;}
	.banner-video .text .info h3{font-size: 0.8rem; margin-bottom: 5vh;}
	.banner-video h4 a{display:block; margin:1rem 10%; line-height: 2rem; width: inherit; font-size: 0.7rem; width: 80%; box-sizing:border-box}

	.main01{margin-top: 2rem;}
	.main01 .bd ul li img{display: block; width: 100%;}
	.main01 .hd ul li{height: 0.7rem; width: 2rem;}
	.main01 .hd ul li.on{border-bottom: 0.05rem solid #fff;}
	.main01 .more{display: none;}
	
	.main02{width: 100%; margin-top: 2rem;}
	.main02 .tt{font-size: 1.2rem; line-height: 1.5rem;}
	.main02 .tt font{font-size: 1rem;margin-top: 0.5rem;}
	.main02 ul li{width: 96%; margin: 0.4rem 2% 0 2%; }
	.main02 ul li img{height: inherit;}
	.main02 ul li span{margin-top: 15%;}
	.main02 ul li span h2{font-size: 1rem; line-height: 2rem; margin-bottom: 0.5rem;}
	.main02 ul li span a{line-height: 1.5rem; font-size: 0.8rem; padding: 0 2rem;}
	
	.main03{margin-top: 2rem;}
	.main03 dl dt{font-size: 1.5rem;line-height: 3rem;}
	.main03 dl dd{font-size: 0.8;}
	.main03 dl a{ line-height: 1.5rem; font-size: 0.8rem; padding: 0 2rem;}
	
	.main04{width: 100%; margin-top: 2rem;}
	.main04 .lt{width: 96%; text-align:center;}
	.main04 .lt .tt{height: inherit; display:block; font-size: 0.8;}
	.main04 .lt span{margin-bottom: 0.7rem; font-size: 1.5rem; line-height: 2rem;}
	.main04 .rt{width: 96%; margin:1rem 2% 0 2%}
	.main04 ul li{margin: 0.4rem 2% 0 2%; width: 96%;}
	.main04 ul li img{height: inherit;}
	.main04 ul li h3{font-size: 1rem; line-height: 2rem; margin-top: 0.6rem;}
	.main04 ul li h3 a{font-size: 0.8rem; padding: 0 1rem;}
	
	.main05{margin-top: 2rem;}
	.main05 .bj{padding: 1.5rem 0;}
	.main05 .tt{font-size: 1.2rem; line-height: 2rem;}
	.main05 .tt font{font-size: 0.8rem; margin-top: 0.5rem;}
	.main05 .tt hr{width: 1rem; border-bottom: 0.1rem solid #3aaee5;}
	.main05 .hd{margin-top: 1rem;}
	.main05 .hd ul li{display: block; float: left; padding: 0; margin: 0.5rem 0 0 2%; width: 47%; box-sizing: border-box; height: 2rem; line-height: 2rem; font-size: 0.8rem; border-radius: 1rem;}
	.main05 .hd ul li a{padding: 0; font-size: 1rem;}
	.main05 .hd ul li.on font{display: none;}
	.main05 .bd{width: 100%;}
	.main05 .bd ul li{ margin: 1.5rem 2% 0 2%; width: 96%;}
	.main05 .bd ul li img{height: inherit;}
	.main05 .bd ul li h4{font-size: 0.8rem;}
	.main05 .bd ul li h4 a{padding: 1rem 0.5rem 0.5rem 0.5rem;}
	.main05 .bd ul .more{line-height: 2rem; font-size: 1rem; padding: 0 1rem; border-radius: 2rem;}
	
	.main06{ padding: 2rem 0;}
	.main06 .tt{font-size: 1.2rem; line-height: 1.5;}
	.main06 .tt font{font-size: 0.8rem; margin-top: 0.5rem;}
	.main06 .tt hr{width: 30px; border: 2rem; border-bottom: 0.1rem solid #3aaee5;}
	
	.hexagon-list {
	  width: 80%;
	  flex-wrap: wrap;
	  gap: 0.5%; /* 控制六边形之间的间距 */
	  text-align: center;
	  margin:50px auto 0 auto;
	}
	.hexagon-list ol{
		margin-top: -0.75rem;
	}
	.hexagon-list li {
	  width: 15%;
	  height: 2.8rem; /* 高度需要根据宽度的√3倍计算 */
	  display: inline-block;
	  background-color: #fff;
	  position: relative;
	  align-items: center;
	  justify-content: center;
	  color: white;
	  cursor: pointer;
	  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	  transition: background-color 0.3s;
	  overflow: hidden;
	}
	
	/* 悬停效果 */
	.hexagon-list li:hover {
	  background-color: #fff;
	}
	
	/* 可选：创建边框效果 */
	.hexagon-list li::before {
	  content: '';
	  position: absolute;
	  top: 2px;
	  left: 2px;
	  right: 2px;
	  bottom: 2px;
	  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	  background-color: rgba(0, 0, 0, 0.1);
	}
	.hexagon-list li img{display: block; width: 100%; height: 100%; transition: all 2s;}
	.hexagon-list li:hover img{transform: rotatex(360deg);}
	.hexagon-list li:hover:nth-child(2n) img{transform: rotatey(360deg);}
}