/*3-2-1*/


.banner1{


  width: 19.2rem;


  height: 8rem;


  background-image: url('../images/three-level/banner1.png');


  background-size: 100%;


}


.banner1 h1{


  color: #fff;


  font-size: 0.72rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-origin-box{


  width: 100%;


  background-color: #151515;


}


.mx-origin-main{


  width: 14.2rem;


  margin: 0 auto;


  overflow: hidden;


}


.mx-origin-main1{


  padding-top: 1.62rem;


}


.mx-origin-main1 .red-left-arrow{


  float: left;


  width: 0.55rem;


  height: 0.52rem;


}


.mx-origin-main1 .max-origin-main1-txt{


  float: left;


  margin-top: 0.55rem;


  margin-left: 1rem;


  width: 11.2rem;


  color: #fff;


  font-size: 0.24rem;


  line-height: 0.4rem;


  text-align: center;


	font-family:'Helvetica Light';


}


.mx-origin-main1 .max-origin-main1-txt p:first-child{


  margin-bottom: 0.42rem;


}


.mx-origin-main1 .red-right-arrow{


  float: right;


  width: 0.55rem;


  height: 0.52rem;


  margin-top: 3.38rem;


  margin-bottom: 1.35rem;


}


.main1-line{


  width: 100%;


  height: 1px;


}


.mx-origin-main2l{


  float: left;


  width: 5.6rem;


  color: #fff;


  padding-top: 2.8rem;


}


.mx-origin-main2l h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-origin-main2l p{


  font-size: 0.2rem;


  line-height: 0.4rem;


  margin-top: 0.35rem;


	font-family:'Helvetica Light';


}


.mx-origin-main2r{


  float: right;


  width: 7.3rem;


}


.mx-origin-main2rt{


  width: 100%;


  color: #fff;


  margin-top: 1.52rem;


  font-size: 0.18rem;


  overflow: hidden;


}


.mx-origin-main2rt span{


  position: relative;


  float: right;


  width: 1.3rem;


  text-align: right;


	font-family:'Helvetica Light';


}


.mx-origin-main2rt span:nth-child(1)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #7d7d7d;


  border-radius: 50%;


}


.mx-origin-main2rt span:nth-child(2){


  margin-right: 0.48rem;


}


.mx-origin-main2rt span:nth-child(2)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #c7000a;


  border-radius: 50%;


}


.mx-origin-main2r img{


  width: 7.3rem;


  height: 4.52rem;


  margin-top: 0.52rem;


  margin-bottom: 0.4rem;


}


.mx-origin-main2r p{


  color: #fff;


  font-size: 0.14rem;


  margin-bottom: 0.8rem;


	font-family:'Helvetica Light';


}


.dash-line{


  width: 100%;


  height: 1px;


}


.mx-origin-main3l{


  float: left;


  width: 7.3rem;


  margin-top: 0.84rem;


  margin-right: 1.3rem;


}


.mx-origin-main3l img{


  width: 7.3rem;


  height: 4.26rem;


  margin-bottom: 0.42rem;


}


.mx-origin-main3l p{


  color: #fff;


  font-size: 0.14rem;


  margin-bottom: 0.8rem;


	font-family:'Helvetica Light';


}


.mx-origin-main3r{


  float: left;


  width: 5.6rem;


  color: #fff;


  margin-top: 1.8rem;


}


.mx-origin-main3r h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-origin-main3r p{


  font-size: 0.2rem;


  line-height: 0.4rem;


  margin-top: 0.25rem;


	font-family:'Helvetica Light';


}


.mx-origin-main4{


  padding-bottom: 1.9rem;


  overflow: hidden


}


.mx-origin-main4l{


  float: left;


  width: 5.65rem;


  color: #fff;


  margin-right: 1.34rem;


}


.mx-origin-main4l h1{


  font-size: 0.3rem;


  line-height: 0.8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


  margin-top: 1.5rem;


}


.mx-origin-main4l p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


  margin-top: 0.35rem;


}


.mx-origin-main4l span{


  display: block;


  font-size: 0.14rem;


  line-height: 0.2rem;


  margin-top: 0.2rem;


	font-family:'Helvetica Light';


}


.mx-origin-main4r{


  float: left;


  width: 7.18rem;


  margin-top: 0.84rem;


}


.mx-origin-main4r img{


  width: 7.18rem;


  height: 4.79rem;


}


.mx-origin-main4r span{


  display: block;


  float: left;


  color: #fff;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


  margin-top: 0.35rem;


}


.mx-origin-main4r span:nth-child(3) {


  margin-left: 2.7rem;


}


.products-app{


  width: 16.2rem;


  margin: 0 auto;


  overflow: hidden;


}


.products-app h1{


  color: #000;


  font-size: 0.3rem;


  line-height: 0.8rem;


  padding: 0.8rem 0 0.3rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.products-app-main li {


  float: left;


  margin-right: 0.45rem;


}


.products-app-main li:last-child {


  margin-right: 0;


}


.products-app-main li img{


  width: 5.1rem;


  height: 6.5rem;


}


.products-app-main li span{


  display: block;


  font-size: 0.18rem;


  line-height: 0.2rem;


	font-family:'Helvetica Light';


  margin: 0.5rem 0 1.06rem 0;


}





/*3-2-2*/


.banner2{


  width: 19.2rem;


  height: 8rem;


  background-image: url('../images/three-level/banner2.png');


  background-size: 100%;


}


.banner2 h1{


  color: #fff;


  font-size: 0.72rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-box{


  width: 100%;


  background-color: #151515;


}


.cleansoft-main{


  width: 14.2rem;


  margin: 0 auto;


}


.cleansoft-main1{


  padding-top: 1.64rem;


}


.cleansoft-main1 .red-left-arrow{


  float: left;


  width: 0.55rem;


  height: 0.52rem;


}


.cleansoft-main1 .cleansoft-main1-txt{


  float: left;


  margin-top: 0.55rem;


  margin-left: 1rem;


  width: 11.48rem;


  color: #fff;


  font-size: 0.3rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.cleansoft-main1 .red-right-arrow{


  float: right;


  width: 0.55rem;


  height: 0.52rem;


  margin-top: 3.38rem;


  margin-bottom: 1.35rem;


}


.cleansoft-main2{


  padding-top: 1.9rem;


}


.cleansoft-main2l{


  float: left;


  color: #fff;


}


.cleansoft-main2l h1{


  font-size: 0.44rem;


  line-height: 0.49rem;


  margin: 0.8rem 0 0.9rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-main2l p{


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.cleansoft-main2r{


  float: right;


  width: 7.63rem;


  height: 5.03rem;


  margin-bottom: 1.15rem;


}


.cleansoft-main3{


  padding-top: 1.13rem;


  overflow: hidden;


}


.cleansoft-main3l{


  float: left;


  margin-bottom: 1.16rem;


}


.cleansoft-main3l li{


  overflow: hidden;


}


.cleansoft-main3l li:first-child{


  margin-bottom: 0.39rem;


}


.cleansoft-main3l li p{


  float: left;


  color: #fff;


  width: 1.14rem;


  margin-right: 0.42rem;


  font-size: 0.18rem;


	font-family:'Helvetica Light';


  text-transform: uppercase;


}


.cleansoft-main3l li img{


  float: left;


  width: 2.68rem;


  height: 2.33rem;


}


.cleansoft-main3l li img.mr24{


  margin-right: 0.24rem;


}


.cleansoft-main3r{


  float: right;


  color: #fff;


}


.cleansoft-main3r h1{


  font-size: 0.44rem;


  line-height: 0.49rem;


  margin: 0.6rem 0 0.8rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-main3r p{


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.cleansoft-main4{


  overflow: hidden;


}


.cleansoft-main4l{


  float: left;


  color: #fff;


}


.cleansoft-main4l h1{


  font-size: 0.44rem;


  line-height: 0.8rem;


  margin: 2.13rem 0 0.35rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-main4l p{


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.cleansoft-main4r{


  float: right;


  width: 7.36rem;


  /* height: 5.78rem; */


  margin: 0.85rem 0 0.95rem 0;


}


.cleansoft-main4rt{


  width: 100%;


  color: #fff;


  font-size: 0.18rem;


  overflow: hidden;


}


.cleansoft-main4rt span{


  position: relative;


  float: right;


  width: 1.3rem;


  text-align: right;


	font-family:'Helvetica Light';


}


.cleansoft-main4rt span:nth-child(1)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #7d7d7d;


  border-radius: 50%;


}


.cleansoft-main4rt span:nth-child(2){


  margin-right: 0.48rem;


}


.cleansoft-main4rt span:nth-child(2)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #c7000a;


  border-radius: 50%;


}


.cleansoft-main4r img{


  width: 7.3rem;


  height: 4.26rem;


  margin-top: 0.25rem;


  margin-bottom: 0.4rem;


}


.cleansoft-main4r p{


  color: #fff;


  font-size: 0.14rem;


	font-family:'Helvetica Light';


}


.cleansoft-main4r h2{


  color: #fff;


  font-size: 0.24rem;


  line-height: 0.2rem;


  margin-top: 0.35rem;


	font-family:'Helvetica Light';


  font-weight: normal;


  text-transform: uppercase;


}


.cleansoft-main5{


  margin-top: 0.9rem;


  color: #fff;


}


.cleansoft-main5l, .cleansoft-main5r{


  float: left;


}


.cleansoft-main5l{


  width: 6.13rem;


  margin-right: 1.4rem;


  margin-bottom: 1.18rem;


}


.cleansoft-main5lb{


  margin-top: 0.3rem;


}


.cleansoft-main5lb img{


  float: left;


  width: 3.02rem;


  height: 3.56rem;


}


.cleansoft-main5lb ul{


  width: 1.34rem;


  float: left;


  margin: 1.65rem 0 0 1.1rem;


  color: #fff;


  font-size: 0.18rem;


}


.cleansoft-main5lb ul span{


  display: block;


  position: relative;


  text-align: right;


	font-family:'Helvetica Light';


}


.cleansoft-main5lb ul span:nth-child(1){


  width: 1.34rem;


  margin-bottom: 0.44rem;


}


.cleansoft-main5lb ul span:nth-child(1)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #c7000a;


  border-radius: 50%;


}


.cleansoft-main5lb ul span:nth-child(2){


  width: 1.23rem;


}


.cleansoft-main5lb ul span:nth-child(2)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #eb6877;


  border-radius: 50%;


}


.cleansoft-main5r{


  width: 6.15rem;


}


.cleansoft-main5l h1, .cleansoft-main5r h1{


  font-size: 0.44rem;


  line-height: 0.8rem;


  margin-bottom: 0.25rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-main5l p, .cleansoft-main5r p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.cleansoft-main5rb{





}


.cleansoft-main5rb img{


  width: 6.67rem;


  height: 2.18rem;


  margin-top: 0.9rem;


  margin-bottom: 0.37rem;


}


.cleansoft-main5rb span{


  display: block;


  float: left;


  font-size: 0.18rem;


  line-height: 0.2rem;


	font-family:'Helvetica Light';


}


.cleansoft-main5rb span:nth-child(3) {


  margin-left: 2.4rem;


}


.cleansoft-main6{


  overflow: hidden;


}


.cleansoft-main6l{


  float: left;


  width: 6.18rem;


  color: #fff;


}


.cleansoft-main6l h1{


  font-size: 0.44rem;


  line-height: 0.8rem;


  margin: 1.07rem 0 0.28rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-main6l p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.cleansoft-main6r{


  float: right;


  width: 6.13rem;


  height: 2.49rem;


  margin: 1.42rem 0 2.71rem 0;


}


.cleansoft-bot{


  width: 19.2rem;


  height: 10.39rem;


  background-image: url('../images/three-level/cleansoft-bot.png');


  background-size: 100% 100%;


}


.cleansoft-bot h1{


  color: #000;


  font-size: 0.3706rem;


  padding: 0.99rem 0 0.23rem 1.5rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.cleansoft-bot p{


  color: #3c3c3c;


  font-size: 0.2223rem;


  line-height: 0.247rem;


  padding-left: 1.5rem;


	font-family:'Helvetica Bold';


  text-transform: uppercase;


}


/*3-2-3*/


.banner3{


  width: 19.2rem;


  height: 8rem;


  background-image: url('../images/three-level/banner3.png');


  background-size: 100%;


}


.banner3 h1{


  color: #fff;


  font-size: 0.72rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.shield-box{


  width: 100%;


  background-color: #000;


}


.shield-main{


  width: 14.2rem;


  margin: 0 auto;


}


.shield-main1{


  padding-top: 1.6rem;


  overflow: hidden;


}


.shield-main1 .green-left-arrow{


  float: left;


  width: 0.55rem;


  height: 0.52rem;


}


.shiled-main1-txt{


  float: left;


  margin-top: 0.8rem;


  margin-left: 1rem;


  width: 11.3rem;


  color: #fff;


  font-size: 0.24rem;


  line-height: 0.4rem;


  text-align: center;


	font-family:'Helvetica Light';


}


.shield-main1 .green-right-arrow{


  float: right;


  width: 0.55rem;


  height: 0.52rem;


  margin-top: 3.38rem;


  margin-bottom: 1.35rem;


}


.shield-main2l{


  float: left;


  color: #fff;


}


.shield-main2l h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  margin: 2.73rem 0 0.85rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.shield-main2l p{


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.shield-main2r{


  float: right;


  width: 6.64rem;


}


.shield-main2r span{


  display: block;


  color: #fff;


  font-size: 0.18rem;


  line-height: 0.2rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  margin-top: 1.52rem;


}


.shield-main2r img{


  width: 6.64rem;


  height: 4.13rem;


  margin: 0.6rem 0 1.13rem 0;


}


.shield-main2r p{


  color: #fff;


  font-size: 0.14rem;


  line-height: 0.2rem;


  text-align: center;


	font-family:'Helvetica Light';


  margin-bottom: 1.16rem;


}


.shield-main3{


  color: #fff;


  overflow: hidden;


}


.shield-main3l{


  float: left;


}


.shield-main3r{


  float: right;


}


.shield-main3l h1, .shield-main3r h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  padding: 1rem 0 0.75rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.shield-main3l p, .shield-main3r p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.shield-main3l p{


  width: 5.3rem;


}


.shield-main3r p{


  width: 6.6rem;


}


.shield-main3l img{


  width: 5.2rem;


  height: 1.11rem;


  margin: 0.8rem 0 2.1rem 0;


}


.shield-main3r img{


  width: 5.23rem;


  height: 1.39rem;


  margin-top: 0.5rem;


}


.shield-app-box{


  width: 100%;


  height: 11.2rem;


  background-color: #f3f3f3;


}


.shield-app-main{


  width: 14.2rem;


  margin: 0 auto;


}


.shield-app-main h1{


  color: #000;


  font-size: 0.3rem;


  height: 0.8rem;


  padding: 0.98rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.shield-app-main-img{


  overflow: hidden;


}


.shield-app-main-img img{


  width: 6.95rem;


  height: 8.2rem;


}


.shield-app-main-img img:first-child{


  float: left;


}


.shield-app-main-img img:last-child{


  float: right;


}





/* 3-2-4 */


.banner4{


  position: relative;


  width: 19.2rem;


  height: 7.99rem;


  color: #fff;


  background-image: url('../images/three-level/banner4.png');


  background-size: 100%;


}


.banner4 h1{


  font-size: 0.72rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.banner4 p{


  position: absolute;


  right: 1.5rem;


  bottom: 1.26rem;


  font-size: 0.18rem;


	font-family:'Helvetica Light';


}


.mx-safe-box{


  width: 100%;


  background-color: #000;


}


.mx-safe-main1{


  width: 14.2rem;


  margin: 0 auto;


  padding-top: 1.62rem;


}


.mx-safe-main1 .blue-left-arrow{


  float: left;


  width: 0.55rem;


  height: 0.52rem;


}


.mx-safe-main1 .mx-safe-main1-txt{


  float: left;


  margin-top: 0.55rem;


  margin-left: 1rem;


  width: 11.2rem;


  color: #fff;


  font-size: 0.24rem;


  line-height: 0.4rem;


  text-align: center;


	font-family:'Helvetica Light';


}


.mx-safe-main1 .blue-right-arrow{


  float: right;


  width: 0.55rem;


  height: 0.52rem;


  margin-top: 3.38rem;


  margin-bottom: 1.35rem;


}


.mx-safe-main2{


  width: 14.2rem;


  margin: 0 auto;


  overflow: hidden;


}


.mx-safe-main2l{


  float: left;


  width: 5.7rem;


  color: #fff;


}


.mx-safe-main2l h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  margin: 3.2rem 0 0.9rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-safe-main2l p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.mx-safe-main2r{


  float: right;


  width: 7.6rem;


  height: 6rem;


  margin: 1.75rem 0 1rem 0;


}


.mx-safe-main3{


  width: 14.2rem;


  margin: 0 auto;


}


.mx-safe-main3l{


  float: left;


  width: 7.3rem;


  height: 4.92rem;


  margin: 1.1rem 0;


}


.mx-safe-main3lt{


  width: 100%;


  color: #fff;


  font-size: 0.18rem;


  overflow: hidden;


}


.mx-safe-main3lt span {


  position: relative;


  float: left;


  width: 1.3rem;


  text-align: right;


  font-family: 'Helvetica Light';


  margin-bottom: 0.5rem;


}


.mx-safe-main3lt span:nth-child(2) {


  margin-left: 0.55rem;


}


.mx-safe-main3lt span:nth-child(1)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #28b8be;


  border-radius: 50%;


}


.mx-safe-main3lt span:nth-child(2)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #7d7d7d;


  border-radius: 50%;


}


.mx-safe-main3l img{


  width: 7.3rem;


  height: 4.26rem;


}


.mx-safe-main3r{


  float: right;


  width: 5.6rem;


  color: #fff;


}


.mx-safe-main3r h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  margin: 2.7rem 0 0.8rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-safe-main3r p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.mx-safe-main4{


  width: 14.2rem;


  margin: 0 auto;


  overflow: hidden;


}


.mx-safe-main4l{


  float: left;


  width: 5.6rem;


  color: #fff;


}


.mx-safe-main4l h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  margin: 2rem 0 0.8rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-safe-main4l p{


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.mx-safe-main4r{


  float: right;


  width: 6.98rem;


  height: 4.7rem;


  margin: 1.06rem 0 0.54rem 0;


}


.mx-safe-main5{


  position: relative;


  width: 19.2rem;


  height: 9.11rem;


  background-image: url('../images/three-level/mx-safe5.png');


  background-size: 100% 100%;


}


.mx-safe-main5-main{


  position: absolute;


  color: #fff;


  left: 2.5rem;


  top: 2.3rem;


}


.mx-safe-main5 h1{


  font-size: 0.3rem;


  line-height: 0.49rem;


  margin: 0 0 0.75rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-safe-main5 p{


  color: #fff;


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.mx-safe-main-app{


  width: 19.2rem;


  height: 9.42rem;


  background-image: url('../images/three-level/mx-safe-app.png');


  background-size: 100% 100%;


}


.mx-safe-main-app h1{


  color: #000;


  font-size: 0.3rem;


  padding: 0.99rem 0 0.23rem 1.9rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.mx-safe-main-app p{


  color: #3c3c3c;


  font-size: 0.2223rem;


  line-height: 0.247rem;


  padding-left: 1.9rem;


  font-family: 'Helvetica Bold';


  text-transform: uppercase;


}


/*3-2-5*/


.banner5{


  position: relative;


  width: 19.2rem;


  height: 7.99rem;


  color: #fff;


  background-image: url('../images/three-level/banner5.png');


  background-size: 100%;


}


.banner5 h1{


  font-size: 0.72rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


  text-transform: uppercase;


}


.spandurable-box{


  width: 100%;


  background-color: #000;


}


.spandurable-main{


  width: 14.2rem;


  margin: 0 auto;


}


.spandurable-main1{


  padding-top: 1.64rem;


}


.spandurable-main1 .red-left-arrow{


  float: left;


  width: 0.55rem;


  height: 0.52rem;


}


.spandurable-main1 .spandurable-main1-txt{


  float: left;


  margin-top: 0.9rem;


  margin-left: 1rem;


  width: 11.48rem;


  color: #fff;


  font-size: 0.3rem;


  line-height: 0.4rem;


  text-align: center;


	font-family:'Helvetica Light';


}


.spandurable-main1 .red-right-arrow{


  float: right;


  width: 0.55rem;


  height: 0.52rem;


  margin-top: 3.38rem;


  margin-bottom: 1.35rem;


}


.spandurable-main2l{


  float: left;


  color: #fff;


}


.spandurable-main2l h1{


  font-size: 0.48rem;


  line-height: 0.49rem;


  margin: 2.1rem 0 0.95rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.spandurable-main2l p{


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.spandurable-main2r{


  float: right;


  color: #fff;


  width: 5.65rem;


  margin: 0.9rem 0 0 0;


}


.spandurable-main2rt {


  width: 100%;


  color: #fff;


  font-size: 0.18rem;


  overflow: hidden;


}


.spandurable-main2rt span {


  position: relative;


  float: right;


  text-align: right;


  font-family: 'Helvetica Light';


}


.spandurable-main2rt span:nth-child(1) {


  width: 1.35rem;


}


.spandurable-main2rt span:nth-child(2) {


  width: 1.67rem;


  margin-right: 0.2rem;


}


.spandurable-main2rt span:nth-child(1)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #7d7d7d;


  border-radius: 50%;


}


.spandurable-main2rt span:nth-child(2)::before {


  position: absolute;


  left: 0;


  content: '';


  width: 0.2rem;


  height: 0.2rem;


  background-color: #c7000a;


  border-radius: 50%;


}


.spandurable-main2r img{


  width: 4.76rem;


  height: 4.51rem;


  margin: 0.7rem 0.95rem 0 0;


}


.spandurable-main2r p{


  display: block;


  font-size: 0.14rem;


  line-height: 0.2rem;


  margin: 0.36rem 0 1.26rem 0;


  font-family: 'Helvetica Light';


}


.spandurable-main3{


  overflow: hidden;


}


.spandurable-main3l{


  float: left;


  width: 7.3rem;


  margin: 0.84rem 0 0 0;


}


.spandurable-main3l img{


  width: 7.3rem;


  height: 4.26rem;


}


.spandurable-main3l p{


  color: #fff;


  font-size: 0.14rem;


  line-height: 0.2rem;


  margin: 0.4rem 0 1.75rem 0;


  font-family: 'Helvetica Light';


}


.spandurable-main3r{


  float: right;


  color: #fff;


  width: 5.64rem;


}


.spandurable-main3r h1{


  font-size: 0.48rem;


  line-height: 0.49rem;


  margin: 1.7rem 0 0.8rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.spandurable-main3r p{


  width: 5.6rem;


  font-size: 0.2rem;


  line-height: 0.4rem;


	font-family:'Helvetica Light';


}


.spandurable-app{


  width: 14.2rem;


  margin: 0 auto;


  overflow: hidden;


}


.spandurable-app h1{


  color: #000;


  font-size: 0.3rem;


  margin: 0.96rem 0 0.66rem 0;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


}


.spandurable-app ul li:first-child{


  float: left;


}


.spandurable-app ul li:last-child{


  float: right;


}


.spandurable-app ul li img{


  width: 6.95rem;


  height: 8.5rem;


}


.spandurable-app ul li p{


  font-size: 0.18rem;


  margin: 0.5rem 0 1.04rem 0;


	font-family:'Helvetica Light';


  text-transform: uppercase;


}





/*新闻详情*/


.banner6{


  width: 19.2rem;


  height: 8rem;


  background-image: url('../images/news/banner-bg.jpg');


  background-size: 100% 100%;


}


.banner6 h1{


  color: #fff;


  font-size: 0.56rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


  text-transform: uppercase;


}


.news-detail{


  width: 100%;


  padding: 1.22rem 0;


  background-color: #f4f4f4;


}


.news-main{


  width: 16.2rem;


  background-color: #fff;


  margin: 0 auto;


  padding: 0 1.55rem;


  overflow: hidden;


}


.news-main h1{


  color: #000;


  font-size: 0.36rem;


  text-align: center;


  padding: 1.08rem 0 0.4rem 0;


	font-family:'Helvetica Bold';


  font-weight: normal;


  text-transform: uppercase;


}


.news-main span{


  display: block;


  font-size: 0.18rem;


  text-align: center;


  color: #474747;


  margin-bottom: 0.4rem;


	font-family:'Helvetica Light';


}


.news-main-txt{


  color: #000;


}


.news-main-txt p{


  font-size: 0.2rem;


  line-height: 0.26rem;


  margin-bottom: 0.46rem;


}


.news-main-txt img{


  width: 9.35rem;


  height: 5.8rem;


  margin: 0 auto 0.5rem;


}


.back-to-news{


  display: block;


  font-size: 0.16rem;


  width: 2.02rem;


  height: 0.46rem;


  color: #fff;


  background-color: #c7000b;


  text-align: center;


  line-height: 0.46rem;


  margin: 0.54rem auto 0.6rem;


  border-radius: 0.22rem;


	font-family:'Helvetica Regular';


}