@charset "utf-8";
/* CSS Document */

/*--------------------公共属性--------------------------------------*/
*{margin:0;padding:0;}
html,body{ background:#010b10 url(../images/bg01.jpg) center top no-repeat;}
body{font-size:12px;font-family: "宋体";color:#333;}
body div{/*margin:0 auto;*/}

a:link,a:visited,a:active{text-decoration:none; }
a:hover{text-decoration:underline; color:#c60;}

img{border:none;}
ul,li{list-style:none;}
.clear{clear:both;height:0px;overflow: hidden;margin:0;padding:0;font-size:0}

.fl{float:left;}
.fr{float:right;}

.wrapper{margin:0 auto; width:1000px; height:auto !important; height:800px; min-height:800px; background:#0c1e28 url(../images/bg02.jpg) center top repeat-y;}

.top{ margin:0 auto; width:960px; height:123px;}

.nav{ margin:0 auto; width:960px; height:76px; background:url(../images/navbg.jpg) no-repeat;}
.nav ul{ width:960; height:54px;}
.nav ul li{float:left; height:100%; display:inline; }
.nav li.n1{ width:100px; margin-left:7px; }
.nav li.n2{ width:124px; }
.nav li.n3{ width:121px; }
.nav li.n4{ width:120px; }
.nav li.n5{ width:120px; }
.nav li.n6{ width:120px; }
.nav li.n7{ width:120px; }
.nav li.n8{ width:120px; }
.nav li a{ float:left; display:block; width:100%; height:100%; text-indent:-9999em; outline:none; }
.nav li a:hover,.nav li a.n{ background:url(../images/nav_hover.jpg) no-repeat;}
.nav li.n1 a:hover,.nav li.n1 a.n{ background-position:-7px top; }
.nav li.n2 a:hover,.nav li.n2 a.n{ background-position:-107px top; }
.nav li.n3 a:hover,.nav li.n3 a.n{ background-position:-231px top; }
.nav li.n4 a:hover,.nav li.n4 a.n{ background-position:-352px top; }
.nav li.n5 a:hover,.nav li.n5 a.n{ background-position:-472px top; }
.nav li.n6 a:hover,.nav li.n6 a.n{ background-position:-592px top; }
.nav li.n7 a:hover,.nav li.n7 a.n{ background-position:-712px top; }
.nav li.n8 a:hover,.nav li.n8 a.n{ background-position:-832px top; }

.banner{ margin:10px auto; width:960px; height:390px; }
.bannerImg{ width:960px; height:360px; position:relative;}
.play{width:960px; height:360px;overflow:hidden;position:relative;}
.play ul li,
.play ul{ width:960px; height:100%;overflow:hidden;}
.play ul img{ width:960px;height:100%;overflow:hidden;}
#num{ position:absolute;bottom:-20px;left:423px;color:#fff; z-index:777;}
#num li{ float:left; display:inline; margin-left:10px; width:10px; height:10px; background:url(../images/banner_dot.gif); cursor:pointer; text-indent:-9999em;}
#num li.current{ background:url(../images/banner_dot_h.gif); }

.more{ float:right; color:#96b3b0; }
.more a{ color:#96b3b0; }
.con_img{ margin-top:15px; }
.con_img img{ width:271px; height:166px; border:2px solid #ccc;}

.index_news{ float:left; display:inline; margin-left:35px; width:277px; height:426px;}
.index_news .index_news_t{ width:277px; height:28px; background:url(../images/index_news.gif) no-repeat; line-height:28px;}
.index_news_m{ width:100%; height:50px; padding:8px 0 15px 0; background:url(../images/line.gif) center bottom no-repeat;}
.index_news_m_n{ display:block; width:100%; height:27px; line-height:27px; color:#ccc; font-size:14px; font-weight:bold; }
.index_news_m_n a{color:#ccc;}
.index_news_m_t{ display:block; width:100%; height:22px; line-height:22px; color:#96b3b0; }
.index_news_list{ width:100%; padding-top:12px; }
.index_news_list li{ width:100%; height:30px; line-height:30px; }
.index_news_list li .list_l{ float:left; color:#b3b3b3; font-size:14px; }
.index_news_list li .list_l a{ color:#b3b3b3;  }
.index_news_list li .list_r{ float:right; color:#96b3b0; }

.index_about{ float:left; display:inline; margin-left:50px; width:277px; height:426px;}
.index_about .index_about_t{ width:277px; height:28px; background:url(../images/index_about.gif) no-repeat; line-height:28px;}
.index_about_txt{ padding-top:8px; color:#b3b3b3; font-size:14px; line-height:25px; }

.index_artist{ float:left; display:inline; margin-left:50px; width:277px; height:426px; overflow:hidden;}
.index_artist .index_artist_t{ width:277px; height:28px; background:url(../images/index_artist.gif) no-repeat; line-height:28px;}
.index_artist_m{ width:100%; height:50px; padding:8px 0 15px 0; background:url(../images/line.gif) center bottom no-repeat;}
.index_artist_m_n{ display:block; width:100%; height:27px; line-height:27px; color:#ccc; font-size:14px; font-weight:bold; }
.index_artist_m_n a{color:#ccc;}
.index_artist_m_t{ display:block; width:100%; height:22px; line-height:22px; color:#96b3b0; }
.index_artist_list{ width:300px; height:80px; padding-top:20px; }
.index_artist_list li{ float:left; display:inline; width:74px; height:74px; margin-right:25px; }
.index_artist_list li img{ border:1px solid #b5b5b5; }

.bottom{ margin:0 auto; margin-top:15px; width:990px; height:93px; background:url(../images/bottom_bg.jpg) left top repeat-x; }
.bottom_line{ margin:0 auto; width:960px; height:2px; background:url(../images/line2.gif) left top repeat-x;}
.cor{ float:left; margin:21px 0 0 25px; display:inline; color:#506669; line-height:32px; }
.addr{ float:right; margin:21px 23px 0 0; display:inline; font-size:12px; line-height:23px; color:#96b3b0;}

.main_t{ margin:0 auto; margin-top:12px; width:932px; height:41px; text-align:center;}

.main_left{ float:left; display:inline; width:210px; height:auto; margin:40px 0 0 40px;}
.main_right{ float:left; display:inline; width:701px; height:auto; margin:40px 0 0 17px;}
.main_left_line{ float:left; display:inline; width:4px; height:450px; background:url(../images/line02.jpg) left top no-repeat; margin:40px 0 0 19px;}

.main_left .nav2{ width:210px; height:auto; margin-bottom:35px; }
.nav2 li{ width:100%; height:32px; line-height:32px; margin-bottom:10px; }
.nav2 li a{ display:block; width:100%; height:100%; background:url(../images/btn01.gif) no-repeat; text-align:center; color:#96b3b0; font-size:14px;}
.nav2 li a:hover,.nav2 li a.n{ background:url(../images/btn01_h.gif) no-repeat; color:#fff; text-decoration:none; }

.imgFocus{ width:100%; height:300px;}

.contentBox_t{ width:701px; height:65px; background:url(../images/contentBox_t.gif) no-repeat; position:relative; }
.contentBox_t h3{ width:100%; height:65px; line-height:75px; text-align:center; color:#ccc; font-size:14px; font-weight:bold; }
.contentBox_c{ padding:15px 0; width:701px; height:auto !important; height:430px; min-height:430px; background:url(../images/contentBox_c.jpg) repeat-y; }
.contentBox_con{ width:601; padding:0 55px; line-height:30px; font-size:14px; color:#b3b3b3;}
.contentBox_b{ width:701px; height:64px; background:url(../images/contentBox_b.gif) no-repeat; }
.return{ position:absolute; right:56px; top:35px; font-size:12px; color:#96b3b0; }
.return a{ color:#96b3b0; }
.return a:hover{ color:#c60; }

.newslist{ margin:0 auto; width:615px; height:auto; }
.newslist li{ width:100%; height:50px; background:url(../images/line3.gif) center bottom no-repeat; line-height:50px; }
.newslist li .news-title{ float:left; display:block; width:502px; height:50px; font-size:14px; color:#b3b3b3; text-indent:60px; background:url(../images/dot.gif) 50px center no-repeat;}
.newslist li .news-title a{ color:#b3b3b3; }
.newslist li .news-title a:hover{ text-decoration:none; color:#c60;}
.newslist li .news-time{ float:left; display:block; color:#96b3b0;}
.news-title-t{ float:left; color:#ccc; font-size:14px; text-indent:100px; margin-top:32px; width:33px; line-height:33px; font-weight:bold; width:200px; }
.news-time-t{}

.pages{ float:right; display:inline; margin:20px 55px 0 0;}
.pages li{ float:left; display:inline; margin:0 0 10px 5px; line-height:15px; text-align:center;}
.pages li a{ display:inline-block; float:left; height:15px; line-height:15px; background:url(../images/pagebg.gif) repeat-x; padding:0 6px; color:#fff;}
.pages li a.n,.pages li a:hover{ background:url(../images/pagebg_h.gif) repeat-x; color:#fff;}

.artist-list{ width:685px; height:auto; }
.artist-list li{ float:left; width:130px; height:180px; margin:0 40px 20px 0; }
.artist-list li img{ border:1px solid #b5b5b5; }
.artist-list li .artist-name{ display:block; margin-top:5px; width:100%; height:23px; line-height:23px; color:#b3b3b3; font-size:14px; text-align:center; }
.artist-list li .artist-name a{ color:#b3b3b3; }

.artist-img{ float:left; width:200px; height:200px; }
.artist-img img{ color:#b5b5b5; }
.artist-name2{ float:left; display:inline; margin-left:20px; width:447px; height:35px; background:url(../images/line03.gif) left bottom no-repeat; }
.artist-name2 h3{ float:left; width:300px; height:26px; line-height:26px; color:#ccc; font-size:14px; }
.artist-name2 .re{ float:right; color:#96b3b0; line-height:26px;}
.artist-name2 .re a{ color:#96b3b0; }
.artist-descr{ float:left; display:inline; margin-left:20px; width:447px; height:auto; padding:15px 0; color:#ccc; line-height:21px; font-size:14px;}
.artist-zp{ margin-top:30px; width:671px; height:180px; padding-top:45px; background:url(../images/hjzb.jpg) left top no-repeat; overflow:hidden; }
.artist-zp ul{ width:705px; height:auto; }
.artist-zp ul li{ float:left; display:inline; margin-right:35px; width:200px; height:170px; }
.artist-zp ul li h4{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:12px; color:#b3b3b3; text-align:center; }

.works-list{ width:700px; height:auto; }
.works-list li{ float:left; width:200px; height:245px; margin:0 30px 20px 0; }
.works-list li .works-intro{ margin-top:7px; width:100%; line-height:21px; color:#b3b3b3; font-size:12px; }
.works-list li .works-intro a{ color:#b3b3b3; }
.works-bigimg{ width:100%; height:auto;}
.works-intro2{ padding:10px 0; width:100%; line-height:30px; color:#b3b3b3; font-size:14px; }
.works-descr{ margin-top:20px; width:671px; height:auto; padding-top:45px; background:url(../images/zpxq.jpg) left top no-repeat; line-height:28px; color:#b3b3b3; font-size:14px; }

.video{ text-align:center;}
.video h3{ width:100%; height:50px; line-height:50px; text-align:center; color:#ccc; font-size:14px; font-weight:bold; }

.contact_con{ width:671; line-height:30px; font-size:14px; color:#b3b3b3;}

.line03{ width:685px; height:40px; background:url(../images/line3.gif) left center no-repeat; clear:both;}
.msg{ width:700px; }
.msg_left{ float:left; display:inline; width:55px; height:auto; line-height:23px; color:#b3b3b3; font-size:12px; text-align:center; }
.msg_right{ float:left; display:inline; margin-left:20px; width:596px; }
.msg_t{ width:100%; height:23px; line-height:23px; font-size:14px; color:#b3b3b3;}
.msg_descr{ width:570px; padding:12px; border:1px solid #989999; background:#fff; line-height:25px; color:#010b10; font-size:14px;}
.remsg{ width:546px; height:28px; background:#e6e6e6; line-height:28px; font-size:14px; color:#0c7795; }
.remsg_descr{ line-height:20px; color:#010b10; font-size:12px; padding:0 10px; }

.msgForm{ width:600px; height:auto; }
.msgForm dt,.msgForm dd{ float:left; height:28px; line-height:28px; font-size:14px; color:#96b3b0; margin-bottom:15px; }
.msgForm dt{ width:120px; padding-right:10px; text-align:right; }
.msgForm dd{ width:470px; }
.inp{ width:246px; height:24px; border:1px solid #909191; line-height:24px; padding-left:5px; font-size:14px; background:#fff; }
.btn{ display:block; width:81px; height:30px; background:url(../images/btn.gif) no-repeat; border:none; cursor:pointer; text-indent:-9999em; }