.p_part_common { width: 100%; height: 8.75rem; margin-bottom: 0.125rem; position: relative; } .p_part_common .p_pc_img { display: block; } .p_part_common .p_h5_img { display: none; } .p_part_common img { width: 100%; height: 100%; object-fit: cover; } .p_part_common .fs42 { font-size: 0.525rem; } .p_part_common .fs16 { /* font-size: 0.2rem; */ } .p_part_common .more_btn { line-height: 1; cursor: pointer; } .p_part_common .more_btn a { color: #008E3F; } .p_part_common .more_btn::before { display: inline-block; content: ''; width: 0.375rem; height: 0.1375rem; background: url('../../../img/icon5.png') center center no-repeat; background-size: 100% 100%; margin-right: 0.1625rem; vertical-align: middle; } .p_part_first .p_big_tit { margin-top: 3.8rem; margin-left: 3.25rem; font-size: 0.6rem; } .p_part_2 .content_box_pc, .p_part_4 .content_box_pc, .p_part_6 .content_box_pc { position: absolute; top: 1.05rem; left: 3.25rem; } .p_part_2 .content_box_pc .icon_img, .p_part_4 .content_box_pc .icon_img, .p_part_6 .content_box_pc .icon_img { width: 0.275rem; height: 0.275rem; margin-bottom: 0.4125rem; } .p_part_2 .content_box_pc .icon_img img, .p_part_4.content_box_pc .icon_img img, .p_part_6 .content_box_pc .icon_img img { width: 100%; height: 100%; } .p_part_2 .content_box_pc .big_tit, .p_part_4 .content_box_pc .big_tit, .p_part_6 .content_box_pc .big_tit { margin-bottom: 0.4875rem; } .p_part_2 .content_box_pc .p_desc, .p_part_4 .content_box_pc .p_desc, .p_part_6 .content_box_pc .p_desc { width: 9.9125rem; color: rgba(255, 255, 255, 0.8); /* line-height: 0.35rem; */ line-height: 1.7; margin-bottom: 0.8125rem; } .p_part_2 .content_box_h5, .p_part_4 .content_box_h5, .p_part_6 .content_box_h5 { position: absolute; top: 3.125rem; left: 0.675rem; display: none; } .p_part_2 .content_box_h5 .icon_img, .p_part_4 .content_box_h5 .icon_img, .p_part_6 .content_box_h5 .icon_img { display: block; width: 0.275rem; height: 0.275rem; margin-right: 0.225rem; } .p_part_2 .content_box_h5 .icon_img img, .p_part_4 .content_box_h5 .icon_img img, .p_part_6 .content_box_h5 .icon_img img { display: block; } .p_part_2 .content_box_h5 .big_tit, .p_part_4 .content_box_h5 .big_tit, .p_part_6 .content_box_h5 .big_tit { margin-bottom: 0.35rem; } .p_part_2 .content_box_h5 .big_tit p, .p_part_4 .content_box_h5 .big_tit p, .p_part_6 .content_box_h5 .big_tit p { color: #fff; font-size: 0.525rem; } .p_part_2 .content_box_h5 .p_desc, .p_part_4 .content_box_h5 .p_desc, .p_part_6 .content_box_h5 .p_desc { font-size: 0.3rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.675rem; text-align: justify; padding-right: 0.7rem; } .p_part_2 .content_box_h5 .more_btn, .p_part_4 .content_box_h5 .more_btn, .p_part_6 .content_box_h5 .more_btn { position: absolute; bottom: 0; right: 0.45rem; } .p_part_3 .content_box_pc, .p_part_5 .content_box_pc, .p_part_7 .content_box_pc { position: absolute; top: 1.05rem; right: 3.325rem; } .p_part_3 .content_box_pc .icon_img, .p_part_5 .content_box_pc .icon_img, .p_part_7 .content_box_pc .icon_img { width: 0.2875rem; height: 0.3rem; margin-bottom: 0.4125rem; } .p_part_3 .content_box_pc .icon_img img, .p_part_5 .content_box_pc .icon_img img, .p_part_7 .content_box_pc .icon_img img { width: 100%; height: 100%; } .p_part_3 .content_box_pc .big_tit, .p_part_5 .content_box_pc .big_tit, .p_part_7 .content_box_pc .big_tit { margin-bottom: 0.4875rem; } .p_part_3 .content_box_pc .p_desc, .p_part_5 .content_box_pc .p_desc, .p_part_7 .content_box_pc .p_desc { width: 9.85rem; color: rgba(255, 255, 255, 0.8); line-height: 0.35rem; margin-bottom: 0.8125rem; } .p_part_3 .content_box_h5, .p_part_5 .content_box_h5, .p_part_7 .content_box_h5 { position: absolute; top: 3.125rem; left: 0.675rem; display: none; } .p_part_3 .content_box_h5 .icon_img, .p_part_5 .content_box_h5 .icon_img, .p_part_7 .content_box_h5 .icon_img { display: block; width: 0.275rem; height: 0.275rem; margin-right: 0.225rem; } .p_part_3 .content_box_h5 .icon_img img, .p_part_5 .content_box_h5 .icon_img img, .p_part_7 .content_box_h5 .icon_img img { display: block; } .p_part_3 .content_box_h5 .big_tit, .p_part_5 .content_box_h5 .big_tit, .p_part_7 .content_box_h5 .big_tit { margin-bottom: 0.35rem; } .p_part_3 .content_box_h5 .big_tit p, .p_part_5 .content_box_h5 .big_tit p, .p_part_7 .content_box_h5 .big_tit p { color: #fff; font-size: 0.525rem; } .p_part_3 .content_box_h5 .p_desc, .p_part_5 .content_box_h5 .p_desc, .p_part_7 .content_box_h5 .p_desc { font-size: 0.3rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.675rem; text-align: justify; padding-right: 0.7rem; } .p_part_3 .content_box_h5 .more_btn, .p_part_5 .content_box_h5 .more_btn, .p_part_7 .content_box_h5 .more_btn { position: absolute; bottom: 0; right: 0.45rem; } .p_part_4 .p_desc { margin-bottom: 1.1625rem; } .p_part_6 .p_desc { margin-bottom: 1.1625rem; } .p_part_7 .icon_img { width: 0.3375rem; } .footer_box_pc { width: 100%; background: #E8E8E8; position: relative; } .footer_box_pc .top_box { padding: 1.025rem 3.25rem 0.7875rem; border-bottom: 1px solid rgba(51, 51, 51, 0.1); position: relative; } .footer_box_pc .top_box .logo_box { width: 2.0625rem; height: 0.625rem; margin-bottom: 0.6125rem; } .footer_box_pc .top_box .logo_box img { width: 100%; height: 100%; } .footer_box_pc .top_box .foot_nav_box .foot_nav .footNav_item { display: block; margin-right: 1.125rem; font-size: 0.225rem; color: #666; cursor: pointer; } .footer_box_pc .top_box .foot_nav_box .foot_nav .footNav_item span { margin-left: 0.125rem; } .footer_box_pc .top_box .foot_nav_box .foot_nav .footNav_item:last-child { margin-right: 0; } .footer_box_pc .top_box .foot_nav_box .tel_box .name_company { font-size: 0.225rem; margin-bottom: 0.475rem; } .footer_box_pc .top_box .foot_nav_box .tel_box .tel { font-size: 0.35rem; margin-bottom: 0.175rem; } .footer_box_pc .top_box .foot_nav_box .tel_box .adress { font-size: 0.175rem; color: rgba(51, 51, 51, 0.5); } .footer_box_pc .top_box .share_box { margin-top: 0.7rem; height: 0.475rem; } .footer_box_pc .top_box .share_box .share_item { width: 0.475rem; height: 0.475rem; border-radius: 50%; margin-right: 0.1875rem; position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.5s; } .footer_box_pc .top_box .share_box .share_item:last-child { margin-right: 0; } .footer_box_pc .top_box .share_box .share_item .share_icon { display: block; width: 0.2125rem; height: 0.2125rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer_box_pc .top_box .share_box .share_item .wx { background: url('../../../img/222.png') center center no-repeat; background-size: 100% 100%; } .footer_box_pc .top_box .share_box .share_item:hover { background-color: #fff; border-color: #fff; } .footer_box_pc .top_box .share_box .share_item:hover .wx { background: url('../../../img/222.png') center center no-repeat; background-size: 100% 100%; } .footer_box_pc .bot_box { height: 1.5375rem; padding: 0.6rem 3.25rem 0; } .footer_box_pc .bot_box p { font-size: 0.2rem; color: #999; } .footer_box_pc .bot_box p:last-child { font-size: 0.175rem; } .footer_box_pc .back_top_box { width: 0.575rem; height: 0.575rem; background: #008E3F; border-radius: 50%; position: absolute; bottom: 4.525rem; right: 3.25rem; z-index: 1000; cursor: pointer; } .footer_box_pc .back_top_box:after { display: block; content: ''; width: 0.225rem; height: 0.225rem; background: url('../../../img/fhdb.png') center center no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer_box_h5 { display: none; } @media (max-width: 997px) { .p_part_common { height: auto; } .p_part_common .p_pc_img { display: none; } .p_part_common .p_h5_img { display: block; } .p_part_common img { object-fit: cover; } .p_part_first { height: 5.5375rem; } .p_part_first .p_big_tit { margin-top: 1.85rem; margin-left: 0.6875rem; } .p_part_2, .p_part_3, .p_part_4, .p_part_5, .p_part_6, .p_part_7 { height: 7.75rem; } .p_part_2 .content_box_pc, .p_part_3 .content_box_pc, .p_part_4 .content_box_pc, .p_part_5 .content_box_pc, .p_part_6 .content_box_pc, .p_part_7 .content_box_pc { display: none; } .p_part_2 .content_box_h5, .p_part_3 .content_box_h5, .p_part_4 .content_box_h5, .p_part_5 .content_box_h5, .p_part_6 .content_box_h5, .p_part_7 .content_box_h5 { display: block; } .footer_box_pc { display: none; } .footer_box_h5 { display: block; height: auto; background: #E8E8E8; position: relative; } .footer_box_h5 .top_box { width: 8.625rem; height: auto; padding: 0.775rem 0 0.425rem; margin: 0 auto; border-bottom: 1px solid #D2CFD2; } .footer_box_h5 .top_box .logo_box { width: 2.35rem; height: 0.7125rem; margin: 0 auto 0.7rem; } .footer_box_h5 .top_box .logo_box img { width: 100%; height: 100%; } .footer_box_h5 .top_box .foot_nav { display: none; } .footer_box_h5 .top_box .tel_box { position: unset; width: 100%; } .footer_box_h5 .top_box .tel_box .name_company { font-size: 0.3rem; margin-bottom: 0.4rem; } .footer_box_h5 .top_box .tel_box .tel { font-size: 0.45rem; margin-bottom: 0.2375rem; } .footer_box_h5 .top_box .tel_box .adress { font-size: 0.3rem; color: rgba(51, 51, 51, 0.5); } .footer_box_h5 .top_box .share_box { margin-top: 0.4625rem; height: 0.475rem; } .footer_box_h5 .top_box .share_box .share_item { width: 0.475rem; height: 0.475rem; border-radius: 50%; margin-right: 0.1875rem; position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.5s; } .footer_box_h5 .top_box .share_box .share_item:last-child { margin-right: 0; } .footer_box_h5 .top_box .share_box .share_item .share_icon { display: block; width: 0.2125rem; height: 0.2125rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer_box_h5 .top_box .share_box .share_item .wx { background: url('../../../img/222.png') center center no-repeat; background-size: 100% 100%; } .footer_box_h5 .top_box .share_box .share_item:hover { background-color: #fff; border-color: #fff; } .footer_box_h5 .top_box .share_box .share_item:hover .wx { background: url('../../../img/222.png') center center no-repeat; background-size: 100% 100%; } .footer_box_h5 .bot_box { padding: 0.425rem 0.25rem 0.75rem; height: auto; flex-flow: column; justify-content: center; } .footer_box_h5 .bot_box .mb15 { margin-bottom: 0.1875rem; } .footer_box_h5 .back_top_box { top: 0.9125rem; right: 0.7rem; } }