/*@import "wap.css" screen and (max-width:767px);
@import "pc.css" screen and (min-width:768px);*/
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {background-color: #F5F5F5; font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
ul,li {list-style: none; margin: 0; padding: 0;}
a {blr:expression(this.onFocus=this.blur()); outline:none; text-decoration:none; color:#666600;}
a:hover {color:#C60;}
/*a:visited {color:#006666;}*/

/*基础*/
.btn-default {background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%); color: #666; box-shadow: 0 5px 10px rgba(246,246,246,.25);}
.btn-warm {background-color: #ff9900; color: #ffffff; box-shadow: 0 5px 10px rgba(255,111,0,.25);}
.hid {display: none;}
.clear {clear: both;}

.container {width:100%;}
.box {margin: 0 auto; width: 100%;}
.base {padding: 1.4rem 0.5rem 0; background-color: #FFFFFF;}
.top {height: 5rem; background:url(../../images/home/top.jpg) no-repeat 0 0 #FFBE00; padding: 0 0.5rem;}
.foot {background-color: #20232c; height: 6.8rem; margin-top: 1.2rem;}
.logo {float: left; padding: 1rem 0;}
.logo img {width: 8.625rem; height: 3rem;}
.menu {float: right;}
.menu ul li {float: left; margin-left: 1.8rem; line-height: 5rem; color: #FFFFFF; font-size: 1.8rem; font-weight: 600;}
.menu ul li h2 {font-size: 1.8rem; font-weight: 600;}
.menu ul li a {color: #FFFFFF;}

.in_news ul li {float: left; padding: 0 0.7rem 1.4rem; height: auto;}
.in_news ul li dd {float: left; width: 100%; height: 0; padding-bottom: 58%;}
.in_news ul li dd img {width: 100%; box-shadow:3px 5px 5px #000000; -moz-box-shadow:3px 5px 5px #000000; -webkit-box-shadow:3px 5px 5px #000000;}
.in_news ul li dt {float: left; width: 100%; height: 3.6rem; overflow: hidden; line-height: 1.8rem; margin-top: 0.8rem;}
.in_news ul li dt h3 {font-size: 1rem; font-weight: 400;}

.goto {width: 100%; padding: 0 0.7rem; height: 2rem; line-height: 2rem; margin-bottom: 1.4rem;}
.goto .strip {float: left; width: 0.6rem; height: 2rem; background-color: #FFBE00; margin-right: 0.7rem;}
.goto p,.goto h2 {float: left; font-size: 1.6rem; font-weight: 600; color:#444;}
.goto p a {color:#444;}
.goto span {float: right; font-size: 1rem; cursor: pointer;}
.goto span:hover {color:#C60;}
.goto ul li {float: left; padding-left: 2rem; color: #666;}

.in_video ul li { float: left; padding: 0 0.7rem 1.4rem;}
.in_video ul li dd {float: left; width: 100%; height: 0; padding-bottom:140%; position: relative; cursor: pointer;}
.in_video ul li dd img {position: absolute; width: 100%; box-shadow:0 3px 5px #000000; -moz-box-shadow:0 3px 5px #000000; -webkit-box-shadow:0 3px 5px #000000; z-index: 1;}
.in_video ul li dd p {position: absolute; font-size: 0.9rem; border-radius: 0 2px 2px 0; padding: 0 0.45rem; line-height: 1.35rem; background-color: rgba(255,153,0,.8); color: #FFFFFF; top: 0.5rem; z-index: 5;}
.in_video ul li dd h4 {position: absolute; font-size: 0.8rem; border-radius: 2px 0 0 2px; font-weight: normal; padding: 0 0.35rem; line-height: 1.35rem; background-color: rgba(0,128,255,.8); color: #FFFFFF; top: 0.5rem; right: 0; z-index: 5;}
.in_video ul li dd span {position: absolute; background-color: rgba(0,0,0,.6); line-height: 1.35rem; border-radius: 2px 0 0 2px; font-size: 0.8rem; padding: 0 0.45rem; color: #ffffff; right: 0; bottom: 0.5rem; z-index: 5;}
.in_video ul li dt {float: left; width: 100%;}
.in_video ul li dt h3 {float: left; font-size: 1.1rem; font-weight: 400; width: 100%; height: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 1rem 0;}
.in_video ul li dt span {float: left; width: 100%; height: 1.5rem; line-height: 1.1rem; overflow: hidden; color: #999999; font-size: 0.85rem; font-weight: 300; opacity: 0.8;}


.about,.ann,.copyright {float: left; width: 100%; line-height: 1.2rem; margin-top: 0.8rem; color: #999999; font-size: 0.88rem; text-align: center;}
.about a {color: #e5e5e5; font-size: 0.94rem; margin-right: 1rem;}
.about a:last-child {margin-right: 0;}
/*视频列表*/
.list {padding: 1.4rem 0.5rem 0; background-color: #ffffff; margin-bottom: 0.5rem;}
.panel {float: left; margin: 0 0.7rem 1.4rem; width: calc(100% - 1.4rem); height: 3.2rem; line-height: 2.4rem; border-bottom: 1px solid #eee;}
.panel h2 {float: left; color: #444; font-size: 1.6rem; font-weight: 600; margin-right: 1rem;}
.panel a {float: left; font-size: 0.9rem; color: #999;}
.choose {float: left; padding: 0 0.7rem 2.1rem; width: 100%;}
.choose ul {float: left; width: 100%; white-space:nowrap; overflow-y: hidden;}
.choose ul li {float: none; display: inline-block; margin: 0.84rem 0.7rem;}
.choose ul li a.btn {padding: 0.3rem 0.66rem; border-radius: 0.3rem; white-space:nowrap}
/*列表展示*/
.show ul li { float: left; padding: 0 0.7rem 1.4rem;}
.show ul li dd {float: left; width: 100%; height: 0; padding-bottom:140%; position: relative; cursor: pointer;}
.show ul li dd img {position: absolute; width: 100%; box-shadow:3px 5px 5px #000000; -moz-box-shadow:3px 5px 5px #000000; -webkit-box-shadow:3px 5px 5px #000000; z-index: 1;}
.show ul li dd p {position: absolute; font-size: 0.9rem; border-radius: 0 2px 2px 0; padding: 0 0.45rem; line-height: 1.35rem; background-color: rgba(255,153,0,.8); color: #FFFFFF; top: 0.5rem; z-index: 5;}
.show ul li dd h4 {position: absolute; font-size: 0.8rem; border-radius: 2px 0 0 2px; font-weight: normal; padding: 0 0.35rem; line-height: 1.35rem; background-color: rgba(0,128,255,.8); color: #FFFFFF; top: 0.5rem; right: 0; z-index: 5;}
.show ul li dd span {position: absolute; line-height: 1.35rem; border-radius: 2px 0 0 2px; font-size: 0.8rem; padding: 0 0.45rem; color: #ffffff; background-color: rgba(0,0,0,.6); right: 0; bottom: 0.5rem; z-index: 5;}
.show ul li dt {float: left; width: 100%;}
.show ul li dt h3 {float: left; font-size: 1.1rem; font-weight: 400; width: 100%; height: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 1rem 0;}
.show ul li dt span {float: left; width: 100%; height: 1.5rem; line-height: 1.1rem; overflow: hidden; color: #999999; font-size: 0.85rem; opacity: 0.8;}
/*分页*/
.page {float: left; width: 100%; text-align: center; margin: 1rem 0 1.4rem;}
.pagination {display: inline-block;padding-left: 0;border-radius: 3px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {float: left;padding: 6px 12px;color: #337ab7;border: 1px solid #ddd;color: #999;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {color: #33577b;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #6F42C1;border-color: #6F42C1;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}

/*视频详情*/
.warp {position: relative; width: 100%; background-color: #FFFFFF;}
.banner {position: relative; width: 100%; background: url("../../images/home/blackbig.jpg") no-repeat center center; background-size: cover;}
.summary {position: relative; height: 24rem;}
.su_left {float: left; padding-left: 1.2rem;}
.su_left img { width: 100%; box-shadow:3px 5px 5px #000000; -moz-box-shadow:3px 5px 5px #000000; -webkit-box-shadow:3px 5px 5px #000000;}
.su_left p {position: absolute; font-size: 0.9rem; border-radius: 0 2px 2px 0; padding: 0 0.45rem; line-height: 1.35rem; background-color: rgba(255,153,0,.8); color: #FFFFFF; top: 0.6rem; z-index: 5;}
.su_right {float: left;}
.su_right h1 {float: left; padding-left: 2.2rem; color: #FFFFFF; width: 100%;}
.su_right span {float: left; width: 100%; padding-left: 2.2rem; color: #D5D5D5; font-weight: 400;}
.su_r_info {float: left; padding-left: 2.2rem; width: 100%;}

.su_r_crew ul li {float: left; text-align: center;}
.su_r_crew ul li img {float: left; width: 100%; box-shadow:3px 5px 5px #000000; -moz-box-shadow:3px 5px 5px #000000; -webkit-box-shadow:3px 5px 5px #000000;}
.su_r_crew ul li p {float: left; width: 100%; height: 3rem; line-height: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.su_r_crew ul li span {float: left; width: 100%; height: 2.6rem; line-height: 1.6rem; color: #999999; font-size: 0.9rem; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.storyline p {padding: 0 0.5rem; margin-bottom: 1.4rem; line-height: 2rem; text-indent: 2rem; color: #333;}

.playlist { padding-bottom: 0.7rem;}
.tab_list .current {color:#f70}
.tab_con ul {display: none;}
.tab_con ul li {float: left; padding: 0 0.7rem 0.7rem;}
.tab_con ul li a {float: left; width: 100%; border-radius: 5px; padding: 0.6rem 0; text-align: center;}

.relate { padding-bottom: 1.4rem;}
.vbox {float: left; padding: 0.6rem;}
.act {float: left;width: 100%; padding: 0.5rem 0;}
.act p {float: left; width: 18%;}
.act p img { width: 100%; box-shadow:3px 5px 5px #000000; -moz-box-shadow:3px 5px 5px #000000; -webkit-box-shadow:3px 5px 5px #000000;}
.act h3 {float: left; width: 82%; padding-left: 1.2rem; font-size: 1.1rem; height: 2.5rem; line-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.act span {float: left; width: 82%; padding-left: 1.2rem; height: 2rem; line-height: 2rem; overflow: hidden; font-weight: normal; color: #999999; font-size: 0.8rem; opacity: 0.7;}

.player {padding: 0; margin-top: 0.8rem; background-color: #333333;}
.myPlayer {width: 100%;}
.intro {width: 100%; height: 5.4rem;}
.introA {float: left; width: 60%;}
.introA h1 {width: 100%; padding: 1rem 0 0.6rem 1rem; font-size: 0.8rem; color: #8D8D8D;}
.introA h1 b {font-size: 1.2rem; font-weight: bold; color: #c3c3c3;}
.introA span {width: 100%; padding: 0 0 0 1rem; color: #c3c3c3;}
.introA span a {color: #b2b2b2;}
.intro ul {float: left; width: 40%;}
.intro ul li {float: right; line-height: 5.4rem; font-size: 1.1rem; margin-right: 1.6rem;}
.intro ul li a {color: #b2b2b2;}
.playerA .right {float: left; width: 25%;}

@media screen and (max-width: 767px){
    html {font-size: 10px;}
    .base {margin-top: 0.8rem;}
    .in_news ul li {width: 50%;}
    .in_video ul li,.show ul li {width: 33.33334%;}
    .in_video ul li:last-child {display: none;}
    .summary { margin-top: -6rem;}
    .banner {height: 10rem;}
    .su_left {width: 35%;}
    .su_right {width: 65%}
    .su_right h1 {font-size: 1.36rem; line-height: 3.4rem; text-overflow: ellipsis; white-space: nowrap;}
    .su_right span {font-size: 1rem; line-height: 2rem; height: 2.8rem;}
    .su_r_info {line-height: 2.8rem;}
    .su_r_info p {width: 100%}
    .split-line {display: none;}
    .su_r_crew {float: left; width: 100%; padding: 2rem 0 1rem 0;}
    .su_r_crew ul li {width: 20%; padding: 0 1.2rem;}
    .su_r_crew ul li:last-child {display: none;}
    .su_r_crew ul li img {border-radius: 0 60%;}
    .myPlayer {height: 20.6rem;}
    .tab_con ul li {width: 20%;}
    .vbox {width: 50%;}
    
    .isp371 {width:100vw;height:auto;display:block;overflow:hidden; margin:10px 0;}
    /*#a{float:left; margin-left:10px; width:calc(50vw - 15px);}
    #b{float:right; margin-right:10px; width:calc(50vw - 15px);}
    #a img,#b img {width:100%; height:100%;}*/
    .isp371 img {width:100%; height:100%;}
}

@media screen and (min-width: 768px){
    html {font-size: 15px;}
    .box {max-width: 1230px;}
    .base {margin-top: 0.8rem;}
    .in_news ul li {width: 25%;}
    .in_video ul li,.show ul li {width: 20%;}
    .summary {margin-top: -8rem;}
    .banner {height: 14rem;}
    .su_left {width: 20%;}
    .su_right {width: 80%}
    .su_right h1 {font-size: 2.4rem; line-height: 5.2rem;}
    .su_right span {font-size: 1.3rem; height: 3rem;}
    .su_r_info {line-height: 4rem;}
    .su_r_info p {display: inline-block;}
    .su_r_info p b {display: none;}
    .split-line {background-color: #eee; display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 1rem; vertical-align: -2px;}
    .su_r_crew {float: left; width: 80%}
    .su_r_crew ul li {width: 16.6667%; padding: 0 2.3rem;}
    .su_r_crew ul li img {border-radius: 0 30%;}
    .myPlayer {height: 34.6rem;}
    .tab_con ul li {width: 10%;}
    .vbox {width: 25%;}
    
    .isp371 {display:none;}
}