/*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.5%;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: #0e4f8f; }
.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: 50%;cursor:pointer;position: absolute;bottom: 5%;margin-left:-215px;}

/*bt*/
.bt{width: 100%;float: left;}
.bt p{float: left;font-size: 24px;line-height: 50px;color: #0e4f8f;text-align: center;font-weight: bold;}
.bt a{color: #0e4f8f;}

.bt a.more{display:block;float: right;padding: 0 15px;margin-top: 15px;font-size: 14px;line-height: 25px;color: #0e4f8f;letter-spacing: 0.5px;border:1px solid #0e4f8f;border-radius: 15px;}
.bt a.more:hover{background: #0e4f8f;color: #ffffff; -webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}

/*title*/
.title{width:210px;margin: 0 auto;position: relative;}
.title p{font-size: 34px;line-height: 55px;color: #0e4f8f;text-align: center;font-weight: bold;border-bottom: 1px solid #dddddd;padding-bottom: 10px;}
.title p:after{content:"";width: 50px;height: 5px;background: #0e4f8f;position: absolute;left: 38%;top: 63px;}

/*solid*/
.solid{width: 100%;float: left; margin-top: 50px;}

.solid li{width: 380px;float:left;position: relative;background: #ffffff;}
.solid li.l2{margin:0 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{height: 60px;float:left;font-size: 18px;line-height: 30px;color: #0e4f8f;margin: 20px;}

.solid li:hover .img img{transform: scale(1.15);}

.solid li,.news 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{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;}

/*lm*/
.lm{width: 380px;height: 380px;float: left;padding: 5px 20px 10px 20px;box-shadow: 0 5px 11px 0 #d9d9d9;-webkit-box-shadow: 0 5px 11px 0 #d9d9d9;-moz-box-shadow: 0 5px 11px 0 #d9d9d9;}
.lm.m1{border-top: 3px solid #3ca5fe;}
.lm.m2{border-top: 3px solid #4cc38c;}
.lm.m3{border-top: 3px solid #d9b34d;}
.lm.mr30{margin-right: 30px;}

/*box*/
.box{width: 445px;height: 400px;float: left;margin-right: 30px;padding: 10px 20px 20px;background: #ffffff;box-shadow: 0 5px 11px 0 #d9d9d9;-webkit-box-shadow: 0 5px 11px 0 #d9d9d9;-moz-box-shadow: 0 5px 11px 0 #d9d9d9;}

/*link*/
.link{width:250px; float:left;}

.link li{width: 224px;float: left;margin-bottom: 33px;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;}

.link li.l1{background: #3ca5fe;}
.link li.l2{background: #4cc38c;}
.link li.l3{background: #d9b34d;}
.link li.l4{background: #d95d4d;margin-bottom: 0;}

.link li a{display: block;font-size: 24px;line-height: 75px;color: #ffffff;text-align: center;}

.link 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;}

/*yqlj*/
.yqlj{width: 100%;float: left;background: #4270A4;}

.yqlj font{width:100px;float:left;font-size: 20px;line-height: 60px;color: #ffffff;font-weight: bold;}
.yqlj li{width: 275px;float:left;position: relative;}
.yqlj li p{width: 100%;float: left;font-size: 16px;color: #ffffff;line-height: 60px;text-align: center;}
.yqlj li p::after{content: '';width: 8px;height: 8px;position: absolute;top: 23px;right: 5px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;transform: rotate(45deg);}
.yqlj li:hover p::after{top: 28px;border-right: none;border-bottom:none;border-left: 1px solid #cccccc;border-top: 1px solid #cccccc;}

.yqlj li ul{width: 100%;height: 225px;float: left;padding: 10px;overflow-x: hidden;position: absolute;display: none;z-index: 10;bottom: 55px;left: 0;background: #ffffff;}

.yqlj li ul li{width: 100%;float: left;}

.yqlj li ul li a{display: block;width: 100%;font-size: 15px;color: #333333;line-height: 35px;text-align: center;}
.yqlj li:hover ul{display: block;}
.yqlj li ul li a:hover{color: #035392;}
