/*banner*/
.banner{width: 100%;float: left;position: relative;overflow: hidden;background: #e9f1fc;}

.mBan2 {overflow: hidden;}
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{width: 115px !important;height: 20px;overflow: hidden;position: absolute;top: 90%;z-index: 1;width: 100px;left: 49%;padding: 4px 0px 0px 0px;}
.mBan2 .slideBox .switch{ height: 10px; overflow: hidden; position: absolute; top: 4px; z-index: 1; width: 100px; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{float: left;width: 15px;height: 15px;border: 2px solid #ffffff;border-radius: 50%;cursor: pointer;margin-right: 10px;}
.mBan2 .slideBox .hd ul li.on{ background: #ffffff; }
.mBan2 .slideBox .bd{position:relative;height:100%;z-index:1;top: 0;}
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{width: 100%;height:auto;display:block;max-height: 750px;}

.switch{overflow: hidden;z-index: 99;left: 49%;cursor:pointer;position: absolute;bottom: 5%;margin-left:-215px;}

/*bt*/
.bt{width: 100%;float: left;margin-bottom: 15px;position: relative;}
.bt p{float: left;font-size: 22px;line-height: 50px;color: #444444;text-align: center;font-weight: bold;}

.bt p:after{content:"";position: absolute;top: 10px;width: 1px;height: 30px;background: #999999;margin: 0 25px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(30deg);}

.bt a{display:block;float: left;margin-left: 55px;font-size: 16px;line-height: 50px;color: #999999;letter-spacing: 0.5px;}
.bt a:hover{font-weight:bold; color: #c7180e; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}

/*tit*/
.tit{width:210px;margin: 0 auto;position: relative;}
.tit p{font-size: 34px;line-height: 55px;color: #444444;text-align: center;font-weight: bold;border-bottom: 1px solid #dddddd;padding-bottom: 10px;}
.tit p:after{content:"";width: 50px;height: 5px;background: #d82318;position: absolute;left: 38%;top: 63px;}

/*solid*/
.solid{width: 770px;float: left;margin-right: 30px;}

.solid li{width: 370px;float:left;position: relative;background: #ffffff;}
.solid li.l2{margin-left: 30px;}
.solid li a{display:block;width: 100%;float:left;overflow: hidden;}
.solid li .img{width: 100%;height: 250px;overflow: hidden;float:left;}
.solid li .img img{width: 100%;height: 100%;float:left;}
.solid li h1{width: 100%;height: 100px;float:left;font-size: 18px;line-height: 30px;color: #333333;padding: 20px;}
.solid li p{position: absolute;top: 15px;left: 20px;float:left;padding: 0 5px;font-size: 13px;line-height: 30px;color: #ffffff;text-align: center;letter-spacing: 0.15px;background: #c7180e;}

.solid li:hover h1{color:#c7180e;}

.solid li:hover .img img,.work li:hover .img img{transform: scale(1.15);}

.solid li,.news li,.work li{box-shadow: 0 5px 11px 0 #d9d9d9;-webkit-box-shadow: 0 5px 11px 0 #d9d9d9;-moz-box-shadow: 0 5px 11px 0 #d9d9d9;}
.solid li:hover,.work li:hover{transform: translateY(-2%);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

/*news*/
.news{width: 400px;float: left;}

.news li{width: 100%;float: left;margin-bottom: 23px;background: #ffffff;}
.news li.l4{margin-bottom: 0px;}
.news li a{display:block;width: 100%;float: left;}
.news li p{width: 330px;float:left;padding: 0 20px;font-size: 16px;line-height: 35px;color:#333333;}

.news li:hover{transform: translateY(-4%);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.news li:hover p{color: #c7180e;}

/*date*/
.date{width:70px;height: 70px;float:left;padding: 10px;background: #c7180e;}
.date day{width:100%;float:left;font-size: 18px;line-height: 30px;color: #ffffff;text-align:center;}
.date month{width:100%;float:left;font-size: 14px;line-height: 20px;color: #ffffff;text-align:center;}

/*work*/
.work{width: 100%;float: left;}

.work li{width: 277px;float:left;margin-right: 30px;background: #ffffff;}
.work li.l4{margin-right: 0px;}
.work li a{display:block;width: 100%;float:left;overflow: hidden;}
.work li .img{width: 100%;height: 180px;overflow: hidden;float:left;}
.work li .img img{width: 100%;height: 100%;float:left;}
.work li .txt{width: 100%;float:left;padding: 10px 20px;}
.work li .txt h2{width: 100%;float:left;font-size: 18px;line-height: 40px;color: #333333;}
.work li:hover .txt h2{color: #c7180e;}

.work li .txt span{width: 100%;float:left;font-family: "SimSun";font-size: 14px;line-height: 25px;font-weight: bold;color: #666666;}

.work li .txt p{width: 100%;float:left;display: block;float:left;font-size: 14px;line-height: 30px;color: #666666;text-indent: 2em;}
.work li:hover .txt p{color: #444444;}

/*photo*/
.photo{width: 600px;height: 470px;float: left;margin-right: 30px;}

/*kstd*/
.kstd{width: 570px;float: left;}

.kstd li{width: 270px;height: 220px;float: left;padding: 20px;margin-bottom: 30px;margin-right: 30px;border-radius: 15px;box-shadow: 0 5px 11px 0 #bbbbbb;-webkit-box-shadow: 0 5px 11px 0 #bbbbbb;-moz-box-shadow: 0 5px 11px 0 #bbbbbb;}

.kstd li.l1{background: #3ca5fe;}
.kstd li.l2{background: #4cc38c;margin-right: 0px;}
.kstd li.l3{background: #d9b34d;margin-bottom: 0px;}
.kstd li.l4{background: #d95d4d;margin-right: 0px;margin-bottom: 0px;}

.kstd li a{display: block;width: 100%;float: left;}
.kstd li a i{width: 100%;height: 130px;float:left;}
.kstd li a p{width: 100%;float:left;font-size: 22px;line-height: 50px;color:#ffffff;text-align: center;font-weight: bold;}

.kstd li.l1 i{background: url(../images/l1.png) no-repeat center;}
.kstd li.l2 i{background: url(../images/l2.png) no-repeat center;}
.kstd li.l3 i{background: url(../images/l3.png) no-repeat center;}
.kstd li.l4 i{background: url(../images/l4.png) no-repeat center;}

.kstd li:hover{transform: translateY(-4%);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

/*ztzl*/
.content{width: 1200px;float: left;position:relative;overflow:hidden;margin-top: 50px;}
.drama-poster{width: 1100px;float: left;margin: 0 50px;overflow:hidden;position:relative;z-index: 1;}
.drama-poster ul{width:10000px;float: left;}
.drama-poster li{margin-right: 10px;}
.drama-poster li a{display:block; float: left;}
.show-poster-3{width: 268px;float:left;}
.show-poster-3 a{display:block;width: 100%;height: 125px;float:left;}
.show-poster-3 img{width: 100%;height: 100%;float:left;}

.drama-slide{width: 1200px;height: 140px;position:relative;z-index: 0;}
.drama-slide li{position:absolute;top: 0;}
.drama-slide li.prev{left:0}
.drama-slide li.next{right:0}
.drama-slide li a{display:block;width: 40px;height: 120px;text-indent:-1000em;}

.drama-slide li.prev a{background: url(../images/zt-l.png) no-repeat -1px center;}
.drama-slide li.prev a:hover{background: url(../images/zt-l.png) #f9f9f9 no-repeat -1px center;}
.drama-slide li.next a{background: url(../images/zt-r.png) no-repeat 3px center;}
.drama-slide li.next a:hover{background: url(../images/zt-r.png) #f9f9f9 no-repeat 3px center;}