.alogo { display:block; width:360px; height:60px; background:url(../images/logo.gif) no-repeat 0 -60px; float:left; }

/*艺术家栏目*/
.slides { width:680px; height:320px; overflow:hidden; position:relative; margin-bottom:20px; }
.slide-pic { margin:0px; padding:0px; width:680px; overflow:hidden; list-style:none; }
.slide-pic img { width:680px; height:310px; }
.slide-pic li { display:none; }
.slide-pic li.cur { display:block; }
.slide-li { margin:0px; padding:0px; left:0px; bottom:0px; position:absolute; }
.slide-li li { margin:0px; padding:0px; width:170px; height:10px; float:left; overflow:hidden; list-style:none; }
.slide-li a { width:170px; height:10px; color:#000; font-size:12px; display:block; }
.slide-li a:hover { color:#f00; text-decoration:none; }
.op li { background:#999; filter:alpha(opacity=60); opacity:0.6; }
.op li.cur { background:#666; }
.slide-txt span { display:none; }

.pubnav li { font-size:16px; }

.artserver { margin-bottom:10px; background-color:#f0f0f0; }
.artserver a { display:block; }
.artserver dd { float:left; width:79px; text-align:center; height:70px; padding:0 10px; margin:10px 0; border-right:1px solid #ddd; }
.artserver dd span { display:block; width:50px; height:45px; margin:auto; }
.artserver dd span.s1 { background:url(../images/arts/arthome.png) no-repeat; }
.artserver dd span.s2 { background:url(../images/arts/arthome.png) no-repeat -50px 0; }
.artserver dd span.s3 { background:url(../images/arts/arthome.png) no-repeat -100px 0; }
.artserver dd span.s4 { background:url(../images/arts/arthome.png) no-repeat 0 -50px; }
.artserver dd span.s5 { background:url(../images/arts/arthome.png) no-repeat -50px -50px; }
.artserver dd span.s6 { background:url(../images/arts/arthome.png) no-repeat -100px -50px; }
.artserver dt { clear:both; height:5px; background:url(../images/3x1.gif) repeat-x center; }

/*作品显示*/
.disshoot { padding:30px 20px 10px; border:1px solid #ddd; margin:15px 0 }
.discontent { padding:10px 20px; }
.newstitle { font:normal 26px/45px "微软雅黑","黑体"; text-align:center;}
.newstitle span { color:#666; font-size:18px; }
.newsbar { line-height:30px; color:#666; font-size:12px; text-align:center; }
.newsbar span { padding:0 10px; }
.newsbar a { color:#666;}
.newsbar a:hover { color:#333;}

.disphoto { padding:20px 0; text-align:center; }
.disphoto div { position:relative; }
.disphoto a { display:block; position:absolute; width:60px; height:60px; }
a.disLeft { background:url(../images/arrows_01.png) no-repeat; left:0; top:45% }
a.disRight { background:url(../images/arrows_02.png) no-repeat; right:0; top:45% }

.content { font:normal 15px/180% "微软雅黑"; padding:20px 0 30px; clear:both; }

.newsinfo { padding:10px; line-height:20px; color:#666; }
.newsinfo p { font:normal 14px/30px "微软雅黑"; }
.newsinfo a { padding-right:10px; color:#0064C8; }
.newsshare { height:40px; padding:10px; text-align:right; line-height:40px; color:#acacac; border-bottom:1px dotted #999; border-top:1px dotted #999; }

.othertitle { font:normal 16px/20px "微软雅黑"; padding:15px 10px 5px; }
.othertitle span { float:right; font-size:12px; }
.othertitle a { color:#075cb9; }

.otherpic { padding:10px 0; }
.otherpic li { float:left; margin:0 8px 0; width:140px; line-height:30px; text-align:center; height:125px; overflow:hidden; }

.newarts dd { float:left; width:60px; line-height:25px; }

.fangtan { width:1035px; }
.fangtan dd { float:left; width:235px; height:168px; position:relative; margin:0 20px 0 0; padding:5px 0; overflow:hidden; }
.fangtan dd.first { border-left:none; padding-left:0; }
.fangtan dd p,.fangtan dd span { position:absolute; display:block; }
.fangtan dd p { bottom:5px; height:30px; line-height:30px; text-align:center; width:235px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; background-color:#0096c8; color:#fff; }
.fangtan dd span { bottom:35px; line-height:20px; width:230px; font-size:12px; padding:5px 0 5px 5px; color:#fff; }

.hotzl { width:700px; font-size:12px; line-height:20px; color:#666; padding-top:12px; }
.hotzl dd { float:left; width:110px; overflow:hidden; margin-right:20px; padding:4px; border:1px solid #ddd; height:207px; }
.hotzl dd p { height:36px; padding:5px 0; line-height:18px; width:110px; overflow:hidden; }
.hotzl dd:hover { background-color:#3296c8; color:#eee; border:1px solid #3296c8; }
.hotzl dd:hover a { color:#fff; }

.artvideo { width:665px; padding-top:5px; }
.artvideo li { width:180px; float:left; height:150px; margin-right:25px; overflow:hidden; color:#666; border:1px solid #ddd; padding:4px; line-height:30px; text-align:center; margin-bottom:15px; }

.zlTuijian { padding:5px 0 5px 0; }
.zlTuijian li { line-height:21px; height:140px; padding-bottom:15px; color:#888; }
.zlTuijian li img { float:left; margin-right:10px; }
.zlTuijian li p { font-weight:bold; margin-bottom:5px; }

.userHot { width:1000px;height:200px;position:relative;margin:auto;}
.userHot dd { float:left;overflow:hidden; margin:0; height:100px; width:100px;}
.userHot .popInfo{display:none;position:absolute;top:0;left:0;z-index:10;padding:0px;background:#5ac0f5;width:400px;height:100px;overflow:hidden; filter:Alpha(Opacity=80);opacity:0.8;}
.userHot .popInfo img{width:100px;position:relative;z-index:3;}
.userHot .popInfo p{ padding:10px;height:80px;color:#fff;position:relative;z-index:2;overflow:hidden; font:normal 14px/25px "微软雅黑";}
.userHot .layerMode{display:none;position:absolute;background:#000;filter:Alpha(Opacity=50);opacity:0.5;top:0;left:0;width:100%;height:200px;z-index:3;}
.userHot span { display:inline-block; margin-right:5px; }

.artstabs { padding-bottom:10px; font:normal 15px/30px "微软雅黑"; border-bottom:1px solid #dcdcdc; margin-bottom:10px; height:30px; }
.artstabs li { float:left; overflow:hidden; }
.artstabs li a { padding:0 15px; -moz-border-radius:15px; border-radius:15px; -webkit-border-radius:15px; }
.artstabs li.liselect a { background-color:#0087be; color:#fff; }

.artslist dd { width:310px; float:left; height:80px; padding-bottom:15px; }
.artslist dd a { display:block; line-height:18px; }
.artslist dd img { float:left; margin-right:8px; }
.artslist dd p,.artslist dd span { float:left; display:block; width:210px; word-break:keep-all; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.artslist dd p { padding-bottom:5px; color:#326464; }
.artslist dd span { font-size:12px; color:#666; }

.arts_search { padding:10px 30px; line-height:37px; background:url(../images/dianbg.gif) repeat; margin:15px 0; }
.arts_search span { display:block; float:left; }
.arts_search em { color:#dc0000; }
.arts_search form { float:left; }
.arts_search p { float:right; width:440px; }
.arts_search p a { color:#666; }
.letter { padding:5px 0; }
.letter span,.letter a { display:block; float:left; line-height:28px; color:#333; }
.letter a { width:30px; height:25px; font:normal 16px/25px Arial, Helvetica, sans-serif; text-align:center; }

.nosearch { text-align:center; line-height:100px; color:#f60; font-size:25px; }

.othersearch { font:normal 12px/25px "微软雅黑"; padding-bottom:10px; }
.othersearch span { display:block; width:60px; float:left; color:#333; margin-top:3px; }
.othersearch p { float:right; width:860px; }
.othersearch a { display:inline-block; padding:0 10px; height:25px; text-align:center; margin-top:3px; }
.othersearch a.searchon { background-color:#f30; color:#fff; }

.allarts { border:5px solid #a0caf4; padding:20px; min-height:180px; margin:15px 0 20px; background:url(../images/2015/sp.gif); }
.allarts .fontb { width:60px; height:60px; float:left; text-align:center; font:normal 30px/60px Arial, Helvetica, sans-serif; background-color:#3489dd; }
.allarts .fontb a { color:#fff; }
.allarts .fonts { width:870px; float:right; font:normal 14px/25px "微软雅黑"; }
.allarts .fonts a { display:inline-block; width:80px; text-align:center; margin-bottom:5px; position:relative; }
.allarts .fonts a span { position:absolute; left:0; bottom:25px; display:none; }
.allarts .fonts a:hover { background-color:#59a4ef; color:#fff; }
.allarts .abxian { height:30px; background:url(../images/hdian.gif) repeat-x center; clear:both; } 

.worksclass { background:url(../images/1x1.gif) repeat-x bottom; height:35px; padding-left:20px; margin:10px 0 5px; padding-top:5px; }
.worksclass li { float:left; border:1px solid #ddd; padding:0 15px; font:normal 14px/33px "微软雅黑"; margin:0 5px; background-color:#f9f9f9; }
.worksclass li.selectli { background-color:#fff; border-bottom:1px solid #fff; }

.workslist { width:1035px; }
.workslist li { width:180px; text-align:center; float:left; margin:15px 25px 5px 0; }
.workslist li span { display:block; }
.workslist li p { border-top:1px dotted #ccc; background-color:#f5f5f5; font:normal 12px/30px "微软雅黑"; border-bottom:1px solid #eee; height:30px; overflow:hidden; }
.workslist li div { line-height:30px; color:#888; background-color:#f9f9f9; font-size:12px; text-align:left; padding-left:5px; height:30px; overflow:hidden; }

.renwu li { height:125px; padding:5px 0 10px; }
.renwu li a { display:block; line-height:20px; }
.renwu li img { float:left; margin-right:15px; }
.renwu li p { font-size:12px; padding-top:8px; color:#666; text-indent:24px; }

.maintop { background:url(../images/arts/top.jpg) center no-repeat #20a3d8; height:510px;}
.guanjia,.linian { margin:auto; height:50px;}
.guanjia i,.linian i { position:absolute; left:-9999px; }
.guanjia { width:200px; background:url(../images/arts/ico.png) no-repeat; }
.linian { width:220px; background:url(../images/arts/ico.png) no-repeat 0 -50px; margin:20px auto; }
.artdesc { color:#666; font-size: 14px; line-height:25px; text-align:center;}

.artser { margin:auto; width:750px; }
.artser li { text-align:center; width:150px; float:left; margin:0 50px; line-height:25px; color:#999; padding-top:160px; }
.artser li.s1 { background:url(../images/arts/ico.png) 0 -100px;}
.artser li.s2 { background:url(../images/arts/ico.png) -150px -100px;}
.artser li.s3 { background:url(../images/arts/ico.png) -300px -100px;}
.artser li h4 { font-size:18px; font-weight:normal; color:#333; }

dl.arttitle { padding-left:10px; height:45px; border-left:8px solid #239ed7; margin-top:50px; }
dl.arttitle dt { font:normal 20px/22px "微软雅黑"; padding-bottom:5px; }
dl.arttitle dd { background-color:#79d1e7; display:inline-block; color:#fff; font:normal 12px/18px Arial, Helvetica; padding:0 30px 0 10px; }

dl.cpyoushi { width:1030px; }
dl.cpyoushi dd { float:left; width:485px; margin:30px 30px 0 0; color:#fff; }
dl.cpyoushi dd span { display:block; float:left; width:45px; height:70px; background-color:#f6c511; font:normal 40px/70px Arial, Helvetica; font-style:italic; text-align:center; }
dl.cpyoushi dd p { float:right; width:420px; height:50px; line-height:25px; padding:10px; background-color:#21c0d3; }

dl.yxyoushi dd { float:left; width:250px; margin-top:30px; height:145px; }
dl.yxyoushi dd i { position:absolute; left:-9999px; }
dl.yxyoushi dd span { display:block; width:75px; height:75px; margin:auto; }
dl.yxyoushi dd p { height:50px; margin:10px auto; }
dl.yxyoushi dd.ys1 span { background:url(../images/arts/ico.png) no-repeat 0 -310px; }
dl.yxyoushi dd.ys1 p { background:url(../images/arts/ico.png) no-repeat 0 -385px; width:200px; }
dl.yxyoushi dd.ys2 span { background:url(../images/arts/ico.png) no-repeat -75px -310px; }
dl.yxyoushi dd.ys2 p { background:url(../images/arts/ico.png) no-repeat 0 -435px; width:210px; }
dl.yxyoushi dd.ys3 span { background:url(../images/arts/ico.png) no-repeat -150px -310px; }
dl.yxyoushi dd.ys3 p { background:url(../images/arts/ico.png) no-repeat 0 -485px; width:210px; }
dl.yxyoushi dd.ys4 span { background:url(../images/arts/ico.png) no-repeat -225px -310px; }
dl.yxyoushi dd.ys4 p { background:url(../images/arts/ico.png) no-repeat 0 -535px; width:210px; }

.art360 { background:url(../images/arts/aban.jpg) no-repeat; width:1000px; height:410px; margin:20px 0; }

.pubul { width:1200px; margin:auto; line-height:25px; padding:0 0 20px; }
.pubul b { color:#ff0; }
.pubul li { text-align:center; padding:20px; }
.pubul li h4 { font-size:30px; font-weight:normal; line-height:60px; }

.artanli { background-color:#1ec8c8; color:#fff; }
.artanli dl { width:1200px; margin:auto; line-height:25px; }
.artanli dd { width:200px; float:left; height:225px; margin:0 20px; text-align:center; line-height:50px; font-size:18px; }
.artanli dd img { display: block; border-radius:100%; -webkit-border-radius:100%; margin: auto; }
.artanli dd a { display:block; }

.liucheng { background-color:#149696; color:#fff; padding-bottom:100px; }
.liucheng dl { width:1200px; margin:auto; }
.liucheng dt,.liucheng dd { float:left; height:140px; line-height:140px; text-align:center; }
.liucheng dd { width:140px; font-size:18px; border:5px solid #a5e6ff; -moz-border-radius:100%; border-radius:100%; -webkit-border-radius:100%; }
.liucheng dt { width:60px; font-size:40px; }

.zplist { width:645px; margin-bottom:10px; }
.zplist li { width:195px; float:left; line-height:20px; margin-right:20px; padding-top:5px; overflow:hidden; }

.artanli a,.liucheng a { color:#fff; }
.artanli a:hover,.liucheng a:hover { color:#ff0; }

.artsbox { width:1015px; height:140px; overflow:hidden; padding-top:12px; }
.artsbox dd { float:left; width:130px; height:130px; overflow:hidden; position:relative; margin:0 15px 10px 0; }
.artsbox dd img { width:130px; height:130px; position:absolute; left:0px; top:0px; overflow:hidden; }
.artsbox dd a { width:130px; height:130px; position:absolute; left:0px; top:0px; z-index:3; }
.artsbox dd em { position:absolute; bottom:0; display:block; height:30px; text-align:center; width:130px; line-height:30px; background-color:#00b4dc; color:#fff; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9; }

.arttext dd { float:left; width:66px; line-height:30px; }

*{transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;}
@-webkit-keyframes start {
    0% {  -webkit-transform:translate(0, -6px); transform:translate(0, -6px) }
    50% { -webkit-transform:translate(0, 0); transform:translate(0, 0) }
    100% { -webkit-transform:translate(0, -6px); transform:translate(0, -6px) }
}
@keyframes start {
    0% { -webkit-transform:translate(0, -6px);transform:translate(0, -6px)    }
    50% {  -webkit-transform:translate(0, 0); transform:translate(0, 0)    }
    100% { -webkit-transform:translate(0, -6px); transform:translate(0, -6px)    }
}

h3.title_text{text-align:center; font-size:24px; margin-bottom:20px;}
table.tab_member { border:1px solid #ddd; margin-top:20px; border-collapse:collapse; font-size:14px; }
table.tab_member th { border:1px solid #ddd; font-size:18px; color:#fff; font-weight:normal; border-collapse:collapse; }
table.tab_member td { border:1px solid #ddd; padding:0 5px 0 13px; border-collapse:collapse;  }
table.tab_member th a{font-size:12px; color:#fff; font-weight:normal;background:#f30; border-radius:3px; display:inline-block; padding:2px 5px; position:relative;top:0px; left:5px;  animation: start 2.2s infinite  ease-in-out; -webkit-animation: start 2.2s infinite ease-in-out; -o-animation: start 1.8s infinite ease-in-out; -moz-animation: start 1.8s infinite ease-in-out; -ms-animation: start 1.8s infinite ease-in-out;}
table.tab_member th a:hover{background:#ed7254;}