footer.sutong-footer{background:#485157;}


.sutong-footer .share {
  font-size: 0
}
.sutong-footer .share a{
 position:relative;
}
.sutong-footer .share a .box{
  display:none;
}
.sutong-footer .share a:hover .box{
  width: 100px;
  display:block;
  position:absolute;
  left: -100%;
}
.sutong-footer .share a .box img{width: 130%;height: 145%;}
.sutong-footer .share a {
  width: 31px;
  height: 31px;
  line-height: 31px;
  border-radius: 50%;
  background: #007fb1;
  display: inline-block;
  text-align: center
}



.sutong-footer .share a i {
  font-size: 16px;
  color: #fff
}

.sutong-footer .share a:hover {
  opacity: .7
}

.sutong-footer .share a:nth-child(2) {
  background: #0086b3
}

.sutong-footer .share a:nth-child(3) {
  background: #537bbc
}

.sutong-footer .share a:nth-child(4) {
  background: #e52d26
}

.sutong-footer .share a:nth-child(5) {
  background: #fc0003
}


.sutong-footer .foot-top{display:flex;justify-content:space-between;align-items:center;padding:90px 0 40px;}
.sutong-footer .foot-top img{height:50px;}
.sutong-footer .foot-top .share a+a{margin-left:17px;}

.sutong-footer #footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.14);padding:50px 0 40px;}
.sutong-footer #footer h5{font-size:22px;color:#fff;font-weight:700;line-height:1;margin:0 0 20px;}


.sutong-footer .foot-nav{width:360px;}
.sutong-footer .foot-nav ul{display:flex;flex-wrap:wrap;}
.sutong-footer .foot-nav ul li{width:50%;font-size:15px;color:rgba(255,255,255,0.5);line-height:32px;}
.sutong-footer .foot-nav ul li a:hover{color:#fff;text-decoration:underline;}

.sutong-footer .foot-list{width:440px;}
.sutong-footer .foot-list ul{display:flex;flex-wrap:wrap;}
.sutong-footer .foot-list ul li{width:50%;font-size:15px;color:rgba(255,255,255,0.5);line-height:32px;}
.sutong-footer .foot-list ul li a:hover{color:#fff;text-decoration:underline;}

.sutong-footer .foot-form{width:510px;}
.sutong-footer .foot-form p{font-size:15px;color:rgba(255,255,255,0.5);line-height:32px;}

.sutong-footer .foot-form .form-box{margin:23px 0 0;width:100%;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.sutong-footer .foot-form .submit_text{-webkit-flex:1;flex:1;height:64px;line-height:64px;color:#fff;padding:0 25px;font-size:13px;background:rgba(255,255,255,0.05);}
.contact-info dl dd p a:hover{
  color:var(--btn-bg);
}
.sutong-footer .foot-form input::-webkit-input-placeholder,.foot-form input:-moz-placeholder,.foot-form input::-moz-placeholder{color:#fff;opacity:1;}
.sutong-footer .foot-form .submit_btn{color:#fff;background:var(--btn-bg);font-size:13px;font-weight:700;width:140px;height:64px;display:block;cursor:pointer;text-align:center;}


.sutong-footer .copyright{padding:50px 0;display:flex;justify-content:space-between;align-items:center;}
.sutong-footer .copyright p{font-size:12px;color:rgba(255,255,255,0.5);}
.sutong-footer .copyright p a{margin:0 48px;}
.sutong-footer .copyright span{font-size:12px;color:#fff;cursor:pointer;}
.sutong-footer .copyright span i{font-size:14px;vertical-align:middle;margin-right:8px;}


#sutong-side-bar{position:fixed;top:calc(50% - 49px);right:10px;z-index:9999;}
#sutong-side-bar a{display:block;cursor:pointer;width:46px;height:46px;background:#52AAB6;position:relative;color:#fff;text-align:center;border-radius:5px;}
#sutong-side-bar a+a{margin-top:6px;}
#sutong-side-bar a i{display:inline-block;font-size:26px;line-height:46px;}

.side-social{/* width: 300px; */position:fixed;right:0px;top:50%;transform:translateY(-50%);z-index:50;transition:all .36s;}
.side-social ul{
    position: relative;
    border-radius: 20px;
    background: #fff;
}
.side-social ul li{
    position: relative;
}
.side-social ul li .box{
  position:absolute;
  right: 32px;
  /* top: 50%; */
  transform: translateY(-50%);
  display:none;
  margin-right: 43px;
}

.side-social ul li:hover .box{
  display:block;
  width: 118px;
  z-index: 20;
}
.side-social ul li+li{margin-top:4px;}
.side-social ul li a{width: 48px;height: 48px;line-height:48px;text-align:center;/* color:#fff; *//* background:var(--btn-bg); */display:block;transition:all .36s;}
.side-social ul li a i{color: var(--btn-bg);font-size:25px;}
                               .side-social ul li a img {
    top: -10px;
    position: relative;
    width: 25px;
}
.side-social-bnt{width:22px;line-height:90px;text-align:center;border-radius:2px;background-color:#FCFCFC;cursor:pointer;position:absolute;top:50%;right:52px;transform:translateY(-50%);box-shadow:0 0 10px 3px rgba(63,62,62,0.2);}
.side-social-bnt i{font-size:16px;display:inline-block;transition:all .36s;}

.side-social.off {right:-50px;}
.side-social.off .side-social-bnt i{transform:rotate(180deg);}


@media screen and (max-width:1400px){
  .sutong-footer .foot-nav ul li{font-size:14px;line-height:30px;margin-bottom:10px;}
  .sutong-footer .foot-list ul li{font-size:14px;line-height:30px;margin-bottom:10px;}
  .sutong-footer .foot-contact p{font-size:14px;line-height:30px;margin-bottom:10px;padding:0 0 0 45px;}
  .sutong-footer .foot-address p{font-size:14px;line-height:30px;margin-bottom:10px;}

  .sutong-footer .foot-top .form-box{width:480px;}
  .sutong-footer .foot-top .submit_text{margin-right:0;padding:0 20px;}
  .sutong-footer .foot-top .submit_btn{width:140px;}
}

@media screen and (max-width:768px){
  .sutong-footer #footer{padding:30px 0;}
  .sutong-footer .foot-top{-webkit-flex-direction:column;flex-direction:column;padding:40px 0 30px;}
  .sutong-footer .foot-top .share{margin:20px 0 0;}
  .sutong-footer .foot-top .share a{width:50px;height:50px;line-height:50px;margin:0 8px;}
  .sutong-footer .foot-top .form-box{margin:20px 0 0;}

  .sutong-footer #footer .box{margin:30px 0 0;-webkit-flex-direction:column;flex-direction:column;}

  .sutong-footer #footer h5{font-size:18px;padding-bottom:20px;margin:0 0 15px;text-align:center;}
  .sutong-footer #footer h5::after{left:calc(50% - 17px);}

  .sutong-footer .foot-nav,.foot-list{display:none;}
  .sutong-footer .foot-contact{width:100%;}
  .sutong-footer .foot-address{width:100%;}

  .sutong-footer .copyright {
    padding: 0 0 25px;
    display: block;
    text-align: center
  }

  .sutong-footer .copyright span {
      display: block;
      margin: 10px 0 0
  }

  .sutong-footer .copyright p a {
      margin: 0 15px 0 0
  }
}

@media screen and (max-width:550px) {
  .sutong-footer .foot-top .form-box{width:350px;}
  .sutong-footer .foot-top .submit_text{height:50px;line-height:50px;padding:0 15px;}
  .sutong-footer .foot-top .submit_btn{width:90px;height:50px;}
  .side-social ul li .whatsapp {
    display: none !important;
}
}  

@media screen and (max-width:400px) {
  .sutong-footer .foot-top .share a{width:30px;height:30px;line-height:30px;margin:0 5px;}
  .sutong-footer .foot-form .submit_btn{
  width:100%
  }
  .side-social ul li .whatsapp {
    display: none !important;
}
}


 @media screen and (max-width: 992px){
.sutong-footer .foot-form {
    width: 100%;
}
.sutong-footer #footer {
    flex-wrap: wrap;
}
.sutong-footer .foot-list {
    width: 50%;
}
.sutong-footer .foot-nav {
    width: 50%;
}
                                       #footer .crmFormVali-error{
                                          right: 0 !important;
    top: 50px !important;
    width: 100% !important;
                                      }
  }