.header-banner {
  height: 475px;
  background-image: url(/style/pro/1ca17c6bd9f943b599bb1d2d29f78ce6.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-color: #2a12be;
  background-size: 100% 100%;
  width: 100%;
  float: left;
}
/*header-left文字说明位置格式*/
.header-banner .header-left {
  width: 50%;
  float: left;
  color: white;
}

.header-banner .header-left h1{
    color: #fff;
  margin:30% 15%;
  margin-bottom: 20px;
  padding-left: 15%;
  font-size: 36px;
  }

.header-banner .header-left p{
  margin: 0% 15%;
  padding-left: 15%;

  font-size: 14px;
}

.header-banner .header-right {
  width: 50%;
  float: right;
  clear: none;
}

.header-banner .header-right .img-content{
  margin: auto;
  padding: 15% 0%;
}

.header-banner .header-right .img-content img{
  width: 70%;
}



/*title-img 渐入*/ 
@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0.3;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0.3;}  
    100% {opacity: 1;}  
}  
#title-img {    
    animation: fade-in;/*动画名称*/  
    animation-duration: 2.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}  

.contact-infor{
  background-color: #f5f5f5;
  height: 535px;
  width: 100%;
  float: left;
}

.title{
  padding: 50px 32px;
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  font-family: sans-serif;
  color: #666666;
}

.contact-infor .content{
  width: 1200px;
  height: 350px;
  margin: auto;
}

.contact-infor .content .room{
  width: 400px;
  height: 350px;
  float: left;
  position: relative;
  clear: none;
}

.contact-infor .content .room .card{
  width: 315px;
  height: 350px;
  background-color: #fff;
  padding-top: 1px;
}

.contact-infor .content .card .label{
  margin: 30px 55px;
  color: #333333;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
}

.contact-infor .content .card .items{
  margin: 35px 50px;
  color: #a2a2a2;
  font-size: 14px;
  text-align: center;
}

.contact-infor .content .card .title-icon{
  margin-top: 25px;
  padding: 0 62.5px;
}

.business-intro{
  background-color: #ecf2f9;
  width: 100%;
  float: left;
}

.slogan-title{
  padding: 10px 32px;
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  font-family: sans-serif;
  color: #000000;
}

.business-intro .test-button{
  margin-top: -10px;
  text-align: center;
}

.business-intro .test-button .button-green{
  display: block;
  font-size: 18px;
  text-align: center;
  color: #fff;
  width: 270px;
  height: 50px;
  line-height: 50px;
  border-radius: 12px;
  margin: auto;
  background-color: #51deb4;
  text-decoration: none;
  transition: all 0.2s ease-in;
}

.business-intro .test-button .button-green:hover{
  color: #fff;
  background-color: #0bb985;
}

.business-intro .flow-img{
  margin: auto;
  padding: 24px 355px;
}

.business-intro .content-img{
  width: 90%;
  max-width: 1070px;
  margin: 0 auto 50px;
  background-color: #fff;
  border-radius: 18px;
  border: solid 0.5px #e1e2e4;
  box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.1);
}

.business-intro .content-img img{
  border-radius: 18px;
}


.examples-infor{
  width: 100%;
  float: left;
  background-image: url(/style/pro/c1bd92fd8f384770a24178a6127a816a.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-color: #1d1840;
  background-size: 100% 100%;
}

.examples-title{
  padding: 50px 32px;
  font-size: 30px;
  text-align: center;
  font-weight: 400;
  font-family: sans-serif;
  color: #fff;
}

.examples-infor .content{
  width: 90%;
  height: 90%;
  margin: auto;
  font-family: Microsoft YaHei
}

.examples-infor .content dl{
  float: left;
}

.examples-infor .content .wechat-pro{
  width: 100%;
}

.examples-infor .content .wechat-pro dt{
  width: 100%;
  height: 630px;
  margin-top: -30px;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
}

.examples-infor .content .case-pro{
  width: 380px;
  max-height: 165px;
  float: left;
  background-image: url(/style/pro/9479728f88a04ff7aa43770d9c0ac907.png);
  background-position: 50% 0%;
  background-repeat:no-repeat;
  background-size: 100% 100%;
  margin-bottom: 100px;
  clear: none;
}

.examples-infor .content .case-pro .case-logo {
  float: left;
  margin: 35px 24px;
}



.examples-infor .content .case-pro .case-words{
  max-width: 190px;
  float: left;
  margin: 10px 18px;
  position: relative;
  line-height: 32px;
}

.case-advantage{
  color: #fff;
  font-size: 16px;
}

.examples-infor .content .ads-pro{
  width: 100%;
  margin-top: 50px;
  padding-left: 5%;
}

.examples-infor .content .ads-pro dt{
  width: 50%;
  height: 365px;
  background-position: 50% 0%;
  background-repeat:no-repeat;
  background-size: contain;
  float: left;
}

.examples-infor .content .ads-pro dd{
  width: 50%;
  float: left;
  margin: 50px auto;
}

.examples-infor .content dd h4{
  font-size: 16px;
  color: #fff;
  margin-bottom: inherit;
}

.examples-infor .content .case-pro .case-words .advantage-intro{
  display: table-cell;
  vertical-align: middle}

.advantage-intro{
  font-size: 14px;
  color: #8882af;
  line-height: 20px;
}

.advantage-button{
  max-width: 85%;
  margin: 10% auto;
}

.button-bule{
  margin: 30px 20px;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
  width: 140px;
  height: 35px;
  border-radius: 35px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 0px 3px #0d0408;
  background-image: linear-gradient(180deg, #154eb6, #04047f);
}

.button-orange{
  margin: 30px 20px;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
  color: #fff;
  width: 140px;
  height: 35px;
  border-radius: 35px;
  text-align: center;
  text-shadow: 1px 0px 3px #0d0408;
  background-image: linear-gradient(180deg, #f2d720, #e85c1f);
}

.scancode{
  height: 230px;
  width: 100%;
  background-color: #f3f3f3;
  float: left;
}

.code-button{
  height: 40px;
  background-color: #1d1840;
  border-radius: 30px;
  width: 160px;
  margin: auto;
}

.button-purple{
  margin: auto;
  float: left;
  font-size: 12px;
  line-height: 40px;
  width: 160px;
  height: 30px;
  border-radius: 30px;
  color: #efaf20;
  text-align: center;
}

.code-img{
  margin: auto;
  position: absolute;
  padding: 3% 40%;
}

.code-img img{
  margin: auto 10%;
  width: 80%;
  vertical-align: middle;
}

.code-img p{
  text-align: center;
  padding: 5%;
}


 .floor{width:100%;}
        .floor1-wrap{height:800px;background:url('/style/pro/0996adf03aec4655991c3101f325be02.jpg') center no-repeat;}
        .floor2-wrap{height:700px; background:url('/style/pro/d55178b78c824531bd327565242740ff.jpg') center no-repeat;}
        .floor3-wrap{height:700px; background:url('/style/pro/cc100b17c2164f87aa826e5826797d0b.jpg') center no-repeat;}
        .floor4-wrap{height:700px; background:url('/style/pro/70e74a6770e34a5baaa78f86a6e3d8f8.jpg') center no-repeat;}
        .floor5-wrap{height:700px; background:url('/style/pro/831c1d8778064ad1abdf5e78e476788c.jpg') center no-repeat;}
        .floor6-wrap{height:700px; background:url('/style/pro/5227a51bc64b4af8a13870bbe6b9183b.jpg') center no-repeat;}
        .floor7-wrap{height:700px; background:url('/style/pro/2f698668067149abac0b0d9990971ba9.jpg') center no-repeat;}
        .floor8-wrap {
          height: 500px;
            background-color: #707e7c;
            background: url(/style/pro/e26b2e22ec8a43b39999d5a0460e4ef4.jpg) #091323 center top no-repeat;
        }
         .floor8-wrap {
          height: 600px;
            background-color: #707e7c;
            background: url(/style/img/jmdl.png) #091323 center 50px no-repeat;
            background-size: 850px;
        }
        .floor9-wrap{height:171px; background:url('/style/pro/2727d24a32114d2ea163fe5d2693e4d3.jpg') center no-repeat;}

        .footer-link{display:block;width:312px;height:70px;position: absolute;top:33px;left:0;}
        
        .enter-table-div{
            padding-top:50px;
            padding-bottom: 100px;
            width: 1100px;
            height: 550px;
        }
        .enter-table-div input{
          text-indent: 8px;
            padding: 6px 0;
            border: 1px solid #ccc;
            border-radius: 0;
            box-shadow: none;

        }
        .enter-table-div input[type="submit"]{
          padding: 6px 50px;
        }
        
        .enter-table-div input.ipt {
          width: 80%
        }
        .enter-table-div input[type="submit"] {
          color: #fff;
          background-color: #8cbb39;
          border: 1px solid #8cbb39;
          border-radius: 5px;
        }
        .enter-table-div i {
          margin-right: 3px;
        }
        .enter-table-left, .enter-table-right {
          padding-top: 50px;
          float: left;
          width: 530px;
          clear: none;
        }
        .enter-table-right {
          padding-left: 30px;
        }
        .enter-table-left img {
          display: inline;
        }
.floor4-box a {
  width:330px;height:55px;position:absolute;left:425px;bottom:80px;
}
.weighing{
        position: fixed;
        z-index: 999;
        top: 167px;
        right:0;
    }

    .weighing_lnk{
        height:32px;
        width:100px;
        position: fixed;
        z-index: 99999;
        top: 167px;
        right:0;
    }

    #right_img{
        width:100px;
    }
@media handheld, only screen  and (max-width:48em) {

  .weighing {
    right: 10000000px;
  }
  .contact-infor .content{
    width: 100%;
  }
  .header-banner {
    height: 25em;
  }
  .header-banner .header-right .img-content {
    padding: 25% 0;
  }
  .contact-infor .content .room {
    width: 33%;
  }
  .contact-infor .content .room .card {
    width: 100%;
  }
  .examples-infor .content .case-pro {
    width: 30%; margin-right: 3%;
  }

  .floor2-wrap,.floor1-wrap, .floor3-wrap, .floor4-wrap, .floor5-wrap, .floor6-wrap, .floor7-wrap, .floor8-wrap {
    height: 420px;
    background-size: 150%;

  }
  .floor1-wrap {
     margin-top: 40px;
  }
  .floor8-wrap {
    height: 500px;
  }


}

@media handheld, only screen  and (min-width:40em) and (max-width:48em) {

  
}
@media handheld, only screen  and (max-width:40em) {
  .scancode {
    height: 250px;
  }
  .floor4-box a, .weighing_lnk {
    display: none
  }
  .floor2-wrap,.floor1-wrap, .floor3-wrap, .floor4-wrap, .floor5-wrap, .floor6-wrap, .floor7-wrap, .floor8-wrap {
    height: 200px;
  }
  .floor8-wrap {
    height: 250px;
  }
  .header-banner .header-left, .header-banner  .header-right {
    width: 100%;
  }
  .header-banner .header-left h1, .header-banner .header-left p {
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 5%;
  }
  .header-banner .header-right .img-content img {
    margin: 0 auto;
  }
  .header-banner .header-right .img-content {
    padding-top: 15%
  }
  
  .header-banner {
    height: 30em;
  }
  .contact-infor .content .room {
    width: 100%; height: 270px; margin-bottom: 10px;
  }
  .contact-infor .content {
    height: auto
  }
  .contact-infor {
    height: auto;
  }
  .slogan-title {
    padding-top: 50px;
  }
  .business-intro .flow-img {
    padding-left: 10px;
    padding-right: 10px;
  }
  .examples-infor .content .case-pro {
    width: 100%;
  }
  .examples-infor .content .wechat-pro dt {
    height: 280px;
  }
  .examples-infor .content .case-pro .case-words {
    max-width: 100%;
  }
  .code-img {
    padding: 0 20%;
  }
  .title {
    padding: 10px 32px;
  }
}