/*****   重置父元素 font-size  ****/

.header,
.contentblock-1,
.contentblock-2,
.cotnent-block3,
.cotnent-block7,
.cotnent-block8,
.cotnent-block9 {
  font-size: 0;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40rem, 0);
    transform: translate3d(0, -40rem, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.333333rem, 0);
    transform: translate3d(0, 0.333333rem, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -0.133333rem, 0);
    transform: translate3d(0, -0.133333rem, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 0.066667rem, 0);
    transform: translate3d(0, 0.066667rem, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40rem, 0);
    transform: translate3d(0, -40rem, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.333333rem, 0);
    transform: translate3d(0, 0.333333rem, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -0.133333rem, 0);
    transform: translate3d(0, -0.133333rem, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 0.066667rem, 0);
    transform: translate3d(0, 0.066667rem, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}


/***********   头部   *************/

.pd-top-header {
  padding-top: 1.946667rem;
}

.top-wrap {
  height: 1.066667rem;
  position: relative;
}

.to-home {
  position: absolute;
  top: 0.053333rem;
  right: 0.386667rem;
  height: 1.04rem;
  font-size: 0.266667rem;
  color: #ffffff;
  text-align: center;
}

.to-home img {
  display: inline-block;
  width: 0.64rem;
}

.logo {
  width: 3.333333rem;
}
.url {
    position: absolute;
    top: 0.5607rem;
    left: 1.2639rem;
    font-size: 0.2529rem;
    color: #bcddff;
}

.center-icon {
  position: absolute;
  top: 0.106667rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 1.24rem;
  -webkit-animation: rotate 4s linear;
  animation: rotate 4s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
}



.nav-wrap .nav-list {
  padding: 0.146667rem 0.106667rem;
  margin-left: 0.066667rem;
}

.nav-wrap .nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-wrap .nav-list li {
  padding: 0 0.106667rem 0;
  height: 0.56667rem;
  line-height: 0.56667rem;
  margin: 0;
}

.nav-wrap .nav-list li a {
  font-size: 0.32rem;
}

.nav-wrap .nav-list li.active {
  background-image: linear-gradient(0deg, 
    #1a357b 0%, 
    #2171b9 50%, 
    #28aaf4 100%), 
  linear-gradient(
    #fe3c00, 
    #fe3c00);
  background-blend-mode: normal,
    normal;
  border-radius: 0.666667rem;
  border: 0;
  box-shadow: 1px 4px 10px 0px #28aaf4;
}

.nav-wrap .nav-list li.active a {
  color: #fff;
}

.banner {
  position: relative;
  height: 2.666667rem;
}

.banner .item {
  height: 2.666667rem;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.banner .item.active {
  opacity: 1;
}

@media screen and (min-width: 720px) {
  .banner {
    height: 3.733333rem;
  }
}

.banner .swiper-container {
  height: 100%;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
  width: 1.066667rem;
  outline: none;
  background-size: 0.48rem 0.693333rem;
}

/***********   头部   *************/

/***********   公告   *************/

.notice {
  height: 0.666667rem;
  line-height: 0.666667rem;
  font-size: 0.266667rem;
  padding-right: 0.4rem;
  padding-left: 0.213333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notice .icon {
  width: 0.746667rem;
  height: 0.666667rem;
}

.notice span {
  display: inline-block;
  width: 1.6rem;
  margin-left: 0.053333rem;
}

/***********   公告   *************/

/***********   第 1 区块   *************/

.contentblock-1 {
  position: relative;
  overflow: hidden;
}

.contentblock-1 .circular-wrap {
  padding-top: 0.24rem;
  padding-bottom: 0.16rem;
}

.contentblock-1 .circular-wrap li {
  width: 20%;
  text-align: center;
  float: left;
}

.contentblock-1 .circular-wrap li:nth-child(1) img,
.contentblock-1 .circular-wrap li:nth-child(2) img {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.contentblock-1 .circular-wrap li:nth-child(3) img {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.contentblock-1 .circular-wrap li:nth-child(4) img,
.contentblock-1 .circular-wrap li:nth-child(5) img {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.contentblock-1 .circular-wrap span {
  line-height: 0.346667rem;
  letter-spacing: -0.026667rem;
  display: block;
  margin-top: 0.133333rem;
  font-size: 0.293333rem;
}

.contentblock-1 .circular-wrap img {
    width: 1.9rem;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/***********   第 1 区块   *************/

/***********   第 2 区块   *************/

.contentblock-2 .contentblock-table1 {
  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.293333rem;
}

.contentblock-2 .contentblock-table1 th {
  font-size: 0.32rem;
  font-weight: 500;
  height: 0.533333rem;
}

.contentblock-2 .contentblock-table1 a {
  font-size: 0.346667rem;
}

.contentblock-2 .contentblock-table1 tr {
  height: 0.826667rem;
}

.contentblock-2 .contentblock-table1 tr td {
  text-align: center;
}


.contentblock-2 .contentblock-table2 {
  border-radius: 0.133333rem;
  border-style: dashed;
  overflow: hidden;
  margin-top: 0.266667rem;
}

.contentblock-2 .contentblock-table2 a {
  font-size: 0.373333rem;
}

.contentblock-2 .contentblock-table2 th {
  font-size: 0.32rem;
  font-weight: bold;
  height: 0.533333rem;
}

.contentblock-2 .contentblock-table2 tr {
  height: 0.826667rem;
}

.contentblock-2 .contentblock-table2 tr td {
  text-align: center;
}



.contentblock-2 .contentblock-table3 {

  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.266667rem;
  border-top: none;
}

.contentblock-2 .contentblock-table3 a {
  font-size: 0.346667rem;
}

.contentblock-2 .contentblock-table3 th {
  font-size: 0.32rem;
  font-weight: 500;
}



.contentblock-2 .contentblock-table3 tr {
  height: 0.8rem;
}

.contentblock-2 .contentblock-table3 tr td {
  text-align: left;
}

.contentblock-2 .contentblock-table3 .bottom {
  font-size: 0.346667rem;
  font-weight: bold;
  height: 0.533333rem;
}

/***********   第 2 区块   *************/

/***********   第 3 区块   *************/

.contentblock-3 {
  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.293333rem;
}

.contentblock-3 .top-img {
  width: 100%;
}

.contentblock-3 .contentblock-table th {
  height: 0.533333rem;
  font-size: 0.32rem;
}

.contentblock-3 .contentblock-table tr {
  height: 0.64rem;
}

.contentblock-3 .contentblock-table tr td {
  font-size: 0.32rem;
  color: #7b0efc;
  border-bottom: 0.026667rem solid #8032d1;
  text-align: center;
  width: 27.5%;
}

.contentblock-3 .contentblock-table tr td:nth-child(2) {
  width: 45%;
}

/***********   第 3 区块   *************/

/***********   第 4 区块   *************/

.contentblock-4 {
  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.32rem;
}

.contentblock-4 .top-img {
  width: 100%;
}

.contentblock-4 .contentblock-table a {
  font-size: 0.32rem;
  letter-spacing: 0.026667rem;
}



.contentblock-4 .contentblock-table tr {
  height: 0.666667rem;
}

.contentblock-4 .contentblock-table tr td {
  font-size: 0.32rem;
  color: #930101;
  padding-left: 0.293333rem;
}

/***********   第 4 区块   *************/

/***********   第 5 区块   *************/

.contentblock-5 {
  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.32rem;
}

.contentblock-5 .top-img {
  width: 100%;
}

.contentblock-5 .contentblock-table a {
  font-size: 0.32rem;
  letter-spacing: 0.026667rem;
}


.contentblock-5 .contentblock-table tr {
  height: 0.666667rem;
}

.contentblock-5 .contentblock-table tr td {
  font-size: 0.32rem;
  padding-left: 0.293333rem;
  border-bottom: 0.026667rem solid #f5b722;
}

/***********   第 5 区块   *************/

/***********   第 6 区块   *************/

.contentblock-6 {
  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.266667rem;
}

.contentblock-6 .top-img {
  width: 100%;
}

.contentblock-6 .contentblock-table th {
  height: 0.533333rem;
  font-size: 0.32rem;
  color: #ffffff;
  font-weight: 500;
}

.contentblock-6 .contentblock-table tr {
  height: 0.666667rem;
}

.contentblock-6 .contentblock-table tr td {
  font-size: 0.32rem;
  text-align: center;
}

.contentblock-6 .contentblock-table tr td:nth-last-child(1) {
  border-right: none;
}

/***********   第 6 区块   *************/

/***********   第 7 区块   *************/

.contentblock-7 {
  border-radius: 0.133333rem;
  overflow: hidden;
  margin-top: 0.266667rem;
}

.contentblock-7 .top-img {
  width: 100%;
}

.contentblock-7 .contentblock-table tr {
  height: 0.666667rem;
}

.contentblock-7 .contentblock-table tr td {
  font-size: 0.32rem;
  text-align: center;
}

.contentblock-7 .contentblock-table tr td .color1 {
  display: inline-block;
  padding: 0.04rem 0.16rem;
}

.contentblock-7 .contentblock-table tr td .color2 {
  display: inline-block;
  padding: 0.04rem 0.16rem;
}

/***********   第 7 区块   *************/

.caitu {
  border-radius: 0.266667rem;
  overflow: hidden;
  margin-top: 0.266667rem;
}

.caitu img {
  width: 100%;
}

.footer {
  font-size: 0;
  margin-top: 0.373333rem;
  padding: 0.533333rem 0;
}

.footer p {
  padding-left: 0.76rem;
  padding-right: 0.76rem;
  font-size: 0.266667rem;
  line-height: 0.373333rem;
  padding-bottom: 0.4rem;
}

.iframe-index1 {
  height: 38.826667rem;
}

@media screen and (min-width: 720px) {
  .iframe-index1 {
    height: 39.493333rem;
  }
}

.iframe-index3 {
  height: 77.733333rem;
}

@media screen and (min-width: 720px) {
  .iframe-index3 {
    height: 56.4rem;
  }
}

.index3-cotnent-block13 {
  margin-top: -0.24rem;
  padding-top: 0.266667rem;
}




/**  主题配置  */

body {
  background-color: #DAEDF7;
}

.nav-wrap {
  background-color: #9ed8ff;
}

.nav-wrap .nav-list li a {
  font-size: 0.32rem;
  color: #1b3f85;
}

.top-wrap {
  background-image: linear-gradient(0deg, 
    #1a357b 0%, 
    #2171b9 50%, 
    #28aaf4 100%), 
  linear-gradient(
    #fe3c00, 
    #fe3c00);
}

.notice {
  color: #9d5100;
  background-color: #ffd181;
}

.contentblock-1 {
  background-color:#dbeffd;
}

.contentblock-1 .circular-wrap span {
  color: #77150d;
}

.contentblock-2 .contentblock-table1 {
  box-shadow: 0px 2px 18px 2px rgba(3, 139, 202, 0.79);
  border: dashed 0.04rem #038bca;
}

.contentblock-2 .contentblock-table1 th {
  background-color: #038bca;
  color: #ffffff;
}

.contentblock-2 .contentblock-table1 a {
  font-size: 0.346667rem;
  color: #0096e3;
}

.contentblock-2 .contentblock-table1 tr:nth-child(odd) {
  background-color: #ddf4fe;
}

.contentblock-2 .contentblock-table1 tr:nth-child(even) {
  background-color: #ddf4fe;
}


.contentblock-2 .contentblock-table2 {
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(3, 139, 202, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(3, 139, 202, 0.79);
  border: 0.04rem #0060ff;
  border: dashed 0.04rem #038bca;
}

.contentblock-2 .contentblock-table2 a {
  color: #8d0441;
}
.contentblock-2 .contentblock-table2 .color1{
  color: #3000ff;
}
.contentblock-2 .contentblock-table2 .color2{
  color: #8d0441;
}
.contentblock-2 .contentblock-table2 .color3{
  color: #ff0606;
}
.contentblock-2 .contentblock-table2 .color4{
  color: #01a1ec;
}

.contentblock-2 .contentblock-table2 th {
  color: #ecff48;
  background-color: #fc6542;
}

.contentblock-2 .contentblock-table2 tr:nth-child(odd) {
  background-color: #fed6a1;
}

.contentblock-2 .contentblock-table2 tr:nth-child(even) {
  background-color: #fed6a1;
}

.contentblock-2 .contentblock-table3 {
  background-color: #fdc7c9;
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #bb3309
}

.contentblock-2 .contentblock-table3 a {
  color: #e69201;
}

.contentblock-2 .contentblock-table3 th {
  background-color: #8b0106 ;
  color: #a7fe00;
}

.contentblock-2 .contentblock-table3 .color1 {
  color:#fed100;
}

.contentblock-2 .contentblock-table3 .color2 {
  color: #c500fe;
}

.contentblock-2 .contentblock-table3 tr td {
  border-bottom: 0.026667rem solid #fc787d;
  border-right: 0.026667rem solid #fc787d;
}

.contentblock-2 .contentblock-table3 .bottom {
  font-size: 0.346667rem;
  font-weight: bold;
  color: #fe0000;
  height: 0.533333rem;
  background-color: #fdd536 ;
}


.contentblock-3 {
  background-color: #bed6ff;
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #7c2dcf;
}

.contentblock-3 .contentblock-table th {
  background-color: #8a00ff;
  color: #fd3f21;
}

.contentblock-3 .contentblock-table tr td:nth-child(2) {
  background-color: #e0ebfd;
  color: #fe3c00;
}

.contentblock-4 {
  background-color: #fee4e8;
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #ea4424;
}

.contentblock-4 .contentblock-table a {
  color: #592515;
}

.contentblock-4 .contentblock-table .color1 {
  color: #aa29cf;
}

.contentblock-4 .contentblock-table .color2 {
  color: #fe9b00;
}

.contentblock-4 .contentblock-table .color3 {
  color: #52ba0d;
}

.contentblock-4 .contentblock-table .color4 {
  color: #1a8beb;
}

.contentblock-4 .contentblock-table tr td {
  color: #930101;
  border-bottom: 0.026667rem solid #ea4424;
}

.contentblock-5 {
  background-color: #fcf9e7;
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #f7c93b;
}

.contentblock-5 .contentblock-table a {
  color: #005df8;
}

.contentblock-5 .contentblock-table .color1 {
  color: #fc01ff;
}

.contentblock-5 .contentblock-table .color2 {
  color: #ff4189;
}

.contentblock-5 .contentblock-table .color3 {
  color: #fe9c0f;
}

.contentblock-5 .contentblock-table tr td {
  color: #930101;
}


.contentblock-6 {
  background-color: #F4FEE7;
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #67af0e;
}

.contentblock-6 .contentblock-table th {
  background-color: #1cacff ;
  color: #ffffff;
}

.contentblock-6 .contentblock-table tr td {
  color: #67af0e;
  border-right: 0.026667rem solid #67af0e;
  border-bottom: 0.026667rem solid #67af0e;
}

.contentblock-7 {
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #fe8401;
}

.contentblock-7 .contentblock-table {
  background-color: #ffff;
}

.contentblock-7 .contentblock-table tr td {
  color: #9c00ff;
  border-right: 0.026667rem solid #ff9702;
  border-bottom: 0.026667rem solid #ff9702;
}

.contentblock-7 .contentblock-table tr td:nth-child(1) {
  color: #9c00ff;
}

.contentblock-7 .contentblock-table tr td:nth-child(3) {
  color: #1673FE;
}

.contentblock-7 .contentblock-table tr td .color1 {
  color: #fff;
  background-color: #FF3502;
}

.contentblock-7 .contentblock-table tr td .color2 {
  color: #fff;
  background-color: #0279FF;
}

.caitu {
  -webkit-box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  box-shadow: 0 0.026667rem 0.24rem 0.026667rem rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #fc8114;
}

.footer {
  background-color: #A7D9FD;
}

.footer p {
  color: #5ea6da;
}


/**  主题配置  */