@charset "utf-8";
/*    __banner
----------------------------------------------*/
.videoBannerTitle{width:100%; height:580px; background:url(../images/Download/banner.jpg) no-repeat top center; }
.videoBannerTitle .title01,.videoBannerTitle .title02{max-width:1120px; margin:0 auto; color:#fff;}
.videoBannerTitle .title01{ font-size:50px; padding-top:225px; padding-left:0.5%; font-weight:600;}
.videoBannerTitle .title02{ font-size:18px; color:#fff; opacity:0.75; padding-top:33px;}
.videoBannerTitle .title02 p{ width:500px; text-align:center; line-height:30px;}


/*    __software
----------------------------------------------*/
.software{ width:900px; margin:0 auto; padding:45px 0 70px;}
.softItem li{ text-align:center;}
.softTitle{ font-size:28px; margin:0px 0 30px;}
.size{ color:#999; margin-bottom:14px;}
.channel{ width:120px; height:120px; background:#f9f9f9; border-radius:50%; display:inline-block; text-align:center; margin:0 22px;}
.channel .iconfont{ font-size:42px; color:#7c7c7c; margin:0; position:relative; top:36px;}
.channel p{ font-size:14px; color:#7c7c7c; position:relative; top:30px;}
.channel:hover{ background:#0080ff;}
.channel:hover .iconfont,.channel:hover p{ color:#fff;}
.channel:nth-child(2) .iconfont{ font-size:42px;position:relative; top:33px;}
.channel:nth-child(2) p{ position:relative; top:30px;}
@media screen and (max-width: 1152px){
	.software{ width:920px;}
	.softList{ margin:0 10px;}
	.softText{ margin-left:15px;}

}


/*    __drive
----------------------------------------------*/
.drive{ width:1150px; margin:0 auto; padding:45px 0 40px;}
.driveItem li{ width:50%; float:left;}
.driveList{ margin:0 15px 30px; height:200px; background:#fff;  transition-duration:.6s;}
.driveLeft{ width:71px; float:left; color:#a8a8a8; padding:56px 0 0 35px;}
.driveLeft .iconfont{ font-size:34px;}
.driveRight{ float:left; padding-top:36px;}
.driveTitle{ font-size:20px; margin-bottom:8px;}
.driveRight .gray{ color:#999; margin-top:5px;}
.driveDownload{ width:105px; height:40px; text-align:center; line-height:40px; background:#0080ff; display:block; border-radius:25px; color:#fff; margin-top:10px;}
.driveDownload:hover{ background:#333; color:#fff;}
.driveList:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, .08); cursor:pointer;}
.driveList:hover{transform:translateY(-12px) scale(1,1); }
@media screen and (max-width: 1152px){
	.drive{ width:930px;}
	.driveList{ height:234px; margin:0 15px 30px;}
	.driveRight{ width:70%;}
}


/*    __videos
----------------------------------------------*/
.container{ width:1164px; margin:0 auto; padding:45px 0 36px;}
.playItem li{ width:33.33%; float:left;}
.videolist{ position:relative; height:233px; margin:0 22px 44px; }
.videolist img:nth-child(1){ width:100%; height:100%; }
.videoed{ display:none; width:65px; height:65px; position: absolute; left:40%; top:30%; z-index:99; border-radius:100%; }
.vtime{ width:100%; position:absolute; bottom:0; left:0; height:35px; line-height:35px; text-align:center; color:#fff; font-size:16px; z-index:2;}
.vtimeBj{ width:100%; height:35px; background:#000; opacity:0.4; z-index:1; position:absolute; left:0; bottom:0;}
.playItem li:hover{ cursor:pointer;}
.videos{ display:none; border:6px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; background:#000; }
.vclose { position:absolute;right:2%; top:2%; border-radius:100%; cursor: pointer; }
@media screen and (max-width: 1152px){
	.container{ width:924px;}
	.videolist{ margin:0 12px 44px; }
}