.header{ width: 100%; position: relative; } .header .logo{ width: 100%; } .header_conten{ position: absolute; top: 136px; left: 294px; } .conten_logo img:nth-child(1){ width: 281px; margin-right: 24px; } .conten_logo img:nth-child(2){ width: 180px; margin-bottom: 8px; } .header_conten p:nth-child(2){ margin-top: 10px; color:rgb(255, 255, 255) ; font-size: 15px; } .down{ width: 135px; height: 40px; background: #fff; border-radius: 20px; text-align: center; line-height: 40px; font-size: 14px; color: rgb(46, 51, 58); margin-top: 25px; } .down img{ width: 11px; height: 18px; vertical-align: sub; } .header_list{ width: 100%; height: 43px; background: rgb(0 0 0 / 70%); line-height: 43px; position: absolute; bottom: 3px; left: 0px; } .header_list img{ width: 16px; height: 16px; margin-left: 294px; vertical-align: sub; } .header_list span{ color: rgb(255, 255, 255); font-size: 12px; transform: scaleY(0.75); } .content{ width: 100%; } .content_top{ width: 475px; margin: 0 auto; } .content_top img{ width: 475px; } .content_top p{ font-family: PingFangSC-Regular; font-size: 18px; color: rgb(46, 51, 58); margin-top: 10px; text-align: center; } .content_tx{ display: flex; justify-content: center; margin-top: 45px; } .list{ width: 104px; margin: 0px 28px; text-align: center; } .list img{ width: 80px; height: 80px; } .list .list_pic{ width: 104px; height: 104px; animation: fangda 1s; } .list .list_p{ display: none; } @keyframes fangda { 0% { transform: scale(0.7);} 50% { transform: scale(1.3);} 75% { transform: scale(1.2);} 80% { transform: scale(1.15);} 8% { transform: scale(1.1);} 80% { transform: scale(1.05);} 100% { transform: scale(1);} } .list p{ font-size: 14px; color: rgb(46, 51, 58); margin-top: 12px; } .pic{ width: 1330px; margin: 0 auto; position: relative; margin-top: 25px; margin-bottom: 60px; } .pic .lm{ width: 100%; } .pic_left{ position: absolute; top: 227px; left: 18px; } .pic_right{ position: absolute; top: 227px; right: 18px; } .pic_left img{ width: 26px !important; height: 26px; } .pic_right img{ width: 26px !important; height: 26px; } .list_contentpic img{ display: none; } .pic .wm{ position: absolute; left: 0px; top: 175px; width: 100%; display: block; opacity: 1; animation: myfirst 1s; } @keyframes myfirst { from {top: 235px;opacity: 0.7;} to {top:175px;opacity: 1;} } .lw{ display: flex; justify-content: center; margin-top: 21px; } .lw_l{ position: relative; } .lw_l .bjt{ width: 368px; z-index: -1; } .lw_ll{ position: absolute; top: 80px; left: 104px; text-align: center; <<<<<<< HEAD line-height: 1.25rem; background-color: #f5f5f5; border-radius: 0.611rem; font-family: PingFang-SC-Medium; font-size: 0.62rem; letter-spacing: 0.03rem; color: #666666; margin-right: 0.425rem } .list_right{ display: flex; ======= } .lw_ll .lwpic{ width: 158px; display: block; } .lw_ll .lwwz{ width: 128px; } .lw_ll p{ line-height: 29px; font-family: PingFangSC-Regular; font-size: 21px; color: rgba(46, 51, 58, 0.7); margin-top: 17px; } .ty{ margin: 75px; width: 1041px; margin: 0 auto; } .ty_pic{ margin-top: 44px; } .ty_pic img{ width: 1041px; } .bq{ width: 371px; background: rgb(255, 255, 255); border-radius: 1vw; box-shadow: rgba(0, 0, 0, 0.08) 0px 0.2vw 1.6vw 0px; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 100px; } .bq_left{ margin-right: 10px; } .bq_left h3{ line-height: 24px; font-family: PingFangSC-Regular; font-size: 24px; color: rgb(46, 51, 58); font-weight: 500; } .bq_left p{ color: rgba(46, 51, 58, 0.804); line-height: 19px; font-size: 13px; margin-top: 15px; } .bq img{ width: 159px; margin: 15px 15px 15px 0px; >>>>>>> 37353744e548c75b412976417ba0895581678416 } .footer{ margin-top: 105px; background: rgb(255, 255, 255); box-shadow: rgb(224, 224, 224) 0px -1px 0px 0px; } .footer_top{ width: 80%; display: flex; align-items: center; justify-content: space-around; margin: 0 auto; padding-top: 52px; } .footer_top div img{ width: 47px; margin-right: 12px; vertical-align: middle; } .footer_top div span{ font-family: PingFangSC-Semibold; font-size: 15px; color: rgb(46, 51, 58); } .footer p{ margin-top: 40px; text-align: center; line-height: 42px; } .footer_dibu{ text-align: center; margin-top: 70px; margin-bottom: 17px; } .footer .footer_dibu img{ width: 80px; margin-right: 18px; } .footer .footer_dibu .gh{ width: 18px; }