@charset 'utf-8';

.about_title{text-align: center;}
.about_title h2{display: inline-block;font-size: 36px;color: #212121;margin: 15px 0;font-weight: bold;}

.about_company{padding: 50px 0 0;}
.about_company .company_content{/* margin-top: 30px; */line-height: 30px;}
.about_company .company_content img{max-width: 100%;}
.about_company .about_title h3{font-size: 2vw;color: #000;line-height: 38px;font-weight: bold;}
.about_company .about_title p{font-size: 0.75vw;color: #444;line-height: 32px;margin-top: 30px;font-weight: normal;}

.about_message{padding: 50px 0;}
.about_message .inquiry_content{margin-top: 30px;}
.about_message .input_list{width: 32%; float: left; margin-right: 2%; position: relative;}
.about_message .input_list:nth-child(3){margin-right: 0;}
.about_message .input_list input{width: 100%; height: 56px; font-size: 16px; display: block; border: none; box-sizing: border-box; padding: 0 30px; background: #f7f7f7; border-radius: 5px;}
.about_message .textarea_list{margin-top: 24px; position: relative;}
.about_message .textarea_list textarea{width: 100%; font-size: 16px; display: block; border: none; box-sizing: border-box; padding: 15px 30px; line-height: 28px; background: #f7f7f7; border-radius: 5px;}
.about_message .button{margin-top: 38px; text-align: center;}
.about_message .button button{width: 190px; height: 56px; font-size: 18px; font-weight: bold; border: none; background: #025098; color: #fff; border-radius: 5px; cursor: pointer;}

.about_message .left_inpi h2 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.about_message .left_inpi p {
    font-size: 0.8vw;
    color: #000;
    line-height: 1.8;
    padding: 5px 0;
}
.inquiry_content{display:flex;justify-content: space-between;}
.baoguo{padding:20px;background: #fafafa;}
.left_inpi{width:48%;}
.about_message .dunsier {
    margin-top: 50px;
    ;}

.about_message .dunsier a {
    font-size: 16px;
    font-weight: bold;
    color: #0043ae;
}

.nanshour{display:flex;flex-wrap: wrap;margin-top: 35px;align-items: center;}
.nanshour .ikrr{margin-right:5%;/* box-shadow: 0 0 15px 0 #ddd; */border-radius: 5px;overflow: hidden;} 
.nanshour .ikrr a{font-size:16px;color: #233c96;}
.nanshour .kortegff{/* background:#000; */}

.nanshour .kortegff .btn {

    background-color: #fff;

    color: #000;

}


.nanshour .kortegff .btn-1s::before {
    background-color: #fff;

}

.nanshour .kortegff .btn-1s span {
    color: #000;
 
}
.nanshour .kortegff .btn:hover .btn-1s span {
    color: #fff;
 
}


.con_title{text-align: center;}
.con_title h2{display: inline-block;font-size: 42px;color: #000;position: relative;padding-bottom: 30px;font-weight: bold;}
.con_title h2::after{width: 50px;/* height: 5px; */content: '';background: #1453ac;border-radius: 3px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}

.service_case{background: #f7f7f7; padding: 50px 0;}
.service_case .case_list{margin-top: 50px;display: flex;flex-wrap: wrap;}
.service_case .case_list .list{width: 23.5%;float: left;margin: 0 2% 30px 0;background: #fff;}
.service_case .case_list .list:nth-child(4n){margin-right: 0;}
.service_case .case_list .list .picture{overflow: hidden;}
.service_case .case_list .list .picture img{width: 100%; height: auto; transition: all 0.5s;}
.service_case .case_list .list:hover .picture img{transform: scale(1.1);}
.service_case .case_list .list .content{padding: 15px 18px; background: #fff; color: #000;}
.service_case .case_list .list:hover .content{background: #1453ac; color: #fff;}
.service_case .case_list .list .content .title{font-size: 20px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; *//* height: 55px; *//* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; *//* overflow: auto; *//* text-overflow: ellipsis; *//* margin-bottom: 30px; */}
.service_case .case_list .list .content .text{line-height: 24px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: auto;text-overflow: ellipsis;}

.service_content{padding: 50px 0 0;}
.service_content:nth-child(odd){background: #f7f7f7;}
   .container {
            margin: 50px 0;
            width: 100%;
            /* background-color: white; */
            /* border-radius: 0.75rem; */
            /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
        }

        /*  */
        .tabs {
            display: flex;
            flex-wrap: wrap;
            background: #fafafa;
        }

        .tab-btn {
            padding: 15px;
            font-size: 0.8vw;
            font-weight: bold;
            border: none;
            text-align: center;
            border-bottom: 3px solid transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            color: #4b5563;
            width: 33.3333%;
        }

        .tab-btn:hover {
            color: #3b82f6;
            border-color: rgba(59, 130, 246, 0.3);
        }

        .tab-btn.active {
            border-color: #233c96;
        }

        /*  */
        .tab-content {
            padding: 0;
            display: none;
            margin-top: 30px;
        }

        .tab-content.active {
            display: block;
        }

        /*  */
        .content-wrapper {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            align-items: flex-start;
        }

        @media (min-width: 768px) {
            .content-wrapper {
                flex-direction: row;
            }
        }

        .content-image {
            width: 100%;
            border-radius: 0;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .content-image:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            transform: translateY(-2px);
        }

        @media (min-width: 768px) {
            .content-image {
                width: 45%;
            }
        }

        .content-details {
            flex: 1;
            padding: 30px;
            height: 450px;
            overflow: auto;
        }

        .content-title {
            font-size: clamp(1.5rem, 3vw, 2rem);
            font-weight: 700;
            color: #1f2937;
            margin: 0 0 30px;
        }

        .content-description {
            color: #4b5563;
            margin-bottom: 50px;
            font-size: 0.8vw;
        }
.items-start{font-size:0.8vw;line-height:1.8;}
        /*  */
        .icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.5rem;
            height: 1.5rem;
            margin-right: 0.5rem;
            border-radius: 50%;
        }

        .icon-primary {
            background-color: rgba(59, 130, 246, 0.1);
            color: #3b82f6;
        }

        .icon-success {
            background-color: rgba(16, 185, 129, 0.1);
            color: #10b981;
        }

        .icon-white {
            background-color: rgba(255, 255, 255, 0.2);
            color: white;
        }

        /*  */
        .feature-card {
            background-color: #eff6ff;
            padding: 1rem;
            border-radius: 0.5rem;
        }

        .btn {
            padding: 0.5rem 1.5rem;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
        }

        .btn-primary {
            background-color: #3b82f6;
            color: white;
            border: none;
        }

        .btn-primary:hover {
            background-color: #2563eb;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }

        .btn-outline {
            background-color: white;
            color: #4b5563;
            border: 1px solid #e5e7eb;
        }

        .btn-outline:hover {
            background-color: #f9fafb;
        }

		
.service_content1{padding:50px 0;background:#f7f7f7;}		
	.service_content1 .content{display:flex;margin-top: 50px;}
.service_content1 .content .fleft{width:40%;background: #fff;padding: 35px;box-shadow: 0 0 15px 0 #ddd;border-radius: 10px;}
.service_content1 .content .fleft h3{font-size: 22px;COLOR: #233c96;font-weight: bold;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.service_content1 .content .fleft p{font-size:16px;}
.service_content1 .content .fright{width:40%;padding: 35px;background: #fff;box-shadow: 0 0 15px 0 #ddd;border-radius: 10px;}
.service_content1 .content .fright h3{font-size: 22px;COLOR: #233c96;font-weight: bold;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.service_content1 .content .fright p{font-size:16px;}
.service_content1 .content .auto_iks	{width:20%;display: flex;align-items: center;justify-content: center;}
.service_content1 .content .auto_iks h3{font-size: 5vw;text-align: center;font-weight: bold;color: #e10a3a;}


.duibier{text-align:center;margin-top: 50px;display: flex;justify-content: center;}
.duibier a{font-size:20px;padding: 10px 30px;background: #233c96;color: #fff;border-radius: 5px;}




.cncduan3s {
    padding: 50px 0;
}

.cncduan3s  .port2s_auto{margin-top:50px;}
.port2s_auto ul{margin:0;height: 500px;overflow: auto;}
.port2s_auto ul li{width:100%;display: flex;border-bottom: 1px solid #999;align-items: center;padding: 15px;}
.port2s_auto ul li:hover{box-shadow: 0 0 15px 0 #ddd;}

.port2s_auto ul li h3{font-size: 1vw;color: #000;line-height: 1.8;font-weight: bold;}
.port2s_auto ul li p{font-size: 0.8vw;color: #555;}
.left_3{width: 13%;margin-right: 5%;}
.right_3{width:70%;display: flex;justify-content: space-between;}
.right_3 h3{width:24%}

.right_3 .in_widerd{width:24%}
.suibian {
    /* background: #f8f8f8; */
    padding: 50px 0;
    background-size: 100% 100%;
}

.suibian .abto_suibain {
    margin-top: 50px;
}

.abto_suibain ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.abto_suibain ul li {
    width: 25%;
    text-align: left;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #ddd;
}

.abto_suibain ul li img {
    width: 100%;
    transition: all 0.6s;
}

.sui_img {
    position: relative;
    overflow: hidden;
}

.sui_text {
    padding: 35px 0 20px;
    transition-duration: 0.5s;
    /* background: #f3f3f3; */
}

.sui_text h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}

.sui_text p {
    font-size: 0.8vw;
    color: #555;
    /* margin-bottom: 50px; */
}

.nairi {
    font-size: 0.9vw;
    margin: 10px 0;
    color: #000;
    font-weight: 900;
}

.abto_suibain ul li:hover {
    background: #0043ae;
}
.abto_suibain ul li:hover img{transform: scale(1.1);}
.abto_suibain ul li:hover a h3 {
    color: #fff;
}

.abto_suibain ul li:hover a p {
    color: #fff;
}

.abto_suibain ul li:hover  .nairi {
    color: #fff;
}

.suibianer1 {
    padding: 50px 0;
}












.processing_equipment{/* background: #f7f7f7; */padding: 50px 0;}










.processing_equipment .equipment_list{margin-top: 50px;}
.processing_equipment .equipment_list::after{content: ''; display: table; clear: both;}
.processing_equipment .equipment_list .list{width: 32%;float: left;margin: 0 2% 30px 0;text-align: left;}
.processing_equipment .equipment_list .list:nth-child(3n){margin-right: 0;}
.processing_equipment .equipment_list .list .picture{overflow: hidden;}
.processing_equipment .equipment_list .list .picture img{width: 100%; height: auto; transition: all 0.5s;}
.processing_equipment .equipment_list .list:hover .picture img{transform: scale(1.1);}
.processing_equipment .equipment_list .list .title{font-size: 18px;color: #000;/* text-align: center; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.baoyus{padding:20px;background: #f7f7f7;}
.processing_equipment .equipment_list .list:hover .baoyus{background:#233c96;}
.processing_equipment .equipment_list .list:hover .baoyus .title{color:#fff}
.processing_equipment .equipment_list .list:hover .baoyus .time{color:#fff}
.processing_equipment .equipment_list .list .time{font-size:14px;color:#000;}




.our_products{background: #f7f7f7; padding-top: 50px;}
.our_products .products_list{margin-top: 50px;}
.our_products .products_list::after{content: ''; display: table; clear: both;}
.our_products .products_list .list{width: 23.5%; float: left; margin: 0 2% 30px 0;}
.our_products .products_list .list:nth-child(4n){margin-right: 0;}
.our_products .products_list .list .picture{overflow: hidden;}
.our_products .products_list .list .picture img{width: 100%; height: auto; transition: all 0.5s;}
.our_products .products_list .list .picture:hover img{transform: scale(1.1);}
.our_products .products_list .list .content{background: #fff; padding: 13px 15px;}
.our_products .products_list .list .title{line-height: 22px; font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.our_products .products_list .list .text{font-size: 16px;line-height: 22px;margin-top: 10px;height: 110px;overflow: auto;}
.our_products .products_list .list .more{margin-top: 10px;}
.our_products .products_list .list .more a{font-size: 14px; font-weight: bold;}



.our_products2{/* background: #f7f7f7; */padding-top: 50px;}
.our_products2 .products_list{margin-top: 50px;display: flex;flex-wrap: wrap;}
.our_products2 .products_list::after{content: ''; display: table; clear: both;}
.our_products2 .products_list .list{width: 23.5%;float: left;margin: 0 2% 30px 0;background: #f7f7f7;}
.our_products2 .products_list .list:nth-child(4n){margin-right: 0;}
.our_products2 .products_list .list .picture{overflow: hidden;}
.our_products2 .products_list .list .picture img{width: 100%; height: auto; transition: all 0.5s;}
.our_products2 .products_list .list .picture:hover img{transform: scale(1.1);}
.our_products2 .products_list .list .content{background: #f7f7f7;padding: 13px 15px;}
.our_products2 .products_list .list .title{line-height: 22px;font-size: 16px;/* font-weight: bold; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */}
.our_products2 .products_list .list .text{font-size: 16px; line-height: 22px; margin-top: 10px;}
.our_products2 .products_list .list .more{margin-top: 10px;}
.our_products2 .products_list .list .more a{font-size: 14px; font-weight: bold;}



.elementor-element {
  width: 100%;
}
.elementor-element .elementor-container {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.elementor-element .elementor-container  .elementor-element-sub{
  width:20%;
}
.elementor-element .elementor-container  .elementor-element-sub-icon {
  width:6.6%;
}  
.elementor-element .elementor-container .elementor-element-sub .elementor-widget-wrap{
  border-style: dashed;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 2%;
  display: flex;
  position: relative;
  width:94%;
  flex-wrap: wrap;
  align-content: flex-start;    
}  
.elementor-widget-image-box .elementor-image-box-wrapper {
  text-align: center;
}
.elementor-widget-image-box .elementor-image-box-wrapper img{width:100%;height:auto;}

.elementor-section2{width:100%;max-width:1400px;margin:auto;clear: both;}
.elementor-column2{width:25%;height:auto;float:left;}
.elementor-widget-wrap2{width:80%;margin:auto;}
.elementor-widget-container2 img{width:100%;height:auto;}
.elementor-heading-title2 a{font-size:18px;font-weight:bold;}
.elementor-widget-container2 ol li{list-style:none;line-height:1.8;}


.twentytwenty{width: 650px; margin: 30px auto; position: relative; overflow: hidden;}
.twentytwenty .twentytwenty-picture{position: relative;}
.twentytwenty .twentytwenty-picture img{width: 100%;}
.twentytwenty .twentytwenty-picture .variation-picture{width: 100%; height: 0; overflow: hidden; position: absolute; left: 0; top: 0;}
.twentytwenty .twentytwenty-picture .detail-title{font-size: 13px; line-height: 38px; letter-spacing: .1em; padding: 0 20px; background: #5a6dc4; color: #fff; border-radius: 2px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px;}
.twentytwenty .twentytwenty-picture .variation-title{font-size: 13px; line-height: 38px; letter-spacing: .1em; padding: 0 20px; background: #5a6dc4; color: #fff; border-radius: 2px; position: absolute; left: 50%; transform: translateX(-50%); top: 10px;}
.twentytwenty .twentytwenty-cursor{width: 100%; height: 50px; position: absolute; left: 0; top: 0; cursor: pointer;}
.twentytwenty .twentytwenty-cursor::before{content: ''; width: calc(50% - 25px); height: 4px; background: #fff; position: absolute; right: 50%; top: 50%; margin-right: calc(50px / 2); margin-top: -2px;}
.twentytwenty .twentytwenty-cursor::after{content: ''; width: calc(50% - 25px); height: 4px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: calc(50px / 2); margin-top: -2px;}
.twentytwenty .twentytwenty-cursor .twentytwenty-handle{width: 40px; height: 40px; border: solid #fff 5px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.twentytwenty .twentytwenty-cursor .twentytwenty-handle::before{content: ''; position: absolute; left: 50%; top: 30%; border-bottom: solid #fff 8px; border-left: solid transparent 8px; border-right: solid transparent 8px; transform: translateX(-50%) translateY(-50%);}
.twentytwenty .twentytwenty-cursor .twentytwenty-handle::after{content: ''; position: absolute; left: 50%; bottom: 30%; border-top: solid #fff 8px; border-left: solid transparent 8px; border-right: solid transparent 8px; transform: translateX(-50%) translateY(50%);}
.finishes-text ul{padding: 0 30px;}
.finishes-text li{font-size: 20px; font-family: helvetica,Sans-serif; color: #131d3b; line-height: 1.5; margin: 5px 0;}

.elementor-section3{width:100%;max-width:1400px;margin:auto;clear: both;}
.elementor-column4{width:30%;height:auto;float:left;}
.elementor-column5{width:70%;height:auto;float:left;}
.elementor-container3{float: left;width: 48%;  padding:0 1% 20px 1%;}

.elementor-container5 {
box-sizing: border-box;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 1140px;
}

.elementor-section7{max-width: 1440px;width:100%;clear:both;}
.elementor-column7{float:left;width:25%;}
.elementor-column8{float:left;width:75%;}
.elementor-column8 h5{font-size:18px;padding:5px 0 5px 0;margin-top:15px;}

.elementor-column9{width:29.33%;padding:0 2% 0 2%;float:left;text-align: center;}
.elementor-column10{border-left:2px dashed #000;width:61.66%;padding:0 2% 0 2%;float:left;}
.elementor-column9 h2{font-size:35px;margin:15px 0 15px 0;}
.elementor-element9 p{text-align:left;font-size:16px;padding:10px 0 10px 0;}
.elementor-button-wrapper{clear: both;margin-top: 25px;}
.elementor-button-wrapper a{font-size:22px;font-weight:bold;}
.elementor-column11{float:left;width:25%;margin-top: 20px;}
.elementor-column12{float:left;width:75%;margin-top: 20px;}
.elementor-section11{clear:both;}
.elementor-widget-container h5{font-size: 22px;padding: 10px 0 10px 0;}

.elementor-heading-title13{font-size:16px;text-align:center;}
.elementor-column13{width: 44%;
  float: left;
  padding: 0 3% 0 3%;}
.elementor-heading-title13{text-align: center;
  font-size: 16px;}
 
.elementor-container6 {
  box-sizing: border-box;
margin-right: 5px;
  margin-left: 5px;
  position: relative;
  max-width: 1140px;
}

@media (max-width: 960px) {
	.con_title h2{font-size:22px;}
	.tab-btn{font-size:12px;}
	.service_content1 .content {
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
}
.service_content1 {
    padding: 50px 10px;
    background: #f7f7f7;
}
.service_content1 .content .fleft {
    width: 100%;
    background: #fff;
    padding: 35px;
    box-shadow: 0 0 15px 0 #ddd;
    border-radius: 10px;
}

.service_content1 .content .auto_iks {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin:20px 0;
}

.service_content1>.whole {
    display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
}

.service_content1 .content .fright {
    width: 100%;
    padding: 35px;
    background: #fff;
    box-shadow: 0 0 15px 0 #ddd;
    border-radius: 10px;
}





.our_products2 .products_list .list {
    width: 48%;
    float: left;
    margin: 0 2% 30px 0;
    background: #f7f7f7;
}

.our_products2 {
    /* background: #f7f7f7; */
    padding: 50px 10px;
}

.about_title h2 {
    display: inline-block;
    font-size: 22px;
  
}

.about_message {
    padding: 50px 10px;
}

.about_message .left_inpi p {
    font-size: 12px;
    color: #000;
    line-height: 1.8;
    padding: 5px 0;
}

.nanshour .ikrr {

    margin-top: 10px;
}

	
	.service_case{padding: 30px 15px;}
	.service_case .case_list{margin-top: 30px;}
	.service_case .case_list .list{width: 100%; float: none; margin: 0 0 30px 0;}
	.service_case .case_list .list:nth-child(2n){margin-right: 0;}
	.service_case .case_list .list .content{padding: 10px;}
	.service_case .case_list .list .content .title{font-size: 16px;font-weight: bold;}
	.service_case .case_list .list .content .text{height: auto; line-height: 24px; -webkit-line-clamp: 6;}
	
	.service_content{padding: 30px 15px;}
	.service_content .content{margin-top: 0;overflow: auto;}
	.service_content .content .text{width: 100%; margin-top: 20px;}
	.service_content .content .text h3{font-size: 18px; line-height: 28px; padding-bottom: 10px;}
	.service_content .content .text p{font-size: 16px; line-height: 22px;padding-top: 10px;}
	.service_content .content .icon{width: 10px; height: 10px; display: inline-block; background: #1453ac; border-radius: 50%; margin-right: 10px;}
	.service_content .content .dot{width: 10px; height: 10px; display: inline-block; background: #1453ac; border-radius: 50%; margin-right: 10px;}
	.service_content .content .video{width: 100%; margin-top: 20px;}
	.service_content .content .video video{width: 100% !important; height: auto !important;}
	
	.processing_equipment{padding: 30px 15px 0;}
	.processing_equipment .equipment_list{margin-top: 30px;}
	.processing_equipment .equipment_list .list{width: 100%; margin: 0 0 30px 0;}
	.processing_equipment .equipment_list .list:nth-child(2n){margin-right: 0;}
	.processing_equipment .equipment_list .list .title{font-size: 14px; margin-top: 10px;}
	
	.our_products{padding: 30px 15px;}
	.our_products .products_list{margin-top: 30px;}
	.our_products .products_list .list{width: 100%; margin: 0 0 30px 0;}
	.our_products .products_list .list:nth-child(2n){margin-right: 0;}
	.our_products .products_list .list .picture{overflow: hidden;}
	
.elementor-section2{width:100%;max-width:1400px;margin:auto;clear: both;}
.elementor-column2{width:100%;height:auto;float:none;}
.elementor-widget-wrap2{width:80%;margin:auto;}
.elementor-widget-container2 img{width:100%;height:auto;}
.elementor-heading-title2 a{font-size:18px;font-weight:bold;}
.elementor-widget-container2 ol li{list-style:none;line-height:1.8;}
.finishes-text li{font-size:12px;}
.twentytwenty{width: 100%; margin: 30px auto; position: relative; overflow: hidden;}
.elementor-container3{
  float: none;
  width: 98%;
  padding: 0 1% 20px 1%;
  clear: both;
}
.elementor-column4{
  width: 28%;
  height: auto;
  float: left;
  margin-right: 2%;
}
.elementor-container5{
  box-sizing: border-box;
  display: unset;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 100%;
  width:100%;
}

.elementor-section7{max-width:100%;width:100%;clear:both;border-bottom:1px solid #CCC}
.elementor-column7{float:none;width:90%;margin:auto;}
.elementor-column7 img{width:100%;height:auto;}
.elementor-column8{float:none;width:90%;margin:auto;}
.elementor-column8 h5{font-size:16px;padding:5px 0 5px 0;margin-top:15px;}

.elementor-column9{width:96%;padding:0 2% 0 2%;float:none;text-align: center;}
.elementor-column10{border-left:0;width:96%;padding:0 2% 0 2%;float:none;}
.elementor-column9 h2{font-size:30px;margin:15px 0 15px 0;}
.elementor-element9 p{text-align: left;
    font-size: 14px;
    padding: 4px 0 4px 0;}
.elementor-button-wrapper{clear: both;margin-top:15px;}
.elementor-button-wrapper a{font-size:18px;font-weight:bold;}
.elementor-column11{float:left;width:25%;margin-top: 20px;}
.elementor-column12{float: left;
    width: 73%;
    margin-top: 10px;
    margin-left: 2%;}
.elementor-section11{clear:both;}
.elementor-widget-container h5{font-size: 16px;padding: 10px 0 10px 0;}

.elementor-heading-title13{font-size:16px;text-align:center;}
.elementor-column13{width: 94%;
  float: none;
  padding: 0 3% 0 3%;}
.elementor-heading-title13{text-align: center;
  font-size: 16px;}

}






  /* Page Header */
        .page-header {
            text-align: center;
            margin-bottom: 25px;
            padding: 15px 0;
            width: 100vw;
            max-width: 100vw;
            margin-left: calc(-50vw + 50%);
            position: relative;
            background-color: #f5f8fa;
        }
        .page-title {
            font-size: 36px;
            font-weight: 700;
            color: #2b6cb0;
            letter-spacing: 1.2px;
            text-transform: capitalize;
            position: relative;
            display: inline-block;
            padding: 10px 120px;
            white-space: nowrap;
            overflow: visible;
            text-align: center;
        }
        .page-title::before,
        .page-title::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 100px;
            height: 3px;
            background: linear-gradient(90deg, #2b6cb0, #3182ce);
        }
        .page-title::before {
            left: 20px;
            transform: translateY(-50%);
        }
        .page-title::after {
            right: 20px;
            transform: translateY(-50%);
        }
        .page-subtitle {
            font-size: 18px;
            color: #718096;
            margin-top: 10px;
            letter-spacing: 1px;
            white-space: nowrap;
            text-align: center;
        }

        /* Table Container */
        .table-container {
            position: relative;
            max-width: 2520px;
            margin: 0 auto;
            width: 100%;
        }

        /* Table Wrapper */
        .table-wrapper {
            overflow-x: auto;
            margin: 0 auto;
            max-width: 100%;
            width: 100%;
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 8px 20px rgba(45, 100, 180, 0.1);
            padding: 18px;
            scrollbar-width: thin;
            scrollbar-color: #3182ce #e8f4f8;
            min-width: 100%;
            scroll-behavior: smooth;
        }
        .table-wrapper::-webkit-scrollbar {
            height: 8px;
        }
        .table-wrapper::-webkit-scrollbar-track {
            background: #e8f4f8;
            border-radius: 6px;
            border: 1px solid #dbeafe;
        }
        .table-wrapper::-webkit-scrollbar-thumb {
            background-color: #3182ce;
            border-radius: 6px;
            border: 2px solid #e8f4f8;
            transition: background-color 0.2s ease;
        }
        .table-wrapper::-webkit-scrollbar-thumb:hover {
            background-color: #2b6cb0;
        }
        .table-wrapper::-webkit-scrollbar-thumb:vertical {
            display: none;
        }
        .table-wrapper::-webkit-scrollbar-track-piece {
            background: #e8f4f8;
        }

        /* 滑动按钮 - 修复错位 +  */
        .scroll-btn {
            position: absolute;
            top: 50%;
            /*  */
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, #2b6cb0 0%, #2c5282 100%);
            color: white;
            border: none;
            font-size: 24px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            /* 简化阴影，避免层级干扰 */
            box-shadow: 0 6px 15px rgba(43, 108, 176, 0.3);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 10;
            opacity: 0.95;
            /*  */
            position: absolute !important;
        }
        /*  -  */
        .scroll-btn::before {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            right: 2px;
            bottom: 2px;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
            border-radius: 50%;
            z-index: 1;
            pointer-events: none;
        }
        /* 箭头文字阴影 - 核心美化点 */
        .scroll-btn::after {
            content: attr(data-icon);
            position: absolute;
            font-size: 24px;
            /* 白色箭头 + 深色阴影，增强立体感 */
            color: #ffffff;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            z-index: 2;
        }
        /*  */
        .scroll-btn span {
            display: none;
        }
        .scroll-left {
            left: -30px;
            /* 左箭头特殊调整，确保居中 */
            justify-content: center;
        }
        .scroll-right {
            right: -30px;
            /* 右箭头特殊调整，确保居中 */
            justify-content: center;
        }
        /* Hover效果增强 - 保持动效但不影响位置 */
        .scroll-btn:hover {
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
            transform: translateY(-50%) scale(1.12);
            opacity: 1;
            box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);
        }
        /* 禁用状态美化 */
        .scroll-btn:disabled {
            background: linear-gradient(135deg, #a0aec0 0%, #718096 100%);
            cursor: not-allowed;
            /* 禁用状态取消缩放，保持原位 */
            transform: translateY(-50%);
            opacity: 0.7;
            box-shadow: 0 4px 10px rgba(113, 128, 150, 0.2);
        }
        .scroll-btn:disabled::before {
            display: none;
        }
        /* 禁用状态箭头阴影变浅 */
        .scroll-btn:disabled::after {
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            opacity: 0.8;
        }
        /* 按钮点击效果 */
        .scroll-btn:active:not(:disabled) {
            transform: translateY(-50%) scale(1.05);
            box-shadow: 0 4px 10px rgba(43, 108, 176, 0.4);
        }

        /* Core Table Styles */
        table {
            border-collapse: separate;
            border-spacing: 0;
            width: 100%;
            min-width: 2240px;
            background: #ffffff;
        }

        /* Header Styles */
        thead th {
            background: linear-gradient(135deg, #2b6cb0 0%, #2c5282 100%);
            color: #ffffff;
            font-weight: 600;
            text-align: center;
            padding: 18px 20px;
            font-size: 16px;
            letter-spacing: 0.6px;
            border: none;
            box-shadow: 0 2px 4px rgba(43, 108, 176, 0.2);
        }
        thead th:first-child {
            border-top-left-radius: 12px;
            width: 350px;
        }
        thead th:last-child {
            border-top-right-radius: 12px;
        }

        /* Cell Base Styles */
        td {
            padding: 12px 18px;
            text-align: left;
            vertical-align: top;
            font-size: 14px;
            border: 1px solid #e2e8f0;
            border-top: none;
            word-wrap: break-word;
            line-height: 1.4;
        }

        /* First Column */
        td:first-child {
            background-color: inherit;
            font-weight: 600;
            color: #2d3748;
            /* width: 350px; */
            font-size: 14px;
            border-right: 1px solid #cbd5e0;
            vertical-align: middle;
            text-align: center;
            padding: 12px 25px;
        }

        /* Other Columns */
        td:nth-child(2) {
            /* width: 560px; */
            color: #4a5568;
            line-height: 1.4;
            padding: 10px;
        }
        td:nth-child(3), 
        td:nth-child(4), 
         td:nth-child(5),
			td:nth-child(6), 
			td:nth-child(7), 
			td:nth-child(8)  {
            color: #2d3748;
            line-height: 1.4;
            padding: 12px 20px;
            /* width: 448px; */
        }

        /* List Style */
        td ul {
            padding-left: 20px;
            margin: 8px 0;
            list-style: disc;
        }
        td li {
            margin-bottom: 6px;
            color: #4a5568;
            font-size: 14px;
            line-height: 1.4;
        }

        /* Last Row Rounded Corners */
        tbody tr:last-child td:first-child {
            border-bottom-left-radius: 12px;
        }
        tbody tr:last-child td:nth-child(2) {
            border-bottom-left-radius: 0;
        }
        tbody tr:last-child td:last-child {
            border-bottom-right-radius: 12px;
        }

        /* Keep first row background consistent */
        tbody tr:first-child td {
            background: inherit;
        }

        /* Responsive Adaptation */
        @media (max-width: 2560px) {
            .page-title {
                font-size: 32px;
                padding: 10px 100px;
            }
            .page-title::before,
            .page-title::after {
                width: 90px;
            }
            .table-wrapper {
                padding: 0;
            }
            table {
                min-width: 2000px;
            }
            td:first-child, thead th:first-child {
                /* width: 320px; */
            }
            .scroll-btn {
                width: 55px;
                height: 55px;
                font-size: 22px;
            }
            .scroll-btn::after {
                font-size: 22px;
            }
            .scroll-left {
                left: 0;
            }
            .scroll-right {
                right: 0;
            }
        }

        @media (max-width: 1920px) {
            .page-title {
                font-size: 28px;
                padding: 10px 80px;
            }
            .page-title::before,
            .page-title::after {
                width: 70px;
                height: 2px;
            }
            .table-container {
                max-width: 100%;
            }
            .table-wrapper {
                padding: 0;
                border-radius: 12px;
            }
            table {
                min-width: 1800px;
            }
            thead th {
                padding: 14px 16px;
                font-size: 14px;
            }
            td {
                padding: 10px 14px;
                font-size: 13px;
            }
            td:first-child, thead th:first-child {
                /* width: 280px; */
                padding: 10px 18px;
            }
            td:nth-child(2) {
                /* width: 450px; */
                padding: 12px;
            }
            td:nth-child(3), 
            td:nth-child(4), 
            td:nth-child(5),
			td:nth-child(6), 
			td:nth-child(7), 
			td:nth-child(8) {
                /* width: 380px; */
                padding: 10px 16px;
            }
            .scroll-btn {
                width: 50px;
                height: 50px;
                font-size: 20px;
                display: none;
            }
            .scroll-btn::after {
                font-size: 20px;
            }
            .scroll-left {
                left: 0;
            }
            .scroll-right {
                right: 0;
            }
        }

        @media (max-width: 1440px) {
            .page-title {
                font-size: 24px;
                padding: 8px 60px;
            }
            .page-title::before,
            .page-title::after {
                width: 60px;
            }
            .table-wrapper {
                max-width: 100%;
                padding: 10px;
            }
            table {
                min-width: 1600px;
            }
            td:first-child, thead th:first-child {
                width: 240px;
            }
            .scroll-btn {
                width: 45px;
                height: 45px;
                font-size: 18px;
            }
            .scroll-btn::after {
                font-size: 18px;
            }
            .scroll-left {
                left: -18px;
            }
            .scroll-right {
                right: -18px;
            }
        }

        @media (max-width: 992px) {
            .page-title {
                font-size: 20px;
                padding: 8px 40px;
            }
            .page-title::before,
            .page-title::after {
                width: 50px;
                height: 2px;
            }
            .table-wrapper {
                padding: 10px;
                border-radius: 8px;
                box-shadow: 0 4px 10px rgba(45, 100, 180, 0.06);
            }
            th, td {
                padding: 8px 10px;
                font-size: 12px;
            }
            thead th {
                font-size: 13px;
                padding: 12px 10px;
            }
            table {
                min-width: 1200px;
            }
            td:first-child, thead th:first-child {
                width: 200px;
            }
            td:nth-child(2) {
                width: 350px;
            }
            td:nth-child(3), 
            td:nth-child(4), 
              td:nth-child(5),
			td:nth-child(6), 
			td:nth-child(7), 
			td:nth-child(8) 
			{
                width: 280px;
            }
            .scroll-btn {
                width: 38px;
                height: 38px;
                font-size: 16px;
            }
            .scroll-btn::after {
                font-size: 16px;
            }
            .scroll-left {
                left: -15px;
            }
            .scroll-right {
                right: -15px;
            }
        }

        @media (max-width: 576px) {
            body {
                padding: 10px;
            }
            .page-header {
                margin-bottom: 15px;
                padding: 10px 0;
            }
            .page-title {
                font-size: 18px;
                padding: 8px 30px;
            }
            .page-title::before,
            .page-title::after {
                width: 40px;
                height: 2px;
            }
            .table-wrapper {
                padding: 8px;
                border-radius: 6px;
            }
            td:first-child, thead th:first-child {
                width: 160px;
                text-align: left;
            }
            td:nth-child(2) {
                width: 280px;
            }
            td:nth-child(3), 
            td:nth-child(4), 
              td:nth-child(5),
			td:nth-child(6), 
			td:nth-child(7), 
			td:nth-child(8)  {
                width: 220px;
            }
            .scroll-btn {
                display: none;
            }
        }