﻿* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  color: #3c3c3c;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

/* banner */
.banner {
  width: 100%;
  padding-top: 4rem;
}

.banner img {
  display: block;
  width: 100%;
}

/* ggbufeng */
.ggbiaoti1,
.ggbiaoti2,
.ggbiaoti3,
.ggbiaoti4 {
  width: 100%;
  text-align: center;
  display: block;
}

.ggbiaoti1,
.ggbiaoti3 {
  font-size: 1.9rem;
  font-weight: 600;
}

.ggbiaoti2,
.ggbiaoti4 {
  font-size: 1.2rem;
}

.ggbiaoti3,
.ggbiaoti4 {
  color: white;
}

.gganniu {
  width: 100%;
}

.gganniu_1,
.gganniu_2 {
  display: block;
  width: 55%;
  margin: 0 auto;
  font-size: 1.4rem;
  text-align: center;
  line-height: 3rem;
  border-radius: 3rem;
}

.gganniu_1 {
  border: 1px solid #f81424;
  color: #f81424;
}

.gganniu_2 {
  border: 1px solid white;
  color: white;
}

.ggbiaoti2 span {
  color: #f81424;
}

/* shuju */
.jdzc_banner {
  width: 100%;
  padding: 35px 0;
  color: #494b48;
  
}

.jdzc_bannernei {
  width: 94%;
  margin: 0 auto;
  overflow: hidden;
}

.jdzc_bannernei li {
  width: 25%;
  float: left;
  text-align: center;
  overflow: hidden;
}

.jdzc_bannerneili2 {
  border-right: 1px solid black;
}

.jdzc_bannerneip {
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.jdzc_bannerneip2 {
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.jdzc_bannerneipspan1 {
  display: block;
  float: left;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 130%;
}

.jdzc_bannerneipspan2 {
  display: block;
  float: left;
  font-size: 1.1rem;
  line-height: 130%;
  margin-left: 0.3rem;
}

.jdzc_bannerneipspan3 {
  margin-left: 25%;
}

.jdzc_bannerneispan {
  display: block;
  float: left;
  width: 100%;
  font-size: 1.1rem;
}

/* ggbufengjieshu */
.sanniankuang {
  width: 100%;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  background: #f81424;
}

.sannian {
  width: 100%;
}

.sanniannei {
  overflow: hidden;
  margin-top: 1.5rem;
  width: 94%;
  padding-bottom: 1.5rem;
  margin: 0 auto;
}

.sanniannei2 {
  display: none;
}

.sannianiimg1 {
  width: 100%;
  display: block;
  float: left;
  margin-top: 2rem;
  border-radius: 0.5rem;
}

.sanniananniu {
  width: 53%;
  position: absolute;
  left: 48%;
  top: 28%;
  overflow: hidden;
}

.sanniananniu p {
  display: block;
  width: 25%;
  height: 4rem;
  border: 1px solid white;
  border-radius: 50%;
  float: left;
}

.sanniananniu p i {
  font-size: 2rem;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 4rem;
}

.sanniananniup1 {
  background: white;
  color: #f81424;
}

.sanniananniup2 {
  background: none;
  color: white;
  margin-left: 10%;
}

.sanniananniubiao {
  width: 52%;
  position: absolute;
  left: 48%;
  top: 50%;
  overflow: hidden;
}

.sanniananniubiao p {
  font-size: 1rem;
  display: block;
  width: 31%;
  height: 1.5rem;
  font-weight: 600;
  color: white;
  float: left;
  text-align: center;
}

.sanniananniubiaop1 {
  margin-left: 1%;
}

/* neirong */
.neirongkuang {
  width: 100%;
  margin-top: 2rem;
}

.neirong {
  width: 94%;
  margin: 1.5rem auto;
}

.neirong1,
.neirong2 {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #ab1d24;
  overflow: hidden;
}

.neirong2 {
  margin-top: 1rem;
}

.neirong img {
  width: 100%;
  display: block;
}

.neirongkuangimg1 {
  width: 100%;
  display: block;
}


/* liuda */
.liudakuang {
  margin-top: 2rem;
  width: 100%;
}

.liuda {
  width: 94%;
  margin: 1.5rem auto;
}

.liudaimg1 {
  width: 100%;
  display: block;
}

.liudanei {
  width: 100%;
  position: relative;
}

.liudaanniu {
  width: 35%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.liudaanniu p {
  width: 100%;
  line-height: 2.4rem;
  box-shadow: 2px 0px 5px #d59497;
  font-size: 1.4rem;
  text-align: center;
}

.liudaanniup1 {
  background: #f81424;
  color: #ffffff;
}

.liudaanniup2 {
  background: #d8d8d8;
  color: #3f3f3f;
  margin-top: 0.4rem;
}

.liudaneiimg {
  width: 70%;
  background: white;
  margin-left: 30%;
}

.liudaneiimg img {
  width: 100%;
}

.liudaneiimg1 {
  display: block;
}

.liudaneiimg2 {
  display: none;
}

/* sida */
.sidakuang {
  width: 100%;
  margin-top: 2rem;
}

.sida {
  width: 94%;
  margin: 1.5rem auto;
}

.sidaanniu {
  width: 100%;
  overflow: hidden;
}

.sidaanniu p {
  width: 23%;
  float: left;
  border: 1px solid #f81424;
  border-radius: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
}
.sidaanniup1{
  color: white;
  background: #f81424;
}
.sidaanniup2{
  color: #f81424;
}
.sidaanniup2{
  margin-left: 1.7%;
}
.sidanei{
  width: 100%;
  margin-top: 1.5rem;
}
.sidanei img{
  width: 100%;
}
.sidaneiimg1{
  display: block;
}
.sidaneiimg2{
  display: none;
}
/* mingshi */
.mingshikuang{
  width: 100%;
  background: #f81424;
  margin-top: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.mingshi{
  width: 90%;
  background: #fc959c;
  border-radius: 0.5rem;
  margin: 1.5rem auto;
  padding: 2%;
}
.mingshi1{
  width: 100%;
  display: block;
  color: #f81424;
  font-weight: 600;
  font-size: 1.4rem;
  text-align: right;
  font-style:oblique;
}
.mingshinei{
  width: 100%;
}
.mingshineiimg{
  width: 100%;
}
.mingshineiimg img{
  border-radius: 0.5rem;
  width: 100%;
}
.mingshineiimg1{
  display: block;
}
.mingshineiimg2{
  display: none;
}
.mingshianniu{
  width: 100%;
  overflow: hidden;
  margin-top: 1.5rem;
}
.mingshianniu img{
  width: 31%;
  border-radius: 0.5rem;
  float: left;
}
.mingshianniu1{ 
  border: 1px solid #f81424;
}
.mingshianniu2{
  border: 1px solid white;
  margin-left: 2.4%;
}
/* xueli */
.xuelikuang {
  width: 100%;
  margin-top: 2rem;
}

.xueli {
  width: 94%;
  margin: 1.5rem auto;
}

.xueli img {
  width: 100%;
  display: block;
}

.xueliimg1 {
  margin-top: 1rem;
}

/* zuopin */
.zuopin {
  width: 100%;
  margin-top: 2rem;
}

.zuopin img {
  width: 94%;
  margin: 1.5rem auto;
  display: block;
}

/* mengxiang */
.mengxiangkuang {
  width: 100%;
  margin-top: 2rem;
  padding-top: 1.5rem;
  background: #f81424;
  padding-bottom: 1.5rem;
}

.mengxiang {
  width: 94%;
  margin: 1.5rem auto;
  overflow: hidden;
}

.mengxiangimg1 {
  width: 100%;
  float: left;
  display: block;
}

.mengxiangimg2 {
  width: 42%;
  display: block;
  float: left;
  margin-top: 1.5rem;
}

.mengxiangnei {
  width: 56%;
  float: left;
  margin-top: 1.8rem;
  margin-left: 2%;
}

.mengxiangneianniu {
  width: 100%;
  overflow: hidden;
}

.mengxiangneianniu p {
  width: 30%;
  height: 5rem;
  border: 1px solid white;
  font-size: 1.2rem;
  float: left;
  text-align: center;
  border-radius: 5rem;
  padding: 4% 0;
}

.mengxiangneianniup1 {
  color: #f81424;
  background: white;
}

.mengxiangneianniup2 {
  color: white;
  background: #f81424;
  margin-left: 5%;
}

.mengxiangneiimg {
  width: 100%;
  margin-top: 1.5rem;
}

.mengxiangneiimg img {
  width: 100%;
}

.mengxiangneiimg1 {
  display: block;
}

.mengxiangneiimg2 {
  display: none;
}

.mengxiangimg3 {
  width: 100%;
  display: block;
  margin: 1.5rem auto;
  float: left;
}