.banner{
		height: 100vh;
		position: relative;
		overflow: hidden;
		background: url() no-repeat center;
		background-size: cover;
	}
	.banner .video{
		height: 100%;
		position: relative;
	}
	.banner video{
		position: absolute; 
		left: 50%;  
		top: 50%;  
		transform: translate(-50%,-50%);
		min-width: 100%;  
		min-height: 100%;  
		height: auto;  
		width: auto;  
		z-index:11
	}  
	.banner source{  
		min-width: 100%;  
		min-height: 100%;  
		height: auto;  
		width: auto;  
	} 
	.banner .txt{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		/* font-family: SourceHanSansCN-Heavy; */
		font-size: 0.7rem;
		line-height: 1.3;
		text-align: center;
		z-index: 20;
	}
	
	.main{
		padding-top: 0.8rem;
	}
	
	.row-idx1{
		height: 9.2rem;
		background: url(../images/img1.jpg) no-repeat;
		background-size: cover;
		position: relative;
		padding-top: 1.5rem;
		box-sizing: border-box;
		color: #fff;
		text-align: center;
	}
	.row-idx1 .tit{
		font-size: 0.56rem;
		padding: 0 .2rem;
		line-height: 1.2;
	}
	.row-idx1 .txt{
		position: absolute;
		bottom: 2rem;
		left: 50%;
		transform: translateX(-50%);
		font-size: 0.3rem;
	}
	.g-gotop{
		position: fixed;
		right:.15rem;
		bottom: 10vh;
		width: 0.8rem;
		height: 0.8rem;
		background-color: #000;
		transition: .5s;
		border-radius: 50%;
		z-index: 999;
		cursor: pointer;
		box-shadow: 0 0 .1rem rgba(255, 255, 255, .3);
		opacity: 0;
		transform: scale(0);
		transition: opacity .5s;
	}
	.g-gotop.on{
		opacity: 1;
		transform: scale(1);
	}
	.g-gotop:hover{
		background-color: #ccc;
	}
	.g-gotop .icon{
		width: 0.34rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-60%);
	}
	.row-idx2{
		padding: 1.15rem 0 1.9rem;
		text-align: center;
	}
	.row-idx2 .b1{
		margin-bottom: 1rem;
	}
	.row-idx2 .tit{
		font-size: .58rem;
		margin-bottom: 0.4rem;
	}
	.row-idx2 .desc{
		font-size: 0.24rem;
		margin-bottom: 0.8rem;
	}
	.row-idx2 .pic{
		margin: 0 auto;
		width: 1.85rem;
	}
	.row-idx2 .b2 .desc{
		margin-bottom:1rem;
	}
	.row-idx2 .b2 .pic{
		width: 1.77rem;
	}
	
	.row-idx3{
		background: url(../images/img3.jpg) no-repeat center;
		background-size: cover;
		height: 7.3rem;
		box-sizing: border-box;
		padding-top: 2.4rem;
		color: #fff;
		text-align: center;
	}
	.row-idx3 .tit{
		font-size: .46rem;
		margin-bottom: 1rem;
	}
	.g-btn{
		display: inline-block;
		height: 0.8rem;
		line-height: .8rem;
		border-radius: .4rem;
		text-align: center;
		font-size: 0.24rem;
		color: #fff;
		background-color: #000;
		width: 2.8rem;
	}
	.g-btn:hover{
		background-color: #ccc;
		color: #fff;
	}
	
	@media only screen and (max-width: 750px) {
		.main{
			padding-top: 0.4rem;
		}
		.banner .txt{
			width: 90%;
			font-size: 0.6rem;
			line-height: 1.5;
		}
		.banner video{
			display: none;
		}
		.banner video.dn{
			display: block;
		}
		.row-idx1 .tit{
			font-size: 0.5rem;
		}
		.row-idx2 .desc{
			font-size: 0.28rem;
		}
		.row-idx3 .tit{
			padding: 0 .4rem;
		}
		
	}
	
	
	
	
	
	
	.m-about{
		padding-bottom: 2rem;
	}
	.m-about .b1{
		margin-bottom: 1rem;
		
	}
	.m-about .tit{
		font-size: .33rem;
		margin-bottom: .7rem;
	}
	.m-about .txt{
		font-size: .22rem;
		line-height: 2;
	}
	
	.m-about .b2 .tit{
		margin-bottom: 0.6rem;
	}
	.m-about .email{
		font-size: 0.28rem;
	}
	
	@media only screen and (max-width: 750px) {
		.m-about{
			padding-top: 0.6rem;
		}
		.m-about .tit{
			font-size: .44rem;
		}
		.m-about .txt{
			font-size: 0.28rem;
		}
	}
	
	
	
	
	
	/* 2023年01月06日 */
	.banner.ban{
		background: url(../images/banner.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}
	.banner.ban .icon{
		position: absolute;
		left: 50%;
		bottom: 85px;
		transform: translateX(-50%);
		width: 45px;
		height: 67px;
		border-radius: 23px;
		border: 2px solid #ffffff;
		cursor: pointer;
	}
	.banner.ban .icon::before{
		position: absolute;
		content: "";
		z-index: 1;
		width: 6.5px;
		background-color: #fff;
		border-radius: 100%;
		left: 50%;
		top: 10px;
		opacity: 0;
		margin-left: -2.5px;
		height: 6.5px;
		-webkit-animation: mousewheel 2s infinite;
		animation: mousewheel 2s infinite;
	}
			
	@keyframes mousewheel {
	  0% {
		opacity: 0;
	  }
	  50% {
		-webkit-transform: translateY(10px);
		transform: translateY(15px);
		opacity: 1;
	  }
	  100% {
		-webkit-transform: translateY(20px);
		transform: translateY(40px);
		opacity: 0;
	  }
	}
	
	
	@media screen and (max-width: 1200px){
		.banner .news-banner-slide {
		  
		  bottom: 30px;
		
		  width: 35px;
		  height: 52px;
		 
		
		}
	}
	@media screen and (max-width: 750px){
		.banner.ban .icon{
			width: 24px;
			height: 36px;
			border-radius: 14px;
		}
		.banner.ban .icon::before{
			width: 3px;
			height: 3px;
			margin-left: -1.5px;
			top: 3px;
		}
	}