@charset "utf-8";
.container-flash{  height:730px; margin:0 auto; position:relative; overflow:hidden; z-index:100;}
.flash{ width:1920px;  height:730px; margin:0 auto; overflow:hidden; position:absolute; top:0; left: 50%; margin-left: -960px; background:url(../images/flash.gif) repeat-x left bottom; z-index:200;}
.mod_focus .contents{ width:1920px; height:730px; overflow:hidden;}
.mod_focus .contents li{width:1920px; overflow:hidden;height:730px; }
.mod_focus .contents li img{ width:1920px; height:730px;}
.mod_focus .tags{text-align:center; position:absolute; left:925px; bottom:20px; width:54px; height:10px; overflow:hidden; background:url(../images/num0.png) repeat right top; padding:6px 8px 6px 8px;}
.mod_focus .tags li{  overflow:hidden; float:left; margin:0 4px; display:inline; width:10px; height:18px;}
.mod_focus .tags a{ float:left; width:10px; height:10px; line-height:10px; font-size:0; background:url(../images/num-li.png) no-repeat left top; text-align:center; }
.mod_focus .tags .focus a{  width:10px; height:10px; line-height:10px; font-size:0; background:url(../images/num-li.png) no-repeat right top; color:#fff;}

.video-tab{ width:720px; height: auto; margin:0 auto; padding-top: 50px; padding-bottom:50px;  }
.video-tab li{ width:180px; height: auto; float: left; margin:0 30px; }
.video-tab li a p{ width:136px; height: 136px; background-position: left top; background-repeat: no-repeat; margin:0 auto; }
.video-tab li a h3{width:180px; height: 36px; line-height: 36px; font-weight: normal; font-size: 14px; text-align: center; overflow: hidden; color: #0868aa;}
.video-tab li a p.vtab-A{ background-image: url(../images/emp-34.png); }
.video-tab li a p.vtab-B{ background-image: url(../images/emp-35.png); }
.video-tab li a p.vtab-C{ background-image: url(../images/emp-36.png); }
.video-tab li a:hover p,.video-tab li a.on p{ background-position: left bottom }
.video-tab li a:hover h3,.video-tab li a.on h3{ background-image: url(../images/col-video-tab.png); background-repeat: no-repeat; background-position: left top; color: #898989 !important;}

.container-meishi{ background-image: url(../images/col-video.png); background-repeat: no-repeat; background-position: center bottom; height: auto; padding-bottom:240px; }
.meishi{ width: 1020px; height: auto; padding-top:60px; margin:0 auto; }
.meishi h3{ width:1020px; height: 104px; margin-bottom:40px; background-image: url(../images/col-video-header.png); background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #ececec; padding-bottom:20px; }
.video-cent{ width:1020px; height: auto; line-height: 24px; margin-bottom:20px; font-size: 14px;}
.video-form{ width: 1020px; height: 630px; position: relative; margin:0 auto; }
.video-form img{ width:1020px; }
.video-play{ width:100px; height: 100px; display: block; background-image: url(../images/play-btn.png); background-repeat: no-repeat; background-position: left top; position: absolute; left:50%; top:50%; margin-top: -50px; margin-left:-50px; }
.container-video{ background-image: url(../images/video.png); background-repeat: no-repeat; background-position: center top; height: 830px; }

.container-news{ background-color: #FFF; background-image: url(../images/col-video-list.png); background-repeat: no-repeat; background-position: center bottom; height: auto; padding-bottom: 280px; }
.list{ width:1120px; height: auto; }
.list li{ width: 1120px; height: auto; }
.list li .vl-li-img{ display: block; width:560px; float: left;  overflow: hidden; }
.list li .vl-li-img img{ width:100%; }
.list li .vl-li-about{ width:440px; height: 255px; float: right; overflow: hidden; padding:30px 60px; background-color: #FFF; }
.list li .vl-li-about h3,.list li .vl-li-about h4{ width:440px; height: 80px; line-height: 80px; overflow: hidden; font-size: 28px; font-weight: normal; }
.list li .vl-li-about h3 a{ color: #0077ac; }
.list li .vl-li-about h4{ background-image: url(../images/col-video-list-li.png); background-repeat: no-repeat; background-position: left transparent;}
.list li .vl-li-about > div{ font-size:16px; margin-bottom:44px; margin-top:-10px;}

.list li .vl-li-about p{ width:440px; height: 24px; line-height: 24px; font-size: 14px; color: #999; }
.list li.liodd .vl-li-img{ float: right; }
.list li.liodd .vl-li-about{ float: left; }
.list li.liodd .vl-li-about h3,.list li.liodd .vl-li-about h4,.list li.liodd .vl-li-about p{ text-align: right; }
.list li.liodd .vl-li-about h4{  background-position: right top; }
.list li.liodd .vl-li-about > div{ font-size:16px; margin-bottom:44px; margin-top:-10px; text-align:right}

.btn-more{ width:94px; height: 23px; display: block; margin:0 auto; background-image: url(../images/col-video-btn-more.png); background-repeat: no-repeat; background-position: left top;  margin-top: 60px;}
.btn-more:hover{ background-image: url(../images/col-video-btn-more2.png);}
