@charset "utf-8";
/* CSS Document */
.detail{ width: 1280px; margin: 0 auto;}

.main01 .detail .bread{padding: 40px 0 30px 100px; border-bottom: 1px solid #cccccc; color: #7f7f7f;}
.main01 .detail .bread a{ color: #7f7f7f; text-decoration: none;}
.main01_content{padding:0 100px 30px; position: relative;}
.main01_content h1{font-size: 30px; text-align: center; padding: 40px 0 10px;}
.main01_content h1 span{color: #ff3958;}
.main01_content h1 var{font-size:20px; font-style:normal;color: #7f7f7f; padding-top:20px; display:inline-block;}
.main01_content h2{font-size: 21px; padding-top: 40px;}
.main01_content .mess{ width: 540px; padding-top: 20px;}
.main01_content .t_bg{ background:url(https://www.5kplayer.com/airplay-zh/img/t_bg.png) no-repeat center; text-align:center; line-height:31px;}
.main01_content ul{padding: 20px 0 30px 20px;}
.main01_content .pic{position:absolute; bottom: -30px; right: 60px;}
.btn{padding-top: 20px;}

.main02{height: 130px; background-color: #f2f2f2;}

.main03 { background:url(https://www.5kplayer.com/airplay-zh/img/airplay_bg.jpg) repeat-x top; height:456px;}
.main03 .detail .main03_top{ padding:50px 0 0 0;}
.main03_top >img{ float:left;}
.main03 .detail .main03_top .what_txt{ font-size:41px;width:550px; line-height:45px; float:left; padding-top:55px;}
.main03 .detail .main03_top .what_txt span{color:#ff3958;}
.main03 .detail .main03_top .what_mess{ font-size:20px; color:#ff3958; padding:20px 0;}
.main03 .detail .main03_top p{ width: 550px; padding: 30px 0 0 30px; float:left;}

.main032 {padding:60px 0 70px;}
.main032 .detail > img { padding:40px 100px 0 90px;float: left;}
.main032 .detail ul {float: left;}
.main032 .detail ul li{line-height: 42px;}

.main04 .detail{ padding-bottom:60px;}
.main04 .detail .commend{ text-align: center;border-bottom: 1px solid #cccccc;font-size: 29px; padding-bottom: 20px;}
.main04 .detail > img{float:left; padding:120px 50px ;}
.main04 .detail .soft_box{ float:left; width:830px;}
.main04 .detail .soft{ text-align: center;font-size: 40px; padding:40px 0 10px;}
.main04 .detail > p{ padding: 0 130px; text-align: center;}
.cont{padding: 30px 0 0; height:50px;}
.cont_one{float: left;}
.cont_two{padding-left: 60px;}
.down_btn{padding: 50px 0 70px 0;}

.change_pic{ width:630px; height:393px; margin:0 auto; overflow:hidden; position:relative;}
.change_pic .pic_box{ width:5000px; left:0;top:0; height:393px; position:absolute;}
.box_one{ float:left; position:relative;}
.box_one p{ position:absolute; text-align:center; top:370px; width:470px;}
.num{ height:26px; text-align:center; padding-top:50px;}
.num span{ display:inline-block; height:26px; width:26px; background:url(https://www.5kplayer.com/airplay-zh/img/dian2.png) no-repeat center; margin:0 15px; cursor:pointer;}
.num span.focus{ display:inline-block; height:26px; width:26px; background:url(https://www.5kplayer.com/airplay-zh/img/dian.png) no-repeat center; margin:0 15px; cursor:pointer;}

.main05{ background:url(https://www.5kplayer.com/airplay-zh/img/airplay.jpg) no-repeat center; height:208px;}
.main05 .detail p{ color:#fff; padding:60px 400px 0 80px;}
.main05 .detail a{ color:#ff3958; text-decoration:none;}

.mobileNo{ display:block;}
@media (max-width: 979px) {
	.mobileNo{ display:none;}
	img{ max-width:100%;}
	.detail,.DivMain01 .details,.DivMain02 .details{ width:96%; padding:0 2%;}
	.main01 .detail .bread{ padding:2% 0;}
	.main01_content{ padding:0 2% 2%;}
	.main01_content .mess{ width:100%;}
	.main01_content .pic{ width:50%; right:0;}
	.main01_content ul{ padding-left:10px;}
	.main03{ height:auto;}
	.main03 .detail .main03_top{ padding:10px 0 0 0;}
	.main03 .detail .main03_top p{ width:100%;}
	.main032{ padding:20px 0;}
	.main032 .detail > img{ padding:0 20px 0 0;}
	.DivMain01 .titi, .DivMain02 .titi{ background-size:100% 83px; position:relative; width: auto; left:0; top:0; text-align:center;}
	.DivMain01{ padding:2% 0; }
	.DivMain01 .titi h2, .DivMain02 .titi h2{ font-size:22px;}
	.DivMain01 .sleft, .DivMain02 .sleft{ padding:20px 0 0 0; width:40%;}
	.DivMain01 .sright, .DivMain02 .sright{ width:60%;}
	.DivMain01 .sright h3, .DivMain02 .sright h3{ line-height:33px;}
	
	.main03_top > img{width:40%;}
	.main03 .detail .main03_top .what_txt{width:60%;}
	.main03 .detail .main03_top p{ padding-left:0;}
	.main04 .detail > img{ float:none; padding:10px 0 0 ;}
	.main04 .detail .soft{ padding-top:10px;}
	.main04 .detail .soft_box{ width:100%;}
	.cont_two{padding-left:20px;}
	.down_btn{padding:10px 0;}
}

@media (max-width: 767px) {
	.main01_content h1{ font-size:33px; line-height:31px;}
	.main01_content .btn{ width:50%;}
	.main02{ display:none;}
	.main03 .detail .main03_top .what_txt{ font-size:25px;}
	.main032 .detail ul{ padding-left:10px;}
	.DivMain01 .titi, .DivMain02 .titi{ background:none; }
	.DivMain01 .titi h2, .DivMain02 .titi h2{ color:#000;}
	.DivMain01 .sright h3, .DivMain02 .sright h3{ line-height:33px; font-size:27px;}
	.main05 .detail p{ padding:2%;}
	
	.main04 .detail .soft{font-size:35px; text-align:left;}
	.main04 .detail .soft > img{ width:180px;}
	.down_btn a{ margin:0!important;}

}

@media  (max-width: 479px) {
	.main01 .detail .bread{ padding:30px 0 2%;}	
	.main01_content h1{ font-size:23px; line-height:23px;}
	.main01_content h1 var{ font-size:17px;}
	body{ font-size:13px;}
	.main01_content .btn{ width:80%; margin: 0 auto;}
	.main01_content .pic{ display:none;}
	.main03 .detail .main03_top{ padding-left:0;}
	.main03_top > img{ float:none; width:auto;}
	.main03 .detail .main03_top .what_txt{ font-size:25px; width:100%;}
	.main03{ background:none;}
	.DivMain01 .sleft, .DivMain02 .sleft,.DivMain01 .sright, .DivMain02 .sright{ float:none; width:100%;}
	
	.main04 .detail .commend{ font-size:19px;}
	.main04 .detail .soft{ font-size:20px;}
	
}