@charset 'utf-8';
body {
  font-family: "Helvetica";
}
@font-face {
  font-family: Calibri-Light;
  src: url("../font/Calibri_Light.ttf");
}
@font-face {
  font-family: Calibri;
  src: url("../font/Calibri.ttf");
}
@font-face {
  font-family: Calibri-Bold;
  src: url("../font/Calibri_Bold.ttf");
}
.wrap-fluid {
  width: 7.5rem;
  height: auto;
  margin: 0 auto;
}
.wrap {
  width: 7.1rem;
  height: auto;
  margin: 0 auto;
}
/* tongyong */
.common .header .logo img {
  width: 100%;
  height: 0.94rem;
}
.common .header .menu {
  height: 0.8rem;
}
.common .header .menu ul {
  font-size: 0;
  text-align: center;
}
.common .header .menu ul li {
  height: 0.8rem;
  display: inline-block;
  text-align: center;
}
.common .header .menu ul li a {
  display: block;
  font-family: Calibri;
  font-size: 0.3rem;
  line-height: 0.8rem;
  height: 0.8rem;
  color: #666666;
  padding-right: 0.16rem;
  padding-left: 0.16rem;
}
.common .header .menu ul li:hover a {
  border-bottom: 2px solid #ff6000;
}
.common .header .menu ul li.actived a {
  border-bottom: 2px solid #ff6000;
}
.common .header .banner img {
  width: 100%;
  height: auto;
}
.common .info {
  font-family: Calibri-Light;
  letter-spacing: 0px;
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #666666;
  margin-top: 0.36rem;
  margin-bottom: 0.42rem;
}
.common .livechat {
  display: flex;
  align-items: stretch;
}
.common .livechat a {
  height: 0.86rem;
  width: 3.46rem;
  padding-top: 0.16rem;
  padding-left: 0.48rem;
}
.common .livechat a p {
  font-size: 0.28rem;
  line-height: 0.5rem;
  color: #ffffff;
}
.common .livechat a p img {
  width: 0.54rem;
  height: 0.54rem;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0.28rem;
}
.common .livechat .staff {
  background-image: linear-gradient(270deg, #6baefe 0%, #025fff 100%);
  box-shadow: 0px 0px 8px 0px rgba(12, 65, 210, 0.75);
  margin-right: 0.18rem;
}
.common .livechat .getsolution {
  background-image: linear-gradient(270deg, #fcb184 0%, #ff6000 100%);
  box-shadow: 0px 0px 8px 0px rgba(255, 98, 3, 0.75);
  padding-left: 0.34rem;
}
.common .livechat .getsolution img {
  margin-right: 0.2rem;
}
.common .products ul {
  font-size: 0;
  margin-top: 0.26rem;
}
.common .products ul li {
  display: inline-block;
  width: 3.4rem;
  margin-top: 0.2rem;
}
.common .products ul li:nth-of-type(odd) {
  margin-right: 0.15rem;
}
.common .products ul li:nth-of-type(even) {
  margin-left: 0.15rem;
}
.common .products ul li a {
  display: block;
}
.common .products ul li a img {
  width: 3.4rem;
  height: 2.42rem;
}
.common .products ul li a div {
  width: 100%;
  height: auto;
  background: #f5f5f5;
  padding-top: 0.14rem;
  padding-bottom: 0.24rem;
  text-align: center;
}
.common .products ul li a div h3 {
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: #333333;
  width: 100%;
  font-family: Calibri;
}
.common .products ul li a div p {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #666666;
  margin-top: 0.12rem;
  margin-bottom: 0.2rem;
  font-family: Calibri-Light;
}
.common .products ul li a div span {
  display: block;
  width: 1.36rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #ffffff;
  background: #025fff;
  border-radius: 0.06rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.28rem;
  font-family: Calibri;
}
.common .shiping {
  margin-top: 0.3rem;
}
.common .shiping img {
  height: 1.54rem;
  width: 7.38rem;
  margin-left: auto;
  margin-right: auto;
}
.common .sale {
  display: flex;
  align-items: stretch;
}
.common .sale div {
  padding: 0.2rem 0.2rem 0.24rem;
  height: auto;
  width: 3.5rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(217, 217, 217, 0.75);
}
.common .sale div h3 {
  font-size: 0.32rem;
  line-height: 0.42rem;
  color: #ff6000;
  font-family: Calibri;
}
.common .sale div p {
  margin-top: 0.08rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #666666;
  font-family: Calibri-Light;
}
.common .sale .pre-sale {
  margin-right: 0.1rem;
}
.common .cases {
  padding-top: 0.44rem;
  height: 10rem;
  overflow-x: hidden;
}
.common .cases h2 {
  display: block;
  font-size: 0.36rem;
  color: #333333;
  position: relative;
  padding-left: 0.4rem;
  font-family: Calibri-Bold;
}
.common .cases h2::before {
  content: "";
  display: block;
  width: 0.08rem;
  height: 0.2rem;
  background-color: #ff6000;
  position: absolute;
  left: 0.2rem;
  top: 0.12rem;
}
.common .cases #swiper1 {
  margin-top: 0.16rem;
  font-size: 0;
  overflow-y: visible;
}
.common .cases #swiper1 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 6.7rem;
  background-color: #ffffff;
  vertical-align: top;
}
.common .cases #swiper1 .swiper-slide .swiper-con {
  box-shadow: 0px 5px 15px rgba(217, 217, 217, 0.75);
}
.common .cases #swiper1 .swiper-slide .pic-box {
  position: relative;
}
.common .cases #swiper1 .swiper-slide .pic-box img {
  height: 4.08rem;
  width: 6.7rem;
}
.common .cases #swiper1 .swiper-slide .pic-box::after {
  content: "";
  width: 100%;
  height: 0.5rem;
  background-color: #025fff;
  border-radius: 0.1rem 0.1rem 0px 0px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.common .cases #swiper1 .swiper-slide .pic-box .mask {
  position: absolute;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.32rem;
  bottom: 0;
  left: 0;
  z-index: 22;
  font-family: Calibri;
}
.common .cases #swiper1 .swiper-slide .height1::after {
  content: "";
  width: 100%;
  height: 1rem;
  background-color: #025fff;
  border-radius: 0.1rem 0.1rem 0px 0px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.common .cases #swiper1 .swiper-slide .height1 .mask {
  position: absolute;
  width: 100%;
  height: 1rem;
  line-height: 1.5em;
  text-align: center;
  color: #ffffff;
  font-size: 0.32rem;
  bottom: 0;
  left: 0;
  z-index: 22;
}
.common .cases #swiper1 .swiper-slide .profile {
  height: auto;
  width: 100%;
  margin-top: 0.14rem;
  margin-bottom: 0.16rem;
}
.common .cases #swiper1 .swiper-slide .profile p {
  word-break: break-word;
  font-size: 0.28rem;
  line-height: 0.36rem;
  padding-left: 0.4rem;
  padding-right: 0.3rem;
  color: #666666;
  margin-top: 0.06rem;
  font-family: Calibri-Light;
  position: relative;
}
.common .cases #swiper1 .swiper-slide .profile p::before {
  content: "";
  height: 0.14rem;
  width: 0.14rem;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background-color: #ff6000;
  position: absolute;
  left: 0.14rem;
  top: 0.1rem;
}
.common .cases #swiper1 .swiper-slide .line {
  height: 2px;
  width: 6.58rem;
  background-color: #dddddd;
  margin-left: 0.06rem;
}
.common .cases #swiper1 .swiper-slide .txt-box {
  font-size: 0.28rem;
  line-height: 0.36rem;
  font-family: Calibri-Light;
  color: #666666;
  padding: 0.16rem 0.12rem 0.32rem;
}
.common .cases #swiper1 .swiper-slide .txt-box p {
  word-break: break-word;
}
.common .flexbar {
  display: none !important;
}
.common .flexbar .footer-blank {
  height: 1.26rem;
  background: #ffffff;
}
.common .flexbar .online {
  height: 1.25rem;
  width: 7.5rem;
  background: url(../images/bj.jpg) center no-repeat;
  background-size: cover;
  position: fixed;
  z-index: 999;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.common .flexbar .online div {
  width: 50%;
}
.common .flexbar .online div a {
  display: block;
  color: #ffffff;
  margin-top: 0.06rem;
}
.common .flexbar .online div a img {
  width: 0.68rem;
  height: 0.68rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.common .flexbar .online div a span {
  display: block;
  width: 100%;
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #ffffff;
}
.common .flexbar .online .online-l span {
  padding-left: 0.58rem;
}
.common .flexbar .online .online-r span {
  padding-left: 0.3rem;
}
.common .advantages {
  margin-top: 0.5rem;
}
.common .advantages div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(217, 217, 217, 0.75);
  padding: 0.14rem 0.12rem;
  margin-top: 0.22rem;
}
.common .advantages div span {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.28rem;
  text-align: center;
  background-image: linear-gradient(180deg, #ff6203 0%, #fcae7f 100%);
  color: #ffffff;
  border-radius: 100%;
  line-height: 0.4rem;
  margin-right: 0.2rem;
  vertical-align: middle;
}
.common .advantages div p {
  width: 6.2rem;
  display: block;
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #666666;
  font-family: Calibri-Light;
}
/* about */
.about .cases {
  height: 10.8rem;
}
.about .cases #swiper1 .swiper-slide {
  height: 9.4rem;
}
/* stone crusher */
.stone .cases {
  height: 12.6rem;
}
.stone .cases #swiper1 .swiper-slide {
  height: 11.2rem;
}
/* product-details */
.product-details .info {
  font-size: 0.28rem;
  line-height: 0.36rem;
  letter-spacing: 0;
  color: #666666;
  margin-top: 0.36rem;
  font-family: Calibri-Light;
}
.product-details .int {
  margin-top: 0.2rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(217, 217, 217, 0.75);
  margin-bottom: 0.42rem;
  padding: 0.16rem;
  font-family: Calibri-Light;
}
.product-details .int p {
  font-size: 0.28rem;
  line-height: 0.42rem;
}
.c6x .cases {
  height: 12.2rem;
}
.c6x .cases #swiper1 .swiper-slide {
  height: 10.8rem;
}
.hpt .cases {
  height: 11.6rem;
}
.hpt .cases #swiper1 .swiper-slide {
  height: 10.2rem;
}
.klv .cases {
  height: 12rem;
}
.klv .cases #swiper1 .swiper-slide {
  height: 10.6rem;
}
.klun .cases {
  height: 10.86rem;
}
.klun .cases #swiper1 .swiper-slide {
  height: 9.46rem;
}
.ci5x .cases {
  height: 12rem;
}
.ci5x .cases #swiper1 .swiper-slide {
  height: 10.6rem;
}
.vsi6x .cases {
  height: 12rem;
}
.vsi6x .cases #swiper1 .swiper-slide {
  height: 10.6rem;
}
.portable .cases {
  height: 11.6rem;
}
.portable .cases #swiper1 .swiper-slide {
  height: 10.2rem;
}
.xsd .cases {
  height: 12.2rem;
}
.xsd .cases #swiper1 .swiper-slide {
  height: 10.8rem;
}
/* material */
.material .material-list {
  padding-bottom: 0.3rem;
  padding-top: 0.4rem;
}
.material .material-list ul {
  font-size: 0;
}
.material .material-list ul li {
  display: inline-block;
  width: 50%;
}
.material .material-list ul li a {
  display: block;
}
.material .material-list ul li a img {
  width: 100%;
  height: auto;
}
.material .material-list ul li a p {
  font-size: 0.32rem;
  line-height: 0.42rem;
  color: #666666;
  width: 100%;
  text-align: center;
  font-family: Calibri-Light;
}
.material .line {
  height: 0.2rem;
  background-color: #f5f5f5;
}
/* application */
.application .cases {
  height: 11.8rem;
}
.application .cases #swiper1 .swiper-slide {
  height: 10.4rem;
}
.concrete-crusher-plant .cases {
  height: 11.9rem;
}
.concrete-crusher-plant .cases #swiper1 .swiper-slide {
  height: 10.5rem;
}
.construction-crusher-plant .cases {
  height: 11.6rem;
}
.construction-crusher-plant .cases #swiper1 .swiper-slide {
  height: 10.2rem;
}
.construction-waste-crusher-plant .cases {
  height: 11.2rem;
}
.construction-waste-crusher-plant .cases #swiper1 .swiper-slide {
  height: 9.8rem;
}
.sand-crusher .cases {
  height: 12rem;
}
.sand-crusher .cases #swiper1 .swiper-slide {
  height: 10.6rem;
}
/* limestone crusher */
.material-details .cases {
  height: 12.6rem;
}
.material-details .required {
  padding-top: 0.44rem;
  background-color: #ffffff;
  box-shadow: 0px 5px 15px 0px rgba(217, 217, 217, 0.75);
}
.material-details .required ul {
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: stretch;
}
.material-details .required ul li {
  width: 33%;
}
.material-details .required ul li a {
  display: block;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.4rem;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  color: #666666;
  padding-bottom: 0.1rem;
  font-family: Calibri;
}
.material-details .required ul li a.actived {
  color: #ff6203;
  border-bottom: 1px solid #ff6203;
}
.material-details .required div.items {
  display: none;
  padding: 0.14rem 0.1rem 0.24rem;
}
.material-details .required div.items p {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #666666;
  font-family: Calibri-Light;
}
.material-details .required div.items img {
  width: 6.9rem;
  height: auto;
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}
.material-details .required div.items .getprice {
  display: block;
  width: 2.36rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #ffffff;
  background-color: #025fff;
  border-radius: 0.05rem;
  font-size: 0.28rem;
  text-align: center;
  margin-top: 0.2rem;
  font-family: Calibri;
}
.material-details .required div.actived {
  display: block;
}
.limestone .cases {
  height: 12.2rem;
}
.limestone .cases #swiper1 .swiper-slide {
  height: 10.8rem;
}
.marble .cases {
  height: 12.4rem;
}
.marble .cases #swiper1 .swiper-slide {
  height: 11rem;
}
.kaolin .cases {
  height: 12.2rem;
}
.kaolin .cases #swiper1 .swiper-slide {
  height: 10.8rem;
}
.river-stone .cases {
  height: 12.7rem;
}
.river-stone .cases #swiper1 .swiper-slide {
  height: 11.3rem;
}
.granite .cases {
  height: 11.54rem;
}
.granite .cases #swiper1 .swiper-slide {
  height: 10.14rem;
}
.basalt .cases {
  height: 12rem;
}
.basalt .cases #swiper1 .swiper-slide {
  height: 10.6rem;
}
/* #LRfloater0 {
  display: none;
} */