@charset "UTF-8";
.nav_view{position: absolute; left: 0; top:0; background: rgba(255,255,255,.4); z-index: 10}
.nav_view a{color: #fff}
/*banner*/
.banner-box{width:100%;height:100vh;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:100vh;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1300px;position:absolute;top:360px;left:50%;margin-left:-650px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/preImg.png) no-repeat;}
.banner-btn a.next{right:20px;background:url(../images/nexImg.png) no-repeat;}

.banner-box .hd {position:absolute;bottom:30px; width: 100%; display: flex; align-items: center; justify-content: center}
.banner-box .hd ul li{width:40px;height:7px;border-radius :10px;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
/*搜索*/
.search_box{width: 830px; margin: 0 auto; display: flex; align-items: center; padding: 2vw 0 1vw 0;}
.search_box input{background:#fff; flex: 1;  border: 1px solid #c5aa7d;  height: 48px; font-size: 14px; padding: 0 1vw}
.search_box .searchbut{width: 90px; margin-left: auto; background: #c5aa7d; display: flex; align-items: center; justify-content: center; height: 50px;}
.search_box .searchbut img{width: 35px}
.search_text{color: #151515; font-size: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 1vw}
.search_text .hot{width: 20px; line-height: 20px; font-size:14px; text-align: center; background: #ff2929; color: #fff; margin-right: 10px}
/*public*/
.main_body{padding: 2vw 6vw 0 6vw;}
.label_title{display: flex; align-items: center; justify-content: space-between; padding: 1vw 3vw 1vw .6vw; font-size: 28px; color: #151515;}
.label_title .more{margin-left: auto; font-size:16px; color: #c5aa7d; display: flex; align-items: center;}
.label_title .more img{width: 28px; height: 8px; margin-left: 5px}
.label_title .more img:last-child{margin-left: 50px}
/*最近演出*/
.lately{display: flex; align-items: center}
.lately .leftData{width: 8vw; margin-right: 2.2vw; font-size: 16px;color: #151515;}
.lately .leftData .datali{position: relative; line-height: 1.5; padding: .5vw 0; margin: 1.2vw 0}
.lately .leftData .datali:after{content: ""; width: 10px; height: 2px; background: #151515; right: 0; top:0;position: absolute}
.lately .leftData .datali.active{color: #c5aa7d}
.lately .leftData .datali.active span{border-bottom: 2px solid #c5aa7d; padding-bottom: 5px}
.lately .leftData .datali.active:after{content: ""; width: 10px; height: 2px; background: #c5aa7d; right: 0; top:0}
.lately .leftData img{width: 8px; height: 28px; margin: 1vw 0}
.lately .rightCen{flex: 1; margin-left: auto; height: 25vw; position: relative; overflow: hidden}
.swiper-container {width: 100%; height: 100%;}
.lateli{width: 12.55vw; font-size: 16px; line-height: 1.7}
.lateli .imgBox{width: 12.55vw;  height: 17.6vw; margin-bottom: .2vw; background-size: cover;}
.lateli .text{color: #999999; font-size: 14px; padding-top: .3vw}
/*演出推荐*/
.recommend{display: flex; align-items: center}
.recommend .leftswiper{width: 34.8vw; height: 20.8vw; overflow: hidden; position: relative}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper .swiper-slide{position: relative}
.swiper .swiper-slide .itemName{height: 4.2vw; padding: 0 2vw; line-height: 4.2vw; width: 100%; left: 0; bottom: 0; position: absolute; text-align: center; color: #fff; background: rgba(25,25,25,.5); font-size: 28px}
.swiper .swiper-slide img{width: 100%; height: 100%}
.tjView{margin-left: 1vw; flex: 1; display: flex; }
.tjView .tjli{width: 17.4vw; height: 20.8vw; border: 1px solid #ddd; font-size: 16px; margin-left: .78vw }
.tjView .tjli:first-child{margin-left: 0}
.tjView .tjli img{width: 100%; height: 13vw;}
.tjView .tjli .tjname{padding: 1vw}
.tjView .tjli .tjname .dateBox{font-size: 14px; color: #999999; padding-top: .7vw}
/*线上专区*/
.lineBox{display: flex; padding:2.8vw 0.75vw 0 0.75vw}
.lineBox .imgView{width: 16.72vw; height: 12.5vw; margin-left: 1.35vw; position: relative}
.lineBox .imgView img{width: 100%; height: 100%;}
.lineBox .imgView .label{width: 1.56vw; background: #005fab; color: #fff;font-size: 16px; text-align: center;padding: 1vw 0; position: absolute; left: -0.75vw; top:1vw}
.lineBox .imgView:first-child{margin-left: 0}
.lineBox .imgView:nth-child(2n){margin-top: -1.5vw}
.lineBox .imgView .splabel{background: #f30a41;}
/*资讯动态*/
.careTab{font-size: 14px; position: relative; width:5vw; text-align: right; margin-left: 1.5vw; line-height: 2; color: #151515}
.careTab:before{content: ""; width: 7px; height: 2px; border-radius: 2px; background: #151515; position: absolute; left: 0; top:50%; margin-top: -1px}
.careTab.cur{color: #c5aa7d; border-bottom: 2px solid #c5aa7d}
.careTab.cur:before{background: #c5aa7d}
.articleBox{border: 1px solid #dddddd; display: flex}
.articleBox .articleul{width: 50%; border-right: 1px solid #dddddd; display: flex; flex-wrap: wrap}
.articleBox .articleul .articleli{width: 50%; padding: 1.5vw; font-size: 16px; border-bottom: 1px solid #ddd;}
.articleBox .articleul .articleli:nth-child(2n){ border-left: 1px solid #ddd}
.articleBox .articleul .articleli:nth-child(5),.articleBox .articleul .articleli:nth-child(6){ border-bottom: 0}
.articleBox .articleul .articleli .info{padding: 20px 0; color: #555; height: 58px; margin-bottom: 15px; font-size: 14px;}
.articleBox .articleul .articleli .date{color: #999; font-size: 14px;}
.articleBox .imgText{width: 50%; display: flex;}
.articleBox .imgText .articleleft{width: 50%; position: relative}
.articleBox .imgText .articletext{font-size: 28px; padding: 5vw 1.8vw;}
.articleBox .imgText .articletext .date{font-size: 14px; padding-bottom: 1vw}
.articleBox .imgText .articletext .info{font-size: 14px; color: #555; padding-top: 1.5vw }
.articleBox .imgText .articletext .goDetail{display: flex; align-items: center; font-size: 14px; color: #555; margin-top: 4vw;}
.articleBox .imgText .articletext .goDetail img,.articleBox .imgText .articleleft .morelist img{width: 28px; height: 8px; margin-left: 10px;}
.articleBox .imgText .articleleft .morelist{font-size:14px;display: flex; align-items: center; justify-content: center; border-top: 1px solid #ddd; height: 4.2vw; position: absolute; width: 100%; left: 0; bottom: 0}
.articleBox .imgText .articleimg{width: 50%; height: 30vw}
/*驻园团队*/
.itemBox{width: 100%; overflow: hidden; padding: 1.5vw 0; position: relative}
.itemBox .preNext{position: absolute; bottom: 1.8vw; display: flex; left: 50%; margin-left: -12vw; align-items: center;width: 24vw; justify-content: space-between}
.itemBox .preNext img{width: 28px; height: 8px}
.swiper_container{width: 100%; height: 100%}
.swiper_container .swiper-slide {
    transition: 300ms;
    transform: scale(0.6)!important;
    font-size: 28px;
}
.swiper_container .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1)!important;
}
.swiper_container .swiper-slide .textview{display: none;  text-align: center;}
.swiper_container .swiper-slide .textview .name{font-size: 28px; margin-top: 1vw }
.swiper_container .swiper-slide .textview .detail{font-size: 14px; color: #555}
.swiper_container .swiper-slide .textview .info{font-size: 14px; padding: 1vw 0}
.swiper_container .swiper-slide .imgview{width: 11.4vw; height: 11.4vw; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.swiper_container .swiper-slide .imgview img{width: 8vw; height: 8vw; border-radius: 50%}
.swiper_container .swiper-slide-active .textview,.swiper-slide-duplicate-active .textview{font-size: 14px; display: block}
.swiper_container .swiper-slide-active .imgview,.swiper-slide-duplicate-active .imgview{border:1px dashed #c5aa7d}
.cateBox{display:flex; align-items: center; justify-content: space-between;}
.cateBox .cateli{width:27.92vw; height:33.85vw; position: relative}
.cateBox .cateli img{width:100%; height:100%}
.cateBox .cateli .cateName{left:0; bottom:0; padding:2vw; font-size:28px; position: absolute}
.cateBox .cateli .cateName a{color:#fff}
.cateBox .cateli .cateName .center{font-size:16px; padding:1vw 0 2vw 0}
.cateBox .cateli .cateName .more{font-size:14px; display: flex; align-items: center}
.cateBox .cateli .cateName .more img{width: 28px; height: 8px; margin-left: 10px}