.banner{position: relative;}
.banner>img{width: 100%;}
.m_banner{ display: none;}

.nav{width: 100%; height: 100px; background: #3A4E76;position: relative;}
.nav::before{content: ""; position: absolute; left:0; top:-35px; width: 100%; height: 66px; background: rgba(111,134,169,0.6);}
.nav ul{padding-top: 20px; line-height: 80px;}
.nav li{ float: left; margin-left: 48px;}
.nav li a{color: #fff!important; font-weight: bold;}
.nav li.active{color: #000;}
.nav_fixed .nav{position: fixed; left:0; top:0; z-index: 100;}

.main{ background: url(../images/main.jpg) left top repeat-x #F0F8FC;}
.content{background: #fff; padding: 0;}
.part01{ background: #8C9CB4; overflow: hidden; margin-bottom: 50px;}
.part01 dl{padding: 35px 30px;}
.part01 dt{ float: left; width: 35.5%; position: relative;}
.part01 dt em{ z-index: 2; width:90px; height: 90px; background: url(../images/play.png) no-repeat; background-size: cover;}
.part01 dd{ float: left; width: 64.5%; padding-left: 30px; color: #fff; line-height: 2; margin-top: 11%;}

.tit{font-weight:bold; color:#899BB7; margin-bottom: 60px; padding-bottom: 20px; position: relative;}
.tit::before{content: ""; position: absolute; lefT:0; bottom:0; width: 132px; height: 4px; background: #899BB7;}
.more{ display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; color: #535353; background: #FFFFFF; border-radius: 15px;}


.part02{padding: 50px 30px;}
.part02 li{ position: relative; float: left; width: 46.4%; margin: 0 1.8%; border-radius: 20px; overflow: hidden;}
.part02 li dt img{ width: 100%;}
.part02 li dd{position: absolute; lefT:0; bottom:0; width: 100%; padding: 40px; color: #fff;}
.part02 li dd p{margin-top: 30px; line-height: 1.7; max-height: 10.2em; height: 10.2em;}
.part02 li dd span{margin-top: 30px;}


.part03{padding: 50px 30px;}
.part03 li{ position: relative; float: left; width:30.3%; margin: 0 1.5% 1.5%; background: #1E2B4D; border-radius: 20px; overflow: hidden;}
.part03 li dt img{ width: 100%; border-radius: 20px; overflow: hidden;}
.part03 li dd{padding:15px 20px; height: 112px; color: #fff;}
.part03 li dd p{line-height: 1.3;}

.part04{padding: 50px 30px;}
.part04 ul{position: relative; padding-top: 50px;}
.part04 ul::before{position: absolute; left:250px; top:0; width: 1px; height: 100%; background: #8E98A8;}
.part04 li{position: relative;overflow: hidden; margin-bottom: 5%;}
.part04 li::before{content: ""; position: absolute; left:242px; top:10px; width: 16px; height: 16px; background: #2A3E5B; border-radius: 100%;}
.part04 li span{ float: left; width: 250px; padding-left: 30px; color: #6F86A9; font-weight: bold;}
.part04 li p{ float: left; width: calc(100% - 250px); padding-left: 95px; color: #8C9BB3;}
.part05 img{ width: 100%;}

.footer{padding: 60px 20px 40px;}
.footer p{ text-align: center; color: #3A4E76;}


/*视频弹出*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;}
.video_appbox .video_t{z-index:2; background:#000;width: 1200px;max-width:100%;height:73.1%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{ visibility: visible;opacity:1;top:50%;}
.video_appbox iframe{width:100%; height: 100%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:calc(12% - 40px); right:calc(50% - 600px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:30px;line-height: 40px;}
@media only screen and (max-width: 1279px){
.video_close{right:10px;top:20px;}
.video_close i{font-size:24px;}
}
@media only screen and (max-width:767px) { 
    .video_appbox .video_t{ height: auto;} 
}


/*创意英伦*/
.cyyl .part01 dt{ width: 39%;}
.cyyl .part01 dd{ width: 61%; margin-top: 0;}
.cyyl .part01 dd h2{line-height: 1.4; margin-bottom: 5%;}
.cyyl .part01 dd h2 span{display: inline-block; position: relative; padding-left: 46px;}
.cyyl .part01 dd h2 span::before{content: ""; position: absolute; left:0; top:-5px; width: 34px; height: 28px; background: url(../images/cyyl/dot01.png) no-repeat; background-size: cover;}
.cyyl .part01 dd h2 span::after{content: ""; position: absolute; bottom:-5px; margin-left: 20px; width: 34px; height: 28px; background: url(../images/cyyl/dot02.png) no-repeat; background-size: cover;}
.cyyl .part01 dd p{line-height: 1.7;}
.cyyl .part02 li dd p{max-height: 6.8em; height: 6.8em;}
.cyyl .part03 li dd{position: relative;}
.cyyl .part03 li dd p{width: 100%; padding: 0 5%;}
.cyyl_part04{padding: 50px 30px;}
.cyyl_part04 ul{margin: 0 1.5%;}
.cyyl_part04 li{ padding: 40px 20px; border-radius: 20px; margin-bottom: 6.5%; overflow: hidden; background: #8C9CB4;}
.cyyl_part04 li dl{position: relative;}
.cyyl_part04 li dt{ float: left; width: 49%; border-radius: 12px;}
.cyyl_part04 li dd{ float: right; width:36%; color: #fff;position: absolute; left:58%; bottom:0;}
.cyyl_part04 li dd p{line-height: 2; letter-spacing: 5px;}

@media only screen and (max-width: 1440px){
.tit::before{width: 96px;}
}
@media only screen and (max-width: 1024px){
.tit::before{width: 76px; height:2px;}
}

@media only screen and (max-width:1023px) { 
.part01 dd{margin-top: 0;}
.part03 li dd{ height: 160px;}
.part02 li dd span{width: 120px; height: 30px; line-height: 30px;}
.cyyl .part01 dt,.cyyl .part01 dd{width: 100%;}
.cyyl .part01 dt{ text-align: center; margin-bottom: 5%;}
.cyyl .part03 li dd{ height: 120px;}
.cyyl_part04 li dd p{letter-spacing: 0;}
}

@media only screen and (max-width:767px) { 
.banner>img{ display: none;}
.m_banner{ display: block;}
.nav{ height: 60px;}
.nav::before{height: 20px; top:-10px;}
.nav ul{padding-top: 10px; line-height: 50px;font-size: 16px;}
.nav li{margin-left: 20px;}
.tit{padding-bottom: 10px; margin-bottom: 20px;}
.tit::before{width: 60px;}
.part01{margin-bottom: 20px;}
.part01 dl,.part02 li dd,.part02,.part03,.part04,.cyyl_part04{padding: 20px;}
.part01 dt,.part01 dd{width: 100%;}
.part01 dd{padding: 20px 0;}
.part02 li,.part03 li{width: 100%; margin: 0 0 5%;}
.part02 li:last-child,.part03 li:last-child{margin-bottom: 0;}
.part02 li dd p,.part02 li dd span{margin-top: 10px;}
.part02 li dd p,.cyyl .part02 li dd p{-webkit-line-clamp:unset; max-height: unset; height: auto;}
.part03 li dd{ height: auto;}
.part04 ul{padding-top: 20px;}
.part04 ul::before{left:5px;}
.part04 li::before{left:0; top:7px; width: 10px; height: 10px;}
.part04 li span,.part04 li p{width: 100%; padding-left: 20px;}
.footer{padding: 30px 10px 20px;}
.cyyl .part03 li dd{ height: auto;}
.cyyl .part03 li dd p{position: static; padding: 0; transform: translate(-0,-0)!important;}
.cyyl_part04 ul{margin: 0;}
.cyyl_part04 li{padding: 20px;}
.cyyl_part04 li dt,.cyyl_part04 li dd{width: 100%;}
.cyyl_part04 li dd{position: static; padding: 5% 0 0;}
}


.part02 li dd span{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {
.part02 li dd span:hover{ color: #fff!important; background: #3A4E76;}

}