@media (max-width: 991px){
	.navbar{
		float: right;
		width: 30px;
		height: 20px;
		position: relative;
		margin-left: 30px;
		top: 50%;
		transform: translate(0, -50%);
		cursor: pointer;
	}
	.navbar .line{
		background: #fff;
		width: 100%;
		height: 2px;
		border-radius: 3px;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.navbar .line2{
	    top: 50%;
	    margin-top: 0;
	}
	.navbar .line3{
	    top: 100%;
	    margin-top: 0;
	}
	header nav{
		margin-left: 2.5vw;	
	}
	header nav a{
		font-size: 12px;
	}
	header nav .item .sub-con{
		font-size: 12px;
	}
	header nav .item .sub-con a{
		font-size: 12px;
	}
	header nav .item + .item{
		margin-left: 0;
	}
	header nav .item .item-tit{
      	padding: 0 .5em;
	}
	header nav .item .item-tit:after{
		display: none;
	}
	header .search-box:hover .search-text{
		font-size: 14px;
	}
	header .search-box{
		padding-left: 5px;
	}
	/* header nav.mobnav{
		position: absolute;
		top: 100%;
		width: 100%;
		height: 100vh;
		left: 0;
		margin-left: 0;
		background: #fff;
		box-sizing: border-box;
		padding: 0 30px;
	}
	header nav.mobnav a{

	} */
	footer{
		font-size: 12px;
	}
	#history .wrap1 .history-box .top .swiper-slide{
		width: 33.33333%;
	}
	#project .wrap1 ul li .d1{
		font-size: 16px;
	}
	#project .wrap1 ul li .text{
		padding-bottom: 16px;
	}
	#project .wrap1 ul li{
		margin-bottom: 20px;
	}
	.htit .en{
		font-size: 48px;
	}
	.htit .cn{
		font-size: 26px;
	}
	#designer .wrap1 ul{
		margin-left: -8px;
		margin-right: -8px;
	}
	#designer .wrap1 ul li{
		padding: 0 8px;
		margin-bottom: 16px;
	}
	#recruit .wrap1 .join-swiper .swiper-slide{
		width: 25%;
	}
	#recruit .wrap1 .join-desc .text{
		width: 100%;
	}
	#recruit .wrap1 .join-desc .imgs{
		display: none;
	}
	#contact .wrap1 .box ul{
		flex-wrap: wrap;
	}
	#contact .wrap1 .box li:first-child,
	#contact .wrap1 .box li{
		width: 50%;
		margin-bottom: 20px;
		border: none;
	}
	#contact .wrap1 .box{
		padding: 44px 0 20px;
	}
	#culture .wrap2 ul{
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	#culture .wrap2 ul li{
		width: 33.3333%;
		border-left: none;
	}
	#culture .wrap2 ul li + li{
		border-left: none;
	}
	#culture .wrap1 .box .left .item img{
		width: 100px;
	}
	#culture .wrap1 .box .left .item .d1{
		margin-top: 20px;
	}
	#main .page2 .right .box{
		max-width: 80%;
	}
	#main .swiper-button-prev{
		left: 30px;
	}
	#main .swiper-button-next{
		right: 30px;
	}
	#main .page2 .right{
		width: 100%;
		max-width: 100%;
	}
	#main .page3 .item{
		width: 100%;
		height: 33.333333%;	
	}
	#main .page3 .item:nth-last-child(n+3) .bg:after{
		width: 150%;
		height: 150%;
		opacity: 1;
	}
	#main .page3 .item:nth-last-child(n+3) .text{
	    visibility: visible;
	    opacity: 1;
	    margin-top: 0;
	    top: 60%;
	}
	#main .page3 .item .time{
		margin: 10px 0 20px;
	}
	#main .page3 .item .more{
		margin-top: 0;
	}
	#main .page3 .item .con{
		display: none;
	}
	#main .page3 .item:nth-child(3),
	#main .page3 .item:nth-child(4){
		height: 33.33333%;
		width: 50%;
	}
	#main .page3 .item:nth-child(3) .text,
	#main .page3 .item:nth-child(4) .text{
		top: 50%;
	}
	#main .page3 .item .d1{
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
	#main .page4 .slide-text{
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	#main .page5 .left{
		width: 100%;
		background-image: url('../img/18.jpg');
		height: 53.72%;
		position: relative;
		overflow: hidden;
	}
	#main .page5 .left .desin-desc{
		font-size: 26px;
		text-align: center;
		max-width: 80%;
		margin: 0 auto;
	}
	#main .page5 .left .desin-con{
		max-width: 80%;
	}
	#main .page5 .right{
		width: auto;
		right: auto;
		height: 46.28%;
		position: relative;
		margin: 0 -8px;
	}
	#main .page5 .right .item{
		width: 50% !important;
		height: 50% !important;
		border: 4px solid #2f2f2f !important;
		border-top: 8px solid #2f2f2f !important;
		border-bottom: none !important;
		background-size: auto 100%;
		box-sizing: border-box;
	}
	#main .page5 .right .item .ico{
		display: none;
	}
	#main .page5 .right .item:before, #main .page5 .right .item .itembg:before{
		display: block;
		opacity: 1;
	}
	#main .page5 .right .item .text{
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}
	#main .page5 .left .box{
      	top: calc(10.8vw + 30%);
	}
	#main .page5 .left .desin-tit{
		margin: 0 auto;
	}
	#main .page5 .left .desin-tit:before{
		display: none;
	}
	#main .page5 .left .desin-con{
		margin: 0 auto;
	}
	#main .page5 .left .desin-more{
		margin: 30px auto 0;
	}
	#main .slide-dwon{
		width: 35px;
		height: 40px;
		position: absolute;
		bottom: 50px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 9;
		cursor: pointer;
	}
	#main .slide-dwon:after{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url('../img/slideDown.png') no-repeat center/100% auto;
		opacity: .7;
		transition: all .4s ease-out;
	    animation: downico 3s ease-out infinite;
	}
	@keyframes downico{
		0% {
		    transform: translate(0,0);
		    opacity: 1;
		}
		35% {
		    transform: translate(0,100%);
		    opacity: 0;
		}
		65% {
		    transform: translate(0,-100%);
		    opacity: 0;
		}
		100% {
		    transform: translate(0,0);
		    opacity: 1;
		}
	}
	#dtl.designerinfo .con ul span{
		font-size: 16px;
	}
	#dtl.designerinfo .con ul em{
		font-size: 16px;
	}
	#dtl.designerinfo .con ul li{
		padding-left: 30px;
	}
	#dtl.projectinfo .sw-box{
		width: 100%;
	}
	#dtl.projectinfo .right-text{
		width: 100%;
		padding-top: 40px;
	}
	#dtl .wrap1 .con{
		padding-bottom: 42px;
	}
	#contact .wrap1{
		padding: 60px 0;
	}
	#contact .wrap1 .map-wrap{
		display: block;
	}

	#contact .wrap1 ul{
		width:100%;
		margin: 24px 0 0;
	}
	#contact .wrap1 .map-wrap .map {
    width: 100%;
    height: 400px;
}
	#contact .wrap1 ul li{
	    -width: calc(50% - 24px);
	    margin: 0 0 24px;
	    padding: 24px;
	}

	#contact .wrap1 .d1{
		font-size: 20px;
	}
	#contact .wrap1 .d2{
		padding-bottom: 8px;
	}
	#contact .wrap1 ul li label{
		font-size: 12px;
		background-size: 12px auto;
	    padding-left: 16px;
	}
	#contact .wrap1 ul li span{
		font-size: 12px;
	}
	#contact .wrap1 ul li .con p{
		margin-top: 2px;
	}
	#dtl .wrap1 iframe{
		height: 400px;
	}
}