@font-face {
    font-family: 'Almarai';
    src:url(//arabic.dlqfch.com/css/font/rBABC1-f0dqAA822AAAAAAAAAAA0883204.Almarai.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  body{
    font-family: 'Almarai','Arial';
    background:#f5f5f5;
  }
  .w1200{
      margin: 0 auto;
      width: 1200px;
  }
  .common-title{
      height: 36px;
      width: 100%;
      border-bottom: 1px solid #dadbdb;
  }
  .common-title .title{
      display: block;
      height: 30px;
      line-height: 30px;
      padding-right: 10px;
      font-size: 26px;
      font-weight: 700;
      color: #333333;
      border-right: 6px solid #000;
  }
  .common-title .title:hover{
      color: #000!important;
  }
  .common-img1{
      box-sizing: border-box;
      padding: 20px;
      margin-top: 50px!important;
      background-color: #fff;
      /*height: 320px;*/
  }
  .common-img-ul1{
      overflow: hidden;
      margin-top: 24px;
  }
  .common-img-ul1 li{
      float: right;
      width: 260px;
      margin-left:30px;
  }
  .common-img-ul1 li:nth-child(4){
      margin-left:0px;
  }
  .common-img-ul1 li a{
      display: block;
  }
  .common-img-ul1 li .img{
      width: 260px;
      height: 145px;
  }
  .common-img-ul1 li .img img{
      width: 260px;
      height: 145px;
  }
  .common-img-ul1 li .title{
      height: 50px;
      padding: 15px;
      font-size: 14px;
      overflow: hidden;
      font-weight: 700;
      line-height: 1.5;
  }
  .common-img2{
      padding: 20px;
      box-sizing: border-box;
      background-color: #fff;
      margin-top: 50px!important;
  }
  .common-img-ul2{
      margin-top: 15px;
      overflow: hidden;
  }
  .common-img-ul2 li{
      float: right;
      width: 580px;
  }
  .common-img-ul2 li a{
      display: inline-block;
      vertical-align: top;
  }
  .common-img-ul2 li .img{
      width: 260px;
      height: 146px;
      margin: 15px 0 15px 15px;
  }
  .common-img-ul2 li .img img{
      width: 100%;
  }
  .common-img-ul2 li .title {
      width: 220px;
      height: 100px;
      padding: 40px 20px 0px 60px;
      color: #505050;
      font-size: 14px;
      line-height: 24px;
      overflow: hidden;
      font-weight: 700;
  }
  
  .common-img3{
      padding: 30px;
      box-sizing: border-box;
      background-color: #fff;
      margin-top: 50px!important;
  }
  .common-img-ul3{
      overflow: hidden;
  }
  .common-img-ul3 li{
      float: right;
      width: 355px;
      margin-left: 37px;
  }
  .common-img-ul3 li:nth-child(3n){
      margin-left: 0px;
  }
  .common-img-ul3 li a{
      display: block;
      vertical-align: top;
  }
  .common-img-ul3 li .img{
      width: 355px;
      height: 200px;
      position: relative;
  }
  .common-img-ul3 li .img .video-icon{
      width: 64px;
      height: 64px;
      background: url(//p3crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025098016884/rBABC1-f0dqAA822AAAAAAAAAAA0883204.videoicon03.png) no-repeat;
      position: absolute;
      left: 50%;
      top:50%;
      transform: translate(-50%,-50%);
  }
  .common-img-ul3 li .img img{
      width: 100%;
      height: 100%;
  }
  .common-img-ul3 li .title {
      width: 335px;
      height: 50px;
      margin: 15px 10px 35px 10px;
      color: #505050;
      font-size: 14px;
      font-weight: 700;
      line-height: 25px;
      overflow: hidden;
  }
  
  /* 閸掓銆冩い锟� */
  .list{
      overflow: hidden;
      margin-bottom: 100px;
  }
  .special li .img{
      width: 355px;
  }
  .special li .img img{
      width: 355px;
  }
  .video{
      padding-bottom: 0;
  }
  .video .video-ul{
     margin-top: 20px;
  }
  
  /**main**/
  body{
      background-color: #f2f2f2;
  }
  .w1200{
      margin: 0 auto;
      width: 1200px;
  }
  .share-fix {
      width: 0;
      height: 0;
      position: fixed;
      left: 50%;
      top: 248px;
      z-index: 999;
  }
  .share-fix .share-fix-ul{
      height: 150px;
      width: 40px;
      position: absolute;
      top: 22px;
      left: 610px;
  }
  .share-fix .share-fix-ul li{
      position: relative;
  }
  .share-fix .share-fix-ul li a{
      display: block;
      height: 40px;
      width: 40px;
      margin-bottom: 8px;
  }
  .share-fix .share-fix-ul li .share-custom{
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.share01.png) no-repeat;
      cursor: pointer;
  }
  .share-fix .share-fix-ul li .share-facebook{
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.share02.png) no-repeat;
  }
  .share-fix .share-fix-ul li .share-twitter{
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.share03.png) no-repeat;
  }
  .share-fix .share-fix-ul li .fixed-code{
      width: 130px;
      height: 130px;
      /* border: 1px solid #000; */
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.erweima.png) no-repeat;
      position: absolute;
      top:0 ;
      left: 40px;
      display: none;
      background-size: contain;
  }
  .banner{
      width: 1200px;
      height: 108px;
      margin-top: 20px;
  }
  .banner01{
      margin: 20px auto!important;
      position: relative;
      z-index: 99;
  }
  .main{
      overflow: hidden;
      margin-bottom: 70px;
  }
  .news{
      margin-top: 50px;
      height: 515px;
      overflow: hidden;
  }
  .news .left{
      width: 340px;
      overflow: hidden;
      float: left;
  }
  
  .news .left .top{
      width: 300px;
      padding: 20px;
      background-color: #fff;
  }
  .news .left .top .img{
      display: block;
      width: 300px;
      height: 168px;
      margin-top: 20px;
  }
  .news .left .top .img img{
      width: 100%;
  }
  .news .left .bottom{
      margin-top: 20px;
      width: 300px;
      padding: 20px;
      background-color: #fff;
  }
  .news .left .bottom .audio{
      height: 135px;
  }
  .news .left .bottom .audio .title{
      display: block;
      height: 30px;
      line-height: 30px;
      margin: 15px 0 10px;
      font-size: 18px;
      overflow: hidden;
      font-weight: 700;
      cursor: default;
  }
  .news .left .bottom .audio .title:hover{
      color: #000!important;
  }
  .news .left .bottom .audio .content{
      height: 92px;
      direction: ltr;
  }
  .news .left .bottom .audio .content .audio-bar{
      background: #808080;
      width: 300px;
      height: 10px;
      border-radius: 5px;
      opacity: 0.4;
      filter: alpha(opacity=40);
  }
  .news .left .bottom .audio .content .audio-play{
      height: 54px;
      margin-top: 15px;
  }
  .news .left .bottom .audio .content .audio-play .time{
      float: left;
      font-family: "瀵邦喛钂嬮梿锻寸拨";
      color: #8e8e8e;
      font-weight: 700;
      opacity: 0.6;
      filter: alpha(opacity=60);
  }
  .news .left .bottom .audio .content .audio-play .icon{
      float: right;
      position: relative;
      width: 54px;
      height: 54px;
  }
  .news .left .bottom .audio .content .audio-play .icon div{
      width: 54px;
      height: 54px;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
  }
  .news .left .bottom .audio-play .icon .on{
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.audioon.png) no-repeat;
      display: none;
  }
  .news .left .bottom .audio-play .icon .off{
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.audiooff.png) no-repeat;
  
  }
  
  .news .right{
      width: 800px;
      height: 472px;
      overflow: hidden;
      float: right;
      padding: 20px;
      background-color: #fff;
  }
  .news .right .news-ul{
      overflow: hidden;
  }
  .news .right .news-ul li{
      width: 242px;
      height: 195px;
      float: right;
      margin-top: 22px;
      margin-left: 32px;
  }
  .news .right .news-ul li:nth-child(3n){
      margin-left: 0px;
  }
  .news .right .news-ul li a{
      display: block;
  }
  .news .right .news-ul li .img{
      width: 240px;
      height: 135px;
  }
  .news .right .news-ul li .img img{
      width: 100%;
  }
  .news .right .news-ul li .title{
      font-size: 14px;
      height: 40px;
      margin: 10px 0;
      line-height: 20px;
      overflow: hidden;
      font-weight: 700;
  }
  .banner02{
      margin-top: 50px;
  }
  .friendly-exchange{
      overflow: hidden;
      margin-top: 50px;
  }
  .friendly-exchange .left{
      float: left;
      background-color: #fff;
      width: 530px;
      height: 360px;
      padding:20px 30px 30px;
  }
  .friendly-exchange .left .banner-a-img li{
      width: 530px;
      height: 300px;
  }
  .friendly-exchange .left .img{
      display: block;
      width: 530px;
      height: 300px;
      margin-top: 20px;
  }
  .friendly-exchange .left .img img{
      width: 530px;
      height: 300px;
  }
  .friendly-exchange .right{
      float: right;
      background-color: #fff;
      width: 530px;
      height: 360px;
      padding:20px 30px 30px;
  }
  .friendly-exchange .right .banner-a-img li{
      width: 530px;
      height: 300px;
  }
  .friendly-exchange .right .img{
      display: block;
      width: 530px;
      height: 300px;
      margin-top: 20px;
  }
  .friendly-exchange .right .img img{
      width: 530px;
      height: 300px;
  }
  .video{
      height: 620px;
      background-color: #fff;
      margin-top: 50px;
  }
  .video-w1200{
      height: 570px;
      padding: 20px 0 30px;
      background-color: #fff;
  }
  .video-title{
      overflow: hidden;
      margin-bottom: 20px;
  }
  .video-title .title{
      float: right;
      height: 30px;
      line-height: 30px;
      font-size: 26px;
      font-weight: 700;
      color: #333333;
      padding-right: 10px;
      border-right: 6px solid #000;
  }
  .video-title .subtitle{
      float: left;
  }
  .video-title .subtitle ul li{
      float: right;
      padding: 0 30px;
      border-left: 2px solid #8e8e8e;
      font-size: 20px;
      height: 20px;
      line-height: 20px;
      color: #8e8e8e;
      text-align: center;
      cursor: pointer;
      font-weight: 700;
  }
  .video-title .subtitle ul li:last-child{
      padding-left: 10px;
      border: none;
  }
  .video-content{
      overflow: hidden;
  }
  .video-item{
      overflow: hidden;
      display: none;
  }
  .video-item .left{
      width: 400px;
      float: left;
  }
  .video-item .left li{
      width: 400px;
      height: 120px;
      background-color: #f2f2f2;
      margin-bottom: 13px;
      cursor: pointer;
  }
  .video-item .left li:hover{
      background-color: #136fd5;
  }
  .video-item .left li:hover .title{
      color: #fff;
  }
  
  .video-item .left li .img{
      display: inline-block;
      vertical-align: top;
      padding: 10px;
      width: 177px;
      height: 100px;
      position: relative;
  }
  .video-item .left li .img .video-icon{
      width: 45px;
      height: 45px;
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.videoicon01.png) no-repeat;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
  .video-item .left li .img img{
      width: 100%;
      height: 100px;
  }
  .video-item .left li .title{
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      width: 178px;
      padding: 13px 10px 20px;
      height: 76px;
      line-height: 30px;
      overflow: hidden;
      font-weight: 700;
  }
  .video-item .right{
      width: 780px;
      height: 515px;
	  float:right;
  }
  .video-item .right .video-play{
      display: block;
      width: 780px;
      height: 440px;
  
      position: relative;
  }
  .video-item .right .video-play .list-icon{
      width: 88px;
      height: 88px;
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.videoicon02.png) no-repeat;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      cursor: pointer;
      z-index: 10;
  }
  .video-item .right .video-play .list-video{
      z-index: 9;
      position: absolute;
      width: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0;
  }
  .video-item .right .video-play .list-video video{
      width: 780px;
      height: 440px;
  }
  video:focus{
      outline: none;
  }
  .video-item .right .title{
      display: block;
      height: 58px;
      padding:5px 20px 10px 10px;
      font-size: 18px;
      line-height: 31px;
      background-color: #000;
      color: #fff;
      overflow: hidden;
      font-weight: 700;
  }
  .video-active{
      background-color: #136fd5!important;
  }
  .video-active .title{
      color: #fff!important;
  }
  .video-active-title{
      color: #136fd5!important;
  }
  /*video::-webkit-media-controls-play-button{
      display: none!important;
  }*/
  
  /**swiper**/
  
  .banner-a {
      position: relative;
  
  }
  
  .banner-a-img {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
  }
  
  .banner-a-img ul {
      width: 10000px;
  }
  
  .banner-a-img li {
      float: right;
      height: 100%;
	  width: 712px !important;
      position: relative;
  }
  
  .banner-a-img li a {
      display: block;
  }
  
  .banner-a-nav {
      position: absolute;
      bottom: 10px;
      left: 15px;
  }
  
  .banner-a-nav li {
      float: right;
      margin-left: 10px;
  }
  
  .banner-a-nav li span {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.4);
      cursor: pointer;
  }
  
  .banner-img .title{width:300px;overflow:hidden;}
  .banner-a-nav li .active {
      background: rgba(255, 255, 255, 1);
  }
  
  .banner-a-text {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 144px;
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.jianbian.png) repeat-x bottom left;
  }
  
  .banner-a-text a {
      font-size: 34px;
      color: #fff;
      padding: 30px;
      display: block;
      line-height: 46px;
  }
  
  .banner-a-page {
      display: none;
  }
  
  .banner-a-page a {
      display: block;
      position: absolute;
      top: 50%;
      width: 14px;
      height: 28px;
      margin-top: -14px;
      cursor: pointer;
      opacity: 0.6;
      filter: alpha(opacity=60);
      z-index: 99;
  }
  
  .banner-a-page a:hover {
      opacity: 1;
      filter: alpha(opacity=100);
  }
  
  .banner-a-page .btnLeft {
      left: 0px;
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.leftarrow.png) no-repeat center;
      padding: 0 10px;
  }
  
  .banner-a-page .btnRight {
      right: 0px;
      background: url(//p2crires.dlqfch.com/photoAlbum/cri/templet/common/DEPA1651025044188842/rBABCV-f0dqAD9g2AAAAAAAAAAA1780618.rightarrow.png) no-repeat center;
      padding: 0 10px;
  }
  
  /*  image and  swipe start */
  .news-swipe{
      height: 400px;
      margin-top: 44px;
  }
  .news-swipe .left{
      float: left;
      width: 480px;
      height: 400px;
  }
  .news-swipe .left ul{
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
  }
  .news-swipe .left ul li{
      float: right;
      width: 218px;
      padding: 8px;
      height: 174px;
      margin-left: 12px;
      background-color: #fff;
  }
  /*.news-swipe .left ul li:nth-child(2n){*/
  /*    margin-left: 0;*/
  /*}*/
  .news-swipe .left ul li:first-child{
      margin-bottom: 20px;
  }
  .news-swipe .left ul li:first-child+li{
      margin-bottom: 20px;
      margin-left: 0;
  }
  .news-swipe .left ul li:first-child+li+li+li{
      margin-left: 0;
  }
  .news-swipe .left ul li .img{
      display: block;
      width: 218px;
      height: 122px;
  }
  .news-swipe .left ul li .img img{
      width: 100%;
      height: 122px;
  }
  .news-swipe .left ul li .title{
      margin-top: 8px;
      display: -webkit-box;
      color:#505050;
      line-height: 22px;
      font-size: 14px;
      overflow: hidden;
      font-weight: 700;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }
  .news-swipe .left ul li a{
      display: -webkit-box;
      color:#505050;
      line-height: 22px;
      font-size: 14px;
      overflow: hidden;
      font-weight: 700;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }
  .news-swipe .right{
      float: right;
      width: 712px;
      height: 400px;
      background-color: #fff;
      position: relative;
  }
  .news-swipe .right li{
      position: relative;
  }
  .news-swipe .right li a{
      display: block;
  }
  .news-swipe .right li a img{
      width: 720px;
      height: 400px;
  }
  .news-swipe .right li .title{
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      height: 39px;
      font-size: 18px;
      font-weight: 700;
      width: 596px;
      padding: 5px 15px 30px 100px;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      line-height: 30px;
      overflow: hidden;
  }
  /*  image and  swipe end */
  
  /*  title and swipe  start*/
  .swipe-list{
      height: 400px;
      margin-top: 44px;
  }
  .swipe-list .left{
      float: left;
      width: 470px;
      height: 400px;
  }
  .swipe-list .left ul{
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
  }
  .swipe-list .left ul li{
      width: 470px;
      height: 60px;
      padding: 10px 0;
  }
  .swipe-list .left ul li .circle{
      display: inline-block;
      vertical-align: top;
      height: 60px;
      margin-left: 10px;
  
  }
  .swipe-list .left ul li .circle span{
      display: inline-block;
      width: 5px;
      height: 5px;
      background-color: #505050;
  }
  .swipe-list .left ul li .title{
      display: inline-block;
      vertical-align: top;
      width: 440px;
      height: 60px;
      color:#505050;
      line-height: 30px;
      font-size: 16px;
      overflow: hidden;
      font-weight: 700;
  }
  .swipe-list .right{
      float: right;
      width: 712px;
      height: 400px;
      background-color: #fff;
      position: relative;
  }
  .swipe-list .right li{
      position: relative;
  }
  .swipe-list .right li a{
      display: block;
  }
  .swipe-list .right li a img{
      width: 100%;
      height: 400px;
  }
  .swipe-list .right li .title{
      position: absolute;
      bottom: 3px;
      left: 0;
      display: block;
      height: 39px;
      font-size: 18px;
      font-weight: 700;
      width: 596px;
      padding: 5px 15px 30px 100px;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      line-height: 33px;
      overflow: hidden;
  }
  
  
  .ind01{
      background: #ffffff;
      padding: 20px;
  }
  .ind01 .img{
  margin-top:20px;width:530px;
  }
  .ind01 .img ul li{
    width:530px!important;height: 300px;
    }



/**移动端样式**/
@media screen and (max-width: 1024px) {
    .news-swipe{height: 9rem;margin-top: 0}
    .news-swipe .right{float: none;width: 100%;height: 100%;}
    .news-swipe .right li a img{width: 16rem;height: 9rem;}
    .column_wrapper {width: 100%;}
    .common-img1{padding: .43rem;margin-top: 1.13rem!important;}
    .common-title{height: 1.54rem;}
    .common-title .title{height: 1.28rem;line-height: 1.28rem;padding-right: .43rem;font-size: 1.11rem;font-weight: normal;}
    .common-img-ul1{margin-top: 1.02rem;display: flex;flex-flow: row wrap;justify-content: space-between;}
    .common-img-ul1::after{display: none;}
    .common-img-ul1 li{width: 7.36rem;margin-left: 0;}
    .common-img-ul1 li .img{width: 100%;height: 4.16rem;}
    .common-img-ul1 li .img img{width: 100%;height: 4.16rem;}
    .common-img-ul1 li .title{height: 2.85rem;padding: 0; margin: .21rem;font-size: .6rem;font-weight: normal;}
    .banner-a-img ul {width: auto;}
    .news-swipe .left {width: 100%;height: auto;}
    .news-swipe .left ul {padding: 0.43rem;}
    .news-swipe .left ul li {width: 7.36rem;margin-left: 0;height: auto;padding: 0;float: left;}
    .news-swipe .left ul li:nth-child(even) {float: right;}
    .news-swipe .left ul li .img {width: 100%;height: 4.16rem;}
    .news-swipe .left ul li .img img {width: 100%;height: 100%;}
    .news-swipe .left ul li .title {    height: 2.85rem;padding: 0;margin: 0.21rem;font-size: .6rem;font-weight: normal;;}
    .news-swipe .left ul li:first-child {margin: 0;}
    .news-swipe .left ul li:first-child+li {margin: 0;}
    .news-swipe .right li .title {width: 100%;box-sizing: border-box;padding: 0;font-size: .4rem;text-align: left;height: 2.2rem;line-height: 2.2rem;padding-left: .5rem;}
    .news {margin: 0;height: auto;}
    .news .left {width: 100%;}
    .news .left .top {width: 100%;padding: .8rem;box-sizing: border-box;}
    .news .left .top .img {width: 100%;height: auto;margin: 0;}
    .news .right {width: 100%;height: auto;padding: 0;padding: 0.43rem;box-sizing: border-box;}    
    .news .right .news-ul li {width: 7.36rem;margin-left: 0;height: auto;padding: 0;float: left;margin: 0;}
    .news .right .news-ul li:nth-child(even) {float: right;}
    .news .right .news-ul li .img {width: 100%;height: 4.16rem;}
    .news .right .news-ul li .img img {width: 100%;height: 100%;}
    .news .right .news-ul li .title {    height: 2.85rem;padding: 0;margin: 0.21rem;font-size: .6rem;font-weight: normal;line-height: 1.5;}
    .news .left .bottom .audio .content .audio-play .icon div {width: 2.2rem;height: 2.2rem;background-size: 100% 100%;}
    .news .left .bottom {width: 100%;margin:.6rem 0;padding: .43rem;box-sizing: border-box;}
    .news .left .bottom .audio .title {height: 1.2rem;line-height: 1.2rem;margin: .6rem 0 .3rem;font-size: .9rem;}
    .news .left .bottom .audio .content .audio-bar {width: 100%}
    .news .left .bottom .audio .content .audio-play {height: auto;margin-top: .6rem;}
    .persian2021_banner {margin: .4rem 0 ;}

    .video {width: 100%;height: auto;margin: 0;}
    .video-w1200 {width: 100%;height: auto;padding: 0;}
    .video-title {margin: 0;}
	.video-title .subtitle {float: right;}
    .video-title .subtitle ul li {border: none;padding: 0;float: right;font-size: .6rem;height: 1.68rem;line-height: 1.68rem;padding: 0 .5rem;}
    .video-title .subtitle ul li:last-child {padding: 0;}
    .video-title .title {display: none;}
    .video-item {display: flex;flex-flow: column-reverse;display: none;}
    .video-item:first-child{display: block;}
    .video-item .left {width: 100%;height: auto;float: none;}
    .video-item .right {width: 100%;height: auto;float: none;}
    .video-item .right .video-play {width: 100%;height: auto;min-height: 9rem;}
    .friendly-exchange {margin-top: .4rem !important;}
    .common-img1 {margin-top: .4rem !important;}

    .col_w590 {width: 100%;}
    .banner-img .title {width: 100%;}
    .col_w590.mid {width: 100%;}
    .ind01 {padding:.43rem;box-sizing: border-box;}
    .video-item .right .title {width: 100%;height: 3.2rem;padding: 0;padding: .5rem .7rem;box-sizing: border-box;line-height: 1.1rem;}
    .video-item .left li {width: 100%;display: flex;justify-content: center;align-items: center;padding: .43rem;box-sizing: border-box;height: 5rem;margin-bottom: .4rem;}
    .video-item .left li .title {float: left;padding: 0;width: 50%;font-size: .4rem;height: auto;line-height: 1.2rem;padding-right: .5rem;}
    .video-item .left li .img {float: right;padding: 0;width: 50%;height: 100%;}
    .video-item .left li .img img {width: 100%;height: 100%;}
    .video-item .left li .img .video-icon {width: 2.2rem;height: 2.2rem;}

    .ind01 .img {margin-top: .43rem;width: 100%;}
    .ind01 .img ul li{width: 100%!important;height: auto;}
    .ind01 .img ul li img{height: auto;}
    .ind01 .img ul li .title{font-size: .6rem;line-height:1rem;}
    .main {margin: 0;}
}