@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;
}
.box {
  overflow: hidden;
}
.header {
  width: 100%;
  height: 11.2rem;
  background: url(../images/header.jpg) no-repeat center;
  background-size: 100% 11.2rem;
}
.header img {
  display: block;
  width: 12.85333333rem;
  height: 0.85333333rem;
  margin: 0 auto;
  padding-top: 1.46666667rem;
}
.header h2 {
  font-size: 1.86666667rem;
  color: #fff;
  text-align: center;
  margin-top: 0.66666667rem;
}
.header h2 span {
  color: #F5BB7E;
}
.header .tz {
  width: 16.66666667rem;
  height: 1.70666667rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
  border: 0.02666667rem solid rgba(255, 255, 255, 0.3);
}
.header .tz p {
  width: 16.24rem;
  height: 1.33333333rem;
  font-size: 0.64rem;
  color: #fff;
  line-height: 1.33333333rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.16rem;
  border: 0.02666667rem solid rgba(255, 255, 255, 0.3);
}
.header .tz p a {
  color: #FF5955;
}
.header .rk {
  width: 15.73333333rem;
  height: 1.6rem;
  margin: 0 auto;
  margin-top: 0.8rem;
}
.header .rk a {
  float: left;
  display: block;
  width: 7.2rem;
  height: 1.6rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.6rem;
  margin-right: 1.2rem;
  background: #BF9569;
  box-shadow: 0rem 0.13333333rem 0.21333333rem 0rem rgba(5, 3, 0, 0.2);
}
.header .rk a:nth-child(2) {
  margin-right: 0;
  color: #F5BB7E;
  border: 0.02666667rem solid #F5BB7E;
  background: none;
}
.banner_baokao {
  width: 100%;
  height: 22.82666667rem;
  background: #eff1f8;
}
.banner_baokao h2 {
  font-size: 1.06666667rem;
  color: #3F4D73;
  text-align: center;
  padding-top: 1.06666667rem;
}
.banner_baokao h2 span {
  color: #bf9569;
}
.banner_baokao .bk1 {
  font-size: 0.8rem;
  color: #666;
  text-align: center;
  margin-top: 0.42666667rem;
}
.banner_baokao ul {
  width: 90%;
  height: 18.66666667rem;
  margin: 0 auto;
  margin-top: 1.06666667rem;
}
.banner_baokao ul li {
  float: left;
  width: 30%;
  height: 5.33333333rem;
  margin-right: 0.88rem;
  margin-bottom: 0.53333333rem;
  border-radius: 0.13333333rem;
  background-color: #fff;
}
.banner_baokao ul li a {
  display: block;
}
.banner_baokao ul li a img {
  display: block;
  width: 1.44rem;
  height: 1.44rem;
  margin: 0 auto;
  margin-top: 0.64rem;
}
.banner_baokao ul li h4 {
  font-size: 0.69333333rem;
  text-align: center;
  margin-top: 0.32rem;
  font-weight: normal;
}
.banner_baokao ul li h4 a {
  color: #333;
}
.banner_baokao ul li .bk2 {
  display: block;
  width: 4.37333333rem;
  height: 1.12rem;
  font-size: 0.64rem;
  color: #fff;
  text-align: center;
  line-height: 1.12rem;
  background: #BF9569;
  box-shadow: 0rem 0.13333333rem 0.21333333rem 0rem rgba(5, 3, 0, 0.2);
  border-radius: 0.56rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.banner_baokao ul li:nth-child(3) {
  margin-right: 0;
}
.banner_baokao ul li:nth-child(6) {
  margin-right: 0;
}
.banner_baokao ul li:nth-child(9) {
  margin-right: 0;
}
.banner_yuanyin {
  width: 100%;
  height: 26.13333333rem;
  background: #41517E;
}
.banner_yuanyin h2 {
  font-size: 1.06666667rem;
  color: #fff;
  text-align: center;
  padding-top: 1.17333333rem;
}
.banner_yuanyin h2 span {
  color: #f5bb7e;
}
.banner_yuanyin ul {
  width: 90%;
  height: 18.66666667rem;
  margin: 0 auto;
  margin-top: 2.66666667rem;
}
.banner_yuanyin ul li {
  float: left;
  width: 48%;
  height: 8.26666667rem;
  background: #FFFFFF;
  box-shadow: 0.13333333rem 0.16rem 0rem 0rem #BF9569;
  border-radius: 0.13333333rem;
  margin-right: 0.72rem;
  margin-bottom: 2.66666667rem;
}
.banner_yuanyin ul li .yi1 {
  display: block;
}
.banner_yuanyin ul li .yi1 img {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  margin-top: -1.6rem;
}
.banner_yuanyin ul li h4 {
  font-size: 0.74666667rem;
  text-align: center;
  margin-top: 0.32rem;
}
.banner_yuanyin ul li h4 a {
  color: #3F4D73;
}
.banner_yuanyin ul li p {
  width: 7.94666667rem;
  height: 2rem;
  font-size: 0.69333333rem;
  line-height: 1.06666667rem;
  margin: 0 auto;
  margin-top: 0.58666667rem;
}
.banner_yuanyin ul li p a {
  color: #666666;
}
.banner_yuanyin ul li .lj {
  display: block;
  width: 6.4rem;
  height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  background: #BF9569;
  box-shadow: 0rem 0.13333333rem 0.21333333rem 0rem rgba(5, 3, 0, 0.2);
  margin: 0 auto;
  margin-top: 0.53333333rem;
}
.banner_yuanyin ul li:nth-child(2) {
  margin-right: 0;
}
.banner_yuanyin ul li:nth-child(3) {
  margin-bottom: 0;
}
.banner_yuanyin ul li:nth-child(4) {
  margin-right: 0;
  margin-bottom: 0;
}
.banner_diqu {
  width: 100%;
  height: 19.2rem;
  background: #eff1f8;
}
.banner_diqu h2 {
  font-size: 1.06666667rem;
  color: #3F4D73;
  text-align: center;
  padding-top: 1.06666667rem;
}
.banner_diqu h2 span {
  color: #FF5955;
}
.banner_diqu ul {
  width: 90%;
  height: 11.73333333rem;
  margin: 0 auto;
  margin-top: 1.2rem;
}
.banner_diqu ul li {
  float: left;
  width: 22%;
  height: 1.6rem;
  font-size: 0.74666667rem;
  text-align: center;
  line-height: 1.6rem;
  background: #FFFFFF;
  border: 0.02666667rem solid #BF9569;
  border-radius: 0.8rem;
  margin-right: 0.53333333rem;
  margin-bottom: 0.53333333rem;
}
.banner_diqu ul li a {
  color: #333;
}
.banner_diqu ul li:nth-child(3) {
  background-color: #BF9569;
}
.banner_diqu ul li:nth-child(3) a {
  color: #fff;
}
.banner_diqu ul li:nth-child(4) {
  margin-right: 0;
}
.banner_diqu ul li:nth-child(8) {
  margin-right: 0;
}
.banner_diqu ul li:nth-child(12) {
  margin-right: 0;
}
.banner_diqu ul li:nth-child(16) {
  margin-right: 0;
}
.banner_diqu ul li:nth-child(20) {
  margin-right: 0;
}
.banner_diqu .dq {
  position: relative;
  width: 100%;
  height: 3.70666667rem;
  background: url(../images/shengfen.jpg) no-repeat center;
  background-size: 100% 3.70666667rem;
}
.banner_diqu .dq a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 16rem;
  height: 1.86666667rem;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.86666667rem;
  background: #FF5955;
  box-shadow: 0rem 0.13333333rem 0.16rem 0rem rgba(176, 4, 0, 0.3);
}
.banner_wenti {
  width: 100%;
  height: 24.53333333rem;
  padding-top: 1.33333333rem;
  background-color: #eff1f8;
}
.banner_wenti .wenti {
  width: 90%;
  height: 21.73333333rem;
  background: #FFFFFF;
  margin: 0 auto;
  box-shadow: 0.34666667rem 0.4rem 0rem 0rem #41517E;
  padding-top: 0.96rem;
}
.banner_wenti .wenti h4 {
  width: 15.41333333rem;
  height: 1.86666667rem;
  color: #fff;
  text-align: center;
  line-height: 1.86666667rem;
  background: url(../images/wenti.png) no-repeat center;
  background-size: 15.41333333rem 1.86666667rem;
}
.banner_wenti .wenti h4 span {
  color: #F5BB7E;
}
.banner_wenti .wenti ul {
  width: 93%;
  height: 14.66666667rem;
  margin: 0 auto;
  margin-top: 1.33333333rem;
}
.banner_wenti .wenti ul li {
  width: 100%;
  height: 2.13333333rem;
  margin-bottom: 0.16rem;
}
.banner_wenti .wenti ul li span {
  float: left;
  display: block;
  width: 0.37333333rem;
  height: 0.37333333rem;
  background: #D6D6D6;
  border-radius: 50%;
  margin-top: 0.8rem;
}
.banner_wenti .wenti ul li p {
  float: left;
  width: 94%;
  height: 1.86666667rem;
  font-size: 0.74666667rem;
  line-height: 1.86666667rem;
  margin-left: 0.53333333rem;
  border-bottom: 0.05333333rem dashed #C6C6C6;
}
.banner_wenti .wenti ul li p a {
  color: #333;
}
.banner_wenti .wenti ul li p .dj {
  float: right;
  font-size: 0.69333333rem;
  color: #FF5955;
  font-weight: bold;
}
.banner_wenti .wenti ul li .wt1 {
  border: none;
}
.banner_wenti .wenti .wt2 a {
  display: block;
  width: 16rem;
  height: 1.86666667rem;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.86666667rem;
  margin: 0 auto;
  background: #BF9569;
  box-shadow: 0rem 0.13333333rem 0.21333333rem 0rem rgba(5, 3, 0, 0.2);
}
.banner_laoshi {
  width: 100%;
  height: 40rem;
  background-color: #eff1f8;
}
.banner_laoshi h2 {
  width: 100%;
  height: 3.30666667rem;
  color: #fff;
  font-size: 1.06666667rem;
  text-align: center;
  line-height: 3.30666667rem;
  background: #41517E;
}
.banner_laoshi h2 span {
  color: #F5BB7E;
}
.banner_laoshi ul {
  width: 90%;
  height: 26.66666667rem;
  margin: 0 auto;
  margin-top: 1.06666667rem;
}
.banner_laoshi ul li {
  position: relative;
  float: left;
  width: 100%;
  height: 16.90666667rem;
  background: url(../images/laoshi.png) no-repeat center;
  background-size: 100% 16.90666667rem;
  margin-bottom: 0.8rem;
}
.banner_laoshi ul li .laoshi1 {
  width: 94%;
  height: 9.86666667rem;
  margin: 0 auto;
}
.banner_laoshi ul li .laoshi1 .ls1 {
  float: left;
  width: 5.17333333rem;
  height: 9.44rem;
  margin-top: 0.26666667rem;
}
.banner_laoshi ul li .laoshi1 .ls2 {
  float: left;
  width: 64%;
  height: 9.76rem;
  padding-left: 0.8rem;
  border-bottom: 0.05333333rem dashed #B2B2B2;
}
.banner_laoshi ul li .laoshi1 .ls2 h4 {
  font-size: 0.8rem;
  color: #3F4D73;
  margin-top: 1.33333333rem;
}
.banner_laoshi ul li .laoshi1 .ls2 .mm1 {
  font-size: 0.74666667rem;
  color: #666;
  margin-top: 0.26666667rem;
}
.banner_laoshi ul li .laoshi1 .ls2 .mm2 {
  position: relative;
  width: 10.69333333rem;
  height: 3.33333333rem;
  background: #FFFFFF;
  border: 0.05333333rem solid #41517E;
  border-radius: 0.37333333rem;
  margin-top: 1.28rem;
  padding-top: 1.06666667rem;
}
.banner_laoshi ul li .laoshi1 .ls2 .mm2 p {
  float: left;
  width: 4rem;
  height: 1.12rem;
  font-size: 0.69333333rem;
  color: #3F4D73;
  text-align: center;
  line-height: 1.12rem;
  background: #E3E6EF;
  border-radius: 0.56rem;
  margin-bottom: 0.53333333rem;
  margin-left: 0.8rem;
}
.banner_laoshi ul li .laoshi1 .ls2 .mm2 .yx {
  position: absolute;
  left: -0.66666667rem;
  top: -0.93333333rem;
  width: 5.65333333rem;
  height: 1.70666667rem;
}
.banner_laoshi ul li .laoshi2 {
  width: 94%;
  height: 7.2rem;
  margin-top: 0.53333333rem;
  margin-left: 0.53333333rem;
}
.banner_laoshi ul li .laoshi2 p {
  width: 90%;
  height: 3.25333333rem;
  font-size: 0.74666667rem;
  color: #666;
  line-height: 1.12rem;
  margin: 0 auto;
}
.banner_laoshi ul li .laoshi2 a {
  display: block;
  width: 16rem;
  height: 1.86666667rem;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.86666667rem;
  background: #FF5955;
  box-shadow: 0rem 0.13333333rem 0.16rem 0rem rgba(176, 4, 0, 0.3);
  margin: 0 auto;
  margin-top: 0.26666667rem;
}
.banner_laoshi ul li .hp {
  position: absolute;
  top: 0.53333333rem;
  right: -0.21333333rem;
  width: 4.21333333rem;
  height: 4.58666667rem;
}
.banner_ziliao {
  width: 100%;
  height: 16.53333333rem;
  background-color: #eff1f8;
}
.banner_ziliao h2 {
  width: 100%;
  height: 3.30666667rem;
  color: #fff;
  font-size: 1.06666667rem;
  text-align: center;
  line-height: 3.30666667rem;
  background: #41517E;
}
.banner_ziliao h2 span {
  color: #F5BB7E;
}
.banner_ziliao ul {
  width: 90%;
  height: 10.66666667rem;
  margin: 0 auto;
  margin-top: 1.33333333rem;
}
.banner_ziliao ul li {
  float: left;
  width: 48%;
  height: 10.66666667rem;
  margin-right: 0.69333333rem;
  background-color: #fff;
}
.banner_ziliao ul li .lq1 {
  position: relative;
  display: block;
  width: 100%;
  height: 3.57333333rem;
  background: url(../images/ziliao1.jpg) no-repeat center;
  background-size: 100% 3.57333333rem;
  margin-bottom: 0.69333333rem;
}
.banner_ziliao ul li .lq1 h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.33333333rem;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  background: #41517E;
}
.banner_ziliao ul li p {
  display: block;
  width: 8rem;
  height: 1.06666667rem;
  margin: 0 auto;
  margin-bottom: 0.26666667rem;
}
.banner_ziliao ul li p img {
  float: left;
  width: 0.77333333rem;
  height: 0.74666667rem;
  margin-right: 0.26666667rem;
  margin-top: 0.13333333rem;
}
.banner_ziliao ul li p a {
  float: left;
  font-size: 0.69333333rem;
  color: #666;
  text-decoration: underline;
}
.banner_ziliao ul li .xz {
  display: block;
  width: 7.81333333rem;
  height: 1.33333333rem;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.33333333rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
  background: #FF5955;
  box-shadow: 0rem 0.13333333rem 0.16rem 0rem rgba(176, 4, 0, 0.3);
}
.banner_ziliao ul li .xz img {
  width: 0.69333333rem;
  height: 0.74666667rem;
  vertical-align: middle;
  margin-right: 0.26666667rem;
}
.banner_ziliao ul li:nth-child(2) {
  margin-right: 0;
}
.tanchuang {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16rem;
  height: 21.33333333rem;
  background: url(../images/tanchuang.png) no-repeat center;
  background-size: 16rem 21.33333333rem;
}
.tanchuang h2 {
  font-size: 1.17333333rem;
  color: #fff;
  text-align: center;
  margin-top: 0.8rem;
}
.tanchuang .tc1 {
  font-size: 0.90666667rem;
  color: #fff;
  text-align: center;
  margin-top: 0.26666667rem;
}
.tanchuang .tc2 {
  width: 11.73333333rem;
  height: 1.22666667rem;
  font-size: 0.69333333rem;
  color: #FFEC1E;
  text-align: center;
  line-height: 1.22666667rem;
  background: #FF241F;
  border-radius: 0.61333333rem;
  margin: 0 auto;
  margin-top: 0.26666667rem;
}
.tanchuang ul {
  width: 14.93333333rem;
  height: 11.2rem;
  margin: 0 auto;
  margin-top: 0.48rem;
  padding-top: 0.96rem;
  background: #FFFFFF;
}
.tanchuang ul li {
  float: left;
  width: 4rem;
  height: 1.49333333rem;
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.49333333rem;
  background: #FFFFFF;
  border: 0.02666667rem solid #FF322E;
  border-radius: 0.66666667rem;
  margin-right: 0.53333333rem;
  margin-bottom: 0.64rem;
}
.tanchuang ul li a {
  color: #FF4D49;
}
.tanchuang ul li:nth-child(2) {
  background: #FF322E;
}
.tanchuang ul li:nth-child(2) a {
  color: #fff;
}
.tanchuang ul li:nth-child(1) {
  margin-left: 0.69333333rem;
}
.tanchuang ul li:nth-child(4) {
  margin-left: 0.69333333rem;
}
.tanchuang ul li:nth-child(7) {
  margin-left: 0.69333333rem;
}
.tanchuang ul li:nth-child(10) {
  margin-left: 0.69333333rem;
}
.tanchuang ul li:nth-child(13) {
  margin-left: 0.69333333rem;
}
.tanchuang ul li:nth-child(3) {
  margin-right: 0;
}
.tanchuang ul li:nth-child(6) {
  margin-right: 0;
}
.tanchuang ul li:nth-child(9) {
  margin-right: 0;
}
.tanchuang ul li:nth-child(12) {
  margin-right: 0;
}
.tanchuang ul li:nth-child(15) {
  margin-right: 0;
}
.tanchuang .tc3 {
  width: 14.66666667rem;
  height: 1.6rem;
  margin: 0 auto;
  margin-top: 0.64rem;
}
.tanchuang .tc3 a {
  float: left;
  display: block;
  width: 6.64rem;
  height: 1.86666667rem;
  font-size: 0.74666667rem;
  color: #EC2B27;
  text-align: center;
  line-height: 1.86666667rem;
  margin-right: 1.06666667rem;
  font-weight: bold;
  background-color: #FFEC1E;
}
.tanchuang .tc3 a:nth-child(2) {
  margin-right: 0;
  background-color: #fff;
}
.tanchuang .close {
  position: absolute;
  top: -0.64rem;
  right: -0.69333333rem;
  width: 0.93333333rem;
  height: 0.93333333rem;
}
.footer {
  width: 100%;
  height: 2.66666667rem;
  margin-bottom: 2.66666667rem;
}
.footer p {
  width: 100%;
  height: 2.66666667rem;
  color: #333;
  font-size: 0.69333333rem;
  text-align: center;
  line-height: 2.66666667rem;
}
.footer1 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  height: 2.93333333rem;
  overflow: hidden;
}
.footer1 ul {
  width: 100%;
  height: 2.93333333rem;
  background: url(../images/footer.png) no-repeat center;
  background-size: 100% 2.93333333rem;
  -webkit-background-size: 100% 2.93333333rem;
}
.footer1 ul li {
  float: left;
  width: 33.3%;
  height: 2.93333333rem;
  font-size: 0.85333333rem;
  text-align: center;
  line-height: 2.93333333rem;
}
.footer1 ul li img {
  width: 1.22666667rem;
  height: 1.12rem;
  vertical-align: middle;
}
.footer1 ul li .lb {
  width: 0.90666667rem;
  height: 1.12rem;
}
.footer1 ul li a {
  color: #fff;
}