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

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



.box{width:980px; margin:25px auto; position:relative; 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%;margin:0 auto; height:385px; background:url(../images/header.jpg) center 0 no-repeat;}
.header .box{position:relative;height:385px; margin-top:0;}
.header .text{width:720px; position:absolute; left:0; top:210px; color:#fff; background:#2b2b2b;filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; padding:10px; }
.header .ewm{width:152px; height:66px;  position:absolute; left:800px; top:260px; background:#fff; padding:5px 0;}
.header .ewm img{float:left; margin:0 5px;}


/*news*/
.gray{width:100%; background:#d6d6d6;}
.gray .box{height:460px; margin-top:0;}
.gray .news{width:370px; float:left; margin-left:20px; padding-top:25px;}
.gray .video{width:385px; height:370px; float:left; padding-top:25px;}
.news h4{font-size:14px; color:#4b4b4b; font-weight:normal;line-height:22px;}
.news h4 a{color:#4b4b4b;}
.news .preview p{color:#7c7c7c; font-size:14px; line-height:24px;}
.news .preview p span{color:#4b4b4b;}

.news .line{border-top:dotted 1px #888;margin-top:10px; padding-top:10px;}
.news .mon p{color:#4b4b4b; padding-left:15px;}
.news .mon p span{color:#d20000;}
.news ul{margin-top:5px;}
.news li{line-height:18px; margin-bottom:6px; background:url(../images/mon-icon.gif) 0 8px no-repeat; padding-left:15px; color:#4b4b4b;}
.news li a{color:#4b4b4b;}

.gray .infor{width:164px; background:#c7474d; float:right; height:430px;  padding:0 15px;}
.gray .infor h4{width:164px; font-size:14px; color:#dabf8f; text-align:center; line-height:18px; font-weight:normal; margin-bottom:5px;}
.gray .infor p{font-size:12px; color:#ececec; line-height:20px;}
.gray .infor a{color:#f1ec68;}

/*Art-performance*/
.Art-performance{padding-top:35px;}
.Art-performance .title{width:990px; height:40px; background:url(../images/tit1.gif) no-repeat; position:absolute; top:0; left:-10px;}
.Art-performance ul{}
.Art-performance li{width:950px; padding:15px; clear:both; margin:15px 0; height:224px; background:#efefef; display:block;}
.Art-performance li .bigpic{width:355px; height:224px; float:left;}
.Art-performance li .txtbox{width:575px; float:right; padding-bottom:10px;}
.Art-performance li .txtbox h4{color:#444; font-size:18px; font-weight:600;}
.Art-performance li .txtbox .intro{width:78px; height:27px; background:url(../images/infor.png) no-repeat; font-size:16px; color:#fff; margin:15px 0; padding-left:16px;}


/*work*/
.work{padding-top:50px; margin:25px auto;}
.work .title{width:990px; height:40px; background:url(../images/tit2.gif) no-repeat; position:absolute; top:0; left:-10px;}
.work .change{width:960px; height:486px; background:#8d8d8d; padding:10px;}
.work .change img{width:960px; height:486px;}
.work .change .li{height:486px; position:relative;}
.work .change .li div{width:960px; height:50px; background:#000; filter:alpha(opacity=70);  -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; font-size:18px; color:#fff; text-align:center; position:absolute; left:0; bottom:25px; line-height:50px;}
.work .change .changeBox{width:960px; height:486px;}


/*top10*/
.top10{padding-top:50px;}
.top10 .title{width:990px; height:40px; background:url(../images/tit3.gif) no-repeat; position:absolute; top:0; left:-10px;}
.top10 table{text-align:center; color:#5c5c5c;}
.top10 .tt{height:50px; background:url(../images/tab-tit.gif) repeat-x; line-height:50px; font-size:16px; color:#735e4a; font-weight:600;}
.top10 table td{height:35px; border-bottom:dotted 1px #ad9378; background:#fff7f1;}





/*pic*/
.pic{padding-top:50px;}
.pic .title{width:990px; height:40px; background:url(../images/tit4.gif) no-repeat; position:absolute; top:0; left:-10px;}
.pic{margin-top:10px;}
.pic .bigpic{width:320px; height:480px; float:left;}
.pic .smallpic{width:643px; float:right;}
.pic .smallpic ul{width:643px; height:244px;}
.pic .smallpic ul li{width:207px; float:left; height:234px;}
.pic .smallpic ul .mr{margin-right:10px;}







/*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:486px;}
.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{display:block; position:absolute; width:60px; height:113px; filter:alpha(opacity=50);opacity:0.5; z-index:100;}
.change .prev{left:30px;background:url(../images/prev.png) no-repeat;}
.change .next{right:30px;background:url(../images/next.png) no-repeat;}
.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;}
.change .btn{top:40%;display:block; width:60px; height:113px; filter:alpha(opacity=50);opacity:0.5;}


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