@charset "utf-8";
/* CSS Document */

a{outline:none;}
ul, ol{list-style:none;}
h2{text-align:center; font-size:24px; padding:85px 0 12px;}
h2 img{vertical-align:-16px; padding-right:15px;}
h2 + p{font-size:19px; color:#ff3958; text-align:center; margin-bottom:45px;}
.detail{ width: 1100px; margin: 0 auto;}
/* CSS Document */

.DivMain01{background:url(https://www.5kplayer.com/support/image/bg01-jp.jpg) no-repeat center; height:386px; text-align:center;}
.DivMain01 .detail{position:relative;}
.DivMain01 h1{font-size:32px; font-weight:700; padding:75px 0 35px;}
.DivMain01 h1 span{background:-webkit-linear-gradient(left, #00e8fe, #25c3fe); background:-moz-linear-gradient(left, #00e8fe, #25c3fe); background:linear-gradient(left, #00e8fe, #25c3fe); -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -moz-text-fill-color:transparent; text-fill-color:transparent;}
.DivMain01 p{padding:0 135px; font-size:17px; color:#666; line-height:27px;}
.DivMain01 .search{width:590px; height:50px; margin:40px auto 0;}
.DivMain01 .search input[type="text"]{border:0; height:50px; line-height:50px; font-size:17px; color:#888; padding-left:25px; width:505px; float:left; border-radius:6px 0 0 6px; outline:none;}
.DivMain01 .search input[type="submit"]{width:60px; height:50px; background:#fff url(https://www.5kplayer.com/support/image/search.png) no-repeat center; border:0; cursor:pointer; float:right; border-radius:0 6px 6px 0; outline:none;}
.DivMain01 .search input::-webkit-input-placeholder{color:#bfbfbf;}
.DivMain01 .search input:-moz-placeholder{color:#bfbfbf;}
.DivMain01 .search input::-moz-placeholder{color:#888;}
.DivMain01 .search input:-ms-input-placeholder{color:#bfbfbf;}
/* CSS Document */

.DivMain02{background-color:#fff;}
.DivMain02 h2{padding-bottom:40px;}
.DivMain02 .products_one{text-align:center; width:275px; float:left; border:1px solid transparent; border-bottom:2px solid transparent; height:255px; box-sizing:border-box; background-clip:padding-box,border-box; background-origin:padding-box,border-box; background-image:linear-gradient(#fff,#fff),linear-gradient(#f8f6f3,#edeae8);}
.DivMain02 .product img{padding:55px 0 30px;}
.DivMain02 .product h5{font-size:18px;}
.DivMain02 .product_con{background-image:linear-gradient(#f5f3ef,#f3f0ec),linear-gradient(#f5f3ef,#f3f0ec); height:100%; display:none; padding:0 5px;}
.DivMain02 .product_con h4{font-size:21px; color:#ff3a57; padding:30px 0 20px;}
.DivMain02 .product_con p{font-size:15px; color:#676767; padding-bottom:17px;}
.DivMain02 .product_con .btn{display:table-cell; vertical-align:middle; height:98px; text-align:center; width:273px;}
.DivMain02 .product_con .btn a{margin:5px 0; display:inline-block;}
.DivMain02 .products_one:hover{background-image:linear-gradient(#f5f3ef,#f3f0ec),linear-gradient(#f5f3ef,#f3f0ec);}
.DivMain02 .products_one:hover .product{display:none;}
.DivMain02 .products_one:hover .product_con{display:block;}
/* CSS Document */

.DivMain03{background-color:#fff;}
.DivMain03 .main03_con a{float:left; text-align:center; text-decoration:none; width:275px;}
.DivMain03 .main03_con a:hover{opacity:.6;}
.DivMain03 .main03_con a h4{font-size:24px; color:#333; padding:15px 0 10px;}
.DivMain03 .main03_con a span{font-size:18px; color:#8c8c8c;}
/* CSS Document */

.DivMain04{background-color:#fff;}
.DivMain04 .main04_con a{width:50%; float:left; text-align:center; text-decoration:none; background-color:#eee; padding:30px 0 40px;}
.DivMain04 .main04_con a img:nth-child(2){display:none;}
.DivMain04 .main04_con a h6{font-size:21px; color:#333; padding-top:25px;}
.DivMain04 .main04_con a:hover{background-color:#f7f7f7;}
.DivMain04 .main04_con a:hover img:nth-child(1){display:none;}
.DivMain04 .main04_con a:hover img:nth-child(2){display:inline-block;}
.DivMain04 .main04_con a:hover h6{color:#ff4c48;}
/* CSS Document */

.DivMain05{background-color:#fff; padding-bottom:90px;}
.DivMain05 .ti{font-size:24px; color:#ff3958; padding:100px 0 25px;}
.DivMain05 .detail > p{font-size:15px; color:#000; padding-bottom:10px;}
.DivMain05 .list{margin:15px 0;}
.DivMain05 .list .icon{float:left; padding:3px 22px 0 0;}
.DivMain05 .list .r_txt{font-size:15px; color:#707070; height:44px; display:table-cell; vertical-align:middle;}
.DivMain05 .list .r_txt span:nth-child(3){float:right; padding-right:9px;}
.DivMain05 .list .line{border-bottom:1px solid #e8e4e1; margin:17px 0 0 71px;}
/* CSS Document */

.DivMain06{background-color:#f5f4f2; padding-bottom:60px;}
.DivMain06 h2{padding-top:60px;}
.DivMain06 .main06_con{background-color:#fff; width:450px; padding:20px 50px 20px 0; float:left;}
.DivMain06 .main06_con .img{float:left; margin:12px 30px 0 -10px;}
.DivMain06 .main06_con .txt h5{font-size:15px; color:#000; font-weight:700; padding-bottom:5px;}
.DivMain06 .main06_con .txt p{font-size:15px; color:#666;}
.DivMain06 .main06_con .txt a{color:#ff3957; text-decoration:underline;}
/* CSS Document */

@media (max-width:979px) {
	.detail{width:100%;}
	/* CSS Document */

	.DivMain01 p{padding:0 1%;}
	/* CSS Document */

	.DivMain06{padding-bottom:40px;}
	.DivMain06 .main06_con{float:none !important; margin:0 auto 20px;}
	/* CSS Document */
}

@media (max-width:768px) {
	.DivMain01 h1{padding-top:35px;}
	.DivMain01 p{font-size:15px;}
	.DivMain01 .search{width:96%;}
	.DivMain01 .search input[type="text"]{width:80%; padding-left:5%;}
	.DivMain01 .search input[type="submit"]{width:15%;}
	/* CSS Document */

	.DivMain06 .main06_con{width:98%; padding:20px 2% 20px 0;}
	.DivMain06 .main06_con .img{margin-left:0;}
	/* CSS Document */
}

@media (max-width:479px) {
	.DivMain01 h1{font-size:23px; padding-bottom:15px;}
	.DivMain01 p{padding:0;}
	.DivMain01 .search{margin-top:20px}
	/* CSS Document */

	.DivMain02 .products_one{margin:10px auto; float:none;}
	/* CSS Document */

	.DivMain03 .main03_con a{margin:20px auto; float:none; display:block;}
	/* CSS Document */

	.DivMain04 .main04_con a{width:100%;}
	/* CSS Document */
}