body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { 
  margin:0; 
  padding:0; 
}
body { 
  color:#555;
  font-family: Microsoft YaHei;
  font-weight: 400;
  height: 100%;
}
td,th,caption { 
  font-size:14px; 
}
h1, h2, h3, h4, h5, h6 { 
  font-weight:normal; 
  font-size:100%; 
}
address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; 
  font-weight:normal;
}
a { 
  color:#555; 
  text-decoration:none; 
}
a:hover { 
  text-decoration:none; 
}
img { 
  border:none; 
  display: block;
  margin: 0;
  padding: 0;
}
ol,ul,li { 
  list-style:none; 
}
table { 
  border-collapse:collapse; 
}
html {
  overflow-y: scroll;
  height: 100%;
  font-size: calc(100vw / 7.5);
}
@media screen and (max-width: 319px) {
  body{
    font-size: 64px;
  }
};
@media screen and (min-width: 540px) {
  body{font-size: 108px;}
}
.clearfix:after {
  content: "."; 
  display: block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}
.clearfix { 
  *zoom:1; 
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.block{
  display: block !important;
}
.none{
  display: none !important;
}
/* 首页 */
.index-bg{
  width: 100%;
  height: 100vh;
  background: url("../img/index-bg.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.index-Swiper{
  width: 100%;
  height: 100vh;
}
.index-Swiper .swiper-slide {
  /* 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;
  position: relative;

}
/* 第一页 */
.index{
  width: 100%;
  height: 100vh;
  background: url("../img/index-banner.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 2.25rem;
}
.index-title{
  width: 5.16rem;
  margin:0 auto 4.02rem;
}
.index-txt{
  width: 1.92rem;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.2rem;
  color: #FDDE6A;
  margin:0 auto 0.36rem;
  text-align: center;
}
.next-btn{
  margin: auto;
}
/* 第二页 */
#index2{
  /* display: none; */
  padding-top: 2.39rem;
  /* z-index: 2; */
}
.index2-content{
  width: 6.14rem;
  height: 8.66rem;
  margin: 0 auto 0.2rem;
  background: url("../img/index2-bg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  box-sizing: border-box;
  padding: 1.03rem 0.73rem 0;
}
.index2-intr{
  width: 4.75rem;
  height: 0.8rem;
  background: url("../img/index2-title.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: -0.35rem;
  transform: translate(-50%,0);
  font-size: 0.38rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.7rem;
}
.index2-title{
  width: 2.89rem;
  height: 0.32rem;
  margin-bottom: 0.22rem;
}
.index2-txt{
  font-size: 0.24rem;
  color: #727171;
  line-height: 0.38rem;
  text-indent: 0.24rem;
}
/* 第三页 */
#index3{
  /* display: none; */
  padding-top: 3.78rem;
  /* z-index: 4; */
}
.index3-yx{
  width: 6.06rem;
  margin: auto;
}
.index3-img{
  width: 2.77rem;
  height: 1.16rem;
  background: url("../img/index3-txtl.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.36rem 0.33rem;
}
.index3-img.fr{
  background: url("../img/index3-txtr.png") no-repeat;
  background-size: 100% 100%;
  padding-left: 0.67rem;
}
.index3-img img{            
  width: 1.81rem;
  height: 0.35rem;
}
.index3-video{
  width: 5.84rem;
  height: 4.75em;
  margin: -0.24rem auto 0;
  background: url("../img/index3-video-bg.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 1.44rem 0.17rem 0.26rem;
}
.index3-video video{
  width: 100%;
  height: 100%;
}
#index3 .index-txt{
  margin-top: 1rem;
}
/* 第四页 */
#index4{
  /* z-index: 5; */
  /* display: none; */
  padding-top: 2.51rem;
}
.index4-title{
  width: 5.69rem;
  height: 1.81rem;
  margin: 0 auto 0.93rem;
}
.index4-content{
  width: 5.8rem;
  margin: 0 auto 1.52rem;
}
.index4-img{
  float: left;
  width: 1.44rem;
  height: 4.49rem;
  display: block;
}
.index4-img img{
  width: 100%;
  height: 100%;
}

/* 列表 */
.list{
  width: 100%;
  background: #F0FFFF url("../img/list-bg.png") no-repeat bottom center;
  background-size: contain;
  font-size: 0.24rem;
  color: #727171;
  line-height: 0.38rem;
  padding-bottom: 0.9rem;
}
.list-title{
  width: 100%;
  height: auto;
}
.w600{
  width: 6rem;
  margin: auto;
}
.list-line{
  width: 6rem;
  height: 0.01rem;
  margin: auto;
}
.list-btn{
  width: 3.4rem;
  height: 0.8rem;
  background: url("../img/list-btn.png") no-repeat;
  background-size: 100% 100%;
  line-height: 0.8rem;
  margin: auto;
  font-size: 0.24rem;
  text-align: center;
  color: #FFFFFF;
}

/* 第一个列表 */
.list1-yxds{
  margin: 0.39rem auto 0;
  color: #727171;
}
.swiper.mini {
  width: 6.88rem;
  height: 3.6rem;
  overflow: hidden;
  margin: 0.34rem auto;
  position: relative;
}
.mini .swiper-slide {
  width: 100%;
  height: 3.6rem;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 0.44rem;
  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;
}
.mini .swiper-slide .myswiper-content{
  width: 6rem;
  height: 100%;
  padding: 0.1rem;
  box-sizing: border-box;
  background: url("../img/list-swiper-bg.png") no-repeat;
}
.mini .swiper-slide .myswiper-content img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mini .swiper-button-next:after,.mini .swiper-rtl .swiper-button-prev:after ,.mini .swiper-button-prev:after,.mini .swiper-rtl .swiper-button-next:after {
  content: '';
}
.mini .swiper-button-next,.mini .swiper-button-prev {
  width: 0.32rem;
  height: 0.3rem;
}
.mini .swiper-button-prev, .mini .swiper-rtl .swiper-button-next {
  left: 0;
  right: auto;
  background: url("../img/list1-l.png") no-repeat;
  background-size: 100% 100%;
}
.swiper-button-next, .mini .mini .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
  background: url("../img/list1-r.png") no-repeat;
  background-size: 100% 100%;
}
.list1-title-mont{
  width: 6rem;
  height: 1.52rem;
  margin: 0.37rem auto 0;
  background: url("../img/list1-title-bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 1.01rem;
  font-size: 0.36rem;
  font-weight: bold;
  color: #FFFFFF;
}
.list1-title-water{
  width: 6rem;
  height: 1.66rem;
  margin: 0.37rem auto 0;
  background: url("../img/list1-title2-bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 1.14rem;
  font-size: 0.36rem;
  font-weight: bold;
  color: #FFFFFF;
}
.list1-title-human{
  width: 6rem;
  height: 1.23rem;
  margin: 0.37rem auto 0;
  background: url("../img/list1-title3-bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.7rem;
  font-size: 0.36rem;
  font-weight: bold;
  color: #FFFFFF;
}
.list1 .list-line{
  margin: 0.8rem auto 0.95rem;
}
/* 第二页 */
.list2 .list-line{
  margin: 0.5rem auto;
}
.list2-btn{
  float: left;
  margin-left: 0.13rem;
  position: relative;
  width: 1.4rem;
  height: 0.6rem;
  background: url("../img/list2-btn.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 0.24rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.6rem;
}
.list2-list .list2-btn:nth-child(1){
  margin-left: 0;
}
.list2-btn.on{
  background: url("../img/list2-btn-hover.png") no-repeat;
  background-size: 100% 100%;
}
.list2-content{
  margin-top: 0.5rem;
  display: none;
}
.list2-title{
  font-size: 0.36rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0691FB;
  line-height: 0.38rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.list2-demo{
  width: 100%;
  border: 0.01rem solid #50C6D0;
  border-radius: 0.1rem;
  padding: 0.2rem;
  box-sizing: border-box;
  font-size: 0.24rem;
  color: #727171;
  line-height: 0.38rem;
}
.list-demo-tile{
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  background: url("../img/list2-title-bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.list2-demo img{
  width: 100%;
  margin: 0.3rem auto;
}
.list2-adv{
  display: block;
  width: 100%;
  height: auto;
  margin: 0.4rem auto;
}
.list2-adv img{
  width: 100%;
}
.list2 .list-btn{
  margin-top: 0.88rem;
}
/* 第三页 */
.list3 .list-line{
  margin: 0.45rem auto;
}
.list2-bg{
  width: 100%;
  /*background: url("../img/list2-bg.png") no-repeat;
  background-size: 100% 100%;*/
  margin: 0.39rem 0;
  padding: 0.3rem 0;
}
/*.list2-bg .list1-yxds{
  color: #fff;
}*/
.list3 .list3-summ{
	text-indent: 2em;
}
.list3-ul li{
  width: 6rem;
  height: 1.4rem;
  /*border: 0.01rem dashed #98FBA6;*/
  border-radius:  0.1rem;
  font-size: 0.24rem;
  color: #727171;
  line-height: 0.38rem;
  box-sizing: border-box;
  padding: 0.18rem 0.3rem;
  margin: 0.38rem auto 0;
}
/*.list3-ul li:nth-child(1){
  border: none;
  color: #fff;
  background: url("../img/list3-ul-bg1.png") no-repeat;
  background-size: 100% 100%;
}
.list3-ul li:nth-child(3){
  border: none;
  color: #fff;
  background: url("../img/list3-ul-bg2.png") no-repeat;
  background-size: 100% 100%;
}
.list3-ul li:nth-child(4){
  border: 0.01rem dashed #0691FB;
}*/
.list3 .list-line.list3-line{
  margin: 0.6rem auto;
}
/* 第四页 */
.list4-swiper {
  height: auto;
  overflow: hidden;
  padding-bottom: 0.6rem;
  margin-bottom: 0.78rem;
  position: relative;
}

.list4-swiper .swiper-slide {
  /* 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;
}
.list4-swiper .swiper-slide img{
  width: 6rem;
  height: auto;
  min-height: 13.12rem;
}
.list4-swiper .swiper-pagination-bullet {
  width: 0.13rem;
  height: 0.13rem;
  display: inline-block;
  border-radius: 50%;
  background: #0691FB;
  opacity: 1;
}
.list4-swiper .swiper-pagination-bullet-active {
  width: 0.3rem;
  height: 0.13rem;
  border-radius: 0.1rem;
}
.list4-swiper .swiper-horizontal>.swiper-pagination-bullets, .list4-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .list4-swiper .swiper-pagination-fraction {
  bottom: 0;
}