/** 750设计稿 **/
body {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
}
ul,
ol,
li,
p {
    margin: 0;
    padding: 0;
}
/* 第一页样式 start */
.page-one {
   /* background-color: aquamarine; */
}
.page-one-wrapper-mb{
  position: relative;
  height:100%;
  width:100%;
  background: url('../../images/index/mb/page-one-bg.png') no-repeat;
  background-size: 100% 100%;
}
nav{
  background: rgba(255, 255, 255, 0);
  padding:0;
  height:1.16rem;
}
.navbar{
  padding:0;
}
.nav-wrapper{
  height: 1rem;
  width:100%;
}
.navbar-brand{
  display: flex;
  height:100%;
  width: 50%;
}
#nav-logo{
  height:0.48rem;
  width: 1.36rem;
  z-index: 999;
  margin-left:0.32rem;
}
.navbar-toggler{
  width: 0.3rem;
 /* background-color: #333; */
 border:none;
}
.nav-link{
  padding:0.2rem;
  font-size: 0.16rem;
}
.navbar-toggler-icon{
  display: block;
  height: 0.48rem;
  width: 0.48rem;
  z-index: 999;
}
.navbar-collapse{
  clear: both;
  color:#333 !important;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.navbar-dark .navbar-nav .nav-link{
  color:#333;
}
.page-one-text-wrapper{
  float: left;
  margin-top:2.6rem;
  margin-left:0.32rem;
}
.page-one-text-zh-one,.page-one-text-zh-two{
  font-size: 0.52rem;
  font-weight: 600;
  line-height: 0.96rem;
  color:#fff;
}
.page-one-text-en{
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.44rem;
  color:#fff;
}
.page-one-icon-box{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom:0.8rem;
  left:50%;
  transform: translateX(-50%);
}
.page-one-icon-box span{
  font-size: 0.24rem;
  line-height: 0.44rem;
  color:#fff;
  font-weight: 500;
}
.page-one-icon-box img{
  width:0.48rem;
  height:0.48rem;
}
/* 第一页样式 end */

/* 第二页样式 start */
.page-two-wrapper-mb{
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
}
.page-two-middle{
  position: absolute;
  top:4.96rem;
  left:0.32rem;
  height:0.84rem;
  width:3.4rem;
  background-color: #C52E34;
  padding:0.32rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#fff;
  z-index: 11;
}
.page-two-middle span{
  font-size: 0.24rem;
}
.page-two-box{
  width: 100%;
  height:100%;
  display: flex;
  flex-direction: column;
}
.page-two-wrapper-mb .page-two-top-box{
  width: 100%;
  height: 5.38rem;
  background-color: #1A3D8C;
}

.page-two-about-us{
  float: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.8rem;
  margin-right:0.32rem;
  color:#fff;
}
.page-two-about-us .about-en{
  font-size: 0.4rem;
  font-weight: 500;
  line-height: 0.44rem;
}
.page-two-about-us .about-zh{
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.32rem;
}

.page-two-top-box  .conpany-text-box{
  /* background: #fff; */
  float: left;
  margin-top:0.4rem;
  margin-left:0.32rem;
  width:5.24rem;
  color:#fff;
}
.conpany-text-box .conpany-text-title{
  font-size: 0.4rem;
  font-weight: 500;
  line-height: 0.52rem;
}
.conpany-text-box .conpany-text-zh{
  margin-top:0.24rem;
  font-size:0.22rem;
  font-weight: 400;
  line-height: 0.32rem;

}
.page-two-bottom-box{
  position: relative;
  flex-grow: 1;
  background-color: aqua;
  background: url('../../images/index/mb/page-two-bottom-bg.png');
  background-size: 100% 100%;
}
.page-two-bottom-box .row{
  margin:0;
  padding:0;
}
.page-two-bottom-box .row-top{
  margin-top:2.16rem;
}
.page-two-bottom-box .page-two-bottom-middle{
  width:100%;
  height:1.30rem;
  /* background-color: #C52E34; */
}
.page-two-bottom-item{
  padding:0 !important;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.2);
  align-items: center;
}
.page-two-bottom-item:hover{
  background-color: #C52E34;
}
.page-two-bottom-item img{
  margin-top:0.28rem;
  width:1.04rem;
  height:0.36rem;
}
.page-two-bottom-item span:nth-of-type(1){
  margin-top:0.08rem;
  font-size: 0.18rem;
  /* line-height: 0.32rem; */
  font-weight: 500;
  color:#fff;
}
.page-two-bottom-item span:nth-of-type(2){
  /* margin-top:0.08rem; */
  font-size: 0.18rem;
  /* line-height: 0.32rem; */
  font-weight: 500;
  color:#fff;
}
.page-two-bottom{
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height:1.16rem;
  background: linear-gradient(to right, #54749D, #99AFD2);
  bottom:0;
  padding:0.40rem;
}
.small-line{
  display: block;
  height:0.36rem;
  width:1px;
  background: rgba(255, 255, 255, 0.2);
}
.page-two-bottom-end{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color:#fff;
  /* border-right: 1px solid rgba(255, 255, 255, 0.2) */
}
.page-two-bottom-end img{
  width: 0.4rem;
  height: 0.4rem;
}
.page-two-bottom-end span{
  margin-left:0.20rem;
  font-size: 0.16rem;
  font-weight: 500;
}
/* 第二页样式 end */

/* 第三页样式 start */
.page-three-box{
  height:100%;
  width: 100%;
}
.page-three-mb{
  position: relative;
  height:100%;
  width: 100%;
}
.page-three-box .swiper{
  height:100%;
  width: 100%;
}
.page-three-box  .swiper-wrapper{
  height:100%;
  width: 100%;
}
.page-three-box  .page-three-swiper{
  position: relative;
}
.page-three-box  .swiper-slide{
  display: flex;
  flex-direction: column;
  height:100%;
  width: 100%;
  background-color: #1A3D8C;
}

.swiper-top-box{
  display: flex;
  flex-direction: column;
  width:100%;
  /* height:8.56rem; */
  flex:1;
  background: url('../../images/index/page-three-2.png') no-repeat;
  background-size: 100% 100%;
  padding:0rem 0.32rem;
  box-sizing: border-box;
  color:#fff;
}
.swiper-top-box-title{
  margin-top:4.4rem;
  font-size: 0.48rem;
  line-height: 0.86rem;
  font-weight: 500;
}
.swiper-top-box-icon{
  height: 0.1rem;
  width:0.24rem;
}
.swiper-top-box-content{
  margin-top: 0.32rem;
  font-size: 0.24rem;
  line-height: 0.42rem;
  font-weight: 500;
  width:4.68rem;
}
.three-bottom-box{
  /* flex:1; */
  height:3.52rem;
  position: relative;
  background-color: #C52E34;
}
.three-bottom-box-title{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0.34rem;
  color:#fff;
}
.three-bottom-title-left{
  font-size: 0.24rem;
  line-height: 0.44rem;
  font-weight: 400;
  color:#fff;
}
.three-bottom-title-right{
  font-size: 0.64rem;
  line-height: 1.16rem;
  font-weight: bold;
  margin-left:0.24rem;
  color:#fff;
}
.three-bottom-detail-box{
  position: absolute;
  width:4.62rem;
  height:0.84rem;
  /* border:2px solid #fff; */
  padding:0rem 0.32rem;
  display: flex;
  /* justify-content: space-between; */
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  left:50%;
  transform: translateX(-50%);
  bottom:0.86rem;
}

/* .three-bottom-detail-box span{
  font-size: 0.28rem;
  color:#fff;
}
.three-bottom-detail-box img{
  width:0.48rem;
  height:0.2rem;
} */
.page-three-box .swiper-button-next,.page-three-box .swiper-button-prev{
  position: absolute !important;
  background-image: none !important;
  width:0.84rem !important;
  height:0.84rem !important;
  border:2px solid #fff;
  background: #C52E34;
  top: auto !important;
  bottom:1.27rem !important;
  font-size: 0.5rem;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;

}
.page-three-box .swiper-pagination{
  position: absolute;
  margin-bottom: 3.74rem;
  left:0.32rem !important;
  right:auto !important;
  text-align: left !important;
  color: #fff !important;
  font-size: 0.36rem;
  font-family: Alibaba PuHuiTi-Bold, Alibaba PuHuiTi;
  line-height: 0.64rem;
}
.page-three-box.swiper-pagination-current{
  font-size: 0.5rem;
  font-weight: bold;
}
.page-three-box .three-page-pagination{
  font-size: 0.4rem;
}
/* 第三页样式 end */

/* 第四页样式 start */
.page-four-wrapper-mb{
  height:100%;
  width:100%;
}
.page-four-wrapper-mb .swiper{
  height: 100%;
  width: 100%;
}
.page-four-wrapper-mb .swiper-wrapper{
}
.page-four-wrapper-mb .swiper-slide{
  height:100%;
  width:100%;
}
.page-four-wrapper-mb .page-four-mb-item{
  background:url('../../images/index/mb/page-four-banner.png') no-repeat;
  background-size: 100% 100%;
}
.page-four-wrapper-mb .page-four-mb-silde-content{
  display: flex;
  flex-direction: column;
  margin-top:2.82rem;
  float: right;
  width:6.72rem;
  height:7.64rem;
  /* background: #1A3D8C; */
}
.page-four-wrapper-mb .page-four-mb-silde-top{
  display: flex;
  flex-direction: column;
  padding:0.26rem 0.32rem;
  width: 2.48rem;
  height:1.88rem;
  background-color: #C52E34;
  color:#fff;
}
.page-four-mb-silde-top .case-en{
  font-size:0.4rem;
  font-weight: 500;
  line-height: 0.44rem;
}
.page-four-mb-silde-top .case-zh{
  font-size: 0.24rem;
  font-weight: 400;
  line-height: 0.32rem;
  margin-top: 0.16rem;
}
.page-four-mb-silde-bottom{
  background-color: #fff;
  height: 100%;
  width: 100%;
  padding:0.32rem;
}
.page-four-mb-silde-bottom .page-four-mb-silde-bottom-title{
  font-size: 0.36rem;
  font-weight: 500;
  color:#333;
  line-height: 0.46rem;
  margin-top: 0.24rem;
}
.page-four-mb-silde-bottom p{
  margin-top:0.24rem;
  font-size: 0.22rem;
  font-weight: 400;
  color:#666;
  line-height: 0.32rem;
}
.page-four-mb-silde-bottom .detial-wrapper{
  margin-top:0.84rem;
  height:0.84rem;
  width: 4.64rem;
  border:2px solid #C52E34;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#C52E34;
  padding:0 0.32rem;
}
.page-four-mb-silde-bottom .detial-wrapper span{
  font-size: 0.28rem;
  font-weight: 400;
  line-height: 0.5rem;
}
.page-four-mb-silde-bottom .detial-wrapper img{
  width:0.48rem;
  height:0.2rem;
}
/* 第四页样式 end */
/* 第五页样式 start */
.page-five-box-mb{
  width: 100%;
  height: 100%;
}
.page-five-mb{
  width: 100%;
  height: 100%;
  position: relative;
}
.page-five-wrapper-mb{
  display: flex;
  flex-direction: column;
  height:100%;
  width: 100%;
}
.page-five-wrapper-mb .page-five-mb-top{
  width: 100%;
  height:7.94rem;
  background: url('../../images/index/mb/page-five-top-bg.png') no-repeat;
  background-size: 100% 100%;
}
.news-center-title{
  float: left;
  margin-left:0.32rem;
  margin-top:0.8rem;
}
.page-five-mb-top .news-center-en{
  font-size: 0.4rem;
  font-weight: 500;
  color:#333;
  line-height: 0.44rem;
}
.page-five-mb-top .news-center-zh{
  margin-top:0.16rem;
  font-size: 0.24rem;
  font-weight: 400;
  color:#333;
  line-height: 0.32rem;
}

.page-five-wrapper-mb .page-five-mb-bottom{
  flex: 1;
  width: 100%;
  background-color: #1A3D8C;
}
.news-swiper{
  position: absolute;
  /* background-color: dodgerblue; */
  top:3rem;
  width:100%;
  height:6rem;
}
.page-five-swiper-mb{
  width: 100%;
  height: 100%;
  /* background-color: #C52E34; */
}
.page-five-swiper-mb .swiper-wrapper{
  width: 100%;
  height: 100%;
  /* background-color: #54749D; */
}
.page-five-swiper-mb .swiper-slide{
  width: 5.88rem !important;
  height:100%;
  background-color: #333;
}
.page-five-swiper-mb .swiper-slide .page-five-swiper-item{
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #54749D;
}
.page-five-swiper-item .page-five-item-top{
  height:3.92rem;
}
.page-five-item-top img{
  width: 100%;
  height: 100%;
}
.page-five-swiper-item .page-five-item-bottom{
  flex: 1;
  background-color: #fff;
  padding:0.32rem;
  display: flex;
  flex-direction: column;
}
.page-five-item-bottom p{
  margin: 0;
  padding: 0;
  font-size: 0.26rem;
  font-weight: 500;
  color:#333;
  line-height: 0.46rem;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
} 
.page-five-item-bottom hr{
  margin-top: 0.32rem;
  margin-bottom:0rem;
  width: 100%;
  background: #f2f2f2;
  height:2px;
}
.page-five-item-bottom .plain-detail{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0.28rem 0;
}
.page-five-item-bottom .plain-detail span{
  font-size: 0.2rem;
  font-weight: 400;
  line-height: 0.36rem;
  color:#999;
}
.page-five-item-bottom .plain-detail img{
  width: 0.4rem;
  height: 0.16rem;
}
/* 第五页样式 end */

/* 第六页样式 start */
.page-six-mb-box{
  width:100%;
  height:100%;
}
.page-six-mb-big-box{
  position: relative;
  width: 100%;
  height: 100%;
}

.page-six-mb-wrapper{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /* background-color: #54749D; */
}
.page-six-mb-wrapper .pages-six-mb-top{
  margin-top:0.96rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-six-mb-wrapper .page-six-mb-top-en{
  font-size: 0.4rem;
  font-weight: 500;
  color:#333;
  line-height: 0.44rem;
}
.page-six-mb-wrapper .page-six-mb-top-zh{
  margin-top:0.16rem;
  font-size: 0.24rem;
  font-weight: 400;
  color:#333;
}
.pages-six-mb-middle {
  margin-top:0.64rem;
  height:1.28rem;
}
.page-six-swiper-mb{
  width:100%;
  height:100%;
}

.page-six-swiper-mb .swiper-slide{
  height: 100%;
  
}
.swiper-slide-item{
  width:2.6rem;
  height:1.28rem;
  padding:0.16rem;
  box-sizing: border-box;
}
.swiper-slide-item  img{
  width: 100%;
  height: 100%;
  margin-right:0.16rem;
}
.pages-six-mb-bottom{
  /* margin-top:0.66rem; */
  /* flex:1; */
  position: absolute;
  width: 100%;
  height:7.4rem;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.page-six-mb-bottom-top{
  padding:0 0.6rem;
  flex:1;
  background: url('../../images/index/mb/mb-footer-bg.png') no-repeat;
  background-position:center bottom;
  background-size:100% 164%;
  
}
.mb-footer-top{
  margin-top:0.4rem;
  display: flex;
  justify-content: space-between;
}
.mb-footer-top dl,.mb-footer-top dt,.mb-footer-top dd{
  margin:0;
  padding:0;
}
.mb-footer-top dt{
  color:#333;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.50rem;
  margin-bottom:0.32rem;
}
.mb-footer-top dd{
  margin-bottom:0.16rem;
}
.mb-footer-top dd a{
  font-size: 0.24rem;
  line-height: 0.44rem;
  font-weight: 500;
  color:#666;
}
.mb-footer-middle{
  margin-top:0.64rem;
  width:100%;
  display: flex;
  justify-content: space-between;
}
.mb-footer-middle-left{
  display: flex;
  flex-direction: column;
}
.mb-footer-middle-left img{
  width: 1.4rem;
  height:0.48rem;
}
.mb-footer-middle-left .service-hotline, .mb-footer-middle-left .address-text{
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.36rem;
  color:#666;
  margin-top:0.1rem;
  margin-bottom: 0.1rem;
} 
.mb-footer-middle-left .hotline{
  font-size: 0.27rem;
  font-weight: 500;
  color:#333;
  line-height: 0.5rem;
}
.mb-footer-middle-left .address-detail{
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.36rem;
  color:#333;
}
.mb-footer-middle-right{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mb-footer-middle-right img{
  width:1rem;
  height:1rem;
}
.mb-footer-middle-right span{
  font-size: 0.16rem;
  font-weight: 500;
  color:#333;
  line-height: 0.28rem;
}
.page-six-mb-bottom-bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:0.64rem;
  background-color: #F6F6F8;
  font-size: 0.18rem;
  font-weight: 500;
  color:#999;
}
.page-six-mb-bottom-bottom a{
  text-decoration: none;
  color:#999;
}
.logo11-size{
  width: 0.42rem !important;
  height: 0.22rem !important;
}
.logoOne-size{
  height: 0.15rem;
  width: 0.6rem !important;
}
.logotwo-size{
  height: 0.15rem;
  width: 0.64rem !important;
}
.logothree-size{
  height: 0.15rem;
  width: 0.56rem !important;
}
/* 第六页样式end */