body,p,div,ul,li,h2{
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	outline: none;
}

html { 
	width: 100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	 overflow-x: hidden; 
	}
body {
	width: 100%;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
	line-height: 1.5;
}
.container{
	max-width: 1200px;
}
/* 默认的h1样式 */  
h1 {  
    font-weight: normal;  
    font-size: 26px; /* 假设这是电脑上的h1大小 */  
    margin-top: 20px;  
    margin-bottom: 20px;  
    text-align: center; /* 居中显示 */  
}  
  
/* 当屏幕宽度小于某个值时（假设为600px，代表手机或平板的横屏模式），应用以下样式 */  
@media (max-width: 600px) {  
    h1 {  
        font-size: 18px; /* 手机上的'h1'（实际上是h1标签但样式像h3）的字体大小 */  
    }  
} 

h2 {
	/* font-weight: normal; */ 
	position: relative;
    margin-top: 20px; /* 上间隔 */  
    margin-bottom: 20px; /* 下间隔 */  
}
h3 {  
  /* font-weight: normal;  */  
  margin-top: 20px; /* 上间隔 */  
  margin-bottom: 20px; /* 下间隔 */  
}
a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
/*header*/
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	transition: all 0.4s ease;
	height: 100px;
	z-index: 200;
}

header.on,.header1{
	background-color:rgba(255,255,255,1);
}
header.on .nav_list_con1 > li > a{
	color: rgba(85, 85, 85, 1);
	text-shadow: none;
}
.header1 .nav_list_con1 > li > a{
	color: rgba(85, 85, 85, 1);
	text-shadow: none;
}

header .logo{
	margin-top: 25px;
  height: 59px;
}

header .container .m-btn {
	display: flex;
	align-items: center;
	width: 28px;
	justify-content: space-between;
	display: none;
}
.time {  
  /* 设置字体大小为10px（注意，通常我们使用'px'作为单位，但如果你指的是em、rem等相对单位，请相应调整） */  
  font-size: 10px;  
  /* 设置字体颜色为灰色 */  
  color: gray;  
  /* 如果想要让时间在其父元素中水平居中，可以添加以下样式 */  
  text-align: center;  
  /* 如果还需要在垂直方向上居中，并且父元素的高度是确定的，可以添加以下样式 */  
  /* 注意：这假设父元素有确定的height和line-height与height相等 */  
  display: inline-block; /* 或者使用display: block; 并设置padding或margin来垂直居中，但line-height方式更简单 */  
  line-height: 20px; /* 假设父元素高度为20px，这样可以使内容垂直居中（这里只是一个示例值） */  
  /* 如果你知道父元素的确切高度，并且希望时间在其内部完全居中，  
   * 你可能需要将.time设置为block级元素，并设置padding-top和padding-bottom相等，  
   * 或者使用flexbox/grid布局来实现更复杂的居中效果 */  
   margin-bottom: 20px; /* 下间隔 */  
}  

.nav_list {
	height: 85px;
	font-size: 14px;
	float: right;
}
.nav_list_con1 > li {
	display: inline-block;
	position: relative;
	float: left;
}
.nav_list_con1 > li > a {
	font-size: 16px;
	color: #fff;
	line-height: 100px;
	padding: 0 18px;
	display: block;
	text-align: center;
	transition: ease-in-out .3s;
	text-shadow: 0px 2px 4px rgb(0 0 0 / 50%);
}

.nav_list_con1 > li.active::before{
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	content: "";
	height: 2px;
	background-color: rgba(255,255,255,0.5);
	transition: all 1.4s;
}
header.on .nav_list_con1 > li.active::before{
	background-color: rgba(48, 122, 232,0.5);
}
.header1 .nav_list_con1 > li.active::before{
	background-color: rgba(48, 122, 232,0.5);
}
.nav_list_con1 > li::before{
	position: absolute;
	left: 0px;
	right: 100%;
	bottom: 15px;
	content: "";
	height: 2px;
	background-color: rgba(255,255,255,0.5);
	transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.nav_list_con1 > li:hover::before{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 15px;
	content: "";
	height: 2px;
	background-color: rgba(255,255,255,0.5);
}
header.on .nav_list_con1 > li:hover::before{
	background-color: rgba(48, 122, 232,0.5);
}
.header1 .nav_list_con1 > li:hover::before{
	background-color: rgba(48, 122, 232,0.5);
}
.nav_list_con1 > li:hover > a,
.nav_list_con1 > li.active > a,
.nav_list_con2 > li:hover > a,
.nav_list_con2 > li.active > a, {
	color: #FFD21E;
}
.nav_list_con2 > li:hover > a,
.nav_list_con2 > li.active > a, {
	background: #db1011;
}

.nav_list_con1 > li:first-child > a::before {
	display: none;
}
.nav_list_con2 {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	background: rgba(105, 104, 104, 0.35);
	min-width: 100%;
	display: none;
	padding: 16px 0 25px;
}
.nav_list_con2 > li {
	display: block;
	position: relative;
	text-align: center;
	
}
.nav_list_con2 > li > a {
	display: block;
	line-height: 35px;
	color: #fff;
	white-space: nowrap;
	font-size: 14px;
	width: 100%;
}
.nav_list_con2 > li > a:hover{
	background-color: rgba(0,0,0,0.3);
}
.pusher{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0px;
  background-color: rgba(0,0,0,0);
  z-index: -1;
  transition:all ease-in-out .3s;
}
.pusher.on{
	background-color: rgba(0,0,0,0.5);
	z-index: 4;
}
/*footer*/
footer{
	background-color: #011820;
	padding-top: 33px;
}
footer .container{
	display: flex;
	justify-content: space-between;
	color: #595959;
}
footer .container .phone{
	color: #fff;
	font-size: 33px;
}
footer .container .list{
	width: 570px;
	display: flex;
	justify-content: space-between;
}
footer .container .list li a{
	display: block;
	color: rgba(205,205,205,0.5);
}
footer .container .list .t{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
footer .container .code{
	text-align: center;
	color: #fff;
}
footer .container .code img{
	margin-bottom: 10px;
}
footer .container .contact{
	padding-top: 3px;
	color: #cdcdcd;
}
footer .bottom{
	width: 100%;
	padding: 7px 0;
	background-color: #000c10;
	margin-top: 70px;
}
footer .bottom .container{
	color: rgba(205,205,205,0.9);
}
footer .bottom .container a{
	color: rgba(205,205,205,0.9);
}

@media only screen and (max-width: 1199px) {
	header .logo{
		height: 40px;
		margin-top: 10px;
	}
	header .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	header .container{
		max-width: 95%;
	}
	header .container .m-btn {
		display: flex;
	}
	.nav_list_con1 > li::before{
		display: none;
	}
	.nav_btn{
		display: block;
		float: right;
		font-size: 28px;
		color: #fff;
	}
	.nav_list {
		position: fixed;
		right: 100%;
		width: 80%;
		top: 0px;
		height: calc(100vh - 0px);
		z-index: 99;
		background: rgba(255, 255, 255, 1);
		overflow-y: auto;
		transition: ease-in-out .5s;
	}
	.nav_list.act {
		right: 20%;
	}
	.nav_list_con1 {
		display: block;
		padding: 0 20px 40px;
	}
	.nav_list_con1 > li {
		float: none;
		width: 100%;
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	}
	.nav_list_con1 > li > a {
		display: block;
		line-height: 20px;
		font-size: 14px;
		padding: 10px 0;
		    color: #172c45;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;

	}
	.nav_list_con1 > li:hover > a,
    .nav_list_con2 > li:hover > a, {
		color: #fff;
		background: transparent;
	}
	.nav_list_con2 > li:hover > a,
    .nav_list_con2 > li.active > a, {
		background: transparent;
	}
	.nav_list_con1 > li.act > a,
    .nav_list_con2 > li.act > a, {
		background: transparent;
		color: #FFD21E;
	}
	.nav_list_con1 > li > a::before {
		display: none;
	}
	.nav_list_con2 {
		position: static;
		width: 100%;
		left: 0;
		background: transparent;
		padding: 0;
	}
	.nav_list_con2 > li {
		border-top: 1px solid rgba(255, 255, 255, 0.6);
		display: block;
		position: relative;
		float: none;
	}
	.nav_list_con2 > li > a {
		display: inline-block;
		line-height: 20px;
		white-space: unset;
		font-size: 14px;
		padding: 10px 20px;
		border-top: 0 solid transparent;
		color: #fff;
	}
	footer .container{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer .container .list{
		display: none;
	}
	footer .container .contact{
		padding-bottom: 30px;
	}


}
@media only screen and (max-width: 767px){
	header{
		height: 50px;
	}
	header .container {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 50px;
	}
	.swiper-slide img{
		height: 300px;
	}
	.swiper-button-next, .swiper-button-prev{

	}
}