/* ---------------------------------------- 默认css针对16:9标准比例屏幕微信----------------------------------------*/
html, body {
  position: relative;
  width: 100%;
  height: 100%;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide a{
  width:100%;
  height:100%;
  display:block;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom:5%;
}
.swiper-pagination-bullet{
	width: .2rem;
	height: .2rem;
	border-radius: 0;
	border: 1px solid #FFFFFF;
	background: #4c5557;
	opacity: 0.7;
}
.swiper-pagination-bullet-active{
	opacity: 1;
	background: #203559;
}

.swiper-slide .title {
  top:8%;
  left:0;
  position:absolute;
  width:100%;
}

.swiper-slide .title img{
  display:block;
  width:100%;
  height:auto;
}
/*---------------------------------------- 15:9 android 微信 && 16:9 浏览器----------------------*/
/*
@media screen and (device-width:360px) and (max-height:540px), screen and (device-width:412px) and (max-height:630px), screen and (device-width:320px) and (max-height:470px), screen and (device-width:375px) and (max-height:560px), screen and (device-width:414px) and (max-height:630px){

.page_box1 .page_line, .page_box2 .page_line{
  width: .26rem;
  height: .26rem;
  border: 1px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 39%;
  margin-left: -0.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_box3 .page_line, .page_box4 .page_line{
  width: .26rem;
  height: .26rem;
  border: 1px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 73%;
  margin-left: -0.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

*/
/* huawei适配 */



/*}*/

/*---------------------------------------- 15:9 android 微信 ----------------------*/
@media screen and (device-width:360px) and (min-height:600px), screen and (device-width:412px) and (min-height:700px), screen and (device-width:393px) and (min-height:660px){



}

/*---------------------------------------- 18:9 android 微信 no system bar ----------------------*/
@media screen and (device-width:360px) and (min-height:620px), screen and (device-width:412px) and (min-height:720px){

}

/*---------------------------------------- 18:9 android 浏览器----------------------*/
@media screen and (device-width:360px) and (min-height:540px) and (max-height:560px), screen and (device-width:412px) and (min-height:630px) and (max-height:640px), screen and (device-width:393px) and (min-height:600px) and (max-height:620px){


}

/*---------------------------------------- iphoneX 微信----------------------*/
@media screen and (device-width:375px) and (min-height:720px){



}

/*---------------------------------------- iphoneX 浏览器----------------------------------------------*/
@media screen and (device-width:375px) and (min-height:630px) and (max-height:640px){

}

/*---------------------------------------- android----------------------*/
@media screen and (device-width:360px), screen and (device-width:412px), screen and (device-width:393px){


}

/*---------------------------------------- iphone ----------------------------------------------*/
@media screen and (device-width:320px), screen and (device-width:375px), screen and (device-width:414px){
 
}