﻿

@media screen and (max-width:768px){
  .container{position: relative;width:auto;padding-left:10px !important;padding-right:10px !important;}
  .notice_wheel{}
  .head_lis .text_title,.side,.motto{display: none;}
  .allWidth{width: auto; padding: 0 10px;}
  .head_right{width:100%;padding:0 10px;}
  .top_head{margin-bottom: 18px; padding: 0 10px;height: 80px;line-height: 80px;position: fixed;top:34px;left:0;z-index: 2000;}
  .head_lis{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
  .search input{width:230px;}

  
  
  .logoBox{position: relative;}
  .logoBox a{width: 60%;}
  .logoBox a img{width: 88%;}
  .office{color:#fff;font-size: 14px;line-height: 75px;margin-left: 0px}
  .office span{width: 2px;height:25px;margin-right: 10px;}
  .search{float: none; width: 100%;}
  .search button{float: none; margin-left: -3px;}
    
    
    
  
  
  .nav_btn{width: 44px; height: 34px; position: absolute; z-index: 2000; right: 0; top: 34px;}
  .nav_btn>li{background: #fff; width: 22px; height: 2px; border-radius: 1px; margin: 0px auto; margin-bottom: 4px; transition: all 0.3s ease-in-out;}
  .nav_btns>li:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
  }
  .nav_btns>li:nth-child(2) {display: none;}
  .nav_btns>li:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  
  .nav{position: fixed !important; z-index: 1000; left:100%; top: 0; height: 100%; padding-top: 114px; overflow-y: auto; transition: all 0.3s ease-in-out;background: rgba(41, 120, 159, .9);}
  .nav_hide{-webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); transform: translateX(0px); left:0;}
  .navbar_ul>li a.action{background:none; height: 60px; line-height: 60px;}
  .navbar_ul>li{width: 95%; padding: 0 20px; margin: 0 10px; line-height: 60px; border-bottom: 1px solid #ccc;}
  .navbar_ul>li>a{width: 95%; text-align: left; float:left;}
  .navbar_ul>li .add_select{display:block;width:13px;height:13px;background:url(../images/e2e08a942160390d.png)no-repeat center center;margin-top: 24px;}
  .navbar_ul>li .add{background:url(../images/e3b0bad49c11ad56.png)no-repeat center center;}
  .navbar_ul li .menu{position: relative;top:0;background:transparent;}
  .navbar_ul>li:hover a, .navbar_ul>li.normal{background: transparent;}
  .navbar_ul li.normal>a, .navbar_ul li>a:hover{background: transparent;border:none;}
  .navbar_ul li ul li{width: 100%; padding-left: 20px;}
  .navbar_ul li ul li a{border:none;border-bottom: 1px solid #ccc;color:#fff !important;}
  
  .banner .prev img{width:27px;height:auto;}
  .banner .next img{width:27px;height:auto;}
  .tab_info,.news_tabs,.notice_tabs,.news_info,.news_show,.message_tabs{width: 100%; height: auto;}
  .one_floor{height: auto;}
  .news_tabs .news_info{width: 100%;}
  .news_tabs .slideBox{width: 100%; height: auto;}
  .news_tabs .slideBox .bd li{position: relative; width: 100%; height:auto;}
  .news_tabs .slideBox .bd li img{width: 100%;height:auto;}
  .slide_title p{width:70%;}
  .notice_tabs{margin-top: 20px;}
  .martop{margin-top: 20px;}
  .other_li a{width: 73%;}
  .maTop img{width: 100%;}
  .four_floor{margin-bottom:10px;}
  .five_floor{padding: 0 10px;}
  .bmfc_con ul li{width: 100%;}
  .bmfc_con ul li p img{width: 100%;}
  .bmfc_con ul li p:nth-child(1){margin:auto;}
  .bmfc_con ul li p:nth-child(2) {margin: 20px 0;}
  .foot_con{padding-left: 10px;padding-right: 10px; padding-top: 15px;}


  
.page_con{padding-top:10px; background:#fff;}
.page_con .allWidth{min-height:300px;}
.left_page,.right_page .address .add_title{display:none;}
.right_page{width:100%;float:none;padding:0px 15px;}
.right_page .address .local{float:left;}
.page_list li{width:100%;padding:0 0;font-size:14px;}
.page_list li a{width:75%;}
}
  
  @media screen and (min-width:1200px){
    .navbar_ul>li:hover .menu{
      display:block;
    }
  }

