﻿html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input,
a,
span,
figure,
figcaption {
  margin: 0px;
  padding: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
fieldset,
img {
  border: none;
}
img {
  display: block;
  width: 100%;
  font-size: 0px;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul,
ol,
li {
  list-style: none;
}
input::-moz-focus-inner {
  border: none;
  padding: 0px;
}
select,
input {
  vertical-align: middle;
  display: block;
}
select,
input,
textarea {
  font-size: 13px;
  margin: 0px;
}
input[type="text"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
  outline: none;
}
button {
  outline: none;
}
textarea {
  resize: none;
  overflow: hidden;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}
table {
  border-collapse: collapse;
}
.clearit {
  clear: both;
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  width: 100%;
}
header,
div,
nav,
li,
input,
section,
figure,
table,
select,
figcaption,
footer,
td,
p,
a,
img {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  display: block;
  color: #000;
}
body {
  margin: 0 auto;
  position: relative;
}
body,
html {
  margin: 0 auto;
  max-width: 640px;
  overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fl {
  float: left;
}
.rl {
  float: right;
}
.content {
  width: 95%;
  margin-left: 2.5%;
}
.content_p {
  width: 100%;
  padding: 0 2.5%;
}
/* 公共样式结束 */
.page {
  text-align: center;
}
.page .title {
  padding-top: 0.84375rem;
  padding-bottom: 0.40625rem;
}
.page .title h2 {
  font-size: 0.53333333rem;
  font-weight: bold;
  margin-bottom: 0.078125rem;
}
.page .title p {
  font-size: 0.36666667rem;
  color: #999;
}
.page1 .con > p {
  font-size: 0.35rem;
  color: #666;
}
.page1 .con > div {
  padding-top: 0.78125rem;
  padding-bottom: 0.1875rem;
}
.page1 .con > ul li {
  text-align: left;
  float: left;
  width: 32.5%;
  color: #fff;
  padding-left: 0.34375rem;
  padding-right: 0.234375rem;
  padding-top: 0.53125rem;
  padding-bottom: 1.09375rem;
  background-color: #fdaf28;
}
.page1 .con > ul li:nth-child(2) {
  margin: 0 1.25%;
  background-color: #8fcd57;
}
.page1 .con > ul li:nth-child(2) > a {
  color: #8fcd57;
}
.page1 .con > ul li:nth-child(3) {
  background-color: #8383f3;
}
.page1 .con > ul li:nth-child(3) > a {
  color: #8383f3;
}
.page1 .con > ul li > img {
  width: 0.5625rem;
  height: 0.46875rem;
  margin-bottom: 0.1875rem;
}
.page1 .con > ul li > h3 {
  font-size: 0.35rem;
  font-weight: bold;
}
.page1 .con > ul li > p {
  font-size: 0.35rem;
  height: 2.5rem;
  margin-top: 0.3125rem;
}
.page1 .con > ul li > a {
  /* position: absolute;
  display: inline-block;
  width: 2.03125rem;
  height: 0.578125rem;
  line-height: 1;
  padding: .15rem 0;
  text-align: left;
  text-indent: 0.1875rem;
  font-size: 0.35rem;
  color: #fdaf28;
  background-color: #fff; */
  position: absolute;
  display: inline-block;
  width: 2.3rem;
  height: 0.578125rem;
  line-height: 1;
  padding: .15rem 0 0.15rem 0;
  text-align: left;
  text-indent: 0.1875rem;
  font-size: 0.35rem;
  color: #fdaf28;
  background-color: #fff;
}


.page1 .con > ul li > a > span {
  /* position: absolute;
  right: 0;
  top: 45%;
  width: 0.484375rem;
  height: 0.09375rem;
  background: url('../images/yjt_03.png') center no-repeat;
  background-size: cover;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%); */
  position: absolute;
    right: 0.35rem;
    top: 45%;
    width: 0.484375rem;
    height: 0.09375rem;
    background: url(../images/yjt_03.png) center no-repeat;
    background-size: cover;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
.bz {
  padding-top: 0.53125rem;
  padding-bottom: 0.65625rem;
}
.bz > p {
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.46875rem;
  margin-top: 0.546875rem;
  padding: 0 5%;
}
.bz .title {
  margin-bottom: 0.390625rem;
}
.bz .title span,
.bz .title p {
  float: left;
}
.bz .title span {
  width: 2.34375rem;
  height: 0.703125rem;
  font-size: 0.5rem;
  font-weight: bold;
  text-indent: 0.46875rem;
  color: #fff;
  margin-right: 0.25rem;
  border-radius: 0 30px 30px 0;
  background-color: #ff6600;
}
.bz .title p {
  height: 0.703125rem;
  font-size: 0.4rem;
  padding-top: 0.09375rem;
  padding-bottom: 0.09375rem;
  font-weight: bold;
}
.bz .swiper-container .swiper-lazy-preloader {
  position: absolute;
  left: 50%;
  top: 50%;
}
.bzslide .con {
  padding: 0 5%;
}
.bzslide .con > div {
  position: relative;
}
.bzslide .con > div .swiper-button {
  position: absolute;
  width: 0.546875rem;
  height: 100%;
  top: 0;
  background: url('../images/zjt_03.png') center no-repeat;
  background-size: .3rem;
}
.swiper-button-next, .swiper-button-prev{margin-top: 0 !important;}
.bzslide .con > div .swiper-button-next {
  right: -0.546875rem;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bzslide .con > div .swiper-button-prev {
  left: -0.546875rem;
}
.bz1 {
  margin-top: 0.53125rem;
}
.bz1 .swiper-container .swiper-slide {
  height: 1.4375rem;
  width: 2.8125rem;
}
.bz2,
.bz4 {
  background-color: #f2f2f2;
}
.bz2 .swiper-container .swiper-slide,
.bz4 .swiper-container .swiper-slide {
  height: 2.4375rem;
  width: 2.859375rem;
}
.bz5 {
  padding-bottom: 0;
}
.bz5 .swiper-container .swiper-slide {
  height: 2.4375rem;
  width: 2.859375rem;
}
.page2 > ul li {
  float: left;
  width: 48.5%;
  text-align: left;
}
.page2 > ul li:nth-child(1),
.page2 > ul li:nth-child(2) {
  margin-bottom: 3%;
}
.page2 > ul li:nth-child(2n) {
  margin-left: 3%;
}
.page2 > ul li p {
  font-size: 0.3rem;
  padding-left: 0.234375rem;
  padding-top: 0.28125rem;
  padding-bottom: 0.28125rem;
  background-color: #eee;
}
.scroll_tit {
  padding-top: 0.15625rem;
  padding-bottom: 0.15625rem;
  background-color: #ff6600;
}
.scroll_tit > li {
  float: left;
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 28%;
}
.scroll_tit > li:nth-child(4) {
  width: 16%;
}
.scroll_content,
.scroll_content1 {
  height: 3.125rem;
}
.scroll_content ul li,
.scroll_content1 ul li {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  background-color: #f3f3f3;
}
.scroll_content ul li:nth-child(2n),
.scroll_content1 ul li:nth-child(2n) {
  background-color: #e5e5e5;
}
.scroll_content ul li span,
.scroll_content1 ul li span {
  float: left;
  width: 28%;
  font-size: 0.26666667rem;
}
.scroll_content ul li span:nth-child(4),
.scroll_content1 ul li span:nth-child(4) {
  width: 16%;
}
.page5 > ul li {
  float: left;
  width: 47.5%;
  margin-bottom: 0.3125rem;
}
.page5 > ul li:nth-child(2n) {
  margin-left: 5%;
}
.page5 > ul li > div {
  color: #fff;
  padding-left: 0.234375rem;
  padding-right: 0.234375rem;
  padding-top: 0.234375rem;
  padding-bottom: 0.234375rem;
  background-color: #ff6600;
}
.page5 > ul li > div a {
  float: right;
  width: 1.015625rem;
  height: 1.015625rem;
  font-size: 0.31666667rem;
  padding-top: 0.046875rem;
  background-color: #ffd800;
  box-sizing: border-box;
}
.page5 > ul li > div div {
  float: left;
  text-align: left;
}
.page5 > ul li > div div h2 {
  font-size: 0.36666667rem;
}
.page5 > ul li > div div p {
  font-size: 0.31666667rem;
}
