@media screen and (min-width:1201px) and (max-width: 1400px){

	#body1{
		background-color: #000
	}
	
	#fix1{
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 10;
		background-color: #000;
		display: none;
		opacity: 0.9
	}
	
	#fix2{
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 20;
		display: none;
	}

	#fix21{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#fix211{
		width: 15px;
		height: 15px;
		float: left;
		padding: 15px;
		margin: 40px;
	}
	
	#fix212{
		width: 40px;
		height: 40px;
		float: right;
		margin: 40px;
	}

	#fix22{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#fix221{
		width: 100%;
		height: 30px;
		float: left;
		line-height: 30px;
		text-align: center;
		color: #999;
		font-size: 12px;
	}
	
	#fix221:hover{
		color: #ccc;
	}
	
	#head1{
		width: 100%;
		height: auto;
		float: right;
	}

	#head10{
		width: 60px;
		height: 60px;
		position: absolute;
		z-index: 1;
		right:0;
		margin-top: 20px;
		margin-right: 20px;
	}

	#hhead10{
		width: 60px;
		height: 60px;
		position: absolute;
		z-index: 2;
		right: 0;
		margin-top: 10px;
		margin-right: 50px;
		-webkit-animation: rotation 2s infinite linear;
	
	}
		
	#hhead10:hover{
		cursor: pointer;
	}

	
	#head11{
		width: 1000px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#hhead11{
		width: 850px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#head111{
		width: 100%;
		height: 35px;
		float: right;
		position: relative;
		z-index: 10;
		margin-top: 35px;
	}
	
	#head1110{
		width: 20%;
		height: 35px;
		float: left;
		text-align: center;
		line-height: 35px;
		color: #333;
	}
	
	#head1110:hover{
		cursor: pointer;
		color: #fff;
	}
	
	#head1111{
		width: 16.6%;
		height: 35px;
		float: left;
		text-align: center;
		line-height: 35px;
		color: #333;
	}
	
	#head1111:hover{
		cursor: pointer;
		color: #fff;
	}
	
	#hhead1111{
		width: 16.6%;
		height: 35px;
		float: left;
		text-align: center;
		line-height: 35px;
		color: #ccc;
		background-color: #8B0B0D;
		border-radius: 5px;
	}

	#head12{
		display: none;
	}
	
	#au1{
		width: 100%; 
		opacity: 0; 
		position: fixed; 
		z-index: 2; 
		bottom: 0;
	}
	
	#au2{
		width: 15px; 
		height: 15px;  
		position: fixed; 
		bottom: 15px; 
		left: 15px;
		padding: 10px;
		border-radius: 25px;
		z-index: 1;
		cursor: pointer;
		display: block;
	}
	
	#au3{
		width: 15px; 
		height: 15px;  
		position: fixed; 
		bottom: 15px; 
		left: 15px;
		padding: 10px;
		border-radius: 25px;
		z-index: 1;
		cursor: pointer;
		display: none;
	}

	#sec1{
		background-image: url(../images/bg/homepage.png);
		width: 90%;
		height: 90%;
		position: absolute;
		top: 5%;
		left: 5%;
		color: transparent;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: none;
	}
	
	#arti11{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti111{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#arti1111{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#sec2{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#arti21{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti211{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 80px;
	}
	
	#arti2111{
		width: 100%;
		height: 100px;
		float: right;
		border-bottom: solid 2px #ccc;
	}
	
	#arti21111{
		width: 150px;
		height: 150px;
		float: left;
		background-color: #fff;
		border: solid 1px #ccc;
	}
	
	#arti21112{
		width: 300px;
		height: auto;
		float: left;
	}
	
	#arti211121{
		width: 280px;
		height: 40px;
		float: left;
		margin-top: 60px;
		padding: 0px 10px;
		line-height: 40px;
		font-size: 28px;
		color: #666;
	}
	
	#arti211122{
		width: 180px;
		height: 30px;
		float: left;
		margin-left: 10px;
		margin-top: 10px;
		line-height: 40px;
		font-size: 20px;
		background-color: #eeeeee;
		color: #666;
	}
	
	#arti2111221{
		width: 150px;
		height: 30px;
		float: left;
		line-height: 30px;
		font-size: 16px;
		color: #666;
		cursor: pointer;
	}
	
	#arti2111222{
		width: 10px;
		height: 10px;
		float: left;
		padding: 10px;
		cursor: pointer;
	}
	
	#arti21113{
		width: 300px;
		height: 40px;
		float: right;
		margin-top: 100px;
	}
	
	#arti211131{
		width: auto;
		height: 40px;
		float: right;
		padding-left:10px;
		line-height: 40px;
		color: #666;
	}
	
	#arti211131:hover{
		cursor: pointer;
		color: #BC6465;
	}
	
	#sec3{
		width: 100%;
		height: auto;
		float: right;
		margin: 60px 0px;
	}
	
	#arti31{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti311{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#arti3111{
		width: 300px;
		height: auto;
		float: left;
		margin: 20px 0px;
	}
	
	#arti31111{
		width: 280px;
		height: auto;
		float: left;
		margin-left: 10px;
		background-color: #f5f5f5;
		cursor: pointer;
	}
	
	#arti31111:hover{
		box-shadow: 0px 0px 10px #999;
	}
	
	#arti311111{
		width: 180px;
		height: 180px;
		float: left;
		margin: 20px 50px;
		cursor: pointer;
	}
	
	#arti311112{
		width: 260px;
		height: 30px;
		float: left;
		padding: 0px 10px;
		text-align: center;
		line-height: 30px;
		color: #333;
		font-size: 20px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#arti311113{
		width: 260px;
		height: 40px;
		float: left;
		padding: 0px 10px;
		text-align: center;
		line-height: 40px;
		color: #666;
		font-size: 16px;
		overflow: hidden;
		cursor: pointer;
	}
	
	#arti311114{
		width: 260px;
		height: 15px;
		float: left;
		padding: 0px 10px;
	}
	
	#arti3111141{
		width: 150px;
		height: 30px;
		float: left;
		margin-left: 55px;
		background-color: #CF8F90;
		text-align: center;
		line-height: 30px;
		color: #fff;
		overflow: hidden;
		cursor: pointer;
	}

	#sec5{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 0px;
	}
	
	#arti51{
		width: 800px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti511{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#arti5111{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#sec6{
		width: 100%;
		height: auto;
		float: right;
		margin: 50px 0px;
	}
	
	#arti61{
		width: 1020px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti611{
		width: 100%;
		height: auto;
		float: right;
		white-space:nowrap;
		overflow-x:auto;
		-ms-overflow-style: none;
		scrollbar-width: 2px;
		border-radius: 250px;

	}

	#arti611::-webkit-scrollbar { height: 2px ; width: 0px;  }
	
	#arti6111{
		width: 250px;
		height: auto;
		margin-top: 20px;
		display:inline-block;
	}
	
	#arti61111{
		width: 230px;
		height: auto;
		float: left;
		margin-left: 10px;
		opacity: 0.5;
		filter: grayscale(100%);
	}
	
	#arti61111:hover{
		cursor: pointer;
		filter: grayscale(0%);
		opacity: 1;
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		
	}
	
	#arti611111{
		width: 230px;
		height: 230px;
		float: left;
		border-radius: 230px;
		background-color: #ccc;
		border: solid 1px #666;
		cursor: pointer;
		overflow: hidden;
	}
	
	#arti611112{
		width: 230px;
		height: 50px;
		float: left;
		line-height: 50px;
		text-align: center;
		color: #ccc;
		cursor: pointer
	}

	#sec7{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 100px;
	}
	
	#arti71{
		width: 200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti711{
		width: 100%;
		height: auto;
		float: right;
		padding-bottom: 50px;
	}
	
	#arti7111{
		width: 100%;
		height: 200px;
		float: left;
	}
	
	#arti71111{
		width: 100%;
		height: 200px;
		float: left;
		text-align: center;
		border-radius: 100%;
		overflow: hidden;
	}
	
	#arti7112{
		width: 100%;
		height: auto;
		float: left;
	}
	
	#arti71121{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		margin-top: 20px;
		line-height: 40px;
		font-size: 20px;
	}

	#sec8{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 0px;
	}
	
	#arti81{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti811{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#arti8111{
		width: 90%;
		height: auto;
		float: right;
		padding: 5%;
		line-height: 30px;
		font-size: 18px;
	}

	#sec9{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 0px;
	}
	
	#arti91{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#arti911{
		width: 100%;
		height: 20px;
		float: right;
		border-bottom: solid 1px #333;
	}
	
	#arti9111{
		width: auto;
		height: auto;
		float: left;
		border: solid 1px #333;
		padding: 0px 20px;
		line-height: 40px;
		font-size: 18px;
		background-color: #000;
	}

	#secA{
		width: 100%;
		height: auto;
		float: right;
		
	}
	
	#artiA1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiA11{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#artiA111{
		width: 90%;
		height: auto;
		float: right;
		padding: 5%;
	}
	
	#artiA1111{
		width: 100%;
		height: auto;
		float: right;
		padding: 20px 0px;
		border-bottom: dashed 1px #333;
	}
	
	#artiA11111{
		width: 15%;
		height: auto;
		float: left;
	}
	
	#artiA111111{
		width: 80%;
		height: auto;
		float: left;
		border-radius: 100px;
		margin-left: 10%;
		overflow: hidden;
		background-color: #ccc;
		opacity: 0.5;
	}
	
	#artiA111111:hover{
		cursor: pointer;
		opacity: 1;
	}
	
	#artiA111112{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		line-height: 40px;
		overflow: hidden;
		font-size: 14px;
	}
	
	#artiA11112{
		width: 85%;
		height: auto;
		float: left;
	}
	
	#artiA111121{
		width: 100%;
		height: 40px;
		float: left;
		margin-top: 10%;
		background-color: #1D1D1D;
		opacity: 0.7;
	}
	
	#artiA111122{
		width: 100%;
		height: 40px;
		float: left;
		margin-top: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	
	#artiA111123{
		width: 100%;
		height: auto;
		float: left;
		font-size: 16px;
	}

	#secB{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 20px;
		
	}
	
	#artiB1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiB11{
		width: 100%;
		height: auto;
		float: right;
	}
	
	#artiB111{
		width: 90%;
		height: auto;
		float: right;
		margin: 5%;
	}
	
	#artiB1111{
		width: 20%;
		height: auto;
		float: left;
		margin-top: 20px;
	}
	
	#artiB11111{
		width: 80%;
		height: auto;
		float: right;
		margin: 0px 10%;
		cursor: pointer;
		opacity: 0.7;
	}
	
	#artiB11111:hover{
		opacity: 1;
	}
	
	#artiB111111{
		width: 100%;
		height: auto;
		float: left;
		background-color: #999;
		cursor: pointer;
	}
	
	#artiB111112{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		line-height: 40px;
		cursor: pointer;
	}

	#secC{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 20px;
		
	}
	
	#artiC1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiC11{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 50px;
		display: grid;
		grid-template-columns: auto auto auto;
		grid-gap: 10px;
		justify-content: center;
	}

	#artiC11::-webkit-scrollbar { height: 2px ; width: 0px;  }
	
	#artiC111{
		width: auto;
		height: 200px;
	}
	
	#artiC1111{
		width: auto;
		height: 200px;
		float: left;
		opacity: 0.5;
		filter: grayscale(100%);
	}
	
	#artiC1111:hover{
		cursor: pointer;
		filter: grayscale(0%);
		-moz-transform: scale(3);
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 1;
		position: relative;
		z-index: 1000;
		
	}
	
	#artiC11111{
		width: auto;
		height: 200px;
		float: left;
		background-color: #ccc;
		border: solid 1px #666;
	}
	
	#artiC11112{
		width: 100%;
		height: 50px;
		float: left;
		line-height: 50px;
		text-align: center;
		color: #ccc;
	}
	
	#secD{
		width: 80%;
		height: 40px;
		position: fixed;
		z-index: 1;
		left: 10%;
		bottom: 50px;
		opacity: 0.5;
	}

	#secE{
		width: 100%;
		height: auto;
		float: right;
		margin-top: 0px;
	}
	
	#artiE1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiE10{
		width: 100%;
		height: auto;
		float: right;
		border-left: solid 1px #333;
	}
	
	#artiE11{
		width: 100%;
		height: 20px;
		float: right;
		border-bottom: solid 1px #333;
	}
	
	#artiE111{
		width: auto;
		height: auto;
		float: left;
		margin-left: 50px;
		border: solid 1px #333;
		padding: 0px 20px;
		line-height: 40px;
		font-size: 18px;
		background-color: #000;
	}
	#artiE12{
		width: 100%;
		height: auto;
		float: right;
		border-left: solid 1px #333;
	}
	
	#artiE121{
		width: 90%;
		height: auto;
		float: right;
		padding: 5%;
	}
	
	#artiE1211{
		width: 100%;
		height: auto;
		float: right;
		padding: 20px 0px;
		border-bottom: dashed 1px #333;
	}
	
	#artiE12111{
		width: 15%;
		height: auto;
		float: left;
	}
	
	#artiE121111{
		width: 80%;
		height: auto;
		float: left;
		border-radius: 100px;
		margin-left: 10%;
		overflow: hidden;
		background-color: #ccc;
		opacity: 0.5;
	}
	
	#artiE121111:hover{
		cursor: pointer;
		opacity: 1;
	}
	
	#artiE121112{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		line-height: 40px;
		overflow: hidden;
		font-size: 14px;
	}
	
	#artiE12112{
		width: 85%;
		height: auto;
		float: left;
	}
	
	#artiE121121{
		width: 100%;
		height: 40px;
		float: left;
		margin-top: 10%;
		background-color: #1D1D1D;
		opacity: 0.7;
	}
	
	#artiE121122{
		width: 100%;
		height: 40px;
		float: left;
		margin-top: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	
	#artiE121123{
		width: 100%;
		height: auto;
		float: left;
		font-size: 16px;
	}

	#secF{
		width: 100%;
		height: auto;
		float: right;
		margin: 50px 0px;
	}
	
	#artiF1{
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiF11{
		width: 100%;
		height: auto;
		float: right;
		text-align: center;
		font-size: 50px;
		color: #000;		
	}
	
	#secG{
		width: 100%;
		height: auto;
		float: right;
	}

	#artiG1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiG11{
		width: 100%;
		height: 300px;
		float: right;
		background-color: #333;
		border-radius: 20px;
		overflow: hidden;
	}
	
	#secH{
		width: 100%;
		height: auto;
		float: right;
	}

	#artiH1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiH11{
		width: 600px;
		height: auto;
		float: left;
		margin-top: 20px;
		overflow: hidden;
	}
	
	#artiH111{
		width: 590px;
		height: 300px;
		float: left;
		background-color: #000;
		border-radius: 20px;
		overflow: hidden;
	}
	
	#artiH111:hover{
		cursor: pointer;
		box-shadow: 0px 0px 10px #fff;
	}
	
	#artiH112{
		width: 590px;
		height: 300px;
		float: right;
		background-color: #000;
		border-radius: 20px;
		overflow: hidden;
	}
	
	#artiH112:hover{
		cursor: pointer;
		box-shadow: 0px 0px 10px #fff;
	}
	
	#artiH1111{
		width: 550px;
		height: 260px;
		float: left;
		margin: 20px;
		text-align: left;
		overflow: hidden;
	}

	#secI{
		width: 100%;
		height: auto;
		float: right;
		margin: 50px 0px;
	}
	
	#artiI1{
		width: 1200px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#artiI11{
		width: 100%;
		height: auto;
		float: right;
		border-bottom: solid 1px #333;
	}

	#artiI111{
		width: 40%;
		height: 50px;
		float: right;
		margin-right: 30%;
	}
	
	#artiI1111{
		width: 50%;
		height: 50px;
		float: left;
		box-shadow: inset 0px 0px 2px #333;
		line-height: 50px;
		font-size: 24px;
		text-align: center;
		border-radius: 20px 20px 0px 0px;
		background-color: #091492;
		color: #ccc;
		cursor: pointer;
	}
	
	#artiI1112{
		width: 50%;
		height: 50px;
		float: left;
		box-shadow: 0px 0px 20px #000;
		line-height: 50px;
		font-size: 24px;
		text-align: center;
		border-radius: 20px 20px 0px 0px;
		background-color: #f63c7d;
		color: #ccc;
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	

	
	
	
	
	
	
	
	
	#footer1{
		width: 100%; 
		height: auto; 
		float: right; 
		margin-top: 100px; 
		background-color: #222222; 
		opacity: 0.8; 
		color: #ccc;
	}
	
	#footer11{
		width: 90%; 
		height: auto; 
		float: left; 
		text-align: right;
		margin-left: 5%; 
		line-height: 50px; 
		font-size: 14px;
	}
	
}