@charset "utf-8"; @font-face { font-family: "OPPOSans-M"; font-style: normal; font-weight: normal; src: url("../fonts/structure/OPPOSans-M.ttf?v=0.1") format("truetype"), url("../fonts/structure/OPPOSans-M.woff?v=0.1") format("woff"), url("../fonts/structure/OPPOSans-M.svg?v=0.1") format("svg"); font-display: swap; } @font-face { font-family: "OPPOSans-H"; font-style: normal; font-weight: normal; src: url("../fonts/structure/OPPOSans-H.ttf?v=0.1") format("truetype"), url("../fonts/structure/OPPOSans-H.woff?v=0.1") format("woff"), url("../fonts/structure/OPPOSans-H.svg?v=0.1") format("svg"); font-display: swap; } @font-face { font-family: "OPPOSans-R"; font-style: normal; font-weight: normal; src: url("../fonts/structure/OPPOSans-R.ttf?v=0.1") format("truetype"), url("../fonts/structure/OPPOSans-R.woff?v=0.1") format("woff"), url("../fonts/structure/OPPOSans-R.svg?v=0.1") format("svg"); font-display: swap; } .about_min02 { width: 100%; margin: 0 auto; overflow: hidden; position: relative; min-width: 1600px; } .about_min02 .min2_bg { z-index: -1; left: 50%; margin-left: -960px; position: absolute; top: 0px; width: 1920px; height: 930px; } .min02_con { width: 592px; height: 502px; float: right; margin-right: 159px; position: relative; } .min02_con > img { position: absolute; top: 0; right: 0; z-index: -1; } .min02_con p:nth-of-type(1) { font-family: OPPOSans-R; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #ffffff; width: 465px; margin: 0 auto; height: 163px; margin-top: 80px; } .min02_con p:nth-of-type(2) { width: 465px; height: 27px; font-family: OPPOSans-M; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #ffffff; margin: 0 auto; margin-top: 93px; } /*缁勭粐鏋舵瀯*/ .struc{ width: 1280px; margin: 0 auto; position: relative; overflow: hidden; margin-bottom: 180px; margin-top: 92px; } .struc .honor{ font-family: OPPOSans-H; font-size: 72px; font-weight: normal; font-stretch: normal; line-height: 72px; letter-spacing: 5px; color: #f1f1f1; opacity: 0.8; text-align: center; } .struc>img{ width: 257px; height: 57px; margin: 0 auto; position: absolute; top: 21px; left: 478px; } .struc span{display:block;width: 20px;margin: 0 auto;overflow: hidden;} .struc .line01{ width: 643px; height: 4px; background-color: #eeeeee; margin: 0 auto; margin-top: 48px; } .struc .line02{ width: 5px; height: 67px; background-color: #eeeeee; float: left; margin-left: 318px; } .struc .line03{ width: 5px; height: 67px; background-color: #eeeeee; margin-left: 956px; } .struc .line04{ width: 491px; height: 4px; background-color: #eeeeee; margin-left: 62px; float: left; } .struc .line05{ width: 517px; height: 4px; background-color: #eeeeee; margin-left: 711px; } .struc .line06{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 62px; } .struc .line07{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 93px; } .struc .line08{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 92px; } .struc .line09{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 92px; } .struc .line10{ width: 5px; height: 82px; float: left; margin-left: 92px; background-color: #eeeeee; } .struc .line11{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 92px; } .struc .line12{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 158px; } .struc .line13{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 68px; } .struc .line14{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 66px; } .struc .line15{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 68px; } .struc .line16{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 67px; } .struc .line17{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 69px; } .struc .line18{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 69px; } .struc .line19{ width: 5px; height: 82px; background-color: #eeeeee; float: left; margin-left: 70px; } .struc .ul01{ width: 816px; margin: 0 auto; overflow: hidden; position: absolute; top: 160px; left: 227px; } .struc .ul01 li{ width: 164px; height: 50px; background-color: #b71a30; font-family: OPPOSans-M; font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #ffffff; text-align: center; float: left; } .struc .ul01 li:nth-of-type(1){margin-right: 488px;} .struc .ul02{ width: 610px; height: 258px; background-color: #ececec; overflow: hidden; float: left; margin-right: 44px; } .struc .ul02 li{ width: 63px; height: 199px; background-color: #b71a30; font-family: OPPOSans-R; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 2px; color: #ffffff; float: left; margin-right: 35px; margin-top: 26px; } .struc .ul02 li:nth-of-type(1){ margin-left: 32px; } .struc .ul02 li:nth-of-type(6){ margin-right:0} .struc .ul02 li span{margin-top: 37px;} .struc .ul03{ width: 626px; height: 258px; background-color: #ececec; overflow: hidden; float: left; } .struc .ul03 li{ width: 59px; height: 199px; background-color: #b71a30; font-family: OPPOSans-R; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 2px; color: #ffffff; float: left; margin-right: 14px; margin-top: 26px; } .struc .ul03 li:nth-of-type(1){ margin-left: 30px; } .struc .ul03 li:nth-of-type(8){ margin-right:0} .struc .ul03 li:nth-of-type(1) span{ line-height: 20px;} .struc .ul03 li span{ margin-top: 19px;}