/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.player {padding:32px 0;}
.play-list {padding:24px 24px 8px 24px;}
.play-list div {height:75px;margin-bottom:16px;}
.play-list div:hover {background:#404040;}
.play-list img {float:left;}
.play-list ul {overflow:hidden}
.play-list p {height:40px;line-height:20px;overflow:hidden;margin:6px 10px;color:#F1F1F1;}
.play-list span {color:white;padding-left:10px;}

/*推荐品牌*/
.p-box {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;}
.p-box ul {overflow: hidden;padding:10px 10px;}
.p-box li {float: left; width: 215px; padding:10px 10px;overflow: hidden;}
.p-box li a {display:block; position: relative; height: 100%; text-align: center;color:white}
.p-box li a img {width:100%;}
.p-box li a p {display: block; height: 30px; font-size:14px; position:absolute;bottom:0px;width: 100%; line-height: 30px; background:rgba(0,0,0,0.5)}








.photo .left{ float:left; margin-right:20px;}
.photo .left a { width: 160px; height: 40px; border-bottom:1px solid #eee;text-align:center; display:block; heiht:40px; line-height:40px; font-size:16px; background:white;}
.photo .left dt{ background:#ff5400; color:white;line-height:40px;font-size:16px; text-align:center;border-radius:5px 5px 0 0}
.photo .left a.on { background:#ff7900; color:white}
.photo .left a:last-child { border:none;}
.photo .left dl{border:#eee 1px solid; overflow:hidden}
.photo .right{overflow:hidden}
/*.photo .right .p-box li{width:228px}*/

/*幻灯广告*/
.VideoSwiper { overflow:hidden;}
.VideoSwiper .swiper-slide { display:grid; grid-template-columns: repeat(4, 24.25%);grid-row-gap: 2%;grid-column-gap: 1%;}
.VideoSwiper .swiper-slide a { position:relative; transition:all ease .5s; transform: translate(0,0); position:relative;}
.VideoSwiper .swiper-slide a:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3;}
.VideoSwiper .swiper-slide a img { width:100%;}
.VideoSwiper .swiper-slide a p { display:block; width:100%; text-align:center; height:40px; line-height:40px; position:absolute; bottom:0px; background:rgb(0 0 0/.6); font-size:16px; color:#fff;
	padding:0px 20px; box-sizing: border-box;}
.VideoSwiperM { display:flex; justify-content:center; margin-top:2%;} 
.VideoSwiperM span { display:block; width:10px; height:10px; margin:0 4px; background:#333; border-radius:10px; transition:all ease .5s;}
.VideoSwiperM span.swiper-pagination-bullet-active { background:#ff4f53; width:60px;}
/*幻灯广告*/

.video_list_r { background:#fff; padding:15px;}
.video_list ul { display:flex; flex-wrap:wrap;}
.video_list li {width: 19.2%; overflow: hidden; box-sizing:border-box; margin-right:1%;}
.video_list li:nth-child(5n+5) { margin-right:0;}
.video_list li:nth-child(1n+6) { margin-top:1%;}
.video_list li a {display:block; position: relative; height: 100%; text-align: center;color:white}
.video_list li a img {width:100%;}
.video_list li a p {display: block; height: 30px; font-size:14px; position:absolute;bottom:0px;width: 100%; line-height: 30px; background:rgba(0,0,0,0.5)}





.list-img li { width:23.5%; margin:15px 2% 0 0; float:left;}
.list-img li:nth-child(4n+4) { margin-right:0;}
.list-img li img { width:100%;height:200px;}
.list-img li p { height:40px; line-height:40px; font-size:15px; font-weight:700;}