/* 响应式适配 */
@media (max-width: 1010px) {
    .chemistry .entry-banner {height: 400px;padding-left: 0;align-items: center;}
    .chemistry .entry-banner .item-content .item-title {font-size: 48px;margin-bottom: 16px;}
    .chemistry .entry-banner .item-content .item-subtitle {font-size: 18px;margin-bottom: 40px;}
    .chemistry .entry-content {width: 84%;margin: -60px auto 60px;padding: 30px 20px;flex-direction: column;gap: 20px;}
    .chemistry .entry-content .item-img {flex: 1;width: 100%;order: -1;}
    .chemistry .entry-content .item-text {flex: 1;font-size: 15px;line-height: 1.7;}
    .chemistry .entry-content .item-text p:last-child {font-weight: 500;color: #555;}
}
@media (max-width: 375px) {
    .chemistry .entry-banner {height: 320px;}
    .chemistry .entry-banner .item-content .item-title {font-size: 36px;}
    .chemistry .entry-content {padding: 20px 15px;}
}

    @media (max-width: 768px) {
        .carousel-wrapper{height: 380px;}
        .carousel-title {font-size: 30px;}
        .carousel-subtitle {font-size: 15px;}
        .carousel-btn {padding: 10px 24px;font-size: 16px;}
        .carousel-content {left: 5%;max-width: 90%;}
        .carousel-controls {left: 5%;}

        .meta_layer .yy{display: none;}
        .meta_layer .li i.icon_cd{background: url(../images/icon_nav.png);background-size: 20px;background-repeat: no-repeat;position: relative;top: 9px; width: 20px; margin: 0 auto;}
        .meta_layer .li i.icon_close{background: url(../images/icon_nav_close.png);background-size: 20px;background-repeat: no-repeat;position: relative;top: 9px; width: 20px; margin: 0 auto;}

        .header-container {width: 100%;}
        .nav-menu{display: none;}
        .header .logo{padding-left: 15px;}

        .solution-grid{grid-template-columns: repeat(1, 1fr);}

        .search-container{margin: 30px auto;}
        .custom-select{display: none;}
        .search-input input{width: 100%;}
        .search-input{width: 100%;margin-left: 15px;}
        .search-container{margin-right: 15px;}
        .search-btn{display: none;}
        .filter{display: block;}
        .filter a{border: 1px solid #ccc;height: 54px;line-height: 54px;font-size: 16px;display: flex;padding: 0 14px;color: #004494;font-weight: bold;}
        .filter .icon_f{width: 18px;height: 18px;background: url(../images/icon_filter.png) no-repeat;background-size: 18px;display: inline-block;top: 17px;position: relative;margin-right: 6px;}
        .filter a:hover{text-decoration: none;}

        .service-container {padding: 20px 16px;}
        .service-grid {grid-template-columns: 1fr;gap: 16px;}
        .service-card {padding: 20px 16px;}
        .header-left img {width: 32px;height: 32px;}
        .header-left h3 {font-size: 16px;}
        .arrow-icon {width: 18px;height: 18px;position: absolute;right: 15px;}
        .service-card p {display: none;}

        .service-support-container {padding: 10px 16px;}
        .section-title {font-size: 30px;margin-bottom: 20px;}
        .service-card {flex-direction: column;padding: 20px;gap: 20px;align-items: flex-start;position: relative;}
        .service-image {flex: none;width: 100%;}
        .service-content {width: 100%;gap: 20px;}
        .service-title {font-size: 16px;}
        .service-list {display: none;}
        .btn-more {width: 100%;text-align: center;padding: 14px 0;font-size: 14px;}

        .expertise-container {padding: 30px 16px;}
        .section-title {font-size: 40px;margin-bottom: 20px;}
        .expertise-grid {grid-template-columns: 1fr;gap: 16px;}
        .card-image {height: 190px;}
        .card-content {padding: 20px;}
        .card-title {font-size: 20px;}
        .card-desc {font-size: 14px;}
        .card-btn {padding: 14px 0;font-size: 14px;}

        .grey_bg{padding: 30px 0;}

        .events-container {padding: 20px 16px;}
        .events-grid {grid-template-columns: 1fr;gap: 20px;}
        .image {height: 180px;}
        .card-content {padding: 20px;gap: 12px;}
        .location-icon {width: 18px;height: 18px;}
        .event-date {font-size: 12px;padding: 8px 12px;}

        .footer-container {padding: 30px 16px;width: 90%;}
        .footer-grid {grid-template-columns: 1fr;gap: 36px;}
        .footer-column {gap: 18px;}
        .column-title {font-size: 16px;padding-bottom: 16px;}
        .link-list {display: flex;gap: 14px;}
        .sub-link-list {padding-left: 24px;gap: 10px;}

        .breadcrumb{max-width: 90%;width: 90%;padding: 0;}

        .footer-bottom-container {padding: 20px 16px;width: 80%;}
        .footer-bottom {flex-direction: column;align-items: center;gap: 10px;text-align: center;}
        .copyright {margin-bottom: 10px;}
        .bottom-links {flex-direction: column;gap: 0;width: 100%;}
        .bottom-links a {padding: 12px 0;border-bottom: 1px solid #e0e0e0;display: block;}
        .bottom-links a:last-child {border-bottom: none;}
        .bottom-links span{display: none;}

        .login{width: 100%;right: 0;border: none;}

        .menu_box{display: none;}

        .country{padding: 0 20px 20px;}

        .h5_nav{width: 100vw;padding: 0;box-sizing: border-box;position: absolute;color: #666666;text-transform: none;z-index: 102;left: 0;background: #fff;border-top: solid 1px #e6e6e6;top: 64px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);max-height: calc(100vh - 64px);overflow-y: auto;}
        .h5_nav .item{position: relative;}
        .h5_nav .item a{padding: 15px 48px 15px 15px;color: #666666;font-size: 14px;font-weight: bold;border-bottom: solid 1px #e6e6e6;display: flex;align-items: center;justify-content: space-between;}
        .h5_nav .item a.more::after{border-style: solid;border-width: 0.15rem 0.15rem 0 0;content: '';display: block;height: 0.4rem;position: absolute;top: 40%;width: 0.4rem;right: 15px;transform: rotate(45deg);-webkit-transform: rotate(45deg);color: #004494;box-sizing: content-box;}
        .h5_nav .item .more{position: absolute;right: 0;top: 0;bottom: 0;width: 48px;border-bottom: solid 1px #e6e6e6;cursor: pointer;z-index: 2;}
        .h5_nav .item .more::after{border-style: solid;border-width: 0.15rem 0.15rem 0 0;content: '';display: block;height: 0.4rem;position: absolute;top: 40%;width: 0.4rem;right: 15px;transform: rotate(45deg);-webkit-transform: rotate(45deg);color: #004494;box-sizing: content-box;}
        .h5_nav .xz_gj{padding: 24px 15px 30px;display: block;position: static;background: transparent;border-top: none;}
        .h5_nav .xz_gj a{font-size: 14px;text-decoration: none;}
        .h5_nav .xz_gj img{position: relative;top: 15px;}
        .h5_nav .tit{position: relative;height: 56px;display: flex;align-items: center;justify-content: center;border-bottom: solid 1px #e6e6e6;}
        .h5_nav .tit em{font-size: 17px;line-height: 1;color: #111111;font-weight: bold;text-align: center;padding: 0 50px;}
        .h5_nav .tit em:before{content: none !important;}
        .h5_nav .tit .h5_back{position: absolute;left: 0;top: 0;width: 48px;height: 56px;display: flex;align-items: center;justify-content: center;z-index: 2;font-size: 0;color: transparent;}
        .h5_nav .tit .h5_back::before{content: '';width: 10px;height: 10px;border-left: 2px solid #004494;border-bottom: 2px solid #004494;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
        .h5_nav .tit .h5_back:hover{text-decoration: none;}

        .pop_up{width: 100%;max-width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;margin: 0;border-radius: 0;box-shadow: none;}
        .head_tit{display: flex;align-items: center;min-height: 58px;padding: 14px 12px;width: 100%;box-sizing: border-box;}
        .head_tit .logo{width: 74px;height: auto;margin: 0;flex: none;}
        .head_tit .logo img{max-height: 100%;max-width: 100%;font-size: 10px;}
        .head_tit .item{width: auto;flex: 1;padding: 0 40px 0 12px;position: relative;}
        .head_tit .item h2{white-space: nowrap;font-size: 18px;overflow: hidden;text-overflow: ellipsis;margin: 0;text-align: center;max-width: 100%;padding-right: 0;color: #666666;}
        .head_tit .item .close{right: -4px;}
        .pop_up .con{overflow-y: auto;overflow-x: hidden;flex: 1;min-height: 0;}
        .pop_up .con .entry{margin-left: 0;height: auto;overflow: visible;}
        .pop_up .con .entry ul{height: auto;}
        .pop_up .con .entry li{display: block;}
        .pop_up .con .entry li span{width: 100%;box-sizing: border-box;padding: 14px 16px;border-left-width: 6px;}
        .pop_up .con .entry li .active{border-left-width: 6px;}
        .pop_up .con .entry li h3{float: none;font-size: 16px;line-height: 1.35;}
        .pop_up .con .item{position: static;width: 100%;margin-top: 0;padding: 0 0 14px;float: none;overflow: visible;}
        .pop_up .con .item .list_con{margin-top: 0;padding: 14px 16px 18px;border-bottom: 1px solid #e5e5e5;background: #fff;}
        .pop_up .con .item .list_con .tit{width: 100%;padding-top: 0;padding-bottom: 10px;margin-bottom: 0;display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;}
        .pop_up .con .item .list_con .tit h4{padding-left: 0;font-size: 16px;line-height: 1.35;max-width: none;color: #666666;}
        .pop_up .con .item .list_con .tit em{font-size: 13px;line-height: 1.4;white-space: nowrap;}
        .pop_up .con .item .list_con p{width: 100%;padding: 0;font-size: 14px;line-height: 1.8;color: #666666;}
        .pop_up .con .item .list_con a{margin: 8px 0 0;display: block;}
        .pop_up .foot_btn{max-height: none;background: #fff;}
        .pop_up .foot_btn .btn button{min-width: 142px;margin: 16px 0 16px 16px;padding: 12px 24px;font-size: 14px;}
        .login-card {max-width: 100%;padding: 20px;}
        .form-row {flex-direction: column;align-items: flex-start;gap: 16px;}
        .btn-login {width: 100%;}
        .container{padding: 0;max-width: 79vw;}
        .form-group input[type="email"],.form-group input[type="password"]{padding: 0;}
        .con_login{max-width:88vw;}

        .reset-card {max-width: 80%;padding: 20px;}
        .send-btn {max-width: 100%;}

        .privacy{width: 100%;padding-left: 0;padding-right: 0;}
        .privacy .con{padding: 0 15px;}
        .privacy h1{font-size: 18px;line-height: 120%;margin: 0;}
        .privacy p{font-size: 14px;}

        .main-layout{padding: 0;margin: 0;max-width: 100%;}
        .signup-module {max-width: 90%;padding: 20px;}
        .text-input.tel-input {max-width: 90%;padding: 0;}
        .create-btn {width: 100%; margin-left: 0;}

        .lab-banner {min-height: 60vh;}
        .breadcrumb {font-size: 12px;margin-bottom: 30px;}
        .banner-title-small {margin-bottom: 20px;}
        .banner-content {padding: 30px 15px;}
        .banner-title-large{font-size: 26px;}

        .mtl-container{padding: 0;}
        .mtl-intro {font-size: 15px;margin-bottom: 30px;padding: 0 15px;margin-top: 15px;}
        .mtl-product-grid {flex-direction: column;gap: 20px;margin: 0 15px;}
        .mtl-product-card {border: 1px solid #e5e5e5;padding: 20px;}
        .mtl-product-title {font-size: 17px;}
        .mtl-product-desc {font-size: 13px;}

        .mtl-coop-card, .mtl-coop-link {flex-direction: column;text-align: center;}
        .mtl-coop-section{padding: 0;}
        .mtl-coop-card {padding: 30px 20px;margin: 0 15px;}
        .mtl-coop-img-wrap {max-width: 80%;margin-bottom: 20px;}
        .mtl-coop-title {font-size: 22px;}
        .mtl-coop-subtitle {font-size: 14px;}
        .mtl-coop-btn-style {padding: 10px 25px;font-size: 14px;}

        .pk-title {font-size: 24px;margin-bottom: 20px;padding: 0 15px;}
        .pk-cards {flex-direction: column;gap: 15px;margin: 0 15px;}

        .provide {flex-direction: column;}
        .provide .entry-media {height: 50%;}
        .provide .entry-content {height: 50%;padding: 20px 20px;}
        .provide .entry-content .item-title {font-size: 20px;margin-bottom: 20px;}
        .provide .entry-content .item-list .item {font-size: 14px;margin-bottom: 15px; }
        .provide .entry-content .item-actions .item-btn {padding: 10px 20px;font-size: 14px; }
        .provide .entry-content .item-actions .item-phone {font-size: 16px;}
        .chat-widget{display: none;}
        .h5_service{position: fixed;right: 15px;bottom: 40px;z-index: 99;display: block;}
        .h5_service button{background: #004494;width: 60px;height: 60px;border-radius: 60px;}
        .h5_service .icon_kf{width: 24px;height: 24px;display: block;margin: 0 auto;background: url(../images/h5_kf.png) no-repeat;background-size: 24px;}
        .chemistry .entry-banner .content{padding: 0 15px;padding-top: 44px;}
        .chemistry .entry-banner .content .title{font-size: 30px;}
        .chemistry .entry-banner .content .subtitle{font-size: 16px;}
        .chemistry .entry-banner .content .crumb{margin-top: 0;}

        .chemistry_jj{padding: 0;margin: 0 auto;}
        .chemistry_jj .entry{padding: 0 20px;padding-bottom: 30px;width: auto;}

        .work .work-cards {flex-direction: column;}
        .work .work-card {max-width: 100%;}
        .work .work-title {font-size: 24px;}
        .work .work-subtitle {font-size: 14px;}
        .work .card-img-box {height: 180px;}

        .meta_layer .h5_menu{display: block;}

        .different__list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
        .different__item {min-width: unset;max-width: unset;border: 1px solid #eee;padding: 20px 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 180px;}
        .different__item:last-child {grid-column: 1 / 1;}

        .quick {flex-direction: column;align-items: flex-start;padding: 30px 15px;gap: 20px;}
        .quick__title {font-size: 28px;}
        .quick__list {flex-direction: column;width: 100%;gap: 20px;}
        .quick__item {padding: 20px;min-width: unset;}

        .service {padding: 25px 15px;}
        .service__title {font-size: 32px;margin-bottom: 25px;}
        .service__list {flex-direction: column;gap: 20px;}

        .info_box p{padding: 0 15px;font-size: 20px;}

        .about_fw h3,.about_fw p{padding: 0 15px;}

        .container_box {max-width: 100%;padding: 0 15px;}
        .container_box .page-header__title {font-size: 32px;}
        .container_box .page-header__desc {font-size: 16px;}
        .container_box .filter-tag {display: flex;}
        .container_box .filter-sidebar { display: none;position: fixed;top: 0;left: 0;width: 80%;height: 100vh;z-index: 999;box-shadow: 2px 0 10px rgba(0,0,0,0.1);}
        .container_box .filter-sidebar.show {display: block;}
        .container_box .main-content {grid-template-columns: 1fr; gap: 15px;}
        .container_box .events-grid {grid-template-columns: 1fr; gap: 15px;}
        .container_box .event-card__img {height: 160px;}
        .container_box .events-header {flex-direction: column;align-items: flex-start;gap: 8px;}
        .container_box .dropdown-menu {min-width: 150px;right: auto;left: 0;}
        .modal-content {width: 95%;}
        .modal-title {font-size: 28px;}
        .modal-text-content {padding: 25px 25px 30px;}
        .container_box .search-filter-bar{gap: 0;}
        .container_box .filter-tag{background: #fff;color: #004494;border: 1px solid #e0e0e0;border-left: none;padding: 12px 15px;}

        .page-container {width: 100% !important;}
        .main-content-layout {flex-direction: column;}
        .left-info-panel {width: 100%;margin-right: 0;padding: 0; margin-bottom: 20px;}
        .right-content-area {width: 100%;padding: 0;}
        .products-grid-layout {grid-template-columns: 1fr;}
        .event-card-item {flex: 0 0 calc(100% - 20px);}

        .news_box{padding: 0;}
        .news_box .title {font-size: 24px;margin-bottom: 30px;padding: 0 15px;}
        .news_box .wrap {grid-template-columns: 1fr;gap: 30px;padding: 0 15px;}
        .news_box .item-desc {margin-bottom: 20px;}
        .nav_container_box{padding: 0;}
        .nav_container_box .entry{padding: 15px;}
        .news_new{padding: 0;}
        .news_new .entry-title {font-size: 18px;margin-bottom: 15px;padding: 0 15px;}
        .news_new .entry-list{padding: 0 15px;}
        .news_new .entry-item {font-size: 14px;margin-bottom: 12px;}
        .news_new .entry-banner {margin-bottom: 20px;}

        .news_details { padding: 0}
        .news_details .entry-title {font-size: 22px;margin-bottom: 20px;padding: 0 15px;}
        .news_details .entry-date {font-size: 14px;margin-bottom: 20px;padding: 0 15px;}
        .news_details .entry-content {font-size: 14px;padding: 0 15px; }
        .news_details .entry-subtitle {font-size: 16px;margin: 20px 0 10px;}
        .news_details .entry-content p {margin-bottom: 15px;}

        .info_more .entry {padding: 15px;max-width: 320px;}
        .info_more .entry-textarea {height: 120px;}
        .info_more .entry-input, .info_more .entry-select, .info_more .entry-tel-code, .info_more .entry-tel-input {height: 36px;}
        .info_more .entry-submit { height: 44px;font-size: 14px; }
        
        .contact_us_box {padding: 0;flex-direction: column;gap: 30px;align-items: flex-start;overflow: hidden;}
        .contact_us_box .entry-left{padding-left: 15px;}
        .contact_us_box .entry-right {min-width: 100%;align-items: flex-start;padding-left: 15px;}
        .contact_us_box .entry-title {font-size: 32px;margin-bottom: 20px;padding: 0 15px;padding-top: 30px;}
        .contact_us_box .entry-subtitle {font-size: 18px;margin-bottom: 15px;}
        .contact_us_box .entry-left .entry-company {font-size: 16px;}
        .contact_us_box .entry-left .entry-office {padding-bottom: 20px;}
        .contact_us_box .entry-left .entry-office-title {font-size: 15px;}
        .contact_us_box .entry-left .entry-office-info {font-size: 14px;}
        .contact_us_box .entry-left .entry-tel {font-size: 14px;}
        .contact_us_box .entry-qrcode-text {font-size: 14px;text-align: left;margin-bottom: 15px;}
        .contact_us_box .entry-qrcode-img {width: 100px;height: 100px;}

        .need_box {padding: 0;flex-direction: column;gap: 20px;border-right: none;margin-top: 40px;}
        .need_box .entry-left {padding: 0 15px;}
        .need_box .entry-right {padding: 0 15px;}
        .need_box .entry-title, .need_box .entry-right-title {font-size: 16px;margin-bottom: 15px;}
        .need_box .entry-radio-label {font-size: 14px;}
        .need_box .entry-radio-desc {font-size: 12px;}
        .need_box .entry-select { height: 40px;font-size: 14px;padding: 0;text-indent: 15px;}
        .need_box .entry-submit {height: 44px;font-size: 14px;}
        .need_box .entry-right-desc {font-size: 14px;}
        .need_box .entry-contact-info, .need_box .entry-hotline-item {font-size: 14px;}
        .need_box .entry-more-btn {height: 44px;line-height: 44px;font-size: 14px;}
        .modal {padding: 20px;margin: 30px auto;width: 320px;}
        .modal .modal-title {font-size: 18px;}
        .modal .step-title {font-size: 16px;}
        .modal .step-desc {font-size: 14px;}
        .modal .step1-radio-label {font-size: 14px;}
        .modal .step1-radio-desc {font-size: 12px;}
        .modal .form-input, .modal .form-select, .modal .form-tel-code, .modal .form-tel-input {height: 36px;font-size: 13px;padding: 0;text-indent: 15px;}
        .modal .btn {height: 44px;font-size: 14px;padding: 0 30px;}
        .modal .form-textarea{padding: 10px 0;text-indent: 15px;}

        .spare_box .entry h2 {font-size: 28px;}
        .spare_box .entry h3 {font-size: 18px;}
        .spare_box .entry p {font-size: 14px;}
        .quotation_pop .entry {width: 95%;}
        .quotation_pop .entry .btn {width: 100%;}
        .fw_con_js p{padding: 0 15px;font-size: 16px;}

        .benefit_container {padding: 20px 0;margin-top: 0;}
        .benefit_container .benefit_title {font-size: 20px;margin-bottom: 25px;padding: 0 15px;}
        .benefit_container .benefit_box {grid-template-columns: 1fr;gap: 30px 0;padding: 0 15px;}
        .benefit_container .entry_icon {width: 50px;height: 50px;}
        .benefit_container .entry_title {font-size: 16px;}
        .benefit_container .entry_desc {font-size: 13px;}

        .diagnosis_container {padding: 0;}
        .diagnosis_container .diagnosis_box{padding: 0 15px;}
        .diagnosis_container .diagnosis_box .entry {grid-template-columns: 1fr;gap: 20px;}
        .diagnosis_container .entry_title {font-size: 20px;margin-bottom: 15px;}
        .diagnosis_container .entry_desc {font-size: 13px;margin-bottom: 15px;}
        .modal_yy .modal_content {padding: 20px;}
        .modal_yy .modal_title {font-size: 16px;}
        .modal_yy .form_btn {padding: 10px;font-size: 14px;}
        .modal_yy .modal_content{padding: 15px;}

        .pipette .product-list {grid-template-columns: 1fr;}

        .related_link .list {grid-template-columns: 1fr;}

        .rainin .entry .text-wrap {padding: 80px 20px;}
        .rainin .entry .dq{left: 20px;}
        .rainin .entry .text-wrap h1 {font-size: 20px;}
        .rainin .entry .text-wrap h2 {font-size: 30px;}
        .rainin .entry .img-wrap img {height: 400px;}
        .rainin .entry .breadcrumb {top: 10px;left: 10px;font-size: 12px;}

        .optimize h3,.optimize p{padding: 0 15px;}
        .optimize p{font-size: 14px;}

        .media .entry.media-optimize,.media .entry.upstream-process {gap: 20px;}
        .media .entry{padding: 0 15px;}
        .media .entry .text-box h2 {font-size: 22px;margin-bottom: 15px;}
        .media .entry .text-box p {font-size: 14px;margin-bottom: 10px;}

        .influence p{padding: 0 20px;font-size: 14px;}

        .solution_services .entry {gap: 20px;padding: 0 15px;}
        .solution_services .entry .text-wrap h2 {font-size: 24px;margin-bottom: 15px;}
        .solution_services .entry .text-wrap p {font-size: 14px;margin-bottom: 10px;}

        .sear_con .main-wrap {flex-direction: column;padding: 0 15px;}
        .sear_con .left-cate {display: none;}
        .sear_con .cate-select {display: none;}
        .sear_con .result-item {flex-direction: column;}
        .sear_con .result-item img {width: 100%;height: 140px;display: block;margin: 0 auto;}
        .sear_con .search-input{width: 91% !important;}
        .sear_con .search-icon{left: 30px;}
        .sear_con .clear-icon{right: 30px;}
        .sear_con .search-sug{width: 91%;left: 15px;}
        
    }