.mobile-menu{
    display: none;
    width: 36px;
    height: 28px;
    position: relative;
    margin-right: 12px;
}
.mobile-menu span{
    width: 100%;
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: 0;
    transition: all 0.5s;
    border-radius: 2px;
}
.mobile-menu span:nth-child(1){
    top: 0;
}
.mobile-menu span:nth-child(2){
    top: 12px;
}
.mobile-menu span:nth-child(3){
    top: 24px;
}
.mobile-menu.active span:nth-child(1){
    top: 10px;
    transform: rotate(45deg);
}
.mobile-menu.active span:nth-child(2){
    opacity: 0;
}
.mobile-menu.active span:nth-child(3){
    top: 10px;
    transform: rotate(-45deg);
}
@media screen and (max-width:1000px) {
	BODY{
		font-size: 14px;
	}
	#logo{
		width: 96%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#logo .WebLogo{
		width: 80%;
	}
	#logo .WebLogo img{
		width: 100%;
		height: auto;
		padding:12px 0;
	}

	.mobile-menu{
		display: block;
	}

	#navigation_main{
		display: none;
		width: 50%;
		background: #024ba4;
		position: fixed;
		top:10%;
		z-index: 99;
		right: 0px;
		height: -webkit-fill-available;
	}
	#navigation{
		width: 100%;
		height: 100%;
		margin-top: 30px;
	}
	#navigation UL.navigationlist LI{
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	#navigation UL.navigationlist LI A{
		text-align: left;
		font-size: 18px;
	}

	#floor_10,#floor_12,#floor_6,#floor_7,#floor_8,#floor_9,#floor_14,
	#link,#copyright,#top,
	.article,.single,.picture,.product{
		width: 96%;
		margin:auto;
	}
	#floor_10,#floor_7{
		padding:16px 0;
	}
	#floor_8_main{
		padding-top: 0px;
	}
	.gridlist2{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.gridlist2 LI{
		width: 48%;
		height: auto;
		MARGIN-LEFT:0%;
		margin-bottom: 24px;
	}
	.gridlist2 LI IMG{
		width: auto;
		height: auto;
		max-width: 100%;
		height: 290px;
		margin:auto;
	}

	.textlist1 LI{
		width: 96%;
	}
	.textlist1 LI .right_text{
		width: calc(100% - 72px);
	}
	#floor_14_main{
		height: auto;
	}
	#floor_14_1{
		display: none;
	}
	#floor_14_1,#floor_14_2{
		width: 100%;
		float: none;
	}
	.ChannelSContent A{
		display: none;
	}
	.left_title3{
		height: 200%;
		line-height: 200%;
		margin-bottom: 12px;
		margin-top: 12px;
	}

	#right{
		width: 100%;
	}
	.right_title img{
		display: none;
	}

	.cases_list li{
		width: 100%;
	}

	.right_title1 img{
		display: none;
	}

	.gridlist {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.gridlist LI{
		width: 48%;
		MARGIN-LEFT:0px;
		MARGIN-RIGHT:0px;
		padding-right: 0px;
	}
	.gridlist LI IMG{
		width: auto;
		height: auto;
		max-height: 162px;
		max-width: 100%;
	}

	#floor_10 img,#floor_7 img{
		display: none;
	}
}


@media screen and (max-width:780px) {
	.gridlist2 LI IMG{
		height: 220px;
	}
}


@media screen and (max-width:640px) {
	.gridlist2 LI IMG{
		height: 200px;
	}

}


@media screen and (max-width:520px) {
	.gridlist2 LI IMG{
		height: 160px;
	}

	#right table{
		max-width: 98% !important;
		width: 98%;
	}
}


@media screen and (max-width:380px) {
	.gridlist2 LI IMG{
		height: 110px;
	}

}