﻿@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none; } 
body{font:12px/1.5 微软雅黑,Arial; }
select,input,button{vertical-align:middle;font-size:100%;}
fieldset,img{border:0;}
.clear {clear:both;display:block;height:0; visibility:hidden; font:0/0 arial}
.clearfix:after {content:"."; display: block; height: 0; clear: both; visibility: hidden; font-size:0;}
.clearfix {*zoom:1;}
em{ font-style:normal;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
a{text-decoration:none; }
html{ overflow:-moz-scrollbars-vertical;}/*在Firefox浏览器下始终显示滚动条；不同浏览器的显示效果都将一致*/
/* End hide from IE-mac */

body{ background:url(../images/Body_BG.jpg) center top no-repeat #c8c8c8;}
.fl{float:left;}
.fr{float:right;}
.mt{margin-top:22px;}
.Warpper{width:950px; margin:0 auto;}
.Warpper2{width:950px; margin:0 auto;}
/*logo/导航*/
.IndexLogo{ background:url(../images/IndexLogo.png) no-repeat left top; height:160px;}
.IndexNav {
float:right;
}
.IndexNav_0 {
     background:url(../images/IndexNav_2.png) no-repeat bottom left ;
     width:16px;
     text-align:center;padding:20px 16px 30px 10px; float:left; margin-right:15px;
}
 .IndexNav_0 a{ color:#fff; font-size:14px; font-weight:bold; line-height:15px; padding-top:10px; margin-top:30px;}
 .IndexNav_0 a:hover,.IndexNav_0 a.IndexNav_act{ color:red; }
.IndexNav_1{height:110px;}
.IndexNav_2{ height:104px;}
.IndexNav_3{height:104px;}
.IndexNav_4{height:106px;}

/*视频、介绍*/
.IndexTop_Left{width:498px; background:#000;padding:3px;}
.switchvideo_c {background:url(../images/switchvideo.png) no-repeat scroll 0 -80px rgba(0, 0, 0, 0);cursor: pointer; display: inline; height: 60px;
 margin:8px 8px 10px 0; overflow: hidden;padding-top: 3px;width: 240px;}
.switchvideo_c img{float: left; margin: 5px 5px 0;}
.switchvideo_c h3{ color: #FFFFFF;font-size: 12px; font-weight: bold;line-height: 30px; cursor:pointer;}
.switchvideo_c p{color:#d94c5a;}
.IndexTop_Video {width: 495px; height: 390px;}
.IndexTop_Video img {width: 495px; height: 390px;}
#divMp4 {width: 495px; height: 390px;}
.IndexTop_SmallVideo .current{background-position:0 0;}
.IndexTop_Right{width:412px;}
.IndexBorder-Top{background:url(../images/IndexBorder-Top.png) repeat-x left top; height:4px;margin:-2px 4px 0 4px;}
.IndexRtext_Conter{ background:url(../images/IndexBorder-Left.png) repeat-y left top;padding-left:4px;}
.IndexRtext_BG{background:url(../images/IndexBorder-Left.png) repeat-y right 2px #fff;padding-right:4px;}
.IndexRtext_center{padding:22px 10px 10px 10px;}
.Index_Title{position:relative;}
.Index_TitleBG1{ width: 673px; height: 30px;background:url(../images/Index_TitleBG.png) no-repeat left 4px;}
.Index_TitleBG{ height:33px;width:376px;background:url(../images/Index_TitleBG2.png) no-repeat left 4px;}
.IndexTitleTab{position:absolute; top:0; left:18px; padding-top:5px;}
.IndexTitleTab ul li{float:left; width:83px; line-height:30px; height:30px; text-align:center;}
.IndexTitleTab ul li a{font-size:13px; color:#fff; display:inline-block; width:83px; height:30px;}
.IndexTitleTab ul li a:hover{color:#d94c5a;}
.IndexTitleTab ul li a.TabActive{background:url(../images/TabActive.png) no-repeat left 4px;}
.IndexRtext_main{padding:16px; line-height:24px;}
/*时间*/
.IndexRtext_Times{ background:url(../images/IndexRtext_Times.jpg) no-repeat right bottom;}
.Index_Title h4{ position:absolute; left:32px; top:0; color:#fff; font-size:13px; line-height:30px; margin-top:5px;}
.Index_Title h3{ position:absolute; left:32px; top:0; color:#eaeaea; font-size:18px; line-height:30px; margin-top:5px;display: inline-block;padding-left: 0px;float: left;}
 
.IndexRTime_main{font-size:14px;padding:9px; line-height:30px;}
.IndexRTime_main strong{color:#9d0303;}
/*作品*/
.Indexwork_Title{padding-left:40px;}
.Indexwork_Title a{margin:0 8px; width:83px; display:inline-block; text-align:center; color:#000; font-weight:bold; letter-spacing:2px; height:26px; line-height:26px;}
.Indexwork_Title a:hover{color:#9d0303;}
.Indexwork_Title a.WorkAct{ background:url(../images/WorkAct.png) no-repeat left top; color:#fff;}
.Indexwork_List{margin:0 40px 0 20px; width:872px; overflow:hidden;}
.Indexwork_List ul{width:900px;}
.Indexwork_List ul li{ background:url(../images/Indexwork_ListBG.png) repeat-y right top;width:160px;float:left;padding:0 36px 0 24px;
margin-top:20px; border-bottom:1px solid #ebebeb;
}
.Indexwork_Text{line-height:24px;padding:15px 0; margin-bottom:10px;}
.Indexwork_Text strong{color:#9d0303;}
.Indexwork_Text span{color:#a6a6a6;padding-right:10px;}
.Indexwork_Text span img{margin-right:5px;}
/*footer*/
.footer{ background:url(../images/footerBG.png) no-repeat center bottom; padding:35px 0; text-align:center; line-height:24px;}