.box1_left{ position: relative; } .box1_left h4{ position: absolute; top: 10%; left: 10%; color: white; font-size: 36px; font-weight: 400; } .box1_left .oviesa{ position: absolute; bottom: 15%; left: 10%; color: white; font-size: 35px; font-weight: 400; } .oviesa .numm{ font-size: 54px; font-weight: 400; line-height: 2; } .box1_right{ padding-left: 50px; } .box1_right>div{ padding: 100px 0px; } .box_ite1{ display: flex; align-items: center; } .box1_right span{ font-size: 24px; font-weight: 400; vertical-align: middle; } .box1_right p{ line-height: 25px; margin-top: 10px; } /* ````` */ .eason{ position: relative; margin-bottom: 100px; } .eason_pop{ max-width:400px; } .eason .eason_item{ width: 50%; text-align: center; cursor: pointer; height: 70px; } .eason_item h4{ background-color: #f6f7f9; margin: 0px; padding: 20px 0px; font-size: 20px; font-weight: 400; } .eason_item:hover .eason_item_box{ display: block; } .eason_item_box{ display: none; } .eason_item_box li{ padding: 10px 0px; position: relative; } .actives{ color: #0a2a8f; font-weight: bold; } .actives::after{ content: ''; width: 30%; height: 1px; display: inline-block; background-color: #e71e0f; border-radius: 2px; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,-50%); } /* `````` */ .pinokoe{ margin-bottom: 70px; } .jsszc{ margin-bottom: 70px; } .pinokoe h4{ font-size: 24px; font-weight: bold; position: relative; padding-left: 7px; } .pinokoe h4::after{ content: ''; position: absolute; top: 50%; left: 0px; width: 1px; height: 60%; background-color: #e71e0f; transform: translate(-50%,-50%); } .pinokoe h5{ font-size: 24px; font-weight: normal; } .pinokoe_it1{ margin-bottom: 80px; } .wroeid{ display: flex; } .pinokoe_it1 p{ line-height: 25px; } .liuia{ font-size: 37px; font-weight: bold; } .moke{ padding-top: 20px; padding-left: 10px; } .moke p{ margin-bottom: 10px; font-size: 20px; font-weight: 400; } .elicde{ margin: 50px 0px; display: flex; justify-content: center; } .elicde div{ margin: 0px 150px; font-size: 31px; font-weight: bold; padding-bottom: 8px; } .elicde_t1{ color: #b1b1b1; border-bottom: 1px solid #b1b1b1; } .elicde_t2{ color: #e1d299; border-bottom: 1px solid #e1d299; } .elicde_t3{ color: #0a2a8f; border-bottom: 1px solid #0a2a8f; } .table{ width: 100%; margin: 50px 0px; } .table th{ background-color: #3b3b3b; text-align: center; color: white; } .table td{ width: 100px; border-bottom:1px solid #ddd; text-align: center; } .table p{ width: 200px; margin: auto; text-align: left !important; } .table tr td:nth-child(1) { background-color: #f6f8fb; border: none; width: 0px; line-height: 50px; width: 80px; } .icon_box{ position: fixed; right: 0px; bottom: 50%; cursor: pointer; display: none; } .jsszc h5{ font-size: 24px; font-weight: bold; margin-bottom: 30px; position: relative; padding-left: 10px; } .jsszc p{ font-size: 20px; font-weight: normal; } .jsszc_list_item{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px; border-bottom: 1px solid #f2f4f7; padding-bottom: 30px; } .tttia{ display: flex; align-items: center; } .tttia_t1{ padding-left: 15px; } .tttia_t1 h4{ font-size: 18px; font-weight: normal; } .tttia_t1 p{ font-size: 14px; color: #999999; } .xzzz{ border: 1px solid #0A2A8F; color: #0A2A8F; font-size: 14px; padding: 10px 60px; cursor: pointer; } .jsszc h5::after{ content: ''; position: absolute; top: 50%; left: 0px; width: 1px; height: 60%; background-color: #e71e0f; transform: translate(-50%,-50%); } /*选项卡*/ .tab_switch[data-active="124"]{ display: none; } @media(max-width:767px){ .dav-fw{ padding-top:40px; } .box1_right span{font-size:22px;} .eason_item h4{padding:10px 0;font-size:14px;} .eason{margin-bottom:50px;} .box1_left h4{font-size:22px;} .pinokoe h4{font-size:22px;} .pinokoe h5{font-size:18px;} }