/* all-title */
.all-title { position: relative; }
.all-title a { display: block; color: #4D4D4D; font-size: 38px; font-weight: 700; text-align: center; }
.all-title span { display: block; color: #747474; font-size: 16px; text-align: center; }
.all-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.all-title em img { display: block; width: 100%; height: 100%; }
/* banner */
.banner-wrap { width: 100%; }
.banner { width: 1200px; height: 100%; margin: 0 auto; }
.banner-nav { padding-top: 42px; }
.banner-nav span { color: #858585; font-size: 14px; }
.banner-nav em { color: #4E4D4E; }
/* video-nav */
.video-nav { position: relative; width: 1174px; height: 58px; margin: 40px auto 0; padding-left: 26px; border: 1px solid #E5E5E5; line-height: 58px; color: #858585; font-size: 14px; }
.video-nav ul { position: absolute; top: 50%; left: 79px; margin-top: -15px; }
.video-nav ul li { float: left; height: 28px; margin-right: 10px; border: 1px solid #E5E5E5; border-radius: 3px; }
.video-nav ul li.active a { background-color: #2394F6; color: #FFF; }
.video-nav ul li a { display: block; height: 100%; padding: 0 10px; border-radius: 3px; line-height: 28px; color: #4E4D4E; text-align: center; }
.video-nav ul li a:hover { background-color: #2394F6; color: #FFF; }
.video-con { width: 1200px; margin: 0 auto; }
.video-con li { float: left; position: relative; width: 360px; height: 200px; margin: 50px 60px 0 0; }
.video-con li.marginr0 { margin-right: 0; }
.video-con li a, .video-con li a img { display: block; width: 100%; height: 100%; }
.video-con li span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 42px; background-color: rgba(0, 0, 0, 0.5); line-height: 42px; color: #FFF; font-size: 16px; text-indent: 1em; }