body { background: #ece1d6; }

.title__top { text-align: center; color: #763724; font-family: "mini-jane-new-song"; margin-bottom: 30px; }

.title__top img { margin-bottom: 10px; }

.header__product { margin-top: 30px; display: flow-root; }

.header__product .product__left { width: 20%; float: left; text-align: center; /*  p { font-family: "mini-jane-new-song"; color: #763724; font-size: 10px; } */ }

.header__product .product__left .title__on { margin-top: 20px; background: #763724; }

.header__product .product__left .title__on span { font-size: 30px; vertical-align: middle; color: #fff; }

.header__product .product__left .header__product__title img { margin: 8px; width: 30%; vertical-align: middle; }

.header__product .product__left ul { background: #cea991; }

.header__product .product__left ul li { line-height: 40px; font-size: 16px; text-align: center; color: #763724; }

.header__product .product__left ul li:hover { background: #763724; color: #fff; }

.header__product .header__adress .adress { background: #763724; line-height: 40px; font-size: 20px; color: #fff; }

.header__product .header__adress .adress__com { background: #cea991; font-size: 18px; line-height: 43px; color: #763724; font-weight: bold; }

.header__product .header__adress .adress__tel { background: #cea991; border: 1px solid #ceb49a; padding: 7px 0; font-size: 16px; }

.header__product .header__adress .adress__tel img { vertical-align: middle; width: 20%; float: left; display: block; padding: 3px; margin: 0 3px; }

.header__product .header__adress .adress__tel .tel { width: 80%; vertical-align: middle; font-weight: bold; }

.header__product .header__adress .adress__tel .tel p { color: #763724; font-size: 18px; }

.header__product .righttwo { display: none; }

.header__product .product__right { float: right; width: 80%; padding-left: 3%; margin-top: 1%; }

.header__product .product__right .image__lists { width: 100%; }

.header__product .product__right .image__lists li { float: left; width: 32%; overflow: hidden; padding: 10px 0; margin-right: 2%; position: relative;cursor: pointer; }

.header__product .product__right .image__lists li .image__box {overflow: hidden; }

.header__product .product__right .image__lists li img { width: 100%; display: block; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.header__product .product__right .image__lists li .img__title { position: absolute; bottom: 50px; width: 100%; text-align: center; z-index: 2; color: #fff; padding: 2% 0; background: rgba(0, 0, 0, 0.5); }

.img_tel{  line-height: 30px;padding: -8px 0;text-align: center;color: #763724;font-size: 18px;margin-top:10px;display: flow-root;padding: 0 10px;}

.header__product .product__right .image__lists li:hover img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.1); }

.header__product .product__right .image__lists li:nth-child(3n) { margin-right: 0; }

.ascendancy { margin-top: 80px; display: flow-root; width: 100%; }

.ascendancy .ascendancy__lists { margin-top: 10px; cursor: pointer; }

.ascendancy .ascendancy__lists a { width: 49%; float: left; margin: 20px 2% 0 0; }

.ascendancy .ascendancy__lists a .ascendancy__image { width: 30%; float: left; overflow: hidden; }

.ascendancy .ascendancy__lists a .ascendancy__image img { width: 100%; }

.ascendancy .ascendancy__lists a .ascendancy__info { width: 68%; float: right; }

.ascendancy .ascendancy__lists a .ascendancy__info .big__title { display: block; font-size: 20px; color: #1f1f1f; font-weight: normal; font-family: 'MNXBS'; }

.ascendancy .ascendancy__lists a .ascendancy__info .small__title { display: block; color: #8e4a35; font-weight: 500; font-size: 16px; padding-top: 5px; margin-bottom: 10px; }

.ascendancy .ascendancy__lists .ascendancy__nav:hover .big__title { color: #b3681f; }

.ascendancy .ascendancy__lists a:nth-child(2n) { margin: 20px 0 0 0; }

.customer { margin-top: 80px; }

#customer { position: relative;width: 100%; margin: 0 auto; height: 260px; overflow: hidden; }

#customer ul { position: absolute; left: 0; }

#customer .opp { position: absolute; z-index: 2; text-decoration: none; display: none; }

#customer ul li { padding: 5px; list-style: none; width: 240px; height: 260px; float: left; margin-right: 15px; text-align: center; }

#customer ul li p { margin-top: 15px; }

#customer ul li img { width: 100%; height: 214px; overflow: hidden; }

.header__two { margin-top: 80px; }

.twomodule { display: flow-root; }

.company { width: 50%; float: left; }

.company img { width: 100%; }

.company span { line-height: 50px; font-size: 18px; padding: 0 20px; }

.company p { padding: 0 20px; }

.wenda { width: 40%; float: right; background: #fff; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); }

.wenda .wenda__title { line-height: 40px; background: #763724; color: #fff; padding: 0 30px; font-weight: bold; font-size: 16px; }

.wenda .wenda__title .more { float: right; cursor: pointer; }

.wenda .wenda__title .more:hover { color: #cea991; }

.wenda .out { overflow: hidden; height: 400px; margin: 20px 0; width: 440px; padding: 0 20px; -webkit-box-shadow: #8e4a35; box-shadow: #8e4a35; }

.wenda .new_nav { line-height: 30px; font-size: 16px; }

.wenda .new_nav .info { width: 70%; float: left; }

.wenda .new_nav .info:hover { color: #b3681f; cursor: pointer; }

.wenda .new_nav p { width: 22%; float: right; line-height: 30px; }

/* #qq1 { width: 30px; position: fixed; left: 0; top:300px; } #qq { width: 160px; position: fixed; left: 0; top:200px; border: 2px solid #25AC25; overflow: hidden; text-align: center; background: #fff; } #qq h1 img{ width: 100%; } #qq h1 span { position: absolute; right: 14.5px; top: 8px; color: #e0e0e0; font-size: 20px; cursor: pointer; z-index: 10; } #qq .qqserver { padding: 10px 0; border-bottom: 1px solid #ccc; } #qq .qqcode img{ width: 80%; margin-top: 10px; } #qq .qqtel { padding: 10px 0; line-height: 30px; border-bottom: 1px solid #ccc; } #qq .qqtel a { font-size: 16px; color: #25AC25; } #qq .qqcontact { padding: 5px 0; color: #25AC25; } */
.qq__sidebar { position: fixed; top: 200px; right: 0; z-index: 9; }

.qq__sidebar #qq { margin-bottom: 10px; height: 70px; width: 70px; text-align: center; background: #69b31f; font-weight: bold; }

.qq__sidebar .sco__tel img { margin: 6px 0; }

.qq__sidebar .sco__tel p { color: #fff; }

#qq { cursor: pointer; }

.qq__advisory { position: relative; }

.qq__tel { width: 200px; position: absolute; right: -200px; line-height: 70px; top: 0; background: #69b31f; color: #fff; font-size: 20px; font-weight: bold; z-index: -1; }

.qq__tel a { margin-right: 15px; }

.qq__left { position: relative; }

.qq__left .qq__code { width: 150px; position: absolute; right: 100px; top: 0; display: none;  padding: 15px; }

.qq__left .qq__code img { width: 100%; }

.qq__left:hover .qq__code { display: block; }

.qq__advisory:hover .qq__tel { right: 70px; -webkit-transition: right 1s; -o-transition: right 1s; transition: right 1s; }

.product__about { display: table-row-group; width: 100%; }

.product__about .pro__list { display: inline-block; margin-top: 20px; }

.product__about .proab__title { font-size: 20px; line-height: 40px; }

.product__about .pro__out { float: left; width: 32%; margin-right: 2%; text-align: center; }

.product__about .pro__out .out__nav { width: 100%; height: 212px; overflow: hidden; }

.product__about .pro__out .out__nav img { width: 100%; height: auto; }

.product__about .pro__out:nth-child(3n) { margin-right: 0; }

.product__about .pro__title { line-height: 30px; font-size: 16px; background: #999; }

@media  (min-width:761px) and (max-width:1024px) {
  .u-container{width: 100%;}
  .product__about {
    .pro__out {
      .out__nav {
        height: auto;
        img {
          width: 100%;
          height: auto;
          overflow: hidden;
        }
      }
      
    }
  }
  .title__top{
    margin: 0 auto 20px auto;
    width: 100%;
    img {
      width: 35%;
      margin-bottom: 10px;
    }
    .twoimg{
      width: 20%;
    }
    p {
      font-size: 20px;
    }
  }

  .header__product {
    .product__left {
      width: 100%;
      .title__on {text-align: center;
        display: none;
      }
     /*  p {
        font-family: "mini-jane-new-song";
        color: #763724;
        font-size: 10px;
      } */
      ul {
        background: #cea991;
        li {
          line-height: 40px;
          font-size: 16px;
          width: 24%;
          height: 40px;
          background: #763724;
          float: left;
          color: #fff;
          margin: 5px 0.5%;
        }
      }
    }
    .header__adress {
      display: none;
    }
    .righttwo {
      display: none;
    }
    .product__right {
      width: 100%;
      padding-left: 0%;
      .image__lists{ 
        width: 100%;
        li {
          width: 32%;
          margin-right: 2%;
          height: auto;
          cursor: pointer; 
          .image__box{
            height: auto;
          }
        }
      }
    }
  }
  

  .ascendancy {
    margin-top: 30px;
    .ascendancy__lists {
      margin-top: 10px;
      cursor: pointer;
      a {
        width: 100%;
        margin: 2% 0 0 0;
        .ascendancy__image {
          width: 30%;
          float: left;
          overflow: hidden;
          img {
            width: 100%;
          }
        }
        .ascendancy__info {
          width: 66%;
          float: right;
          .big__title {
            display: block;
            font-size: 26px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
            white-space: nowrap;
          }
          .small__title {
            font-size: 18px;
            margin-bottom: 6px;
          }
          p{-webkit-line-clamp: 3;font-size: 16px;}
        }
      }
      a:nth-child(2n) {
        margin: 2% 0 0 0;
      }
    }
  }

  .customer {
    margin-top: 30px;
  }
  #customer{
    width: 100%;
    height: 230px;
    overflow: hidden;
  }
  #customer ul li{
    padding: 5px;
    width: 200px;
    height: auto;
    overflow: hidden;
    p {
      margin-top: 10px;
      font-size: 20px;
    }
  }
  #customer ul li img{
    width: 100%;
    height: auto;
  }

  .header__two {
    margin-top: 30px;
  }
  .twomodule{
    display: flow-root;
  }
  .company {
    width: 100%;
    display: contents;
  }
  .wenda {
    width: 90%;
    float: none;
    margin: 30px auto 0 auto;
    background: #fff;
    .wenda__title{
      line-height: 40px;
      background: #763724;
      color: #fff;
      padding: 0 30px;
      font-weight: bold;
      font-size: 16px;
      .more{
        float: right;
        cursor: pointer;
      }
      .more:hover{
        color: #cea991;
      }
    }
    .out{
      overflow: hidden;
      height: 400px;
      margin: 20px 0;
      width: 100%;
      padding: 0 10px;
    }
    .new_nav {
      line-height: 30px;
      font-size: 14px;
      .info {
        width: 70%;
        float: left;
      }
      span:hover {
        color:#b3681f;
        cursor: pointer;
      }
      p {
        width: 28%;
        float: right;
      }
    }
    }
  .qq__sidebar {
   display: none;
  }
  .header__adress {
		display: none;
	}
	.header__product .product__left .title__on .header__product__title span {
		font-size: 20px;
	}
	.copyright{
		margin:0;
	}
	
	
}

@media (max-width: 760px) { .product__about .pro__out .out__nav { height: auto; }
  .product__about .pro__out .out__nav img { width: 100%; height: auto; overflow: hidden; }
  .title__top { margin: 0 auto 20px auto; width: 100%; }
  .title__top img { width: 35%; margin-bottom: 10px; }
  .title__top .twoimg { width: 20%; }
  .title__top p { font-size: 10px; }
  .header__product .product__left { width: 100%; /*  p { font-family: "mini-jane-new-song"; color: #763724; font-size: 10px; } */ }
  .header__product .product__left .title__on { text-align: center; display: none; }
  .header__product .product__left ul { background: #cea991; }
  .header__product .product__left ul li { line-height: 40px; font-size: 16px; width: 24%; height: 40px; background: #763724; float: left; color: #fff; margin: 5px 0.5%; }
  .header__product .header__adress { display: none; }
  .header__product .righttwo { display: none; }
  .header__product .product__right { width: 100%; padding-left: 0%; }
  .header__product .product__right .image__lists { width: 100%; }
  .header__product .product__right .image__lists li { width: 48%; margin:0 1%; height: auto; cursor: pointer; }
  .header__product .product__right .image__lists li:nth-child(3n){margin:0 1%;}
  .header__product .product__right .image__lists li:nth-child(n+7){display:none;}
  .header__product .product__right .image__lists li .image__box { height: auto; }
  .ascendancy { margin-top: 30px; }
  .ascendancy .ascendancy__lists { margin-top: 10px; cursor: pointer; }
  .ascendancy .ascendancy__lists a { width: 100%; margin: 2% 0 0 0; }
  .ascendancy .ascendancy__lists a .ascendancy__image { width: 40%; float: left; overflow: hidden; }
  .ascendancy .ascendancy__lists a .ascendancy__image img { width: 100%; }
  .ascendancy .ascendancy__lists a .ascendancy__info { width: 58%; float: right; }
  .ascendancy .ascendancy__lists a .ascendancy__info .big__title { display: block; font-size: 16px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
  .ascendancy .ascendancy__lists a .ascendancy__info .small__title { font-size: 14px; margin-bottom: 6px; }
  .ascendancy .ascendancy__lists a:nth-child(2n) { margin: 2% 0 0 0; }
  .customer { margin-top: 30px; }
  #customer { width: 100%; height: 170px; overflow: hidden; }
  #customer ul li { padding: 5px; width: 150px; height: auto; overflow: hidden; }
  #customer ul li p { margin-top: 10px; }
  #customer ul li img { width: 100%; height: auto; }
  .header__two { margin-top: 30px; }
  .twomodule { display: flow-root; }
  .company { width: 100%; display: contents; }
  .wenda { width: 90%; float: none; margin: 30px auto 0 auto; background: #fff; }
  .wenda .wenda__title { line-height: 40px; background: #763724; color: #fff; padding: 0 30px; font-weight: bold; font-size: 16px; }
  .wenda .wenda__title .more { float: right; cursor: pointer; }
  .wenda .wenda__title .more:hover { color: #cea991; }
  .wenda .out { overflow: hidden; height: 400px; margin: 20px 0; width: 100%; padding: 0 10px; }
  .wenda .new_nav { line-height: 30px; font-size: 14px; }
  .wenda .new_nav .info { width: 70%; float: left; }
  .wenda .new_nav span:hover { color: #b3681f; cursor: pointer; }
  .wenda .new_nav p { width: 28%; float: right; }
  .qq__sidebar { display: none; } 
 }
.abwm {
    margin-bottom: 50px;
}
.company .gsjj {
    font-weight: bold;
    color: #FF5722;
}
@media screen and (max-width: 760px){
.dyxw{display:none;}
.dynews{display:none;}

}