@charset "utf-8";
/* CSS Document */
body{ background: url(../images/erhuang-banner.jpg) no-repeat center top #e9fcfb;}

.top-header{height: 37px !important; line-height: 37px !important; border-bottom:none !important;background:rgba(255,255,255,0.5) !important;}
.header-container .hc-left-box .icon-line{ background: #444;}
.top-header a,.top-header li{ color:#444;}
 
.content-box{ width:1210px;}
.minddle-main{ background: none !important;}
.logoBanner{width:1200px; margin: 0 auto;padding-top:25px;}
.logo{ width:337px;}
.logo img{width: 100%;}

.bannercy{width:930px; height: 145px;margin:0 auto; text-align: center;margin-top:-10px;}
.minddle-main{ width:100%; margin: 0 auto; margin-top:15px;}
.mgCenterBox{ width:100%; background: #fff;padding:15px; box-sizing: border-box; border-radius: 15px;margin:15px auto; position: relative;min-height: 500px;padding-bottom:20px;margin-bottom:40px;}


.location{ width:100%;margin: 0 auto;line-height:26px; height:35px; background:url(../images/locai1.png) no-repeat 5px 4px;  padding-left:30px; font-size:14px; z-index: 99;border-bottom:1px solid #dedede; box-sizing: border-box;}
.location a{ margin:0px 5px;}
.akfyBox{ width: 97%;margin: 0 auto;margin-top:20px;}
.akfyBox .hd{ height:59px; background: url(../images/erh-line.jpg) no-repeat 0 20px; margin-top:10px;}
.akfyBox .hd ul{ width:485px; margin: 0 auto;  background: #fff; }
.akfyBox .hd ul li{ width:195px; float: left; height: 59px; margin:0 15px; line-height: 59px; font-size: 20px; color: #fff; background: url(../images/erh-tit-bg1.png) no-repeat; text-align: center;cursor: pointer;}
.akfyBox .hd ul li.on,.akfyBox .hd ul li:hover{ background: url(../images/erh-tit-bg2.png) no-repeat; font-weight: bold;}

.juzsuyuanBox{ width:100%; margin-top:30px;}
.suyanOne{ width:100%; display: flex; justify-content: flex-start;flex-direction: row;flex-flow:wrap;}
.sypic{ width:417px; height: 335px;margin-top:30px; }
.sygaik{width:706px;margin-left:20px;}
.sygaik .tit{ width:253px; height: 57px; margin: 0 auto; background: url(../images/erh-kgbg.png) no-repeat; margin: 0 auto; text-align: center; overflow: hidden;zoom:1;}
.sygaik .tit h3{ overflow: hidden;zoom:1;padding-left: 55px;}
.sygaik .tit i,.sygaik .tit span{ display: inline-block; float: left;}
.sygaik .tit i{ width:27px; height: 57px; margin-right:10px; background: url(../images/erh-icon1.png) no-repeat center;}
.sygaik .tit span{ line-height: 57px; font-weight: bold; font-size: 20px; color: #08afa1;}
.overview,.youlaiTow{ width:100%; margin-top:15px; overflow-y: scroll; height: 287px;}
.gkNeR{ width:96%;}
.gkNeR p,.originCent p{ line-height: 32px; margin-bottom:10px; text-indent: 30px;}
.gkNeR p.laiyuan,.originCent p.laiyuan{ text-align: right;}
.gkNeR p.laiyuan span,.originCent p.laiyuan span{ text-align: right; color: #c0392b; width:100%; font-size: 16px;}

.suyanTow{ width:100%; margin-top:20px; border-top:1px solid #eae9ea;padding-top:20px;display: flex; justify-content:space-between;flex-direction: row;flex-flow:wrap}
.suyanTow .inHd{ width:238px;padding-top:30px;}
.suyanTow .inHd li{ width:100%; height: 67px; margin-bottom:23px; overflow:hidden;zoom:1; background:url(../images/erhcd-bg1.png) no-repeat; cursor: pointer;}
.suyanTow .inHd li i,.suyanTow .inHd li span{ display: block; float: left;}
.suyanTow .inHd li i{ width:30px; height: 47px; margin:10px 0 10px 60px; background: url(../images/erh-icon2.png) 0 0;}
.suyanTow .inHd li span{margin-left:20px; line-height: 67px;}
.suyanTow .inHd li.on,.suyanTow .inHd li:hover{background:url(../images/erhcd-bg2.png) no-repeat; }
.suyanTow .inHd li.on span,.suyanTow .inHd li:hover span{ color: #fff; font-weight: bold;}

.suyanTow .inHd li.ehcd1 i{ background-position:0 0;}
.suyanTow .inHd li.on.ehcd1 i,.suyanTow .inHd li.ehcd1:hover i{ background-position:-35px 0;}
.suyanTow .inHd li.ehcd2 i{ background-position:0 -47px;}
.suyanTow .inHd li.on.ehcd2 i,.suyanTow .inHd li.ehcd2:hover i{ background-position:-35px -47px;}

.suyanTow .inHd li.ehcd3 i{ background-position:0 -94px; }
.suyanTow .inHd li.on.ehcd3 i,.suyanTow .inHd li.ehcd3:hover i{ background-position:-35px -94px;}


.suyanTow .inBd{ width:880px; border-radius: 5px; background: url(../images/erh-crbg.jpg) no-repeat bottom #f7fafb; padding:20px;min-height: 500px; box-sizing: border-box;}
.originBox{width:100%;}
.originBox .tit{ height: 37px; line-height: 37px; background: url(../images/erh-line2.png) no-repeat 10px; text-align: center;margin-bottom:10px;}
.originBox .tit h3{ overflow: hidden;zoom:1; width:130px; margin: 0 auto;}
.originBox .tit i,.originBox .tit span{ display: inline-block; float: left;}
.originBox .tit i{ width:37px; height: 37px; background: #fff; border-radius: 100px;  }
.originBox .tit span{ line-height: 37px; font-weight: bold; font-size: 20px;  color: #1395ba;margin-left:5px;}

.youlaiTow p{ width:85%;}


/*--滚动条设置--*/
.scroll-1 {
        width:100%;      
       
    }
    .scroll-1 .wenwu_nr {
        width:100%;
        height:330px;
    }   
 .scroll-1::-webkit-scrollbar {
        width:4px;
        height:4px;
    }
    .scroll-1::-webkit-scrollbar-button    {
        background-color:#edebeb;
    }
    .scroll-1::-webkit-scrollbar-track     {
        background:#edebeb;
    }
    .scroll-1::-webkit-scrollbar-track-piece {
        background:#edebeb;
    }
    .scroll-1::-webkit-scrollbar-thumb{
        background:#f8ba26;
        border-radius:4px;
    }
    .scroll-1::-webkit-scrollbar-corner {
        background:#edebeb;
    }
    .scroll-1::-webkit-scrollbar-resizer  {
        background:#edebeb;
    }


/* 发展历史 */
.historyBox{ width:100%; margin-top:20px;}
.line-timeTab {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding-top: 4%;
}
.line-timeTab span {
    cursor: pointer;
    float: left;
    color: #fff;
    font-size: 14px;
    width: 14%;
    padding: 0.5% 0;
    text-align: center;
    background: url("../images/timeline.png")no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.drama-histroy {
    width: 90%;
    margin: 0 auto;
    min-height: 500px;
}
.line-timeTab .on,
.line-timeTab span:hover {
    background: url("../images/htimeline.png")no-repeat;
    background-size: 100% 100%;
}
.slideSpot {
    width: 4%;
    position: absolute;
    left: 5%;
    top: 0;
}
.line-timeContent-item {
    display: none;
}
.line-timeContent {
    padding: 5% 0 0;
}
.line-timeContent .line-timeContent-itemShow {
    display: block;
}
.line-timeContent-item .sectName {
    width: 100%;
    font-size:18px;
	line-height: 32px;    
}
.line-timeContent-item .tit{ width:auto; display:inline-block; line-height: 30px; color: #fff; background: #e09f36;padding:5px; border-radius: 5px;margin:20px 0; }
.line-timeContent-item .tit h3{ min-width: 130px; text-align: center; border: 1px solid #fff;border-radius: 5px; line-height: 20px; padding:5px; box-sizing: border-box;}


.timecontent {
    width:100%;
	height: 300px;
	overflow-y: scroll;
}
.timecontent .lsjsBox{
	width:96%;
}
.timecontent .lsjsBox p{ font-size: 18px;
    color: #666;    
    line-height: 32px;
    text-indent: 30px;
	margin-bottom:5px;
}
.timecontent .lsjsBox p{width:88%;}

.checkPlay {
    display: inline-block;
    width: 17%;
    padding: 1% 0;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
    background: url(../images/htab.jpg)no-repeat;
    background-size: 100% 100%;
    letter-spacing: 0.2em;
}
.checkPlay:hover {
    color: #fff;
}
.design-personList li {
    float: left;
}
.sect-trade {
    padding: 3% 4%;
}
.picMarquee-top {
    width: 10%;
    position: relative;
}
.picMarquee-top li {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 10px 0;
    overflow: hidden;
    cursor: pointer;
}
.picMarquee-top li img {
    width: 100%;
}
.bigPainting {
    padding: 10px;
    border: 1px solid #aaa;
    margin: 0 2%;
}
.paintingContent-item {
    display: none;
}
.paintingContent .paintingContent-itemShow {
    display: block;
}
.paintingTitle {
    width: 15%;
    margin: 2% auto;
    padding: 4% 0;
    background: url("../images/circle.png")no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: 0.4rem;
    color: #333;
    font-weight: normal;
}
.paintingContent {
    width: 43%;
    padding: 2%;
}
.paintingContent-item div {
    font-size: 0.32rem;
    letter-spacing: 0.2em;
    line-height: 2.0em;
    text-indent: 2em;
    padding: 2% 0;
}
.picList .on {
    border-color: #d40203;
}
/*历史发展新切样式  */
.historyline-timeTab {
    background: url(../images/eh-ls-line2.png)no-repeat center;
    background-size:98%;
    height: 210px;
    position: relative;
}
.historyline-timeTab span {
    display: inline-block;
    position: absolute;
    width: 75px;
	height: 76px;
    cursor: pointer;
    background: url(../images/eh-ls-maskBg.png)no-repeat;
   
}

.historyline-timeTab span img {
    width: 46%;
    display: block;
    margin: 18% auto;
    transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
}
.historyline-timeTab span h6 {
    font-size:16px;
    color: #333;
    font-weight: normal;
    position: absolute;
    top: -42%;
    width: 100%;
    text-align: center;
}
.historyline-timeTab span:hover,.historyline-timeTab .on {
    background: url(../images/eh-ls-onmaskBg.png)no-repeat;
    background-size: 100% 100%;
}
.historyline-timeTab span:hover h6,.historyline-timeTab .on h6 {

    color: #d40203;
}
.historyline-timeTab span:hover img {
    width: 48%;
}
.historyline-timeTab .qingqian {
    top: 51%;
}

.historyline-timeTab .daoguang {
    top: 69%;
    left: 12%;
}
.historyline-timeTab .xianfeng {
    top: 48%;
    left: 25%;
}
.historyline-timeTab .xianfeng h6 {
    width: 250%;
    bottom: -42%;
    top: unset;
    left: -61%;
}
.historyline-timeTab .zhonghua h6
{
    width: 200%;
    bottom: -42%;
    top: unset;
    left: -50%;
}
.historyline-timeTab .guangxu {
    top: 20%;
    left: 37%;
}
.historyline-timeTab .qingmo {
    top: 33%;
    left: 52%;
}
.historyline-timeTab .qingmo h6{
    left: 35%;
}
.historyline-timeTab .minguo {
    top: 66%;
    left: 64%;
}
.historyline-timeTab .zhonghua {
    top: 45%;
    right: 12%;
}

/*---班社沿革---*/
.banSheBox{ width:100%;margin-top:20px; height: 500px; position: relative;padding-top:30px;}
.bansheItemWrap{
height:400px;  
position: relative;
background: url("../images/eh-bs-line.png")no-repeat center ;
background-size: 100%;
}
.bansheItem{
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
}
.bansheItem a img{ width:auto; text-align: center; display: block;}
.bansheLink{
    position: absolute;
    width: 78px;
	height: 200px;
	text-align: center;     
}
.bansheLink span{
    display: block;
    color: #333;    
    width: 100%;
	text-align: center;
   line-height: 20px;
	background: url(../images/eh-bs-bansheName.png)no-repeat center top; 
}
.bansheLink h6{
    font-weight: normal;
    font-size:17px;	
    text-align: center;
    padding: 27% 0 0 0;
}
.bansheLink i{
    font-style: normal;
    font-size:14px;
    color: #999;
    display: block;   
    text-align: center;
   
}
.qianshengban {
    top: 3%;
    left:2.8%;
}
.qianshengban span{margin-bottom:5px;}
.qianshengban img{
    display: block;  
	text-align: center;
    width: 35%;
   margin: 0 auto;
}
.tailaibanshe {
    top: 79%;
    left: 11%;
	height: 100px;
}
.tailaibanshe img{
    display: block;
    position: absolute;
    top: -102%;
    left: 54%;
    width: 35%;
    margin-left: -19.5%;
}
.honglaibanshe {
    top: -9%;
    left: 21.5%;
	height: 410px;
}
.honglaibanshe img{
    display: block;
    position: absolute;
    top: 21%;
    left: 34%;
    width: 35%;
    margin-left: -19.5%;
}
.hanrongbanshe {
    top: 53%;
    left: 28.2%;
}
.hanrongbanshe img{
    display: block;   
    width: 35%;
    margin: 0 auto;
}
.renfengbanshe {
    top: 3%;
    left: 36.5%;

}
.renfengbanshe img{
    display: block; 
    width: 35%;
    margin: 0 auto;
}
.ruirenbanshe {
    top: 53%;
    left: 45.2%;
}
.ruirenbanshe img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.futaibanshe {
    top: -8.5%;
    left: 53.6%;
}
.futaibanshe2 {
    top: -0.5%;
    left: 70.6%;
}
.futaibanshe img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.futaibanshe2 img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.jitaibanshe {
    top: 53%;
    left: 62.3%;
}
.jitaibanshe img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.tongxinbanshe {
    top: 53%;
    left: 79.2%;
}
.qianshengban1   {
    top: 2.8%;
    left: 87.6%;
}
.qianshengban1 img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.qianshengban1 span{margin-bottom:10px;}
.tongxinbanshe img{
    display: block;
    width: 35%;
    margin: 0 auto;
}
.bansheLink:hover h6{
color: #d40203;
}
/* 班社弹层 */
/*--弹窗--*/
.bullet{ width:100%;height: 100%; background:url(../images/tmbg.png) repeat;display:none;position: fixed;left: 0;  top: 0; z-index: 999;}
.bulPop{ width:45%; margin: 0 auto;margin-top:8%;  position: relative;  }
.popCent1{min-height:300px;}
.bulPop span.close{width:29px; height: 29px; position: absolute; top:10px; right:10px; display: block; z-index: 999;}
.pop-dzdm-body{ width:100%; background: #fff; border-radius: 5px;padding:3%; box-sizing: border-box;}
.popCent1 .title{ width:257px; height: 57px;font-weight: bold; color: #08afa1; text-align: center; line-height: 57px; background: url(../images/erh-kgbg.png) no-repeat; margin: 0 auto;}
.bsjieshao{ width:100%;margin-top:15px;}
.bsjieshao p{line-height: 35px; width:100%; text-indent:30px;}
.jieshao2{ height: 300px; overflow-y: scroll;}
.jieshao2 p{ width:94%;}

/*---名段演出---*/
.yanchulit{width:100%;} 
.yanchulit ul{display: flex;   justify-content:flex-start;   flex-direction: row;   flex-wrap: wrap; margin-top:20px;min-height: 260px;}
.yanchulit ul li{ width:24%; border: 1px solid #e9e9e9; border-radius: 5px; padding: 5px; box-sizing: border-box; margin: 0 0.5% 1.5% 0.5%;}
.yanchulit ul li .pic{ width:100%; border-top-left-radius: 5px;border-top-right-radius: 5px; height: 152px; overflow: hidden;}
.yanchulit ul li .pic img{  border-top-left-radius: 5px;border-top-right-radius: 5px; width: 100%; text-align: center;}
.yanchulit ul li .text{width:100%; margin-bottom:6px; line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}




/*--翻页--*/
.page ul{display: flex;}
.page{overflow:hidden;zoom:1;margin:5px auto;  text-align:center; display:table ; font-size:16px !important; line-height: 30px;}
.page a{ display:block; float:left;background:#fff; border:1px solid #d8d8d8; height:30px; line-height: 30px; padding:0px 12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;margin: 0 3px;  margin-right:10px; text-align:center;color:#777;  }
.page a:hover,.page a.current{ background:#fc8933; color:#fff; border:1px solid #fc8933;}
 a.page1{ background:#fff;}
.page span{ display:block; float:left; padding:0 10px; line-height:30px; color:#777;}
.page span input{ display:inline;background:none; text-align:center; width:25px; height:23px;border:1px solid #d8d8d8; line-height:30px; background:#fff; margin:0px 5px;  outline:none; color:#444;}
span.tzhuan{ background:#fc8933; color: #fff; font-size: 16px; margin: 0 5px; border-radius: 5px;}