@charset 'utf-8';

.product{padding: 46px 0;}
.pro_noe{padding:50px 0;background: url(../images/cp_1.jpg);width: 95%;margin: auto;background-size: 100% auto;border-radius: 40px;overflow: hidden;}
.pro_noe .noe_auto{display:flex;justify-content: space-between;align-items: center;}
.left_noe{width: 45%;}
.left_noe h3{font-size: 2vw;color: #000;margin-bottom: 30px;font-weight: bold;}
.left_noe p{font-size: 0.9vw;color: #000;}
.left_noe a{font-size:16px;color: #fff;border-radius: 0;display: inline-block;padding: 10px 20px;}
.left_noe .noe_a{margin-top: 50px;}
.left_noe .noe_a .a_noxe{border: 2px solid #fff;}
.left_noe .noe_a .a_noxe2{background: #33ba6a;margin-left: 0;}
.right_noe{width:50%;}
.right_noe img{max-width:100%;}

   /* 选项卡容器 */
        .tab-container {
            margin-top: 50px;
            background: white;
            border-radius: 0;
            overflow: hidden;
            padding-top: 50px;
        }

        /* 选项卡头部 */
        .tab-header {
            display: flex;
            /* border-bottom: 1px solid #e9ecef; */
            justify-content: space-between;
        }

        /* 选项卡按钮 */
        .tab-btn {
            display: inline-block;
            padding: 1rem 0;
            border: none;
            background: transparent;
            cursor: pointer;
            font-size: 16px;
            color: #6c757d;
            transition: all 0.3s ease;
            text-align: center;
            position: relative;
        }

        /* 选中状态的按钮 */
        .tab-btn.active {
            color: #33ba6a;
            font-weight: 600;
        }

        /* 选中按钮的底部下划线 */
        .tab-btn.active::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #33ba6a;
        }

        /* 按钮 hover 效果 */
        .tab-btn:hover:not(.active) {
            color: #33ba6a;
      
        }

        /* 选项卡内容区域 */
        .tab-content {
            padding: 0;
            margin-top: 50px;
        }

        /* 选项卡面板（默认隐藏） */
        .tab-panel {
            display: none;
            animation: fadeIn 0.3s ease;
        }

        /* 激活的面板显示 */
        .tab-panel.active {
            display: block;
        }

        /* 淡入动画 */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .tab-header {
                flex-direction: column;
            }
            .tab-btn {
                padding: 0.8rem 1rem;
            }
            .tab-content {
                padding: 1.5rem;
                min-height: 200px;
                padding: 0;
            }
        }







.pro_tow{padding: 50px 0 0;}
.pro_tow_bei{background: url(../images/cp_2.jpg);padding: 3vw 0;margin-top: 50px;}
.cp_title h2{font-size: 2vw;text-align: center;}
.cp_title p{font-size: 0.9vw;text-align: center;}
.pro_tow .tow_auto{display:flex;/* margin-top: 50px; */justify-content: space-between;align-items: center;}
.right_tow{width:50%;}
	.si_shu{
    font-size: 2vw;
    color: #fff;
    font-weight: bold;
}
.left_tow{width: 45%;text-align: right;}
.left_tow h3{font-size: 2vw;color: #fff;font-weight: bold;}
.left_tow h4{font-size: 1.2vw;color: #fff;margin: 20px 0 50px;}
.left_tow p{font-size: 0.9vw;color: #fff;line-height: 1.8;}





.pro_sui{padding: 5vw 0;background: url(../images/cp_3.jpg);}
.pro_sui .tow_auto{display:flex;/* margin-top: 50px; */justify-content: space-between;align-items: center;}
.right_sui{width:50%;}
	.left_sui .si_shu{
    font-size: 2vw;
    color: #2d53e1;
    font-weight: bold;
}
	.left_sui .si_shu span{
    font-size: 2vw;
    color: #999;
}
.left_sui{width: 45%;text-align: left;}
.left_sui h3{font-size: 2vw;color: #000;font-weight: bold;}
.left_sui h4{font-size: 1.2vw;color: #000;margin: 20px 0 50px;}
.left_sui p{font-size: 0.9vw;color: #000;line-height: 1.8;}







.pro_fo{padding: 5vw 0;background: url(../images/cp_4.jpg)}
.pro_fo .tow_auto{display:flex;/* margin-top: 50px; */justify-content: space-between;align-items: center;}
.right_fo{width:50%;}
	.left_fo .si_shu{
    font-size: 2vw;
    color: #fff;
    font-weight: bold;
}
.left_fo{width: 45%;text-align: right;}
.left_fo h3{font-size: 2vw;color: #fff;font-weight: bold;}
.left_fo h4{font-size: 1.2vw;color: #fff;margin: 20px 0 50px;}
.left_fo p{font-size: 0.9vw;color: #fff;line-height: 1.8;}





.pro_dui{padding: 50px 0 0;}
.cp_title h2{font-size: 2vw;text-align: center;font-weight: bold;}
.cp_title p{font-size: 0.9vw;text-align: center;color: #33ba6a;font-weight: bold;margin-bottom: 10px;}
.pro_dui .dui_auto{display:flex;margin-top: 50px;justify-content: space-between;align-items: center;}
.tong_tui{width: 48%;background: url(../images/tu1.jpg);padding: 30px;border-radius: 15px;color: #fff;background-size: 100% 100%;}
.ming_img{margin:20px 0;}
.ming_img img{width:100%;}
.tong_tui h3{font-size:2vw;font-weight: bold;}
.tong_tui ul{display:flex;flex-wrap: wrap;margin-top: 30px;}
.tong_tui ul li{display:flex;width: 100%;padding: 10px 0;border-bottom: 1px solid #fff;flex-wrap: wrap;}
.tong_tui ul li .sui_title{font-size: 0.95vw;font-weight: bold;width: 45%;}
.tong_tui ul li .sui_text{font-size: 0.95vw;}
.tong_tui2{width: 48%;padding: 30px;border-radius: 15px;background: url(../images/tu2.jpg);background-size: 100% 100%;}
.tong_tui2 h3{font-size:2vw;font-weight: bold;}
.tong_tui2 ul{display:flex;flex-wrap: wrap;margin-top: 30px;}
.tong_tui2 ul li{display:flex;width: 100%;padding: 10px 0;border-bottom: 1px solid #e5e5e5;}
.tong_tui2 ul li .sui_title{font-size: 0.95vw;font-weight: bold;width: 45%;}
.tong_tui2 ul li .sui_text{font-size: 0.95vw;}






.pro_cp_list{padding: 50px 0;background: #f2f4f5;margin-top: 50px;}
.pro_cp_list .list_auto{margin-top: 50px;}
.list_auto ul{display:flex;flex-wrap: wrap;margin-bottom: 30px;}
.list_auto ul li{margin: 1%;padding: 20px;border: 1px dotted #ddd;width: 23%;text-align: center;background: #fff;}
.list_auto ul li h3 a{font-size: 1vw;color: #000;margin: 20px 0;display: inline-block;font-weight: bold;}
.list_auto ul li .img_list{overflow:hidden;}
.list_auto ul li img{max-width:100%;}
.list_auto ul li a.teshu{font-size: 16px;background: #2d53e1;padding: 7px 20px;color: #fff;border-radius: 60px;display: inline-block;}




.faq_list{padding: 50px 0 0;}
.faq_list .faq_auto{margin-top: 50px;}

.cncduan7 {
    padding: 50px 0;
    /* background: #f8f8f8; */
}

.faq_list .faq_auto {
    /* margin-top: 50px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq_list .faq_auto ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: self-end;
}

.faq_list .faq_auto ul li {
    width: 100%;
    text-align: left;
    /* border-bottom: 1px solid #ddd; */
    align-items: center;
    /* padding: 20px 0; */
    box-shadow: 0 0 10px 0 #ddd;
    margin-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
    /* background: #34bd6b; */
}
.oklrtd {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    /* margin: 15px; */ /* 根据实际需求调整内边距 */
}
.oklrtd a{font-size:14px;display: inline-block;margin-top: 15px;color: #183293;}

.oklrtd.active {
    max-height: 1000px; /* 根据你的最大内容高度调整 */
    transition: max-height 0.5s ease-in;
}
.oklrtd p{font-size:0.8vw;margin: 20px;line-height: 1.8;}
.faq_list .faq_auto ul li h2 {
    font-size: 0.9vw;
    margin: 0;
    padding: 15px 45px 15px 15px;
    color: #fff;
    font-weight: bold;
    position:relative;
    transition: max-height 0.5s ease-in;
    background: #34bd6b;
}

.faq_list .faq_auto ul li h2::before{
	content:'';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 15px;
	right: 20px;
	z-index: 1;
	background: url(../images/tous.png)no-repeat right;
	/* transform: rotate(180deg); */
	transition: all 0.6s;
}


.faq_list .faq_auto ul li h2.active::before{transform: rotate(-180deg);background: url(../images/tous.png)no-repeat right;}
.faq_list .faq_auto ul li:hover{box-shadow:0 0 15px 0 #ddd;}
.faq_list .faq_auto ul li:hover h2{color: #fff;}
.left_sn{width: 48%;}
.left_sn h3{font-size: 2vw;font-weight: bold;margin-bottom: 35px;}
.left_sn p{font-size: 0.85vw;}
.left_sn a{font-size: 16px;padding: 10px 30px;background: #183293;display: inline-block;margin-top: 50px;color: #fff;border-radius: 60px;}




.about_list{padding: 50px 0 0;}
.about_list .about_auto{margin-top: 50px;position: absolute;top: 0;left: 8%;text-align: left;}
.din_img{position:relative;margin-top: 50px;}
.din_img img{max-width:100%;}
.abubbi_to{width: 100%;/* top: 0; *//* left: 50%; *//* transform: translateX(-50%); */}
.about_auto p{font-size: 0.85vw;color: #000;}








.liebiaos{/* background:#000; */padding: 0;position: relative;}
.autouy_naose2  ul{display:flex;justify-content: space-between;flex-wrap: wrap;width: 100%;background: #f6fbff;margin-top: -50px;border-radius: 10px;overflow: hidden;}
.autouy_naose2 ul li{width: 25%;padding: 50px 35px;/* background: #45d4ca; */text-align: left;border-radius: 0;display:flex;flex-wrap: wrap;}
.autouy_naose2 .wokrs2{width: 100%;}
.autouy_naose2 ul li h2{font-size: 1vw;color: #000;font-weight: bold;margin: 0 0 20px 0;text-transform: uppercase;}
.autouy_naose2 ul li h3{font-size: 3vw;color: #333;font-weight: bold;margin: 0 0 20px 0;}
.autouy_naose2 ul li p{font-size: 0.8vw;color: #000;/* margin-top: 20px; *//* font-weight: bold; */line-height: 1.8;}
.autouy_naose2 ul li:hover{background:#2d53e1;}
.autouy_naose2 ul li:hover h2{color:#fff}
.autouy_naose2 ul li:hover h3{color:#fff}
.autouy_naose2 ul li:hover p{color:#fff}


.company_list{padding: 50px 0 0;}
.imcaas_img{position:relative;overflow:hidden;}
.po_case{position:absolute;width: 100%;top: 150%;transform: translateY(-50%);padding: 20px;text-align: center;color: #fff;background: #ffffffc4;color: #000;   transition: all 0.3s ease;}
.imcaas_img:hover .po_case{top:50%}
.po_case h3{font-size:20px;}
.ikik_xian{width:50px;height: 2px;background: #000;margin: auto;margin-top: 20px;}
.company_list .company_auto{margin-top: 50px;}
.company_auto .swiper-container{padding-bottom:80px;}
.company_auto .swiper-container-horizontal>.swiper-pagination-progressbar, .company_auto .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 95%;
	display:none;
}

.company_auto  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #34bd6b;}








.suibianer {
	padding:50px 0;
	background: #fafafa;
	background-size:100% 100%;
	margin-top:50px;
}
.suibianer textarea::-webkit-input-placeholder {
	/* WebKit browsers，webkit内核浏览器 */
color:#000;
	font-size:16px;
}
.suibianer textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */ 
color:#fff;
	font-size:16px;
}
.suibianer textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */ 
color:#000;
	font-size:16px;
}
.suibianer textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */ 
color:#000;
	font-size:16px;
}
.suibianer input::-webkit-input-placeholder {
	/* WebKit browsers，webkit内核浏览器 */
color:#000;
	font-size:16px;
}
.suibianer input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */ 
color:#000;
	font-size:16px;
}
.suibianer input::-moz-placeholder {
	/* Mozilla Firefox 19+ */ 
color:#000;
	font-size:16px;
}
.suibianer input:-ms-input-placeholder {
	/* Internet Explorer 10+ */ 
color:#000;
	font-size:16px;
}
.abto_suibain .input-lg {
	height:46px;
	padding:10px 16px;
	font-size:14px;
	line-height:1.3333333;
	border-radius:6px;
	background: #d9d8df;
}
.abto_suibain .form-group {
	margin-bottom:30px;
	/* text-align:center; */
}
.abto_suibain  textarea.form-control {
	height:210px;
	color:#000;
	background: #d9d8df;
}
.btn-lg {
	padding:10px 44px;
	font-size:16px;
	line-height:1.3333333;
	border-radius:60px;
	margin:auto;
}
.abto_suibain .btn-primary {
	color:#fff;
	background-color: #3328bf;
	border-color: #3328bf;
	width: 30%;
	border-radius:5px;
	font-weight: bold;
}
.left_img {
	/* margin-top:50px; */
}
.biaotitle {
	font-size:26px;
	color:#333;
	font-weight:bold;
	margin-bottom:20px;
}
.a-Lkoy {
	margin-top:50px;
}
.a-Lkoy a {
	background-color:#e60012;
	padding:12px 35px;
	color:#fff;
	border-radius:60px;
	font-size:18px;
}
.left_img {
	width: 50%;
	padding: 0;
	/* background: #fff; */
}

.suibianer .abto_suibain{display:flex;/* margin-bottom: 50px; */justify-content: space-between;/* margin-top: 50px; */}

.rijfks{width: 50%;position: relative;}
.rijfks h2{font-size: 20px;font-weight: bold;color: #34bd6b;margin-bottom: 30px;}
.rijfks h3{font-size: 52px;color: #000;font-weight: bold;/* margin-bottom: 25px; *//* position: absolute; *//* top: 50%; */width: 100%;/* text-align: center; */margin-bottom: 30px;line-height: 1.5;}
.rijfks h4{font-size: 26px;color: #fff;font-weight: bold;/* margin-bottom: 25px; *//* position: absolute; */top: 50%;width: 100%;/* text-align: center; */line-height: 1.5;}
.rijfks p{font-size: 16px;color: #000;/* margin-bottom: 15px; */padding: 5px;line-height: 1.8;background: url(../images/di.png) no-repeat left;padding-left: 30px;}
.rijfks2 p:nth-child(1){background:url(../images/gb1.png)no-repeat left;}
.rijfks2 p:nth-child(2){background:url(../images/gb2.png)no-repeat left;}
.rijfks2 p:nth-child(3){background: url(../images/gb3.png)no-repeat left 12px;}
.rijfks h4{font-size: 18px;color: #000;/* font-weight: bold; */margin: 10px 0 40px;}

.rijfks img{max-width:100%;}





@media (max-width: 990px) {
	.company_auto .swiper-container-horizontal>.swiper-pagination-progressbar, .company_auto .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  
	display:block;
}

	.pro_cp_list {
    padding: 50px 0;
    background: #f2f4f5;
    margin-top: 0;
}
	.product .productlist .list .text a h2 {
	    font-size: 16px;
	    color: #333;
	    margin-bottom: 14px;
	}
	.product{padding: 30px 15px;}

	.pro_noe {
 padding: 20px 0;
    background-size: auto  100%;
 
}
	.pro_noe .noe_auto {
 flex-wrap: wrap;
 padding: 0;
}
.left_noe {
    width: 100%;
}	
.left_noe h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
}

.left_noe p {
    font-size: 14px;
    /* color: #fff; */
}	
	
	.left_noe a {
    font-size: 12px;

}
.right_noe {
    width: 100%;
    margin-top: 0;
}	
.pro_tow {
    padding: 20px 0 0;
}	
.cp_title h2 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.cp_title p {
    font-size: 14px;
    text-align: center;
}

.pro_tow_bei {
    background: url(../images/cp_2.jpg);
    padding: 3vw 0;
    margin-top: 20px;
    background-size: auto 100%;
}

.pro_tow .tow_auto {
   
    flex-wrap: wrap;
}

.right_tow {
    width: 100%;
    margin-bottom: 20px;
}

.left_tow {
    width: 100%;
    text-align: right;
}


.si_shu {
    font-size: 20px;
 
}
.left_tow h3 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.left_tow h4 {
    font-size: 14px;
    color: #fff;
    margin: 20px 0 20px;
}

.left_tow p {
    font-size: 12px;
    color: #fff;
    line-height: 1.8;
}
.pro_sui .tow_auto {
   
    flex-wrap: wrap;
}
.left_sui {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.left_sui .si_shu {
    font-size: 20px;
    
}
.left_sui .si_shu span {
    font-size: 20px;
    color: #999;
}
.left_sui h3 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.left_sui h4 {
    font-size: 14px;
    color: #000;
    margin: 20px 0 20px;
}
.left_sui p {
    font-size: 14px;
    color: #000;
    line-height: 1.8;
}
.right_sui {
    width: 100%;
}
.pro_fo .tow_auto {

    flex-wrap: wrap;
}
.right_fo {
    width: 100%;
    margin-bottom: 20px;
}

.left_fo {
    width: 100%;
    text-align: right;
}
.left_fo .si_shu {
    font-size: 20px;
    
}
.left_fo h3 {
    font-size: 20px;
    
}
.left_fo h4 {
    font-size: 14px;
    color: #fff;
    margin: 20px 0 20px;
}
.left_fo p {
    font-size: 14px;
    color: #fff;
    line-height: 1.8;
}
.pro_dui {
    padding: 20px 0 0;
}

.pro_dui .dui_auto {

    flex-wrap: wrap;
}

.tong_tui {
    width: 100%;
    /* background: #d5deff; */
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.tong_tui h3 {
    font-size: 20px;
    font-weight: bold;
}

.tong_tui ul {
    display: flex
;
    flex-wrap: wrap;
    margin-top: 15px;
}

.tong_tui ul li .sui_title {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-right:2%;
}
.tong_tui ul li .sui_text {
    font-size: 12px;
}
.tong_tui2 {
    width: 100%;
    padding: 15px;
    border-radius: 30px;
    /* background: #f8f8f8; */
}

.tong_tui2 h3 {
    font-size: 20px;
    font-weight: bold;
}
.tong_tui2 ul {
    display: flex
;
    flex-wrap: wrap;
    margin-top: 15px;
}
.tong_tui2 ul li .sui_title {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-right: 2%;
}

.tong_tui2 ul li .sui_text {
    font-size: 12px;
}


.tong_tui2 ul li {

    flex-wrap: wrap;
}
.list_auto ul li {
    margin: 1%;
    padding: 20px;
    border: 1px dotted #ddd;
    width: 48%;
    text-align: center;
}

.list_auto ul li h3 a {
    font-size: 12px;
    color: #000;
    margin: 20px 0;
    display: inline-block;
}

.list_auto ul li a.teshu {
    font-size: 12px;

}

.autouy_naose2 ul li {
    width: 50%;
    padding: 20px;

    flex-wrap: wrap;
}

.autouy_naose2 ul li h2 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.autouy_naose2 ul li h3 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 0 0 20px 0;
}

	.autouy_naose2 ul li p {
    font-size: 14px;

}

.rijfks h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.rijfks h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0;
}



	
	.company_auto .swiper-container {
    padding-bottom: 50px;

}



.faq_list .faq_auto ul li h2 {
    font-size: 16px;
 
}

.oklrtd p {
    font-size: 14px;
    margin: 20px;
    line-height: 1.8;
}
	
}