#logo a img{
	width:100%;
	max-width:60px;
	margin-left: 15%;
	margin-right:5%;
}
#logo a{
	 display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
#logo a span{
	display: block;
	font-size:24px;
	letter-spacing: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.nav ul {
display: flex;
	flex-flow:row wrap ; 
	justify-content: space-around;
	align-items: center;
	margin-left:15%;
	height:100%;
}
.nav ul li a{
color: white;
/* font-weight: bold; */
letter-spacing: 3.2px;
}
.nav ul li{
	margin-bottom:4px;
}
.nav{
	/* width:100%; */
	height:100%;	
}
.row{
	margin-right: 0;
	margin-left: 0;
}
#banner .swiper-container {
	padding: 0!important;
}
#banner{
/* border: 1px solid red; */
height:100%;
/* background: #000; */
position: relative;
}
.swiper-container{
	height:100%;
}

.banner1{
	background: url(../img/tupian/industry-ec37b40e29.jpg);
	
}
.banner2{

	background: url(../img/tupian/industry-e83db10e2e.jpg);
}

.swiper-slide{
	background-size: cover;
	background-position: center center;

}
div #main{
	width:100%;
	height: auto;
	
}
.guanyuwomen{
	width:100%;
	height:auto;
}
.main-left,.main-left{
	width:100%;
	height:100%;

}

.swaiper-txt1{
	position: absolute;
	right:8%;
	top: 68%;
	z-index:999;
	color: white;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight:normal;
}
.swiper-container-horizontal>.swiper-pagination-progress{
	left: 0;	
	top:99%!important;
}
.swiper-pagination-bullet{
	border-radius: 0!important;
}
.swiper-pagination-bullet{
background: #fff;
opacity: .3;
width:10px;
height:10px;
}
.swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1
}
div.about{
	width:100%;
	/* height:600px; */
	/* padding-top:69.1%; */
	background: #fff;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 7vh  9vh ;
	    margin-bottom: 4%

}
#main{
	height:auto;
}
.demo{
	color:#000!important;
	transition:color 0.6s ease-in-out ;

}
.demo2{
	color: #fff!important;
	transition: 0.5s ease-in ;
}
.nav ul li a:hover,#logo a span:hover{
	opacity: .8;
	transition: opacity .2s ease-in-out .1s ;
}

.nav ul li a,#logo a span{
	
	transition: .3s linear .1s;
}
.demo3{
	height:80px!important;
	/* transition:background .4s  ease-in; */
	background: #fff!important;
}
.demo5{
	position: fixed;
			z-index:99999;
			right: 4px;
			top: 59px;
}
.demo6{
	position: fixed;
			z-index:99999;
			right: 4px;
			top: 31px!important;

}

.about-txt{
	width:100%;
	height:auto;
	display: flex;
	flex-flow:column;
	align-items: center;
	/* justify-content: space-between; */
	padding:30% 0 0 0;
}
.about-txt p {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
 font-size: 1.6rem;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 8%;	
}
.about-txt p:nth-of-type(1){
	font-weight: bold;
	font-size: 28px;

}
.about-wrap,.about-img{
	width:85%;
	/* height:80%; */
	overflow: hidden;
}
.about-wrap{
	position: relative;
	z-index:999;
	margin: 12% 0 0 auto;

}
.about-img img{
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.about-img:before{
	content: '';
	display: block;
	padding-top: 80%;

}
.about-right{
	overflow: hidden;
}
.about-img  img{
	transform: scale(1);
	transition: transform .5 linear;
	opacity: 0;
	 animation: why 30s ease-in infinite 0s;
}
.about-img img:nth-of-type(1){
	animation-delay: -1s;
}

.about-img img:nth-of-type(2){
	animation-delay: 9s;
		
	}
.about-img img:nth-of-type(3){
			animation-delay: 19s;	
			
	}
		@keyframes why{
0% {
	    opacity: 0;
	    animation-timing-function: ease-out;
	
	    transform: scale(1);
	   
	}
	7% {
	    opacity: 1;
	    animation-timing-function: ease-in;
	    
	}
		32.5% {
	    opacity: 1;
	    transform: scale(1.3);
	   
	}
	35%{
		opacity: 0.5;
	}
	40% {
		opacity: 0;
		
	}

	100% { opacity: 0 ; }

}
.aboutmore{
width: auto;
margin: 0 auto;
	/* position: absolute;	 */
	margin-bottom: 4%;
	/* border-top-left: 1px solid #52433d; */
	 
}
.aboutmore a{
	display:flex;
	align-items: center;
	justify-content: space-around;
	flex-flow: nowrap;
	height:auto;
	color: #000;
	font-size:16px;
	letter-spacing: 0.8px;
	padding:4px;
	transition: .3s ease-in;


}
.aboutmore img{
	max-width:30px;
}

.demo-solid{
	position: relative;
	cursor: pointer;
	align-content: 

}

.demo-solid .demo-inside:after{
	content: '';
	width:0;
	position: absolute;
	bottom: 15%;
	right: 0;
	height:2px;
	background: #000;
	transition: .3s ease-out;
	
}
.demo-solid .demo-inside:hover::after{
	width:100%;
	left:0;
	background: #000;
	transition: .3s ease-out;
}
.yewu-biaoti  span{
	display: block;
	background: #000;
	padding:1% 12%;
	color: #fff;

}
.yewu-biaoti{
	width:40%;
	height:auto;
	display: flex;
	flex-flow: column ;
	/* justify-content: center; */
	align-items: center;
	margin: 0 auto;
}
.yewu-biaoti h1{
	width: auto;
	font-weight: bold;
	font-size:28px;

}
.yewu{
	width:100%;
	height:auto;
	margin:3% 0;


}
.yewucontent{
	height:100%;
		padding: 6vh 9vh;
	/* padding:30% 0 0 0; */
	
}
.yewucontent-right,.yewucontent-left{	
	 padding: 5% 0 5% 0;
	 height:auto;
}
.yewucontent-right{
	 display: flex;
	 flex-flow: column;
	 /* justify-content:  center; */
	 align-items: center;
	 margin-top:4%;

}
.yewucontent-right p {
	letter-spacing: 1.2px;
	margin: 3% 0;
}
.yewucontent-bg{
	width:95%;
	background-image:url(../img/qhdport.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.yewucontent-bg::before{
content: '';
display: block;
padding-top: 76%;
}
.yewucontent-right .aboutmore{
	width: auto;
}
 .hide1{
	width:100%;
	 height:100%;	  	
	 display: none;
	
}
.hide1 a{
	 color: white!important;

}
#column-flex .hide-text ul li:after{
	content: "";
	background: #fff;
}
#column-flex .hide-text ul li:before{
	content: "";
	background: #fff;
}
#column-flex{
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
padding-left:10vh;
padding-right: 10vh;
	height:100%;
}
.flex li{
font-size: 18px;
font-weight:bold;
letter-spacing: 0.6px;
margin-bottom:4vh;
}
.flex{
	height: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	flex-flow: column;	
	justify-content:space-around;
	

}
.box{
	display: none;
}

.box .demo-1{
	transform: translateY(8.8px) rotate(-45deg);
			    background: #fff;

}
.box .demo-{
	opacity: 0;
	display: none;
}
.box .demo-3{
	  transform: translateY(-4.4px) rotate(411deg);
			    background: #fff;
			    transition-duration: 700ms;
}
	.demo-4{
         filter: blur(30px)!important;
     	display: block;
          
		}

div.black{
	  	width: 100%;
	  	height:100%;
	  	 display: block;
	  	 background-color: rgba(0, 0, 0, 0.88);
	  	 /* opacity: 1; */
	  	 position: fixed;
	  	z-index:99;
	  	left: 0;
	  	right: 0;
	  	top: 0;
	  	bottom: 0;	  	
	  }



@media screen and (max-width: 992px){
    .about-wrap{
      margin: 0 auto;
    
    }
    .nav{
    	display: none;
    }
    .about-txt p{
    	margin-bottom:5%;
    }
    #logo a span{
    	font-size:20px;
    }
    .navmenu{
    	display: none!important;
    }
    .box{
			width:60px;
			height:19px;
			display: flex;
			flex-flow: column;
			justify-content: space-between;
			align-items: center;
			position: fixed;
			z-index:99999;
			right: 4px;
			top: 57px;
			cursor: pointer;
			
		}
		.box >div{
			width:35px;
			height:3px;
			background: #000;
			transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
		    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		    transform-origin: center center;
		}

   
}
@media screen and (max-width: 900px){
  
    #logo a span{
    	font-size:19px;
    }
    .nav{
    	font-size:14px;
    }
    #logo a img{
    	margin-left:0!important; 

    }
   
}

@media screen and  (max-width:600px) {
	
	#logo a img{
	max-width:48px!important;
}
	#column-flex{
		display: flex;
	  margin:  0 auto;
		padding:6vh;
		
		}
			#column-flex div ul li{
		font-size:15px;
	}
		#column-flex .hide-text ul li:after{
	content: "";
	background: #fff;
	top:10px;
		}
		#column-flex .hide-text ul li:before{
	content: "";
	background: #fff;
	top: 10px;
}
	}
	@media screen and (max-width: 540px){
  
  .about-left .about-txt p{
  	font-size:14px;

  }
  .about-txt p:nth-of-type(1){
  	font-size:25px;
  }
  .yewucontent-right p{
  	font-size:14px;
  	margin: 0;
  }
  .yewu-biaoti h1{
  	font-size:25px;
  }
   
}
@media screen and (max-width:501px){
	 .about-left .about-txt p{
  	font-size:13px;

  }
  .about-txt p:nth-of-type(1){
  	font-size:25px;
  }
  .yewucontent-right p{
  	font-size:13px;
  	margin: 0;
  }

}