﻿/*****   ���ø�Ԫ�� 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.04rem;
  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;
  padding-left: 0.231rem;
}
.url{
  position: absolute;
  top: 0.6607rem;
  left: 1.6639rem;
  font-size: 0.2529rem;
  color: #9e6806;
}

.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.136667rem 0;
  height: 0.506667rem;
  line-height: 0.506667rem;
  margin: 0;
  border: solid 0.04rem transparent;
}

.nav-wrap .nav-list li a {
  font-size: 0.32rem;
}

.nav-wrap .nav-list li.active {
  background-image: linear-gradient(0deg,
    #ff9600 0%,
    #ffba00 100%),
  linear-gradient(#fe3c00,
    #fe3c00);
  border-radius: 0.666667rem;
  border: 0;
  box-shadow: 1px 4px 10px 0px #6f5313;
}

.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: #930101;
  border-bottom: 0.026667rem solid #d15631;
  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;
}

/***********   �� 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: #fdf5c2;
}

.nav-wrap {
  background-color: #ffdf06;
}

.nav-wrap .nav-list li a {
  font-size: 0.32rem;
  color: #b57c00;
}

.top-wrap {
  background-image: linear-gradient(0deg,
    #fead00 0%,
    #fff609 100%),
  linear-gradient(#fe3c00,
    #fe3c00);
}

.notice {
  color: #942908;
  background-color: #ffdbd0;
}

.contentblock-1 {
  background-color: #fbdadd;
}

.contentblock-1 .circular-wrap span {
  color: #9c2501;
}

.contentblock-2 .contentblock-table1 {
  box-shadow: 0px 2px 18px 2px rgba(183, 126, 14, 0.79);
  border: dashed 0.04rem #fe3c00;
}

.contentblock-2 .contentblock-table1 th {
  background-color: #feb201;
  color: #ffffff;
}

.contentblock-2 .contentblock-table1 a {
  font-size: 0.346667rem;
  color: #9b3e00;
}

.contentblock-2 .contentblock-table1 tr:nth-child(odd) {
  background-color: #fde797;
}

.contentblock-2 .contentblock-table1 tr:nth-child(even) {
  background-color: #fde797;
}


.contentblock-2 .contentblock-table2 {
  -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;
}

.contentblock-2 .contentblock-table2 a {
  color: #ae2b02;
}
.contentblock-2 .contentblock-table2 .color1{
  color: #ff1e00;
}
.contentblock-2 .contentblock-table2 .color2{
  color: #df00f9;
}
.contentblock-2 .contentblock-table2 .color3{
  color: #ff0606;
}
.contentblock-2 .contentblock-table2 .color4{
  color: #0155ff ;
}

.contentblock-2 .contentblock-table2 th {
  color: #ff2300;
  background-color: #ffce3a;
}

.contentblock-2 .contentblock-table2 tr:nth-child(odd) {
  background-color: #fbdfe3;
}

.contentblock-2 .contentblock-table2 tr:nth-child(even) {
  background-color: #fbdfe3;
}

.contentblock-2 .contentblock-table3 {
  background-color: #ebf4ff;
  -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 #0061cf;
}

.contentblock-2 .contentblock-table3 a {
  color: #012e8b;
}

.contentblock-2 .contentblock-table3 th {
  background-color: #0061cf ;
  color: #a7fe00;
}

.contentblock-2 .contentblock-table3 .color1 {
  color: #fed100;
}

.contentblock-2 .contentblock-table3 .color2 {
  color: #fe7e00;
}

.contentblock-2 .contentblock-table3 tr td {
  border-bottom: 0.026667rem solid #0061cf;
  border-right: 0.026667rem solid #0061cf;
}

.contentblock-2 .contentblock-table3 .bottom {
  font-size: 0.346667rem;
  font-weight: bold;
  color: #fe7200;
  height: 0.533333rem;
  background-color: #a1fd36;
}


.contentblock-3 {
  background-color: #fee95a;
  -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 #cc5b00;
}

.contentblock-3 .contentblock-table th {
  background-color: #d09dfc;
  color: #ff2300 ;
}

.contentblock-3 .contentblock-table tr td:nth-child(2) {
  background-color: #fff9d0;
  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: #592515;
  border-bottom: 0.026667rem solid #ea4424;
}

.contentblock-5 {
  background-color: #fcd9ed;
  -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 #ee30c3 ;
}

.contentblock-5 .contentblock-table a {
  color: #132e74;
}

.contentblock-5 .contentblock-table .color1 {
  color: #16b2fb;
}

.contentblock-5 .contentblock-table .color2 {
  color: #fe554b;
}

.contentblock-5 .contentblock-table .color3 {
  color: #45d20e;
}

.contentblock-5 .contentblock-table tr td {
  color: #930101;
  border-bottom: 0.026667rem solid #ee30c3;
}


.contentblock-6 {
  background-color: #f8feff;
  -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 #2294ea;
}

.contentblock-6 .contentblock-table th {
  background-color: #ffa800;
  color: #ffffff;
}

.contentblock-6 .contentblock-table tr td {
  color: #2344eb;
  border-right: 0.026667rem solid #2294ea;
  border-bottom: 0.026667rem solid #2294ea;
}

.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: #fff;
}

.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: #fe00e9;
}

.contentblock-7 .contentblock-table tr td:nth-child(3) {
  color: #0066fe;
}

.contentblock-7 .contentblock-table tr td .color1 {
  color: #fff;
  background-color: #ff3202;
}

.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 #bb330a;
}

.footer {
  background-color: #fecc04;
}

.footer p {
  color: #a4790c;
}


/**  ��������  */