@charset "utf-8";
/* CSS Document */
/*body{
	background:url(images/index_bg.jpg) no-repeat fixed 50% 20%;
}*/
body{
	padding:0;
	margin:0;
	border:0;
	min-height:200px;
	overflow:auto;
}
body *{
	font-family:"微软雅黑";
}

.title{
	background:#FFFFFF;
	overflow:hidden;
}
.title .title_layout{
	max-width:1200px;
	margin:auto;
	min-width:640px;
	overflow:hidden;
}
.title .title_layout .logo_img{
	float:left;
	padding-left:15px;
}
.title .title_layout .logo_img img{
	height:60px;
	margin-top:10px;
}
.title .title_layout .title_button_layout{
	float:right;
	overflow:hidden;
	text-align:center;
}
.title .title_layout .title_button_layout a{
	float:left;
	margin-top:25px;
	margin-bottom:15px;
	margin-right:10px;
	display:block;
	font-size:16px;
	line-height:40px;
	width:118px;
	text-align:center;
	overflow:hidden;
	color:#686868;
	font-family:"微软雅黑";
	text-decoration:none;
}
.title .title_layout .title_button_layout a:hover{
	background: url(../images/button_bg.png) no-repeat 0px 6px;
	background-size:contain;
	cursor:pointer;
	color:#FFF;
}
.title .title_layout .title_button_layout .select{
	background: url(../images/button_bg.png) no-repeat 0px 6px;
	background-size:contain;
	color:#FFF;
}
.contain{
	background:#fff;
	
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}
.contain_layout{
	margin:auto;
	position:relative;
}
.contain_layout .contain_img{
	width:100%;
	font-size:0;
	position:relative;
}
.contain_layout .contain_img img{
	width:100%;
}
.contain_layout .contain_img .index_title{
	font-size:30px;
	position:absolute;
	top:10%;
	color:#FFFFFF;
	width:500px;
	left:50%;
	margin-left:-250px;
	text-align:center;	
}
.foot{
	width:100%;
	text-align:center;
	color:#333;
}
.copyright{
	margin:auto;
	padding:30px;
	padding-left:0;
	padding-right:0;
	color:#333;
	overflow:hidden;
}
.copyright a{
	color:#333;
}
.copyright a:hover{
	color:#333;
}

.contain_phone{
	overflow:hidden;
	text-align:center;
	margin:auto;
}
.contain_phone div{
	display:inline-block;
	width:102px;
	height:37px;
	margin:auto;
	background:url(../images/none_selected.png);
}
.contain_phone .now_selected{
	background:url(../images/now_selected.png);
}

.email_layout{
	margin-bottom:10px;
	float:right; 
	width:50%;
	overflow:hidden;
}
.email_layout .left_text,.email_layout .right_input{
	float:left;
}
.email_layout .left_text{
	margin-right:20px;
}
.email_layout .right_input{
	min-width:400px;
}
#userEmail{
	background:url(../images/email_input.png);
	background-size:cover;
	 line-height:50px;
	 width:456px;
	 height:50px;
	 margin:0;
	 padding:0;
	 border:0; 
	 color:#fff;  
	 font-size:20px; 
	 padding-left:20px; 
	 vertical-align:middle;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}
#saveEmail{
	background:url(../images/send_email_button11.png);
	background-size:cover;
	margin:0; 
	padding:0; 
	border:0;
	margin-left:-105px;
	width:105px;
	height:50px; 
	vertical-align:middle;
	 color:#FFF;
	 font-size:12px;
	 font-weight:bold;
}
.email_layout .left_text span{
	 font-size:16px; 
	 line-height:50px; 
	 vertical-align:middle; 
}
.other_icon{
	clear:both;
	display:block;
	position:absolute;
	top:40%;
	left:50%;
	width:80%;
	margin-left:-40%;
}
.other_icon img{
	 width:80px; 
	 margin:20px 60px 10px 60px;
	cursor:pointer;
}
.copyright_text{
	position:absolute;
	top:80%;
	 width:50%; 
	 left:50%;
	 margin-left:-25%;
	 color:#666;
	 line-height:40px; 
	 font-size:16px; 
}
.copyright_text a{
	text-decoration:none;
	color:#666;
}
.contain_layout .contain_img  .player_button{
	width:100px;
	position:absolute;
	left:50%;
	top:40%;
	margin-left:-50px;
}
.contain_layout .contain_img  .go_to_buy{
	width:20%;
	position:absolute;
	left:57.3%;
	top:55%;
}
.player{
	width:70%;
	display:none;
	position:absolute;
	left:15%;
	top:10%;
	z-index:999;
}
.shadow{
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	left:0;
	top:0;
	display:none;
	background:#000000;
	filter:alpha(opacity=70);  /*支持 IE 浏览器*/
	-moz-opacity:0.70; /*支持 FireFox 浏览器*/
	opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/
}

	.title .title_layout .title_button_layout .no_hover:hover{
		background: #FFFFFF;
		background-size:contain;
		cursor:pointer;
		color:#FFF;
	}
	.title .title_layout .title_button_layout .no_hover_change:hover{
		background: #FFFFFF;
		background-size:contain;
		color:#666;
	}
	.lunxun_box{
		width:100%; 
		overflow:hidden; 
		position:relative;
		z-index:0;
	}
	.lunxun_box .lunxun_contain{
		width:400%;
		overflow:hidden;
	}
	.lunxun_box .lunxun_contain img{
		width:25%;
		float:left;
	}
	.lunxun_left{
		position:absolute; 
		width:60px; 
		height:60px; 
		left:10%; 
		top:50%; 
		margin-top:-30px;
	}
	.lunxun_right{
		position:absolute; 
		width:60px; 
		height:60px; 
		right:10%; 
		top:50%; 
		margin-top:-30px;
	}
@media screen and (max-width:1100px){
	.contain_layout .contain_img .index_title{
		top:6%;
		font-size:24px;	
	}
	.email_layout{
		float:none;
		width:600px;
		margin:auto;
		overflow:hidden;
		margin-bottom:10px;
	}
	.email_layout .left_text,.email_layout .right_input{
		float:none;
	}
	.email_layout .left_text{
		margin-right:20px;
	}
	.email_layout .right_input{
		min-width:400px;
	}
	
	#userEmail{
		background:url(../images/email_input.png);
		background-size:cover;
		 line-height:25px;
		 width:469px;
		 height:49px;
		 margin:0;
		 padding:0;
		 border:0; 
		 color:#fff;  
		 font-size:12px; 
		 padding-left:20px; 
		 vertical-align:middle;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #fff;  
	}
	
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #fff;
	}
	
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #fff;
	}
	
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #fff;
	}
	#saveEmail{
		background:url(../images/send_email_button11.png);
		background-size:cover;
		margin:0; 
		padding:0; 
		border:0;
		margin-left:-100px;
		width:100px;
		height:49px; 
		vertical-align:middle;
		 color:#FFF;
		 font-size:6px;
		 font-weight:bold;
	}
	.email_layout .left_text span{
		 font-size:16px; 
		 line-height:50px; 
		 vertical-align:middle; 
	}
	.other_icon{
		clear:both;
		top:46%;
	}
	.other_icon img{
		 width:40px; 
		 margin:20px 20px 10px 20px;
	}
	.copyright_text{
		position:absolute;
		top:80%;
		 width:50%;
		 left:50%;
		 margin-left:-25%;
		 line-height:20px; 
		 font-size:12px;
		 color:#666; 
	}
	.contain_layout .contain_img  .player_button{
		width:50px;
		position:absolute;
		left:50%;
		top:40%;
		margin-left:-25px;
	}
}

@media screen and (max-width:1060px){
	.title{
		background:#FFFFFF;
		overflow:hidden;
	}
	.title .title_layout{
		max-width:1200px;
		margin:auto;
		min-width:640px;
		overflow:hidden;
		position:relative;
	}
	.title .title_layout .logo_img{
		float:none;
		padding-left:0;
		margin:auto;
		width:150px;
		height:90px;
		padding-top:10px;
	}
	.title .title_layout .logo_img img{
		height:60px;
		margin-top:10px;
	}
	.title .title_layout .title_button_layout{
		position:absolute;
		right:10%;
		top:50%;
		margin-top:-18px;
		overflow:hidden;
		text-align:center;
		background-image:url(../images/nav_button_42_37.png);
		width:42px;
		height:36px;
	}
	.title .title_layout .title_button_layout a{
		display:none;
	}
	.title .title_layout .title_button_layout a:hover{
		background: url(../images/button_bg.png) no-repeat;
		background-size:contain;
		cursor:pointer;
		color:#000;
	}
	.title .title_layout .title_button_layout .select{
		background: url(../images/button_bg.png) no-repeat;
		background-size:contain;
		color:#000;
	}
	
	.contain_layout .contain_img{
		width:100%;
		margin-left:0;
	}
	
	.foot{
		width:100%;
		padding-left:25%;
		text-align:center;
		padding-left:0;
		padding-right:0;
		color:#fff;
	}
	.copyright{
		max-width:1000px;
		margin:auto;
		padding:20px;
		padding-left:0;
		padding-right:0;
		color:#fff;
	}
	.copyright a{
		color:#FFF;
	}
	.copyright a:hover{
		color:#fff;
	}
	.lunxun_left{
		position:absolute; 
		width:40px; 
		height:40px; 
		left:10%; 
		top:50%; 
		margin-top:-20px;
	}
	.lunxun_right{
		position:absolute; 
		width:40px; 
		height:40px; 
		right:10%; 
		top:50%; 
		margin-top:-20px;
	}
}