@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select {
	font-size: 14px;
	line-height:1.6;
}
@media (min-width: 992px) {
	body,td,th,input,textarea,select { font-size:16px;}
}
@media (min-width: 1200px) {
	body,td,th,input,textarea,select { font-size:18px;}
}

.menu-active #site-menu__bg {
	width: calc(100vw - 40px) !important;
	height: calc(100vh - 40px) !important;
}

.page_content{ padding:40px 0;}
.blank_row{ height:40px;}
.blank_row2{ height:20px;}
@media (min-width: 768px) {
	.page_content{ padding:50px 0;}
	.blank_row{ height:50px;}
	.blank_row2{ height:30px;}
}
@media (min-width: 992px) {
	.page_content{ padding:60px 0;}
	.blank_row{ height:60px;}
	.blank_row2{ height:40px;}
}
@media (min-width: 1200px) {
	.page_content{ padding:80px 0;}
	.blank_row{ height:80px;}
}

.br{ height:15px;}
.bg1{ background-color:#FFF;}

.h2,h3,h4{ line-height:1.2;}
.h2{ font-size:44px;}
.h3{ font-size:30px;}
@media (min-width: 768px) {
	.h2{ font-size:50px;}
	.h3{ font-size:36px;}
}
@media (min-width: 992px) {
	.h2{ font-size:56px;}
	.h3{ font-size:40px;}
}
@media (min-width: 1200px) {
	.h2{ font-size:62px;}
	.h3{ font-size:46px;}
}


.shadow1{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);}
@media (min-width: 768px) {
	.shadow1{-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1); -moz-box-shadow:0 0 16px rgba(0,0,0,0.1); box-shadow:0 0 16px rgba(0,0,0,0.1);}
}


.btn1{ background-color:#bad7f5; color:#131b2a; text-align:center; line-height:2.4; padding:0 var(--space-xl); font-size:var(--fluid-16-22); display:inline-block; border-radius:10px; cursor:pointer;}
.btn1:hover{ background-color:#e4ecf4;}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

.more{ text-align:right; margin:4% 0;}
.more a{ display:inline-block;}
.more a:hover{ color:#FFF;}

.ul1 ul{}
.ul1 li{ padding-left:24px; position:relative;}
.ul1 li:before{ width:6px; height:6px; left:8px; top:8px; content:''; background-color:var(--color-primary-04); position:absolute; border-radius:50px;}
@media (min-width: 992px) {
	.ul1 li{ padding-left:26px;}
	.ul1 li:before{ width:6px; height:6px; top:9px;}
}
@media (min-width: 1200px) {
	.ul1 li{ padding-left:30px;}
	.ul1 li:before{ width:8px; height:8px; top:10px;}	
}


.banner_product{ text-align:center; padding:130px 10% 0; color:var(--color-primary-04);}
.banner_product h2{ font-size:var(--h1); margin:20px 0;}
@media (min-width: 768px) {
	.banner_product{ padding:150px 10% 0;}
}
@media (min-width: 992px) {
	.banner_product{ padding:180px 10% 0;}
}
@media (min-width: 1200px) {
	.banner_product{ padding:220px 10% 0;}
}

.product_list{}
.product_list .item{ width:100%; padding:20px;}
.product_list .item .con{ position:relative; background: linear-gradient(0deg, #264166, #131a29 60%); padding:8%; height:100%; color:var(--color-primary-04);}
.product_list .item .con .pic{}
.product_list .item .con .tit{}
.product_list .item .con .tit2{ color:#71849c;}
.product_list .item .con .desc{ padding:5% 0;}
.product_list .item .con .desc ul{ margin:6px 0;}
.product_list .item .con .desc ul li{}
.product_list .item .con .bt{}
.product_list .item .con .bt a{ display:block;}
@media (min-width: 768px) {
	.product_list .item{ width:50%;}
}

.product_detail{}
.product_detail .content{}

.product_detail_more{ color:var(--color-black);}
.product_detail_more .other .other_title{ text-align:center;}
.product_detail_more .other .other_title h2{ font-size:var(--h2); font-weight:bold;}

.article_list_pic1{ margin:-6px;}
.article_list_pic1 .item{ padding:6px; width:100%;}
.article_list_pic1 .item a{ display:block; padding:6%;}
.article_list_pic1 .item a .txt{ font-weight:bold; color:var(--color-primary-01);}
.article_list_pic1 .item a .txt2{}
@media (min-width: 768px) {
	.article_list_pic1{ margin:-10px;}
	.article_list_pic1 .item{ padding:10px; width:33.33%;}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
	.article_list_pic1{ margin:-15px;}
	.article_list_pic1 .item{ padding:15px;}
}





/*问与答3*/
.qa_list3{}
.qa_list3 .item{ border-bottom:solid 1px rgba(255,255,255,0.1); padding:2% 0;} 
.qa_list3 .item:first-child{ margin-top:0;}
.qa_list3 .q{ position:relative; padding:10px 40px 10px 10px; cursor:pointer; font-size:var(--fluid-16-22);}
.qa_list3 .q em{ position:absolute; right:10px; width:24px; height:24px; line-height:24px; text-align:center;}
.qa_list3 .q .s1{}
.qa_list3 .q .s2{ display:none;}
.qa_list3 .item.on .q{ color:var(--color-primary-03);}
.qa_list3 .item.on .q em{ transform:rotate(-180deg);}
.qa_list3 .item.on .q .s1{ display:none;}
.qa_list3 .item.on .q .s2{ display:block;}
.qa_list3 .a{ display:none; padding:10px; font-size:var(--fluid-14-18);}
@media (min-width: 992px) {	
	.qa_list3 .q{ padding:10px 50px 10px 16px;}
	.qa_list3 .q em{ width:30px; height:30px; line-height:30px;}
	.qa_list3 .a{ padding:10px 16px;}
}
@media (min-width: 1200px) {
}


.faq{ background: linear-gradient(0deg, #264166, #131a29 60%); color:var(--color-primary-04); font-size:var(--fluid-14-16);}
.faq .l{ width:100%;}
.faq .l .title{ font-size:var(--h1); font-weight:bold;}
.faq .l .desc{}
.faq .r{ width:100%;}
@media (min-width: 768px) {	
}
@media (min-width: 992px) {	
	.faq .l{ width:40%;}
	.faq .r{ width:60%;}
}
@media (min-width: 1500px) {
	.faq .l{ width:45%;}
	.faq .r{ width:55%;}
}

.faq_list{ background: linear-gradient(0deg, #264166, #131a29 60%); color:var(--color-primary-04); padding:4% 4% 8%;}




.download_top{ padding:var(--space-xl-2xl) 0 0; background: linear-gradient(0deg, #171d2e 0%, #12131d 100%);}
.banner_download{color:var(--color-primary-04); position:relative;}
.banner_download .item{ padding:var(--space-3xl-4xl) 0;}
.banner_download .item .l{ width:100%; position:relative;}
.banner_download .item .l .tit1{ line-height:1.2; font-size:var(--h1); font-weight:500;}
.banner_download .item .l .tit2{ line-height:1.2; font-size:var(--h3);}
.banner_download .item .l .desc{ padding:20px 0 30px;}
.banner_download .item .l .bt{}
.banner_download .item .r{ width:100%;}
.banner_download .item .r img{ width:100%; border-radius:10px;}
.banner_download .my-swiper-prev{ left:5%;}
.banner_download .my-swiper-next{ right:5%;}
@media (min-width: 768px) {
	.banner_download .item .l{ width:43%;}
	.banner_download .item .r{ width:57%;}
}
@media (max-width: 767.98px) {
	.banner_download .item .l{ text-align:center;}
	.banner_download .item .r{ margin-top:50px;}
}

.download1{ position:relative; margin-top:-40px;}
.download1:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background: linear-gradient(0deg, var(--color-primary-02) 0%, var(--color-primary-01) 100%); z-index:-1;}

.download_five{ position:relative; width:100%; color:var(--color-black);}
.download_five .item{ width:20%; padding:9px;}
.download_five .item .con{ background-color:#f6f8f9; height:100%; padding:20px 10px 20px 56px; border-radius:20px; background-repeat:no-repeat; background-position:-26px 5px;}
.download_five .item .con h6{ font-size:var(--fluid-14-18);}
.download_five .item .con ul{ margin-top:10px; opacity:0.7;}
.download_five .item .con li{ font-size:var(--fluid-12-16); background-image:url(/img/icon1.png); background-position:0 4px; background-repeat:no-repeat; background-size:15px; padding:0 0 0 22px;}
@media (min-width: 1200px) {
	.download_five .item .con li{ background-position:0 5px;}
}
@media (max-width: 767.98px) {
	.download_five .item .con{ background-size:60px; padding:20px 4px 20px 36px; background-position:-20px 5px;}
}

.download_three{}
.download_three .item{ width:33.33%; text-align:center; padding:var(--space-xl-2xl) 0;}
.download_three .item .tit{ font-size:var(--fluid-22-40); line-height:1.2; margin-bottom:8px;}


.download_detail1{ padding:var(--space-2xl-3xl) 0; color:var(--color-primary-04);}
.download_detail1 h2{ font-size:var(--fluid-24-60); margin:20px 0;}


.page_detail{ padding:var(--space-2xl-3xl) 0; color:var(--color-primary-04);}



.platform{ overflow:hidden;}
.platform #home-cta{padding-top:calc(var(--space-2xl));padding-bottom:calc(var(--space-2xl));}
.platform #home-cta__logo-lists-outer-wrapper{ position:relative; bottom:0; margin-top:calc(var(--space-2xl));}
@media (min-width: 768px) {
	.platform #home-cta{padding-top:calc(var(--space-4xl));padding-bottom:calc(var(--space-4xl));}
	.platform #home-cta__logo-lists-outer-wrapper{ margin-top:calc(var(--space-4xl));}
}




.foot{ background-color:#12131d; font-size:14px; color:#a6a6a6; line-height:1.6;}
.foot a{ color:#a6a6a6; display:inline-block;}
.foot a:hover{ color:#FFF;}
@media (min-width: 992px) {
	.foot{ font-size:16px;}
}


.foot1{ background-color:#1b1f2b; padding:30px 0;}
.foot1_1{ width:100%;}
.foot1_2{ width:100%;}
.foot1_3{ width:100%;}
@media (min-width: 768px) {
	.foot1_1{ width:23%;}
	.foot1_2{ width:27%;}
	.foot1_3{ width:50%;}
}
@media (min-width: 992px) {
	.foot1{ padding:40px 0;}
}


.foot1_1 .con{ margin:0 -3%;}
.foot1_1 .item{ width:50%; padding:0 3%; text-align:center;}
.foot1_1 .item img{ width:100%; max-width:140px; margin:0 auto;}
.foot1_1 .item .txt{ margin-top:10px;}
@media (min-width: 992px) {
	.foot1_1 .con{ margin:0 -5%;}
	.foot1_1 .item{ padding:0 5%;}
}


.foot1_2 .info{ padding:24px 0;}
.foot1_2 h4{ color:#FFF; margin:6px 0 10px;}
@media (min-width: 768px) {
	.foot1_2 .info{ padding:0; padding-left:8%;}
}
@media (min-width: 992px) {
	.foot1_2 .info{ padding-left:12%;}
}


.foot1_3 .menu{}
.foot1_3 .menu .item{ width:25%;}
.foot1_3 .menu .title{ font-size:16px; margin-bottom:10px; color:#FFF;}
.foot1_3 .menu .title a{ color:#FFF;}
.foot1_3 .menu li a{ padding:3px 0;}
@media (min-width: 992px) {
	.foot1_3 .menu .title{ font-size:18px;}
}


.foot2{ color:#FFF; text-align:center; padding:24px 0;}
@media (min-width: 992px) {
	.foot2{ padding:30px 0;}
}


#site-header img{ display:block; width: 100%; max-width: 100%}




.dealer{ padding:var(--space-4xl-5xl) 0 var(--space-3xl-4xl); color:var(--color-primary-04);}

.dealer1 .info{ width:100%;}
.dealer1 .info .tit{ line-height:1.2; font-size:var(--h1); font-weight:500; margin-bottom:10px;}
.dealer1 .pic{ width:100%; text-align:center;}
.dealer1 .pic img{ background-color:#FFF; width:140px; border-radius:20px;}
@media (min-width: 768px) {
	.dealer1 .info{ width:65%;}
	.dealer1 .pic{ width:35%; text-align:right;}
	.dealer1 .pic img{ width:140px;}
}
@media (min-width: 992px) {
	.dealer1 .pic img{ width:180px;}
}
@media (min-width: 1200px) {
	.dealer{ padding:var(--space-6xl-7xl) 0 var(--space-3xl-4xl);}
	
	.dealer1 .info{ width:65%;}
	.dealer1 .pic{ width:35%;}
}
@media (max-width: 767.98px) {
	.dealer1 .info .tit{ text-align:center;}
	.dealer1 .pic{ margin-top:20px;}
}

.dealer2{ margin-top:var(--space-2xl-3xl);}
.dealer2 .tit{ font-size:var(--h2);}

.dealer2 form{ text-align:center; width:100%; max-width:600px; margin:0 auto;}
.dealer2 form>div{ margin:15px 0;}
.dealer2 .txt input{ width:100%; background-color:#1c3151; border:0; text-align:center; height:50px; padding:0 10px;}
@media (min-width: 768px) {
	.dealer2 .txt input{ height:60px;}
}

.dealer2 .back{ margin:20px 0 0;}

.dealer2 .result1{ padding:15px 0;}
.dealer2 .result1 .item{ margin:5px 0;}
.dealer2 .result1 .l{ width:100%;}
.dealer2 .result1 .l .t1{ margin:0 10px 5px;}
.dealer2 .result1 .l .t2{ background-color:#1c3151; padding:10px; color:#FFF;}
.dealer2 .result1 .r{ width:100%; text-align:center;}
.dealer2 .result1 .r img{ width:70%;}
@media (min-width: 768px) {
	.dealer2 .result1{ max-width:800px; margin:0 auto;}
}
@media (min-width: 992px) {
	.dealer2 .result1 .l{ width:50%;}
	.dealer2 .result1 .r{ width:50%;}
}
@media (max-width: 767.98px) {
	.dealer2 .result1 .r{ margin-top:20px;}
	.dealer2 .result1 .r img{ width:50%;}
}

.dealer2 .result2{ text-align:center; padding:30px 0;}