/*
	[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}*/



/*//////////////////////////////////////////////*/
/*幻灯广告*/


.video_topppt {position:relative;width:100%;height:480px;overflow:hidden; margin:20px auto;padding-bottom:30px;}
.video_topppt .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.video_topppt .flex-direction-nav li a {width:60px;height:90px;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-transition:all .3s ease; font-size: 0px;display: flex;justify-content: center;align-items: center;background:rgba(0,0,0,.8);opacity:0;}
.video_topppt:hover .flex-direction-nav li a { opacity:1;}
.video_topppt .flex-direction-nav .flex-next{right:0;}
.video_topppt .flex-direction-nav .flex-prev{left:0;}
.video_topppt .flex-direction-nav .flex-prev:before,
.video_topppt .flex-direction-nav .flex-next:before{ content:""; display:inline-block; width:20px; height:20px; border-top:2px solid rgba(255,255,255,.6); border-right:2px solid rgba(255,255,255,.6);}
.video_topppt .flex-direction-nav .flex-prev:before { transform: rotate(225deg);}
.video_topppt .flex-direction-nav .flex-next:before { transform: rotate(45deg);}
.video_topppt .flexslider:hover .flex-next{opacity:0.8;}
.video_topppt .flexslider:hover .flex-prev{opacity:0.8;}
.video_topppt:hover .flex-next:hover,.video_topppt:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.video_topppt .flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;}
.video_topppt .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.video_topppt .flex-control-paging li a{display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer; background:#333; border-radius:6px;}
.video_topppt .flex-control-paging li a.flex-active{background:#ff4f53; width:60px; 
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}




.video_topppt .Ul_S2 .list .images { float:left; width:340px; height:230px; position:relative; overflow:hidden;}
.video_topppt .Ul_S2 .list .images img { width:340px; height:230px;}
.video_topppt .Ul_S2 .list .images:nth-child(1) { width:680px; height:470px;}
.video_topppt .Ul_S2 .list .images:nth-child(1) img { width:680px; height:470px;}


@media(max-width:1580px){
.video_topppt {height:410px;}
.video_topppt .Ul_S2 .list .images { width:300px; height:200px;}
.video_topppt .Ul_S2 .list .images img { width:300px; height:200px;}
.video_topppt .Ul_S2 .list .images:nth-child(1) { width:580px; height:410px;}
.video_topppt .Ul_S2 .list .images:nth-child(1) img { width:580px; height:410px;}
}


.video_topppt .Ul_S2 .list .images:nth-child(1n+2) { margin-left:10px;}
.video_topppt .Ul_S2 .list .images:nth-child(1n+4) { margin-top:10px;}
.video_topppt .Ul_S2 .list .images:nth-child(1) p { height:60px; line-height:60px; font-size:18px; font-weight:700;}
.video_topppt .Ul_S2 .list .images p { display:block; width:100%; text-align:center; height:40px; line-height:40px; position:absolute; bottom:0px; background:rgba(0,0,0,.6); font-size:16px; color:#fff;
	padding:0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*幻灯广告*/





.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;}