.menuopen {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    top: 10px;
    right: 16px;
    cursor: pointer;
}

.menuopen button{
    background: #ffffff;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    margin: 22px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 1;
    border: none;
    outline: none;
    cursor: pointer;
}

.menuopen button:after {
    content: '';
    background: #ffffff;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: -12px;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}

.menuopen button:before {
    content: '';
    background: #ffffff;
    height: 5px;
    width: 100%;
    position: absolute;
    top: -12px;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}

.menuopen.open button{
    background: none;
    cursor: pointer;
}

.menuopen.open button:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);

    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;  
}

.menuopen.open button:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
}

table p {
	padding-bottom: 0;
}

@media screen and (max-width: 1200px) { .right_content {width: 60%;} iframe,object {height: 35vw;} }

@media screen and (max-width: 1140px) {
    .header {
    	font-size: 17px;
    	/* height: 64px; */
    }
}

@media screen and (max-width: 1100px) {
    nav a{
    	font-size: 17px;
    	padding: 15px 0 16px;
    }
}

@media screen and (max-width: 1000px) {
	.footer_center{
		line-height: 1.5;
	}
}


@media screen and (max-width: 960px) {
    nav{
		width: 80%;
    }

    nav a{
    	font-size: 14px;
    	padding: 17px 0;
    }

    .top div{
    	height: auto;
    }

    .top .name{
    	line-height: 44px;
    	display: block;
    }

    .top .name2{
    	line-height: 11px;	
    	margin-left: 140px;
	}

    .top .name3{
    	line-height: 11px;
    }

    .footer div{
    	width: auto;
    	margin: 0 10px;
    	text-align: center;
    	float: none;
    }

}

@media screen and (max-width: 800px) {
    nav a{
    	font-size: 12px;
    	padding: 18px 0;
    }

	.left_content{
		width: auto;
		float: none;
		margin-left: 23px;
		margin-right: 10px;
	}

	.right_content{
		max-width: 100%;
		min-width: 200px;
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

    .content {
		margin: 20px 10px 20px 20px;
	}

    iframe,object {height: 58vw;}
}

/*====================================================*/

@media screen and (max-width: 700px) {
	nav{
		width: 250px;
		left: -250px;
		margin-left: 12px;
	  	min-height: 100%;   
		top: 0;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.14),2px 4px 8px rgba(0, 0, 0, 0.28);
		z-index: 9;
		position: fixed;
		background-color: #4EAEE8;
		overflow-y: scroll;
		display: block;
	}

	.header{
		height: 64px;
		position: fixed;
		width: 100%;
		z-index: 1;
	}

	.contents {
    	padding: 64px 0 53px;
	}	

	.header nav ul li{
    	display: block;
    	width: 100%;
    	height: auto;
	}

	nav a{
		font-size: 20px;
	}

	ul ul a{
    	line-height: 20px;
    	padding: 12px 15px;
    	font-size: 14px;
	}	

	nav ul ul{
		display: block;
		position: relative;
		height: auto;
		background: rgba(52, 74, 128, 0.7);
		box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.44),inset 0px -2px 2px rgba(0, 0, 0, 0.44);
	}

	.logo {
		height: 71px;
		width: 80px;
		/* display: none; */
	}

	.logo:before {
		display: none;
	}

	.top .name{
		margin-left: 80px;
		line-height: 1.16;
	}

	.top .name2{
		margin-left: 80px;	
	}

	nav:after{
		display: none
	}

	nav>ul:after{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: auto;
		right: 0;
		margin: 0;
		height: 100%;
		width: 12px;
		background: #163B85;
		z-index: 9;
	}

	nav>ul:before{
		content: '';
		display: block;
		height: 13px;
		width: 2px;
		border-left: 2px solid white;
		border-right: 2px solid #FFF;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 3px;
		z-index: 10;
	}


	.menuopen{
		display: block;
	}

	.header .top{
		padding-right: 82px;
		background: rgba(13, 12, 78, 0.8);
	}

}

@media screen and (max-width: 560px) {
	.top{
		font-size: 14px;
	}

	.content table{
		border-spacing: 0;
	}
	.table {
		overflow:auto;
	}
	table p {
		padding-bottom: 5px;
	}
	.content .news-item,.content div.news-detail{
		text-align: left;
	}

	.content div.news-list img.preview_picture {
    	float: none !important;
    }

	.content div.news-detail .full_img {
    	float: none;
    	max-width: 100%;
    }

}

@media screen and (max-width: 479px) {
	.top .name{
		padding-top: 10px;
		line-height: 23px;
	}

	.top .name2,.top .name3{
		display: none;
	}
}

@media screen and (max-width: 400px) {
	.top{
		font-size: 11px;
	}	


	.content table td{
		border-bottom: 1px solid #828282;
		padding: 1px;
	}

}