@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p/* ,th,td */{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{ color:#000;}
a:focus{outline:none; color:#000;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
br{font-size: 0;line-height:0;}
var{ font-style:normal;}
var{ padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5; padding:0; margin:0; font-style:normal;}
body{width: 100%;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


body {color: #000;font: 14px/1.5 'SourceHanSansCN-Regular', Arial, Helvetica, sans-serif; margin: 0 auto; overflow-x: hidden; /* min-width: 1600px; */ /* background-color: #f6f8fe; */}
a {color: #000;}
a:hover {color: #000;}

label{ max-width: initial;}

.edit-container{ width: 72.917vw; margin-right: auto; margin-left: auto; position: relative;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
.visible-xs{ display: none !important;}

.bodymain{ width:100%; overflow: hidden; position: relative; left:0;}
.swiper-container{ width: 100%; height: 100%;}
.swiper-pagination{ font-size: 0;}
.swiper-pagination-bullet{ width: 0.1rem; height: 0.1rem; background-color: #7c4ffb; opacity: 0.5; margin: 0 0.08rem !important;}
.swiper-pagination-bullet-active{ opacity: 1;}

select{
	/* 解决select下拉箭头在ios上不兼容的问题 */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* background: url('../../assets/arrow_drop_down.png') no-repeat scroll right center transparent; */
	background: transparent;
	border: 1px solid #749ccb;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/* 动画 */
.js-m {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.delay1 {
	-webkit-transition-delay: .2s !important;
	transition-delay: .2s !important;
}
.delay2 {
	-webkit-transition-delay: .4s !important;
	transition-delay: .4s !important;
}
.delay3 {
	-webkit-transition-delay: .6s !important;
	transition-delay: .6s !important;
}
.delay4 {
	-webkit-transition-delay: .8s !important;
	transition-delay: .8s !important;
}
.delay5 {
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
}
.delay6 {
	-webkit-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
}
.delay7 {
	-webkit-transition-delay: 1.4s !important;
	transition-delay: 1.4s !important;
}
.delay8 {
	-webkit-transition-delay: 1.6s !important;
	transition-delay: 1.6s !important;
}
.delay9 {
	-webkit-transition-delay: 1.8s !important;
	transition-delay: 1.8s !important;
}
.js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* 头部 */
.header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 1001;}
.header-main{ width: 100%; height: 0.9rem; padding: 0 0.5rem; position: relative; background: -webkit-linear-gradient(to bottom, #fff, #f0f4fb, #f0f4fb); background: linear-gradient(to bottom, #fff, #f0f4fb, #f0f4fb); background-color: #fff; /* -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); */}
.header-main .logo{ float: left; height: 0.64rem; margin-top: 0.13rem;}
.header-main .logo img{ display: block; height: 100%;}
.header-main .nav{ position: absolute; left: 50%; transform:translateX(-50%); top: 0; font-size: 0; text-align: center; border-radius: 0.5rem; padding: 0 0.27rem; /* background-color: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); */}
.header-main .nav li{ display: inline-block; vertical-align: top; font-size: 0.2rem; font-weight: bold; line-height: 0.9rem; padding: 0 0.27rem; margin: 0 0.15rem; position: relative;}
.header-main .nav li a{ display: block;}
.header-main .nav li::before{ content: ''; width: 0; height: 0.03rem; background-color: #7c4ffb; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; transition:all 0.3s ease;}
.header-main .nav li.active::before,.header-main .nav li:hover::before{ width: 100%;}
.header-main .nav li.active > a,.header-main .nav li:hover > a{ color: #7c4ffb;}

.header-main .nav li ul{ width: 2.5rem; position: absolute; left: 50%; transform:translateX(-50%); top: 100%; background-color: #fff; padding: 0.1rem 0; display: none;}
.header-main .nav li ul li{ display: block; font-size: 0.18rem; line-height: 1.5; padding: 0; margin: 0;}
.header-main .nav li ul li::before{ display: none;}
.header-main .nav li ul li a{ color: #000; padding: 0.1rem 0.2rem;}
.header-main .nav li:hover ul{ display: block;}



.header-main .header-right{ float: right;}

.header-main .header-cpsy-btn{ float: left; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; background-color: #7c4ffb; border-radius: 0.5rem; margin-top: 0.2rem; text-align: center; font-size: 0;}
.header-main .header-cpsy-btn a{ display: block; color: #fff;}
.header-main .header-cpsy-btn span, .header-main .header-cpsy-btn .icon{ display: inline-block; vertical-align: middle;}
.header-main .header-cpsy-btn span{ font-size: 0.18rem;}
.header-main .header-cpsy-btn .icon{ width: 0.16rem; height: 0.16rem; background: url(../images/icon/icon-btn-arrow.png) center no-repeat; background-size: 100% auto; margin-left: 0.1rem;}
.header-main .sz-logo{ float: left; height: 0.4rem; margin: 0.25rem 0 0 0.3rem;}
.header-main .sz-logo img{ display: block; height: 100%;}

.header-nav-hidden-box{ position: relative; z-index: 9; background-color: #f2f6ff; padding: 0.65rem 0 0.8rem 0; min-height: 22.8125vw; display: none;}
.header-nav-hidden-box .ul{ margin: 0 -0.4rem;}
.header-nav-hidden-box .li{ float: left; width: 25%; padding: 0 0.4rem; position: relative;}
.header-nav-hidden-box .li::before{ content: ''; width: 1px; height: 15.36vw; background-color: #c5bce3; position: absolute; top: 0; right: 0;}
.header-nav-hidden-box .li .block-box .top-title{ font-size: 0.2rem; font-weight: bold;}
.header-nav-hidden-box .li .block-box .one-side{ margin-top: 0.2rem;}
.header-nav-hidden-box .li .block-box .one-side ul{ display: block; margin: 0;}
.header-nav-hidden-box .li .block-box .one-side li{ margin-top: 0.15rem; font-size: 0.18rem; float: none; width: 100%; border-right: 0; padding: 0; position: relative;}
.header-nav-hidden-box .li .block-box .one-side li::before{ display: none;}
.header-nav-hidden-box .li .block-box .one-side li a{ display: block; padding-left: 0.3rem; position: relative;}
.header-nav-hidden-box .li .block-box .one-side li .icon{ width: 0.22rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.header-nav-hidden-box .li .block-box .one-side li .icon img{ display: block; width: 100%;}
.header-nav-hidden-box .li .block-box .one-side li .icon .img2{ display: none;}
.header-nav-hidden-box .li .block-box .one-side li span{ display: block; padding-right: 0.2rem; background: url(../images/icon/nav-icon-arrow.png) center right no-repeat; background-size: 0.1rem;}
.header-nav-hidden-box .li .block-box .one-side ul > li .two-side{ width: 100%; position: absolute; left: 100%; top: 0; padding-left: 0.1rem; display: none;}
.header-nav-hidden-box .li .block-box .one-side ul > li .two-side ul li{ margin: 0 0 0.1rem 0;}
.header-nav-hidden-box .li .block-box .one-side ul > li .two-side ul li a{ padding-left: 0.2rem;}
.header-nav-hidden-box .li .block-box .one-side ul > li .two-side ul li a:hover{ color: #7d50fb;}

.header-nav-hidden-box .li:nth-child(2){ width: 25%;}
.header-nav-hidden-box .li:nth-child(2) .one-side{ width: 100%;}

.header-nav-hidden-box .li:last-child{ border-right: 0;}
.header-nav-hidden-box .li:last-child::before{ display: none;}

.header-nav-hidden-box .li .block-box .one-side ul > li.active > a{ color: #7c4ffb;}
.header-nav-hidden-box .li .block-box .one-side ul > li.active .icon .img1{ display: none;}
.header-nav-hidden-box .li .block-box .one-side ul > li.active .icon .img2{ display: block;}
.header-nav-hidden-box .li .block-box .one-side ul > li.active span{ background-image: url(../images/icon/nav-icon-arrow-on.png)}

.header-nav-hidden-box .li .block-box .one-side ul > li.active .two-side{ display: block;}
.header-nav-hidden-box .li .block-box .one-side ul > li.oneactive .two-side{ display: block;}



.footer{ position: relative;}
.footer-top{ padding: 0.7rem 0 1.5rem 0; position: relative; background: -webkit-linear-gradient(to bottom, #fff, #eff3fb); background: linear-gradient(to bottom, #fff, #eff3fb);}
.footer-top .footer-logo{ float: left; width: 13.642%;}
.footer-top .footer-logo img{ display: block; width: 100%;}
.footer-top .footer-nav{ float: right; max-width: 72.857%; margin-top: 0.1rem;}
.footer-top .footer-nav li{ float: left; margin-right: 2rem;}
.footer-top .footer-nav li:last-child{ margin-right: 0;}
.footer-top .footer-nav li .top-title{ font-size: 0.20rem; color: #333; font-weight: bold;}
.footer-top .footer-nav li .box{ font-size:0.18rem; line-height: 2; margin-top: 0.2rem;}
.footer-top .footer-nav li .box .li-block .s-title{ color: #333;}
.footer-top .footer-nav li .box .li-block .s-title a{ color: #333;}
.footer-top .footer-nav li .box .li-block .s-title span{ display: inline-block; vertical-align: top; position: relative; padding-right: 0.2rem; cursor: pointer;}
.footer-top .footer-nav li .box .li-block .s-title span::before{ content: ''; width: 0.12rem; height: 0.12rem; background: url(../images/icon/icon-nav-arrow.png) center no-repeat; background-size: 100% auto; position: absolute; top: 50%; margin-top: -0.065rem; right: 0;}
.footer-top .footer-nav li .box .li-block .hidden-box{ font-size: 0.18rem; display: none;}
.footer-top .footer-nav li .box .li-block .hidden-box dd a{ color: #333;}
.footer-top .footer-nav li .box .li-block.active .hidden-box{ display: block;}
.footer-top .footer-nav li .box .links-block{ position: relative;}
.footer-top .footer-nav li .box .links-block .s-title{ cursor: pointer;}
.footer-top .footer-nav li .box .links-block .links-block-hidden-box{ position: absolute; left: 0; bottom: 85%; padding-bottom: 0.08rem; display: none;}
.footer-top .footer-nav li .box .links-block .links-block-hidden-box::before{ content: ''; width: 0; height: 0; border-top: 0.08rem solid #4b566d; border-right: 0.05rem solid transparent; border-bottom: 0 solid transparent; border-left: 0.05rem solid transparent; position: absolute; left: 0.08rem; bottom: 0.02rem;}
.footer-top .footer-nav li .box .links-block .links-block-hidden-box .cont{ line-height: 0.3rem; background-color: #4b566d; border-radius: 0.04rem; font-size: 0.16rem;}
.footer-top .footer-nav li .box .links-block .links-block-hidden-box .cont a{ display: block; color: #fff; padding: 0 0.1rem; white-space: nowrap;}
.footer-top .footer-nav li .box .links-block:hover .links-block-hidden-box{ display: block;}

.footer-top .footer-share{ position: absolute; left: 0; top: 1.2rem;}
/* .footer-top .footer-share ul{ padding-left: 20%;} */
.footer-top .footer-share li{ float: left; width: 0.4rem; margin-right: 0.3rem; cursor: pointer; position: relative;}
.footer-top .footer-share li .icon img{ display: block; width: 100%;}
.footer-top .footer-share li .hidden-box{ width: 1.12rem; position: absolute; left: 50%; transform:translateX(-50%); bottom: 125%; display: none;}
.footer-top .footer-share li .hidden-box img{ display: block; width: 100%;}
.footer-top .footer-share li:hover .hidden-box{ display: block;}

.footer-top .footer-qrcode{ margin: 0 auto 0.2rem auto;}
.footer-top .footer-qrcode .pic{ border-radius: 0.15rem; border: 0.01rem solid #9ca0a7; padding: 0.08rem; background-color: #fff; width: 1.3rem; margin: 0 auto;}
.footer-top .footer-qrcode .pic img{ display: block; width: 100%;}
.footer-top .footer-qrcode .title{ font-size: 0.18rem; text-align: center; margin-top: 0.1rem;}
.footer-top .footer-qrcode-block{ display: inline-block; vertical-align: top; margin-right: 0.3rem;}
.footer-top .footer-qrcode-block:last-child{ margin-right: 0;}

.copyright{ height: 0.55rem; line-height: 0.55rem; background-color: #1a1a1a; text-align: center; font-size: 0.16rem; color: #fff;}
.copyright .footer-links{ display: inline-block; margin-right: 0.2rem;}
.copyright .footer-links a{ color: #fff;}


/* 手机导航 */
.menu-layer{ width: 100%; height: calc(100% - 1rem); position: fixed; top: 1rem; left: 0; z-index: 2222; background-color: #fff; display: none;}
.menu-layer .layer-container{ height: 100%;}
.menu-layer .layer-inner{ height: 100%;}
.menu-layer .menu-nav{ /* float: left; width: 2.3rem; */ height: 100%; background-color: #f5f8ff; color: #000; overflow-y: auto; padding: 0.4rem 0;}
.menu-layer .menu-nav li{ font-size: 0.28rem; line-height: 0.94rem; position: relative; cursor: pointer; padding: 0 1rem;}
.menu-layer .menu-nav li a{ display: block;}
.menu-layer .menu-nav li span{ display: block; padding-left: 0.25rem; color: #000;}
.menu-layer .menu-nav li.active{ background-color: #fff;}
.menu-layer .menu-nav li.active span{ font-weight: bold; position: relative; color: #7c4ffb;}
.menu-layer .menu-nav li.active span::before{ content: ''; width: 0.05rem; height: 0.27rem; background-color: #7c4ffb; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.menu-layer .menu-nav li ul{ display: none;}
.menu-layer .menu-nav li ul li{ line-height: 0.8rem; padding: 0 0.6rem;}
.menu-layer .menu-nav li.active ul{ display: block;}

.menu-layer .menu-subnav-right{ height: 100%; overflow-y: scroll; padding: 0.4rem 0.48rem; line-height: 1.2; font-size: 0.24rem; background-color: #fff;}
.menu-nav-side{ display: none;}
.menu-nav-side .side-item .side-title{ font-size: 0.28rem; /* line-height: 0.94rem; */ border-bottom: 1px solid #e3e6ec; position: relative; cursor: pointer; padding: 0.2rem 0 0.2rem 0.55rem;}
.menu-nav-side .side-item .side-title a,.menu-nav-side .side-item .side-title span{ display: block;}
.menu-nav-side .side-item .side-title .icon{ width: 0.3rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.menu-nav-side .side-item .side-title .icon img{ display: block; width: 100%;}
.menu-nav-side .side-item .side-title .icon .img2{ display: none;}
.menu-nav-side .side-item .side-title .icon-arrow{ width: 0.2rem; height: 0.2rem; background: url(../images/icon/icon-side-title-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.1rem; right: 0; transform: rotate(-90deg);}
.menu-nav-side .side-item .side-cont{ padding-left: 0.55rem; display: none;}
.menu-nav-side .side-item .side-cont .side-block .title{ font-weight: bold; position: relative; padding: 0.2rem 0;}
.menu-nav-side .side-item .side-cont .side-block .title::before{ content: ''; width: 1.78rem; height: 0.06rem; background: url(../images/icon/icon-nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; bottom: 0.05rem;}
.menu-nav-side .side-item .side-cont .side-block .title a{ display: block;}
.menu-nav-side .side-item .side-cont .side-block .title a:hover{ color: #7c4ffb;}
.menu-nav-side .side-item .side-title.title-hover{ padding-right: 0.3rem;}
.menu-nav-side .side-item .side-title.title-hover .icon-arrow{ transform: rotate(0deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.menu-nav-side .side-item .side-title.title-hover.active{ color: #7c4ffb; font-weight: bold;}
.menu-nav-side .side-item .side-title.title-hover.active .icon .img1{ display: none;}
.menu-nav-side .side-item .side-title.title-hover.active .icon .img2{ display: block;}
.menu-nav-side .side-item .side-title.title-hover.active .icon-arrow{ background-image: url(../images/icon/icon-side-title-arrow-on.png); transform: rotate(180deg);}




.smart-swiper{ width: 100%; height: 100vh;}
.swiper-container, .swiper-wrapper{ height: 100% !important;}

.home-section-inner{ width: 100%; height: 100%; position: relative;}
.home-section-inner .section-img{ width: 100%; height: 100%; position: relative;}
.home-section-inner .section-img .img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.video-animation{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.video-animation video{ display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.video-animation2 video{ display: none;}

.home-section-cont-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-45%); z-index: 5;}
.home-section-cont-inner .txt{ font-size: 0.18rem; line-height: 2; margin-top: 0.2rem; opacity: 0; text-align: center;}
.home-section-cont-inner .btn-box{ margin-top: 0.6rem; opacity: 0;}
.home-section-cont-inner .btn-box a{ display: block; width: 1.7rem; line-height: 0.52rem; background-color: #7c4ffb; font-size: 0.18rem; color: #fff; text-align: center; border-radius: 0.56rem; margin: 0 auto;}



.base-home-title{ font-size: 0.4rem; font-weight: bold; text-align: center; opacity: 0;}

.section1{ background-color: #f5f8ff; overflow: hidden;}
.section1 .home-section-cont-inner .base-home-title{ text-align: left;}
.section1 .home-section-cont-inner .txt{ width: 32.29vw; text-align: left;}
.section1 .home-section-cont-inner .btn-box a{ margin: 0;}

.section2 .base-home-title{ color: #007ae7;}
.section2 .home-section-cont-inner .box{ display: none;}

.section3 .base-home-title{ color: #000;}
.section3 .home-section-cont-inner .box{ display: none;}

.function-container{ width: 100%; height: 100vh; position: sticky; top: 0; left: 0;}
.function-container .box{ display: none;}
.function-container .ptb-txt{ width: 25vw; position: absolute; left: 0; font-size: 0.18rem; color: #fff; opacity: 0;}
.function-container .ptb-txt .cont-box{ color: #343434;}
.function-container .ptb-txt .cont-box .title{ font-size: 0.24rem; font-weight: bold; padding-left: 0.4rem; position: relative;}
.function-container .ptb-txt .cont-box .title .icon{ height: 0.32rem; position: absolute; left: 0; top: 0.02rem;}
.function-container .ptb-txt .cont-box .title .icon img{ display: block; height: 100%;}
.function-container .ptb-txt .cont-box .cont{ margin-top: 0.1rem;}
.function-container .ptb-txt.txt-right{ left: auto; right: 0;}

.function-container .ptb-txt1{ top: 26vh;}
.function-container .ptb-txt2{ top: 26vh;}
.function-container .ptb-txt3{ top: 46vh;}
.function-container .ptb-txt4{ top: 46vh;}
.function-container .ptb-txt5{ top: 68vh;}
.function-container .ptb-txt6{ top: 68vh;}
.function-container .ptb-txt7{ top: 68vh;}


.section4{ background-color: #f5f8ff;}
.section4 .base-home-title{ width: 100%; position: absolute; top: 15%; left: 0; color: #000;}

.advantage-images{ /* width: 34.74vw; height: 31.3vw; */ width: 27.812vw; height: 25.052vw; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-40%);}
.advantage-images::before{ content: ''; width: 167.774%; height: 118.693%; background: url(../images/advantage-bg.png) center no-repeat; background-size: cover; position: absolute; left: 50%; transform: translateX(-54%); bottom: -50%;}
.advantage-images .advantage-pic{ position: absolute; opacity: 0;}
.advantage-images .advantage-pic img{ display: block; width: 100%; position: relative;}
.advantage-images .advantage-pic1{ width: 100%; left: 0; bottom: 0;}
.advantage-images .advantage-pic1::before{ content: ''; width: 109.634%; height: 106.27%; background: url(../images/advantage-pic1-bg.png) center no-repeat; background-size: cover; position: absolute; left: 50%; transform: translateX(-50%); top: 10%;}
.advantage-images .advantage-pic2{ width: 74.662%; left: 12.669%; bottom: 23.627%;}
.advantage-images .advantage-pic3{ width: 48.725%; left: 25.6375%; bottom: 47.254%;}
.advantage-images .advantage-pic4{ width: 23.238%; left: 38.381%; bottom: 70.715%;}

.advantage-items{ width: 100%; height: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.advantage-items-inner{ width: 72.917vw; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-35%);}
.advantage-items-inner .box{ display: none;}
.advantage-items .box{ display: none;}
.advantage-items ul{ /* margin: 0 -1.5rem; */}
.advantage-items li{ float: left; width: 50%; padding: 0 1.8rem; opacity: 0;}
.advantage-items li .block-box{ /* height: 15.625vw; */ background: rgba(218, 239, 255, .8); -webkit-backdrop-filter: blur(0.08rem); backdrop-filter: blur(0.08rem); padding: 0.2rem; border-radius: 1.041vw; margin: 0.15rem 0;}
.advantage-items li .block-box .title{ font-size: 0.24rem; font-weight: bold; padding-left: 0.4rem; position: relative;}
.advantage-items li .block-box .title .icon{ position: absolute; left: 0; top: 0.05rem; /* top: 50%; transform:translateY(-50%); */}
.advantage-items li .block-box .title .icon img{ display: block; height: 0.3rem;}
.advantage-items li .block-box .cont{ font-size: 0.18rem; margin-top: 0.1rem; height: 4.5em; padding-left: 0.4rem;}
.advantage-items li .block-box .more-btn{ margin-top: 0.1rem; margin-left: 0.4rem;}
.advantage-items li .block-box .more-btn a{ display: inline-block; vertical-align: top; line-height: 0.4rem; background-color: #7c4ffb; border-radius: 0.4rem; padding: 0 0.25rem; font-size: 0.18rem; color: #fff;}

.advantage-items .advantage-item-box1,.advantage-items .advantage-item-box3,.advantage-items .advantage-item-box5{ padding-left: 0;}
.advantage-items .advantage-item-box2,.advantage-items .advantage-item-box4,.advantage-items .advantage-item-box6{ padding-right: 0;}

.advantage-items .box:nth-child(3) li .block-box .title{ height: 3em;}




.section7{ background-color: #f5f8ff;}
.section7 .home-section-cont-inner .btn-box{ margin-top: 0.4rem;}
.section7 .enterprise-logo{ padding-top: 0.2rem; opacity: 0;}
.section7 .enterprise-logo .swiper-container{ margin-top: 0.4rem;}
.section7 .enterprise-logo .swiper-wrapper{
	-webkit-transition-timing-function: linear;    /*之前是ease-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.section7 .enterprise-logo .swiper-slide{ width: auto; padding: 0 0.35rem;}
.section7 .enterprise-logo .swiper-slide .block-box img{ display: block; height: 0.45rem;}

.section8{ background-color: #f5f8ff;}
.section8 .btn-box{ margin-top: 0.2rem;}
/* .section7 .btn-box a{ display: block; width: 1.7rem; line-height: 0.6rem; background-color: #7c4ffb; font-size: 0.2rem; color: #fff; text-align: center; border-radius: 0.6rem; margin: 0 auto;} */

.home-news-swiper{ margin-top: 0.6rem; opacity: 0;}
.home-news-swiper .swiper-container{ margin: 0 -0.2rem;}
.home-news-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 0.2rem;}
.home-news-swiper .swiper-slide .block-box{ position: relative; border-radius: 0.25rem; overflow: hidden;}
.home-news-swiper .swiper-slide .block-box .pic{ position: relative;}
.home-news-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.home-news-swiper .swiper-slide .block-box .cont-box{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; padding: 0.2rem 0.3rem; font-size: 0.16rem; background-color: rgba(237,244,255,0.9);}
.home-news-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.2rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.home-news-swiper .swiper-slide .block-box .cont-box .time{ margin-top: 0.05rem; text-align: right;}
.home-news-swiper .swiper-slide .block-box .cont-box .time span{ font-size: 0.26rem;}
.home-news-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.home-news-swiper .swiper-slide .block-box:hover .cont-box .title{ color: #007ae7;}

.home-news-swiper .swiper-arrow{ width: 0.42rem; height: 0.42rem; background-image: url(../images/icon/icon-swiper-arrow2.png); background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; position: absolute; top: 50%; transform:translateY(-50%); display: none;}
.home-news-swiper .swiper-arrow-prev{ left: -0.9rem;}
.home-news-swiper .swiper-arrow-next{ right: -0.9rem; transform: rotateY(180deg);}
.home-news-swiper.swiper-animate .swiper-arrow{ display: block;}

.home-left-side{ position: fixed; right: 1.82vw; top: 50%; transform:translateY(-50%); z-index: 99; display: none;}
.home-left-side::before{ content: ''; width: 0.02rem; height: 80%; background-color: #007ae7; position: absolute; top: 10%; right: 0.14rem;}
.home-left-side li{ position: relative; width: 0.3rem; height: 0.3rem; margin: 0.24rem 0; cursor: pointer;}
.home-left-side li .icon{ width: 0.14rem; height: 0.14rem; border-radius: 100%; border: 0.01rem solid #007ae7; background-color: #007ae7; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.home-left-side li .icon::before{ content: ''; width: 0.12rem; height: 0.12rem; border-radius: 100%; background-color: #007ae7; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.home-left-side li .title{ width: 1.8rem; position: absolute; top: 50%; transform:translateY(-50%); right: 0.48rem; font-size: 0.2rem; color: #007ae7; text-align: right; display: none;}
.home-left-side li:first-child{ margin-top: 0;}
.home-left-side li:last-child{ margin-bottom: 0;}
.home-left-side li.active::before,.home-left-side li:hover::before{ content: ''; width: 0.07rem; height: 0.12rem; background: url(../images/icon/icon-left-side.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); right: 0.33rem;}
.home-left-side li.active .icon,.home-left-side li:hover .icon{ width: 0.3rem; height: 0.3rem; border: 0.01rem solid #007ae7; background-color: #fff;}
.home-left-side li.active .icon::before,.home-left-side li:hover .icon::before{ width: 0.2rem; height: 0.2rem;}
.home-left-side li.active .title,.home-left-side li:hover .title{ display: block;}



.smart-one-slide.active .base-home-title{ -webkit-animation: fadeInUp 0.2s ease-in-out forwards; animation: fadeInUp 0.2s ease-in-out forwards;}
.smart-one-slide.active .home-section-cont-inner .txt{ -webkit-animation: fadeInUp 0.4s ease-in-out forwards; animation: fadeInUp 0.4s ease-in-out forwards;}
.smart-one-slide.active .home-section-cont-inner .btn-box{ -webkit-animation: fadeInUp 0.6s ease-in-out forwards; animation: fadeInUp 0.6s ease-in-out forwards;}

.section3.smart-one-slide.active .function-container .ptb-txt1{ -webkit-animation: fadeInLeft 0.6s 0s ease-in-out forwards; animation: fadeInLeft 0.6s 0s ease-in-out forwards;}
.section3.smart-one-slide.active .function-container .ptb-txt2{ -webkit-animation: fadeInRight 0.6s 0.8s ease-in-out forwards; animation: fadeInRight 0.6s 0.8s ease-in-out forwards;}
.section3.smart-one-slide.active .function-container .ptb-txt3{ -webkit-animation: fadeInLeft 0.6s 1.4s ease-in-out forwards; animation: fadeInLeft 0.6s 1.4s ease-in-out forwards;}
.section3.smart-one-slide.active .function-container .ptb-txt4{ -webkit-animation: fadeInRight 0.6s 2s ease-in-out forwards; animation: fadeInRight 0.6s 2s ease-in-out forwards;}
.section3.smart-one-slide.active .function-container .ptb-txt5{ -webkit-animation: fadeInLeft 0.6s 2.6s ease-in-out forwards; animation: fadeInLeft 0.6s 2.6s ease-in-out forwards;}
.section3.smart-one-slide.active .function-container .ptb-txt6{ -webkit-animation: fadeInRight 0.6s 3.2s ease-in-out forwards; animation: fadeInRight 0.6s 3.2s ease-in-out forwards;}
.section3.smart-one-slide.active .function-container .ptb-txt7{ -webkit-animation: fadeInLeft 0.6s 3.8s ease-in-out forwards; animation: fadeInLeft 0.6s 3.8s ease-in-out forwards;}

.section3.smart-one-slide.active .agent-swiper{ -webkit-animation: fadeInUp 0.6s 0s ease-in-out forwards; animation: fadeInUp 0.6s 0s ease-in-out forwards;}

.section4.smart-one-slide.active .advantage-item-box1{ -webkit-animation: fadeInLeft 0.6s 1.4s ease-in-out forwards; animation: fadeInLeft 0.6s 1.4s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-item-box2{ -webkit-animation: fadeInRight 0.6s 1.4s ease-in-out forwards; animation: fadeInRight 0.6s 1.4s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-item-box3{ -webkit-animation: fadeInLeft 0.6s 0.8s ease-in-out forwards; animation: fadeInLeft 0.6s 0.8s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-item-box4{ -webkit-animation: fadeInRight 0.6s 0.8s ease-in-out forwards; animation: fadeInRight 0.6s 0.8s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-item-box5{ -webkit-animation: fadeInLeft 0.6s 0s ease-in-out forwards; animation: fadeInLeft 0.6s 0s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-item-box6{ -webkit-animation: fadeInRight 0.6s 0s ease-in-out forwards; animation: fadeInRight 0.6s 0s ease-in-out forwards;}

.section4.smart-one-slide.active .advantage-images .advantage-pic1{ -webkit-animation: fadeInDown 0.6s 0s ease-in-out forwards; animation: fadeInDown 0.6s 0s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-images .advantage-pic2{ -webkit-animation: fadeInDown 0.6s 0.8s ease-in-out forwards; animation: fadeInDown 0.6s 0.8s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-images .advantage-pic3{ -webkit-animation: fadeInDown 0.6s 1.4s ease-in-out forwards; animation: fadeInDown 0.6s 1.4s ease-in-out forwards;}
.section4.smart-one-slide.active .advantage-images .advantage-pic4{ -webkit-animation: fadeInDown 0.6s 2s ease-in-out forwards; animation: fadeInDown 0.6s 2s ease-in-out forwards;}

.smart-one-slide.active .enterprise-logo{ -webkit-animation: fadeInUp 0.8s ease-in-out forwards; animation: fadeInUp 0.8s ease-in-out forwards;}
.smart-one-slide.active .home-news-swiper{ -webkit-animation: fadeInUp 0.8s ease-in-out forwards; animation: fadeInUp 0.8s ease-in-out forwards;}

.particles-js{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; overflow: hidden;}
.particles-js::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(to bottom, #fff, #f5f8ff, transparent); background: linear-gradient(to bottom, #fff, #f5f8ff, transparent);}

.canvas-container{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; opacity: 0.2;}

.section1-icon{ width: 58.22%; position: absolute; right: -4.17vw; bottom: -11.97vw; z-index: 5;}
.section1-icon img{ display: block; width: 100%;}
.section1-icon .suspension{ width: 48.92%; position: absolute; left: 31.75%; top: -35.63%; -webkit-animation: bounce-down 2s infinite linear; animation: bounce-down 2s infinite linear;}

@keyframes bounce-down {
	25% {transform: translateY(0.1rem);}
	50%{transform: translateY(0rem);}
	75% {transform: translateY(0.1rem);}
	100% {transform: translateY(0rem);}
}

.home-banner-swiper{ height: 100%; position: relative; z-index: 9;}
.home-banner-swiper .swiper-slide{ height: 100%; position: relative;}
.home-banner-swiper .swiper-pagination{ bottom: 0.4rem;}

.standardization-items{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.standardization-items .base-home-title{ color: #000;}
.standardization-swiper{ margin: 0.4rem -0.15rem 0 -0.15rem; opacity: 0;}
.standardization-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0.3rem 0.15rem 0.1rem 0.15rem;}
.standardization-swiper .swiper-slide .block-box{ border-radius: 0.2rem; background: -webkit-linear-gradient(to bottom, rgba(200,229,255,0.8), rgba(164,212,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8)); background: linear-gradient(to bottom, rgba(200,229,255,0.8), rgba(164,212,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8)); padding: 0.4rem 0.3rem 0 0.3rem; box-shadow: 0 0.02rem 0.08rem rgba(0, 125, 197,0.34);}
.standardization-swiper .swiper-slide .block-box .top-title{ font-size: 0.26rem; font-weight: bold;}
.standardization-swiper .swiper-slide .block-box .cont-inner{ margin-top: 0.25rem; border-radius: 0.2rem; background-color: rgba(255, 255, 255, 0.5); padding: 0.4rem 0.3rem;}
.standardization-swiper .swiper-slide .block-box .cont-inner .cont-box{ font-size: 0.16rem;}
.standardization-swiper .swiper-slide .block-box .cont-inner .cont-box .cont-block{ margin-top: 0.15rem; padding-left: 0.45rem; background: url(../images/standardization-icon.png) 0 0 no-repeat; background-size: 0.3rem auto;}
.standardization-swiper .swiper-slide .block-box .cont-inner .cont-box .cont-block:first-child{ margin-top: 0;}
.standardization-swiper .swiper-slide .block-box .cont-inner .more-btn{ margin-top: 0.3rem; text-align: center;}
.standardization-swiper .swiper-slide .block-box .cont-inner .more-btn a{ display: inline-block; vertical-align: top; line-height: 0.4rem; background-color: #7c4ffb; border-radius: 0.4rem; padding: 0 0.25rem; font-size: 0.14rem; color: #fff;}
.standardization-swiper .swiper-slide:hover{ padding-top: 0;}
.standardization-swiper .swiper-slide:hover .block-box{ padding-bottom: 0.3rem; background: -webkit-linear-gradient(to bottom, rgba(42,129,255,0.8), rgba(0,95,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8)); background: linear-gradient(to bottom, rgba(42,129,255,0.8), rgba(0,95,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8));}
.standardization-swiper .swiper-slide:hover .block-box .top-title{ color: #fff;}

.standardization-label{ margin-top: 0.6rem; opacity: 0;}
.standardization-label ul{ margin: 0 -0.15rem;}
.standardization-label li{ float: left; width: 33.333%; padding: 0 0.15rem;}
.standardization-label li .block-box{ position: relative; padding-left: 0.8rem; font-size: 0.16rem; line-height: 1;}
.standardization-label li .block-box .icon{ width: 0.62rem; position: absolute; left: 0; top: 0;}
.standardization-label li .block-box .icon img{ display: block; width: 100%;}
.standardization-label li .block-box .cont-box .title{ font-size: 0.26rem; margin-bottom: 0.15rem;}

.section6{ background-color: #f5f8ff;}
.feature-swiper-container{ height: 100%; opacity: 0;}
.feature-swiper-container .edit-container{ height: 100%;}
.feature-swiper{ width: 100%; position: absolute; top: 50%; transform: translateY(-40%); left: 0;}
.feature-swiper .swiper-slide{ position: relative;}
.feature-swiper .swiper-slide .pic{ float: left; width: 35%; margin-left: 0.9rem;}
.feature-swiper .swiper-slide .pic img{ display: block; width: 100%;}
.feature-swiper .swiper-slide .cont-inner{ width: 43.5%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding-right: 0.4rem; font-size: 0.2rem; color: #10d2ff;}
.feature-swiper .swiper-slide .cont-inner .title{ font-size: 0.38rem; color: #fff;}
.feature-swiper .swiper-slide .cont-inner .cont{ margin-top: 0.7rem;}
.feature-swiper .swiper-pagination{ position: initial; margin-top: 0.6rem;}

.certificate-swiper-container{ opacity: 0;}
.certificate-swiper-container .edit-container{ width: 62vw;}
.certificate-swiper{ margin: 0.6rem -0.2rem 0 -0.2rem;}
.certificate-swiper .swiper-slide{ float: left; width: 20%; padding: 0 0.2rem}
.certificate-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.certificate-swiper .swiper-slide .block-box .title{ text-align: center; font-size: 0.15rem; margin-top: 0.2rem;}
.certificate-swiper .swiper-pagination{ position: initial; margin-top: 0.2rem;}

.smart-one-slide.active .standardization-swiper{ -webkit-animation: fadeInUp 0.4s ease-in-out forwards; animation: fadeInUp 0.4s ease-in-out forwards;}
.smart-one-slide.active .standardization-label{ -webkit-animation: fadeInUp 0.6s ease-in-out forwards; animation: fadeInUp 0.6s ease-in-out forwards;}

.smart-one-slide.active .feature-swiper-container{ -webkit-animation: fadeInUp 0.4s ease-in-out forwards; animation: fadeInUp 0.4s ease-in-out forwards;}

.smart-one-slide.active .certificate-swiper-container{ -webkit-animation: fadeInUp 0.8s ease-in-out forwards; animation: fadeInUp 0.8s ease-in-out forwards;}


.sub-banner{ position: relative;}
.sub-banner img{ display: block; width: 100%;}
.sub-banner .banner-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-40%); z-index: 9;}
.sub-banner .banner-inner-width{ /* width: 50%; */ width: 44.29vw;}
.sub-banner .banner-inner .title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.sub-banner .banner-inner .cont{ font-size: 0.18rem; margin-top: 0.3rem;}
.sub-banner .banner-inner .banner-btn-box{ margin-top: 0.6rem;}
.sub-banner .banner-inner .banner-btn-box .btn-box{ display: inline-block; vertical-align: top; width: 1.68rem; line-height: 0.56rem; border: 0.01rem solid #7c4ffb; border-radius: 0.56rem; font-size: 0.18rem; text-align: center; margin-right: 0.3rem;}
.sub-banner .banner-inner .banner-btn-box .btn-box a{ display: block; color: #7c4ffb;}
.sub-banner .banner-inner .banner-btn-box .btn-box:last-child{ margin-right: 0;}
.sub-banner .banner-inner .banner-btn-box .btn-box:hover{ background-color: #7c4ffb;}
.sub-banner .banner-inner .banner-btn-box .btn-box:hover a{ color: #fff;}

.product-banner{ height: 36.458vw; overflow: hidden; background-color: #f5f8ff;}
.product-banner .section1-icon{ width: 46.576%;}
.product-banner .section1-icon .suspension{ width: 39.136%;}

.product-side-tabs{ background-color: #f6f8ff; text-align: center; font-size: 0; position: relative; z-index: 5;}
.product-side-tabs li{ display: inline-block; vertical-align: top;}
.product-side-tabs li .block-box{ font-size: 0.2rem; line-height: 1; padding: 0.25rem 0.55rem 0.2rem 0.55rem; border-bottom: 0.01rem solid transparent; position: relative;}
.product-side-tabs li .block-box .icon{ height: 0.42rem;}
.product-side-tabs li .block-box .icon img{ display: block; height: 100%; margin: 0 auto;}
.product-side-tabs li .block-box .icon .img2{ display: none;}
.product-side-tabs li .block-box .title{ margin-top: 0.18rem}
.product-side-tabs li.active .block-box{ color: #7c4ffb; border-bottom-color: #7c4ffb;}
.product-side-tabs li.active .block-box::before{ content: ''; border-left: 0.065rem solid transparent; border-right: 0.065rem solid transparent; border-top: 0.06rem solid #7c4ffb; position: absolute; left: 50%; transform:translateX(-50%); top: 100%;}
.product-side-tabs li.active .block-box .icon .img1{ display: none;}
.product-side-tabs li.active .block-box .icon .img2{ display: block;}

.base-sub-title{ font-size: 0.4rem; font-weight: bold; line-height: 1; text-align: center;}
.base-sub-cont{ font-size: 0.2rem; text-align: center; margin-top: 0.3rem;}

.product-introduction-section{ padding: 0.8rem 0;}
/*.product-introduction-inner{ font-size: 0.18rem; text-align: center; margin-top: 0.6rem;}*/
.product-introduction-inner{ font-size: 0.2rem; margin-top: 0.6rem;}
.product-introduction-inner .title{ font-size: 0.24rem; text-align: center;}
.product-introduction-inner .cont{ margin-top: 0.2rem;}
.product-introduction-inner .pic{ margin-top: 0.4rem;}
.product-introduction-inner .pic img{ display: block; width: 80% !important; margin: 0 auto;}

.product-introduction-swiper{ margin-top: 0.6rem;}
.product-introduction-swiper .swiper-slide .pic img{ display: block; width: 100%;}
.product-introduction-swiper .swiper-slide .title{ font-size: 0.18rem; margin-top: 0.2rem;}
.product-introduction-swiper .swiper-pagination{ position: initial; margin-top: 0.3rem;}



.product-funtion-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
/*.product-funtion-section .base-sub-title{ text-align: left;}*/
.product-funtion-inner{ /* height: 6.8rem; */ position: relative; margin-top: 0.6rem;}
.product-funtion-type{ float: left; height: 6.8rem; width: 2.78rem; position: relative; z-index: 9; padding: 0.55rem 0; box-shadow:0 0 0.13rem rgba(208, 228, 255, 0.44);}
.product-funtion-type .swiper-slide{ font-size: 0.2rem; font-weight: bold; text-align: center; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.product-funtion-type .swiper-slide .block-box{ height: 100%; position: relative;}
.product-funtion-type .swiper-slide .block-box span{ width: 100%; text-align: center; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.product-funtion-type .swiper-slide-active{ color: #fff;}
.product-funtion-type .swiper-slide-active .block-box{ background-color: #7c4ffb;}

.product-funtion-type .product-funtion-type-arrow{ width: 100%; height: 28.5%; position: absolute; left: 0; z-index: 5; cursor: pointer;}
.product-funtion-type .product-funtion-type-arrow-prev{ top: 0;}
.product-funtion-type .product-funtion-type-arrow-next{ bottom: 0;}
.product-funtion-type .product-funtion-type-arrow::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.product-funtion-type .product-funtion-type-arrow-prev::before{ background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), transparent); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), transparent);}
.product-funtion-type .product-funtion-type-arrow-next::before{ background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), transparent); background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), transparent);}
.product-funtion-type .product-funtion-type-arrow .icon{ width: 0.22rem; height: 0.12rem; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; transform:translateX(-50%);}
.product-funtion-type .product-funtion-type-arrow-prev .icon{ background-image: url(../images/icon/icon-swiper-arrow-prev-purple.png); top: 15%;}
.product-funtion-type .product-funtion-type-arrow-next .icon{ background-image: url(../images/icon/icon-swiper-arrow-next-purple.png); bottom: 15%;}
.product-funtion-type .product-funtion-type-arrow.swiper-button-disabled{ filter: grayscale(100%);}
.product-funtion-type .product-funtion-type-arrow.swiper-button-disabled .icon{ opacity: 0.3;}


.product-funtion-content{ float: right; width: 11rem; min-height: 6.8rem; font-size: 0.18rem; position: relative;}
.product-funtion-content::before{ content: ''; width: 100%; height: 100%; background-color: #fff; border-radius: 0.35rem; position: absolute; top: -0.2rem; right: -0.2rem;}
.product-funtion-content-box{ width: 100%; height: 6.8rem; background-color: #d0e4ff; border-radius: 0.35rem; padding: 0.35rem 0.35rem; position: relative;}
.product-funtion-content .box{ height: 100%; padding: 0 1.15rem; overflow-y: auto; display: none;}
.product-funtion-content .video{ margin: 0 -0.8rem 0.4rem -0.8rem;}
.product-funtion-content .video video{ display: block; border-radius: 0.3rem; width: 100%; height: 4.5rem; margin: 0 auto;}
/*.product-funtion-content p{ margin-top: 0.2rem}*/
.product-funtion-content p{ margin-bottom: 0.12rem;}

.product-funtion-content .box::-webkit-scrollbar{ width: 0.04rem;}
.product-funtion-content .box::-webkit-scrollbar-thumb{ background: #7c4ffb;}
.product-funtion-content .box::-webkit-scrollbar-track{ background: #d0e4ff;}

.section-video-bg{ width: 100%; position: absolute; left: 0; bottom: 0; opacity: 0.3;}
.section-video-bg video{ display: block; width: 100%;}

.product-advantage-section{ position: relative; overflow: hidden; padding: 0.8rem 0; /* background-color: #411db2; */ /* color: #fff; */}
.product-advantage-swiper{ margin-top: 0.6rem; text-align: center;}
.product-advantage-swiper .swiper-slide .cont-inner{ font-size: 0.18rem;}
.product-advantage-swiper .swiper-slide .cont-inner .title{ font-size: 0.24rem; color: #10d2ff;}
.product-advantage-swiper .swiper-slide .cont-inner .cont{ margin-top: 0.2rem;}
.product-advantage-swiper .swiper-pagination{ position: initial; margin-top: 0.8rem;}
.product-advantage-swiper .swiper-pagination-bullet{ background-color: #fff; opacity: 0.5;}
.product-advantage-swiper .swiper-pagination-bullet-active{ background-color: #10d2ff; opacity: 1;}

.product-advantage-list{ margin-top: 0.6rem; font-size: 0; text-align: center;}
.product-advantage-list ul{ margin: 0 -0.1rem;}
.product-advantage-list li{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.1rem; text-align: left;}
.product-advantage-list li .block-box{ font-size: 0.18rem; background: linear-gradient(90deg, #656eff, #d268ff); padding: 1px; border-radius: 0.1rem;}
.product-advantage-list li .block-box-inner{ background-color: #fff; padding: 0.2rem 0.2rem; border-radius: 0.1rem;}
/*.product-advantage-list li .block-box .title{ display: inline-block; vertical-align: top; font-size: 0.24rem; background: linear-gradient(90deg, #b6f 5.5%, #414cfa 50.5%, #10b7ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #10d2ff;}*/
.product-advantage-list li .block-box .title{ vertical-align: top; font-size: 0.24rem; text-align: center; background: linear-gradient(90deg, #b6f 5.5%, #414cfa 50.5%, #10b7ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #10d2ff;}
.product-advantage-list li .block-box .cont{ text-align:justify; text-justify:inter-ideograph; margin-top: 0.2rem; height: 10.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}

.solution-advantage-list-3{ margin-top: 0.6rem; font-size: 0; text-align: center;}
.solution-advantage-list-3 ul{ margin: 0 -0.1rem;}
.solution-advantage-list-3 li{ display: inline-block; vertical-align: top; width: 33%; padding: 0 0.1rem; text-align: left;}
.solution-advantage-list-3 li .block-box{ font-size: 0.18rem; background: linear-gradient(90deg, #656eff, #d268ff); padding: 1px; border-radius: 0.1rem;}
.solution-advantage-list-3 li .block-box-inner{ background-color: #fff; padding: 0.2rem 0.2rem; border-radius: 0.1rem;}
.solution-advantage-list-3 li .block-box .title{ vertical-align: top; font-size: 0.24rem; text-align: center; background: linear-gradient(90deg, #b6f 5.5%, #414cfa 50.5%, #10b7ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #10d2ff;}
.solution-advantage-list-3 li .block-box .cont{ text-align:justify; text-justify:inter-ideograph; margin-top: 0.2rem; height: 8.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}


.solution-advantage-list-5{ margin-top: 0.6rem; font-size: 0; text-align: center;}
.solution-advantage-list-5 ul{ margin: 0 -0.1rem;}
.solution-advantage-list-5 li{ display: inline-block; vertical-align: top; width: 20%; padding: 0 0.1rem; text-align: left;}
.solution-advantage-list-5 li .block-box{ font-size: 0.18rem; background: linear-gradient(90deg, #656eff, #d268ff); padding: 1px; border-radius: 0.1rem;}
.solution-advantage-list-5 li .block-box-inner{ background-color: #fff; padding: 0.2rem 0.2rem; border-radius: 0.1rem;}
.solution-advantage-list-5 li .block-box .title{ vertical-align: top; font-size: 0.24rem; text-align: center; background: linear-gradient(90deg, #b6f 5.5%, #414cfa 50.5%, #10b7ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #10d2ff;}
.solution-advantage-list-5 li .block-box .cont{ text-align:justify; text-justify:inter-ideograph; margin-top: 0.2rem; height: 6.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}

.product-advantage-list2{ font-size: 0; text-align: center;}
.product-advantage-list2 ul{ margin: 0 -0.2rem;}
.product-advantage-list2 li{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.2rem; margin-top: 0.6rem;}
.product-advantage-list2 li .block-box{ font-size: 0.18rem; text-align: left; background: -webkit-linear-gradient(to bottom, #003dff, #00d1ff); background: linear-gradient(to bottom,#003dff, #00d1ff); border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0.02rem 0.08rem rgba(0, 125, 197,0.34);}
.product-advantage-list2 li .block-box .top-box{ color: #fff; padding: 0.5rem 0.3rem; position: relative;}
.product-advantage-list2 li .block-box .top-box .title{ font-size: 0.3rem; line-height: 1; margin-bottom: 0.1rem;}
.product-advantage-list2 li .block-box .top-box .icon{ width: 0.88rem; position: absolute; top: 0.2rem; right: 0.2rem;}
.product-advantage-list2 li .block-box .top-box .icon img{ display: block; width: 100%;}
.product-advantage-list2 li .block-box .cont-box{ background: -webkit-linear-gradient(to bottom, #c4deff, #fff, #fff); background: linear-gradient(to bottom,#c4deff, #fff, #fff); padding: 0.4rem 0.2rem; border: 0.02rem solid #fff; border-radius: 0.2rem; margin-top: -0.2rem; min-height: 3.1rem;}
.product-advantage-list2 li .block-box .cont-box .cont-block{ margin-top: 0.15rem; padding-left: 0.38rem; background: url(../images/standardization-icon.png) 0 0.05rem no-repeat; background-size: 0.25rem auto;}
.product-advantage-list2 li .block-box .cont-box .cont-block:first-child{ margin-top: 0;}

.product-advantage-list2 li:nth-of-type(2) .block-box{ background: -webkit-linear-gradient(to bottom, #321dff, #007eff); background: linear-gradient(to bottom,#321dff, #007eff);}
.product-advantage-list2 li:nth-of-type(3) .block-box{ background: -webkit-linear-gradient(to bottom, #6000ff, #5da7f6); background: linear-gradient(to bottom,#6000ff, #5da7f6);}
.product-advantage-list2 li:nth-of-type(4) .block-box{ background: -webkit-linear-gradient(to bottom, #0066ff, #00ffc6); background: linear-gradient(to bottom,#0066ff, #00ffc6);}
.product-advantage-list2 li:nth-of-type(5) .block-box{ background: -webkit-linear-gradient(to bottom, #003dff, #00d1ff); background: linear-gradient(to bottom,#003dff, #00d1ff);}
.product-advantage-list2 li:nth-of-type(6) .block-box{ background: -webkit-linear-gradient(to bottom, #321dff, #007eff); background: linear-gradient(to bottom,#321dff, #007eff);}
.product-advantage-list2 li:nth-of-type(7) .block-box{ background: -webkit-linear-gradient(to bottom, #6000ff, #5da7f6); background: linear-gradient(to bottom,#6000ff, #5da7f6);}
.product-advantage-list2 li:nth-of-type(8) .block-box{ background: -webkit-linear-gradient(to bottom, #0066ff, #00ffc6); background: linear-gradient(to bottom,#0066ff, #00ffc6);}

.product-advantage-list2-2 li{ width: 33.333%;}
.product-advantage-list2-2 li .block-box .cont-box{ min-height: 2.8rem;}


.product-value-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
.product-value-list{ margin-top: 0.6rem;}
.product-value-list ul{ margin: 0 -0.15rem;}
.product-value-list li{ float: left; width: 33.333%; padding: 0 0.15rem;}
.product-value-list li .block-box{ background-color: #fff; border-radius: 0.2rem; padding: 0.9rem 0.45rem;}
.product-value-list li .block-box .icon{ height: 0.95rem;}
.product-value-list li .block-box .icon img{ display: block; height: 100%;}
.product-value-list li .block-box .cont-box{ margin-top: 0.5rem; font-size: 0.18rem;}
.product-value-list li .block-box .cont-box .title{ font-size: 0.24rem; color: #411db2;}
.product-value-list li .block-box .cont-box .cont{ margin-top: 0.3rem;}

.payment-mode-section{ padding: 0.8rem 0; background-color: #e2f0ff;}
.payment-mode-section .pic{ float: left; width: 61.5%; border-radius: 0.2rem; overflow: hidden;}
.payment-mode-section .pic img{ display: block; width: 100%;}
.payment-mode-section .cont-inner{ width: 38.5%; padding-left: 0.3rem; text-align: right; font-size: 0.18rem; position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
.payment-mode-section .cont-inner .base-sub-title{ text-align: right;}
.payment-mode-section .cont-inner .cont{ margin-top: 0.5rem;}

.experience-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
.experience-section .cont{ font-size: 0.24rem; text-align: center;}
.experience-section .btn-box{ margin-top: 0.4rem; text-align: center;}
.experience-section .btn-box a{ display: inline-block; vertical-align: top; width: 1.7rem; line-height: 0.56rem; background-color: #7c4ffb; border-radius: 0.56rem; font-size: 0.18rem; color: #fff;}

.customer-pain-points-section{ padding: 0.8rem 0; background-color: #fff; font-size: 0; text-align: center;}
.customer-pain-points-list ul{ margin: 0 -0.4rem;}
.customer-pain-points-list li{ display: inline-block; vertical-align: top; width: 33.333%; padding: 0 0.4rem; margin-top: 0.6rem;}
.customer-pain-points-list li .block-box .icon{ float: left; width: 20%;}
.customer-pain-points-list li .block-box .icon img{ display: block; width: 100%;}
.customer-pain-points-list li .block-box .cont-box{ float: right; width: 80%; padding-left: 0.3rem; font-size: 0.18rem; text-align: left;}
.customer-pain-points-list li .block-box .cont-box .title{ font-size: 0.24rem; color: #411db2;}
.customer-pain-points-list li .block-box .cont-box .cont{ text-align:justify; text-justify:inter-ideograph; margin-top: 0.1rem; height: 12em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical;}

.customer-pain-points-list li .block-box .cont-box .more-btn{ margin-top: 0.3rem;}
.customer-pain-points-list li .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; line-height: 0.38rem; border: 1px solid #411db2; border-radius: 0.38rem; padding: 0 0.25rem; font-size: 0.18rem; color: #411db2;}

.customer-pain-points-list.list4 li{ width: 25%;}

.solution-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
.solution-swiper{ margin-top: 0.6rem; background-color: #d0e4ff; border-radius: 0.35rem; overflow: hidden;}
.solution-swiper .swiper-slide .block-box{ padding: 0.5rem 1rem 0.5rem 1.4rem; position: relative;}
.solution-swiper .swiper-slide .block-box .pic{ float: left; width: 60%;}
.solution-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.solution-swiper .swiper-slide .block-box .cont-inner{ width: 30%; position: absolute; right: 1rem; top: 50%; transform:translateY(-60%); font-size: 0.18rem;}
.solution-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.24rem;}
.solution-swiper .swiper-slide .block-box .cont-inner .cont{ margin-top: 0.2rem;}
.solution-swiper .swiper-pagination{ left: 50.5%; bottom: 18%; text-align: left; width: auto;}

.program-value-section{ padding: 0.8rem 0; background-color: #fff;}
.program-value-swiper{ margin: 0.6rem -0.15rem 0 -0.15rem; font-size: 0; text-align: center;}
.program-value-swiper .swiper-wrapper{ display: block;}
.program-value-swiper .swiper-slide{ display: inline-block; vertical-align: top; width: 33.333%; padding: 0 0.15rem; text-align: left;}
.program-value-swiper .swiper-slide .block-box{ background: url(../images/program-value-num-bg.png) right top no-repeat #d0e4ff; background-size: 0.88rem; border-radius: 0.2rem; padding: 0.6rem 0.7rem 0.7rem 0.7rem; font-size: 0.18rem; position: relative;}
.program-value-swiper .swiper-slide .block-box .num{ font-size: 0.32rem; font-weight: bold; color: #411db2; font-family: Arial, Helvetica, sans-serif; line-height: 1; position: absolute; top: 0.05rem; right: 0.05rem;}
.program-value-swiper .swiper-slide .block-box .icon{ height: 0.88rem;}
.program-value-swiper .swiper-slide .block-box .icon img{ display: block; height: 100%;}
.program-value-swiper .swiper-slide .block-box .cont-box{ margin-top: 0.45rem;}
.program-value-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem;}
.program-value-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.2rem; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.program-value-swiper .swiper-pagination{ position: initial; margin-top: 0.3rem; display: none;}
.program-value-swiper.swiper-animate .swiper-wrapper{ display: flex;}
.program-value-swiper.swiper-animate .swiper-pagination{ display: block;}

.best-practices-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
.best-practices-swiper{ margin: 0.6rem -0.15rem 0 -0.15rem;}
.best-practices-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 0.15rem;}
.best-practices-swiper .swiper-slide .block-box{ padding: 0.45rem 0.4rem 0.6rem 0.4rem; background-color: #411db2; border-radius: 0.2rem; overflow: hidden; position: relative; font-size: 0.18rem; color: #fff;}
.best-practices-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; border: 0.03rem solid #fff; border-radius: 0.2rem;}
.best-practices-swiper .swiper-slide .block-box .cont-box{ margin-top: 0.4rem; padding: 0 0.1rem;}
.best-practices-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; color: #10d2ff;}
.best-practices-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.2rem;}

.best-practices-swiper .slide-pager{ margin-top: 0.4rem; text-align: center; display: none;}
.best-practices-swiper .slide-pager .swiper-pagination{ position: initial; display: inline-block; vertical-align: middle; font-size: 0.24rem; width: auto;}
.best-practices-swiper .slide-pager .swiper-pagination-current{ font-size: 0.28rem; color: #7c4ffb;}
.best-practices-swiper .slide-pager .swiper-arrow{ width: 0.2rem; height: 0.14rem; display: inline-block; vertical-align: middle; background-image: url(../images/icon/icon-swiper-arrow.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0.15rem; cursor: pointer;}
.best-practices-swiper .slide-pager .swiper-arrow-next{ transform: rotateY(180deg);}

.service-system-section{ padding: 0.8rem 0;}
.service-system-list{ margin-top: 0.6rem;}
.service-system-list ul{ margin: 0 -1rem;}
.service-system-list li{ float: left; width: 33.333%; padding: 0.3rem 1rem; border-right: 0.01rem solid #e0e0e0;}
.service-system-list li:last-child{ border-right: 0;}
.service-system-list li .block-box .icon{ height: 0.9rem;}
.service-system-list li .block-box .icon img{ display: block; height: 100%;}
.service-system-list li .block-box .cont-box{ margin-top: 0.4rem; font-size: 0.18rem;}
.service-system-list li .block-box .cont-box .title{ font-size: 0.24rem;}
.service-system-list li .block-box .cont-box .cont{ margin-top: 0.1rem;}
.service-system-list li .block-box .cont-box .more-btn{ margin-top: 0.3rem;}
.service-system-list li .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; line-height: 0.38rem; border: 1px solid #411db2; border-radius: 0.38rem; padding: 0 0.25rem; font-size: 0.18rem; color: #411db2;}

.qualification-standard-section{ position: relative; overflow: hidden; padding: 0.8rem 0; background-color: #411db2; color: #fff;}
.qualification-standard-swiper{ margin: 0.6rem -0.1rem 0 -0.1rem;}
.qualification-standard-swiper .swiper-slide{ padding: 0 0.1rem;}
.qualification-standard-swiper .swiper-slide .block-box .pic{ background-color: #c2dbff; border-radius: 0.2rem; padding: 0.2rem 0.25rem; overflow: hidden;}
.qualification-standard-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; border: 0.1rem solid #fff; border-radius: 0.05rem;}
.qualification-standard-swiper .swiper-slide .block-box .title{ font-size: 0.2rem; color: #fff; text-align: center; margin-top: 0.2rem;}
.qualification-standard-swiper .swiper-pagination{ position: initial; margin-top: 0.8rem;}
.qualification-standard-swiper .swiper-pagination-bullet{ background-color: #fff; opacity: 0.5;}
.qualification-standard-swiper .swiper-pagination-bullet-active{ background-color: #10d2ff; opacity: 1;}

.customer-case-section{ padding: 0.8rem 0;}
.customer-case-swiper{ margin: 0.6rem -0.1rem 0 -0.1rem; font-size: 0; text-align: center;}
.customer-case-swiper .swiper-wrapper{ display: block;}
.customer-case-swiper .swiper-slide{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.1rem; text-align: left;}
.customer-case-swiper .swiper-slide .block-box{ background-color: #f5f8ff; border-radius: 0.2rem; overflow: hidden; /* padding: 0.8rem 0.45rem; */ }
.customer-case-swiper .swiper-slide .block-box .logo{ overflow: hidden;}
.customer-case-swiper .swiper-slide .block-box .logo img{ display: block; width: 100%;}
.customer-case-swiper .swiper-slide .block-box .cont-box{ padding: 0.2rem 0.2rem; font-size: 0.2rem;}
.customer-case-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.customer-case-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.2rem; display: none;}
.customer-case-swiper .swiper-slide .block-box .cont-box .more-btn{ margin-top: 0.2rem;}
.customer-case-swiper .swiper-slide .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; line-height: 0.38rem; border: 1px solid #411db2; border-radius: 0.38rem; padding: 0 0.25rem; font-size: 0.18rem; color: #411db2;}
.customer-case-swiper .slide-pager{ margin-top: 0.4rem; text-align: center; display: none;}
.customer-case-swiper .slide-pager .swiper-pagination{ position: initial; display: inline-block; vertical-align: middle; font-size: 0.24rem; width: auto;}
.customer-case-swiper .slide-pager .swiper-pagination-current{ font-size: 0.28rem; color: #7c4ffb;}
.customer-case-swiper .slide-pager .swiper-arrow{ width: 0.2rem; height: 0.14rem; display: inline-block; vertical-align: middle; background-image: url(../images/icon/icon-swiper-arrow.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0.15rem; cursor: pointer;}
.customer-case-swiper .slide-pager .swiper-arrow-next{ transform: rotateY(180deg);}

.customer-case-swiper.swiper-animate .swiper-wrapper{ display: flex;}
.customer-case-swiper.swiper-animate .slide-pager{ display: block;}

.customer-case-swiper2{ margin: 0.6rem -0.1rem 0 -0.1rem; font-size: 0; text-align: center;}
.customer-case-swiper2 .swiper-wrapper{ display: block;}
.customer-case-swiper2 .swiper-slide{ display: inline-block; vertical-align: top; width: 25%; padding: 0 0.1rem; text-align: left; transition: 300ms; transform: scale(0.92);}
.customer-case-swiper2 .swiper-slide .block-box{ background-color: #dae3ff; border-radius: 0.2rem; overflow: hidden; /* padding: 0.8rem 0.45rem; */ }
.customer-case-swiper2 .swiper-slide .block-box .logo{ overflow: hidden; position: relative;}
.customer-case-swiper2 .swiper-slide .block-box .logo img{ display: block; width: 100%;}
.customer-case-swiper2 .swiper-slide .block-box .logo .type{ line-height: 0.4rem; padding: 0 0.13rem; font-size: 0.16rem; color: #fff; background-color: rgba(000, 000, 000, 0.7); border-radius: 0.06rem; position: absolute; left: 0.4rem; bottom: 0.3rem;}
.customer-case-swiper2 .swiper-slide .block-box .cont-box{ padding: 0.3rem 0.4rem; font-size: 0.2rem;}
.customer-case-swiper2 .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.customer-case-swiper2 .swiper-slide .block-box .cont-box .cont{ margin-top: 0.2rem; min-height: 13.5em;}
.customer-case-swiper2 .swiper-slide-active{ transform: scale(1);}
.customer-case-swiper2 .swiper-slide-active .block-box{ background-color: #fff; box-shadow: 0 0.02rem 0.08rem rgba(0, 125, 197, 0.34)}
.customer-case-swiper2 .swiper-slide-active .block-box .cont-box .title{ color: #007ae7;}
.customer-case-swiper2 .slide-pager{ margin-top: 0.4rem; text-align: center; display: none;}
.customer-case-swiper2 .slide-pager .swiper-pagination{ position: initial; display: inline-block; vertical-align: middle; font-size: 0.24rem; width: auto;}
.customer-case-swiper2 .slide-pager .swiper-pagination-current{ font-size: 0.28rem; color: #7c4ffb;}
.customer-case-swiper2 .slide-pager .swiper-arrow{ width: 0.2rem; height: 0.14rem; display: inline-block; vertical-align: middle; background-image: url(../images/icon/icon-swiper-arrow.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0.15rem; cursor: pointer;}
.customer-case-swiper2 .slide-pager .swiper-arrow-next{ transform: rotateY(180deg);}

.customer-case-swiper2.swiper-animate .swiper-wrapper{ display: flex;}
.customer-case-swiper2.swiper-animate .slide-pager{ display: block;}



.company-profile-section{ padding: 0.8rem 0;}
.company-profile-inner{ font-size: 0.2rem; text-align: center; margin-top: 0.6rem;}

.awards-honors-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
.awards-honors-swiper{ margin: 0.6rem -0.1rem 0 -0.1rem;}
.awards-honors-swiper .swiper-wrapper{ display: block;}
.awards-honors-swiper .swiper-slide{ float: left; width: 16.666%; padding: 0 0.1rem;}
.awards-honors-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.awards-honors-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.awards-honors-swiper .swiper-slide .block-box .title{ font-size: 0.18rem; text-align: center; margin-top: 0.2rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.awards-honors-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.awards-honors-swiper .slide-pager{ margin-top: 0.4rem; text-align: center; display: none;}
.awards-honors-swiper .slide-pager .swiper-pagination{ position: initial; display: inline-block; vertical-align: middle; font-size: 0.24rem; width: auto;}
.awards-honors-swiper .slide-pager .swiper-pagination-current{ font-size: 0.28rem; color: #7c4ffb;}
.awards-honors-swiper .slide-pager .swiper-arrow{ width: 0.2rem; height: 0.14rem; display: inline-block; vertical-align: middle; background-image: url(../images/icon/icon-swiper-arrow.png); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0.15rem; cursor: pointer;}
.awards-honors-swiper .slide-pager .swiper-arrow-next{ transform: rotateY(180deg);}

.awards-honors-swiper.swiper-animate .swiper-wrapper{ display: flex;}
.awards-honors-swiper.swiper-animate .slide-pager{ display: block;}

.soft-patent-section{ padding: 0.8rem 0;}
.soft-patent-swiper{ margin-top: 0.6rem; background-color: #d0e4ff; border-radius: 0.35rem; overflow: hidden;}
.soft-patent-swiper .swiper-slide .block-box{ padding: 0.5rem 1rem 0.5rem 1.4rem; position: relative;}
.soft-patent-swiper .swiper-slide .block-box .pic{ float: left; height: 26vw;}
.soft-patent-swiper .swiper-slide .block-box .pic img{ display: block; height: 100%;}
.soft-patent-swiper .swiper-slide .block-box .cont-inner{ width: 42%; position: absolute; right: 1rem; top: 50%; transform:translateY(-60%); font-size: 0.18rem;}
.soft-patent-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.24rem;}
.soft-patent-swiper .swiper-slide .block-box .cont-inner .cont{ margin-top: 0.2rem;}
.soft-patent-swiper .swiper-pagination{ left: 50.5%; bottom: 18%; text-align: left; width: auto;}

.contactus-section{ padding: 0.8rem 0; background-color: #f6f8ff;}
.contactus-list{ margin-top: 0.6rem;}
.contactus-list ul{ margin: 0 -0.5rem;}
.contactus-list li{ float: left; width: 33.333%; padding: 0.2rem 0.2rem; border-right: 0.01rem solid #e0e0e0;}
.contactus-list li:last-child{ border-right: 0;}
.contactus-list li .block-box .icon{ float: left; width: 22%;}
.contactus-list li .block-box .icon img{ display: block; width: 100%;}
.contactus-list li .block-box .cont-box{ float: right; width: 78%; padding-left: 0.15rem; font-size: 0.18rem;}
.contactus-list li .block-box .cont-box .title{ font-size: 0.24rem;}
.contactus-list li .block-box .cont-box .cont{ margin-top: 0.2rem;}

.industry-interpretation-section{ padding: 0.8rem 0;}
.industry-interpretation-tabs{ font-size: 0; text-align: center;}
.industry-interpretation-tabs ul{ display: inline-block; vertical-align: top; border: 0.02rem solid #411db2; border-radius: 0.56rem;}
.industry-interpretation-tabs li{ display: inline-block; vertical-align: top; width: 2.64rem; line-height: 0.56rem; position: relative;}
.industry-interpretation-tabs li .title{ font-size: 0.2rem; color: #411db2;}
.industry-interpretation-tabs li:nth-of-type(1){ border-radius: 0.56rem 0 0 0.56rem;}
.industry-interpretation-tabs li:nth-of-type(2){ border-radius: 0 0.56rem 0.56rem 0;}
.industry-interpretation-tabs li.active{ background-color: #411db2;}
.industry-interpretation-tabs li.active::before{ content: ''; border-left: 0.12rem solid transparent; border-right: 0.12rem solid transparent; border-top: 0.13rem solid #411db2; position: absolute; left: 50%; transform:translateX(-50%); top: 100%;}
.industry-interpretation-tabs li.active .title{ color: #fff;}

.industry-interpretation-list{ margin-top: 0.8rem}
.industry-interpretation-list li{ margin-top: 0.25rem; border: 0.01rem solid #e0e0e0; border-radius: 0.2rem; padding: 0.25rem 0.65rem; font-size: 0.18rem;}
.industry-interpretation-list li .title{ float: left; width: 80%; font-size: 0.2rem; color: #333399; padding-left: 0.5rem; position: relative;}
.industry-interpretation-list li .title::before{ content: ''; width: 0.28rem; height: 0.34rem; background: url(../images/icon-pdf.png) center no-repeat; background-size: cover; position: absolute; left: 0; top: -0.03rem;}
.industry-interpretation-list li .time{ float: right; color: #333399;}

.page{ margin-top: 0.6rem; font-size: 0; text-align: center;}
.page a,.page span{ display: inline-block; vertical-align: middle; min-width: 0.36rem; line-height: 0.36rem; font-size: 0.18rem; color: #411db2; text-align: center; border-radius: 0.36rem; margin: 0 0.05rem;}
.page .active{ background-color: #411db2; color: #fff;}
.page .prev,.page .next{ min-width: 1.2rem; border: 0.01rem solid #411db2;}
.page a:hover{ background-color: #411db2; color: #fff;}

.base-banner{ height: auto;}
.base-banner .banner-icon{ width: 15vw; position: absolute; top: 7vw; right: 32vw; -webkit-animation: bounce-down 2s infinite linear; animation: bounce-down 2s infinite linear;}
.base-banner .banner-icon img{ display: block; width: 100%;}

.news-recommend-section{ padding: 1rem 0; background-color: #e5f0fe;}
.news-recommend-swiper .swiper-slide .block-box .pic{ float: left; width: 50%; border-radius: 0.25rem; overflow: hidden;}
.news-recommend-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.news-recommend-swiper .swiper-slide .block-box .cont-box{ float: right; width: 50%; padding-left: 0.5rem; margin-top: 0.4rem; font-size: 0.18rem;}
.news-recommend-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; font-weight: bold;}
.news-recommend-swiper .swiper-slide .block-box .cont-box .time{ font-size: 0.18rem; margin-top: 0.1rem;}
.news-recommend-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.4rem;}
.news-recommend-swiper .swiper-slide .block-box .cont-box .more-btn{ margin-top: 0.4rem;}
.news-recommend-swiper .swiper-slide .block-box .cont-box .more-btn a{ display: inline-block; vertical-align: top; line-height: 0.38rem; border: 1px solid #411db2; border-radius: 0.36rem; padding: 0 0.25rem; font-size: 0.18rem; color: #411db2;}
.news-recommend-swiper .swiper-pagination{ width: auto; bottom: 0.25rem; right: 50%; padding-right: 0.25rem; text-align: right;}
.news-recommend-swiper .swiper-pagination-bullet{ background-color: #fff; opacity: 0.5;}
.news-recommend-swiper .swiper-pagination-bullet-active{ background-color: #10d2ff; opacity: 1;}

.news-list-section{ padding: 0.3rem 0 1rem 0;}
.news-list ul{ margin: 0 -0.05rem;}
.news-list li{ float: left; width: 25%; padding: 0 0.05rem; margin-top: 0.7rem;}
.news-list li .block-box{ position: relative; border-radius: 0.25rem; overflow: hidden;}
.news-list li .block-box .pic{ position: relative;}
.news-list li .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.news-list li .block-box .pic::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background: -webkit-linear-gradient(to top, rgba(65,29,178,1), transparent); background: linear-gradient(to top, rgba(65,29,178,1), transparent); opacity: 0.9; display: none;}
.news-list li .block-box .cont-box{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; padding: 1.302vw; font-size: 0.18rem; background-color: rgba(237,244,255,0.9);}
.news-list li .block-box .cont-box .title{ font-size: 0.2rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-list li .block-box .cont-box .time{ margin-top: 0.1rem;}
.news-list li .block-box .cont-box .cont{ text-align: left; margin-top: 0.1rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; display: none;}

.news-detail-section{ padding: 0.35rem 0 1rem 0; background-color: #f6f8ff;}
.breadcrumb{ font-size: 0.18rem;}
.breadcrumb a,.breadcrumb span{ display: inline-block; vertical-align: middle;}
.breadcrumb a{ color: #000;}
.breadcrumb .separate{ margin: 0 0.08rem;}

.news-detail-content{ margin-top: 0.7rem;}
.news-detail-content .top-box{ font-size: 0.18rem; text-align: center;}
.news-detail-content .top-box .title{ font-size: 0.36rem; font-weight: bold; line-height: 1.2;}
.news-detail-content .top-box .time{ margin-top: 0.1rem;}
.news-detail-content .content-box{ font-size: 0.18rem; margin-top: 0.5rem;}
.news-detail-content .content-box p{ margin-top: 0.5rem;}
.news-detail-content .content-box .img{ margin-top: 0.5rem; border-radius: 0.25rem; overflow: hidden;}
.news-detail-content .content-box .img img{ display: block; width: 70%; margin: 0 auto; border-radius: 0.2rem; }

.consult-now-section{ padding: 1rem 0;}
.consult-now-section .top-box{ padding: 0 0.5rem; text-align: center; font-size: 20px;}
.consult-now-section .top-box .title{ font-size: 0.4rem;}
.consult-now-section .top-box .txt{ margin-top: 0.1rem;}
.consult-now-section .form-inner{ width: 5rem; margin: 0.4rem auto 0 auto;}
.consult-now-section .form-inner .form-block{ margin-top: 0.3rem; position: relative;}
.consult-now-section .form-inner .form-block-box{ line-height: 0.54rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.08rem; overflow: hidden;}
.consult-now-section .form-inner .form-block.focus .form-block-box{ box-shadow:0 0.11rem 0.32rem rgba(33, 45, 81, 0.15);}
.consult-now-section .form-inner .form-block .type{ float: left; width: 16.4%; font-size: 0.2rem; color: #70777b; text-align: center; position: relative;}
.consult-now-section .form-inner .form-block .type::before{ content: ''; width: 1px; height: 0.18rem; background-color: #d6e5ed; position: absolute; top: 50%; transform:translateY(-50%); right: 0;}
.consult-now-section .form-inner .form-block .type .red{ color: #e05656;}
.consult-now-section .form-inner .form-block .input-box{ float: right; width: 83.6%;}
.consult-now-section .form-inner .form-block .input-box .input-text{ display: block; width: 100%; height: 0.54rem; line-height: 0.54rem; font-size: 0.2rem; color: #000; border: 0; padding: 0 0.15rem;}
.consult-now-section .form-inner .form-block .select-block{ position: relative;}
.consult-now-section .form-inner .form-block .select-block .select{ display: block; width: 100%; height: 0.54rem; line-height: 0.54rem; font-size: 0.2rem; color: #000; border: 0; padding: 0 0.15rem;}
.consult-now-section .form-inner .form-block .select-block::before{ content: ''; width: 0.18rem; height: 0.18rem;background: url(../images/icon/icon-select.jpg) center no-repeat; background-size: 0.18rem auto; position: absolute; top: 50%; transform:translateY(-50%); right: 1%; z-index: 1;}
.consult-now-section .form-inner .form-block .input-box textarea{ display: block; width: 100%; font-size: 0.2rem; color: #000; border: 0; padding: 0.15rem; resize: none;}
.consult-now-section .form-inner .form-block .error{ font-size: 0.18rem; color: #e05656; width: 100%; position: absolute; top: 102%; left: 0; display: none;}

.consult-now-section .form-inner .form-block-demand .type{ width: 29.6%;}
.consult-now-section .form-inner .form-block-demand .input-box{ width: 70.4%;}
.consult-now-section .form-inner .form-block-industry .type{ width: 23.2%;}
.consult-now-section .form-inner .form-block-industry .input-box{ width: 76.8%;}

.consult-now-section .form-inner .form-block-yzm .form-block-box{ float: left; width: 64.4%;}
.consult-now-section .form-inner .form-block-yzm .form-block-box .type{ width: 31%;}
.consult-now-section .form-inner .form-block-yzm .form-block-box .input-box{ width: 69%;}
.consult-now-section .form-inner .form-block-yzm .yzm-img{ float: right; width: 32%; height: 0.56rem;}
.consult-now-section .form-inner .form-block-yzm .yzm-img img{ display: block; width: 100%; height: 100%; border-radius: 0.08rem; cursor: pointer;}

.consult-now-section .form-inner .submit-btn-box{ margin-top: 0.6rem; text-align: center;}
.consult-now-section .form-inner .submit-btn-box a{ display: inline-block; vertical-align: top; width: 1.7rem; line-height: 0.6rem; background-color: #7c4ffb; border-radius: 0.6rem; font-size: 0.2rem; color: #fff;}

.consult-now-section .tips-submit-box{ padding-top: 20%; display: none;}
.consult-now-section .tips-submit-box .icon{ width: 0.6rem; margin: 0 auto;}
.consult-now-section .tips-submit-box .icon img{ display: block; width: 100%;}
.consult-now-section .tips-submit-box .cont{ text-align: center; font-size: 0.2rem; margin-top: 0.3rem;}


.dot-mark{ position: relative; padding-left: 0.12rem;}
.dot-mark::before{ content: ''; width: 0.05rem; height: 0.05rem; background-color: #000; border-radius: 100%; position: absolute; left: 0; top: 0.1rem;}

.home-products-services{ width: 100%; position: absolute; top: 50%; transform:translateY(-45%); left: 0; z-index: 5;}
.home-products-services-inner{ padding: 0 6.25vw 0.5rem 6.25vw; margin-top: 0.8rem;}
.home-products-services-swiper{ position: relative;}
.home-products-services-swiper .swiper-slide .block-box{ position: relative; border-radius: 0.05rem; overflow: hidden;}
.home-products-services-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.home-products-services-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.home-products-services-swiper .swiper-slide .block-box .cont-box{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.2rem 0.4rem; font-size: 0.16rem; color: #fff; background: -webkit-linear-gradient(to right, #66aded, rgba(211,0,29,0.5)); background: linear-gradient(to right, #66aded, rgba(211,0,29,0.5));}
.home-products-services-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.24rem; font-weight: bold; margin-bottom: 0.05rem;}
.home-products-services-swiper .swiper-slide .block-box .cont-box .cont{ height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
/* .home-products-services-swiper .swiper-slide:nth-child(even) .block-box .cont-box{ background: -webkit-linear-gradient(to right, #2350a0, rgba(35,80,160,0.1)); background: linear-gradient(to right, #2350a0, rgba(35,80,160,0.1));} */

.home-products-services-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.home-products-services-swiper .swiper-slide-active{ transform: scale(1.2);}
.home-products-services-swiper .swiper-slide-active .block-box .cont-box .cont{ height: auto; -webkit-line-clamp: initial;}

.home-products-services-swiper .swiper-pagination{ /* position: initial; margin-top: 0.45rem; */ width: 100%; bottom: -2.6vw; font-size: 0.2rem;}
.home-products-services-swiper .swiper-pagination .swiper-pagination-current{ font-size: 0.32rem;}
.home-products-services-swiper .swiper-arrow{ width: 0.4rem; height: 0.4rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.home-products-services-swiper .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-arrow-prev.png); left: -3.75vw;}
.home-products-services-swiper .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-arrow-next.png); right: -3.75vw;}

.section3{ background-color: #fff;}
.section3 .particles-js::before{ background: -webkit-linear-gradient(to bottom, #fff, #fff, transparent); background: linear-gradient(to bottom, #fff, #fff, transparent);}
.agent-container{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-45%); z-index: 5;}
.agent-swiper{ position: relative; opacity: 0; margin-top: 0.8rem;}
.agent-swiper .swiper-slide{ background-color: #fff;}
.agent-swiper .swiper-slide .block-box .cont-inner{ width: 50%; padding-right: 0.5rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%); font-size: 0.18rem;}
.agent-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.3rem; position: relative; padding-left: 0.4rem;}
.agent-swiper .swiper-slide .block-box .cont-inner .title .icon{ width: 0.32rem; height: 0.32rem; position: absolute; left: 0; top: 0.06rem;}
.agent-swiper .swiper-slide .block-box .cont-inner .title .icon img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.agent-swiper .swiper-slide .block-box .cont-inner .cont{ margin-top: 0.2rem;}
.agent-swiper .swiper-slide .block-box .pic{ float: right; width: 50%;}
.agent-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}

.agent-swiper .swiper-page{ position: absolute; bottom: 0.4rem; left: 24vw; z-index: 5; padding: 0 2.6vw;}
.agent-swiper .swiper-page .swiper-arrow{ width: 1.145vw; height: 1.145vw; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.agent-swiper .swiper-page .swiper-arrow-prev{ background-image: url(../images/icon/icon-swiper-arrow-prev.png); left: 0;}
.agent-swiper .swiper-page .swiper-arrow-next{ background-image: url(../images/icon/icon-swiper-arrow-next.png); right: 0;}
.agent-swiper .swiper-page .swiper-pagination{ position: initial; font-size: 0.93vw;}
.agent-swiper .swiper-page .swiper-pagination .swiper-pagination-current{ font-size: 1.45vw;}


.case-list-section{ padding: 0.3rem 0 1rem 0;}
.case-list ul{ margin: 0 -0.15rem;}
.case-list li{ float: left; width: 33.333%; padding: 0 0.15rem; margin-top: 0.7rem;}
.case-list li .block-box{ position: relative; border-radius: 0.25rem; overflow: hidden; background-color: #dae3ff;}
.case-list li .block-box .pic{ position: relative;}
.case-list li .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.case-list li .block-box .cont-box{ padding: 0.3rem 0.4rem; font-size: 0.18rem;}
.case-list li .block-box .cont-box .title{ font-size: 0.24rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.case-list li .block-box .cont-box .cont{ margin-top: 0.2rem; min-height: 12em;}

.product-funtion-video{ width: 80%; margin: 0 auto; font-size: 0.18rem;}
.product-funtion-video .video video{ display: block; width: 100%; border-radius: 0.3rem; width: 100%; margin: 0 auto;}
.product-funtion-video .cont{ margin-top: 0.4rem;}
.product-funtion-video .cont p{ margin-bottom: 0.12rem;}










@media (max-width: 1680px){
	/* 缩小80% */
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	.home-products-services-swiper .swiper-slide .block-box .cont-box{ font-size: 0.18rem;}
	
}
@media (max-width: 1200px){
	/* 缩小60% */
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	body{ min-width: 100%;}
	.edit-container{ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; margin: 0 0.08rem !important;}
	
	
	.header-main{ height: 1rem; padding: 0 1rem 0 0.3rem;}
	.header-main .logo{ height: 0.64rem; margin-top: 0.2rem;}
	.header-main .nav{ display: none;}
	.header-main .header-cpsy-btn{ width: 1.8rem; height: 0.6rem; line-height: 0.6rem; margin-top: 0.2rem;}
	.header-main .header-cpsy-btn span{ font-size: 0.24rem;}
	.header-main .header-cpsy-btn .icon{ width: 0.26rem; height: 0.26rem; margin-left: 0.1rem;}
	.header-main .icon-menu{ width: 0.72rem; height: 0.72rem; background: url(../images/icon/icon-menu.png) center no-repeat; background-size: 0.44rem; position: absolute; top: 0.14rem; right: 0.2rem;}
	.header-main .sz-logo{ height: 0.5rem; margin: 0.25rem 0 0 0.2rem;}
	
	.footer-top{ padding: 0.5rem 0.4rem;}
	.footer-top .footer-logo{ display: none;}
	.footer-top .footer-nav{ display: none;}
	.footer-top .footer-qrcode{ margin-bottom: 0.5rem;}
	.footer-top .footer-qrcode .pic{ width: 1.85rem; padding: 0.15rem;}
	.footer-top .footer-qrcode .title{ font-size: 0.28rem; margin-top: 0.25rem;}
	.footer-top .footer-share{ position: initial; text-align: center;}
	.footer-top .footer-share ul{ padding-left: 0;}
	.footer-top .footer-share li{ float: none; display: inline-block; vertical-align: top; width: 0.64rem; margin-right: 0.5rem;}
	.footer-top .footer-share li:last-child{ margin-right: 0;}
	.footer-top .footer-share li:hover .hidden-box{ width: 1.7rem;}
	
	.footer-top .footer-links{ margin-top: 0.4rem; text-align: center;}
	
	
	.copyright{ height: auto; font-size: 0.24rem; line-height: 1.2; padding: 0.15rem 0.4rem;}
	
	
	
	.smart-swiper{ height: auto;}
	.smart-swiper .smart-one-container, .smart-swiper .smart-one-wrapper{ height: auto !important;}
	.smart-swiper .smart-one-wrapper{ display: block;}
	.smart-swiper .smart-one-slide{ height: auto;}
	
	.base-home-title{ font-size: 0.4rem; opacity: 1;}
	.home-section-inner{ padding: 0.8rem 0.4rem;}
	.home-section-cont-inner{ position: initial; transform: translateY(0);}
	.home-section-cont-inner .txt{ font-size: 0.24rem; line-height: 1.5; opacity: 1;}
	.home-section-cont-inner .btn-box{ opacity: 1;}
	.home-section-cont-inner .btn-box a{ width: 2.2rem; line-height: 0.68rem; font-size: 0.24rem;}
	
	.section1 .home-section-inner{ padding: 0;}
	.section1 .home-section-cont-inner{ position: absolute; transform: translateY(-45%); padding: 0 0.4rem;}
	
	.section1{ height: 100vh !important;}
	.section1 .home-section-cont-inner .txt{ width: 100%;}
	.section1-icon{ width: 100%; right: -10%; bottom: -15%;}
	
	.canvas-container{ opacity: 0.3;}
	
	.function-container{ height: auto; width: auto; margin: 0 -0.2rem;}
	.function-container .ptb-txt{ width: 50%; font-size: 0.24rem; opacity: 1; position: initial; float: left; margin-top: 0.6rem; padding: 0 0.2rem;}
	.function-container .ptb-txt .cont-box .cont{ height: 6em;}
	.function-container .ptb-txt .cont-box .title{ font-size: 0.28rem;}
	
	.section4 .base-home-title{ position: initial;}
	
	.advantage-images{ width: 65vw; height: 58vw; opacity: 0.3;}
	.advantage-images .advantage-pic{ opacity: 1;}
	.advantage-items{ position: initial; transform: translate(0);}
	
	.advantage-items-inner{ width: 100%; position: initial; transform: translate(0); margin-top: 0.3rem;}
	.advantage-items ul{ margin: 0 -0.15rem;}
	.advantage-items li{ padding: 0 0.15rem; opacity: 1;}
	.advantage-items li .block-box{ padding: 0.3rem; margin: 0.3rem 0 0 0;}
	.advantage-items li .block-box .title{ font-size: 0.28rem; height: 3em;}
	.advantage-items li .block-box .cont{ font-size: 0.24rem; height: 7.5em; padding-left: 0;}
	.advantage-items li .block-box .more-btn{ margin-left: 0;}
	.advantage-items li .block-box .more-btn a{ line-height: 0.6rem; padding: 0 0.4rem; font-size: 0.26rem;}
	
	
	.particles-js{ display: none;}
	.section7 .enterprise-logo{ opacity: 1;}
	.section7 .enterprise-logo{ padding-top: 0.2rem;}
	.home-news-swiper{ opacity: 1; margin: 0.6rem -0.6rem 0 0;}
	.home-news-swiper .swiper-slide{ padding: 0 0.2rem;}
	.home-news-swiper .swiper-slide .block-box .pic img{ height: 6rem; object-fit: cover;}
	.home-news-swiper .swiper-slide .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
	.home-news-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.28rem;}
	.home-news-swiper .swiper-slide .block-box .cont-box .time span{ font-size: 0.36rem;}
	.home-news-swiper .swiper-pagination{ position: initial; margin-top: 0.4rem;}
	
	
	.standardization-items{ position: initial; transform: translateY(0);}
	.standardization-swiper{ opacity: 1; margin: 0.4rem -0.2rem -0.4rem -0.2rem;}
	.standardization-swiper .swiper-slide{ padding: 0.3rem 0.2rem 0.1rem 0.2rem;}
	.standardization-swiper .swiper-slide .block-box .top-title{ font-size: 0.32rem;}
	.standardization-swiper .swiper-slide .block-box .cont-inner .cont-box{ font-size: 0.24rem; height: 3.2rem;}
	.standardization-swiper .swiper-slide .block-box .cont-inner .cont-box .cont-block{ background-position: 0 0.1rem;}
	.standardization-swiper .swiper-slide .block-box .cont-inner .more-btn{ margin-top: 0.4rem;}
	.standardization-swiper .swiper-slide .block-box .cont-inner .more-btn a{ line-height: 0.6rem; padding: 0 0.4rem; font-size: 0.26rem;}
	.standardization-swiper .swiper-pagination{ position: initial; margin-top: 0.4rem;}
	.standardization-label{ opacity: 1;}
	.standardization-label li{ float: none; width: 100%; margin-top: 0.6rem;}
	.standardization-label li .block-box{ font-size: 0.24rem; padding-left: 1rem;}
	.standardization-label li .block-box .icon{ width: 0.72rem;}
	.standardization-label li .block-box .cont-box .title{ font-size: 0.32rem;}
	.standardization-label li:first-child{ margin-top: 0;}
	
	.feature-swiper-container{ opacity: 1;}
	.feature-swiper{ position: initial; transform: translateY(0);}
	.feature-swiper .swiper-slide .pic{ float: none; width: 70%; margin: 0 auto;}
	.feature-swiper .swiper-slide .cont-inner{ width: 100%; position: initial; transform: translateY(0); padding-right: 0; font-size: 0.24rem; margin-top: 0.6rem;}
	.feature-swiper .swiper-slide .cont-inner .title{ font-size: 0.32rem;}
	.feature-swiper .swiper-slide .cont-inner .cont{ margin-top: 0.2rem;}
	.feature-swiper .swiper-pagination{ margin-top: 0.4rem;}
	
	.certificate-swiper-container{ opacity: 1;}
	.certificate-swiper-container .edit-container{ width: 100%;}
	.certificate-swiper{ margin-right: -0.4rem;}
	.certificate-swiper .swiper-slide .block-box .title{ font-size: 0.32rem;}
	.certificate-swiper .swiper-pagination{ margin-top: 0.4rem;}
	
	.sub-banner .banner-inner{ padding: 0 0.4rem;}
	.sub-banner .banner-inner-width{ width: 100%;}
	.sub-banner .banner-inner .title{ font-size: 0.4rem;}
	.sub-banner .banner-inner .cont{ font-size: 0.24rem; margin-top: 0.4rem;}
	.sub-banner .banner-inner .banner-btn-box{ margin-top: 0.4rem;}
	.sub-banner .banner-inner .banner-btn-box .btn-box{ width: 2.2rem; line-height: 0.68rem; font-size: 0.24rem;}
	
	.product-banner{ height: 10rem;}
	.product-banner .section1-icon{ width: 100%; right: -10%; bottom: -15%;}
	.product-banner .section1-icon .suspension{ width: 48.92%; position: absolute; left: 31.75%; top: -35.63%; -webkit-animation: bounce-down 2s infinite linear; animation: bounce-down 2s infinite linear;}
	.product-banner .banner-inner{ transform: translateY(0); top: 20%;}

	
	.product-side-tabs li .block-box{ font-size: 0.26rem; padding: 0.25rem 0.15rem;}
	.product-side-tabs li .block-box .icon{ height: 0.5rem;}
	.product-side-tabs li .block-box .title{ margin-top: 0.2rem;}
	.product-side-tabs li.active .block-box::before{ border-left-width: 0.12rem; border-right-width: 0.1rem; border-top-width: 0.1rem;}
	
	.base-sub-title{ font-size: 0.4rem;}
	.base-sub-cont{ font-size: 0.28rem; margin-top: 0.4rem;}
	
	.product-introduction-section{ padding: 0.8rem 0.4rem;}
	.product-introduction-inner{ font-size: 0.24rem; margin-top: 0.6rem;}
	.product-introduction-inner .title{ font-size: 0.32rem;}
	.product-introduction-inner .pic img{ display: block; width: 100% !important;}
	
	.product-introduction-swiper .swiper-slide .title{ font-size: 0.24rem;}
	
	.product-funtion-section{ padding: 0.8rem 0.4rem;}
	.product-funtion-section .base-sub-title{ text-align: center;}
	.product-funtion-inner{ height: auto; margin-top: 0.6rem;}
	.product-funtion-type{ float: none; height: auto; width: 100%; position: relative; padding: 0; box-shadow: 0 0 0;}
	.product-funtion-type .swiper-slide{ font-size: 0.28rem;}
	.product-funtion-type .swiper-slide .block-box{ padding: 0.2rem;}
	.product-funtion-type .swiper-slide .block-box span{ position: initial; transform: translateY(0);}
	.product-funtion-type .product-funtion-type-arrow{ display: none;}
	
	.product-funtion-content{ float: none; width: 100%; min-height: auto; margin-top: 0.6rem; font-size: 0.24rem;}
	.product-funtion-content::before{ top: -0.4rem; right: -0.4rem;}
	.product-funtion-content-box{ padding: 0.4rem 0.2rem; min-height: auto;}
	.product-funtion-content .box{ padding: 0 0.2rem;}
	.product-funtion-content .video{ margin: 0 0 0.4rem 0;}
	/*.product-funtion-content p{ margin-top: 0.3rem;}*/
	.product-funtion-content p{ margin-bottom: 0.2rem;}
	.product-funtion-content .video video{ width: 100% !important; height: 2.76rem;}
	
	.product-advantage-section{ padding: 0.8rem 0.4rem;}
	.product-advantage-swiper{ margin-top: 0.6rem;}
	.product-advantage-swiper .swiper-slide .cont-inner{ font-size: 0.24rem;}
	.product-advantage-swiper .swiper-slide .cont-inner .title{ font-size: 0.32rem;}
	.product-advantage-swiper .swiper-pagination{ margin-top: 0.6rem;}

	.solution-advantage-list-3{ margin-top: 0.6rem;}
	.solution-advantage-list-3 li{ width: 100%; margin-top: 0.4rem;}
	.solution-advantage-list-3 li .block-box{ font-size: 0.24rem;}
	.solution-advantage-list-3 li .block-box .title{ font-size: 0.32rem;}
	.solution-advantage-list-3 li .block-box .cont{ height: auto; -webkit-line-clamp: initial;}
	
	.solution-advantage-list-5{ margin-top: 0.6rem;}
	.solution-advantage-list-5 li{ width: 100%; margin-top: 0.4rem;}
	.solution-advantage-list-5 li .block-box{ font-size: 0.24rem;}
	.solution-advantage-list-5 li .block-box .title{ font-size: 0.32rem;}
	.solution-advantage-list-5 li .block-box .cont{ height: auto; -webkit-line-clamp: initial;}

	.product-advantage-list{ margin-top: 0.6rem;}
	.product-advantage-list li{ width: 100%; margin-top: 0.4rem;}
	.product-advantage-list li .block-box{ font-size: 0.24rem;}
	.product-advantage-list li .block-box .title{ font-size: 0.32rem;}
	.product-advantage-list li .block-box .cont{ height: auto; -webkit-line-clamp: initial;}
	
	.product-advantage-list2 li{ width: 100%; margin-top: 0.4rem;}
	.product-advantage-list2 li .block-box{ font-size: 0.24rem;}
	.product-advantage-list2 li .block-box .top-box{ padding: 0.4rem 0.4rem 0.6rem 0.4rem;}
	.product-advantage-list2 li .block-box .top-box .title{ font-size: 0.36rem;}
	.product-advantage-list2 li .block-box .top-box .icon{ width: 1.1rem;}
	.product-advantage-list2 li .block-box .cont-box{ padding: 0.4rem; min-height: auto;}
	.product-advantage-list2 li .block-box .cont-box .cont-block{ padding-left: 0.45rem; background-size: 0.3rem auto; background-position: 0 0.05rem;}
	/* .product-advantage-list2 li:first-child{ margin-top: 0;} */
	
	
	.product-value-section{ padding: 0.8rem 0.4rem;}
	.product-value-list{ margin-top: 0.6rem;}
	.product-value-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.product-value-list li .block-box{ padding: 0.6rem 0.4rem;}
	.product-value-list li .block-box .icon{ height: 1.2rem;}
	.product-value-list li .block-box .icon img{ margin: 0 auto;}
	.product-value-list li .block-box .cont-box{ margin-top: 0.4rem; font-size: 0.24rem;}
	.product-value-list li .block-box .cont-box .title{ font-size: 0.32rem; text-align: center;}
	.product-value-list li .block-box .cont-box .cont{ margin-top: 0.2rem;}
	
	.payment-mode-section{ padding: 0.8rem 0.4rem;}
	.payment-mode-section .pic{ float: none; width: 100%;}
	.payment-mode-section .cont-inner{ width: 100%; position: initial; transform: translateY(0); margin-top: 0.6rem; font-size: 0.24rem; text-align: left; padding-left: 0;}
	.payment-mode-section .cont-inner .base-sub-title{ text-align: left;}
	.payment-mode-section .cont-inner .cont{ margin-top: 0.2rem;}
	
	.experience-section{ padding: 0.8rem 0.4rem;}
	.experience-section .cont{ font-size: 0.32rem;}
	.experience-section .btn-box{ margin-top: 0.4rem;}
	.experience-section .btn-box a{ width: 2.2rem; line-height: 0.68rem; font-size: 0.26rem;}
	
	.customer-pain-points-section{ padding: 0.8rem 0.4rem;}
	.customer-pain-points-list{ margin-top: 0.6rem;}
	.customer-pain-points-list li{ float: none; width: 100%; margin-top: 0.6rem;}
	.customer-pain-points-list li .block-box .icon{ float: none; width: auto; height: 1.2rem;}
	.customer-pain-points-list li .block-box .icon img{ width: auto; height: 100%; margin: 0 auto;}
	.customer-pain-points-list li .block-box .cont-box{ float: none; width: 100%; padding-left: 0; font-size: 0.24rem; margin-top: 0.4rem;}
	.customer-pain-points-list li .block-box .cont-box .title{ font-size: 0.32rem; text-align: center;}
	.customer-pain-points-list li .block-box .cont-box .more-btn a{ line-height: 0.6rem; padding: 0 0.4rem; font-size: 0.26rem;}
	
	.customer-pain-points-list.list4 li{ width: 100%;}
	
	.solution-section{ padding: 0.8rem 0.4rem;}
	.solution-swiper{ margin-top: 0.6rem; padding-bottom: 0.6rem;}
	.solution-swiper .swiper-slide .block-box{ padding: 0.4rem;}
	.solution-swiper .swiper-slide .block-box .pic{ float: none; height: auto; width: 50%; margin: 0 auto;}
	.solution-swiper .swiper-slide .block-box .pic img{ height: auto; width: 100%;}
	.solution-swiper .swiper-slide .block-box .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 0.24rem; margin-top: 0.4rem;}
	.solution-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.32rem; text-align: center;}
	.solution-swiper .swiper-pagination{ position: initial; width: 100%; text-align: center;}
	
	.program-value-section{ padding: 0.8rem 0.4rem;}
	.program-value-swiper{ margin-top: 0.6rem;}
	.program-value-swiper .swiper-wrapper{ display: flex;}
	.program-value-swiper .swiper-slide{ float: none; width: 100%;}
	.program-value-swiper .swiper-slide .block-box{ padding: 0.4rem; font-size: 0.24rem;}
	.program-value-swiper .swiper-slide .block-box .icon{ height: 1rem;}
	.program-value-swiper .swiper-slide .block-box .icon img{ margin: 0 auto;}
	.program-value-swiper .swiper-slide .block-box .cont-box{ margin-top: 0.4rem;}
	.program-value-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem; text-align: center;}
	
	.best-practices-section{ padding: 0.8rem 0.4rem;}
	.best-practices-swiper{ margin-top: 0.6rem; margin-right: -0.4rem;}
	.best-practices-swiper .swiper-slide{ float: none; width: 100%;}
	.best-practices-swiper .swiper-slide .block-box{ padding: 0.4rem; font-size: 0.24rem;}
	.best-practices-swiper .swiper-slide .block-box .pic img{ width: 50%;}
	.best-practices-swiper .swiper-slide .block-box .cont-box{ margin-top: 0.4rem; padding: 0;}
	.best-practices-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;}
	.best-practices-swiper .slide-pager .swiper-pagination{ font-size: 0.28rem;}
	.best-practices-swiper .slide-pager .swiper-pagination-current{ font-size: 0.36rem;}
	.best-practices-swiper .slide-pager .swiper-arrow{ width: 0.32rem; height: 0.22rem;}
	
	.service-system-section{ padding: 0.8rem 0.4rem;}
	.service-system-list{ margin-top: 0.6rem;}
	.service-system-list ul{ margin: 0;}
	.service-system-list li{ float: none; width: 100%; padding: 0; border-right: 0; margin-top: 0.6rem;}
	.service-system-list li .block-box .icon{ height: 1.2rem;}
	.service-system-list li .block-box .icon img{ margin: 0 auto;}
	.service-system-list li .block-box .cont-box{ margin-top: 0.4rem; font-size: 0.24rem;}
	.service-system-list li .block-box .cont-box .title{ font-size: 0.32rem; text-align: center;}
	.service-system-list li .block-box .cont-box .more-btn a{ line-height: 0.6rem; padding: 0 0.4rem; font-size: 0.26rem;}
	
	.qualification-standard-section{ padding: 0.8rem 0.4rem;}
	.qualification-standard-swiper{ margin-top: 0.6rem;}
	.qualification-standard-swiper .swiper-slide .block-box .pic{ padding: 0.4rem;}
	.qualification-standard-swiper .swiper-slide .block-box .title{ font-size: 0.28rem; margin-top: 0.3rem;}
	.qualification-standard-swiper .swiper-pagination{ margin-top: 0.6rem;}
	
	.customer-case-section{ padding: 0.8rem 0.4rem;}
	.customer-case-swiper{ margin: 0.6rem -0.4rem 0 -0.2rem;}
	.customer-case-swiper .swiper-wrapper{ display: flex;}
	.customer-case-swiper .swiper-slide .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
	.customer-case-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem; /* text-align: center; */}
	.customer-case-swiper .swiper-slide .block-box .cont-box .more-btn a{ line-height: 0.6rem; padding: 0 0.4rem; font-size: 0.26rem;}
	.customer-case-swiper .slide-pager{ display: block;}
	.customer-case-swiper .slide-pager .swiper-pagination{ font-size: 0.28rem;}
	.customer-case-swiper .slide-pager .swiper-pagination-current{ font-size: 0.36rem;}
	.customer-case-swiper .slide-pager .swiper-arrow{ width: 0.32rem; height: 0.22rem;}
	
	.customer-case-swiper2{ margin-top: 0.6rem; margin-right: -0.4rem;}
	.customer-case-swiper2 .swiper-wrapper{ display: flex;}
	.customer-case-swiper2 .swiper-slide{ transform: scale(1); padding: 0 0.2rem;}
	.customer-case-swiper2 .swiper-slide .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
	.customer-case-swiper2 .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem; /* text-align: center; */}
	.customer-case-swiper2 .swiper-slide .block-box .cont-box .cont{}
	.customer-case-swiper2 .slide-pager{ display: block;}
	.customer-case-swiper2 .slide-pager .swiper-pagination{ font-size: 0.28rem;}
	.customer-case-swiper2 .slide-pager .swiper-pagination-current{ font-size: 0.36rem;}
	.customer-case-swiper2 .slide-pager .swiper-arrow{ width: 0.32rem; height: 0.22rem;}
	
	.company-profile-section{ padding: 0.8rem 0.4rem;}
	.company-profile-inner{ font-size: 0.24rem; margin-top: 0.6rem;}
	
	.awards-honors-section{ padding: 0.8rem 0.4rem;}
	.awards-honors-swiper{ margin-top: 0.6rem; margin-right: -0.4rem;}
	.awards-honors-swiper .swiper-wrapper{ display: flex;}
	.awards-honors-swiper .swiper-slide{ padding: 0 0.1rem;}
	.awards-honors-swiper .swiper-slide .block-box .title{ font-size: 0.24rem;}
	.awards-honors-swiper .slide-pager{ margin-top: 0.4rem;}
	.awards-honors-swiper .slide-pager .swiper-pagination{ font-size: 0.28rem;}
	.awards-honors-swiper .slide-pager .swiper-pagination-current{ font-size: 0.36rem;}
	.awards-honors-swiper .slide-pager .swiper-arrow{ width: 0.32rem; height: 0.22rem;}
	.awards-honors-swiper .swiper-slide .block-box:hover .pic img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

	
	.soft-patent-section{ padding: 0.8rem 0.4rem;}
	.soft-patent-swiper{ margin-top: 0.6rem; padding-bottom: 0.6rem;}
	.soft-patent-swiper .swiper-slide .block-box{ padding: 0.4rem;}
	.soft-patent-swiper .swiper-slide .block-box .pic{ float: none; height: auto; width: 50%; margin: 0 auto;}
	.soft-patent-swiper .swiper-slide .block-box .pic img{ height: auto; width: 100%;}
	.soft-patent-swiper .swiper-slide .block-box .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 0.24rem; margin-top: 0.4rem;}
	.soft-patent-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.32rem;}
	.soft-patent-swiper .swiper-pagination{ position: initial; width: 100%; text-align: center;}
	
	.contactus-section{ padding: 0.8rem 0.4rem;}
	.contactus-list{ margin-top: 0.6rem;}
	.contactus-list ul{ margin: 0;}
	.contactus-list li{ float: none; width: 100%; border-right: 0; padding: 0; margin-top: 0.6rem;}
	.contactus-list li .block-box .icon{ float: none; width: 100%; height: 1.2rem;}
	.contactus-list li .block-box .icon img{ width: auto; height: 100%; margin: 0 auto;}
	.contactus-list li .block-box .cont-box{ float: none; width: 100%;}
	.contactus-list li .block-box .cont-box{ margin-top: 0.4rem; font-size: 0.24rem;}
	.contactus-list li .block-box .cont-box .title{ font-size: 0.32rem; text-align: center;}
	
	.industry-interpretation-section{ padding: 0.8rem 0.4rem;}
	.industry-interpretation-tabs li{ width: 2.4rem; line-height: 0.64rem;}
	.industry-interpretation-tabs li .title{ font-size: 0.28rem;}
	.industry-interpretation-list{ margin-top: 0.6rem;}
	.industry-interpretation-list li{ margin-top: 0.4rem; padding: 0.3rem 0.4rem; font-size: 0.24rem;}
	.industry-interpretation-list li .title{ float: none; width: 100%; font-size: 0.28rem;}
	.industry-interpretation-list li .title::before{ width: 0.34rem; height: 0.41rem;}
	.industry-interpretation-list li .time{ float: none; margin-top: 0.1rem; padding-left: 0.5rem;}
	
	.page{ margin-top: 0.6rem;}
	.page a, .page span{ font-size: 0.28rem; min-width: 0.48rem; line-height: 0.48rem;}
	.page .prev, .page .next{ min-width: 1.5rem;}
	
	.base-banner .banner-icon{ width: 36vw; top: 21vw; right: 5vw;}
	
	.news-recommend-section{ padding: 0.8rem 0.4rem;}
	.news-recommend-swiper .swiper-slide .block-box .pic{ float: none; width: 100%;}
	.news-recommend-swiper .swiper-slide .block-box .cont-box{ float: none; width: 100%; padding-left: 0; font-size: 0.24rem;}
	.news-recommend-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;}
	.news-recommend-swiper .swiper-slide .block-box .cont-box .time{ font-size: 0.24rem;}
	.news-recommend-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 0.2rem;}
	.news-recommend-swiper .swiper-slide .block-box .cont-box .more-btn a{ line-height: 0.6rem; padding: 0 0.4rem; font-size: 0.26rem;}
	.news-recommend-swiper .swiper-pagination{ position: initial; width: 100%; text-align: center; margin-top: 0.6rem;}
	
	.news-list-section{ padding: 0.8rem 0.4rem;}
	.news-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.news-list li:first-child{ margin-top: 0;}
	.news-list li .block-box .pic img{ height: 6rem; object-fit: cover;}
	.news-list li .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
	.news-list li .block-box .cont-box .title{ font-size: 0.28rem;}
	
	.news-detail-section{ padding: 0.4rem 0.4rem 0.8rem 0.4rem;}
	.breadcrumb{ font-size: 0.24rem;}
	.news-detail-content{ margin-top: 0.6rem;}
	.news-detail-content .top-box{ font-size: 0.24rem;}
	.news-detail-content .top-box .title{ font-size: 0.4rem;}
	.news-detail-content .content-box{ font-size: 0.24rem; margin-top: 0.4rem;}
	.news-detail-content .content-box p{ margin-top: 0.4rem;}
	.news-detail-content .content-box .img{ margin-top: 0.4rem;}
	.news-detail-content .content-box .img img{ width: 100%; border-radius: 0.15rem; }
	
	.consult-now-section{ padding: 0.8rem 0.4rem;}
	.consult-now-section .top-box{ padding: 0 0.4rem; font-size: 0.24rem;}
	.consult-now-section .top-box .title{ font-size: 0.44rem;}
	.consult-now-section .top-box .cont{ margin-top: 0.1rem;}
	.consult-now-section .form-inner{ margin-top: 0.6rem; width: 100%;}
	.consult-now-section .form-inner .form-block{ margin-top: 0.5rem;}
	.consult-now-section .form-inner .form-block-box{ line-height: 0.8rem;}
	.consult-now-section .form-inner .form-block .type{ font-size: 0.24rem; width: 20%;}
	.consult-now-section .form-inner .form-block .type::before{ height: 0.3rem;}
	.consult-now-section .form-inner .form-block .input-box{ width: 80%;}
	.consult-now-section .form-inner .form-block .input-box .input-text{ height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; padding: 0 0.2rem;}
	.consult-now-section .form-inner .form-block .select-block .select{ height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; padding: 0 0.2rem;}
	.consult-now-section .form-inner .form-block .select-block::before{ width: 0.3rem; height: 0.3rem; background-size: 0.3rem auto;}
	.consult-now-section .form-inner .form-block .input-box textarea{ font-size: 0.24rem; padding: 0.2rem;}
	
	.consult-now-section .form-inner .form-block-demand .type{ width: 35%;}
	.consult-now-section .form-inner .form-block-demand .input-box{ width: 65%;}
	
	.consult-now-section .form-inner .form-block-industry .type{ width: 30%;}
	.consult-now-section .form-inner .form-block-industry .input-box{ width: 70%;}
	
	.consult-now-section .form-inner .form-block-yzm .form-block-box .type{ width: 35%;}
	.consult-now-section .form-inner .form-block-yzm .form-block-box .input-box{ width: 65%;}
	
	.consult-now-section .form-inner .form-block-yzm .yzm-img{ height: 0.8rem;}
	.consult-now-section .form-inner .form-block .error{ font-size: 0.22rem;}
	.consult-now-section .form-inner .submit-btn-box{ margin-top: 0.6rem;}
	.consult-now-section .form-inner .submit-btn-box a{ width: 2.4rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.24rem;}
	
	.consult-now-section .tips-submit-box .icon{ width: 0.8rem;}
	.consult-now-section .tips-submit-box .cont{ font-size: 0.24rem; margin-top: 0.4rem;}
	
	.dot-mark::before{ top: 0.15rem;}
	
	
	.home-products-services{ position: initial; transform: translateY(0);}
	.home-products-services-inner{ margin-top: 0.6rem; padding: 0;}
	.home-products-services-swiper{ margin: 0 -44%;}
	.home-products-services-swiper .swiper-slide{ padding: 0 0.2rem;}
	.home-products-services-swiper .swiper-slide .block-box{ border-radius: 0.15rem;}
	.home-products-services-swiper .swiper-slide .block-box .pic img{ height: 3.2rem; object-fit: cover;}
	.home-products-services-swiper .swiper-slide .block-box .cont-box{ padding: 0.3rem 0.4rem; font-size: 0.24rem; position: initial;}
	.home-products-services-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.28rem;}
	.home-products-services-swiper .swiper-slide .block-box .cont-box .cont{ height: 15em;}
	.home-products-services-swiper .swiper-slide-active{ transform: scale(1);}
	.home-products-services-swiper .swiper-slide-active .block-box .cont-box .cont{ height: 15em;}
	.home-products-services-swiper .swiper-pagination{ position: initial; margin-top: 0.3rem;}
	.home-products-services-swiper .swiper-arrow{ display: none;}

	.agent-container{ position: initial; transform: translateY(0);}
	.agent-swiper{ opacity: 1; margin-top: 0.6rem;}
	.agent-swiper .swiper-slide .block-box .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 0.24rem; margin-top: 0.6rem;}
	.agent-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.32rem; padding-left: 0.52rem;}
	.agent-swiper .swiper-slide .block-box .cont-inner .title .icon{ width: 0.38rem; height: 0.38rem; top: 0.05rem;}
	.agent-swiper .swiper-slide .block-box .pic{ float: none; width: 85%; margin: 0 auto;}
	.agent-swiper .swiper-page{ position: relative; bottom: auto; left: auto; width: 40%; margin: 0 auto; margin-top: 0.4rem; padding: 0 0.6rem;}
	.agent-swiper .swiper-page .swiper-pagination{ font-size: 0.24rem;}
	.agent-swiper .swiper-page .swiper-pagination .swiper-pagination-current{ font-size: 0.32rem;}
	.agent-swiper .swiper-page .swiper-arrow{ width: 0.36rem; height: 0.36rem;}
	
	
	.case-list-section{ padding: 0.8rem 0.4rem;}
	.case-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.case-list li:first-child{ margin-top: 0;}
	.case-list li .block-box .cont-box{ padding: 0.4rem; font-size: 0.24rem;}
	.case-list li .block-box .cont-box .title{ font-size: 0.32rem; /* text-align: center; */ height: auto; -webkit-line-clamp: initial;}
	.case-list li .block-box .cont-box .cont{ min-height: auto;}
	
	.product-funtion-video{ width: 100%; font-size: 0.24rem;}
	.product-funtion-video .cont{ margin-top: 0.4rem;}
	.product-funtion-video .cont p{ margin-bottom: 0.2rem;}
	
	
	
	
	
}

@media (max-width: 768px){
	
}

/* 超小屏 */
@media (max-width: 640px){
	
}

/* 特殊缩放 */
@media (min-width: 1201px) and (max-width: 1280px){
	/* 缩小70% */
	
	
}