@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px}
body{font-size:12px; font-family:"微软雅黑";color:#000; min-width:1600px;}
img{border: 0;}
li{ list-style:none;}
.fl{float:left; margin-right:22px}
.fr{float:right}
.cl{clear:both;}
a{ text-decoration: none; }

cite{ font-style:normal; float:right; font-size:14px}
cite a{ color:#000}
p{ text-indent:0em}
span.txt{ font-style: normal;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;color: #fff;height: auto;line-height: 24px;font-size: 14px;background-color: rgba(0, 0, 0, 0.4);padding: 6px 0;}
/***************通用部分***************/
.page{ width:1600px; margin:0 auto;position: relative}
.wrap1{ background-color:rgba(253, 247, 225, 0);height: px}
.wrap2{ background-color:rgba(253, 247, 225, 0);height: 960px}
.wrap3{ background-color:rgba(253, 247, 225, 0);height: px}
.wrap4{background: url("bg4.png")  no-repeat top;height: 960px}
.wrap5{ background-color:rgba(253, 247, 225, 0);height: px}
.wrap6{ background-color:rgba(253, 247, 225, 0);height: 960px}

.header{;display: flex;align-items: center}
.container1{;padding: 0 20px}
.container{;padding-top: 100px}
.tit1{padding-left:70px;font-size: 28px;color: #980500;font-weight: bold;letter-spacing:6px;height: 68px;line-height: 58px}
.section4 .tit1{color: #fff}

.tit1 p{float: left}
.tit1 img{float: right;padding-top: 44px}
/***************第1部分***************/
.box1{background: url("tp-10.png") no-repeat left;width: 543px;height: 682px;padding-top: 210px;float: right;margin-top: 65px}
.text1{text-align: center;margin:  0 58px;border-bottom:1px #6b6e6f solid;}
.text1 h2{font-size: 22px;font-weight: normal;margin: 10px 0}
.text1 h2 a{color: #fff}
.text1 p{font-size: 16px;line-height: 28px;color: #bfbfbf;text-align: left;margin-bottom: 20px;overflow: hidden;;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.text1:nth-last-child(1){border-bottom:0}

.box2, .box2 img{width: 972px;height: 532px;float: left}
.box2{margin-right:40px }
.right2{height: 532px;float: left;width: 460px;display: flex;align-items: center;padding-top: 100px}
.right2 h2{font-size: 40px;color: #000;font-weight: normal;text-align: left;padding-bottom: 30px}
.right2 p{font-size: 18px;line-height: 48px;text-align: justify}
/***************第2部分***************/
.tit2 p{font-size: 24px;color: #303132;background: url("tp-2.png") no-repeat left;height: 24px;padding-left: 14px;float: left;line-height: 24px}
.tit2 img{float: right}
.tit2{width: 100%;margin-bottom: 20px;height: 24px;margin-top: 10px}
.left21{width: 508px;float: left;margin-right: 30px}
.box21{background: url("tp-3.png") no-repeat top;width: 508px;height: 655px;}
.box21 img{height: 264px;width: 100%;padding-top: 40px;}
.box21 li p{font-size: 22px;color: #000;line-height: 38px;margin-bottom: 10px}
.box21 li span{font-size: 18px;color: #000}
.box21 li{border-bottom:1px #a4c9d7 solid;padding:20px 0}
.box21 li:nth-child(3){border-bottom:0px}
.box211{padding: 0 40px}
.more2{float: right;width: 103px!important;height: 24px!important;padding: 0!important}

.box22{width: 508px;height: 655px;}
.text22 h2{font-size:18px;color: #000;margin-bottom: 10px}
.text22 p{font-size:14px;color: #000;line-height: 28px;overflow: hidden;;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
.text22{width: 508px;height: 161px;border:1px #d7a62f solid;display: flex;align-items: center;margin-bottom: 20px}
.text22 div{padding: 0 12px}
.hb_pic_1, .hb_pic_1 img{  width:100%;height:289px;}
.hb_pic_1{ position: relative; float:left ;margin-bottom: 20px}

/***************第3部分***************/
.box44{width: 502px;height:281px;position: relative;float: left;margin:  0 15px;margin-bottom: 44px}
.img41{position: absolute;z-index: 2}
.img42{width: 210px;height: 210px;z-index: 1;border-radius: 100%;position: absolute;top: 36px;left: 37px}
.text4{float: left;padding-top: 54px;margin-left: 308px;position: relative;z-index: 3;margin-right: 30px;}
.text4 h2{font-size: 36px;color: #63340d;line-height: 50px}
.text4 p{font-size: 18px;color: #63340d}

.tb_{padding: 0 90px;padding-top: 40px;margin-bottom: 40px}
.tb_ ul{width: 100%;display: flex;justify-content: center;}
.tb_ li{cursor:pointer;text-align:center;width: 208px;height: 72px;float:left;font-size: 24px;line-height: 72px;margin: 0 16px}
.hovertab{color: #980500;border:1px #980601 solid}
.normaltab{background: #d0cdce;color: #000}
.dis{display:block}
.undis{display:none}

.box5 li img{width: 318px;height: 498px}
.box5 li{width: 318px;text-align: center;height: 579px}
.box5 li p{font-size:16px;color: #000;line-height: 28px;
    padding-top: 10px; }

.tdn{padding: 0 90px;}
.box5{width: 100%;display: flex;justify-content: space-between;}

.tdn1{width: 464px;float: left}
.tdn1 img{width: 464px}
.box6{width: 1492px;height: 577px;border:1px #d7a62f solid;margin-top: 20px;margin-left: 48px}
.box6 img{width:464px;height: 577px; }

.tb1_ li{border-right:1px #d7a62f solid;height: 577px;width: 78px;float: left;font-size: 22px;color: #6d4720;writing-mode: vertical-rl;line-height: 78px}
.tb1_ li:nth-last-child(1){border-right:0}
.tb1_ li p{padding-top: 25px}

.text7{text-align: center;padding: 0 215px}
.text7 h2{font-size: 48px;font-weight: normal;margin: 20px 0}
.text7 h2 a{color: #000}
.text7 p{font-size: 24px;line-height: 42px;color: #5e5e5e;text-align: left;margin-bottom: 20px;overflow: hidden;;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.box7 li{width: 348px;height: 477px;float: left;text-align: center}
.box7 li img{height: 311px;width: 100%;display: block}
.box7 li p{height:166px;;display: flex;align-items: center;;justify-content: center;padding: 0 20px;;font-size: 26px;color: #fff}
.box7 li a{width: 100%}
.box7 li:nth-child(1){background: #89302f}
.box7 li:nth-child(2){background: #83afbf}
.box7 li:nth-child(3){background: #1f191b}
.box7 li:nth-child(4){background: #2d363d}
.box7{margin-left: 100px}

 

/***************第4部分***************/

.foot-l{float: left;font-size: 18px;color: #ede9ea;width: 430px;line-height: 32px}
.foot-l li{color: #ede9ea;float: left;margin-right: 20px}
.foot-l a{color: #ede9ea;}
.foot-r{float: right;}
.foot-r img{width: 154px;height: 154px;margin-left: 52px}
.foot1{border-bottom:1px #ffffff solid;display: flow-root;padding: 0 60px;padding-bottom: 20px;}
.foot2{font-size: 16px;width: 100%;;display: flex;justify-content: center;padding-top: 30px}
.foot2 p{margin-bottom: 10px;color: #fff;line-height: 36px}


/***************列表页***************/
.list1{background: #f0f0f0;height: 54px;color: #303030;font-size: 16px;line-height: 54px}
.list1 a{color: #303030}
.list2{background: #fafafa;display: flex; }
.list-2{margin:  0 76px;border-bottom:1px #cdcdcd dashed;display: flow-root;padding: 36px 0}
.list-img{width: 255px;height: 161px;float: left;margin-right: 46px;display:none}
.list-text{width: 1200px;float: left;padding-top: 10px}
.list-text h2{color: #980500;font-size: 18px;margin-bottom: 10px}
.list-text h2 a{color: #980500}
.list-text p{color: #4b4f51;font-size: 16px;line-height: 36px;overflow: hidden;;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.list-r{font-size:14px;color: #980500;float: right;line-height: 36px ;padding-top: 48px}
.list-r span{background: url("tp-11.png") no-repeat right;padding-right:30px;display: block;text-align: right; }
.list-r span a{color: #980500}


/***************文章页***************/
.article_content{float: none;width: 100%;}
.min_con_title{ height:50px; line-height:50px; border-bottom:1px #bebebe solid; font-size:22px; color:#024ea4;margin-bottom:20px}
.min_con_title span a{ color:#024ea4}
.min_con_title span{ display:block; border-bottom:1px #024ea4 solid; float:left}
.min_con_text{ padding:0 10px 10px; margin-bottom:25px}
.min_con_text h1{ line-height:30px; font-size:22px; text-align:center; color:#000; padding-bottom:25px;border-bottom:1px #bebebe solid; }
.post_source{ line-height:26px; font-size:14px; color:#8e8e8e}
.min_con_nr{ line-height:36px; font-size:16px; color:#000;padding-bottom: 50px}
.min_con_nr img{ display:block; margin:0 auto; width: 100%;height: auto}
.min_con_nr p{ text-indent:32px}
.page_wrap{width: 1200px;margin-top: 50px}

/***************人才页***************/
.wrap-talent1{background: url("mjfc.png")  no-repeat top;height: 473px}
.talent1 li img{width: 300px;height: 438px}
.talent1 li h2{font-size: 28px;color: #000;margin: 10px 0}
.talent1 li p{font-size: 18px;color: #585858;line-height: 28px}
.talent1 li{width: 300px;height: 622px;float: left;margin-right: 25px;margin-bottom: 0px}
.talent1 li:nth-child(4n+4){margin-right: 0}
.talent1{margin-top: 50px}

/***************人才文章页***************/
.rc-l{width: 517px;height: auto;float: left}
.rc-r h2{font-size: 45px;color: #000;padding-top: 10px;text-indent: 32px;}
.rc-r p{font-size: 16px;color: #000;line-height: 36px;text-align: justify}
.rc-r{float: right;width: 1026px}
.article_rc{margin-top: 50px;margin-bottom: 100px;display: flow-root;}
.rc-r img{display: none}


/***************演出日历***************/ 
.h11 {
            color: #980500;
            font-size: 2.8rem;
            margin-bottom: 10px;
            letter-spacing: 1px;text-align: center;margin-bottom: 30px
        }
.subtitle { color: #b0b0b0; font-size: 1.2rem; }
.calendar-container { background-color: #fff; border-radius: 15px; padding: 25px; border:1px #980500 solid; margin-bottom: 30px; }
.calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #2d4059; }
.month-nav { display: flex; align-items: center; gap: 15px; }
.nav-btn { background-color: #2d4059; color: #f0f0f0; border: none; width: 45px; height: 45px; border-radius: 50%; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; }
.nav-btn:hover { background-color: #4cc9f0; transform: scale(1.1); }
.current-month { font-size: 1.8rem; font-weight: 600; color: #000; min-width: 220px; text-align: center; }
.today-btn { background-color: #2d4059; color: white; border: none; padding: 10px 20px; border-radius: 25px; cursor: pointer; font-weight: 600; transition: background-color 0.3s; }
.today-btn:hover { background-color: #3a56d4; }
.weekdays { display: grid; grid-template-columns: repeat(7, 1fr); margin-bottom: 10px; text-align: center; font-weight: 600; color: #2d4059; padding: 0 5px;font-size: 16px }
.weekday { padding: 12px 5px; }
.calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }
.day { border-radius: 100%; text-align: center; cursor: pointer; ;display: flex; flex-direction: column; justify-content: space-between; position: relative;margin: 0 56px;height: 89px;line-height: 89px }

.day-number { font-size: 1.3rem; font-weight: 600; }
.today{color: #FFF!important}
.other-month { color: #000; background-color: #6B6969; }
.today { background:url("today.png") no-repeat center; background-color:rgba(67, 97, 238, 0)!important;box-shadow: 0 0 0px rgba(67, 97, 238, 0)!important }
.show-indicator { position: absolute; top: 5px; right: 8px; display: flex; gap: 2px; }
.show-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #f72585; }
.show-dot.empty { background-color: transparent; }
.selected { color: #980500}
.performance-display { }
.performance-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #2d4059; }
.performance-title { font-size: 1.8rem; color: #980500; display: flex; align-items: center; gap: 10px; }
.performance-date { font-size: 1.2rem; color: #b0b0b0; }
.performance-count { background-color: #f72585; color: white; padding: 5px 12px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; }
.performances-container { display: flow-root;margin-bottom: 50px}
.performance-item { }

.performance-image { width: 300px; height: 200px; flex-shrink: 0; overflow: hidden; }
.performance-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.performance-info { flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.performance-name { font-size: 1.5rem; color: #f0f0f0; margin-bottom: 10px; }
.performance-description { color: #b0b0b0; margin-bottom: 15px; line-height: 1.5; }
.performance-details { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-top: 10px; }
.detail-item { display: flex; flex-direction: column; min-width: 120px; }
.detail-label { color: #9ca3af; font-size: 0.9rem; margin-bottom: 3px; }
.detail-value { color: #f0f0f0; font-weight: 600; }
.no-performance { text-align: center; color: #9ca3af; font-size: 1.3rem; padding: 60px 20px; }
.no-performance i { font-size: 4rem; margin-bottom: 20px; color: #980500; }

.container2{;padding: 0 50px;padding-top: 50px}

.hb_pic_2, .hb_pic_2 img{  width:465px;height:450px;}
.hb_pic_2{ position: relative; float:left ;margin-bottom: 20px}
.hb_pic_2 span.txt{ font-style: normal;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;color: #fff;height: auto;
	line-height: 24px;font-size: 14px;background-color: rgba(152, 5, 0, 0.6);padding: 20px 0;}
.hb_pic_2 span.txt h2{font-size: 32px;color: #fff;text-align: left;margin:  0 20px;margin-bottom: 20px}
.hb_pic_2 span.txt p{height: 39px;margin:  0 20px}
.p1{float: left;background: url(p1.png) left center no-repeat;font-size: 24px;color: #dbc194;line-height: 39px;padding-left: 40px}
.p2{float: right;background: url(p2.png) left center no-repeat;;font-size: 24px;color: #dbc194;line-height: 39px;padding-left: 40px}
.performance-item{  width:465px;height:450px;float:left;margin-right: 52px }
.performance-item:nth-child(3){;margin-right: 52px}


.list3{background: url("list3.png")  no-repeat top;height: 1356px}


.box66 li img{width: 318px;height: 498px}
.box66 li{width: 318px;text-align: center;margin-right: 49px;float: left;height: 527px;overflow: hidden;margin-bottom: 30px}
.box66 li:nth-child(4n+4){margin-right: 0}
.box66 li p{font-size:20px;color: #000 }


/* 修改default.css中的日历部分样式 - 缩小20% */

/* 日历容器 - 缩小20%并居中 */
.calendar-container {
    background-color: #fff;
    border-radius: 15px;
    padding: 18px; /* 稍微缩小内边距 */
    border: 1px #980500 solid;
    margin-bottom: 30px;
    width: 80%; /* 缩小20% */
    margin-left: auto;
    margin-right: auto;
}

/* 日历头部 */
.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px; /* 稍微缩小间距 */
    padding-bottom: 12px; /* 稍微缩小内边距 */
    border-bottom: 1px solid #2d4059;
}

/* 月份导航 */
.month-nav {
    display: flex;
    align-items: center;
    gap: 10px; /* 稍微缩小间距 */
}

/* 导航按钮 - 缩小20% */
.nav-btn {
    background-color: #2d4059;
    color: #f0f0f0;
    border: none;
    width: 38px; /* 缩小20%: 45 * 0.8 = 36，稍微保留一点余地 */
    height: 38px; /* 缩小20% */
    border-radius: 50%;
    font-size: 1rem; /* 稍微缩小字体 */
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-btn:hover {
    background-color: #4cc9f0;
    transform: scale(1.1);
}

/* 当前月份显示 */
.current-month {
    font-size: 1.6rem; /* 稍微缩小字体 */
    font-weight: 600;
    color: #000;
    min-width: 200px; /* 稍微缩小宽度 */
    text-align: center;
}

/* 返回今天按钮 */
.today-btn {
    background-color: #2d4059;
    color: white;
    border: none;
    padding: 8px 16px; /* 稍微缩小内边距 */
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.3s;
    font-size: 0.9rem; /* 稍微缩小字体 */
}

.today-btn:hover {
    background-color: #3a56d4;
}

/* 星期样式 */
.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 8px; /* 稍微缩小间距 */
    text-align: center;
    font-weight: 600;
    color: #2d4059;
    padding: 0 5px;
    font-size: 14px; /* 稍微缩小字体 */
}

.weekday {
    padding: 8px 4px; /* 稍微缩小内边距 */
}

/* 日历网格 */
.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px; /* 稍微缩小间距 */
    justify-items: center; /* 使日期单元格居中 */
}

/* 日期单元格 - 重要修改 */
.day {
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    
    display: flex;
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    position: relative;
    width: 56px; /* 缩小20%: 89 * 0.8 = 71.2，但我们使用56px */
    height: 56px; /* 缩小20% */
    margin: 2px; /* 稍微缩小外边距 */
}



.day-number {
    font-size: 1.2rem; /* 稍微缩小字体 */
    font-weight: 600;
}

/* 其他月份日期 */
.other-month {
    color: #999; /* 浅灰色 */
    background-color: #f5f5f5; /* 浅灰色背景 */
}

/* 今天样式 */
.today {
    background: url("today.png") no-repeat center;
    background-size: contain; /* 确保图片适应 */
    background-color: rgba(67, 97, 238, 0)!important;
    box-shadow: 0 0 0px rgba(67, 97, 238, 0)!important;
    color: #FFF!important;
}

/* 选中样式 */
.selected {
    color: #980500;
    font-weight: bold;
    border: 2px solid #980500;
}

/* 演出场次指示器 */
.show-indicator {
    position: absolute;
    top: 4px; /* 调整位置 */
    right: 6px; /* 调整位置 */
    display: flex;
    gap: 1px; /* 稍微缩小间距 */
}

.show-dot {
    width: 5px; /* 稍微缩小 */
    height: 5px; /* 稍微缩小 */
    border-radius: 50%;
    background-color: #980500;
}

.show-dot.empty {
    background-color: transparent;
}


.yc-list {margin: 0 68px;padding-top: 34px}
.yc-list li{width: 354px;margin-right: 15px;float: left;height: 573px;overflow: hidden;margin-bottom: 20px}

.yc-list li img{width: 354px;height: 520px;margin-bottom: 10px}
.yc-list li p{font-size: 30px;color: #000;padding:  0 10px}
.yc-list li:nth-child(4n+4){margin-right: 0}



.noBorder{font-size: 16px;padding: 40px 0}
.noBorder a{color: #000}


.tb_0 {;padding-top: 50px;height: 54px}
.tb_0 ul{    width: 100%;
    display: flex
;
    justify-content: center;}
.tb_0 li{cursor:pointer;text-align:center;width: 115px;height: 54px;float:left;margin-right: 52px;font-size: 28px;font-weight: bold}
.hovertab1{display: block;width: 115px;height: 54px;color: rgba(181,28,34,1.00)}
.normaltab1{display: block;width: 115px;height: 54px;color: #000}


.hb_box_1{padding-top: 46px}
.yx-rotaion{ width:710px;height: 532px; float:left}
.yx-rotaion img{ width:710px; height:532px}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:82px;line-height:40px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;left:0;bottom:0;_bottom:-1px;z-index:1;    background: -webkit-linear-gradient(rgba(255,255,255,0), #000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), #000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), #000); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), #000); /* 标准的语法（必须放在最后） */}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; font-weight:bold}
.yx-rotaion-btn span{background:url("ico1.png") no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:15px;height:3px;line-height:3px;float:left;margin:5px;position:relative;top:14px;cursor:pointer;text-indent:-9999px;background: #fff;;transition:all 1s ease 0s;}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-1px -1px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-1px -48px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background: #b51c22;width: 26px}
/*焦点图*/
/*新闻*/
.hb_news{width: 710px;float: right;background: #b51c22;height: 532px}
.box_news{color: #fff;width: 710px;height:133px}
.box_news:hover{color: #fff3af;background: url("tp-1211.png") no-repeat center}
.box_news:hover .time_news {border-right:1px #fff3af solid}
.time_news{width: 65px;height:68px;text-align: center;float: left;border-right:1px #fff solid;padding-right: 6px;margin-right: 13px;margin-left: 35px;margin-top: 22px}
.time_news h2{font-size: 56.88px;line-height: 50px}
.time_news p{font-size: 14.67px;}
.text_news h2{font-size: 18px;margin-bottom: 6px;overflow: hidden;;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text_news p{font-size: 12px;line-height:20px;overflow: hidden;;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.text_news{display: inline-block;width: 500px;padding-top: 22px}

.hb_box_2{padding-top: 46px}



   .indThr {
            width: 1320px;
            height: 100%;
            margin: 0;padding-top: 28px
        }

        .kcList {
            width: 1320px;
            height: 100%;
            margin: 0 auto;
        }

        .picList {
            width: 660px;
           
            margin: 0;
            padding: 0;float: left
        }

        .picList li {
            width: 330px;
            height: 330px;
            float: left;
           position: relative;
            overflow: hidden;
        
        }


        .meng {
            width: 100%;
            height: 100%;
            display: block;
        }

        .da-thumbs li a,
        .da-thumbs li a img {
            display: block;
            position: relative
        }

        .da-thumbs li a {
            overflow: hidden
        }

        .da-thumbs li a div {
            position: absolute;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
            opacity: .8;
            filter: alpha(opacity=80);
            text-align: center;
            line-height: 4.56rem;
            font-size: 0.6rem;
            color: #fff;
            font-family: "Medium";
        }

        .da-thumbs li a div.da-animate {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .da-slideFromTop {
            left: 0;
            top: -100%
        }

        .da-slideFromBottom {
            left: 0;
            top: 100%
        }

        .da-slideFromLeft {
            top: 0;
            left: -100%
        }

        .da-slideFromRight {
            top: 0;
            left: 100%
        }

        .da-slideTop {
            top: 0
        }

        .da-slideLeft {
            left: 0
        }

        .picImg {
            width: 330px;
            height: 330px;
        }


.mm{position:absolute;width:100%;height:130px;line-height:40px;left:0;bottom:0;_bottom:-1px;z-index:1;    background: -webkit-linear-gradient(rgba(255,255,255,0), #7e4400); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), #7e4400); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), #7e4400); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), #7e4400); /* 标准的语法（必须放在最后） */}

.picList li:hover .mm {
  display: none
}

.mm h3{font-size: 16px;color: #fff;line-height: 24px;padding-top: 40px;width: 264px;margin-left: 33px}
.mm p{font-size: 14px;color: #fff;margin-left: 33px}


.nn{position:absolute;width:100%;height:130px;line-height:40px;left:0;bottom:0;_bottom:-1px;z-index:1;    background: -webkit-linear-gradient(rgba(255,255,255,0), #024359); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), #024359); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), #024359); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), #024359); /* 标准的语法（必须放在最后） */}

.picList li:hover .nn {
  display: none
}

.nn h3{font-size: 16px;color: #fff;line-height: 24px;padding-top: 40px;width: 264px;margin-left: 33px}
.nn p{font-size: 14px;color: #fff;margin-left: 33px}



.m1{font-size: 16px!important;color: #fff;line-height: 24px;padding-top: 40px;width: 264px;margin-left: 33px;text-align: left;margin-bottom: 8px}
.m2{font-size: 14px!important;color: #fff;margin-left: 33px;text-align: left;line-height: 28px;width: 264px;text-indent:2em;margin-bottom: 8px}
.m3{font-size: 14px!important;color: #fff;margin-left: 33px;text-align: left;line-height: 28px;}