@charset "utf-8";

body {

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	background:#000000;

}

h2 {

	font-size: 20px;

	margin: 18px 0 0 0;

	color: #858585;

}

.warpper {

	width: 100%;

	height: 100%;

	margin: 0 auto;

	/*background: url(../images/bg.jpg) no-repeat top center #000000;*/

}

.title {

	width: 100%;

	margin: 0 auto;

	background: url(../images/tt.jpg) no-repeat top center #000000;

	height: 201px;/*position:fixed;*/

}

.headline {

	width: 960px;

	text-align: center;

	margin: 15px auto;

	font-size: 16px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

	

}

.list {

	width: 960px;

	margin: 25px auto 0 auto;

}

.list_left {

	width: 450px;

	height:650px;

	float: left;

	background: rgba(0, 0, 0, .9);
	margin-left:35px;

}

.list_right {

	width: 450px;

	height:654px;

	float: right;

	background: rgba(0, 0, 0, .9);

}

ul {

	list-style: none;

}

ul li a {

	text-decoration: none;

	color: #fff;

	font-size: 12px;

}

a {

	text-decoration: none;

	color: #fff;

	font-size: 11px;

}

.footer_main{

	width:100%;background:#000000;

}

.footer {

	width: 100%;

	height: 50px;

	margin: 330px auto 0 auto;

	padding-top: 5px;

	color: #fff;

	font-size: 11px;

	

}

.links {

	float: center;

	position: relative;

	text-align: center;

}



/*@media only screen and (min-width: 320px) (max-width: 480px) {*/

@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2){

	.headline {

	width: 100%;

	text-align: center;

	margin: 10px auto;

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

}



.title {

	background: url(../images/tt.jpg) no-repeat top center #000000;

	width: 100%;

	

	height:110px;

	background-size: 100% 100%;

}

.list {

	width: 95%;

	margin: 36px auto 0 auto;

}

.list_left {

	width: 45%;

	height:600px;

	float: left;

	background: rgba(0, 0, 0, .9);

}

.list_right {

	width: 45%;

	height:600px;

	float: right;

	background: rgba(0, 0, 0, .9);

}

h2 {

	font-size: 16px;

	margin: 20px 0 0 0;

	color: #858585;

}

.footer {

	margin: 545px auto 0 auto;


	

}



}

@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){

.title {

	background: url(../images/tt_ipad.jpg) no-repeat top center #000000;

	width: 100%;	

	height:193px;
	background-size:contain;

}	

}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){

.title {

	background: url(../images/tt_ipad.jpg) no-repeat top center #000000;

	width: 100%;	

	height:193px;

}	

}