@charset "utf-8";
html{overflow-y:auto;}

#slides{width:100%; height:100%; top:0; left:0; z-index:100; overflow:hidden; position:absolute !important;}

.mv-txt{width:100%; margin-top:250px; font-weight:600; font-size:24px; line-height:35px; text-align:center; color:#fff; z-index:101; position:relative;}
.mv-product{width:100%; margin:450px auto 0; z-index:102; overflow:hidden; position:relative;}
.mv-product .mv-pbox{width:100%; max-width:1250px; margin:0 auto; position:relative;}
.mv-product .mv-pbox:after{clear:both; content:""; display:block;}
.mv-product .mv-pbox .left-area{width:50%; padding:0 25px; float:left;}
.mv-product .mv-pbox .right-area{width:50%; padding:0 25px; float:left;}
.mv-product .mv-pbox .box{height:390px; padding:30px; background:rgba(51,51,51,.6); position:relative;  transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.mv-product .mv-pbox h2{font-weight:600; font-size:30px; text-align:center; color:#fff; display:block;}
.mv-product .mv-pbox .img{margin-top:33px; padding:0 10px; text-align:center;}
.mv-product .mv-pbox .img img{max-width:100%;}
.mv-product .mv-pbox .more{width:102px; right:30px; bottom:40px; padding-bottom:5px; font-weight:600; font-size:14px; color:#fff; background:url("../img/more_bul.png") no-repeat bottom; position:absolute;}
.mv-product .mv-pbox a:hover .box:after{width:100%; height:100%; top:0; left:0; border:5px solid rgba(255,255,255,.9); content:""; display:block; position:absolute; }
.mv-product .mv-pbox a:hover .box{background:rgba(1,57,189,.6);}

@media screen and (max-width:1080px){
	.mv-product .mv-pbox .left-area{padding:0 15px;}
	.mv-product .mv-pbox .right-area{padding:0 15px;}
}

@media screen and (max-width:960px){
	.mv-product .mv-pbox .left-area{padding:0 10px;}
	.mv-product .mv-pbox .right-area{padding:0 10px;}
	.mv-product .mv-pbox .box{height:350px; padding:20px;}
	.mv-product .mv-pbox .more{bottom:20px;}
	.mv-product .mv-pbox h2{font-size:25px;}
}

@media screen and (max-width:780px){
	.mv-product .mv-pbox .left-area{padding:0 5px;}
	.mv-product .mv-pbox .right-area{padding:0 5px;}
	.mv-product .mv-pbox .box{height:300px; padding:20px;}
	.mv-product .mv-pbox .more{bottom:20px;}
	.mv-product .mv-pbox h2{font-size:23px;}
}

@media screen and (max-width:680px){
	.mv-product{margin:350px auto 0;}

	.mv-product .mv-pbox .box{height:300px; padding:10px;}
	.mv-product .mv-pbox h2{font-size:20px;}
}

@media screen and (max-width:580px){
	.mv-product{margin:230px auto 0;}
	.mv-product .mv-pbox .box{height:220px; padding:15px 5px;}
	.mv-product .mv-pbox .img{margin-top:20px;}
}

@media screen and (max-width:480px){
	.mv-product{margin:100px auto 0; padding-bottom:5px;}
	.mv-product .mv-pbox .left-area{width:100%; float:none;}
	.mv-product .mv-pbox .right-area{width:100%; margin-top:5px; float:none;}
	.mv-product .mv-pbox .box{height:auto;}
}