@charset "utf-8";
/* CSS Document */
/* 导航 */
* { margin: 0; padding: 0; }
ol, ul { list-style: none; }
a:link, a:visited, ins { text-decoration: none; }
img{border:none}

body { background-color: #FFFFFF; font-family: "微软雅黑", "宋体", "黑体", Arial; }
.header { position: relative; height: 90px; background: url(../images/line-solid.gif) repeat-x bottom; width: 960px; margin: 0 auto; z-index: 100; }

.menu { height: 40px; background: url(../images/menu_bg_1.gif) no-repeat -99px bottom; z-index: 100; background-position: 0px 100%; position: absolute; top: 50px; right: 0; padding-right: 1px; }
.menu li { float: left; font-size: 14px; text-align: center; line-height: 18px; padding: 0; }
.menu li.lihover, .menu li.licurrent { padding-bottom: 15px; border-bottom: 3px solid #FE7700; }
.menu li a { padding: 2px 35px; border-right: 1px solid #D7D7D7; color: #242424; font-weight: bold; margin: 0; border-left: none; display: inline-block; font-size: 14px; width: 30px; }
.menu li a.noborder { border-right: none; }
.li_3 { position: relative; z-index: 100; }
.li_3 a.noclick { width: 60px; }
.li_3_content { position: absolute; top: 20px; left: 0px; line-height: 40px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; }
.li_3_content a:hover { color: #f18336 !important; }
.li_3_content dt { height: 17px; border-bottom: 3px solid #FE7700; *height: 19px; line-height: 17px; }
.li_3_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 0 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; }
.li_3_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; }
.li_3_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; }
.li_3_content dd.lastItem a { border-bottom: none; }

.miui_logo { position: absolute; top: 29px; left: 0; }
.language { position: absolute; right: 0; top: 10px; line-height: 20px; height: 20px; font-size: 12px; color: #6D6D6D; text-align: right; }
.language span { color: #A6A6A6; padding: 0 3px; }
.language a { color: #A6A6A6; }
.language a:hover { text-decoration: underline; }

/* 节目单 */
.demo{width:600px; margin:280px auto 10px auto; font-size:16px;}
.table {border-collapse: collapse !important;width: 100%;max-width: 100%;margin-bottom: 20px;}
.table td,.table th {background-color: #fff !important;}
.table-bordered th,.table-bordered td {border: 1px solid #ddd !important;}
.table tr td {padding: 8px;line-height: 1.42857143;vertical-align: middle;border-bottom: 1px solid #ddd;}
.table tr:hover {background-color: #f5f5f5;}



/* 图阵 */
.m-artlist { margin-top:60px;margin-left:auto;margin-right:auto;width:900px;}
.m-artlist-2 img, .m-artlist-2 .bor, .m-artlist-2 a, .m-slbanner .prev a, .m-slbanner .next a { transition: all 0.3s ease 0s; }

.m-artlist .item { float: left; width: 262px; margin: 0px 30px 0px 0px; }
.m-artlist .img { position: relative; height: 262px; }
.m-artlist .img a, .m-artlist .img img, .m-artlist .bor, .m-artlist-2 .imgbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-artlist .bor { width: 240px; height: 240px; border: 10px solid rgb(0, 0, 0); opacity: 0; }
.m-artlist-1 .bor:nth-child(2), .m-artlist-1 .bor:nth-child(3), .m-artlist-1 .bor:nth-child(4) { display: none; }
.m-artlist-2 .img { height: 176px; }
.m-artlist-2 .bor { width: 258px; height: 174px; border: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 1; }
.m-artlist-2 .bor:first-child { left: 8px; top: 8px; }
.m-artlist-2 .bor:nth-child(2) { left: 6px; top: 6px; }
.m-artlist-2 .bor:nth-child(3) { left: 4px; top: 4px; }
.m-artlist-2 .bor:nth-child(4) { left: 2px; top: 2px; }
.m-artlist-2 .txt { margin-top: 10px; }
.m-artlist-2 a:hover img { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.m-artlist-2 a:hover .bor:first-child { 
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.m-artlist-2 a:hover .bor:nth-child(2) { 
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}
.m-artlist-2 a:hover .bor:nth-child(3) { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
 }
 .m-artlist-2 a:hover .bor:nth-child(4) { 
     -moz-transform: rotate(-5deg);
     -webkit-transform: rotate(-5deg);
     -o-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg);
 }