@media screen and (max-width: 1440px) {
    .label{
        width: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        text-align: center;
    }
    .BannerVideoWrap .videomiddle{
   		width: 80%;
    }
    
}
@media screen and (max-width: 1024px)  {
	  :root 
    {
        --banner-title : 65px;
        --title:28px;
        --subtitle:16px;
        --list--subtitle:16px;
        --textEvent:48px;
    }
  .label{
    font-size: 12px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    
  }
  
  .section.antherone{
  	height: 100vh;
  	
  }
  
  section .sectionWrap, section:nth-child(2n) .sectionWrap{
  	flex-direction: column;
  	gap: 40px 0;
  }
  .antherone .sectionWrap{
		flex-direction: column;
        height: 100%;
        gap: 40px 0;
  	
  }
  .sectionWrap .sectionCon.leftCon, .sectionCon.left, .sectionCon.right{
  	width: 100%;
  }
  .sectionWrap .sectionCon.rightCon{
   	width: 100%;
   	height: 50vh;
  }
   

   
}

@media screen and (max-width: 768px)  {
	:root{
		--banner-title : 65px;
        --title: 36px;
        --subtitle:16px;
        --list--subtitle:16px;
	}
	section .sectionWrap{
		width: 80%;
	}
    section.one .sectionWrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px 0;
        width: 80%;
    }
    section.one .title a{
    	font-size: var(--title);
    }
    .label{
      font-size: 12px;
      width: 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
      gap: 12px 0;
    }
    .sectionCon.left, .sectionCon.right{
        width: 100%;	

    }
    .sectionWrap .sectionCon.rightCon{
	    height: 33vh;
    }
  }
@media screen and (max-width: 425px)  {
	:root{
		--banner-title : 48px;
        --title: 34px;
	}
	section{
		gap:40px 0;
		padding: 50px 0;	
	}
	/*.sectionCon.left .title{
		text-align: center;
	}*/
	
    section.one .sectionWrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px 0;
        width: 90%;
    }
    section .sectionWrap{
    	width: 90%;
    }
    .section.antherone{
    	height: auto;
    	margin-top:0;
    }
    section.one .title a{
    	font-size : var(--title);
    }
    section.one .subTitleText{
    	gap:24px 0;
    }
    .videomiddle video{
    	object-fit: contain;
    	border-radius: 0;
    }
    .BannerVideoWrap .videomiddle{
    	width: 100%;
    }
    section.one.banner .BannerVideoWrap{
    	height: 40%;
    }
    .BannerVideoWrap .videomiddle{
    	padding:0;
    	border-radius: 0;
    }
    section.one .sectionWrap .sectionCon.left .title{
    	text-align: center;
    }
    .label{
      font-size: 12px;
      width: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
    }
    .label p{
    	display: none;
    }
    section .sectionWrap{
    	width: 90%;
    }
    .sectionCon.left, .sectionCon.right{
        width: 90%;
    }
    .sectionWrap .sectionCon.rightCon{
        align-items: center;
        justify-content: center;	
    }
    .label:nth-child(1){
    	top: 48%;
    }
    .label:nth-child(3){
    	top: 48%;
    }
  }