.header{ width: 100%; height: 72px; } .header_cengter{ width: 1200px; height: 72px; margin: auto; position: relative; } .cengter{ width: 100%; float: left; } .center_left{ margin-top: 19.5px; width: 148px; height: 33px; } .header_cengter a{} .header_cengter img{ width: 148px; height: 33px; } .center_serch{ width: 500px; height: 38px; background-color: #f5f5f5; border-radius: 19px; margin: auto; /* margin-top: 17px; */ position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .center_serch input{ width: 500px; height: 38px; border: none; padding-left: 20px; border-radius: 19px; border: 1px solid transparent; background-color: transparent; box-sizing: border-box; position: relative; } .serch_right{ width: 80px; height: 38px; background-color: red; color: #fff; border-top-right-radius: 19px; border-bottom-right-radius: 19px; font-weight: 600;text-align: center; position: absolute; right: 0; top: 0; } .serch_right i{ font-weight: 400; vertical-align: middle; background-size: contain; } .serch_right a{ line-height: 38px; color: #fff; text-align: center; font-size: 14px; } .center_right{ width: 230px; height: 72px; position: absolute; right: 0; top: 0; } .center_right .list{ width: 230px; height: 72px; } .center_right .list li:last-child{ margin-right: 0px !important; } .center_right .list li{ float: left; padding: 15.5px 0; margin-right: 12px; min-width: 48px; } .center_right .list li a{ display: block; text-align: center; } .center_right .list li a i{ font-size: 24px; color: #b3b3b3; } .center_right .list li a p{ font-size: 12px; color: #b3b3b3; } .center_right .list li a img{ width: 40px; height: 40px; border-radius: 50%; } .content{ height: 40px; width: 100%; } .content .content_menu{ background-color: #f7f7f7; height: 40px; width: 100%; } .content .content_menu ul{ width: 1200px; height: 100%; margin: 0 auto; position: relative; } .menu_list li{ float: left; width: 75px; height: 100%; line-height: 40px; text-align: center; } .menu_list li a{ width: 100%; height: 100%; color: #000; display: block; } .menu_list li a:hover{ color: red; border-bottom:2px solid red ; } .menu_list li:hover .menu_list_li{ display: block; background-color: white; } .menu_list_li{ display: none; position: relative; right: 600px; top:0px; } .content_center{ margin-top: 24px; } .center_top{ width: 1200px; height: 266px; /* background-color: red; */ margin: 0 auto; } .center_top_banner{ width: 471px; height: 266px; margin-right: 16px; float: left; }.center_top_banner img{ width: 471px; height: 266px; border-radius: 5px; } .center_top_right{ width: 713px; height: 262px; float: left; } .right_menu{} .right_menu li{ width: 227px; height: 128px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; float: left; /* 右侧对不齐 */ } .right_menu li img{ display: block; width: 227px; height: 128px; } .center_bottom{ width: 1200px; height: 272px; margin: 0 auto; margin-top: 24px; box-sizing: border-box; } .bottom_menu{ width: 1200px; height: 28px; } .menu_left::before{ content: ""; width: 0.5px; height: 18px; background-color: red; display: inline-block; margin: auto; padding-right: 4px; } .menu_left{ width: 68px; height: 28px; float: left; } .menu_left span{ font-size: 28px; text-align: center; } .menu_right{ width: 60px;px; height: 28px; } .menu_right a{ color: #888; } .menu_right span{} .menu_right i{} .bottom_text{ width: 1200px; height: 202px; margin-top: 18px; } .bottom_text .card{ width: 100%; height: 100%; } .bottom_text .card li{ float: left; margin: 0 13px 13px 0; } .bottom_text .card li img{ width: 227px; border-radius: 5px; } .bottom_text .card li:last-child{ margin-right: 0px; }