html { overflow-x: hidden; } body { overflow: hidden; } img { object-fit: cover; } .pc_head_box .pc_temp_head { width: 100%; height: 0.975rem; } .pc_head_box .pc_head_comp { width: 100%; height: 0.975rem; background-color: #fff; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 999; box-shadow: 0 2px 5px rgb(0 0 0 / 20%); } .pc_head_box .pc_head_comp .head_container { height: 0.975rem; padding: 0 1.75rem 0 2.0625rem; position: relative; } .pc_head_box .pc_head_comp .head_container .left_logo { width: 2.0625rem; height: 0.625rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); cursor: pointer; } .pc_head_box .pc_head_comp .head_container .left_logo img { width: 100%; height: 100%; } .pc_head_box .pc_head_comp .head_container .mid_nav { width: 100%; height: 0.975rem; line-height: 0.975rem; margin: 0 auto; } .pc_head_box .pc_head_comp .head_container .mid_nav .nav_item { display: block; font-size: 0.1875rem; margin-left: 0.7rem; cursor: pointer; } .pc_head_box .pc_head_comp .head_container .mid_nav .nav_item:hover { color: #008E3F; } .pc_head_box .pc_head_comp .head_container .mid_nav .nav_item:first-child { margin-left: 0; } .pc_head_box .pc_head_comp .head_container .right_search { width: 1.75rem; height: 0.375rem; border-radius: 0.1875rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .pc_head_box .pc_head_comp .head_container .right_search .search_ipt { width: 100%; height: 100%; border: 0 none; background-color: #fff; border: 1px solid #666666; border-radius: 0.1875rem; color: #333; padding-left: 0.1875rem; font-size: 0.15rem; text-align: left; margin: 0; } .pc_head_box .pc_head_comp .head_container .right_search .search_btn { width: 0.4875rem; height: 0.35rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: rgba(0, 142, 63, 0.05); border-radius: 0.1875rem; cursor: pointer; } .pc_head_box .pc_head_comp .head_container .right_search .search_btn:after { display: block; content: ''; width: 0.175rem; height: 0.175rem; background: url('../../../img/ss_icon.png') center center no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .h5_head_box { display: none; } .h5_head_box .h5_temp_head { width: 100%; height: 1.4rem; } .h5_head_box .h5_comp_head { z-index: 999; width: 100%; height: 1.4rem; position: fixed; top: 0; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 0 0.375rem; box-shadow: 0 2px 2px rgb(0 0 0 / 20%); } .h5_head_box .h5_comp_head .left_logo { width: 2.5rem; /* height: 0.7rem; */ } .h5_head_box .h5_comp_head .left_logo img { width: 100%; height: 100%; } .h5_head_box .h5_comp_head .right_meaus { display: flex; align-items: center; position: absolute; top: 50%; right: 0.4rem; transform: translateY(-50%); } .h5_head_box .h5_comp_head .right_meaus .h5_search { width: 0.35rem; height: 0.35rem; background: url('../../../img/h5_ss.png') center center no-repeat; background-size: 100% 100%; cursor: pointer; } .h5_head_box .h5_comp_head .right_meaus .line_mid { margin-left: 0.4125rem; margin-right: 0.4125rem; } .h5_head_box .h5_comp_head .right_meaus .menus_box { width: 0.6rem; height: 0.6rem; position: relative; } .h5_head_box .h5_comp_head .right_meaus .menus_btn { width: 0.3625rem; height: 0.3625rem; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .h5_head_box .h5_comp_head .right_meaus .menus_btn .line { position: absolute; top: 0; right: 0; display: block; width: 0.3625rem; height: 2px; background-color: #343638; } .h5_head_box .h5_comp_head .right_meaus .menus_btn .line1 { top: 0.05rem; margin: auto auto auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .h5_head_box .h5_comp_head .right_meaus .menus_btn .line2 { top: 0.15rem; } .h5_head_box .h5_comp_head .right_meaus .menus_btn .line3 { top: 0.275rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .h5_head_box .h5_comp_head .right_meaus .cur { position: relative; } .h5_head_box .h5_comp_head .right_meaus .cur .line2 { opacity: 0; } .h5_head_box .h5_comp_head .right_meaus .cur .line1 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0.15rem; } .h5_head_box .h5_comp_head .right_meaus .cur .line3 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0.15rem; } .h5_head_box .h5_nav_box { width: 100%; display: none; position: fixed; top: 1.1rem; left: 0; right: 0; z-index: 999; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; } .h5_head_box .h5_nav_box .nav_item { width: 100%; background-color: #F8F6F9; padding: 0 0.425rem 0 0.35rem; position: relative; } .h5_head_box .h5_nav_box .nav_item .nav_item_tit { height: 1.5rem; line-height: 1.5rem; font-size: 0.375rem; display: flex; justify-content: space-between; align-items: center; } .h5_head_box .h5_nav_box .nav_item .nav_item_tit a { color: #333; } .h5_head_box .h5_nav_box .nav_item .nav_item_tit::after { display: block; content: ''; width: 0.1125rem; height: 0.2125rem; background: url('../../../img/nav_jty.png') center center no-repeat; background-size: 100% 100%; } .h5_head_box .h5_nav_box .nav_item .nav_chaild_box { width: 100%; /* background-color: #008E3F; */ padding-bottom: 0.6875rem; display: none; } .h5_head_box .h5_nav_box .nav_item .nav_chaild_box .child_item { color: #fff; font-size: 0.3rem; padding-bottom: 0.2rem; border-bottom: 1px solid #35C076; display: flex; align-items: center; padding-top: 0.25rem; } .h5_head_box .h5_nav_box .nav_item .nav_chaild_box .child_item a { width: 100%; color: #fff; } .h5_head_box .h5_nav_box .nav_item .nav_chaild_box .child_item::before { display: block; content: ''; width: 0.125rem; height: 0.125rem; background: #FFFFFF; border-radius: 50%; margin-right: 0.275rem; margin-left: 0.4875rem; } .h5_head_box .h5_nav_box .nav_item .nav_chaild_box .child_item:first-child { padding-top: 0; } .h5_head_box .h5_nav_box .nav_item .nav_chaild_box .child_item:last-child { border-bottom: none; } .h5_head_box .h5_nav_box .nav_item:nth-child(even) { background-color: #fff; } .h5_head_box .h5_nav_box .cur_nav { height: auto; background-color: #008E3F !important; } .h5_head_box .h5_nav_box .cur_nav .nav_item_tit { color: #fff; } .h5_head_box .h5_nav_box .cur_nav .nav_item_tit a { color: #fff; } .h5_head_box .h5_nav_box .cur_nav .nav_item_tit::after { width: 0.2125rem; height: 0.1125rem; background: url('../../../img/nav_jts.png') center center no-repeat; background-size: 100% 100%; } .h5_head_box .search_box { display: none; width: 100%; background-color: #fff; padding: 0.375rem; position: fixed; top: 1.4rem; left: 50%; transform: translateX(-50%); z-index: 99; border-top: 1px solid #f2f2f2; } .h5_head_box .search_box .searchInput { width: 89%; height: 0.625rem; padding-left: 0.1875rem; border: 0 none; border: 1px solid #666; border-radius: 0.0625rem 0 0 0.0625rem; border-right: 0 none; font-size: 0.25rem; margin: 0; text-align: left; } .h5_head_box .search_box .h5_search_btn { width: 11%; height: 0.625rem; color: #333; font-size: 0.25rem; line-height: 0.625rem; text-align: center; color: #fff; background-color: #008E3F; border-radius: 0 0.0625rem 0.0625rem 0; border-top: 1px solid #008E3F; } @media (max-width: 1024px) { .w { width: 90%; } } @media (max-width: 997px) { .pc_head_box { display: none; } .h5_head_box { display: block; } } /*==常用字号==*/ .tit-12 { font-size: 12px; line-height: 2; } .tit-13 { font-size: 13px; line-height: 2; } .tit-14 { font-size: 14px; line-height: 2; } .tit-15 { font-size: 15px; line-height: 2; } .tit-16 { line-height: 1.8; font-size: 16px; } .tit-17 { line-height: 1.8; font-size: 17px; } .tit-18 { line-height: 1.8; font-size: 18px; } .tit-19 { line-height: 1.8; font-size: 19px; } .tit-20 { line-height: 1.8; font-size: 20px; } .tit-21 { line-height: 1.8; font-size: 21px; } .tit-22 { line-height: 1.8; font-size: 22px; } .tit-23 { line-height: 1.8; font-size: 23px; } .tit-24 { line-height: 1.8; font-size: 24px; } .tit-25 { line-height: 1.8; font-size: 25px; } .tit-26 { line-height: 1.8; font-size: 26px; } .tit-27 { line-height: 1.8; font-size: 27px; } .tit-28 { line-height: 1.8; font-size: 28px; } .tit-29 { line-height: 1.8; font-size: 29px; } .tit-30 { line-height: 1.8; font-size: 30px; } @media (max-width: 1681px) { /*==常用字号==*/ .tit-12 { font-size: 12px; } .tit-13 { font-size: 13px; } .tit-14 { font-size: 13px; } .tit-15 { font-size: 14px; } .tit-16 { font-size: 15px; } .tit-17 { font-size: 16px; } .tit-18 { font-size: 17px; } .tit-19 { font-size: 18px; } .tit-20 { font-size: 18px; } .tit-21 { font-size: 19px; } .tit-22 { font-size: 20px; } .tit-23 { font-size: 21px; } .tit-24 { font-size: 22px; } .tit-25 { font-size: 23px; } .tit-26 { font-size: 24px; } .tit-27 { font-size: 25px; } .tit-28 { font-size: 26px; } .tit-29 { font-size: 27px; } .tit-30 { font-size: 27px; } } @media (max-width: 1481px) { /*==常用字号==*/ .tit-13 { font-size: 12px; } .tit-14 { font-size: 12px; } .tit-15 { font-size: 13px; } .tit-16 { font-size: 14px; } .tit-17 { font-size: 15px; } .tit-18 { font-size: 16px; } .tit-19 { font-size: 17px; } .tit-20 { font-size: 18px; } .tit-20 { font-size: 16px; } .tit-21 { font-size: 17px; } .tit-22 { font-size: 18px; } .tit-23 { font-size: 19px; } .tit-24 { font-size: 20px; } .tit-25 { font-size: 21px; } .tit-26 { font-size: 22px; } .tit-27 { font-size: 23px; } .tit-28 { font-size: 24px; } .tit-29 { font-size: 25px; } .tit-30 { font-size: 26px; } } @media (max-width: 1281px) { /*==常用字号==*/ .tit-13 { font-size: 12px; } .tit-14 { font-size: 12px; } .tit-15 { font-size: 12px; } .tit-16 { font-size: 13px; } .tit-17 { font-size: 16px; } .tit-18 { font-size: 15px; } .tit-19 { font-size: 16px; } .tit-20 { font-size: 17px; } .tit-22 { font-size: 18px; } .tit-24 { font-size: 19px; } .tit-25 { font-size: 20px; } .tit-26 { font-size: 21px; } .tit-27 { font-size: 22px; } .tit-28 { font-size: 23px; } .tit-29 { font-size: 24px; } .tit-30 { font-size: 25px; } } @media (max-width: 1024px) { .tit-24 { font-size: 16px; } .tit-25 { font-size: 17px; } .tit-26 { font-size: 18px; } .tit-27 { font-size: 19px; } .tit-28 { font-size: 20px; } .tit-29 { font-size: 21px; } .tit-30 { font-size: 22px; } } @media (max-width: 997px) { .tit-16 { font-size: 12px; } .tit-18 { font-size: 14px; } .tit-20 { font-size: 16px; } }