html,body {position:relative;height:100%;}
body {background: #fff;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color: #000;margin: 0;padding: 0;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {font-size: 18px;position: relative;background-color: #ffffff;}



/* ---------------------------第一屏--------------------------- */
.ping1{ overflow: hidden;background: url('../image/dyp_bg.png');background-repeat: no-repeat; background-size: 100% 95%;}
.dyp_logo{position: absolute;top: 55px;left: 100px;width: 482px;}
.dyp_wenzi{position: absolute;top: 210px;left: 145px;color: #ffffff;}
.dyp_wenzi .title1{font-size: 100px;font-weight: bold;height: 250px;line-height: 125px;width: 790px;}
.dyp_wenzi .title3{font-size: 24px;width: 965px;line-height: 45px;margin-top: 15px;}
.dyp_row{
    width: 1760px;height: 290px;position: absolute;bottom: 0;left: 50%;transform: translateX(-880px)!important;box-sizing:border-box;padding: 0 5px;
    display: flex;background-image: linear-gradient(to bottom, #ffffff, #e5f5ff);border-radius: 70px 0 70px 0;
}
._row_item{flex: 1;display: flex;justify-content: space-between;color: #343434;box-sizing: border-box;padding: 40px 55px;}
._row_item.item1, ._row_item.item2{flex: 3;}
._row_item.item3{flex: 3.5;}
._row_item ._left .title{font-size: 28px;font-weight: bold;}
._row_item ._left .info{width: 300px;height: 112px;line-height: 28px;font-size: 20px;color: #979897;margin: 15px 0;}
._row_item ._left .ckxq{
    background-image: linear-gradient(to right, #ffc891, #fcd6b5);width: 140px;height: 47px;line-height: 47px;text-align: center;border-radius: 24px;
}
._row_item.item3 ._left .info{width: 400px;}
._row_item ._right .img{width: 110px;height: 110px;}



/* ---------------------------第二屏--------------------------- */
.ping2, .ping3, .ping4, .ping5{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-sizing: border-box;
}

.biaoti{text-align: center;}
.ping2 .info{text-align: center;font-size: 24px;padding:20px 0;line-height: 45px;}
.linian{ display: flex;justify-content: space-evenly;flex-wrap: wrap;width: 1470px;margin: 0 auto;}
.linian .item img{margin-top: 5px;}


/* ---------------------------第三屏--------------------------- */
.ping3TpSwiper{margin: 0 auto;height: 610px;}
.ping3TpSwipe .swiper-slide{text-align: center}
.swiper_img{width: 350px; transition: transform 0.5s linear !important;}
.swiper_img_mt{margin-top: 100px;}
.swiper_img_mb{margin-bottom: 100px;}
.ping3TpSwiper .swiper_img:hover{ transform: scale(0.95)!important; cursor: pointer;}



/* ---------------------------第四屏--------------------------- */
.ping4{background-color: #fff;background-image: url("../image/z_bg.png");background-repeat: no-repeat;
    background-size: 100% auto;background-position-y: bottom;}
.ping4TpSwiper{margin-top: 15px;}
.ping4TpSwiper .swiper-slide{background-color: transparent; width: auto;}
.ping4TpSwiper{height: 682px;}
.ping4TpSwiper .swiper-slide img{height: 100%;}




/* ---------------------------第5屏--------------------------- */
 .fa{
    padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: center;
 }
 .fa .item{ width: 25%;text-align: center;}




 /* ---------------------------第6屏--------------------------- */
 .ping6{
    height: calc(100vh + 310px);
 }
 .ping6_z{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-sizing: border-box;
 }

.tongji{width: 1680px;margin: 0 auto;display: flex;justify-content: space-between;
    align-items: center;font-size: 30px;color: #333333;font-weight: 600;}
.tongji .item{display: flex;align-items: center;}
.num{font-size: 50px;color: #155dfe;margin-right: 10px;display: flex;align-items: center;}
.mt-number-animate .mt-number-animate-dom{width: 30px;font-size: 50px;}

 .tab{display: flex;justify-content: center;align-items: center;font-size: 28px;}
 .tab .tab_item{width: 120px;margin: 10px 30px;text-align: center; box-sizing: border-box;}
 .tab .tab_item.active{ border-bottom: 5px solid #0084ff;color: #0084ff;}

.ping6TpSwiper{height: 375px;}
.ping6TpSwiper .swiper-slide{display: flex;justify-content: space-evenly;}
.ping6TpSwiper .swiper-slide .imgs{height: 375px; display: flex; flex-direction: column;justify-content: space-between;}
.ping6TpSwiper .hzhb_img {width: 369px;}




/* ---------------------------第7屏--------------------------- */

.foot{
    font-size: 26px;position: absolute;left:0;bottom:0;width:100%;height:310px;background: url("../image/db_bg.png") no-repeat; background-size: cover;
    background-position-y: center;padding: 25px 100px;box-sizing: border-box;display: flex;justify-content: space-between;color: #ffffff;
 }
.foot .left .foot_logo{width: 484px;}
.foot .left .lxfs{display: flex;margin-top: 50px;padding: 0 15px;box-sizing: border-box;}
.foot .left .lxfs .item1{width: 350px; line-height: 45px;}
.foot .left .lxfs .item2{width: 440px; line-height: 45px;}
.foot .right{text-align: center;}
.foot .right img{width: 210px;margin-top: 15px;}
 


 /* ===================================
   Media Queries
====================================== */

@media (max-width: 1800px) and (min-width: 1281px) {
    /* ---------------------------第一屏--------------------------- */
    .dyp_logo{top: 45px;left: 85px;width: 430px;}
    .dyp_wenzi{top: 160px;left: 125px;}
    .dyp_wenzi .title1{font-size: 80px;height: 210px;line-height: 105px;width: 600px;}
    .dyp_wenzi .title3{font-size: 23px;width: 900px;line-height: 40px;}
    .dyp_row{width: 1200px;height: 280px;transform: translateX(-600px)!important;flex-wrap: wrap;border-radius: 50px 0 50px 0;padding: 10px 15px;}
    ._row_item{padding: 20px;}
    ._row_item ._left .title{font-size: 26px;}
    ._row_item ._left .info{width: 210px;height: 120px;line-height: 24px;font-size: 18px;margin: 15px 0;}
    ._row_item ._left .ckxq{
       height: 40px;line-height: 40px;border-radius: 20px;font-size: 16px;
    }
    ._row_item.item3 ._left .info{width: 260px;}
    ._row_item ._right .img{width: 90px;height: 90px;}


    /* ---------------------------第二屏--------------------------- */
    .linian{width: 1250px;}


    /* ---------------------------第三屏--------------------------- */
    .ping3TpSwiper{height: 540px;}
    .swiper_img{width: 300px;}


    /* ---------------------------第四屏--------------------------- */
    .ping4TpSwiper{height: 580px;}


     /* ---------------------------第6屏--------------------------- */
    .tongji{width: 1200px;font-size: 28px;}
    .num{margin-right: 10px;font-size: 48px;display: flex;align-items: center;}
    .mt-number-animate .mt-number-animate-dom{width: 28px;font-size: 48px;}

    .tab{font-size: 28px;}
    .tab .tab_item{width: 120px;margin: 10px 30px;}
    
    .ping6TpSwiper{height: 310px;}
    .ping6TpSwiper .swiper-slide .imgs{height: 310px;}
    .ping6TpSwiper .hzhb_img {width: 290px;}


.foot{padding: 25px 30px;font-size: 24px;}
.foot .left .foot_logo{width: 420px;}
.foot .left .lxfs{display: flex;}
.foot .left .lxfs .item1{width: 280px; line-height: 40px;}
.foot .left .lxfs .item2{width: 400px; line-height: 40px;}

}

@media (max-width: 1280px) and (min-width: 1201px) {
    /* ---------------------------第一屏--------------------------- */
    .dyp_logo{top: 45px;left: 70px;width: 400px;}
    .dyp_wenzi{top: 160px;left: 110px;}
    .dyp_wenzi .title1{font-size: 75px;font-weight: bold;height: 200px;line-height: 100px;width: 550px;}
    .dyp_wenzi .title3{font-size: 22px;width: 740px;line-height: 35px;}
    .dyp_row{width: 1000px;height: 270px;transform: translateX(-500px)!important;flex-wrap: wrap;border-radius: 50px 0 50px 0;padding: 5px 15px;}
    ._row_item{padding: 15px;}
    ._row_item ._left .title{font-size: 22px;}
    ._row_item ._left .info{width: 190px;height: 120px;line-height: 24px;font-size: 16px;margin: 15px 0;}
    ._row_item ._left .ckxq{ width: 120px;height: 40px;line-height: 40px;border-radius: 20px;font-size: 14px;}
    ._row_item.item3 ._left .info{width: 240px;}
    ._row_item ._right .img{width: 80px;height: 80px;}



    /* ---------------------------第二屏--------------------------- */
    .biaoti_img{width: 700px;}
    .ping2 .info{font-size: 22px;padding:10px 20px;}
    .linian{ width: 1150px;}
    .linian .item img{width: 380px;}


    /* ---------------------------第三屏--------------------------- */
    .ping3TpSwiper{height: 520px;}
    .swiper_img{width: 280px;}
    .swiper_img_mt{margin-top: 80px;}
    .swiper_img_mb{margin-bottom: 80px;}


    /* ---------------------------第四屏--------------------------- */
    .ping4TpSwiper{height: 520px;}

     /* ---------------------------第6屏--------------------------- */
    .tongji{width: 1100px;font-size: 28px;}
    .num{margin-right: 10px;font-size: 46px;display: flex;align-items: center;}
    .mt-number-animate .mt-number-animate-dom{width: 26px;font-size: 46px;}

    .tab{font-size: 28px;}
    .tab .tab_item{width: 120px;margin: 10px 30px;}
    
    .ping6TpSwiper{height: 300px;}
    .ping6TpSwiper .swiper-slide .imgs{height: 300px;}
    .ping6TpSwiper .hzhb_img {width: 290px;}


.foot{padding: 25px 30px; font-size: 22px;}
.foot .left .foot_logo{width: 380px;}
.foot .left .lxfs{display: flex;}
.foot .left .lxfs .item1{width: 250px; line-height: 40px;}
.foot .left .lxfs .item2{width: 400px; line-height: 40px;}

}

@media (max-width: 1200px) and (min-width: 992px) {
    /* ---------------------------第一屏--------------------------- */
    .dyp_logo{top: 40px;left: 60px;width: 360px;}
    .dyp_wenzi{top: 150px;left: 100px;}
    .dyp_wenzi .title1{font-size: 70px;font-weight: bold;height: 180px;line-height: 90px;width: 500px;}
    .dyp_wenzi .title3{font-size: 20px;width: 740px;line-height: 35px;}
    .dyp_row{width: 950px;height: 260px;transform: translateX(-475px)!important;flex-wrap: wrap;border-radius: 50px 0 50px 0;padding: 10px 15px;}
    ._row_item{padding: 15px;}
    ._row_item ._left .title{font-size: 20px;}
    ._row_item ._left .info{width: 185px;height: 120px;line-height: 24px;font-size: 15px;margin: 15px 0;}
    ._row_item ._left .ckxq{ width: 120px;height: 40px;line-height: 40px;border-radius: 20px;font-size: 14px;}
    ._row_item.item3 ._left .info{width: 230px;}
    ._row_item ._right .img{width: 70px;height: 70px;}

    /* ---------------------------第二屏--------------------------- */
    .biaoti_img{width: 630px;}
    .ping2 .info{font-size: 21px;padding:10px 20px;line-height: 35px;}
    .linian{ width: 960px;}
    .linian .item img{width: 320px;}

     /* ---------------------------第三屏--------------------------- */
    .ping3TpSwiper{height: 520px;}
    .swiper_img{width: 280px;}
    .swiper_img_mt{margin-top: 80px;}
    .swiper_img_mb{margin-bottom: 80px;}


    /* ---------------------------第四屏--------------------------- */
    .ping4TpSwiper{height: 520px;}

    /* ---------------------------第5屏--------------------------- */
    .fa .item{  width: 50%; text-align: center; }
    .fa .item img{ width: 160px; }


      /* ---------------------------第6屏--------------------------- */
    .tongji{width: 940px;font-size: 24px;}
    .num{margin-right: 10px;font-size: 42px;display: flex;align-items: center;}
    .mt-number-animate .mt-number-animate-dom{width: 26px;font-size: 42px;}

    .tab{font-size: 28px;}
    .tab .tab_item{width: 120px;margin: 10px 30px;}
    
    .ping6TpSwiper{height: 300px;}
    .ping6TpSwiper .swiper-slide .imgs{height: 300px;}
    .ping6TpSwiper .hzhb_img {width: 290px;}


.foot{padding: 25px 30px; font-size: 18px;}
.foot .left .foot_logo{width: 320px;}
.foot .left .lxfs{display: flex;margin-top: 10px;flex-direction: column;justify-content: space-between;height: 200px;}
.foot .left .lxfs .item1{width: 250px; line-height: 30px;}
.foot .left .lxfs .item2{width: 400px; line-height: 30px;}
.foot .right img{width: 190px;}

}

@media screen and (max-width: 991px) and (min-width: 768px){
    /* ---------------------------第一屏--------------------------- */
   .dyp_logo{top: 30px;left: 50px;width: 330px;}
    .dyp_wenzi{top: 130px;left: 80px;}
    .dyp_wenzi .title1{font-size: 60px;height: 160px;line-height: 80px;width: 450px;}
    .dyp_wenzi .title3{font-size: 18px;width: 660px;line-height: 30px;}
    .dyp_row{width: 700px;height: 330px;transform: translateX(-355px)!important;border-radius: 30px 0 30px 0;padding: 5px 15px; flex-direction: column;}
    ._row_item{padding: 3px 10px;}
    ._row_item ._left .title{font-size: 16px;}
    ._row_item ._left .info{width: 550px;height: 40px;line-height: 20px;font-size: 13px;margin: 3px 0;}
    ._row_item ._left .ckxq{ width: 100px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 12px;}
    ._row_item.item3 ._left .info{width: 550px;}
    ._row_item ._right .img{width: 60px;height: 60px;}


    /* ---------------------------第二屏--------------------------- */
    .biaoti_img{width: 520px;}
    .ping2 .info{font-size: 20px;padding:5px 20px;line-height: 30px;}
    .linian{ width: 760px;}
    .linian .item img{width: 250px;}

     /* ---------------------------第三屏--------------------------- */
     .ping3TpSwiper{height: 470px;}
    .swiper_img{width: 250px;}
    .swiper_img_mt{margin-top: 80px;}
    .swiper_img_mb{margin-bottom: 80px;}


    
    /* ---------------------------第四屏--------------------------- */
    .ping4TpSwiper{height: 480px;}

    /* ---------------------------第5屏--------------------------- */
    .fa .item{
        width: 50%;
        text-align: center;
    }

    .fa .item img{
        width: 140px;
    }

     /* ---------------------------第6屏--------------------------- */
    .tongji{width: 750px;font-size: 22px;}
    .num{margin-right: 6px;font-size: 34px;display: flex;align-items: center;}
    .mt-number-animate .mt-number-animate-dom{width: 20px;font-size: 34px;}

    .tab{font-size: 28px;}
    .tab .tab_item{width: 120px;margin: 10px 30px;}
    
    .ping6TpSwiper{height: 260px;}
    .ping6TpSwiper .swiper-slide .imgs{height: 260px;}
    .ping6TpSwiper .hzhb_img {width: 250px;}


.foot{padding: 25px 30px; font-size: 16px;}
.foot .left .foot_logo{width: 300px;}
.foot .left .lxfs{display: flex;margin-top: 10px;flex-direction: column;justify-content: space-between;height: 200px;}
.foot .left .lxfs .item1{width: 300px; line-height: 30px;}
.foot .left .lxfs .item2{width: 300px; line-height: 30px;}
.foot .right img{width: 190px;}

}

@media screen and (max-width: 767px) {
    /* ---------------------------第一屏--------------------------- */
    .dyp_logo{top: 30px;left: 40px;width: 250px;}
    .dyp_wenzi{top: 90px;left: 50px;}
    .dyp_wenzi .title1{font-size: 50px;height: 130px;line-height: 65px;width: 360px;}
    .dyp_wenzi .title3{font-size: 16px;width: 500px;line-height: 28px;}
    .dyp_row{width: 90%;height: 330px;transform: translateX(-50%)!important;border-radius: 25px 0 25px 0;padding: 5px 10px; flex-direction: column;}
    ._row_item{padding: 3px 10px;}
    ._row_item ._left .title{font-size: 15px;}
    ._row_item ._left .info{width: auto;height: auto;line-height: 16px;font-size: 12px;margin: 3px 0;padding-right: 5px;box-sizing: border-box;}
    ._row_item ._left .ckxq{ width: 80px;height: 25px;line-height: 26px;border-radius: 13px;font-size: 12px;}
    ._row_item.item3 ._left .info{width: auto;}
    ._row_item ._right .img{width: 50px;height: 50px;}


    /* ---------------------------第二屏--------------------------- */
    .biaoti_img{width: 400px;}
    .ping2 .info{font-size: 18px;padding:5px 20px;line-height: 24px;}
    .linian{ width: 550px;}
    .linian .item img{width: 210px;}

     /* ---------------------------第三屏--------------------------- */
     .ping3TpSwiper{height: 450px;}
    .swiper_img{width: 95%;}
    .swiper_img_mt{margin-top: 70px;}
    .swiper_img_mb{margin-bottom: 70px;}


     /* ---------------------------第四屏--------------------------- */
    .ping4TpSwiper{
        height: 450px;
    }


    /* ---------------------------第5屏--------------------------- */
    .fa .item{
        width: 50%;
        text-align: center;
    }

    .fa .item img{
        width: 120px;
    }


    /* ---------------------------第6屏--------------------------- */
    .tongji{width: 550px;font-size: 20px;flex-wrap: wrap;justify-content: space-evenly;}
    .tongji .item{width: 50%; justify-content: center;height: 40px;}
    .num{font-size: 30px;margin-right: 6px;display: flex;align-items: center;}
    .mt-number-animate .mt-number-animate-dom{width: 18px;font-size: 30px;}

    .tab{font-size: 24px;}
    .tab .tab_item{width: 100px;margin: 5px 20px;}
    
    .ping6TpSwiper{height: 210px;}
    .ping6TpSwiper .swiper-slide .imgs{height: 210px;}
    .ping6TpSwiper .hzhb_img {width: 210px;}



.foot{padding: 25px 30px; font-size: 16px;}
.foot .left .foot_logo{width: 300px;}
.foot .left .lxfs{display: flex;margin-top: 10px;flex-direction: column;justify-content: space-between;height: 200px;}
.foot .left .lxfs .item1{width: 250px; line-height: 30px;}
.foot .left .lxfs .item2{width: 250px; line-height: 30px;}
.foot .right img{width: 170px;}

}

@media (max-width: 575.98px) {
    /* ---------------------------第一屏--------------------------- */
    .dyp_logo{top: 10px;left: 15px;width: 200px;}
    .dyp_wenzi{top: 55px;left: 20px;}
    .dyp_wenzi .title1{font-size: 40px;height: 110px;line-height: 55px;width: 300px;}
    .dyp_wenzi .title3{font-size: 12px;width: 300px;line-height: 22px;margin-top:10px;}
    .dyp_row{ bottom: 5px; width: 95%;height: 330px;transform: translateX(-50%)!important;border-radius: 25px 0 25px 0;padding: 5px 10px; flex-direction: column;min-width: 300px;}
    ._row_item{padding: 3px 10px;}
    ._row_item ._left .title{font-size: 14px;}
    ._row_item ._left .info{width: auto;height: auto;line-height: 16px;font-size: 12px;margin: 3px 0;padding-right: 5px;box-sizing: border-box;min-width: 230px;}
    ._row_item ._left .ckxq{ width: 70px;height: 20px;line-height: 21px;border-radius: 13px;font-size: 10px;}
    ._row_item.item3 ._left .info{width: auto;}
    ._row_item ._right .img{width: 45px;height: 45px;}


    /* ---------------------------第二屏--------------------------- */
    .biaoti_img{width: 300px;}
    .ping2 .info{font-size: 16px;padding:5px 10px;line-height: 24px;}
    .linian{ width: 95%; min-width: 300px;}
    .linian .item img{width: 150px;}

     /* ---------------------------第三屏--------------------------- */
    .ping3TpSwiper{height: 380px;}
    .swiper_img{width:95%;}
    .swiper_img_mt{margin-top: 50px;}
    .swiper_img_mb{margin-bottom: 50px;}


    /* ---------------------------第四屏--------------------------- */
    .ping4TpSwiper{height: 380px;}


    /* ---------------------------第5屏--------------------------- */
    .fa .item{
        width: 50%;
        text-align: center;
    }
    .fa .item img{
        width: 120px;
    }


      /* ---------------------------第6屏--------------------------- */
    .tongji{width: 300px;font-size: 18px;flex-wrap: wrap;justify-content: space-around}
    .tongji .item{width: 100%; justify-content: center;height: 35px; border: 1px solid #eeeeee;margin: 5px;}
    .num{font-size: 24px;margin-right: 6px;display: flex;align-items: center;}
    .mt-number-animate .mt-number-animate-dom{width: 15px;font-size: 24px;}

    .tab{font-size: 20px;}
    .tab .tab_item{width: 100px;margin: 5px 10px;}
    
    .ping6TpSwiper{height: 180px;}
    .ping6TpSwiper .swiper-slide .imgs{height: 180px;}
    .ping6TpSwiper .hzhb_img {width: 150px;}


                    /* ---------------------------第7屏--------------------------- */
.foot{padding: 5px; font-size: 14px;flex-direction: column;justify-content: space-evenly;}
.foot .left .foot_logo{width: 240px;}
.foot .left .lxfs{display: flex;margin-top: 10px;flex-direction: column;justify-content: space-between;padding: 0;height: auto;}
.foot .left .lxfs .item1{width: 100%; line-height: 22px;display: flex;}
.foot .left .lxfs .item2{width: 100%; line-height: 22px;display: flex;}
.foot .gzwm{display: none;}
.foot .right{text-align: left;}
.foot .right img{width: 110px;margin-top: 0;}

}


@media (min-height: 600px) and (max-height: 801px) and (min-width: 800px){
    .dyp_logo{top: 20px;left: 60px;width: 400px;}
    .dyp_wenzi{top: 110px;left: 100px;}
    .dyp_wenzi .title1{font-size: 50px;height: 130px;line-height: 65px; width: 350px;}
    .dyp_wenzi .title3{font-size: 18px;line-height: 30px; margin-top: 8px; width: 650px;}
    
    .dyp_row{width: 750px;height: 210px;transform: translateX(-375px)!important;border-radius: 30px 0 30px 0;padding: 5px 10px;flex-direction: row;}
    ._row_item{padding: 5px;}
    ._row_item ._left .title{font-size: 16px;}
    ._row_item ._left .info{width: 145px;height: 100px;line-height: 20px;font-size: 12px;margin: 10px 0;}
    ._row_item ._left .ckxq{ width: 110px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 12px;}
    ._row_item.item3 ._left .info{width: 200px;}
    ._row_item ._right .img{width: 60px;height: 60px;}

 
}