body{font-size:12px;font-family:microsoft yahei,Arial;color:#333;min-width:1230px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}
img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
abbr,acronym{border:0}
button,input,select,textarea{font-size:100%}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
table{border-collapse:collapse;border-spacing:0}
a:link,a:visited,a:hover{text-decoration:none}
a:hover{color:#d6272f;}
/* a{blr:expression(this.onFocus=this.blur())} */
a:focus{outline:0}
.clearfix,.floatG{*zoom:1}
.clearfix:after,.floatG:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearb{clear:both}
.alignC{text-align:center}
.alignR{text-align:right}
.floatL,.floatG li{float:left;_display:inline}
.floatR{float:right;_display:inline}
.isblock{display:block}
.unl,a.unl,a.unl:visited{text-decoration:underline}
.hue_red,a.hue_red,a.hue_red:visited{color:#d6272f}
.ft12 {font-size:12px;}
.ft14 {font-size:14px;}
.ft18 {font-size:18px;}
.ft30 {font-size:30px;}

.tabTag li{}
.tabGroup{clear:both}
.tabUnit{display:none}

#SLB-Top,#SLB-Top div,#SLB-Bottom,#SLB-BottomRight{background:url(../images/slb1.png) no-repeat;_background:#2d2d2d}
#SLB-Left,#SLB-Right,#SLB-Top a{background:url(../images/slb2.png) no-repeat}
#SLB-Wrapper{margin:.5em 0;margin:auto;font-family:Verdana;text-align:left;position:absolute}
#SLB-Wrapper #SLB-Background{position:absolute;left:7px;top:7px;float:left;background:#000}
#SLB-Wrapper #SLB-Top{background-position:right 0;height:28px;margin:0 0 0 18px}
#SLB-Wrapper #SLB-Top a{float:right;display:inline;padding:0;margin:5px 10px 0 0;width:40px;height:20px;text-decoration:none}
#SLB-Wrapper #SLB-Top a:hover{background-position:0 -16px}
#SLB-Wrapper #SLB-Top img{float:right;border:0;margin:6px 10px;width:41px;height:16px}
#SLB-Wrapper #SLB-Top div{font-size:0;height:28px;left:-18px;line-height:0;position:relative;width:18px}
#SLB-Wrapper #SLB-Bottom{background-position:0 43%;height:20px;margin:0 18px 0 0}
#SLB-Wrapper #SLB-Bottom #SLB-BottomRight{background-position:100% 43%;font-size:0;height:20px;right:-18px;line-height:0;position:relative;width:100%;float:right}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav,#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{height:52px}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav{background-position:0 100%}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{background-position:100% 100%}
#SLB-Wrapper #SLB-Contenido{border-left:7px solid #e367aa;border-right:7px solid #e367aa}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador{font-size:12px;color:#fff;height:26px;border-left:0;border-right:0;padding:0;margin:10px 0 0 0;line-height:18px;overflow:hidden;float:left;width:100%}
#SLB-Wrapper #SLB-Navegador #SLB-Right,#SLB-Wrapper #SLB-Navegador #SLB-Left{display:inline-block;padding:0;margin:0;width:32px;height:24px;text-decoration:none;position:relative;top:2px}
#SLB-Wrapper #SLB-Navegador #SLB-Right{background-position:-61px 0;margin:0 18px 0 10px;float:right}
#SLB-Wrapper #SLB-Navegador #SLB-Right:hover{background-position:-61px -26px}
#SLB-Wrapper #SLB-Navegador #SLB-Left{background-position:-40px 0;margin-right:10px;float:left}
#SLB-Wrapper #SLB-Navegador #SLB-Left:hover{background-position:-40px -26px}
#SLB-Wrapper #SLB-Navegador strong{display:block;padding-top:5px}


/*----------------------------------- bgimg -----------------------------------*/
.logo,.logo_w {background:url(../images/logo.png) no-repeat;position:absolute;display:block;width:148px;height:86px;overflow:hidden;text-indent:-999em;}
.logo_w {background-position:-150px;height:94px;}
.nav a span {}
.tags {background:url(../images/tags.png) no-repeat;height:31px;width:174px;overflow:hidden;font-size: 24px;
    font-weight: 100;
    text-indent: 61px;}
.tag_event {margin:0 auto 49px;}
.tag_artist {margin:0 auto 38px;background-position:0 -34px;}
.tag_mv {margin:0 auto 69px;background-position:0 -68px;}
.tag_business {margin:0 auto 99px;background-position:0 -102px;}
.tag_company {margin:0 auto 45px;background-position:0 -136px;}

.ico,.winBox .closeWin {background:url(../images/ico.png) no-repeat;cursor:pointer;border:0;display:inline-block;overflow:hidden;}
.ico_sina {background-position:-69px 0;}
.ico_tx {background-position:-46px 0;}
.ico_wx {background-position:-23px 0;}
.ico_message {background-position:0 0;}
.btn_prev,.btn_next,.btn_prev2,.btn_next2 {width:54px;height:15px;text-indent:-999em;}
.btn_prev {background-position:0 -23px;}
.btn_next {background-position:-55px -23px;}
.btn_prev2 {background-position:0 -39px;}
.btn_next2 {background-position:-55px -39px;}
.btn_x,.winBox .closeWin {width:51px;height:51px;background-position:-116px 0;}
.ico_arrow {width:21px;height:11px;background-position:-92px 0;}
.ico_arr2 {width:24px;height:7px;background-position:0 -55px;}
.ico_arr3 {width:24px;height:7px;background-position:-26px -55px;}
.ico_arr4 {width:19px;height:22px;background-position:-55px -55px;}
.ico_arr5 {width:30px;height:34px;background-position:-116px -84px;}
.ico_wx2,.ico_ren,.ico_house,.ico_baidu,.ico_wb,.ico_hd {width:18px;height:18px;}
.ico_wx2 {background-position:0 -83px}
.ico_ren {background-position:-19px -83px}
.ico_house {background-position:-38px -83px}
.ico_baidu {background-position:-57px -83px}
.ico_wb {background-position:-76px -83px}
.ico_hd {background-position:-95px -83px}
.ico_hd2 {width:41px;height:31px;background-position:-116px -52px}
.ico_no1,.ico_no2,.ico_no3,.ico_no4 {width:21px;height:28px;}
.ico_no1 {background-position:0 -102px;}
.ico_no2 {background-position:-22px -102px;}
.ico_no3 {background-position:-44px -102px;}
.ico_no4 {background-position:-66px -102px;}

.picwall .switch i,.idx_artist .cover,.newsList .link,.picwall .licover,.idx_event li a,.idx_business .business_link {background:url(../images/empty.gif);}
.picwall .bgc,.artistList .mask,.businessPage .artist li .mask,.winCover {background:url(../images/bga1.png);}
.picwall ul,.bigshow .bigpic {background:url(../images/bg_mark1.png) no-repeat center center;background-size:auto 90%;}

.bgmark {background:url(../images/bg_mark2.png) no-repeat center top #fff fixed;}
/*----------------------------------- bgimg end -----------------------------------*/


a.clickin:before,.ban_index .dot a i:before,.btn_more:before,.navlink i:before {content:'';position:absolute;z-index:-1;display:block;}
.wrap {position:relative;width:1230px;margin:0 auto;}
.footer {background:#29b471;padding:55px 0;text-align:center;line-height: 20px;}
.footer,.footer a,.footer a:visited {color:#fff;}
.nav {width:110px;}
.nav a {position:relative;display:block;height:21px;padding:1px 10px 3px;}
.nav a i {display:none;}
.nav a.cur i {position:absolute;top:0;left:0;display:block;height:25px;width:2px;background:#e62129;}
.nav a span {display:inline-block;width:80px;height:21px;vertical-align:top;cursor:pointer;line-height:18px;overflow:hidden;font-size: 16px;color: #000;}
a span.nav1 {background-position:-81px 0;}
a span.nav2 {background-position:-81px -26px;}
a span.nav3 {background-position:-81px -52px;}
a span.nav4 {background-position:-81px -78px;}
a span.nav4a {background-position:-81px -130px;}
a span.nav4b {background-position:-81px -156px;}
a span.nav4c {background-position:-81px -182px;}
a span.nav5 {background-position:-81px -104px;}
a span.nav6 {background-position:-81px -130px;}
a span.nav6a {background-position:-81px -234px;}
a span.nav6b {background-position:-81px -260px;}
a span.nav6c {background-position:-81px -286px;}
a span.nav6d {background-position:-81px -312px;}
a span.nav7 {background-position:-81px -159px;}
a span.nav8 {background-position:-81px -184px;}
a span.nav9 {background-position:-81px -208px;}
a.cur span.nav1 {background-position:-162px 0;}
a.cur span.nav2 {background-position:-162px -26px;}
a.cur span.nav3 {background-position:-162px -52px;}
a.cur span.nav4 {background-position:-162px -78px;}
a.cur span.nav4a {background-position:-162px -130px;}
a.cur span.nav4b {background-position:-162px -156px;}
a.cur span.nav4c {background-position:-162px -182px;}
a.cur span.nav5 {background-position:-162px -104px;}
a.cur span.nav6 {background-position:-162px -208px;}
a.cur span.nav6a {background-position:-162px -234px;}
a.cur span.nav6b {background-position:-162px -260px;}
a.cur span.nav6c {background-position:-162px -286px;}
a.cur span.nav6d {background-position:-162px -312px;}

.sharebox {position:relative;height:40px;}
.sharebox .scancode {position:absolute;left:0;bottom:50px;display:none;}
.sharebox a {display:inline-block;position:relative;width:26px;text-align:center;vertical-align:top;}
.sharebox .ico {width:22px;height:22px;}
.sharebox a span {display:none;color:#9da1b1;}
.sharebox a:hover .ico {background-color:#ededed}
.sharebox a:hover span {display:block;}
.backtop {position:fixed;z-index:50;right:50px;bottom:100px;width:75px;height:75px;overflow:hidden;background:#29b471;border:1px solid #fff;cursor:pointer;text-align:center;color:#fff;font-size:14px;display:none;}
.backtop .ico_arrow {display:block;margin:20px auto 5px;}
.backtop:hover .ico_arrow {background-position:-92px -11px;}

.winBox{position:fixed;_position:absolute;left:50%;z-index:99999;display:none}
.winCover{_background:#000;_filter:Alpha(Opacity=80);width:100%;position:absolute;top:0;left:0;z-index:99990}
.winBox .closeWin{position:absolute;top:0;right:-51px;}


/*----------------------------------- index start -----------------------------------*/
.idx_fst {height:600px;position:relative;overflow:hidden;}
.idx_fst .wrap {z-index:5;height:600px;overflow:hidden;}
.idx_fst .logo {top:18px;left:0;}
.idx_fst .nav {margin-left:13px;padding-top:134px;}
.idx_fst .nav a {margin-bottom:16px;}
.idx_fst .nav a.cur span.nav1 {background-position:0 0;}
.idx_fst .nav a span.nav2 {background-position:0 -26px;}
.idx_fst .nav a span.nav3 {background-position:0 -52px;}
.idx_fst .nav a span.nav4 {background-position:0 -78px;}
.idx_fst .nav a span.nav5 {background-position:0 -104px;}
.idx_fst .nav a span.nav6 {background-position:0 -130px;}
.idx_fst .nav a span.nav7 {background-position:0 -156px;}
.idx_fst .nav a span.nav8 {background-position:0 -180px;}
.idx_fst .nav a span.nav9 {background-position:0 -208px;}
.idx_fst .sharebox {position:absolute;left:0;bottom:20px;}
.idx_banner,.idx_banner li {position:absolute;top:0;width:1920px;height:600px;}
.idx_banner {left:50%;margin-left:-960px;background:#fff;}
.idx_banner ul {}
.idx_banner li {left:0;opacity:0;}
.idx_banner li.cur {opacity:1;}
.ie9 .idx_banner li,.ie8 .idx_banner li {opacity:1;display:none;}
.ie9 .idx_banner li.cur,.ie8 .idx_banner li.cur {z-index:2;display:block;}

.idx_event {padding:61px 0 72px;background-color:#f8f7f7;}
.idx_event ul {}
.idx_event li {position:relative;margin-left:12px;width:292px;height:310px;overflow:hidden;cursor:pointer;}
.idx_event .date {position:absolute;top:25px;left:16px;width:95px;height:95px;overflow:hidden;border:5px solid #29b471;color:#787878;font-family:arial;}
.idx_event .d_month {font-size:24px;line-height:30px;margin:25px 0 0 20px;display:block;}
.idx_event .d_year {font-size:18px;line-height:18px;margin:0 0 0 20px;display:block;}
.idx_event .newsletter {position:absolute;top:145px;left:16px;z-index:5;}
.idx_event .newsletter h5 {width:200px;height:50px;line-height:18px;overflow:hidden;font-size:16px;color:#000;font-weight:normal;}
.idx_event .newsletter p {width:263px;height:72px;line-height:18px;overflow:hidden;font-size:12px;color:#a2a1a1;}
.idx_event .newsletter .more {color:#29b471;}
.idx_event .pic,.idx_event .bgc {position:absolute;left:0;width:293px;overflow:hidden;}
.idx_event .pic {top:-180px;z-index:5;height:174px;overflow:hidden;}
.idx_event .pic img {width:100%;}
.idx_event .bgc {bottom:-140px;background:#29b471;height:140px;}
.idx_event li.cur h5,.idx_event li.cur p {color:#fff;}
.idx_event li a {position:absolute;z-index:10;top:0;left:0;width:292px;height:310px;}

.idx_artist {position:relative;padding:52px 0 83px;background-color:#29b471;color:#fff;}
.idx_artist .ft1,.idx_artist .ft2 {line-height:28px;text-align:center;}
.idx_artist .ft1 {font-size:14px;}
.picwall {width:1200px;margin:30px auto 0;}
.picwall .licover {position:absolute;z-index:1;width:1200px;height:542px;}
.picwall li,.picwall .limit,/*.picwall li img,*/.picwall .name,.picwall .bgc,.picwall .btbox {position:absolute;top:0;width:400px;height:271px;cursor:pointer;}
.picwall li {position:relative;}
.picwall li:hover {z-index:20;}
.picwall .limit {z-index:1;left:0;overflow:hidden;}
.picwall li img {z-index:2;left:0;width: 100%;}
.picwall .name {z-index:4;right:-100px;width:96px;height:21px;line-height:21px;padding:125px 0;overflow:hidden;background:#29b471;color:#fff;font-size:18px;text-align:center;}
.picwall .bgc {z-index:6;left:0;}
.picwall .btbox {top:-4px;left:-4px;border:4px solid #29b471;background:#29b471;overflow:hidden;opacity:0;filter:alpha(opacity=0);}
.picwall .bar {position:relative;margin-bottom:31px;height:4px;overflow:hidden;background:#4c4c4c;}
.picwall .bar div {position:absolute;top:0;left:0;height:4px;background:#fff;}
.picwall .switch {position:relative;padding:2px 0;height:15px;text-align:center;}
.picwall .switch .ico {margin:0 8px;*text-indent:0;line-height:300px;}
.picwall .switch .ico:hover {background-color:#a50007;}
.picwall .switch .ico.dark {background-color:#000;opacity:0.3;filter:alpha(opacity=30);}
.picwall .switch i {position:absolute;z-index:5;top:0;left:0;width:100%;height:19px;display:none;}
.picwall .bigpic,.picwall .intro {display:none;width:0;height:0;overflow:hidden;}
.idx_artist .cover {position:absolute;z-index:40;top:0;left:0;width:100%;height:830px;display:none;}
.bigshow {position:absolute;top:155px;left:15px;z-index:50;width:1200px;height:542px;background-color:#fff;display:none;}
.bigshow .bigpic {float:left;text-align:center;width:800px;height:542px;overflow:hidden;}
.bigshow .bigpic img {width:100%;}
.bigshow .info {float:left;padding:130px 40px 0;width:320px;line-height:24px;font-size:14px;background-color:#fff;color:#000;}
.bigshow .info span {display:block;font-size:18px;margin-bottom:20px;}
.bigshow .btn_x {position:absolute;right:0;bottom:0;}
.ie9 .picwall .bigpic,.ie9 .picwall .intro {display:none;}

.idx_mv {padding:101px 0 94px;}
.idx_mv li {position:relative;width:410px;height:348px;overflow:hidden;cursor:pointer;background:#f9f9f9;}
.idx_mv li img {display:block;width:410px;height:315px;}
.idx_mv li .red {position:absolute;z-index:10;top:0;left:0;width:410px;height:348px;overflow:hidden;background:#fff;}
.idx_mv li .red img {position:absolute;z-index:10;top:0;left:0;}
.idx_mv li p {position:absolute;bottom:0;left:0;width:410px;height:33px;line-height:33px;overflow:hidden;text-align:center;color:#fff;font-size:14px;}
.idx_mv li p span {margin:0 0.5em;}
.idx_mv li.cur p {color:#000;}
.idx_mv li .ico_arr5 {position:absolute;z-index:1;top:150px;left:196px;}

.idx_business {height:554px;padding-bottom:115px;}
.idx_business ul {width:856px;margin:0 auto;}
.idx_business li {position:relative;width:428px;height:212px;cursor:pointer;}
.idx_business .area {width:428px;height:212px;overflow:hidden;position:relative;z-index:5;background:#fff;}
.idx_business .area .pic,.idx_business .area .tag {position:relative;width:214px;height:212px;overflow:hidden;}
.idx_business .box1 .pic,.idx_business .box2 .pic,.idx_business .box3 .tag,.idx_business .box4 .tag {float:left;}
.idx_business .box3 .pic,.idx_business .box4 .pic,.idx_business .box1 .tag,.idx_business .box2 .tag {float:right;}
.idx_business .ico_hd2 {position:absolute;top:94px;left:86px;}
.idx_business .tag .ico {display:block;margin:36px auto 20px;}
.idx_business .title {display:block;margin:0 auto 15px;width:214px;text-align:center;font-size:36px;color:#000;}
.idx_business .ico_arr2 {margin:0 auto;}
.idx_business .box3 .ico_arr2,.idx_business .box4 .ico_arr2 {background-position:-26px -55px;}
.idx_business .intro {position:absolute;top:0;left:0;width:428px;background:#e62129;color:#fff;}
.idx_business .intro table {width:324px;height:212px;margin:0 auto;vertical-align:middle;font-size:14px;line-height:22px;}
.idx_business .big {font-size:24px;}
.idx_business .business_link {position:absolute;top:0;left:0;z-index:10;display:block;width:428px;height:212px;}

.idx_company {padding-bottom:92px;}
.idx_company p {margin:0 auto;width:840px;text-align:center;color:#000;line-height: 2;font-size:14px;}
/*----------------------------------- index end -----------------------------------*/









.snd_sider {position:absolute;top:0;left:0;width:240px;padding-top:257px;}
.snd_sider .logo_w {top:52px;left:35px;}
.snd_sider .nav {margin-left:31px;}
.snd_sider .nav a {margin-bottom:27px;padding-left:42px;}
.snd_sider .navchild {margin:-34px 0 34px 41px;}
.snd_sider .navchild a {padding-left:26px;margin-bottom:13px;}
.snd_sider .navchild a.cur {padding-left:11px;}
.snd_sider .navchild a.cur i {width:4px;height:4px;top:10px;}
.snd_sider .short {margin-top:-50px;}
.snd_sider .short a {margin-bottom:20px;}
.snd_sider .short .navchild {margin:-14px 0 14px 41px;}
.snd_sider .short .navchild a {margin-bottom:5px;}
.snd_sider .sharebox {margin-left:40px;}
.snd_sider .sharebox a {margin-right:10px;}
.pagebox {padding:50px 10px;text-align:right;}
.pagebox .btn_prev2:hover {background-position:0 -23px;background-color:#f00;}
.pagebox .btn_next2:hover {background-position:-55px -23px;background-color:#f00;}

.snd_main {float:left;margin:200px 0 50px 240px;width:990px;min-height:800px;background:#fff;}
.newsList {}
.newsList li,.newsList .link,.newsList .bgc {width:495px;height:179px;}
.newsList li {position:relative;}
.newsList .link {position:absolute;top:0;left:0;z-index:5;display:block;}
.newsList .pic,.newsList .txt {position:relative;z-index:2;float:left;height:179px;overflow:hidden;}
.newsList .pic {width:179px;text-align:center;}
.newsList .pic img {max-height:179px;}
.newsList .txt {width:266px;padding:0 25px;}
.newsList .txt h3 {margin-top:22px;height:36px;font-size:16px;line-height:18px;overflow:hidden;}
.newsList .txt .date {display:block;height:28px;line-height:28px;overflow:hidden;color:#b2b2b2;}
.newsList .txt p {height:80px;overflow:hidden;line-height:20px;color:#a1a1a1;}
.newsList .bgc {position:absolute;top:-3px;left:-3px;border:3px solid #29b471;background:#29b471;opacity:0;box-shadow:0 0 5px #000;}
.newsList li:hover {z-index:5;}
.newsList li:hover .txt h3 {color:#fff;}
.newsList li:hover .txt .date {color:#f6c2c3;}
.newsList li:hover .txt p {color:#f8d2d3;}
.newsList li:hover .bgc {opacity:1;}

.newsText {padding:50px;background:#fff;}
.newsText h1 {margin-bottom:15px;text-align:center;font-size:18px;}
.newsText .date {margin-bottom:40px;text-align:center;color:#bbb;}
.newsText .text {line-height:22px;font-size:13px;}
.newsText .text img {display:block;margin:10px auto;max-width:750px;border:1px solid #ccc;padding:8px;}

.artistList {}
.artistList li,.artistList li:after,.artistList .mask,.artistList .pic,.artistList .ex {width:330px;height:412px;}
.artistList li {position:relative;}
.artistList li.cur {z-index:10;}
.artistList .mask {position:absolute;top:0;left:0;z-index:5;overflow:hidden;text-align:center;cursor:pointer;}
.artistList .mask .ico_hd2 {display:block;margin:188px auto 15px;}
.artistList .mask .name {font-size:18px;color:#fff;}
.artistList .pic {position:relative;z-index:3;text-align:center;overflow:hidden;background:#000;}
.artistList .pic img {height:412px;width: 100%;object-fit: cover;}
.artistList .ex {position:absolute;top:0;left:0;color:#fff;overflow:hidden;}
.artistList .ex .name,.artistList .ex .info1,.artistList .ex .info2 {position:absolute;width:290px;left:20px;overflow:hidden;}
.artistList .ex .name {top:25px;height:60px;font-size:24px;line-height:1em;}
.artistList .ex .ico_arr4 {position:absolute;top:2px;left:0;}
.artistList .ex .name span {display:block;width:210px;height:30px;/*overflow:hidden;*/margin:0 40px;}
.artistList .ex .info1 {top:94px;height:120px;line-height:18px;}
.artistList .ex .info2 {top:212px;height:130px;line-height:18px;}
.artistList .ex .bar {position:absolute;left:0;bottom:0;width:100%;background:#05a759;height:49px;overflow:hidden;}
.artistList .ex .bar a {display:block;float:left;width:55px;height:49px;overflow:hidden;color:#fff;text-decoration:none;text-align:center;}
.artistList .ex .bar a .ico {display:block;margin:15px auto 0;}
.artistList .ex .bar a:hover .ico {margin-top:7px;}
.artistList .ex .bar a span {opacity:0;}
.artistList .ex .bar a:hover span {opacity:1;}
.artistList .ex .bar a.cur {background-color:#29b471;}
.artistList li.side .ex .name {text-align:right;}
.artistList li.side .ex .ico_arr4 {left:250px;background-position:-75px -55px;}
.ie9 .artistList .ex .bar a:hover .ico,.ie8 .artistList .ex .bar a:hover .ico {margin-top:15px;}
.ie9 .artistList .ex .bar a span,.ie8 .artistList .ex .bar a span {display:none;opacity:1;}


.businessPage {}
.businessPage .b_left {float:left;width:530px;}
.businessPage .b_right {float:right;width:460px;background:#f9f8f9;}
.businessPage .area {width:530px;height:212px;background:#f9f8f9;}
.businessPage .area .pic {width:214px;height:212px;overflow:hidden;}
.businessPage .area .tag {float:left;width:316px;overflow:hidden;}
.businessPage .area .title {display:block;margin:0 auto 15px;width:214px;text-align:center;font-size:36px;color:#000;}
.businessPage .area .ico {display:block;margin:46px auto 20px;}
.businessPage .area .ico_arr3 {margin:0 auto;}
.businessPage .intro {position:relative;padding:0 50px 50px;font-size:14px;line-height:24px;}
.businessPage .intro .detail {position:absolute;top:0;left:50px;width:430px;opacity:0;filter:alpha(opacity=0);}
.businessPage .intro .name {margin:50px 0 10px;font-size:24px;font-weight:normal;}
.businessPage .intro .title {margin-bottom:30px;font-size:18px;font-weight:normal;}
.businessPage .artist {}
.businessPage .artist li {position:relative;width:230px;height:212px;overflow:hidden;cursor:pointer;}
.businessPage .artist li img {max-width:230px;}
.businessPage .artist li .mask {position:absolute;top:0;left:0;z-index:5;width:230px;height:212px;text-align:center;cursor:pointer;}
.businessPage .artist li .mask span {color:#fff;font-size:18px;}
.businessPage .artist li .ico_hd2 {display:block;margin:80px auto 10px;}
.b_plan .intro table {height:426px; vertical-align:middle;}
.b_plan .figure {padding-top:212px;}
.b_plan .figure .pic {position:relative;}
.b_plan .figure .ico_hd2 {position:absolute;top:198px;left:210px;}

.companyAbout {*margin-bottom:50px;background:#f9f8f9;}
.companyAbout tr:hover {box-shadow:0 0 10px #000;}
.companyAbout table th {background:#e62129;text-align:center;}
.companyAbout table th,.companyAbout table th a,.companyAbout table th a:visited {color:#fff;}
.companyAbout table td .layout {line-height:24px;font-size:14px;}
.full table th {width:240px;font-size:14px;}
.full table td {width:750px;}
.full table td .layout {padding:36px;}
.timeline table {width:980px;}
.timeline table th {height:120px;width:120px;font-size:24px;}
.timeline table td {height:120px;width:860px;}
.timeline table td .layout {padding:0 36px;}
.timeline table.even {width:860px;margin-left:120px;}
.timeline table.even td {width:740px;}
.culture table p {padding:0 45px;font-size:14px;line-height:24px;}
.contaceUs {background:#f9f8f9;}
.contaceUs th,.contaceUs td {border-bottom:7px solid #fff;}
.contaceUs table th img {margin-bottom:10px;}
.contaceUs table td .layout {font-size:12px;}
.contaceUs table td .layout h5 {font-size:14px;font-weight:normal;margin-top:10px;}







/*css3*/
.nav a span,
.sharebox .ico,
.backtop:hover .ico_arrow,
.idx_event .newsletter,
.idx_event .pic,
.idx_event .bgc,
.idx_event li h5,
.idx_event li p,
.picwall li *,
.idx_artist .switch .ico,
.newsList li .pic img,
.newsList li .txt *,
.newsList li .bgc,
.companyAbout tr,
.artistList .ex .bar a .ico,
.artistList .ex .bar a span {-webkit-transition:all linear 0.3s;transition:all linear 0.3s;}

.artistList .ex .bar a:hover .ico {transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}


.nav a:hover span {-webkit-transform:translateX(10px);transform:translateX(10px);}
.nav a.cur:hover span {-webkit-transform:none;transform:none;}
.ie9 .nav a:hover span {-webkit-transform:translateX(0);transform:translateX(0);}


.idx_event li:hover .newsletter,
.idx_event li.cur .newsletter {-webkit-transform:translateY(43px);transform:translateY(43px);}
.idx_event li:hover .pic,
.idx_event li.cur .pic {-webkit-transform:translateY(180px);transform:translateY(180px);}
.idx_event li:hover .bgc,
.idx_event li.cur .bgc {-webkit-transform:translateY(-140px);transform:translateY(-140px);}
.idx_event li:hover h5,.idx_event li:hover p,
.idx_event li.cur h5,.idx_event li.cur p {color:#fff;}

.ie9 .idx_event li:hover .newsletter,
.ie9 .idx_event li.cur .newsletter,
.ie9 .idx_event li:hover .pic,
.ie9 .idx_event li.cur .pic,
.ie9 .idx_event li:hover .bgc,
.ie9 .idx_event li.cur .bgc {transform:translateY(0);}


/*----------------------------------- picwall start -----------------------------------*/
.picwall li:hover {z-index:20;-webkit-animation:flashed infinite linear 1s;animation:flashed infinite linear 1s;}
.picwall li:hover img {left:-50px;}
.picwall li:hover .name {right:0;}
.picwall li:hover .bgc {width:0;}
.picwall li:hover .btbox {opacity:1;}

@-webkit-keyframes flashed{
0%{box-shadow:0 0 20px rgba(255,255,255,0);}
50%{box-shadow:0 0 20px rgba(255,255,255,1);}
100%{box-shadow:0 0 20px rgba(255,255,255,0);}
}
@keyframes flashed{
0%{box-shadow:0 0 20px rgba(255,255,255,0);}
50%{box-shadow:0 0 20px rgba(255,255,255,1);}
100%{box-shadow:0 0 20px rgba(255,255,255,0);}
}

.wallout {
-webkit-animation:wallout linear 0.3s forwards;-webkit-transform:scale(1,1);
animation:wallout linear 0.3s forwards;transform:scale(1,1);
}
@-webkit-keyframes wallout{
0%{-webkit-transform:scale(1,1);}
100%{-webkit-transform:scale(0.6,0.6);}
}
@keyframes wallout{
0%{transform:scale(1,1);}
100%{transform:scale(0.6,0.6);}
}

.wallin {
-webkit-animation:wallin linear 0.3s 0.15s forwards;-webkit-transform:scale(0.6,0.6);
animation:wallin linear 0.3s 0.15s forwards;transform:scale(0.6,0.6);}
@-webkit-keyframes wallin{
0%{-webkit-transform:scale(0.6,0.6);}
100%{-webkit-transform:scale(1,1);}
}
@keyframes wallin{
0%{transform:scale(0.6,0.6);}
100%{transform:scale(1,1);}
}

.bigpicin {
opacity:0.1;
-webkit-animation:bigpicin linear 0.3s 0.3s forwards;-webkit-transform:scale(0.001,0.001);
animation:bigpicin linear 0.3s 0.3s forwards;transform:scale(0.001,0.001);
}
@-webkit-keyframes bigpicin{
0%{opacity:0.1;-webkit-transform:scale(0.001,0.001);}
100%{opacity:1;-webkit-transform:scale(1,1);}
}
@keyframes bigpicin{
0%{opacity:0.1;transform:scale(0.001,0.001);}
100%{opacity:1;transform:scale(1,1);}
}

.bigpicout {opacity:1;
-webkit-animation:bigpicout linear 0.3s forwards;-webkit-transform:scale(1,1);
animation:bigpicout linear 0.3s forwards;transform:scale(1,1);
}
@-webkit-keyframes bigpicout{
0%{opacity:1;-webkit-transform:scale(1,1);}
100%{opacity:0;-webkit-transform:scale(1.3,1.3);}
}
@keyframes bigpicout{
0%{opacity:1;transform:scale(1,1);}
100%{opacity:0;transform:scale(1.3,1.3);}
}
/*----------------------------------- picwall end -----------------------------------*/


/*----------------------------------- banner start -----------------------------------*/
.navOutNext {
-webkit-animation:scaleUp 1.5s;
animation:scaleUp 1.5s;
}
.navInNext {
-webkit-animation:scaleDownUp 1.5s;
animation:scaleDownUp 1.5s;
}
.navOutPrev {
-webkit-animation:scaleDown 1.5s;
animation:scaleDown 1.5s;
}
.navInPrev {
-webkit-animation:scaleUpDown 1.5s;
animation:scaleUpDown 1.5s;
}
.navOutNext,.navInNext,.navOutPrev,.navInPrev {
-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-animation-fill-mode:forwards;
transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards;
}
@-webkit-keyframes scaleUp {
from {-webkit-transform:scale(1);opacity:1;}
to {-webkit-transform:scale(1.1);opacity:0;}
}
@keyframes scaleUp {
from {transform:scale(1);opacity:1;}
to {transform:scale(1.1);opacity:0;}
}
@-webkit-keyframes scaleDownUp {
from {-webkit-transform:scale(0.9);opacity:0;}
to {-webkit-transform:scale(1);opacity:1;}
}
@keyframes scaleDownUp {
from {transform:scale(0.9);opacity:0;}
to {transform:scale(1);opacity:1;}
}
@-webkit-keyframes scaleDown {
from {-webkit-transform:scale(1);opacity:1;}
to {-webkit-transform:scale(0.9);opacity:0;}
}
@keyframes scaleDown {
from {transform:scale(1);opacity:1;}
to {transform:scale(0.9);opacity:0;}
}
@-webkit-keyframes scaleUpDown {
from {-webkit-transform: scale(1.1);}
to {opacity: 1;-webkit-transform: scale(1);}
}
@keyframes scaleUpDown {
from {transform: scale(1.1);}
to {opacity: 1;transform: scale(1);}
}
/*----------------------------------- banner end -----------------------------------*/

.newsList li:hover .pic img {-webkit-transform:scale(1.05);transform:scale(1.05);}
.ie9 .newsList .bgc {opacity:1;display:none;}
.ie8 .newsList .bgc {display:none;}

/*----------------------------------- aritist show detail -----------------------------------*/
.maskOutRight,.maskOutLeft,.artistList li:after {
-webkit-transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
transform-style:preserve-3d;
backface-visibility:hidden;
}
.maskOutRight {
-webkit-transform-origin:100% 50%;
-webkit-animation:maskOutRight linear 0.3s forwards;
transform-origin:100% 50%;
animation:maskOutRight linear 0.3s forwards;
}
@-webkit-keyframes maskOutRight{
0% {-webkit-transform:perspective(1000px) rotateY(0);}
100% {-webkit-transform:perspective(1000px) rotateY(90deg);}
}
@keyframes maskOutRight{
0% {transform:perspective(1000px) rotateY(0);}
100% {transform:perspective(1000px) rotateY(90deg);}
}
.maskOutLeft {
-webkit-transform-origin:0% 50%;
-webkit-animation:maskOutLeft linear 0.3s forwards;
transform-origin:0% 50%;
animation:maskOutLeft linear 0.3s forwards;
}
@-webkit-keyframes maskOutLeft{
0% {-webkit-transform:perspective(1000px) rotateY(0)}
100% {-webkit-transform:perspective(1000px) rotateY(-90deg)}
}
@keyframes maskOutLeft{
0% {transform:perspective(1000px) rotateY(0)}
100% {transform:perspective(1000px) rotateY(-90deg)}
}
.maskIn {opacity:0;
-webkit-animation:maskIn linear 0.2s forwards;
animation:maskIn linear 0.2s forwards;
}
@-webkit-keyframes maskIn{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes maskIn{
0% {opacity:0;}
100% {opacity:1;}
}
/*in right*/
.artistList li:after {
content:'';position:absolute;z-index:-1;top:0;left:100%;background:#000;opacity:0.5;display:none;
-webkit-transform-origin:0% 50%;
-webkit-transform:perspective(1000px) rotateY(-90deg);
transform-origin:0% 50%;
transform:perspective(1000px) rotateY(-90deg);
}
.artistList li:hover:after {
display:block;
-webkit-animation:exShowRight linear 0.3s 0.3s forwards;
animation:exShowRight linear 0.3s 0.3s forwards;
}
@-webkit-keyframes exShowRight{
0% {-webkit-transform:perspective(1000px) rotateY(-90deg);background:#000;opacity:0.5;}
100% {-webkit-transform:perspective(1000px) rotateY(0);background:#29b471;opacity:1;}
}
@keyframes exShowRight{
0% {transform:perspective(1000px) rotateY(-90deg);background:#000;opacity:0.5;}
100% {transform:perspective(1000px) rotateY(0);background:#29b471;opacity:1;}
}
/*in left*/
.artistList li.side:after {
left:-100%;
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
}
.artistList li.side:hover:after {
-webkit-animation:exShowLeft linear 0.3s 0.3s forwards;
animation:exShowLeft linear 0.3s 0.3s forwards;
}
@-webkit-keyframes exShowLeft{
0% {-webkit-transform:perspective(1000px) rotateY(90deg);background:#000;opacity:0.5;}
100% {-webkit-transform:perspective(1000px) rotateY(0);background:#29b471;opacity:1;}
}
@keyframes exShowLeft{
0% {transform:perspective(1000px) rotateY(90deg);background:#000;opacity:0.5;}
100% {transform:perspective(1000px) rotateY(0);background:#29b471;opacity:1;}
}
.ie9 .artistList .ex,.ie8 .artistList .ex {background:#29b471;}
.ie9 .artistList li:after,.ie8 .artistList li:after {display:none;}
/*----------------------------------- aritist show detail end -----------------------------------*/



.coverflash {width:1920px;height:800px;position:absolute;top:0;left:50%;margin-left:-960px;}



/* <=ie8 */
.ie8 *:before {display:none;visibility:hidden;}


.list-page {padding: 35px;text-align: center;clear: both;font-size: 16px;overflow: hidden;}
.list-page span.close,
.list-page strong,
.list-page a {display: inline-block;padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #CCCCCC;float: none;font-size: 16px;line-height: normal;}
.list-page strong.selfpage {background: #29b471;color: #ffffff;}
.list-page a {background: #bbbbbb;color: #ffffff;}
.list-page a:hover {background: #29b471;color: #fff;}