body{ background: #f5f2ed;}
.w{ width: 1200px; margin: 0 auto;}

.c-index-header{ width: 100%; height: 120px; background: url(../img/header.jpg) no-repeat center top;}
.c-index-header .c-logo{ width: 290px; height: 120px; float: left; display:none}
.c-index-header .c-nav{ float: right;}
.c-index-header ul{ overflow: hidden;}
.c-index-header li{ width: 88px; height: 88px; float: left; margin-right: 100px; margin-top: 16px;}
.c-index-header li a{ display: block; width: 88px; height: 88px;}
.c-index-header .c-icon1{ background: url(../img/icon1.png) no-repeat;}
.c-index-header .c-icon2{ background: url(../img/icon2.png) no-repeat;}
.c-index-header .c-icon3{ background: url(../img/icon3.png) no-repeat;}
.c-index-header .c-icon4{ background: url(../img/icon4.png) no-repeat;}
.c-index-header .c-icon1:hover{ background: url(../img/icon1-hover.png) no-repeat;}
.c-index-header .c-icon2:hover{ background: url(../img/icon2-hover.png) no-repeat;}
.c-index-header .c-icon3:hover{ background: url(../img/icon3-hover.png) no-repeat;}
.c-index-header .c-icon4:hover{ background: url(../img/icon4-hover.png) no-repeat;}
.c-index-banner{ background: url(../img/banner1.jpg) no-repeat center top; height: 653px;}

.c-index-f1{ width: 100%; height: 760px; background: url(../img/bg1.jpg) no-repeat center top; overflow: hidden;}
.c-indextitle{ width: 594px; height: 144px; margin: 41px auto 0 auto;}
.c-index-f1 .c-main{ width: 1200px; height: 474px; margin: 80px auto 0 auto; background: url(../img/bg2.png) no-repeat;}
.c-index-f1 .c-nei{ width: 330px;}
.c-index-f1 .c-nei.fl{ margin-left: 64px;}
.c-index-f1 .c-nei.fr{ margin-right: 64px;}
.c-index-f1 .c-nei dt{ overflow: hidden; font-size: 14px; color: #4a2c2c; margin-top: 17px; line-height: 34px; text-align: center; margin-bottom: 23px;}
.c-index-f1 .c-nei dt .c-name{ width: 128px; float: left; margin-right: 72px;}
.c-index-f1 .c-nei dt .c-shi{ width: 65px; float: left;}
.c-index-f1 .c-nei dt .c-shou{ width: 65px; float: left;}
.c-index-f1 .c-nei dd{ overflow: hidden; padding: 8px 0;}
.c-index-f1 .c-nei dd .c-num{ float: left; margin: 0 18px 0 11px; width: 20px; height: 20px; background: #8a8a8a; border-radius: 3px; text-align: center; line-height: 20px; color: #fff;}
.c-index-f1 .c-nei dd .c-num.high{ background: #9c2124;}
.c-index-f1 .c-nei dd .c-tit{ float: left; height: 20px; line-height: 20px; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.c-index-f1 .c-nei dd .c-icon{ float: left; width: 65px; text-align: center;}
.c-index-f1 .c-icon1{ display: inline-block; width: 17px; height: 12px; background-image: url(../img/icon5.png); background-position: top left; margin-top: 2px; cursor: pointer;}
.c-index-f1 .c-icon2{ display: inline-block; width: 17px; height: 12px; background-image: url(../img/icon5.png); background-position: top right; margin-top: 2px; cursor: pointer;}
.c-index-f1 .c-icon1.active{ background-position: bottom left;}
.c-index-f1 .c-icon2.active{ background-position: bottom right;}

.c-index-f1 .c-center{ width: 348px; float: left; margin-top: 17px; overflow: hidden; position: relative; padding-top: 17px; margin-left: 24px;}
.c-index-f1 .c-center .c-img1{ width: 102px; height: 86px; position: absolute; top: 0; right: 23px; z-index: 10; background: url(../img/dao.png) no-repeat;}
.c-index-f1 .c-center .c-heijiao{ width: 252px; height: 252px; background: url(../img/heijiaoimg1.png) no-repeat; margin-left: 48px; overflow: hidden;}
.c-index-f1 .c-center .c-heijiao.active{}
.c-index-f1 .c-center .c-heijiao .c-images{ width: 252px; height: 252px; background: url(../img/heijiao.gif) no-repeat; display: none;}

.c-index-f1 .c-center .c-name{ text-align: center; font-size: 16px; color: #313232; line-height: 38px; height: 38px; overflow: hidden; text-align: center;}
.c-index-f1 .c-center .c-button{ text-align: center; font-size: 0;}
.c-index-f1 .c-center .c-btn{ display: inline-block; cursor: pointer; vertical-align: top;}
.c-index-f1 .c-center .c-bofang{ width: 59px; height: 59px; background: url(../img/bofang.png); margin: 0 10px;}
.c-index-f1 .c-center .c-bofang.active{ background: url(../img/zanting.png);}
.c-index-f1 .c-center .c-btn-s{ width: 38px; height: 38px; margin-top: 11px;}
.c-index-f1 .c-center .c-prev{ background: url(../img/prev-button.png);}
.c-index-f1 .c-center .c-next{ background: url(../img/next-button.png);}
.c-index-f2{ width: 100%; height: 918px; background: url(../img/bg3.jpg) no-repeat center top; overflow: hidden;}

.c-index-f2 .c-main{ overflow: hidden; padding-top: 80px;}
.c-index-f2 .c-nav{ float: left; width: 195px; height: 550px; background: url(../img/nav.png) no-repeat;}
.c-index-f2 .c-nav ul{ padding-top: 55px; padding-left: 90px;}
.c-index-f2 .c-nav li{ width: 90px; height: 55px; margin-bottom: 46px;}
.c-index-f2 .c-nav li a{ width: 90px; height: 55px; display: block;}
.c-index-f2 .c-nav .li1{ background: url(../img/1.png);}
.c-index-f2 .c-nav .li2{ background: url(../img/2.png);}
.c-index-f2 .c-nav .li3{ background: url(../img/3.png);}
.c-index-f2 .c-nav .li4{ background: url(../img/4.png);}
.c-index-f2 .c-nav .li5{ background: url(../img/5.png);}
.c-index-f2 .c-nav .li11{ background: url(../img/1-hover.png);}
.c-index-f2 .c-nav .li21{ background: url(../img/2-hover.png);}
.c-index-f2 .c-nav .li31{ background: url(../img/3-hover.png);}
.c-index-f2 .c-nav .li41{ background: url(../img/4-hover.png);}
.c-index-f2 .c-nav .li51{ background: url(../img/5-hover.png);}
.c-index-f2 .c-nav .li1:hover{ background: url(../img/1-hover.png);}
.c-index-f2 .c-nav .li2:hover{ background: url(../img/2-hover.png);}
.c-index-f2 .c-nav .li3:hover{ background: url(../img/3-hover.png);}
.c-index-f2 .c-nav .li4:hover{ background: url(../img/4-hover.png);}
.c-index-f2 .c-nav .li5:hover{ background: url(../img/5-hover.png);}
.c-index-f2 .c-slide{ float: left;}

.c-index-f2 .c-slide{ width: 866px; padding: 0 69px; position: relative;}
.c-index-f2 .c-slide .prev{ width: 29px; height: 60px; background: url(../img/prev.png) no-repeat; position: absolute; top: 50%; left: 5px; margin-top: -30px;}
.c-index-f2 .c-slide .next{ width: 29px; height: 60px; background: url(../img/next.png) no-repeat; position: absolute; top: 50%; right: 5px; margin-top: -30px;}
.c-index-f2 .c-slide .bd li{ float: left; margin-right: 40px;}
.c-art{ width: 210px; height: 550px; background: url(../img/tit.png) no-repeat; padding: 0 26px;}
.c-art:hover{ background: url(../img/tit-hover.png) no-repeat;}
.c-art .c-tit{ font-size: 24px; color: #313232; line-height: 36px; text-align: center; height: 36px; overflow: hidden; padding-top: 30px; padding-bottom: 24px;}
.c-art .c-title{ color: #313232; font-size: 14px; line-height: 24px; height: 192px; overflow: hidden;}
.c-art .c-more{ display: block; width: 93px; height: 34px; margin: 0 auto; background: url(../img/more.png); color: #981e23; text-align: center; line-height: 34px; margin-top: 26px;}
.c-art .c-more:hover{ background: url(../img/more-hover.png); color: #fff;}
.c-art .c-img{ width: 120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 38px auto 0 auto;}

.c-index-f3{ width: 100%; height: 710px; background: url(../img/bg4.jpg) no-repeat center top; overflow: hidden;}
.c-index-f3 .c-huajuan{ background: url(../img/huajuan.png); width: 1050px; height: 449px; margin: 0 auto; padding-top: 40px;}
.c-index-f3 .c-huajuan dl{ width: 960px; margin: 0 auto;}
.c-index-f3 .c-huajuan dt{ overflow: hidden; font-size: 14px; color: #4a2c2c; margin-top: 17px; line-height: 34px; text-align: center; margin-bottom: 23px;}
.c-index-f3 .c-huajuan dt .c-name{ width: 250px; float: left; margin-right: 270px; margin-left: 50px;}
.c-index-f3 .c-huajuan dt .c-time{ width: 130px; float: left; margin-right: 80px;}
.c-index-f3 .c-huajuan dt .c-shi{ width: 65px; float: left;}
.c-index-f3 .c-huajuan dt .c-shou{ width: 65px; float: left;}
.c-index-f3 .c-huajuan dd{ overflow: hidden;}
.c-index-f3 .c-huajuan dd .c-titslide{ position: relative; padding-left: 50px;}
.c-index-f3 .c-huajuan dd .c-titslide .prev{ width: 29px; height: 60px; background: url(../img/prev.png) no-repeat; position: absolute; top: 50%; left: 5px; margin-top: -30px; z-index: 10;}
.c-index-f3 .c-huajuan dd .c-titslide .next{ width: 29px; height: 60px; background: url(../img/next.png) no-repeat; position: absolute; top: 50%; right: 5px; margin-top: -30px; z-index: 10;}
.c-index-f3 .c-huajuan dd li{ overflow: hidden; padding: 8px 0;}
.c-index-f3 .c-huajuan dd .c-num{ float: left; margin-right: 18px; width: 20px; height: 20px; background: #8a8a8a; border-radius: 3px; text-align: center; line-height: 20px; color: #fff;}
.c-index-f3 .c-huajuan dd .c-num.high{ background: #9c2124;}
.c-index-f3 .c-huajuan dd .c-tit{ float: left; height: 20px; line-height: 20px; width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 110px;}
.c-index-f3 .c-huajuan dd .c-shijian{ float: left; width: 130px; margin-right: 52px;}
.c-index-f3 .c-huajuan dd .c-icon{ float: left; width: 65px; text-align: center;}
.c-index-f3 .c-icon1{ display: inline-block; width: 17px; height: 12px; background-image: url(../img/icon5.png); background-position: top left; margin-top: 2px; cursor: pointer;}
.c-index-f3 .c-icon2{ display: inline-block; width: 17px; height: 12px; background-image: url(../img/icon5.png); background-position: top right; margin-top: 2px; cursor: pointer;}
.c-index-f3 .c-icon1.active{ background-position: bottom left;}
.c-index-f3 .c-icon2.active{ background-position: bottom right;}

.c-footer{ width: 100%; height: 470px; background: #9e3125;}
.c-footer .c-main{ background: url(../img/footer.jpg) no-repeat center top; width: 1200px; height: 470px; overflow: hidden;}
.c-footer .c-lianjie{ text-align: center; font-size: 0; margin-top: 274px; margin-bottom: 30px;}
.c-footer .c-lianjie li{ display: inline-block; vertical-align: top; width: 100px; height: 36px; margin: 0 10px;}
.c-footer p{ text-align: center; line-height: 24px; color: #eed4a7;}
.c-footer dl{ text-align: center; font-size: 0; margin-top: 20px;}
.c-footer dd{ display: inline-block; vertical-align: top; width: 36px; height: 36px; margin: 0 10px;}

/* artist */
.c-banner1{ background: url(../img/banner2.jpg) no-repeat center top; height: 320px; width: 100%;}
.c-banner2{ background: url(../img/banner3.jpg) no-repeat center top; height: 320px; width: 100%;}
.c-banner3{ background: url(../img/banner4.jpg) no-repeat center top; height: 320px; width: 100%;}
.c-top{ overflow: hidden; padding: 45px 0 13px 0;}
.c-top .c-name{ width: 200px; height: 94px; margin-right: 46px; float: left;}
.c-top .c-search{ float: left; overflow: hidden; margin-top: 35px; margin-right: 20px;}
.c-top .c-search input{ width: 244px; height: 31px; border: 1px solid #e1dbd2; padding: 0 10px; float: left; font-size: 16px; line-height: 31px;}
.c-top .c-search a{ display: block; width: 45px; height: 33px; float: left;}
.c-top .c-hot{ font-size: 16px; color: #313232; margin-top: 35px; line-height: 31px; float: left;}
.c-top .c-hot a{ font-size: 16px; color: #313232; margin-right: 5px;}
.c-top .c-lu{ float: right; font-size: 16px; color: #313232; margin-top: 35px; line-height: 31px;}
.c-top .c-lu span{ padding: 0 5px;}
.c-top .c-lu a{ color: #313232;}
.c-artist .c-nav{ width: 1200px; height: 193px; background: url(../img/nav2.png) no-repeat; margin-bottom: 50px;}
.c-artist .c-nav .dl1{ padding-left: 53px; padding-top: 50px; overflow: hidden;}
.c-artist .c-nav .dl1 dt{ margin-right: 86px; float: left; line-height: 32px; font-size: 16px; color: #030000;}
.c-artist .c-nav .dl1 dd{ width: 90px; height: 55px; float: left; margin-right: 113px;}
.c-artist .c-nav .dl1 dd a{ width: 90px; height: 55px; display: block;}
.c-artist .c-nav .dl1 .dd1{ background: url(../img/1.png);}
.c-artist .c-nav .dl1 .dd2{ background: url(../img/2.png);}
.c-artist .c-nav .dl1 .dd3{ background: url(../img/3.png);}
.c-artist .c-nav .dl1 .dd4{ background: url(../img/4.png);}
.c-artist .c-nav .dl1 .dd5{ background: url(../img/5.png); margin-right: 0;}
.c-artist .c-nav .dl1 .dd11{ background: url(../img/1-hover.png);}
.c-artist .c-nav .dl1 .dd21{ background: url(../img/2-hover.png);}
.c-artist .c-nav .dl1 .dd31{ background: url(../img/3-hover.png);}
.c-artist .c-nav .dl1 .dd41{ background: url(../img/4-hover.png);}
.c-artist .c-nav .dl1 .dd51{ background: url(../img/5-hover.png); margin-right: 0;}
.c-artist .c-nav .dl1 .dd1:hover{ background: url(../img/1-hover.png);}
.c-artist .c-nav .dl1 .dd2:hover{ background: url(../img/2-hover.png);}
.c-artist .c-nav .dl1 .dd3:hover{ background: url(../img/3-hover.png);}
.c-artist .c-nav .dl1 .dd4:hover{ background: url(../img/4-hover.png);}
.c-artist .c-nav .dl1 .dd5:hover{ background: url(../img/5-hover.png);}
.c-artist .c-nav .dl2{ overflow: hidden; padding-left: 53px; margin-top: 30px;}
.c-artist .c-nav .dl2 dt{ margin-right: 35px; float: left; line-height: 32px; font-size: 16px; color: #030000;}
.c-artist .c-nav .dl2 dd{ float: left; margin-right: 54px;}
.c-artist .c-nav .dl2 dd a{ float: left; line-height: 32px; font-size: 16px; color: #030000;}
.c-artist .c-nav .dl2 dd a:hover{ color: #80261f;}
.c-artist .c-main{ width: 1200px; overflow: hidden;}
.c-artist .c-main ul{ width: 1252px; overflow: hidden;}
.c-artist .c-main li{ margin-right: 51px; float: left; margin-bottom: 50px;}
.c-artist .c-page{ padding-bottom: 50px;}
.c-page{ overflow: hidden;}
.c-page ul{ text-align: center; font-size: 0;}
.c-page li{ display: inline-block; vertical-align: top;}
.c-page li a{ display: block; border: 1px solid #afa89e; border-left: 0; height: 38px; line-height: 38px; font-size: 14px; color: #313232; padding: 0 12px;}
.c-page .first a{ border: 1px solid #afa89e;}
.c-page li:hover a{ background: #afa89e; color: #fff;}
.c-page li.active a{ background: #afa89e; color: #fff;}


/* artist */
.c-artistmain .c-top .c-name{ width: 280px;}
.c-artistmain .c-main .c-xq{ width: 1100px; height: 351px; padding: 0 50px; background: url(../img/bg5.png) no-repeat; margin-bottom: 50px;}
.c-artistmain .c-main .c-xq .c-t{ overflow: hidden; padding-top: 24px; padding-bottom: 30px; border-bottom: 1px solid #d3cfbb;}
.c-artistmain .c-main .c-xq .c-t .c-img{ width: 120px; height: 120px; float: left; margin-right: 30px; margin-top: 8px;}
.c-artistmain .c-main .c-xq .c-t .c-tit{ width: 950px; float: left;}
.c-artistmain .c-main .c-xq .c-t .c-tit dt{ color: #80271f; font-size: 18px; line-height: 32px;}
.c-artistmain .c-main .c-xq .c-t .c-tit dd{ line-height: 24px; color: #313232;}
.c-artistmain .c-main .c-xq .c-t .c-tit dd span{ color: #a49d91;}
.c-artistmain .c-main .c-xq .c-b{ padding-top: 30px;}
.c-artistmain .c-main .c-xq .c-b p{ color: #313232; font-size: 14px; line-height: 28px; text-indent: 28px;}
.c-artistmain .c-main .c-xq .c-b a{ color: #80271f;}
.c-chang{ width: 1200px; height: 1218px; padding-top: 50px; background: url(../img/bg6.png) no-repeat; margin-bottom: 50px;}
.c-chang dl{ width: 1120px; padding-left: 50px; overflow: hidden;}
.c-chang dd{ width: 550px; margin-right: 5px; overflow: hidden; float: left; margin-bottom: 50px;}
.c-chang .c-box{ width: 160px; height: 160px; background: url(../img/bg7.png) no-repeat; overflow: hidden; float: left;}
.c-chang .c-box .c-img{ width: 90px; height: 90px; margin-top: 35px; margin-left: 35px; border-radius: 50%; overflow: hidden;}
.c-chang .c-title{ float: left; width: 370px; padding-left: 20px;}
.c-chang .c-title h1{ color: #663d33; font-size: 18px; margin-bottom: 10px;}
.c-chang .c-title h2{ color: #313232; font-size: 14px; margin-bottom: 5px;}
.c-chang .c-title h2 span{ color: #a39c90;}
.c-chang .c-title p{ color: #313232; font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 10px;}
.c-chang .c-titlet p span{ color: #a39c90;}
.c-chang .c-title a{ padding: 0 10px; display: inline-block; float: left; background: #efece8; border: 1px solid #beb5a8; border-radius: 14px; line-height: 28px; height: 28px; margin-right: 10px;}
.c-chang .c-title a .icon{ display: inline-block; vertical-align: top; width: 17px; height: 12px; margin-top: 8px;}
.c-chang .c-title .c-btn1 .icon{ background: url(../img/icon6.png) no-repeat top left;}
.c-chang .c-title .c-btn2 .icon{ background: url(../img/icon6.png) no-repeat top right;}
.c-chang .c-title a .c-ti{ display: inline-block; color: #4a2c2d; vertical-align: top;}
.c-chang .c-title .c-btn1:hover{ background: #beb5a8;}
.c-chang .c-title .c-btn1:hover .icon{ background: url(../img/icon6.png) no-repeat bottom left;}
.c-chang .c-title .c-btn1:hover .c-ti{ color: #fff;}
.c-chang .c-title .c-btn2.active{ background: #beb5a8;}
.c-chang .c-title .c-btn2.active .c-ti{ color: #fff;}
/* play */
.c-playmain{ background: transparent; height: auto; padding: 0 0 50px 0; height: auto;}
.c-playmain .c-main{ margin-top: 0; background: url(../img/bg9.png); height: 474px; width: 1200px;}
.c-playmain .c-nei.fl{ margin-left: 80px;}
.c-index-f1 .c-center .c-b{ overflow: hidden; height: 22px; padding-top: 20px;}
.c-index-f1 .c-center .c-b .c-time{ color: #a29b8f; font-size: 12px; float: left; min-width: 100px; text-align: center; line-height: 22px;}
.c-index-f1 .c-center .c-b .c-line-bg{ width: 220px; height: 7px; background: #cccccc; float: left; position: relative; margin-top: 8px;}
.c-index-f1 .c-center .c-b .c-line{ height: 7px; background: #c23920;}
.c-index-f1 .c-center .c-b .c-line-bg .c-but{ width: 21px; height: 22px; cursor: pointer; position: absolute; top: -8px; margin-left: -10px; background: url(../img/button1.png) no-repeat;}
.c-index-f1 .c-center .c-b .c-sheny{ float: left; width: 24px; height: 20px; cursor: pointer; background: url(../img/sheny.png); margin-top: 2px; margin-left: 4px;}
.c-index-f1 .c-center .c-b .c-sheny.active{ background: url(../img/sheny-g.png);}
.c-playmain .c-gechi{ float: left; width: 220px; text-align: center; margin-left: 79px;}
.c-playmain .c-gechi h1{ font-size: 14px; color: #4a2c2c; line-height: 72px;}
.c-playmain .c-gechi p{ color: #313232; font-size: 12px; margin-bottom: 10px;}
.c-playmain .c-gechi ul{ height: 288px; overflow: hidden;}
.c-playmain .c-gechi li{ font-size: 14px; line-height: 24px; color: #313232;}

/* new */
.c-new .c-top .c-name{ width: 160px;}
.c-new .c-b{ padding-bottom: 50px;}
.c-new .c-b .c-main{ width: 1100px; padding: 50px 50px 50px; height: 424px; background: url(/img/bg8.png) no-repeat center top;}
.c-new .c-b .c-main p{ font-size: 16px; line-height: 28px; color: #313232; text-indent: 56px;}

/* login */
/*.c-login .c-main{ position: fixed; overflow: hidden; top: 50%; margin-top: -187px;}*/
.c-login .c-main{ position: fixed; overflow: hidden; top: 50%; margin-top: -327px;}
.c-login .c-left{ width: 423px; height: 328px; margin: 56px 70px 0 152px; float: left;}
/*.c-login .c-right{ width: 306px; float: left;}*/
.c-login .c-right{ width: 306px; float: left;margin: 56px 70px 0 0;}
.c-login .c-right h1{ font-size: 24px; text-align: center; color: #323333; margin-bottom: 35px;}
.c-login .c-right .c-name,.c-login .c-right .c-password,.c-login .c-right .c-num .c-input{ border: 1px solid #e6e6e5; padding: 0 10px 0 48px; margin-bottom: 20px;}
.c-login .c-right .c-name{ background: #fff url(/img/img13.jpg) no-repeat center left;}
.c-login .c-right .c-password{ background: #fff url(/img/img14.jpg) no-repeat center left;}
.c-login .c-right input{ width: 100%; height: 38px; line-height: 38px; border: 0;}
.c-login .c-right .c-num{ overflow: hidden;}
.c-login .c-right .c-num .c-input{ width: 146px; background: #fff url(/img/img15.jpg) no-repeat center left; float: left;}
.c-login .c-right .c-num .c-img{ width: 90px; height: 40px; float: right;}
.c-login .c-right .c-next input{ width: auto; height: auto; line-height: none; vertical-align: -2px; margin: 0 8px 0 5px;}
.c-login .c-right button{ border: 0; width: 100%; height: 40px; border-radius: 20px; background: #bd1d21; text-align: center; line-height: 40px; font-size: 18px; color: #fff; margin-top: 20px; cursor: pointer;}
.c-login .c-right .c-more{ overflow: hidden; margin-top: 10px;}
.c-login .c-right .c-find{ float: left; height: 21px; overflow: hidden; display: block;}
.c-login .c-right .c-zhuce{ float: right; height: 21px; overflow: hidden; display: block;}
.c-login .c-right .c-more .c-img{ width: 15px; height: 21px; float: left; margin-right: 5px;}
.c-login .c-right .c-more .c-tit{ font-size: 14px; line-height: 21px; color: #666666; float: left;}