*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.property-hack {
  display: none;
  width: 200px;
  height: 500px;
  margin-left: 8000px;
}

.demo-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
  background: #333;
}

.slides {
  width: 500%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slide {
  width: 100vw;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.bg-2 {
  -webkit-transform: translate3d(-50vw, 0, 0);
          transform: translate3d(-50vw, 0, 0);
}

.animation {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}



.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.slide-indicator {
  position: fixed;
  left: 50%;
  bottom: 50px;
  height: 5px;
  width:66px;
  margin-left:-33px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dot {
  width: 12px;
  height: 12px;
  margin:0 5px;
  border-radius:10px;
  float: left;
  background: #FFF;
  opacity: 0.3;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.dot-1 {
	opacity: 1;
}

.overlay {
  width: 100vw;
  position: fixed;
  bottom: 60px;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-family: "Bad Script", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
}

.bgs1{
  position: absolute;
  padding: 30px 10px;
  top: 125px;
  left:70px;
  /*background: rgba(0, 0, 0, 0.4);*/
  border-radius:30px;
  color: white;
  font-family: "Bad Script", sans-serif;
  font-size: 1.5rem;
  text-align: left;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
will-change: transform;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;}
  
  .bgs2{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-family: "Bad Script", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
will-change: transform;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;}
.bgs2 h3{position: absolute;top:200px;left:50%;font-size:25px;transform: translate(-50%,0);}
  
  
  .bgs3{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-family: "Bad Script", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
will-change: transform;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;}
.bgs3 h3{position: absolute;top:180px;left:50%;font-size:25px;transform: translate(-50%,0);}
.overlay-active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  
}

.hint {
  background: transparent;
  position: absolute;
  top: 10%;
  width: 100%;
  text-align: center;
  font-family: "Bad Script", sans-serif;
  color: white;
  font-size: 1.2rem;
  z-index: 1;
}

a {
  color: white;
}

.slide ul{ text-align:center; font-size:0px; padding:15px 0;}
.slide li{ background:#FFF; display:inline-block; padding:15px; width:150px; margin:5px;}
.slide li img{ width:100%;}

@media only screen and (max-width: 360px) {
  .slide-indicator {
    bottom: 15px;
    height: 15px;
    width: 95px;
  }

  .dot {
    width: 15px;
    height: 15px;
  }

  .overlay {
    padding-top: 8px;
    font-size: 1.2rem;
  }
}





.pinpai{ max-width:1180px; margin:20px auto 0 auto;}
.pinpai h2{font-size:24px;text-align:center;padding:20px 0;}
.pinpai .txt1{text-align:center;margin-bottom: 30px;line-height: 24px;}
.pinpai ul{}
.pinpai li{float: left;width: 32.333%; margin-left: 1%; margin-bottom: 1%;}
.pinpai li:nth-of-type(5){width:65.666%;}
.pinpai li img{width:100%;}


.pinpai_locherber-milano{display: none;position:fixed;left:50%;top:80px;bottom:30px;width:1180px;margin-left:-590px;background:#FFF;}
.pinpai_locherber-milano .box{margin:50px;width:300px;float:left;position: relative;}
.pinpai_locherber-milano .logo{width:200px;}
.pinpai_locherber-milano .logo img{width:100%;}
.pinpai_locherber-milano .box .txt{line-height:18px;margin-top:20px;color:#333;margin-bottom:10px;}
.pinpai_locherber-milano .box .more_yi{width: 150px;height:40px;line-height:40px;text-align: center;background:#000;margin-top:10px;border-radius:5px;}
.pinpai_locherber-milano .box .more_yi a{display: block;}
.pinpai_locherber-milano .box .more_yi a:hover{display: block;text-decoration:none;}
.pinpai_locherber-milano .gb{cursor: pointer;position: absolute;right: 20px;top:20px;}
.pinpai_locherber-milano .gb i{font-size:40px;color:#f00;}


.pinpai_sanotinto{display: none;position:fixed;left:50%;top:80px;bottom:30px;width:1180px;margin-left:-590px;background:#FFF;}
.pinpai_sanotinto .box{margin:50px;width:300px;float:left;position: relative;}
.pinpai_sanotinto .logo{width:200px;}
.pinpai_sanotinto .logo img{width:100%;}
.pinpai_sanotinto .box .txt{line-height:18px;margin-top:20px;color:#FFF;margin-bottom:10px;}
.pinpai_sanotinto .box .more_yi{width: 150px;height:40px;line-height:40px;text-align: center;background:#000;margin-top:10px;border-radius:5px;border:1px solid #FFF;}
.pinpai_sanotinto .box .more_yi a{display: block;}
.pinpai_sanotinto .box .more_yi a:hover{display: block;text-decoration:none;}
.pinpai_sanotinto .gb{cursor: pointer;position: absolute;right: 20px;top:20px;}
.pinpai_sanotinto .gb i{font-size:40px;color:#f00;}


.pinpai_locherber{display: none;position:fixed;left:50%;top:80px;bottom:30px;width:1180px;margin-left:-590px;background:#FFF;}
.pinpai_locherber .box{margin:50px;width:300px;float:left;position: relative;}
.pinpai_locherber .logo{width:200px;}
.pinpai_locherber .logo img{width:100%;}
.pinpai_locherber .box .txt{line-height:18px;margin-top:20px;color:#333;margin-bottom:10px;}
.pinpai_locherber .box .more_yi{width: 150px;height:40px;line-height:40px;text-align: center;background:#000;margin-top:10px;border-radius:5px;}
.pinpai_locherber .box .more_yi a{display: block;}
.pinpai_locherber .box .more_yi a:hover{display: block;text-decoration:none;}
.pinpai_locherber .gb{cursor: pointer;position: absolute;right: 20px;top:20px;}
.pinpai_locherber .gb i{font-size:40px;color:#f00;}


.pinpai_miglroin{display: none;position:fixed;left:50%;top:80px;bottom:30px;width:1180px;margin-left:-590px;background:#FFF;}
.pinpai_miglroin .box{margin:50px;width:300px;float:left;position: relative;}
.pinpai_miglroin .logo{width:200px;}
.pinpai_miglroin .logo img{width:100%;}
.pinpai_miglroin .box .txt{line-height:18px;margin-top:20px;color:#333;margin-bottom:10px;}
.pinpai_miglroin .box .more_yi{width: 150px;height:40px;line-height:40px;text-align: center;background:#000;margin-top:10px;border-radius:5px;border:1px solid #FFF;}
.pinpai_miglroin .box .more_yi a{display: block;}
.pinpai_miglroin .box .more_yi a:hover{display: block;text-decoration:none;}
.pinpai_miglroin .gb{cursor: pointer;position: absolute;right: 20px;top:20px;}
.pinpai_miglroin .gb i{font-size:40px;color:#f00;}


.pinpai_nature-bud{display: none;position:fixed;left:50%;top:80px;bottom:30px;width:1180px;margin-left:-590px;background:#FFF;}
.pinpai_nature-bud .box{margin:50px;width:300px;float:left;position: relative;}
.pinpai_nature-bud .logo{width:200px;}
.pinpai_nature-bud .logo img{width:100%;}
.pinpai_nature-bud .box .txt{line-height:18px;margin-top:20px;color:#FFF;margin-bottom:10px;}
.pinpai_nature-bud .box .more_yi{width: 150px;height:40px;line-height:40px;text-align: center;background:#000;margin-top:10px;border-radius:5px;border:1px solid #FFF;}
.pinpai_nature-bud .box .more_yi a{display: block;}
.pinpai_nature-bud .box .more_yi a:hover{display: block;text-decoration:none;}
.pinpai_nature-bud .gb{cursor: pointer;position: absolute;right: 20px;top:20px;}
.pinpai_nature-bud .gb i{font-size:40px;color:#f00;}


.product_list{}
.product_list .list h2{ line-height:40px;border-bottom: 1px solid rgba(255,255,255,0.3);padding:0 3%;}
.product_list .list ul{padding: 2%;border-bottom: 1px solid rgba(255,255,255,0.3);}
.product_list .list li{float:left;width: 31.333%;margin: 1%;text-align: center;line-height: 30px;}
.product_list .list li img{width:100%;}


body>section .box_border .huobang{ padding:2%; background:rgba(255,255,255,0.3);}
body>section .box_border .huobang ul{}
body>section .box_border .huobang li{ float:left; width:48%; margin:1%; text-align:center; line-height:40px;}
body>section .box_border .huobang li img{ width:100%;}


body>section .box_border .huobang_list{}
body>section .box_border .huobang_list h3{ line-height:40px;border-bottom: 1px solid rgba(255,255,255,0.3);padding:0 2%;}
body>section .box_border .huobang_list ul{ padding:1%;}
body>section .box_border .huobang_list li{ float:left; width:31.333%; margin:1%; text-align:center; line-height:40px;}
body>section .box_border .huobang_list li img{ width:100%;}


body>section .box_border .huodong_con{ background:rgba(0,0,0,0.4);}
body>section .box_border .huodong_con .huodong_t{border-bottom: 1px solid rgba(255,255,255,0.3);}
body>section .box_border .huodong_con .huodong_t h2{ border-bottom:1px solid rgba(255,255,255,0.3); line-height:50px; font-size:24px; padding-left:20px;}
body>section .box_border .huodong_con .huodong_t ul{padding:2%;}
body>section .box_border .huodong_con .huodong_t li{ float:left; width:31.333%; margin:1%; text-align:center; line-height:30px;}
body>section .box_border .huodong_con .huodong_t li img{ width:100%;}


body>section .box_border .zx_goumai{ background:rgba(0,0,0,0.4);}
body>section .box_border .subnav{}
body>section .box_border .subnav ul{border-bottom: 1px solid rgba(255,255,255,0.3);}
body>section .box_border .subnav li{float:left;padding:0 20px;text-align:center;height:30px;line-height:30px;border-right:1px solid rgba(255,255,255,0.3);font-size:14px;}
body>section .box_border .subnav li a{display:block;}
body>section .box_border .subnav li a:hover{display:block;text-decoration:none;}
body>section .box_border .subnav li a.current{font-weight:bold;color:#F00;}


body>section .box_border .sanji{border-bottom: 1px solid rgba(255,255,255,0.3);}
body>section .box_border .sanji ul{line-height:40px;}
body>section .box_border .sanji li{float:left;width:100px;text-align:center;}
body>section .box_border .sanji li a.current{font-weight:bold;}

body>section .box_border .zx_goumai .list ul{padding: 1%;}
body>section .box_border .zx_goumai .list li{ float:left; width:31.333%; margin:1%; text-align:center; line-height:40px;}
body>section .box_border .zx_goumai .list li img{ width:100%;}


body>section .box_border .xx_goumai{ background:rgba(0,0,0,0.4);}
body>section .box_border .xx_goumai .cz{padding:3%;}
body>section .box_border .xx_goumai .cz select{width:200px;height:24px;outline:medium;border: 1px solid rgba(255,255,255,0.3); }
body>section .box_border .xx_goumai .cz opoption{}
body>section .box_border .xx_goumai .cz .input_btn{width: 60px;height:24px;border:none;background:#FFF;outline: medium; appearance: none;-webkit-appearance:none ;}
body>section .box_border .xx_goumai .list{padding:3%;}
body>section .box_border .xx_goumai .list ul{}
body>section .box_border .xx_goumai .list li{border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 20px;margin-bottom: 20px;}
body>section .box_border .xx_goumai .list li .pic{width: 250px;float: left;}
body>section .box_border .xx_goumai .list li .pic img{width: 100%;}
body>section .box_border .xx_goumai .list dl{float:left; line-height:30px;padding-bottom: 20px;margin-left: 3%;}
body>section .box_border .xx_goumai .list dt{font-weight: bold;}
body>section .box_border .xx_goumai .list dd{}


body>section .box_border .xx_goumai .list_con{line-height:24px;padding:2%;}
body>section .box_border .xx_goumai .list_con img{max-width:100%;}


.contact{ background:rgba(0,0,0,0.4);}
.contact h3{line-height:40px;border-bottom: 1px solid rgba(255,255,255,0.3);padding:0 2%;}
.contact .box{padding: 2%;line-height: 20px;}
.contact .box img{max-width:100%;margin-bottom:20px;}
.contact .box p{line-height:24px;padding-bottom:10px;}

.zxly{}
.zxly h2{line-height:40px;font-weight: bold;}
.zxly ul{}
.zxly li{ width:49%; margin-bottom:10px;}
.zxly li.left{ float:left;}
.zxly li.right{ float:right;}
.zxly li .input_txt{ width:96%; height:30px; border:1px solid #DDD; outline:medium; padding:0 2%;background: none;border: 1px solid rgba(255,255,255,0.3);color: #FFF;}
.zxly li.textarea{ width:100%; margin:0;}
.zxly li.textarea textarea{ width:98%; height:100px;background: none;border: 1px solid rgba(255,255,255,0.3); outline:medium; padding:1%;color: #FFF;}
.zxly .more{margin-top: 10px;}
.zxly .input_btn{ width:100px; height:40px; border:0 none; margin-right:5px; color:#333; background:#c5e70b; outline: medium; appearance: none;-webkit-appearance:none ;}
.zxly .input_btn2{ width:100px; height:40px; border:0 none; margin-left:5px; color:#FFF; background:#999; outline: medium; appearance: none;-webkit-appearance:none ;}

.shiyong{padding: 1%;}
.shiyong ul{}
.shiyong li{float:left;width: 23%;margin: 1%;text-align: center;line-height: 30px;}
.shiyong li img{width:100%;}


.weixin{ display:none; width:300px; position:fixed; left:50%; top:50%; margin-left:-150px; margin-top:-200px; height:400px; background:#FFF; box-shadow:0 0 50px rgba(0,0,0,0.3);z-index: 1000;}
.weixin .title{width:100%;height:60px; line-height:60px; background:#f6f6f6;}
.weixin .title h3{ float:left; padding-left:5%;color:#333;}
.weixin .title i{ float:right; width:60px; height:60px; text-align:center; cursor:pointer; color:#333;}
.weixin .title i:hover{ background:#7e7e7e; color:#FFF;}
.weixin .pic{ width:200px; margin:20px auto; border:1px solid #DDD; border-radius:5px; overflow:hidden;}
.weixin .pic img{ width:100%;}
.weixin .bottom{ background:#f6f6f6; padding:20px 0; text-align: center;}
.weixin .bottom h3{color:#333;}
.weixin .fx1{ font-size:0px; margin-top:10px;}
.weixin .fx1 li{ display:inline-block; margin:0 5px; text-align:center;}
.weixin .fx1 li i{ width:30px; height:30px; line-height:30px; display:block; border-radius:50%; font-size:18px; color:#FFF;}
.weixin .fx1 li:nth-of-type(1) i{ background:#de3032;}
.weixin .fx1 li:nth-of-type(2) i{ background:#40579b;}
.weixin .fx1 li:nth-of-type(3) i{ background:#006a9a;}
.weixin .fx1 li:nth-of-type(4) i{ background:#1ab2e8;}
.weixin .fx1 li a:hover{ text-decoration:none;}






.product_b{margin-top: 30px;}
.product_b h2{border-bottom: 1px solid rgba(255,255,255,0.3);line-height:30px;font-size: 18px;}
.product_b .box{margin-top: 10px;}
.product_b .box img{max-width: 100%;margin-bottom: 10px;}


.huobang_list_xiangqing{padding:5%;line-height:30px;}





.goumai2{padding: 2%;line-height: 24px;}
.goumai2 img{margin: 10px;}


.news{padding:2%;}
.news h3{text-align:center;font-size: 24px;margin-bottom:20px;}
.news ul{}
.news li{float:left;width:31.333%;margin:1%;}
.news li h2{font-size:16px;line-height:40px;}
.news li h2 span{margin-left:20px;}
.news li p{line-height:24px;font-size:14px;color:#999;}
.news li img{width:100%;}
.news li span{margin-left:20px;font-size:12px;color:#666;}


.news_con{padding:2%;}
.news_con h3{font-size: 24px;text-align:center;margin-bottom:10px;}
.news_con .fbsj{text-align:center;margin-bottom:20px;}
.news_con .box{line-height:30px;}
.news_con .box p{padding-bottom:20px;}


.news_con ul{line-height:30px;border-top:1px solid rgba(255,255,255,0.3);padding-top:10px;}