html{
  font-size:42.66666666666667px
}
@media (min-width: 170px){html{font-size:48px}}
@media (min-width: 170px) and (min-width: 200px){
  html{font-size:50px}
}
@media (min-width: 170px) and (min-width: 280px){
  html{font-size:53.33333333333333px}
}
@media (min-width: 170px) and (min-width: 310px){
  html{font-size:55.2px}
}
@media (min-width: 170px) and (min-width: 340px){
  html{font-size:60px}
}
@media (min-width: 170px) and (min-width: 370px){
  html{font-size:70px}
}
@media (min-width: 170px) and (min-width: 400px){
  html{font-size:74px}
}
@media (min-width: 170px) and (min-width: 430px){
  html{font-size:72px}
}
@media (min-width: 170px) and (min-width: 460px){
  html{font-size:76px}
}
@media (min-width: 170px) and (min-width: 490px){
  html{font-size:80px}
}
@media (min-width: 170px) and (min-width: 520px){
  html{font-size:84px}
}
@media (min-width: 170px) and (min-width: 550px){
  html{font-size:88px}
}
@media (min-width: 170px) and (min-width: 580px){
  html{font-size:92px}
}
@media (min-width: 170px) and (min-width: 610px){
  html{font-size:96px}
}
@media (min-width: 170px) and (min-width: 640px){
  html{font-size:100px}
} 

body {
  max-width: 640px;
  margin: 0 auto;
  display: block;
  background: #ffffff;
  position: relative;
  font-family: 'Arial';
}

.clearfix:after,
.clearfix:before {
  display: block;
  content: " ";
  clear: both;
  zoom: 1
}

footer .fot-bg {
  width: 3.75rem;
  height: 2.25rem;
  background: url(../i/img/fotter-bg.jpg) center no-repeat;
  background-size: cover
}

footer .footer-chat {
  display: flex;
  display: -webkit-flex;
  flex-grow: 1;
  background: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 30000
}

footer .footer-chat a.x6 {
  width: 50%;
  text-align: center;
  color: #333333;
  font-size: 0.15rem;
  padding: 0.1rem 0
}

footer .footer-chat a.x6 img {
  vertical-align: middle;
  margin-right: 0.11rem
}

footer .footer-chat a.x6 img.icon15 {
  width: 0.16rem;
  height: 0.16rem
}

footer .footer-chat a.x6 img.icon16 {
  width: 0.14rem;
  height: 0.16rem
}

footer .footer-chat a.tel {
  display: block;
  position: absolute;
  top: -0.12rem;
  left: 50%;
  margin-left: -0.2rem
}

footer .footer-chat a.tel img {
  width: 0.35rem;
  height: 0.35rem;
  display: block;
  border: 0.08rem solid #ffffff;
  border-radius: 50%
}
.contact {
        opacity: 1;
        width: 100%;
        height: 45px;
        text-align: center;
        position: fixed !important;
        bottom: 0;
        z-index: 20000;
        border-radius: 5px;
        max-width: 640px;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }

.contact a {
        color: #fff;
        font-size: 20px;
        vertical-align: middle;
        text-decoration: none;
    }
.swt_l {
    color: #ffffff;
    padding-top: 0.1rem;
    padding-bottom: 0.26rem;
    text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#7698e9), to(#0d2458));
	float: left;
    width: 50%;
}
.ly_r {
    color: #ffffff;
    padding-top: 0.1rem;
    padding-bottom: 0.26rem;
    text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#f19971), to(#e71a03));
	float: right;
    width: 50%;
}
.contact .lybox {
  background: url(/spec/mineral_grinding_mill_10/img/form.png) no-repeat 5px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;  
}
.contact .fc {
  background: url(/spec/mineral_grinding_mill_10/img/tell-24.gif) no-repeat 5px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #fff;
  font-weight: bold; 
}