@charset "utf-8";

/* CSS Document */
*{ margin:0; padding:0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";  clear: both;height: 0;}
.clearfix { display: inline-block;  zoom:1;}
img{display: inline-block;border:none;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure{margin: 0;}
ul, ol, menu{list-style: none;margin: 0;padding: 0;}
a{
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
a, a:active, a:focus{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes: none;}
address, em, i{font-style: normal;}
abbr, acronym{font-variant: normal;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
fieldset, a img, iframe{border: 0 none;}
input, select, button{vertical-align: middle;}
input, textarea, select{*font-size: 100%;}
button{overflow: visible;}
button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner{border: 0 none;padding: 0;}
:active{outline: 0 none;}
::selection{background: #e74700;color: white;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix{*zoom:1;}
html{font-size:20px; line-height: 1.5em;}
*{font-family:"宋体","Microsoft Yahei", "微软雅黑", Arial, Helvetica, sans-serif;}
body{background-color: #fff;font-size: 14px;max-width: 1920px;margin: 0 auto;min-width:300px;overflow-x:hidden; -webkit-font-smoothing: antialiased; font-size: 12px;}
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  color:#4e4e4e;
}
/*#header *,
.containe *{
   transition:all .5s ease;
  -webkit-transition: all .5s ease;
    }*/
h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}
/* 通用样式 */
.fl{float:left;}
.fr{float:right;}
.boxWrap{
  width: 240px;
  -moz-transition:margin-top .5s ease-out;
  -webkit-transition:margin-top .5s ease-out;
  -o-transition:margin-top .5s ease-out;
  -ms-transition:margin-top .5s ease-out;
}
.boxWrap:hover{ margin-top:-179px;}
ul{overflow: hidden;}
input,a{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none ;border-radius: 0;
}
input:-webkit-autofill {-webkit-box-shadow: 0px 0px 1000px white inset;}
.containe{
  display: block;
  max-width: 1200px;
  margin:0 auto;
  position: relative;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999;
} 
div.big {overflow: hidden;}
div.big img{width: 100%;display: block; transition: .1s transform;
    transform: translateZ(0);}
div.big:hover img{
    transform: scale(1.2, 1.2);
    transition: .3s transform;
} 
.over,.over li a,.over a{overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.clear{clear: both;}
.imgDiv{position: relative;
  background-repeat: no-repeat;
    background-position:0 40%;
    background-size:100% auto;
}
.imgDiv img {position: relative; left: 50%; margin-left: -960px;display: block; 
  opacity: 0; filter:alpha(opacity=0  ); 
}
div.digg {padding: 3px; margin: 70px 0 0; text-align: center; font-size: 14px; } 
div.digg li {padding: 4px 10px; color: #666; text-decoration: none;line-height:20px;display:inline-block;background-color: #ececec; margin: 5px 0;} 
div.digg li a{color: #666;}
div.digg li.disabled {} 
div.digg li.active {  font-weight: bold; background-color: #e10e11; } 
div.digg li.active a{color: #fff;}
/* flexslider */
.flexslider{margin:0;position:relative;width:100%;height:100%;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
@media screen and (max-width: 767px) {
.flex-direction-nav{display: none;}
}
.imgcon{text-align: center;}
.imgcon img{display:inline-block;vertical-align: middle;max-width: 100%;}
.imgcon::after{display: inline-block; font-size: 0; content: "."; clear: both; height: 100%; width: 0; vertical-align: middle;}
.tabCon .con {display: none; }
.tabCon .con.active {display: block; }
.titbar{line-height: 55px;margin-bottom:30px;height: 55px;
  border-bottom: 1px solid #a0a0a0;    margin-top: 8px;
}
.titbar h2{font-size:1.2rem;color: #333;display: inline-block;line-height:65px;} 
.breaker {float: right;
    color: #555;
    margin-top: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 17px;
        background: #ececec;
    padding: 0 20px;
    border-radius: 15px;overflow: hidden;
}
.breaker a{color: #666;}
.breaker span{color: #e10e11;}
.newsList02 li {
  overflow: hidden;
  border-bottom: 1px dashed #d0d1d1;
  background: url(../images/i13.png) no-repeat 2px 21px;
    height: 48px;
    border-bottom: 1px dashed #aaa;
    padding-left: 23px;
}
.newsList02 li .title {position: relative;}
.newsList02 li span a{color: #e10e11;}
.newsList02 h2 {
  color: #333;
  font-size: 15px;
  padding-right: 5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 49px;
}
.newsList02 span{height:50px; line-height:52px; float: right;}
.newsList02 span img{margin-top:10px;}
.newsList02 p {
  height: 47px;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  color: #555555;
  margin-top: 6px;
  margin-top: 9px;
  display: block;display: none;
}
.backlist{display: inline-block;line-height: 36px;background-color: #e10e11;padding: 0 20px;color: #FFF; }
.articleTit{margin-top:1.8rem;font-size:1.1rem;color: #e10e11;text-align:center;font-weight: normal;
    line-height: 1.5em;}
.sub_info {text-align: center;
    padding: 15px 0;
    line-height: 30px !important;
    margin-bottom:30px;
    color: #434343;
}

.sub_info.line{
  border-bottom: 1px dashed #dddddd;
}

.sub_info span {
  margin-right: 30px;
}
h3.tag{
  line-height: 24px;
  border-top: 1px dashed #e0e1dc;
  margin-top: 10px;
  color: #999;
  font-weight: normal;
  padding-top: 8px;
  font-size: 14px;
}

h3.tag a {
  color: #005a98;
  margin: 0 8px 0 5px;
}

h3.tag a:hover {
  color: #0172bd;
}

.page {line-height: 60px;
    border-top: 2px solid #333;
    margin: 36px 0;
    font-size: 14px;
    overflow: hidden;clear: both;
}
.page>*{width:45%;height: 60px;box-sizing:border-box;}
.page>* span{width:80px;text-align: left;display: block;height: 100%;line-height: 60px;color: #333;font-weight: bold;}
.page .prev{float: left;padding-right: 15px;}
.page .prev span{float: left;margin-right: 15px;}
.page .next{float: right;}
.page .next span{float: left;}
.page a {
  color: #666;line-height: 60px;
}

.page a:hover {
  color: #333;
}

.page span {
  color: #666;
}
.pro_list{width: 102%;}
.pro_list li{width: 31%;margin-right: 2%;float: left;}

.pro_list li .imWrap {
    border: 1px solid #bbb;
} 
.pro_list li h3{display: inline-block;
    color: #333;
    font-size: 16px;
    text-align: center;
    width: 100%;
    line-height:3em;
    overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis; 
    }

    .mBtn {
    display: none;
}
.proTop{overflow: hidden;margin-top:40px;}
.proTop .proImg{float: left;width:412px;height: 350px ;margin-right: 30px;border: 1px solid #bbb;margin-right: 20px;text-align: center; }
.proTop .proImg::after{display: inline-block; font-size: 0; content: "."; clear: both; height: 100%; width: 0; vertical-align: middle;}
.proTop .proImg img{width: auto;height: auto;max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.proTop h3{font-size:1.5rem;
    color: #333;
    line-height: 1.2em;
    border-bottom: 1px solid #bbb;
    text-align: left;
    padding-bottom: 2%;}
.proTop p{font-size: 12px;color: #333;line-height:24px;font-family: 宋体;
margin:1.5em 0;height: 10em;
    overflow: hidden;}
.tab04{margin-right:-3px;display:flex;justify-content:space-between; flex-flow: row wrap;overflow:hidden;padding: 10px 0 1px 0;max-width: 720px; }
.tab04 li{padding:7px 0;width:16%;float:left;color:#000;text-align:center;line-height:22px; flex:1 1 100px;margin-right:2px;cursor: pointer;margin-bottom: 3px}
.tab04 li {background-color: #e5e5e5; }
.tab04 li.act {background-color:#333333;color:#fff;}
.prodetails{border-bottom: 2px solid #333333;margin: 35px 0 20px;}    
.tabcon04 p{font-size: 14px;color: #474747;line-height: 35px;text-indent: 2em;}
.tabcon04 .con{min-height:100px;}
/* drama-poster */
.contentor{    height: 90px;
    width: 100%;
    position: relative;
    margin:38px auto 0;
    padding: 0 18px;
    box-sizing: border-box;}
.drama-poster{margin:0 auto; width:1200px;height:180px;overflow:hidden;position:relative; }
.drama-poster ul{width:100%;    overflow: initial;}
.drama-poster li{ margin:0px 5px;}
.show-poster-3{ width:98px;height:88px; border: 1px solid #bbb;float:left;}
.show-poster-3 img{display:block;width:100%;height:100%; display: inline-block;}
.show-poster-3 a p{ text-align:center;color:#393939;line-height:30px; width:100%;height:30px;}
.show-poster-3 a:hover p{ background-color:#2751B3; color:#fff; text-decoration:none;}
.show-poster-3 a:hover{ text-decoration:none;}


.drama-slide li{ position:absolute; z-index:10000;    top: 0;
    border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
.drama-slide .prev{ position:absolute;left:0px;}
.drama-slide .next{ position:absolute; right:0px;}
.drama-slide li a{display:block;width:17px;height:84px;}
.drama-slide li.prev a{background:url(../images/index_40.jpg) no-repeat center center;}
.drama-slide li.next a{background:url(../images/index_41.jpg) no-repeat center center;}

#demoo {
  width: 100%;
  overflow: hidden
}

#demoo .container a {
  display: block;
  padding-right: 20px;
  float: left;
  width: 214px
}

#demoo .container a .big {
  width: 100%;
  height: 118px;
  display: block;
  vertical-align: middle;
  border: 1px solid #bbb;
  background-color: transparent;
  text-align: center
}

#demoo .container a .big img {
  width: auto;
  height: auto;
  border: none;
  max-width: 100%;
  min-height: 100%;
  display: inline-block
}

#demoo .container a p {
  text-align: center;
  line-height: 30px;
  color: #1a3745;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tjDiv {
  border: 1px solid #bbb;
  display: block;
  padding: 15px;
  margin: 3vw 0
}

.tjDiv h2 {
  font-size: 18px;
  color: #1a3745;
  font-weight: normal;line-height: 22px;
  display: inline-block;border-bottom: 2px solid #ff0000;
}
.tjDiv .tit a{float: right;color: #666;font-size:14px;}
.tjDiv .tit{border-bottom: 2px solid #333333;    height: 24px;}
.tjDiv #demoo{margin: 20px 0 3px;}
.tjDiv #demoo .container a .big {height: 158px;}
.page+.tjDiv .imgcon{height:150px;overflow: hidden; }
.skyimg{float: right;max-width: 50%;}
.appTit{font-size: 36px;color: #e10e11;padding-right: 10%;display: inline-block;border-bottom:1px solid #dddddd;line-height: 2em;font-weight: normal;margin-bottom:1em;}

.tabCon .con.act {
    display: block;
} 
#casenav{text-align: center; margin-bottom: 35px; }
#casenav  a{display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    color: #111;
    height: 45px;
    line-height:44px;
    margin: 0 6px 15px;
    background: #fff;padding: 0 3em;
    box-sizing: border-box;border: 1px solid #bbb;
}
#casenav a:hover,#casenav a.act{background-color: #da1f19;color: #fff;border-color:#da1f19;}

#casenav ul{text-align: center;}
#casenav li{display: inline-block;}
.laybold{background: url(../images/Leybold.png) no-repeat center/auto 46px;color: transparent !important;    height: 46px;}
.laybold2{background: url(../images/Leybold2.png) no-repeat center/auto 46px;color: transparent !important;    height: 46px;min-width:20em;}