@media screen and (min-width: 320px) {
  html {
    font-size: 14px;
  }
}
/*iPhone6*/
@media screen and (min-width: 375px) {
  html {
    font-size: 16px;
  }
}
/*iPhone6Plus*/
@media screen and (min-width: 414px) {
  html {
    font-size: 18px;
  }
}

@media (max-width:640px){
  /* 首页 */
  .header{height:4.5rem;}
  .header .nav{display:none;}
  .header .logo{width:50%;height:4.5rem;line-height:4.5rem;}
  .header .drawer{display:block;width:40%;}
  .header .drawer .drawer-nav-title i{font-size:0.857rem;font-style:normal;}
  .qiehuan{padding:10px 15px 8px;}
  .qiehuan a.hover{color:#e82b3c;}

  .brand-story {padding: 25px 0px 25px;}
  .brand-story .text {float:none;width:100%;}
  .brand-story .text .tit span{font-size:1.8rem;}
  .brand-story .text .tit p{font-size:1.6rem;}
  .brand-story .text .desc{margin-top:15px;font-size:1rem;}
  .brand-story .text .desc p{margin: 10px 0px 15px;}
  .brand-story .text .more {margin-top:1.1rem;}
  .brand-story .video{float:none;width:100%;margin-top:1.2rem;}

  .product{width: 100%;background: url('../image/pro_03.png') no-repeat center top;padding:25px 0px 25px;}
  .product .w .title{display:none;}
  .product .mtit{display:block;}
  .product .mtit span{font-size:1.8rem;color: #000;}
  .product .mtit p{font-size:1.6rem;color: #000;}
  .product .tit{margin-top:15px;}
  .product #tab{width:100%;margin-top:-5px;}
  .product #tab li{width:92%;margin:0 4%;text-align:center;float:left;font-size:1.2rem;margin-top:5px;}
  .product #tab li.current {color:#e72132;border-bottom:2px solid #e72132;height:28px;}
  .product #content {margin-top:10px;}
  .scrollleft {height:230px;line-height:230px;}
  .scrollleft li{margin:22px 70px;display:inline;width:160px;text-align:center;line-height:19px;position:relative;overflow:hidden;float:left;padding:20px;border-radius:100%;border:1px solid #fff;cursor:pointer;transition: all 0.6s;}
  .scrollleft li:hover{transform: scale(1);}
  .scrollleft img{width:100%;border-radius:100%;}
  .product #content .pro .dwsc{margin-top:15px;width:100%;font-size:1rem;}
  .product #content .pro .more {margin-top:20px;}

  .article {padding: 25px 0px;}
  .article .tit span {font-size:1.8rem;}
  .article .tit p{font-size:1.6rem;}
  .article .con {margin-top:20px;}
  .article .con .img{width:100%;float:none;}
  .article .con .text{width:100%;float:none;margin-top:15px;display: inline-block;}
  .article .con .text span{font-size:1.2rem;}
  .article .con .text p{margin-top:10px;font-size:1rem;padding-bottom:20px;}
  .new{display:none;margin-top:20px;}
  .new .new-con{width:100%;float:none;}
  .new .new-nav{display:none;}
  .new .mnew-nav{width:100%;float:none;display:block;}
  .new #tabnew li{color:#fff;height:35px;line-height:35px;text-align:center;font-size:1.2rem;float:left;width:29.3%;margin:0 2%;}
  .new #tabnew li:nth-child(2){display:none;}
  .new #tabnew li:nth-child(3){display:none;}
  .new #tabnew li.currentnew{border-bottom:3px solid #bbb;}
  .new #contentnew{margin-top:15px;display:inline-block;}
  .new #contentnew ul li{padding:5px 0;font-size:1rem;}
  .new #contentnew ul li a span{width:70%;}
  .new #contentnew ul li:nth-last-child(1){margin-top:10px;padding-top:5px;}
  .new #contentnew ul li:hover{border-bottom:none;}

  footer{padding:15px 0px 0px;}
  .foot .nav{float:none;width:100%;display:inline-block;}
  .foot .nav>ul li{float:left;position:relative;width:48%;text-align:center;margin:15px 1% 0px;}
  .foot .nav>ul>li:nth-child(1){width:48%;}
  .foot .nav>ul>li:nth-child(2){width:48%;}
  .foot .nav>ul>li:nth-child(3){width:48%;}
  .foot .nav>ul li:nth-last-child(1){display:none;}
  .foot .nav>ul li a{display:inline-block;width:100%;color:#fefefe;font-size:1.2rem;}
  .foot .nav>ul>li>ul{display:none;}
  .foot .ewm{float:none;width:80%;margin-top:15px;}
  .foot .ewm .up li:nth-child(1){float:left;text-align:center;width:30%;}
  .foot .ewm .up li:nth-child(2){float:right;text-align:center;width:30%;}
  .foot .ewm .down{margin:20px 0 10px;}
  .copyright{padding:10px 0px;font-size:1rem;line-height:26px;}

  .banner span {top: 30%;font-size:1.2rem;width:100%;left:50%;margin-left:-50%;}
  .banner span i{display:none;}
  .banner p {background: url('../image/jtx.png')no-repeat center center;width: 18px;height: 18px;top:55%;margin-left:-9px;}
  @-webkit-keyframes arrow{
    from {top:55%;}
    to {top:65%;}
  }

  .pages {padding-bottom:30px;}
  .mbxnav {display:none;height: 30px;line-height: 30px;}
  .mbxnav .con{display:none;padding-left:20px;font-size:0.85rem;}
  .navleft{display:none;}
  .navleftsj {display:block;float: none;width:100%;margin-top:10px;display:inline-block;}
  .pages .pagescon .tit {margin-top:15px;}
  .navleftsj .tit{display:none;}
  .pages .pagescon {width:100%;float:none;margin-top:15px;}
  .navleftsj .con li a {float:left;width:99%;padding-left:0;height:35px;line-height:35px;font-size:1.1rem;text-align:center;background:#ececec;border-left:1px solid #f5f5f5;border-top:1px solid #f5f5f5;}
  .navleftsj .con li a i{display:none;}
  .navleftsj .con li:hover a, .navleft .con li.hover a{background:#fff;width:99%;padding:0;}
  .navleftsj .con li:hover a span, .navleft .con li.hover a span {display:none;}
  .pages .pagescon .tit{display:inline-block;width: 100%;}
  .pages .pagescon .tit span {display: inline-block;font-size:1.3rem;}
  .pages .pagescon .tit i {margin-top:0px;padding-bottom:5px;font-size:1.1rem;}
  .pages .pagescon .con {margin-top:15px;font-size:1rem;line-height:26px;}
  .pages .pagescon .con .qywh {margin-top:-15px;}

  .pages .pagescon .con > .qcyl .img {top: -25px;}
  .pages .pagescon .con > .qcyl .text {width:90%;float:none;padding:30px 5% 25px;margin-top:50px;}
  .pages .pagescon .con > .qcyl .text .uli {margin-top:20px;}
  .pages .pagescon .con > .qcyl .text .hxzl{margin-top:20px;}
  .pages .pagescon .con > .qcyl .text .hxzl p{font-size:1rem;line-height:26px;}
  .pages .pagescon .con > .qcyl .text .uli li {width: 50%;margin-top:5px;}
  .pages .pagescon .con > .qcyl .text .uli li p {margin-top:5px;font-size:1rem;}

  .pages .pagescon .con .qywh .item01{margin-top:20px;}
  .pages .pagescon .con .qywh .item01 .img {float:none;width:100%;}
  .pages .pagescon .con .qywh .item01 .text {float: none;padding:15px 5%;width:90%;}
  .pages .pagescon .con .qywh .item02 .img{display:none;}
  .pages .pagescon .con .qywh .item02 .imgs{display:block;width:100%;}
  .pages .pagescon .con .qywh .item02 .text p, .pages .pagescon .con .qywh .item03 .text p {margin-top:10px;line-height:28px;}
  .pages .pagescon .con .qywh .item01 .text p {font-size:1rem;}

  .ppnh .item01 {float:none;width:100%;margin-top:20px;}
  .ppnh .item01 .down {width: 90%;padding:10px 5%;height:auto;}
  .ppnh .item01 .down p, .ppnh .item03 .down p {margin-top:15px;font-size:1rem;}
  .ppnh .item03 {margin-top:20px;}
  .ppnh .item03 .up {float:none;width:100%;}
  .ppnh .item03 .up i {display: inline-block;width: 32px;height: 16px;background: url('../image/sjiao_03.png')no-repeat center center;position: absolute;bottom: 0;left: 50%;margin-left: -16px;top:96%;}
  .ppnh .item03 .down {float:none;width: 90%;padding:15px 5%;height:auto;}

  .articlecon .item01{padding:15px 0px;}
  .articlecon .item01 .img{float:none;width:100%;}
  .articlecon .item01 .text {float:none;width:100%;height:auto;margin-top:10px;}
  .articlecon .item01 .text a {font-size:1.1rem;}
  .articlecon .item01 .text p {margin-top:10px;font-size:0.9rem;padding-bottom:20px;}

  .pages .pagescon .con > .prolist ul li{width:46%;margin:30px 2% 0px;}
  .proviewcon .proviewl {float:none;width:100%;}
  .proviewcon .proviewr {float:none;width:100%;}

  .pages .pagescon .con > .gqys .gqys1 .img{float:none; width:100%;}
  .pages .pagescon .con > .gqys .gqys1 .imgs{display:block;width:100%;}
  .pages .pagescon .con > .gqys .gqys2 .img{display:none;}
  .pages .pagescon .con > .gqys .gqys1 .text{float:none;width:100%;padding:10px 0px;}
  .pages .pagescon .con > .gqys .gqys1 .text .tit span{font-size:1.2rem;}
  .pages .pagescon .con > .gqys .gqys1 .text .tit a{font-size:1rem;}
  .pages .pagescon .con > .gqys .gqys1 .text ul li {font-size:1rem;margin-top:5px;}

  .pages .pagescon .con > .gnqd .gnqd1 .img {float:none;width: 80%;margin-left:5%;}
  .pages .pagescon .con > .gnqd .gnqd1 .text{float:none;width: 100%;margin-top:15px;}
  .pages .pagescon .con > .gnqd .gnqd1 .text {width:90%;}
  .pages .pagescon .con>.gnqd .gnqd2 .img{display:none;}
  .pages .pagescon .con>.gnqd .gnqd2 .imgs{display:block;width: 80%;margin-left:5%;}

  .viewcon .viewtit{font-size:1.2rem;}
  .viewcon .viewsource span{font-size:0.85rem;padding-left:10px;margin:0 2px;}
  .viewcon .updown p{font-size:1rem;line-height:20px;margin:10px 0px;}









  /* 分页 */
  .paging{margin:20px auto 0px;min-height:25px;}
  .paging a{padding:3px 7px;margin:0px 1px;}
  .paging span{padding:3px 7px;margin:0px 1px;}
  .paging span.rows{display:none;}
  .paging a.next{margin:0px;margin:0px 1px;}
  .paging a.prev{margin:0px;margin:0px 1px;}

}