.banner{
     width: 100%;
    background: url("../images/banner3.png") no-repeat;
    height: 730px;
    background-size: cover;
    margin-bottom: 38;
    position: relative;
    /* font-family: SourceHanSansCN; */
    font-family: Bebas;
    font-weight: 800;
    font-size: 40px;
    color: #fff;
    letter-spacing: 10px;
	z-index: 9;
	text-align: center;
}
.banner:after{
	content: "";
	width: 30%;
	height: 15px;
	position: absolute;
	right: 0;
	top: 100%;
	background: #f23300;
}
.banner:before{
	content: "";
	width: 70%;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #40a2af;
}
.banner span:nth-child(1){
	display: inline-block;
	line-height: 730px;
}
.banner span:nth-child(2){
	display: inline-block;
	line-height: 726px;
    margin-left: 24px;
    font-size: 42px;
}
html,body{
    background: #305F6B;
}
/* 娱乐营销 */
.enterBox{
    padding-top: 150px;
}
.tit{
    width: 1200px;
    margin: auto;
    color: #fff;
}
.enterTit{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px;
	text-align: right;
}
.text{
    line-height: 3em;
    font-size: 16px;
	text-align: right;
}
.demo{
    padding-top: 100px;
    padding-bottom: 164px;
	overflow: hidden;
	
}
.demo .text:hover{
	left: 100px;
}


.demo>div:nth-child(2) .text:hover{
	right: 100px;
}
.demo>div:nth-child(3) .text:hover{
	left: 100px;
}
.demo>div img:nth-child(1){
	transition: all .2s linear;
    width: 100%;
}

.demo>div{
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.demo>div>.text{
	position: absolute;
	left: 0;
    top: 0;
	transition: all .5s linear;
	width: 60%;
	height: 100%;
}
.demo>div:nth-child(2)>.text{
	left: auto;
	right:0 ;
}
.demo>div:nth-child(3)>.text{
	left: 0;
	width: 60.3%;
}
	
.enterBottom{
    width: 1200px;
    margin: auto;
}
.enterBottom p{
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    margin-bottom: 45px;
}
.enterBottom div{
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
.enterBottom div:hover img{
    transform: scale(1.6);
}
.enterBottom img{
    height: 135px;
    transition: all .3s linear;
}
.bottomTit{
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}
       

@media screen and (max-width: 900px) {

    body{
        background: transparent;
    }
    .p_top {
        display: flex;
       

        position: relative;
    }

    
    body:before {
        background-image: url("../images/yulep.png");
        
      }

    
    .p_yule{
        height: 5.653333rem /* 424/75 */;
        width: 100%;
        box-sizing: border-box;
        padding: 1.173333rem /* 88/75 */ .746667rem /* 56/75 */;
        background: #185e6a;
    }
    .p_yl_title{
        font-size: .346667rem /* 26/75 */;
        line-height: .6rem /* 45/75 */;
        color: #fff;
        font-family:SourceHanSansCN;
        font-weight:bold;
    }
    .p_yl_content{
        font-size: .28rem /* 21/75 */;
        line-height: .6rem /* 45/75 */;
        color: #fff;
        font-family:SourceHanSansCN;
       font-weight: 400;
    }
    .p_yl_pic{
        width: 100%;
		background-color: #185E6A;
    }
    .p_yl_pic2{
		margin-top: -0.1rem;
        height: 5.12rem /* 384/75 */;
        width: 100%;
		background-color: #185E6A;
		padding-top: 0.5rem;
		padding: 0.8rem 0.5rem ;
    }
	.p_yl_pic2_tit{
		font-family: SourceHanSansCN;
		margin-bottom: 0.3rem;
		color: #fff;
		padding-top: 0.06rem;
		font-size: .346667rem /* 26/75 */;
		line-height: .6rem /* 45/75 */;
		font-weight: bold;
	}
    .p_yl_pic img{
        width: 100%;
    }
    .p_yl_pic2 img{
        width: 100%;
        height: 100%;
        
    }
   
}