*{
  margin: 0;
  padding: 0;
}
 
.flex{
  display: flex;
  }
.a-c{
  align-items: center;
}
.j-c{
  justify-content: center;
}
.j-s{
  justify-content: space-between;
}
.f-w{
  flex-wrap: wrap;
}
a{
  text-decoration: none;
  color: #000;
}

.lyg .list .szyw ul li a,
.lyg .list .fgzz ul li a,
.lyg .list .tzgg ul li a {
    width: 83%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    color: #000;
}

.m-a{
  margin: 0 auto;
}
.rel{
  position: relative;
}
.abs{
  position: absolute;
}
[v-cloak]{
  display: none;
}
.lyg{
  width: 100%;
  height: 100%;
}
.lyg-container{
  width: 1200px;
}
.lyg-container .header{
  width: 100%;
  height: 250px;
  background: url(./img/header-background.png) no-repeat ;
  background-size: 100% 100%;
}
.lyg-container .header .logo{
  width: 40%;
  top: 12%;
  left: 3%;
}
.lyg-container .header .logo img{
  width: 100%;
}
.lyg-container .header .slh{
  display: block;
  text-align: center;
  padding: 10px 15px;
  right: 1%;
  top: 36%;
  background-image: linear-gradient(to bottom, #faf2cd, #cbb37c);
  border-radius: 2rem;
  border: 1px solid #e4cd9e;
  font-size: 2rem;
  color: #e36112;
}
.lyg-container .header .slh a{
  color: #fff;
  color: #e36112;
  font-size: 28px;
}
.lyg-container .header .nav{
  bottom: 0%;
  width: 100%;
}
.lyg-container .header .nav ul{
  width: 100%;
  list-style: none;
  background-color: #1a95d8;
}
.lyg-container .header .nav ul li{
text-align: center;
    width: 400px;
  padding: 15px 14px;
  cursor: pointer;
}
.lyg-container .header .nav ul li a{
  color: #fff;
  font-size: 28px;
}
.lyg-container .header .nav ul li.active{
  background-color: #53b0e2;
}
.swiper-container {
  width: 100%;
  height: 600px;
  margin-bottom: 20px;
  --swiper-theme-color: rgba(0, 0, 0, 1);
  --swiper-pagination-color: #fff;
  margin-top: 30px;
  /* 两种都可以 */
}

.swiper-container img {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  --swiper-navigation-size: 0;
}

.swiper-container .swiper-button-prev {
  width: 50px;
  height: 90px;
  background: url(./img/slidesleft.png) no-repeat;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-container .swiper-button-next {
  width: 50px;
  height: 90px;
  background: url(./img/slidesright.png) no-repeat;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  margin-left: 900px !important;
  width: 300px !important;
  bottom: 20px !important;
}

.swiper-pagination {
  z-index: 100 !important;
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  border-radius: 20px !important;
}

.swiper-container .swiper-button-prev {
  right: 50px;
  bottom: 50px;
}

.swiper-container .swiper-bottom {
  width: 100%;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.2);
  bottom: 0;
  z-index: 99;
  color: #fff;
  font-size: 28px;
  line-height: 70px;
  margin-left: 50px;
  letter-spacing: 2px;
}
.lyg .list{
  width: 100%;
}
.lyg .list .szyw,
.lyg .list .fgzz{
  width: 48%;
 margin-top: 20px;
}
.lyg .list .tzgg{
  width: 100%;
  margin-top: 20px;
}
.lyg .list .szyw .szyw-header,
.lyg .list .fgzz .fgzz-header,
.lyg .list .tzgg .tzgg-header{
  background-color: #ecf4fc;
}

.lyg .list .szyw .szyw-header span,
.lyg .list .fgzz .fgzz-header span,
.lyg .list .tzgg .tzgg-header span{
  padding: 20px 40px;
  background-color: #1a95d8;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}
.lyg .list .szyw .szyw-header a,
.lyg .list .fgzz .fgzz-header a,
.lyg .list .tzgg .tzgg-header a{
  margin-right: 20px;
  font-size: 28px;
  color: #939393;
}
.lyg .list .szyw ul li::marker,
.lyg .list .fgzz ul li::marker,
.lyg .list .tzgg ul li::marker{
  color: #1a95d8;
}
.lyg .list .szyw ul,
.lyg .list .fgzz ul,
.lyg .list .tzgg ul{
  margin-left: 25px;
  margin-top: 20px;
}
.lyg .list .szyw ul li,
.lyg .list .fgzz ul li,
.lyg .list .tzgg ul li{
  font-size: 28px;
  line-height: 50px;
}
.lyg .list .szyw ul li>div,
.lyg .list .fgzz ul li>div,
.lyg .list .tzgg ul li>div{
  display: flex;
  justify-content: space-between;
}
.lyg .list .szyw ul li>div span,
.lyg .list .fgzz ul li>div span,
.lyg .list .tzgg ul li>div span{
  color: #939393;
}
.lyg .iconlist ul{
  list-style: none;
  margin-top: 20px;
}
.lyg .iconlist ul li{
  width: 380px;
  height: 270px;
  text-align: center;
}
.lyg .iconlist ul li>div{
  width: 120px;
  height: 120px;
  margin: 30px auto;
  display: flex;
}
.lyg .iconlist ul li>div img{
  width: 100%;
}
.lyg .iconlist ul li span{
color: #fff;
font-size: 30px;
}
.lyg .iconlist ul li:first-of-type{
  background-color: #17a8ae;
}
.lyg .iconlist ul li:nth-child(2){
  background-color: #4e8fca;
}
.lyg .iconlist ul li:nth-child(3){
  background-color: #f18340;
}
.lyg .iconlist ul li:last-child{
  background-color: #c54f4f;
}
.lyg  .text-img{
  margin: 30px 0;
}
.footer{
 width: 100%;
    background-color: #e7e7e9;
    border-top: 4px solid #1a95d8;
}
.footer-container{
  width: 1200px;
  padding: 20px 0;
  text-align: center;
  color: #000;
  font-size: 21px;
}
.footer-container ul{
  list-style: none;
  line-height: 35px;
}
.footer-container ul a{
  color: #fff;
}
.footer-container ul  span{
color: #fff;
margin: 0 20px;

}
.footer-container  span{
  letter-spacing: 1px;
}
.footer-container p{
  text-align: left;
    line-height: 35px;
    margin-left: 178px;
}
.dzjg{
  top: 30%;
  left:  3%;
}
.dzjg1{
  top: 16%;
  left:  3%;
}
.dzjg2{
  top: 56%;
  left:  3%;
}
.zfwz{
  top: 30%;
  right: 2%;
}
.zfwz1{
  top: 15%;
  right: 16%;
}
.zfwz2{
  top: 15%;
  right: 6%;
}
.zfwz3{
  top: 15%;
  right: -4%;
}
.m-4{
  margin-left: 18px;
}