@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 { width:345px;height:430px; OVERFLOW-X: hidden;OVERFLOW-Y: auto;}
.videoCom li { width:300px; padding:10px 20px; border-bottom:1px #363636 solid; line-height:20px; display:block; background:#272727;}
.videoCom li:hover { background:#1d1d1d;}
.videoCom li a { color:#ddd; font-size:12px; text-decoration:none;}
.videoCom li .cur { color:#F60}

.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:10px; height:120px;}
.pList p { width:100%; line-height:18px; height:18px; padding-top:3px; overflow:hidden; text-align:center;}
.pList p a { font-size:12px; color:#333; font-family:arial; }
.pList img { width:120px; height:96px; border:0;}


.jjtitle { width:100%; border-bottom:2px #ddd solid; height:30px; float:left; }
.jjtitle a { font-size:16px; color:#000; border-bottom:2px #e95313 solid; display:block; float:left; padding:0 5px; line-height:30px; height:30px; font-family:'Microsoft YaHei','微软雅黑'; }

.jjinfo { width:290px;background: #f2f2f2; float:left;
padding:15px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;font-size: 12px; line-height:20px; margin-top:15px; margin-bottom:20px; color:#666}
.jjinfo h2 { font-size:16px; font-family:'Microsoft YaHei','微软雅黑'; color:#333; padding-bottom:10px;}
.jjinfo p { padding-bottom:3px;}
.jjinfo span { color:#999;}


.mC_right { width:320px; 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;}

.videoCom ul {
width:350px;
height:445px;
}

.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:80px 0 0 0;}
  .info{width:96%;padding:0 2% 2% 2%;}
   .video{width:65%;height:660px;}
   .videoCom{width:35%;height:660px;}
    .videoCom ul{width:100%;height:660px}
      .tie-share{width:98%;margin-left:2%}
   .tie-ad{display:none}
   .pList{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 10px 20px 0;}
   .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:180px}
   .pList p{text-align:left;height:26px;}
   .pList img{width:100%;height:135px;}
   .videoCom .tj{display:none} 
   .info h1{font-size: 36px;line-height: 38px;margin-bottom: 5px;}
  .info p{font-size:16px;line-height: 30px;}
  .videoCom li{width:94%;padding:10px 3%}
  .videoCom li a{font-size:18px;}
  .mC_left h4{font-size:28px;padding:25px 0 10px 0;}
  .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; }

    .videoPlay{width:100%;padding:75px 0 0 0;}
   .videoCom{width:100%;height:135px;overflow:hidden;overflow-y: auto;}
      .video{height:500px;width:100%;}
      .videoCom ul{height:100%;}
      .videoCom li{width:96%;padding:8px 2%;}
      .videoCom li:first-child,.videoCom li:nth-child(2){display:block} 
      .videoCom li:nth-child(2){border-bottom:none}
      /*.videoCom ul{height:135px;overflow:hidden;}*/
      .pList{height:405px;overflow:hidden}
       .pList li {width:33.3%; height: auto;padding:0 10px;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-bottom:25px;}
        
     .pList img{width:100%;  height: 150px;}
   .pList p a{font-size:20px;}
   .videoCom li a{font-size:18px;}

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

@media screen and (max-width:520px) {
    .show-pc {
    display: none; }

    .videoPlay{width:100%;padding:65px 0 0 0;}
     .video{ width:100%;height:360px;}
       .tie-top{display:none;} 
        .pList{height:365px;overflow:hidden}
       .pList img{ height: 130px;}

       .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 li {width:50%;height:100%;margin-bottom:10px;padding:2%;text-align:left;}
    .pList img{width:100%;height:100%}
    .video{height:350px;}
     .pList li {width:50%;height:100%;margin-bottom:10px;padding:2%;text-align:left;}
      .pList{height:415px;overflow:hidden}
    .pList img{width:100%;height: 150px;}
    .tie-top{display:none;}

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

     .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:365px;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:315px;overflow:hidden}
    .pList img{ height: 110px;}

    .showPhone .tabSlider .mui-control-item .logo {
          margin-top: 2px;
          vertical-align: top;
          width: 80%; }
}
 
   
.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;
}

@media screen and (max-width: 1024px)