*{
    margin: 0;
    padding: 0;
  }
  a{
    color: #333333;
    text-decoration: none;
  }
  ul,li{
    list-style-type: none;
  }
  img{
    width:100%;
  }
  .flex{
    display: flex;
  }
  .justify-between{
    justify-content: space-between;
  }
  .flex-nowrap{
    flex-wrap: nowrap;
  }
  body{
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }
  header{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    /* overflow: hidden; */
    background: rgb(65, 64, 62);
    z-index: 999;
  }
  header .top-bar{
    width: 100%;
    height: 6rem;
    justify-content: space-between;
    align-items: center;
  }
  #head-logo{
    width: 40%;
  }
  .nav-menu .menu-list{
    display: flex;
  }
  .search{
    display: flex;
    width: 45%;
    overflow: hidden;
    border-radius: 2.5rem;
    background: #ffffff;
  }
  .search .search-context{
    box-sizing: border-box;
    padding: 0 1rem;
    width: 80%;
    /* height: 2.5rem; */
    color: #333333;
    border: none;
    outline: none;
  }
  .search .search-btn{
    width: 20%;
    background: #ffffff;
    overflow: hidden;
  }
  .search .search-btn img{
    display:block;
    margin: 0 auto;
    width: 50%;
    padding: 0.2rem;
  }
  .menu{
    position: relative;
    width: 10%;
  }
  .menu #menu-btn {
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    text-align: center;
  
  }
  .menu #menu-btn img{
    width: 80%;
  }
  header #menu-nav {
    display: none;
    position: absolute;
    top: 6rem;
    right: 0;
    width:100%;
    background: rgba(0, 0, 0, 0.9);
    animation: all 5s;
  }
  header #menu-nav .menu-list .menu-item a{
    display: block;
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
    line-height: 6rem;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  header #menu-nav .menu-list .menu-item:last-child a{
    border-bottom: none;
  }
  
  
  /***  底部 ***/
  .footer-contant{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    width: 100%;
    /* height: 20rem; */
    overflow: hidden;
    background-size: 100%;
    background: url(../images/footer-bg.jpg) no-repeat ;
    background-size: 100% 100%;
  }
  .footer-contant .footer-left{
    width: 80%;
  }
  .footer-contant .footer-left .footer-logo{
    width: 80%;
    
  }
  
  .footer-contant .footer-left .footer-logo img{
    width: 60%;
    border-bottom: 1px solid #ffffff;
  }
  .footer-contant .footer-left p{
    font-size: 0.8rem;
    color: #ffffff;
    line-height: 2.5rem;
  }
  .footer-contant .footer-right{
    width: 18%;
    color: #ffffff;
  }
  
  
  /** 首页内容 **/
  main{
    margin: 2rem 0;
    padding: 0 0.5rem;
  }
  .service-contant .sub-item{
    overflow: hidden;
    width: 32.5%;
  }
  .service-contant .sub-item .sub-top{
    position: relative;
  }
  .service-contant .sub-item .item-contant{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 95%;
    color: #ffffff;
  }
  .service-contant .sub-item .item-contant a{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0.5rem;
    text-align: center;
    width: 60%;
    background-image: linear-gradient(-50deg,#d6b05d, #fcf9c0, #d6b05d);
    font-size: 1.1rem;
  }
  .service-contant .sub-item .item-contant a img{
    width: 20%;
  }
  .sub-item .sub-title {
    position: relative;
    margin-top: 0.2rem;
    padding-left: 0.4rem;
    width: 100%;
    height: auto;
    font-size: 1.2rem;
    color: #000000;
  }
  .sub-item .sub-title::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.2rem;
    height: 100%;
    background: #2f91ff;
  }
  /**  banner **/
  
  .banner-wrap{
    width: 600%;
    display: flex;
  }
  .banner-box{
    width: 100%;
    overflow: hidden;
  }
  .banner-item{
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }
  /** 视频 **/
  .video-box{
    background-color: #f6f6f6;
  }
  .video-box video{
    width: 90%;
    display: block;
    margin: 0 auto;
    box-shadow: 0px 1px 18px #888888;
  }
  
  /**相关资讯**/
  .about-news{
    margin-top: 3.5rem;
    width: 100%;
  }
  .common-title{
    text-align: center;
  }
  .common-title h3{
    font-size: 1.6rem;
    line-height: 1.2rem;
  }
  .common-title span{
    position: relative;
    font-size: 1.2rem;
  }
  .common-title span::before{
    content: "";
    display: block;
    position: absolute;
    bottom:-5px;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
    height: 3px;
    background: #2f91ff;
  }
  .news-contant{
    /* display: flex;
    justify-content: space-between; */
    margin-top: 2rem;
  }
  .news-contant .news-img{
    width: 100%;
    background: #e3e3e3;
    margin: 1.5rem auto;
  }
  .news-contant .news-img img{
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .about-news .news-list{
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
  }
  .about-news .news-list .news-list-item{
    border-bottom: 1px dashed #666666;
    position: relative;
  }
  .about-news .news-list .news-list-item a{
    display: block;
    width: 80%;
    font-size: 1.4rem;
    line-height: 3.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .about-news .news-list .news-list-item::before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.7rem;
    height: 100%;
    background: url(../images/newmore.png) no-repeat center;
    background-size: 50%;
  }
  #more-new {
    width: 100%;
    text-align: center;
  }
  #more-new a{
    width: 100%;
    line-height: 3rem;
  }
  /** 品牌故事 **/
  .common-title{
    margin-bottom: 1.5rem;
    width: 100%;
    text-align: center;
  }
  .common-title p{
    font-size: 1.2rem;
    color: #888888;
  }
  .common-title h3{
    padding-bottom:0.5rem ;
    position: relative;
    font-size: 1.8rem;
    line-height: 3.5rem;
  }
  /* .common-title h3::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: 0.4rem;
    background: #d6b05d;
  } */
  .brand-story .brand-contant{
    margin: 0 0.9rem;
    margin-bottom: 1.5rem;
  }
  .brand-story .brand-contant .brand-left{
    width: 40%;
  }
  .brand-story .brand-contant .brand-right{
    width:56%;
  }
  .brand-story .brand-contant .brand-right p{
    margin-bottom: 1.8rem;
    font-size: 0.9rem;
  }
  .brand-story .brand-contant .brand-right .brand-img{
    width: 15%;
  }
  .brand-story .brand-contant .brand-right .brand-img img{
    margin-right: 1rem;
  }
  /** 荣获殊奖 **/
  .prize{
    padding: 1rem 0.9rem;
    background: url(../images/bl_bg.png) repeat;
  }
  .prize .prize-contant .price-list p{
    font-size: 0.7rem;  
    line-height: 2rem;
  }
  .prize .prize-contant  .price-img {
    margin-top: 2rem;
  }
  /** 尖端技术 **/
  .technology-contant .technology-left{ 
    width: 55%;
  }
  .technology-contant .technology-right{ 
    width: 43%;
  }
  .technology-contant .technology-right p{
    margin-bottom: 1.8rem;
    font-size: 0.9rem;
    line-height: 2rem;
    text-indent: 2em;
  } 
  .technology-contant .brand-img{
    width: 20%;
  }
  .technology-contant .brand-img img{
    margin-right: 0.5rem;
  }
  .prize-technology{
    margin-top: 1.5rem;
    background: url(../images/tech_bg.jpg) repeat;
  }
  .prize-technology .prize-title p,
  .prize-technology .prize-title h3{
    color: #ffffff;
  }
  /**  产品介绍 **/
  .product{
    width: 100%;
    margin: 0 auto;
  }
  .nav-link{
    width: 95%;
    margin: 0 auto;
  }
  .product-list{
    margin-top: 1rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .product-list .product-item{
    margin-bottom: 1rem;
    width: 45%;
    text-align: center;
    border: 1px solid #ededed;
  }
  .product-list .product-item .p-name{
    font-size: 1.4rem;
    color: #1a1a1a;
    line-height: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:2; 
  }
  .product-list .product-item .p-price{
    font-size: 1.2rem;
    color: #4c4c4c;
    line-height: 2.4rem;
  }
  .product-list .product-item .p-descript{
    color: #999999;
  }
  .product-list .product-item .more{
    display: block;
    margin: 1rem auto;
    width: 50%;
    color: #ffffff;
    line-height: 2rem;
    text-align: center;
    background: #2f91ff;
    border-radius: 5px;
  }
  
  /*** 咨询详情 ***/
  .news-details{
    width: 95%;
    margin: 6rem auto;
  }
  .news-details h3{
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    color: #333333;
    text-align: center;
  }
  .news-details .tc{
    font-size: 0.8rem;
    text-align: center;
    line-height: 3rem;
  }
  .news-details p{
    margin-bottom: 0.5rem;
    font-weight: lighter;
    font-size: 1.2rem;
    color: #4c4c4c;
    text-indent: 2em;
    line-height: 1.8rem;
  }
  .news-details h4{
    font-size: 1.4rem;
    color: #333333;
    font-weight: unset;
    line-height: 3.2rem;
  }
  .news-block{
    width: 100%;
  }
  .news-block-title{
    width: 100%;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }
  .new-block-contant{
    margin: 0 auto;
    width: 90%;
    background: #ffffff;
  }
  .new-block-contant .new-block-item{
    padding: 0.5rem;
    margin-bottom: 2rem;
    border: 1px solid #e9e9e9;
  }
  .new-block-contant .new-b-name{
    font-size: 2rem;
    line-height: 4rem;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .new-block-contant .new-b-contant{
    font-size: 1rem;
    color: #999999;
  }
  
  
  /** 联系我们  **/
  
  .contact-us{
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.5rem;
  overflow: hidden;
  }
  
  .contact-us h1{
    color: #fff;
    font-size: 2rem;
    padding-bottom: 1rem;
    text-align: center;
  }
  
  .contact-mian .us-item{
    width: 100%;
    box-sizing: border-box;
  }
  
  .contact-mian .us-item p{ 
    font-size: 1.5rem;
    color: #fff;
    margin: 1rem 0;
  }
  
  .contact-mian .us-item p span{
    color: #f40;
    font-size: 1rem;
    margin: 0 0.5rem;
  }
  .contact-mian .us-item input,
  .contact-mian .us-item select,
  .contact-mian .us-item textarea{
    background: #838488;
    width: 99%;
  }
  /*** 联系我们 ***/
input::-webkit-input-placeholder { /* WebKit browsers */ 

  color: #fff; 
  
  } 
  
  input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
  
  color: #fff; 
  
  } 
  
  input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
  
  color: #fff; 
  
  } 
  
  input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
  
  color: #fff; 
  
  } 
  .contact-mian .us-item input{
    height: 3rem;
    outline: none;
    color: #fff; 
    opacity: 0.8;
    background: #838488;
  }
  .contact-mian .us-item select{
    background: #838488;
    color: #fff; 
    opacity: 0.8;
    height: 3rem;
  }
  .submitBtn{
    margin: 3rem auto;
    width: 20%;
    height: 3rem;
    background: #F4CEA0;
    color: #666;
    text-align: center;
    line-height: 3rem;
    border-radius: 50px;
  }
  .sussen{
    padding: 3rem;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
  }
  .sussen div img{
    width: 100%;
  }
  .sussen h3{
    font-size: 1.6rem;
  }
  .sussen a{
    color: #2f91ff;
    margin: 0.5rem 0;
  }
  
  
  /** 产品详情 **/
  
  .P-box{
    margin-top: 1.3rem;
    border-top: 1px solid #e2e2e2;
    width: 100%;
  }
  .P-box .p-img .p-img-item{
    width: 100%;
  }
  .P-box .p-img .p-img-item img{
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .P-box .p-message h3{
    font-size: 1.6rem;
    color: #4b4747;
    /* color: #f24855; */
  }
  .P-box .p-message .p-precautions{
    margin-top: 1.2rem;
    font-size: 1.4rem;
    color: #403c3c;
  }
  
  .P-box .p-message .p-price1{
    margin-top: 1.4rem;
    font-size: 2rem;
    color: #4b4747;
  }
  
  .P-box .p-message .p-price1 span,
  .P-box .p-message .p-price1 i{
    color: #f24855;
  }
  
  .P-box .p-message .p-price1 i{
    font-size: 1.3rem;
  }
  
  .p-details .title-p{
    margin-top: 2rem;
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 3px;
  }
  
  .p-details .title-p span{
    margin-bottom:0.3rem;
    border-bottom: 2px solid #1a7567;
    font-size: 1.6rem;
  }
  
  .p-details .p-c ul li{
    margin:1.2rem 0;
    color: #1a1a1a;
  }
  .p-details .p-c ul li b{
    font-size: 1.2rem;
    color: #000000;
  }
  .p-details .p-pic-list{
    width: 100%;
  }
  .p-details .p-pic-list img{
    text-align: center;
  }