/* .xz-index 首页所有样式 */
/* 第一行两个列高设置 */
.row1>div>div{
    /* 可是宽度是变得 可是高度不变 */
    height: 22vw;
    /* 因为视口会放大缩小 缩小时视口比例会越来越小导致元素高度越来越小 因此要限制最大和最小高度 */
    max-height: 584px;
    min-height: 260px;
}

ul{
  padding: 0;
  margin: 0;
}
/* 第一行第一列 */
.row1 .xztext-s{
    width: 50%;
    position: relative;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*  */
.xztext-s ul{
  list-style: none;
  /* margin-top: 5px; */
  /* padding: 15px 45px; */
}
.xztext-s li{
  width: 220px;
  height: 66px;
  /* border: 5px solid white; */
  /* color:red; */
  text-align: center;
  margin-bottom: 10px;
}
.xztext-s p{
  font-size: 20px;
  padding-top: 19px;
  color: white;
  width: 220px;
  margin: auto;
}
.xztext-s a{
  text-decoration: none;
}
.xztext-s .Y1 {
  background-color:#b3b3b3; 
}

.xztext-s .Y1:hover,.xztext-s .Y2 {
  background-color:#fa9d00;
}

/* .xztext-s .Y1:active {
  background-color:rgb(247, 164, 9);
}
.xztext-s .Y1:visited{
  background-color:rgb(247, 164, 9);
} */
/*  */


.row1 .xztext-s .rig {
  margin-top: 60px;
  font-size: 14px;
}
.row1 .xztext-s .let {
  margin-top: 40px;
  font-size: 13px;
}
.row1 .xztext-s+img{
    position: absolute;
    bottom: 8%;
    right: 5%;
    height: 80%;
}

/* 小三块内容 */
/* .row2 .min3 */
/* md一下 小三块横向排列 */
@media screen and (min-width:410px) and (max-width:768px) {
  .row1>div>div{
    max-height: 284px;
    min-height: 160px;
  }
  .xztext-s ul {
    position: relative;
    /* margin-left: -110px; */
  }
}
@media screen and (min-width:350px) and (max-width:768px) {
  .xztext-s li{
    width: 160px;
    height: 50px;
    border: 5px solid white;
    text-align: center;
  }
  .xztext-s p{
    font-size: 15px;
    padding-top: 12px;
    color: rgb(237, 227, 227);
    width: 160px;
    margin: auto;
  }
  
}




/* @media screen and (min-width:410px) and (max-width:768px) {
       .fron {
        padding-right:15% ;
       }
} */