html {
      scroll-behavior: smooth;
    }
a,button{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none;}
h2{margin: 0px; padding: 0px;}
header{}
.top_menu{font-size: 12px; width: 100%;  height: 34px; background-color: #fdfdfd;color: #666666; border-bottom: 1px solid #f1f1f1;}
.top_lang{float: right;height: 34px; padding: 6px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:10px;}

/*导航菜单*/
.navbar{margin:0px; background-color:rgba(0, 0, 0, 0.1); 
  border: none;position: fixed;left: 0;top: 0;width: 100%;color: #fff;line-height: 100px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width:100%;
}
.pc-logo{width: 200px;margin-left:20px}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #198CFF;}

/*产品搜索*/
.search_group{float: right; margin:44px 0px 0px 0px;}
.search_group input.form-control{ border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding: 12px 10px;height: 38px;  border-right: none;}
#submit_search{color:#fff;font-size: 16px; height: 38px; background-color:#0d74b7; border-radius: 0px; margin-top: -1px;}
#submit_search:hover{cursor: pointer; background-color: #ff9900;}
#small_search{color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #ff9900;}

/*大屏幕*/
@media screen and (min-width: 769px) {
       header{}
      .logo{margin: 35px 0px 15px 0px; max-width: 700px;}
      .navbar{ min-height:60px;width: 100%;font-size: 16px;}
      .navbar-nav{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
      .navbar:hover {background-color: #fff;}
      .navbar:hover .navbar-nav > li > a{color: #198CFF;}
      .navbar-default .navbar-nav > li > a{color: #fff;padding:0;line-height: 100px;}

      .navbar-fixed-top{margin-top:0px;}
      
      .navbar-brand{display: none;}
      .nav_small{ background-color: #fff; border-radius: 0px; border: none; -webkit-box-shadow: none; box-shadow: none;font-size: 16px;color: #333;}
      .nav_small > li > a{line-height:40px;text-align: center;}
      .nav_small > li > a:hover{ background-color: #D8EAFA;}
      .dropdown-menu{padding: 0;border-top: 1px solid #f8f8f8;}

       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
      .index_about {width: 600px;}
      .media-news-list-box{
        width:32.5%;   
      }
      .container_nav{
        margin: 0 ;
      }
      .news-left{
        height:1325px;
      }
      .dropdown-menu{
        left:-50%;
      }
      .link-icon{
        -webkit-box-pack:end;
           -moz-box-pack:end;
            -ms-flex-pack:end;
                justify-content:flex-end;
      }
      .link-icon-list{
        padding:0;
        margin-left:30px;
     }
     .navbar:after{
      display:none;
      content::'';
     }
    
}

/*小屏幕*/
@media screen and (max-width: 768px) {
      .swiper-header{height:35vh !important;}
      .logo{display: block; margin: 0 auto; max-width:310px;margin-top:25px;margin-bottom:25px;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #0d74b7;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #198CFF;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;background-color:rgba(0, 0, 0, 0.5);}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #198CFF; color: #fff;}

      .top_name{display: none;}
      .search_group{margin: 5px 0px 20px 0px;}
      #topsearch{display: none;}
      .top_menu{display: none;}

      .media-news-list-box{
         
        width:100%;
          
      }
      .pc-logo{
        display: none;
      }
      .navbar{
        display: block;
      }
      .news-left{
        height:auto;
      }
  
       .link-icon-list{
        padding:0;
        margin-right:30px;
     }
     .f-top-box-list{
      width:30%;
     }

     .video-scroll{
       opacity:0 !important;
     }

    .gallery-thumbs{
      display:none;
    }
    .gallery-app-thumbs{
      display:block;
    }
    .business-box-left{
      height:140px !important;
      overflow:scroll !important;
      margin-bottom:10px;
      margin-top:-40px;

    }
    .business-box-left .swiper-wrapper{
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
           -moz-transform: translate3d(0px, 0px, 0px) !important;
                transform: translate3d(0px, 0px, 0px) !important; 
    }
    .business-box-left .swiper-slide{
        width:250px !important;
    }

    .business-box-right,.slide-business-box{
        height:450px !important;
    }


    .business-box-right .slide-business-box {
        padding:40px !important;
    }



    .group-news-box{
       height:240px !important;
     }

     .live-box-list{
        height:400px !important;
     }
     .live-box-list .live-btn{
       margin-top:140px !important;
     }

     .nav-icon{
        display:none !important;
     }

     .qrcode-box{
      opacity:0 !important;
     }
   
}


/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
}



.footer{ background-color: #333; color:#fff;}
.f-top-box{
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-bottom: 10px;
      padding-top:20px;
      border-top:1px solid #686868;
   }
   .f-top-list-title{
      font-size: 20px;
      padding-bottom: 20px;
   }
   
  .f-top-box-list li{
      line-height: 26px;
      padding-bottom: 8px;
      font-size: 14px;
      color:#818080;

   }
   .f-copyright{
      width: 100%;
      color: #fff;
      word-wrap: break-word;
      word-break: keep-all;
      text-align: center;
      background-color: #000;
      line-height: 60px;
   }
   .link{
      line-height:60px;
      font-size:16px;
      position:relative;
   }
   .link-icon{
      height:60px;
      display:-webkit-box;
      display:-moz-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
         -moz-box-align:center;
          -ms-flex-align:center;
              align-items:center;
      -ms-flex-line-pack:center;
          align-content:center;
   }
 
   .link-icon img{
     width:20px;
     height:20px;
   }