@media (max-width: 1200px) {
  .h-w12 {
    display: none !important;
  }

  .w {
    width: 100%;
  }

  .banner-y {
    height: 259px;
    width: 100%;
    background-size: cover;

  }

  .w-100 {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 1200px) {

  .ban {
    overflow: hidden;
    height: 420px;
    background: url(../ddg/banner1.jpg) center center no-repeat;
  }

  .banbox {
    height: 336px;
    top: 105px;
    width: 400px;
    left: 80px;
    text-align: center;
  }

  .banbox h1 {

    font-size: 7rem;

    line-height: 9rem;

    color: #4171d9;

    font-weight: 600;

    text-shadow: -1px 0 white, 0 1px white, 4px 0 white, 0 -1px white;
  }


  .banbox b {

    font-size: 2.5rem;

    line-height: 3rem;

    color: white;

    padding: 2px 18px 2px 12px;

    background: #4171d9;

    border-radius: 20px;

    text-transform: uppercase;

    font-weight: normal;
  }

  .banbox p {
    font-size: 2rem;
    line-height: 2rem;
    color: #000;
    display: inline-block;
    padding: 0px 6px;
    margin-top: 1%;
  }

  .line {
    text-align: center;
  }

  .line img {}

  /* dw */
  .dw {
    overflow: hidden;
    height: 800px;
    background: url(../ddg/dw1.jpg) center center no-repeat;
    text-align: center;
  }

  .dw p {
    margin-top: 4%;
    font-size: 6rem;
    font-weight: bold;
    line-height: 7rem;
  }

  .dw b {
    font-weight: normal;
    background: #4172d9;
    color: #ffffff;
    padding: 6px 35px 6px 35px;
    border-radius: 40px;
    line-height: 7rem;
    font-size: 2.5rem;
  }

  .dw ul {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    margin-top: 0%;
  }

  .dw ul li {
    float: left;

    width: 30%;

    padding-top: 30px;
  }

  .dw ul li img {}

  .dw ul li span {
    font-size: 2.5rem;
    border: none;
  }

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

  .tz-h {

    padding: 0 10% 0 10%;

    background: #edeef2;

    overflow: hidden;
  }

  .tit {}

  .tit h2 {

    font-size: 70px;

    color: #464647;

    line-height: 90px;

    padding-top: 40px;
  }

  .tit img {}

  .tit p {

    font-size: 30px;

    line-height: 70px;
  }

  .dw1 {
    background: url(../ddg/gang.png) no-repeat center center;
    height: 1057px;
    margin: 0 auto;
    position: relative;
    left: -148px;
    top: 50px;
  }

  .dw1 p {
    font-size: 30px;
    line-height: 30px;
    color: #545454;
  }

  .dw1 p span {
    font-size: 14px;
    display: block;
    line-height: 35px;
    text-align: center;
  }

  .p1 {
    position: absolute;
    top: 8px;
    right: -20px;
  }

  .p2 {
    position: absolute;
    right: 38px;
    top: 69px;
  }

  .p3 {
    position: absolute;
    right: 4px;
    top: 274px;
  }

  .p4 {
    position: absolute;
    top: 352px;
    right: 95px;
  }

  .p5 {
    position: absolute;
    top: 423px;
    right: 96px;
  }

  .p6 {
    position: absolute;
    top: 498px;
    right: -55px;
  }

  /*  */
  .tit2 {
    margin-top: 5%;
    text-align: center;
  }

  .tit2 b {
    font-size: 6rem;
    color: #464647;
    line-height: 10rem;
    padding-top: 2%;
    font-weight: normal;
  }

  .tit2 img {
    display: block;
    margin: 0 auto;
  }

  .tit2 p {
    font-size: 2.5rem;
    line-height: 5rem;
  }

  /*  */
  .tech {

    overflow: hidden;

    text-align: center;
  }

  .tech ul {}

  .tech ul li {

    display: block;

    float: left;

    width: 23%;

    position: relative;

    margin-right: 2%;
  }

  .tech ul li:nth-child(4) {
    margin-right: 0px;
  }

  .tech ul li img {

    max-width: 100%;
  }

  .tech ul li b {

    font-size: 2.5rem;

    color: #ffffff;

    position: absolute;

    top: 50%;

    left: 26%;

    line-height: 5rem;

    font-weight: normal;
  }

  .tech ul li p {

    font-size: 1.5rem;

    color: #ffffff;

    line-height: 3rem;

    position: absolute;

    top: 65%;

    left: 14%;
  }

  /*  */
  .reason {
    overflow: hidden;
    text-align: center;
  }

  .rea-h {
    background: #edeef2;
    overflow: hidden;
  }

  .tit3 {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .tit3 b {
    font-size: 6rem;
    color: #464647;
    line-height: 10rem;
    padding-top: 1%;
    font-weight: normal;
  }

  .tit3 img {
    display: block;
    margin: 0 auto;
  }

  .rea-h ul {

    text-align: center;

    margin: 0 auto;

    padding: 0 10% 0 10%;
  }

  .rea-h ul li {
    background: linear-gradient(120deg, #49a5d9 0%, #3764bb 100%);
    font-size: 3rem;
    line-height: 4rem;
    float: left;
    width: 100%;
    height: 10%;
    margin-bottom: 1%;
    border-radius: 34px;
  }

  .rea-h ul li b {

    float: left;

    font-size: 4rem;

    line-height: 8rem;

    display: block;

    color: #ffffff;

    background: black;

    border-radius: 32px;

    /* padding: 0 17px; */
  }

  .rea-h ul li p {

    float: left;

    font-size: 2.5rem;

    line-height: 7rem;

    display: block;

    color: #ffffff;

    padding-left: 3%;
  }

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

  .ly-h {

    background: #edeef2;

    overflow: hidden;

    padding: 0 10% 0 10%;
  }

  .tit4 {
    text-align: left;
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .tit4 h2 {
    font-size: 6rem;
    color: #464647;
    line-height: 10rem;
    padding-top: 2%;
  }

  .tit4 img {
    display: block;
    /* margin: 0 auto; */
  }

  .ly-e {

    overflow: hidden;

    text-align: center;
  }

  .ly-e ul {
    margin-top: 2%;
  }

  .ly-e ul li {

    display: block;

    float: left;

    width: 24%;

    position: relative;

    margin-right: 1%;

    overflow: hidden;
  }

  .ly-e ul li:nth-child(4) {
    margin-right: 0px;
  }

  .ly-e ul li img {

    max-width: 100%;
  }

  .ly-e ul li b {

    font-size: 2rem;

    color: #ffffff;

    position: absolute;

    top: 77%;

    left: 36%;

    line-height: 2rem;

    font-weight: normal;
  }

  .ly-e ul li p {

    font-size: 1rem;

    color: #ffffff;

    line-height: 2rem;

    position: absolute;

    top: 84%;

    left: 28%;
  }

  /*  */
  .ly-a {

    overflow: hidden;

    text-align: center;
  }

  .ly-a b {
    font-size: 4rem;
    line-height: 5rem;
  }

  .ly-a ul {
    margin-top: 4%;
    overflow: hidden;
  }

  .ly-a ul li {

    float: left;

    margin-right: 2%;

    width: 32%;
  }

  .ly-a ul li img {
    max-width: 100%;
  }

  .ly-a ul li p {

    font-size: 2.5rem;

    line-height: 5rem;

    color: #000000;
  }

  .ly-a ul li:nth-child(3n) {
    margin-right: 0px;
  }

  /*  */
  .characteristic {
    overflow: hidden;
    /* text-align: center; */
  }

  .characteristic-h {
    background: #edeef2;
    padding: 0 10% 0 10%;
    overflow: hidden;
  }

  .characteristic-h p {

    font-size: 2.8rem;

    line-height: 5rem;

    color: #464647;
  }

  .tit5 {
    text-align: center;
    margin-bottom: 40px;
  }

  .tit5 h2 {
    font-size: 6rem;
    color: #464647;
    line-height: 10rem;
    padding-top: 2%;
  }

  .tit5 img {
    display: block;
    margin: 0 auto;
  }

  /*  */
  .advantage {
    overflow: hidden;
    margin-bottom: 100px;
  }

  .advantage-h {
    background: #edeef2;
    padding: 0 10% 0 10%;
    overflow: hidden;
  }

  .advantage-e {
    overflow: hidden;
    margin-top: 2%;
  }

  .adv-l {

    float: left;

    margin-right: 2%;

    overflow: hidden;

    width: 50%;
  }

  .adv-l img {

    max-width: 100%;

  }

  .adv-r {

    overflow: hidden;

    width: 48%;
  }

  .adv-r p {

    color: #3778be;

    font-size: 2rem;

    line-height: 4rem;

    text-align: center;
  }

  .adv-r span {

    font-size: 1.8rem;

    line-height: 3rem;

    color: #3c4142;
  }

  .advantage-a {

    overflow: hidden;

    margin-top: 4%;
  }

  .adv-a {
    overflow: hidden;
    float: left;
    width: 48%;
  }

  .adv-a p {
    color: #3778be;
    font-size: 2rem;
    line-height: 4rem;
    text-align: center;
  }

  .adv-a span {
    font-size: 1.8rem;
    line-height: 3rem;
    color: #3c4142;
  }

  .adv-b {
    float: right;
    margin-left: 2%;
    overflow: hidden;
    width: 50%;
  }

  .adv-b img {

    max-width: 100%;

  }

}


/*  */
@media (max-width: 767px) {
  .ban {
    overflow: hidden;
    height: 166px;
    background: url(../ddg/banner3.jpg) center center no-repeat;
  }

  .banbox {
    height: 137px;
    top: 20px;
    width: 224px;
    left: 20px;
    text-align: center;
  }

  .banbox h1 {

    font-size: 3rem;

    line-height: 2rem;

    color: #4171d9;

    font-weight: 600;

    text-shadow: -1px 0 white, 0 1px white, 4px 0 white, 0 -1px white;

  }


  .banbox b {

    font-size: 1.5rem;

    line-height: 1.5rem;

    color: white;

    padding: 2px 18px 2px 12px;

    background: #4171d9;

    border-radius: 20px;

    text-transform: uppercase;

    font-weight: normal;

  }

  .banbox p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    display: inline-block;
    padding: 0px 6px;
    margin-top: 2px;
  }

  .line {
    text-align: center;
  }

  .line img {}

  /* dw */
  .dw {
    overflow: hidden;
    height: 560px;
    background: url(../ddg/dw2.jpg) center center no-repeat;
    text-align: center;
    margin-top: 0px;
  }

  .dw p {
    margin-top: 14%;
    font-size: 3rem;
    font-weight: bold;
    line-height: 2rem;
  }

  .dw b {
    font-weight: normal;
    background: #4172d9;
    color: #ffffff;
    padding: 6px 35px 6px 35px;
    border-radius: 40px;
    line-height: 5rem;
    font-size: 1.5rem;
  }

  .dw ul {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    margin-top: 10%;
  }

  .dw ul li {
    float: left;
    width: 30%;
    padding-top: 2%;
  }

  .dw ul li img {}

  .dw ul li span {
    font-size: 1.2rem;
    border: none;
    line-height: 2rem;
  }

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

  .tz-h {

    padding: 0 10% 0 10%;

    background: #edeef2;

    overflow: hidden;
  }

  .tit {}

  .tit h2 {

    font-size: 70px;

    color: #464647;

    line-height: 90px;

    padding-top: 40px;
  }

  .tit img {}

  .tit p {

    font-size: 30px;

    line-height: 70px;
  }

  .dw1 {
    background: url(../ddg/gang.png) no-repeat center center;
    height: 1057px;
    margin: 0 auto;
    position: relative;
    left: -148px;
    top: 50px;
  }

  .dw1 p {
    font-size: 30px;
    line-height: 30px;
    color: #545454;
  }

  .dw1 p span {
    font-size: 14px;
    display: block;
    line-height: 35px;
    text-align: center;
  }

  .p1 {
    position: absolute;
    top: 8px;
    right: -20px;
  }

  .p2 {
    position: absolute;
    right: 38px;
    top: 69px;
  }

  .p3 {
    position: absolute;
    right: 4px;
    top: 274px;
  }

  .p4 {
    position: absolute;
    top: 352px;
    right: 95px;
  }

  .p5 {
    position: absolute;
    top: 423px;
    right: 96px;
  }

  .p6 {
    position: absolute;
    top: 498px;
    right: -55px;
  }

  /*  */
  .tit2 {
    margin-top: 5%;
    text-align: center;
  }

  .tit2 b {
    font-size: 3rem;
    color: #464647;
    line-height: 5rem;
    padding-top: 2%;
    font-weight: normal;
  }

  .tit2 img {
    display: block;
    margin: 0 auto;
  }

  .tit2 p {
    font-size: 1.5rem;
    line-height: 5rem;
  }

  /*  */
  .tech {

    overflow: hidden;

    text-align: center;
  }

  .tech ul {}

  .tech ul li {

    display: block;

    float: left;

    width: 48%;

    position: relative;

    margin-right: 4%;

    margin-bottom: 4%;

  }

  .tech ul li:nth-child(2) {
    margin-right: 0px;
  }

  .tech ul li img {

    max-width: 100%;
  }

  .tech ul li b {

    font-size: 2.5rem;

    color: #ffffff;

    position: absolute;

    top: 43%;

    left: 26%;

    line-height: 5rem;

    font-weight: normal;

  }

  .tech ul li p {

    font-size: 1.5rem;

    color: #ffffff;

    line-height: 2rem;

    position: absolute;

    top: 65%;

    left: 14%;

  }

  /*  */
  .reason {
    overflow: hidden;
    text-align: center;
  }

  .rea-h {
    background: #edeef2;
    overflow: hidden;
  }

  .tit3 {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .tit3 b {
    font-size: 3rem;
    color: #464647;
    line-height: 10rem;
    padding-top: 1%;
    font-weight: normal;
  }

  .tit3 img {
    display: block;
    margin: 0 auto;
  }

  .rea-h ul {

    text-align: center;

    margin: 0 auto;

    padding: 0 10% 0 10%;
  }

  .rea-h ul li {
    background: linear-gradient(120deg, #49a5d9 0%, #3764bb 100%);
    font-size: 2rem;
    line-height: 4rem;
    float: left;
    width: 103%;
    height: 15%;
    margin-bottom: 20px;
    border-radius: 34px;
  }

  .rea-h ul li b {

    float: left;

    font-size: 3rem;

    line-height: 5rem;

    display: block;

    color: #ffffff;

    background: black;

    border-radius: 28px;

    padding: 0 17px;

  }

  .rea-h ul li p {

    float: left;

    font-size: 1rem;

    line-height: 4rem;

    display: block;

    color: #ffffff;

    padding-left: 3%;

  }

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

  .ly-h {

    background: #edeef2;

    overflow: hidden;

    padding: 0 10% 0 10%;
  }

  .tit4 {
    text-align: left;
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .tit4 h2 {
    font-size: 3rem;
    color: #464647;
    line-height: 4rem;
    padding-top: 1%;
  }

  .tit4 img {
    display: block;
    /* margin: 0 auto; */
  }

  .ly-e {

    overflow: hidden;

    text-align: center;
  }

  .ly-e ul {
    margin-top: 2%;
  }

  .ly-e ul li {

    display: block;

    float: left;

    width: 48%;

    position: relative;

    margin-right: 4%;

    overflow: hidden;

  }

  .ly-e ul li:nth-child(2n) {
    margin-right: 0px;
  }

  .ly-e ul li img {

    max-width: 100%;
  }

  .ly-e ul li b {

    font-size: 2rem;

    color: #ffffff;

    position: absolute;

    top: 77%;

    left: 36%;

    line-height: 2rem;

    font-weight: normal;

  }

  .ly-e ul li p {

    font-size: 1rem;

    color: #ffffff;

    line-height: 2rem;

    position: absolute;

    top: 84%;

    left: 29%;

  }

  /*  */
  .ly-a {

    overflow: hidden;

    text-align: center;
  }

  .ly-a b {
    font-size: 3rem;
    line-height: 5rem;
  }

  .ly-a ul {
    margin-top: 4%;
    overflow: hidden;
  }

  .ly-a ul li {

    float: left;

    margin-right: 4%;

    width: 48%;

  }

  .ly-a ul li:nth-child(2n) {
    margin-right: 0px;
  }

  .ly-a ul li img {
    max-width: 100%;
  }

  .ly-a ul li p {

    font-size: 1.5rem;

    line-height: 5rem;

    color: #000000;

  }

  .ly-a ul li:nth-child(3) {
    margin-right: 4%;
  }

  /*  */
  .characteristic {
    overflow: hidden;
    /* text-align: center; */
  }

  .characteristic-h {
    background: #edeef2;
    padding: 0 10% 0 10%;
    overflow: hidden;
  }

  .characteristic-h p {

    font-size: 1.8rem;

    line-height: 3rem;

    color: #464647;

  }

  .tit5 {
    text-align: center;
    margin-bottom: 40px;
  }

  .tit5 h2 {
    font-size: 3rem;
    color: #464647;
    line-height: 4rem;
    padding-top: 2%;
  }

  .tit5 img {
    display: block;
    margin: 0 auto;
  }

  /*  */
  .advantage {
    overflow: hidden;
    margin-bottom: 100px;
  }

  .advantage-h {
    background: #edeef2;
    padding: 0 10% 0 10%;
    overflow: hidden;
  }

  .advantage-e {
    overflow: hidden;
    margin-top: 6%;
  }

  .adv-l {

    float: left;

    margin-right: 2%;

    overflow: hidden;
  }

  .adv-l img {
    max-width: 100%;
  }

  .adv-r {

    overflow: hidden;

    width: 48%;

    height: 112px;

  }

  .adv-r p {

    color: #3778be;

    font-size: 1.5rem;

    line-height: 2rem;

    text-align: center;

  }

  .adv-r span {

    font-size: 1rem;

    line-height: 1rem;

    color: #3c4142;

  }

  .advantage-a {

    overflow: hidden;

    margin-top: 6%;

  }

  .adv-a {
    overflow: hidden;
    float: left;
    width: 48%;
    height: 112px;
  }

  .adv-a p {
    color: #3778be;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
  }

  .adv-a span {
    font-size: 0.8rem;
    line-height: 2rem;
    color: #3c4142;
  }

  .adv-b {
    float: right;
    margin-left: 1%;
    overflow: hidden;
  }

  .adv-b img {}
}