@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; }
body{font-size:14px; line-height:24px;font-family:Microsoft YaHei; background:#818181; color:#e3e3e3;}
dl,dt,dd,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.clr{clear:both; height:0px; overflow:hidden;}

a{color:#3b3b38; text-decoration:none;}
a:hover{text-decoration:underline;}



.box{width:980px; margin:0 auto; clear:both;}
.title{width:980px; margin:15px auto 10px auto; height:70px; clear:both;}

/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}

/*header*/
.header{width:100%; height:380px; background:#060405;}
.header .box{height:380px; background:url(../images/header.jpg) no-repeat; position:relative;}
.header .ewm{width:66px; height:66px; top:270px; left:340px; position:absolute;}
.header .text{width:470px; padding:10px 15px; position:absolute; top:270px; left:420px; color:#818181; background:#171611;}

/*industry*/
.industry{width:965px; padding-left:15px; height:350px;}
.industry .w1{width:280px; margin-right:15px;}
.industry .w2{width:375px;}
.industry li{float:left;}
.industry li h4{font-size:16px; color:#090909; font-weight:normal; margin-bottom:5px;}
.industry li h4 a{color:#090909;}
.industry li p{color:#e3e3e3; margin-bottom:25px;}

/*about*/
.about{background:#afafaf; width:400px; float:left; height:340px; padding:20px 30px;}
.about p{color:#626262;}
.about p a{color:#6c7031; text-decoration:underline; background:url(../images/icon.png) right 5px no-repeat; padding-right:15px;}
.about span{font-size:18px;}
.about ul{margin-top:20px;}
.about li{background:url(../images/vidoe-icon.png) 0 center no-repeat; padding-left:25px;}
.about li a{color:#3b3b3b;}

/*pic*/
.pic{height:340px;background:#000; margin-bottom:35px;}
.pic .subtit{width:950px; padding:0 15px; height:45px; padding-top:15px;}
.pic .subtit h4{width:120px; float:left; line-height:45px; height:45px; font-size:16px; color:#e3e3e3;}
.pic .subtit .input{width:130px; height:30px; background:#6c7031; font-size:14px; color:#f2f4d4; float:right; line-height:30px; text-align:center;}
.pic .subtit .input a{background:url(../images/icon-2.png) right 5px no-repeat; padding-right:20px; color:#f2f4d4;}
.pic ul{clear:both; height:270px;}
.pic li{width:222px; height:253px; margin:0 11px; float:left;}


/*art*/
.art{height:530px;}
.art li{width:170px; height:485px; float:left; position:relative;}
.art li .img{width:170px; height:200px; text-align:center;}
.art li .img img{width:150px; height:150px;}
.art li .img p{font-size:16px; color:#000; height:35px; margin-top:15px;}
.art li .text{color:#e3e3e3;}
.art li .text strong{display:block; line-height:20px; margin-bottom:8px; font-weight:normal;}
.art li .text strong a{color:#fff;}
.art li .text .botton{width:120px; background:#000; text-align:center; line-height:25px; height:25px; font-size:12px; margin:25px auto 0 auto; position:absolute; left:25px; bottom:0;}
.art li .text .botton a{color:#e3e3e3;}
.art .mr{margin-right:30px;}

.video{height:280px;}
.video li{width:170px; height:250px; float:left; position:relative;}
.video li .img{width:170px; height:200px; text-align:center;}
.video li .img img{width:150px; height:150px;}
.video li .img p{font-size:16px; color:#000; height:35px; margin-top:15px;}
.video li .text{color:#e3e3e3; text-align:center;}
.video li .text a{color:#e3e3e3;}
.video .mr{margin-right:30px;}


/*artist*/
.artist{width:700px; height:515px; background:url(../images/bg.png) no-repeat; float:left; padding-top:35px;}
.artist li{float:left;}
.artist .w1{width:230px; margin-right:25px;}
.artist .w2{width:200px; margin-right:25px;}
.artist .w3{width:210px;}
.artist li .img{width:230px; height:180px; text-align:center;}
.artist li .img img{width:165px; height:165px;}
.artist li h4{font-size:16px; color:#090909; text-align:center; font-weight:normal; margin-bottom:5px;}
.artist li h4 a{color:#090909;}

.art-news{width:260px; float:right; height:495px; background:#b6b6b6; position:relative; padding-top:50px;}
.art-news .tit{width:255px; height:50px; position:absolute; top:0; left:0px; font-size:16px; color:#b0b38a; line-height:45px; padding-left:15px; background:url(../images/new-bg.png) no-repeat;}
.art-news ul{padding:5px 15px 0 15px;}
.art-news li{font-size:12px; color:#3b3b38; border-bottom:dotted 1px #3b3b38; padding:6px 0 6px 8px; background:url(../images/new-icon.gif) 0 12px no-repeat; line-height:18px;}


/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}


/* ul_change_a1 */
.change{ position:relative;}
.change .changeBox,.change .li{ overflow:hidden; height:380px;}
.change .changeBox{ z-index:0;position: relative;overflow:hidden;}
.change .position{top:0px; left:0px;}
.change .changeBox.scroll .position{ width:1000%; position:relative;}
.change .changeBox.scrollT .position{ width:100%;}
.change .li{ position:absolute; top:0px;width:100%; height:100%; display:block;}
.change .changeBox.scroll,.change .changeBox.scroll .li{height: auto;}
.change .changeBox.scroll .li{ position: relative;float:left;}
.change .autoH{ height:auto; min-height:50px;}

.changeBox img{}


 /* ul_change_a  botton */
.change .prev,.change .next{position: absolute;cursor: pointer;z-index:100;}
.change .prev{left:30px;}
.change .next{right:30px;}
.change .prev:hover,.change .next:hover{}

.change .changeBtnBox.clearPos{ margin-top:0px; float:none;}
.change .changeBtnBox.clearPos li{ float:left}
.change .changeBtnBox .btn.clearPos{ width: auto;filter:alpha(opacity=100);opacity:1;}
.tagContent .change .btn{top:30%;}
.tagContent .change .btn .i{ display:block; width:60px; height:113px; filter:alpha(opacity=50);opacity:0.5;}
.tagContent .change .prev .i{background:url(../images/prev.png) no-repeat;}
.tagContent .change .next .i{background:url(../images/next.png) no-repeat;}


.fade{}.scroll{}.slide{}.prev{}.next{}.needGain{}.btnIn{}.elide{}.textDefault{}

.imgList2{}
.imgList2 li{float:left; width:auto;}
.imgList2 li a{ margin:0 11px; width:124px; position:relative; display:block; text-decoration:none; cursor:context-menu;}
.imgList2 li img{height:145px; width:124px;}
.imgList2 li p{width:124px; line-height:18px; font-size:12px; height:50px; padding:5px 0; text-align:center;}