﻿/* CSS Document */
/*--------------------*/
.MobleBig { width: 100%; display: none;}
.MobleNav { background: #edf0f2; display: block; height: 65px;  }
.MobleNav .lltab {  padding: 15px 0;  }
.MobleNav .lltab h4 { font-size: 27px;  font-weight: 800; line-height: 35px; display: block; width: 20%; float: left; padding: 0 0 0 1%; }
.MobleNav .lltab h4 a { color: #333; text-decoration: none; }
.MobleNav .lltab h5 { display: block; font-size: 23px;  display: block; width: 150px; float: right; line-height: 35px;  }
.MobleNav .lltab h5 img { vertical-align: middle; }
.MobleNav .lltab h5 a { color: #7dc03b; text-decoration: none; }
.MobleNav .lltab .Huv { width: 35px; height: 35px; float: right; cursor: pointer; }
.Matter {  background: #202020; padding: 20px 0; display: none; position:absolute; top: 65px; z-index: 10; left: 0; width: 100%;  color: #fff; }
.Matter .close { width: 19px; height: 19px; float: right; margin: 0 5% 0 0; cursor: pointer;  }
.Matter ul { font-size: 23px; padding: 20px 5% 0 5%; }
.Matter ul li { list-style: none; border-bottom: 1px solid #4d4d4d; padding: 25px 0 15px; }
.Matter ul li:last-child { border:none;  }
.Matter ul li a { color: #fff; text-decoration: none; }
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.DivMain01 {background:url(https://www.5kplayer.com/company/img/aboutbg.jpg) repeat-x; }
.DivMain01 .detail { width:1220px; margin:0 auto; height:410px; padding:0 30px; background:url(https://www.5kplayer.com/company/img/about-banner.jpg) center no-repeat; }
.DivMain01 .detail h2 { font-size:36px; color:#ff4c3d; padding-bottom:20px; line-height:30px;}
.DivMain01 .detail p { padding:10px 0;}
.DivMain01 .detail .txt { width:500px; float:left; padding:125px 0 0 50px;}
/* CSS Document */
.DivMain02 { }
.DivMain02 .detail { width:1220px; margin:0 auto; padding:80px 30px; }
.DivMain02 .detail .left { width:590px; float:left; padding:10px;}
.DivMain02 .detail .left h3 { font-size:32px; color:#ff4c3d; padding:20px 0;}
.DivMain02 .detail .left p { padding:10px 0;}
.DivMain02 .detail .left p i {  font-style:normal; display:block; padding-left:50px;}
/* CSS Document */
.DivMain03 { background:#f4f2f0; }
.DivMain03 .detail { width:1220px; margin:0 auto; height:682px; padding:90px 30px 0; background:url(https://www.5kplayer.com/company/img/aboutfoot.jpg) center no-repeat;  }
.DivMain03 .detail .left { width:700px; float:left; padding:10px;}
.DivMain03 .detail .left h3 { font-size:32px; color:#ff4c3d; padding:20px 0;}
.DivMain03 .detail .left ul { list-style:none; padding:30px 0 0 0;}
.DivMain03 .detail .left ul li { padding:50px 0 0 50px; line-height:30px; }
.DivMain03 .detail .left ul li i { display:block;}
.DivMain03 .detail .left h6 { font-size:19px; padding:50px 0 0 50px;}


.DivMain03 .detail .right { width:435px; float:left;  padding:120px 10px 10px; }
.DivMain03 .detail .right h3 { font-size:21px; padding:20px 0 20px 0; }
.DivMain03 .detail .right .txt {border-left:1px solid #c7c7c7; padding-left:30px;}
.DivMain03 .detail .right .txt .share img { margin:10px;}

#small_banner{position:fixed; right:30px; bottom:280px; display:none; cursor:pointer;}
#bigg_banner{width:330px; height:368px; position:fixed; right:30px; bottom:280px; background:url(https://www.5kplayer.com/banner/s_big.png) no-repeat center;}
#bigg_banner a#big_banner{float:right; width:20px; height:20px;}
#bigg_banner a.link{height:100%; display:block;}

@media (max-width: 979px) {
    .detail,.Details{ width:100%; margin:0 auto;padding: 0 10px;box-sizing: border-box;}
    .Navigate{display: none;}
/* `````````````````````````````````````````````````` */
.DivMain01 .detail {width: 100%;height: auto;padding: 0 10px;background:#fff8ed;}
.DivMain01 .detail h2 {font-size: 1.3425rem;line-height: 2rem;font-weight: 600;padding-bottom: 0;}
.DivMain01 .detail .txt {float: none;width: 100%;padding: 30px 0;text-align: center;}
/* `````````````````````````````````````````````````` */
.DivMain02 .detail {width: 100%;padding: 30px 0;}
.DivMain02 .detail .left {width: 100%;float: none;padding: 0;text-align: center;}
.DivMain02 .detail .left img {max-width: 100%;}
.DivMain02 .detail .left h3 {font-size: 1.3425rem;line-height: 2rem;}
.DivMain02 .detail .left p i {padding-left: 0;}
/* `````````````````````````````````````````````````` */
.DivMain03 .detail {height: auto;width: 100%;padding: 30px 0;text-align: center;}
.DivMain03 .detail .left {float: none;width: 100%;padding: 0;}
.DivMain03 .detail .left h3 {font-size: 1.3425rem;line-height: 2rem;padding: 0; }
.DivMain03 .detail .left ul {padding: 0;}
.DivMain03 .detail .left h6 {padding: 15px 0;}
.DivMain03 .detail .right {float: none;width: 100%;padding: 0;}
.DivMain03 .detail .right h3 {font-size: 1.3425rem;line-height: 2rem;}
.DivMain03 .detail .right .txt {padding-left: 0;}
}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}