#des_div {max-width: 1400px;margin-left: auto;margin-right: auto;margin-bottom: 50px;} #des_div img {width: 100%;display: block !important;height: auto;} #des_div video {width: 100%;display: block;height: auto;} #des_div .img_h5 {display: none !important;} #des_div h3 {font-size: 32px;font-weight: 700;margin: 0 auto;margin-bottom: 30px;text-align: center;} #des_div p {margin-top: 0px;margin-bottom: 0px;padding: 0 0;} #des_div .part_pub {margin-bottom: 60px;} #des_div .cele_lunbo_swiper {position: relative;max-width: 1400px;margin-left: auto;margin-right: auto;overflow: hidden;} #des_div .cele_lunbo_swiper .pos_div {position: absolute;z-index: 3;top: calc(50% - 24px);display: flex;justify-content: space-between;width: 98%;left: 1%;} #des_div .cele_lunbo_swiper .pos_div .posis_add {width: 48px;height: 48px;background: rgba(0,0,0,0.4);border-radius: 50%;text-align: center;cursor: pointer;} #des_div .cele_lunbo_swiper .pos_div .posis_add img {width: 26px!important;margin-left: auto;margin-right: auto;position: relative;top: 11px;margin-top: 0px;} #des_div .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width: 15px;height: 15px;background: #FFFFFF;opacity: 1;border: 1px solid #000000;} #des_div .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FFCB05;} #des_div .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px;} #des_div .cele_lunbo_swiper .swiper_slide {position: relative;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div {} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div .p_head {font-size: 24px;font-weight: 700;margin-bottom: 15px;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div .p_des {font-size: 16px;line-height: 1.4;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo {background: rgb(0,0,0,0.4);padding: 40px 40px;box-sizing: border-box;position: absolute;width: 540px;top: 32%;left: 6.5%;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo .p_head {color: #FFFFFF;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo .p_des {color: #FFFFFF;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo .p_head {color: #FFFFFF;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo .p_des {color: #FFFFFF;} #des_div .cele_lunbo_swiper_dex .swiper-slide {display: flex;justify-content: space-between;align-items: center;} #des_div .cele_lunbo_swiper_dex .swiper-slide .swiper_div_rel {width: 42%;padding-left: 80px;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_img {width: 47%;} #des_div .cele_lunbo_swiper_dex .swiper-wrapper {padding-bottom: 75px;} #des_div .cele_lunbo_swiper.cele_lunbo_swiper_dex .pos_div {top: calc(50% - 66px);} #des_div #swiper_4 .swiper_slide .swiper_div.swiper_div_abo {top: 28%;} #des_div .part_pub {position: relative;} #des_div .part_pub .banner_pub {position: absolute;top: 0px;width: 100%;height: 60px;background: rgba(0,0,0,0.7);z-index: 66;} #des_div .part_pub .banner_pub .flex_ul {display: flex;justify-content: space-between;max-width: 80%;margin-left: auto;margin-right: auto;height: 42px;margin-top: 12px;} #des_div .part_pub .banner_pub p {font-size: 16px;color: #FFFFFF;cursor: pointer;line-height: 42px;text-align: center;font-weight: 700;} #des_div .part_pub .banner_pub p.active {border-bottom: 2px solid #FFFFFF;} @media screen and (max-width: 1460px){ #des_div h3 {font-size: 28px;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo {padding: 25px 25px;width: 38%;top: 32%;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div .p_head {font-size: 21px;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div .p_des {font-size: 15px;line-height: 1.3;} #des_div .cele_lunbo_swiper_dex .swiper-slide {display: flex;justify-content: space-between;align-items: center;} #des_div .cele_lunbo_swiper_dex .swiper-slide .swiper_div_abo {width: 48%;padding-left: 80px;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_video {width: 48%;height: auto;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_img {width: 48%;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_img video {position: relative;top: 8%;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_video {width: 48%;height: auto;} #des_div .cele_lunbo_swiper_dex .swiper-wrapper {padding-bottom: 60px;} #des_div #swiper_4 .swiper_slide .swiper_div.swiper_div_abo {top: 32%;} } @media screen and (max-width: 1200px){ #des_div #swiper_4 .swiper_slide .swiper_div.swiper_div_abo {top: 18%;} #des_div .part_pub .banner_pub {height: 42px;} #des_div .part_pub .banner_pub .flex_ul {max-width: 94%;height: 30px;margin-top: 6px;} #des_div .part_pub .banner_pub p {font-size: 14px;line-height: 30px;} } @media screen and (max-width: 800px){ #des_div h3 {font-size: 28px;margin-bottom: 20px;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo {padding: 15px 15px;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div .p_head {font-size: 16px;font-weight: 700;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div .p_des {font-size: 14px;line-height: 1.2;} #des_div .swiper-container-ios {aspect-ratio: auto;} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo {top: 22%;} #des_div .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width: 10px;height: 10px;background: #FFFFFF;opacity: 1;border: 1px solid #000000;} } @media screen and (max-width: 520px){ #des_div .img_h5 {display: block !important;} #des_div .img_pc {display: none !important;} #des_div h3 {font-size: 26px;} #des_div .part_pub {margin-bottom: 30px;} #des_div .cele_lunbo_swiper .swiper_slide {} #des_div .cele_lunbo_swiper .swiper_slide .swiper_div.swiper_div_abo {top: 0%;position: relative;width: 100%;left: 0;} #des_div .cele_lunbo_swiper .pos_div .posis_add {width: 32px;height: 32px;} #des_div .cele_lunbo_swiper .pos_div .posis_add img {width: 16px !important;top: 8px;} #des_div .swiper_div_pub {padding: 10px 10px ;} #des_div .swiper_div_pub .p_head {font-size: 18px;font-weight: 700;margin-bottom: 10px;} #des_div .swiper_div_pub .p_des {font-size: 14px;font-weight: 400;line-height: 1.3;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_img {width: 100%;} #des_div .cele_lunbo_swiper_dex .swiper-wrapper {padding-bottom: 0px;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_img {width: 100%;} #des_div .cele_lunbo_swiper_dex .swiper-wrapper {padding-bottom: 0px;} #des_div .part_pub .banner_pub {margin-bottom: 40px;overflow-x: scroll;} #des_div .part_pub .banner_pub .flex_ul {width: auto;max-width: none;padding: 0 2%;justify-content: normal;} #des_div .part_pub .banner_pub .flex_ul p {white-space: nowrap;margin: 0 10px;} #des_div .part_pub .banner_pub .flex_ul p:last-child {padding-right: 20px;} #des_div .cele_lunbo_swiper_dex .swiper-slide .div_img.div_video {width: 100%;} }