.tout{ display: flex; margin-top: 20px; align-items: center; margin-bottom: 30px; } .tout .tout_one{ /* width: 11%; */ flex: 0 0 auto; width: 70px; } .tout .tout_one img{ width: 67px; height: 40px; } .tout .tout_two{ flex: 1; } .tout .tout_two p{ text-align: center; font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #E10101; line-height: 45px; } .tout .tout_two p:nth-child(2){ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 28px; cursor: pointer; } .sk > ul > li{ width: 50% !important; } @media (max-width: 768px) { .sk > ul > li{ width: 100% !important; } } .bhue{ color: #666 !important; border-bottom: 0 !important; } .wagnshi{ display: flex; justify-content: space-between; margin-top: 20px; } .wagnshi_one{ width: 24%; } .wagnshi_one img{ height: 216px; } @media (max-width: 768px) { .wagnshi_one{ width: 100%; margin-bottom: 10px; } .wagnshi_one img{ width: 100%; } .wagnshi{ flex-wrap: wrap; } } .bottomfrs{ margin-top: 43px; width: 100%; height: 520px; background: url(../picture/pic_hp_jcfwbg@2x.png) no-repeat; background-size: 100% 100%; } .bote{ display: flex; flex-direction: column; align-items: center; } .bote p{ font-size: 24px; font-family: Adobe Heiti Std; font-weight: normal; color: #FFFFFF; line-height: 90px; } .bote img{ width: 200px; height: 2px; } .bote_one{ display: flex; justify-content: space-between; margin-top: 30px; } .shoutoa{ width: 19%; display: flex; flex-direction: column; align-items: center; } .shoutoa img{ width: 139px; height: 139px; border-radius: 50%; } .shoutoa span{ font-size: 24px; font-family: Adobe Heiti Std; font-weight: normal; color: #FFFFFF; line-height: 120px; } .shoutoa p { font-size: 14px; font-family: Adobe Heiti Std; font-weight: normal; color: #7DFDFF; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; cursor: pointer; } .ol{ margin-top: 26px; width: 100px; height: 40px; background: #022D53; border-radius: 8px; font-size: 14px; font-family: Source Han Sans SC; font-weight: 400; color: #62ABEC; /* line-height: 24px; */ text-align: center; line-height: 40px !important; } @media (max-width: 768px) { /* 头条 */ .tout{margin-top: 18px;margin-bottom: 20px;} .tout .tout_one{width: 50px;} .tout .tout_one img{ width: 43px; height: 26px; } .bote_one{ flex-wrap: wrap; } .bottomfrs{height: 310px;} .shoutoa{ width: 33.3%; margin-bottom: 20px; } .shoutoa img{ width: 70px; height: 70px; } .shoutoa span{ font-size: 18px; font-family: Adobe Heiti Std; font-weight: normal; color: #FFFFFF; line-height: 40px; } .shoutoa p { font-size: 12px; font-family: Adobe Heiti Std; font-weight: normal; color: #7DFDFF; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ol{ margin-top: 7px; width: 90px; height: 30px; background: #022D53; border-radius: 8px; font-size: 14px; font-family: Source Han Sans SC; font-weight: 400; color: #62ABEC; /* line-height: 24px; */ text-align: center; line-height: 30px !important; } .bote p{ font-size: 24px; font-family: Adobe Heiti Std; font-weight: normal; color: #FFFFFF; line-height: 54px; } .njue{ display: none; } } @media (max-width: 768px) { .tout .tout_two p{ text-align: center; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #E10101; line-height: 24px; } .tout .tout_two p:nth-child(2){ font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 20px; } .biejus img{ display: none; } .biejus p{ /* text-align: center; */ left: 15px!important; } } .nhdyey a:hover{ color: red !important; } .biejus img { width: 100%; position: absolute; left: 0; top:0; } .biejus { position: relative; height: 52px; margin-top: 15px; } .biejus p { position: absolute; z-index: 22; top:50%; transform: translateY(-50%); left: 1%; } .biejus p .spju { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; /* margin-right: 0 !important; */ /* line-height: 24px; */ } .biejus p:nth-child(2) span { font-size: 14px; font-weight: 400; color: #000000; margin-right: 20px; line-height: 24px; } .nhy{ background-color: #eee ; height: 6px; width: 100%; margin-top: 30px; } .hdyelaie .el-carousel__button{ width: 10px; height: 10px; border-radius: 50%; } .hdyelaie .el-carousel__indicators--horizontal{ left:94%; }