@charset "utf-8";

/* 调大看小 */
@media screen and (max-width: 1680px) {
    .hc_padd100 {
        padding: 80px 0;
    }

    .home_tits .tit {
        font-size: 46px;
    }

    .home_tits {
        margin-bottom: 50px;
    }

    .hd_search, .hd_shop {
        height: 44px;
        width: 44px;
    }

    .home_pro_link {
        padding: 20px 30px 25px;
    }

    .home_pro_link .control {
        margin-bottom: 10px;
    }

    .home_pro_img {
        max-width:100%;
        margin: 0 auto 30px;
    }

    .home_pro_tit {
        font-size: 22px;
    }

    .home_cate_dots, .home_pro_list .slick-dots, .home_know_list .slick-dots {
        margin-top: 40px;
    }

    .pro_img_cont {
        width: 370px;
        margin-left: -160px;
    }

    .home_cate_flex .right {
        border-radius: 16px 120px 16px 16px;
    }

    .pro_info {
        width: calc(100% - 205px);
        padding-right: 100px;
        padding-left: 20px;
    }

    .pro_info_tit {
        font-size: 38px;
        margin-bottom: 50px;
    }

    .pro_info_icon {
        width: 60px;
    }

    .home_cate_flex .right {
        width: 61.702127%;
        margin-left: -30%;
        padding: 40px 0;
    }

    .pro_info_more {
        min-width: 150px;
        line-height: 46px;
        border-radius: 46px;
        font-size: 18px;
    }

    .home_cate_line {
        width: 270px;
    }

    .home_cate_flex .left {
        border-radius: 16px 16px 16px 130px;
    }

    .home_process_imgbox {
        padding-right: 70px;
    }

    .home_process_tit {
        margin-bottom: 40px;
    }

    .home_profe_tit {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .home_profe::before {
        width: 70.375%;
    }

    .home_profe_flex .right {
        left: calc(60% - 50px);
    }

    .home_profe .left {
        width: 48%;
    }

    .home_profe {
        padding: 80px 0 80px;
    }

    .home_profe_intersperse {
        width: 80px;
    }

    .home_bencont .left {
        width: 420px;
        margin-right: 60px;
    }

    .home_benefits .home_tits {
        margin-bottom: 55px;
    }

    .home_benleft_cont {
        border-radius: 50px 8px 8px 8px;
        padding: 40px 40px 30px 40px;
        min-height: 300px;
    }

    .home_benleft_icon {
        width: 50px;
        margin-bottom: 15px;
    }

    .home_benimg_b {
        padding-bottom: 100px;
    }

    .home_benimg_b img:last-child {
        bottom: -50px;
    }

    .home_tits .tit {
        font-size: 44px;
    }

    .home_know_link {
        border-radius: 8px 8px 60px 8px;
    }

    .home_know_conts {
        padding: 30px 25px 0px;
    }

    .home_know_text {
        margin-bottom: 40px;
    }

    .home_know_more {
        margin-bottom: 35px;
    }

    .home_know_line {
        width: 190px;
    }

    .ft_cont {
        padding: 70px 0 30px;
    }

    .ft_item:not(:last-child) {
        margin-right: 45px;
    }

    .ft_contact_text p {
        font-size: 16px;
    }

    .ft_contact_text a {
        font-size: 16px;
    }

    .ft_links {
        font-size: 16px;
    }

    .ft_contact_icon {
        width: 16px;
        margin-right: 11px;
        margin-top: 7px;
    }

    .ft_cont .right {
        width: 280px;
        margin-left: 30px;
    }

    .ft_cont .right .ft_tit {
        margin-bottom: 25px;
    }

    .ft_cont_form {
        margin-bottom: 35px;
    }

    .ft_share a {
        width: 40px;
        height: 40px;
    }
    
    .ft_share a span {
        font-size: 16px;
    }

    .ft_share li:not(:last-child) {
        margin-right: 16px;
    }

    .ft_product .ft_list {
        max-height: 285px;
    }

    .ft_bot {
        padding: 14px 0;
    }
    
    .sitemap {
        font-size: 16px;
    }
    
    .about_info_line {
        width: 236px;
    }

    .hc_tit46 {
        font-size: 38px;
    }

    .page_banenr_cont h1 {
        font-size: 40px;
    }

    .about_info_img {
        border-radius: 16px 140px 16px 16px;
    }

    .about_info_left {
        width: 40.29787%;
    }

    .hc_margin60 {
        margin-bottom: 50px;
    }

    .about_certificate {
        padding-bottom: 60px !important;
    }

    .contact_icon {
        width: 30px;
        margin-bottom: 18px;
    }

    .contact_tit {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .contact_form_text p, .contact_form_text {
        margin-bottom: 40px;
    }

    .prodeta_form_item.textarea {
        margin-bottom: 40px;
    }

    .prodeta_form_item button {
        min-width: 120px;
        height: 44px;
        font-size: 18px;
    }

    .contact_map .map-content {
        height: 400px;
    }

    .contact_form {
        padding-top: 0 !important;
        padding-bottom: 60px !important;
    }

    .news_time {
        margin-right: 30px;
    }

    .news_text {
        margin-bottom: 38px;
    }

    .news_item_cont {
        padding-bottom: 30px;
    }

    .news_item:not(:last-child) {
        margin-bottom: 40px;
    }

    .news_time .month {
        font-size: 26px;
    }

    .news_tit {
        font-size: 22px;
    }

    .news_list {
        margin-bottom: 60px;
    }

    .product_right_tit {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .prodeta_info {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .prodeta_info_flex .left {
        margin-right: 80px;
    }

    .prodeta_info_subtit {
        font-size: 18px;
    }

    .prodeta_info_tit {
        font-size: 30px;
    }

    .prodeta_info_text {
        margin-bottom: 40px;
    }

    .prodeta_info_btn:not(:last-child) {
        margin-right: 20px;
    }

    .prodeta_info_share{
        margin-bottom: 30px;
    }

    .hd .hc_cont1560{
        width: 90%;
    }

    .hd_pro_list .hd_cont>a, .hd_pro_list .hd_cont>div {
        padding: 22px 0;
        font-size: 16px;
    }

    .hd_pro_list>li {
        margin-left: 65px;
    }

    .hd_nav_item {
        margin-left: 35px;
    }

    .hd_search button {
        width: 20px;
    }

    .hd_tran, .hd_shop {
        margin-left: 20px;
    }

    .hd_logo {
        width: 160px;
    }

    .hc_container {
        margin-top: 172px;
    }

    .hd_more_item a {
        line-height: 66px;
        font-size: 16px;
    }

    .hd_more_item:not(:first-child) {
        margin-left: 34px;
    }

    .mod_prev, .mod_next {
        width: 48px;
        height: 48px;
    }

    .about_hslick {
        width: calc(100% - 440px);
    }
    
    .about_hcont_citem_cont {
        padding: 0 40px;
    }

    .home_pro_arrow {
        width: calc(100% + 130px);
    }

    .about_hitem_cont {
        font-size: 70px;
    }

    .about_hcont_citem_cont .left {
        padding-right: 40px;
    }

    .about_hcont_citem_cont .right {
        padding-left: 40px;
    }

    .ahcc_tit {
        font-size: 28px;
    }

    .ahcc_text p{
        padding-left: 25px;
        font-size: 18px;
    }

    .ahcc_text p::after {
        top: 7px;
    }

    .ahcc_item:not(:last-child) {
        margin-bottom: 30px;
    }

    .about_history_bg{
        width: 270px;
    }

    .ct_aside1_link,
    .ct_aside1_switch{
        width: 52px;
        height: 52px;
    }

    .ct_aside1_link {
        font-size: 22px;
    }

    .home_banner_icon_cont img {
        width: 90px;
    }

    .home_banner_progress {
        height: 40px;
    }

    .prodeta_info_flex .left {
        margin-right: 65px;
    }

    .prodeta_info_mitem {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }





    /* 1680end */
}

@media screen and (max-width: 1560px) {
    
    /* 1560end */
}

@media screen and (max-width: 1440px) {
    .hc_padd100 {
        padding: 70px 0;
    }

    .home_tits {
        margin-bottom: 40px;
    }

    .home_tits .tit {
        font-size: 34px;
    }

    .home_tits .subtit {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .home_pro_bg img {
        width: 190px;
    }

    .home_pro_link {
        padding: 18px 20px 25px;
    }

    .hd_search, .hd_shop {
        height: 40px;
        width: 40px;
    }

    .hd_shop img {
        width: 18px;
    }

    .home_pro_link .new {
        font-size: 14px;
    }

    .home_pro_img {
        margin: 0 auto 20px;
    }

    .home_pro_tit {
        font-size: 18px;
    }

    .pro_img_cont {
        width: 320px;
        margin-left: -140px;
    }

    .pro_info {
        width: calc(100% - 160px);
        padding-right: 80px;
        padding-left: 0px;
    }   

    .pro_info_tit {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .pro_info_more {
        min-width: 130px;
        line-height: 42px;
        border-radius: 42px;
        font-size: 16px;
    }

    .home_cate_line {
        width: 230px;
    }

    .pro_info_icon {
        width: 50px;
    }

    .home_cate_flex .right {
        width: 59.702127%;
    }

    .home_process_imgbox {
        padding-right: 40px;
    }

    .home_process_tit {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .home_process_number {
        font-size: 14px;
        padding-bottom: 14px;
        margin-bottom: 20px;
    }

    .home_profe {
        padding: 70px 0 ;
    }

    .home_profe_play {
        width: 60px;
    }

    .home_profe_intersperse {
        width: 70px;
    }

    .home_profe_tit {
        font-size: 36px;
    }

    .home_profe_text p {
        font-size: 16px;
    }

    .home_profe_list {
        margin: 0 -20px 20px;
    }
    
    .home_benefits .home_tits {
        margin-bottom: 45px;
    }

    .home_bencont .left {
        width: 380px;
        margin-right: 40px;
    }

    .home_benleft_cont {
        border-radius: 40px 8px 8px 8px;
        padding: 30px;
        min-height: 200px;
    }

    .home_benleft_tit {
        font-size: 18px;
    }

    .hc_text16, .hc_text16 p {
        font-size: 14px;
    }

    .home_benleft_icon {
        width: 40px;
        margin-bottom: 12px;
    }

    .home_know_text p {
        font-size: 18px;
        line-height: 1.5;
    }

    .home_know_conts {
        padding: 25px 20px 0px;
    }

    .home_know_text {
        margin-bottom: 30px;
    }

    .home_know_more {
        margin-left: 25px;
        margin-bottom: 30px;
    }

    .home_know_moretext {
        font-size: 14px;
    }

    .home_know_more_img {
        width: 34px;
    }

    .home_pro_arrow {
        width: calc(100% + 150px);
    }

    .mod_prev, .mod_next {
        width: 42px;
        height: 42px;
    }

    .mod_prev::after, .mod_next::after{
        font-size: 13px;
    }

    .ft_item:not(:last-child) {
        margin-right: 30px;
    }

    .ft_cont .right {
        width: 240px;
        margin-left: 20px;
    }

    .ft_cont_form input {
        padding-left: 20px;
        padding-right: 40px;
        height: 44px;
    }

    .ft_tit {
        font-size: 18px;
    }

    .ft_share a {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }

    .ft_share li:not(:last-child) {
        margin-right: 12px;
    }

    .hc_padd100 {
        padding: 65px 0;
    }

    .ft_cont {
        padding: 65px 0 30px;
    }


    .ft_contact_list li:first-child .ft_contact_icon{
        margin-top: 5px;
    }

    .ft_contact_icon {
        margin-right: 7px;
    }

    .ft_product .ft_list li {
        margin-right: 10px;
    }

    .page_banenr_cont h1 {
        font-size: 36px;
    }

    .hc_tit46 {
        font-size: 32px;
    }

    .about_info_img {
        border-radius: 14px 120px 14px 14px;
    }

    .about_info_sbutit {
        font-size: 16px;
    }

    .about_info_tit {
        margin: 10px 0;
    }

    .hc_margin60 {
        margin-bottom: 45px;
    }

    .about_certificate {
        padding-bottom: 50px !important;
    }

    .about_ceritem {
        padding: 0 30px;
    }

    .about_cerlist {
        margin: 0 -30px;
    }

    .contact_icon {
        width: 26px;
        margin-bottom: 12px;
    }

    .contact_tit {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .contact_text p, .contact_text a {
        font-size: 16px;
    }

    .contact_item {
        min-height: 230px;
        padding: 25px 20px;
    }

    .prodeta_form_text {
        margin-bottom: 8px;
    }

    .prodeta_form_item:last-child {
        margin-bottom: 0px;
    }

    .prodeta_form_item.textarea {
        margin-bottom: 30px;
    }

    .contact_form {
        padding-bottom: 65px !important;
    }

    .contact_map .map-content {
        height: 350px;
    }

    .news_left {
        width: 340px;
        margin-right: 25px;
    }

    .news_time .month {
        font-size: 22px;
    }

    .news_time {
        margin-right: 25px;
    }

    .news_tit {
        font-size: 20px;
    }

    .news_text p {
        font-size: 15px;
        line-height: 1.85;
    }

    .news_text {
        margin-bottom: 30px;
    }

    .news_item_cont {
        padding-bottom: 25px;
    }

    .news_item:not(:last-child) {
        margin-bottom: 35px;
    }

    .news_list {
        margin-bottom: 50px;
    }

    .mod_page_item a {
        width: 36px;
        line-height: 34px;
    }

    .product_left {
        width: 28%;
        flex-shrink: 0;
    }

    .product_right_tit {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .product_left_tit {
        padding: 15px var(--paddX);
        font-size: 18px;
        line-height: 150%;
    }

    .product_left_link {
        font-size: 18px;
    }

    .product_left_conts {
        padding: 12px var(--paddX);
    }

    .product_second li a {
        padding: 6px 24px;
    }

    .product_second {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .product_left_icon {
        width: 12px;
    }

    .product_right_item {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .product_right_list {
        margin-bottom: 20px;
    }

    .prodeta_info_mitem {
        padding: 6px 0;
    }

    .prodeta_info_mslick {
        padding-left: 15px;
    }

    .prodeta_info_flex .left {
        margin-right: 60px;
    }

    .prodeta_info_subtit {
        font-size: 16px;
    }

    .prodeta_info_tit {
        font-size: 26px;
    }

    .prodeta_info_text p {
        font-size: 16px;
    }

    .prodeta_info_text {
        margin-bottom: 30px;
    }

    .prodeta_info_btn {
        min-width: 130px;
        padding: 0 18px;
        height: 40px;
        font-size: 15px;
    }

    .prodeta_info_btn::after {
        font-size: 16px;
        margin-left: 10px;
    }

    .prodeta_info {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .prodeta_info_flex .left {
        width: 48.666666%;
    }

    .hc_margin60 {
        margin-bottom: 40px;
    }

    .prodeta_edit th, .prodeta_edit td {
        min-width: 200px;
        padding: 18px 50px;
        font-size: 15px;
    }

    .prodeta_info_share{
        margin-bottom: 25px;
    }

    .hd_search button {
        width: 18px;
    }

    .hd_pro_list .hd_cont>a, .hd_pro_list .hd_cont>div {
        padding: 20px 0;
    }

    .hd_pro_list>li {
        margin-left: 45px;
    }

    .hd .hc_cont1560 {
        width: 94%;
    }

    .hd_more_item:not(:first-child) {
        margin-left: 25px;
    }

    .hd_more_item a {
        line-height: 60px;
    }

    .hd_bot_flex .rigth {
        padding: 17px 0 0;
    }

    .hc_container {
        margin-top: 159px;
    }

    .hd_logo {
        width: 140px;
    }

    .hd_search {
        width: 260px !important;
    }

    .hd_nav_item {
        margin-left: 30px;
    }

    .about_main .home_pro_arrow {
        width: calc(100% + 110px);
    }

    .about_hitem_cont {
        font-size: 54px;
    }

    .about_hcont_slick {
        margin-top: 40px;
    }

    .about_hcont_citem_cont {
        padding: 0 20px;
    }

    .about_hcont_citem_cont .right {
        padding-left: 20px;
    }

    .about_hcont_citem_cont .left {
        padding-right: 20px;    
    }

    .ahcc_tit {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .ahcc_text p {
        padding-left: 20px;
        font-size: 16px;
    }

    .ahcc_text p::after {
        width: 8px;
        height: 8px;
    }

    .ahcc_text p::after {
        top: 7px;
    }

    .about_history_bg{
        width: 230px;
    }

    .ct_aside1_link,
    .ct_aside1_switch{
        width: 46px;
        height: 46px;
    }

    .ct_aside1_link {
        font-size: 20px;
    }

    .ct_aside1_list {
        margin-bottom: 10px;
    }

    .ct_aside1_item.gotop .ct_aside1_link {
        border-radius: 0 0 0 15px;
    }

    .ct_aside1_item:first-child .ct_aside1_link {
        border-radius: 15px 0 0 0;
    }

    .ct_aside1_item.gotop .ct_aside1_link::before {
        margin-right: 3px;
    }

    .home_banner_icon_cont img {
        width: 80px;
    }

    .home_banner_progress {
        height: 36px;
    }

    .swiper-pagination span {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .home_process_slicks .home_pro_arrow{
        z-index: 10;
        width: calc(100% + 52px);
        bottom: 16%;
        top: initial ;
    }

    .prodeta_info_mitem {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .prodeta_info_mslick {
        transform: translateX(-10px);
    }

    .prodeta_info_mitem {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .prodeta_info_mslick {
        margin-top: 16px !important;
    }




    /* 1440end */
}

/* 1199~992 平板横屏*/
@media screen and (max-width: 1200px) {
    .hc_padd100 {
        padding: 50px 0;
    }

    .home_tits .tit {
        font-size: 28px;
    }

    .home_tits {
        margin-bottom: 30px;
    }

    .home_pro_bg {
        width: 150px;
    }

    .home_pro_bg img{
        width: 100%;
    }

    .hc_container {
        --margin-list: 0 -10px;
        --padding-list: 0 10px;
    }

    .home_pro_link .new {
        font-size: 12px;
        min-width: 43px;
        line-height: 23px;
    }

    .home_pro_link {
        padding: 15px 20px 20px;
    }

    .hd_search, .hd_shop {
        height: 38px;
        width: 38px;
    }

    .home_pro_img {
        margin: 0 auto 15px;
    }

    .home_cate_dots, .home_pro_list .slick-dots, .home_know_list .slick-dots {
        margin-top: 30px;
    }

    .pro_img_cont {
        width: 290px;
        margin-left: -122px;
    }

    .pro_info {
        width: calc(100% - 160px);
        padding-right: 70px;
        padding-left: 14px;
    }

    .pro_info_tit {
        font-size: 26px;
        margin-bottom: 35px;
    }

    .home_cate_flex .right {
        padding: 30px 0;
    }

    .home_cate_flex .right {
        width: 57.702127%;
    }

    .home_cate_line {
        width: 200px;
    }

    .home_profe::before {
        border-radius: 0 80px 0 0;
    }

    .home_profe_tit {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .home_profe_flex .right {
        width: 39.9375%;
    }

    .home_profe_intersperse {
        width: 55px;
    }

    .home_profe_play {
        width: 54px;
    }
    
    .home_profe_item {
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .home_profe_list {
        margin: 0 20px 20px -20px;
    }

    .pro_info_more {
        min-width: 120px;
        line-height: 40px;
        border-radius: 40px;
        font-size: 14px;
    }

    .home_benefits .home_tits {
        margin-bottom: 38px;
    }

    .home_bencont .left {
        width: 340px;
        margin-right: 30px;
    }

    .home_know_item{
        padding: 0 10px;
    }

    .home_know_list {
        margin: 0 -10px;
    }

    .home_pro_arrow{
        display: none;
    }
    
    .home_know_text p {
        font-size: 16px;
        line-height: 1.6;
    }

    .home_know_link {
        border-radius: 8px 8px 40px 8px;
    }

    .home_know_line {
        width: 170px;
    }

    .ft_cont{
        flex-direction: column;
    }

    .ft_cont .left {
        width: 100%;
    }

    .ft_cont .right{
        width: 100%;
        margin-top: 35px;
        margin-left: 0px;
    }

    .hc_tit46 {
        font-size: 28px;
    }

    .page_banenr_cont h1 {
        font-size: 32px;
    }

    .about_info_left {
        width: 41.29787%;
    }

    .hc_margin60 {
        margin-bottom: 32px;
    }

    .about_ceritem {
        padding: 0 20px;
    }

    .about_cerlist {
        margin: 0 -20px;
    }

    .about_certificate {
        padding-bottom: 30px !important;
    }

    .about_info_img {
        border-radius: 14px 100px 14px 14px;
    }

    .contact_text p, .contact_text a {
        font-size: 14px;
    }

    .contact_icon {
        width: 24px;
        margin-bottom: 8px;
    }

    .contact_tit {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .contact_item {
        min-height: 200px;
        padding: 25px 20px;
    }

    .contact_form_text p, .contact_form_text {
        font-size: 16px;
    }

    .contact_form_text p, .contact_form_text {
        margin-bottom: 30px;
    }

    .prodeta_form_text {
        font-size: 15px;
    }

    .prodeta_form_item input, .prodeta_form_item textarea {
        padding: 0 12px;
        font-size: 15px;
    }

    .prodeta_form_item input{
        height: 46px;
    }

    .prodeta_form_item textarea {
        height: 180px;
    }

    .prodeta_form_item button {
        min-width: 110px;
        height: 40px;
        font-size: 16px;
    }

    .contact_form {
        padding-bottom: 50px !important;
    }

    .prodeta_form_item.textarea {
        margin-bottom: 25px;
    }

    .contact_map .map-content {
        height: 300px;
    }

    .news_left {
        width: 300px;
        margin-right: 20px;
    }

    .news_time .month {
        font-size: 20px;
    }

    .news_time .year {
        font-size: 14px;
    }

    .news_tit {
        font-size: 18px;
    }

    .news_text p {
        font-size: 14px;
        line-height: 1.75;
    }

    .news_text {
        margin-bottom: 20px;
    }

    .news_item_cont {
        padding-bottom: 20px;
    }

    .news_list {
        margin-bottom: 50px;
    }

    .product_right_tit {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .product_left_tit {
        padding: 15px var(--paddX);
        font-size: 16px;
        line-height: 150%;
    }

    .product_left_link {
        font-size: 16px;
    }

    .product_second a {
        font-size: 14px;
    }

    .prodeta_info {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .prodeta_info_flex .left {
        margin-right: 40px;
    }

    .prodeta_info_tit {
        font-size: 24px;
    }

    .prodeta_info_btn {
        min-width: 120px;
        padding: 0 18px;
        height: 38px;
        font-size: 14px;
    }

    .prodeta_edit th, .prodeta_edit td {
        min-width: 150px;
        padding: 18px 30px;
        font-size: 15px;
    }

    .hd .hc_cont1560 {
        width: 95%;
        padding: 0 !important;
    }

    .hd_top_flex .left ul{
        display: none;
    }

    .hd_product{
        display: none;
    }

    .hd_bot_flex .rigth {
        padding: 0px 0 0;
    }

    .hd_logo {
        margin: 12px 0;
        width: 100px;
    }

    .hd_shop::after {
        width: 10px;
        height: 10px;
        bottom: 8px;
        right: 8px;
    }

    nav{
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        background-color: #72c3d9;
        padding: 18px 30px 28px;
        z-index: 100;
        max-height: calc(100vh - 75px);
        overflow-y: auto;
        display: none;
    }

    .hd .hc_cont1560 {
        width: 100%;
        padding: 0 30px !important;
    }

    .hd_nav{
        display: block !important;
    }

    .hd_nav_item {
        margin-left: 0px;
    }

    .child>.hd_cont::after,
    .child>.hd_cont::before{
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        transition: all 0.36s;
    }

    .child>.hd_cont::after{
        width: 14px;
        height: 2px;
        right: 2px;
    }

    .child>.hd_cont::before{
        width: 2px;
        height: 14px;
        right: 8px;
    }

    .hd_nav_item .hd_cont{
        border-bottom: 1px solid #ffffffa8;
    }

    .hd_nav_item:not(:last-child){
        margin-bottom: 12px !important;
    }

    .hd_nav_link{
        display: inline-block;
    }

    .hd_top_flex .right ul {
        display: block;
    }

    .hd_second_link{
        display: inline-block;
        font-size: 15px;
        line-height: 40px;
        color: #fff;
    }

    .hd_second{
        padding:10px 20px 0;
    }

    .hd_three_link{
        font-size: 14px;
        color: #fff;
        line-height: 1.8;
        padding: 5px 0;
        display: inline-block;
    }

    .hd_three{
        padding: 10px 10px 5px;
    }

    .child.open>.hd_cont::before{
        transform: translateY(-50%) rotate(-90deg);
    }

    .hd_top_flex .hd_nav .hd_three,
    .hd_top_flex .hd_nav .hd_second{
        display: none;
    }

    .c_pcbtn{
        display: flex;
        align-items: center;
    }

    .hd_phbtn{
        display: block;
    }

    .hd_phbtn{
        margin-left: 15px;
    }

    .hc_container {
        margin-top: 75px;
    }

    .about_history  .hc_margin60 {
        margin-bottom: 20px;
    }

    .about_history_bg{
        width: 200px;
    }

    .ct_aside1_item.gotop .ct_aside1_link {
        height: 34px;
    }

    .ct_aside1 {
        transform: scale(0.9);
        right: -3px !important;
        bottom: 50px;
    }


    .home_banner_icon_cont img {
        width: 60px;
    }

    .home_banner_progress {
        height: 30px;
    }

    .prodeta_info_mitem {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .prodeta_info_flex .left {
        margin-right: 25px;
    }

    



    /* 1200end */   
}


/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {

    .hc_padd100 {
        padding: 45px 0;
    }

    .home_pro_tit {
        font-size: 16px;
    }

    .home_tits .tit {
        font-size: 24px;
    }

    .home_tits .subtit {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .home_tits {
        margin-bottom: 23px;
    }

    .home_cate_flex .left{
        display: none;
    }

    .home_cate_flex .right {
        width:calc(100% - 15%);
        margin-left: 15%;
        padding: 30px 0;
    }

    .pro_info_tit {
        font-size: 22px;
        margin-bottom: 35px;
    }

    .pro_img_cont {
        width: 220px;
        margin-left: -100px;
    }

    .pro_info {
        width: calc(100% - 80px);
        padding-right: 70px;
        padding-left: 14px;
    }

    .pro_info_more {
        min-width: 100px;
        line-height: 34px;
        border-radius: 34px;
        font-size: 14px;
    }

    .pro_info_icon {
        width: 40px;
    }

    .home_process_imgbox {
        padding-right: 25px;
    }

    .home_process_number {
        padding-bottom: 12px;
        margin-bottom: 16px;
    }

    .home_process_tit {
        margin-bottom: 20px;
        font-size: 17px;
    }

    .home_profe_tit {
        font-size: 26px;
        line-height: 1.4;
    }

    .home_profe_item {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .home_profe {
        padding: 50px 0;
    }

    .home_profe_intersperse {
        width: 44px;    
    }

    .home_profe_play {
        width: 50px;
    }

    .home_profe::before {
        border-radius: 0 70px 0 0;
    }

    .home_benimg_b img:first-child {
        border-radius: 8px 8px 8px 60px;
    }

    .home_benimg_s img {
        border-radius: 8px 60px 8px 8px;
    }

    .home_benimg_b {
        padding-bottom: 20px;
    }

    .home_bencont .left {
        width: 280px;
        margin-right: 30px;
    }

    .home_know_line {
        width: 150px;
    }

    .ft_bot .left p, .ft_bot .left a {
        font-size: 14px;
    }

    .sitemap {
        font-size: 14px;
    }

    .hd_search, .hd_shop {
        height: 34px;
        width: 34px;
    }

    .home_pro_link {
        padding: 11px 15px 15px;
    }

    .about_info_img {
        border-radius: 12px 80px 12px 12px;
    }

    .hc_tit46 {
        font-size: 24px;
    }

    .page_banenr_cont h1 {
        font-size: 26px;
    }

    .about_certificate {
        padding-bottom: 25px !important;
    }

    .contact_icon {
        width: 20px;
        margin-bottom: 8px;
    }

    .contact_item{
        width: 100%;
    }   

    .contact_item {
        min-height: 134px;
        padding: 25px 22px;
    }

    .prodeta_form_item input {
        height: 44px;
    }

    .prodeta_form_item {
        margin-bottom: 14px;
    }

    .prodeta_form_item textarea {
        height: 160px;
    }

    .prodeta_form_item button {
        min-width: 106px;
        height: 36px;
        font-size: 16px;
    }

    .news_left {
        width: 260px;
        margin-right: 20px;
    }

    .news_tit{
        margin-bottom: 5px;
    }

    .news_list {
        margin-bottom: 35px;
    }

    .mod_page{
        transform: scale(0.95);
    }

    .product_left{
        display: none;
    }

    .product_right{
        width: 100%;
    }

    .product_right_list {
        margin-bottom: 15px;
    }

    .prodeta_info_text p {
        font-size: 14px;
    }

    .prodeta_info_flex{
        flex-direction: column;
    }

    .prodeta_info_flex .left{
        width: 100%;
    }

    .prodeta_info_flex .right {
        width: 100%;
        margin-top: 25px;
    }

    .prodeta_info_flex .left{
        align-items: center;
    }

    .prodeta_info_mslick {
        margin-top: 0px;
    }

    .prodeta_edit th, .prodeta_edit td {
        min-width: 100px;
        padding: 12px 25px;
        font-size: 15px;
    }

    .about_h_left, .about_h_right {
        width: 120px;
    }

    .about_hslick {
        width: calc(100% - 300px);
    }

    .about_hcont_citem_cont {
        padding: 0 0px;
    }

    .about_hcont_citem_cont .right {
        padding-left: 15px;
    }

    .about_hcont_citem_cont .left {
        padding-right: 15px;
    }

    .ahcc_tit {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .ahcc_text p {
        padding-left: 15px;
        font-size: 14px;
    }

    .ahcc_text p::after {
        top: 6px;
    }

    .ahcc_item:not(:last-child) {
        margin-bottom: 15px;
    }

    .ahcc_text p:not(:last-child) {
        margin-bottom: 10px;
    }

    .about_hitem_cont {
        font-size: 40px;
    }
    
    .about_hitem_cont::before {
        margin-right: 20px;
    }

    .about_history  .hc_margin60 {
        margin-bottom: 10px;
    }

    .about_history_bg{
        width: 180px;
    }

    .home_banner_icon_cont img {
        width: 40px;
    }

    .home_banner_progress {
        height: 20px;
    }
    /* 991end */
}

/* <768 移动端 重点*/
@media screen and (max-width: 768px) {
    .hc_padd100 {
        padding: 40px 0;
    }

    .home_tits .tit {
        font-size: 22px;
    }

    .home_tits {
        margin-bottom: 20px;
    }

    .home_cate_dots, .home_pro_list .slick-dots, .home_know_list .slick-dots {
        margin-top: 25px;
    }

    .slick-dots li {
        width: 9px;
        height: 9px;
    }

    .home_cate_flex .right{
        flex-direction: column;
    }

    .home_cate_flex .right {
        width: calc(100%);
        margin-left: 0%;
        padding: 30px 0;
    }

    .home_cate_flex .right {
        border-radius: 16px 16px 16px 16px;
    }

    .pro_info {
        width: calc(100%);
        padding-right: 20px;
        padding-left: 20px;
    }

    .home_cate_line {
        width: 140px;
    }

    .pro_img_cont{
        margin: 0 auto;
    }

    .home_process_list .slick-list {
        overflow: hidden !important;
    }

    .home_profe_flex{
        display: flex;
        flex-direction: column;
    }

    .home_profe_flex .right{
        position: static;
    }

    .home_profe .left {
        width: 100%;
    }

    .home_profe::before {
        width: 100%;
    }

    .home_profe::after{
        display: none;
    }

    .home_profe_tit {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 11px;
    }

    .home_profe_subtit {
        font-size: 16px;
    }

    .home_profe_list {
        margin: 0 -10px;
    }

    .home_profe_flex .right{
        width: 100%;
        transform: translateY(0%);
        margin-top: 50px;
    }

    .home_bencont{
        display: flex;
        flex-direction: column;
    }

    .home_bencont .right {
        width: 100%;
        margin-top: 30px;
    }

    .home_bencont .left {
        width: 100%;
        margin-right: 0px;
    }

    .home_benefits .home_tits {
        margin-bottom: 25px;
    }

    .home_benleft_list li:not(:last-child) {
        margin-bottom: 20px;
    }

    .ft_product{
        display: none;
    }

    .ft_cont .left{
        flex-direction: column;
    }

    .ft_item {
        width: 100%;
    }

    .ft_cont .right .ft_tit {
        margin-bottom: 20px;
    }

    .ft_cont {
        padding: 45px 0 30px;
    }

    .ft_tit {
        margin-bottom: 15px;
    }

    .ft_item.ft_contact{
        margin-top: 25px;
    }

    .ft_cont .right {
        margin-top: 30px;
    }

    .ft_cont_form {
        margin-bottom: 30px;
    }

    .ft_links {
        line-height: 2;
    }

    .ft_bot{
        flex-direction: column;
    }

    .ft_bot .left{
        flex-direction: column;
    }

    .ft_bot .left p, .ft_bot .left a {
        text-align: center;
    }

    .sitemap {
        margin-top: 5px;
    }

    .ft {
        padding-bottom: 55px;
    }

    .about_info_flex{
        flex-direction: column;
    }

    .about_info_left{
        width: 100%;
    }

    .about_info_right{
        width: 100%;
        margin-top: 20px;
    }

    .about_info_img {
        border-radius: 10px 60px 10px 10px;
    }

    .page_banenr_cont h1 {
        font-size: 24px;
    }

    .hc_tit46 {
        font-size: 22px;
    }

    .page_banenr img{
        max-width: initial;
        width: 767px;
        transform: translateX(-10%);
    }

    .prodeta_form_item{
        width: 100%;
    }

    .contact_form_tit {
        margin-bottom: 12px;
    }

    .contact_form_text p, .contact_form_text {
        margin-bottom: 20px;
    }

    .prodeta_form_item.textarea {
        margin-bottom: 20px;
    }

    .contact_form {
        padding-bottom: 40px !important;
    }

    .contact_map .map-content {
        height: 260px;
    }

    .news_item_cont{
        flex-direction: column;
    }

    .news_left{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .news_rigth{
        width: 100%;
        flex-direction: column;
    }

    .news_time{
        display: flex;
        align-items: flex-end;
        margin-bottom: 8px;
    }

    .news_time .year {
        line-height: 1.35;
    }

    .news_time .month {
        font-size: 18px;
    }

    .news_item_cont {
        padding-bottom: 20px;
    }

    .news_item:not(:last-child) {
        margin-bottom: 32px;
    }

    .news_list {
        margin-bottom: 25px;
    }

    .mod_page {
        transform: scale(0.9);
    }

    .product_right_item {
        padding: 0 8px;
        margin-bottom: 16px;
    }   

    .product_right_list {
        margin: 0 -8px;
    }

    .product_right_tit {
        font-size: 18px;
    }

    .prodeta_info {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .prodeta_info_btn:not(:last-child) {
        margin-right: 15px;
    }

    .hd_search{
        display: none;
    }

    .ph_search{
        display: flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #f2f2f2;
    }

    .ph_search img{
        width: 15px;
    }

    .hd_tran, .hd_shop {
        margin-left: 15px;
    }

    .hd_logo {
        width: 90px;
    }

    .hd .hc_cont1560 {
        padding: 0 10px !important;
    }

    .hc_container {
        margin-top: 70px;
    }

    nav{
        max-height: calc(100vh - 70px);
    }

    .hd_phbtn{
        transform: scale(0.9);
        margin-left: 10px;
    }

    .hd_tran, .hd_shop {
        margin-left: 10px;
    }

    .about_hcont_citem_cont{
        display: flex;
        flex-direction: column;
    }

    .about_hcont_citem_cont .left{
        width: 100%;
        margin-bottom: 20px;
    }

    .about_hcont_citem_cont .right{
        width: 100%;
    }

    .about_hcont_citem_cont .right {
        padding-left: 0px;
    }

    .about_hcont_citem_cont .left {
        padding-right: 0px;
    }

    .about_h_left, .about_h_right {
        width: 60px;
    }

    .about_hslick {
        width: calc(100% - 120px);
    }

    .about_hitem_cont {
        font-size: 30px;
    }

    .about_hitem_cont::before {
        margin-right: 10px;
    }

    .about_hcont_slick {
        margin-top: 20px;
    }

    .about_hright_list li::after, .about_hleft_list li::after, .about_hitem_cont::before {
        width: 8px;
        height: 8px;
    }

    .about_hright_list li span, .about_hleft_list li span {
        top: 55px;
    }

    .about_history  .hc_margin60 {
        margin-bottom: 0px;
    }

    .about_history_bg{
        width: 160px;
    }

    .slide-inner>img{
        max-width: initial;
        width: 767px;
        transform: translate(-10%);
    }

    .slide_video video{
        display: none;
    }

    .slide_video{
        z-index:10;
    }

    .ph_play{
        display: block;
        border-radius: 50%;
        width: 34px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        backdrop-filter: blur(4px);
    }

    .pro_info_icon {
        width: 30px;
        margin-bottom: 14px;
    }


    .swiper-pagination {
        bottom: 60px;
        left: 6.5%;
        transform: translateX(-50%);
    }

    .prodeta_info_mitem {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .prodeta_info_bcont {
        padding: 6.882% 8.4%;
    }

    .prodeta_info_mslick {
        transform: translateX(0px);
    }

    .prodeta_edit th, .prodeta_edit td {
        padding: 12px 18px;
        min-width: 200px !important;
    }


    .prodeta_info_mitem {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .prodeta_info_mslick {
        padding-left: 0px;
    }



    /* 768end */
}

@media screen and (max-width: 480px) {
    
    /* 480end */
}
/* play_btn.png */