@charset "utf-8"; /*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 568px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  
}

@media only screen and (min-width : 800px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
  #w_menu_mobile{display:none;}
  .container{width: 1200px;padding:0;}
  .main-container {
  padding: 20px 10px;
  }
  .web-shadow{width: 1200px;margin:0 auto;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/-moz-box-shadow: 0 4px 5px 3px rgba(0,0,0,0.8);/*FF 3.5+*//* -webkit-box-shadow: 0 4px 5px 3px rgba(0,0,0,0.8); *//*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*//* box-shadow: 0 4px 5px 3px rgba(0,0,0,0.8); *//* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  
}
@media only screen and (max-width: 1100px) {
  
}
@media only screen and (max-width: 1023px) {
  .bn-img .logo {max-width: 30%;z-index: 23;}.bn-img .bn {position:relative;max-width:100%;}
  .app-figure {
  margin: 15px auto !important;
  }
  #main,#sidebar {
  
  float: none;
  width: 100%;
  }#wrapper_main {background:transparent}#banner_main {background-color: #0077d2;}
 #main_menu{display:none;}
  .bn-widget {
  display:none;}
}

@media only screen and (max-width: 767px) {
  .bn-img .logo {position: relative;height: auto;max-width: 30%;}
  .sb-item {overflow:hidden}select.soflow {margin:5px auto 10px;display: block;}
  .sb-item-title p {background-position:center 0 ;}
 .bn-img .bn {display:none;}
  
  .ft-right,.ft-bando,.ft-info{  width: 100%;
  float: none;
}#ft_container {background:#0069b8;padding-top: 20px;}
}

@media only screen and (max-width : 667px) {
  
}

@media only screen and (max-width: 670px) {
  
}

@media only screen and (max-width: 500px) {
 
}

@media only screen and (max-width : 479px) {
  .horizal-news .news-img {
  float: none;
  width: 100%;
  height: auto;
  margin-right: 0px;
}.news-box.horizal-news img{ height: auto;}.news-box .info{ float: none;
  width: 100%;}
  .pr-box {width:100%;}
  .idx-about h2 {margin-top:10px;font-size:1.5em; text-align:center;}
  .sb-hotline p span {
  font-size: 16px;
}
  
  .main-container {
  padding: 20px 15px;
  }
  .idx-about h2,.idx-about .desc {margin-left:0;}
  .idx-about img {
  width: 100%;
  float: none;
}
  .bn-img .logo {}
}