input{padding:0;margin:0;}
img{border:none;background:none;vertical-align:middle;max-width: 100%;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}


/* main */
.m-article{width: 95%;margin:0 auto;overflow: hidden;}

/* header-tit */
.header-tit{
  text-align: center;
  font:bold 20px/1.5 "Microsoft Yahei";
  color:#007ace;
  margin: 8px 0;
  padding: 0 5px;
  display:none;
}
.header-tit span{
  display: block;
  text-transform: uppercase;
  font:12px/1.5 Arial;
  color: #666;
}

/* black */
.black{
  text-align: center;
}
.black span{
  display: block;
  font:12px/2.5 "Microsoft Yahei";
  color: #666;
  white-space: nowrap;
}



/* z1 */
.z1{
  margin-top:5vh;
}
.z1 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3vh;
}
.z1 ul li{
  width: 28%;
  text-align: center;
  margin-bottom: 2vh;
}
.z1 ul li span{
  display: block;
  width: 23vw;
  height: 17vw;
  line-height: 17vw;
  border:1px solid #25d7cb;
  border-radius: 8vw 0;
}
.z1 ul li span img{
    max-width: 60%;
}

.z1 ul li:nth-child(2) span{border-color: #fec746;}
.z1 ul li:nth-child(3) span{border-color: #f95453;}
.z1 ul li:nth-child(4) span{border-color: #fc8759;}
.z1 ul li:nth-child(5) span{border-color: #9ce77d;}
.z1 ul li:nth-child(6) span{border-color: #62c3fb;}
.z1 ul li:nth-child(7) span{border-color: #ff3ce6;}
.z1 ul li:nth-child(8) span{border-color: #8761e9;}
.z1 ul li h3{
  text-align: center;
  font:14px/3 "Microsoft Yahei";
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* z2 */
.z2{
  margin-top: 5vh;
  padding-top: 4vh;
  background: url(//cdn.myxypt.com/605b5033/21/06/2fda71e7a6b58febddeabf0cfc160a18a1f52e63.jpg);
  background-size: cover;
}
.z2 .black span{color: #69b6ff;}
.z2-list{
  padding: 3vh 0 8vh;
  position: relative;
  overflow: hidden;
}
.z2-list .swiper-slide{
  text-align: center;
  color: #fff;
}
.z2-list .swiper-slide h3{
  text-align: center;
  margin-top: 2vh;
  font:16px/1.5 "Microsoft Yahei";
}
.z2-list .swiper-slide h4{
  text-align: center;
  font:12px/1.5 "Microsoft Yahei";
  color: #8ac6ff;
  text-transform: uppercase;
  padding-bottom: 30px;
  background: url(../images/z2List.png) center bottom no-repeat;
}
.z2-list .swiper-slide p{
  text-align: center;
  font:16px/1.8 "Microsoft Yahei";
  margin-top: 2vh;
}

.z2-pagination{
  margin-top: 4vh;
  text-align: center;
}
.z2-pagination>span{
  width: 12vw;
  height: 1px;
  background-color: #72baff;
  margin:0 2vw;
  opacity: 1;
}
.z2-pagination>span.swiper-pagination-bullet-active{
  background-color: #fff;
}

/* z3 */
.z3{
  margin-top: 6vh;
}
.z3-main{
  margin-top: 2vh;
}
.z3-txt{
  margin-top: 3vh;
  font:16px/1.8 "Microsoft Yahei";
  color: #666;
}
.z3-txt>h1{
  font:bold 20px/2.2 "Microsoft Yahei";
  color: #007ace;
  margin: 0;
}
.z3-txt>h1:before{
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color:  #85c226;
}

.z3-txt .mob_txtx{
    font-size: 14px;
    color: #4f4f4f;
    line-height: 1.7;
}

.z3-txt a.more{
  display: block;
  margin-top: 2vh;
  width: 30%;
  text-align: center;
  font:16px/2.2 "Microsoft Yahei";
  color: #85c226;
  border:2px solid  #85c226;
  white-space: nowrap;
}

/* z4 */
.z4{
  margin-top: 2vh;
  border-top: 5px solid #f2f2f2;
  padding-top: 5vh;
}
.z4 ul{
  margin-top: 1vh;
}
.z4 ul li{
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2vh;
}

.z4 ul li a img{
    width: 100%;
}

.z4 ul li:nth-child(2n){margin-right: 0;}
.z4 ul li h3{
  text-align: center;
  font:14px/2 "Microsoft Yahei";
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.z4 a.more{
  display: block;
  width: 50%;
  margin:1.5vh auto 0;
  text-align: center;
  font:16px/2.5 "Microsoft Yahei";
  color: #fff;
  background-color: #da251c;
}

/* z5 */
.z5{
  margin-top: 5vh;
}
.z5 ul{
  padding: 0;
}
.z5 ul li a{
  display: block;
  text-align: left;
  font:16px/3 "Microsoft Yahei";
  color: #666;
  padding-left: 22px;
  background: url(../images/z5Li.png) left center no-repeat;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.z5 ul li+li a{border-top: 1px dashed #d1d1d1;}

/* z6 */
.z6{
  margin-top: 4vh;
  padding: 2vh 0;
  background: #222;
}
.z6-main{
  width: 85%;
  margin:0 auto;
}

.z6_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.z6_left{
    width: 65%
}

.z6_left h3{
    font-family: "宋体";
    font-size:14px;
    color: #fff;
}
.z6_left span{
    display:block;
    font-family: "宋体";
    font-size: 14px;
    color: #999999;
    margin: 10px 0;
}

.z6_left i{
    border-radius: 3px;
    border: 1px solid #da251c;
    display: inline-block;
    font-size: 12px;
    color: #da251c;
    padding: 3px 5px;
    font-style: inherit;
}

.z6-code{
    width: 30%
}

.z6-add{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin-top: 2vh;
  padding: 2vh 0;
}
.z6-add div{
  font:14px/1.5 "Microsoft Yahei";
  color: #fff;
}
.z6-add div span{
  display: block;
  font:12px/1.5 "Microsoft Yahei";
  color: #fff;
  white-space: nowrap;
}
.z6-icp{
  font:14px/3 "Microsoft Yahei";
  color: #666;
  text-align: center;
}