@charset "UTF-8";
/* CSS 2025 Document */
@font-face {
  font-family: "myfontcn"; /* 自定义字体名称（后续使用） */
  /* 修复字体格式引用语法，使用逗号分隔多种格式，仅在最后使用分号 */
  src: url("../h5css/MiSans/MiSans-Normal.ttf") format("woff2"),
    url("../h5css/MiSans/MiSans-Normal.woff") format("woff"),
    url("../h5css/MiSans/MiSans-Normal.woff2") format("truetype");
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体样式（正常/斜体等） */
}
@font-face {
  font-family: "myfonten"; /* 自定义字体名称（后续使用） */
  src: url("..//h5css/MiSans/MiSans-Light.ttf") format("woff2"),
    url("..//h5css/MiSans/MiSans-Light.woff") format("woff"),
    url("..//h5css/MiSans/MiSans-Light.woff2") format("truetype");
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体样式（正常/斜体等） */
}
@font-face {
  font-family: "PuHuiTiblack"; /* 自定义字体名称（后续使用） */
  src: url("/h5css/alibaba/AlibabaPuHuiTi-3-115-Black.ttf") format("woff2"),
      url("/h5css/alibaba/AlibabaPuHuiTi-3-115-Black.woff") format("woff"),
      url("/h5css/alibaba/AlibabaPuHuiTi-3-115-Black.woff2") format("truetype");
  font-weight: bold; /* 字体粗细 */
  font-style: normal; /* 字体样式（正常/斜体等） */
}
@font-face {
  font-family: "misianbold"; /* 自定义字体名称（后续使用） */
  src: url("../h5css/MiSans/MiSans-Bold.ttf") format("woff2"),
      url("../h5css/MiSans/MiSans-Bold.woff") format("woff"),
      url("../h5css/MiSans/MiSans-Bold.woff2") format("truetype");
  font-weight: bold; /* 字体粗细 */
  font-style: normal; /* 字体样式（正常/斜体等） */
}
@font-face {
  font-family: "PuHuiTiRegular"; /* 自定义字体名称（后续使用） */
  src: url("/h5css/alibaba/AlibabaPuHuiTi-3-55-Regular.ttf") format("woff2"),
      url("/h5css/alibaba/AlibabaPuHuiTi-3-55-Regular.woff") format("woff"),
      url("/h5css/alibaba/AlibabaPuHuiTi-3-55-Regular.woff2") format("truetype");
  font-weight: bold; /* 字体粗细 */
  font-style: normal; /* 字体样式（正常/斜体等） */
}
.ad1{font-family: PuHuiTiblack;font-size: 5rem;color:#fff;line-height: 8rem;;}
.ad2{font-family: PuHuiTiRegular;font-size: 3rem;color:#fff;line-height: 8rem;}

html{font-size: clamp(14px, 0.625vw, 16px);}
body{font-size:1rem;padding:0 auto;margin: 0 auto;font-family: myfontcn;color:#636363}
div,ul,li {  overflow: hidden;list-style: none;  list-style-type: none;  list-style-image: none;  margin-top: 0;  margin-bottom: 0;  border: none;  padding: 0;}
a{text-decoration: none;color:#636363}

img {  padding: 0;  margin: 0;  line-height: 8px;}
.main{
    height: calc(100vh - 3rem);
    overflow-y: auto;
    width: 100%;
    padding-bottom: 12rem;;

}
.menu{
    position: fixed;
    bottom:0;
    z-index: 999;
    /* top:0; */
    left: 0;
    color:#1f1f1f;
    font-family: "myfontcn";
    background-color: #fff;
    width: 100%;
    font-size:1.1rem;
    height: 7rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); /* 添加阴影：水平偏移0，垂直偏移2px，模糊8px，颜色为浅黑色半透明 */
}
.menu li{
    margin-top: 1.6rem;
    padding-top:2rem;;float:left;text-align: center;width: 20%;}
.menu a:nth-of-type(1) li{background: url(../h5img/icon1-1.png) no-repeat top center;background-size: 1.4rem;}
.menu a:nth-of-type(2) li{background: url(../h5img/icon2-1.png) no-repeat top center;background-size: 1.4rem;}
.menu a:nth-of-type(3) li{background: url(../h5img/icon3-1.png) no-repeat top center;background-size: 1.4rem;}
.menu a:nth-of-type(4) li{background: url(../h5img/icon4-1.png) no-repeat top center;background-size: 1.4rem;}
.menu a:nth-of-type(5) li{background: url(../h5img/icon5-1.png) no-repeat top center;background-size: 1.4rem;}
.menu a:nth-of-type(1) li.active1{font-weight: bold;background: url(../h5img/icon1-2.png) no-repeat top center;background-size: 1.4rem;color: #276ee5;}
.menu a:nth-of-type(2) li.active1{font-weight: bold;background: url(../h5img/icon2-2.png) no-repeat top center;background-size: 1.4rem;color: #276ee5;}
.menu a:nth-of-type(3) li.active1{font-weight: bold;background: url(../h5img/icon3-2.png) no-repeat top center;background-size: 1.4rem;color: #276ee5;}
.menu a:nth-of-type(4) li.active1{font-weight: bold;background: url(../h5img/icon4-2.png) no-repeat top center;background-size: 1.4rem;color: #276ee5;}
.menu a:nth-of-type(5) li.active1{font-weight: bold;background: url(../h5img/icon5-2.png) no-repeat top center;background-size: 1.4rem;color: #276ee5;}
.bottomtxt{text-align: center;background: #e5e5e5;padding:1rem 2rem 2rem;color:#999;font-size: .6rem;;}
.notes{margin:1.2rem 6%;}
.notes ul:first-child{font-size: 1.6rem;font-weight: bold;width: 50%;float: left;color: #032063;height: 3rem;}
.notes ul:nth-child(2){font-size: 1rem;float: left;width: 50%;text-align: right;color:#6b6b6b;height: 3rem;}
.notes ul:nth-child(3){font-size: 1rem;width: 100%;color: #6b6b6b;line-height: 1.4rem;margin: 1rem 0;}
.pro{margin:1.2rem 4%;border-radius: 4px;background: #e6f4ff;padding:2rem 0} 
.pbg1{background: url(../h5img/probg1.png) no-repeat center right 8% #e6f4ff;background-size: 22%;}
.pbg2{background: url(../h5img/probg2.png) no-repeat center right 8% #e6f4ff;background-size: 22%;}
.pbg3{background: url(../h5img/probg3.png) no-repeat center right 5% #e6f4ff;background-size: 35%;}
.pro .t1{font-size: 1.5rem;color:#032063;font-weight: bold;}
.pro .t1 li{width:7%;height: 1.5rem;background: #3380df;float: left;margin-top: .3rem;border-top-right-radius: .3rem;border-bottom-right-radius: .3rem;margin-right:.5rem;}
.pro .t2{font-size: .9rem;color: #878787;width: 58%;margin:1rem 0 1rem 7%;}
.pro .t3{font-size: 1.2rem;margin-left: 7%;color:#fff;}
.pro .t3 a{color:#fff;text-decoration: none;}
.pro .t3 span{border-radius: 35px;background: url(../h5img/bg4.png) no-repeat center left #93c002;background-size: 1.3rem;background-position: 1rem;padding-left:3rem;padding-right:1rem;font-size: 1.6rem;;}
.pro .t3 .tbg1{background-color: #93c002;}
.pro .t3 .tbg2{background-color: #5279f4;}
.pro .t3 .tbg3{background-color: #fa9829;}

.info{margin:4rem 1.2rem 2rem;}
.info .ct{font-size: 2rem;color: #09345d;font-weight: bold;}
.info .et{font-family: "myfonten";font-size: 1rem;color:#1ec3f9;}
.info .tt{color:#636363;font-size: 1rem;line-height: 2rem;text-indent:2rem}
/* 图片文字环绕样式 */
.float-img {
  float: right;
  margin-left: .5rem;
  /* max-width: 300px; */
  height: auto;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.eswiper-slide{
  position: relative;
}
.eswiper-slide .img{position: absolute;  }
.einner {
  position: relative;
  display: block;
  width: 100%;
  height: calc(850 * (100vw / 1080));
  margin: 0 auto;
  background: url(../h5img/ebg1.jpg) no-repeat bottom right #ecf7fd;
  background-size:calc(1080 * (100vw / 1080));

}
.ebg{background: #ecf7fd;}
.logo{top:10%;}
.eadt1{left: 8%;width: calc(256 * (100vw / 1080));bottom: 54%;animation: bounceInLeft 1.5s forwards ;}
.eadt2{left: 8%;width: calc(793 * (100vw / 1080));bottom: 40%;animation: bounceInRight 1.5s forwards;}
.eadt3{left: 8%;width: calc(392 * (100vw / 1080));bottom: 25%;animation: bounceInLeft 1.5s forwards;}
.eadt4{left: 8%;width: calc(634 * (100vw / 1080));bottom: 15%;animation: bounceInUp 1.5s forwards;}
.einfo{padding:2% 4%;}
.einfo .einfot{font-size: 1.2rem;line-height: 2rem;text-indent:2.4rem;text-align: left;}
.einfo .card{text-align: center;font-size: .8rem;;}
.einfo .card img{margin:1rem 1rem;width:40%;font-size: 1rem;}
.ebook{padding:2% 10%}
.einfo .tcard img{margin:1rem 1rem;width:40%;;font-size: 1rem;}
.ebook{padding:2% 10%}
.ebook img{width:calc(170 * (100vw / 1080));margin-bottom:1rem;box-shadow: 1px 1px 6px #686868;}

.ebook li{width:25%;float:left;text-align: center;}
.ebook li:last-child{float:none;width: 100%;font-size: .8rem;;}
.ebox{width: 100%;text-align: center;}
.ebox .tt {font-size:2.4rem;color:#09345d;font-weight: bold;font-family: misianbold;margin:3.4rem 0 2rem}
.ebox .tt li{}
.ebox .tt li:last-child{height:.2rem;width:4rem;border-bottom: .4rem solid #00ccff;margin:0 auto}


.box{}
.box li{min-height:9rem;float:left;display: flex;
  align-items: center;}
.box ul:nth-of-type(1){background: url(../h5img/ebg2.jpg) no-repeat center left;background-size: auto 60%;background-position-x:2rem;}
.box ul:nth-of-type(2){margin-top:-1rem;background: url(../h5img/ebg3.jpg) no-repeat center right;background-size: auto 60%;}
.box ul:nth-of-type(3){margin-top:-1rem;background: url(../h5img/ebg4.jpg) no-repeat center left;background-size: auto 60%;background-position-x:2rem;}
.box .li1{width: 5rem;border-top:1rem solid #fff;}
.box .li2{width:calc(100vw - 7rem);border-bottom-right-radius:25rem;border-top-right-radius:25rem;border-right:1rem solid #fff;border-top:1rem solid #fff;border-bottom:1rem solid #fff;}
.box .li3{width:calc(100vw - 8rem);border-bottom-left-radius:25rem;border-top-left-radius:25rem;border-left:1rem solid #fff;border-top:1rem solid #fff;border-bottom:1rem solid #fff;margin-left:1rem;}
.box .li4{width: 6rem;min-height: 10rem;}
.box .li5{width: 6rem;min-height: 10rem;border-bottom:1rem solid #fff;}
.box .li6{width:calc(100vw - 8rem);background:none;border-bottom-right-radius:25rem;border-top-right-radius:25rem;border-right:1rem solid #fff;border-top:1rem solid #fff;border-bottom:1rem solid #fff;}
.box .txt {text-align: left;}
.box .txt:nth-of-type(3){margin-top:2rem}
.box .txt span:first-child{font-size: 1.2rem;line-height: 2rem;font-weight: bold;color:#000000}
.box .txt span:last-child{font-size: 1rem;line-height: 1.2rem;}
.txt1{margin-left:8rem;margin-right:2rem;}
.txt2{margin-left:3rem;margin-right:6rem;}
.filebtn{background: #1570eb;font-size: 1rem;border-radius: 15rem;margin:2rem 4rem;color:#fff;padding:.4rem 0}
.filebtn span{font-size:1.4rem}
.ebox table {
  width:100%;
  border-collapse: separate; /* 确保边框间隔生效 */
  border-spacing: 1px; /* 表格间隔1px */
  background-color: #fff; /* 间隔的颜色 */
  margin: 0 auto;
}

.ebox th {
  background-color: #00a0e9; /* 表头背景色 */
  padding: 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2rem;
}

.ebox td {
  background-color: #ade5f7; /* 其他单元格背景色 */
  padding: 10px;
  vertical-align: middle; /* 垂直居中 */
  color: #054f72;
  font-size: .7rem;
}

/* 第一列宽度25%且文字居中 */
.ebox td:first-child, th:first-child {
  width: 28%;
  font-size: 1.2rem;
  text-align: center;
}

/* 第二列文字左对齐 */
.ebox td:nth-child(2), th:nth-child(2) {
  text-align: left;
}

/* 第三列默认居中 */
.ebox td:nth-child(3), th:nth-child(3) {
  text-align: center;
}
.ebox td span{
  font-size: 1.2rem;
  font-weight: bold;
}
.ebox .price{
  margin:0rem 2rem;
  text-align: left;
  line-height: 1.4rem;
  display: flex;
  align-items: center;
}
.price:nth-child(5) {
  background: url(../h5img/price_n3.png) no-repeat top left;background-size:2rem;
  padding-left: .2rem;
}
.price:nth-child(2) {
  background: url(../h5img/price_n1.png) no-repeat top left;background-size:2rem;
  padding-left: .2rem;
}
.price:nth-child(3) {
  background: url(../h5img/price_n2.png) no-repeat top left;background-size:2rem;
  padding-left: .2rem;
}
/* 新增：设置最后一个span占据整行宽度实现换行 */
.ebox .price span:last-child {
  margin-top: 0.3rem; /* 可选：增加与上行的间距 */
  padding-left: 5%;
  line-height: 1.6rem;
  padding-left:2rem;
}
.ebox .price b{
  font-size: 1.2rem;
}
.ebox .price img{
  width: calc(73 * (100vw / 1080));

}
.ebox .contant{
  background: url(../h5img/conusbg.jpg) no-repeat bottom right;background-size:100% auto;
  font-size: 1.2rem;
  line-height: 2.2rem;
  min-height: 25rem;
  text-align: left;
  padding-left:2rem;

}
.ebox .contant2{
  background: url(../h5img/conusbg2.jpg) no-repeat bottom right;background-size:100% auto;
  font-size: 1.2rem;
  line-height: 2.2rem;
  min-height: 25rem;
  text-align: left;
  padding-left:2rem;

}
.ebox .contant p,.ebox .contant2 p{
  text-indent:-3.6rem;
  padding:0 3.6rem;
  margin:0;
}
.tbg{
  background: #fff;
}
.tinner {
  position: relative;
  display: block;
  width: 100%;
  height: calc(850 * (100vw / 1080));
  margin: 0 auto;
  background: url(../h5img/testbg1.jpg) no-repeat bottom right #4996ef;
  background-size:calc(1080 * (100vw / 1080));
}
.tadt1{left: 8%;width: calc(707 * (100vw / 1080));bottom: 50%;animation: bounceInLeft 1.5s forwards ;}
.tadt2{right: 15%;width: calc(707 * (100vw / 1080));bottom: 33%;animation: bounceInRight 1.5s forwards;}
.tadt3{right: 15%;width: calc(476 * (100vw / 1080));bottom: 20%;animation: bounceInLeft 1.5s forwards;}


/* 适配对象 */

.tbox{}
.tbox li{min-height:9rem;float:left;display: flex;
  align-items: center;}
.tbox ul:nth-of-type(1){background: url(../h5img/tbg1.jpg) no-repeat center left;background-size: auto 60%;background-position-x:4rem;}
.tbox ul:nth-of-type(2){margin-top:-1rem;background: url(../h5img/tbg2.jpg) no-repeat center left;background-size: auto 60%;background-position-x:4rem;}
.tbox .li1{width: 5rem;border-top:1rem solid #84ccc9;}
.tbox .li2{width:calc(100vw - 7rem);border-bottom-right-radius:25rem;border-top-right-radius:25rem;border-right:1rem solid #84ccc9;border-top:1rem solid #84ccc9;border-bottom:1rem solid #84ccc9;}
.tbox .li3{width:calc(100vw - 8rem);border-bottom-left-radius:25rem;border-top-left-radius:25rem;border-left:1rem solid #84ccc9;border-top:1rem solid #84ccc9;border-bottom:1rem solid #84ccc9;margin-left:1rem;}
.tbox .li4{width: 6rem;min-height: 10rem;border-bottom:1rem solid #84ccc9;}
.tbox .txt {text-align: left;}
.tbox .txt:nth-of-type(3){margin-top:2rem}
.tbox .txt span:first-child{font-size: 1.2rem;line-height: 2rem;font-weight: bold;color:#000000}
.tbox .txt span:last-child{font-size: 1rem;line-height: 1.2rem;}
.tbox .txt1{margin-right:2rem;}
.tbox .txt2{margin-left:11rem;margin-right:0rem;}

.tprice{margin:.5rem 2rem;  text-align: left;  line-height:2.6rem;  display: flex;  align-items: center;font-size: 1.2rem;}
.tprice:nth-child(2){background: url(../h5img/price_n1.png) no-repeat top left;background-size:2rem;padding-left: 2.2rem;}
.tprice:nth-child(3){background: url(../h5img/price_n2.png) no-repeat top left;background-size:2rem;padding-left: 2.2rem;}
.tprice:nth-child(4){background: url(../h5img/price_n3.png) no-repeat top left;background-size:2rem;padding-left:2.2rem;}
/* 学科设备 */
.sinner {
  position: relative;
  display: block;
  width: 100%;
  height: calc(850 * (100vw / 1080));
  margin: 0 auto;
  background: url(../h5img/sadbg.jpg) no-repeat bottom right #489de1;
  background-size:calc(1080 * (100vw / 1080));
}
.sadt1{left: 8%;width: calc(859 * (100vw / 1080));bottom: 60%;animation: bounceInLeft 1.5s forwards ;z-index: 999;}
.sadt2{left: 5%;width: calc(925 * (100vw / 1080));bottom: 40%;animation: bounceInRight 1.5s forwards;z-index: 999;}
.sadt3{left: 5%;width: calc(584 * (100vw / 1080));bottom: 22%;animation: bounceInLeft 1.5s forwards;z-index: 999;}
.sadt4{right: 5%;width: calc(356 * (100vw / 1080));bottom: 5%; animation: bounceInUp 1.5s forwards;}
/* .sinner .txt{position: absolute;left:5%;width: 60%;font-size: 1rem;color:#fff;bottom:10%} */
.simgs{width: calc(1080*(100vw/1080));margin:0 auto;display: block;}

.sinfo{padding:0 2rem;text-align: left;text-indent: 2.4rem;font-size: 1.2rem;line-height: 2rem;}
.subprice {margin:0 1rem;color: #646c73;}
.ntxt{border-radius: 55rem;text-align: left;padding:1rem 2rem 1rem 24%;display: flex;flex-direction: column;justify-content: center;}
.ntxt ul {
  list-style: none; /* 移除默认列表样式 */
  padding: 0;
}
.subprice div{margin-top:1rem;}
.subprice div:nth-child(1){background: url(../h5img/timg101.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(1) .ntxt{
  background: url(../h5img/timg102.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(2){background: url(../h5img/timg201.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(2) .ntxt{
  background: url(../h5img/timg202.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(3){background: url(../h5img/timg301.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(3) .ntxt{
  background: url(../h5img/timg302.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(4){background: url(../h5img/timg401.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(4) .ntxt{
  background: url(../h5img/timg402.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(5){background: url(../h5img/timg501.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(5) .ntxt{
  background: url(../h5img/timg502.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(6){background: url(../h5img/timg601.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(6) .ntxt{
  background: url(../h5img/timg602.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(7){background: url(../h5img/timg701.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(7) .ntxt{
  background: url(../h5img/timg702.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice div:nth-child(8){background: url(../h5img/timg801.png) no-repeat top left;background-size: calc(176*(100vw/1080));overflow: hidden;background-position-x: 2rem}
.subprice div:nth-child(8) .ntxt{
  background: url(../h5img/timg802.png) no-repeat top left #f0efef;background-size: calc(176*(100vw/1080));background-position-x:2rem ;min-height: calc(140*(100vw/1080));margin-top: .6rem;;
}
.subprice .t1{font-size: 1.2rem;font-weight: bold;}
.subprice .t2{font-size: 1rem;line-height: 1.4rem;}
/* 关于我们 */
.ainner {
  position: relative;
  display: block;
  width: 100%;
  height: calc(600 * (100vw / 1080));
  margin: 0 auto;
  background: url(../h5img/aboutbg.jpg) no-repeat top right #fff;
  background-size:calc(1080 * (100vw / 1080));
}
.ainner .adt1{
  right: 5%;width: calc(440 * (100vw / 1080));bottom: 35%;animation: bounceInLeft 1.5s forwards ;z-index: 999;
}
.ainner .adt2{
  right: 5%;width: calc(292 * (100vw / 1080));bottom: 5%;animation: bounceInRight 1.5s forwards ;z-index: 999;

}
.bg2{background: url(../h5img/aboutbg2.png) no-repeat bottom center;background-size:calc(1080 * (100vw / 1080));padding-bottom:3rem;text-align: left;}
.addata {background: url(../h5img/aboutbg3.jpg) no-repeat top center;background-size:calc(1080 * (100vw / 1080)); min-height: calc(270*(100vw/1080));}
.addata ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin:5% 6% 0;
}
.addata ul li{border-right:1px solid #78b5e5;width:24%;color: #fff;font-size: .6rem;text-align: center;}
.addata ul li:last-child{border-right:0}
.addata .t1{font-size: 1.8rem;}
.addata .t2{font-size: .8rem;}
.contanttxt{font-size: 1rem;text-align: left;}
.aboutcard img{
  height: calc(280*(100vw/1080));

}
.flag{} 
.flag ul{display: flex; width: 100%;align-items: center;}
.flag ul li:last-child{overflow: hidden;height: 100%;color:#fff;padding:1rem 2rem 1rem 1rem;line-height: 1.4rem;position: relative;}
.flag ul li:first-child{width: 30%;color:#494949;display: flex; align-items: center;justify-content: center; }
.flag ul li:last-child{width: 70%;min-height: 3rem;text-align: left;position:relative;box-shadow: inset 4px 0 5px rgba(0,0,0,0.2);display: flex;align-items: center;}
.flag .year{border-radius: .5rem;color:#494949;font-weight: bold;padding:.4rem}
.flag .dot{border-radius: 50%;color:#494949;width:.5rem;height: .5em;margin-left:.2rem;
position: relative;left:10%}
.flag ul:nth-child(1) li:last-child{background: #98ca57; }
.flag ul:nth-child(1) li:first-child .year,.flag ul:nth-child(1) li:first-child .dot{border:.2rem solid #98ca57;}

.flag ul:nth-child(2) li:last-child{background: #91a2b2;}
.flag ul:nth-child(2) li:first-child .year,.flag ul:nth-child(2) li:first-child .dot{border:.2rem solid #91a2b2;}

.flag ul:nth-child(3) li:last-child{background: #56bcc8;}
.flag ul:nth-child(3) li:first-child .year,.flag ul:nth-child(3) li:first-child .dot{border:.2rem solid #56bcc8;} 

.flag ul:nth-child(4) li:last-child{background: #639efa;}
.flag ul:nth-child(4) li:first-child .year,.flag ul:nth-child(4) li:first-child .dot{border:.2rem solid #639efa;}

.flag ul:nth-child(5) li:last-child{ background: #4b90af; }
.flag ul:nth-child(5) li:first-child .year,.flag ul:nth-child(5) li:first-child .dot{border:.2rem solid #4b90af;}


.flag ul li:last-child::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* 垂直居中 */
  border-width: 10px 0px 10px 10px; /* 三角形尺寸 */
  border-style: solid;
  border-color: transparent transparent transparent #fff ; /* 三角形颜色与背景一致 */
}
.aboutt{border-radius: 55rem;border:1px solid #ccc;margin:1rem 2rem;text-align: left;padding:5% 1rem 5% 30%;}
.aboutt span{color:#000;font-weight:600;line-height: 2rem;font-size: 1.2rem;}
.aboutbg4{background: url(../h5img/aboutbg4.jpg) no-repeat center left;background-size: calc(200*(100vw/1080));background-position: 12%;}
.aboutbg5{background: url(../h5img/aboutbg5.jpg) no-repeat center left;background-size: calc(200*(100vw/1080));background-position: 12%;}
.aboutbg6{background: url(../h5img/aboutbg6.jpg) no-repeat center left;background-size: calc(200*(100vw/1080));background-position: 12%;}
/* notice */
.ninner {
  position: relative;
  display: block;
  width: 100%;
  height: calc(600 * (100vw / 1080));
  margin: 0 auto;
  background: url(../h5img/notebg.jpg) no-repeat top right #fff;
  background-size:calc(1080 * (100vw / 1080));
}
.ninner .adt1{
  left: 5%;width: calc(442 * (100vw / 1080));bottom: 35%;animation: bounceInLeft 1.5s forwards ;z-index: 999;
}
.ninner .adt2{
  left: 5%;width: calc(681 * (100vw / 1080));bottom: 22%;animation: bounceInRight 1.5s forwards ;z-index: 999;

}
.ninner .adt3{
  right: 5%;width: calc(273 * (100vw / 1080));bottom: 5%;animation: bounceInDown 1.5s forwards ;z-index: 999;
}
.ebox .list {margin-top: 1rem;border-bottom: 1px solid #666;}
.ebox .list:first-child{margin-top: 0;}

.ebox .list ul{
  overflow: hidden;
  margin:1rem 5%;
  padding-bottom:.3rem;
  border-bottom:1px dashed #ccc;
  text-align: left;line-height: 1.6rem;
}
.ebox .list ul:last-child{border-bottom:0}

.ebox .list ul li:first-child::before {
  content: "•";}
  .ebox .list ul li:last-child {text-align: right;color:#ccc}