@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (max-width: 1300px) {
      .containe{
        margin-left: 10px;
        margin-right: 10px;
      } 
.tabCon .anomaly{width: 102%;}
.tabCon .anomaly li{width: 32% !important;margin-right: 1%;}
.tabCon .anomaly li:nth-child(6){display: block;}
.tab01 li {padding: 10px 0; width: 50%; font-size: 14px; line-height: 22px; flex: 1 1 160px;margin-top: 3px; }
.subCon{display: none !important;}
.tab03 li{flex: 1 1 85px; margin-right: 5px;margin-bottom: 5px;}
.caseUl{width: 100%;}
#honeorSlider {margin-right: 0; width: 67%;}
.gallery-thumbs02 {padding-top: 31px;height: auto !important;}
}
@media screen and (max-width: 1000px) {
     
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1300px) {
      
}

@media screen and (max-width: 979px) {
    .navLi {width: 13%;}
    .tarA{font-weight: 400;font-size: 14px;}
    #honeorSlider{width: 100%;margin-bottom: 41px;}

}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      
}
@media screen and (max-width: 767px) {
      .containe{padding:0;}
      
    #navbar .logo {max-width: 46%;}
      #footer {line-height: 1.5em;padding: 0 5%; font-size: 14px;}
      #navbar {line-height: 1em; height: auto;}
      #navbar .logo {margin-top: 5px; margin-bottom: 5px; }
      .mBtn{
        display: inline-block;
        float: right;
width: 10%;
margin-right:4%;
cursor: pointer;
margin-top:4px;
      }
      .mBtn img {
    max-width: 38px;
    max-height: 35px;
}
      #Nav{
    height: 0px;
    overflow: hidden;
    display: block;
    visibility: hidden;
    background-color: rgba(42, 42, 32, 0.81);
    box-shadow: 0px 2px 2px #000;
    transition: all .5s ease;
-webkit-transition: all .5s ease;
    /*margin-left: -1px; 下面的是为了解决外部containe有margin左右10px,导致手机下拉菜单不是通屏的  */   
    margin-left: -12px;
    margin-top: -3vw;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    padding-top: 80px;
z-index: -1;
}
#Nav.showH {
    height: 291px !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 2px;visibility: visible;
}
.navLi {
    display: block;
    width: 100%;
    margin-left: 0;
}
.navLi a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    transition: none;
    border-top: 1px solid #5f5f5f;
    color: #fcc800;
    background-image: none;
}
.tarA:hover,.tarA.act{background: none;}
.indAbout .w48,.indAbout .w49{width: 100%;}
.indAbout .w48{margin-right: 0;margin-bottom: 20px;}
.indNew li{margin-bottom: 1em;}
.tabCon .anomaly li{width: 49% !important;}
.titBar {padding: 20px 0 5px;}
.titBar h2 {font-size: 17px; line-height: 25px; }
.titBar p {font-size: 13px; padding: 0.8em 7%; }
.tab01{margin-bottom:20px;}
      .proindexUl li p {height: 37px; line-height: 37px; font-size: 13px;}
.proindexUl li {margin-bottom: 5px;}
.tab02 {margin-bottom: 20px; padding:0; }
.tab02 li {padding: 8px 0;width: 33%;flex: 1 1 100px;margin-top: 3px;margin-right: 3px;margin-left: 3px;}
.indAbout h3 {font-size: 16px;}
.indAbout .more {font-size: 12px; line-height: 25px; width: 81px; height: 25px;display: none;}
.indNew .big {width: 156px; height: 117px;}
.indAbout {margin-top: 20px; margin-bottom: 15px;}
#footer .cols{display: none;}
.fotP {text-align: left; color: #ccc; line-height: 1.5em; padding: 12px 0;font-size: 12px;}
.indSername{font-size: 13px;}
.indSername h4{padding-bottom: 0;}
.Rside{width: 100%;float: none;margin-left: 0;height: 1px;
    margin-bottom: 10px;
    overflow: hidden;}
.infoCon {margin-top: 20px; margin-bottom: 20px; }
.cateUl {margin: 12px 0;}
.breaker{margin-top: 0;margin-bottom: 9px;margin-right: 0;}
.cateUl{padding: 0 10px 10px;}
.cateUl li a{line-height: 2em;}
.Rside h2{height: 31px;line-height: 28px; text-indent: 0.7em;margin-top: 17px;}
.logoUl li{width: 33%;}
.otherCate li{width: 50%;}
.otherCate li a{font-size: 12px;line-height: 4em;
height: 2.5em;}
.breakdiv h2 {font-size: 15px;}
.infoCon {margin-top: 0;}
.newsList .big {float: none; width: auto;max-width: 100%;}
.newsList li{padding-top:13px !important;width: 50%;
padding-right: 0 !important;}
.newsList h3 {
    font-size: 13px;
    line-height: 1.5em;
margin: 5px 0;
}
.newsList.l3 .cateDiv{margin-top: 0;    height: 10em;}
.newsList.l3 .cateDiv a {
    line-height: 2em;
    font-size: 12px;
}
.newsList h4{font-size: 16px;}
.newsList p {
    margin: 0 7px 0 0;
    font-size: 13px;
}
.resList li{width:49%} 

.resList li h4{font-size: 15px;line-height: 43px;}
.resTop .big{float: none;width: 100%;margin-right: 0;}
.resTop h2 {padding-top: 0; margin-bottom: 6px; font-size: 16px; }
.proTop p{margin-top: 1em;line-height: 2em;}
.swiper-container.gallery-thumbs {margin-right:10px;}
.gallery-thumbs02{padding-top:15px;}
.tabcon04 p{line-height: 2em;}
#dituContent{margin-top: 15px !important;}
}
@media screen and (max-width: 639px) {
      /*#honeorSlider { width: 100%;height: 95vw;}*/
  .gallery-top {width:calc(100% - 110px) !important; box-shadow:none !important;}
  .gallery-top img {height: 95vw !important;}
}
     /* For smartphones */
@media screen and (max-width: 480px) {
      .indNew span.date{display: none;}
      .indSername{padding: 9px 10% 0;line-height: 1.5em;}
      .indSername p{height: 4.5em;
overflow: hidden;}
      .breakdiv .breaker{display: none;}
      #honeorSlider{height: 330px !important;overflow: hidden;}
      .gallery-thumbs .next {margin-top: 307px !important;}
}




@media screen and (max-width: 767px){
  body{    padding-top:50px;}
#navbar {
    margin-top: 0;
    border-radius: 0;
    margin: 0;    padding: 4px 0;
    background: #fff;
}
#Nav{padding-top: 62px;}
.flexslider{    padding: 10vw 0;}
.flex-viewport{    transform: scale(1.6,1.6);
    transform-origin: 50% 50%;}
    #navbar .logo {
    max-width:150px;
}
}