@charset "UTF-8";
body{
	position:relative;
	background:#000;
}
.cont{
	overflow:hidden;
	width: 950px;
	margin:0 auto;
	color:#fff;
}
@media (max-width:640px) {
	.cont{
		overflow:hidden;
		width: auto;
		margin:0 auto;
		color:#fff;
	}
}
/********************************
	header
********************************/
#header{
	width: 100%;
	height:80px;
	background:url(../images/headerbg.jpg) repeat-x top left;
}
.headerIn{
	overflow:hidden;
	width:950px;
	margin:0 auto;
}
.headerInLeft{
	float:left;
	width:128px;
	margin:29px 0 0;
}
.headerInRight{
	float:right;
	width:50px;
	margin:29px 0 0;
}
.headericon{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.headericon li{
	float:left;
	margin:0 10px 0 0;
}
.headericon li.last{
	float:left;
	margin:0;
}
@media (max-width:640px) {
	#header{
		width: auto;
		height:auto;
		background:url(../images/mq_headerbg.jpg) repeat-x top left;
	}
	.headerIn{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.headerInLeft{
		float:left;
		width:21%;
		margin:5% 0 5% 5%;
	}
	.headerInLeft img{
		display:block;
		max-width:90%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headerInRight{
		float:right;
		width:50px;
		margin:5.5% 5% 5% 0;
	}
	.headericon{
		overflow:hidden;
		list-style:none;
		margin:0;
		padding:0;
	}
	.headericon li{
		float:left;
		margin:0 10px 0 0;
	}
	.headericon li.last{
		float:left;
		margin:0;
	}
}
@media (max-width:370px) {
	.headerInLeft{
		float:left;
		width:21%;
		margin:8% 0 5% 5%;
	}
	.headerInRight{
		float:right;
		width:50px;
		margin:7% 5% 5% 0;
	}
}
/********************************
	intro
********************************/
#intro{
	width: 100%;
	min-width: 950px;
	max-width: 2000px;
	height:593px;
	background:url(../images/topbg.jpg) no-repeat center top;
	background-size:cover;
}
@media (max-width:640px) {
	#intro{
		width: auto;
		min-width: 100%;
		height:auto;
		margin: 0 auto;
	}
	#intro img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************************
	movie
********************************/
#movie{
	width: 100%;
	min-width: 950px;
	height:676px;
	margin:0 auto;
	background:url(../images/block1bg.jpg) no-repeat center top;
	background-size:cover;
}
#movie h2{
	width:194px;
	margin:70px auto 43px;
}
#movie article{
	overflow:hidden;
}
.moviewrap{
	overflow:hidden;
	width:945px;
	height:341px;
	margin:0 auto;
}
.movieleft{
	float:left;
	width:450px;
	height:341px;
}
.movieright{
	float:right;
	width:450px;
	height:341px;
}
.moviename{
	width:250px;
	height:58px;
	margin:25px auto 0;
}
.comment{
	width:425px;
	height:14px;
	margin:40px auto 0;
}
@media (max-width:640px) {
	#movie{
		width: auto;
		min-width:320px;
		height:auto;
		background:url(../images/mq_block1bg.jpg) no-repeat center top;
		background-size:cover;
	}
	#movie h2{
		width:auto;
		margin:10% 100px 5%;
	}
	#movie h2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	#slider{
		width:auto;
		margin:0 auto;
	}
	.moviettl{
		width: auto;
		margin:0 40px;
	}
	.thumb{
		margin:0 auto 5%;
	}
	.thumb img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.comment{
		width:auto;
		margin:0 30px 12%;
	}
	.comment img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}

/********************************
	interview
********************************/
#interview{
	width: 100%;
	min-width: 950px;
	height:659px;
	margin:0 auto;
	background:url(../images/block2bg.jpg) no-repeat center top;
	background-size:cover;
}
#interview h2{
	width:321px;
	margin:0 auto;
	padding:184px 0 0;
}
.interviewwrap{
	width: 865px;
	margin:65px auto 0;
}
.interviewwrap p{
	margin:0;
	color:#fff;
	font-size:13px;
	line-height:2em;
}
.interviewleft{
	float:left;
	width: 400px;
}
.interviewright{
	float:right;
	width: 400px;
}
.interviewleftimg{
	width: 273px;
	margin:0 auto 30px;
}
.interviewrightimg{
	width: 271px;
	margin:0 auto 30px;
}
@media (max-width:640px) {
	.interviewsp{
		width: auto;
		height:auto;
		background:url(../images/mq_block2bg.jpg) no-repeat center top;
		background-size:cover;
	}
	.interviewsp h2{
		width:auto;
		margin:10% 70px 5%;
		padding:0;
	}
	.interviewsp h2 img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.interviewwrap{
		overflow:hidden;
		width:auto;
		margin:0 auto;
	}
	.interviewwrap p{
		margin:0;
		color:#fff;
		font-size:15px;
		line-height:2em;
	}
	.interviewleft{
		float:left;
		width:auto;
		margin:0;
		background:url(../images/mq_block2bg_img2.png) no-repeat center top;
		background-size:cover;
	}
	.interviewleft p{
		clear:both;
		float:left;
		width:40%;
		margin:0 20px;
	}
	.interviewright{
		float:right;
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20%;
		background:url(../images/mq_block2bg_img1.png) no-repeat center top;
		background-size:cover;
	}
	.interviewright p{
		clear:both;
		float:right;
		width:60%;
		margin:0 20px;
		font-size:1.5em;
	}
	.interviewleftimg{
		width:auto;
		margin:50px auto 20px;
	}
	.interviewleftimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.interviewrightimg{
		width:auto;
		margin:0 auto 20px;
	}
	.interviewrightimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
@media (max-width:500px) {
	.interviewsp{
		width: auto;
		height:auto;
		background:url(../images/mq_block2bg.jpg) no-repeat center top;
		background-size:contain;
	}
}

/********************************
	q1-q2
********************************/
#qbg{
	width: 100%;
	min-width: 950px;
	height:1058px;
	margin:0 auto;
	background:url(../images/block3bg.jpg) no-repeat center top;
	background-size:cover;
}
#q1,#q2{
	width: 950px;
	margin:0 auto;
}
#q1 h2,#q2 h2{
	width: 137px;
	margin:0 auto;
}
#q1{
	height:540px;
	margin:0 auto;
}
#q1 h3{
	width: 333px;
	margin:10px auto 0;
}
#q2 h3{
	width: 445px;
	margin:10px auto 0;
}
.awrapleft{
	float:left;
	width: 445px;
	margin:0 auto;
}
.awrapleft p{
	margin:30px 0 0;
	font-size:1.3em;
	padding-left:3em;
	text-indent:-3em;
	line-height:2em;
}
.awrapright{
	float:right;
	width: 445px;
	margin:0 auto;
}
.awrapright p{
	margin:30px 0 0;
	font-size:1.3em;
	padding-left:3em;
	text-indent:-3em;
	line-height:2em;
}
span.under{
	font-weight:bold;
	border-bottom:solid 1px #fff;
}
@media (max-width:640px) {
	.spq{
		margin:0 auto;
		padding:170% 0 70px;
		font-size:1em;
		color:#fff;
	}
	.spq h3{
		margin:0 30px;
		font-size:1.5em;
		color:#56ffe9;
	}
	.awrap{
		width: auto;
		margin:0 30px;
	}
	.awrapleft{
		float:none;
		width: auto;
		margin:0 auto;
	}
	.awrapleft p{
		margin:30px 0 0;
		padding-left:3em;
		font-size:1em;
		text-indent:-3em;
		line-height:2em;
	}
	.awrapright{
		float:none;
		width: auto;
		margin:0 auto;
	}
	.awrapright p{
		margin:30px 0 0;
		font-size:1em;
		padding-left:3em;
		text-indent:-3em;
		line-height:2em;
	}
}

/********************************
	product
********************************/
#product{
	width: 100%;
	min-width: 950px;
	height:422px;
	margin:0 auto;
	background:url(../images/block4bg.jpg) no-repeat center top;
	background-size:cover;
}
.productwrap{
	overflow:hidden;
	width: 950px;
	padding:70px 0 0;
	margin:0 auto;
	color:#fff;
}
.productleft{
	float:left;
	width: 450px;
	margin:0 auto;
}
.productright{
	float:right;
	width: 450px;
	margin:0 auto;
}
.productimg{
	height:217px;
}
.productbtnwrap{
	overflow:hidden;
}
.btnleft{
	float:left;
	width:223px;
	margin:0 0 0 1px;
}
.btnright{
	float:right;
	width:224px;
	margin:0 1px 0 0;
}
@media (max-width:640px) {
	#product{
		width: auto;
		min-width:320px;
		height:auto;
		margin:0 auto;
		background:url(../images/mq_block4bg.jpg) no-repeat center top;
		background-size:cover;
	}
	.productwrap{
		overflow:hidden;
		width: auto;
		margin:0 40px;
		padding:70px 0 0;
		color:#fff;
	}
	.productimg{
		width: auto;
		height:auto;
		margin:0 auto;
	}
	.productimg img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.productleft{
		float:none;
		width: auto;
		margin:0 auto 50px;
	}
	.productleft img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.productright{
		float:none;
		width: auto;
		margin:0 auto 50px;
	}
	.productright img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.productbtnwrap{
		overflow:hidden;
	}
	.btnleft{
		float:none;
		width:auto;
		margin:0 auto 1px;
	}
	.btnright{
		float:none;
		width:auto;
		margin:0 auto 1px;
	}
}
/********************************
	footer
********************************/
#footer {
	background:url(../images/footerbg.jpg) repeat-x top left;
	width: 100%;
	height:160px;
}
.footerlogo{
	overflow:hidden;
	width: 68px;
	margin:0 auto 16px;
	padding:43px 0 0;
}
.footerleft{
	float:left;
	width:30px;
}
.footerright{
	float:right;
	width:30px;
}
.copy{
	margin:0 auto;
	color:#fff;
	text-align:center;
}
@media (max-width:640px) {
	.copy{
		margin:0 auto;
		color:#fff;
		text-align:center;
		font-size:.8em;
	}
}
.pc{
		display:block;
}
.sp{
		display:none;
}
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}
br{
	display:block;
}
.br{
	display:none!important;
}
@media (max-width:640px) {
	br {
			display:none;
	}
	.br{
		display:block!important;
	}
}
a:hover .fadeImg {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}