@charset "UTF-8";
html {
  font-size: 16px !important;
}

body {
  position: relative;
  line-height: 1.5;
  font-size: 1rem;
}
body,
body p,
body button,
body input,
body textarea,
body select {
  margin: 0;
  border: 0;
  padding: 0;
}
body ol,
body ul,
body li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
body button,
body input,
body textarea,
body select {
  outline: none;
  display: block;
}
body a:link {
  text-decoration: none;
}
body a:visited {
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
  color: #0066cc;
}
body a:hover span {
  color: #0066cc;
}
body a:active {
  text-decoration: none;
}
body a {
  text-decoration: none;
  position: relative;
  color: #333;
}
body a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.0625rem;
  bottom: -0.125rem;
  left: 50%;
  background-color: #0066cc;
  -webkit-transition: width 0.3s ease, left 0.3s ease;
  transition: width 0.3s ease, left 0.3s ease;
}
body a span {
  position: relative;
}
body a span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.0625rem;
  bottom: -0.125rem;
  left: 50%;
  background-color: #0066cc;
  -webkit-transition: width 0.3s ease, left 0.3s ease;
  transition: width 0.3s ease, left 0.3s ease;
}
body a:hover::after {
  width: 100%;
  left: 0;
}
body a:hover span::after {
  width: 100%;
  left: 0;
}
body .fl {
  float: left;
}
body .fr {
  float: right;
}
body .clear {
  clear: both;
  overflow: hidden;
}
body .pa {
  position: absolute;
}
body .pr {
  position: relative;
}
body .hide {
  display: none;
}
body .pchide {
  display: none;
}
body table {
  table-layout: fixed;
  empty-cells: show;
  border-collapse: collapse;
}

.bag2 {
  padding-top: 0.01rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 124, 209, 0.2)), color-stop(6.25rem, #f7f7f7));
  background: linear-gradient(rgba(42, 124, 209, 0.2), #f7f7f7 6.25rem);
  margin-bottom: 3.875rem;
}

.bannerbox {
  position: relative;
}
.bannerbox > img {
  width: 100%;
  display: block;
}
.bannerbox > div {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
}

.logo {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1.75rem;
}
.logo img {
  width: 12.125rem;
  vertical-align: middle;
}
.logo .img {
  width: 48.625rem;
  vertical-align: middle;
}
.logo span {
  vertical-align: middle;
  font-size: 3.6063rem;
  color: #484546;
}

.searchbox {
  width: 37.5rem;
  height: 2.875rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.125rem 0.25rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#daefff), to(#f9fdff));
  background-image: linear-gradient(#daefff, #f9fdff);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
          box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
}
.searchbox .select {
  width: 19%;
  margin-right: 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-size: 1.25rem;
}
.searchbox .select img {
  width: 0.8125rem;
}
.searchbox input {
  width: 83%;
  background: transparent;
}
.searchbox button {
  width: 17.2%;
  padding-left: 1.5rem;
  background-color: #2a7cd1;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 0.2rem;
  background: #2a7cd1 url("../img/sousuo.png") no-repeat 0.8rem center/1.625rem auto;
}

.navbox {
  background-color: #2a7cd1;
}
.navbox ul {
  width: 76.875rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbox li {
  width: 12%;
  margin: 0 0.25%;
  height: 3.5rem;
  line-height: 3.5rem;
  position: relative;
}
.navbox li a {
  width: 100%;
  color: #fff;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbox li a img {
  display: block;
  margin-right: 0.3rem;
}
.navbox li a:after {
  height: 0.25rem;
  background-color: #2a7cd1;
}
.navbox li:hover a, .navbox li.xuan a {
  position: absolute;
  left: 0;
  top: -10%;
  height: 120%;
  background-color: #57adfa;
}
.navbox li:hover a:after, .navbox li.xuan a:after {
  width: 100%;
  left: 0;
}

.top_advertise {
  width: 76.875rem;
  margin: 1.375rem auto 0;
}
.top_advertise a::after {
  display: none;
}
.top_advertise img {
  display: block;
  width: 100%;
}

.indextitle {
  height: auto;
  min-height: 6.25rem;
}
.indextitle dl {
  width: 100%;
  height: auto;
  min-height: 6.25rem;
  font-size: 1rem;
}
.indextitle dl dt {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.8125rem;
  font-weight: bold;
  height: 4rem;
  padding: 0;
  margin: 0;
}
.indextitle dl dt {
  line-height: 1.2;
  height: auto;
  padding-bottom: 0.25rem;
  padding-top: 0.75rem;
}
.indextitle dl dd {

  width: 76.875rem;
  margin: 0 auto;
  text-indent: 2em;
  color: #888;
  text-align: center;
}

.h2 {
  color: #000;
  font-size: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  line-height: 2.875rem;
  border-bottom: 0.1rem solid #e7e7e7;
  margin-bottom: 0.9375rem;
  margin-top: 1rem;
}
.h2 span {
  position: relative;
}
.h2 span::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.1875rem;
  left: 0;
  bottom: 0;
  background-color: #d73e3e;
}
.h2 a {
  font-weight: 400;
  font-size: 0.875rem;
  color: #878787;
  padding-right: 0.875rem;
}

.h2-1 {
  margin: 0;
  font-size: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h2-1 span {
  white-space: nowrap;
  color: #1561af;
}
.h2-1 span b {
  color: #d43030;
}
.h2-1 div {
  width: 100%;
  display: block;
  height: 0.1875rem;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #689ee3));
  background-image: linear-gradient(to right, transparent, #689ee3 20%);
  position: relative;
}
.h2-1 div::before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 0;
  top: 0.1875rem;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(60%, transparent), to(#fff));
  background-image: linear-gradient(to left, transparent 60%, #fff);
  z-index: 1;
}
.h2-1 div i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  height: 10rem;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(rgba(104, 157, 227, 0.1)));
  background-image: linear-gradient(to top, transparent 60%, rgba(104, 157, 227, 0.1));
}

.h2-2 {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 2.25rem 0;
}
.h2-2 span {
  padding: 0 1rem 0 1.625rem;
  font-size: 2rem;
  background: #2a7cd1;
  color: #fff;
  line-height: 3.875rem;
  display: block;
  float: left;
  position: relative;
}
.h2-2 span::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2.5rem;
  width: 3rem;
  height: 3.9375rem;
  background: url("../img/bagzs.png") no-repeat 0 0/100% 100%;
}

.ul.min li {
  font-size: 0.875rem;
}
.ul.min16 li {
  font-size: 1rem;
}
.ul.min16 li:hover {
  background: transparent;
  border: 0;
}
.ul.min16 li:hover a {
  color: #0066cc;
}
.ul.min16 li:hover a::after {
  background-color: #2a7cd1;
}
.ul li {
  line-height: 2.67;
  font-size: 1.25rem;
  padding-left: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url("../img/icon_dian.png") no-repeat 0.5rem center/0.375rem auto;
  border-bottom: 1px dashed #efefef;
  text-align: justify;
}
.ul li.tiemtitle {
  line-height: 1.75;
  overflow: hidden;
  white-space: inherit;
  background: transparent;
  padding-left: 0;
  padding-bottom: 1.25rem;
}
.ul li.tiemtitle h3 {
  text-align: center;
  margin: 0 auto 0.3rem;
  font-size: 1.125rem;
}
.ul li.tiemtitle p {
  font-size: 1rem;
  text-indent: 2em;
}
.ul li.tiemtitle p b {
  white-space: nowrap;
}
.ul li:hover {
  background: #2a7cd1;
  border: 0;
}
.ul li:hover a {
  color: #fff;
}
.ul li:hover a::after {
  background-color: #fff;
}
.ul li:last-of-type {
  border: 0;
}
.ul li span {
  float: right;
  color: #b8b8b8;
  font-size: 0.9em;
}

.ul2 li {
  line-height: 2.4;
  font-size: 0.875rem;
  padding-left: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url("../img/icon_wenjian.png") no-repeat 0.5rem center/1rem auto;
}

.ul3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ul3 li {
  width: 4.375rem;
  font-size: 0.875rem;
  line-height: 2.2;
  border: 0.125rem solid #d6e8ff;
  background-color: #ffffff;
  margin-right: 1.375rem;
  text-align: center;
  margin-bottom: 8px;
}
.ul3 li:hover {
  font-weight: bold;
}
.ul3 li a {
  color: #2a7cd1;
}
.ul3 li a::after {
  display: none;
}

.ul4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.ul4 a::after {
  display: none;
}
.ul4 li {
  width: 30%;
  padding: 1.5625rem 0;
  background-color: #f0f6ff;
  margin-bottom: 1.375rem;
}
.ul4 li a {
  color: #2a7cd1;
}
.ul4 li button {
  width: 5.625rem;
  height: 1.75rem;
  margin: 0 auto;
  line-height: 1.75rem;
  background: #2a7cd1;
  color: #fff;
  text-align: center;
  border-radius: 0.5rem;
  margin-top: 0.3rem;
}

.imgul1 {
  width: 100%;
}
.imgul1 a::after {
  display: none;
}
.imgul1.type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.imgul1.type2 li {
  width: 48%;
}
.imgul1 li {
  width: 100%;
  margin-bottom: 0.75rem;
}
.imgul1 li img {
  display: block;
  width: 100%;
}

.yxfcLunbo {
  width: 100%;
  aspect-ratio: 100/53.4;
}
.yxfcLunbo .swiper-slide {
  text-align: center;
  font-size: 0.875rem;
}
.yxfcLunbo .swiper-slide .img {
  width: 100%;
  aspect-ratio: 100/197;
  margin-bottom: 0.2rem;
}
.yxfcLunbo .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.yxfcLunbo.height124 {
  width: 86.2%;
  margin: 0 auto;
  aspect-ratio: 100/23;
  position: relative;
  background-color: rgba(255, 255, 255, 0.3);
}
.yxfcLunbo.height124 .swiper-slide .img {
  aspect-ratio: 100/124;
}
.yxfcLunbo.height124 .swiper-button-next {
  width: 2.625rem;
  height: 2.625rem;
  right: -5rem;
  background: url("../img/icon_lur4.png") no-repeat 0 0/100% 100%;
}
.yxfcLunbo.height124 .swiper-button-prev {
  width: 2.625rem;
  height: 2.625rem;
  left: -5rem;
  background: url("../img/icon_lul4.png") no-repeat 0 0/100% 100%;
}
.yxfcLunbo .swiper-button-next {
  width: 0.9375rem;
  height: 1.4375rem;
  right: 0;
  background: url("../img/icon_lbr.png") no-repeat 0 0/100% 100%;
}
.yxfcLunbo .swiper-button-prev {
  width: 0.9375rem;
  height: 1.4375rem;
  left: 0;
  background: url("../img/icon_lbl.png") no-repeat 0 0/100% 100%;
}

.rebangbox {
  padding: 1rem 0.8rem 1rem 0.4rem;
  margin-top: 1.625rem;
  padding-bottom: 0.5rem;
  background: #fff url(../img/bag_huoyan.png) no-repeat 0 0/100% auto;
  border-radius: 0.8rem;
  overflow: hidden;
}
.rebangbox h2 {
  font-size: 1.375rem;
  color: #d43030;
  margin: 0;
  padding-left: 1rem;
}
.rebangbox ul li {
  line-height: 2.85;
  font-size: 0.875rem;
  padding-left: 3.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px dashed #efefef;
  position: relative;
}
.rebangbox ul li:last-of-type {
  border: 0;
}
.rebangbox ul li span {
  position: absolute;
  left: 1rem;
  top: 50%;
  margin-top: -0.6875rem;
  width: 1.3125rem;
  height: 1.3125rem;
  line-height: 1.1rem;
  font-weight: bold;
  text-align: center;
  font-size: 0.875rem;
  color: #696f77;
  background: url("../img/icon_topqt.png") no-repeat 0 0/100% 100%;
}
.rebangbox ul li:nth-of-type(1) span {
  font-size: 0;
  background: url("../img/icon_top1.png") no-repeat 0 0/100% 100%;
}
.rebangbox ul li:nth-of-type(2) span {
  font-size: 0;
  background: url("../img/icon_top2.png") no-repeat 0 0/100% 100%;
}
.rebangbox ul li:nth-of-type(3) span {
  font-size: 0;
  background: url("../img/icon_top3.png") no-repeat 0 0/100% 100%;
}

.imgvideo {
  width: 100%;
  display: block;
  position: relative;
}
.imgvideo::after {
  display: none;
}
.imgvideo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  width: 4rem;
  height: 4rem;
  background: url("../img/icon_shipin.png") no-repeat 0 0/4rem 4rem;
}
.imgvideo img {
  width: 100%;
  display: block;
}
.imgvideo p {
  width: 100%;
  height: 3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.2;
  font-size: 18px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}

.axjzbox {
  width: 23.375rem;
  position: relative;
  border: 0.0625rem solid #ffefed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.axjzbox img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.axjzbox > div {
  width: 100%;
  padding: 1rem;
  letter-spacing: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.axjzbox > div span {
  font-size: 0.8438rem;
  line-height: 1rem;
  padding-left: 2.125rem;
  font-weight: bold;
  background: url("../img/logo.png") no-repeat left center/1.875rem auto;
}
.axjzbox > div h3 {
  font-size: 2.25rem;
  margin: 0;
  margin-left: 5.125rem;
  color: #d71f1f;
  margin-top: 1.8rem;
  margin-bottom: 1.15rem;
  line-height: 1;
}
.axjzbox > div p {
  font-size: 0.875rem;
  padding-left: 1.25rem;
  margin-left: 3.25rem;
  font-weight: bold;
  background: url("../img/icon_duanhua.png") no-repeat left center/0.625rem auto;
}

div.titlelunbo {
  width: 100%;
  height: 100%;
  background-color: #333;
  position: relative;
  font-size: 1rem;
}
div.titlelunbo.h47 .swiper-slide {
  aspect-ratio: 100/47;
}
div.titlelunbo.h47 .swiper-slide a p {
  height: 2.5rem;
}
div.titlelunbo.h47 .swiper-pagination {
  bottom: 0.5rem;
}
div.titlelunbo .swiper-wrapper {
  width: 100%;
}
div.titlelunbo .swiper-slide {
  width: 100%;
  aspect-ratio: 100/59.67;
}
div.titlelunbo .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}
div.titlelunbo .swiper-slide a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
div.titlelunbo .swiper-slide a p {
  width: 100%;
  height: 3.25rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
div.titlelunbo .swiper-pagination {
  width: 92%;
  left: 4%;
  bottom: 3.25rem;
  text-align: right;
}
div.titlelunbo .swiper-pagination .swiper-pagination-bullet {
  border: 0.125rem solid #fff;
  opacity: 1;
  background: transparent;
  margin: 0 0.2rem;
}
div.titlelunbo .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
div.titlelunbo .swiper-button-next {
  width: 2.5rem;
  height: 4.625rem;
  background: url("../img/icon_lbr3.png") no-repeat 0 0/100% 100%;
}
div.titlelunbo .swiper-button-prev {
  width: 2.5rem;
  height: 4.625rem;
  background: url("../img/icon_lul3.png") no-repeat 0 0/100% 100%;
}

.crumbsbox {
  font-size: 1.125rem;
  color: #a5a5a5;
  padding: 0.75rem 0;
  border-bottom: 0.1875rem solid #689ee3;
}
.crumbsbox b {
  font-weight: 400;
  color: #2a7cd1;
  white-space: nowrap;
}

.lshcybox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  text-align: center;
}
.lshcybox li {
  width: 24%;
}
.lshcybox li .img {
  width: 100%;
  aspect-ratio: 100/100;
  border-radius: 50%;
  overflow: hidden;
}
.lshcybox li .img img {
  width: 100%;
  height: 100%;
}
.lshcybox li h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
.lshcybox li p {
  font-size: 1.125rem;
  color: #6b7280;
}

.row1box {
  width: 76.875rem;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.row1box .left {
  width: 42.25rem;
  aspect-ratio: 100/59.67;
  float: left;
  margin-top: 0.8rem;
  overflow: hidden;
}
.row1box .left .imgitem {
  display: none;
  width: 100%;
  height: 100%;
}
.row1box .left .imgitem.xuan {
  display: block;
}
.row1box .left .imgitem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.row1box .right {
  width: 32.5rem;
  float: right;
}
.row1box .right .xuan {
  background: #2a7cd1;
  border: 0;
}
.row1box .right .xuan a {
  color: #fff;
}

.indexDa {
  width: 76.875rem;
  margin: 1.5rem auto 0;
  font-size: 1rem;
  clear: both;
  overflow: hidden;
}
.indexDa.type2 {
  padding: 0 1.875rem;
  padding-top: 3.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 124, 209, 0.2)), color-stop(6.25rem, rgb(255, 255, 255)));
  background: linear-gradient(rgba(42, 124, 209, 0.2), rgb(255, 255, 255) 6.25rem);
  padding-bottom: 3.875rem;
}

.indexDaLeft {
  width: 25rem;
  background-color: #f3fafe;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.9375rem 0.1rem 1.0625rem;
  float: left;
  margin-top: 0.5rem;
}

.indexDaRight {
  width: 50rem;
  float: right;
}

.rowdiv {
  width: 100%;
  clear: both;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rowdiv div.left {
  width: 48%;
  float: left;
}
.rowdiv div.right {
  width: 48%;
  float: right;
}

.bottombox {
  width: 76.875rem;
  margin: 0 auto;
}

.axjzLunbo {
  width: 100%;
  aspect-ratio: 100/30;
}
.axjzLunbo .swiper-slide {
  height: 100%;
}
.axjzLunbo .swiper-slide .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  aspect-ratio: 100/61;
  background-color: #f0f6ff;
  overflow: hidden;
}
.axjzLunbo .swiper-slide img {
  max-width: 100%;
}
.axjzLunbo .swiper-button-next {
  width: 0.9375rem;
  height: 1.4375rem;
  right: 0;
  background: url("../img/icon_lbr.png") no-repeat 0 0/100% 100%;
}
.axjzLunbo .swiper-button-prev {
  width: 0.9375rem;
  height: 1.4375rem;
  left: 0;
  background: url("../img/icon_lbl.png") no-repeat 0 0/100% 100%;
}

.footerbox {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3.125rem 2rem 4.375rem;
  border-top: 0.25rem solid #1a64b0;
  background-color: #2a7cd1;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.875;
}

.box_xssb {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 3.75rem;
}
.box_xssb > h2 {
  color: #2a7cd1;
  font-size: 2.625rem;
  margin: 0 auto;
}
.box_xssb > p {
  color: #364251;
  font-size: 1.5rem;
  margin-bottom: 2.625rem;
}
.box_xssb > span {
  padding: 1.25rem 1.625rem;
  -webkit-box-shadow: -0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: -0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
  margin-bottom: 1.375rem;
}
.box_xssb > span img {
  width: 16.375rem;
}
.box_xssb > label {
  color: #2a7cd1;
  font-size: 1.375rem;
  vertical-align: middle;
}
.box_xssb > label img {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.leftnav {
  width: 18.6%;
  margin-left: 2.8%;
  background: #edf4fe;
}
.leftnav > h2 {
  margin: 0;
  line-height: 1;
  padding: 2.1875rem 1rem 1rem;
  position: relative;
  color: #d43030;
}
.leftnav > h2 span {
  color: #1561af;
}
.leftnav > h2::before {
  content: "";
  width: 18%;
  height: 0.2rem;
  background-color: #999999;
  position: absolute;
  left: 1rem;
  bottom: 0rem;
}
.leftnav ul {
  padding: 1.5rem 0 2rem;
}
.leftnav ul li {
  padding-left: 1.375rem;
  height: 3.375rem;
  line-height: 3.375rem;
  font-size: 1.25rem;
}
.leftnav ul li span {
  font-size: 0.8rem;
  position: relative;
  top: -0.3rem;
  margin-right: 1.125rem;
  color: #c4c4c4;
}
.leftnav ul li:hover, .leftnav ul li.xuan {
  color: #fff;
  background-color: #2a7cd1;
}
.leftnav ul li:hover span, .leftnav ul li.xuan span {
  color: #fff;
}
.leftnav ul li:hover span::after, .leftnav ul li.xuan span::after {
  display: none;
}
.leftnav ul li:hover a, .leftnav ul li.xuan a {
  color: #fff !important;
}
.leftnav ul li:hover a::after, .leftnav ul li.xuan a::after {
  display: none;
}

.leftnavshow {
  width: 73.13%;
  margin-right: 2.8%;
}
.leftnavshow .crumbsbox {
  margin-bottom: 2.25rem;
}
.leftnavshow h2 {
  line-height: 1;
  text-align: center;
  padding: 1.2rem 0;
  margin: 0;
}
.leftnavshow label {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #848482;
  margin-bottom: 2.625rem;
}
.leftnavshow .neirong {
  color: #555555;
  font-size: 1rem;
  line-height: 2;
}
.leftnavshow p {
  text-indent: 2em;
  text-align: justify;
}

.listul {
  width: 100%;
}
.listul li {
  display: block;
  font-size: 1.125rem;
  color: #555555;
  padding: 1.2rem 0 1.2rem;
  border-bottom: 0.0625rem dotted #ccc;
  padding-left: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url("../img/icon_dian.png") no-repeat 0.5rem center/0.375rem auto;
}
.listul li span {
  float: right;
  color: #999999;
}

.listimgul {
  width: 72.875rem;
  position: relative;
}
.listimgul li {
  font-size: 1.125rem;
  color: #555555;
  border: 0.0625rem solid #e1e1e1;
  margin-bottom: 2.6rem;
  clear: both;
  overflow: hidden;
}
.listimgul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.listimgul li .img {
  width: 30%;
  aspect-ratio: 100/67;
  display: block;
}
.listimgul li .img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.listimgul li .info {
  width: 50.26%;
  margin-left: 3%;
}
.listimgul li .info h3 {
  font-size: 1.5rem;
  color: #343434;
  display: inline-block;
  position: relative;
  margin: 2.25rem 0 1.875rem;
}
.listimgul li .info h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.0625rem;
  bottom: -0.125rem;
  left: 50%;
  background-color: #0066cc;
  -webkit-transition: width 0.3s ease, left 0.3s ease;
  transition: width 0.3s ease, left 0.3s ease;
}
.listimgul li .info label {
  display: block;
  font-size: 1rem;
  color: #cccccc;
  margin-bottom: 0.8rem;
}
.listimgul li .info p {
  text-indent: 2em;
  font-size: 1rem;
  color: #555555;
  line-height: 1.85;
}
.listimgul li .zs {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -1.5625rem;
  margin-left: 4%;
  right: 8%;
  background: #eeeeee url("../img/jiantou.png") no-repeat center center;
}
.listimgul li a:hover .info h3 {
  color: #0066cc;
}
.listimgul li a:hover .info h3::after {
  width: 100%;
  left: 0;
}
.listimgul li a:hover .info label {
  color: #cccccc;
}
.listimgul li a:hover .info p {
  color: #555555;
}
.listimgul li a:hover .zs {
  background: #2a7cd1 url("../img/jiantouXuan.png") no-repeat center center;
}

.listimgul2 {
  width: 72.875rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.listimgul2 li {
  width: 17.25rem;
  font-size: 1.125rem;
  color: #555555;
  border: 0.0625rem solid #e1e1e1;
  margin: 0 0.42rem;
  margin-bottom: 2.6rem;
  clear: both;
  overflow: hidden;
}
.listimgul2 li.kuang h3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.01rem solid #000;
  display: inline-block;
  padding: 0 0.5rem;
}
.listimgul2 li .img {
  width: 100%;
  aspect-ratio: 100/127;
  display: block;
}
.listimgul2 li .img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.listimgul2 li .info {
  width: 100%;
  text-align: center;
}
.listimgul2 li .info h3 {
  font-size: 1.5rem;
  color: #343434;
  position: relative;
  text-align: center;
  margin: 1.125rem 0 0rem;
}
.listimgul2 li .info label {
  display: block;
  font-size: 1rem;
  color: #000;
}
.listimgul2 li .info p {
  width: 88%;
  margin: 0 auto;
  font-size: 1rem;
  color: #555555;
  line-height: 1.85;
  text-align: justify;
  padding-bottom: 1rem;
}
.listimgul2 li b {
  white-space: nowrap;
}
.listimgul2 li a::after {
  display: none !important;
}
.listimgul2 li:hover {
  background-color: #f0f0f0;
}
.listimgul2 li:hover a .info h3 {
  color: #0066cc;
}
.listimgul2 li:hover a .info label {
  color: #555555;
}
.listimgul2 li:hover a .info p {
  color: #555555;
}

.listimgul3 {
  width: 72.875rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.5rem;
}
.listimgul3 li {
  width: 22.75rem;
  font-size: 1.125rem;
  color: #555555;
  border: 0.0625rem solid #e1e1e1;
  margin: 0 0.42rem;
  margin-bottom: 2.6rem;
  clear: both;
  overflow: hidden;
}
.listimgul3 li .img {
  width: 100%;
  aspect-ratio: 100/56.32;
  display: block;
}
.listimgul3 li .img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.listimgul3 li .info {
  width: 100%;
  text-align: center;
  padding-left: 1.5rem;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
.listimgul3 li .info h3 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
  position: relative;
  margin: 0.75rem 0 0rem;
}
.listimgul3 li .info label {
  display: block;
  font-size: 1rem;
  color: #7e7e7e;
  padding-bottom: 1rem;
}
.listimgul3 li:hover .info h3 {
  cursor: pointer;
  color: #0066cc;
}
.listimgul3 li:hover .info h3::after {
  width: 100%;
  left: 0;
}

.lxfsbox {
  height: 8.5rem;
  background-color: #f8f9fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.625rem;
}
.lxfsbox img {
  width: 1.75rem;
  margin-right: 1rem;
}
.lxfsbox h3 {
  margin-right: 1.625rem;
}
.lxfsbox span {
  color: #5d6673;
}

.box_video h2 {
  font-size: 1.875rem;
  color: #000;
  line-height: 1;
  margin: 2rem 0 1.5625rem;
}
.box_video .labeldata {
  color: #6c7480;
  font-size: 1rem;
}
.box_video .labeldata span {
  vertical-align: middle;
}
.box_video .labeldata span:nth-of-type(1) {
  margin-right: 3.125rem;
}
.box_video .labeldata span img {
  vertical-align: middle;
  margin-right: 0.5rem;
}
.box_video .labeldata span img.img1 {
  width: 1.0625rem;
}
.box_video .labeldata span img.img2 {
  width: 1.4375rem;
}
.box_video .video-container {
  width: 100%;
  margin: 2.625rem auto 0;
}
.box_video .video-container video {
  width: 100%;
  height: auto;
  background: #000;
}
.box_video > h3 {
  line-height: 1;
  font-size: 1.625rem;
  margin: 2rem 0;
}
.box_video > p {
  font-size: 1.125rem;
  color: #565656;
}
.box_video .labelbox {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin-top: 3.875rem;
}
.box_video .labelbox .left {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box_video .labelbox .left label {
  line-height: 1;
  background: #dbeef8;
  border-radius: 2rem;
  font-size: 1.125rem;
  color: #5b9bdb;
  padding: 0.75rem 1rem;
  display: block;
  margin-right: 0.8125rem;
}
.box_video .labelbox .right {
  float: right;
  font-size: 1.125rem;
  color: #565656;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box_video .labelbox .right img {
  margin-left: 1.5rem;
}
.box_video .video-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_video .video-ul li {
  width: 20.75rem;
  margin: 0 0.875rem 0.875rem;
}
.box_video .video-ul li .img {
  width: 100%;
  aspect-ratio: 100/56.33;
  border-radius: 0.5rem;
  overflow: hidden;
}
.box_video .video-ul li .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box_video .video-ul h4 {
  line-height: 1;
  margin: 1rem 0;
}

.showbox {
  font-size: 1.2rem;
}
.showbox h1 {
  margin: 3.25rem 0 1rem;
  text-align: center;
}
.showbox label {
  color: #848482;
  margin-bottom: 2.5rem;
  display: block;
  text-align: center;
}
.showbox .content {
  line-height: 1.75;
  color: #555;
}
.showbox .content img {
  max-width: 70%;
  display: block;
  margin: 0 auto 10px;
}

.downloadbox {
  width: 92%;
  margin: 3rem auto;
  background-color: #f9fafb;
  padding: 2.6rem 1.5625rem 3rem 2.5rem;
  border-radius: 0.5rem;
}
.downloadbox h2 {
  font-size: 1.625rem;
  margin: 0;
  margin-bottom: 1.625rem;
  line-height: 1.5;
}
.downloadbox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 1.125rem;
  background-color: #fff;
  padding: 1.9375rem;
  border: 0.0625rem solid #e9ebee;
  border-radius: 0.6rem;
  margin-bottom: 1.25rem;
}
.downloadbox ul li > img {
  margin-right: 1.375rem;
}
.downloadbox ul li > p span {
  display: block;
  color: #676e7c;
  font-size: 0.9em;
}
.downloadbox ul li .labela {
  line-height: 2rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  margin-top: -1rem;
  vertical-align: middle;
}
.downloadbox ul li .labela img {
  vertical-align: middle;
}

.qulist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.qulist li {
  width: 5.66%;
  height: 35.625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 3.625rem;
  margin-right: 0.43%;
  text-align: center;
  font-size: 1.875rem;
  color: #fff;
  background: #333;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
  position: relative;
}
.qulist li:nth-of-type(1) {
  background: url("../img/qu_xuanwu.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(2) {
  background: url("../img/qu_qinhuai.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(3) {
  background: url("../img/qu_jianye.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(4) {
  background: url("../img/qu_gulou.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(5) {
  background: url("../img/qu_qixia.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(6) {
  background: url("../img/qu_yuhua.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(7) {
  background: url("../img/qu_pukou.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(8) {
  background: url("../img/qu_jiangning.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(9) {
  background: url("../img/qu_liuhe.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(10) {
  background: url("../img/qu_lishui.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(11) {
  background: url("../img/qu_gaochun.png") no-repeat center center/auto 100%;
}
.qulist li:nth-of-type(12) {
  background: url("../img/qu_jiangbei.png") no-repeat center center/auto 100%;
}
.qulist li a {
  color: #fff;
  text-align: center;
  /* 现代浏览器 */
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 0.75em;
  /* IE浏览器 */
  -ms-writing-mode: tb-rl;
  /* 通用样式 */
  white-space: nowrap;
  line-height: 1.5;
  position: static;
}
.qulist li a > img {
  width: 1.625rem;
  position: absolute;
  left: 50%;
  margin-left: -0.8125rem;
  bottom: 1.5rem;
}
.qulist li a::after {
  display: none;
}
.qulist li.xuan {
  width: 31.56%;
}

.pageBox {
  padding-top: 2rem;
  text-align: center;
}
.pageBox a,
.pageBox span,
.pageBox b {
  display: inline-block;
  padding: 0.2rem 0.7rem;
  border: 0.0625rem solid #ccc;
  font-weight: 400;
  cursor: pointer;
}
.pageBox span {
  color: #fff;
  background: #2a7cd1;
}

/***** 手机设备 (小于768px) ***************************************/
@media only screen and (max-width: 767px) {
  html {
    font-size: 3.6vw !important;
  }
  .imgvideo,
  .imgul1,
  .axjzbox {
    width: 100%;
  }
  .searchbox {
    width: 90%;
  }
  .searchbox .select {
    font-size: 1rem;
  }
  .searchbox button {
    width: 22%;
    white-space: nowrap;
    font-size: 0.89rem;
    background: #2a7cd1 url("../img/sousuo.png") no-repeat 20% center/1rem auto;
  }
  .bannerbox > img {
    width: 100vw;
    position: relative;
    height: 12rem;
  }
  .indexbox {
    padding: 0 1rem;
  }
  .indexDa {
    padding: 1rem !important;
  }
  .logo {
    margin-bottom: 1.5vh;
  }
  .logo .img {
    width: 92%;
    display: block;
    margin: 0 auto;
  }
  .logo img {
    width: 4rem;
  }
  .logo span {
    font-size: 1.5rem;
  }
  .top_advertise {
    width: 100%;
  }
  .indextitle dl {
    font-size: 0.9rem;
  }
  .indextitle dl dt {
    font-size: 1.75rem;
  }
  .indextitle dl dd {
    width: 90%;
  }
  .navbox ul {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .navbox li {
    white-space: nowrap;
    width: 29.5%;
    margin: 0 1.67%;
  }
  .navbox li a {
    font-size: 1rem;
  }
  .ul4 li {
    width: 100%;
  }
  .indexDa.type2 {
    padding: 0;
  }
  div.titlelunbo.h47 .swiper-slide a p {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    text-indent: 1em;
  }
  .listimgul {
    width: 100%;
  }
  .h2-2 {
    margin: 2rem 0 1rem;
  }
  .h2-2 span {
    padding: 0 0.5rem 0 0.8rem;
    font-size: 1.38rem;
    line-height: 3rem;
  }
  .h2-2 span::before {
    right: -1.9rem;
    width: 2rem;
    height: 3rem;
  }
  .listimgul {
    width: 100%;
  }
  .listimgul li {
    margin-bottom: 1.6rem;
  }
  .listimgul li .img {
    width: 40%;
  }
  .listimgul li .info {
    width: 57%;
    margin-left: 3%;
  }
  .listimgul li .info h3 {
    font-size: 1rem;
    margin: 0.5rem 0rem 0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .listimgul li .info label {
    font-size: 0.7rem;
    margin-bottom: 0.3rem;
  }
  .listimgul li .info p {
    font-size: 0.8rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .listimgul li .zs {
    display: none;
  }
  .listimgul2 {
    width: 100%;
  }
  .listimgul2 li {
    width: 48%;
    font-size: 1.125rem;
    margin: 0 1%;
    margin-bottom: 2.6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .listimgul2 li .info h3 {
    font-size: 1.2rem;
    margin: 0.6rem 0 0rem;
  }
  .listimgul2 li .info label {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
  }
  .listimgul2 li .info p {
    width: 92%;
    font-size: 0.9rem;
    line-height: 1.35;
    padding-bottom: 0.8rem;
    text-align: justify;
  }
  .leftnav {
    width: 100%;
    margin-left: 0%;
  }
  .leftnav > h2 {
    padding: 1.2rem 1rem 0.8rem;
  }
  .leftnav ul {
    padding: 0.75rem 0 1rem;
  }
  .leftnav ul li {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.1rem;
  }
  .leftnav ul li span {
    font-size: 0.8rem;
    position: relative;
    top: -0.3rem;
    margin-right: 1.125rem;
    color: #c4c4c4;
  }
  .leftnav ul li:hover, .leftnav ul li.xuan {
    color: #fff;
    background-color: #2a7cd1;
  }
  .leftnav ul li:hover span, .leftnav ul li.xuan span {
    color: #fff;
  }
  .leftnavshow {
    width: 100%;
    margin-right: 0%;
  }
  .leftnavshow .crumbsbox {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .leftnavshow h2 {
    padding: 1rem 0;
  }
  .leftnavshow label {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .leftnavshow .neirong {
    font-size: 1rem;
    line-height: 2;
  }
  .qulist li {
    font-size: 1rem;
  }
  .lxfsbox {
    height: 6rem;
    font-size: 1.2rem;
  }
  .lxfsbox img {
    width: 1.35rem;
    margin-right: 0.5rem;
  }
  .lxfsbox h3 {
    margin-right: 1.2rem;
  }
  .lxfsbox span {
    color: #5d6673;
  }
  .listimgul3 {
    width: 100%;
    margin-top: 1.2rem;
  }
  .listimgul3 li {
    width: 48%;
    font-size: 1.125rem;
    margin: 0 1%;
    margin-bottom: 1.2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .listimgul3 li .info {
    padding-left: 0.5rem;
  }
  .listimgul3 li .info h3 {
    line-height: 1.2;
    font-size: 1rem;
    margin: 0.75rem 0 0.3rem;
  }
  .listimgul3 li .info label {
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
  }
  .listimgul3 li:hover .info h3 {
    cursor: pointer;
    color: #0066cc;
  }
  .listimgul3 li:hover .info h3::after {
    width: 100%;
    left: 0;
  }
  .box_video .labeldata {
    font-size: 0.7rem;
  }
  .box_video .labeldata span:nth-of-type(1) {
    margin-right: 1rem;
  }
  .box_video .labeldata span img {
    vertical-align: middle;
    margin-right: 0.2rem;
  }
  .box_video .labeldata span img.img1 {
    width: 0.7rem;
  }
  .box_video .labeldata span img.img2 {
    width: 0.9rem;
  }
  .box_video .video-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .box_video .video-ul li {
    width: 48%;
    margin: 0 1% 0.875rem;
  }
  .box_video .video-ul li .img {
    width: 100%;
    aspect-ratio: 100/56.33;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .box_video .video-ul li .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .box_video .video-ul h4 {
    line-height: 1;
    margin: 0.5rem 0;
  }
  .box_xssb {
    padding-top: 2rem;
  }
  .box_xssb > h2 {
    font-size: 2rem;
  }
  .box_xssb > p {
    font-size: 1rem;
    margin-bottom: 1.625rem;
  }
  .box_xssb > span {
    padding: 0.8rem 1rem;
    margin-bottom: 1.375rem;
  }
  .box_xssb > span img {
    width: 12rem;
  }
  .box_xssb > label {
    font-size: 1.1rem;
  }
  .box_xssb > label img {
    width: 1.5rem;
    margin-right: 0.5rem;
  }
  .showbox {
    font-size: 1rem;
  }
  .showbox h1 {
    font-size: 1.5rem;
    margin: 2rem 0 0.2rem;
  }
  .showbox label {
    margin-bottom: 0.8rem;
    font-size: 0.8rem;
  }
  .showbox .content {
    line-height: 1.75;
    color: #555;
  }
  .showbox .content img {
    max-width: 100%;
    display: block;
    margin: 0 auto 10px;
  }
  .downloadbox {
    width: 100%;
    margin: 1rem auto;
    padding: 1.3rem 0.75rem 1.5rem 1.25rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .downloadbox h2 {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
  }
  .downloadbox ul li {
    font-size: 1rem;
    padding: 1rem 0.8rem;
    margin-bottom: 0.675rem;
  }
  .downloadbox ul li > img {
    margin-right: 0.5rem;
  }
  .downloadbox ul li > p {
    text-align: justify;
  }
  .downloadbox ul li > p span {
    font-size: 0.9em;
    margin-top: 0.3rem;
  }
  .downloadbox ul li .labela {
    line-height: 1;
    right: 0.8rem;
    top: inherit;
    bottom: 0.8rem;
    margin-top: 0;
  }
  .downloadbox ul li .labela img {
    width: 1rem;
  }
}
@media only screen and (max-width: 1230px) {
  .row1box {
    width: 100%;
  }
  .row1box .left {
    width: 100%;
    float: none;
  }
  .row1box .right {
    width: 100%;
  }
  .indexDa,
  .indexDaLeft,
  .indexDaRight,
  .bottombox {
    width: 100%;
  }
  .rowdiv > div {
    width: 100% !important;
  }
}
/***** 平板设备 (768px到1023px) ********************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 16px !important;
  }
  .bannerbox > img {
    width: 100vw;
    height: 12rem;
  }
  .logo {
    margin-bottom: 1.5vh;
  }
  .logo img {
    width: 4rem;
  }
  .logo .img {
    width: 92%;
    display: block;
    margin: 0 auto;
  }
  .logo span {
    font-size: 1.5rem;
  }
  .top_advertise {
    width: 100%;
  }
  .navbox ul {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .navbox ul li {
    width: 9rem;
  }
}
/***** 笔记本和小型台式机 (1024px到1439px) ************************/
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  html {
    font-size: 16px !important;
  }
  .top_advertise {
    width: 100%;
  }
  .navbox ul {
    width: 100%;
  }
}
/***** 大型台式机 (1440px及以上) *********************************/
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
  html {
    font-size: 16px !important;
  }
}