@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: 42%;}
.left_noe h3{font-size: 2vw;color: #fff;margin-bottom: 30px;font-weight: bold;}
.left_noe p{font-size: 0.9vw;color: #fff;}
.left_noe a{font-size:16px;color: #fff;border-radius: 60px;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: #2d53e1;margin-left: 5%;border: 2px solid #2d53e1;}
.right_noe{width:50%;}
.right_noe img{max-width:100%;}









.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;}
.pro_dui .dui_auto{display:flex;margin-top: 50px;justify-content: space-between;align-items: center;}
.tong_tui{width: 48%;background: #d5deff;padding: 30px;border-radius: 30px;}
.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 #c2cfff;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: 30px;background: #f8f8f8;}
.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 0;}
.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;}
.list_auto ul li h3 a{font-size: 1vw;color: #000;margin: 20px 0;display: inline-block;}
.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: 48%;
    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;
    background: #fff;
}
.oklrtd {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 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 0 0;line-height: 1.8;}
.faq_list .faq_auto ul li h2 {
    font-size: 0.9vw;
    margin: 0;
    padding: 0 45px 0 15px;
    color: #333;
    font-weight: bold;
    position:relative;
    transition: max-height 0.5s ease-in;
}

.faq_list .faq_auto ul li h2::before{
	content:'';
	position: absolute;
	width: 20px;
	height: 15px;
	top: 0;
	right: 20px;
	z-index: 1;
	background: url(../images/tou.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:#0043ae}
.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;}
.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%;
}

.company_auto  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2d53e1;}








.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: 43%;}
.rijfks h3{font-size: 1vw;font-weight: bold;margin-bottom: 30px;}
.rijfks h4{font-size: 1vw;font-weight: bold;margin: 50px 0;}
.rijfks h2{font-size: 2vw;margin-bottom: 20px;font-weight: bold;}
.rijfks .tufeis p{font-size:16px;line-height: 1.8;color: #000;margin-bottom: 30px;padding-left:20px;}
.rijfks .tufeis p:nth-child(1){background: url(../images/bn1.png) no-repeat left 7px;}
.rijfks .tufeis p:nth-child(2){background: url(../images/bn2.png) no-repeat left 7px;}
.rijfks .tufeis p:nth-child(3){background: url(../images/bn3.png) no-repeat left 7px;}






@media (max-width: 990px) {
	
	
	.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;
}
.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: 20px;
}	
.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;
}











	
	
	
}