@charset "utf-8";
/* CSS Document */

.videoPlayBox { width:100%; background:#f5f5f5;}
.videoPlay { width:1000px; margin:0 auto; padding:20px 0 10px 0;}
.info { width:100%; float:left; margin-bottom:5px;}
.info h1 { line-height: 30px;font-size: 24px;font-weight: normal;font-family: 'microsoft yaHei', '微软雅黑', arial;color: #333;}
.info p { line-height:26px; font-size:12px; color:#999;}
.info p a:link { color:#999;} 
.video {width: 650px; height: 500px; float:left; background:#000;}
.videoCom { width:350px; float:right; background:#272727; height:500px; overflow:hidden;}
.videoCom .tj { width:100%; height:50px; line-height:50px; font-size:16px; font-family: 'microsoft yaHei', '微软雅黑', arial; color:#ddd; text-shadow:2px 3px 2px #000; text-indent:25px; border-bottom:2px #363636 solid; padding-top:3px;}
.videoCom ul {  height: 445px;overflow-y: auto;overflow-x:hidden}
.videoCom li { width:300px; padding:15px 25px; border-bottom:1px #363636 solid; height:111px; display:block; background:#272727;}/* width:350px;*/
.videoCom li:hover { background:#1d1d1d;}
.videoCom li img { width:100px; height:80px; float:left;}
.videoCom li span { display:block; float:right; width:180px; }
.videoCom li .v_title a { font-size:12px; color: #a1a1a1; line-height:20px;}
.videoCom li .v_title a:hover { color:#fff;}
.videoCom li .v_date,.videoCom li .v_tick { font-size:12px; color: #727171; line-height:18px;}

.tie-share  { width:650px; float: left; padding-top:15px;  }
.bdsharebuttonbox { float:left;}
.tie-top { float:right; margin-top:3px; padding-right:20px;} 
.icon-tie { cursor: pointer; display: block; height: 30px; float: left; background: url(../images/icon-01.png) no-repeat 0 -89px; padding-left: 38px; font: 21px/25px georgia; color: #666; padding-right: 20px; }
.icon-tie:hover { background-position: 0 -29px; color: #e95313; text-decoration: none; }
.icon-bofang { cursor: pointer; display: block; height: 30px; float: left; background: url(../images/icon-01.png) no-repeat 0 -153px; padding-left: 35px; font: 21px/25px georgia; color: #666;}
.icon-bofang:hover { background-position: 0 -182px; color: #e95313; text-decoration: none; }

.tie-ad { width:350px; float:right; margin-top:5px;}
.tie-ad img { width:350px; height:50px;}


.mainContent { width: 1000px; margin:0 auto; padding-top: 20px; }
.mC_left { width:660px; float:left;}
.mC_left h4 { font-size:16px; font-family: 'microsoft yaHei', '微软雅黑', arial; text-indent:8px; color:#333; line-height:30px; height:30px; border-bottom:2px #ddd solid; width:100%; float:left;}
.pList { width: 100%; margin-top:15px; float:left;}
.pList li { width:120px; float:left; margin-right:6px; margin-left:6px; margin-bottom:15px; height:135px;}
.pList p { width:100%; line-height:18px; height:36px; padding-top:3px; overflow:hidden;}
.pList p a { font-size:12px; color:#333;}
.pList img { width:120px; height:96px; border:0;}

.mC_right { width:300px; float:right;}
.mC_right .mC_title { width:100%; float:left; height:30px; line-height:30px; background:#eee; color:#333; font-size:14px; text-indent:10px; font-family: 'microsoft yaHei', '微软雅黑', arial; }
.mC_right .paihang { width:100%; float:left; margin-top:5px;}
.paihang li{ line-height:30px; height:30px; border-bottom:1px #ddd solid; font-size:12px; font-style:italic; color:#666; overflow:hidden; font-family: arial; text-indent:10px;}
.paihang li a { font-size:12px; color:#333; font-style:normal; padding-left:10px;}
.paihang li a:hover { color:#C00; text-decoration:none; font-weight:bold;}
.paihang li .red { font-size:14px; color:#C00; font-weight:bold;}
.mC_ad { width:100%; float:left; margin-top:20px;}
.mC_ad img { width:300px; border:0;}

.showPhone {
  display: none; }

/*Modify*/
@media screen and (max-width:1000px) {
    .mainContent,.Content-left,.mC_left{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    
    .mC_right{ width:100%;}
  .videoPlay{width:100%;padding:85px 0 0 0;}
    .info{width:96%;padding:0 2% 2% 2%;}
   .video{width:100%;height:660px;}
   .videoCom{width:100%;height:205px;}
    .videoCom .videoComWrap{overflow:hidden;width: 100%;height: 200px;}
   .videoCom li{ float:left;padding:15px 0;text-align:center;border-bottom:none;width:17%;height: 170px;margin:0 1.5%}
   .videoCom li span{float:none;width:100%;text-align:left;margin-top:3px;}
   .videoCom li img{width:100%;height:115px;float:none;}
   .tie-share{width:98%;margin-left:2%}
   .tie-ad{display:none}
    .videoCom ul{width:100%;height: 200px;overflow-y: auto;overflow-x:hidden;}
   .videoCom .tj{display:none}
    .pList li{width:20%;padding:1%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;text-align:center;height:170px}
    .mainContent{padding-top:10px;}
    .info h1{font-size:36px;line-height:38px;margin-bottom:5px;}
    .info p{font-size:16px;line-height: 30px;}
    .videoCom li .v_title a{font-size:16px;} 
     .pList p{height:26px;margin-bottom:5px;}
    .pList p a{font-size:18px;line-height:26px;}
    .jjinfo{width: 96%;  padding: 15px 2%;}
    .mC_ad{text-align: center;padding:20px 0;}

    
     .show-pc {
    display: none; }
    .showPhone {
    display: block; }
    .showPhone .header-bar {
      background-color: #de2900;
      box-shadow: none; }
      .showPhone .header-bar h1 {
        color: #fff; }
      .showPhone .header-bar .search {
        color: #fff; }
    .showPhone .slider {
      margin-top: 80px; }
      .showPhone .slider .mui-slider-item a {
        position: relative; }
        .showPhone .slider .mui-slider-item a .layer {
          position: absolute;
          bottom: 0;
          width: 100%;
          left: 0;
          color: #fff;
          background-color: rgba(0, 0, 0, 0.5);
          height: 40px;
          line-height: 40px;
          box-sizing: border-box;
          padding-left: 10px; }
      .showPhone .slider .mui-slider-indicator {
        text-align: right;
        padding-right: 10px;
        z-index: 999999; }
    .showPhone .tabSlider {
      height: 74px;
      line-height: 34px;
      width: 100%;
      top: 44px;
      position: fixed;
      background-color: #fff;
      left: 0;
      z-index: 999999999;
      -webkit-box-shadow: 0 1px 6px #ccc;
      box-shadow: 0 1px 6px #ccc;
      box-sizing: border-box; }
      .showPhone .tabSlider .mui-control-item {
        height: 36px;
        line-height: 34px;
        display: inline-table; }
        .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 40%; }
        .showPhone .tabSlider .mui-control-item.mui-active, .showPhone .tabSlider .mui-control-item:hover, .showPhone .tabSlider .mui-control-item.active {
          color: #d62a21 !important;
          border-bottom: 2px solid #d62a21 !important;
          text-decoration: none; }
      .showPhone .tabSlider .logo-link {
        height: 72px;
        width: 20%;
        float: left; }
      .showPhone .tabSlider .links {
        float: left;
        width: 78%;
        margin-left: 2%; }
        .showPhone .tabSlider .links a {
          float: left;
          margin-right: 15px; }
}
@media screen and (max-width:768px) {
    .show-pc {
    display: none; }

    .pList li {width:33.3%; height: auto;padding:2%;text-align:left;}
     .pList img{width:100%;height:150px;}     
    .videoCom ul{width:100%; height: 200px; overflow-y: auto;overflow-x:hidden;}
    .videoCom li{width:22%;margin:0 1.5%}
      .video{height:500px;}

       .videoCom li .v_title a{font-size:18px;} 
       .videoCom li .v_date, .videoCom li .v_tick{font-size:14px;}
       .mC_left h4{font-size:30px; padding: 15px 0;}
       .pList p a{font-size:18px;}

       .videoCom .videoComWrap{width: 100%;height: auto;}
       .videoPlay{padding:80px 0 0 0;}
   .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 50%; }
}
@media screen and (max-width:520px) {
    .show-pc {
    display: none; }
     .video{ width:100%;height:360px;}
      .pList img{height:120px;}
       .tie-top{display:none;}
       .videoCom li{width:30.3%;margin:0 1.5%}

       .videoCom .videoComWrap{width: 100%;height: auto;}
       .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 60%; }

}
@media screen and (max-width:480px) {
    .show-pc {
    display: none; }
    .pList{  height: 400px;overflow:hidden}
    .pList li {width:50%;height:100%;margin-bottom:10px;padding:2%;text-align:left;}
    .pList img{width:100%;height:150px}
    .video{height:350px;}
    .tie-top{display:none;}
    .videoCom li img{height:95px;margin-bottom:3px;}

    .info h1{font-size:26px;line-height:30px;}
    .info p{font-size:14px;line-height:20px;}
    .videoCom li .v_title a{font-size:16px;}
    .videoCom li .v_date, .videoCom li .v_tick{font-size:12px;}
    .mC_left h4{font-size:22px;padding: 10px 0;}
    .pList p a{font-size:16px;}
     .bdsharebuttonbox{width:100%}

     .videoCom .videoComWrap{width: 100%;height: auto;}
      .videoPlay{padding:70px 0 0 0;}
     .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 70%; }
}
 @media screen and (max-width:400px) {
     .show-pc {
    display: none; }
    .pList{  height: 370px;overflow:hidden} 
    .pList img{ height:130px}
    
     .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 70%; }
}
@media screen and (max-width:320px) { 
    .show-pc {
    display: none; }
    .page a{padding:4px 8px;}
    .video{ height:250px;}
     .pList{  height: 330px;overflow:hidden} 
    .pList img{height:110px}
    .videoCom li img{height:80px;margin-bottom:3px;}

    .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 80%; }
}

/*.videoCom ul {
width:350px;
height:445px;
}   */
.videoCom ul::-webkit-scrollbar {
width:10px;
height:10px;
}
.videoCom ul::-webkit-scrollbar-button    {
background-color:#909090;
}
 
.videoCom ul::-webkit-scrollbar-track-piece {
background:#272727;
}
.videoCom ul::-webkit-scrollbar-thumb{
background:#909090;
border-radius:4px;
}
.videoCom ul::-webkit-scrollbar-corner {
background:#82AFFF;
}
.videoCom ul::-webkit-scrollbar-resizer  {
background:#FF0BEE;
}