@media (max-width: 1220px) and (min-width: 1020px) {
	.container {
		width: 95%;
	}

}

@media (max-width: 1020px) {
	.container {
		width: 95%;
	}
	.header {
	    height: 50px;
	    display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.logo {
	    height: 30px;
	    margin-top: 0;
	}
	.menubtn i {
		display: block;
		width: 25px;
		height: 2px;
		background-color: #333333;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	
	.menubtn i:nth-child(1) {
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	
	.menubtn i:nth-child(2) {
		margin-top: 4px;
	}
	
	.menubtn i:nth-child(3) {
		margin-top: 4px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}
	
	.menubtn.on i:nth-child(1) {
		-webkit-transform: rotate(28deg);
		-moz-transform: rotate(28deg);
		-ms-transform: rotate(28deg);
		-o-transform: rotate(28deg);
		transform: rotate(28deg);
	}
	
	.menubtn.on i:nth-child(2) {
		opacity: 0;
	}
	
	.menubtn.on i:nth-child(3) {
		-webkit-transform: rotate(-28deg);
		-moz-transform: rotate(-28deg);
		-ms-transform: rotate(-28deg);
		-o-transform: rotate(-28deg);
		transform: rotate(-28deg);
	}
	
	.COVER {
		width: 60%;
		height: 100%;
		background-color: #1c1c1c;
		/* display: none; */
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0px;
		left: -100%;
		z-index: 1001;
	}
	
	.MULUS {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}
	
	.mulu {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		box-sizing: border-box;
		width: 100%;
		display: block;
	}
	
	.mulu1 {
		width: 100%;
		padding: 10px 0;
		color: white;
		font-size: 14px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.mulu1 img {
		width: 7px;
	}
	
	.mulu2 {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		display: none;
	}
	
	.mulu2_1 {
		width: 100%;
		margin-bottom: 10px;
		color: #999999;
		font-size: 12px;
		display: block;
	}
	
	.mulu2_1:last-child {
		margin-bottom: 0;
	}
	.banne {
	    height: 350px;
	}
	.banne-xx1 {
	    font-size: 45px;
	}
	.banne-xx2 {
	    font-size: 14px;
	}
	.banne-xx2 span {
	    margin-right: 25px;
	}
	.banne-xx3 {
	    margin-top: 45px;
	    display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.banne-xx3_1 {
	    width:75px;
	    height: 30px;
	    margin-right: 15px;
	    margin-top: 15px;
	    line-height: 30px;
	}
	.all-bo {
	    margin: 35px auto;
	    display: flex;
		flex-wrap: wrap;
	}
	.all-left {
	    width: 100%;
	}
	.about-box {
	    padding: 25px;
	}
	.about-bo1 {
	    font-size: 18px;
	}
	.about-bo2 {
	    padding: 15px 0;
	    font-size: 12px;
	}
	.about-bo3 {
	    flex-wrap: wrap;
	}
	.about-bo4 {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 5%;
	}
	.about-bo4_1 {
	    display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.all-right {
	    width: 100%;
	    margin-left: 0;
		margin-top: 15px;
	}
	.confe-box {
	    margin-top: 45px;
	}
	.confe-bo1 {
	    font-size: 18px;
	}
	.confe-bo2 {
	    margin-top: 0;
	}
	.confe-bo2_1 {
	    height: 30px;
	    line-height: 30px;
	    padding: 0 15px;
	    font-size: 12px;
	}
	.confe-bo2_2{
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		font-size: 12px;
	}
	.confe-bo4 {
	    display: flex;
		flex-wrap: wrap;
	}
	.confe-bo4_1 {
	    width: 49%;
	    margin-top: 10px;
	    padding: 10px;
	}
	.confe-bo4_1:nth-child(2n){
		margin-right: 0;
	}
	.aom-box {
	    margin-top: 35px;
	    flex-wrap: wrap;
	}
	.aom-bo {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 5%;
	    padding: 15px;
	}
	.aom-bo{
		margin-bottom: 0;
	}
	.goTop {
	    width: 100px;
	    height: 35px;
	    border-radius: 35px;
	    margin-top: 20px;
	    line-height: 35px;
	}
	.footer-top {
	    margin: 15px auto;
	    flex-wrap: wrap;
	}
	.footer-top2 {
	    width: 100%;
	    padding-right: 0;
		padding-bottom: 5%;
	}
	.footer-top2_1{
		font-size: 16px;
	}
	.footer-top2_2{
		font-size: 12px;
	}
	.footer-top1{
		width: 100%;
	}
	.footer-top1_1 {
	    font-size: 12px;
		display: flex;
		align-items: center;
	}
	.talkst-detail {
	    width: 90%;
		 padding: 10px;
	}
	.talks-box {
	    height: 475px;
	    padding: 0 10px;
	}
	.talks-boa4 {
	    margin-top: 20px;
	}
	.detail-box {
	    padding: 20px;
	}
	.detail-bo2 {
	    margin-top: 15px;
	}
	
}