/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
  .menuBtn{
    display: block;
  }
  .wp{
    width: 96%;
  }
  .header{

  }
  body{
    padding: 50px 0 0;
  }
  .logo{
    max-width: 150px;
    line-height: 50px;
  }
  .nav{
    display: none;
    position: fixed;
    top: 50px;
    float: none;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 100;
  }
  .nav li{
    float: none;
  }
  .nav li a{
    padding: 0 15px;
    line-height: 50px;
    text-align: center;
  }
  .banner-txt .title{
    font-size: 42px;
    margin-bottom: 16px;
  }
  .banner-txt .desc{
    font-size: 16px;
  }
  .bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-arrow-left-0,
  .bannerPc .banner-html5zoo .html5zoo-wrapper-0 .html5zoo-arrow-right-0{
    display: none !important;
  }
  .index-row1 .txt{
    float: none;
    width: auto;
    margin-bottom: 30px;
  }
  .index-row1 .pic{
    float: none;
    margin: 0 auto;
  }
  .index-row1 .txt .desc{
    margin-bottom: 30px;
  }
  .btn-more{
    margin: 0 auto;
  }
  .index-row1{
    padding: 50px 0;
  }
  .z-box1{
    display: block;
  }
  .ul-list3{
    width: auto;
  }
  .z-pic{
    margin: 0 auto;
  }
  .z-box2{
    margin-top: 20px;
  }
  .z-tab1 li{
    width: 33.33%;
    margin-bottom: 15px;
  }
  .contact-list{
    margin: 0 -10px;
  }
  .contact-list .inner{
    margin: 0 10px;
  }
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
  .z-box1{
    margin-top: 30px;
  }
  .news-list{
    margin-bottom: 20px;
  }
  .wp{
    width: auto;
    padding: 0 15px;
  }
  .index-row6{
    height: auto;
    padding: 50px 0;
  }
  .index-row2 .title1{
    font-size: 22px;
    margin-bottom: 10px;
  }
  .index-row2 .title2{
    font-size: 15px;
    margin-bottom: 16px;
  }
  .index-row2 .title3{
    font-size: 20px;
  }
  .index-row8{
    height: auto;
  }
  .index-row2{
    padding: 50px 15px;
  }
  .news-list li{
    float: none;
    width: auto;
  }
  .ul-list1 li{
    width: 50%;
    margin-bottom: 20px;
  }
  .g-tit1 .desc{
    padding: 0;
  }
  .index-row5,
  .index-row7,
  .index-row3,
  .index-row9{
    padding: 50px 0;
  }
  .fd-top{
    display: block;
  }
  .fd-logo{
    width: 100px;
    margin: 0 auto;
  }
  .qr img{
    margin: 20px auto 8px;
  }
  .fd-bot{
    font-size: 14px;
    padding: 20px 0;
  }
  .fd-bot span{
    display: block;
    text-align: center;
  }
  .news-list .date-box{
    margin-right: 10px;
  }
  .news-list .txt .tit{
    font-size: 18px;
  }
  .ul-list1{
    margin-bottom: 20px;
  }
  .contact-list li{
    width: 50%;
    margin-bottom: 20px;
  }
  .form-message{
    width: auto;
  }

  .nav li dl dd > a:hover {background: 0 0}
  .nav li.level > a {background: url(../images/n-ico1.png) right 10px center no-repeat}
  .nav li.open.level > a {background: url(../images/n-ico2.png) right 10px center no-repeat}
  .nav li dl, .nav li dd .three-level {position: static; width: auto;}
  .c-menu{position: static; margin-bottom: 30px;}
  .inner-page .wp {display: block}
  .inner-page .inner-side .title{left:-11px;width:calc(100% + 11px);right:0;top:0;height:60px}
  .inner-page .inner-side .title h3{bottom:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
  .inner-page .inner-side{padding-top:60px;margin-top:30px;border-bottom:1px solid rgba(220,220,220,.44)}
  .search1 .inp{width: 60%; padding-left: 10px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
  .g-tit1 .tit{
    font-size: 24px;
  }
  .g-tit1 .h1{
    font-size: 22px;
  }
  .g-tit1 .sharebox span{float:none;display:inline-block}
  .bdshare-button-style0-32 a {float:none;width:auto;text-align:center}
  .g-tit1 .sharebox,.g-tit1 .gtit .con{float:none;width:auto;text-align:center}
  .g-tit1 .desc2{
    font-size: 14px;
  }
  .news-tab li{
    margin: 0 3px;
  }
  .news-tab li a{
    width: auto;
    padding: 0 20px;
  }
  .news-list .date-box{
    float: none;
    margin: 0 0 10px;
    height: 70px;
    padding: 10px 0 0 0;
  }
  .news-list .date-box .date{
    font-size: 24px;
  }
  .news-list .date-box .month{
    font-size: 14px;
  }
  .banner-txt{
    top: 20%;
  }
  .banner-txt .title{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .banner-txt .desc{
    font-size: 13px;
  }
  .index-row1 .txt .title{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .index-row1 .pic{
    width: auto;
  }
  .ul-list2{
    margin: 0 -5px;
  }
  .ul-list2 li{
    width: 50%;
  }
  .ul-list2 .inner{
    margin: 0 5px 20px;
  }
  .ul-list2 .pic{
    margin-bottom: 12px;
  }
  .ul-list2 p{
    font-size: 14px;
  }
  .ul-list3 li{
    margin-bottom: 20px;
  }
  .ul-list3 .tit{
    font-size: 18px;
    margin-bottom: 5px;
  }
  .z-pic{
    zoom: 0.5;
  }
  .z-tab1 li{
    width: 50%;
  }
  .z-list6{
    margin: 0 auto 20px;
  }
  .z-list6 li{
    float: none;
    width: auto;
  }
  .z-list6 li a{
    margin: 0 auto 20px;
  }
  .contact-list li{
    float: none;
    width: auto;
  }
  .contact-list .inner{
    height: 200px;
    padding: 10px 0 0;
  }
  .contact-list .icon{
    margin-bottom: 10px;
  }
  .contact-list .tit{
    margin-bottom: 6px;
  }
  #allmap{
    height: 300px;
    margin: 0 -15px;
  }
  #showPanelBtn{
    width: 8px !important;
  }

  .inner-page .inner-side .title h3{font-size:18px}
  .inner-page .inner-side .title{height:40px}
  .inner-page .inner-side{padding-top:40px}
  .inner-page .inner-side .list{padding-top:10px}
  .inner-page .inner-side .list .item a{font-size:14px}
}