@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:14px arial,verdana; color:#333; font-family: 'Alibaba PuHuiTi 2.0 55', "SourceHanSansCN-Regular", "Microsoft Yahei", sans-serif, "微软雅黑", "微软正黑体", "Microsoft JhengHei", "SimHei", "黑体", Arial, Helvetica;}
@media screen and (min-width:1200px){
::-webkit-scrollbar              {/* 1 */width:8px; background-color: transparent;}
::-webkit-scrollbar-button       {/* 2 */display: none;}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:8px;  border-radius:0; background-color:#158FCF;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#158FCF;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}
}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face {
	font-family: 'Alibaba PuHuiTi 2.0 55';
	src: url('fonts/AlibabaPuHuiTi_2_55_Regular.woff2') format('woff2'),
		url('fonts/AlibabaPuHuiTi_2_55_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


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

@font-face {
	font-family: 'Gilroy';
	src: url("fonts/Gilroy-Bold.woff2") format("woff2"), url("fonts/Gilroy-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy-Light';
	src: url('fonts/Gilroy-Light.woff2') format('woff2'),
		url('fonts/Gilroy-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}


.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 鼠标样式 */
.cursor{pointer-events:none;z-index:100000;position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #303030;background: #303030; opacity:0;transition:width .2s ease-out,height .2s ease-out,transform .2s;transform:translate(-50%,-50%) rotate(0);}
.cursor.active{ width: 20rem; height: 20rem; background: rgba(255,255,255,0.35);}
.cursor.style{ border-color: #fff; background: rgba(255,255,255,0.8); }
/* *:not(a),a{cursor:url(/static/images/images/cursor_fill.svg) 11 11,auto} */

a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #999;}
a:hover{ color: #158fcf;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #f9f9f9;}
.w-90{ width: 94%; margin: auto;}
.w-100{width:100%; float: left;}
.w-900{margin:auto; width: 61.875rem;}
.w-1100{margin:auto; width: 63.875rem;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 83.75rem;}
.w-1400{margin: auto; width: 100rem;}
.w-1500{margin: auto; width: 112rem;}
.w-1600{margin: auto; width: 114.28rem; }
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}
.clear::after{ content: ''; display: block; clear: both; }

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{width: 2.25rem; height: 1.375rem; float: right;position: relative;cursor: pointer; transform-origin: 0; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; position: absolute;
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.head-btn i.bar-top{ top: 0;}
.head-btn i.bar-cen{ top: 50%; margin-top: -1px;}
.head-btn i.bar-bom{ bottom: 0;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); margin-top: 0.6rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); margin-bottom: 0.6rem; }
.head-btn.cur i{ background-color: #fff;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3.4286rem 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1.1429rem rgba(0,0,0,0.1); border: 1px solid #E4E4E4; */}
.fanye-box a{ cursor: pointer;}
.fanye-box a,.fanye-box span{ width: 2.8571rem; height: 2.8571rem; line-height: 2.8571rem; font-size: 1.2857rem; margin: auto; border-radius: 0; margin: 0 0.5714rem; border-radius: 100%;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.current,
.fanye-box span:hover,.fanye-box span.curr,.fanye-box span.current{ color: #303030;}
.fanye-box .prev,.fanye-box .next{ border: 1px dashed #C9D1D1; line-height: 2.6286rem; font-size: 1.6000rem; }
.fanye-box .prev:hover,.fanye-box .next:hover{ background: #303030; border-color: #303030; color: #fff; }

.all-center-box{ width: 100%; float: left; position: relative; min-height: 70vh; margin-top: 4.9286rem; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 5.5714rem;} */

.text-center{ text-align: center;}

.goTop{ width: 7.1429rem; height: 7.1429rem; background-color: #303030; position: fixed; right: 0; bottom: 0; z-index: 99; opacity: 0; transition: all .6s; cursor: pointer; }
.goTop::after{ content: ''; width: 3.5714rem; height: 3.5714rem; background: url(/static/images/images/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -1.7857rem 0 0 -1.7857rem; transform: rotate(-90deg); }
.goTop:hover::after{ animation: upDown1 1.5s infinite linear;}
.goTop.active{ opacity: 1; }
@keyframes upDown1{
  0%{ transform: translateY(0.0000rem) rotate(-90deg); }
  25%{ transform: translateY(-0.4571rem) rotate(-90deg); }
  50%{ transform: translateY(0.0000rem) rotate(-90deg); }
  75%{ transform: translateY(0.4571rem) rotate(-90deg); }
  100%{ transform: translateY(0.0000rem) rotate(-90deg); }
}
@keyframes upDown2{
  0%{ transform: translateX(0.0000rem) }
  50%{ transform: translateX(0.5714rem) }
  100%{ transform: translateX(0.0000rem) }
}

.tips-box{ background: rgba(0,0,0,0.5); color: #fff; font-size: 1.7143rem; position: fixed; left: 50%; top: 50%; z-index: 999; transform: translate(-50%,-50%); border-radius: 0.5714rem; padding: 0.6857rem 1.1429rem; }

/* 修改主题色 */
:root {
    --layui-primary: #1E9FFF; /* 修改后的主题色 */
}

.product-head{ background: #158fcf; height: 4.2857rem; }
.product-head .f-l{ width: 22.8571rem; height: 4.2857rem; background: #18a2eb; padding: 0 2.5000rem; display: flex; align-items: center; }
.product-head .f-l img{ height: 1.8571rem; display: block;}
.product-head .f-r{ flex: 1;}
.product-head .f-r .box1 li{ float: left; margin-left: 1px;}
.product-head .f-r .box1 li a{ float: left; min-width: 10.7143rem; text-align: center; padding: 0 2.2857rem; color: #fff; font-size: 1.2857rem; line-height: 4.2857rem; background: #1286c2; position: relative; }
.product-head .f-r .box1 li a::after{ content: ''; border-left: 0.6286rem solid transparent; border-right: 0.6286rem solid transparent; border-bottom: 0.5143rem solid #fff; position: absolute; left: 50%; bottom: 0; opacity: 0; transform: translate(0,0.5714rem); transition: all .3s; }
.product-head .f-r .box1 li.active a{ font-weight: bold;}
.product-head .f-r .box1 li a:hover,.product-head .f-r .box1 li.active a{ background: #18a2eb;}
.product-head .f-r .box1 li a:hover::after,.product-head .f-r .box1 li.active a::after{ opacity: 1; transform: translate(0,0); }
.product-head .f-r .box2{ padding: 0 2.5000rem; color: #fff; font-size: 1.2143rem; }

.product-center{ height: calc(100vh - 4.2857rem); min-height: 42.8571rem; padding: 1.4286rem; background: #eff2f6; display: flex;  }
.product-center .pro-left{ width: 21.4286rem; min-height: calc(42.8571rem - 12.5714rem); background: #fff; margin-right: 1.4286rem; overflow: auto; overflow-x: hidden; transition: all .6s; }
.product-center .pro-left.active{ width: 0; margin-right: 0; }
.product-center .pro-left .top-box{ width: 21.4286rem; padding: 0 1.0000rem; height: 3.9286rem; border-bottom: 1px solid #e4e8ed; }
.product-center .pro-left .top-box span{ font-size: 1.1429rem; font-weight: bold; }
.product-center .pro-left .top-box div{ display: flex;}
.product-center .pro-left .top-box i{ cursor: pointer; transition: all .6s; }
.product-center .pro-left .top-box i+i{ margin-left: 0.8571rem;}
.product-center .pro-left .top-box i img{ display: inline-block; height: 1.0714rem;}
.product-center .pro-left .top-box div i.active{ transform: rotateX(180deg);}
.product-center .pro-left .top-box span i.active{ color: #158fcf; }
.product-center .pro-left .top-box span i+i{ border-left: 1px solid #dee2e7; padding-left: 0.8571rem; }
.product-center .pro-left .lower-box{ width: 21.4286rem; padding: 0 1.1429rem; }
.product-center .pro-left .lower-box .box-info1{ padding: 1.1429rem 0 1.7143rem; border-bottom: 1px solid #e4e8ed;}
.product-center .pro-left .lower-box .box-info1 .box1{ font-size: 1.0000rem; font-weight: bold; }
.product-center .pro-left .lower-box .box-info1 .box2{ margin-top: 0.5714rem;}
.product-center .pro-left .lower-box .box-info2 .center-block{ display: none;}
.product-center .pro-left .lower-box .box-info2 .box1{ padding: 1.1429rem 0 1.1429rem; font-size: 1.0000rem; cursor: pointer; border-bottom: 1px solid #e4e8ed; line-height: 1.1429rem; }
.product-center .pro-left .lower-box .box-info2 .box1 span{ font-weight: bold;}
.product-center .pro-left .lower-box .box-info2 .box1 i{ font-size: 1.0000rem; color: #9D9D9D; transition: all .6s; }
.product-center .pro-left .lower-box .box-info2 .box1.active i{ transform: rotate(180deg);}
.product-center .pro-left .lower-box .box-info2 .box2{ padding: 0 2.1429rem; }
.product-center .pro-left .lower-box .box-info2 .tit{ line-height: 2.1429rem; background: #EDF0F5; font-size: 1.0714rem; border-radius: 2px; text-align: center; margin-top: 1.4286rem; }
.product-center .pro-left .lower-box .box-info2 .layui-form-checkbox{ margin-top: 0.7143rem;}
.product-center .pro-left .lower-box .box-info2 .box3{ width: 100%; text-align: center; margin-top: 1.1429rem; }
.product-center .pro-left .lower-box .box-info2 .box3>p{ font-size: 1.0000rem;}
.product-center .pro-left .lower-box .box-info2 .box4{ margin-top: 0.5714rem;}
.product-center .pro-left .lower-box .box-info2 .layui-slider-wrap-btn{ width: 1.3714rem; height: 1.3714rem; }
.product-center .pro-left .lower-box .box-info2 .box5{ margin: 0.8000rem -0.6857rem 0; }
.product-center .pro-left .lower-box .box-info2 .box5 span{ width: 1.3714rem; text-align: center; }

.product-center .pro-right{ width: 80%; flex: 1; display: flex; flex-direction: column; }
.product-center .pro-right .top-box{ background: #fff; height: 3.9286rem; padding: 0 1.1429rem; font-size: 1.0714rem; }
.product-center .pro-right .top-box .f-l{ display: flex; align-items: center; justify-content: space-between; }
.product-center .pro-right .top-box .f-l a{ color: #646464; }
.product-center .pro-right .top-box .f-l a.hover,.product-center .pro-right .top-box .f-l a.active{ color: #158fcf;}
.product-center .pro-right .top-box .f-l i{ display: inline-block; cursor: pointer; margin-right: 0.7143rem; transition: all .6s;}
.product-center .pro-right .top-box .f-l i img{ display: block; height: 1.0714rem;}
.product-center .pro-right .top-box .f-l i.active{ transform: rotateY(180deg);}
.product-center .pro-right .top-box .f-r{ display: flex; gap: 0.7143rem; }
.product-center .pro-right .top-box .f-r a{ line-height: 2.2857rem; border: 1px solid #bed2dd; border-radius: 3px; min-width: 9.7143rem; text-align: center; }
.product-center .pro-right .top-box .f-r a span{ display: inline-block; padding-left: 1.4286rem; color: #646464; transition: all .6s; background-position: left; background-repeat: no-repeat; background-size: auto 1.1429rem; }
.product-center .pro-right .top-box .f-r a.icon1 span{ background-image: url(/static/images/images/icon_4.png);}
.product-center .pro-right .top-box .f-r a.icon2 span{ background-image: url(/static/images/images/icon_5.png);}
.product-center .pro-right .top-box .f-r a.icon3 span{ background-image: url(/static/images/images/icon_6.png);}
.product-center .pro-right .top-box .f-r a.icon4 span{ background-image: url(/static/images/images/icon_7.png);}
.product-center .pro-right .top-box .f-r a:hover{ background: #158fcf; border-color: #158fcf; }
.product-center .pro-right .top-box .f-r a:hover span{ color: #fff;}
.product-center .pro-right .top-box .f-r a.icon1:hover span{ background-image: url(/static/images/images/icon_4_h.png);}
.product-center .pro-right .top-box .f-r a.icon2:hover span{ background-image: url(/static/images/images/icon_5_h.png);}
.product-center .pro-right .top-box .f-r a.icon3:hover span{ background-image: url(/static/images/images/icon_6_h.png);}
.product-center .pro-right .top-box .f-r a.icon4:hover span{ background-image: url(/static/images/images/icon_7_h.png);}
.product-center .pro-right .lower-box{ height: calc(100vh - 12.5714rem); min-height: calc(42.8571rem - 8.2286rem); background: #fff; margin-top: 1.4286rem; display: flex; flex-direction: column; }
.product-center .pro-right .lower-top,.product-center .pro-right .lower-btm{ height: 100%; overflow: auto;}
.product-center .pro-right .lower-cen{ height: 0.3571rem; background: #f0f0f0; cursor: row-resize; position: relative; }
.product-center .pro-right .lower-cen i{ width: 1.2857rem; height: 1.3714rem; position: absolute; left: 50%; top: 50%; margin: -0.6857rem 0 0 -0.6429rem; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; }
.product-center .pro-right .lower-cen i::before,
.product-center .pro-right .lower-cen i::after{ content: ''; border-left: 0.6429rem solid transparent; border-right: 0.6429rem solid transparent; transition: all .6s; }
.product-center .pro-right .lower-cen i::before{ border-bottom: 0.5714rem solid #dfdfdf;}
.product-center .pro-right .lower-cen i::after{ border-top: 0.5714rem solid #dfdfdf;}
.product-center .pro-right .lower-cen i:hover::before{ border-bottom-color: #158fcf; }
.product-center .pro-right .lower-cen i:hover::after{ border-top-color: #158fcf; }
.product-center .pro-right .lower-btm{ padding: 1.1429rem;}
.product-center .pro-right .lower-btm .layui-table-header .layui-table{ background: #f5f5f5;}
.product-center .pro-right .lower-btm .box-info1{ background: #f5f5f5; font-size: 1.0714rem; padding: 13px 15px; border: 1px solid #eee; border-bottom: none; }
.product-center .pro-right .lower-btm .box-info1 p{ color: #646464;}
.product-center .pro-right .lower-btm .box-info1 a{ display: inline-block; line-height: 2.2857rem; border: 1px solid #bed2dd; border-radius: 0.2143rem; padding: 0 0.7143rem; margin-left: 0.4286rem; }
.product-center .pro-right .lower-btm .box-info1 a span{ display: inline-block; padding-left: 1.7143rem; color: #646464; background-position: left; background-repeat: no-repeat; background-size: 1.1429rem; transition: all .6s; }
.product-center .pro-right .lower-btm .box-info1 a.icon1 span{ background-image: url(/static/images/images/icon_8.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon2 span{ background-image: url(/static/images/images/icon_8.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon3 span{ background-image: url(/static/images/images/icon_9.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon4 span{ background-image: url(/static/images/images/icon_10.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon5 span{ background-image: url(/static/images/images/icon_11.png); }

.product-center .pro-right .lower-btm .box-info1 a:hover,
.product-center .pro-right .lower-btm .box-info1 a.active{ background: #158fcf; border-color: #158fcf; }
.product-center .pro-right .lower-btm .box-info1 a:hover span,
.product-center .pro-right .lower-btm .box-info1 a.active span{ color: #fff;}
.product-center .pro-right .lower-btm .box-info1 a.icon1:hover span,
.product-center .pro-right .lower-btm .box-info1 a.icon1.active span{ background-image: url(/static/images/images/icon_8_h.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon2:hover span,
.product-center .pro-right .lower-btm .box-info1 a.icon2.active span{ background-image: url(/static/images/images/icon_8_h.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon3:hover span,
.product-center .pro-right .lower-btm .box-info1 a.icon3.active span{ background-image: url(/static/images/images/icon_9_h.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon4:hover span,
.product-center .pro-right .lower-btm .box-info1 a.icon4.active span{ background-image: url(/static/images/images/icon_10_h.png); }
.product-center .pro-right .lower-btm .box-info1 a.icon5:hover span,
.product-center .pro-right .lower-btm .box-info1 a.icon5.active span{ background-image: url(/static/images/images/icon_11_h.png); }

.product-center .pro-right .contrast-top{}




.pro-esp-box{ padding: 2.2857rem 1.1429rem; }
.pro-esp-box .box-title{ font-size: 1.2857rem; font-weight: bold; text-align: center; }
.pro-esp-box .swiper{ padding: 1.1429rem 1.1429rem 2.8571rem; }
.pro-esp-box .swiper .swiper-slide a{ width: 100%; float: left; border: 1px solid #e8ecf1; border-radius: 0.7143rem; overflow: hidden; color: #3e3e3e; }
.pro-esp-box .swiper .swiper-slide a .box-info1{ height: 5.2143rem; border-top: 3px solid #158fcf; background: #edf0f5; padding: 0 1.4286rem; }
.pro-esp-box .swiper .swiper-slide a .box-info1 img{ width: 2.8571rem; height: 2.8571rem; object-fit: contain; display: inline-block; }
.pro-esp-box .swiper .swiper-slide a .box-info1 div{ flex: 1; padding-left: 0.7143rem; font-size: 1.0000rem; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.pro-esp-box .swiper .swiper-slide a .box-info1 div span{ color: #158fcf; margin-right: 0.5714rem;}
.pro-esp-box .swiper .swiper-slide a .box-info2{ padding: 0.5714rem 1.4286rem 1.4286rem; font-size: 1.0000rem; line-height: 1.7143rem; }
.pro-esp-box .swiper .swiper-slide a .box-info2 .between-top span{ color: #787c82; padding-left: 0.5714rem; position: relative; }
.pro-esp-box .swiper .swiper-slide a .box-info2 .between-top span::after{ content: ''; width: 0.2857rem; height: 0.2857rem; border-radius: 100%; background: #158fcf; position: absolute; left: 0; top: 0.6857rem; }
.pro-esp-box .swiper .swiper-slide a .box-info2 .between-top strong,
.pro-esp-box .swiper .swiper-slide a .box-info2 .between-top p{ flex: 1;}
.pro-esp-box .swiper .swiper-slide a .box-info2 .between-top p{ height: 5.1429rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.pro-esp-box .swiper .swiper-slide a:hover{ box-shadow: 0 0 0.5714rem rgba(0,0,0,0.1); }
.pro-esp-box .swiper .swiper-pagination{ bottom: 0;}
.pro-esp-box .swiper .swiper-pagination .swiper-pagination-bullet{ width: 0.8000rem; height: 0.8000rem; border: 1px solid #b6bfc3; background: none; opacity: 1; transition: all .6s; }
.pro-esp-box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #158fcf; border-color: #158fcf; }

.pro-info-box{ height: 100%; display: none; }
.pro-info-box>.between-top{ height: 100%;}
.pro-info-box .f-l{ width: 28.2857rem; border-right: 0.3571rem solid #f0f0f0; display: flex; flex-direction: column; }
.pro-info-box .f-l .box-info1{ height: 50%; padding: 1.7143rem; }
.pro-info-box .f-l .box-info1 a{ width: 100%; cursor: zoom-in; }
.pro-info-box .f-l .box-info1 a img{ width: 5.7143rem; height: 5.7143rem; display: inline-block;}
.pro-info-box .f-l .box-info1 a div{ flex: 1; padding-left: 1.1429rem; }
.pro-info-box .f-l .box-info2{ flex: 1; border-top: 0.3571rem solid #f0f0f0; background: #fff; padding: 1.7143rem; overflow: auto; }
.pro-info-box .f-l .box-info2 .box1{ font-size: 1.1429rem; font-weight: bold; }
.pro-info-box .f-l .box-info2 .box2{ margin-top: 0.5714rem; text-align: center;}
.pro-info-box .f-l .box-info2 .box2 a{ width: 100%; float: left; display: inline-block; cursor: zoom-in;}
.pro-info-box .f-r{ flex: 1; padding: 1.0714rem;}
.pro-info-box .f-r .box-info1{ height: 3.0000rem; background: #eff2f6; }
.pro-info-box .f-r .box-info1 a{ padding: 0 1.7143rem; line-height: 1.2857rem; font-size: 1.0714rem; font-weight: bold; }
.pro-info-box .f-r .box-info1 a+a{ border-left: 1px solid #cbced1;}
.pro-info-box .f-r .box-info1 a span{ display: inline-block; padding-left: 1.7143rem; background-position: left; background-repeat: no-repeat; background-size: auto 1.2857rem; transition: all .6s; color: #3e3e3e; }
.pro-info-box .f-r .box-info1 a:nth-child(1) span{ background-image: url(/static/images/images/icon_4_1.png);}
.pro-info-box .f-r .box-info1 a:nth-child(2) span{ background-image: url(/static/images/images/icon_12_1.png);}
.pro-info-box .f-r .box-info1 a:nth-child(3) span{ background-image: url(/static/images/images/icon_9_1.png);}
.pro-info-box .f-r .box-info1 a.active span,.pro-info-box .f-r .box-info1 a:hover span{ color: #158fcf; }
.pro-info-box .f-r .box-info1 a:nth-child(1).active span,.pro-info-box .f-r .box-info1 a:nth-child(1):hover span{ background-image: url(/static/images/images/icon_4.png);}
.pro-info-box .f-r .box-info1 a:nth-child(2).active span,.pro-info-box .f-r .box-info1 a:nth-child(2):hover span{ background-image: url(/static/images/images/icon_12.png);}
.pro-info-box .f-r .box-info1 a:nth-child(3).active span,.pro-info-box .f-r .box-info1 a:nth-child(3):hover span{ background-image: url(/static/images/images/icon_9.png);}
.pro-info-box .f-r .box-info2{ height: calc(100% - 4.1429rem); margin-top: 1.1429rem; flex: 1; overflow: auto; }
.pro-info-box .f-r .box-info2 .center-block{ display: none;}
.pro-info-box .f-r .box-info3{ padding: 2.2857rem 1.0000rem; border-top: 1px solid #DEE2E7; }
.pro-info-box .f-r .box-info3:first-child{ border-top: none; padding-top: 0; }
.pro-info-box .f-r .box-info3 .box1{ font-size: 1.1429rem; font-weight: bold; }
.pro-info-box .f-r .box-info3 .box2 ul li{ width: 45.5%; float: left; margin-top: 1.1429rem; }
.pro-info-box .f-r .box-info3 .box2 ul li:nth-child(2n){ float: right; }
.pro-info-box .f-r .box-info3 .box2 ul li a{ width: 100%; float: left; padding-left: 2.0000rem; line-height: 1.4286rem; font-size: 1.0000rem; background: url(/static/images/images/icon_13.png) no-repeat left; background-size: auto 1.4286rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.pro-info-box .f-r .box-info4 ul li{ width: 100%; float: left; padding: 2.1429rem 0.8571rem; border-bottom: 1px solid #DEE2E7; display: flex; align-items: center; justify-content: space-between; }
.pro-info-box .f-r .box-info4 ul li .box1{ width: 8.5714rem; height: 8.5714rem; }
.pro-info-box .f-r .box-info4 ul li .box1 img{ width: 100%; height: 100%; object-fit: contain; display: block; cursor: zoom-in; }
.pro-info-box .f-r .box-info4 ul li .box2{ flex: 1; width: 80%; padding-left: 1.4286rem; }
.pro-info-box .f-r .box-info4 ul li .box3{ font-size: 1.1429rem; font-weight: bold; color: #158fcf; }
.pro-info-box .f-r .box-info4 ul li .box4{ font-size: 1.0000rem; line-height: 1.6; height: 3.1429rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 1.1429rem 0;}
.pro-info-box .f-r .box-info4 ul li .box5{ display: flex; line-height: 1; font-size: 0.9286rem; font-weight: bold; }
.pro-info-box .f-r .box-info4 ul li .box5 a{ color: #ffb15e; margin-right: 1.1429rem;}
.pro-info-box .f-r .box-info4 ul li .box5 a:hover{ text-decoration: underline; }
.pro-info-box .f-r .box-info5{ padding: 0 1.0000rem; font-size: 1.0000rem; }

.contrast-top{ height: 4.1429rem; border-bottom: 1px solid #158fcf; }
.contrast-top .between-center span{ font-size: 1.1429rem; color: #3e3e3e; font-weight: bold; background-position: 1.1429rem center; background-repeat: no-repeat; background-size: 1.4286rem; padding-left: 2.8571rem; cursor: pointer; transition: all .3s; }
.contrast-top .between-center span+span{ margin-left: 1.1429rem; border-left: 1px solid #dee2e7; }
.contrast-top .between-center span#hideSameBtn{ background-image: url(/static/images/images/icon_15.png);}
.contrast-top .between-center span#showAllBtn{ background-image: url(/static/images/images/icon_16.png);}
.contrast-top .between-center span#hideSameBtn.active{ color: #158fcf; background-image: url(/static/images/images/icon_15_h.png);}
.contrast-top .between-center span#showAllBtn.active{ color: #158fcf; background-image: url(/static/images/images/icon_16_h.png);}
.contrast-lower{ height: calc(100% - 4.1429rem); }

#search-content .layui-table-header .layui-table-cell{ height: auto; white-space: initial; word-break: break-all; line-height: 1.6; }
.contrast-lower .layui-table-cell>div{ display: initial; word-break: break-all; }



.menu-handler{display:none;cursor:pointer;transition:.35s}
.menu-handler span{position:relative;display:block;margin:0 auto 0;width:23px;height:2px;background-color:#158fcf;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menu-handler span:after,.menu-handler span:before{content:"";position:absolute;display:inline-block;width:23px;height:2px;left:0;background-color:#158fcf;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menu-handler span:before{top:-7px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform}
.menu-handler span:after{bottom:-7px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform}
.menu-handler.active span{height:2px;background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before{-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s}
.menu-handler.active span:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-handler.active span:after{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-handler.active{top:0}

.head-box{ transition: all .45s; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: fixed; left: 0; top: 0; z-index: 99; }
.head-box .w-90{ height: 4.9286rem;}
.head-box .w-90>.between-center{ height: 100%; }
.head-box .f-l{ height: 100%; position: relative; margin-top: 4px; }
.head-box .f-l::after{ content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/static/images/images/logo1.svg) center no-repeat; background-size: 100%; transition: all .45s; }
.head-box .f-l img{ height: 1.7857rem; display: block; }
.head-box .f-r{ height: 100%;}
.head-box .f-c{ margin-left: 4.4rem;}
.head-box .f-c>ul{ display: flex; }
.head-box .f-c>ul>li{ display: inline-block;}
.head-box .f-c>ul>li>a{ display: block; margin: 0 1.9rem; font-size: 1.1429rem; color: #fff; line-height: 4.9286rem; }
.head-box .f-c>ul>li>a>i{ display:inline-block; margin-left: 0.6rem; font-size: 1rem; }
.head-box .f-c>ul>li.active>a,.head-box .f-c>ul>li>a:hover{ color: #158FCF !important; }
.head-box .nrlg{position:relative; height: 100%; cursor: pointer; }
.head-box .nrlg:hover .nlselect{opacity:1;visibility:visible;transform:translateX(-50%);}
.head-box .nlyy{display:block;color:#fff;transition: all .45s;}
.head-box .nyicon1{display:inline-block;vertical-align:top;font-size: 1.428571rem;margin-right: 0.8971rem; margin-top: 1px;}
.head-box .nyicon2{display:inline-block;font-size:12px;margin-left: 0.8971rem;}
.head-box .nlselect{opacity:0;visibility:hidden;transition:.35s;position:absolute;top:120%;left:50%;transform:translateX(-50%);width:120%;background:#fff;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.16);padding:2px 10px 25px 10px;box-sizing:border-box;transform-origin:top;}
.head-box .nlselect::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:10px solid #fff;}
.head-box .nstxt{display:block;line-height:1.5;text-align:center;color:#999;margin-top: 1.071429rem;font-weight:lighter;}
.head-box .nstxt:hover{color:#158fcf;}
.head-box .nrbuy { width: 8.6428rem; height: 2.429rem; border-radius: 50px; border: 1px solid #fff; text-align: center; line-height: 2.4rem; color: #fff; margin-left: 2.857rem; margin-right: 2.5rem;}
.head-box .nrbuy i { display: inline-block; font-size: 16px; margin-right: 7px;}
.head-box .nrbuy:hover i {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.head-box .nrlink,.head-box .nrlink i{ color: #fff;}


.head-box.active,
.head-box.cur,
.head-box:hover{ background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
.head-box.active .f-l::after,
.head-box.cur .f-l::after,
.head-box:hover .f-l::after{ opacity: 0; }
.head-box.active .f-c>ul>li>a,
.head-box.cur .f-c>ul>li>a,
.head-box:hover .f-c>ul>li>a{ color: #5E5D5D; }
.head-box.active .nrbuy,
.head-box.cur .nrbuy,
.head-box:hover .nrbuy{ border-color:#d1d1d1; color: #5E5D5D; }
.head-box.active .nlyy,
.head-box.cur .nlyy,
.head-box:hover .nlyy{color:#5E5D5D;}
.head-box.active .nrlink,
.head-box.cur .nrlink,
.head-box:hover .nrlink,
.head-box.active .nrlink i,
.head-box.cur .nrlink i,
.head-box:hover .nrlink i{ color: #5E5D5D; }
.head-box.active .nrlink:nth-child(2)::before,
.head-box.cur .nrlink:nth-child(2)::before,
.head-box:hover .nrlink:nth-child(2)::before{ background:#5E5D5D; }

@keyframes gelatine {
	from,
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

.head-box .f-c>ul>li:hover .erji-box{ opacity: 1; pointer-events: auto; }
.head-box .erji-box{ width: 100%; position: absolute; left: 0; top: 4.9286rem; overflow: hidden; background: #fff; border-top: 1px solid #e4e8ed; opacity: 0; pointer-events: none; transition: all 0.35s ease-in-out; }
.head-box .erji-box.style1{}
.head-box .erji-box.style1 .box-info1::before{ content: ''; width: 35.7143rem; height: 100%; background: #f6f7f9; position: absolute; right: 0; top: 0; z-index: -1; }
.head-box .erji-box.style1 .box-info1{ width: 15.2857rem; font-size: 1.1rem; padding: 3.7143rem 3.3571rem 3.7143rem 0; position: relative; z-index: 1;}
.head-box .erji-box.style1 .box-info1 .box1{ line-height: 2rem; padding: 0 2.7143rem; background: url(/static/images/images/icon_17.png) no-repeat left; background-size: 1.9286rem; font-size: 1.428rem; }
.head-box .erji-box.style1 .box-info1 .box2{ border-top: 1px solid #e4e8ed; margin-top: 1rem; padding: 0 2.7143rem;}
.head-box .erji-box.style1 .box-info1 .box2 a{ display: block; margin-top: 1rem;  font-size: 1.285rem; }
.head-box .erji-box.style1 .box-info1 .box3{ font-size: 1.1428rem; margin-top: 0.8rem; padding: 0 2.7143rem;}
.head-box .erji-box.style1 .box-info1 .box3 a{ display: block; margin-top: 1rem; color: #158FCF; }
.head-box .erji-box.style1 .box-info1 .box3 a i{ font-weight: bold;}
.head-box .erji-box.style1 .box-info1 a:hover{ text-decoration: underline;}
.head-box .erji-box.style1 .box-info2{ width: 80%; flex: 1; padding: 3.7143rem 0 3.7143rem 3.3571rem; }
.head-box .erji-box.style1 .box-info2 .box1{ line-height: 2rem; display: flex; gap: 3.9286rem; font-size: 1.1429rem; border-bottom: 1px solid #e4e8ed; padding-bottom: 1rem; }
.head-box .erji-box.style1 .box-info2 .box1 a{ flex-shrink: 0;}
.head-box .erji-box.style1 .box-info2 .box1 a.active{ color: #158FCF; }
.head-box .erji-box.style1 .box-info2 .box2{ margin-top: 2.1429rem; display: none; }
.head-box .erji-box.style1 .box-info2 .box2 .center-block{ display: grid; gap: 4.2857rem 5.8571rem; grid-template-columns: repeat(3, 1fr); }
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .imgs{ width: 5.1429rem; height: 5.1429rem; overflow: hidden;}
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .imgs img{ width: 100%; height: 100%; display: block; object-fit: contain; transition: all .6s; }
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .info{ flex: 1; padding-left: 0.8571rem;}
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .info>i{ display: flex; gap: 0.5714rem;}
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .info>i img{ height: 1.2857rem;}
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .info>p{ font-size: 1rem; font-weight: bold; margin-top: 0.5rem; color: #333; transition: all .6s; }
.head-box .erji-box.style1 .box-info2 .box2 .center-block a .info>div{ margin-top: 0.3rem; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.head-box .erji-box.style1 .box-info2 .box2 .center-block a:hover .imgs img{ transform: scale(1.1); }
.head-box .erji-box.style1 .box-info2 .box2 .center-block a:hover .info>p{ color: #158FCF;}

.head-box .erji-box.style2 ul{ display: grid; gap: 0 2.3571rem; grid-template-columns: repeat(4, 1fr); padding-bottom: 4.2857rem; }
.head-box .erji-box.style2 ul li{ width: 100%; float: left; padding: 3.5714rem 0; border-bottom: 1px solid #e4e8ed; }
.head-box .erji-box.style2 ul li a{ width: 100%; float: left; padding: 0 0.8571rem 0 4.4286rem; position: relative; }
.head-box .erji-box.style2 ul li a>i{ content: ''; width: 2.7143rem; height: 2.7143rem; background: url(/static/images/images/icon_17.png) no-repeat 0 0; background-size: 2.7143rem; position: absolute; left: 0; top: 0; transition: all .6s; background: none !important; }
.head-box .erji-box.style2 ul li a>i img{ width: 100%; height:100%; display: block; object-fit:contain; }
.head-box .erji-box.style2 ul li a>p{ font-size: 1.1429rem; color: #333; font-weight: bold; transition: all .6s; }
.head-box .erji-box.style2 ul li a>div{ font-size: 1rem; color: #666; margin-top: 0.4rem; line-height: 1.8; }
.head-box .erji-box.style2 ul li a:hover>i{ transform: rotateY(360deg);}
.head-box .erji-box.style2 ul li a:hover>p{ color: #158FCF;}

.head-box .erji-box.style3{ padding: 3.5714rem 0; }
.head-box .erji-box.style3 .box-info3{ width: 19.8571rem;}
.head-box .erji-box.style3 .box-info3 .box1{ display: flex; line-height: 2.2857rem; border-bottom: 1px solid #e4e8ed; padding-bottom: 0.8571rem; }
.head-box .erji-box.style3 .box-info3 .box1 img{ width: 2.2857rem; height: 2.2857rem; object-fit: contain; }
.head-box .erji-box.style3 .box-info3 .box1 p{ font-size: 1.1429rem; color: #333; font-weight: bold; padding: 0 0.5714rem; }
.head-box .erji-box.style3 .box-info3 .box2 a{ width: 100%; float: left; margin-top: 1.2857rem; padding: 0 0.5714rem 0.7143rem 2.8571rem; }
.head-box .erji-box.style3 .box-info3 .box2 a>p{ font-size: 1.0714rem; color: #333; font-weight: bold; transition: all .3s;}
.head-box .erji-box.style3 .box-info3 .box2 a>div{ font-size: 1rem; line-height: 1.6; color: #666; margin-top: 0.4rem; }
.head-box .erji-box.style3 .box-info3 .box2 a:hover>p{ color: #158FCF; text-decoration: underline; }

.page-banner{ height: 46.4286rem; overflow: hidden; position: relative;  }
.page-banner .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.page-banner .bg img{ width: 100%; height: 100%; object-fit: cover; display: block; animation: scaleUpDown 3s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.page-banner .center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; color: #fff; }
.page-banner .center-center .f-l{ width: 50%; padding-right: 2.2857rem; }
.page-banner .center-center .box1{ font-size: 3.4286rem; }
.page-banner .center-center .box2{ font-size: 1.1429rem; margin-top: 3.9286rem; line-height: 1.8; font-weight: lighter; text-align: justify;  }

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.page-menu{ height: 5.3571rem; overflow: hidden; background: #fff; position: sticky; top: 4.9286rem; z-index: 20; border-bottom: 1px solid #e4e8ed; }
.page-menu ul{ height: 5.3571rem; display: flex; gap: 4.6429rem; max-width: 100%; overflow-y: hidden; overflow-x: auto; }
.page-menu ul li{ flex-shrink: 0;}
.page-menu ul li a{ height: 100%; font-size: 1.1429rem; color: #333; display: flex; align-items: center; justify-content: center; }
.page-menu ul li.active a{ color: #158FCF;}
@media screen and (min-width:1200px){
.page-menu ul li a:hover{ color: #158FCF;}
}

.hardware-box1{ margin-top: 3.5714rem; }
.hardware-box1 ul{ display: grid; gap: 2.3571rem; grid-template-columns: repeat(3, 1fr); }
.hardware-box1 ul li{ width: 100%; float: left; }
.hardware-box1 ul li a{ width: 100%; float: left; border: 1px solid #d2d8df; border-radius: 0.4286rem; box-shadow: 0.3571rem 0.3571rem 0.3571rem rgba(0,0,0,0.09); }
.hardware-box1 ul li a .top-box{ padding: 2rem 2.4286rem;}
.hardware-box1 ul li a .top-box .box1{ display: flex; }
.hardware-box1 ul li a .top-box .box1 img{ height: 4.5714rem;}
.hardware-box1 ul li a .top-box .box2{ font-size: 1.7143rem; margin-top: 2rem; color: #333; transition: all .6s; }
.hardware-box1 ul li a .top-box .box3{ height: 3.6rem; font-size: 1rem; color: #666; margin-top: 1.2rem; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hardware-box1 ul li a .lower-box{ border-top: 1px solid #e8ebef; padding: 0 2.4286rem; height: 3.8571rem; }
.hardware-box1 ul li a .lower-box span{ font-size: 1.0714rem; color: #158FCF;}
.hardware-box1 ul li a .lower-box i{ width: 1.7143rem; height: 2rem; background: url(/static/images/images/icon_jt1.png) no-repeat center; background-size: 100%; }
.hardware-box1 ul li a:hover{ box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.09);}
.hardware-box1 ul li a:hover .top-box .box1 img{ animation: gelatine 0.5s 1; }
.hardware-box1 ul li a:hover .top-box .box2{ color: #158FCF; }
@keyframes gelatine {
	from,
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}

	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}

	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}
.hardware-box2{ overflow: hidden;}
.hardware-box2 .box-info1{ display: flex; margin-top: 3.2143rem; line-height: 5rem;}
.hardware-box2 .box-info1 i{ width: 5rem; height: 5rem; border: 1px solid #d2d8df; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.hardware-box2 .box-info1 i img{ width: 2.8571rem; height: 2.8571rem; object-fit: contain; display: inline-block; }
.hardware-box2 .box-info1 p{ flex: 1; padding: 0 0.8571rem; color: #333; font-size: 2.2857rem; }
.hardware-box2 .center-block{ border: 1px solid #d2d8df; border-radius: 0.4286rem; margin-top: 1.4286rem; box-shadow: 0.3571rem 0.3571rem 0.3571rem rgba(0,0,0,0.09);}
.hardware-box2 .box-info2{ padding: 2.1429rem 2rem 0;}
.hardware-box2 .box-info2 p{ font-size: 2rem; font-weight: bold; color: #158FCF; }
.hardware-box2 .box-info2 div{ display: flex; gap: 0.8571rem;}
.hardware-box2 .box-info2 div a{ line-height: 2.5714rem; padding: 0 1.7857rem; background: #158FCF; color: #fff; font-size: 1.1429rem; border-radius: 50px; }
.hardware-box2 .box-info2 div a span{ display: inline-block; padding-left: 1.8571rem; background-repeat: no-repeat; background-size: auto 1.2857rem; background-position: left; }
.hardware-box2 .box-info2 div a.icon1 span{ background-image: url(/static/images/images/icon_28.png);}
.hardware-box2 .box-info2 div a.icon2 span{ background-image: url(/static/images/images/icon_29.png);}
.hardware-box2 .box-info3{ padding: 0 2rem 2.8571rem;}
.hardware-box2 .box-info3 .box1{ margin-top: 0.5rem; font-size: 1.4286rem; font-weight: bold; }
.hardware-box2 .box-info3 .box1 span{ display: inline-block; border-bottom: 1px solid #d2d8df; padding-bottom: 0.8571rem; }
.hardware-box2 .box-info3 .box2{ font-size: 1.1429rem; color: #666; line-height: 1.8; margin-top: 1.2rem; }
.hardware-box2 .box-info4{ overflow-x: auto;}
.hardware-box2 .box-info4 table{ width: 100%; text-align: center; font-size: 1.142rem; }
.hardware-box2 .box-info4 table thead{ background: #f7f7f7; border-top: 1px solid #e4e8ed; }
.hardware-box2 .box-info4 table thead th{ padding: 0.7rem 1.2rem; height: 4.2857rem; }
.hardware-box2 .box-info4 table tbody tr{ border-top: 1px solid #e4e8ed;}
.hardware-box2 .box-info4 table tbody td{ padding: .8rem; }
.hardware-box2 .box-info4 table tbody a{ display: inline-block; color: #333; word-break: break-all; }
.hardware-box2 .box-info4 table tbody a:hover{ text-decoration: underline;}
.hardware-box2 .box-info4 table tbody .icon1{ width: 5.7143rem; height: 5.7143rem;}
.hardware-box2 .box-info4 table tbody .icon1 img{ width: 100%; height: 100%; object-fit: contain; display: inline-block; }
.hardware-box2 .box-info4 table tbody .icon2,
.hardware-box2 .box-info4 table tbody .icon3{ width: 2.8571rem; height: 2.8571rem; border-radius: 100%; background-position: center; background-size: auto 1.4286rem; background-repeat: no-repeat;  }
.hardware-box2 .box-info4 table tbody .icon2{ background-color: #d7e3ea; background-image: url(/static/images/images/icon_28_1.png);}
.hardware-box2 .box-info4 table tbody .icon3{ background-color: #158FCF; background-image: url(/static/images/images/icon_30.png); }



.hardware-box2.style-color2 .box-info2 p{ color: #09b3b5;}
.hardware-box2.style-color2 .box-info2 div a{ background: #09b3b5; }
.hardware-box2.style-color2 .box-info4 table tbody .icon2{ background-color: #d9efef; background-image: url(/static/images/images/icon_28_2.png); }
.hardware-box2.style-color2 .box-info4 table tbody .icon3{ background-color: #09b3b5; }

.hardware-box2.style-color3 .box-info2 p{ color: #1b9a36;}
.hardware-box2.style-color3 .box-info2 div a{ background: #1b9a36; }
.hardware-box2.style-color3 .box-info4 table tbody .icon2{ background-color: #cbe8d1; background-image: url(/static/images/images/icon_28_3.png); }
.hardware-box2.style-color3 .box-info4 table tbody .icon3{ background-color: #1b9a36; }

.hardware-box2.style-color4 .box-info2 p{ color: #82a40b;}
.hardware-box2.style-color4 .box-info2 div a{ background: #82a40b; }
.hardware-box2.style-color4 .box-info4 table tbody .icon2{ background-color: #e0e7c6; background-image: url(/static/images/images/icon_28_4.png); }
.hardware-box2.style-color4 .box-info4 table tbody .icon3{ background-color: #82a40b; }

.hardware-box2.style-color5 .box-info2 p{ color: #dda90a;}
.hardware-box2.style-color5 .box-info2 div a{ background: #dda90a; }
.hardware-box2.style-color5 .box-info4 table tbody .icon2{ background-color: #f1e9d2; background-image: url(/static/images/images/icon_28_5.png); }
.hardware-box2.style-color5 .box-info4 table tbody .icon3{ background-color: #dda90a; }

.hardware-box2.style-color6 .box-info2 p{ color: #ef8a27;}
.hardware-box2.style-color6 .box-info2 div a{ background: #ef8a27; }
.hardware-box2.style-color6 .box-info4 table tbody .icon2{ background-color: #f5dfc9; background-image: url(/static/images/images/icon_28_6.png); }
.hardware-box2.style-color6 .box-info4 table tbody .icon3{ background-color: #ef8a27; }

.hardware-box2 .icon2.white{ background-image: url(/static/images/images/icon_28.png) !important; }

.hardware-box3{ padding: 3.5714rem 0 5rem;}
.hardware-box3 ul{ display: grid; gap: 2.2857rem; grid-template-columns: repeat(3, 1fr); }
.hardware-box3 ul li{ width: 100%; float: left; }
.hardware-box3 ul li a{ width: 100%; height: 18rem; float: left; border: 1px solid #d2d8df; border-radius: 0.4286rem; box-shadow: 0.3571rem 0.3571rem 0.3571rem rgba(0,0,0,0.09); }
.hardware-box3 ul li a i{ width: 8.5714rem; height: 8.5714rem; background: #ebf1f4; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.hardware-box3 ul li a i img{ width: 4.0714rem; height: 4.0714rem; display: inline-block; object-fit: contain;}
.hardware-box3 ul li a p{ margin-top: 2rem; font-size: 1.7143rem; color: #333; }
.hardware-box3 ul li a:hover{ box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.09);}
.hardware-box3 ul li a:hover i{ animation: gelatine 0.5s 1; }

.page-bottom{background:#158fcf;padding:5.5rem 0 6.4286rem 0}
.pbtitle{display:block;color:#fff;font-size: 2.5714rem;line-height:1.5;text-align:center;font-weight:400;letter-spacing: 0.2857rem; }
a.pbbtn{position:relative;display:block;width: 14.5714rem;height: 3.5714rem;text-align:center;line-height:3.5714rem;border-radius:50px;color:#fff;font-size: 1.0714rem;margin: 2.1429rem auto 0;border:1px solid #fff;z-index:3;overflow:hidden; display: flex; align-items: center; justify-content: center; }
.pbbtn::before{background:#fff}
.pbbtn::before{content:"";position:absolute;right:0;top:0;width:0;height:100%;z-index:-3;transition:.45s ease-out;border-radius:50px;}
.pbbtn:hover{color:#158fcf;border:1px solid rgba(255,255,255,0)}
.pbbtn:hover::before{left:0;width:100%}
.pbbtn:hover i{margin-left: 0.7143rem;}
.pbbtn i{font-size: 1.4286rem;margin-left:1.4286rem;transition:.45s ease-out;}

.footer-wrap{background:#eee; overflow: hidden;}
.fwbot1{padding:66px 0 88px 0}
.fb1list{float:left}
.fb1list li{float:left}
.fb1list li:not(:first-child){margin-left:100px}
.fl1yj{display:block;color:#5e5d5d;font-size:22px;font-weight:lighter}
.fl1ej{display:block;color:rgba(102,103,103,.7);font-size:15px;margin-top:15px;font-weight:lighter}
.fl1ej:hover{color:#333}
.fb1right{float:right;width:26%}
.fe1pic{display:inline-block;vertical-align:top;text-align:center;color:rgba(102,103,103,.7);font-size:15px;font-weight:lighter}
.fe1pic:not(:first-child){margin-left:30px}
.fe1pic img{display:block;width:112px;margin:0 auto 5px}
.fr1txt1{color:rgba(94,93,93,.8);font-size:22px;margin-top:50px;font-weight:lighter;border-bottom:1px dashed rgba(112,112,112,.5);padding-bottom:10px}
.fr1txt2{font-family:Gilroy;display:block;color:#158fcf;font-size:24px;margin-top:20px;line-height:1.5}
.fr1txt3{display:block;color:rgba(102,103,103,.7);font-size:15px;font-weight:lighter;line-height:1.5}
.fwbot2{border-top:1px solid rgba(46,46,46,.1);padding:30px 0}
.fb2txt{display:inline-block;color:rgba(102,103,103,.7);font-size:14px;margin-right:46px;font-weight:lighter}
.fb2txt a{color:rgba(102,103,103,.7)}
.ft2jh{display:inline-block;vertical-align:middle}

.sdk-box1{ padding: 5.7143rem 0 5.3571rem; overflow: hidden;}
.sdk-box1 .box-info1{ font-size: 3rem;}
.sdk-box1 .box-info2{ font-size: 1.1429rem; color: #666; margin-top: 1rem; line-height: 1.8; text-align: justify; }
.sdk-box1 .box-info3{ margin-top: 1rem;}
.sdk-box1 .box-info3 .f-l{ width: 50%; padding-right: 1.4286rem; font-size: 1.1429rem; color: #666; margin-top: 1rem; line-height: 1.8; text-align: justify;}
.sdk-box1 .box-info3 .f-r{ width: 50%; padding-left: 5rem;}

.sdk-box2{ padding: 3.9286rem 0 6.4286rem; overflow: hidden;}
.sdk-box2:nth-child(even){ background: #f1f7fa;}
.sdk-box2 .box-info1{ display: flex; }
.sdk-box2 .box-info1 span{ display: inline-block; position: relative; z-index: 1; line-height: 1; font-size: 2.4286rem;}
.sdk-box2 .box-info1 span::before{ content: ''; width: 100%; height: 0.5714rem; background: #83c3e5; border-radius: 50px; position: absolute; left: 0; bottom: 0; z-index: -1; }
.sdk-box2 .box-info2{ margin-top: 4.1429rem;}
.sdk-box2 .box-info2:nth-child(odd){flex-direction: row-reverse; }
.sdk-box2 .box-info2 .f-l{ width: 45.7143rem; height: 28.5714rem; overflow: hidden; border-radius: 0.5714rem; }
.sdk-box2 .box-info2 .f-l img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s; }
.sdk-box2 .box-info2 .f-r{ width: 46.4286rem; padding-right: 2rem; }
.sdk-box2 .box-info2 .f-r .box1{ font-size: 1.8571rem; color: #158FCF;}
.sdk-box2 .box-info2 .f-r .box2{ font-size: 1.1429rem; color: #666; line-height: 1.8; margin-top: 1.2857rem; text-align: justify;}
.sdk-box2 .box-info2 .f-r .box3{ margin-top: 2.8571rem;}
.sdk-box2 .box-info2 .f-r .box3 a{ display: inline-block; font-weight: bold; font-size: 1rem; color: #158FCF;}
.sdk-box2 .box-info2 .f-r .box3 a span{ padding-right: 0.3rem; transition: all .6s;}
.sdk-box2 .box-info2:hover .f-l img{ transform: scale(1.1);}
.sdk-box2 .box-info2:hover .f-r .box3 a span{ padding-right: 1rem;}

.sdk-box3{ margin-top: 6.4286rem; overflow: hidden;}
.sdk-box3 ul{ display: grid; gap: 2.8571rem; grid-template-columns: repeat(4 ,1fr); }
.sdk-box3 ul li{ height: 21.4286rem; border: 1px solid #d2d8df; border-radius: 0.4286rem; padding: 3rem 2rem 0; text-align: center; box-shadow: 0.3571rem 0.5714rem 0.3571rem rgba(0,0,0,0.05); background: #fff; }
.sdk-box3 ul li i{ display: block;}
.sdk-box3 ul li i img{ height: 5rem;}
.sdk-box3 ul li span{ display: block; font-size: 1.4286rem; margin-top: 2.1429rem; color: #333; }
.sdk-box3 ul li div{ color: #666; margin-top: 1rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.sdk-box4{ padding: 5.3571rem 0 7.1429rem; overflow: hidden;}
.sdk-box4 .w-1400{ background: #f0f4fd; border-radius: 0.4286rem; padding: 3.5714rem 0; box-shadow: 0.3571rem 0.5714rem 0.3571rem rgba(0,0,0,0.05); border: 1px solid #F1F2F5; }
.sdk-box4 .f-l{ width: 50%; text-align: center; padding: 0 5rem; }
.sdk-box4 .f-r{ width: 50%; padding: 0 2rem; }
.sdk-box4 .f-r .box1 span{ display: block; font-size: 3.0714rem; position: relative; padding-bottom: 0.8571rem; }
.sdk-box4 .f-r .box1 span::after{ content: ''; width: 8.9286rem; height: 2px; background: #158FCF; position: absolute; left: 0; bottom: 0; }
.sdk-box4 .f-r .box1 p{ font-size: 1.4286rem; margin-top: 1.2857rem;}
.sdk-box4 .f-r .box2{ margin-top: 3.2143rem; display: flex; gap: 0.5714rem; }
.sdk-box4 .f-r .box2 a{ min-width: 11rem; line-height: 2.5714rem; border-radius: 50px; background: #158FCF; color: #fff; font-size: 1.1429rem; text-align: center; }
.sdk-box4 .f-r .box2 a span{ display: inline-block; padding-left: 1.7143rem; background: url(/static/images/images/icon_28.png) no-repeat left; background-size: auto 1.4286rem; transition: all .3s; }
.sdk-box4 .f-r .box2 a:hover span{ padding-left: 2rem;}

.cisdk-box1{ padding: 0 0 4rem;}
.cisdk-box1 .box-info1{ font-size: 3.0714rem; margin-top: 4rem; }
.cisdk-box1 .box-info2{ font-size: 1.1429rem; line-height: 1.8; margin-top: 1.5rem; color: #666; }
.cisdk-box1 .box-info3{ margin-top: 2.1429rem; display: flex; border: 1px solid #d2d8df; border-radius: 0.4286rem; overflow: hidden; background: #f7f7f7; }
.cisdk-box1 .box-info3 input{ width: 100%; flex: 1; height: 4.2857rem; background: none; border: none; padding: 0 1.1rem; font-size: 1.1429rem; }
.cisdk-box1 .box-info3 button{ width: 5rem; height: 4.2857rem; background: url(/static/images/images/icon_34.png) no-repeat center #158FCF; background-size: 1.9286rem; border: none; cursor: pointer; }
.cisdk-box1 .box-info4{ margin-top: 1.2857rem; font-size: 1.1429rem; }
.cisdk-box1 .box-info4 span{ line-height: 2rem; color: #158FCF; }
.cisdk-box1 .box-info4 div{ flex: 1; display: flex; gap: 0.5714rem; flex-flow: wrap; }
.cisdk-box1 .box-info4 div a{ line-height: 2rem; padding: 0 0.7143rem; border: 1px solid #d2d8df; border-radius: 0.4286rem; }
.cisdk-box1 .box-info4 div a:hover{ border-color: #158FCF;}
.cisdk-box1 .box-info4 div a.active{ color: #158FCF; border-color: #158FCF;}
.cisdk-box1 .box-info5 ul{ display: grid; gap: 3.3571rem 2.2857rem; grid-template-columns: repeat(3, 1fr); margin-top: 2rem; }
.cisdk-box1 .box-info5 ul li{ border: 1px solid #d2d8df; border-radius: 0.4286rem; padding: 2rem 1.5714rem; box-shadow: 0 0.3571rem 0.3571rem rgba(0,0,0,0.09); font-size: 1.0714rem; }
.cisdk-box1 .box-info5 ul li .box1{ font-size: 1.4286rem; font-weight: bold; }
.cisdk-box1 .box-info5 ul li .box1::after{ content: ''; width: 0.3571rem; height: 1.4286rem; background: #158FCF; position: absolute; left: 0; top: 2.25rem; }
.cisdk-box1 .box-info5 ul li .box2{ margin-top: 0.8571rem;}
.cisdk-box1 .box-info5 ul li .box3{ margin-top: 0.8571rem; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 5.7143rem; }
.cisdk-box1 .box-info5 ul li .box4{ margin-top: 0.8571rem; display: flex; gap: 0.5714rem; flex-flow: wrap; }
.cisdk-box1 .box-info5 ul li .box4 a{ line-height: 2.2857rem; border: 1px solid #ebedf0; background: #ebedf0; padding: 0 1rem; border-radius: 0.4286rem; color: #333; }
.cisdk-box1 .box-info5 ul li .box4 a:hover{ color: #158FCF; border-color: #158FCF; background: #fff; }
.cisdk-box1 .box-info5 ul li .box5{ margin-top: 1.5714rem; color: #333; font-weight: bold; }

.kfzc-box1{ padding: 7.1429rem 0;}
.kfzc-box1:nth-child(even){ background: #f1f7fa;}
.kfzc-box1:nth-child(odd) .w-1400{ flex-direction: row-reverse; }
.kfzc-box1 .f-l{ width: 45.7143rem; height: 28.5714rem; overflow: hidden; border-radius: 0.5714rem; }
.kfzc-box1 .f-l img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.kfzc-box1 .f-r{ width: 44.2857rem;}
.kfzc-box1 .f-r .box1{ font-size: 3.0714rem; }
.kfzc-box1 .f-r .box2{ font-size: 1.1429rem; color: #666; margin-top: 1.6429rem; line-height: 1.8; }
.kfzc-box1 .f-r .box3{ margin-top: 2rem;}
.kfzc-box1 .f-r .box3 ul li{ width: 46%; float: left; }
.kfzc-box1 .f-r .box3 ul li:nth-child(2n){ float: right;}
.kfzc-box1 .f-r .box3 ul li:nth-child(1) a,.kfzc-box1 .f-r .box3 ul li:nth-child(2) a{ border-top: 1px solid #e4e8ed;}
.kfzc-box1 .f-r .box3 ul li a{ width: 100%; float: left; line-height: 4.2857rem; border-bottom: 1px solid #e4e8ed; display: flex; align-items: center; justify-content: space-between; color: #333; }
.kfzc-box1 .f-r .box3 ul li a span{ background: url(/static/images/images/icon_35.png) no-repeat left; background-size: 1.2857rem; padding-left: 2rem; font-size: 1.1429rem;}
.kfzc-box1 .f-r .box3 ul li a i{ color: #158FCF; font-weight: bold; }
.kfzc-box1 .f-r .box3 ul li a:hover{ color: #158FCF; padding: 0 1rem;}
.kfzc-box1:hover .f-l img{ transform: scale(1.1);}

.jsfn-box1 .box-info1{ font-size: 3.0714rem; margin-top: 4.2857rem; }
.jsfn-box1 .box-info2{ font-size: 1.1429rem; color: #666; line-height: 1.8; margin-top: 2.5rem; }
.jsfn-box1 .box-info3{ margin-top: 6.2857rem; gap: 6rem; }
.jsfn-box1 .box-info3 a{ width: 50%; float: left; text-align: center; align-self: flex-start; }
.jsfn-box1 .box-info3 a img{ height: 5.1429rem; display: inline-block;}
.jsfn-box1 .box-info3 a p{ font-size: 1.2857rem; font-weight: bold; color: #333; padding: 1.5714rem 0 0; transition: all .6s; }
.jsfn-box1 .box-info3 a span{ height: 3.142rem; display: block; margin-top: 0.5rem; color: #666; font-size:1.1429rem; }
.jsfn-box1 .box-info3 a i{ color: #158FCF; font-weight: bold; font-size: 1.3rem; margin-top: 0.5rem; }
.jsfn-box1 .box-info3 a:hover p{ color: #158FCF;}
.jsfn-box1 .box-info3 a:hover img{ animation: gelatine 0.5s 1;}

.jsfn-box2{ overflow: hidden;}
.jsfn-box2 .box-info1{ font-size: 3.0714rem; margin-top: 5.7143rem; }
.jsfn-box2 .box-info2 .swiper{ height: 41.4286rem; margin-top: 2.2857rem;}
.jsfn-box2 .box-info2 .swiper .swiper-slide{ overflow: hidden;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner{ width: 100%; height: 100%; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; color: #333; }
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .f-l{ width: 50%; padding-right: 3.9286rem;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box1{ font-size: 1.1429rem; line-height: 1.8; height: 14.2857rem; transition: all .6s ease .3s; transform: translate(6rem,0); opacity: 0; }
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2{ display: flex; gap: 4.2857rem; }
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a{ text-align: center; transform: translate(6rem,0); opacity: 0;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a img{ height: 3.5714rem; display: inline-block;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a p{ font-size: 1.1429rem; color: #333; margin-top: 1rem;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(1){ transition: all .6s ease .3s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(2){ transition: all .6s ease .4s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(3){ transition: all .6s ease .5s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(4){ transition: all .6s ease .6s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(5){ transition: all .6s ease .7s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(6){ transition: all .6s ease .8s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:nth-child(7){ transition: all .6s ease .9s;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a:hover img{ animation: gelatine 0.5s 1;}
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner.active .box1,
.jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner.active a{ transform: translate(0,0); opacity: 1;}
.jsfn-box2 .box-info2 .swiper .swiper-pagination{ bottom: 2.2857rem;}
.jsfn-box2 .box-info2 .swiper .swiper-pagination .swiper-pagination-bullet{ width: 0.8571rem; height: 0.8571rem; background: #8e8b8b; opacity: 1; margin: 0 0.5rem; transition: all .6s; }
.jsfn-box2 .box-info2 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #158FCF;}
.jsfn-box2 .box-info3{ margin-top: 4.8571rem;}
.jsfn-box2 .box-info3 .f-l{ width: 45.7143rem; height: 28.5714rem; border-radius: 0.5714rem; overflow: hidden; }
.jsfn-box2 .box-info3 .f-l img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s; }
.jsfn-box2 .box-info3 .f-r{ width: 46.0714rem; padding-right: 2rem; }
.jsfn-box2 .box-info3 .f-r .box1{ font-size: 1.8571rem; color: #158FCF; }
.jsfn-box2 .box-info3 .f-r .box2{ font-size: 1.1429rem; color: #666; line-height: 1.8; margin-top: 1.4286rem; }
.jsfn-box2 .box-info3 .f-r .box3{ display: flex; gap: 1.2143rem; margin-top: 2.1429rem;}
.jsfn-box2 .box-info3 .f-r .box3 a{ width: 7.8571rem; height: 8.5714rem; border: 1px solid #e1e1e1; border-radius: 2px; padding: 0 1rem; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #333; } 
.jsfn-box2 .box-info3 .f-r .box3 a img{ height: 2.5rem;}
.jsfn-box2 .box-info3 .f-r .box3 a p{ font-size: 1.0714rem; padding: 0.8rem 0 0.5rem; }
.jsfn-box2 .box-info3 .f-r .box3 a i{ color: #158FCF; font-weight: bold; }
.jsfn-box2 .box-info3 .f-r .box3 a:hover{ border-color: #158FCF; color: #158FCF; }
.jsfn-box2 .box-info3 .f-r .box3 a:hover img{ animation: gelatine 0.5s 1;}
.jsfn-box2 .box-info4{ margin-top: 5rem;}
.jsfn-box2 .box-info4 .box1{ border-top: 1px solid #d7d7d7; padding-top: 3.9286rem; font-size: 3.0714rem; }
.jsfn-box2 .box-info4 .box2{ font-size: 1.1429rem; color: #666; line-height: 1.8; margin-top: 2.5714rem; }
.jsfn-box2 .box-info4 .box3{ margin-top: 3.2143rem;}
.jsfn-box2 .box-info4 .box3 video{ width: 71.5rem;}
.jsfn-box2:last-child{ padding-bottom: 7.1429rem;}

.jswd-box1{ padding: 3.9286rem 0;}
.jswd-box1 .top-box{ display: flex;}
.jswd-box1 .top-box .f-l{ width: 100%; flex: 1; display: flex; border: 1px solid #d2d8df; border-radius: 0.4286rem; overflow: hidden; background: #f7f7f7; }
.jswd-box1 .top-box .f-l input{ width: 100%; flex: 1; height: 4.2857rem; background: none; border: none; padding: 0 1.1rem; font-size: 1.1429rem; }
.jswd-box1 .top-box .f-l button{ width: 5rem; height: 4.2857rem; background: url(/static/images/images/icon_34.png) no-repeat center #158FCF; background-size: 1.9286rem; border: none; cursor: pointer; }
.jswd-box1 .top-box .f-r a{ margin-left: 1.1429rem; height: 4.4286rem; line-height: 4.4286rem; border: 1px solid #e4e8ed; background: #f7f7f7; border-radius: 0.4286rem; width: 14.2857rem; float: left; text-align: center; }
.jswd-box1 .top-box .f-r a span{ display: inline-block; padding-left: 2.5rem; background-position: left; background-repeat: no-repeat; background-size: 1.7857rem; font-size: 1.2143rem; color: #333; }
.jswd-box1 .top-box .f-r a.icon1 span{ background-image: url(/static/images/images/icon_41.png);}
.jswd-box1 .top-box .f-r a:hover{ border-color: #158FCF;}
.jswd-box1 .lower-box{ margin-top: 2.2857rem; display: flex; }
.jswd-box1 .lower-box .f-l{ width: 21.4286rem; margin-right: 4.2857rem; transition: all .6s; }
.jswd-box1 .lower-box .f-l.active{ width: 0; margin-right: 0; opacity: 0;}
.jswd-box1 .lower-box .f-l .center-block{ width: 21.4286rem; float: left; position: sticky; top: 5rem;}
.jswd-box1 .lower-box .f-l .box-info1{ height: 3.9286rem;}
.jswd-box1 .lower-box .f-l .box-info1 span{ font-size: 1.8571rem;}
.jswd-box1 .lower-box .f-l .box-info1 i{ cursor: pointer; padding-left: 1.5714rem; line-height: 1.2857rem; font-size: 1.2143rem; color: #646464; background-position: left; background-repeat: no-repeat; background-size: 1.2143rem; }
.jswd-box1 .lower-box .f-l .box-info1 i+i{ margin-left: 1rem;}
.jswd-box1 .lower-box .f-l .box-info1 i.icon1{ background-image: url(/static/images/images/icon_37.png);}
.jswd-box1 .lower-box .f-l .box-info1 i.icon2{ background-image: url(/static/images/images/icon_38.png);}
.jswd-box1 .lower-box .f-l .box-info2{ border-top: 1px solid #158FCF; background: #f7f7f7; padding: 0.8571rem 1.1rem 0.8571rem 1.2857rem; }
.jswd-box1 .lower-box .f-l .box-info2 ul li{ width: 100%; float: left;}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1{ cursor: pointer; height: 3.5714rem; }
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1 span{ font-size: 1.2857rem; font-weight: bold;}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1 i{ width: 0.8571rem; height: 0.8571rem; display: inline-block; position: relative; }
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1 i::after,
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1 i::before{ content: ''; width: 100%; height: 2px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: all .3s; }
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1 i::after{ transform: rotate(90deg);}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1.active span{ color: #158FCF;}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box1.active i::after{ transform: rotate(0);}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box2{ display: none;}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box2 .lv-2{ width: 100%; float: left; padding: 0 0 0.5rem 0.5rem;}
.jswd-box1 .lower-box .f-l .box-info2 ul li .box2 .lv-3{ width: 100%; float: left; padding: 0.2rem 0 0 2rem; }
.jswd-box1 .lower-box .f-l .box-info2 ul li .layui-form-checkbox{ zoom: 1.1; width: 100%; float: left; display: flex; margin-top: 0.2rem; }
.jswd-box1 .lower-box .f-l .box-info2 ul li .layui-form-checkbox>div{white-space:normal; padding-right: 0;}

.jswd-box1 .lower-box .f-r{ width: 70%; flex: 1; background: #fff; }
.jswd-box1 .lower-box .f-r .box-info1{ height: 3.9286rem; font-size: 1.2143rem; }
.jswd-box1 .lower-box .f-r .box-info1 .box1{ display: flex; }
.jswd-box1 .lower-box .f-r .box-info1 .box1 i{ cursor: pointer; padding-left: 1.5714rem; font-size: 1.2143rem; color: #646464; background-position: left; background-repeat: no-repeat; background-size: 1.2143rem; background-image: url(/static/images/images/icon_37.png); display: none; }
.jswd-box1 .lower-box .f-r .box-info1 .box1 i.active{ display: block; margin-right: 1rem;}
.jswd-box1 .lower-box .f-r .box-info1 .box1 p{ color: #646464;}
.jswd-box1 .lower-box .f-r .box-info1 .box2{ display: flex; gap: 1.4286rem; }
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn1{ line-height: 3rem; color: #333; position: relative; padding-right: 1.4286rem; font-weight: bold; display: none; }
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn1::after,
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn1::before{ content: ''; width: 0.8571rem; height: 2px; background: #333; position: absolute; right: 0; top: 50%; margin-top: -1px; transition: all .3s; }
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn1::after{ transform: rotate(90deg);}
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn1.active::after{ transform: rotate(0);}
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn2{ line-height: 3rem; background: #158FCF; border: 1px solid #158FCF; color: #fff; padding: 0 1.4286rem; border-radius: 0.2143rem; }
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn2 span{ display: inline-block; padding-left: 2rem; background: url(/static/images/images/icon_39.png) no-repeat left; background-size: 1.4286rem; }
.jswd-box1 .lower-box .f-r .box-info1 .box2 .btn2.no{ opacity: 0.5; pointer-events: none; }
.jswd-box1 .lower-box .f-r .box-info2{ border-top: 1px solid #158FCF; }
.jswd-box1 .lower-box .f-r .box-info2 table{ width: 100%; text-align: center;}
.jswd-box1 .lower-box .f-r .box-info2 table thead{ background: #edf6fb; font-size: 1.2857rem; font-weight: bold; position: sticky; top: 5rem; z-index: 2; }
.jswd-box1 .lower-box .f-r .box-info2 table thead div{ text-align: left;}
.jswd-box1 .lower-box .f-r .box-info2 table td{ padding: 1.1429rem 0.5rem; white-space: nowrap; }
.jswd-box1 .lower-box .f-r .box-info2 table tbody tr{ border-bottom: 1px solid #e8e8e8; font-size: 1.1429rem;}
.jswd-box1 .lower-box .f-r .box-info2 table .layui-form-checkbox{ padding-left: 0;}
.jswd-box1 .lower-box .f-r .box-info2 table .box1{ width: 50rem; text-align: left; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.jswd-box1 .lower-box .f-r .box-info2 table .box1 i{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #949494; margin-right: 0.5rem; transition: all .3s; }
.jswd-box1 .lower-box .f-r .box-info2 table .box1 p{ flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jswd-box1 .lower-box .f-r .box-info2 table .box1.active i{ border-top-color: #158FCF; transform: rotate(180deg);}
.jswd-box1 .lower-box .f-r .box-info2 table .box2{ width: 50rem; text-align: left; font-size: 1rem; color: #666; white-space: normal; padding-top: 0.5rem; }
.jswd-box1 .lower-box .f-r .box-info2 table a img{ height: 1.7143rem;}
.jswd-box1 .lower-box .f-r .box-info3{ margin-top: 2rem;}
.jswd-box1 .lower-box .f-r .box-info3 .layui-laypage a:hover{ color: #158FCF;}

.module{ padding: 2.8571rem 0 2rem;}
.module-content{ width: calc(100% + 0rem); float: left;}
.module-content .content_list{ width: 100% !important;}
.module-content .content_list li.grid-sizer,
.module-content .content_list li{ width: calc((100% - 60px) / 2); float: left; padding-bottom: 3.1429rem; }
.module-content .content_list li .center-block{ background: #fff; border: 1px solid #e7eaee; padding: 2.8571rem 2.1429rem; border-radius: 0.4286rem; box-shadow: 0.3571rem 0.3571rem 0.3571rem rgba(0,0,0,0.09); overflow: hidden; position: relative; z-index: 2; }
.module-content .content_list li .center-block::after{ content: ''; width: 11rem; height: 11rem; background: url(/static/images/images/bg_1.png) no-repeat center; background-size: 100%; position: absolute; right: -1.1429rem; bottom: -3.5714rem; border-radius: 100%; z-index: -1; }
.module-content .content_list li .center-block::before{ content: ''; width: 11rem; height: 11rem; background: url(/static/images/images/bg_1.png) no-repeat center; background-size: 100%; position: absolute; left: -1.1429rem; top: -3.5714rem; border-radius: 100%; z-index: -1; transform: rotate(180deg); }
.module-content .content_list li .center-block .box1{ text-align: center; border-bottom: 1px solid #d2d8df; padding-bottom: 1.7857rem; position: relative;}
.module-content .content_list li .center-block .box1 span{ display: inline-block; padding: 0 2.7143rem; position: relative; font-size: 2.2857rem; }
.module-content .content_list li .center-block .box1 span::after,
.module-content .content_list li .center-block .box1 span::before{ content: ''; width: 1.7143rem; height: 100%; position: absolute; top: 0; background: url(/static/images/images/bg_2.png) no-repeat center; background-size: 100%; left: 0; }
.module-content .content_list li .center-block .box1 span::before{ left: auto; right: 0; }
.module-content .content_list li .center-block .box1::after{ content: ''; width: 1.2857rem; height: 1px; background: #158FCF; position: absolute; left: 0; bottom: -1px; }
.module-content .content_list li .center-block .box2{ padding: 0 1.2857rem;}
.module-content .content_list li .center-block .box2 .between-center{ padding-top: 2.8571rem; border-left: 1px solid #d2d8df; position: relative;}
.module-content .content_list li .center-block .box2 .between-center:last-child::after{ content: ''; width: 1px; background: #fff; height: 50%; position: absolute; left: -1px; top: calc(50% + 1.5rem); }
.module-content .content_list li .center-block .box2 .between-center .f-l{ font-size: 1.5714rem; width: 15.3571rem; padding-left: 3.5714rem; position: relative; }
.module-content .content_list li .center-block .box2 .between-center .f-l::before{ content: ''; width: 2.5714rem; height: 1px; background: #d2d8df; position: absolute; left: 0; top: 50%;  }
.module-content .content_list li .center-block .box2 .between-center .f-l::after{ content: ''; width: 0.6429rem; height: 0.6429rem; background: #d2d8df; border-radius: 100%; position: absolute; left: 2.2rem; top: 50%; margin-top: -0.2857rem;  }
.module-content .content_list li .center-block .box2 .between-center .f-r{ width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; }
.module-content .content_list li .center-block .box2 .between-center .f-r i{ font-size: 2.2857rem; font-weight: bold; color: #158FCF;}
.module-content .content_list li .center-block .box2 .between-center .f-r p{ font-size: 1.1429rem; color: #666; padding-left: 0.5rem; display: flex; align-items: center; flex: 1; }
.module-content .content_list li .center-block .box2 .between-center .f-r p span{ font-size: 1.5714rem; color: #333; }


.index-bot1{ position:relative; z-index: 10; margin-top: -3rem;}
.index-bot1 .between-center{ gap: 2rem; }
.index-bot1 .between-center a{ width: 100%; height: 11.42rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05); padding: 1.428rem; border-radius: 1rem; background: #fff; transition-property: all; }
.index-bot1 .between-center a .box1{ display: flex; align-items: center; justify-content: center; }
.index-bot1 .between-center a .box1 span{ flex: 1; padding-right: 0.5rem; font-size: 1.4rem; color: #158fcf; }
.index-bot1 .between-center a .box1 i{ color: #666; font-size: 1.12rem; }
.index-bot1 .between-center a .box2{ font-size: 1.2rem; color: #4c4c4c; margin-top: 0.8rem; }
.index-bot1 .between-center a:hover{box-shadow: 0 0 1rem rgba(0,0,0,0.1);}

.ib3list{ padding: 3rem 4rem; }
.ib3list .slick-arrow {
		position: absolute;
		z-index: 99;
		top: 50%;
		transform: translateY(-50%);
		color: rgba(255, 255, 255, .5);
	}

	.ib3list .slick-arrow:before {
		font-family: "iconfont" !important;
		font-size: 22px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: lighter;
	}

	.ib3list .slick-prev:before {
		content: "\e848";
	}

	.ib3list .slick-next:before {
		content: "\e847";
	}

	.ib3list .slick-prev {
		left: 0;
	}

	.ib3list .slick-next {
		right: 0;
	}

	.ib3list .slick-arrow:hover {
		color: #fff;
	}
	.ib3list .slick-disabled{ opacity: 0; }
.il3item{ min-height: 28rem; }




/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
  /* html,body {zoom:0.9} */
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
  /* html,body {zoom:0.8} */
}

/* 小于等于多少高度的样式 */
@media screen and (max-height:700px){
  
}
@media screen and (max-height:600px){
  
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1800px){
  /* body,html{ font-size: calc(100vw / 120);} */
	.head-box .f-c>ul>li>a{ margin: 0 1.5rem; }
}
@media screen and (max-width:1700px){
  /* body,html{ font-size: calc(100vw / 120);} */
	.head-box .f-c>ul>li>a{ margin: 0 1.1rem; }
}
@media screen and (max-width:1550px){
	body,html{ font-size: calc(100vw / 120);}
	.head-box .f-c>ul>li>a{ margin: 0 1.2rem; }
  /* .head-box .f-c ul li>a{ font-size: 1rem; } */
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1024px){
  html,body{ font-size: 14px;}
  .w-90{ width: 90% !important;}
  .w-900,.w-1100,.w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:90% !important;}
  .div-pc{ display: none;}
  .div-phone{ display: block;}
  .fanye-box{ padding: 1.5rem 0;}
  .fanye-box a,.fanye-box span{ width: 2.3rem; height: 2.3rem; line-height: 2.3rem; margin: 0 0.2rem;}
  .fanye-box .prev, .fanye-box .next{ line-height: 2.2rem;}
  
  .head-box .nrlg{ margin-right: 0;}
  .menu-handler{ width: auto; height: auto; display: block; margin: 0.2rem -0.2rem 0 1.25rem; position: relative; }
  .head-box .nrlink{ display:none; }
  .head-box .w-90{ height: 3.9286rem; }
  .head-box .f-c{ width: 100%; height: calc(100vh - 3.9286rem); position: fixed; left: 0; top: 3.9286rem; background: #fff; border-top: 1px solid #DBDBDB; overflow-x: hidden; overflow-y: auto; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translate(100%,0); margin-left: 0; }
  .head-box .f-c>ul{ display: block;}
  .head-box .f-c>ul>li{ width: 100%; float: left; transition: 0.55s; transform: scale(1.1) translateX(100px); opacity: 0; }
  .head-box .f-c>ul>li>a{ border-bottom: 1px solid #DBDBDB; padding: 1rem 5%; margin: 0; line-height: normal; font-size: 1.2857rem; line-height: 2.30rem; }
  .head-box .f-c>ul>li>a>i{ float:right; }
  .head-box .f-c>ul>li:nth-child(1){transition-delay: 0;}
  .head-box .f-c>ul>li:nth-child(2){transition-delay: 0.1s;}
  .head-box .f-c>ul>li:nth-child(3){transition-delay: 0.2s;}
  .head-box .f-c>ul>li:nth-child(4){transition-delay: 0.3s;}
  .head-box .f-c>ul>li:nth-child(5){transition-delay: 0.4s;}
  .head-box .f-c>ul>li:nth-child(6){transition-delay: 0.5s;}
  .head-box .f-c>ul>li:nth-child(7){transition-delay: 0.6s;}
  .head-box .f-c>ul>li:nth-child(8){transition-delay: 0.7s;}
  .head-box .f-c>ul>li:nth-child(9){transition-delay: 0.8s;}
  .head-box .f-c>ul>li:nth-child(10){transition-delay: 0.9s;}
  .head-box .f-c.active{ transform: translate(0,0); }
  .head-box .f-c.active>ul>li{ opacity: 1; transform: scale(1) translateX(0); }
  .head-box .nrbuy{ display:none;}
  .head-box{ background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
  .head-box .f-l::after{ opacity: 0; }
  .head-box .f-c>ul>li>a{ color: #5E5D5D; }
  .head-box .nrbuy{ border-color:#d1d1d1; color: #5E5D5D; }
  .head-box .nlyy{color:#5E5D5D;}
  
  .head-box .erji-box{ display: none; opacity: 1; pointer-events: auto; position: relative; top: 0; border-top: none; border-bottom: 1px solid #DBDBDB; transition: none; }
  .head-box .erji-box .w-1400{ display: block;}
  .head-box .erji-box.style1 .box-info1,.head-box .erji-box.style1 .box-info2{ width: 100%; float: left; padding: 1rem 0; }
  .head-box .erji-box.style1 .box-info1::before{ display: none;}
  .head-box .erji-box.style1 .box-info2 .box1{ overflow: auto; gap: 1.5rem; padding-bottom: 0.5rem; }
  .head-box .erji-box.style1 .box-info2 .box2{ margin-top: 1.5rem;}
  .head-box .erji-box.style1 .box-info2 .box2 .div-phone{ display: none;}
  .head-box .erji-box.style1 .box-info2 .box2 .center-block{ grid-template-columns: repeat(1, 1fr); gap: 1.5rem; }
  .head-box .erji-box.style2 ul{ grid-template-columns: repeat(1, 1fr); padding: 0.5rem 0; }
  .head-box .erji-box.style2 ul li{ padding: 0.8rem 0;}
  .head-box .erji-box.style2 ul li a{ padding-left: 3.5rem;}
  .head-box .erji-box.style2 ul li:last-child{ border: none;}
  .head-box .erji-box.style3{ padding: 0 0 1rem;}
  .head-box .erji-box.style3 .box-info3{ width: 100%; margin-top: 1rem;}
  .head-box .erji-box.style3 .box-info3 .box2 a{ padding-bottom: 0;}
  
  .all-center-box{ margin-top: 3.9286rem;}
  
  .page-banner{ height: 22rem; }
  .page-banner .bg img{ height: 100%; object-fit: cover;}
  .page-banner .center-center .f-l{ width: 100%; padding: 0; }
  .page-banner .center-center .box1{ font-size: 1.5rem;}
  .page-banner .center-center .box2{ font-size: 12px; margin-top: 1rem; }
  
  .page-menu{ top: 3.9286rem; height: 4rem; }
  .page-menu ul{ gap: 1.5rem; height: 4rem;}
  .page-menu ul li a{ font-size: 1rem; }
  
  .hardware-box1{ margin-top: 1.5rem;}
  .hardware-box1 ul{ grid-template-columns: repeat(1, 1fr); gap: 1.5rem; }
  .hardware-box1 ul li a .top-box{ padding: 1rem 1.6rem;}
  .hardware-box1 ul li a .top-box .box1 img{ height: 3.5rem;}
  .hardware-box1 ul li a .top-box .box2{ margin-top: 1rem; font-size: 1.3rem; }
  .hardware-box1 ul li a .top-box .box3{ height: auto; font-size: 12px; line-height: 1.6; }
  .hardware-box1 ul li a .lower-box{ height: 3rem; padding: 0 1.6rem; }
  
  .hardware-box2 .box-info1{ margin-top: 2rem;}
  .hardware-box2 .box-info1 i{ width: 4rem; height: 4rem; }
  .hardware-box2 .box-info1 i img{ width: 2.3rem; height: 2.3rem; }
  .hardware-box2 .box-info1 p{ font-size: 1.6rem; line-height: 4rem }
  .hardware-box2 .center-block{ margin-top: 1rem;}
  .hardware-box2 .box-info2{ padding: 1.2rem 1.2rem 0; display: block; }
  .hardware-box2 .box-info2 p{ font-size: 1.5rem;}
  .hardware-box2 .box-info2 div{ display: block;}
  .hardware-box2 .box-info2 div a{ float: left; line-height: 2rem; padding: 0 0.8rem; font-size: 1rem; margin: 0.6rem 1rem 0 0; }
  .hardware-box2 .box-info3{ padding: 0 1.2rem 1rem;}
  .hardware-box2 .box-info3 .box1{ font-size: 1.2rem; margin-top: 0.7rem; }
  .hardware-box2 .box-info3 .box1 span{ padding-bottom: 0.4rem;}
  .hardware-box2 .box-info3 .box2{ font-size: 1rem; line-height: 1.6; margin-top: 0.6rem; }
  .hardware-box2 .box-info4 table{ font-size: 1rem;  white-space: nowrap;}
  .hardware-box2 .box-info4 table thead th{ height: 3.5rem; padding: 0.3rem 0.8rem; }
  .hardware-box2 .box-info4 table tbody td{ padding: 0.8rem;}
  
  .hardware-box3{ padding: 1.5rem 0 2rem;}
  .hardware-box3 ul{ gap: 1.5rem; grid-template-columns: repeat(1, 1fr); }
  .hardware-box3 ul li a{ height: auto; padding: 2rem 0; }
  .hardware-box3 ul li a i{ width: 6rem; height: 6rem; }
  .hardware-box3 ul li a i img{ width: 33.5rem; height: 3.5rem; }
  .hardware-box3 ul li a p{ margin-top: 1rem; font-size: 1.3rem; }
  
  .page-bottom{padding:40px 5%}
  .pbtitle{font-size:20px}
  a.pbbtn{width:140px;height:35px;line-height:35px;font-size:14px;margin:20px auto 0}
  .pbbtn i{font-size:16px;margin-left:10px}
  .fb1list{display:none}
  .fb1right{float:none;width:100%;text-align:center}
  .fr1ewm{text-align:center}
  .fe1pic:not(:first-child){margin-left:0}
  .fe1pic{margin:0 10px}
  .fwbot1{padding:20px 0}
  .fe1pic img{width:70px}
  .fb2txt,.fe1pic,.fr1txt3{font-size:12px}
  .fe1pic:not(:first-child){margin-left:15px}
  .fr1txt1{display:inline-block;font-size:16px;margin-top:15px}
  .fr1txt2{font-size:18px;margin-top:10px}
  .fwbot2{padding:0 0 10px 0;border-top:none}
  .fwbot2 .w-1400{padding-top:10px;border-top:1px solid rgba(46,46,46,.1)}
  .fb2txt{display:block;margin-right:0;text-align:center}
  
  .sdk-box1{ padding: 1.5rem 0;}
  .sdk-box1 .box-info1{ font-size: 1.8rem;}
  .sdk-box1 .box-info2{ font-size: 1rem; line-height: 1.4; margin-top: 0.5rem;}
  .sdk-box1 .box-info3{ display: block; margin-top: 0rem;}
  .sdk-box1 .box-info3 .f-l,.sdk-box1 .box-info3 .f-r{ width: 100%; padding: 0; margin-top: 0.5rem; }
  .sdk-box1 .box-info3 .f-l{font-size: 1rem; line-height: 1.4;}
  
  .sdk-box2{ padding: 1.5rem 0;}
  .sdk-box2 .box-info1 span{ font-size: 1.8rem;}
  .sdk-box2 .box-info1 span::before{ height: 0.2rem; }
  .sdk-box2 .box-info2{ margin-top: 1rem; display: block;}
  .sdk-box2 .box-info2 .f-l,.sdk-box2 .box-info2 .f-r{ width: 100%; margin-top: 0.8rem; height: auto; padding: 0;}
  .sdk-box2 .box-info2 .f-r .box1{ font-size: 1.2rem; }
  .sdk-box2 .box-info2 .f-r .box2{ font-size: 1rem; line-height: 1.4; margin-top: 0.5rem; }
  .sdk-box2 .box-info2 .f-r .box3{ margin-top: 0.8rem;}
  
  .sdk-box3{ margin-top: 1.5rem;}
  .sdk-box3 ul{ gap: 1.5rem; grid-template-columns: repeat(1, 1fr); }
  .sdk-box3 ul li{ height: auto; padding: 2rem; }
  .sdk-box3 ul li span{ margin-top: 1rem;}
  .sdk-box3 ul li div{ margin-top: 1rem;}
  
  .sdk-box4{ padding: 1.5rem 0;}
  .sdk-box4 .w-1400{ padding: 1rem; flex-direction: column; }
  .sdk-box4 .f-l,.sdk-box4 .f-r{ width: 100%; padding: 0;}
  .sdk-box4 .f-r{ margin-top: 1rem;}
  .sdk-box4 .f-r .box1 span{ font-size: 1.8rem;}
  .sdk-box4 .f-r .box1 p{ font-size: 1.15rem;}
  .sdk-box4 .f-r .box2{ margin-top: 1.5rem;}
  .sdk-box4 .f-r .box2 a{ min-width: auto; padding: 0 1rem; font-size: 12px; }
  .sdk-box4 .f-r .box2 a span{ padding-left: 1.5rem; background-size: auto 1.2rem; }
  
  .kfzc-box1{ padding: 1.5rem 0; overflow: hidden;}
  .kfzc-box1 .w-1400{ display: block;}
  .kfzc-box1 .f-l{ width: 100%; height: auto;}
  .kfzc-box1 .f-r{ width: 100%; margin-top: 0.8rem;}
  .kfzc-box1 .f-r .box1{ font-size: 1.8rem;}
  .kfzc-box1 .f-r .box2{ font-size: 1rem; margin-top: 0.5rem; line-height: 1.4; }
  .kfzc-box1 .f-r .box3{ margin-top: 1rem;}
  .kfzc-box1 .f-r .box3 ul li{ width: 100%;}
  .kfzc-box1 .f-r .box3 ul li a{ line-height: 3.5rem; }
  .kfzc-box1 .f-r .box3 ul li:nth-child(2) a{ border-top: none;}
  
  .cisdk-box1{ padding: 0 0 1.5rem; }
  .cisdk-box1 .box-info1{ font-size: 1.8rem; margin-top: 1.5rem; }
  .cisdk-box1 .box-info2{ font-size: 1rem; line-height: 1.4; margin-top: 0.5rem; }
  .cisdk-box1 .box-info3{ margin-top: 1rem;}
  .cisdk-box1 .box-info3 input{ height: 3.5rem;}
  .cisdk-box1 .box-info3 button{ height: 3.5rem; background-size: 1.5rem;}
  .cisdk-box1 .box-info4 div a{ font-size: 1rem;}
  .cisdk-box1 .box-info5 ul{ margin-top: 1rem; grid-template-columns: repeat(1, 1fr); gap: 1.5rem; }
  .cisdk-box1 .box-info5 ul li{ padding: 1.5rem 1rem;}
  .cisdk-box1 .box-info5 ul li .box1::after{ top: 1.65rem;}
  .cisdk-box1 .box-info5 ul li .box1{ font-size: 1.2rem;}
  .cisdk-box1 .box-info5 ul li .box2{ margin-top: 0.5rem;}
  .cisdk-box1 .box-info5 ul li .box3{ margin-top: 0.5rem; font-size: 1rem; line-height: 1.4; }
  .cisdk-box1 .box-info5 ul li .box4{ margin-top: 1rem;}
  .cisdk-box1 .box-info5 ul li .box4 a{ line-height: 2rem; padding: 0 0.6rem; font-size: 12px; }
  
  .jsfn-box1 .box-info1{ font-size: 1.8rem; margin-top: 1.5rem;}
  .jsfn-box1 .box-info2{ font-size: 1rem; line-height: 1.4; margin-top: 1rem; }
  .jsfn-box1 .box-info3{ margin-top: 1.5rem; overflow: auto; gap: 1rem; }
  .jsfn-box1 .box-info3 a{ width: 42%; flex-shrink: 0;}
  .jsfn-box1 .box-info3 a img{ height: 3.5rem; }
  .jsfn-box1 .box-info3 a span{ font-size: 0.8rem; }
  .jsfn-box1 .box-info3 a p{ font-size: 1rem; padding: 1rem 0 0.5rem; }
  .jsfn-box2 .box-info1{ margin-top: 2rem; font-size: 1.8rem; }
  .jsfn-box2 .box-info2 .swiper{ margin-top: 1rem; height: 25rem; }
  .jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .f-l{ width: 100%; padding: 0;}
  .jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box1{ font-size: 12px; line-height: normal; height: 8rem; }
  .jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2{ gap: 1rem;}
  .jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a img{ height: 2.5rem;}
  .jsfn-box2 .box-info2 .swiper .swiper-slide .slide-inner .box2 a p{ font-size: 1rem; margin-top: 0.5rem; }
  .jsfn-box2 .box-info2 .swiper .swiper-pagination{ bottom: 1rem;}
  .jsfn-box2 .box-info3{ margin-top: 0;}
  .jsfn-box2 .box-info3 .f-l,.jsfn-box2 .box-info3 .f-r{ width: 100%; padding: 0; margin-top: 1rem; height: auto;}
  .jsfn-box2 .box-info3 .f-r .box1{ font-size: 1.1429rem;}
  .jsfn-box2 .box-info3 .f-r .box2{ font-size: 12px; line-height: normal; margin-top: 0.5rem; }
  .jsfn-box2 .box-info3 .f-r .box3{ overflow: auto; margin-top: 1rem; }
  .jsfn-box2 .box-info3 .f-r .box3 a{ flex-shrink: 0;}
  .jsfn-box2 .box-info4{ margin-top: 1.5rem;}
  .jsfn-box2 .box-info4 .box1{ font-size: 1.8rem; padding-top: 1.5rem; }
  .jsfn-box2 .box-info4 .box2{ font-size: 1rem; line-height: 1.4; margin-top: 1rem; }
  .jsfn-box2 .box-info4 .box3{ margin-top: 1rem;}
  .jsfn-box2 .box-info4 .box3 video{ width: 100%;}
  .jsfn-box2:last-child{ padding-bottom: 1.5rem;}
  
  .jswd-box1{ padding: 1.5rem 0 0; overflow: hidden; }
  .jswd-box1 .top-box .f-r a{ width: auto; padding: 0 1rem; margin-left: 0.5rem; height: 3rem; line-height: 3rem; }
  .jswd-box1 .top-box .f-r a span{ display: block; font-size: 0; padding-left: 2rem; background-position: center; }
  .jswd-box1 .top-box .f-l input{ height: 3rem;}
  .jswd-box1 .top-box .f-l button{ width: 4rem; height: 3rem; background-size: 1.6rem; }
  .jswd-box1 .lower-box{ margin-top: 0; position: relative; display: block; }
  .jswd-box1 .lower-box .f-l{ width: 100%; position: relative; left: 0; top: 0; z-index: 10; background: #fff; margin-right: 0; }
  .jswd-box1 .lower-box .f-l .center-block{ width: 100%;}
  .jswd-box1 .lower-box .f-l .box-info1 span{ font-size: 1.4rem;}
  .jswd-box1 .lower-box .f-l .box-info1 i.icon1{ display: none;}
  .jswd-box1 .lower-box .f-l .box-info2 ul li .box1{ height: 2.5rem; }
  .jswd-box1 .lower-box .f-l .box-info2 ul li .box1 span{ font-size: 1.1429rem;}
  .jswd-box1 .lower-box .f-l .box-info2 ul li .box2 .layui-form-checkbox{ zoom: 1;}
  
  .jswd-box1 .lower-box .f-r{ width: 100%;}
  .jswd-box1 .lower-box .f-r .box-info1{ font-size: 1rem;}
  .jswd-box1 .lower-box .f-r .box-info1 .box2{ gap: 1rem;}
  .jswd-box1 .lower-box .f-r .box-info1 .box2 .btn2{ padding: 0 1rem;}
  .jswd-box1 .lower-box .f-r .box-info1 .box2 .btn2 span{ font-size: 0; display: block; padding-left: 2rem; background-position: center;}
  .jswd-box1 .lower-box .f-r .box-info2{ overflow: auto; max-height: 50vh; }
  .jswd-box1 .lower-box .f-r .box-info2 table thead{ top: 0; font-size: 1.1429rem; }
  .jswd-box1 .lower-box .f-r .box-info2 table td{ padding: 0.8rem 0.5rem;}
  .jswd-box1 .lower-box .f-r .box-info2 table tr td:nth-child(1){ position: sticky; left: 0; background: #fff; }
  .jswd-box1 .lower-box .f-r .box-info2 table thead tr td:nth-child(1){ background: #edf6fb;}
  .jswd-box1 .lower-box .f-r .box-info2 table .box1,
  .jswd-box1 .lower-box .f-r .box-info2 table .box2{ width: 17.1429rem;}
  .jswd-box1 .lower-box .f-r .box-info3{ margin-top: 1rem;}
  .jswd-box1 .lower-box .f-r .box-info1 .box1 i{ display: none; font-size: 1rem; margin-right: 1rem; }
  
  .module{ padding: 1.5rem 0 0.5rem;}
  .module-content .content_list li.grid-sizer,
  .module-content .content_list li{ width: 100%; padding-bottom: 1.5rem;}
  .module-content .content_list li .center-block{ padding: 1.5rem 1rem;}
  .module-content .content_list li .center-block .box1{ padding-bottom: 1.2rem;}
  .module-content .content_list li .center-block .box1 span{ font-size: 1.5rem;}
  .module-content .content_list li .center-block .box1::after{ width: 0.8rem;}
  .module-content .content_list li .center-block .box2{ padding: 0 0.7rem;}
  .module-content .content_list li .center-block .box2 .between-center{ display: block; padding-top: 1rem;}
  .module-content .content_list li .center-block .box2 .between-center .f-l{ font-size: 1.3rem; padding-left: 2rem; }
  .module-content .content_list li .center-block .box2 .between-center .f-l::before{ width: 1.2rem;}
  .module-content .content_list li .center-block .box2 .between-center .f-l::after{ left: 0.8rem;}
  .module-content .content_list li .center-block .box2 .between-center .f-r{ padding-left: 2rem;}
  .module-content .content_list li .center-block .box2 .between-center .f-r i{ font-size: 1.8rem;}
  .module-content .content_list li .center-block .box2 .between-center .f-r p{ font-size: 12px;}
  .module-content .content_list li .center-block .box2 .between-center .f-r p span{ font-size: 1rem;}
  .module-content .content_list li .center-block .box2 .between-center:last-child::after{ top: 1.95rem; height: 70%; }
  
  .hzbot {
		width: 90%;
		padding: 20px 15px;
	}

	.crclose {
	    font-size: 28px;
		right: 10px;
		top: 0;
	}

	.hfsrk {
		float: none;
		width: 98%;
	}

	.hfsrk,
	.hbbtn a {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.hfsrk input {
		font-size: 12px;
		padding: 0 15px;
	}
	.hfsrk,
	.hfarea,
	.hfmassge {
		margin-top: 5px;
	}

	.hbfrom li {
		margin-top: 0;
	}

	.hfarea,
	.hfmassge {
		padding: 15px;
		font-size: 12px;
	}

	.hbfrom {
		margin-top: 15px;
	}

	.hfarea {
		height: 75px;
	}

	.hbbtn a {
		margin-top: 15px;
	}
	.gybt1 {
		font-size: 22px;
	}

	.gybt2 {
		font-size: 14px;
		margin-top: 8px;
	}

	.ib2pic {
		margin-top: 30px;
	}

	.il3year {
		font-size: 30px;
	}

  .index-bot1 .between-center{ display: grid; grid-template-columns: repeat(1,1fr); gap: 1rem; }
  .index-bot1 .between-center a{ height: auto; }
  .ib3list{ padding: 0 4rem; margin-top: 3rem; }
  .il3item{ min-height: auto; }
  
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}