@import url("main.css");
/*首页*/


/*展览*/
.exhibitlist{display: block;padding-top: 50px;}
.exhibitlist li{width: calc(100% / 3);height: 300px;float: left;font-size: 0;position: relative;overflow: hidden;}
.exhibitlist li img{width: 100%;height: 100%;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.exhibitlist li i{width: 100%;height: 100%;position: absolute;top:0;left:0;background-position: center;background-repeat: no-repeat;z-index: 1;}
.exhibitlist li.cszl i{background-image: url(../img/index/cszl_icon.png);}
.exhibitlist li.lszl i{background-image: url(../img/index/lszl_icon.png);}
.exhibitlist li.xnzl i{background-image: url(../img/index/xnzl_icon.png);}
.exhibitlist li:hover img{transform: scale(1.1,1.1);}

.maincont{position:relative;}
.mainbg{background: url(../img/index/mainbg.png) no-repeat center -80px;height: 1050px;overflow: hidden;}
.maintop{margin-top: 50px;}
/*视频院线*/
.spyx{width: 412px;float: left;margin-left: 30px;text-align: center;}
.spyx h3{height:100px;font-size: 0;background: url(../img/index/spyx.png) no-repeat center left;}
.spyx p{color: #727272;line-height: 24px;margin-bottom: 48px;text-align: left;}
.spyx i{width: 100%;height: 189px;display: block;position: relative;cursor: pointer;}
.spyx i:after{content:'';width:100%;height:100%;position:absolute;background: rgba(8,6,5,0.55) url(../img/index/play.png) no-repeat center;left: 0;top: 0;}
.spyx img{width: 100%;height: 100%;}
.spyx a{color: #302f2f;border:1px solid #4c4c4c;width:106px;height:46px;line-height:46px;box-sizing:border-box;display: inline-block;margin-top: 35px;border-radius: 3px;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.spyx a:hover{background-color: #302f2f;color: #fff;}
/*红色珍藏*/
.hszc{width: 985px;margin-left: 90px;float: left;}
.hszc h3{background: #8e2906 url(../img/index/hszc.png) no-repeat 30px center;font-size: 0;height: 80px;position: relative;}
.hszc ul{}
.hszc ul li{float: left;position: relative;width: calc(100% / 5);height: 203px;}
.hszc ul li a:after{position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(27,27,27,0.41);content: '';transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.hszc ul li img{width: 100%;height: 100%;}
.hszc ul li.active a:after{background-color: transparent;}
/*活动天地*/
.hdtdlist{margin-left: 50px;margin-top: 100px;}
.hdtdlist li{float: left;width: 225px;margin-right: 50px;}
.hdtdlist li h3{color: #1b1b1b;line-height: 57px;}
.hdtdlist li h3:before{content: '';position: absolute;margin-top: -2px;background-color: #b5b5b5;width: 58px;height: 2px;}
.hdtdlist li i{display: inline-block;width: 100%;height: 135px;overflow: hidden;}
.hdtdlist li img{width: 100%;height: auto;}
.hdtdlist li p:first-of-type{color: #707070;line-height: 24px;font-size: 13px;margin-top: 10px;margin-bottom: 10px;text-indent: 2em;height: 72px;}
.hdtdlist li p:last-of-type{color: #a5a5a5;line-height: 24px;font-size: 12px;}
.hdtdlist li a{color: #8e2906;}

.hszc h3 a{ display: block;position: absolute;right: 18px;top: 33px;color: #ffd6d6;font-size: 13px;}
.hdtdlist li a.gd{padding: 15px 0;display: inline-block;margin-top: 20px;font-size: 13px;}
.hdtdlist li a.gd:before{content:'';width: 38px;height: 2px;background-color: #8e2906;position: absolute;margin-top: -15px;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.hdtdlist li a.gd:hover:before{width: 58px;}