body.v-home,
body.v-solution {
  background: url('../images/sbg.jpg') no-repeat;
  background-size: 100% 100%;
}
body.v-docs,
body.v-news {
  background: -webkit-linear-gradient(top, #f1f8ff 0%, #ffffff 47%);
  background: linear-gradient(180deg, #f1f8ff 0%, #ffffff 47%);
}
.b_vPanel {
  font-size: 14px;
}


 
				 .zoomable {
				     width: 100%;
				   
				     cursor: pointer; /* 鼠标悬浮时显示指针 */
				 }
				 
				 /* 模态框样式 */
				 .modal {
				     display: none; /* 默认隐藏模态框 */
				     position: fixed; /* 固定定位，覆盖整个页面 */
				     z-index: 999999; /* 确保模态框显示在最上层 */
				     padding-top: 200px; /* 模态框内内容距离顶部的距离 */
				     left: 0;
				     top: 0;
				     width: 100%;
				     height: 100%;
				     overflow: auto; /* 当内容溢出时显示滚动条 */
				     background-color: rgba(0, 0, 0, 0.9); /* 半透明背景 */
				 }
				 
				 /* 模态框内放大的图片 */
				 .modal-content {
				     margin: auto; 
				     display: block; 
				     width: 80%; 
				     max-width: 700px; 
					 background-color: #FFFFFF;
				 }
				 
				 /* 图片的缩放动画 */
				 .modal-content {
				     animation-name: zoom;
				     animation-duration: 0.6s;
				 }
				 
				 /* 缩放动画 */
				 @keyframes zoom {
				     from {
				         transform: scale(0); /* 初始缩放为0 */
				     }
				     to {
				         transform: scale(1); /* 缩放到1倍 */
				     }
				 }
				 
				 /* 关闭按钮样式 */
				 .close {
				   
				     color: #f1f1f1; /* 按钮颜色 */
				     font-size: 40px; /* 字体大小 */
				     font-weight: bold; /* 字体加粗 */
				     cursor: pointer; /* 鼠标悬浮时显示指针 */
				 	z-index: 99999;
				 	float: right;
				 	 
				 }
				 
				 /* 鼠标悬浮时关闭按钮的样式 */
				 .close:hover {
				     color: #bbb; /* 更改悬浮时的颜色 */
				 }

a {color: #333;text-decoration: none;}
 .list h1{font-size: 24px;color: #00008B;margin-top: 30px;}
.banner-h560 .banner-img .containera {
  height: 4.8em;
  top: 0.8em;
  position: relative;
}
.container {padding: 0 15px;width: 1300px;margin: 0 auto;}

.containera {padding: 0 15px;width: 1200px;margin: 0 auto;}

.containerb {padding: 0 15px;width: 1060px;margin: 0 auto;}


.bg2 {
  background: url('../images/bg2.jpg') no-repeat;
  background-size: 100%;
}
.bg-transparent {
  background: transparent !important;
}
.svg-ico {
  float: left;
  width: 100%;
  height: 100%;
}
.v-changelog {
  font-weight: 300;
  line-height: 1.5;
}
.v-changelog .content {
  font-size: 0.2em;
}
.scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  padding-bottom: 10px;
}
.scroll-y {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.blue1 {
  color: #0663F7;
}
.section-mt1 {
  margin-top: 0.96em;
}
.section-mb1 {
  margin-bottom: 0.96em;
}
.section-mtb1 {
  margin: 0.96em 0;
}
.section-pt1 {
  padding-top: 0.96em;overflow: hidden;
}
.section-pb1 {
  padding-bottom: 0.96em;
}
.section-ptb1 {
  padding: 0.8em 0;
}
.section-pt2 {
  padding-top: 0.76em;
}
.section-pb2 {
  padding-bottom: 0.76em;
}
.btn {
  cursor: pointer;
}
.ask-mq {
  cursor: default;
}
.ask-mq .hover {
  display: none;
}
.ask-mq:hover .text {
  display: none;
}
.ask-mq:hover .hover {
  display: inline;
}
.link-tel:hover,
.link-mail:hover {
  text-decoration: underline;
}
.pager {
  font-size: 0.16em;
}
.preloads {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
.only-mini {
  display: none;
}
.play-video {
  cursor: pointer;
}
.html5-player {
  background: #000;
}
.main-title {
  font-size:38px;
  font-weight: 700;
  line-height: 1.5;
  color: #18191F;
  text-align: center;
}
.main-title.ta-left {
  text-align: left;
}
.main-title2 {
  font-size: 0.48em;
  font-weight: 400;
  line-height: 1.5;
  color: #1E2026;
  text-align: center;
}
.main-title2::before {
  display: block;
  font-size: 0.25em;
  font-weight: 300;
  color: #1E2026;
  text-align: center;
  content: 'Product introduction';
}
.main-title2::after {
  display: block;
  width: 1.3333em;
  height: 1px;
  background-color: #043B94;
  margin: 0 auto;
  content: '';
}
table.table {
  border: 1px solid #EAECF2;
}
table.table th {
  font-size: 0.2em;
  font-weight: 500;
  line-height: 1.5;
  color: #1E2026;
  padding: 0.8em 0 0.8em 1.6em;
  background: #EEF5FF;
  text-align: left;
}
table.table td {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #596173;
  padding: 1em 0 1em 2em;
}
.header-fixed {
  height: 0.8em;
}
.has-banner .header-fixed,
.has-banner .footer-fixed {
  height: 0;
}
.header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 0.9em;
  background-color: #ffffff;
}
.header .navbar {
  color: #3C414D;
  position: relative;
}
.header .navbar a {
  color: #3C414D;
  font-weight: 400;
  text-decoration: none;
}
.header .logo {
 
 width: 225px;
 height: 50px;
  margin-top: 0.06em;
  margin-right: 0.4em;
  background: url('../images/logo1.png') 100% no-repeat;
  background-size: 100% 100%;
 
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header .logo2 {
  width: 1.41em;
  height: 0.38em;
  margin-top: 0.21em;
  margin-right: 0.4em;
  display: none;
}
.header .nav,
.header .nav-links {
  height: 0.8em;
  line-height: 0.8em;
}
.header .nav .menus {
  height: 100%;
}
.header .nav .menus .menu {
  float: left;
  height: 100%;
  text-align: center;
}
.header .nav .menus .menu .m-link {
  display: block;
  height: 100%;
  font-size: 16px;
 
  padding: 0 1.25em;
}

.header .tel {
	width: 270px;
	height: 40px;
	line-height: 40px;
	background: #0663F7;
	border-radius: 25px;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
}
.header  .tel .t1 {
	margin-right: 6px;
	font-size: 16px;
	color: #fff;
	line-height: 40px!important;
}
.header  .tel .num {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 40px!important;
}


.header .nav .menus .menu:hover,
.header .nav .menus .m-on {
 color: #0663f7;font-weight: bold;}
.header .nav .menus .menu:hover .m-link,
.header .nav .menus .m-on .m-link {
  color: #0663F7;
}
.header .nav .menus .m-on .m-link {
  font-weight: 700;
}
.header .nav .menus .menu:hover .sub-nav {
  display: block;
}
.header .nav .menus .m-sub-menus3 {
  position: relative;
}
.header .nav-links a {
  font-size: 0.2em;
}
.header .nav-links a:hover {
  text-decoration: underline;
}
.header .nav-links .line {
  font-size: 0.1em;
  margin: 0 1em;
}
.header .nav-links .arrow-down {
  border-width: 0.08em;
  border-color: #444 transparent transparent transparent;
  margin: 0.36em 0 0 0.1em;
}
.header .nav-links .nav-link {
  position: relative;
  cursor: pointer;
}
.header .nav-links .nav-link .text {
  font-size: 0.2em;
}
.header .nav-links .nav-link .nav-items {
  position: absolute;
  top: 0.65em;
  right: 0;
  width: 1.4em;
  background-color: #fff;
  box-shadow: 0 0.04em 0.32em rgba(182, 182, 182, 0.31);
  padding: 0.15em 0.24em;
  display: none;
}
.header .nav-links .nav-link .nav-items .item {
  line-height: 0.32em;
}
.header .nav-links .nav-link .nav-items .item .name {
  display: block;
  font-size: 0.18em;
  line-height: 2.2;
}
.header .nav-links .nav-link .nav-items .item .name:hover {
  color: #0663F7 !important;
}
.header .nav-links .nav-link:hover .nav-items {
  display: block;
}
.header .nav-bars {
  margin-top: 0.16em;
  line-height: 0;
  display: none;
}
.header .nav-bars .nav-bar {
  width: 0.32em;
  height: 0.32em;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 0.08em;
}
.header .nav-bars .nav-bar .s-ico {
  display: block;
}
.header .nav-bars .nav-bar .s-close {
  display: none;
}
.header .nav-bars .nav-bar.on .s-ico {
  display: none;
}
.header .nav-bars .nav-bar.on .s-close {
  display: block;
}
.header .logo2 .svg-ico,
.header .nav-bars .svg-ico {
  fill: #1E2026;
}
.header .sub-nav {
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 100%;
  background-color: #fff;
  border-top: 0.04em solid #225FFD;
  box-shadow: 0 0.04em 0.32em rgba(182, 182, 182, 0.31);
  display: none;
}
.header .sub-nav a:hover {
  color: #0663F7;
}
.header .sub-nav .sub-menus {
  overflow: hidden;
}
.header .sub-nav .sub-menus1 {
  padding: 0.32em 0;
  text-align: left;
}
.header .sub-nav .sub-menus1 .sub-panel {
  float: left;
  margin-left: 0.68em;
  margin-bottom: 0.12em;

}
.header .sub-nav .sub-menus1 .sub-panel .title {
  font-size: 0.2em;
  font-weight: 600;
  line-height: 1.6;
  color: #1E2026;
}
.header .sub-nav .sub-menus1 .iot-items {
  width: 3em;
}
.header .sub-nav .sub-menus1 .sub-items {
  font-weight: 400;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item {
  margin-top: 0.2em;
  line-height: 0.32em;

}
.header .sub-nav .sub-menus1 .sub-items .sub-item .ico {
  float: left;
  width: 0.4em;
  height: 0.4em;
  line-height: 0;
  border-radius: 50%;
  background-color: #F4F7FB;
  text-align: center;
  display: none;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item .ico img {
  float: left;
  width: 0.28em;
  height: 0.28em;
  margin: 0.06em 0 0 0.06em;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item .name {
  font-size: 0.19em;
  font-weight: 400;
  color: #3C414D;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item .img {
  width: 2.95em;
  height: 2.24em;
  line-height: 0;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item .img img {
  width: 98%;
  border: 1px solid transparent;
  border-radius: 0.16em;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item:hover .img img {
  border-color: #0663F7;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item:hover .name {
  color: #0663F7;
}
.header .sub-nav .sub-menus1 .sub-items .sub-item2 {
  margin-top: 0.1em;
  margin-left: 0.28em;
}
.header .sub-nav .sub-menus1 .has-ico .sub-item .ico {
  display: block;
}
.header .sub-nav .sub-menus1 .has-ico .sub-item .name {
  margin-left: 3.25em;
}
.header .sub-nav .sub-menus1 .sub-images .sub-items .sub-item .name {
  display: none;
}
.header .sub-nav .sub-menus1 .sub-links .sub-items {
  float: left;
  margin-left: 0.32em;
}
.header .sub-nav .sub-menus1 .sub-links .first {
  margin-left: 0;
}
.header .sub-nav .sub-menus2 {
  padding: 0 0.32em;
}
.header .sub-nav .sub-menus2 .tabs {
  float: left;
  width: 2.28em;
  margin: 0.32em 0;
  border-right: 1px solid #EAECF2;
}
.header .sub-nav .sub-menus2 .tabs .tab {
  margin-top: 0.32em;
  cursor: default;
}
.header .sub-nav .sub-menus2 .tabs .tab .ico {
  float: left;
  width: 0.4em;
  height: 0.4em;
}
.header .sub-nav .sub-menus2 .tabs .tab .name {
  font-size: 0.2em;
  font-weight: 500;
  padding-left: 2.8em;
  line-height: 2em;
  color: #1E2026;
  text-align: left;
}
.header .sub-nav .sub-menus2 .tabs .first {
  margin-top: 0;
}
.header .sub-nav .sub-menus2 .tabs .on .name {
  color: #0663F7;
  font-weight: 700;
}
.header .sub-nav .sub-menus2 .conts {
 
  margin-left: 2.28em;
}

.header .sub-nav .sub-menus2 .conts  h1{font-size: 18px;text-align: left;padding-left: 30px;}
.header .sub-nav .sub-menus2 .conts .cont {
  display: none;
}
.header .sub-nav .sub-menus2 .conts .on {
  display: block;
}
.header .sub-nav .sub-menus2 .group-title {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.5;
  color: #3C414D;
  text-align: left;
  margin-top: 1.6em;
  margin-left: 2em;
}
.header .sub-nav .sub-menus2 .items {
  overflow: hidden;
  
}
.header .sub-nav .sub-menus2 .items .item {
  float: left;
  text-align: center;
  margin-left: 0.48em;
  margin-bottom: 10px;
  position: relative;
  width: 130px;
  height: 120px;
 
}
.header .sub-nav .sub-menus2 .items .item .img {
  display: block;
  width: 1.6em;
  height: 0.9em;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .sub-nav .sub-menus2 .items .item .img img {
  
  max-width: 100%;
  max-height:0.9em;
}
.header .sub-nav .sub-menus2 .items .item .name {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  color: #3C414D;
}
.header .sub-nav .sub-menus2 .items .item .tips {
  font-size: 0.14em;
  font-weight: 400;
  line-height: 1.5;
  color: #eb502e;
  position: absolute;
  left: 0;
  bottom: 2em;
  width: 100%;
  text-align: center;
}
.header .sub-nav .sub-menus2 .items .item:hover .name {
  color: #0663F7;
}
.header .sub-nav .sub-menus3 {
  line-height: 0.46em;
  text-align: left;
  padding: 0.23em 0 0.23em 0.32em;
}
.header .sub-nav .sub-menus3 .sub-items .sub-item {
  font-size: 0.16em;
  font-weight: 400;
  color: #3C414D;
}
.header .m-help .sub-nav {
  width: 2.2em;
}
.header:hover,
.no-banner .header {
  background-color: #fff !important;
}
.header:hover .logo,
.no-banner .header .logo {
  background-image: url('../images/logo1.png') !important;
  background-image: none\0 !important;
}
.header:hover .top-item,
.no-banner .header .top-item {
  color: #3C414D !important;
}
.header:hover .nav-links .arrow-down,
.no-banner .header .nav-links .arrow-down {
  border-top-color: #3C414D !important;
}
.header:hover .nav .menu:hover .m-link,
.no-banner .header .nav .menu:hover .m-link,
.header:hover .nav .m-on .m-link,
.no-banner .header .nav .m-on .m-link {
  color: #0663F7 !important;
}
.header:hover .sub-nav a:hover,
.no-banner .header .sub-nav a:hover {
  color: #0663F7 !important;
}
.header:hover .logo2 .svg-ico,
.no-banner .header .logo2 .svg-ico,
.header:hover .nav-bars .svg-ico,
.no-banner .header .nav-bars .svg-ico {
  fill: #1E2026 !important;
}
.has-shadow .header {
  box-shadow: 0.04em 0.04em 0.32em 0 rgba(76, 81, 126, 0.04), 0.04em 0.04em 0.2em 0 rgba(64, 76, 136, 0.1);
}
.sidebar {
  position: fixed;
  top: 80px;
  right: -100%;
  z-index: 3;
  width: 100%;
  max-width: 400px;
  height: calc(100% - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  background-color: #fff;
}
.sidebar .items {
  padding-left: 24px;
}
.sidebar .item {
  line-height: 48px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.sidebar .item .title .ico {
  float: left;
  width: 28px;
  height: 28px;
  margin: 10px 10px 0 0;
  line-height: 0;
}
.sidebar .item .title .ico img {
  width: 100%;
  height: 100%;
}
.sidebar .item .title .name {
  color: #3C414D;
}
.sidebar .item .title .link:hover {
  color: #0663F7;
  text-decoration: underline;
}
.sidebar .item .title .bar {
  position: absolute;
  top: 0;
  right: 12px;
  height: 48px;
  padding: 0 12px;
}
.sidebar .item .title .bar-ico {
  display: block;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: #3C414D;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 16px;
}
.sidebar .item .toggle {
  cursor: pointer;
}
.sidebar .item.on > .title .name {
  color: #0663F7;
}
.sidebar .item.on > .title .bar-ico {
  border-color: #0663F7;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: 22px;
}
.sidebar .items-level3 .item {
  font-size: 14px;
  font-weight: 400;
}
.sidebar .items-level2,
.sidebar .items-level3 {
  display: none;
}
.banner .banner-img {
  height: 100%;
  overflow: hidden;
}
.banner .banner-img .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
  z-index: -1;
  opacity: 0.9;
  overflow: hidden;
}
.banner .banner-img .bg img {
  width: 100%;
  height: 100%;
}
.banner .banner-img .bgcolor1 {
  background-color: #F4F7FB;
}
.banner .banner-img .hd {
  height: 100%;
}
.banner .banner-img .content {
  position: absolute;
  left: 0;
  top: 40%;
  width: 7.36em;
  line-height: 0;
  margin-top: -1.22em;
  text-align: left;
}
.banner .banner-img .content .title {
  color: #1E2026;
  font-size: 0.4em;
  font-weight: 400;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.banner .banner-img .content .desc {
  color: #596173;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  margin-top: 0.625em;
}
.banner .banner-img .content .btns {
  display: table;
  word-spacing: -1em;
}
.banner .banner-img .content .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  background-color: #0663F7;
  color: #fff;
  text-align: center;
  padding: 0.6em 2.4em;
  border-radius: 0.2em;
  margin-top: 1.2em;
  border: 0.05em solid transparent;
}
.banner .banner-img .content .btn2 {
  background-color: transparent;
  color: #0663F7;
  border-color: #0663F7;
}
.banner .banner-img .content .ask-mq {
  width: 7.2em;
  padding: 0.6em 1.6em;
}
.banner .banner-img .content .btn:hover {
  background-color: #3882F9;
  color: #fff;
  border-color: transparent;
}
.banner .banner-img .content2 {
  width: 5.6em;
}
.banner .banner-img .content2 .title {
  white-space: initial;
}
.banner .banner-img .content3 {
  width: 6.8em;
}
.banner .banner-img .img {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0;
}
.banner .banner-img .img .i-bg {
  width: 6.13em;
  height: 4.93em;
  position: absolute;
  right: -0.5em;
  bottom: -1.25em;
  z-index: -1;
}
.banner .banner-img .img .i-img {
  width: 100%;
  height: 100%;
}
.banner .banner-img .img img {
  max-width: 100%;
  height: auto;
}
.banner .banner-img .s-img {
  position: absolute;
  line-height: 0;
}
.banner .banner-img .s-img img {
  width: 100%;
}
.banner .banner-img .s-img1 {
  right: 1.02em;
  bottom: 0;
  width: 9.41em;
}
.banner .banner-img .s-img2 {
  right: 1.03em;
  bottom: 1.04em;
  width: 10.06em;
}
.banner .banner-img .s-img3 {
  right: 1.67em;
  bottom: 0;
  width: 8.4em;
}
.banner .banner-img .s-img4 {
  right: 1.39em;
  bottom: 0.23em;
  width: 8.68em;
}
.banner .banner-img .s-img5 {
  right: 0;
  bottom: 1.38em;
  width: 2.14em;
}
.banner .banner-img .s-img6 {
  right: 0;
  bottom: 0.64em;
  width: 2.14em;
}
.banner .banner-img .s-img7 {
  right: 1.02em;
  bottom: 0;
  width: 9.03em;
}
.banner .slide-control {
  position: absolute;
  bottom: 0.6em;
  left: 50%;
  margin-left: -0.4em;
  z-index: 30;
}
.banner .slide-control a {
  float: left;
  width: 0.4em;
  height: 0.06em;
  border-radius: 0.04em;
  background-color: #C2C5CC;
  margin: 0 0.05em;
  cursor: pointer;
  overflow: hidden;
}
.banner .slide-control a:hover,
.banner .slide-control .slide-on {
  background-color: #3C414D;
}
.banner.no-desc .banner-img .content {
  margin-top: -0.96em;
}
.banner-h824 {
  height: 8.24em;
}
.banner-h824 .banner-img .content {
  width: 5.6em;
  height: 2.46em;
  margin-top: -1.23em;
}
.banner-h560 {
  height: 5.3em;
}
.banner-h560 .banner-img .hd {
  height: 4.8em;
  top: 0.8em;
}
.banner-h560 .banner-img .img {
  top: 40%;
  width: 4.8em;
  height: 3.6em;
  margin-top: -1.8em;
}
.banner-h560 .banner-img .full-img {
  width: auto;
  *width: 6.4em;
  height: 4.8em;
  margin-top: -2.4em;
}
.banner-h360 {
  height: 3.6em;
}

/*产品中心*/
	.probox{  font-family:"Microsoft Yahei";line-height:30px;position: relative;z-index:2;overflow: hidden;padding:50px 0 40px 0;}
	.pro_nav{width:400px;}
	
	.cate{ overflow:hidden; padding:30px 0 30px 0; text-align:center;font-size: 16px;}
	
			.cate a{ display:inline-block; line-height:30px; font-size:18px;  margin:0 15px;color: #B3B3B3; }
	.cate a:hover,.cate a.on{color: #488cf7;font-weight: bold;}
	
	 .cate a.on:after{display: block;
    width: 100%;
    height: 1px;
    background: #488cf7;;
    content: "";
    margin: 0 auto;}
		.prolist ul{ }
	.prolist li{ float:left; margin-top:10px; width:47.6%; margin-right:1%;margin-left: 1%;border: 1px solid #CCCCCC;}
	/* .prolist li div.item{ border:#ddd 1px solid; padding:5px;} */
	.prolist li:nth-child(4n){ float:right; margin-right:0;}
	.prolist li a.txt123{ display:block; text-align:center; line-height:30px; font-size:30px; margin-top:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 10px;color: #488cf7;}
	
	
	.prolist li a.txt123:hover{color: #1d5bb2;}
	.prolist li p:hover{color: #1d5bb2;}
	.prolist li a.img123{ display:block;  border:#efefef 1px solid;  }
	.prolist li a.img123 img{ /* height:220px; */ display:block; width:100%;}
	.prolist li p{ padding:10px 0 50px 0; text-align:center;color: #808080;font-size: 14px;}
	
	
	
		.prolist2 ul{ padding:2% 2%;}
	.prolist2 li{ float:left; margin-top:10px; width:23.5%; margin-right:2%; }
	.prolist2 li div.item{ border:#ddd 1px solid; }
	.prolist2 li:nth-child(4n){ float:right; margin-right:0;}
	.prolist2 li a.txt123{
		display:block;
		text-align:center;
		line-height:50px; 
		font-size:16px;
		background:#f5f5f5;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		padding: 0 10px;
	}
	.prolist2 li a.img123{ display:block;   }
	.prolist2 li a.img123 img{ height:250px; display:block; width:100%;}
	.prolist2 li p{ padding:10px 0; text-align:center;}
	
	.prolist2 li:hover {}
	
				
	
	.ad-list1 {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  width: 90%;
	  margin: 0 auto;
	
	
	  z-index: 999;
	}
	
	.ad-list1 li {
	  width: 25%;
	
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 97px;
	  padding: 26px 0;
	 
	}
	
	.ad-list1 li :last-child {
	  border-right: none;
	}
	
	.ad-list1 li .img1 {
	  margin-right: 16px;
	}
	.ad-list1 li .wz{
		
	   color: #666666;  
	}
	
	.ad-list1 li .wz .w1{font-weight: bold;font-size: 20px;}
	
	.ad-list1 li .wz .w2 {
	font-size: 16px;
	  
	}

 .centerInfo {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.16rem;
}
 .centerInfo .one {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.66rem;
}
 .centerInfo .one .item {
  position: relative;
  z-index: 1;
  border-radius: 0.08rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  border-radius: 5px;
}
 .centerInfo .one .item .itBox {
  width: 100%;
  height: 100%;
  
  
}
 .centerInfo .one .item .itBox.bgColor {
  background: #f7f7f7;
}

 .centerInfo .one .item .itBox .images {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  
  text-align: center;
  
}
 .centerInfo .one .item .itBox .images img {

  height: 120px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
   font-size: 16px;
}
 .centerInfo .one .item .itBox .word_box {
 
height: 140px;
  padding: 30px;
   font-size: 16px;
}
 .centerInfo .one .item .itBox .word_box .t1 {
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 600;
  font-size: 22px;
}

.centerInfo .one .item .itBox .word_box .t3{  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 16px;

  border: 1px solid #000;
  border-radius: 30px;
  padding: 0 10px;
  cursor: pointer;
  margin: 10px  0;}

 .centerInfo .one .item .itBox .word_box .t2 {
  margin-top: 0.12rem;
  font-weight: 400;
font-size: 16px;
color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;font-size: 16px;
}
 .centerInfo .one .item .itBox .word_box .idx_more {
  margin-top: 0.3rem;
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
 .centerInfo .one .item .itBox .bfImg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 64%;
}
 .centerInfo .one .item .itBox:hover .word_box .idx_more {
  transform: translateY(0);
  opacity: 1;
}
 .centerInfo .one .item .itBox:hover .images img {
  transform: scale(1.03);
}

 .centerInfo .one .item.grid2 {
  grid-column: span 2;
}
.detail-view {
  text-align: left;
}
.detail-view .title {
  color: #1E2026;
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
}
.detail-view .name {
  color: #1E2026;
  font-size: 0.22em;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 1.6em;
  color: #000000;
}
.detail-view .desc {
  color: #596173;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0.75em;
}
.detail-view ul.props {
  margin-top: 0.08em;
  overflow: hidden;
}
.detail-view ul.props li {
  float: left;
  font-size: 0.14em;
  font-weight: 500;
  line-height: 1.5;
  color: #77829A;
  text-align: center;
  border-radius: 0.28em;
  border: 1px solid #D5DAE6;
  padding: 0.21em 0.86em;
  margin-top: 0.57em;
  margin-right: 1.14em;
  cursor: default;
}
.detail-view ul.list {
  margin-top: 0.12em;
}
.detail-view ul.list li {
  list-style: inside disc;
  color: #596173;
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.6;
}
.detail-view .btns {
  margin-top: 0.32em;
  line-height: 0;
}
.detail-view .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.16em;
  font-weight: bold;
  line-height: 3;
  color: #225FFD;
  border: 1px solid #225FFD;
  border-radius: 0.25em;
  padding: 0 2.25em;
}
.detail-view .btn:hover {
  background-color: #225FFD;
  color: #fff;
}


.customer-logos {
  height: 70px;
  margin: 0.36em auto;
  width: 1260px;
}
.customer-logos .title {
  float: left;
  color: #1E2026;
  font-size: 0.24em;
  font-weight: 700;
  line-height: 70px;
  margin-right: 1.66em;
}
.customer-logos .list {
  float: left;
}
.customer-logos .list .items {
  line-height: 0;
  overflow: hidden;
}
.customer-logos .list .items .item {
  float: left;
  height: 80px;
  margin-left: 20px;
}
.customer-logos .list .items .item img {
  height: 100%;
  vertical-align: top;
}
.customer-logos .list .items .item.first {
  margin-left: 0;
}
 .main-desc {
  color: #596173;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.5em;
}
.bai{color: #FFFFFF!important;}
.product-intros .tabs {
  width: 8.35em;
  height: 5em;
  margin: 2em auto 0em;
  background: url('../images/bg_tabs.png') no-repeat;
  background-size: 100% auto;
  -ms-behavior: url('../images/bgimage.htc') \0;
  position: relative;
 
  
}


.product-intros .tabs .mq {
  position: absolute;
  left: 3.51em;
  top: 1.26em;
  width: 2.4em;
  height: 1.19em;
  line-height: 0;
}
.product-intros .tabs .mq img {
  width: 100%;
  height: 100%;
}
.product-intros .tabs .items .item {
  position: absolute;
  width: 130px;
 
  z-index: 1;
}
.product-intros .tabs .items .item .name {
  position: absolute;
 
  border-radius: 0.06em;
  background-color: #EAECF2;
  color: #2D3339;
  margin-left: -0.5em;
  padding: 0.1em 0.18em;
}
.product-intros .tabs .items .item .name .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  font-family: "";
  text-align: center;
  white-space: nowrap;
}

.ico1{ left:-0.8em;
  top: -0.4em;}
  
  .ico2 {right: 0%;
  top: -0.4em;}
  
   .ico3 {
   right: -1.2em;
   top: -.4em;
   }
  
   .ico4 {
   right: -1.2em;
   top: -0.4em;
   }
.ico5 {top: 1.2em;left:0.6em; }




.product-intros .tabs .items .item .name .arrow {
  position: absolute;
  left: 50%;
  bottom: -0.14em;
  margin-left: -0.06em;
  z-index: 2;
  border-width: 0.08em;
  border-color: #EAECF2 transparent transparent transparent;
}
.product-intros .tabs .items .item .img {
  width: 100%;
  height: 100%;
  line-height: 0;
}
.product-intros .tabs .items .item .img img {
	width: 100%;
 
}
.product-intros .tabs .items .tab-itv {
  left: 7.03em;
  top: 2.95em;
}
.product-intros .tabs .items .tab-router {
  left: 1em;
  top: -0.66em;
}
.product-intros .tabs .items .tab-ap {
  right: -1em;
  top: 1.47em;
}
.product-intros .tabs .items .tab-sip {
 left: 4.89em;
 top: -0.66em;
}
.product-intros .tabs .items .tab-pon {
  left: -1em;
  top: 1.47em;
}
.product-intros .tabs .items .tab-iot {
  left: 3.1em;
  top: 3.1em;
}

.product-intros .tabs .items .on .name {
  background-color: #0663F7;
  color: #EAECF2;
}
.product-intros .tabs .items .on .name .arrow {
  border-color: #0663F7 transparent transparent transparent;
}


.product-intros .tabs .items .tab-router.on .name .arrow,
.product-intros .tabs .items .tab-sip.on .name .arrow {
  left: -0.08em;
  top: 50%;
  margin-top: -0.08em;
  border-color: transparent #0663F7 transparent transparent;
}
.product-intros .conts .items {
  overflow: hidden;

}
.product-intros .conts .items {
 
  overflow: hidden;   /* 防止动画溢出容器 */
}

@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.product-intros .conts .items li { animation: fadeInUp 0.5s ease-out; }



.product-intros .conts .items .item {
  display: none;height: 500px;
}
.product-intros .conts .items .item .img-box {
  float: left;
  width: 48%;
}
.product-intros .conts .items .item .img {
  display: table-cell;
  height: 6em;
  vertical-align: middle;
  line-height: 0;
}
.product-intros .conts .items .item .img img {
  width: 100%;
}
.product-intros .conts .items .item .content {
  margin: 0.26em 0 0 0;
  width: 48%;
  float: right;
}
.product-intros .conts .items .on {
  display: block;
}
.product-intros .controls {
  height: 0.32em;
  margin-top: 0.16em;
  position: relative;
  display: none;
}
.product-intros .controls .ico-box {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.product-intros .controls .ico {
  float: left;
  width: 0.32em;
  height: 0.32em;
  margin-left: 0.2em;
  cursor: pointer;
}
.product-intros .controls .ico:first-child {
  margin-left: 0;
}
.product-intros .controls .svg-ico {
  fill: #fff;
}
.product-intros .controls .disabled .svg-ico {
  fill: #77829A;
}
.solution-intros {
  text-align: left;
}

.product-intros .tabs .items .item .img img {
  transition: transform 0.6s ease-in-out; /* 添加过渡动画 */
}

.product-intros .tabs .items .item:hover .img img {
  transform: rotate(360deg); /* 悬停时旋转360度 */
  z-index: 999; /* 提升层级 */
}


  .about_index {
    padding-top: 50px;
    padding-bottom: 30px;
	width: 100%;
  }
  .about_index .items {
      padding-top: 30px;
      padding-bottom: 30px;
	
  }
  .about_index .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .about_index .left {
    width: 55%;
  }
  .about_index .left .info {
    font-size: 16px;
    line-height: 25px;
    color: #666666;
    margin-top: 30px;
	padding-right: 30px;
  
  }
  .about_index .left .info::-webkit-scrollbar {
    width: 3px;
    height: 2px;
  }
  .about_index .left .info::-webkit-scrollbar-b {
    background-color: #265ebf;
    border-radius: 10px;
  }
  .about_index .left .info p {
    
  }
  .about_index .right {
    width: 45%;
    height: 0;
    position: relative;
    padding-bottom: 44%;
  }
  
  .about_index .right .imgbox {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    bottom: 0;
  }
  .about_index .right .imgbox img {
    width: 100%;
  }
  
  .about_index .right .imgbox:hover img{    -webkit-transform: scale(1.1);
    transform: scale(1.1);transition: 1s;}
  .about_index .right .imgbox .btns {
    width: auto;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .about_index .right .imgbox .btns a {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .about_index .right .imgbox .btns a.a1 {
    background: #fff;
    padding: 0 45px;
    color: #151f39;
  }
  .about_index .right .imgbox .btns a.a1 i {
    color: #5172d1;
    margin-right: 15px;
  }
  
  .about_index .items .canvas-box {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      z-index: 1;
  }
  .about_index .right .imgbox .btns a.a1:hover {
    color: #265ebf;
  }
  .about_index .right .imgbox .btns a.a2 {
    padding: 0 35px;
    background: #151f39;
    color: #fff;
  }
  
  .about_index .right .imgbox .btns a.a2:hover {
    color: #265ebf;
  }
  
  .mytitle2 .p1 {
      margin-top: 0px;
      margin-bottom: 10px;
	   font-size: 36px;
	   font-weight: bold;
	   color: #000;
  }
  
  .mytitle2 h2 {
      font-size: 24px;
	  font-weight:normal ;  color: #666666;
  }
  
 .about_index .items .item h1 {
     font-size: 30px;
	 text-align: center;
 }
  
  .about_index .items {
	
    background: #0762f7;
  
    overflow: hidden;
	margin-top: -150px;
    left: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
    padding-left: 20px;
    padding-right: 16%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .about_index .items .item {
    color: #fff;
    position: relative;
    z-index: 2;
  }
  
  .about_index .items .item p {
    font-size: 16px;
    line-height: 30px;
    height: 60px;
  }
  .about_index .items .bgimg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    transform-origin: 0% 100%;
    -webkit-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
    -o-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
    animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  }
  .about_index .items .canvas-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
  }

/*企业文化*/
.section{padding: 2% 0;}
.in-what {margin-top: 2%;}
.in-what li {float: left;width: 31.3%;margin: 1%;}


.in-what li::before {
  content: ""; 
  display: inline-block; 
  width: 4px; 
  height: 100px; 
  background-color: #0762f7; 
  margin-right: 15px; 
  float: left;
  margin-top: 10px;
}

.in-what li .wrap {margin: 15px 15px  0 0px;float: left;width: 90%;}
.in-what li .img-center {height: 120px;line-height: 120px;}
.in-what li h4 {text-align: left;font-size: 24px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-what li p {margin: 15px 0 0;text-align: justify;color: #777;width: 80%;line-height: 30px;font-size: 16px;}
.in-what-1 li p {text-align: center;}


.prd-item {margin: 0;width: 50%;float: left;}
.prd-item dt {text-align: center;}

.prd-item dt .img-center{text-align: center;}

.prd-item dt img{width: 80%;margin: 0 auto;}
.prd-item dd {padding-top: 50px;}
.prd-item dd h4 {margin: 0 0 20px;font-size: 24px;}
.prd-item dd h4:after {content: '';display: block;margin-top: 20px;width: 40px;height: 4px;background-color: #3396fb;}
.prd-item dd p {margin: 0;font-size: 16px;line-height: 1.8;color: #666;text-align: justify;width: 90%;}
.pr_b {background-color: #f6f9fd;}
.pr_b .prd-item dt {float: right;}
.pr_b .prd-item dd {margin: 0 600px 0 0;}



/*网站底部*/

 footer {
      padding-top: 61.2244898px;
      padding-bottom: 45.91836735px;
  }
  footer {
      width: 100%;
      background: #192029;
      color: rgba(255, 255, 255, 0.6);
  }
  
  footer .foot1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
  }
  
  footer .foot1 .f_title h3 {
    font-size: 20px;
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  footer .foot1 .f_title h3 span {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
  }
  footer .foot1 .f_menu {
    width: 480px;
	margin-right: 50px;
  }
  footer .foot1 .f_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  footer .foot1 .f_menu ul li {
    width: 25%;
    margin-bottom: 20px;
	font-size: 16px;
  }
  footer .foot1 .f_menu ul li a {
    font-size: 14px;
  }
  footer .foot1 .f_lx {
    width: 490px;
    margin: 0 0 0 50px;
  }
  footer .foot1 .f_lx .box {
    font-size: 14px;
    line-height: 36px;
    color: #aaaaaa;
  }
  footer .foot1 .f_lx .box b {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    margin-left: 5px;
  }
  footer .foot1 .f_ewm {
    width: 318px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  footer .foot1 .f_ewm .box1 {
    width: 147px;
  margin: 0 auto;
  }
  footer .foot1 .f_ewm .box1 .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 10px;
  }
  footer .foot1 .f_ewm .box1 .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  footer .foot1 .f_ewm .box1 p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  footer .foot2 {
	
	  margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  footer .foot2 .copyright {
    width: calc(100% - 250px);
  }
  footer .foot2 .jszc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  footer .foot2 .jszc a {
    font-size: 14px;
    padding-left: 16px;
    margin-left: 15px;
    position: relative;
  }
  footer .foot2 .jszc a:first-child {
    padding-left: 0;
    margin-left: 0;
  }
  footer .foot2 .jszc a:first-child:before {
    display: none;
  }
  footer .foot2 .jszc a:before {
    content: '';
    width: 1px;
    height: 70%;
    position: absolute;
    left: 0;
    top: 15%;
    background: rgba(255, 255, 255, 0.6);
  }
  footer a {
      color: rgba(255, 255, 255, 0.6);
  }
  footer .foot1 .f_menu ul li a {
      font-size: 14px;
  }
  footer a:hover {
      color: #fff;
  }
  
  footer .foot2 .copyright {
      width: calc(100% - 250px);
	  font-size: 16px;
  }
  
  footer .foot2 .jszc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
  }
  .fl{display:inline;float:left}
  .fr{display:inline;float:right}
  .cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
  .cf{zoom:1}
  .pb10{padding-bottom:10px}
  .mt10{margin-top:10px}


.case-intros {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.case-intros .main-title {
  color: #fff;
  margin-bottom: 0.32em;
}
.case-intros .tabs {
  float: left;
  width: 10%;
  border-right: 1px solid #AAB5CD;
}
.case-intros .tabs .items .item {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375em 0;
  text-align: center;
  margin-top: 1em;
  cursor: default;
}
.case-intros .tabs .items .item:hover,
.case-intros .tabs .items .item.on {
  background-color: #225FFD;
}
.case-intros .tabs .items .first {
  margin: 0 !important;
}
.case-intros .conts {
  width: 86%!important;
  margin-left: 3%;
  float: left;
}
.case-intros .conts .items .item {
  display: none;
}
.case-intros .conts .items .item .name {
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.5;
}
.case-intros .conts .items .item .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 1.5em;
}
.case-intros .conts .items .item ul.props {
  margin-top: 0.16em;
  overflow: hidden;
}
.case-intros .conts .items .item ul.props li {
  float: left;
  font-size: 0.14em;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-radius: 0.28em;
  background-color: #A6AAB0;
  background-color: rgba(237, 244, 255, 0.4);
  color: #fff;
  padding: 0.21em 0.86em;
  margin-top: 0.57em;
  margin-right: 1.14em;
  cursor: default;
}
.case-intros .conts .items .item .btns {
  margin-top: 0.24em;
  line-height: 0;
}
.case-intros .conts .items .item .btn {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 0.16em;
  font-weight: bold;
  line-height: 3;
  border: 1px solid #fff;
  border-radius: 3em;
  padding: 0 3em;
  cursor: pointer;
}
.case-intros .conts .items .item .btn:hover {
  background-color: #225FFD;
  border-color: #225FFD;
}
.case-intros .conts .items .item .demos {
  width: 40em;
  margin-top: 0.48em;
  overflow: hidden;
}
.case-intros .conts .items .item .demos .demo {
  float: left;
  height: 1.2em;
  margin-left: 0.44em;
  line-height: 0;
}
.case-intros .conts .items .item .demos .demo img {
	width: 1.6em;
  height: 1em;
  border: 4px solid rgba(255, 255, 255, 0.8);
  border-radius: 20px;
}
.case-intros .conts .items .item .demos .demo.first {
  margin-left: 0;
}
.case-intros .conts .items .item.on {
  display: block;
}
.case-hotel {
  background-image: url('../images/bg1.jpg');
}
.case-isp {
  background-image: url('../images/bg2.jpg');
}
.case-hospital {
  background-image: url('../images/bg3.jpg');
}
.case-beadhouse {
  background-image: url('../images/bg4.jpg');
}
.case-bath {
  background-image: url('../images/bg5.jpg');
}
.case-school {
  background-image: url('../images/bg6.jpg');
}



/*首页解决方案*/
.index-lingyu{ overflow:hidden;margin-top: 40px;}
.index-lingyu ul{}
.index-lingyu ul li{ width:32%;float:left; margin-bottom:5px;margin: .5%;}

.index-lingyu ul li:hover .box .desc h2{color: #FFFFFF;}
.index-lingyu ul li .box:hover .desc .miaoshu{color: #FFFFFF!important;}
.index-lingyu ul li:nth-child(1){ width:48%;float:left; margin-bottom:5px;margin: .5%;}
.index-lingyu ul li:nth-child(2){ width:49%;float:left; margin-bottom:5px;margin: .5%;}
.index-lingyu ul li:nth-child(3){ width:65%;float:left; margin-bottom:5px;margin: .5%;}
.index-lingyu ul li .box{ margin-left:5px;overflow:hidden;Position:relative;border-radius: 20px;height: 350px;}
.index-lingyu ul li .box .img{ overflow:hidden;Position:relative;}

.index-lingyu ul li .box .img img{ -webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;width: 100%;}
.index-lingyu ul li .box .img:before{ content:'';background:rgba(0,99,255,0);Position:absolute;z-index:2;top:0;bottom:0;right:0;left:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.index-lingyu ul li:hover .box .img:before{ content:'';background:rgba(0,99,255,0.4);}

.index-lingyu ul li .box .desc{ Position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;padding: 30px;}

/* .index-lingyu ul li .box:hover .desc{ background:rgba(0,0,0,0.6);} */
.index-lingyu ul li .box .desc h2{ line-height:40px;font-size:24px;color:#000;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 10px;}
.index-lingyu ul li .box .desc i{ display:block;margin:10px 0;width:40px;height:2px;background:rgba(255,255,255,0.6);}
.index-lingyu ul li .box .desc p.miaoshu{ height:24px;line-height:24px;font-size:16px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-lingyu ul li .box .desc p.more{ font-size:18px;line-height:24px;color:#fff;-moz-opacity:0;-khtml-opacity:0;Opacity:1;Filter:alpha(opacity=0);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;Position:absolute;bottom:30px;left:30px;}


.about-intros .bg-ico {
  position: absolute;
  left: 50%;
  top: -0.42em;
  width: 1.6em;
  height: 1.6em;
  margin-left: -0.7em;
  z-index: -1;
}
.about-intros .bg-ico img {
  width: 100%;
  height: 100%;
}
.about-intros .items {
  text-align: center;
  overflow: hidden;
}
.about-intros .items .item {
  float: left;
  width: 28%;
  margin-left: 8%;
}
.about-intros .items .item .img {
  line-height: 0;
}
.about-intros .items .item .img img {
  width: 1.08em;
  height: 1.08em;
}
.about-intros .items .item .name {
  color: #1E2026;
  font-size: 0.2em;
  font-weight: 500;
  line-height: 1.4;
}
.about-intros .items .item .desc {
  color: #596173;
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  padding: 0 1em;
  margin-top: 0.25em;
}
.about-intros .items .first {
  margin: 0 !important;
}
.contact-intros {
  background: url('../images/bg_contact.png') no-repeat;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.contact-intros .hd {
  text-align: center;
}
.contact-intros .main-desc {
  color: #596173;
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 2em;
  text-align: center;
}
.contact-intros .btns {

  line-height: 0;
  margin: 0.29em auto;
  width: 300px;
}
.contact-intros .btns .btn {
  display: inline-block;
  vertical-align: top;
  background-color: #0663F7;
  color: #fff;
  font-size: 0.24em;
  font-weight: 500;
  line-height: 2.33em;
  border-radius: 0.167em;
  padding: 0 2em;
  white-space: nowrap;
  
   margin: 0 auto;
}
.contact-intros .btns .btn .tel {
  font-size: 1.167em;
  font-weight: 700;
  font-family: "";
}
.contact-intros .btns .btn:hover {
  background-color: #3882F9;
}
.contact-intros.col2 .hd {
  text-align: left;
  overflow: hidden;
}
.contact-intros.col2 .main-title {
  text-align: left;
}
.contact-intros.col2 .col {
  float: left;
  width: 6.34em;
  margin-right: 1em;
}
.contact-intros.col2 .last-col {
  margin-right: 0;
}
.products {
  background-color: #fff;
  padding: 0.48em 0;
}
.products .page-tabs {
  line-height: 0;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}
.products .page-tabs .tab {
  float: left;
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  margin-left: 2.66em;
}
.products .page-tabs .tab a {
  color: #596173;
}
.products .page-tabs .tab:first-child {
  margin-left: 0;
}
.products .page-tabs .tab:hover a,
.products .page-tabs .tab.on a {
  display: inline-block;
  color: #0663F7;
  border-bottom: 1px solid #0663F7;
}
.products .page-conts .p-title {
  font-size: 0.48em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
  margin-top: 1.68em;
}
.products .page-conts .p-desc {
  font-size: 0.18em;
  font-weight: 400;
  line-height: 1.5;
  color: #596173;
  margin-top: 1em;
}
.products .page-conts .g-title {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #1E2026;
  margin-top: 2.5em;
}
.products .page-conts .items {
  overflow: hidden;
}
.products .page-conts .items .item {
  float: left;
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 0.48em;
  text-align: center;
}


.products .page-conts .items .item .img {
  display: flex;
  padding: 2.5px 0;
  height: 200px;
  align-items: center;
  justify-content: center;

}
.products .page-conts .items .item .img img {
  max-width: 100%;
  max-height: 200px;
}
.products .page-conts .items .item .content {
  line-height: 0;
}
.products .page-conts .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.7;
  overflow: hidden; 
  color: #3C414D;
  white-space: nowrap;text-overflow: ellipsis; 
}
.products .page-conts .items .item .desc {
  height: 3.2em;
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 8px;
}
.products .page-conts .items .item .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.2em;
  font-weight: 400;
  height: 2.4em;
  line-height: 2.4em;
  padding: 0 2.4em 0 1.2em;
  margin-top: 1.1em;
  color: #3C414D;
  border: 1px solid #000;
  border-radius: 1.6em;
  position: relative;
}
.products .page-conts .items .item .btn .ico {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.6em;
  width: 1.2em;
  height: 1.2em;
  background: url('../images/arrow-right1.png') no-repeat;
  background-size: 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.products .page-conts .items .item .btn a {
  color: #3C414D;
}
.products .page-conts .items .item .btn:hover {
  background-color: #0663F7;
  border-color: #0663F7;
  color: #fff;
}
.products .page-conts .items .item .btn:hover .ico {
  background-image: url('../images/arrow-right1-hover.png');
  -ms-behavior: url('../css/bgimage.htc') \0;
}
.products .page-conts .items .item .btn:hover a {
  color: #fff;
}
.products .page-conts .items .first-row {
  margin-top: 0;
}
.products .page-conts .items .first-col {
  margin-left: 0;
}
.itv-overview .items {
  overflow: hidden;
}
.itv-overview .items .item {
  padding: 0.32em 0;
  position: relative;
  overflow: hidden;
}
.itv-overview .items .item .img {
  width: 6em;
  line-height: 0;
}
.itv-overview .items .item .img img {
  width: 100%;
}
.itv-overview .items .item .content {
  width: 6.16em;
  height: 1.44em;
  margin-top: 2.1em;
  text-align: left;
}
.itv-overview .items .item .content .name {
  font-size: 0.48em;
  font-weight: 700;
  line-height: 1.5em;
  color: #1E2026;
}
.itv-overview .items .item .content .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6em;
  color: #596173;
  margin-top: 0.4em;
}
.itv-overview .items .img-left .img {
  float: left;
}
.itv-overview .items .img-left .content {
  float: right;
}
.itv-overview .items .img-right .img {
  float: right;
}
.itv-overview .items .img-right .content {
  float: left;
}
.profession-1 {
  background-color: #F4F5F7;
  background-size: 100% 100%;
}
.profession-1 .versions {
  overflow: hidden;
  padding-top: 0.48em;
}
.profession-1 .versions .version {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
}
.profession-1 .versions .version .head {
  background: url('../images/deff_versions_head.jpg') no-repeat;
  background-size: 100% 100%;
  padding: 0.24em 0;
  border-radius: 0.15em 0.15em 0 0;
  text-align: center;
}
.profession-1 .versions .version .head .title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5em;
  color: #FFFFFF;
}
.profession-1 .versions .version .head .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6em;
 color: #FFFFFF;
}
.profession-1 .versions .version .items {
  padding: 0.32em;
  background-color: #fff;
  border-radius: 0 0 0.15em 0.15em;
}
.profession-1 .versions .version .items .item {
  margin-bottom: 0.16em;
}
.profession-1 .versions .version .items .item .name {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6em;
  color: #3A4753;
}
.profession-1 .versions .version .items .item .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5em;
  color: #77829A;
  margin-top: 0.08em;
}
.profession-1 .versions .last-col {
  margin-right: 0;
}
.profession-1 .versions .version:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.profession-1 .controls {
  height: 0.32em;
  margin-top: 0.16em;
  position: relative;
  display: none;
}
.profession-1 .controls .ico-box {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.profession-1 .controls .ico {
  float: left;
  width: 0.32em;
  height: 0.32em;
  margin-left: 0.2em;
  cursor: pointer;
}
.profession-1 .controls .ico:first-child {
  margin-left: 0;
}
.profession-1 .controls .svg-ico {
  fill: #1E2026;
}
.profession-1 .controls .disabled .svg-ico {
  fill: #b5b8be;
}
.diff-products {
  background: #EBF0F7;
  background: -webkit-radial-gradient(100% 0%, 375.3% 135%, #ebf0f7 0%, #ffffff 100%);
  background: radial-gradient(375.3% 135% at 100% 0%, #ebf0f7 0%, #ffffff 100%);
}
.diff-products .list {
  margin-top: 0.8em;
}
.diff-products table.specs col.name {
  width: 1.4em;
}
.diff-products table.specs col.item {
  width: 3.09em;
}
.diff-products table.specs .head .item {
  padding: 0.48em 0.2em 0.72em 0.2em;
  text-align: center;
}
.diff-products table.specs .head .item .img {
  line-height: 0;
}
.diff-products table.specs .head .item .img img {
  width: 1.6em;
  height: 1.6em;
}
.diff-products table.specs .head .item .text {
  font-size: 0.28em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.diff-products table.specs .row .name {
  padding-top: 0.24em;
}
.diff-products table.specs .row .name .text {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.diff-products table.specs .row .item {
  padding: 0.24em;
}
.diff-products table.specs .row .item .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #3C414D;
}
.diff-products table.specs .row .btn-box {
  text-align: center;
  line-height: 0;
  padding: 0.36em 0;
}
.diff-products table.specs .row .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.16em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #0663F7;
  color: #FFFFFF;
  padding: 0.75em 3em;
  border-radius: 5.625em;
}
.diff-products table.specs .row .btn:hover {
  background-color: #3882F9;
}
.diff-products table.specs .line {
  height: 0.01em;
  background-color: #D8DDE8;
}
.diff-products table.specs .mqmesh {
  background-color: #FFFFFF;
}
.diff-products table.specs .mqmesh.first {
  border-radius: 0.24em 0.24em 0 0;
}
.diff-products table.specs .mqmesh.last {
  border-radius: 0 0 0.24em 0.24em;
}



.quanan .main-title {
  margin-bottom: 1.66em;
}
.quanan .items {
  overflow: hidden;
}
.quanan .items .item {
  float: left;
  width: 27.5%;
  margin-left: 8.7%;
  margin-top: 0.48em;
  text-align: center;
}
.quanan .items .item .ico {
  line-height: 0;
}
.quanan .items .item .ico img {

 width: 100%;
}
.quanan .items .item .ico2 {
  line-height: 0;
}
.quanan .items .item .ico2 img {
  width: 0.7em;
  height: 0.7em;
}
.quanan .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
  margin-top: 1em;
  text-align: left;
  
}
.quanan .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 1.6em;
   text-align: left;
}
.quanan .items .item.first-row {
  margin-top: 0;
}
.quanan .items .item.first-col {
  margin-left: 0;
}

.itv-demos {
  background: url('../images/jmbj.jpg')no-repeat;
  background-size: 100% 100%;
}
.itv-demos .main-title {
  color: #fff;
}
.itv-demos .tabs {
  margin: 0.42em 0;
}
.itv-demos .tabs .items {
  margin: 0 auto;
  line-height: 0;
  text-align: center;
  overflow: hidden;
}
.itv-demos .tabs .items .item {
  float: left;
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.68;
  margin-left: 1.83em;
  padding: 0 0.83em;
  color: #EAECF2;
  cursor: default;
}
.itv-demos .tabs .items .item:first-child {
  margin-left: 0;
}
.itv-demos .tabs .items .item:hover,
.itv-demos .tabs .items .item.on {
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  border-radius: 2em;
}
.itv-demos .conts .items {
  overflow: hidden;
}
.itv-demos .conts .items .item {
  line-height: 0;
  display: none;
}
.itv-demos .conts .items .item .list {
  float: right;
  width: 5.7em;
}
.itv-demos .conts .items .item .list .demos {
  overflow: hidden;
}
.itv-demos .conts .items .item .list .demo {
  float: left;
  width: 2.6em;
  height: 1.42em;
  margin-left: 0.24em;
  margin-top: 0.2em;
  padding: 0.04em;
}
.itv-demos .conts .items .item .list .demo img {
  width: 100%;
  height: 100%;
  border: 0.02em solid transparent;
  border-radius: 0.08em;
}
.itv-demos .conts .items .item .list .first-row {
  margin-top: 0;
}
.itv-demos .conts .items .item .list .first-col {
  margin-left: 0;
}
.itv-demos .conts .items .item .list .demo:hover img,
.itv-demos .conts .items .item .list .demo.active img {
  border-color: #fff;
}
.itv-demos .conts .items .item .box {
  float: left;
  width: 7.43em;
  height: 4.9em;
  position: relative;
}
.itv-demos .conts .items .item .box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.itv-demos .conts .items .item .box .bg img {
  width: 100%;
  height: 100%;
}
.itv-demos .conts .items .item .box .content {
  position: absolute;
  left: 0.16em;
  top: 0.16em;
  width: 7.11em;
  height: 4em;
  z-index: 1;
  display: none;
}
.itv-demos .conts .items .item .box .content img {
  width: 100%;
  height: 100%;
}
.itv-demos .conts .items .item .box .content.active {
  display: block;
}
.itv-demos .conts .items .item.on {
  display: block;
}
.diff-features {
  background-color: #fff;
}
.diff-features .main-title {
  text-align: left;
}
.diff-features table.features {
  margin-top: 0.4em;
}
.diff-features table.features col.name {
  width: 2.4em;
}
.diff-features table.features col.item {
  width: 1.52em;
}
.diff-features table.features tr.head th {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #022863;
  padding: 2em 0 0.8em 0;
  border-top: 1px solid #95A2C0;
  text-align: center;
}
.diff-features table.features tr.group td {
  line-height: 0;
  padding: 0.24em 0;
  position: relative;
}
.diff-features table.features tr.group td .text {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.16em;
  font-weight: 400;
  line-height: 3;
  background-color: #fff;
  color: #596173;
  padding-right: 0.625em;
}
.diff-features table.features tr.group td .line {
  height: 1px;
  background-color: #D5DAE6;
}
.diff-features table.features tr.item td {
  font-size: 0.16em;
  line-height: 1.5;
  padding: 1em 0;
}
.diff-features table.features tr.item td.name {
  font-weight: 500;
  color: #022863;
}
.diff-features table.features tr.item td.value {
  font-weight: 400;
  color: #0663F7;
  text-align: center;
}
.diff-features table.features tr.item td.value .yes,
.diff-features table.features tr.item td.value .no {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 1.5em;
}
.diff-features table.features tr.item td.value .yes {
  background-color: #0663F7;
}
.diff-features table.features tr.item td.value .no {
  background-color: #BFC7D9;
}
.pr-canshu {
  background-color: #fff;
}
.pr-canshu .bg-hd {
  background-color: #fff;
  padding: 0.64em;
}
.pr-canshu .main-title {
  text-align: left;
}
.pr-canshu .main-title.center {
  text-align: center;
}
.pr-canshu table.specs {
  margin-top: 0.32em;
  text-align: left;
}
.pr-canshu table.specs col.name {
  width: 1.8em;
}
.pr-canshu table.specs col.item {
  width: 2em;
}
.pr-canshu table.specs col.name2 {
  width: 1.71em;
}
.pr-canshu table.specs col.item2 {
  width: 3.64em;
}
.pr-canshu table.specs col.w140 {
  width: 1.4em;
}
.pr-canshu table.specs col.w680 {
  width: 6.8em;
}
.pr-canshu table.specs col.w220 {
  width: 2.2em;
}
.pr-canshu table.specs col.w168 {
  width: 1.68em;
}
.pr-canshu table.specs tr.head th {
  padding: 0.32em 0 0.16em 0;
  border-top: 1px solid #95A2C0;
}
.pr-canshu table.specs tr.head th .img {
  width: 1.6em;
  margin-bottom: 0.12em;
  line-height: 0;
}
.pr-canshu table.specs tr.head th .img img {
  width: 100%;
  height: 100%;
}
.pr-canshu table.specs tr.head th .img.w3 {
  width: 3em;
}
.pr-canshu table.specs tr.head th .img.w4 {
  width: 4em;
}
.pr-canshu table.specs tr.head th .name {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 2;
  color: #022863;
  width: 8em;
  text-align: center;
}
.pr-canshu table.specs tr.head th .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #022863;
}
.pr-canshu table.specs tr.head th .sub-name {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5;
}
.pr-canshu table.specs tr.head2 th {
  color: #022863;
  font-size: 0.24em;
  font-weight: 700;
  text-align: left;
}
.pr-canshu table.specs tr.ta-left th .name,
.pr-canshu table.specs tr.ta-left th .desc {
  text-align: left;
}
.pr-canshu table.specs tr.group td {
  line-height: 0;
  padding: 0.16em 0;
  position: relative;
}
.pr-canshu table.specs tr.group td .line {
  height: 1px;
  background-color: #D5DAE6;
}
.pr-canshu table.specs tr.item td {
  padding: 16px 0;
}
.pr-canshu table.specs tr.item td.name {
  font-size: 0.24em;
  font-weight: 700;
  color: #022863;
}
.pr-canshu table.specs tr.item td.value {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #1E2026;
  padding-left: 1em;
}
.pr-canshu table.small-text tr.item td.name {
  font-size: 0.2em;
}
.pr-canshu table.small-text tr.item td.value {
  font-size: 0.16em;
  padding-left: 0;
}
.pr-canshu2 {
  background: url('../images/features2.jpg') no-repeat;
  background-size: cover;
  -ms-behavior: url('../images/bgimage.htc') \0;
  position: relative;
  overflow: hidden;
}
.pr-canshu2 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.pr-canshu2 .bg img {
  width: 100%;
}
.pr-canshu2 .main-title {
  color: #fff;
}
.pr-canshu2 .list {
  width: 7.53em;
  margin: 0.8em 0;
}
.pr-canshu2 .items {
  overflow: hidden;
}
.pr-canshu2 .items .item {
  float: left;
  width: 50%;
  margin-top: 0.4em;
}
.pr-canshu2 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
.pr-canshu2 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #EAECF2;
  word-break: break-all;
  padding-right: 1em;
  margin-top: 0.2em;
}
.pr-canshu2 .items .item.first-row {
  margin-top: 0;
}
.pr-canshu2.bg-iot-chip {
  background-image: url('../images/bg.jpg');
}
.product-manual {
  background-color: #F9F9F9;
}
.product-manual .hd {
  overflow: hidden;
}
.product-manual .content {
  float: left;
  margin-top: 3.37em;
  font-family: "PingFang SC";
}
.product-manual .content .title {
  color: #1e2026;
  font-size: 0.64em;
  font-weight: 400;
  line-height: 1;
}
.product-manual .content .more {
  line-height: 0;
  margin-top: 0.32em;
}
.product-manual .content .more .link {
  color: #0663f7;
  font-size: 0.17em;
  font-weight: 400;
  line-height: 1.1;
  vertical-align: top;
}
.product-manual .img {
  float: right;
  width: 8.8em;
  height: 8em;
  line-height: 0;
}
.product-manual .img img {
  width: 100%;
  height: 100%;
}
.soft-dl .hd {
  height: 4.33em;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url('../images/bgimage.htc') \0;
  border-radius: 0.24em;
  overflow: hidden;
}
.soft-dl .bg-itv1 {
  background-image: url('../images/bg.png');background-size: 100%;height: 400px;position: relative;overflow: hidden; background-repeat: no-repeat;
}
.soft-dl .bg-itv2 {
  background-image: url('../images/bg2.png');
}
.soft-dl .bg-itv3 {
  background-image: url('../images/bg3.png');
}
.soft-dl .bg-itvgw {
  background-image: url('../images/bg.png');
}
.soft-dl .bg-hotplay {
  background-image: url('../images/bg.png');
}
.soft-dl .bg-router {
  background-image: url('../images/bg.png');
}
.soft-dl .bg-ap {
  background-image: url('../images/bg.png');
}
.soft-dl .bg-iot {
  background-image: url('../images/bg.png');
}
.soft-dl .bg-alm {
  background-image: url('../images/bg.png');
}
.soft-dl .content {
  color: #fff;
  margin: 0.98em 0 0 0.87em;
}
.soft-dl .content .title {
  font-size: 0.48em;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 8%;
}
.soft-dl .content .btns {
  margin-top: 0.32em;
}
.soft-dl .content .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 2.8em;
  border-radius: 0.3em;
  background-color: #1E2026;
  color: #fff;
  padding: 0 2.2em;
  cursor: pointer;
}
.soft-dl .content .btn:hover {
  background-color: #45484B;
}
.soft-dl .content .items {
  margin-top: 0.32em;
  overflow: hidden;
}
.soft-dl .content .items .item {
  float: left;
  width: 1.56em;
  height: 1.56em;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  border-radius: 0.12em;
  margin-right: 0.32em;
  cursor: pointer;
}
.soft-dl .content .items .item .ico {
  width: 0.56em;
  height: 0.56em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0.24em auto 0.16em;
}
.soft-dl .content .items .item .ico-server {
  background-image: url('../images/ico_server.png');
}
.soft-dl .content .items .item .ico-app {
  background-image: url('../images/ico_app.png');
}
.soft-dl .content .items .item .ico-pc {
  background-image: url('../images/ico_pc.png');
}
.soft-dl .content .items .item .name {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.soft-dl .content .items .item:hover {
  background-color: #fff;
  color: #1E2026;
}
.soft-dl .content .items .item:hover .ico-server {
  background-image: url('../images/ico_server_hover.png');
}
.soft-dl .content .items .item:hover .ico-app {
  background-image: url('../images/ico_app_hover.png');
}
.soft-dl .content .items .item:hover .ico-pc {
  background-image: url('../images/ico_pc_hover.png');
}
.zn-di {
  padding: 0.76em 0 0.48em 0;
  overflow: hidden;
}
.zn-di .hd {
  overflow: hidden;
}
.zn-di .content {
  float: right;
  margin-top: 0.53em;
}
.zn-di .content .title {
  color: #1E2026;
  font-size: 0.48em;
  font-weight: 700;
  font-family: "Source Han Sans CN";
  text-align: left;
  line-height: 1.5;
}
.zn-di .content .props {
  margin: 0.4em 0;
}
.zn-di .content .props .items .item {
  color: #596173;
  font-size: 0.2em;
  font-weight: 400;
  font-family: "PingFang SC";
  text-align: left;
  line-height: 1.6;
  list-style: disc inside;
}
.zn-di .content .btns {
  line-height: 0;
  overflow: hidden;
}
.zn-di .content .btns .btn {
  float: left;
}
.zn-di .content .btns .btn1 {
  background-color: #0663F7;
  color: #F4F7FB;
  font-size: 0.2em;
  font-weight: 500;
  font-family: "PingFang SC";
  text-align: center;
  line-height: 1.4;
  padding: 0.5em 1.75em;
  border-radius: 1.3em;
}
.zn-di .content .btns .btn1:hover {
  background-color: #3882F9;
}
.zn-di .content .btns .btn2 {
  margin-left: 0.32em;
  line-height: 0;
}
.zn-di .content .btns .btn2 .ico {
  float: left;
  width: 0.24em;
  height: 0.24em;
  margin-top: 0.12em;
  margin-right: 0.06em;
}
.zn-di .content .btns .btn2 .text {
  float: left;
  color: #0663F7;
  font-size: 0.2em;
  font-weight: 400;
  font-family: "PingFang SC";
  text-align: center;
  line-height: 2.4;
}
.zn-di .content .btns .btn2:hover .text {
  text-decoration: underline;
}
.zn-di .img {
  float: left;
  width: 8.33em;
  
  line-height: 0;
}
.zn-di .img img {
  width: 100%;
  height: 100%;
}
.product-1 {
  overflow: hidden;
  background-color: #fff;
}
.product-1 .overview {
  float: left;
  width: 48%;
}

.product-1 .overview p{font-size: 16px;}
.product-1 .overview .main-title {
  text-align: left;
}
.product-1 .overview .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.4em;
  text-align: left;
}
.product-1 .overview .img {
  line-height: 0;
  margin-top: 0.64em;
}
.product-1 .overview .img img {
  width: 90%;
}
.product-1 .props {
  float: right;
  width: 48%;
}
.product-1 .props .items .item {
  background-color: #FAFBFD;
  border-radius: 0.16em;
  border: 2px solid #F4F7FB;
  padding: 0.32em;
  margin-bottom: 0.32em;
}
.product-1 .props .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #022863;
  margin-top: 0.375em;
}
.product-1 .props .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  margin-top: 0.8em;
}
.product-1 .props .items .item.last {
  margin-bottom: 0;
}
.product-1 .props .items .item:hover {
  background-color: #fff;
}
.product-12 {
  overflow: hidden;
}
.product-12 .overview {
  float: right;
  width: 6.73em;
}
.product-12 .overview img {
  width: 100%;
}
.product-12 .props {
  float: left;
  width: 6.44em;
}
.product-12 .props .items {
  float: left;
  margin-top: 0.8em;
}
.product-12 .props .items .item {
  float: left;
  width: 2.2em;
  height: 1.72em;
  padding: 0.32em;
  border-width: 0 0 0.01em 0.01em;
  border-style: solid;
  border-color: transparent;
}
.product-12 .props .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #022863;
}
.product-12 .props .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  margin-top: 0.8em;
}
.product-12 .props .items .item:first-child {
  backdrop-filter: blur(0.16em);
  box-shadow: -0.55em 0.24em 0.93em 0 rgba(111, 118, 138, 0.08);
}
.product-12 .props .items .item:nth-child(2n) {
  border-color: #F4F7FB;
}
.product-12 .props .items .item:last-child {
  border-bottom-color: transparent;
}
.product-12 .props .items .item:hover {
  background: #fff;
  border-radius: 0.24em;
  border-color: transparent;
  backdrop-filter: blur(0.16em);
  box-shadow: -0.55em 0.24em 0.93em 0 rgba(111, 118, 138, 0.08);
}
.product-12 .props .items.col3 {
  width: 6.16em;
  height: 5.2em;
  margin-bottom: 0.72em;
  position: relative;
}
.product-12 .props .items.col3 .item {
  position: absolute;
  border: 0.02em solid #F4F7FB;
}
.product-12 .props .items.col3 .item1 {
  left: 0;
  top: 0;
}
.product-12 .props .items.col3 .item2 {
  right: 0;
  top: 1.2em;
}
.product-12 .props .items.col3 .item3 {
  left: 0;
  bottom: 0;
}
.product-13 .main-desc {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 1.6;
  color: #171a1d;
  width: 40em;
  margin: 2.66em auto 0;
  max-width: 100%;
}
.product-13 .overview {
  margin-top: 0.48em;
  overflow: hidden;
}
.product-13 .props {
  float: left;
  width: 40%;
}
.product-13 .props .items .item {
  padding: 0.08em 0.12em;
  margin-top: 0.2em;
  border: 1px solid #9bc1fc;
  border-radius: 0.08em;
}
.product-13 .props .items .item .name {
  font-size: 0.2em;
  font-weight: 600;
  line-height: 1.6;
  color: #1e2026;
}
.product-13 .props .items .item .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.56;
  color: #3c414d;
  margin-top: 0.6em;
}

.product-13 .props .items .first {
  margin-top: 0;
}
.product-13 .img {
  float: right;
  width: 8.54em;
  border-radius: 0.2em;
}
.product-13 .img img {
  width: 100%;
}
.product-14 .items {
  overflow: hidden;
}
.product-14 .items .item {
  float: left;
  width: 6.56em;
  margin-top: 0.64em;
}
.product-14 .items .item .ico {
  float: left;
  line-height: 0;
}
.product-14 .items .item .ico img {
  width: 0.56em;
  height: 0.56em;
}
.product-14 .items .item .content {
  margin-left: 0.8em;
}
.product-14 .items .item .name {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #3C414D;
}
.product-14 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.2em;
}
.product-14 .items .item:nth-child(2n) {
  margin-left: 0.64em;
}
.product-15 {
  overflow: hidden;
}
.product-15 .hd {
  background-color: #F4F7FB;
  padding: 0.8em;
  width: 12.16em;
  border-radius: 0.4em;
  overflow: hidden;
}
.product-15 .overview {
  position: absolute;
  bottom: 0;
  right: 0.8em;
  width: 6.2em;
  line-height: 0;
}
.product-15 .overview img {
  width: 100%;
}
.product-15 .props {
  float: left;
  width: 5.16em;
}
.product-15 .props .items {
  float: left;
  margin-top: 0.8em;
}
.product-15 .props .items .item {
  margin-top: 0.48em;
}
.product-15 .props .items .item .label {
  height: 0.32em;
  background: url('../images/label.png') no-repeat;
  margin-bottom: 0.12em;
}
.product-15 .props .items .item .name {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #1E2026;
}
.product-15 .props .items .item:first-child {
  margin-top: 0;
}
.product-props {
  overflow: hidden;
}
.product-props .main-desc {
  color: #596173;
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-top: 0.5em;
}
.product-props .props {
  margin-top: 0.48em;
}
.product-props .props .items {
  overflow: hidden;
}
.product-props .props .items .item {
  float: left;
  width: 25%;
  text-align: center;
}
.product-props .props .items .item .img {
  width: 1.72em;
  height: 1.72em;
  margin: 0 auto;
}
.product-props .props .items .item .img img {
  width: 100%;
  height: 100%;
}
.product-props .props .items .item .name {
  color: #1e2026;
  font-size: 0.28em;
  font-weight: 400;
  line-height: 1.5;
}
.more-props .props {
  margin-top: 0.8em;
}
.more-props .props .items {
  overflow: hidden;
}
.more-props .props .items .item {
  float: left;
  height: 5.8em;
  width: 15.99%;
  margin-left: 0.87%;
  line-height: 0;
  overflow: hidden;
  position: relative;
}


/*首页选择*/
  .adlist{ background: url(../images/s-b1-bg.jpg); background-size: cover; padding-top: 45px; padding-bottom: 60px;}
  .adlist-title{color: #fff; text-align: center; padding-bottom: 40px;}
  .adlist-title h3{font-size: 34px; }
  .adlist-title p{font-size: 16px; }
  
  .adlist ul{width: 100%; margin: 0 auto;}
  .adlist ul li img{width: 60px;}
  .adlist ul li{float: left; width: 23%; padding: 12px; text-align: center; color: #fff;border-left: 1px solid #FFFFFF;}
  .adlist ul li h3{padding-top: 15px; font-size: 20px; padding-bottom: 10px;}
  .adlist ul li p{font-size:16px;line-height: 30px;width: 80%;margin: 0 auto;}
.adlist ul li:nth-child(4) {border-right: 1px solid #FFFFFF;}



.more-props .props .items .item img {
  width: 100%;
  height: 100%;
}
.more-props .props .items .item .min {
  display: block;
}
.more-props .props .items .item .max {
  display: none;
}
.more-props .props .items .item:first-child {
  margin-left: 0;
}
.more-props .props .items .item.on {
  width: 49.4%;
}
.more-props .props .items .item.on .min {
  display: none;
}
.more-props .props .items .item.on .max {
  display: block;
}
.product-matrix {
  background-color: #F9F9F9;
}
.product-matrix .hd {
  position: relative;
  height: 8em;
}
.product-matrix .main-title {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.75em;
}
.product-matrix .img {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0;
}
.product-matrix .img img {
  max-width: 100%;
}
.itvgw-features {
  background-color: #fff;
}
.itvgw-features .hd {
  overflow: hidden;
}
.itvgw-features .main-title {
  text-align: left;
  margin-bottom: 0.64em;
}
.itvgw-features .section {
  float: left;
  width: 4.8em;
}
.itvgw-features .features {
  border: 0.02em solid #F4F7FB;
  border-radius: 0.24em;
  padding: 0.32em;
  overflow: hidden;
  position: relative;
}
.itvgw-features .features .bg {
  position: absolute;
  top: -0.2em;
  right: -0.2em;
  z-index: 2;
  width: 1.6em;
  height: 1.6em;
  background-color: #fff;
  line-height: 0;
}
.itvgw-features .features .bg img {
  width: 100%;
  height: 100%;
}
.itvgw-features .features .title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
}
.itvgw-features .features .group {
  line-height: 0;
  padding: 0.12em 0;
  margin: 0.16em 0;
  position: relative;
}
.itvgw-features .features .group .text {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  background-color: #fff;
  color: #596173;
  padding-right: 0.625em;
}
.itvgw-features .features .group .line {
  height: 1px;
  background-color: #D5DAE6;
}
.itvgw-features .features .item {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  color: #022863;
}
.itvgw-features .section1 {
  margin-left: 1.52em;
}
.itvgw-features .section1 .features .title {
  color: #0663F7;
}
.itvgw-features .section2 {
  margin-left: 0.64em;
}
.itvgw-features .section2 .features .bg {
  top: 0;
  height: 1.69em;
}
.itvgw-features .section2 .features .title {
  color: #FC8A32;
}
.product-2 {
 background-color: #f4f5f7;
}
.product-2 .main-title {
  color: #FFFFFF;
  text-align: left;
}
.product-2 table.features {
  margin-top: 0.4em;
}
.product-2 table.features col.title {
  width: 2.4em;
}
.product-2 table.features col.name {
  width: 6.08em;
}
.product-2 table.features col.value {
  width: 5.28em;
}
.product-2 table.features tr.group td {
  line-height: 0;
  padding: 0.24em 0;
  position: relative;
}
.product-2 table.features tr.group td .line {
  height: 1px;
  background-color: #d3d4d6;
}
.product-2 table.features tr.group td .line2 {
  height: 1px;
  background-color: #d3d4d6;
}
.product-2 table.features tr.item td {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.8;
  color: #FFFFFF;
  padding: 1em 0;
  vertical-align: top;
}
.product-2 table.features tr.item td.title {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
}
.product-2 table.features tr.item td.name {
  padding-right: 4em;
}
.product-2 table.features tr.item td.value {
  word-break: break-all;
  
}
.product-2 table.features tr.item ul.list li {
  word-break: break-all;
  margin-bottom: 1.5em;
  width: 90%;
}
.product-2 table.features tr.item ul.list li.last {
  margin-bottom: 0;
}
.product-2.bg1 {
  background-image: url('../images/features1.jpg');
}
.product-2.bg22 {
 background-color: #f4f5f7!important;
}
.product-2.bg3 {
  background-image: url('../images/features3.jpg');
}
.product-2.bg4 {
  background-image: url('../images/features4.jpg');
}
.product-2.bg5 {
  background-image: url('../images/features5.jpg');
}
.product-22 .list {
  margin-top: 0.4em;
}
.product-22 .items {
  border-style: solid;
  border-color: #95A2C0;
  border-width: 1px 0;
}
.product-22 .items .item {
  border-top: 1px solid #D5DAE6;
  line-height: 0.36em;
  padding: 0.4em;
  overflow: hidden;
}
.product-22 .items .item .name {
  float: left;
  font-size: 0.24em;
  font-weight: 700;
  color: #022863;
  width: 10em;
}
.product-22 .items .item .desc {
  float: left;
  font-size: 0.2em;
  font-weight: 400;
  color: #3C414D;
}
.product-22 .items .item.first {
  border-width: 0;
}
.solution-iots {
  background-color: #FFFFFF;
}
.solution-iots .hd {
  background-color: #F4F7FB;
  border-radius: 0.36em;
  padding: 0.64em 0 0.64em 0.64em;
  overflow: hidden;
}
.solution-iots .content {
  width: 5.82em;
}
.solution-iots .content .title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #011431;
}
.solution-iots .content .desc {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #77829A;
  margin-top: 1em;
}
.solution-iots .content .btns {
  margin-top: 0.4em;
  line-height: 0;
}
.solution-iots .content .btns .btn {
  display: inline-block;
  vertical-align: top;
  background-color: #0663F7;
  color: #fff;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  padding: 0.6em 2em;
  border-radius: 0.25em;
}
.solution-iots .content .btns .btn:hover {
  background-color: #3882F9;
}
.solution-iots .img {
  position: absolute;
  top: -0.24em;
  right: -0.35em;
  width: 7.41em;
  height: 4.53em;
  line-height: 0;
}
.solution-iots .img img {
  width: 100%;
  height: 100%;
}
.solution-scenes {
  background-color: #F4F7FB;
}
.solution-scenes .list {
  margin-top: 0.48em;
}
.solution-scenes .items {
  overflow: hidden;
}
.solution-scenes .items .item {
  height: 3.87em;
}
.solution-scenes .items .item .content,
.solution-scenes .items .item .img {
  width: 50%;
  height: 100%;
}
.solution-scenes .items .item .content {
  background-color: #FFFFFF;
  font-family: "PingFang SC";
}
.solution-scenes .items .item .content .inner {
  padding: 0.95em 1.2em;
}
.solution-scenes .items .item .content .title {
  color: #1E2026;
  font-size: 0.34em;
  font-weight: 500;
  line-height: 1.5;
}
.solution-scenes .items .item .content .desc {
  color: #77829A;
  font-size: 0.18em;
  font-weight: 400;
  line-height: 1.55;
  margin-top: 0.89em;
}
.solution-scenes .items .item .content .props {
  margin-top: 0.16em;
  overflow: hidden;
}
.solution-scenes .items .item .content .props .prop {
  float: left;
}
.solution-scenes .items .item .content .props .prop .p-ico {
  width: 0.52em;
  height: 0.52em;
  margin-bottom: 0.13em;
  line-height: 0;
}
.solution-scenes .items .item .content .props .prop .p-ico img {
  width: 100%;
  height: 100%;
}
.solution-scenes .items .item .content .props .prop .p-name {
  color: #1E2026;
  font-size: 0.14em;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
}
.solution-scenes .items .item .content .props .plus {
  float: left;
  color: #1E2026;
  font-size: 0.18em;
  font-weight: 400;
  line-height: 3.8;
  margin: 0 0.66em;
}
.solution-scenes .items .item .img {
  text-align: center;
}
.solution-scenes .items .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.solution-scenes .items .img-left .content {
  float: right;
}
.solution-scenes .items .img-left .img {
  float: left;
}
.solution-scenes .items .img-right .content {
  float: left;
}
.solution-scenes .items .img-right .img {
  float: right;
}
.solution-onus {
  background: url('../images/fanganbg.png') no-repeat;
  background-size: cover;
  -ms-behavior: url('../images/bgimage.htc') \0;
  background-color: #F4F7FB;
}
.solution-onus .list {
  height: 6.72em;
  margin-top: 0.64em;
}
.solution-onus .items {
  position: relative;
}
.solution-onus .items .item {
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url('../images/bgimage.htc') \0;
  padding: 0.32em;
  border-top: 0.06em solid transparent;
}
.solution-onus .items .item .title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.solution-onus .items .item .desc {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #77829A;
  margin-top: 0.67em;
}
.solution-onus .items .item1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.61em;
  height: 6.02em;
  background-image: url('../images/bg_item1.png');
}
.solution-onus .items .item2 {
  position: absolute;
  left: 4.57em;
  top: 0;
  width: 8.55em;
  height: 2.5em;
  background-image: url('../images/bg_item2.png');
}
.solution-onus .items .item3 {
  position: absolute;
  left: 4.57em;
  top: 3.52em;
  width: 3.79em;
  height: 2.5em;
  background-image: url('../images/bg_item3.png');
  background-color: #fff;
}
.solution-onus .items .item4 {
  position: absolute;
  left: 9.325em;
  top: 3.52em;
  width: 3.79em;
  height: 2.5em;
  background-image: url('../images/bg_item4.png');
  background-color: #fff;
}
.solution-onus .items .item:hover {
  border-color: #0663F7;
  box-shadow: 0 0.32em 0.64em 0 rgba(0, 0, 0, 0.2);
}
.solution-iptvs {
  background-color: #fff;
}
.solution-iptvs .list {
  margin-top: 0.8em;
}
.solution-iptvs .items {
  overflow: hidden;
}
.solution-iptvs .items .item {
  float: left;
  width: 32%;
  margin-left: 2%;
  margin-top: 0.4em;
}
.solution-iptvs .items .item .content {
  height: 0.8em;
  padding: 0.64em 0.55em;
  border: 1px solid #EAECF2;
  border-radius: 0.12em;
}
.solution-iptvs .items .item .ico {
  float: left;
  width: 0.64em;
  height: 0.64em;
  line-height: 0;
}
.solution-iptvs .items .item .ico img {
  width: 100%;
  height: 100%;
}
.solution-iptvs .items .item .name {
  display: block;
  font-size: 0.28em;
  font-weight: 700;
  line-height: 1.5;
  color: #011431;
  margin-left: 3.14em;
}
.solution-iptvs .items .item.first-row {
  margin-top: 0;
}
.solution-iptvs .items .item.first-col {
  margin-left: 0;
}
.solution-iptvs .items .item:hover .content {
  background-color: #F4F7FB;
  border-color: transparent;
}
.solution-cases {
  background-color: #fff;
}
.solution-cases .tabs {
  margin-top: 0.48em;
}
.solution-cases .tabs .items {
  min-width: 5.6em;
  overflow: hidden;
}
.solution-cases .tabs .items .item {
  float: left;
  width: 16.66%;
  line-height: 0;
  text-align: center;
  cursor: pointer;
}
.solution-cases .tabs .items .item .img {
  height: 0.32em;
  margin-bottom: 0.12em;
}
.solution-cases .tabs .items .item .img img {
  height: 100%;
}
.solution-cases .tabs .items .item .name {
  display: inline-block;
  vertical-align: top;
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.5;
  color: #3C414D;
  padding-bottom: 0.3em;
  border-bottom: 0.25em solid transparent;
}
.solution-cases .tabs .items .item.hover .name,
.solution-cases .tabs .items .item.on .name {
  color: #0663F7;
  border-color: #0663F7;
}
.solution-cases .conts {
  margin-top: 0.48em;
}
.solution-cases .conts .items .item {
  padding: 0 0.88em;
  overflow: hidden;
  display: none;
}
.solution-cases .conts .items .item .img {
  float: left;
  width: 4.8em;
  height: 4.8em;
  line-height: 0;
}
.solution-cases .conts .items .item .img img {
  width: 100%;
  height: 100%;
}
.solution-cases .conts .items .item .content {
  margin: 0.48em 0 0 5.28em;
}
.solution-cases .conts .items .item .content .name {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.solution-cases .conts .items .item .content .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  margin-top: 1em;
}
.solution-cases .conts .items .item .content .btns {
  margin-top: 0.24em;
  line-height: 0;
}
.solution-cases .conts .items .item .content .btns .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.16em;
  font-weight: 700;
  color: #225FFD;
  height: 3em;
  line-height: 3em;
  padding: 0 3em;
  border: 1px solid #225FFD;
  border-radius: 0.25em;
}
.solution-cases .conts .items .item .content .btns .btn:hover {
  background-color: #225FFD;
  color: #fff;
}
.solution-cases .conts .items .item.on {
  display: block;
}
.solution-deploy .main-desc {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #767676;
  width: 49.5em;
  margin: 1em auto 0;
  text-align: center;
}
.solution-deploy .img {
  width: 8.25em;
  height: 6.01em;
  background: url('../images/browser1.png') no-repeat;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
  padding: 1.13em 1.97em 0.7em 1.98em;
  text-align: center;
  line-height: 0;
  margin: 0.32em auto 0;
}
.solution-deploy .img a {
  height: 5.91em;
  display: table-cell;
  vertical-align: middle;
}
.solution-deploy .img img {
  max-width: 100%;
  max-height: 100%;
}
.solution-deploy .img.no-bg {
  width: auto;
  height: auto;
  background: none;
  padding: 0;
}
.solution-deploy .img.no-bg img {
  max-height: 10em;
}
.solution-info1 .hd {
  overflow: hidden;
}
.solution-info1 .content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5.26em;
  margin-top: -1.5em;
}
.solution-info1 .content .desc {
  font-size: 0.24em;
  font-weight: 300;
  line-height: 1.6;
  color: #3C414D;
}
.solution-info1 .content .btns {
  margin-top: 0.48em;
}
.solution-info1 .content .btns .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #225FFD;
  height: 3.2em;
  line-height: 3.2em;
  padding: 0 2.1em;
  border: 1px solid #225FFD;
  border-radius: 0.2em;
}
.solution-info1 .content .btns .btn.first {
  margin-left: 0;
}
.solution-info1 .content .btns .btn:hover,
.solution-info1 .content .btns .btn.on {
  background-color: #0663F7;
  border-color: transparent;
  color: #fff;
}
.solution-info1 .img {
  float: right;
  line-height: 0;
  width: 6.6em;
  height: 6.6em;
}
.solution-info1 .img img {
  width: 100%;
  height: 100%;
}
.ipo-3 .hd {
  overflow: hidden;
}
.ipo-3 .img-box {
  float: left;
  width: 5.71em;
}
.ipo-3 .img {
  line-height: 0;
}
.ipo-3 .img img {
  width: 100%;
}
.ipo-3 .content {
  float: right;
  width: 7.57em;
}
.ipo-3 .items .item {
  padding: 0.16em;
  border: 1px solid transparent;
}
.ipo-3 .items .item .title {
  line-height: 0.48em;
  overflow: hidden;
}
.ipo-3 .items .item .title .ico1 {
  float: left;
  width: 0.48em;
  height: 0.48em;
  margin-right: 0.16px;
  line-height: 0;
}
.ipo-3 .items .item .title .ico1 img {
  width: 100%;
  height: 100%;
}
.ipo-3 .items .item .title .text {
  float: left;
  font-size: 0.24em;
  font-weight: 700;
  color: #1E2026;
}
.ipo-3 .items .item .title .ico2 {
  float: right;
  font-size: 0.24em;
  font-weight: 700;
  color: #596173;
}
.ipo-3 .items .item .detail {
  margin-top: 0.1em;
  display: none;
}
.ipo-3 .items .item .detail .texts .text {
  list-style: inside disc;
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
}
.ipo-3 .items .item:hover,
.ipo-3 .items .item.on {
  border-color: #0663F7;
  border-radius: 8px;
}
.ipo-3 .items .item:hover .detail,
.ipo-3 .items .item.on .detail {
  display: block;
}
.solution-info3 .hd {
  overflow: hidden;
}
.solution-info3 .content {
  position: absolute;
  left: 0;
  top: 50%;
  width: 5.12em;
}
.solution-info3 .content .main-title {
  text-align: left;
}
.solution-info3 .content .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 2.1em;
}
.solution-info3 .content .btns {
  margin-top: 0.42em;
  line-height: 0;
}
.solution-info3 .content .btns .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  background-color: #0663F7;
  color: #fff;
  border-radius: 0.25em;
  padding: 0.6em 2em;
}
.solution-info3 .list {
  float: right;
  width: 7.44em;
  height: 7.44em;
}
.solution-info3 .items {
  position: relative;
  height: 100%;
}
.solution-info3 .items .item {
  position: absolute;
  width: 2.92em;
  height: 2.92em;
  padding: 0.32em;
  border: 0.02em solid #F4F7FB;
  border-radius: 0.24em;
  color: #1E2026;
}
.solution-info3 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
}
.solution-info3 .items .item1 {
  left: 0;
  top: 50%;
  margin-top: -1.8em;
  background-color: #0663F7;
  color: #fff;
  border-color: transparent;
}
.solution-info3 .items .item2 {
  right: 0;
  top: 0;
}
.solution-info3 .items .item3 {
  right: 0;
  bottom: 0;
}
.solution-info4 .main-desc {
  font-size: 0.24em;
  font-weight: 300;
  line-height: 1.5;
  color: #182F43;
  text-align: center;
  margin-top: 1em;
}
.solution-info4 .main-desc2 {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.5;
  color: #182F43;
  text-align: center;
  margin-top: 6em;
}
.solution-info4 .list {
  margin-top: 0.8em;
  overflow: hidden;
}
.solution-info4 .items {
  width: 4.8em;
  float: left;
}
.solution-info4 .items .item {
  margin-top: 0.8em;
}
.solution-info4 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  background: #BCE3FF;
  background: -webkit-linear-gradient(left, #bce3ff 0%, rgba(245, 251, 254, 0) 100%);
  background: linear-gradient(90deg, #bce3ff 0%, rgba(245, 251, 254, 0) 100%);
  color: #1E2026;
  padding: 0.17em 0.67em;
  margin-bottom: 0.5em;
}
.solution-info4 .items .item .desc {
  font-size:14px;
  font-weight: 400;
  line-height: 1.5;
  color: #3C414D;
  padding: 0.25em 1em;
}
.solution-info4 .items .item.first {
  margin-top: 0;
}
.solution-info4 .img {
  float: left;
  width: 3.99em;
  margin: 0.63em 0.48em 0;
  line-height: 0;
}
.solution-info4 .img img {
  width: 100%;
}
.ipo-1 .main-desc {
  font-size: 0.24em;
  font-weight: 300;
  line-height: 1.5;
  color: #182F43;
  text-align: center;
  margin-top: 1em;
}
.ipo-1 .list {
  margin-top: 0.75em;
  overflow: hidden;
}
.ipo-1 .items {
  width: 3.92em;
  float: left;
}
.ipo-1 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
  margin-bottom: 0.5em;
}
.ipo-1 .items .item .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #3C414D;
}
.ipo-1 .items1 .item {
  text-align: right;
}
.ipo-1 .items1 .item1 {
  margin-top: 0.1em;
}
.ipo-1 .items1 .item2 {
  margin-top: 1.05em;
}
.ipo-1 .items1 .item3 {
  margin-top: 1em;
}
.ipo-1 .items2 .item1 {
  margin-top: 0.1em;
}
.ipo-1 .items2 .item2 {
  margin-top: 0.55em;
}
.ipo-1 .items2 .item3 {
  margin-top: 0.8em;
}
.ipo-1 .img {
  float: left;
  width: 5.61em;
  margin-right: 0.16em;
  line-height: 0;
}
.ipo-1 .img img {
  width: 100%;
}
.solution-overview1 .hd {
  width: 14.68em;
}
.solution-overview1 .items {
  overflow: hidden;
}
.solution-overview1 .items .item {
  padding: 0.32em 0;
  position: relative;
  overflow: hidden;
}
.solution-overview1 .items .item .img {
  width: 7.2em;
  height: 5.6em;
  line-height: 0;
}
.solution-overview1 .items .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.solution-overview1 .items .item .content {
  width: 6.4em;
  text-align: left;
}
.solution-overview1 .items .item .content .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6em;
  color: #3C414D;
  margin-top: 0.4em;
  display: table-cell;
  height: 28em;
  vertical-align: middle;
}
.solution-overview1 .items .img-left .img {
  float: left;
}
.solution-overview1 .items .img-left .content {
  float: right;
}
.solution-overview1 .items .img-right .img {
  float: right;
}
.solution-overview1 .items .img-right .content {
  float: left;
}
.groggery-2 .containera {
 
  border-radius: 0.48em;
  padding: 0.46em 0.36em 0 0.36em;
  margin-top: 0.48em;
  overflow: hidden;
  background-color: #f4f5f7;
}
.groggery-2 .bg {
 
}
.groggery-2 .bg img {
  width: 100%;
}
.groggery-2 .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  text-align: center;
  margin-top: 0.8em;
}
.groggery-2 .list {
  float: left;
  width: 43%;
}
.groggery-2 .items .item {
  background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0.12em;
    padding: 0.2em 0.16em;
    margin-top: 0.34em;
}
.groggery-2 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.6;
  color: #3C414D;
  margin-bottom: 0.2em;
}
.groggery-2 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
}
.groggery-2 .items .item.first {
  margin-top: 0;
}
.groggery-2 .items .item:hover {
  border-color: #0663F7;
  box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.15);
}
.groggery-2 .img {
  float: right;
  width: 52%;
  border: 1px solid #0663F7;
  margin: 0em 0.12em 0.46em 0.12em;
  text-align: center;
  line-height: 0;
  background-color: #FFFFFF;
  border-radius: 0.12em;
}
.groggery-2 .img img {
  max-width: 100%;
  max-height: 5.5em;
  border: 1px solid #0762f7;border-radius: 10px;
}
.solution-overview3 {
  position: relative;
}
.solution-overview3 .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.55em;
  line-height: 0;
}
.solution-overview3 .bg img {
  width: 100%;
  height: 100%;
}
.solution-overview3 .main-title {
  margin-bottom: 0.32em;
  display: none;
}
.solution-overview3 .main-content {
  float: right;
  width: 3.25em;
}
.solution-overview3 .main-content .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #1E2026;
}
.solution-overview3 .list {
  height: 6.55em;
  clear: both;
}
.solution-overview3 .items {
  height: 100%;
  position: relative;
}
.solution-overview3 .items .item {
  position: absolute;
  line-height: 0;
}
.solution-overview3 .items .item .name {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #1E2026;
}
.solution-overview3 .items .item .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #1E2026;
}
.solution-overview3 .items .item.style1 {
  padding-left: 0.28em;
}
.solution-overview3 .items .item.style1 .name {
  display: inline-block;
  vertical-align: top;
  background-color: #043B94;
  color: #fff;
  border-radius: 0.4em;
  padding: 0.4em 0.8em;
  margin-bottom: 0.8em;
}
.solution-overview3 .items .item.style2 {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(0.24em);
  padding: 0.24em;
}
.solution-overview3 .items .item1 {
  top: 0.85em;
  left: 0;
  width: 1.74em;
  height: 3.04em;
}
.solution-overview3 .items .item2 {
  top: 0.51em;
  left: 4.34em;
  width: 2.15em;
  height: 2.31em;
}
.solution-overview3 .items .item3 {
  top: 1.12em;
  left: 8.47em;
  width: 1.74em;
  height: 2.91em;
}
.solution-overview3 .items .item4 {
  top: 2.18em;
  right: 0;
  width: 1.74em;
  height: 3.01em;
}
.solution-overview3 .items .item5 {
  bottom: 0.8em;
  left: 0.28em;
}
.solution-overview3 .items .item6 {
  bottom: 1.52em;
  left: 4.62em;
}
.solution-overview4 .list {
  margin-top: 0.48em;
}
.solution-overview4 .items {
  overflow: hidden;
}
.solution-overview4 .items .item {
  float: left;
  width: 2.68em;
  height: 1.46em;
  padding: 0.32em 0.24em;
  margin-left: 0.32em;
  border: 0.01em solid #EAECF2;
  background: #fff;
  position: relative;
}
.solution-overview4 .items .item .title {
  color: #1E2026;
  font-size: 0.24em;
  font-weight: 700;
  font-family: "Source Han Sans CN";
  text-align: left;
  line-height: 1.5;
}
.solution-overview4 .items .item .desc {
  color: #3C414D;
  font-size: 0.2em;
  font-weight: 400;
  font-family: "Source Han Sans CN";
  text-align: left;
  line-height: 1.6;
  margin-top: 0.8em;
}
.solution-overview4 .items .item .ico {
  position: absolute;
  top: 0.9em;
  right: -0.16em;
  width: 0.32em;
  height: 0.32em;
  line-height: 0;
}
.solution-overview4 .items .item .ico img {
  width: 100%;
  height: 100%;
}
.solution-overview4 .items .item.first {
  margin-left: 0;
}
.solution-overview5 .main-desc {
  font-size: 0.2em;
  font-weight: 300;
  line-height: 1.8;
  color: #596173;
  margin-top: 1.2em;
}
.solution-overview5 .img {
  margin-top: 0.48em;
  text-align: center;
  line-height: 0;
}
.solution-overview5 .img img {
  max-width: 100%;
}
.iot-devices {
  background-color: #121A23;
}
.iot-devices .main-title {
  color: #fff;
  text-align: left;
}
.iot-devices .main-desc {
  font-size: 0.24em;
  font-weight: 300;
  line-height: 1.6;
  color: #fff;
  margin-top: 1.5em;
}
.iot-devices .list {
  margin-top: 0.8em;
}
.iot-devices .items {
  width: 25.7em;
  position: relative;
  overflow: hidden;
}
.iot-devices .items .item {
  float: left;
  background-color: #fff;
  border-radius: 0.24em;
  margin-left: 0.24em;
}
.iot-devices .items .item .img {
  width: 3em;
  height: 2.09em;
  line-height: 0;
}
.iot-devices .items .item .img img {
  width: 100%;
  height: 100%;
}
.iot-devices .items.first-row .item.first {
  margin-left: -0.2em;
}
.iot-devices .items.last-row {
  margin-top: 0.24em;
}
.iot-devices .items.last-row .item.first {
  margin-left: -1.8em;
}
.iot-devices .items.last-row .item.last {
  position: absolute;
  top: 0;
  right: -1.44em;
}
.iot-devices2 .list {
  margin-top: 0.48em;
}
.iot-devices2 .items .item {
  float: left;
  width: 3.82em;
  height: 4.12em;
  padding: 0.24em 0.21em;
  margin-top: 0.78em;
  margin-left: 0.48em;
  border: 0.01em solid #EAECF2;
  color: #3C414D;
  font-family: "Source Han Sans CN";
}
.iot-devices2 .items .item .img {
  height: 2.4em;
  margin-bottom: 0.2em;
  line-height: 0;
  text-align: center;
}
.iot-devices2 .items .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.iot-devices2 .items .item .name {
  font-size: 0.28em;
  font-weight: 700;
  line-height: 1.7;
}
.iot-devices2 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  text-align: left;
  line-height: 1.6;
  margin-top: 0.2em;
}
.iot-devices2 .items .item .more {
  margin-top: 0.2em;
  overflow: hidden;
}
.iot-devices2 .items .item .model {
  float: left;
  font-size: 0.16em;
  font-weight: 400;
  text-align: left;
  line-height: 3;
}
.iot-devices2 .items .item .btn {
  float: right;
  font-size: 0.2em;
  font-weight: 400;
  height: 2.4em;
  line-height: 2.4em;
  padding: 0 2.4em 0 1.2em;
  color: #3C414D;
  border: 1px solid #000;
  border-radius: 1.6em;
  position: relative;
}
.iot-devices2 .items .item .btn .ico {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.6em;
  width: 1.2em;
  height: 1.2em;
  background: url('../images/arrow-right1.png') no-repeat;
  background-size: 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.iot-devices2 .items .item .btn a {
  color: #3C414D;
}
.iot-devices2 .items .item .btn:hover {
  background-color: #0663F7;
  border-color: #0663F7;
  color: #fff;
}
.iot-devices2 .items .item .btn:hover .ico {
  background-image: url('../images/arrow-right1-hover.png');
  -ms-behavior: url('../css/bgimage.htc') \0;
}
.iot-devices2 .items .item .btn:hover a {
  color: #fff;
}
.iot-devices2 .items .item:hover {
  background: #fff;
  box-shadow: 0.3em 0.3em 0.6em 0 rgba(115, 137, 149, 0.12);
}
.iot-devices2 .items .first-row {
  margin-top: 0;
}
.iot-devices2 .items .first-col {
  margin-left: 0;
}
.solution-features .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 1.6em;
}
.solution-features .items {
  margin-top: 0.32em;
}
.solution-features .items .item {
  float: left;
  width: 32%;
  margin-left: 2%;
  margin-top: 0.32em;
  box-shadow: 0 0 10px #738995;
}
.solution-features .items .item .content {
  padding: 0.2em;
}
.solution-features .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #0663F7;
}
.solution-features .items .item .desc {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #596173;
  height: 4.2em;
  margin-top: 0.5em;
}
.solution-features .items .item1,
.solution-features .items .item2,
.solution-features .items .item3 {
  margin-top: 0;
}
.solution-features .items .item1,
.solution-features .items .item4,
.solution-features .items .item7 {
  margin-left: 0;
}
.ltie9 .solution-features .items .item {
  background-color: #f8f8f8;
}
.ipo-2 .main-desc {
  font-size: 0.24em;
  font-weight: 300;
  line-height: 1.5;
  color: #182F43;
  text-align: center;
  margin-top: 1.66em;
}
.ipo-2 .list {
  margin-top: 0.8em;
  overflow: hidden;
}
.ipo-2 .items {
  width: 3.8em;
  float: left;
}
.ipo-2 .items .item {
  font-size: 0.28em;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  margin-top: 4.28em;
}
.ipo-2 .items .item.first {
  margin-top: 1.75em;
}
.ipo-2 .items1 {
  text-align: right;
}
.ipo-2 .img {
  float: left;
  width: 5.43em;
  margin-left: 0.59em;
  line-height: 0;
}
.ipo-2 .img img {
  width: 100%;
}
.yuqu-1 .main-title {
  margin-bottom: 1.66em;
}
.yuqu-1 .items {
  overflow: hidden;
}
.yuqu-1 .items .item {
  float: left;
  width: 27.5%;
  margin-left: 8.7%;
  margin-top: 0.48em;
  text-align: center;
  
    margin-bottom: 40px;
}
.yuqu-1 .items .item .ico {
  line-height: 0;
}
.yuqu-1 .items .item .ico img {
 
  height: 0.88em;
}
.yuqu-1 .items .item .ico2 {
  line-height: 0;
}
.yuqu-1 .items .item .ico2 img {
  width: 0.7em;
  height: 0.7em;
}
.yuqu-1 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #016cda;
  margin-top: 1em;
}
.yuqu-1 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 1.6em;
}
.yuqu-1 .items .item.first-row {
  margin-top: 0;

}
.yuqu-1 .items .item.first-col {
  margin-left: 0;
}
.solution-needs3 .hd {
  overflow: hidden;
}
.solution-needs3 .main-title {
  margin-bottom: 0.8em;
}
.solution-needs3 .part1 {
  float: left;
  width: 5.28em;
  background-color: #F4F7FC;
  padding: 0.64em;
  border-radius: 0.24em 0 0 0.24em;
  margin-top: 0.28em;
}
.solution-needs3 .part2 {
  float: left;
  width: 5.92em;
  background-color: #054FC6;
  padding: 0.93em 0.64em;
  border-radius: 0.24em;
  box-shadow: -0.04em 0.04em 0.2em 0 rgba(82, 148, 247, 0.3), -0.16em 0.12em 0.4em 0 rgba(82, 148, 247, 0.3);
}
.solution-needs3 .items {
  overflow: hidden;
}
.solution-needs3 .items .item {
  margin-top: 0.64em;
}
.solution-needs3 .items .item .ico {
  float: left;
  width: 0.28em;
  height: 0.28em;
  margin-top: 0.04em;
  line-height: 0;
}
.solution-needs3 .items .item .ico img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.solution-needs3 .items .item .box {
  margin-left: 0.56em;
}
.solution-needs3 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.solution-needs3 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  margin-top: 0.8em;
}
.solution-needs3 .items .item.first {
  margin-top: 0;
}
.solution-needs3 .part2 .items .item .name,
.solution-needs3 .part2 .items .item .desc {
  color: #fff;
}
.solution-needs4 .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  background-color: #F4F7FB;
  color: #77829A;
  padding: 0.8em;
  margin-top: 1.2em;
}
.solution-needs4 .main-desc2 {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #0663F7;
  text-align: center;
}
.solution-needs4 table.props col.id {
  width: 1.2em;
}
.solution-needs4 table.props col.name {
  width: 4.4em;
}
.solution-needs4 table.props col.desc {
  width: 7.18em;
}
.solution-needs4 table.props col.ico {
  width: 0.97em;
}
.solution-needs4 table.props tr.item {
  border-top: 1px solid #EBECEF;
}
.solution-needs4 table.props tr.item td {
  padding: 0.68em 0;
}
.solution-needs4 table.props tr.item td.id {
  font-size: 0.28em;
  font-weight: 700;
  font-family: "";
  line-height: 1.5;
  color: #FC8A32;
}
.solution-needs4 table.props tr.item td.name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
  padding-right: 3em;
}
.solution-needs4 table.props tr.item td.desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  padding-right: 4em;
}
.solution-needs4 table.props tr.item td.ico {
  line-height: 0;
}
.solution-needs4 table.props tr.item td.ico img {
  width: 0.97em;
  height: 0.97em;
}
.solution-needs4 table.props tr.item.first {
  border-width: 0;
}
.groggery-1 .hd {
  overflow: hidden;
}
.groggery-1 .main-title {
  margin-bottom: 1.66em;
}
.groggery-1 .img {
  float: left;
  width: 45%;
  line-height: 0;
}
.groggery-1 .img img {
  width: 100%;
}
.groggery-1 .list {
  float: right;
}
.groggery-1 .items .item {
  color: #3C414D;
  border: 1px solid #054FC6;
  border-radius: 0.12em;
  padding: 0.32em;
  margin-top: 0.24em;
  line-height: 0;
  cursor: default;
  overflow: hidden;
}
.groggery-1 .items .item .id {
  float: left;
  font-size: 0.4em;
  font-weight: 700;
  font-family: "D-DIN";
  line-height: 1.1em;
}
.groggery-1 .items .item .desc {
  display: block;
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.83em;
  margin-left: 3em;
  white-space: nowrap;
}
.groggery-1 .items .item:hover {
  background-color: #0663F7;
  color: #fff;
}
.scheme-4 .list {
  height: 4.97em;
  margin-top: 0.8em;
  position: relative;
}
.scheme-4 .img {
  text-align: center;
  line-height: 0;
}
.scheme-4 .img img {
  width: 4.7em;
  height: 4.7em;
  margin-top: 0.07em;
}
.scheme-4 .items .item {
  position: absolute;
  width: 3.63em;
  border: 1px solid #0762f7;
}
.scheme-4 .items .item .name {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  background: #0762f7;
  
  color: #fff;
  padding: 0.5em 0;
  text-align: center;
}
.scheme-4 .items .item .desc {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #3C414D;
  padding: 1.33em;
  text-indent: 1em;
}
.scheme-4 .items .item1 {
  left: 0;
  top: 0;
}
.scheme-4 .items .item2 {
  right: 0;
  bottom: 0.74em;
}
.scheme-4 .items2 .item1 {
  left: 0;
  top: 1.41em;
}
.scheme-4 .items2 .item2 {
  right: 0;
  top: 0.71em;
  bottom: auto;
}
.solution-props1 {
  background: url('../images/props.jpg') no-repeat;
  background-size: cover;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.solution-props1 .main-title {
  color: #fff;
  text-align: left;
}
.solution-props1 .main-desc {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
}
.solution-props1 .list {
  padding-top: 0.16em;
}
.solution-props1 .items {
  overflow: hidden;
}
.solution-props1 .items .item {
  float: left;
  width: 2.53em;
  height: 2.36em;
  border: 1px solid #32425C;
  border-radius: 0.16em;
  padding: 0.32em;
  margin-top: 0.32em;
  margin-left: 0.32em;
}
.solution-props1 .items .item .id {
  font-size: 0.2em;
  font-weight: 700;
  font-family: "D-DIN";
  width: 2em;
  height: 2em;
  margin-bottom: 0.8em;
  line-height: 2em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.solution-props1 .items .item .id01 {
  background-color: #0663F7;
}
.solution-props1 .items .item .id02 {
  background-color: #FC8A32;
}
.solution-props1 .items .item .id03 {
  background-color: #45CB84;
}
.solution-props1 .items .item .id04 {
  background-color: #7B80FF;
}
.solution-props1 .items .item .id05 {
  background-color: #33DEF5;
}
.solution-props1 .items .item .id06 {
  background-color: #FF6DAB;
}
.solution-props1 .items .item .id07 {
  background-color: #FF6262;
}
.solution-props1 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
.solution-props1 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #EAECF2;
  margin-top: 0.8em;
}
.solution-props1 .items .item.first-col {
  margin-left: 0;
}
.solution-props2 .hd {
  overflow: hidden;
}
.solution-props2 .img {
  float: left;
  width: 6.48em;
  line-height: 0;
}
.solution-props2 .img img {
  width: 100%;
}
.solution-props2 .content {
  float: right;
  width: 5.78em;
}
.solution-props2 .list {
  margin-top: 0.16em;
}
.solution-props2 .items .item {
  border-radius: 0.12em;
  padding: 0.32em;
}
.solution-props2 .items .item .ico {
  float: left;
  width: 0.32em;
  height: 0.32em;
  margin-top: 0.04em;
  line-height: 0;
}
.solution-props2 .items .item .ico img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.solution-props2 .items .item .box {
  margin-left: 0.56em;
}
.solution-props2 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.solution-props2 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.55em;
}
.solution-props2 .items .item.first {
  margin-top: 0;
}
.solution-props2 .items .item:hover {
  background: #fff;
  box-shadow: 0 0.32em 0.8em 0 rgba(10, 4, 60, 0.05);
}
.solution-props3 .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 1.6em;
}
.solution-props3 .items .item {
  float: left;
  width: 22%;
  height: 3.26em;
  margin-left: 4%;
  margin-top: 0.24em;
}
.solution-props3 .items .item .content {
  padding: 0.56em 0.24em;
}
.solution-props3 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #0663F7;
  margin-bottom: 1em;
}
.solution-props3 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
}
.solution-props3 .items .first-row {
  margin-top: 0;
}
.solution-props3 .items .first-col {
  margin-left: 0;
}
.solution-props3 .items .item:hover {
  background: #fff;
  box-shadow: 0.3em 0.4em 0.6em 0 rgba(115, 137, 149, 0.12);
}
.solution-props4 .hd {
  height: 7.25em;
}
.solution-props4 .img {
  position: absolute;
  left: -2.72em;
  top: -0.55em;
  width: 9.22em;
  height: 7.25em;
  line-height: 0;
}
.solution-props4 .img img {
  width: 100%;
  height: 100%;
}
.solution-props4 .content {
  float: right;
  width: 6.46em;
}
.solution-props4 .main-desc {
  color: #3C414D;
  font-size: 0.2em;
  font-weight: 400;
  text-align: left;
  line-height: 1.6;
  margin-top: 2.4em;
}
.solution-props4 .list {
  margin-top: 0.48em;
}
.solution-props4 .items .item {
  margin-top: 0.32em;
}
.solution-props4 .items .item .ico {
  float: left;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #0663F7;
}
.solution-props4 .items .item .num {
  float: left;
  font-size: 0.16em;
  line-height: 1.5em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 3em;
  background: #0663F7;
  color: #fff;
  text-align: center;
  margin-top: 0.3em;
}
.solution-props4 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  padding-left: 2.2em;
}
.solution-props4 .items .item.first {
  margin-top: 0;
}
.scheme-3 .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  
  line-height: 0;
  z-index: -1;
}
.scheme-3 .bg img {
  width: 100%;
  
}
.scheme-3 .list {
  height: 6.56em;
  position: relative;
}

.scheme-3 .items{
	margin-left: 10%;
}

.scheme-3 .items .item {
  position: absolute;
  width: 2.04em;
  border: 0.02em solid #CDE0FD;
  border-radius: 0.16em;
  box-shadow: 0 0.1em 0.48em 0 rgba(56, 74, 124, 0.04), 0 0.02em 0.32em -0.48em rgba(196, 197, 202, 0.1);
  padding: 0.16em;
}
.scheme-3 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #0663F7;
}
.scheme-3 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.8em;
}
.scheme-3 .items .item1 {
  left: 0.08em;
  bottom: 2.66em;
}
.scheme-3 .items .item2 {
  left: 2.89em;
  bottom: 3.94em;
}
.scheme-3 .items .item3 {
  left: 5.7em;
  bottom: 2.91em;
}
.scheme-3 .items .item4 {
  left: 8.49em;
  bottom: 3.81em;
}
.scheme-3 .items .item5 {
  left: 11.32em;
  bottom: 2.83em;
}
.groggery-3 .content {
  float: left;
  width: 5.92em;
}
.groggery-3 .content .main-title {
  text-align: left;
}
.groggery-3 .content .main-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 2.1em;
  text-align: left;
}
.groggery-3 .content .btns {
  margin-top: 0.42em;
  line-height: 0;
}
.groggery-3 .content .btns .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  background-color: #0663F7;
  color: #fff;
  border-radius: 0.25em;
  padding: 0.6em 2em;
}
.groggery-3 .content .btns .btn:hover {
  background-color: #3882F9;
}
.groggery-3 .list {
  float: right;
}
.groggery-3 .items .item {
  float: left;
  width: 2.8em;
  height: 2.96em;
  padding: 0.64em 0.4em 0;
  margin-left: 0.32em;
}
.groggery-3 .items .item .ico {
  width: 0.64em;
  height: 0.64em;
  line-height: 0;
}
.groggery-3 .items .item .ico img {
  width: 100%;
  height: 100%;
}
.groggery-3 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #3C414D;
  margin: 0.66em 0;
}
.groggery-3 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
}
.groggery-3 .items .item1,
.groggery-3 .items .item3,
.groggery-3 .items .item5 {
  background-color: #F4F7FB;
}
.groggery-3 .items .item2,
.groggery-3 .items .item4 {
  background-color: #fff;
  box-shadow: 0.5em 0.6em 0.8em 0 rgba(115, 137, 149, 0.12);
}
.groggery-3 .part1 {
  overflow: hidden;
}
.groggery-3 .part2 {
  margin-top: 0.32em;
  overflow: hidden;
}
.scheme-2 .list {
  height: 6.64em;
  margin-top: 0.8em;
  position: relative;
}
.scheme-2 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.scheme-2 .bg img {
  width: 100%;
  height: 100%;
}
.scheme-2 .items .item {
  position: absolute;
  width: 2.4em;
  text-align: center;
}
.scheme-2 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #0663F7;
}
.scheme-2 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.8em;
}
.scheme-2 .items .item1 {
  left: .47em;
  bottom: 1.13em;
}
.scheme-2 .items .item2 {
  left: 2em;
  top: 2.37em;
}
.scheme-2 .items .item3 {
  left: 5.78em;
  top: .2em;
}
.scheme-2 .items .item4 {
  right: 2em;
  top: 2.37em;
}
.scheme-2 .items .item5 {
  right: .5em;
  bottom: 0.95em;
}
.scheme-2 .name2{text-align: center;font-size: 23px;font-weight: bold;color: #022863;position: relative;
  bottom: 110px; /* 向下移动20像素 */
 }

.scheme-22 .list {
  height: 6.64em;
  margin-top: 0.8em;
  position: relative;
}
.scheme-22 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.scheme-22 .bg img {
  width: 100%;
  height: 100%;
}


.scheme-22 .items .item {
  position: absolute;
  width: 2.6em;
  text-align: center;
}
.scheme-22 .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #0663F7;
}
.scheme-22 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.8em;
}

.scheme-22 .name2{text-align: center;font-size: 23px;font-weight: bold;color: #022863;position: relative;
  bottom: 110px; /* 向下移动20像素 */
 }

.scheme-22 .items .item1 {
  left: .47em;
  bottom: 0.33em;
}
.scheme-22 .items .item2 {
  left: 1.5em;
  bottom: 2.4em;
}
.scheme-22 .items .item3 {
  left: 3.78em;
  top: 0.5em;
}
.scheme-22 .items .item4 {
  right: 3.7em;
  top: 0.5em;
}
.scheme-22 .items .item5 {
  right: 1.5em;
  bottom: 2.4em;
}
.scheme-22 .items .item6 {
  right: 0.47em;
  bottom: 0.33em;
}




.scheme-5 {
  position: relative;
}
.scheme-5 .hd {
  overflow: hidden;
}
.scheme-5 .content {
  float: left;
  width: 8.96em;
  padding-top: 0.96em;
}
.scheme-5 .items {
  overflow: hidden;
}
.scheme-5 .items .item {
  float: left;
  width: 4.16em;
  margin-top: 0.64em;
  margin-left: 0.64em;
}
.scheme-5 .items .item .id {
  font-size: 0.4em;
  font-weight: 700;
  font-family: "D-DIN";
  line-height: 1.1;
  color: #0663F7;
}
.scheme-5 .items .item .name {
  font-size: 0.28em;
  font-weight: 600;
  line-height: 1.428;
  color: #1E2026;
  margin-top: 0.78em;
  margin-bottom: 0.18em;
}
.scheme-5 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 2;
  color: #3C414D;
  margin-top: 0.2em;
}
.scheme-5 .items .item.first-col {
  margin-left: 0;
}
.scheme-5 .mini-items .item {
  width: 2.78em;
  padding: 0.24em;
  margin-top: 0;
  margin-left: 0;
}
.scheme-5 .mini-items .item .id {
  font-size: 0.24em;
  margin-top: 1.33em;
}
.scheme-5 .mini-items .item .desc {
  margin-top: 1.2em;
}
.scheme-5 .img {
  float: right;
  width: 4.08em;
  line-height: 0;
}
.scheme-5 .img img {
  width: 100%;
}
.scheme-5 .img2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  line-height: 0;
  height: 8.29em;
}
.scheme-5 .img2 img {
  max-height: 100%;
}
.scheme-5 .content2 {
  padding-top: 0.8em;
}
.scheme-5 .content2 .list {
  float: left;
  width: 6.78em;
}
.scheme-5 .content2 .items .item {
  width: 3.18em;
  height: 2.4em;
  margin-left: 0.4em;
}
.scheme-5 .content2 .items .item.first-row {
  margin-top: 0;
}
.scheme-5 .content2 .items .item.first-col {
  margin-left: 0;
}
.scheme-5 .content2 .mini-items2 .item {
  height: 2em;
  margin-top: 0.48em;
  margin-left: 0.4em;
}
.scheme-5 .content2 .img {
  width: 6.1em;
}
.groggery-4 .list {
  margin-top: 30px;
  padding: 0.64em 0;
  background-color: #5393F9;
  border-radius: 0.32em;
}
.groggery-4 .items {
  margin-left: 0.04em;
  overflow: hidden;
}
.groggery-4 .items .item {
  float: left;
  width: 21.5%;
  margin-left: 8.72%;
  margin-top: 0.64em;
  height: 160px;
}
.groggery-4 .items .item .name {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
.groggery-4 .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #EAECF2;
}
.groggery-4 .items .item .line {
  width: 0.48em;
  height: 0.06em;
  background: #F7931E;
  border-radius: 0.06em;
  margin: 0.12em 0;
}
.groggery-4 .items .item.first-row {
  margin-top: 0;
}
.solution-props10 .list {
  margin-top: 0.4em;
}
.solution-props10 .items {
  overflow: hidden;
}
.solution-props10 .items .item {
  float: left;
  width: 19.5%;
  padding: 0.48em 0.32em;
  margin-left: 0.24em;
  border-radius: 0.16em;
  background: #F4F7FB;
}
.solution-props10 .items .item .ico {
  width: 0.48em;
  height: 0.48em;
  line-height: 0;
}
.solution-props10 .items .item .ico img {
  width: 100%;
  height: 100%;
}
.solution-props10 .items .item .name {
  font-size: 0.24em;
  font-weight: 600;
  line-height: 1.5;
  color: #1E2026;
  margin: 1em 0;
}
.solution-props10 .items .item .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #3C414D;
}
.solution-props10 .items .first {
  margin-left: 0;
}
.solution-props11 .hd {
  height: 7.25em;
}
.solution-props11 .img {
  position: absolute;
  right: 0;
  top: 0;
  width: 6.5em;
  height: 6.1em;
  line-height: 0;
}
.solution-props11 .img img {
  width: 100%;
  height: 100%;
}
.solution-props11 .content {
  float: left;
  width: 6.59em;
}
.solution-props11 .main-desc {
  color: #3C414D;
  font-size: 0.2em;
  font-weight: 400;
  text-align: left;
  line-height: 1.6;
  margin-top: 0.6em;
}
.solution-props11 .list {
  margin-top: 0;
}
.solution-props11 .items .item {
  margin-top: 0.4em;
  overflow: hidden;
}
.solution-props11 .items .item .name {
  float: left;
  font-size: 0.24em;
  font-weight: 700;
  padding: 0.1667em 0.6667em;
  background: #0663F7;
  color: #fff;
}
.solution-props11 .items .item .desc {
  float: left;
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  margin-top: 0.85em;
}
.solution-reason .list {
  margin-top: 0.49em;
}
.solution-reason .items {
  overflow: hidden;
}
.solution-reason .items .item {
  float: left;
  width: 3.2em;
  height: 5.4em;
  background-color: #F4F7FB;
  background: -webkit-linear-gradient(top, #ffffff 0%, #e8f0fb 100%);
  background: linear-gradient(180deg, #ffffff 0%, #e8f0fb 100%);
  margin-left: 0.32em;
  position: relative;
  overflow: hidden;
}
.solution-reason .items .item .box {
  margin: 0.32em 0.24em 0 0.24em;
}
.solution-reason .items .item .name {
  color: #1e2026;
  font-size: 0.28em;
  font-weight: 400;
  line-height: 1.4;
}
.solution-reason .items .item .desc {
  color: #596173;
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.75em;
}
.solution-reason .items .item .img {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 0;
  width: 100%;
  height: 3em;
}
.solution-reason .items .item .img img {
  width: 100%;
  height: 100%;
}
.solution-reason .items .first {
  margin-left: 0;
}
.solution-mode .hd {
  margin-top: 0.49em;
  overflow: hidden;
}
.solution-mode .section {
  width: 6.72em;
  height: 2.48em;
  border-radius: 0.16em;
  background: #f4f7fb;
  position: relative;
  overflow: hidden;
}
.solution-mode .section .content {
  padding: 0.32em;
}
.solution-mode .section .title {
  font-size: 0.4em;
  font-weight: 400;
  line-height: 1.6;
  color: #1e2026;
}
.solution-mode .section .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.6em;
}
.solution-mode .section .img {
  position: absolute;
  line-height: 0;
}
.solution-mode .section .img img {
  width: 100%;
  height: 100%;
}
.solution-mode .section .list {
  margin-top: 0.24em;
}
.solution-mode .section .items .item {
  width: 5.68em;
  padding: 0.2em;
  border-radius: 0.16em;
  background: #ffffff;
  margin-top: 0.24em;
}
.solution-mode .section .items .item .ico {
  float: left;
  width: 0.44em;
  height: 0.44em;
  line-height: 0;
}
.solution-mode .section .items .item .ico img {
  width: 100%;
  height: 100%;
}
.solution-mode .section .items .item .box {
  margin-left: 0.68em;
}
.solution-mode .section .items .item .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.3333;
  color: #23262f;
}
.solution-mode .section .items .item .info {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
}
.solution-mode .left {
  float: left;
}
.solution-mode .right {
  float: right;
}
.solution-mode .hw {
  height: 5.28em;
}
.solution-mode .soft .img {
  bottom: -0.1em;
  right: 0.29em;
  width: 3.17em;
  height: 2.16em;
}
.solution-mode .other {
  margin-top: 0.32em;
}
.solution-mode .other .img {
  bottom: -0.84em;
  right: 0.51em;
  width: 1.9em;
  height: 2.89em;
}
.solution-cooperation {
  background: #EBF0F7;
  background: -webkit-radial-gradient(100% 0%, 403.1% 144.3%, #ebf0f7 0%, #fbfcfd 100%);
  background: radial-gradient(403.1% 144.3% at 100% 0%, #ebf0f7 0%, #fbfcfd 100%);
}
.solution-cooperation .img img {
  max-width: 100%;
  max-height: 100%;
}
.solution-cooperation .policy {
  background-color: #FFFFFF;
}
.solution-cooperation .policy .tabs {
  padding: 0.24em 1.6em 0 1.6em;
  position: relative;
}
.solution-cooperation .policy .tabs .items {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.solution-cooperation .policy .tabs .items .item {
  float: left;
  width: 3.52em;
  height: 1.64em;
  border-bottom: 0.04em solid transparent;
  text-align: center;
  cursor: pointer;
}
.solution-cooperation .policy .tabs .items .item .img {
  line-height: 0;
  margin-top: 0.24em;
  margin-bottom: 0.12em;
}
.solution-cooperation .policy .tabs .items .item .img img {
  width: 0.8em;
  height: 0.8em;
}
.solution-cooperation .policy .tabs .items .item .name {
  opacity: 0.7;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.4;
  color: #1e2026;
}
.solution-cooperation .policy .tabs .items .on {
  border-bottom-color: #0663F7;
}
.solution-cooperation .policy .line {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  background-color: #EAECF1;
  z-index: 0;
}
.solution-cooperation .policy .conts {
  padding: 0.16em;
}
.solution-cooperation .policy .conts .items .item {
  display: none;
}
.solution-cooperation .policy .conts .items .item .sub-items {
  padding: 0 0.32em;
  overflow: hidden;
}
.solution-cooperation .policy .conts .items .item .sub-items .sub-item {
  float: left;
  width: 50%;
  height: 2.36em;
  text-align: center;
  border-top: 1px solid #EFF1F5;
  position: relative;
}
.solution-cooperation .policy .conts .items .item .sub-items .sub-item .name {
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  color: #1e2026;
  margin-top: 2em;
}
.solution-cooperation .policy .conts .items .item .sub-items .sub-item .content {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #3c414d;
  margin-top: 0.5em;
  padding: 0 2em;
}
.solution-cooperation .policy .conts .items .item .sub-items .sub-item:nth-child(2n+1)::after {
  position: absolute;
  top: 10%;
  right: 0;
  width: 1px;
  height: 80%;
  background-color: #EFF1F5;
  content: '';
}
.solution-cooperation .policy .conts .items .item .sub-items .first-row {
  border-color: transparent;
}
.solution-cooperation .policy .conts .items .on {
  display: block;
}
.solution-devices .items {
  overflow: hidden;
}
.solution-devices .items .item {
  float: left;
  width: 31%;
  color: #3C414D;
  margin-left: 3%;
  margin-top: 0.84em;
}
.solution-devices .items .item .img {
  height: 2.8em;
  background-color: #F4F7FB;
  text-align: center;
  margin-bottom: 0.24em;
  line-height: 0;
  display: flex;
justify-content: center;align-items: center;
}
.solution-devices .items .item .img img {
  max-width: 96%;
}
.solution-devices .items .item .name {
  font-size: 0.28em;
  font-weight: 700;
  line-height: 1.7;
}
.solution-devices .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  height: 3.2em;
  margin-top: 0.2em;
}
.solution-devices .items .item .btns {
  margin-top: 0.24em;
  overflow: hidden;
}
.solution-devices .items .item .btns .tips {
  float: left;
  font-size: 0.16em;
  font-weight: 400;
  line-height: 3em;
}
.solution-devices .items .item .btns .btn {
  float: right;
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  padding: 0.4em 2.4em 0.4em 1.2em;
  color: #3C414D;
  border: 1px solid #000;
  border-radius: 1.6em;
  position: relative;
}
.solution-devices .items .item .btns .btn .ico {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.6em;
  width: 1.2em;
  height: 1.2em;
  background: url('../images/arrow-right1.png') no-repeat;
  background-size: 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.solution-devices .items .item .btns .btn:hover {
  background-color: #0663F7;
  border-color: #0663F7;
  color: #fff;
}
.solution-devices .items .item .btns .btn:hover .ico {
  background-image: url('../images/arrow-right1-hover.png');
}
.solution-devices .items .item.first-col {
  margin-left: 0;
}
.case-tabs {
  margin-bottom: 0.29em;
}
.case-tabs .hd {
  height: 0.9em;
  position: relative;
}
.case-tabs .list {
  position: absolute;
  left: 0;
  top: -0.45em;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0.12em 0.32em -0.48em rgba(160, 157, 157, 0.1), 0 0.24em 0.48em -0.48em rgba(160, 157, 157, 0.1);
  border-radius: 0.16em;
  padding: 0.21em 0;
}
.case-tabs .items {
  width: 9.76em;
  margin: 0 auto;
  overflow: hidden;
}
.case-tabs .items .item {
  float: left;
  padding: 0.08em 0.36em;
  margin: 0 0.04em;
  cursor: pointer;
}
.case-tabs .items .item .ico {
  float: left;
  width: 0.28em;
  height: 0.28em;
  margin-right: 0.08em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
  line-height: 0;
}
.case-tabs .items .item .ico img {
  width: 100%;
  height: 100%;
  margin-top: 0.02em;
  vertical-align: top;
}
.case-tabs .items .item .ico-hotel {
  background-image: url('../images/ico.png');
}
.case-tabs .items .item .ico-isp {
  background-image: url('../images/ico.png');
}
.case-tabs .items .item .ico-hospital {
  background-image: url('../images/ico.png');
}
.case-tabs .items .item .ico-beadhouse {
  background-image: url('../images/ico.png');
}
.case-tabs .items .item .ico-bath {
  background-image: url('../images/ico.png');
}
.case-tabs .items .item .ico-school {
  background-image: url('../images/ico.png');
}
.case-tabs .items .item .name {
  float: left;
  font-size: 0.2em;
  font-weight: 500;
  line-height: 1.6;
  color: #3C414D;
}
.case-tabs .items .item:hover,
.case-tabs .items .item.on {
  background-color: #0663F7;
  border-radius: 0.12em;
}
.case-tabs .items .item:hover .ico-hotel,
.case-tabs .items .item.on .ico-hotel {
  background-image: url('../images/ico-hover2.png');
}
.case-tabs .items .item:hover .ico-isp,
.case-tabs .items .item.on .ico-isp {
  background-image: url('../images/ico-hover2.png');
}
.case-tabs .items .item:hover .ico-hospital,
.case-tabs .items .item.on .ico-hospital {
  background-image: url('../images/ico-hover2.png');
}
.case-tabs .items .item:hover .ico-beadhouse,
.case-tabs .items .item.on .ico-beadhouse {
  background-image: url('../images/ico-hover2.png');
}
.case-tabs .items .item:hover .ico-bath,
.case-tabs .items .item.on .ico-bath {
  background-image: url('../images/ico-hover2.png');
}
.case-tabs .items .item:hover .ico-school,
.case-tabs .items .item.on .ico-school {
  background-image: url('../images/ico-hover2.png');
}
.case-tabs .items .item:hover .name,
.case-tabs .items .item.on .name {
  color: #fff;
}
.case-view .case-title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #011431;
}
.case-view .case-desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 2.4em;
}
.case-view .case-section {
  margin-top: 0.48em;
  overflow: hidden;
}
.case-view .case-section .content {
  width: 6.13em;
}
.case-view .case-section .content .name {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #011431;
}
.case-view .case-section .content .props {
  padding-left: 0.2em;
  margin-top: 0.16em;
}
.case-view .case-section .content .props li {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  list-style: outside disc;
}
.case-view .case-section .img-box {
  width: 6.43em;
}
.case-view .case-section .img-box .img {
  text-align: center;
  line-height: 0;
}
.case-view .case-section .img-box .img img {
  max-width: 100%;
}
.case-view .case-section .img-box .deploy {
  width: 8.25em;
  height: 6.01em;
  background: url('../images/browser1.png') no-repeat;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
  padding: 1.13em 1.97em 0.7em 1.98em;
  text-align: center;
  line-height: 0;
  margin: 0 auto;
}
.case-view .case-section .img-box .deploy a {
  height: 5.91em;
  display: table-cell;
  vertical-align: middle;
}
.case-view .case-section .img-box .deploy img {
  max-width: 100%;
  max-height: 100%;
}
.case-view .case-section .img-box .name {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 0.8em;
  text-align: center;
}
.case-view .img-left .content {
  float: right;
}
.case-view .img-left .img-box {
  float: left;
}
.case-view .img-right .content {
  float: left;
}
.case-view .img-right .img-box {
  float: right;
}
.case-view .full-view .content,
.case-view .full-view .img-box {
  float: none;
  width: auto;
}
.case-view .full-view .img-box {
  margin-top: 0.24em;
}
.about-us .hd {
  width: auto;
  padding-bottom: 0.57em;
  overflow: hidden;
}
.about-us .content {
  float: left;
  width: 6.27em;
  margin-top: 1.05em;
  margin-left: 2.72em;
}
.about-us .content .title {
  font-size: 0.64em;
  font-weight: 700;
  line-height: 1.5;
  color: #000000;
}
.about-us .content .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #858585;
  margin-top: 1.2em;
}
.about-us .content .btns {
  height: 0.64em;
  margin-top: 0.24em;
}
.about-us .content .btns .qrcode-box {
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
}
.about-us .content .btns .qrcode-box .img {
  width: 1.8em;
  height: 1.8em;
}
.about-us .content .btns .qrcode-box .img img {
  width: 100%;
  height: 100%;
}
.about-us .content .btns .qrcode-box .text {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  color: #858585;
  padding-bottom: 0.8em;
  text-align: center;
}
.about-us .content .btns .btn-box {
  float: left;
  margin-left: 0.18em;
  position: relative;
}
.about-us .content .btns .btn-box .btn {
  float: left;
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.5;
  color: #3C414D;
  padding: 0.41em 1.33em;
  border-radius: 0.1667em;
  text-align: center;
}
.about-us .content .btns .btn-box.first {
  margin-left: 0;
}
.about-us .content .btns .btn-box1 .btn {
  background-color: #0663F7;
  color: #fff;
  padding: 0.41em 3.16em;
  border-radius: 0.208em;
}
.about-us .content .btns .btn-box1 .ask-mq {
  width: 7.2em;
  padding: 0.41em 1.36em;
}
.about-us .content .btns .btn-box1:hover .btn {
  background-color: #3882F9;
}
.about-us .content .btns .btn-box2 .btn {
  border: 1px solid #AAB5CD;
}
.about-us .content .btns .btn-box2:hover .btn {
  color: #0663F7;
  border-color: #0663F7;
}
.about-us .content .btns .btn-box2:hover .qrcode-box {
  display: block;
}
.about-us .img-section {
  float: right;
  width: 9.41em;
  line-height: 0;
}
.about-us .img-section img {
  width: 100%;
}
.about-mq .title {
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.5;
  color: #3C414D;
}
.about-mq .img {
  margin-top: 0.78em;
  text-align: center;
  line-height: 0;
}
.about-mq .img img {
  width: 4.82em;
  max-width: 100%;
}
.about-mq .list {
  margin-top: 0.48em;
}
.about-mq .items {
  overflow: hidden;
}
.about-mq .items .item {
  float: left;
  width: 26.6%;
  margin-left: 10.05%;
}
.about-mq .items .item .id {
  font-size: 0.4em;
  font-weight: 700;
  font-family: "";
  line-height: 1.2;
  color: #043B94;
}
.about-mq .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #77829A;
  margin-top: 0.4em;
}
.about-mq .items .item.first-col {
  margin-left: 0;
}
.contact-us .main-desc {
  font-size: 0.24em;
  font-weight: 400;
  font-family: "Manrope";
  line-height: 1.6;
  color: #596173;
  text-align: center;
  margin-top: 0.17em;
  margin-bottom: 1.41em;
}
.contact-us .box {
  box-shadow: 0.08em 0.08em 0.48em 0 rgba(64, 76, 136, 0.1);
}
.contact-us .part1 {
  float: left;
  width: 6.94em;
}
.contact-us .part2 {
  float: right;
  width: 6.82em;
}
.contact-us .section {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
  padding: 0.24em;
}
.contact-us .section .title {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.contact-us .section .items .item {
  line-height: 0.32em;
  margin-top: 0.24em;
  overflow: hidden;
}
.contact-us .section .items .item .name {
  float: left;
  font-size: 0.2em;
  font-weight: 400;
  color: #77829A;
}
.contact-us .section .items .item .value {
  float: left;
  font-size: 0.24em;
  font-weight: 500;
  color: #043B94;
  margin-left: 0.42em;
}
.contact-us .section .items .item .img {
  float: left;
  margin-left: 0.1em;
  line-height: 0;
}
.contact-us .section .items .item .img img {
  height: 0.32em;
  vertical-align: top;
}
.contact-us .section1 {
  height: 1.57em;
  background-image: url('../images/bg1.png');
}
.contact-us .section2 {
  height: 1.57em;
  background-image: url('../images/bg2.png');
}
.contact-us .section3 {
  height: 3.62em;
  background-image: url('../images/bg3.png');
}
.contact-map {
  position: relative;
}
.contact-map .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 7.2em;
  z-index: -1;
  line-height: 0;
}
.contact-map .bg img {
  width: 100%;
  height: 100%;
}
.contact-map .hd {
  height: 7.2em;
  overflow: hidden;
}
.contact-map .box {
  width: 5.63em;
  background-color: #347DF4;
  background: rgba(6, 99, 247, 0.8);
  color: #fff;
  backdrop-filter: blur(0.1em);
  border-radius: 0.12em;
  box-shadow: 0 0.04em 1.6em 0 rgba(0, 0, 0, 0.05);
  padding: 0.4em 0.28em;
  margin-top: 0.68em;
}
.contact-map .section {
  margin-top: 0.32em;
}
.contact-map .section .title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1;
  border-left: 0.125em solid #fff;
  padding-left: 0.375em;
  margin-bottom: 0.5em;
}
.contact-map .section .items .item {
  overflow: hidden;
}
.contact-map .section .items .item .name,
.contact-map .section .items .item .value {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 2;
}
.contact-map .section .items .item .name {
  float: left;
  width: 5em;
}
.contact-map .section .items .item .value {
  display: block;
  margin-left: 5em;
}
.contact-map .section1 {
  margin-top: 0;
}
.service-center .main-title {
  font-size: 0.64em;
  color: #1E2026;
}
.service-center .items {
  margin-top: 0.48em;
  overflow: hidden;
}
.service-center .items .item {
  float: left;
  width: 28.78%;
  height: 4.8em;
  margin-left: 6.36%;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(0.16em);
  border: 0.02em solid #CDE0FD;
  border-radius: 0.32em;
  position: relative;
}
.service-center .items .item .ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2em;
  height: 1.2em;
  z-index: 2;
}
.service-center .items .item .ico img {
  border-radius: 0 0.32em 0 0;
}
.service-center .items .item .img {
  width: 3.1em;
  height: 3.1em;
  margin: 0.57em auto 0;
  line-height: 0;
}
.service-center .items .item img {
  width: 100%;
  height: 100%;
}
.service-center .items .item .text {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
  text-align: center;
  margin-top: 0.25em;
}
.service-center .items .item .content {
  padding: 0.1rem 0 0 0.58em;
}
.service-center .items .item .content .section {
  margin-top: 0.4em;
}
.service-center .items .item .content .title {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.service-center .items .item .content .row {
  margin-top: 0.08em;
  line-height: 0.24em;
}
.service-center .items .item .content .row .name {
  float: left;
  font-size: 0.16em;
  font-weight: 400;
  color: #77829A;
}
.service-center .items .item .content .row .value {
  display: block;
  font-size: 0.2em;
  font-weight: 500;
  font-family: "Roboto";
  color: #0663F7;
  margin-left: 4.5em;
}
.service-center .items .item1 {
  margin-left: 0;
}
.service-center .items .item:hover {
  border-color: #3882F9;
}
.service-center .items .item1:hover .text {
  width: 7.43em;
  font-size: 0.28em;
  line-height: 1.28;
  background-color: #0663F7;
  color: #fff;
  text-align: center;
  padding: 0.5em 0;
  margin: 0.28em auto 0;
  border-radius: 0.28em;
}
.service-section .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6em;
  height: 5.6em;
  z-index: -1;
}
.service-section .bg img {
  width: 100%;
  height: 100%;
}
.service-section .content {
  margin-top: 0.4em;
}
.service-section .content .row {
  margin-top: 0.16em;
  line-height: 0.32em;
  overflow: hidden;
}
.service-section .content .row .name {
  float: left;
  font-size: 0.2em;
  font-weight: 400;
  color: #77829A;
}
.service-section .content .row .value {
  float: left;
  font-size: 0.2em;
  font-weight: 500;
  font-family: "Roboto";
  color: #0663F7;
  margin-left: 0.5em;
}
.service-section .content .row .img {
  float: left;
  margin-left: 0.1em;
  line-height: 0;
}
.service-section .content .row .img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.service-section .section-props {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.service-section .section-props .items {
  overflow: hidden;
}
.service-section .section-props .items .item {
  float: left;
  padding: 0.32em;
  border-radius: 0.12em;
}
.service-section .section-props .items .item .title {
  line-height: 0.48em;
}
.service-section .section-props .items .item .title .ico {
  float: left;
  width: 0.48em;
  height: 0.48em;
  line-height: 0;
}
.service-section .section-props .items .item .title .ico img {
  width: 100%;
  height: 100%;
}
.service-section .section-props .items .item .title .text {
  display: block;
  font-size: 0.24em;
  font-weight: 700;
  color: #1E2026;
  margin-left: 2.66em;
}
.service-section .section-props .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #77829A;
  margin-top: 0.4em;
}
.service-section .section-props .items.col3 .item {
  width: 26.3%;
  margin-left: 3.5%;
}
.service-section .section-props .items.col3 .item.first {
  margin-left: 0;
}
.service-section .section-props .items.col4 .item {
  width: 18.6%;
  margin-left: 2.3%;
}
.service-section .section-props .items.col4 .item.first {
  margin-left: 0;
}
.service-section .section-props .items.bg1 .item {
  background: #FBFCFE;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(0.16em);
}
.service-section .section-props .items.bg2 .item {
  background: #F6F7FB;
  background: -webkit-linear-gradient(top, #f1f4fb 0%, rgba(248, 247, 249, 0.6) 100%);
  background: linear-gradient(180deg, #f1f4fb 0%, rgba(248, 247, 249, 0.6) 100%);
  backdrop-filter: blur(0.16em);
}
.service-section .section-props .items.h1 .item {
  height: 1.52em;
}
.service-section .section-props .items.h2 .item {
  height: 1.84em;
}
.service-section .section-props .items.h3 .item {
  height: 0.88em;
}
.partner-mqitv {
  background-color: #F4F7FB;
}
.partner-mqitv .hd {
  height: 6.2em;
}
.partner-mqitv .content .row .name {
  min-width: 3em;
}
.partner-mqitv .content .items {
  overflow: hidden;
}
.partner-mqitv .content .items .item {
  float: left;
  width: 3em;
  margin-left: 0.32em;
}
.partner-mqitv .content .items .item .title {
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.5;
  color: #1E2026;
}
.partner-mqitv .content .items .item.first {
  margin-left: 0;
}
.partner-business .hd {
  height: 6.88em;
}
.partner-business .content .row {
  line-height: 0.48em;
  margin-top: 0.24em;
}
.partner-business .content .row .img {
  height: 0.32em;
  margin-top: 0.08em;
  margin-left: 0.1em;
}
.partner-business .content .row .btns {
  float: left;
}
.partner-business .content .row .btns .btn {
  float: left;
  font-size: 0.18em;
  font-weight: 400;
  color: #0663F7;
  padding: 0 2em;
  border: 1px solid #0663F7;
  border-radius: 0.2em;
  margin-left: 0.8em;
}
.partner-business .content .row .btns .btn:hover {
  background-color: #0663F7;
  color: #fff;
}
.partner-oem {
  background-color: #F4F7FB;
}
.partner-oem .content .title {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #77829A;
  margin-top: 1.2em;
}
.partner-oem .content .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #1E2026;
  margin-top: 0.5em;
}
.partner-oem .content ul.props {
  margin-top: 0.08em;
  overflow: hidden;
}
.partner-oem .content ul.props li {
  float: left;
  font-size: 0.14em;
  font-weight: 500;
  line-height: 1.5;
  background-color: #fff;
  color: #303248;
  padding: 0.214em 0.857em;
  border-radius: 0.286em;
  margin-left: 1.1em;
}
.partner-oem .content ul.props li.first {
  margin-left: 0;
}
.partner-oem .section-props {
  position: static;
  margin-top: 0.64em;
}
.partner-verify .box {
  width: 9.6em;
  margin: 0.4em auto 0;
  overflow: hidden;
}
.partner-verify .search-box {
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.partner-verify .search-box .input-box {
  padding: 0 0.16em;
  margin-right: 2.4em;
  border: 1px solid #0663F7;
}
.partner-verify .search-box .input-box .input {
  font-size: 0.2em;
  line-height: 3.1em;
  color: #303248;
  width: 100%;
  border-radius: 0.25em 0 0 0.25em;
  vertical-align: top;
  border-width: 0;
}
.partner-verify .search-box .btn-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.4em;
}
.partner-verify .search-box .btn-box .btn {
  display: block;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 3.2em;
  background-color: #0663F7;
  color: #fff;
  border-radius: 0 0.25em 0.25em 0;
  text-align: center;
}
.partner-verify .result {
  margin-top: 0.4em;
}
.partner-verify .result-no {
  background-color: #F4F7FB;
  color: #596173;
  padding: 0.24em;
}
.partner-verify .result-no p {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  padding: 0.4em 0;
}
.partner-verify .result-ok col.name {
  width: 2.4em;
}
.partner-verify .result-ok col.product {
  width: 1.4em;
}
.partner-verify .result-ok col.prov {
  width: 1.2em;
}
.partner-verify .result-ok col.area {
  width: 1.4em;
}
.download-view a.link {
  word-break: break-all;
}
.download-view .tabs {
  float: left;
  width: 2.18em;
}
.download-view .tabs .items .item {
  border-right: 2px solid transparent;
  padding: 0.08em 0.16em;
  margin-top: 0.16em;
}
.download-view .tabs .items .item a {
  display: block;
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #1E2026;
}
.download-view .tabs .items .item.first {
  margin-top: 0;
}
.download-view .tabs .items .item:hover,
.download-view .tabs .items .item.on {
  background-color: #EEF5FF;
  border-color: #2972FF;
}
.download-view .tabs .items .item:hover a,
.download-view .tabs .items .item.on a {
  font-weight: 700;
  color: #0663F7;
}
.download-view .tabs.fixed {
  float: none;
  position: fixed;
  top: 1.76em;
}
.download-view .conts {
  margin-left: 2.52em;
}
.download-view .conts .cont {
  margin-top: 0.64em;
}
.download-view .conts .cont.first {
  margin-top: 0;
}
.download-view .conts .btn1 {
  background-color: #0663F7;
  color: #fff;
  border: 1px solid transparent;
}
.download-view .conts .btn1:hover {
  background-color: #3882F9;
}
.download-view .conts .btn2 {
  color: #0663F7;
  border: 1px solid #0663F7;
}
.download-view .conts .btn2:hover {
  background-color: #3882F9;
  border-color: #3882F9;
  color: #fff;
}
.download-view .conts .cont-title {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
  margin-bottom: 0.75em;
}
.download-view .conts .cont-title .line {
  float: left;
  width: 0.25em;
  height: 1em;
  background-color: #0663F7;
  border-radius: 0.25em;
  margin: 0.25em 0.33em 0 0;
}
.download-view .conts .cont-desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #3C414D;
  margin-top: 0.5em;
}
.download-view .conts .cont-item {
  background: #FAFBFF;
  border-radius: 0.08em;
  padding: 0.24em;
  margin-top: 0.24em;
}
.download-view .conts .cont-item .title {
  font-size: 0.28em;
  font-weight: 700;
  line-height: 1.3;
  color: #1E2026;
}
.download-view .conts .cont-item .row {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #77829A;
  margin: 1.25em 0;
}
.download-view .conts .cont-item .row .items {
  color: #596173;
  line-height: 100%;
  overflow: hidden;
}
.download-view .conts .cont-item .row .items .item {
  float: left;
  color: #596173;
}
.download-view .conts .cont-item .row .items .line {
  float: left;
  font-size: 0.75em;
  color: #596173;
  margin: 0 0.83em;
}
.download-view .conts .cont-item .ci-line {
  height: 0.01em;
  background-color: #D5DAE6;
  margin: 0.2em 0;
}
.download-view .conts .cont-item .ops {
  overflow: hidden;
}
.download-view .conts .cont-item .links {
  float: left;
  line-height: 0;
}
.download-view .conts .cont-item .links .link {
  float: left;
  font-size: 0.16em;
  font-weight: 400;
  line-height: 2.5;
  margin-left: 2.5em;
}
.download-view .conts .cont-item .links .link.first {
  margin-left: 0;
}
.download-view .conts .cont-item .btns {
  float: right;
}
.download-view .conts .cont-item .btns .btn {
  float: left;
  font-size: 0.16em;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 0.25em;
  padding: 0.5em 2.625em;
  margin-left: 1em;
}
.download-view .conts .cont-item .btns .btn.first {
  margin-left: 0;
}
.download-view .conts table.table {
  text-align: left;
  border-width: 0;
}
.download-view .conts table.table th,
.download-view .conts table.table td.type {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #1E2026;
  padding: 2em 1.6em;
}
.download-view .conts table.table td {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #596173;
  padding: 1.5em 0 1.5em 2em;
}
.download-view .conts table.table td.type {
  color: #1E2026;
  font-family: "";
  padding: 1.2em 0 1.2em 1.6em;
}
.download-view .conts table.table td.type a {
  color: #1E2026;
}
.download-view .conts table.table td.md5 {
  word-break: break-all;
}
.download-view .conts table.table td.btns {
  padding: 1.5em 2em;
}
.download-view .conts table.table td.btns .btn {
  display: block;
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 0.25em;
  padding: 0.5em 0;
  text-align: center;
}
.download-view .conts table.table tr.group td {
  padding: 0 2em;
}
.download-view .conts table.table tr.group td .line {
  height: 1px;
  background-color: #EAECF2;
}
.download-view .conts .list1 {
  margin-top: 0.4em;
}
.download-view .conts .list1 .items {
  overflow: hidden;
}
.download-view .conts .list1 .items .item {
  float: left;
  width: 50%;
}
.download-view .conts .list1 .items .item .content {
  padding: 0.32em;
  position: relative;
  overflow: hidden;
}
.download-view .conts .list1 .items .item .content .ico {
  float: left;
  width: 0.48em;
  height: 0.48em;
  line-height: 0;
}
.download-view .conts .list1 .items .item .content .ico img {
  width: 100%;
  height: 100%;
}
.download-view .conts .list1 .items .item .content .detail {
  float: left;
  width: 3em;
  margin-left: 0.12em;
}
.download-view .conts .list1 .items .item .content .detail .name {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #1E2026;
}
.download-view .conts .list1 .items .item .content .detail .name a {
  color: #1E2026;
  margin-left: 0;
}
.download-view .conts .list1 .items .item .content .detail .info {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.75em;
}
.download-view .conts .list1 .items .item .content .detail .text {
  color: #596173;
  margin-left: 0;
}
.download-view .conts .list1 .items .item .content .detail .link {
  color: #0663F7;
  margin-left: 0.625em;
}
.download-view .conts .list1 .items .item .content .btn-box {
  float: right;
  margin-top: 0.04em;
}
.download-view .conts .list1 .items .item .content .btn {
  display: block;
  font-size: 0.16em;
  font-weight: 700;
  line-height: 1.5;
  width: 6em;
  padding: 0.4em 0;
  border-radius: 3em;
  text-align: center;
}
.download-view .conts .list1 .items .has-bnid {
  height: 1.3em;
}
.download-view .conts .list2 {
  margin-top: 0.32em;
}
.download-view .conts .list2 .items .item {
  background-color: #F7FAFF;
  padding: 0.24em;
  margin-top: 0.24em;
  overflow: hidden;
}
.download-view .conts .list2 .items .item .ico {
  float: left;
  width: 1.2em;
  height: 1.2em;
  line-height: 0;
}
.download-view .conts .list2 .items .item .ico img {
  width: 100%;
  height: 100%;
}
.download-view .conts .list2 .items .item .content {
  float: left;
  margin-left: 0.16em;
  margin-top: 0.13em;
}
.download-view .conts .list2 .items .item .content .name {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.download-view .conts .list2 .items .item .content .info {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #596173;
  margin-top: 0.5em;
}
.download-view .conts .list2 .items .item .content .links {
  line-height: 0;
  margin-top: 0.08em;
  overflow: hidden;
}
.download-view .conts .list2 .items .item .content .links .link {
  float: left;
  font-size: 0.14em;
  font-weight: 400;
  line-height: 1.5;
}
.download-view .conts .list2 .items .item .content .links .line {
  float: left;
  width: 0.01em;
  height: 0.14em;
  background-color: #95A2C0;
  margin: 0.05em 0.09em 0 0.09em;
}
.download-view .conts .list2 .items .item .content.no-links {
  margin-top: 0.22em;
}
.download-view .conts .list2 .items .item .btns {
  float: right;
  margin-top: 0.42em;
}
.download-view .conts .list2 .items .item .btns .btn {
  display: block;
  font-size: 0.14em;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 0.25em;
  width: 10.5em;
  padding: 0.5em 0;
  margin-top: 0.86em;
  text-align: center;
}
.download-view .conts .list2 .items .item .btns .btn.first {
  margin-top: 0;
}
.download-view .conts .list2 .items .item .btns2 {
  margin-top: 0.18em;
}
.download-view .conts .list2 .items .item.first {
  margin-top: 0;
}
.download-view .conts .list3 {
  margin-top: 0.32em;
}
.download-view .conts .list3 col.type {
  width: 1.52em;
}
.download-view .conts .list3 col.desc {
  width: 3.02em;
}
.download-view .conts .list3 col.size {
  width: 1.5em;
}
.download-view .conts .list3 col.md5 {
  width: 2.32em;
}
.download-view .conts .list3 col.btns {
  width: 1.8em;
}
.download-view .conts .list4 {
  margin-top: 0.32em;
}
.download-view .conts .list4 .items {
  border-style: solid;
  border-color: #EAECF2;
  border-width: 1px 1px 0 0;
  overflow: hidden;
}
.download-view .conts .list4 .items .item {
  float: left;
  width: 50%;
}
.download-view .conts .list4 .items .item .content {
  border-style: solid;
  border-color: #EAECF2;
  border-width: 0 0 1px 1px;
  padding: 0.24em;
}
.download-view .conts .list4 .items .item .head {
  margin-bottom: 0.16em;
  overflow: hidden;
}
.download-view .conts .list4 .items .item .head .name {
  float: left;
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.5;
  color: #1E2026;
}
.download-view .conts .list4 .items .item .head .btn {
  float: right;
  font-size: 0.14em;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 0.25em;
  padding: 0.5em 1.28em;
}
.download-view .conts .list4 .items .item .info {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #77829A;
  margin-top: 0.5em;
}
.download-view .conts .list4 .items .item .desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  background-color: #F7FAFF;
  color: #596173;
  height: 4.5em;
  padding: 0.75em;
  margin-top: 1.5em;
}
.download-view .conts .list4 .items .item:hover {
  background: url('../images/bg_item_hover.png') no-repeat;
  background-size: 100% 100%;
}
.v-hwinfo .typical-hw {
  margin-top: 0.56em;
}
.v-hwinfo .hw-title {
  font-size: 0.2em;
  font-weight: 700;
  line-height: 1.6;
  color: #FC8A32;
  margin-bottom: 1.6em;
}
.v-hwinfo .hw-title .ico {
  float: left;
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.5em;
  line-height: 0;
}
.v-hwinfo .hw-title .ico img {
  width: 100%;
  height: 100%;
}
.v-hwinfo table.table col.name {
  width: 1.4em;
}
.v-hwinfo table.table col.item {
  width: 1.8em;
}
.v-hwinfo table.table th,
.v-hwinfo table.table td {
  border-left: 1px solid #EAECF2;
  padding: 1em;
}
.v-hwinfo .hw-desc {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #77829A;
  margin-top: 1em;
}
.v-hwinfo {
  padding: 0.2em;
}
.article-list {
  padding: 0.56em 0;
}
.article-list .section {
  margin-top: 0.48em;
}
.article-list .section.first {
  margin-top: 0;
}
.article-list .sec-title {
  font-size: 0.32em;
  font-weight: 700;
  line-height: 1.5;
  color: #043B94;
}
.article-list .sec-title .ico {
  float: left;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.25em;
  line-height: 0;
}
.article-list .sec-title .ico img {
  width: 100%;
  height: 100%;
}
.article-list .items {
  overflow: hidden;
}
.article-list .items .item {
  float: left;
  width: 31.4%;
  margin-left: 2.9%;
  margin-top: 0.24em;
  line-height: 0;
}
.article-list .items .item .link {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  vertical-align: top;
}
.article-list .items .item.col1 {
  margin-left: 0;
}
.news-list .items .item {
  border-top: 1px solid #F2F2F2;
  padding: 0.17em 0 0.32em 0;
}
.news-list .items .item .title {
  font-size: 0.24em;
  font-weight: 700;
  line-height: 1.5;
}
.news-list .items .item .title .link {
  color: #043B94;
}
.news-list .items .item .date {
  font-size: 0.14em;
  font-weight: 400;
  line-height: 1.5;
  color: #77829A;
  margin-top: 1.1em;
}
.news-list .items .item .desc {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #3C414D;
  margin-top: 0.8em;
}
.news-detail {
  padding-top: 0.48em;
}
.news-detail .news-back {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-bottom: 0.8em;
}
.news-detail .news-title {
  font-size: 0.24em;
  font-weight: 500;
  line-height: 1.5;
  color: #011431;
}
.news-detail .news-info {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.6;
  color: #77829A;
  margin-top: 1em;
}
.news-detail .news-view {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  color: #596173;
  margin-top: 4em;
  overflow: hidden;
}
.news-detail .news-view p {
  padding: 0.25em 0;
}
.news-detail .news-view .img {
  max-width: 90%;
  text-align: center;
  margin-top: 1.6em;
  line-height: 0;
}
.news-detail .news-view .img img {
  max-width: 100%;
}
.news-detail .news-nav {
  border-top: 1px solid #E2E2E2;
  padding-top: 0.35em;
  margin-top: 0.64em;
  overflow: hidden;
}
.news-detail .news-nav .item .ico {
  width: 0.65em;
  height: 0.65em;
  background-color: #0763F8;
  text-align: center;
  line-height: 0;
}
.news-detail .news-nav .item .ico img {
  width: 0.2em;
  height: 0.16em;
  margin-top: 0.245em;
}
.news-detail .news-nav .item .content {
  margin-top: 0.045em;
}
.news-detail .news-nav .item .text {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.5;
  color: #596173;
}
.news-detail .news-nav .item .text:hover {
  text-decoration: underline;
}
.news-detail .news-nav .item .name {
  font-size: 0.16em;
  font-weight: 400;
  line-height: 1.6;
  color: #1E2026;
}
.news-detail .news-nav .item .name:hover {
  text-decoration: underline;
}
.news-detail .news-nav .prev {
  float: left;
}
.news-detail .news-nav .prev .ico {
  float: left;
}
.news-detail .news-nav .prev .content {
  float: right;
  margin-left: 0.16em;
}
.news-detail .news-nav .next {
  float: right;
}
.news-detail .news-nav .next .ico {
  float: right;
}
.news-detail .news-nav .next .content {
  float: left;
  margin-right: 0.16em;
  text-align: right;
}
.footer {
  background-color: #363636;
  color: #fff;
}
.footer .hd {
  padding-top: 0.4em;
}
.footer .footer-navbar {
  min-height: 2.25em;
  position: relative;
}
.footer .footer-navbar .footer-nav {
  padding-bottom: 0.4em;
  margin-right: 6.42em;
  margin-left: 0.2em;
}
.footer .footer-navbar .footer-nav .menu {
  width: 33.3%;
}
.footer .footer-navbar .footer-nav .menu .m-title {
  margin-bottom: 0.12em;
  line-height: 0;
}
.footer .footer-navbar .footer-nav .menu .m-title .text {
  display: inline-block;
  font-size: 0.22em;
  line-height: 2;
  border-bottom: 2px solid #BEBEBE;
  cursor: default;
}
.footer .footer-navbar .footer-nav .menu .m-link {
  font-size: 0.18em;
  line-height: 0;
}
.footer .footer-navbar .footer-nav .menu .m-link .dot {
  font-weight: bold;
  color: #fff;
  margin-right: 0.3em;
}
.footer .footer-navbar .footer-nav .menu .m-link a {
  color: #DFE4EB;
  line-height: 2;
  vertical-align: top;
}
.footer .footer-navbar .footer-nav .menu .m-link a:hover {
  color: #066DC6;
}
.footer .footer-navbar .footer-nav .menu:hover .m-title .text {
  border-color: #066DC6;
}
.footer .footer-navbar .footer-nav .menu-soft {
  width: 39%;
}
.footer .footer-navbar .footer-nav .menu-demo {
  width: 34%;
}
.footer .footer-navbar .footer-nav .menu-about {
  width: 26.9%;
}
.footer .footer-navbar .footer-qrcodes,
.footer .footer-navbar .footer-phone {
  position: absolute;
  top: 0;
  width: 2.6em;
  height: 100%;
  padding: 0 0.3em;
  border-left: 1px solid #585858;
}
.footer .footer-navbar .footer-qrcodes {
  right: 3.2em;
  text-align: center;
}
.footer .footer-navbar .footer-qrcodes .qrcode-item {
  margin-top: 0.1em;
}
.footer .footer-navbar .footer-qrcodes .qrcode-img {
  line-height: 0;
}
.footer .footer-navbar .footer-qrcodes .qrcode-img img {
  width: 1.5em;
}
.footer .footer-navbar .footer-qrcodes .qrcode-text {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0.5em;
}
.footer .footer-navbar .footer-phone {
  right: 0;
  text-align: left;
}
.footer .footer-navbar .footer-phone .sp-text,
.footer .footer-navbar .footer-phone .sp-tel {
  font-size: 0.25em;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.4em;
}
.footer .footer-navbar .footer-phone .sp-tel {
  font-weight: 700;
}
.footer .copyright {
  font-size: 0.2em;
  font-weight: 400;
  line-height: 1.6;
  padding: 0.75em 1em;
  border-top: 1px solid #585858;
  text-align: center;
}
.footer .copyright .link {
  color: #fff;
}
.footer .copyright .link:hover {
  text-decoration: underline;
}
.footer .copyright .beian {
  background: url(../images/beian.png) 0 5px no-repeat;
  padding: 2px 0 2px 24px;
  color: #fff;
}
.footer .copyright .beian:hover {
  text-decoration: underline;
}
.footer .copyright .site-stat {
  display: none;
}
.footer .copyright .site-stat img {
  float: left;
}


.v-scroll .header {
  position: fixed;
  background-color: #fff;
}
.v-scroll .header .logo {
  background-image: url('../images/logo1.png');
}
.v-scroll .header .top-item {
  color: #3C414D;
}
.v-scroll .header .nav-links .arrow-down {
  border-top-color: #3C414D;
}
.v-scroll .header .logo2 .svg-ico,
.v-scroll .header .nav-bars .svg-ico {
  fill: #1E2026;
}
.hd800 .solution-intros .items .pon,
.hd-mini .solution-intros .items .pon {
  background-image: url('../images/pon.jpg');
}
.hd800 .solution-intros .items .isp,
.hd-mini .solution-intros .items .isp {
  background-image: url('../images/isp.jpg');
}
.hd800 .solution-intros .items .market,
.hd-mini .solution-intros .items .market {
  background-image: url('../images/market.jpg');
}
.hd800 .solution-intros .items .hospital,
.hd-mini .solution-intros .items .hospital {
  background-image: url('../images/hospital.jpg');
}
.hd800 .solution-intros .items .school,
.hd-mini .solution-intros .items .school {
  background-image: url('../images/school.jpg');
}
.hd800 .solution-intros .items .pon:hover,
.hd-mini .solution-intros .items .pon:hover {
  background-image: url('../images/pon_hover.jpg');
}
.hd800 .solution-intros .items .isp:hover,
.hd-mini .solution-intros .items .isp:hover {
  background-image: url('../images/isp_hover.jpg');
}
.hd800 .solution-intros .items .market:hover,
.hd-mini .solution-intros .items .market:hover {
  background-image: url('../images/market_hover.jpg');
}
.hd800 .solution-intros .items .hospital:hover,
.hd-mini .solution-intros .items .hospital:hover {
  background-image: url('../images/hospital_hover.jpg');
}
.hd800 .solution-intros .items .school:hover,
.hd-mini .solution-intros .items .school:hover {
  background-image: url('../images/school_hover.jpg');
}
.hd800 .header .logo {
  margin-right: 20px;
}
.hd800 .header .nav .menus .m-link {
  font-size: 14px;
  padding: 0 0.64em;
}
.hd800 .header .nav-links a {
  font-size: 12px;
}
.hd800 .header .nav-links .line {
  font-size: 10px;
  margin: 0 5px;
}
.hd800 .customer-logos {
  height: auto;
}
.hd800 .customer-logos .title {
  float: none;
  text-align: center;
  margin: 0;
  font-size: 0.48em;
  font-weight: 400;
  line-height: 70px;
}
.hd800 .customer-logos .list {
  float: none;
  margin-top: 0.08em;
}
.hd800 .customer-logos .list .items {
  width: 14.52em;
  margin: 0 auto;
}
.hd800 .customer-logos .list .items .item {
  height: 0.64em;
}
.hd800 .product-intros .tabs {
  width: 100%;
  height: 80px;
  background: none;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.hd800 .product-intros .tabs .mq {
  display: none;
}
.hd800 .product-intros .tabs .items {
  margin: 0 auto;
}
.hd800 .product-intros .tabs .items .item {
  float: left;
  width: 68px;
  height: 68px;
  position: relative;
  left: 0;
  top: 0;
  margin-left: 64px;
}
.hd800 .product-intros .tabs .items .item .name {
  background: none;
  left: 0;
  top: 40px;
  margin-left: 0;
  width: 100%;
  text-align: center;
  padding: 0;
}
.hd800 .product-intros .tabs .items .item .name .text {
  font-size: 14px;
}
.hd800 .product-intros .tabs .items .item .name .arrow {
  display: none;
}
.hd800 .product-intros .tabs .items .item .img {
  margin-top: -24px;
}
.hd800 .product-intros .tabs .items .first {
  margin-left: 0;
}

.hd800 .product-intros .tabs .items .on .name {
  display: none;
}
.hd800 .product-intros .tabs .items .on .img {
  margin-top: 0;
}
.hd800 .product-intros .conts .items .item .img-box {
  float: none;
  width: 560px;
  margin: 0 auto;
}
.hd800 .product-intros .conts .items .item .content {
  margin-left: 0;
}
.hd800 .solution-intros .items .item {
  float: none;
  width: 100%;
  height: 1.8em;
  margin: 0.12em 0 0 0;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.hd800 .solution-intros .items .item .content {
  padding: 0.34em 0 0.34em 0.28em;
  margin-right: 4.8em;
}
.hd800 .solution-intros .items .item .name {
  font-size: 0.22em;
  line-height: 1.5;
}
.hd800 .solution-intros .items .item .desc {
  margin-top: 0.08em;
  overflow: hidden;
}
.hd800 .solution-intros .items .item .desc li {
  float: left;
  font-size: 0.2em;
  line-height: 1.6;
  margin-right: 1em;
}
.hd800 .solution-intros .items .first {
  margin: 0;
}
.hd800 .footer .footer-navbar .footer-nav .menu .m-title .text {
  font-size: 0.24em;
}
.hd800 .footer .footer-navbar .footer-nav .menu .m-link {
  font-size: 0.2em;
}
.hd-mini {
  font-size: 80px;
}
.hd-mini .em-root {
  font-size: 80px;
}
.hd-mini .hd {
  width: 90%;
  min-width: auto;
}
.hd-mini .only-mini {
  display: block;
}
.hd-mini .only-hd {
  display: none;
}
.hd-mini .section-mt1 {
  margin-top: 0.48em;
}
.hd-mini .section-mb1 {
  margin-bottom: 0.48em;
}
.hd-mini .section-mtb1 {
  margin: 0.48em 0;
}
.hd-mini .section-pt1 {
  padding-top: 0.48em;
}
.hd-mini .section-pb1 {
  padding-bottom: 0.48em;
}
.hd-mini .section-ptb1 {
  padding: 0.48em 0;
}
.hd-mini .section-pt2 {
  padding-top: 0.38em;
}
.hd-mini .section-pb2 {
  padding-bottom: 0.38em;
}
.hd-mini .pb76 {
  padding-bottom: 0.38em;
}
.hd-mini .main-title,
.hd-mini .main-title2 {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.hd-mini .main-title2::before,
.hd-mini .main-title2::after {
  display: none;
}
.hd-mini .detail-view .title {
  font-size: 20px;
  line-height: 32px;
}
.hd-mini .detail-view .name {
  font-size: 14px;
  line-height: 24px;
  margin-top: 16px;
}
.hd-mini .detail-view .desc,
.hd-mini .detail-view ul.list li {
  font-size: 12px;
  line-height: 20px;
}
.hd-mini .detail-view ul.props li {
  font-size: 12px;
  line-height: 20px;
  margin-right: 8px;
}
.hd-mini .detail-view .btns {
  margin-top: 16px;
}
.hd-mini .detail-view .btns .btn {
  font-size: 14px;
  line-height: 32px;
  padding: 0 24px;
}
.hd-mini .header {
  height: 0.64em;
}
.hd-mini .header .logo {
  margin-top: 0.16em;
  display: none;
}
.hd-mini .header .logo2 {
  margin-top: 0.16em;
  display: block;
}
.hd-mini .header .nav-links,
.hd-mini .header .nav {
  display: none;
}
.hd-mini .header .nav-bars {
  display: block;
}
.hd-mini .header-fixed {
  height: 0.64em;
}
.hd-mini .footer-fixed {
  height: 0.2em;
}
.hd-mini .sidebar {
  top: 0.64em;
  height: calc(100% - 0.64em);
}
.hd-mini .banner .banner-img .s-img {
  width: 100%;
  right: 0;
  bottom: 0;
  text-align: center;
}
.hd-mini .banner .banner-img .s-img2,
.hd-mini .banner .banner-img .s-img4 {
  bottom: 0.2em;
}
.hd-mini .banner .banner-img .s-img5,
.hd-mini .banner .banner-img .s-img6 {
  display: none;
}
.hd-mini .banner .slide-control {
  bottom: 0.24em;
}
.hd-mini .banner.no-img {
  font-size: 18.75px;
}
.hd-mini .banner.no-img .slide-ul {
  font-size: 80px;
}
.hd-mini .banner-h824 .banner-img .bg {
  height: 100%;
}
.hd-mini .banner-h824 .banner-img .bg img {
  width: auto;
}
.hd-mini .banner-h824 .banner-img .hd {
  height: auto;
  padding-top: 0.64em;
}
.hd-mini .banner-h824 .banner-img .content {
  position: static;
  margin-top: 0.16em;
  width: auto;
  height: auto;
  text-align: center;
}
.hd-mini .banner-h824 .banner-img .content .title {
  font-size: 0.24em;
  text-align: center;
}
.hd-mini .banner-h824 .banner-img .content .desc {
  font-size: 0.18em;
  line-height: 1.5;
  margin-top: 0.5em;
}
.hd-mini .banner-h824 .banner-img .content .btn {
  display: none;
}
.hd-mini .banner-h824 .banner-img .s-img img {
  width: auto;
  height: 2.91em;
}
.hd-mini .banner-h824.has-img {
  height: 5.14em;
}
.hd-mini .banner-h560 .banner-img .hd {
  height: 100%;
  top: 0;
}
.hd-mini .banner-h560 .banner-img .content {
  width: auto;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hd-mini .banner-h560 .banner-img .content .title {
  font-size: 0.2em;
  white-space: normal;
}
.hd-mini .banner-h560 .banner-img .content .desc {
  display: none;
}
.hd-mini .banner-h560 .banner-img .content .btn {
  font-size: 0.16em;
  width: 6.8em;
  padding: 0.25em 1em;
  margin-top: 0.75em;
}
.hd-mini .banner-h560.has-img {
  height: 4.8em;
}
.hd-mini .banner-h560.has-img .banner-img .bg {
  height: 100%;
}
.hd-mini .banner-h560.has-img .banner-img .bg img {
  width: auto;
}
.hd-mini .banner-h560.has-img .banner-img .content {
  position: static;
  margin-top: 0.24em;
  width: auto;
  height: auto;
  text-align: center;
  -webkit-transform: none;
  transform: none;
}
.hd-mini .banner-h560.has-img .banner-img .content .title {
  font-size: 0.24em;
  text-align: center;
}
.hd-mini .banner-h560.has-img .banner-img .content .desc {
  font-size: 0.18em;
  line-height: 1.5;
  margin-top: 0.5em;
  display: block;
}
.hd-mini .banner-h560.has-img .banner-img .content .btn {
  display: none;
}
.hd-mini .banner-h560.has-img .banner-img .img {
  position: static;
  width: 100%;
  height: auto;
  margin-top: 0.24em;
}
.hd-mini .banner-h560.has-img .banner-img .img .i-bg {
  display: none;
}
.hd-mini .banner-h560.has-img .banner-img .img .i-img {
  text-align: center;
  height: 2.8em;
}
.hd-mini .banner-h560.has-img .banner-img .img .i-img img {
  width: auto;
}
.hd-mini .banner-h560.has-img.no-desc {
  height: 3.8em;
}
.hd-mini .customer-logos {
  height: auto;
  margin: 0;
  padding: 0.32em 0;
}
.hd-mini .customer-logos .title {
  float: none;
  font-size: 0.24em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
.hd-mini .customer-logos .list {
  float: none;
}
.hd-mini .customer-logos .items {
  text-align: center;
}
.hd-mini .customer-logos .items .item {
  height: 0.32em;
  margin: 0.4em 0 0 0.28em;
}
.hd-mini .product-intros {
  background: url('../images/bg_mini.jpg') no-repeat;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
  margin-top: 0.24em;
  padding: 0.48em 0 0.48em 0.2em;
}
.hd-mini .product-intros .hd {
  width: 100%;
}
.hd-mini .product-intros .main-title {
  color: #fff;
}
.hd-mini .product-intros .main-desc {
  color: #fff;
  display: none;
}
.hd-mini .product-intros .tabs {
  display: none;
}
.hd-mini .product-intros .conts {
  margin-top: 0.24em;
  overflow: hidden;
}
.hd-mini .product-intros .conts .items {
  display: -webkit-box;
  display: flex;
  width: 2000px;
  padding-right: 0.2em;
}
.hd-mini .product-intros .conts .items .item {
  float: left;
  width: 282px;
  background-color: #fff;
  padding: 28px 16px;
  margin-left: 16px;
  border-radius: 12px;
  display: block;
}
.hd-mini .product-intros .conts .items .item .img-box {
  display: none;
}
.hd-mini .product-intros .conts .items .item .content {
  margin: 0;
}
.hd-mini .product-intros .conts .items .item:first-child {
  margin-left: 0;
}
.hd-mini .product-intros .controls {
  display: block;
  margin-right: 0.2em;
}
.hd-mini .solution-intros .items .item {
  float: none;
  width: 100%;
  height: 1.4em;
  margin: 0.12em 0 0 0;
  background-size: 100% 100%;
  -ms-behavior: url('../images/bgimage.htc') \0;
}
.hd-mini .solution-intros .items .item .content {
  padding: 0.12em 0.18em;
  margin-right: 0;
}
.hd-mini .solution-intros .items .item .name {
  font-size: 0.2em;
  line-height: 1.5;
}
.hd-mini .solution-intros .items .item .desc {
  margin-top: 0.08em;
  overflow: hidden;
}
.hd-mini .solution-intros .items .item .desc li {
  float: left;
  font-size: 0.16em;
  line-height: 1.6;
  margin-right: 1em;
}
.hd-mini .solution-intros .items .item .desc li:last-child {
  margin-right: 0;
}
.hd-mini .solution-intros .items .first {
  margin: 0;
}
.hd-mini .case-intros .main-title {
  margin-bottom: 24px;
}
.hd-mini .case-intros .tabs {
  float: none;
  width: auto;
  padding: 20px 0;
  border-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.hd-mini .case-intros .tabs .items {
  width: 500px;
  overflow: hidden;
}
.hd-mini .case-intros .tabs .items .item {
  float: left;
  padding: 4px 18px;
  margin: 0 0 0 8px;
}
.hd-mini .case-intros .conts {
  margin: 24px 0 0 0;
}
.hd-mini .case-intros .conts .items .item .name {
  font-size: 20px;
  line-height: 32px;
}
.hd-mini .case-intros .conts .items .item .desc {
  font-size: 14px;
  line-height: 24px;
  margin-top: 16px;
}
.hd-mini .case-intros .conts .items .item ul.props li {
  font-size: 12px;
  margin-right: 8px;
}
.hd-mini .case-intros .conts .items .item .demos {
  margin-top: 0.12em;
}
.hd-mini .case-intros .conts .items .item .demos .demo {
  height: 0.64em;
  margin: 0.2em 0.2em 0 0;
}
.hd-mini .case-intros .conts .items .item .demos .demo.first {
  margin-left: 0;
}
.hd-mini .about-intros .items {
  margin-top: 24px;
}
.hd-mini .about-intros .items .item {
  float: none;
  width: 100%;
  margin: 16px 0 0 0;
}
.hd-mini .about-intros .items .item .img {
  float: left;
  line-height: 0;
}
.hd-mini .about-intros .items .item .img img {
  width: 38px;
  height: 38px;
}
.hd-mini .about-intros .items .item .name,
.hd-mini .about-intros .items .item .desc {
  text-align: left;
  margin-left: 46px;
}
.hd-mini .about-intros .items .item .name {
  font-size: 20px;
  line-height: 28px;
}
.hd-mini .about-intros .items .item .desc {
  font-size: 12px;
  line-height: 22px;
  padding: 0;
}
.hd-mini .contact-intros .col {
  float: none;
  width: 100%;
  margin-bottom: 0.5em;
}
.hd-mini .contact-intros .last-col {
  margin-bottom: 0;
}
.hd-mini .contact-intros .btns .full-btn {
  width: 100%;
  max-width: 340px;
  text-align: center;
  padding: 0;
}
.hd-mini .products .p-title {
  font-size: 0.32em;
  margin-top: 0.8em;
}
.hd-mini .products .page-conts .items .item {
  float: none;
  width: 100%;
  margin-left: 0;
}
.hd-mini .products .page-conts .items .item .img {
  float: left;
  width: 120px;
  height: 120px;
  padding: 0;
}
.hd-mini .products .page-conts .items .item .content {
  padding-left: 150px;
  text-align: left;
}
.hd-mini .products .page-conts .items .item .name {
  font-size: 0.24em;
}
.hd-mini .products .page-conts .items .item .desc {
  height: auto;
}
.hd-mini .itv-overview .items .item .content {
  float: none;
  width: auto;
  height: auto;
  margin-top: 0;
}
.hd-mini .itv-overview .items .item .content .name {
  font-size: 0.3em;
}
.hd-mini .itv-overview .items .item .img {
  float: none;
  width: auto;
  margin-top: 0.24em;
}
.hd-mini .itv-overview1 .items .item {
  padding: 20px 0;
}
.hd-mini .itv-overview1 .items .item .img {
  width: 40%;
  height: auto;
}
.hd-mini .itv-overview1 .items .item .content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 58%;
  height: auto;
  margin-top: 0;
}
.hd-mini .itv-overview1 .items .item .content .name {
  font-size: 16px;
}
.hd-mini .itv-overview1 .items .item .content .desc {
  font-size: 12px;
}
.hd-mini .itv-overview1 .items .img-left .content {
  right: 0;
}
.hd-mini .itv-overview1 .items .img-right .content {
  left: 0;
}
.hd-mini .profession-1 {
  padding-bottom: 20px;
}
.hd-mini .profession-1 .versions {
  width: 1840px;
}
.hd-mini .profession-1 .versions .version {
  width: 16%;
  margin: 0 0.5% 0 0;
}
.hd-mini .profession-1 .versions .version .head .title {
  font-size: 0.24em;
}
.hd-mini .profession-1 .versions .version .head .desc {
  font-size: 0.17em;
}
.hd-mini .profession-1 .versions .version:last-child {
  margin: 0;
}
.hd-mini .profession-1 .controls {
  display: block;
}
.hd-mini .diff-products .list {
  margin-top: 0.32em;
}
.hd-mini .diff-products table.specs col.name {
  width: 0.8em;
}
.hd-mini .diff-products table.specs col.item {
  width: 2.2em;
}
.hd-mini .diff-products table.specs .head .item {
  padding: 0.24em;
}
.hd-mini .diff-products table.specs .head .item .text {
  font-size: 0.24em;
  height: 2.2em;
}
.hd-mini .itv-demos {
  font-size: 80px;
}
.hd-mini .itv-demos .tabs {
  margin: 0.3em auto;
}
.hd-mini .itv-demos .tabs .items .item {
  margin-left: 0.05em;
}
.hd-mini .itv-demos .conts .items .item .list {
  float: none;
  width: 100%;
}
.hd-mini .itv-demos .conts .items .item .list .demo {
  width: 300px;
  height: 168px;
  border-width: 2px;
  margin-right: 12px;
  margin-top: 0;
  margin-bottom: 0;
}
.hd-mini .itv-demos .conts .items .item .list .demo:last-child {
  margin-right: 0;
}
.hd-mini .itv-demos .conts .items .item .box {
  display: none;
}
.hd-mini .pr-canshu .bg-hd {
  padding: 0;
}
.hd-mini .pr-canshu table.specs col.w680 {
  width: 3em;
}
.hd-mini .pr-canshu table.specs col.w220,
.hd-mini .pr-canshu table.specs col.w168 {
  width: 1.4em;
}
.hd-mini .pr-canshu2 .list {
  width: auto;
}
.hd-mini .product-manual .content {
  float: none;
  margin-top: 0.64em;
}
.hd-mini .product-manual .img {
  float: none;
  text-align: center;
  width: auto;
  height: auto;
}
.hd-mini .soft-dl .content .btn {
  font-size: 14px;
}
.hd-mini .soft-dl.section-pt1 {
  padding-top: 0.96em;
}
.hd-mini .soft-dl.section-ptb1 {
  padding: 0.96em 0;
}
.hd-mini .zn-di {
  padding: 0.24em 0;
}
.hd-mini .zn-di .content {
  float: none;
  margin-top: 0.12em;
}
.hd-mini .zn-di .content .title {
  font-size: 0.4em;
}
.hd-mini .zn-di .img {
  float: none;
  width: auto;
  height: auto;
  margin-top: 0.2em;
}
.hd-mini .product-1 .overview,
.hd-mini .product-1 .props {
  float: none;
  width: auto;
}
.hd-mini .product-1 .overview .img img {
  width: 100%;
}
.hd-mini .product-1 .props {
  margin-top: 0.32em;
}
.hd-mini .product-12 .overview,
.hd-mini .product-12 .props {
  float: none;
  width: auto;
}
.hd-mini .product-12 .overview .img {
  max-width: 100%;
}
.hd-mini .product-12 .overview .img img {
  width: 100%;
}
.hd-mini .product-12 .props .items {
  float: none;
  margin-top: 0.4em;
}
.hd-mini .product-12 .props .items .item {
  position: static;
  float: none;
  width: auto;
  height: auto;
  background-color: #FAFBFD;
  border-radius: 0.16em;
  border: 2px solid #F4F7FB;
  padding: 0.32em;
  margin-bottom: 0.32em;
}
.hd-mini .product-12 .props .items .item .name {
  margin-top: 0.375em;
}
.hd-mini .product-12 .props .items .item.last {
  margin-bottom: 0;
}
.hd-mini .product-12 .props .items .item:hover {
  background-color: #fff;
  box-shadow: none;
}
.hd-mini .product-12 .props .items.col3 {
  width: auto;
  height: auto;
  margin-bottom: 0.4em;
}
.hd-mini .product-13 .props {
  float: none;
  width: auto;
}
.hd-mini .product-13 .img {
  display: none;
}
.hd-mini .product-14 .items .item {
  float: left;
  width: auto;
  margin: 0.24em 0 0 0;
}
.hd-mini .product-14 .items .item .name {
  font-size: 0.24em;
}
.hd-mini .product-15 .hd {
  padding: 0.32em 0;
}
.hd-mini .product-15 .overview,
.hd-mini .product-15 .props {
  float: none;
  width: auto;
}
.hd-mini .product-15 .overview {
  position: static;
  margin-top: 0.48em;
  display: none;
}
.hd-mini .product-15 .overview .img {
  max-width: 100%;
}
.hd-mini .product-15 .overview .img img {
  width: 100%;
}
.hd-mini .product-15 .props .items {
  float: none;
  margin-top: 0.4em;
}
.hd-mini .product-15 .props .items .item {
  float: none;
  width: auto;
  height: auto;
}
.hd-mini .product-15 .props .items .item .label {
  float: left;
  width: 0.48em;
  margin-top: 0.08em;
  margin-left: 0.12em;
}
.hd-mini .product-15 .props .items .item .name {
  padding-left: 3.2em;
}
.hd-mini .product-props .props .items .item {
  width: 50%;
}
.hd-mini .more-props .props {
  margin-top: 0.48em;
}
.hd-mini .more-props .props .items .item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
}
.hd-mini .more-props .props .items .item .min {
  display: none;
}
.hd-mini .more-props .props .items .item .max {
  display: block;
}
.hd-mini .product-matrix {
  padding: 0.48em 0 0.24em 0;
}
.hd-mini .product-matrix .hd {
  height: auto;
}
.hd-mini .product-matrix .main-title {
  position: static;
}
.hd-mini .product-matrix .img {
  position: static;
  max-width: 100%;
}
.hd-mini .itvgw-features .section {
  float: none;
  width: auto;
  margin-left: 0;
}
.hd-mini .itvgw-features .section2 {
  margin-top: 0.32em;
}
.hd-mini .product-2 table.features col.title {
  width: 1.6em;
}
.hd-mini .product-2 table.features col.name {
  width: 3.28em;
}
.hd-mini .product-22 .items .item .name,
.hd-mini .product-22 .items .item .desc {
  float: none;
  width: auto;
}
.hd-mini .product-22 .items .item .desc {
  margin-top: 0.8em;
}
.hd-mini .solution-iots .hd {
  padding: 0;
}
.hd-mini .solution-iots .content {
  width: auto;
  padding: 0.32em;
}
.hd-mini .solution-iots .img {
  position: static;
  width: 100%;
  height: auto;
  margin-top: 0.2em;
}
.hd-mini .solution-scenes .items .item {
  height: auto;
}
.hd-mini .solution-scenes .items .item .content,
.hd-mini .solution-scenes .items .item .img {
  float: none;
  width: auto;
  height: auto;
}
.hd-mini .solution-scenes .items .item .content .inner {
  padding: 0.2em 0.4em;
}
.hd-mini .solution-onus .list {
  height: auto;
  margin-top: 0.48em;
}
.hd-mini .solution-onus .items .item {
  position: static;
  width: auto;
  height: auto;
  margin-bottom: 0.32em;
}
.hd-mini .solution-onus .items .item:last-child {
  margin-bottom: 0;
}
.hd-mini .solution-iptvs .list {
  margin-top: 0.4em;
}
.hd-mini .solution-iptvs .items .item {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-top: 0.32em;
}
.hd-mini .solution-iptvs .items .item .content {
  padding: 0.32em 0.28em;
}
.hd-mini .solution-iptvs .items .item:first-child {
  margin-top: 0;
}
.hd-mini .solution-cases .conts .items .item {
  padding: 0;
}
.hd-mini .solution-cases .conts .items .item .img {
  float: none;
  width: 100%;
  height: auto;
}
.hd-mini .solution-cases .conts .items .item .content {
  margin: 0.32em 0 0 0;
}
.hd-mini .solution-deploy .main-desc {
  width: auto;
}
.hd-mini .solution-deploy .img {
  width: auto;
  height: auto;
  background: none;
  padding: 0;
  margin-top: 0.4em;
}
.hd-mini .solution-deploy .img a {
  height: auto;
}
.hd-mini .solution-info1 .content {
  position: static;
  margin-top: 0;
}
.hd-mini .solution-info1 .img {
  float: none;
  width: auto;
  height: auto;
}
.hd-mini .ipo-3 .img-box,
.hd-mini .ipo-3 .content {
  float: none;
  width: auto;
}
.hd-mini .ipo-3 .img {
  display: none;
}
.hd-mini .ipo-3 .items {
  margin-top: 0.2em;
}
.hd-mini .ipo-3 .items .item .title .ico2 {
  display: none;
}
.hd-mini .ipo-3 .items .item .detail {
  display: block;
}
.hd-mini .solution-info3 .content {
  position: static;
  width: auto;
}
.hd-mini .solution-info3 .list {
  float: none;
  width: auto;
  height: auto;
  margin-top: 0.32em;
}
.hd-mini .solution-info3 .items .item {
  position: static;
  width: auto;
  height: auto;
  background: none;
  color: #1E2026;
  border-color: #F4F7FB;
  padding: 0.2em;
  margin-top: 0.24em;
}
.hd-mini .solution-info3 .items .item1 {
  margin-top: 0;
}
.hd-mini .solution-info3 .items .item:hover {
  background: #F4F7FB;
}
.hd-mini .solution-info4 .main-desc2 {
  margin-top: 2em;
}
.hd-mini .solution-info4 .img {
  display: none;
}
.hd-mini .solution-info4 .list {
  margin-top: 0.4em;
}
.hd-mini .solution-info4 .items .item {
  margin-top: 0.32em;
}
.hd-mini .ipo-1 .img {
  display: none;
}
.hd-mini .ipo-1 .list {
  margin-top: 0.4em;
}
.hd-mini .ipo-1 .items .item {
  margin-top: 0.32em;
  text-align: left;
}
.hd-mini .solution-overview1 .items .item {
  padding: 0.2em 0;
}
.hd-mini .solution-overview1 .items .item .img {
  float: none;
  width: auto;
  height: auto;
}
.hd-mini .solution-overview1 .items .item .content {
  position: static;
  width: auto;
  height: auto;
  margin-top: 0;
}
.hd-mini .groggery-2 .hd {
  padding: 0;
  border-radius: 0;
}
.hd-mini .groggery-2 .bg {
  display: none;
}
.hd-mini .groggery-2 .list,
.hd-mini .groggery-2 .img {
  float: none;
  width: auto;
}
.hd-mini .groggery-2 .items .item {
  background-color: #f3f3f3;
}
.hd-mini .groggery-2 .img {
  width: auto;
  height: auto;
  background: none;
  padding: 0;
  margin-top: 0.32em;
}
.hd-mini .solution-overview3 .bg {
  display: none;
}
.hd-mini .solution-overview3 .main-title {
  display: block;
}
.hd-mini .solution-overview3 .main-content {
  float: none;
  width: auto;
}
.hd-mini .solution-overview3 .main-content .desc {
  color: #113164;
}
.hd-mini .solution-overview3 .list {
  height: auto;
  margin-top: 0.32em;
}
.hd-mini .solution-overview3 .items .item {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin-top: 0.24em;
}
.hd-mini .solution-overview3 .items .item .name {
  display: inline-block;
  vertical-align: top;
  background-color: #043B94;
  color: #fff;
  border-radius: 0.4em;
  padding: 0.2em 0.8em;
  margin-bottom: 0.8em;
}
.hd-mini .solution-overview3 .items .item1 {
  margin-top: 0;
}
.hd-mini .solution-overview4 .items .item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-top: 0.24em;
}
.hd-mini .solution-overview4 .items .item .ico {
  display: none;
}
.hd-mini .solution-overview4 .items .item.first {
  margin-top: 0;
}
.hd-mini .iot-devices .list {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  padding-bottom: 10px;
}
.hd-mini .iot-devices2 .items .item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-top: 0.32em;
}
.hd-mini .solution-features .items .item {
  float: none;
  width: auto;
  margin-left: 0;
  margin-top: 0.32em;
}
.hd-mini .ipo-2 .list {
  margin-top: 24px;
}
.hd-mini .ipo-2 .items {
  float: none;
  width: auto;
}
.hd-mini .ipo-2 .items .item {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  margin-top: 12px;
  padding: 16px;
  text-align: left;
  
}
.hd-mini .ipo-2 .items .item:hover {
  background-color: #f1f1f1;
}
.hd-mini .ipo-2 .img {
  display: none;
}
.hd-mini .yuqu-1 .items .item {
  float: none;
  width: auto;
  margin-left: 0;
  margin-top: 0.32em;
  display: -webkit-box;
  display: flex;
  overflow: hidden;
}
.hd-mini .yuqu-1 .items .item .ico img,
.hd-mini .yuqu-1 .items .item .ico2 img {
  width: 0.64em;
  height: 0.64em;
}
.hd-mini .yuqu-1 .items .item .name {
  font-size: 0.24em;
  margin: 0 0 0.83em 1.25em;
  text-align: left;
}
.hd-mini .yuqu-1 .items .item .desc {
  margin: 0 0 0 1.5em;
  text-align: left;
}
.hd-mini .yuqu-1 .items .item:first-child {
  margin-top: 0;
}
.hd-mini .yuqu-1 .items.va-center .item {
  -webkit-box-align: center;
  align-items: center;
}
.hd-mini .solution-needs3 .part1,
.hd-mini .solution-needs3 .part2 {
  float: none;
  width: auto;
  padding: 0.32em 0.2em;
  border-radius: 0.24em;
  box-shadow: none;
}
.hd-mini .solution-needs3 .part2 {
  margin-top: 0.32em;
}
.hd-mini .solution-needs4 .main-desc2 {
  margin-top: 1.6em;
}
.hd-mini .solution-needs4 table.props col.id {
  width: 0.8em;
}
.hd-mini .solution-needs4 table.props col.name {
  width: 3em;
}
.hd-mini .solution-needs4 table.props col.desc {
  width: 5.18em;
}
.hd-mini .solution-needs4 table.props tr.item td {
  padding-top: 0.24em;
  padding-bottom: 0.24em;
}
.hd-mini .solution-needs4 table.props tr.item td.name {
  padding-right: 1em;
}
.hd-mini .solution-needs4 table.props tr.item td.desc {
  padding-right: 1em;
}
.hd-mini .groggery-1 .main-title {
  margin-bottom: 0.88em;
}
.hd-mini .groggery-1 .img {
  float: none;
  width: auto;
}
.hd-mini .groggery-1 .list {
  float: none;
  width: auto;
}
.hd-mini .groggery-1 .items .item {
  padding: 0.2em;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.hd-mini .groggery-1 .items .item .desc {
  white-space: normal;
  margin-left: 1em;
}
.hd-mini .scheme-4 .list {
  height: auto;
  margin-top: 0.4em;
}
.hd-mini .scheme-4 .items .item {
  position: static;
  width: auto;
  margin-top: 0.32em;
}
.hd-mini .scheme-4 .items .item1 {
  margin-top: 0;
}
.hd-mini .scheme-4 .img {
  display: none;
}
.hd-mini .solution-props1 .items .item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
}
.hd-mini .solution-props1 .items .item .id {
  float: left;
  margin-bottom: 0;
}
.hd-mini .solution-props1 .items .item .name {
  margin-left: 2.4em;
  line-height: 1.67;
}
.hd-mini .solution-props2 .content {
  float: none;
  width: auto;
}
.hd-mini .solution-props2 .items .item {
  margin-top: 0.4em;
}
.hd-mini .solution-props2 .img {
  float: none;
  width: auto;
  margin-top: 0.48em;
}
.hd-mini .solution-props3 .items .item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-top: 0.32em;
}
.hd-mini .solution-props3 .items .item .content {
  padding: 0.2em;
}
.hd-mini .solution-props4 .hd {
  height: auto;
}
.hd-mini .solution-props4 .img {
  position: static;
  width: auto;
  height: auto;
}
.hd-mini .solution-props4 .img img {
  width: 100%;
  height: auto;
}
.hd-mini .solution-props4 .content {
  float: none;
  width: auto;
}
.hd-mini .scheme-3 .list {
  height: auto;
}
.hd-mini .scheme-3 .bg {
  display: none;
}
.hd-mini .scheme-3 .items .item {
  position: static;
  width: auto;
  margin-top: 0.32em;
}
.hd-mini .groggery-3 .content {
  float: none;
  width: auto;
  margin-bottom: 0.32em;
}
.hd-mini .groggery-3 .list {
  float: none;
}
.hd-mini .groggery-3 .items .item {
  float: none;
  width: auto;
  height: auto;
  background-color: #F4F7FB;
  padding: 0.32em;
  margin-left: 0;
  margin-top: 0.24em;
}
.hd-mini .groggery-3 .items .item .ico {
  float: left;
}
.hd-mini .groggery-3 .items .item .name {
  margin-left: 3.5em;
}
.hd-mini .groggery-3 .items .item .desc {
  padding-top: 0.6em;
}
.hd-mini .groggery-3 .part2 {
  margin: 0;
}
.hd-mini .scheme-2 .list {
  height: auto;
  margin: 0.4em 0;
}
.hd-mini .scheme-2 .bg {
  display: none;
}
.hd-mini .scheme-2 .items .item {
  position: static;
  width: auto;
  border: 1px solid #F4F7FB;
  border-radius: 0.04em;
  padding: 0.08em;
  margin-top: 0.32em;
  text-align: left;
}
.hd-mini .scheme-2 .items .item:hover {
  background-color: #F4F7FB;
}
.hd-mini .scheme-5 .content {
  float: none;
  width: auto;
  padding: 0 0 0.4em 0;
}
.hd-mini .scheme-5 .img,
.hd-mini .scheme-5 .img2 {
  display: none;
}
.hd-mini .scheme-5 .items .item {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
}
.hd-mini .scheme-5 .content2 {
  padding-top: 0.4em;
}
.hd-mini .scheme-5 .content2 .list {
  float: none;
  width: auto;
}
.hd-mini .scheme-5 .content2 .items .item .id {
  float: left;
}
.hd-mini .scheme-5 .content2 .items .item .name {
  margin-left: 2.2em;
}
.hd-mini .groggery-4 .list {
  height: auto;
  padding: 0.32em;
}
.hd-mini .groggery-4 .items .item {
  float: none;
  width: auto;
  margin: 0.32em 0 0 0;
}
.hd-mini .active .items .item:first-child {
  margin-top: 0;
}
.hd-mini .solution-props10 .list {
  margin-top: 0;
}
.hd-mini .solution-props10 .items .item {
  float: none;
  width: auto;
  padding: 0.24em;
  margin-left: 0;
  margin-top: 0.24em;
}
.hd-mini .solution-props10 .items .item .ico {
  float: left;
}
.hd-mini .solution-props10 .items .item .name {
  margin-left: 3em;
  margin-top: 0;
}
.hd-mini .solution-props10 .items .item .desc {
  padding-top: 0.6em;
}
.hd-mini .solution-props11 .hd {
  height: auto;
}
.hd-mini .solution-props11 .main-desc {
  margin-top: 2.4em;
}
.hd-mini .solution-props11 .img {
  position: static;
  width: auto;
  height: auto;
  margin: 0.32em 0;
}
.hd-mini .solution-props11 .img img {
  width: 100%;
  height: auto;
}
.hd-mini .solution-props11 .content {
  float: none;
  width: auto;
}
.hd-mini .solution-reason .list {
  margin-top: 0;
}
.hd-mini .solution-reason .items .item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-top: 0.24em;
}
.hd-mini .solution-reason .items .item .box {
  margin: 0.24em;
}
.hd-mini .solution-reason .items .item .img {
  display: none;
}
.hd-mini .solution-mode .section {
  width: auto;
  height: auto;
}
.hd-mini .solution-mode .section .content {
  padding: 0.24em;
}
.hd-mini .solution-mode .section .img {
  position: static;
  width: auto;
  height: auto;
  text-align: center;
}
.hd-mini .solution-mode .section .img img {
  width: auto;
  height: auto;
  max-height: 2em;
}
.hd-mini .solution-mode .section .items .item {
  width: auto;
}
.hd-mini .solution-mode .left,
.hd-mini .solution-mode .right {
  float: none;
}
.hd-mini .solution-mode .soft {
  margin-top: 0.24em;
}
.hd-mini .solution-cooperation .policy .tabs {
  padding: 0;
}
.hd-mini .solution-cooperation .policy .tabs .items {
  display: -webkit-box;
  display: flex;
}
.hd-mini .solution-cooperation .policy .tabs .items .item {
  height: auto;
  margin-left: 1%;
}
.hd-mini .solution-cooperation .policy .tabs .items .item .name {
  padding-bottom: 0.5em;
}
.hd-mini .solution-cooperation .policy .conts .items .item .sub-items {
  padding: 0;
}
.hd-mini .solution-cooperation .policy .conts .items .item .sub-items .sub-item {
  float: none;
  width: auto;
  height: auto;
  margin-left: 0;
  padding: 0.24em 0;
  border-top: 1px solid #EFF1F5;
}
.hd-mini .solution-cooperation .policy .conts .items .item .sub-items .sub-item .name {
  margin-top: 0;
}
.hd-mini .solution-cooperation .policy .conts .items .item .sub-items .sub-item .content {
  padding: 0 0.5em;
  text-align: left;
}
.hd-mini .solution-cooperation .policy .conts .items .item .sub-items .sub-item:first-child {
  border-width: 0;
}
.hd-mini .solution-cooperation .policy .conts .items .item .sub-items .sub-item:nth-child(2n+1)::after {
  display: none;
}
.hd-mini .solution-devices .items .item {
  float: none;
  width: auto;
  margin-left: 0;
}
.hd-mini .case-tabs .hd {
  height: auto;
}
.hd-mini .case-tabs .list {
  position: static;
  width: auto;
}
.hd-mini .case-view .case-section .content,
.hd-mini .case-view .case-section .img-box {
  float: none;
  width: auto;
}
.hd-mini .case-view .case-section .img-box {
  margin-top: 0.24em;
}
.hd-mini .case-view .case-section .img-box .deploy {
  width: auto;
  height: auto;
  background: none;
  padding: 0;
}
.hd-mini .case-view .case-section .img-box .deploy a {
  height: auto;
}
.hd-mini .about-us .content {
  float: none;
  width: auto;
  margin: 0.48em 0;
}
.hd-mini .about-us .content .title {
  font-size: 0.32em;
}
.hd-mini .about-us .content .btns .btn-box .btn {
  padding: 0.32em 1em;
}
.hd-mini .about-us .content .btns .btn-box1 .btn {
  padding: 0.32em 0.44em;
}
.hd-mini .about-us .img-section {
  width: auto;
}
.hd-mini .about-mq .img {
  margin-top: 0.4em;
}
.hd-mini .about-mq .list {
  margin: 0;
}
.hd-mini .about-mq .items .item {
  float: none;
  width: auto;
  margin-left: 0;
  margin-top: 0.32em;
}
.hd-mini .contact-us .part1 {
  float: none;
  width: auto;
}
.hd-mini .contact-us .part2 {
  float: none;
  width: auto;
}
.hd-mini .contact-us .section {
  height: auto;
  margin-top: 0.24em;
}
.hd-mini .contact-us .section .items .item .value {
  font-size: 0.2em;
  margin-left: 0;
}
.hd-mini .contact-us .section .items .item .img img {
  width: 1em;
  height: auto;
  margin-top: 0.05em;
}
.hd-mini .contact-map .hd {
  height: auto;
}
.hd-mini .contact-map .box {
  width: auto;
  margin: 0;
}
.hd-mini .contact-map .bg {
  position: static;
  height: auto;
  margin-top: 0.24em;
}
.hd-mini .service-center .items .item {
  float: none;
  width: auto;
  height: auto;
  margin: 0.24em 0 0 0;
}
.hd-mini .service-center .items .item .img {
  width: 2.4em;
  height: 2.4em;
}
.hd-mini .service-center .items .item .content {
  padding: 0 0 0.4em 0.24em;
}
.hd-mini .service-center .items .item1,
.hd-mini .service-center .items .item2 {
  padding-bottom: 0.4em;
}
.hd-mini .service-section .bg {
  display: none;
}
.hd-mini .service-section .hd {
  height: auto;
}
.hd-mini .service-section .content .row .btns .btn {
  padding: 0 1em;
}
.hd-mini .service-section .content .row .btns .btn:first-child {
  margin-left: 0;
}
.hd-mini .service-section .content .hd-row .name {
  float: none;
}
.hd-mini .service-section .section-props {
  position: static;
}
.hd-mini .service-section .section-props .items .item {
  float: none;
  width: auto;
  margin: 0.32em 0 0 0;
}
.hd-mini .partner-mqitv .content .items .item {
  float: none;
  width: auto;
  margin: 0.32em 0 0 0;
}
.hd-mini .partner-mqitv .content .items .item.first {
  margin-top: 0;
}
.hd-mini .partner-oem .section-props {
  margin-top: 0;
}
.hd-mini .partner-verify .box {
  width: auto;
}
.hd-mini .partner-verify .search-box .input-box {
  margin-right: 1.5em;
}
.hd-mini .partner-verify .search-box .btn-box {
  width: 1.5em;
}
.hd-mini .download-view .tabs {
  display: none;
}
.hd-mini .download-view .conts {
  margin-left: 0;
}
.hd-mini .download-view .conts .cont-item .row .items {
  line-height: 1.5;
}
.hd-mini .download-view .conts .cont-item .row .items .item {
  float: none;
  margin-top: 0.25em;
}
.hd-mini .download-view .conts .cont-item .row .items .line {
  display: none;
}
.hd-mini .download-view .conts .cont-item .links {
  float: none;
  overflow: hidden;
}
.hd-mini .download-view .conts .cont-item .links .link {
  margin-left: 1.5em;
}
.hd-mini .download-view .conts .cont-item .links .link.first {
  margin-left: 0;
}
.hd-mini .download-view .conts .cont-item .btns {
  float: none;
  margin-top: 0.16em;
  overflow: hidden;
}
.hd-mini .download-view .conts .list1 .items .item {
  float: none;
  width: auto;
  margin-top: 0.24em;
}
.hd-mini .download-view .conts .list1 .items .item .content {
  padding: 0;
}
.hd-mini .download-view .conts .list1 .items .item .content .detail {
  width: auto;
}
.hd-mini .download-view .conts .list1 .items .item .content .detail .name {
  font-size: 0.18em;
}
.hd-mini .download-view .conts .list1 .items .item .content .btn-box {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
}
.hd-mini .download-view .conts .list1 .items .item .content .btn-box .btn {
  width: 5em;
}
.hd-mini .download-view .conts .list1 .items .item:first-child {
  margin-top: 0;
}
.hd-mini .download-view .conts .list2 .items .item .ico {
  width: 0.64em;
  height: 0.64em;
}
.hd-mini .download-view .conts .list2 .items .item .content {
  float: none;
  margin-top: 0;
  margin-left: 0.8em;
}
.hd-mini .download-view .conts .list2 .items .item .btns {
  float: none;
  margin-top: 0.18em;
  overflow: hidden;
}
.hd-mini .download-view .conts .list2 .items .item .btns .btn {
  float: left;
  margin-top: 0;
  margin-left: 0.75em;
}
.hd-mini .download-view .conts .list2 .items .item .btns .btn:first-child {
  margin-left: 0;
}
.hd-mini .download-view .conts .list4 .items {
  border-width: 0;
}
.hd-mini .download-view .conts .list4 .items .item {
  float: none;
  width: auto;
  margin-left: 0;
  margin-top: 0.24em;
}
.hd-mini .download-view .conts .list4 .items .item .content {
  border-width: 1px;
  padding: 0.12em;
}
.hd-mini .download-view .conts .list4 .items .item .content .head .name {
  font-size: 0.16em;
}
.hd-mini .download-view .conts .list4 .items .item .content .desc {
  height: auto;
}
.hd-mini .download-view .conts .list4 .items .item:first-child {
  margin-top: 0;
}
.hd-mini .article-list .items .item {
  float: none;
  width: auto;
  margin-left: 0;
}
.hd-mini .news-detail .news-nav .item .ico {
  border-radius: 50%;
}
.hd-mini .news-detail .news-nav .item .content {
  display: none;
}
.hd-mini .footer .mini-hide {
  display: none;
}
.hd-mini .footer .footer-navbar {
  min-height: auto;
}
.hd-mini .footer .footer-navbar .footer-nav {
  margin: 0;
}
.hd-mini .footer .footer-navbar .footer-nav .menu .m-title .text {
  font-size: 0.2em;
}
.hd-mini .footer .footer-navbar .footer-nav .menu .m-link {
  font-size: 0.16em;
}
.hd-mini .footer .footer-navbar .footer-qrcodes,
.hd-mini .footer .footer-navbar .footer-phone {
  display: none;
}
.hd-mini .footer .copyright {
  font-size: 0.16em;
}
.hd-mini.has-banner-bg .header-fixed {
  display: none;
}
.hd-mini.has-banner-bg .banner .banner-img .hd {
  padding-top: 0.64em;
}
.hd-mini.v-slide05 .header {
  background-color: transparent;
}
.hd-mini.v-slide05 .header .top-item {
  color: #3C414D;
}
.hd-mini.v-slide05 .header .nav-links .arrow-down {
  border-top-color: #3C414D;
}
.hd-mini.v-slide05 .header .logo2 .svg-ico,
.hd-mini.v-slide05 .header .nav-bars .svg-ico {
  fill: #1E2026;
}
.hd-mini.v-slide05.v-scroll .header {
  background-color: #fff;
}

.banner{margin-top: 60px;}
@media (max-width: 324px) {
  .w-min320 {
    display: none;
  }
  .hd-mini .download-view .conts .list1 .items .item .content .detail {
    width: 2em;
  }
}
.news-title {border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.news-title h1 {margin: 0;font-size: 30px;font-weight: normal;text-align: center;}
.news-title p {margin: 10px 0 0;font-size: 0;text-align: center;}
.news-title p span {display: inline-block;vertical-align: middle;margin-right: 20px;font-size: 14px;color: #999;}
.news-content {line-height: 1.8;margin-bottom: 30px;width: 1250px;margin: 0 auto;
height: auto;
}
.news-content {font-size: 16px;}

.news-contenta {line-height: 0!important;margin-bottom: 30px;width: 1250px;margin: 0 auto;}
.news-contenta p{line-height: 0!important;  margin: 0;

    padding: 0;
margin-block-start: 0em;
    margin-block-end: 0em;}
	
	
	
.news-contenta img {width:750px!important;height: auto !important;}
.news-exp {padding-top: 30px;overflow: hidden;border-top: 1px dashed #ccc;}
.news-exp a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;line-height: 2;font-size: 16px;}


.ab_allbox {
    min-height: 400px;
    padding: 10px 0;
    overflow: hidden
}

.nycase_allbox {
    background: #f5f5f5
}

.ab_case ul li {
    width: 31.667%;
    height: auto;
    margin: 0 2.4995% 40px 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
    float: left;
    border-radius: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ab_case ul li:nth-child(3n+3) {
    margin: 0 0 40px
}

.ab_case ul li:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

.ab_case ul li .abcase_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    padding: 0
}

.ab_case ul li .abcase_img a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.ab_case ul li .abcase_img a img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin: auto;
    padding: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s
}

.ab_case ul li:hover .abcase_img a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.ab_case ul li .abcase_text {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ab_case ul li .abcase_text .abcase_name {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ab_case ul li .abcase_text .abcase_name a {
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    color: #333;
    font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0
}

.ab_case ul li .abcase_text span {
    display: block;
    width: 100%;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    color: #999;
    font-size: 14px;
    margin: 4px auto 10px;
    padding: 0
}

.ab_case ul li .abcase_text span img {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 0 4px 0 0;
    padding: 0;
    float: left
}

.ab_case ul li:hover .abcase_text .abcase_name a {
    color: #2b3aa1
}

.ab_case ul li .abcase_text p {
    width: 100%;
    height: 48px;
    overflow: hidden;
    line-height: 24px;
    color: #888;
    font-size: 14px;
    word-break: break-all;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ab_case ul li .abcase_text a.abcase_btn {
    display: block;
    width: 140px;
    height: 40px;
    overflow: hidden;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 20px 0 0;
    padding: 0;
    background-color: #2b3aa1;
    border: 1px solid rgba(1,64,153,0.1);
    border-radius: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ab_case ul li .abcase_text a.abcase_btn i {
    display: inline-block;
    width: 24px;
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    margin: -2px 0 0 10px;
    padding: 0;
    background: url(../images/morejt2.png) center center no-repeat;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s
}

.ab_case ul li:hover .abcase_text a.abcase_btn {
    color: #fff;
    background-color: #2b3aa1;
    border: 1px solid #2b3aa1
}

.ab_case ul li:hover .abcase_text a.abcase_btn i {
    margin: -2px 0 0 20px;
    background: url(../images/morejt2.png) center center no-repeat
}


  .tl-fdh-02 {
		         
		         
					
		             margin-bottom: 20px;
		             overflow: hidden;
					 
		         }
		          .tl-fdh-02  ul{margin: 0 auto;width: 100%;text-align: center;}  
		         .tl-fdh-02 li {
		             width: 16.66%;
		             height: 85px;
		             font-size: 18px;
		             line-height: 56px;
		             text-align: center;
		           display:inline;
		          border-radius: 30px;
		             margin-right: 10px;
		             background: #2258b1;
		             cursor: pointer;
		             text-overflow: ellipsis;
		             overflow: hidden;
		             white-space: nowrap;
					 padding: 10px  50px 16px 50px;
		         }
		         
		         .tl-fdh-02 li a {
		             color: #FFFFFF;
		         }
		         
		         .tl-fdh-02 li.sidenavcur,
		         .tl-fdh-02 li:hover {
		             background: url(../images/p16-icon6.png) no-repeat bottom center #37b8e2;
		             border-color: ##37b8e2;
		         }
		         
		         .tl-fdh-02 li.sidenavcur a,
		         .tl-fdh-02 li:hover a {
		             color: #fff;
		         }

	#list-menu{line-height: 57px; background: #e7e7e7; border-bottom: 1px solid #E4E5E8;}
	
	#list-menu .dbt{font-size: 20px;color: #333;}
	.yunu-showcase {margin: 40px 0 40px;}
	.yunu-showcase-info {margin-left: 550px;}
	.yunu-showcase-info h1 {font-size: 24px;margin: 0 0 20px;font-weight: bold;}
	.yunu-showcase-info .desc {color: #666;line-height: 1.8;margin-bottom: 30px;}
	.yunu-showcase-info .cn {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 10px 0;margin: 15px 0;}
	.yunu-showcase-info .cn span {color: #2057bb;}
	.yunu-showcase-info p {margin: 5px 0 0;line-height: 1.8;font-size: 16px;}
	.yunu-showcase-info p strong {color: #2057bb;font-size: 24px;line-height: 1;}
	.yunu-showcase-info .tel {margin-top: 20px;}
	.yunu-showcase-info .tel a {line-height: 42px;color: #fff;display: inline-block;width: 160px;text-align: center;background-color: #2057bb;border: 1px solid transparent;font-size: 16px;border-radius: 3px;}
	.yunu-showcase-info .tel a.ac {background-color: #282828;border-color: #282828;margin-left: 15px;}
	
	.pc-slide{float:left;width:500px;}
	.pc-slide .view {background-color: #FFFFFF;}
	.view .swiper-slide .img-center {width:100%;height:400px;line-height:400px;}
	.view .swiper-container{width:100%;}
	.preview{width:100%;margin-top:10px;position:relative;}
	.preview .swiper-container{margin:0 30px;}
	.preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}
	.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
	.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
	.preview .active-nav .img-center{border-color: #2057bb;}
	div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
	div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
	
	.in-sou {padding: 30px 0;}
	.in-sou .desc {float: left;width: 410px;margin-right: 30px;}
	.in-sou .desc h4 {font-weight: normal;margin: 0;font-size: 22px;}
	.in-sou .desc span {display: inline-block;background-color: #d10009;color: #fff;padding: 2px 10px;}
	.in-sou .hform {padding: 0 50px;width: 400px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;float: left;}
	.in-sou .hform input {float: left;border: 0;border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;font-size: 14px;padding: 9px 15px 9px 5px;width: 310px;
	    border-left: 1px solid #a0a0a0;
	    border-right: 1px solid #a0a0a0;
	    
	}
	.in-sou .hform button {float: right;border: 0;padding: 0;cursor: pointer;background-color: #2057bb;color: #fff;font-size: 14px;line-height: 40px;width: 60px;}
	.in-sou .hform p {margin: 10px 0 0;font-size: 12px;color: #999;}
	.in-sou .hform p a {margin-right: 10px;}
	.in-sou .tel {float: right;font-size: 16px;}
	.in-sou .tel strong {display: block;font-size: 29px;}
	
	.section {padding: 20px 0;}
	.section-title {margin-bottom: 30px;text-align: center;font-size: 38px;}
	
	.zzsc{ width:100%;  margin:0 auto;  font-family:'微软雅黑';}
		.zzsc .tab{ overflow:hidden;border-bottom: 1px solid #999999; }
		.zzsc .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#808080;font-size: 16px;}
		.zzsc .tab a:hover{ color:#000; text-decoration:none;border-bottom: 2px solid #000;}
		.zzsc .tab a.on{  color:#000; text-decoration:none;border-bottom: 3px solid #000;font-size: 16px;}
		.zzsc .content{ overflow:hidden; padding:10px;}
		.zzsc .content li{ display:none;}
	
	
	.img-center {text-align: center;font-size: 0;}
	.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
	.img-center img:hover{transform: scale(1.2);transition: 1s;}
	.img-cover {overflow: hidden;position: relative;display: table-cell;
	 vertical-align: middle;
	 text-align:center;}
	.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
	
	.img-cover img {max-width: 100%;max-height: 100%;}
	.img-cover img:hover{ transform: scale(1.2);transition: 1s;}
	
	.xw-list {
	  background: #f5f7f9;
	  padding:30px 0;
	}
	
	.xw-list ul li {
	  display: block;
	  background: #fff;
	  margin-top: 25px;
	  border-radius: 5px;
	}
	.xw-list ul li a {
	  display: block;
	  position: relative;
	  padding: 15px;
	}
	.xw-list ul li .img {
	  width: 365px;
	  justify-content: center;
	  height: 230px;
	  display: flex;
	  align-items: center;
	  overflow: hidden;
	}
	.xw-list ul li .img img {
	  width: 100%;
	  height: 100%;
	  display: block;
	  transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease; 
	}
	
	.xw-list ul li .text {
	  position: absolute;
	  left: 430px;
	  right: 130px;
	  top: 0;
	  height: 100%;
	}
	.xw-list ul li .text h3 {
	  font-size: 24px;
	  color: #333;
	  font-weight: normal;
	  height: 40px;
	  line-height: 40px;
	  overflow: hidden;
	  margin-top: 40px;
	  display: block;
	    transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease; 
	}
	.xw-list ul li .text .time {
	  font-size: 18px;
	  color: #949494;
	  display: block;
	  margin: 15px 0;
	}
	
	.xw-list ul li .text .out {
	  font-size: 16px;
	  color: #333;
	  line-height: 25px;
	  height:50px;
	  overflow: hidden;
	  display: block;
	}
	
	.xw-list ul li .icon{
	  position: absolute;
	  right: 70px;
	  top: 50%;
	  margin-top: -25px;
	  width: 50px;
	  height: 50px;
	  border-radius: 50%;
	  border:1px solid #c2c2c2;
	  display: block;
	    transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease; 
	  transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
	  background: url(../img/aroow2.png) no-repeat center center;
	}
	
	.xw-list ul li:hover .img img {
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -o-transform: scale(1.1);
	  transform: scale(1.1);
	}
	
	.xw-list ul li:hover .text h3 {
	  color: #2b6aff;
	}
	.xw-list ul li:hover .icon {
	  border:none;
	  background: #2b6aff url(../img/aroow.png) no-repeat center center;
	}
	
	
	.pagebar { padding:20px; overflow:hidden}
	.pagebar .pagination {
	  display: flex;
	  justify-content: center;
	  margin-top: 10px;
	}
	.pagination a {
	  background: #fff;
	  border: 1px solid #ccc;
	  color: #333;
	  font-size: 12px;
	  padding: 7px 10px;
	  margin: 0 2px;
	  border-radius: 3px;
	}
	.pagination span {
	    color: #333;
	    font-size: 12px;
	    padding: 7px 2px;
	    margin: 0 2px;
	    border-radius: 3px;
	}
	.pagination a:hover {
	  color: #337ab7;
	  border: 1px solid #337ab7;
	}
	.pagination a.page-num-current {
	  color: #fff;
	  background: #337ab7;
	  border: 1px solid #337ab7;
	}
	.pagination .st{ font-family:宋体}
	.text-secondary{ text-align:center; padding:20px 0}
	
	
	
	.ys{ color:#6f6f6f; padding-top:20px;height: 200px;}
	.ys dl{ width:30%; float:left; text-align:center; font-size:15px; height:130px;margin: 1%;}
	.ys dl img{width: 60px;margin: 0 auto;}
	.ys dt{ font-size:24px; font-weight:bold; margin-bottom:10px;margin-top: 20px;}



.x-head {
    position: relative;
    background-color: #f6f6f6;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
}

.x-head .x-title {
    position: absolute;
    left: 0;
    background: url(../images/ico_2e299aa4e6f44ab599055b0d05682154.gif) 5px 12px no-repeat;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #336699;
}

.x-head .x-close {
    position: absolute;
    right: 6px;
    cursor: pointer;
    width: 24px;
    text-align: center;
    font: bold 14px/32px verdana,Arial;
    color: #336699;
}

.x-head .x-close:hover {
    font-size: 16px;
}

.product-overview3 .main-desc {
    font-size: 0.18em;
    font-weight: 400;
    text-align: center;
    line-height: 1.6;
    color: #171a1d;
    width: 40em;
    margin: 2.66em auto 0;
    max-width: 100%;
}

.product-overview3 .overview {
    margin-top: 0.48em;
    overflow: hidden;
}

.product-overview3 .props {
    float: left;
    width: 4.66em;
}

.product-overview3 .props .items .item {
    padding: 0.08em 0.12em;
    margin-top: 0.2em;
    border: 1px solid transparent;
}

.product-overview3 .props .items .item .name {
    font-size: 0.2em;
    font-weight: 400;
    line-height: 1.6;
    color: #1e2026;
}

.product-overview3 .props .items .item .desc {
    font-size: 0.14em;
    font-weight: 400;
    line-height: 1.56;
    color: #3c414d;
    margin-top: 0.6em;
}

.product-overview3 .props .items .item:hover {
    border-radius: 0.08em;
    border-color: #9bc1fc;
}

.product-overview3 .props .items .first {
    margin-top: 0;
}

.product-overview3 .img {
    float: right;
    width: 8.54em;
    border-radius: 0.2em;
}

.product-overview3 .img img {
    width: 100%;
}

 .item_box {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 30px;
  position: relative;
  z-index: 1;
   
}
 .item_box .item {
  width: 100%;
  height: auto;
  background: #f6f8fa;
 
  overflow: hidden;border-radius: 10px  10px 0 0;
}
 .item_box .item .images {
  width: 100%;
  height: auto;
}

 .item_box .item .images .pb .ab img {
 
  height: 300px;
  object-fit: cover;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
 
}
 .item_box .item .word {

  height: auto;
  padding: 20px;
}
 .item_box .item .word .icon {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #999999;
  font-size: var(--font16);
}
 .item_box .item .word .icon i {
  font-style: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 0.55rem;
  min-height: 0.28rem;
  padding: 4px 5px;
  font-size: var(--font16);
  color: var(--font_color);
  border-radius: 0.03rem;
  background: #dee5ed;
}
 .item_box .item .word .t1 {
  width: 100%;
  height: auto;

font-size: 15px;
color: #333333;

  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  
}
 .item_box .item .word .t2 {
  width: 100%;
  height: auto;
  margin-top: 10px;
 color: #666666;
  

  line-height: 1.625;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
}
 .item_box .item .word .ins_more {
  margin-top: 10px;
   font-size: 13px;
   color: #666666;
}
 .item_box .item .word .ins_more .more {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
 .item_box .item:hover .images .pb .ab img {
  transform: scale(1.02);
}
 .item_box .item:hover .ins_more .more {
  color: var(--active_color);
}
 .pager {
  margin-top: 0.6rem;
}


/* CSS Document */
				 #tab { width:100%; position:relative;margin:15px auto 0 auto;height: 480px;text-align: center;clear: both;display: block;       /* 块级元素，独占一行 */
  display: inline-block; /* 行内块级，可水平排列且支持宽高 */
  display: flex;   justify-content: center;  }
				
				 #tab div { position:absolute; top:80px; left:3%; width:94%; }
				
				 #tab div { display:none;}
				
				 #tab .block { display:block;}
				
				 #tab h3 { 
    height: 25px;
    font-size: 16px;
 
    text-align: center;
    display: inline;
    border-radius: 20px;
    margin-right: 10px;
    background: #0762f7;
	color: #FFFFFF;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	line-height: 22px;
	
    padding: 10px 33px ;
}
				
				 #tab .up { background:#0f53c3;color:#fff;}
				
				 #tab ul { list-style:none; padding:0;  margin-top:0px;text-align: center;}
				 
				
				 #tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:22px; padding-top:23px; overflow:hidden; font-size:12px;}
				 #tab li a { display:inline; font-size:12px; text-decoration:none; text-indent:10px; margin-right:10px;}
				 #tab li span{ display:block; float:right; margin-right:5px; color: #bdacb3;}
				 
				 .product-features2{background-color: #fafafa;}
				 .product-features2 .list {
				   margin-top: 0.4em;
				 }
				 .product-features2 .items {
				   border-style: solid;
				   border-color: #95A2C0;
				   border-width: 1px 0;
				 }
				 .product-features2 .items .item {
				   border-top: 1px solid #D5DAE6;
				   line-height: 0.36em;
				   padding: 0.4em;
				   overflow: hidden;
				 }
				 .product-features2 .items .item .name {
				   float: left;
				   font-size: 0.24em;
				   font-weight: 700;
				   color: #022863;
				   width: 10%;
				 }
				 .product-features2 .items .item .desc {
				   float: right;
				   font-size: 0.2em;
				   font-weight: 400;
				   color: #3C414D;
				    width: 88%;
				 }
				 .product-features2 .items .item.first {
				   border-width: 0;
				 }