@charset "utf-8";
/* CSS Document */
/*====全局样式====*/
html,body {position: relative;height: 100%;}
body {font-family:"simsun",Tahoma,Helvetica Neue,Arial, Helvetica, sans-serif;font-size:12px; color:#333;}
pre, code, select, input, textarea {font-family:"simsun";font-size:12px; vertical-align:middle; padding:0; margin:0;}
html,body,div,ol,ul,i,li,form,p,h1,h2,h3,h4,h5,h6,dd,dl,dt,span,em,img{margin:0;padding:0;border:0;}
ul,li{ list-style-image: none; list-style-type: none;}
table { border-spacing:0px;border-collapse:collapse;border:0px;padding:0px;}
table tr { border-spacing:0px;border-collapse:collapse;border:0px;padding:0px;}
table tr td { border-spacing:0px;border-collapse:collapse;border:0px;padding:0px;}
.clear{ clear:both;}

/*====链接样式====*/
a:link { color:#000; text-decoration:none;}
a:visited { color:#000; text-decoration:none;}
a:hover { color:#000; text-decoration:none;}

/*==全局定义==*/
.main {background: #ffffff; width:100%;background: url(../img/ditu.jpg) center bottom no-repeat;}
.head { width:100%; padding-top:425px;}
.head-img{background:url(../img/dingtu.jpg) center top no-repeat;}
.fang{width: 29px;height: 29px;display: block;margin: 11px 20px 11px 30px;background-color: #ffffff;float: left;}
.top-bolck{height: 52px; float: left; margin: 30px 0px 30px 30px; padding-right: 61px; background: #74513a;}
.top-words{line-height: 52px; vertical-align: bottom;  font-size: 35px; font-family: 微软雅黑; font-weight: bold; color: #FFFFFF;float: left;}
.body{border: 1px solid;border-color: #bfc2c5;margin: 30px auto 0px;width: 1216px;border-radius: 5px;overflow: hidden;}
.bottom-xian {height: 2px; background: linear-gradient(to right, #bfc2c5, #bfc2c5 20px, transparent 5px, transparent); background-size: 25px 100%; overflow: hidden; width: 1156px; margin-left: 30px; }
.row{margin: 0px !important;}
/*====顶部样式====*/
.top{ margin: auto; width: 100%; background-color: #FFFFFF; height: 71px; line-height: 58px; background: #fff; font-size: 13px; color: #3368ae; font-family: 微软雅黑; }
.m { width: 1216px; margin: 0px auto; }
.top .logo { padding: 17px 0px 16px 10px; }
.lf { float: left; }
.top a { font-size: 12pt; font-family: 微软雅黑; }
.rt { float: right; height: 34px; padding: 17px 0px; }
.rt ul { float: left; }
.rt ul li { float: left; height: 37px; padding: 0px 5px; font-size:13px; color: #3368ae;}

/*==导航==*/
.dhl{width:1216px; margin:0 auto;  height:68px; background:url(../img/dhbj.png) center top no-repeat;background-size: 1706px 68px;border-radius: 5px;}
.module{float: center;  width: 100%;  height: 58px;}
.mk{float: left;  width: 170px; height: 58px; line-height: 58px; text-align: center;}
.mk ul{width: 170px; height: 28px;}
.module ul {float:left;width:170px;}
.module li {float:left;width:170px;height:58px;text-align:center;}
.module li:hover {height:58px;border-bottom: 10px solid #f09e43;}
.module li a{font-family: "微软雅黑";color: #404040;font-size: 20px;text-decoration:none;}
.module li:hover a {color:#74513a;font-weight: bold;text-decoration:none;}
.module li.on{height:58px;border-bottom: 10px solid #f09e43;}
.module li.on a {font-family: "微软雅黑";color: #74513a;font-size: 20px;font-weight: bold;}

/*==视频直播==*/
.spzb { background-color: #ffffff;  border-radius: 5px; width:1216px;  margin:0 auto; margin-top: 10px;}
.spzb-middle{margin: 0px 50px 30px;position: relative;width: 1116px;height: 630px;}
.spzb-middle img{width: 1116px;height: 630px;}
.spzb-bottom{margin: 0px 31px 60px;width: 1161px;overflow: hidden;}
.spzb-shipin{width: 154px;height: 44px;line-height: 44px;padding-left: 41px;padding-right: 10px;margin: 0px 19px; float: left;font-family: 微软雅黑;font-size: 20px;text-align: center;}
.shipin{position: absolute;top: 0px;left: 0px;width:1116px;height:630px;display:block;}

.zhibo-dj{background: url(../img/zhibo-dj.png);font-weight: bold;color: #b4c2d9;cursor:pointer;}
.zhibo-dq{background: url(../img/zhibo-dq.png);font-weight: bold;color: #FFFFFF;cursor:pointer;}
.zhibo-dj:hover{background: url(../img/zhibo-xt.png);font-weight: bold;color: #3368ae;cursor:pointer;}
.zhibo-jz{background: url(../img/zhibo-jz.png);font-weight: normal;color: #bcbcbc;}

.shipin-dj{background: url(../img/shipin-dj.png);font-weight: bold;color: #b4c2d9;cursor:pointer;}
.shipin-dq{background: url(../img/shipin-dq.png);font-weight: bold;color: #FFFFFF;cursor:pointer;}
.shipin-dj:hover{background: url(../img/shipin-xt.png);font-weight: bold;color: #3368ae;cursor:pointer;}
.shipin-jz{background: url(../img/shipin-jz.png);font-weight: normal;color: #bcbcbc;}
.prism-player {width:1116px;height:630px;display:block;}

/*==合唱团介绍==*/
.hctjs {background-color: #ffffff;  border-radius: 5px; width:1216px;  margin:0 auto; margin-top: 10px;}
.hctjs-title{width: 1194px;font-family: "微软雅黑";font-size: 25px;color: #74513a;margin: 10px;text-align: center;}
.hctjs-words{margin: 0 63px 30px;}
.hctjs-words p{margin-bottom:12px;margin-top: 15px;text-indent: 2em;font-family: "微软雅黑";line-height: 32px;font-size: 18px;}
.hctjs-tp{margin-top: 8px;}
.hctjs-ds{margin: 30px 30px 10px;display: inline-block;height: 30px;}
.hctjs-ico{width:34px;height: 30px;float: left;background:url(../img/zt_title-pc.png) center top no-repeat;display: block;}
.hctjs-ds span {font-size: 26px;color: #74513a;line-height: 30px;display: inline-block;float: left;font-weight: bold;font-family: "微软雅黑";margin-left: 10px;}
.hctjs-imgs{margin: 0px 50px 30px;}
.hctjs-imgs img{width: 1116px;}

/*====现场图片====*/
.xctp{background-color: #ffffff;  border-radius: 5px; width:1216px;  margin:0 auto; margin-top: 10px;}
.xctp-contents{margin: 0px 31px 49px;}
.clearfix:after {visibility: hidden;display: block;content: "";height: 0;line-height: 0;clear: both;}
.clearfix {zoom: 1;}
.swiper-container {width: 100%;margin-left: auto;margin-right: auto; }
.gallery-top {padding-bottom: 12px;width: 100%;}
.gallery-top .swiper-slide {max-width: 100%;max-width: 100%;width: auto;height: 590px;width: 945px;margin-top: 20px;overflow: hidden;opacity: 0.5; }
.gallery-top .swiper-slide img {max-width: 100%;height: 100%;}
.gallery-top .swiper-slide-active {opacity: 1;width: 945px;height: 630px;margin: 0 auto;margin-top: 0px;}
.gallery-thumbs{height: 80px;box-sizing: border-box;padding-top: 2px;}
.gallery-thumbs .swiper-slide{max-width: 100%;max-height: 100%;width: auto;height: 100%;overflow: hidden;}
.gallery-thumbs .swiper-slide img {max-width: 100%;height: 100%;}
.gallery-thumbs-box {position: relative;width: 1156px;height: 80px;margin: 10px 30px 49px 30px;float: left;}
.gallery-thumbs-box .swiper-container {margin-left: auto;margin-right: auto;}
.gallery-thumbs-box .swiper-button-prev {background-image: url(../img/left-small.png);width: 35px;height: 80px;background-size: 20px 36px;left: 0px;margin-top: 0;top: 0;outline: none;}
.gallery-thumbs-box .swiper-button-next{background-image: url(../img/next-small.png);width: 35px;height: 80px;background-size: 20px 38px;right: 0px;margin-top: 0;top: 0;outline: none;}
.gallery-top-box {position: relative;width: 1154px;float: left;}
.gallery-top-box .swiper-container {margin-left: auto;margin-right: auto;}
.gallery-top-box .swiper-button-prev{background-image:url(../img/left-lg.png);width:35px;height:57px;background-color: rgba(0, 0, 0, .6);border-radius: 0px 10px 10px 0px;background-size: 18px 38px;left: 0px;margin-top: 0;top: 50%;outline: none;transform: translate(0, -50%)}
.gallery-top-box .swiper-button-next{background-image:url(../img/next-lg.png);width: 35px;height: 57px;background-color:rgba(0, 0, 0, .6);border-radius: 10px 0px 0px 10px;background-size: 18px 38px;right: 0px;margin-top: 0;top: 50%;outline: none;transform: translate(0, -50%)}
.slideshow{float: right;margin-right: 30px;margin-top: 15px;display: inline-block;background-repeat: no-repeat;background-position:center right;background-image: url("http://www.zqrb.cn/Special/Pages/NECF2018/images/play.png");cursor: pointer;padding-right: 15px;color: #999;transition: all 0.3s ease}
.pauseed {background-image:url("http://www.zqrb.cn/Special/Pages/NECF2018/images/pause.png");}
.gallery-top-box .swiper-slide-prev {z-index: -999;}
.gallery-top-box .swiper-slide-next {z-index: -999;}
.gallery-top-box .swiper-slide {background-color: rgba(255, 255, 255, .6);}
.gallery-top-box .swiper-slide img {opacity: 0.4;}
.gallery-top-box .swiper-slide-active img {opacity: 1;}
.gallery-thumbs .swiper-slide {width: 120px;height: 80px;background-color: #000;}
.gallery-thumbs .swiper-slide img {opacity: 0.4;width: 120px;height: 80px;}
.gallery-thumbs .swiper-slide-active img {border: 2px solid #F09E43;opacity: 1;}
.jctj_line{margin: 30px 0px 60px;}
.swiper-slide img{width: 945px;height: 630px;}

/*==精彩瞬间==*/
.jcsj{background-color: #ffffff;  border-radius: 5px; width:1216px;  margin:0 auto; margin-top: 10px;padding-bottom: 20px;}
.jcsj-box{margin: 0px 32px 0px 32px;}
.row{width: 100%;;}
.block{width: 364px;margin:0px 9px 30px;float: left;border: 1px #bfc2c5 solid;}
.jcsj-img{width: 324px;height: 202px;margin: 0px auto;}
.jcsj-img img{width: 324px;height: 202px;}
.jcsj-words{width: 324px;border-top: 1px #bfc2c5 solid;margin-bottom: 30px;padding: 0px 20px;}
.jcsj-words h3{font-weight: bold;font-size: 18px;height:50px;color: #404040;box-sizing: border-box;margin-top: 16px;text-align: left;line-height: 25px;}
    
/*====页脚样式====*/
.foot{width: 100%;margin-top: 30px;height: 120px;}
.foot p{font-size: 18px;font-family: 微软雅黑;line-height: 18px;color: #ffffff;text-align: center;height: 38px;letter-spacing: 1px;}

/*==右侧悬浮==*/
.floating_ck { position: fixed; left:50%; margin:0px 0px 0px 610px; bottom:30px; }
.floating_ck dl dd {position: relative; width: 120px; height: 56px; background-color:rgba(116, 81, 58, 0.4); text-align: center; background-repeat: no-repeat; cursor: pointer; margin: 0px 0px 1px 0px;}
.words { font-size: 18px; font-family: 微软雅黑; color: #fff; text-align: center; line-height: 56px; }
.floating_ck a {color: #fff; }
.floating_ck a:hover {color: #fff;text-decoration:none;}
.floating_ck dl dd:hover { background-color: #74513a; }


/*==音乐会曲目单==*/
.qmd { background-color: #ffffff;  border-radius: 5px; width:1216px;  margin:0 auto; margin-top: 10px;min-height: 1260px;}
.qmd-img{width: 1116px;height:1436px;margin: 0px 50px 30px;background:url(../img/qmd-pc.jpg) top no-repeat;display: block;}

/*==精彩瞬间==*/
.jcsjf{background-color: #ffffff;border-radius: 5px;width: 1216px;margin: 0 auto;margin-top: 10px;min-height: 1260px;}
.jcsjf-box{width: 1158px;margin: 19px 28px 49px 30px; float: left;}
.jcsjf-box .jcsj-words{padding: 20px 0px 0px 20px;}
.jcsj-name { font-size: 21px; color: #74513a; font-family: 微软雅黑 ; letter-spacing: 2px; }
.jcsj-position { font-size: 16px; color: #404040; font-family: 微软雅黑 ; margin-top: 5px;line-height: 25px; height:80px; }
.jcsj-position p{ font-size: 16px; color: #404040; font-family: 微软雅黑 ; margin-top: 5px;line-height: 25px; height:25px; }
/*==现场图片==*/
.xctpf{background-color: #ffffff;border-radius: 5px;width: 1216px;margin: 0 auto;margin-top: 10px;min-height: 1260px;}
.xctpf-box{margin: 0px 32px 0px 32px;}
.xctpf-img{width: 324px;height: 202px;margin: 0px auto;}
.xctpf-img img{width: 324px;height: 202px;}
.xctpf-words{width: 324px;border-top: 1px #bfc2c5 solid;margin-bottom: 30px;padding: 0px 20px;}
.xctpf-words h3{font-weight: bold;font-size: 18px;height:50px;color: #404040;box-sizing: border-box;margin-top: 16px;text-align: left;line-height: 25px;}
 
/*==合唱团介绍==*/
.hctjsf-tp{margin-top: 8px;}
.hctjsf{background-color: #ffffff;border-radius: 5px;width: 1216px;margin: 10px auto 0px;padding-bottom: 30px;min-height: 1260px;}
.hctjsf-title{margin: 30px;display: inline-block;height: 30px;}
.hctjs-ico{width:34px;height: 30px;float: left;background:url(../img/zt_title-pc.png) center top no-repeat;display: block;}
.hctjsf-title span {font-weight: bolder;font-size: 26px;color: #74513a;line-height: 30px;display: inline-block;float: left;font-family: "微软雅黑";margin-left: 10px;}
.hctjs-wy{width: 1116px;height: 1295px;margin: 0px auto 30px;background:url(../img/weiyuan-pc.jpg) top no-repeat;background-size: 1116px 1295px;}
.hctjs-ml{width: 1116px;height: 1469px;margin: 0px auto 30px;background:url(../img/minglu-pc.jpg) top no-repeat;background-size: 1116px 1469px;}
.hctjs-logo{width: 1116px;height: 372px;margin: 0px auto 30px;background:url(../img/logo-pc.jpg) top no-repeat;background-size: 1116px 372px;}
