@media only screen and (min-width: 320px) and (max-width: 375px) {
  html {
    width: 100%;
    height: 100%;
    font-size: 16px;
  }
  html body {
    height: 100%;
  }
}
@media only screen and (min-width: 375px) and (max-width: 768px) {
  html {
    width: 100%;
    height: 100%;
    font-size: 18.75px;
  }
  html body {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    width: 100%;
    height: 100%;
    font-size: 38.4px;
  }
  html body {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  html {
    width: 100%;
    height: 100%;
    font-size: 51.2px;
  }
  html body {
    height: 100%;
  }
}
* {
  margin: 0;
  padding: 0;
}
table,
th,
td {
  vertical-align: middle;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
}
img {
  border: none;
}
.header {
  width: 100%;
  height: 12.26666667rem;
  background: url(../images/header.jpg) no-repeat center;
  background-size: cover;
  padding-top: 1.22666667rem;
}
.header .zx {
  width: 90%;
  height: 10.66666667rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.84);
  border: 0.02666667rem dashed #7ac816;
}
.header .zx h2 {
  font-size: 1.49333333rem;
  color: #343434;
  text-align: center;
  padding-top: 1.14666667rem;
}
.header .zx h3 {
  font-size: 1.49333333rem;
  color: #72bc11;
  text-align: center;
}
.header .zx p {
  width: 14.18666667rem;
  height: 1.33333333rem;
  font-size: 0.69333333rem;
  color: #ffb20e;
  text-align: center;
  line-height: 1.33333333rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
  border-top: 0.02666667rem solid #ffb20e;
  border-bottom: 0.02666667rem solid #ffb20e;
}
.header .zx .zixun {
  width: 15.41333333rem;
  height: 1.6rem;
  margin: 0 auto;
  margin-top: 0.96rem;
}
.header .zx .zixun a {
  float: left;
  display: block;
  width: 7.04rem;
  height: 1.54666667rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.54666667rem;
  background: #ffb20e;
  box-shadow: 0.02666667rem 0.18666667rem 0.42666667rem 0rem rgba(255, 14, 178, 0.35);
  border-radius: 0.77333333rem;
  margin-right: 1.33333333rem;
}
.header .zx .zixun a:nth-child(2) {
  margin-right: 0;
  background-color: #7ac816;
}
.banner_zhuyi {
  width: 100%;
  height: 18.66666667rem;
}
.banner_zhuyi h2 {
  font-size: 1.01333333rem;
  color: #343434;
  text-align: center;
  padding-top: 1.33333333rem;
}
.banner_zhuyi h2 span {
  color: #7ac816;
}
.banner_zhuyi .zn {
  font-size: 0.8rem;
  color: #666666;
  text-align: center;
  margin-top: 0.53333333rem;
}
.banner_zhuyi ul {
  width: 90%;
  height: 9.33333333rem;
  margin: 0 auto;
  margin-top: 1.33333333rem;
}
.banner_zhuyi ul li {
  float: left;
  width: 25%;
  height: 4rem;
  margin-bottom: 0.53333333rem;
}
.banner_zhuyi ul li a {
  display: block;
}
.banner_zhuyi ul li a img {
  display: block;
  width: 1.68rem;
  height: 1.57333333rem;
  margin: 0 auto;
}
.banner_zhuyi ul li p {
  font-size: 0.69333333rem;
  color: #343434;
  text-align: center;
  margin-top: 0.53333333rem;
}
.banner_zhuyi .gengduo {
  width: 18.66666667rem;
  height: 2.13333333rem;
  margin: 0 auto;
}
.banner_zhuyi .gengduo a {
  float: left;
  display: block;
  width: 9.33333333rem;
  height: 2.13333333rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 2.13333333rem;
  background: url(../images/gengduo1.png) no-repeat center;
  background-size: cover;
}
.banner_zhuyi .gengduo a:nth-child(2) {
  background: url(../images/gengduo2.png) no-repeat center;
  background-size: cover;
}
.banner_zhengshu {
  width: 100%;
  height: 16rem;
}
.banner_zhengshu h2 {
  font-size: 1.01333333rem;
  color: #343434;
  text-align: center;
}
.banner_zhengshu h2 span {
  color: #7ac816;
}
.banner_zhengshu .zs1 {
  font-size: 0.74666667rem;
  color: #666666;
  text-align: center;
  margin-top: 0.53333333rem;
}
.banner_zhengshu .zs2 {
  width: 18.66666667rem;
  height: 7.30666667rem;
  margin: 0 auto;
  margin-top: 1.06666667rem;
  border: 0.16rem dashed #7ac816;
}
.banner_zhengshu .zs2 p {
  width: 17.36rem;
  height: 5.44rem;
  font-size: 0.74666667rem;
  color: #343434;
  line-height: 1.17333333rem;
  margin: 0 auto;
  padding-top: 0.8rem;
}
.banner_zhengshu .zs2 p a {
  color: #ffb20e;
}
.banner_zhengshu .zs3 {
  display: block;
  width: 16rem;
  height: 2.13333333rem;
  font-size: 0.85333333rem;
  color: #fff;
  text-align: center;
  line-height: 2.13333333rem;
  background: #7ac816;
  box-shadow: 0.02666667rem 0.18666667rem 0.42666667rem 0rem rgba(122, 22, 200, 0.35);
  border-radius: 1.06666667rem;
  margin: 0 auto;
  margin-top: 1.01333333rem;
}
.banner_shijian {
  width: 100%;
  height: 22.13333333rem;
  background-color: #f7f7f7;
}
.banner_shijian h2 {
  font-size: 1.01333333rem;
  color: #343434;
  text-align: center;
  padding-top: 1.46666667rem;
}
.banner_shijian h2 span {
  color: #7ac816;
}
.banner_shijian .sj1 {
  font-size: 0.74666667rem;
  text-align: center;
  color: #666666;
  margin-top: 0.26666667rem;
}
.banner_shijian .sj2 {
  font-size: 0.8rem;
  margin: 0 auto;
  text-align: center;
  text-decoration: underline;
  line-height: 1.22666667rem;
  margin-top: 1.33333333rem;
}
.banner_shijian .sj2 a {
  color: #343434;
}
.banner_shijian .sj2 span {
  color: #ffb20e;
  text-decoration: underline;
}
.banner_shijian ul {
  width: 90%;
  height: 9.33333333rem;
  margin: 0 auto;
  margin-top: 1.33333333rem;
}
.banner_shijian ul li {
  float: left;
  width: 22%;
  height: 1.38666667rem;
  font-size: 0.74666667rem;
  text-align: center;
  line-height: 1.38666667rem;
  background-color: #7ac816;
  border-radius: 0.69333333rem;
  margin-right: 0.66666667rem;
  margin-bottom: 0.74666667rem;
}
.banner_shijian ul li a {
  color: #fff;
}
.banner_shijian ul li:nth-child(4) {
  margin-right: 0rem;
}
.banner_shijian ul li:nth-child(8) {
  margin-right: 0rem;
}
.banner_shijian ul li:nth-child(12) {
  margin-right: 0rem;
}
.banner_shijian ul li:nth-child(16) {
  margin-right: 0rem;
}
.banner_shijian .sj3 a {
  display: block;
  width: 16rem;
  height: 2.13333333rem;
  font-size: 0.85333333rem;
  color: #fff;
  text-align: center;
  line-height: 2.13333333rem;
  background: #7ac816;
  box-shadow: 0.02666667rem 0.18666667rem 0.42666667rem 0rem rgba(122, 22, 200, 0.35);
  border-radius: 1.06666667rem;
  margin: 0 auto;
}
.banner_fangxiang {
  width: 100%;
  height: 40rem;
}
.banner_fangxiang h2 {
  font-size: 1.01333333rem;
  color: #333333;
  text-align: center;
  padding-top: 1.33333333rem;
}
.banner_fangxiang h2 span {
  color: #79c715;
}
.banner_fangxiang ul {
  width: 90%;
  height: 32rem;
  margin: 0 auto;
  margin-top: 1.6rem;
}
.banner_fangxiang ul li {
  width: 100%;
  height: 6.66666667rem;
  margin-bottom: 1.33333333rem;
  border-bottom: 0.05333333rem dashed rgba(121, 199, 21, 0.6);
}
.banner_fangxiang ul li .fx1 {
  float: left;
  display: block;
  width: 30%;
}
.banner_fangxiang ul li .fx1 img {
  width: 5.33333333rem;
  height: 5.33333333rem;
  border-radius: 0.32rem;
}
.banner_fangxiang ul li .fx2 {
  float: left;
  width: 65%;
  margin-left: 0.53333333rem;
}
.banner_fangxiang ul li .fx2 h4 {
  font-size: 0.74666667rem;
}
.banner_fangxiang ul li .fx2 h4 a {
  color: #333333;
}
.banner_fangxiang ul li .fx2 p {
  width: 12.26666667rem;
  height: 3.38666667rem;
  font-size: 0.64rem;
  line-height: 0.90666667rem;
  margin-top: 0.4rem;
}
.banner_fangxiang ul li .fx2 p a {
  color: #666666;
}
.banner_fangxiang ul li .fx2 .lj {
  float: right;
  display: block;
  width: 4.26666667rem;
  height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  background: #79c715;
  box-shadow: 0rem 0.18666667rem 0.42666667rem 0rem rgba(121, 21, 199, 0.35);
  border-radius: 0.66666667rem;
}
.banner_fangxiang ul li:nth-child(4) {
  border-bottom: none;
}
.banner_fangxiang .fl a {
  display: block;
  width: 16rem;
  height: 2.13333333rem;
  font-size: 0.85333333rem;
  color: #fff;
  text-align: center;
  line-height: 2.13333333rem;
  background: #79c715;
  box-shadow: 0rem 0.18666667rem 0.42666667rem 0rem rgba(121, 21, 199, 0.35);
  border-radius: 1.06666667rem;
  margin: 0 auto;
}
.banner_wenti {
  width: 100%;
  height: 32rem;
  background-color: #f7f7f7;
}
.banner_wenti h2 {
  font-size: 1.01333333rem;
  color: #333333;
  text-align: center;
  padding-top: 1.33333333rem;
}
.banner_wenti h2 span {
  color: #79c715;
}
.banner_wenti ul {
  width: 90%;
  height: 26.66666667rem;
  margin: 0 auto;
  margin-top: 2.13333333rem;
}
.banner_wenti ul li {
  width: 100%;
  height: 5.86666667rem;
  margin-bottom: 3.2rem;
  border: 0.10666667rem dashed #79c715;
}
.banner_wenti ul li h4 {
  width: 9.28rem;
  height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  background: url(../images/lingxing.png) no-repeat center;
  background-size: cover;
  margin: 0 auto;
  margin-top: -0.66666667rem;
}
.banner_wenti ul li .wt1 {
  width: 90%;
  height: 4rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
}
.banner_wenti ul li .wt1 p {
  float: left;
  width: 50%;
  height: 1.33333333rem;
  margin-bottom: 0.53333333rem;
}
.banner_wenti ul li .wt1 p img {
  float: left;
  width: 0.74666667rem;
  height: 0.74666667rem;
  margin-top: 0.4rem;
}
.banner_wenti ul li .wt1 p a {
  font-size: 0.74666667rem;
  color: #333333;
  margin-left: 0.26666667rem;
}
.banner_wenti ul li .wt2 a {
  display: block;
  width: 8.26666667rem;
  height: 1.6rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.6rem;
  margin: 0 auto;
  background: #79c715;
  box-shadow: 0rem 0.18666667rem 0.42666667rem 0rem rgba(121, 21, 199, 0.35);
  border-radius: 0.8rem;
}
.banner_jishu {
  width: 100%;
  height: 33.33333333rem;
}
.banner_jishu h2 {
  font-size: 1.01333333rem;
  color: #333333;
  text-align: center;
  padding-top: 1.6rem;
}
.banner_jishu h2 span {
  color: #79c715;
}
.banner_jishu .js {
  font-size: 0.74666667rem;
  color: #333333;
  text-align: center;
  margin-top: 0.53333333rem;
}
.banner_jishu ul {
  width: 90%;
  height: 26.66666667rem;
  margin: 0 auto;
  margin-top: 1.86666667rem;
}
.banner_jishu ul li {
  width: 100%;
  height: 4.26666667rem;
  margin-bottom: 1.33333333rem;
}
.banner_jishu ul li .js1 {
  float: left;
  display: block;
  width: 20%;
}
.banner_jishu ul li .js1 img {
  width: 3.2rem;
  height: 3.2rem;
}
.banner_jishu ul li .js2 {
  float: left;
  width: 80%;
  height: 4.26666667rem;
  border-bottom: 0.02666667rem dashed #e5e5e5;
}
.banner_jishu ul li .js2 .yc {
  height: 1.33333333rem;
}
.banner_jishu ul li .js2 .yc h4 {
  float: left;
  font-size: 0.74666667rem;
}
.banner_jishu ul li .js2 .yc h4 a {
  color: #333333;
}
.banner_jishu ul li .js2 .yc .lj {
  float: right;
  display: block;
  width: 4.8rem;
  height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  background: #79c715;
  box-shadow: 0rem 0.18666667rem 0.42666667rem 0rem rgba(121, 21, 199, 0.35);
  border-radius: 0.66666667rem;
}
.banner_jishu ul li .js2 .gj {
  width: 14.66666667rem;
  height: 1.65333333rem;
  font-size: 0.69333333rem;
  line-height: 0.96rem;
  margin-top: 0.53333333rem;
}
.banner_jishu ul li .js2 .gj a {
  color: #666666;
}
.banner_jishu ul li .js3 {
  border-bottom: none;
}
.banner_jueding {
  width: 100%;
  height: 7.14666667rem;
  background: url(../images/jueding.jpg) no-repeat center;
  background-size: cover;
  padding-top: 0.90666667rem;
}
.banner_jueding .jd {
  width: 90%;
  height: 5.86666667rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  border: 0.05333333rem dashed #7ac715;
}
.banner_jueding h2 {
  font-size: 1.01333333rem;
  color: #79c715;
  text-align: center;
  padding-top: 0.74666667rem;
}
.banner_jueding a {
  display: block;
  width: 5.04rem;
  height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  background: #ffb10e;
  border-radius: 0.66666667rem;
  margin: 0 auto;
  margin-top: 0.42666667rem;
}
.banquan {
  width: 100%;
  height: 3.66666667rem;
  padding-bottom: 2.66666667rem;
}
.banquan p {
  width: 100%;
  height: 3.66666667rem;
  font-size: 0.64rem;
  color: #333333;
  text-align: center;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.09333333rem;
  background: url(../images/footer.png) no-repeat center;
  background-size: 100% 3.09333333rem;
}
.footer ul {
  width: 100%;
  height: 3.09333333rem;
}
.footer ul li {
  float: left;
  width: 33%;
  height: 3.09333333rem;
  line-height: 3.09333333rem;
  text-align: center;
}
.footer ul li a {
  display: block;
}
.footer ul li a img {
  width: 1.25333333rem;
  height: 1.14666667rem;
  font-size: 0.74666667rem;
  color: #333333;
  vertical-align: middle;
}
.footer ul li:nth-child(2) {
  line-height: 4.26666667rem;
}
.footer ul li:nth-child(2) a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  color: #fff;
}
.footer ul li:nth-child(2) a img {
  position: absolute;
  left: 50%;
  top: 0.93333333rem;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.28rem;
  height: 1.09333333rem;
}