﻿@charset "UTF-8";
/*banner*/
.banner { width: 100%; height: 350px; overflow: hidden; position: relative; }
.banner img { position: absolute; left: 50%; margin-left: -960px; height: 100%; top: 0; }

/*标题*/
h2 { height: 133px; text-align: center; overflow: hidden; }
h2 p:first-child { font: 26px/26px "微软雅黑"; color: #333; margin-top: 50px; }
h2 p:first-child + p { font: 12px/12px "微软雅黑"; color: #333; margin-top: 8px; }

/*分类*/
.supportTab { height: 70px; width: 100%; text-align: center; background: #f9f9f9; border-top: 1px solid #dbdcd8; border-bottom: 1px solid #dbdcd8; font-size: 0; }
.supportTab a { display: inline-block; width: 299px; font: 16px/70px "微软雅黑"; color: #444; text-align: center; border-right: 1px solid #dbdcd8; }
.supportTab a:first-child { border-left: 1px solid #dbdcd8; }
.supportTab .on { background: #ff8f21; color: #fff; }

/*列表*/
.videoListWrap { width: 1200px; margin: 0 auto; margin-top: 60px; padding-bottom: 120px; }

.videoList { overflow: hidden; margin-left: -42px; }

.videoItem { float: left; margin-left: 42px; width: 372px; height: 480px; position: relative; }
.videoItem .play { display: block; width: 370px; height: 277px; background: rgba(0, 0, 0, 0.3); text-align: center; position: absolute; top: 0; left: 0; }
.videoItem .play img { margin-top: 95px; }
.videoItem .videoImg { width: 370px; height: 277px; border: 1px solid #dbdcd8; }
.videoItem .videoTit { font: 20px/30px "微软雅黑"; color: #333; font-weight: 900; margin-top: 25px; display: block; height: 60px; overflow: hidden; }
.videoItem .videoTit:hover { color: #1d6bb1; }
.videoItem .videosDate { font: 14px/14px "微软雅黑"; color: #555; margin-top: 16px; }
.videoItem .toDetail { font: 14px/14px "微软雅黑"; color: #1d6bb1; margin-top: 24px; display: block; }
.videoItem .toDetail:hover { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }

/*搜索*/
.downloadSearch { height: 150px; width: 100%; background: #fff; text-align: center; padding-top: 58px; vertical-align: top; }
.downloadSearch label { font: 24px/24px "微软雅黑"; color: #555; }
.downloadSearch span { border-bottom: 2px solid #9e9e9e; position: relative; display: inline-block; height: 34px; top: -6px; }
.downloadSearch span input { width: 380px; height: 24px; font: 24px/24px "微软雅黑"; background: none; border: none;text-align: center;padding-right: 20px }
.downloadSearch span .iconfont { color: #2983ca; font-size: 24px; position: absolute; right: 0; cursor: pointer;top: -6px }

/*下载分类*/
.downloadKind { width: 1200px; margin: 0 auto; margin-bottom: 100px; }
.downloadKind div { margin-left: -40px; overflow: hidden; }
.downloadKind .item { float: left; margin-left: 40px; width: 580px; height: 360px; background: #f2f2f2; border-top: 2px solid #9e9e9e; }
.downloadKind .item:hover { border-color: #ff8f21; }
.downloadKind .item i { display: block; margin: 95px auto 30px; font: 100px/100px "微软雅黑"; color: #333; text-align: center; }
.downloadKind .item p { font: 16px/16px "微软雅黑"; color: #444; text-align: center; }
.downloadKind .item .kindTit { font: 20px/20px "微软雅黑"; font-weight: 900; margin-bottom: 14px; }

/*下载列表*/
.downloadList { width: 1200px; margin: 0 auto; margin-bottom: 100px; }
.downloadList .listTit { text-align: center; color: #444; }
.downloadList .listTit p:first-child { font: 20px/20px "微软雅黑"; font-weight: 900; margin-bottom: 12px; }
.downloadList .listTit p:first-child + p { font: 16px/16px "微软雅黑"; margin-bottom: 30px; }
.downloadList table { border-collapse: collapse; background: #fbfbfb; width: 998px; margin: 0 auto; text-align: left; }
.downloadList table tr:nth-child(2n) { background: #fff; }
.downloadList table th { background: #525252; color: #fff; padding: 12px 40px;font-size: 16px }
.downloadList table td { border: 1px solid #cecece; padding: 12px 40px; font: 16px/32px "微软雅黑"; color: #666; }
.downloadList table td a { color: #1d6bb1; }
.downloadList table td a:hover { text-decoration: underline; }
.downloadList table tfoot td { text-align: center; }

.downloadKind .support4 {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;align-items: center;}
.downloadKind .support4 .item { width:calc(20% - 15px);height:200px;}
.downloadKind .support4 .item i { margin:20px auto 15px;}

/*# sourceMappingURL=support.css.map */
