@media (max-width: 1200px) {

  .h-w12 {
    display: none !important;
  }

  .w {
    width: 100%;
  }

  .w-100 {
    width: 100%;
  }

  .ban {
    overflow: hidden;
    background: url('../zxdg/ban1.jpg') center center;
    height: 313px;
  }

  .banbox {

    position: absolute;

    height: 211px;

    left: 109px;

    top: 22px;
  }

  .banbox h1 {

    font-size: 4rem;

    font-weight: 600;

    color: #1e1d1d;

    line-height: 4rem;

  }

  .banbox h2 {

    display: block;
    color: #000000;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 400;
    letter-spacing: 4px;

  }

  .banbox b {

    display: block;

    color: #fff;

    font-size: 2.5rem;

    line-height: 3.5rem;

    font-weight: 400;

    letter-spacing: 4px;
  }

  .banbox font {

    color: #464545;

    text-transform: uppercase;

    font-size: 1rem;

  }

  .banbox section {

    padding-top: 4px;
  }

  .banbox section>p {

    background: #fc0d00;

    color: #fff;

    font-size: 1.5rem;

    line-height: 2.5rem;

    padding: 2px 5px 2px;

    margin-bottom: 1rem;

  }

  .banbox section>span {

    font-size: 1rem;

    color: #101010;

    border: 1px solid #6c6b6b;

    padding: 2px 3px 2px;

  }

  /*  */
  .t1 {
    overflow: hidden;
    text-align: center;
    margin-top: 1%;
  }

  .t1 p {

    font-size: 6rem;

    text-transform: uppercase;

    line-height: 95px;

    font-family: impact;

    color: rgba(0, 0, 0, 0.07);
  }

  .t1 h2 {

    font-size: 6rem;

    color: #000000;

    font-weight: 600;

    margin-top: -4%;

  }

  .cp {

    padding: 1% 0 1%;

    width: 500px;

    text-align: center;

    margin: 0 auto;

    margin-top: 1%;
  }

  .cp p {

    font-size: 2rem;

    line-height: 3rem;

    color: #747474;

    font-family: none;

    border: 1px solid #747474;
  }

  /* jies */
  .jies {
    overflow: hidden;
  }

  .jies1 {}

  .jies1-h {
    padding: 0 2% 0 2%;
  }

  .jies1-h b {
    font-size: 4rem;
    line-height: 5rem;
    color: #ff0000;
  }

  .jies1-h span {
    font-size: 2rem;
    line-height: 2rem;
    color: #7d7d7d;
    text-transform: uppercase;
  }

  .jies1-h p {
    font-size: 2rem;
    margin-top: 10px;
    line-height: 3rem;
    color: #292929;
  }

  .jies1-c {}

  * dw */ .dw {
    overflow: hidden;
  }

  .ban2 {
    background: url('../zxdg/dw.jpg') no-repeat center center;
    height: 611px;
    margin: 0 auto;
    position: relative;
  }

  .ban2 p {
    font-size: 2rem;
    color: #000000;
    line-height: 25px;
  }

  .p1 {

    position: absolute;

    top: 20px;

    right: 235px;
  }

  .p2 {
    position: absolute;
    top: 92px;
    left: 363px;
  }

  .p3 {
    position: absolute;
    top: 187px;
    left: 254px;
  }

  .p4 {
    position: absolute;
    top: 240px;
    left: 194px;
  }

  .p5 {
    position: absolute;
    top: 287px;
    left: 145px;
  }

  .p6 {
    position: absolute;
    bottom: 225px;
    left: 99px;
  }

  .p7 {
    position: absolute;
    right: 326px;
    bottom: 155px;
  }

  .p8 {

    position: absolute;

    bottom: 115px;

    left: 574px;
  }

  .p9 {
    position: absolute;
    bottom: 80px;
    left: 460px;
  }

  .jies2 {}

  .jies2-c {
    text-align: center;
  }

  .jies2-c img {
    max-width: 100%;
  }

  .jies3 {}

  /* why */
  .why {
    overflow: hidden;
    margin-top: 80px;
  }

  .why ul li {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 2%;
  }

  .why ul li img {}

  .why ul li b {
    font-size: 4rem;
    color: #000000;
    line-height: 10rem;
    display: block;
    font-weight: 500;
  }

  .why ul li p {
    font-size: 17px;
  }

  /* tit */
  .tit {

    overflow: hidden;

    text-align: center;
  }

  .tit h2 {

    font-size: 6rem;

    font-weight: 600;

    color: #ff0d00;

    line-height: 7rem;
  }

  .tit p {

    font-size: 6rem;

    color: #747474;

    line-height: 7rem;

    margin: 2% 0 2%;
  }

  .tit b {

    font-size: 3rem;

    background: #ff0d00;

    color: #fff;

    font-weight: 300;

    border-radius: 32px;

    padding: 0 12px 0;

    line-height: 4rem;
  }

  /* advantage */
  .advantage1 {
    overflow: hidden;
    display: block !important;
  }

  .advantage1 img {
    max-width: 100%;
  }

  .advantage {
    overflow: hidden;
    margin-top: 60px;
  }

  .advantage ul {}

  .advantage ul li {
    background: url('../zxdg/li.jpg') no-repeat center center;
    float: left;
    width: 29%;
    height: 486px;
    margin: 12px 25px 12px;
    text-align: center;
  }

  .advantage ul li img {
    max-width: 100%;
    padding-top: 50%;
  }

  .advantage ul li p {

    font-size: 36px;

    color: #fff;

    line-height: 36px;

    padding-top: 70px;
  }

  /* tit2 */
  .tit2 {
    overflow: hidden;
    margin-top: 6%;
    text-align: center;
  }

  .tit2 p {

    font-size: 6rem;

    font-weight: 600;

    line-height: 6rem;
  }

  .tit2 p>span {

    color: #ff0d00;
  }

  .tit2 b {

    font-size: 2.5rem;

    font-weight: 300;

    line-height: 3rem;

    color: #747474;
  }

  /* tu */
  .tu4 {
    overflow: hidden;
    margin-top: 50px;
    padding: 0 2% 0 2%;
  }

  .tu4 ul {}

  .tu4 ul li {

    display: block;

    float: left;

    width: 33%;
  }

  .tu4 ul li img {

    max-width: 100%;

  }

  /* dw */
  .dw {
    overflow: hidden;
    display: none;
  }

  .ban2 {
    background: url('../zxdg/dw.jpg') no-repeat center center;
    height: 611px;
    margin: 0 auto;
    position: relative;
  }

  .p1 {

    position: absolute;

    top: 20px;

    right: 340px;
  }

  .p2 {
    position: absolute;
    top: 98px;
    left: 470px;
  }

  .p3 {
    position: absolute;
    top: 187px;
    left: 352px;
  }

  .p4 {
    position: absolute;
    top: 240px;
    left: 292px;
  }

  .p5 {
    position: absolute;
    top: 287px;
    left: 250px;
  }

  .p6 {
    position: absolute;
    bottom: 220px;
    left: 200px;
  }

  .p7 {
    position: absolute;
    right: 416px;
    bottom: 162px;
  }

  .p8 {

    position: absolute;

    bottom: 118px;

    left: 711px;
  }

  .p9 {
    position: absolute;
    bottom: 73px;
    left: 570px;
  }

  /* zy */
  .zy {
    overflow: hidden;
    margin-top: 60px;
  }

  .ban3 {
    background: url('../zxdg/zy.jpg') no-repeat center center;
    height: 442px;
    position: relative;
  }

  .ban3box {
    position: absolute;
    width: 490px;
    top: 100px;
    left: 100px;
  }

  .ban3box h2 {

    font-size: 6rem;

    color: #ff0d00;

    font-weight: 600;

    line-height: 6rem;
  }

  .ban3box-h {

    padding-top: 40px;
  }

  .ban3box-h ul {}

  .ban3box-h ul li {

    display: block;

    float: left;

    width: 26%;
  }

  .ban3box-h ul li b {
    width: 73px;
    height: 73px;
    background-color: red;
    display: block;
    border-radius: 50%;
  }

  .ban3box-h ul li img {
    max-width: 96%;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 14% 0 2%;
  }

  .ban3box-h ul li b p {

    text-align: left;

    font-size: 2rem;

    line-height: 8rem;

    font-weight: 500;

    padding-left: 5px;
  }

  /* tu2 */
  .tu5 {

    overflow: hidden;

    margin-top: 40px;
  }

  .tu5 img {

    max-width: 100%;
  }

  .tu1 {}

  .tu1 img {

    width: 100%;
  }

  .tu2 {

    overflow: hidden;

    margin-top: 2%;
  }

  .tu2 img {

    max-width: 49%;
  }

  .tu3 {}

  .tu3 img {

    max-width: 32%;
  }

  /* superior */
  .superior {
    overflow: hidden;
    margin-top: 2%;
    display: none;
  }

  .superiora {

    overflow: hidden;

    text-align: center;

    width: 80%;

    margin: 0 auto;

    padding-left: 10%;
  }

  .superiora-l {

    display: block;

    float: left;

    border: none !important;

    padding: 1% 2% 1%;

    margin-right: 2%;
  }

  .superiora-l font {

    display: none;

    font-size: 1.5rem;

    text-transform: uppercase;

    line-height: 3rem;
  }

  .superiora-l b {

    font-size: 6rem;

    color: #ff0d00;

    font-family: Impact;

    line-height: 8rem;
  }

  .superiora-r {

    display: block;

    padding-top: 14px;

    float: left;
  }

  .superiora-r b {

    font-size: 3rem;

    color: #ff0d00;

    line-height: 5rem;

    display: block;
  }

  .superiora-r img {}

  .ms {

    padding-top: 2%;

    margin: 0 auto;

    width: 80%;

    text-align: left;
  }

  .ms p {

    font-size: 2rem;

    color: #393939;

    line-height: 38px;

    font-weight: 500;
  }

  .ms span {

    color: #9c9b9b;

    font-size: 1.5rem;
  }

  .superiorb {

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    margin-top: 3%;
  }

  .superiorb img {
    max-width: 100%;
  }

  .superiorc img {
    max-width: 100%;
  }

  .superiorc {
    overflow: hidden;
    margin-top: 2%;
    width: 100%;
    text-align: center;
  }

  .superiord {

    width: 80%;

    overflow: hidden;

    margin-top: 2%;

    margin-right: 10%;
  }

  .superiord-l {

    display: block;

    float: left;

    border: none !important;

    padding: 4px 12px 4px;

    margin-right: 20px;
  }

  .superiord-l font {

    display: none;

    font-size: 17px;

    text-transform: uppercase;

    line-height: 25px;
  }

  .superiord-l b {

    font-size: 6rem;

    color: #ff0d00;

    font-family: Impact;

    line-height: 73px;
  }

  .superiord-r {

    display: block;

    padding-top: 1%;
  }

  .superiord-r b {

    font-size: 3rem;

    color: #ff0d00;

    line-height: 5rem;

    display: block;
  }

  /*cs  */
  .cs {
    overflow: hidden;
    display: block;
    text-align: center;
  }

  .cs img {
    max-width: 95%;
  }

  .about {

    overflow: hidden;

    margin-top: 0%;

    margin-bottom: 10%;

    padding: 1rem 1rem;
  }

  .about p {

    text-indent: 3rem;

    font-size: 2rem;

    line-height: 3rem;

    font-weight: 400;
  }

}

@media (max-width: 767px) {

  .ban {
    overflow: hidden;
    background: url('../zxdg/ban2.jpg') center center;
    height: 133px;
  }

  .banbox {

    position: absolute;

    left: 28px;

    top: 0;

    height: 80px;

  }

  .banbox h1 {

    font-size: 3rem;

    font-weight: 600;

    color: #100f0f;

    line-height: 3rem;

    margin-top: 10%;

  }

  .banbox h2 {

    display: block;
    color: #000000;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    letter-spacing: 4px;

  }

  .banbox b {

    display: block;

    color: #fff;

    font-size: 1rem;

    line-height: 1.5rem;

    letter-spacing: 4px;
  }

  .banbox font {

    color: #5c5757;

    text-transform: uppercase;

    font-size: 1rem;

    line-height: 1rem;

  }

  .banbox section {
    display: none;
  }

  .banbox section>p {

    background: #ae1b13;

    color: #fff;

    font-size: 1rem;

    line-height: 1rem;

    padding: 2px 0px 2px;

    width: 88%;
  }

  .banbox section>span {

    font-size: 0.3rem;

    color: #fff;

    border: 1px solid #eaccc1;
  }

  /*  */
  .t1 {
    overflow: hidden;
    text-align: center;
    margin-top: 1%;
  }

  .t1 p {

    font-size: 3rem;

    text-transform: uppercase;

    line-height: 6rem;

    font-family: impact;

    color: rgba(0, 0, 0, 0.07);

  }

  .t1 h2 {

    font-size: 4rem;

    color: #ff0d00;

    font-weight: 600;

    margin-top: -11%;

  }

  .cp {

    padding: 1% 0 1%;

    width: 90%;

    text-align: center;

    margin: 0 auto;

    margin-top: 1%;
  }

  .cp p {

    font-size: 1.5rem;

    line-height: 2rem;

    color: #747474;

    font-family: none;

    border: 1px solid #747474;
  }

  /* tit */
  .tit {

    overflow: hidden;

    text-align: center;

    margin-top: 1%;

  }

  .tit h2 {

    font-size: 3rem;

    font-weight: 600;

    color: #ff0d00;

    line-height: 4rem;

  }

  .tit p {

    font-size: 3rem;

    color: #747474;

    line-height: 3rem;

    margin: 2% 0 2%;

  }

  .tit b {

    font-size: 2rem;

    background: #ff0d00;

    color: #fff;

    font-weight: 300;

    border-radius: 32px;

    padding: 0 12px 0;

    line-height: 3rem;
  }

  /* jies */
  .jies {
    overflow: hidden;
  }

  .jies1 {}

  .jies1-h {
    padding: 0 2% 0 2%;
  }

  .jies1-h b {
    font-size: 2rem;
    line-height: 3rem;
    color: #ff0000;
  }

  .jies1-h span {
    font-size: 1rem;
    line-height: 2rem;
    color: #7d7d7d;
    text-transform: uppercase;
  }

  .jies1-h p {
    font-size: 1.5rem;
    margin-top: 10px;
    line-height: 3rem;
    color: #292929;
  }

  .jies1-c {}

  * dw */ .dw {
    overflow: hidden;
  }

  .ban2 {
    background: url('../zxdg/dw.jpg') no-repeat center center;
    height: 611px;
    margin: 0 auto;
    position: relative;
  }

  .ban2 p {
    font-size: 24px;
    color: #000000;
    line-height: 25px;
  }

  .p1 {

    position: absolute;

    top: 20px;

    right: 235px;
  }

  .p2 {
    position: absolute;
    top: 92px;
    left: 363px;
  }

  .p3 {
    position: absolute;
    top: 187px;
    left: 254px;
  }

  .p4 {
    position: absolute;
    top: 240px;
    left: 194px;
  }

  .p5 {
    position: absolute;
    top: 287px;
    left: 145px;
  }

  .p6 {
    position: absolute;
    bottom: 225px;
    left: 99px;
  }

  .p7 {
    position: absolute;
    right: 326px;
    bottom: 155px;
  }

  .p8 {

    position: absolute;

    bottom: 115px;

    left: 574px;
  }

  .p9 {
    position: absolute;
    bottom: 80px;
    left: 460px;
  }

  .jies2 {}

  .jies2-c {
    text-align: center;
  }

  .jies2-c img {
    max-width: 100%;
  }

  .jies3 {}

  /* advantage */
  .advantage1 {
    overflow: hidden;
    display: block !important;
  }

  .advantage1 img {
    max-width: 100%;
  }

  .advantage {
    overflow: hidden;
    margin-top: 60px;
  }

  .advantage ul {}

  .advantage ul li {
    background: url('../zxdg/li.jpg') no-repeat center center;
    float: left;
    width: 29%;
    height: 486px;
    margin: 12px 25px 12px;
    text-align: center;
  }

  .advantage ul li img {
    max-width: 100%;
    padding-top: 50%;
  }

  .advantage ul li p {

    font-size: 36px;

    color: #fff;

    line-height: 36px;

    padding-top: 70px;
  }

  /* tit2 */
  .tit2 {
    overflow: hidden;
    margin-top: 6%;
    text-align: center;
  }

  .tit2 p {

    font-size: 3rem;

    font-weight: 600;

    line-height: 3rem;
  }

  .tit2 p>span {

    color: #ff0d00;
  }

  .tit2 b {

    font-size: 1.5rem;

    font-weight: 300;

    line-height: 2rem;

    color: #747474;
  }

  /* tu */
  .tu4 {
    overflow: hidden;
    margin-top: 2%;
  }

  .tu4 ul {}

  .tu4 ul li {

    display: block;

    float: left;

    width: 33%;
  }

  .tu4 ul li img {

    max-width: 96%;
  }

  /* dw */
  .dw {
    overflow: hidden;
  }

  .ban2 {
    background: url('../zxdg/dw.jpg') no-repeat center center;
    height: 611px;
    margin: 0 auto;
    position: relative;
  }

  .p1 {

    position: absolute;

    top: 20px;

    right: 340px;
  }

  .p2 {
    position: absolute;
    top: 98px;
    left: 470px;
  }

  .p3 {
    position: absolute;
    top: 187px;
    left: 352px;
  }

  .p4 {
    position: absolute;
    top: 240px;
    left: 292px;
  }

  .p5 {
    position: absolute;
    top: 287px;
    left: 250px;
  }

  .p6 {
    position: absolute;
    bottom: 220px;
    left: 200px;
  }

  .p7 {
    position: absolute;
    right: 416px;
    bottom: 162px;
  }

  .p8 {

    position: absolute;

    bottom: 118px;

    left: 711px;
  }

  .p9 {
    position: absolute;
    bottom: 73px;
    left: 570px;
  }

  /* why */
  .why {
    overflow: hidden;
    margin-top: 6%;
  }

  .why ul li {
    float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 4%;
  }

  .why ul li img {
    max-width: 80%;
  }

  .why ul li b {
    font-size: 2.5rem;
    color: #000000;
    line-height: 6rem;
    display: block;
    font-weight: 500;
  }

  .why ul li p {
    font-size: 17px;
  }

  /* zy */
  .zy {
    overflow: hidden;
    margin-top: 60px;
  }

  .ban3 {
    background: url('../zxdg/zy1.jpg') no-repeat center center;
    height: 236px;
    position: relative;
  }

  .ban3box {
    position: absolute;
    width: 180px;
    top: 20px;
    left: 39px;
  }

  .ban3box h2 {

    font-size: 4rem;

    color: #ff0d00;

    font-weight: 600;

    line-height: 4rem;
  }

  .ban3box-h {

    padding-top: 20%;
  }

  .ban3box-h ul {}

  .ban3box-h ul li {

    display: block;

    float: left;

    width: 32%;
  }

  .ban3box-h ul li b {
    width: 50px;
    height: 50px;
    background-color: red;
    display: block;
    border-radius: 50%;
  }

  .ban3box-h ul li img {
    max-width: 55%;
    margin: 0 auto;
    text-align: center;
    display: block;
  }

  .ban3box-h ul li b p {

    text-align: left;

    font-size: 1rem;

    line-height: 7rem;

    font-weight: 500;

    padding-left: 5px;
  }

  /* tu2 */
  .tu5 {

    overflow: hidden;

    margin-top: 40px;
  }

  .tu5 img {

    max-width: 100%;
  }

  .tu1 {}

  .tu1 img {

    width: 100%;
  }

  .tu2 {

    overflow: hidden;

    margin-top: 2%;
  }

  .tu2 img {

    max-width: 49%;
  }

  .tu3 {}

  .tu3 img {

    max-width: 32%;
  }

  /* superior */
  .superior {
    overflow: hidden;
    margin-top: 2%;
  }

  .superiora {

    overflow: hidden;

    text-align: center;

    margin: 0 auto;

    width: 100%;

    margin-top: 2% !important;
  }

  .superiora-l {

    display: block;

    float: left;

    border: none !important;

    padding: 1% 2% 1%;
  }

  .superiora-l font {

    display: none;

    font-size: 1.5rem;

    text-transform: uppercase;

    line-height: 3rem;
  }

  .superiora-l b {

    font-size: 4rem;

    color: #ff0d00;

    font-family: Impact;

    line-height: 8rem;
  }

  .superiora-r {

    display: block;

    padding-top: 23px;

    float: left;
  }

  .superiora-r b {

    font-size: 2.5rem;

    color: #ff0d00;

    line-height: 3rem;

    display: block;

    text-align: left;
  }

  .superiora-r img {}

  .ms {

    padding-top: 2%;

    margin: 0 auto;

    width: 93%;

    text-align: left;

    margin-top: 2% !important;
  }

  .ms p {

    font-size: 2rem;

    color: #393939;

    line-height: 3rem;

    font-weight: 500;
  }

  .ms span {

    color: #9c9b9b;

    font-size: 1.5rem;
  }

  .superiorb {

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    margin-top: 2% !important;
  }

  .superiorb img {
    max-width: 90%;
  }

  .superiorc img {
    max-width: 90%;
  }

  .superiorc {
    overflow: hidden;
    margin-top: 2%;
    width: 100%;
    text-align: center;
  }

  .superiord {

    width: 83%;

    overflow: hidden;

    margin-top: 2%;
  }

  .superiord-l {

    display: block;

    float: left;

    border: none !important;

    padding: 4px 12px 4px;

    margin-right: 20px;
  }

  .superiord-l font {

    display: none;

    font-size: 17px;

    text-transform: uppercase;

    line-height: 25px;
  }

  .superiord-l b {

    font-size: 4rem;

    color: #ff0d00;

    font-family: Impact;

    line-height: 73px;
  }

  .superiord-r {

    display: block;

    padding-top: 23px;
  }

  .superiord-r b {

    font-size: 2.5rem;

    color: #ff0d00;

    line-height: 3rem;

    display: block;
  }

  /*cs  */
  .cs {
    overflow: hidden;
    display: block;
    text-align: center;
  }

  .cs img {
    max-width: 95%;
  }

  .about {

    overflow: hidden;

    margin-top: 0%;

    margin-bottom: 10%;

    padding: 1rem 1rem;
  }

  .about p {

    text-indent: 3rem;

    font-size: 2rem;

    line-height: 3rem;

    font-weight: 400;
  }

  .tu2 {

    overflow: hidden;

    margin-top: 2%;
  }

  .tu2 img {

    max-width: 49%;
  }

  .tu3 {}

  .tu3 img {

    max-width: 32%;
  }



}