@charset "utf-8";
.h4s1 {
  font-size: .2rem;
  color: #333333;
  line-height: 1.25;
  transition: .5s;
}
.h4s2 {
  font-size: .24rem;
  color: #333333;
  line-height: .36rem;
  max-height: .72rem\0;
  transition: .5s;
}
.h4s3 {
  font-size: .18rem;
  color: #333333;
  line-height: .36rem;
  max-height: 1.08rem\0;
  transition: .5s;
}
.ps2 {
  font-size: .16rem;
  color: #999;
  line-height: .3rem;
  max-height: .6rem\0;
  transition: .5s;
  text-align: justify;
}
.ps3 {
  font-size: .15rem;
  color: #333;
  line-height: .28rem;
  max-height: .84rem\0;
  transition: .5s;
  text-align: justify;
}
.ps6 {
  font-size: .15rem;
  color: #333;
  line-height: .28rem;
  max-height: 1.68rem\0;
  transition: .5s;
  text-align: justify;
}
.h6s1 {
  font-size: .16rem;
  color: #7341ce;
  line-height: 1.375;
  transition: .5s;
}
.sss p {
  width: 100%;
  float: left;
}
.sss .img_vsb_content img {
  width: 250px !important;
  margin: 0 !important;
} /* @font-face { font-family: "Spoqa Han Sans Neo"; src: url("../images/SpoqaHanSansNeo-Bold.woff"); } */ @font-face {
  font-family: "Canela Web";
  src: url(../images/canela-regular-reduced.jpg)
}
@font-face {
  font-family: "Celtic Garamond the 2nd";
  src: url(../images/celtic-garamond-the-2nd.jpg)
}
.item__img {
  --overflow: 40px;
  width: 100%;
  position: absolute;
  will-change: transform;
  top: 0;
  right: 0;
  bottom: -.3rem;
  left: 0;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.item__img2 {
  --overflow: 240px;
}
.pc_hb {
  position: relative;
  z-index: 10000;
  height: 0;
}
#header {
  position: fixed;
  z-index: 999;
  width: 100%;
  transition: .5s;
  border-bottom: rgba(255, 255, 255, .22) 1px solid;
}
#header:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: url(../images/header_b1.png) center no-repeat;
  background-size: 100% 100% !important;
  height: 2.3rem;
  z-index: -1;
  pointer-events: none;
  transition: .5s;
}
#header .wp {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.44rem;
  transition: .5s;
}
#header .right {
  width: 10rem;
  max-width: 60%;
  align-items: center;
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  padding: .2rem 0 0;
}
#header .right .top {
  justify-content: flex-end;
  align-content: center;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.admin img {
  width: .18rem;
}
.list1 {
  align-items: center;
}
.list1 li {
  font-size: .16rem;
  color: rgba(255, 255, 255, .65);
  margin: 0;
  position: relative;
  transition: .5s;
}
.list1 .line1 {
  width: 1px;
  height: .14rem;
  background: rgba(255, 255, 255, .4);
  margin: 0 .2rem;
  transform: rotate(25deg);
  transition: .5s;
}
.list1 .line2 {
  width: 1px;
  height: .16rem;
  background: rgba(255, 255, 255, .4);
  margin: 0 .16rem;
  transition: .5s;
}
.list1 li .a {
  display: flex;
  align-items: center;
}
.list1 li svg.icon {
  width: .2rem;
  height: .2rem;
  fill: rgba(255, 255, 255, .4);
  margin: 0 .1rem 0 0;
  transition: .5s;
}
.list1 dl {
  position: absolute;
  top: calc(100% + .1rem);
  left: 50%;
  transform: translateX(-50%) translateY(.1rem);
  width: .8rem;
  background: rgba(255, 255, 255, .97);
  border-radius: .06rem;
  padding: .1rem;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
.list1 dl dd {
  font-size: .14rem;
  color: #444;
  line-height: 2;
  text-align: center;
  transition: .5s;
}
.list1 li .a.btn { /*margin-left: .16rem*/ margin-left: 0rem;
}
.list1 li .a.btn svg {
  fill: #fff;
  width: .16rem;
  height: .16rem;
  transition: .5s;
  margin-right: 0.08rem;
}
.list1 li:hover {
  color: #fff;
}
.list1 li:hover img.i1 {
  transform: rotateX(180deg);
}
.list1 li:hover dl {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}
.list1 li dl dd:hover {
  color: #ffd472;
}
#logo {
  width: 5.0rem;
  max-width: 30%;
  opacity: 1 !important;
  position: relative;
}
#logo img {
  width: 100%;
  transition: .5s;
}
#logo .i2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
#search1 {
  position: fixed;
  top: 0;
  height: 0;
  width: 100%;
  z-index: 100002;
}
#search1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
#search1.open {}
.module > .module_container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1536px;
  position: relative;
}
#search1 .module_container {
  height: 100vh;
  overflow: hidden;
  background: #fff;
  max-width: none;
  display: flex;
  align-items: center;
  transform: translate3d(0, -101vh, 0);
  transition: .6s;
}
#search1.open .module_container {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
#search1 .wrapper {
  width: 10.24rem;
  max-width: 100%;
  margin: 0 auto;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  opacity: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  position: relative;
}
#search1.open .wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#search1 .wrapper .form1 {
  display: flex;
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid #c6c6c6;
  justify-content: space-between;
}
.icon_search {
  background-image: url(../images/icon_search.png);
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#search1 .wrapper .form1 .icon_search {
  background-position: 0 -16px;
  opacity: .5;
  margin-top: 7px;
  margin-left: 12px;
}
#search1 .wrapper .form1 .input1 {
  font-size: .18rem;
  color: #333;
  height: 30px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: -webkit-calc(100% - 104px);
  width: calc(100% - 104px);
  flex: 1;
  overflow: hidden;
  padding: 0;
}
.fl {
  float: left;
}
#search1 .close {
  position: absolute;
  height: 20px;
  width: 20px;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 100;
  top: .3rem;
  right: .3rem;
  opacity: 0;
  visibility: hidden;
}
#search1 .close:after, #search1 .close:before {
  width: 1px;
  height: 20px;
  background: #000;
  position: absolute;
  content: "";
  left: 50%;
}
#search1 .close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#search1 .close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#search1 .close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#search1 .keywords {
  line-height: .38rem;
  color: #333;
  font-size: .14rem;
  margin-top: .3rem;
  display: flex;
  flex-wrap: wrap;
}
#search1 .keywords span {
  white-space: nowrap;
}
#search1 .keywords a {
  color: #444;
  height: .38rem;
  margin-bottom: .14rem;
  padding: 0 .2rem;
  display: inline-block;
  margin-right: .14rem;
  background: #f5f5f7;
  border-radius: 50vw;
  transition: .5s;
}
#search1 .keywords a:hover {
  background: #006179;
  color: #fff;
}
#search1.open .close {
  opacity: 1;
  visibility: visible;
}
.pc_hb.on #header .wp {
  height: 1.2rem;
}
.pc_hb.on #header {
  background: #fff;
  box-shadow: 0 0 .3rem rgba(0, 0, 0, .2);
}
.pc_hb.on #header::before {
  opacity: 0;
}
.pc_hb.on #logo .i2 {
  opacity: 1;
}
.pc_hb.on #nav ul li .h3 {
  color: #333;
}
.pc_hb.on #nav ul li .h3 svg {
  fill: #333;
}
.pc_hb.on .list1 li {
  color: #777;
}
.pc_hb.on .list1 .line1 {
  background: rgba(0, 0, 0, .4);
}
.pc_hb.on .list1 .line2 {
  background: rgba(0, 0, 0, .4);
}
.pc_hb.on .list1 li svg.icon {
  fill: #333;
}
.pc_hb.on .list1 li .a.btn svg {
  fill: #333;
}
.m_header_box {
  transition: all 0.6s ease 0s;
  display: none;
  height: 0.75rem;
  position: relative;
  z-index: 100000;
  width: 100%;
}
.m_header_box header {
  padding: 0px 0px 0px 15px;
  height: 0.75rem;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  background: #fff;
  background-size: auto;
  background-size: cover;
}
.m_header_box header #logo img {
  max-height: 0.36rem;
  max-width: 100%;
  width: auto;
}
.m_header_box header #logo {
  padding: 0px;
  max-width: inherit;
  width: 100%;
}
.m_header_box .search_btn img {
  width: 0.26rem;
  height: 0.26rem;
}
.m_header_box .list1 {
  flex-wrap: nowrap;
  margin-left: .3rem;
  margin-right: -.1rem;
}
.m_header_box .list1 li {
  color: #555;
}
.m_header_box .list1 li svg.icon, .m_header_box .list1 li .a.btn svg {
  fill: #555;
}
.m_header_box .search_btn {
  margin-right: 0.15rem;
  position: relative;
  z-index: 10;
}
#nav_btn_box.on {
  background: none;
}
#nav_btn_box {
  position: relative;
  width: 0.7rem;
  height: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  min-width: 0.65rem;
}
#nav_btn {
  cursor: pointer;
  text-align: center;
  z-index: 99999;
  transition: all 0.5s ease 0s;
  outline: none;
  box-shadow: none;
}
#nav_btn .point {
  display: inline-block;
  width: 0.34rem;
  height: 16px;
  position: relative;
  outline: none;
  vertical-align: middle;
}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {
  width: 100%;
}
#nav_btn .navbtn {
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 16px;
  transition: all 0.3s ease-out 0s;
}
#nav_btn .navbtn::after {
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 3px;
  content: "";
  transition: all 0.3s ease-out 0s;
  background: #000;
}
#nav_btn .navbtn::before {
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 3px;
  content: "";
  transition: all 0.3s ease-out 0s;
  background: #000;
}
#nav_btn .navbtn::after {
  bottom: 0;
  transform-origin: center;
}
#nav_btn .navbtn::before {
  transform-origin: center;
}
#nav_btn .point.on .navbtn {
  background: transparent;
}
#nav_btn .point.on .navbtn::after {
  transform: rotate(45deg) translateY(-9px);
}
#nav_btn .point.on .navbtn::before {
  transform: rotate(-45deg) translateY(9px);
}
.m_nav_list {
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
  align-items: center;
  display: flex;
  background: rgba(255, 255, 255, 0.1);
}
.m_nav_list::-webkit-scrollbar {
  display: none;
}
#m_nav {
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 100vh;
  right: -105vw;
  top: 0px;
  padding: 80px 20px 30px;
  pointer-events: none;
  transition: all 0.3s ease-out 0s;
  display: block;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(15px);
  overflow: hidden scroll;
  background: #8a2ac0;
}
#m_nav .close {
  position: absolute;
  top: 7px;
  right: 15px;
  left: 15px;
  font-size: 30px;
  color: rgb(51, 51, 51);
  z-index: 10000;
  width: auto;
  height: 35px;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px;
}
#m_nav.act {
  pointer-events: auto;
  right: 0px;
  opacity: 1;
  visibility: visible;
}
#m_nav .list1 {
  justify-content: center;
  margin: 0 -.03rem;
}
#m_nav .list1 li .a {
  color: #115740;
}
#m_nav .list1 li .a img {
  display: none;
}
#m_nav .list1 li {
  margin: 0 .03rem;
  flex: auto;
  font-size: .15rem;
}
#m_nav .list1 .line1 {
  display: none;
}
#m_nav .list1 li .a {
  color: #fff;
  border: rgba(255, 255, 255, .5) 1px solid;
  border-radius: .03rem;
  line-height: 1.5;
  padding: 4px 0;
  text-align: center;
  justify-content: center;
}
.m_header_box.on header {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;
  background: #fff;
}
.list_box_nav_mobile {
  max-width: 100%;
  margin: 0 auto 0.2rem;
}
.list_box_nav_mobile > li {
  width: 100%;
  overflow: hidden;
  padding: 0px;
  position: relative;
  margin: 0px auto;
}
.list_box_nav_mobile > li .con {
  position: relative;
}
.list_box_nav_mobile > li .h3 {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  line-height: 0.64rem;
  color: #fff;
  padding: 0px;
  font-size: 0.2rem;
  display: flex;
  position: relative;
  transition: all 0.5s ease 0s;
}
.list_box_nav_mobile > li.on .a {
  color: rgb(255, 255, 255);
}
.list_box_nav_mobile > li .box {
  padding: 10px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: none;
}
.list_box_nav_mobile > li .sub {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
}
.list_box_nav_mobile > li i {
  content: "";
  opacity: 1;
  width: 0.64rem;
  height: 0.64rem;
  position: absolute;
  display: flex;
  right: -0.2rem;
  top: 0px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.list_box_nav_mobile > li i svg {
  width: .16rem;
  height: .16rem;
  fill: #fff;
  opacity: .5;
}
.list_box_nav_mobile > li.on1 i {
  transform: rotate(-90deg);
}
.list_box_nav_mobile > li .sub a {
  display: block;
  font-size: 13px;
  color: #fff;
  line-height: 2.5;
  min-width: 33.33%;
  opacity: .7;
}
.nav_mask {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 888;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
#nav {
  width: 100%;
}
#nav ul {
  justify-content: space-between;
  height: .6rem;
}
#nav ul li {
  z-index: 0;
  margin-left: 0px;
  position: relative;
  transition: all 0.2s ease 0s;
}
#nav ul li > a {
  display: block;
  padding: 0px;
  position: relative;
  z-index: 2;
  height: .6rem;
  line-height: .6rem;
}
#nav ul li .h3 {
  font-size: .19rem;
  font-weight: 600;
  color: #fff;
  height: 100%;
  position: relative;
  transition: .5s;
  display: flex;
  align-items: center;
}
#nav ul li .h3 svg {
  width: .14rem;
  height: .14rem;
  fill: #fff;
  margin: 0 0 0 .12rem;
  transition: .5s;
}
#nav ul li .sub {
  position: absolute;
  top: 100%;
  width: auto;
  left: 50%;
  z-index: 10000;
  transform: translateX(-50%) translateY(.15rem);
  visibility: hidden;
  opacity: 0;
  transition: .5s;
  transform-origin: center top;
  min-width: 1.74rem;
  padding-top: .1rem;
}
#nav ul li .sub:before {
  content: "";
  position: absolute;
  top: -.06rem;
  border-left: transparent .06rem solid;
  border-right: transparent .06rem solid;
  border-bottom: #fff .06rem solid;
  left: 50%;
  margin-left: -.06rem;
  display: none;
}
#nav ul li .sub .box {
  line-height: 1.5;
  transition: .5s;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
  background: #fff url(../images/nav.jpg) center bottom;
  background-size: cover;
  border-radius: .15rem;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 0px .2rem;
  padding: 0;
}
#nav ul li .sub a {
  padding: .12rem 0;
  line-height: 1.5;
  transition: .5s;
  font-size: .15rem;
  color: #555;
  text-align: center;
  white-space: nowrap;
  display: block;
  width: 100%;
  border-radius: 0;
}
#nav ul li .sub a:hover {
  color: #fff;
  background: #8a2ac1;
}
#nav ul li .sub a img {
  filter: grayscale(100%);
  opacity: 0.6;
  margin: 0px 0.1rem 0px 0px;
  width: 0.19rem;
}
#nav ul li:hover .sub {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.banner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 100%;
  height: 100vh;
}
.banner ul li {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.banner .img .imgLi {
  padding-bottom: 100vh;
  transition: 0s;
}
.banner .img .imgLi:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-size: 100% auto;
}
.banner .img .imgs {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.banner video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .top {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 0 0 .5rem;
}
.banner .top .wp {
  width: 100%;
}
.banner .top .fl1 {
  justify-content: center;
  position: relative;
}
.banner .dots {
  display: flex;
  margin: 0px;
  z-index: 10;
  width: auto;
}
.banner .dots span {
  width: .13rem;
  height: .61rem;
  transition: .5s;
  border-radius: 0;
  margin: 0 .01rem !important;
  opacity: .3 !important;
  background-size: 100% auto !important;
}
.banner .dots span.active {
  opacity: 1 !important;
}
.banner .dotsBox {
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.banner .dots span:nth-child(5n-4) {
  background: url(../images/dotsbox_i1.png) center no-repeat;
}
.banner .dots span:nth-child(5n-3) {
  background: url(../images/dotsbox_i1.png) center no-repeat;
}
.banner .dots span:nth-child(5n-2) {
  background: url(../images/dotsbox_i1.png) center no-repeat;
}
.banner .dots span:nth-child(5n-1) {
  background: url(../images/dotsbox_i1.png) center no-repeat;
}
.banner .dots span:nth-child(5n) {
  background: url(../images/dotsbox_i1.png) center no-repeat;
}
.aply {
  margin-bottom: .6rem;
}
.aply .a1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/aply_i1.png) center no-repeat;
  background-size: cover;
  width: 6.52rem;
  height: .71rem;
  font-size: .26rem;
  color: #fff;
  padding: .1rem 0 0;
  position: relative;
  z-index: 1;
}
.aply .a1 span {
  font-size: .22rem;
  margin: 0 0 0 .1rem;
}
.aply .a1 svg {
  width: .15rem;
  height: .15rem;
  fill: #fff;
  margin: 0 0 0 .25rem;
}
.aply .a1 .ico {
  position: absolute;
  top: -.16rem;
  left: 50%;
  transform: translateX(-50%);
  width: .46rem;
  height: .23rem;
}
.aply .line {
  position: absolute;
  background: #fff;
  transition: 1.2s;
  transition-delay: .5s;
}
.aply .line1 {
  top: .06rem;
  left: 0;
  width: calc(50% - .22rem);
  height: .02rem;
}
.aply .line2 {
  top: .06rem;
  left: calc(50% + .22rem);
  width: calc(50% - .22rem);
  height: .02rem;
}
.aply .line3 {
  top: .06rem;
  right: 0;
  width: .02rem;
  height: calc(100% - .06rem);
}
.aply .line4 {
  bottom: 0;
  right: 0;
  width: 27%;
  height: .02rem;
}
.aply .line5 {
  bottom: 0;
  right: 40%;
  width: 49%;
  height: .02rem;
}
.aply .line6 {
  bottom: 40%;
  left: 0;
  width: .02rem;
  height: calc(60% - .06rem);
}
[data-aos="miso_line"].aply .line1 {
  width: 0px;
}
[data-aos="miso_line"].aos-animate.aply .line1 {
  width: calc(50% - .22rem);
}
[data-aos="miso_line"].aply .line2 {
  width: 0px;
}
[data-aos="miso_line"].aos-animate.aply .line2 {
  width: calc(50% - .22rem);
}
[data-aos="miso_line"].aply .line3 {
  height: 0px;
}
[data-aos="miso_line"].aos-animate.aply .line3 {
  height: calc(100% - .06rem);
}
[data-aos="miso_line"].aply .line4 {
  width: 0px;
}
[data-aos="miso_line"].aos-animate.aply .line4 {
  width: 27%;
}
[data-aos="miso_line"].aply .line5 {
  width: 0px;
}
[data-aos="miso_line"].aos-animate.aply .line5 {
  width: 49%;
}
[data-aos="miso_line"].aply .line6 {
  height: 0px;
}
[data-aos="miso_line"].aos-animate.aply .line6 {
  height: calc(60% - .06rem);
}
.pad1 {
  padding: 1rem 0;
  overflow: hidden;
}
.pab1 {
  padding-bottom: .96rem;
  overflow: hidden;
}
.tit1 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .44rem;
}
.tit1 img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.59rem;
  height: .34rem;
}
.tit1 .ll {
  position: relative;
  z-index: 1;
  padding: .04rem .1rem .4rem;
}
.tit1 h3 {
  font-size: .36rem;
  color: #333333;
  font-weight: bold;
}
.tit1 h4 {
  font-size: .46rem;
  color: #8a2ac1;
  opacity: .1;
  font-family: "Canela Web";
  text-transform: uppercase;
  position: absolute;
  top: .03rem;
  left: .16rem;
  white-space: nowrap;
} /*.home1-2{ background: #f7f8fc url(../images/home1-2.jpg) center bottom no-repeat; background-size: 100% auto;}*/ .home1-2 {
  position: relative;
  z-index: 1;
} /*.more1{ width: 1.28rem; height: .44rem;position: relative;z-index: 1;justify-content: center;align-items: center;margin-bottom: 0.3rem;}.more1:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 0;transition: .5s; z-index: -1}.more1 svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;width: 100%;height: 100%;}.more1 .cls-1{fill: #8a2ac1;}.more1 span{ font-size: .17rem; color: #333333;font-weight: 600;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; position: relative;z-index: 1; transition: .5s}.more1 span:before{ content: ""; position: absolute; top: 50%; right: 96%; width: .22rem; height: 1px; background: #8a2ac1;transition: .5s;}.more1 span:after{ content: ""; position: absolute; top: 50%; left: 96%; width: .22rem; height: 1px; background: #8a2ac1;transition: .5s;}*/ .more1 {
  width: 1.48rem;
  height: .44rem;
  position: relative;
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-top: -.2rem;
}
.more1:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: .5s;
  z-index: -1;
}
.more1 svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.more1 .cls-1 {
  fill: #8a2ac1;
  stroke-dashoffset: 100px;
}
.more1 span {
  font-size: .2rem;
  color: #333333;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: .5s;
}
.more1 span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 96%;
  width: .28rem;
  height: 1px;
  background: #8a2ac1;
  transition: .5s;
}
.more1 span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 96%;
  width: .28rem;
  height: 1px;
  background: #8a2ac1;
  transition: .5s;
}
.more_bai {
  width: 1.48rem;
  height: .44rem;
  position: relative;
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-top: -.2rem;
}
.more_bai:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: .5s;
  z-index: -1;
}
.more_bai svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.more_bai .cls-1 {
  fill: #fff;
}
.more_bai span {
  font-size: .17rem;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: .5s;
}
.more_bai span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 96%;
  width: .22rem;
  height: 1px;
  background: #fff;
  transition: .5s;
}
.more_bai span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 96%;
  width: .22rem;
  height: 1px;
  background: #fff;
  transition: .5s;
}
.home1 {
  padding-bottom: 0;
}
.list3 {
  margin: 0 -4%;
}
.list3 li {
  width: 50%;
  padding: 0 4%;
  margin-bottom: 0;
}
.list3 .a {
  display: block;
  position: relative;
  z-index: 1;
  padding: .26rem 1rem .26rem 0;
  min-height: 1.78rem;
}
.list3 .a::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: .04rem;
  background: #000000;
  transition: 1s;
  transition-delay: .5s;
}
.list3 .a::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: .04rem;
  transition: .5s;
  background: #8a2ac1;
}
.list3 .a svg {
  position: absolute;
  top: .4rem;
  right: 0;
  width: .18rem;
  height: .18rem;
  fill: #000000;
  transform: rotate(90deg);
  transition: .5s;
}
.list3 h4 {
  color: #8a2ac1;
}
[data-aos="fade-left"] .list3 .a::before {
  width: 0px;
}
[data-aos="fade-left"].aos-animate .list3 .a::before {
  width: 100%;
}
.home1 .fl1 {
  justify-content: space-between;
}
.home1 .left_z {
  width: 31.5%;
} /*.home1 .ar_article p{ font-size: .16rem; color: #333333; line-height: .34rem;}*/ .notice {
  width: 100%;
  background: #fff;
  padding: .25rem;
}
.notice li {
  padding-bottom: .15rem;
  margin-bottom: .15rem;
  border-bottom: 1px solid #f2f2f2;
  overflow: hidden;
}
.notice li:last-child {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  border-bottom: 0px solid #f2f2f2;
}
.noticeDate {
  width: .68rem;
  float: left;
  text-align: center;
}
.noticeDate p {
  transition: all .5s;
  font-size: .3rem;
  background: #e7e7e7;
  font-weight: 500;
  line-height: .47rem;
  color: #8a2ac1;
}
.noticeDate span {
  transition: all .5s;
  display: block;
  font-size: .14rem;
  color: #5d5d5d;
  background: #f2f2f2;
  line-height: .27rem;
  font-size: .12rem;
}
.noticeTag {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-top: .1rem;
  transition: all .5s;
  float: right;
  width: calc(100% - .87rem);
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.3rem;
}
.notice li:hover .noticeDate p {
  background: #8a2ac1;
  color: #ffffff;
}
.notice li:hover .noticeDate span {
  background: #c074eb;
  color: #ffffff;
}
.notice li:hover .noticeTag {
  color: #8a2ac1;
}
@media(min-width: 1440px) {}
@media(max-width: 1366px) {}
@media(max-width: 800px) {
  .home1 .left_z {
    width: 100%;
    margin-top: .4rem;
  }
}
@media(max-width: 560px) {}
.home1 .right {
  width: 64.24%;
}
.smxy-xshd-img {
  width: 100%;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.smxy-xshd-img .img {
  float: left;
  width: 35%;
  height: 439px;
}
.smxy-xshd-img .img a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.smxy-xshd-img .img a img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.smxy-xshd-img .img a:hover img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.smxy-xshd-img .box {
  float: right;
  width: 60%;
  height: 100%;
  background: url(../images/xshd-bg.png) no-repeat right bottom;
}
.smxy-xshd-img .box .name {
  display: block;
  margin: .8rem 0 0 0;
  color: #666;
  font-size: .16rem;
}
.smxy-xshd-img .box .name .name-icon {
  width: 22px;
  height: 23px;
  display: inline-block;
  background: url(../images/icon1.png) no-repeat;
  margin-right: 8px;
  vertical-align: -2px;
}
.smxy-xshd-img .box .tit a {
  display: block;
  margin: .2rem 0 .5rem 0;
  color: #8a2ac1;
  font-size: .28rem;
  font-weight: bold;
}
.smxy-xshd-img .box .tit a:hover {
  color: #9b0101;
}
.smxy-xshd-img .box .listInf {
  margin: 20px 0 0 0;
  color: #666;
  font-size: .17rem;
}
.smxy-xshd-img .box .listInf li {
  margin: .16rem 0;
}
.smxy-xshd-img .box .listInf li .ht-icon {
  width: 12px;
  height: 14px;
  display: inline-block;
  background: url(../images/icon1.png) no-repeat;
  margin-right: 10px;
  vertical-align: -2px;
}
.smxy-xshd-img .box .listInf li .time-icon {
  width: 12px;
  height: 13px;
  display: inline-block;
  background: url(../images/icon2.png) no-repeat;
  margin-right: 8px;
  vertical-align: -1px;
}
.smxy-xshd-img .box .listInf li .address-icon {
  width: 12px;
  height: 13px;
  display: inline-block;
  background: url(../images/icon3.png) no-repeat;
  margin-right: 8px;
  vertical-align: -1px;
}
#swiper-container1 .swiper-button-prev {
  display: none;
}
#swiper-container1 .swiper-button-next {
  width: 58px;
  height: 58px;
  background: #ca9a43 url(../images/xshd-btn.png) no-repeat center center;
  border-radius: 50%;
  right: 42px;
  top: 360px;
}
#swiper-container1 .swiper-button-next:hover {
  background: #c074eb url(../images/xshd-btn.png) no-repeat center center;
}
@media(min-width: 1440px) {
  .smxy-xshd-img .img {
    height: 439px;
  }
  .smxy-xshd-img .box {
    height: 439px;
  }
}
@media(max-width: 1366px) {
  .smxy-xshd-img .img {
    height: 418px;
  }
  .smxy-xshd-img .box {
    height: 418px;
  }
}
@media(max-width: 1280px) {
  .smxy-xshd-img .img {
    height: auto;
    width: 100%;
  }
  .smxy-xshd-img .box {
    height: auto;
    width: 100%;
    padding: .2rem;
  }
  .smxy-xshd-img .box .name {
    margin-top: .2rem;
  }
  .smxy-xshd-img .box .tit a {
    font-size: .24rem;
    margin: .1rem 0 .2rem 0;
  }
  #swiper-container1 .swiper-button-next {
    zoom: 0.8;
  }
}
@media(max-width: 560px) {
  .zthz_nr .zuo {
    width: 100%;
  }
}
.tit1_bs h3 {
  color: #fff;
}
.tit1_bs h4 {
  color: #fff;
}
.tit1_c {
  text-align: center;
  justify-content: center;
}
.tit1_c h4 {
  left: 50%;
  transform: translateX(-50%);
}
.home2 {
  padding-top: .8rem;
  background: url(../images/bg2s.jpg) no-repeat top center;
  background-size: cover;
}
.home8 {
  background: url(../images/a_20.png) no-repeat bottom center;
  background-size: cover;
}
.list4 {
  margin: 0 -.28rem;
}
.list4 li {
  width: 33.33%;
  padding: 0 .28rem;
}
.list4 .img .imgLi {
  padding-bottom: 68.18%;
  background: #ebf2f6;
}
.list4 .img .imgLi .item__img {
  bottom: 0;
}
.list4 .txt { /*height: .72rem;*/ align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0.18rem 0.28rem;
}
.list4 .txt .ll {
  align-items: center;
  font-size: .22rem;
  color: #333333;
  line-height: 1.45;
  text-align: justify;
}
.list4 .txt .ll .ico {
  width: .72rem;
  height: .72rem;
  background: #8a2ac1;
  transform: translateX(-.28rem);
  transition: .5s;
  position: absolute;
  bottom: 1rem;
}
.list4 .txt .ll .ico h3 {
  font-size: .34rem;
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  line-height: 1.1;
  margin-top: .1rem;
}
.list4 .txt .ll .ico p {
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.list4 .txt .ll .ico img {
  width: 100%;
}
.list4 .txt svg {
  position: absolute;
  top: 0.62rem;
  right: 0.3rem;
  width: .16rem;
  height: .16rem;
  fill: #666666;
  transform: rotate(90deg);
  transition: .5s;
}
.home3 {
  position: relative;
  z-index: 1;
}
.home3 .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
} /*.home3 .bg .item__img{ background-attachment: fixed !important;}*/ .home3 .tit1_c h4 {
  color: #fff;
  opacity: .2;
}
.home3 .tit1_c h3 {
  color: #fff;
}
.list5Box {
  padding: .6rem 0 0;
  justify-content: center;
  text-align: center;
}
.list5Box .dots {
  margin-top: .5rem;
}
.list5Box .dots span {
  width: .15rem;
  height: .15rem;
  background: #8a2ac1;
  opacity: .34;
}
.list5Box .dots span.active {
  opacity: 1;
}
.list5 .item1 {
  transition: .5s;
}
.homeb {
  padding: .2rem 0;
  margin: 0 -0.28rem;
}
.homeb .intit:before {
  content: '';
  height: 1px;
  background: #e2eaea;
  position: absolute;
  left: .9rem;
  top: 50%;
  width: calc(50% - 2rem);
}
.homeb .intit:after {
  content: '';
  height: 1px;
  background: #e2eaea;
  position: absolute;
  right: 1.3rem;
  top: 50%;
  width: calc(50% - 2.4rem);
}
.homeb .swiBtn {
  position: absolute;
  top: .15rem;
  left: 0;
  z-index: 8;
}
.homeb .inmore {
  position: absolute;
  top: .18rem;
  right: 0;
  z-index: 8;
}
.slide-b {
  padding: .3rem .2rem;
  margin: -.3rem -.2rem;
}
.homeb .item {
  padding: 0 0.28rem;
}
.homeb .item1 {
  transition: .5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.homeb .item a {
  display: block;
  transition: .5s;
  border-radius: .2rem;
}
.homeb .item .imgBox {
  border-radius: .2rem .2rem 0 0;
  position: relative;
}
.homeb .item .imgBox .img {
  padding-bottom: 61.771%;
}
.homeb .item .imgBox .ico {
  width: .72rem;
  height: .72rem;
  background: #8a2ac1;
  position: absolute;
  bottom: 0rem;
}
.homeb .item .imgBox .ico h3 {
  font-size: .34rem;
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  line-height: 1.1;
  margin-top: .1rem;
}
.homeb .item .imgBox .ico p {
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.homeb .item:hover .ico {
  transform: translateX(-.2rem);
  transition: .5s;
  background: #c074eb;
}
.overfloat-dot {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homeb .item .name {
  width: 100%;
}
.homeb .item .name h6 {
  font-size: .17rem;
  color: #666;
  line-height: 1.8;
  padding-left: .25rem;
  transition: .5s;
  text-align: left;
}
.homeb .item .name h6.h61 {
  background: url(../images/icon1.png) left center no-repeat;
}
.homeb .item .name h6.h62 {
  background: url(../images/icon2.png) left center no-repeat;
}
.homeb .item .name h6.h63 {
  background: url(../images/icon3.png) left center no-repeat;
}
.homeb .item .txt {
  background: #fff;
  padding: .24rem .2rem .24rem; /*display: flex;align-items: center;*/ border-radius: 0 0 .2rem .2rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.homeb .item .txt:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #8a2ac1;
  z-index: -1;
  height: 0;
  transition: .5s;
}
.homeb .item .txt .time {
  color: #008fb7;
  text-align: right;
  padding-right: .15rem;
  margin-right: .15rem;
  position: relative;
  transition: .5s;
}
.homeb .item .txt .time:after {
  content: '';
  width: 1px;
  height: .5rem;
  background: #99d2e2;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.25rem;
}
.homeb .item .txt .time span {
  font-size: .3rem;
  display: block;
  font-weight: bold;
  width: 100%;
  transition: .5s;
}
.homeb .item .txt .tit {
  flex: 1;
  font-size: .22rem;
}
.homeb .item .txt .tit h4 {
  font-weight: 500;
  transition: .5s;
  margin-bottom: .12rem;
  text-align: left;
  min-height: .77rem;
  align-items: center;
  color: #333333;
  line-height: 1.45;
  text-align: justify;
  border-bottom: 1px solid #ccc;
  padding-bottom: .12rem;
}
.homeb .swiDots {
  text-align: center;
  margin-top: .2rem;
}
.homeb .swiDots span {
  width: 10px;
  height: 10px;
}
.homeb .swiDots span.active {
  background: #008fb7;
  opacity: 1;
}
.homeb .item .name p {
  font-size: .16rem;
  line-height: 1.55;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  opacity: 0.72;
}
.homeb .item:hover .txt:before {
  height: 100%;
}
.homeb .item:hover .txt * {
  color: #fff !important;
}
.homeb .item:hover .item1 {
  transform: scale(1);
}
.homeb .item:hover a {
  box-shadow: 0 0 .25rem rgba(24, 77, 166, .7);
}
.homeb .item:hover .name h6.h61 {
  background: url(../images/icon1_b.png) left center no-repeat;
}
.homeb .item:hover .name h6.h62 {
  background: url(../images/icon2_b.png) left center no-repeat;
}
.homeb .item:hover .name h6.h63 {
  background: url(../images/icon3_b.png) left center no-repeat;
} /*.list5 li{ text-align: center}.list5 .icow{ position: relative; z-index: 1;width: 1.64rem;height: 1.64rem;margin: 0 auto;}.list5 .icow:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #8362dd;z-index: -1;border-radius: 50vw;transform: scale(1.5);opacity: 0;transition: .5s;}.list5 .ico {width: 100%;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}.list5 .ico img {width: 100%;height: 100%; transition: .5s;}.list5 .ico img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;}.list5 .ico:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #fff 1px dashed;border-radius: 50vw;z-index: -1;border-radius: 50vw;-webkit-animation: play 25s linear infinite;-moz-animation: play 25s linear infinite;animation: play 25s linear infinite; transition: .5s;}.list5 .ico:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;border-radius: 50vw;transform: scale(.85);transition: .5s;}.list5 .sicoh{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: 1;opacity: 0;transition: .5s;}.list5 .sicoh svg{ width: 100%; height: 100%}.list5 h3{ color: #ffffff;margin: .25rem 0 0;}.list5 h3 big{ font-size: .42rem; font-family: "Celtic Garamond the 2nd";margin: 0 .1rem 0 0;}.list5 h3 small{ font-size: .16rem;}.list5 h6 {font-size: .18rem;color: #fff;margin: .08rem 0 0;line-height: .24rem;height: .48rem;}*/ /* @keyframes beat {    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }} */ .home4 {
  background: url(../images/bg1s.png) no-repeat top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.home4 .fl1 {
  justify-content: space-between;
} /*.home4 .left{ width:100%;}.home4 .left{ width:calc(100% - 444px); float: left;}.home4 .right{ float: right; width: 384px;}*/ .home4 .left {
  width: 68%;
}
.home4 .right {
  width: 28.3%;
}
.list6 .a {
  display: block;
  position: relative;
  z-index: 1;
}
.list6 .time {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.21rem;
  height: .97rem;
  background: rgba(24, 77, 166, .87);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list6 .time h3 {
  font-size: .36rem;
  color: #fff;
  font-weight: bold;
}
.list6 .time h6 {
  font-size: .16rem;
  color: #fff;
  font-weight: bold;
  margin: .01rem 0 0;
}
.list6 .img .imgLi {
  padding-bottom: 62.65%;
}
.list6 .txt {
  padding: .45rem 0 .45rem .4rem;
  position: relative;
  z-index: 1;
}
.list6 .txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: .03rem;
  height: 1.6rem;
  background: #8a2ac1;
}
.list6 h4 {
  font-size: .28rem;
  color: #333333;
}
.list6 p {
  margin: .18rem 0 0;
}
.list7 li {
  margin-bottom: .3rem;
}
.list7 .a {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.list7 .img .imgLi {
  padding-bottom: 62.25%;
}
.list7 .txt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(24, 77, 166, .92);
  flex-direction: column;
  justify-content: center;
  padding: 0 .45rem;
  transition: .5s;
  transform: translateY(101%);
}
.list7 .bottom {
  margin: .36rem 0 0;
  justify-content: space-between;
}
.list7 .bottom big {
  font-size: .28rem;
  color: #fff;
}
.list7 .bottom small {
  font-size: .14rem;
  color: #fff;
  margin: 0 0 0 .03rem;
}
.list7 span {
  display: inline-block;
  padding: 0 .3rem;
  border: rgba(255, 255, 255, .4) 1px solid;
  line-height: .29rem;
  border-radius: 50vw;
  font-size: .14rem;
  color: #fff;
  margin-right: -.6rem;
}
.list7 h4 {
  color: #fff;
}
footer {
  background: url(../images/footer.jpg) center no-repeat;
  background-size: cover;
}
footer .wp {
  width: 17.2rem;
}
footer .fl1 {
  padding: .85rem 0 .55rem;
}
footer .fl1 .wp {
  justify-content: space-between;
}
footer .fl1 .left {
  width: 5.96rem;
  max-width: 35%;
}
footer .fl1 .right {
  width: 58%;
}
.f_logo {
  padding-bottom: .64rem;
  border-bottom: rgba(255, 255, 255, .2) 1px solid;
  margin-bottom: .66rem;
}
.ewm1 {
  margin: 0 -.1rem .5rem;
}
.ewm1 li {
  padding: 0 .1rem;
  text-align: center;
}
.ewm1 li img {
  width: 1.25rem;
  height: 1.25rem;
}
.ewm1 h6 {
  font-size: .16rem;
  color: #fff;
  line-height: 1.5;
  margin: .1rem 0 0;
}
.f_nav {
  justify-content: space-between;
}
.list8 p {
  font-size: .16rem;
  color: #fff;
  line-height: .3rem;
  margin-top: .06rem;
  padding: 0 0 0 .32rem;
  background-size: .2rem .2rem !important;
}
.list8 .p1 {
  background: url(../images/list8_i1.png) left .06rem no-repeat;
}
.list8 .p2 {
  background: url(../images/list8_i2.png) left .06rem no-repeat;
}
.f_nav .h3 {
  font-size: .22rem;
  color: #fff;
  line-height: 1.25;
  transition: .5s;
  margin-bottom: .25rem;
}
.f_nav .box a {
  font-size: .14rem;
  color: #fff;
  line-height: .24rem;
  transition: .5s;
  display: block;
  margin-bottom: .15rem;
}
.list_linkbox {
  justify-content: flex-end;
  margin: 1.5rem 0 0;
}
.list_link {
  position: relative;
  width: 2.15rem;
}
.list_link dt {
  height: .4rem;
  border: #fff 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .15rem;
  font-size: .14rem;
  color: #fff;
  cursor: pointer;
  position: relative;
  line-height: .4rem;
}
.list_link dt svg {
  width: .1rem;
  height: .1rem;
  fill: #fff;
  transform: rotateX(180deg);
  transition: .5s;
}
.list_link .con {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(255, 255, 255, .96);
  border-bottom: none;
  padding: 0 .15rem;
  display: none;
  transform-origin: bottom;
}
.list_link .con dd {
  font-size: .13rem;
  color: #555;
  line-height: .36rem;
  font-weight: 300;
  border-bottom: rgba(0, 0, 0, .1) 1px solid;
  text-align: left;
}
.list_link .con dd:last-child {
  border-bottom: none;
}
.list_link dt.on svg {
  transform: rotateX(180deg);
}
footer .fl2 {
  padding: .2rem 0;
  border-top: rgba(255, 255, 255, .2) 1px solid;
  text-align: center;
}
footer .fl2 p {
  font-size: .16rem;
  color: #fff;
  line-height: 1.5;
}
@media(min-width: 1024px) {
  .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img {
    transform: scale(1.08);
  }
  .a:hover .h4s1, .a:hover .h4s2 {
    color: #8a2ac1;
  }
  .more1:hover span {
    color: #fff;
  }
  .more1:hover:before {
    width: 100%;
    background: #8a2ac1;
    left: 0;
  }
  .more1:hover span:before {
    transform: translateX(-.3rem);
    opacity: 0;
  }
  .more1:hover span:after {
    transform: translateX(.3rem);
    opacity: 0;
  }
  .more3:hover span {
    color: #fff;
  }
  .more3:hover:before {
    width: 100%;
    background: #8a2ac1;
    left: 0;
  }
  .more3:hover span:before {
    transform: translateX(-.3rem);
    opacity: 0;
  }
  .more3:hover span:after {
    transform: translateX(.3rem);
    opacity: 0;
  }
  .more_bai:hover span {
    color: #8a2ac1;
  }
  .more_bai:hover:before {
    width: 100%;
    background: #fff;
    left: 0;
  }
  .more_bai:hover span:before {
    transform: translateX(-.3rem);
    opacity: 0;
  }
  .more_bai:hover span:after {
    transform: translateX(.3rem);
    opacity: 0;
  }
  .list3 .a:hover::after {
    width: 100%;
  }
  .list3 .a:hover svg {
    fill: #8a2ac1;
    transform: rotate(0deg);
  }
  .list4 .a:hover .ll {
    color: #8a2ac1;
  }
  .list4 .a:hover svg {
    fill: #8a2ac1;
    transform: rotate(0deg);
  }
  .list4 .a:hover .txt .ll .ico img {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: beat 0.5s 1;
    animation: beat 0.5s 1;
  }
  .list4 .a:hover .txt .ll .ico {
    transform: translateY(0);
  }
  .list5 .a:hover .icow:before {
    transform: scale(1);
    opacity: .34;
  }
  .list5 .a:hover .ico:before {
    background: #8362dd;
  }
  .list5 .a:hover .ico:after {
    opacity: 0;
  }
  .list5 .a:hover .ico img {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: beat 0.5s 1;
    animation: beat 0.5s 1;
  }
  .list5 .a:hover .ico .i1 {
    opacity: 0;
  }
  .list5 .a:hover .ico .i2 {
    opacity: 1;
  }
  .list5 .a:hover .sicoh {
    opacity: 1;
  }
  .list7 .a:hover .txt {
    transform: translateY(0);
  }
}
@media(max-width: 1600px) {}
@media(max-width: 1024px) {
  html::-webkit-scrollbar {
    width: 0;
  }
  .pc_hb {
    display: none;
  }
  .m_header_box {
    display: block;
  }
  .banner {
    height: auto; /*margin: .75rem 0 0;*/ margin: 0 auto;
  }
  .banner .img .imgLi {
    padding-bottom: 60%;
  }
  .list4 li {
    width: 100%;
    margin-bottom: .25rem;
  }
  footer .fl1 .left {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  footer .fl1 .right {
    width: 100%;
    text-align: center;
    padding: .3rem 0 0;
  }
  .f_logo {
    width: 3rem;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: .25rem;
  }
  .f_nav {
    display: none;
  }
  .list_link {
    margin: 0 auto;
  }
  .ewm1 {
    justify-content: center;
    margin: .3rem -.1rem .3rem;
  }
  .list8 p {
    padding: 0;
    background: none !important;
  }
  .list_linkbox {
    margin: 0;
  }
}
@media(max-width: 800px) {
  #gotop {
    right: 0;
    transform: scale(0.7);
  }
  .scroll {
    overflow: hidden;
    overflow-x: scroll;
  }
  .ar_article {
    font-size: .18rem;
  }
  .ar_article td, .ar_article th, .ar_article table th {
    font-size: .18rem;
  }
  .ar_article1 p {}
  .banner .top {
    bottom: .2rem;
    padding: 0 0 .1rem;
  }
  .aply {
    transform: scale(.7);
    margin-bottom: 0;
  }
  .banner .dots {
    transform: scale(.6);
  }
  .aply .a1 {
    width: 5rem;
  }
  .home1 .ar_article {
    width: 100%;
  }
  .home1 .right {
    width: 100%;
    padding: .4rem 0 0;
  }
  .list3 .a {
    min-height: 1.2rem;
    padding: .15rem .5rem 0 0;
  }
  .home4 .left {
    width: 100%;
  }
  .home4 .right {
    width: 100%;
    margin-top: 0.4rem;
  }
  footer .fl1 {
    padding: .4rem 0;
  }
  .tit1 h3 {
    font-size: .26rem;
  }
  .tit1 h4 {
    font-size: .32rem;
  }
  .tit1 img {
    transform: scale(.7) translateX(-.15rem);
    transform-origin: center;
  }
  .tit1 .ll {
    padding: .04rem .1rem .3rem;
  }
  .more1 {
    transform: scale(.8);
    transform-origin: right;
  }
  .more3 {
    transform: scale(.8);
    transform-origin: right;
  }
  .more_bai {
    margin-right: 0.1rem;
  }
  .pad1 {
    padding: .4rem 0;
  }
  .tit1 {
    margin-bottom: .15rem;
  }
  .home2 {
    padding-top: 0;
    margin-top: .4rem;
  }
  .list4 .txt .ll {
    font-size: .2rem;
  }
  .list4 .txt {
    height: 1rem;
  }
  .list4 .txt svg {
    margin-top: -.04rem;
  }
  .list5Box {
    padding: 0;
  }
  .list5Box .dots {
    margin: .3rem auto 0;
  }
  .list6 .txt {
    padding: .25rem 0 .25rem .2rem;
  }
  .list6 .txt::before {
    height: .8rem;
  }
  .list6 p {
    margin: .1rem 0 0;
  }
  .ewm1 {
    justify-content: center;
    margin: .2rem -.1rem .2rem;
  }
  .list7 .txt {
    position: relative;
    transform: translateY(0);
    padding: .3rem .25rem;
  }
  .list7 span {
    margin-right: -.45rem;
  }
  .list7 .bottom {
    margin-top: .2rem;
  }
}
@media(max-width: 560px) {
  .m_header_box header #logo img {
    max-height: .45rem;
    max-width: 100%;
  }
  .aply {
    transform: scale(.5);
    transform-origin: left;
  }
  .banner .top .fl1 {
    justify-content: space-between;
  }
  .banner .top {
    bottom: .1rem;
    padding: 0;
  }
  .list3 li {
    width: 100%;
  }
  .list3 .a {
    min-height: .7rem;
    padding: .15rem .5rem 0 0;
  }
  .list3 .a svg {
    top: .25rem;
    width: .15rem;
    height: .15rem;
  }
  .list3 .a::before {
    height: 2px;
  }
  .list5 .icow {
    width: 1rem;
    height: 1rem;
  }
  .list5 h3 {
    margin: .15rem 0 0;
  }
  .list5 h3 big {
    font-size: .3rem;
  }
  .list5 h6 {
    font-size: .16rem;
  }
}
.n_banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.n_banner .img .imgLi {
  padding-bottom: 23.4375%;
}
.n_banner .top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.n_banner .top .wp {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}
.n_banner h3 {
  font-size: .6rem;
  color: #fff;
  position: relative;
  text-shadow: 0px 0px .5rem rgba(34, 84, 212, 0.7);
  font-weight: bold;
}
.n_banner h6 {
  font-size: .36rem;
  color: rgba(255, 255, 255, .6);
  font-family: "sys";
  opacity: .2;
  text-transform: uppercase;
  margin: -.18rem 0 0;
  text-align: left;
  text-shadow: 0px 0px .5rem rgba(34, 84, 212, 0.7);
}
.n_container {
  padding: 0;
}
.n_b1 {
  position: relative;
  z-index: 1;
  background-size: cover;
}
.n_b1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-size: 100% auto;
  pointer-events: none;
}
.nLeft {
  width: 2.8rem;
  position: relative;
  top: -1.12rem;
}
.nRight {
  width: calc(100% - 2.8rem);
  padding: .65rem 0 1.1rem .6rem;
}
.n_t1 {
  background: #8a2ac0 url(../images/nav_bt2.png) center no-repeat;
  background-size: cover;
  height: 1.12rem;
  display: flex;
  justify-content: center;
  font-size: .3rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 1;
  flex-direction: column;
  padding: .1rem .36rem 0;
  border-radius: .5rem 0 0 0;
} /*.n_t1:before{ content: ""; position: absolute; bottom: 0; left: 0; height: .03rem; background: #0f3e8d;right: 0;}*/ 
.n_t1 h3 {
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.n_t1 h4 {
  font-size: .4rem;
  color: #d8b95a;
  font-family: "Canela Web";
  text-transform: uppercase;
  opacity: .12;
  position: absolute;
  bottom: .22rem;
  z-index: -1;
}
.about .list2 {
  background: url(../images/about-bg.png) no-repeat;
  background-size: cover;
  height: 2.2rem;
  display: flex;
}
.about .list2 li {
  width: 16.66667%;
  text-align: center;
  position: relative;
}
.about .list2 li::before {
  content: "";
  position: absolute;
  width: .01rem;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.3);
}
.about .list2 li .item {
  padding: 0 .3rem;
  margin-top: .7rem;
}
.about .list2 li .num {
  font-weight: bold;
  font-size: .45rem;
  color: #FFF;
  margin-bottom: .14rem;
}
.about .list2 li .txt {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5em;
  font-size: .16rem;
}
.ejBox {
  position: relative;
  z-index: 1;
  background: #f2f6fa;
  background-size: 100% 100%;
}
.ejBox .i1 {
  position: absolute;
  top: -10%;
  right: 100%;
  height: 120%;
}
.ejBox .i2 {
  position: absolute;
  top: -10%;
  left: 100%;
  height: 120%;
}
.list_ej {
  height: 100%;
  padding: 0 0 1rem 0;
  background: #fbfafc url(../images/list_ej.jpg) center bottom no-repeat;
  background-size: 100% auto;
  border-left: .05rem solid #8a2ac0;
}
.list_ej li {
  width: 100%;
  position: relative;
  z-index: 1;
}
.list_ej .a::before {
  content: "";
  position: absolute;
  background: url(../images/list_ej.png) center no-repeat;
  left: 0;
  width: 0;
  height: 100%;
  bottom: 0;
  top: 0;
  transition: .5s;
  z-index: -1;
  background-size: cover;
}
.list_ej .a::after {
  content: "";
  position: absolute;
  border-bottom: #eae8f4 1px dashed;
  right: .3rem;
  left: .3rem;
  height: 1px;
  bottom: 0;
  transition: .5s;
  z-index: -2;
}
.list_ej span {
  position: relative;
  display: inline-block;
  padding: 0;
  line-height: .26rem;
  max-width: 100%;
}
.list_ej span::before {
  content: "";
  position: absolute;
  background: url(../images/list_ej.png) center repeat-x;
  left: 0;
  width: .22rem;
  height: .22rem;
  background-size: cover;
  opacity: 0;
  transition: .5s;
  top: 50%;
  margin-top: -.11rem;
}
.list_ej .a {
  height: .75rem;
  display: flex;
  align-items: center;
  font-size: .22rem;
  color: #333333;
  flex-wrap: nowrap;
  transition: .5s;
  position: relative;
  z-index: 2;
  padding: 0 .3rem;
} /*.list_ej li:last-child .a::after{ display: none}*/ .sjs {
  padding: .1rem 0 0;
}
.sjs a {
  display: block;
  font-size: .16rem;
  color: #999;
  line-height: 2;
  text-align: center;
  transition: .5s;
}
.sjs a:hover, .sjs a.on {
  color: #14428f;
}
.list_ej li.on span::before, .list_ej li:hover span::before {
  opacity: 1;
  -webkit-animation: play 5s linear infinite;
  -moz-animation: play 5s linear infinite;
  animation: play 5s linear infinite;
}
.list_ej li.on .a::before, .list_ej li:hover .a::before {
  width: 100%;
}
.list_ej li.on .a, .list_ej li:hover .a {
  color: #8a2ac1;
  font-weight: bold;
}
.tit2 {
  margin-bottom: .4rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.2rem;
}
.tit2 h3 {
  position: relative;
  z-index: 1;
  font-size: .34rem;
  color: #222222;
} /*.tit2 h3:before{ content: ""; position: absolute; left: 0; top: 0; width: .05rem; height: .35rem;background: #245cbc;}*/ #m_n_nav {
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 9;
  width: 100%;
  background: url(../images/footer.jpg) center no-repeat;
  background-size: cover;
}
#bnt_back {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -14px;
  height: 28px;
}
#bnt_back img {
  height: 28px;
  vertical-align: top;
}
#bnt_back svg {
  fill: rgb(255, 255, 255);
  height: 30px;
  vertical-align: middle;
  width: 26px;
}
#m_n_nav i {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: .2rem;
  color: #666;
  font-family: simsun;
  font-style: normal;
  width: .3rem;
  height: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#m_n_nav h1 {
  font-size: 14px;
  color: rgb(255, 255, 255);
  text-align: center;
  margin: 0px;
  line-height: 50px;
}
#n_n_title {
  position: relative;
}
#bnt_sub_nav {
  position: absolute;
  right: 15px;
  top: 0px;
  height: 50px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  font-size: 18px;
  display: flex;
  align-items: center;
}
#bnt_sub_nav svg {
  fill: rgb(255, 255, 255);
  height: 20px;
  vertical-align: middle;
  width: 20px;
}
#bnt_sub_nav img {
  display: block;
  height: 20px;
}
#bnt_sub_nav.on img {
  transform: rotate(-180deg);
}
#sub_nav_content {
  background: rgb(240, 243, 245);
  display: none;
  box-shadow: rgb(153, 153, 153) 0px 0px 5px;
  z-index: 9;
}
#sub_nav_content ul {
  padding: 10px;
}
#sub_nav_content ul li {
  display: block;
  line-height: 28px;
  margin: 1rem 0px;
}
#sub_nav_content ul li a {
  display: block;
  border-left: 2px solid rgb(202, 158, 78);
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: rgb(83, 84, 85);
}
#sub_nav_content ul li.on a {
  color: rgb(202, 158, 78);
}
#sub_nav_content dl {
  font-size: 0px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  padding: 10px 0px;
  display: flex;
  flex-wrap: wrap;
}
#sub_nav_content dt {
  position: relative;
  background: rgb(255, 255, 255);
  z-index: 999;
  min-width: 100%;
  display: inline-block;
  margin-bottom: 0px;
  text-align: left;
}
#sub_nav_content dt a {
  margin: 0px 20px;
  display: block;
  color: #333;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}
#sub_nav_content dt a i {
  position: absolute;
  right: 15px;
  top: 0px;
  opacity: 0;
  display: none;
}
#sub_nav_content dt a {}
#sub_nav_content dt.title {
  background: rgb(250, 250, 251);
}
#sub_nav_content dt.title i {
  opacity: 1;
}
#sub_nav_content dt.title_on {
  background: rgb(250, 250, 251);
}
#sub_nav_content dt.title_on a {
  color: rgb(215, 0, 41);
  border-top: 1px solid rgb(255, 255, 255);
}
#sub_nav_content dt.title_on a i {
  color: rgb(215, 0, 41);
}
#sub_nav_content dt.last a {
  border-top: 1px solid rgb(248, 248, 248);
}
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {
  color: #534bb1;
}
#sub_nav_content dd {
  display: none;
  width: 100%;
}
#sub_nav_content dd .box {
  padding: 0px;
}
#sub_nav_content dd a {
  padding: 0px 25px;
  line-height: 30px;
  font-size: 12px;
  color: #999;
  display: block;
  height: 30px;
}
#sub_nav_content dd a.on {
  color: rgb(215, 0, 41);
}
.mianbao {
  align-items: center;
  font-size: .16rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: .2rem;
}
.mianbao * {
  font-style: normal;
  transition: .5s;
}
.mianbao span {
  margin: 0 .06rem;
}
.mianbao img {
  margin: -.03rem .06rem 0 0;
  height: .16rem;
}
.mianbao a:hover {
  opacity: .8;
}
.about .ar_article p img {
  margin: .1rem 0 0 .25rem;
}
.about .fl2 {
  background: url(../images/about_b1.jpg) center no-repeat;
  background-size: cover;
  padding: .3rem .25rem;
  margin: .3rem 0;
}
.about .fl2 .ar_article p {
  color: #fff;
}
.list9 {
  margin: .4rem -.06rem 0;
}
.list9 li {
  padding: 0 .06rem;
  width: 50%;
}
.list9 .a {
  display: block;
  position: relative;
}
.list9 .imgBox .imgLi {
  padding-bottom: 38.73%;
}
.list9 .top {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8% .44rem 0;
}
.list9 .top h3 {
  font-size: .3rem;
  color: #fff;
  margin-bottom: .2rem;
}
.list9 .top p {
  font-size: .19rem;
  color: #fff;
  line-height: .28rem;
}
.n_bg1 {
  background: url(../images/n_b1.jpg) center bottom no-repeat;
  background-size: 100% auto;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {
  #m_n_nav {
    display: block;
  }
  .nLeft {
    width: 100%;
    display: none;
  }
  .nRight {
    width: 100%;
    padding: .4rem 0 .5rem;
    min-height: 4.7rem;
  }
  .n_banner {
    /*margin-top: .75rem;*/
  }
  .n_banner .top {
    width: 100%;
    display: none;
  }
}
@media(max-width: 800px) {
  .list9 li {
    width: 100%;
    margin-bottom: .2rem;
  }
  .ar_article, .ar_article p {
    line-height: 1.75;
  }
  .tit2 {
    margin-bottom: .3rem;
  }
  .tit2 h3 {
    font-size: .26rem;
  }
  .tit2 h3:before {
    height: .26rem;
  }
  .about .ar_article p img {
    margin: 0 0 .2rem 0;
  }
  .list9 .top h3 {
    font-size: .26rem;
    margin-bottom: .12rem;
  }
  .list9 .top p {
    font-size: .14rem;
  }
}
@media(max-width: 560px) {}
.ar_article2 p {
  margin-bottom: 0;
}
.jgsz .fl1 {
  margin-bottom: .55rem;
}
.list10 {
  background: url(../images/list10_b1.jpg) center no-repeat;
  background-size: cover;
  padding: .45rem .45rem .45rem;
}
.list10 li {
  min-width: 33.33%;
}
.list10 .a {
  font-size: .17rem;
  color: #333333;
  line-height: .36rem;
  transition: .5s;
}
@media(min-width: 1024px) {
  .list10 .a:hover {
    color: #8a2ac1;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {}
@media(max-width: 560px) {}
.list11 {
  margin: 0 -.1rem;
}
.list11 li {
  width: 50%;
  padding: 0 .1rem;
  margin-bottom: .18rem;
}
.list11 .a {
  display: block;
  padding: .35rem .35rem;
  border: #ebe7f7 1px solid;
  background: #fbfafc;
  height: 100%;
  transition: .5s;
}
.list11 h3 {
  font-size: .24rem;
  color: #333333;
  line-height: 1.375;
  position: relative;
  padding-bottom: .14rem;
  margin-bottom: .25rem;
}
.list11 h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: .46rem;
  height: .03rem;
  background: #3d66da;
}
.list11 dl {
  line-height: .32rem;
  font-size: .17rem;
  color: #333333;
  margin-bottom: .15rem;
}
.list11 dl .con {
  flex: 1;
  overflow: hidden;
}
.list11 dl dd {
  margin-right: .15rem;
  position: relative;
  z-index: 1;
}
.list11 dl dd:before {
  content: "、";
  position: absolute;
  right: -.12rem;
  font-size: .17rem;
  color: #333333;
  width: .1rem;
  height: 100%;
}
.list11 dl dd:last-child:before {
  display: none;
}
@media(min-width: 1024px) {
  .list11 .a:hover {
    border: #8a2ac1 1px solid;
    box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);
    background: #18247d;
  }
  .list11 .a:hover h3 {
    color: #fff;
  }
  .list11 .a:hover dl {
    color: #fff;
  }
  .list11 .a:hover h3::before {
    background: #71a6ff;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list11 li {
    width: 100%;
  }
  .list11 .a {
    padding: .3rem .2rem;
  }
  .list11 dl {
    margin-bottom: .05rem;
  }
  .list10 {
    padding: .3rem .2rem;
  }
}
@media(max-width: 560px) {}
.nLefts1 {
  height: 1.12rem;
  margin-top: -1.12rem;
  top: 0;
}
.nRight.w100 {
  width: 100%;
  padding: 0 !important;
}
.pad2 {
  padding: .9rem 0;
  overflow: hidden;
}
.tit3 {
  position: relative;
  z-index: 1;
  justify-content: center;
  margin-bottom: .7rem;
}
.tit3 h3 {
  font-size: .32rem;
  color: #333333;
  font-weight: bold;
}
.more2 {
  width: 1.07rem;
  height: .4rem;
  position: absolute;
  z-index: 1;
  justify-content: center;
  align-items: center;
  right: .3rem;
  top: 50%;
  transform: translateY(-50%);
}
.more2:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: .5s;
  z-index: -1;
}
.more2 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.more2 span {
  font-size: .16rem;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: .5s;
}
.more2 span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 98%;
  width: .28rem;
  height: 2px;
  background: #8a2ac1;
  transition: .5s;
  margin-top: -1px;
}
.yxjy .fl2 .more2 span:after {
  background: #fff;
}
.yxjy .fl2 .more2 span:after, .yxjy .fl2 .more2 img {
  opacity: .2;
}
.list12 {
  margin: 0 -.1rem;
}
.list12 li {
  width: 50%;
  padding: 0 .1rem;
  margin-bottom: .18rem;
}
.list12 .a {
  display: block;
  padding: .4rem;
  border: #ebe7f7 1px solid;
  background: #fbfafc url(../images/list12_b.jpg) center no-repeat;
  background-size: cover;
  height: 100%;
  transition: .5s;
}
.list12 h3 {
  font-size: .24rem;
  color: #333333;
  line-height: 1.375;
  position: relative;
  padding-bottom: .14rem;
  margin-bottom: .2rem;
}
.list12 h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: .24rem;
  height: .03rem;
  background: #3d66da;
}
.list12 dd {
  font-size: .17rem;
  color: #333333;
  line-height: .36rem;
}
.yxjy .fl2 {
  position: relative;
  z-index: 1;
}
.yxjy .fl2 .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.tit3w h3 {
  color: #fff;
}
.tit3w .more2 span {
  color: #fff;
}
.list13 .a {
  background: url(../images/list13_b.jpg) center no-repeat;
  background-size: cover;
  height: 1.88rem;
  padding: 0 .24rem;
  flex-direction: column;
  justify-content: center;
  transition: .5s;
  position: relative;
  z-index: 1;
}
.list13 .a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url(../images/list13_b_on.jpg) center no-repeat;
  background-size: cover;
  opacity: 0;
  transition: .5s;
}
.list13 h4 {
  font-size: .18rem;
  line-height: .26rem;
  max-height: .53rem\0;
  margin: .12rem 0 .3rem;
}
.list13 svg {
  width: .14rem;
  height: .14rem;
  fill: #000000;
  transform: rotate(90deg);
  transition: .5s;
}
.list13Box .dots {
  margin-top: .7rem;
  text-align: center;
}
.list13Box .dots span {
  width: .07rem;
  height: .07rem;
  background: #fff;
  opacity: .34;
}
.list13Box .dots span.active {
  opacity: 1;
}
.miso_tab1 .hd {
  margin-bottom: .5rem;
}
.miso_tab1 .hd ul li {
  margin-right: .9rem;
  position: relative;
  z-index: 1;
  transition: .5s;
  margin-bottom: .15rem;
}
.miso_tab1 .hd ul li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: .12rem;
  background: #919191;
  transform: rotate(25deg);
  right: -.45rem;
  top: 50%;
  margin-top: -.06rem;
}
.miso_tab1 .hd ul li .a {
  font-size: .2rem;
  color: #333333;
  transition: .5s;
  line-height: 1.5;
  display: inline-block;
  transition: .5s;
}
.miso_tab1 .hd ul li.on a {
  color: #7340ce;
  font-weight: bold;
}
.list14 {
  margin: 0 -.11rem;
}
.list14 li {
  width: 20%;
  padding: 0 .11rem;
}
.list14 .a {
  display: block;
  padding: 0 .24rem;
  position: relative;
  z-index: 1;
}
.list14 .a::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #faf7fc;
  height: calc(100% - .82rem);
}
.list14 .a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #7340ce;
  height: 0;
  transition: .5s;
}
.list14 .img .imgLi {
  padding-bottom: 125.33%;
}
.list14 .txt {
  padding: .2rem .12rem .2rem;
}
.list14 h4 {
  font-size: .22rem;
  color: #333333;
  font-weight: bold;
  transition: .5s;
}
.list14 .con {
  margin: .12rem 0 0;
  position: relative;
  z-index: 1;
  padding: .15rem 0 0;
  background: url(../images/list14_b.png) top right no-repeat;
  background-size: .08rem .08rem;
}
.list14 .con:before {
  content: "";
  position: absolute;
  top: .04rem;
  right: .08rem;
  left: 0;
  height: 1px;
  background: #f4edf9;
}
.list14 .con p {
  font-size: .15rem;
  color: #333333;
  line-height: .26rem;
  transition: .5s;
}
@media(min-width: 1024px) {
  .list13 .a:hover:before {
    opacity: 1;
  }
  .list12 .a:hover {
    border: #8a2ac1 1px solid;
    box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);
  }
  .list13 .a:hover * {
    color: #fff;
  }
  .list13 .a:hover svg {
    fill: #fff;
  }
  .more2:hover span {
    color: #fff;
  }
  .more2:hover:before {
    width: 100%;
    background: #8a2ac1;
    left: 0;
  }
  .more2:hover span:before {
    transform: translateX(-.3rem);
    opacity: 0;
  }
  .more2:hover span:after {
    transform: translateX(.3rem);
    opacity: 0 !important;
  }
  .list14 .a:hover:after {
    height: calc(100% - .82rem);
  }
  .list14 .a:hover * {
    color: #fff;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list12 li {
    width: 100%;
  }
  .list14 li {
    width: 50%;
    margin-bottom: .2rem;
  }
  .miso_tab1 .hd ul li {
    margin-right: .3rem;
    margin-bottom: .1rem;
  }
  .miso_tab1 .hd ul li:before {
    right: -.15rem;
  }
  .miso_tab1 .hd {
    margin-bottom: .25rem;
  }
  .miso_tab1 .hd ul li .a {
    font-size: .18rem;
  }
  .tit3 {
    justify-content: flex-start;
    margin-bottom: .35rem;
  }
  .tit3 h3 {
    font-size: .26rem;
  }
  .more2 {
    transform: scale(.8) translateY(-60%);
    transform-origin: right;
  }
  .pad2 {
    padding: .4rem 0;
  }
  .list12 .a {
    padding: .3rem .25rem;
  }
  .list13Box .dots {
    margin-top: .25rem;
  }
}
@media(max-width: 560px) {
  .list14 li {
    width: 100%;
  }
  .list14 .a {
    padding: 0 0;
    display: flex;
  }
  .list14 .a:before {
    height: 100%;
  }
  .list14 .img {
    width: 1.5rem;
  }
  .list14 .txt {
    flex: 1;
    overflow: hidden;
    padding: .3rem .2rem;
  }
}
.miso_select {
  background: url(../images/miso_select.jpg) center no-repeat;
  background-size: cover;
  padding: .3rem;
  margin-bottom: .5rem;
}
.miso_select .fl0 .ll {
  width: 1.5rem;
  font-size: .17rem;
  color: #8a2ac1;
  line-height: .3rem;
  font-weight: bold;
}
.miso_select .fl0 .rr {
  width: calc(100% - 1.5rem);
}
.miso_select .fl1 {
  padding-bottom: .15rem;
  margin-bottom: .15rem;
}
.list15 li {
  padding: 0;
  margin: 0 .33rem .06rem 0;
}
.list15 li a {
  font-size: .17rem;
  color: #333333;
  display: inline-block;
  line-height: .3rem;
  transition: .5s;
  text-align: center;
}
.list16 li {
  font-size: .17rem;
  color: #666666;
  line-height: .3rem;
  margin-right: .25rem;
  transition: .5s;
}
.list16 li.on {
  color: #fff;
  background: #18247d;
  border-radius: .02rem;
  padding: 0 .1rem;
}
.list16 li a:hover {
  color: #18247d;
}
.list17 {
  margin: 0 -.22rem;
}
.list17 li {
  width: 50%;
  padding: 0 .22rem;
  margin-bottom: .44rem;
}
.list17 .a {
  background: url(../images/list17_b.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  transition: .5s;
}
.list17 .a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/list17_b_on.jpg) center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: .5s;
}
.list17 .img {
  width: 2.2rem;
}
.list17 .img .imgLi {
  padding-bottom: 143%;
}
.list17 .txt {
  width: calc(100% - 2.2rem);
  padding: .28rem;
  border: #f8f5fa 1px solid;
  border-left: none;
}
.list17 h4 {
  font-size: .24rem;
  color: #222222;
}
.list17 .line {
  margin: .22rem 0 .15rem;
  height: 1px;
  position: relative;
}
.list17 .line:before {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  background: #18247d;
  opacity: .3;
  right: .28rem;
  left: -.28rem;
}
.list17 p {
  font-size: .16rem;
  color: #333333;
  line-height: .28rem;
}
.list17 p.miaos {
  color: #6f6f6f;
  margin-top: 0.1rem;
  font-size: .16rem;
}
.list17 .dot {
  position: absolute;
  right: 0;
  top: -.14rem;
  width: .28rem;
  height: .28rem;
}
.list17 .dot::after {
  content: "";
  position: absolute;
  width: .06rem;
  height: .06rem;
  background: #18247d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.list17 .dot i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.list17 .dot i::after, .list17 .line .dot i::before {
  position: absolute;
  display: block;
  border-radius: 50%;
  content: '';
  background: #18247d;
  width: 100%;
  height: 100%;
  left: 0;
}
.list17 .dot .i1::before {
  animation: circleScale1 3s infinite;
  background: #6510ad;
  transform: scale(0);
}
.list17 .dot .i1::after {
  animation: circleScale2 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: .5s;
}
.list17 .dot .i2::before {
  animation: circleScale1 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 1s;
}
.list17 .dot .i2::after {
  animation: circleScale2 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 1.5s;
}
.list17 .dot .i3::before {
  animation: circleScale1 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 2s;
}
.list17 .dot .i3::after {
  animation: circleScale2 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 2.5s;
}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
  }
}
@media(min-width: 1024px) {
  .list17 .a:hover {
    box-shadow: 0px 2px 32px 0px rgba(84, 52, 123, 0.15);
  }
  .list17 .a:hover::before {
    opacity: 1;
  }
}
@media(max-width: 1024px) {
  .list17 li {
    width: 100%;
  }
}
@media(max-width: 800px) {
  .miso_select .fl0 .ll {
    width: 100% !important;
    margin-bottom: .15rem;
  }
  .miso_select .fl0 .rr {
    width: 100% !important;
  }
  .list15 li {
    margin: 0 .2rem .06rem 0;
  }
  .list16 li {
    margin-right: .15rem;
  }
}
@media(max-width: 560px) {
  .list17 li {
    margin-bottom: .2rem;
  }
  .list17 .img {
    width: 1.5rem;
  }
  .list17 .txt {
    width: calc(100% - 1.5rem);
    padding: .2rem;
    overflow: hidden;
  }
  .list17 .line {
    margin: .2rem 0;
  }
  .list17 h4 {
    font-size: .2rem;
  }
}
.list117 {
  margin: 0 -.22rem;
}
.list117 li {
  width: 50%;
  padding: 0 .22rem;
  margin-bottom: .44rem;
}
.list117 .a {
  background: url(../images/list17_b.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  transition: .5s;
}
.list117 .a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/list17_b_on.jpg) center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: .5s;
}
.list117 .img {
  width: 2.2rem;
}
.list117 .img .imgLi {
  padding-bottom: 123%;
}
.list117 .txt {
  width: calc(100% - 2.2rem);
  padding: .28rem;
  border: #f8f5fa 1px solid;
  border-left: none;
}
.list117 h4 {
  font-size: .24rem;
  color: #222222;
}
.list117 .line {
  margin: .22rem 0 .15rem;
  height: 1px;
  position: relative;
}
.list117 .line:before {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  background: #18247d;
  opacity: .3;
  right: .28rem;
  left: -.28rem;
}
.list117 p {
  font-size: .16rem;
  color: #333333;
  line-height: .28rem;
}
.list117 p.miaos {
  color: #6f6f6f;
  margin-top: 0.1rem;
  font-size: .16rem;
}
.list117 .dot {
  position: absolute;
  right: 0;
  top: -.14rem;
  width: .28rem;
  height: .28rem;
}
.list117 .dot::after {
  content: "";
  position: absolute;
  width: .06rem;
  height: .06rem;
  background: #18247d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.list117 .dot i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.list117 .dot i::after, .list117 .line .dot i::before {
  position: absolute;
  display: block;
  border-radius: 50%;
  content: '';
  background: #18247d;
  width: 100%;
  height: 100%;
  left: 0;
}
.list117 .dot .i1::before {
  animation: circleScale1 3s infinite;
  background: #6510ad;
  transform: scale(0);
}
.list117 .dot .i1::after {
  animation: circleScale2 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: .5s;
}
.list117 .dot .i2::before {
  animation: circleScale1 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 1s;
}
.list117 .dot .i2::after {
  animation: circleScale2 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 1.5s;
}
.list117 .dot .i3::before {
  animation: circleScale1 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 2s;
}
.list117 .dot .i3::after {
  animation: circleScale2 3s infinite;
  background: #6510ad;
  transform: scale(0);
  animation-delay: 2.5s;
}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
  }
}
@media(min-width: 1024px) {
  .list117 .a:hover {
    box-shadow: 0px 2px 32px 0px rgba(84, 52, 123, 0.15);
  }
  .list117 .a:hover::before {
    opacity: 1;
  }
}
@media(max-width: 1024px) {
  .list117 li {
    width: 100%;
  }
}
@media(max-width: 560px) {
  .list117 li {
    margin-bottom: .2rem;
  }
  .list117 .img {
    width: 1.5rem;
  }
  .list117 .txt {
    width: calc(100% - 1.5rem);
    padding: .2rem;
    overflow: hidden;
  }
  .list117 .line {
    margin: .2rem 0;
  }
  .list117 h4 {
    font-size: .2rem;
  }
}
.zzjs_d1 .fl1 {
  background: url(../images/list17_b.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  transition: .5s;
  border-bottom: #ede8f2 1px solid;
  margin-bottom: .6rem;
}
.zzjs_d1 .fl1 .img {
  width: 2.2rem;
}
.zzjs_d1 .fl1 .img .imgLi {
  padding-bottom: 125.33%;
}
.zzjs_d1 .fl1 .txt {
  width: calc(100% - 2.2rem);
  padding: .1rem .36rem .1rem;
}
.zzjs_d1 .fl1 h4 {
  font-size: .28rem;
  padding-bottom: .15rem;
  color: #222222;
  margin-bottom: .24rem;
  border-bottom: 1px solid #d9e1ee;
  position: relative;
}
.zzjs_d1 .fl1 h4 span {
  padding-left: .2rem;
  font-size: .15rem;
  color: #888;
}
.zzjs_d1 .fl1 h4::before {
  content: "";
  width: 82px;
  height: 2px;
  background: #18247d;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  transition: .5s;
}
.zzjs_d1 dl {
  width: 100%;
  height: .32rem;
}
.zzjs_d1 dl dt {
  width: 68px;
  color: #898989;
  font-size: 16px;
  line-height: .28rem;
  text-align: justify;
  text-align-last: justify;
}
.zzjs_d1 dl dd {
  width: calc(100% - 70px);
  font-size: 16px;
  color: #333333;
  line-height: .28rem;
  padding-left: 20px;
  position: relative;
}
.zzjs_d1 dl dd span {
  position: absolute;
  left: 0;
}
.zzjs_d1 .fl1 p {
  font-size: 16px;
  color: #333333;
  line-height: .32rem;
  display: flex;
  align-items: center;
}
.zzjs_d1 .fl1 p span {
  width: 68px;
  color: #898989;
  text-align: justify;
  text-align-last: justify;
}
.zzjs_d1 .fl1 .p1 {
  background: url(../images/icon_p1.svg) no-repeat -.03rem .03rem;
  background-size: .30rem;
  padding-left: .3rem;
}
.zzjs_d1 .fl1 .p2 {
  background: url(../images/icon_p2.svg) no-repeat 0 .05rem;
  background-size: .20rem;
  padding-left: .3rem;
}
.zzjs_d1 .fl1 .p3 {
  background: url(../images/icon_p3.svg) no-repeat 0 .05rem;
  background-size: .20rem;
  padding-left: .3rem;
}
.zzjs_d1 .fl1 .p4 {
  background: url(../images/icon_p4.svg) no-repeat 0 .05rem;
  background-size: .20rem;
  padding-left: .3rem;
}
.zzjs_d1 .fl1 .p5 {
  background: url(../images/icon_p5.svg) no-repeat 0 .05rem;
  background-size: .20rem;
  padding-left: .3rem;
}
.zzjs_d1 .fl2 {
  padding: 0 .05rem;
}
.zzjs_d1 .fl2 .ar_article p {
  margin-bottom: 0;
  font-size: .16rem;
  line-height: .3rem;
}
.h3-1 {
  font-size: .2rem;
  color: #8a2ac1;
  font-weight: bold;
  margin-bottom: .18rem;
}
.zzjs_d1 .fl2 .box {
  margin-bottom: .5rem;
}
.zzjs_d1 .ar_article1 p {
  margin-bottom: .15rem !important;
}
.h3-2 {
  font-size: .2rem;
  color: #8a2ac1;
  font-weight: bold;
  margin-bottom: .3rem;
  display: flex;
  align-items: center;
}
.h3-2 img {
  width: .44rem;
  margin: 0 .15rem 0 0;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {}
@media(max-width: 800px) {}
@media(max-width: 560px) {
  .zzjs_d1 .fl1 .img {
    width: 100%;
  }
  .zzjs_d1 .fl1 .txt {
    width: 100%;
    padding: .2rem;
    overflow: hidden;
  }
  .zzjs_d1 .fl1 h4 {
    font-size: .2rem;
    margin-bottom: .2rem;
  }
  .h3-1 {
    margin-bottom: .2rem;
  }
}
.list18 li {
  padding-bottom: .32rem;
  margin-bottom: .32rem;
  border-bottom: #f4f4f4 1px solid;
}
.list18 .a {
  align-items: flex-start;
}
.list18 .img {
  width: 2.45rem;
}
.list18 .img .imgLi {
  padding-bottom: 125.33%;
}
.list18 .txt {
  width: calc(100% - 2.45rem);
  padding: .36rem 0 0;
  justify-content: flex-start;
}
.list18 h4 {
  font-size: .24rem;
  color: #222222;
  width: 2.75rem;
  padding: 0 0 0 .5rem;
}
.list18 h4 span {
  display: block;
  font-size: .14rem;
  line-height: 1.375;
  margin: .1rem 0 0;
}
.list18 p {
  font-size: .18rem;
  color: #222222;
  line-height: .36rem;
}
.list18 {
  min-height: 7rem;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list18 {
    min-height: auto;
  }
  .list18 .txt {
    padding: .2rem 0 0 .2rem;
  }
  .list18 h4 {
    padding: 0 0;
    margin-bottom: .15rem;
  }
}
@media(max-width: 560px) {
  .list18 .img {
    width: 1.45rem;
  }
  .list18 .txt {
    width: calc(100% - 1.45rem);
  }
}
.list_ys li {
  padding-bottom: .32rem;
  margin-bottom: .32rem;
  border-bottom: #f4f4f4 1px solid;
  width: 33.33%;
}
.list_ys .a {
  align-items: flex-start;
}
.list_ys .img {
  width: 2.45rem;
  margin: 0 auto;
}
.list_ys .img .imgLi {
  padding-bottom: 125.33%;
}
.list_ys .txt {
  width: 100%;
  padding: .16rem 0 0;
  text-align: center;
  height: 0.9rem;
}
.list_ys h4 {
  font-size: .22rem;
  color: #000;
  margin-bottom: .15rem;
}
.list_ys h4 span {
  display: block;
  font-size: .14rem;
  line-height: 1.375;
  margin: .1rem 0 0;
}
.list_ys p {
  font-size: .17rem;
  color: #717171;
  line-height: .24rem;
}
.list_ys {
  min-height: 7rem;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {
  .list_ys li {
    width: 100%;
  }
}
@media(max-width: 800px) {
  .list_ys {
    min-height: auto;
  }
  .list_ys .txt {
    padding: .2rem 0 0 .2rem;
  }
  .list_ys h4 {
    padding: 0 0;
    margin-bottom: .15rem;
  }
}
.list128_tit {
  height: .54rem;
  width: 100%;
  clear: both;
  padding: 0 0rem 0 .4rem;
  background: #8a2ac1;
  font-size: .22rem;
  color: #fff;
  line-height: .54rem;
  position: relative;
  font-weight: normal;
  margin-bottom: .2rem;
  border-left: .05rem solid #8a2ac1;
}
.list128_tit::before {
  content: "";
  position: absolute;
  left: .16rem;
  top: .14rem;
  background: #fff;
  width: 4px;
  height: .26rem;
}
.list128 li {
  padding-bottom: .32rem;
  margin-bottom: .32rem;
  border-bottom: #f4f4f4 1px solid;
  width: 18.4%;
  margin-right: 2%;
}
.list128 li:nth-child(5n) {
  margin-right: 0;
}
.list128 .a {
  align-items: flex-start;
}
.list128 .img {
  width: 60%;
  margin: 0 auto;
}
.list128 .img .imgLi {
  padding-bottom: 138.095%;
}
.list128 .txt {
  width: 100%;
  padding: .16rem 0 0;
  text-align: center;
  height: 0.9rem;
}
.list128 h4 {
  font-size: .22rem;
  color: #000;
  margin-bottom: .15rem;
}
.list128 h4 span {
  display: block;
  font-size: .14rem;
  line-height: 1.375;
  margin: .1rem 0 0;
}
.list128 p {
  font-size: .17rem;
  color: #717171;
  line-height: .24rem;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {
  .list128 li {
    width: 100%;
  }
}
@media(max-width: 800px) {
  .list128 {
    min-height: auto;
  }
  .list128 .txt {
    padding: .2rem 0 0 .2rem;
  }
  .list128 h4 {
    padding: 0 0;
    margin-bottom: .15rem;
  }
}
.miso_tab2 .hd {
  margin-bottom: .5rem;
}
.miso_tab2 .hd ul {
  width: 5.6rem;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  max-width: 100%;
}
.miso_tab2 .hd ul:before {
  content: "";
  position: absolute;
  left: .55rem;
  right: .55rem;
  height: 1px;
  bottom: .04rem;
  height: 1px;
  background: #ededed;
}
.miso_tab2 .hd ul li {
  position: relative;
  z-index: 1;
  padding: 0 0 .32rem;
}
.miso_tab2 .hd ul li::before {
  content: "";
  position: absolute;
  width: .1rem;
  height: .1rem;
  border: #bfbfc2 1px solid;
  border-radius: 50vw;
  bottom: 0;
  left: 50%;
  margin-left: -.05rem;
  box-sizing: border-box;
  transition: .5s;
  background: #fff;
}
.miso_tab2 .hd ul li .a {
  display: inline-block;
  position: relative;
  padding: 0 .2rem;
  line-height: .38rem;
  font-size: .2rem;
  color: #333333;
  font-weight: 600;
  transition: .5s;
}
.miso_tab2 .hd ul li .a:before {
  content: "";
  position: absolute;
  bottom: -.07rem;
  left: 50%;
  transform: translateX(-50%);
  border-left: transparent .06rem solid;
  border-right: transparent .06rem solid;
  border-top: #534bb1 .07rem solid;
  opacity: 0;
  transition: .5s;
}
.miso_tab2 .hd ul li.on .a {
  background: #534bb1;
  color: #fff;
}
.miso_tab2 .hd ul li.on .a:before {
  opacity: 1;
}
.miso_tab2 .hd ul li.on::before {
  border: #534bb1 2px solid;
}
.miso_tab2 .bd {
  padding: 0 .15rem;
}
.miso_tab2 .box {
  margin-bottom: .4rem;
}
.miso_tab2 .box h3 {
  font-size: .3rem;
  color: #222222;
  font-weight: bold;
  margin-bottom: .15rem;
}
.miso_tab2 .box p {
  font-size: .18rem;
  color: #222222;
  line-height: .3rem;
}
.miso_tab2 h4 {
  font-size: .24rem;
  color: #222222;
  margin-bottom: .25rem;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .miso_tab2 .hd ul li .a {
    padding: 0 .1rem;
  }
  .miso_tab2 .bd {
    padding: 0;
  }
  .ar_article td, .ar_article th {
    padding: .1rem;
  }
  .miso_tab2 .box h3 {
    font-size: .24rem;
  }
  .miso_tab2 h4 {
    font-size: .2rem;
  }
}
@media(max-width: 560px) {}
.list19 {
  margin: .4rem 0 -.45rem;
}
.list19 li {
  margin-bottom: .45rem;
}
.list19 .a {
  align-items: center;
  border: #ededed 1px solid;
  transition: .5s;
}
.list19 .txt {
  width: calc(100% - 4rem);
  padding: 0 .38rem;
}
.list19 .img {
  width: 4rem;
}
.list19 h4 {
  font-size: .22rem;
  color: #222222;
}
.list19 p {
  margin: .18rem 0 .3rem;
}
.more3 {
  display: flex;
  align-items: center;
  font-size: .15rem;
  color: #18247d;
}
.more3 svg {
  width: .15rem;
  height: .15rem;
  fill: #18247d;
  margin: 0 0 0 .1rem;
}
@media(min-width: 1024px) {
  .list19 .a:hover {
    box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list19 li {
    margin-bottom: .2rem;
  }
  .list19 .txt {
    width: 100%;
    order: 1;
    padding: .2rem;
  }
  .list19 .img {
    width: 100%;
  }
}
@media(max-width: 560px) {}
.list20 .imgW {
  width: 2.56rem;
  padding: .18rem .14rem;
  background: #dedce7;
  transition: .5s;
}
.list20 {
  margin: 0 0 0;
}
.list20 li {
  margin-bottom: .45rem;
}
.list20 .a {
  align-items: center;
  border: #ededed 1px solid;
  transition: .5s;
  background: #f6f5fa;
}
.list20 .txt {
  width: calc(100% - 2.56rem);
  padding: 0 .38rem;
}
.list20 .img {
  width: 100%;
}
.list20 .img .imgLi {
  padding-bottom: 129.38%;
}
.list20 h4 {
  font-size: .22rem;
  color: #222222;
  font-weight: bold;
}
.list20 p {
  margin: .18rem 0 .3rem;
  text-indent: .3rem;
}
.list20 .more3 {
  justify-content: flex-end;
}
@media(min-width: 1024px) {
  .list20 .a:hover {
    box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);
  }
  .list20 .a:hover .imgW {
    background: #8a2ac1;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list20 li {
    margin-bottom: .2rem;
  }
  .list20 .txt {
    width: 100%;
    order: 1;
    padding: .2rem;
  }
  .list20 .imgW {
    margin: 0 auto;
    width: 1.75rem;
    padding: .1rem;
    margin-top: .2rem;
  }
}
@media(max-width: 560px) {}
.pages {
  margin: .8rem 0 0;
}
.pages ul {
  justify-content: center;
  align-items: center;
  font-size: .15rem;
  color: #333;
}
.pages ul li {
  text-align: center;
  margin: .03rem .03rem;
  font-size: .15rem;
  color: #333;
  align-items: center;
}
.pages ul li a {
  height: .3rem;
  text-align: center;
  padding: 0 8px;
  min-width: .3rem;
  display: flex;
  border: 1px solid #cccccc;
  border-radius: .04rem;
  align-items: center;
  justify-content: center;
  transition: .5s;
}
.pages ul li a svg {
  width: 14px;
  height: 14px;
  fill: #959595;
  transition: .5s;
}
.pages ul li.cur {
  border: #534bb1 1px solid;
  padding: 0 8px;
  min-width: .3rem;
  height: .3rem;
  line-height: .28rem;
  border-radius: 3px;
}
.pages ul li a.on {
  background: #9d0c3a;
  padding: 0 8px;
  min-width: .35rem;
  height: .35rem;
  line-height: .33rem;
  color: #fff;
  border-radius: 3px;
}
.pages ul li.cur {
  color: #fff;
  background: #534bb1;
}
.pages ul li.page-count {
  line-height: .33rem;
}
.page-form {
  line-height: .33rem;
}
.page-form input {
  border: 1px solid #ccc;
  width: .3rem;
  height: .3rem;
  text-align: center;
  padding: 0 .04rem;
  background: transparent;
  border-radius: .04rem;
  margin: 0 .08rem;
}
.page-form button {
  border: none;
  width: .5rem;
  height: .3rem;
  line-height: .28rem;
  text-align: center;
  background: #534bb1;
  color: #fff;
  border-radius: .04rem;
  margin: 0 .06rem;
  cursor: pointer;
}
.pages ul li.next svg {
  transform: rotateY(180deg);
}
.pages ul li a:hover { /* background: #107481; */ border: #015aac 1px solid;
  color: #015aac;
}
.pages ul li a:hover {
  color: #015aac;
}
.pages ul li a:hover svg {
  fill: #015aac;
}
@media(max-width: 560px) {
  .pages {
    margin-top: .4rem;
  }
}
.xkjs .fl1 {
  margin-bottom: .35rem;
}
.xkjs .fl1:last-child {
  margin-bottom: 0;
}
.list21 {
  margin-bottom: .4rem;
}
.list21 dt {
  position: relative;
  z-index: 1;
  font-size: .22rem;
  color: #010101;
  padding: 0 0 0 .22rem;
  margin-bottom: .05rem;
}
.list21 dt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: .24rem;
  background: #534bb1;
}
.list21 .con {
  margin: 0;
  border-bottom: #f0f0f0 1px solid;
  padding: .2rem 0;
}
.list21 dd {
  width: 50%;
  padding: .08rem .24rem;
  font-size: .16rem;
  color: #010101;
  line-height: .3rem;
  position: relative;
  transition: .5s;
}
.list21 dd .a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 0 1rem 0 0;
}
.list21 dd .a:before {
  content: "";
  position: absolute;
  right: .4rem;
  top: 50%;
  background: url(../images/list21_i1.png) center no-repeat;
  background-size: cover;
  width: .16rem;
  height: .06rem;
  margin-top: -.03rem;
  transition: .5s;
}
.list21 dd:nth-child(2n-1):before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: .24rem;
  background: #f0f0f0;
  margin-top: -.12rem;
}
.list21 dd:nth-child(2n) {
  padding-left: .38rem;
}
.box1 .list21 dd {
  width: 100%;
}
.box1 .list21 {
  width: 50%;
}
@media(min-width: 1024px) {
  .list21 dd:hover .a:before {
    background: url(../images/list21_i1_on.png) center no-repeat;
    background-size: cover;
  }
  .list21 dd:hover {
    color: #534bb1;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list21 dd .a {
    padding: 0 .3rem 0 0;
  }
  .list21 dd .a:before {
    right: 0;
    top: .15rem;
  }
  .list21 dt {
    font-size: .2rem;
  }
  .list21 dt:before {
    height: .2rem;
  }
}
@media(max-width: 560px) {
  .list21 dd, .box1 .list21 {
    width: 100% !important;
  }
  .list21 .con {
    padding: .1rem 0;
  }
}
.list22 li {
  margin-bottom: .2rem;
}
.list22 .a {
  align-items: center;
  transition: .5s;
  background: #fff;
  padding: .2rem;
}
.list22 .txt {
  flex: 1;
  overflow: hidden;
  padding: 0 .38rem;
}
.list22 .img {
  width: 3.26rem;
}
.list22 .img .imgLi {
  padding-bottom: 64%;
}
.list22 h4 {
  font-size: .22rem;
  color: #222222;
  line-height: .26rem;
}
.list22 p {
  margin: .15rem 0 .15rem;
  font-size: .16rem;
  color: #999999;
  line-height: .28rem;
  max-height: .84rem\0;
}
.list22 .more3 {
  justify-content: flex-end;
}
.list22 .bottom {
  border-top: #efefef 1px solid;
  padding: .18rem 0 0;
  justify-content: space-between;
}
.list22 .bottom span {
  font-size: .16rem;
  color: #18247d;
  font-weight: 600;
}
@media(min-width: 1024px) {
  .list22 .a:hover {
    background: #f5f7fa;
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.12);
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list22 .a {
    padding: 0;
  }
  .list22 .img {
    width: 100%;
  }
  .list22 .txt {
    width: 100%;
    flex: auto;
    padding: .25rem 0;
  }
}
@media(max-width: 560px) {}
.list202 li {
  margin-bottom: .2rem;
}
.list202 .a {
  align-items: center;
  transition: .5s;
  background: #f5f7fa;
  padding: .2rem;
}
.list202 .txt {
  flex: 1;
  overflow: hidden;
  padding: 0 .38rem;
}
.list202 .img {
  width: 3.26rem;
}
.list202 .img .imgLi {
  padding-bottom: 64%;
}
.list202 h4 {
  font-size: .22rem;
  color: #222222;
  line-height: .26rem;
}
.list202 p {
  margin: .15rem 0 .15rem;
  font-size: .16rem;
  color: #999999;
  line-height: .28rem;
  max-height: .84rem\0;
}
.list202 .more3 {
  justify-content: flex-end;
}
.list202 .bottom {
  border-top: #efefef 1px solid;
  padding: .18rem 0 0;
  justify-content: space-between;
}
.list202 .bottom span {
  font-size: .16rem;
  color: #18247d;
  font-weight: 600;
}
@media(min-width: 1024px) {
  .list202 .a:hover {
    background: #225ab8;
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.12);
  }
  .list202 .a:hover h4 {
    color: #fff;
  }
  .list202 .a:hover p {
    color: #fff;
    opacity: .85;
  }
  .list202 .a:hover .bottom span {
    color: #fff;
  }
  .list202 .a:hover .more4 {
    color: #fff;
  }
  .list202 .a:hover .more4 svg {
    fill: #fff;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list202 .a {
    padding: 0;
  }
  .list202 .img {
    width: 100%;
  }
  .list202 .txt {
    width: 100%;
    flex: auto;
    padding: .25rem 0;
  }
}
@media(max-width: 560px) {}
.list212 li {
  margin-bottom: .2rem;
}
.list212 .a {
  align-items: center;
  transition: .5s;
  background: #f4f7fa;
  padding: .32rem;
}
.list212 .txt {
  flex: 1;
  overflow: hidden;
}
.list212 .img {
  width: 3.26rem;
}
.list212 .img .imgLi {
  padding-bottom: 64%;
}
.list212 h4 {
  font-size: .22rem;
  color: #222222;
  line-height: .26rem;
}
.list212 p {
  margin: .15rem 0 .15rem;
  font-size: .16rem;
  color: #999999;
  line-height: .28rem;
  max-height: .84rem\0;
}
.list212 .more3 {
  justify-content: flex-end;
}
.list212 .bottom {
  border-top: #efefef 1px solid;
  padding: .18rem 0 0;
  justify-content: space-between;
}
.list212 .bottom span {
  font-size: .16rem;
  color: #18247d;
  font-weight: 600;
}
.more4 {
  display: flex;
  align-items: center;
  font-size: .15rem;
  color: #225cbc;
}
.more4 svg {
  width: .15rem;
  height: .15rem;
  fill: #225cbc;
  margin: 0 0 0 .1rem;
}
@media(min-width: 1024px) {
  .list212 .a:hover {
    background: #245dbc;
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.12);
  }
  .list212 .a:hover h4 {
    color: #fff;
  }
  .list212 .a:hover p {
    color: #fff;
    opacity: .85;
  }
  .list212 .a:hover .bottom span {
    color: #fff;
  }
  .list212 .a:hover .more4 {
    color: #fff;
  }
  .list212 .a:hover .more4 svg {
    fill: #fff;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list212 .a {
    padding: 0;
  }
  .list212 .img {
    width: 100%;
  }
  .list212 .txt {
    width: 100%;
    flex: auto;
    padding: .25rem 0;
  }
}
@media(max-width: 560px) {}
.ar_tit {
  text-align: center;
  background-size: cover;
  padding: .23rem 3%;
  margin-bottom: .3rem;
  border-bottom: 1px solid #e3e3e3;
}
.ar_tit h3 {
  font-size: .3rem;
  color: #000000;
  line-height: 1.5;
  font-weight: 600;
  max-width: 100%;
  margin: 0 auto;
}
.ar_tit h6 {
  font-size: .16rem;
  color: #666666;
  line-height: 1.5;
  margin: .12rem 0 0;
  font-weight: normal;
}
.ar_tit span {
  margin: 0 .2rem;
}
.ar_tit span span {
  margin: 0px;
}
.detail .ar_article p {
  margin-bottom: .1rem;
}
.detail .box {
  padding: 0 0 0 .56rem;
  position: relative;
  z-index: 1;
  flex: 1;
  overflow: hidden;
}
@media(max-width: 800px) {
  .ar_tit {
    padding: .2rem 0 0;
    margin-bottom: .3rem;
  }
  .ar_tit h3 {
    font-size: .26rem;
  }
  .ar_tit span {
    margin: 0 .05rem;
  }
}
.tit4 {
  margin-bottom: .3rem;
}
.tit4 h3 {
  font-size: .32rem;
  color: #333333;
  font-weight: bold;
}
.tit4 h6 {
  font-size: .24rem;
  color: #5d4cb8;
  margin: .12rem 0 0;
}
.ssxm .fl1 .ar_article p img {
  margin: .1rem 0 0 .25rem;
}
.more2s1 {
  position: relative;
  right: 0;
  transform: translateY(0);
  margin: .5rem 0 0;
}
.ssxm .fl1 {
  background: url(../images/ssxm_b1.jpg) center no-repeat;
  background-size: cover;
}
.ssxm .fl2 {
  position: relative;
  z-index: 1;
}
.ssxm .fl2 .bg {
  bottom: 0;
  height: 4.4rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}
.ssxm .fl2 .wp {
  justify-content: space-between;
}
.ssxm .fl2 .left {
  width: 59%;
}
.ssxm .fl2 .right {
  width: 39.86%;
}
.list23 .a {
  display: block;
  position: relative;
  z-index: 1;
}
.list23 .img .imgLi {
  padding-bottom: 57.79%;
}
.list23 .top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list23 .top img {
  width: 1.28rem;
  transition: .5s;
}
.list24 li:nth-child(1) {
  margin-bottom: 1.7%;
}
.list24 .a {
  display: block;
  position: relative;
  z-index: 1;
}
.list24 .img .imgLi {
  padding-bottom: 41.98%;
}
.list24 .txt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 .48rem;
}
.list24 h4 {
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10%;
}
.list24 .ico img {
  width: .58rem;
}
.ssxm .fl3 {
  padding-top: 0;
}
.tit3_c {
  text-align: center;
}
.list25 {
  margin: 0 -.1rem;
}
.list25 li {
  width: 33.33%;
  text-align: center;
  padding: 0 .1rem;
}
.list25 .ico {
  position: relative;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}
.list25 .ico::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: rgba(90, 67, 152, .3) 1px dashed;
  border-radius: 50vw;
  -webkit-animation: play 25s linear infinite;
  -moz-animation: play 25s linear infinite;
  animation: play 25s linear infinite;
}
.list25 .ico img {
  width: 100%;
}
.list25 h4 {
  font-size: .22rem;
  color: #222222;
  line-height: 1.5;
  margin: .2rem 0 0;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {
  .list24 h4 {
    font-size: .24rem;
  }
  .ssxm .fl2 .bg {
    height: 3rem;
  }
}
@media(max-width: 800px) {
  .ssxm .fl1 .ar_article p img {
    margin: .1rem 0;
  }
  .list25 .ico {
    width: 1.2rem;
    height: 1.2rem;
  }
  .list25 h4 {
    font-size: .18rem;
    word-break: break-all;
  }
  .ssxm .fl2 .left {
    width: 100%;
    margin-bottom: 2%;
  }
  .ssxm .fl2 .right {
    width: 100%;
  }
  .list23 .top img {
    width: .8rem;
  }
  .tit4 h3 {
    font-size: .26rem;
  }
  .tit4 h6 {
    font-size: .18rem;
  }
}
@media(max-width: 560px) {
  .list25 .ico {
    width: .8rem;
    height: .8rem;
  }
  .list25 h4 {
    font-size: .16rem;
  }
  .ssxm .fl2 .bg {
    height: 1.5rem;
  }
  .list24 .txt {
    padding: 0 .25rem;
  }
  .list24 .ico img {
    width: .38rem;
  }
}
.miso_tab3 .hd {
  margin-bottom: .6rem;
}
.miso_tab3 .hd ul {
  position: relative;
  z-index: 1;
}
.miso_tab3 .hd ul li {
  position: relative;
  z-index: 1;
  margin: 0 .32rem .2rem 0;
}
.miso_tab3 .hd ul li .a {
  display: inline-block;
  position: relative;
  padding: 0 .2rem;
  line-height: .60rem;
  font-size: .2rem;
  color: #5d5d5d;
  font-weight: 600;
  transition: .5s;
  min-width: 2.4rem;
  text-align: center;
  background-size: cover !important;
  border: #dfdfdf 1px solid;
}
.miso_tab3 .hd ul li .a:before {
  content: "";
  position: absolute;
  bottom: -.06rem;
  left: 50%;
  transform: translateX(-50%);
  border-left: transparent .06rem solid;
  border-right: transparent .06rem solid;
  border-top: #6e88e4 .07rem solid;
  opacity: 0;
  transition: .5s;
}
.miso_tab3 .hd ul li.on .a {
  background: #534bb1 url(../images/miso_tab3.jpg) center no-repeat;
  color: #fff;
}
.miso_tab3 .hd ul li.on .a:before {
  opacity: 1;
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .miso_tab3 .hd {
    margin-bottom: .3rem;
  }
  .miso_tab3 .hd ul li {
    margin: 0 .1rem .1rem 0;
  }
  .miso_tab3 .hd ul li .a {
    padding: 0 .1rem;
    min-width: inherit;
    font-size: .16rem;
    line-height: .5rem;
  }
}
@media(max-width: 560px) {}
.list26Box {
  position: relative;
  z-index: 1;
  padding: 0;
  margin-bottom: .8rem;
}
.list26Box .wz1 {
  display: inline-block;
  line-height: .56rem;
  background: #8a2ac1;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  font-size: .3rem;
  color: #fff;
  padding: 0 .3rem;
  border-radius: 5px;
}
.list26Box .wz1:before {
  content: "";
  position: absolute;
  top: .05rem;
  right: .05rem;
  bottom: .05rem;
  left: .05rem;
  border: #6179c6 1px solid;
  border-radius: 5px;
}
.list26Box .bg {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.list26Box .bg:before {
  content: "";
  position: absolute;
  background: url(../images/list26_b1.jpg) center no-repeat;
  width: .18rem;
  height: .53rem;
  background-size: 100% 100%;
  top: 100%;
  left: 50%;
  margin-left: -.28rem;
}
.list26Box .bg:after {
  content: "";
  position: absolute;
  background: url(../images/list26_b2.jpg) center no-repeat;
  width: .18rem;
  height: .53rem;
  background-size: 100% 100%;
  top: 100%;
  right: 50%;
  margin-right: -.28rem;
}
.list26Box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: .26rem;
  background: #8a2ac1;
  left: 50%;
  transform: translateX(-50%);
}
.list26 {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  padding: 1rem 0 .5rem;
}
.list26::after {
  width: 0.01rem;
  height: calc(100% - .5rem);
  background: #660774;
  left: 50%;
  transform: translateX(-50%);
  top: .05rem;
}
.list26 li {
  width: 50%;
  margin: 0 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
.list26 li .a {
  align-items: flex-start;
  position: relative;
  z-index: 1;
  padding: 0 0 0 .4rem;
}
.list26 li .box {
  padding: 0;
  position: relative;
  z-index: 1; /* overflow: hidden; */ background-size: .38rem auto;
}
.list26 li .a::before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  left: -.12rem;
  top: .15rem;
  background: #fff url(../images/list26_ico.jpg) center no-repeat;
  box-sizing: border-box;
  background-size: .04rem .04rem !important;
  border-radius: 50vw;
}
.list26 li h4 {
  font-size: .3rem;
  color: #614b9b;
  margin-bottom: .1rem;
  font-weight: bold;
}
.list26 li p {
  font-size: .17rem;
  color: #222222;
  line-height: 1.7;
  margin-bottom: .1rem;
}
.list26 li .img {
  margin: 0;
  width: 1.92rem;
}
.list26 li .img img {
  width: 100%;
}
.list26 li .box::after {
  top: -.3rem;
  left: -.2rem;
  right: -.3rem;
  bottom: -.2rem;
  width: auto;
  box-shadow: 0px 3px 0.16rem 0px rgba(0, 0, 0, 0.18);
  opacity: 0;
  height: auto;
  background: #fff;
}
.list26 li .box .txt {
  padding: .12rem .2rem;
  flex: 1;
  overflow: hidden;
}
.list26W .list26 li:nth-child(1) .box .txt {
  text-align: right;
}
@media(min-width: 767px) {
  .list26 li:nth-child(2n) {
    align-self: flex-end;
  }
  .list26 li:nth-child(2n-1):after {
    left: auto;
    right: calc(100% + .35rem);
  }
  .list26 li:nth-child(2n-1):before {
    right: 1px;
    left: auto;
  }
  .list26 li:nth-child(2n-1) .a {
    padding: 0 .4rem 0 0;
  }
  .list26 li:nth-child(2n-1) .box {
    padding: 0;
    text-align: left;
    background-size: auto;
    background-size: .38rem auto;
  }
  .list26 li:nth-child(2n-1) .box:before {
    content: "";
    position: absolute;
    left: auto;
    right: -.92rem;
  }
  .list26 li:nth-child(2n-1) .a::before {
    left: auto;
    right: -.12rem;
  }
  .list26 li:nth-child(2n) .box .img {
    order: 1;
  }
  .list26Box .wz1 {
    font-size: .24rem;
  }
}
@media(min-width: 1199px) {
  .list26 li:hover:before {
    opacity: 1;
  }
  .list26 li:hover:after {
    opacity: 1;
  }
  .list26 li:hover .box .con::-webkit-scrollbar {
    background-color: #dce3ed;
  }
  .list26 li:hover .box .con::-webkit-scrollbar-track {
    background-color: #dce3ed;
  }
  .list26 li:hover .box .con::-webkit-scrollbar-thumb {
    background-color: #754cde;
  }
}
@media(max-width: 1199px) {}
@media(max-width: 991px) {}
@media(max-width: 800px) {
  .list26Box {
    padding: 0 0 0 .1rem;
  }
  .list26 li {
    width: 100%;
    margin: 0 0 .2rem;
  }
  .list26Box::after {
    left: .1rem;
    top: 0;
    bottom: 0;
  }
  .list26 li .a::before {
    transform: scale(.7);
    top: .5rem;
  }
  .list26 li .a {
    padding: 0 0 0 .25rem;
  }
  .list26 li h4 {
    font-size: .24rem !important;
  }
  .list26Box::before {
    width: .5rem;
    height: .5rem;
    left: .1rem;
  }
  .list26Box .more {
    width: .7rem;
    height: .56rem;
    left: .15rem;
  }
  .list26 li .box:before {
    display: none;
  }
  .list26Box .bg {
    display: none;
  }
  .list26Box .wz1 {
    font-size: .18rem;
  }
  .list26 {
    padding: .5rem 0;
  }
  .list26W .list26 li:nth-child(1) .box .txt {
    text-align: left;
  }
}
@media(max-width: 456px) {
  .list26 li .imgBox {
    width: 100%;
  }
  .list26 li .box .txt {
    width: 100%;
    flex: auto;
    padding: .2rem 0 0;
  }
}
.st0 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.list30 .a {
  height: 1.2rem;
  border: #dcdcdc 1px solid;
  padding: 0 .5rem;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  transition: .5s;
}
.list30 li {
  margin-bottom: .28rem;
}
.list30 h4 {
  font-size: .32rem;
  color: #873e8d;
  flex: 1;
}
.list30 svg {
  width: .28rem;
  height: .28rem;
  fill: #873e8d;
  margin: 0 0 0 .2rem;
}
@media(min-width: 1024px) {
  .list30 .a:hover {
    background: #f9f6fc;
  }
}
@media(max-width: 1024px) {}
@media(max-width: 800px) {
  .list30 li {
    margin-bottom: .15rem;
  }
  .list30 .a {
    height: .7rem;
    padding: 0 .25rem;
  }
  .list30 svg {
    width: .2rem;
    height: .2rem;
  }
}
@media(max-width: 560px) {} /*公共css*/ @media(max-width: 800px) {
  .h4s0 {
    font-size: .18rem !important;
    line-height: .3rem !important;
  }
  .h4s1 {
    font-size: .18rem !important;
    line-height: .3rem !important;
    max-height: .3rem\0 !important;
  }
  .h4s2 {
    font-size: .18rem !important;
    line-height: .3rem !important;
    max-height: .6rem\0 !important;
  }
  .h4s3 {
    font-size: .18rem !important;
    line-height: .3rem !important;
    max-height: .9rem\0 !important;
  }
  .ps0 {
    font-size: .16rem !important;
    line-height: .26rem !important;
  }
  .ps1 {
    font-size: .16rem !important;
    line-height: .26rem !important;
    max-height: .26rem\0 !important;
  }
  .ps2 {
    font-size: .16rem !important;
    line-height: .26rem !important;
    max-height: .52rem\0 !important;
  }
  .ps3 {
    font-size: .16rem !important;
    line-height: .26rem !important;
    max-height: .78rem\0 !important;
  }
  .ps4 {
    font-size: .16rem !important;
    line-height: .26rem !important;
    max-height: 1.04rem\0 !important;
  }
  .ps5 {
    font-size: .16rem !important;
    line-height: .26rem !important;
    max-height: 1.3rem\0 !important;
  }
}
@media(min-width: 1024px) {}
@media(max-width: 1024px) {}
@media(max-width: 800px) {}
@media(max-width: 560px) {
  .about .list2 {
    height: auto;
    flex-wrap: wrap;
  }
  .about .list2 li .item {
    margin-top: 0;
    padding: 0.3rem 0.2rem;
  }
  .about .list2 li {
    width: 33.33333%;
  }
}