*{ margin: 0; padding:0; } li{ list-style: none; } .heard{ width: 100%; height: 390px; background: url(.//img/top.png) no-repeat; } .heard_bt{ width: 100%; height: 70px; position: fixed; background: black; } .center2{ width:1126px; height: 800px; margin: 0 auto; } .center{ height:70px; width:1126px; margin: 0 auto; line-height: 70px; } .center .center_lgt{ width: 81px; height: 70px; float: left; } .heardz_left{ float: left; width:367px; margin-left: 35px; } .heardz_left_li{ float: left; color: #fff; margin-right: 20px; } .heardz_left_li img{ float: right; width: 20px; height: 20px; display: block; margin-top: 28px; } .heard_sousu_left{ float: left; } .heard_sousu{ float: left; line-height: 70px; margin: 0 auto; } .heard_sousu_left input{ width: 260px; height: 44px; line-height: 44px; border-top-left-radius:10px; border-bottom-left-radius:10px; background-color: #fff; border: 1px solid #969696; border-right: none; box-sizing: border-box; } .heard_sousu_right{ float:left; width:80px; height:43px; line-height:44px; align-items: center; background-color: red; border-top-right-radius:10px; border-bottom-right-radius:10px; margin-top: 15px; padding:0 5px; box-sizing: border-box; } .heard_sousu_right img{ width:20px; height: 20px; margin-right:4px; line-height:15px ; } .heardz_right{ float: right; margin: 10px 0; box-sizing: border-box; } .heardz_right img{ margin: 0 auto; width:20px; height: 20px; display: block; margin-bottom: 10px; margin-right: 15px; } .heardz_right li{ margin-top: 6px; line-height: 0; float: left; width: 56px; height: 50px; margin-left:30px; } .list_two_t_text{ padding-top:0; } .heardz_right span{ font-size: 14px; color: #fff; } .heardz_right .heardz_right_dl{ margin: 0 auto; margin-left: 20px; line-height:50px; color: #fff; width:84px; height: 50px; background-color: red; border-radius:20px; text-align: center; } .conten_sy{ width: 1125px; height:780px; } .center_list{ width: 1126px; height: 70px; padding: 0 20px; } .center_li{ margin-top: 20px; float: left; width: 92px; height: 40px; margin-left:45px; line-height: 40px; font-weight: 600; color: #000; font-size:14px; border-radius:20px; text-align:center; background: #969696; } .conten_lf{ float: left; height: 755px; width: 710px; } .conten_lfs{ height: 45px; padding-top: 10px; box-sizing: border-box; } .conten_lfsz{ float: left; } .conten_lfsy{ float: right; } .conten_lfsz_sp{ margin-right: 20px; font-weight: bolder; color: #111; } .conten_lfsz_gd,.center_sjl{ font-size: 13px; color: #999; } .conten_lfxm{ width: 710px; height: 730px; } .conten_lfxm_tuy{ width: 159.5px; height:280px ; } .conten_lfxm_sp_tu img{ height: 14px; width: 14px; margin-right: 6px; } .conten_lfxm_sp_xih{ font-size: 13px; color: #999; } .conten_lfxm_sp h5{ padding-top:10px; } .conten_lfxm_sp{ float: left; margin-right:24px; } .conten_lfxm_sp:nth-child(4n){ margin-right:0px; } .conte_zxm_tp{ margin-top:48px; } .conten_rg{ overflow: hidden; width: 400px; float: right; } .conten_rg_xr{ background: rgb(161, 166, 167); } .header_right_rem_xl_t img{ width: 16px; height: 16px; } .header_right_rem_xl_rmtp{ width:30px; height:30px; right:0px; top: 20px; } .header_right_rem_xl_h{ line-height: 68px; float: left; display: block; color: orange; font-size: 25px; margin: 0 10px; } .header_right_rem_xl{ width: 383px; height: 70px; position: relative; border-bottom: 1px solid #969696; } .header_right_rem_xl_yedw{ float: left; margin-bottom: 0px; } .header_right_rem_xl_rmtp img{ width:30px; height:30px; right:0px; top: 20px; position: absolute; } .header_right_rem_xl_p{ margin-top: 20px; font-weight: 500; max-width: 240px; } .header_right_rem_xl_t{ margin-top: 10px; } .header_right_rem_xl_rdy{ color: #999; font-size: 13px; } /* /* *{ margin: 0; padding:0; } li{ list-style: none; } .header_backimg{ width:100%; position: relative; } .header_backimg img{ width:100%; height: 360px; position: absolute; } .header_ones{ width:100%; height: 70px; background-color:#000; padding-left:120px; padding-right:30px; display: flex; position: fixed; z-index:9; } .list_one,.list_one_o{ display: flex; align-items: center; } .header_ones img{ width: 162px ; height: 70px ; } .list_one_o{ font-size: 14px; color: #fff; margin:0 15px; } .list_one_o img{ width:20px ; height: 20px; margin-left: 5px; } .search{ display: flex; align-items: center; margin-left:100px; } .search_left{ width: 260px; height: 44px; line-height: 44px; border-top-left-radius:10px; border-bottom-left-radius:10px; background-color: #fff; padding:0 14px; box-sizing: border-box; } .search_right{ width: 80px; height: 44px; line-height: 44px; display: flex; align-items: center; background-color: red; border-top-right-radius:10px; border-bottom-right-radius:10px; padding:0 5px; box-sizing: border-box; } .search_right img{ width:20px; height: 20px; margin-right:4px; } .search_right span{ font-size:16px; color: #fff;; } .list_two{ display: flex; align-items: center; margin-left:20px; } .list_two_t{ width:56px; top:0; transform: translateY(5%); margin-right:20px; } .list_two_t img{ width:20px; height: 20px; display: block; margin-left: 18px; } .list_two_t_text{ font-size:14px; color: #fff !important; } .list_two_w{ width:84px; height: 43px; background-color: red; border-radius:20px; text-align: center; line-height:43px; color: #fff; } .center{ width:100%; height: 500px; position: absolute; margin-top:400px; } .center_list{ display: flex; align-items: center; justify-content: space-around; } .center_list li{ width:92px; height: 40px; font-size:14px; color:#000; list-style: none; border-radius:20px; background-color:#dad2d2; text-align: center; line-height:40px; } .center_left{ margin-top: 50px; margin-left:30px; width: 710px; } .center_left_gd{ font-size: 13px; color: #999; } .center_left_s{ width:680px; } .center_left_s .center_jc{ padding-right:20px; font-weight: bolder; font-size: 18px; font-weight: bolder; color: #111; } .center_sj{ float: right; } .center_sjl{ padding-left:20px; font-size: 13px; color: #999; } .center_jcds{ display: flex; height:330px; margin-top: 15px; width: 710px; } .center_jcds_tu{ margin-right: 24px; width: 159.5px; height:110px ; box-sizing: border-box; } .center_jcds_tu img{ width: 100%; height: 263px; border-radius: 6px } .center_jcds_tu h5{ margin: 0; color: #111; padding-top: 15px; } .center_jcds_tu_xh{ font-size: 13px; color: #999; } .center_jcds_tu_z img{ height: 14px; width: 14px; margin-right: 6px; } .center_jcds_tu_z{ padding-top:3px; } .header_right{ width: 416px; float: right; padding: 0 16.5px; margin-top:-720px; margin-right: 70px; } .center_left_sk{ width: 450px; } .header_right_rem{ margin-right: 50px; width: 416px; margin-top: 20px; padding: 0 20px; background: #dad2d2; } .header_right_rem_xl{ width: 383px; height: 68px; border-bottom: 1px solid #969696; } .header_right_rem_xl_h{ line-height: 68px; float: left; display: block; color: orange; font-size: 25.6px; margin-right: 5.6px; } .header_right_rem_xl_p{ margin-top: 20px; font-weight: 500; max-width: 240px; line-height: 15.6px; } .header_right_rem_xl_t img{ margin-top: 10px; width: 16px; height: 16px; } .header_right_rem_xl_rdy{ color: #999; font-size: 13px; } .header_right_rem_xl_rmtp{ position: relative; } .header_right_rem_xl_rmtp img{ position: absolute; width:30px; height:30px; right:0px; top: 20px; } .header_right_rem_xl_yedw{ float: left; } * */