@charset "utf-8";
* {
  word-wrap: break-word;
  margin: 0;
  padding: 0;
}
ul, ol, dl {
  list-style-type: none;
}
html, body {
  *position: static;
  min-width: 1320px;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400;
}
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}
input, textarea, button {
  overflow: visible;
  vertical-align: middle;
  outline: 0;
}
body, th, td, button, input, select, textarea {
  font-family: "PingFangSC-Regular", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", "WenQuanYi Micro Hei", "\5B8B\4F53";
  font-size: 14px;
  color: #333;
  /*  -webkit-font-smoothing: antialiased;*/
  /*  -moz-osx-font-smoothing: grayscale;*/
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}
a, area {
  outline: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}
a:hover {
  text-decoration: none;
  outline: 0;
}
a.ie6:hover {
  zoom: 1;
}
a:focus {
  outline: 0;
}
sub, sup {
  vertical-align: baseline;
}
button, input[type="button"], input[type="submit"] {
  line-height: normal !important;
}
img {
  border: 0;
  display: block;
}
a img, img {
  -ms-interpolation-mode: bicubic;
}
/*字体图标*/
/*https:*/
/*字体图标*/
@font-face {
  font-family: "iconfont"; /* Project id 4666397 */
  src: url('https://at.alicdn.com/t/c/font_4666397_varcconuujl.woff2?t=1733740284090') format('woff2'), url('https://at.alicdn.com/t/c/font_4666397_varcconuujl.woff?t=1733740284090') format('woff'), url('https://at.alicdn.com/t/c/font_4666397_varcconuujl.ttf?t=1733740284090') format('truetype');
}
/*字体图标*/
@font-face {
  font-family: "iconfont"; /* Project id 4666397 */
  src: url('//at.alicdn.com/t/c/font_4666397_varcconuujl.woff2?t=1733740284090') format('woff2'), url('//at.alicdn.com/t/c/font_4666397_varcconuujl.woff?t=1733740284090') format('woff'), url('//at.alicdn.com/t/c/font_4666397_varcconuujl.ttf?t=1733740284090') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-DOCtubiao:before {
  content: "\e63c";
}
.icon-PDFtubiao:before {
  content: "\e63f";
}
.icon-shipin:before {
  content: "\e60a";
}
.icon-xiazai:before {
  content: "\e600";
}
.icon-jiantou:before {
  content: "\e629";
}
.icon-pdf:before {
  content: "\e603";
}
.icon-anquan:before {
  content: "\e68e";
}
.icon-dianhua1:before {
  content: "\e609";
}
.icon-huoche:before {
  content: "\e607";
}
.icon-xiangzi2:before {
  content: "\e91f";
}
.icon-shouye:before {
  content: "\e652";
}
.icon-jiegou:before {
  content: "\e608";
}
.icon-zizhi:before {
  content: "\e64a";
}
.icon-jituan:before {
  content: "\e683";
}
.icon-licheng:before {
  content: "\e7e9";
}
.icon-sousou:before {
  content: "\e63a";
}
/*字体图标*/
.img-responsive {
  max-width: 100%;
  height: auto;
}
/* page-w */
.page-w {
  max-width: 1320px;
  margin: 0px auto;
}
/**/
/*头部*/
.head-plane {
  background-color: #0180C8;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 12;
}
.head-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head-logo img {
  display: block;
  height: 50px;
  width: auto;
}
/*导航*/
.head-nav {
  display: flex;
  align-items: center;
}
.nav-list {
  display: flex;
}
.nav-list li {
  margin: 0px 3px;
  position: relative;
}
.nav-list .nav-item {
  display: block;
  position: relative;
  z-index: 1;
  line-height: 68px;
  transition: all .5s ease;
  color: #fff;
  font-weight: 500;
  padding: 0 12px;
  font-size: 15px;
}
.nav-sub {
  border: none;
  background: rgba(238, 238, 238, 0.92);
  width: 100%;
  left: 0;
  margin-left: 0;
  padding: 0;
  position: absolute;
  min-width: 100%;
  transition: all .5s ease;
  display: none;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, .08);
  z-index: 2;
}
.nav-list li:hover .nav-sub {
  display: block;
}
.nav-list .nav-item:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #005686;
  transition: all .5s ease;
  z-index: -1;
  opacity: 0
}
.nav-list li:hover .nav-item:after {
  width: 100%;
  opacity: 1
}
.nav-list .nav-sub a {
  height: auto;
  line-height: 38px;
  display: block;
  padding: 0 5px;
  color: #333;
  font-size: 14px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
  white-space: nowrap;
  text-align: center
}
.nav-list .nav-sub .nav-sub-item a:hover {
  background-color: #0180C8;
  color: #fff
}
.nav-products .nav-sub {
  width: 300px;
}
.nav-products .nav-sub a {
  padding-left: 10px;
  text-align: left;
}
.nav-products .nav-sub-body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nav-products .nav-sub-body .nav-sub-item {
  width: 50%;
}
/*导航*/
/*导航右侧图标*/
.nav-bar {
  display: flex;
  align-items: center;
  padding-left: 25px;
  margin-left: 25px;
}
.nav-lan {
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-left: 20px;
}
.nav-lan img {
  max-width: 22px;
  margin: 0px 6px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  height: 22px;
}
/*导航右侧图标*/
/*轮播图*/
.main-visual {
  margin-top: 68px;
}
.main-visual .swiper-container {
  position: relative;
  overflow: hidden;
}
.main-visual .visual-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.main-visual .visual_pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  opacity: 1;
}
.main-visual .visual_pagination .swiper-pagination-bullet-active {
  background-color: #0180C8;
}
.main-visual .swiper-button-next, .main-visual .swiper-button-prev {
  width: 30px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .22);
  transition: all 0.5s;
}
.main-visual .swiper-button-prev {
  left: 0px;
  right: auto;
}
.main-visual .swiper-button-next {
  right: 0px;
  left: auto;
}
.main-visual .swiper-button-next:hover, .main-visual .swiper-button-prev:hover {
  background: #0180C8;
}
.main-visual .swiper-button-next:after, .main-visual .swiper-button-prev:after {
  font-size: 24px;
  color: #fff;
}
/*轮播图*/
/*推荐产品*/
.protop-plane {
  margin: 40px 0px;
}
.protop-plane .hd ul {
  display: flex;
  justify-content: center;
}
.protop-plane .hd ul li {
  padding: 0 32px 4px;
  line-height: 52px;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}
.protop-plane .hd ul li.on {
  color: #0180C8;
}
.protop-plane .hd ul li:after {
  content: "";
  transition: all 0.5s;
  width: 60%;
  left: 20%;
  bottom: 0;
  height: 5px;
  background: #0180C8;
  display: block;
  position: absolute;
  opacity: 0;
}
.protop-plane .hd ul li.on:after {
  opacity: 1;
}
.protop-plane .bd {
  border-top: 1px solid #0180C8;
}
.protop-plane .bd ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  padding-top: 36px;
}
.protop-item {
  border: 1px solid #e3e8eb;
  border-radius: 2px;
  padding: 20px 0px 30px 0px;
  position: relative;
  text-align: center;
}
.protop-con img {
  display: block;
  width: 230px;
  height: auto;
  margin: 0px auto;
}
.protop-con h2 {
  line-height: 26px;
  font-size: 18px;
  margin: 10px 0px;
  text-align: center;
}
/**/
.protop-over {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  border: 1px solid #e3e8eb;
  border-radius: 2px;
}
.protop-over h3 {
  line-height: 26px;
  font-size: 18px;
  margin: 40px 0px 10px 0px;
  text-align: center;
}
.protop-over cite {
  display: block;
  opacity: 0;
  transition: all 0.6s;
  background-color: #0180C8;
  width: 100px;
  margin: 50px auto 0px auto;
  padding: 8px;
  border-radius: 20px;
}
.protop-item:hover .protop-con img {
  margin: 46px auto 0px auto;
}
.protop-item:hover .protop-over {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
}
.protop-item:hover .protop-con h2 {
  display: none;
}
.protop-item:hover .protop-over cite {
  opacity: 1;
}
/*推荐产品*/
/*应用领域*/
.plane-head {
  text-align: center;
  font-size: 32px;
  position: relative;
  margin-bottom: 40px;
  padding-top: 40px;
}
.plane-head:after {
  content: '';
  display: block;
  width: 90px;
  height: 4px;
  background-color: #0180C8;
  margin: 0px auto;
  margin-top: 10px;
}
.yyly-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
.yyly-item {
  margin-bottom: 20px;
}
.yyly-item h2 {
  text-align: center;
  font-size: 18px;
  padding: 10px 0px 0px 0px;
}
.yyly-img {
  overflow: hidden;
  position: relative;
}
.yyly-img img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: all .3s ease-in-out;
}
.yyly-item a:hover img {
  transform: scale(1.05);
}
.yyly-item a:hover h2 {
  color: #0180C8;
}
/*应用领域*/
/*集团链接*/
.dot-plane {
  padding: 50px 0px 30px 0px;
}
.dot-box {
  margin: 0px 90px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.dot-item a {
  width: 138px;
  height: 138px;
  border-radius: 50%;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #888888;
}
.dot-item .iconfont {
  font-size: 50px;
}
.dot-item h2 {
  font-size: 18px;
  padding: 10px 0px;
}
.dot-item a:hover {
  background-color: #0180C8;
  color: #ffffff;
}
/*集团链接*/
/*集团介绍*/
.jtjs-plane {
  background-image: url('img/jieshao-001.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
}
.jtjs-box {
  display: flex;
}
.jtjs-img {
  width: 690px;
}
.jtjs-img img {
  display: block;
  width: 100%;
  height: auto;
}
.jtjs-info {
  flex: 1;
  padding-left: 70px;
}
.jtjs-info h2 {
  margin: 10px 0px;
  font-size: 26px;
}
.jtjs-info b {
  color: #0180C8;
  font-size: 16px;
  line-height: 1.8;
  font-family: Arial;
  font-weight: normal;
  text-transform: uppercase;
}
.jtjs-info p {
  color: #666666;
  margin-top: 18px;
  line-height: 1.7;
}
.jtjs-more a {
  display: inline-block;
  margin-top: 28px;
  border-radius: 20px;
  border: 1px solid #0180C8;
  padding: 10px 35px;
  color: #0180C8;
  transition: all 0.5s;
}
.jtjs-more a:hover {
  background-color: #0180C8;
  color: #ffffff;
}
/*集团介绍*/
/*解决方案*/
.jjfa-plane {
  background-color: #f7f7f7;
  padding: 30px 0px;
}
.jjfa-box {
  display: flex;
}
.jjfa-info, .jjfa-tel {
  flex: 1;
}
.jjfa-info {
  padding-right: 50px;
  text-align: right;
  padding-left: 90px;
}
.jjfa-info h2 {
  font-size: 30px;
  font-weight: bold;
}
.jjfa-info p {
  color: #696969;
  margin-top: 18px;
  line-height: 1.7;
}
.jjfa-tel {
  padding-left: 50px;
  text-align: left;
}
.jjfa-tel p cite {
  display: block;
  color: #a9a9a9;
  margin-top: 6px;
  font-size: 18px;
}
.jjfa-tel p b {
  display: block;
  color: #0180C8;
  margin-top: 2px;
  font-size: 30px;
  font-weight: normal;
  font-family: Arial;
}
.jjfa-tel p span {
  color: #696969;
  font-size: 16px;
}
/*解决方案*/
/*技术专题*/
.jszt-plane {
  padding: 40px 0px;
}
.jszt-box .hd ul {
  display: flex;
  justify-content: center;
}
.jszt-box .hd ul li {
  padding: 0 32px 4px;
  line-height: 52px;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}
.jszt-box .hd ul li.on {
  color: #0180C8;
}
.jszt-box .hd ul li:after {
  content: "";
  transition: all 0.5s;
  width: 60%;
  left: 20%;
  bottom: 0;
  height: 5px;
  background: #0180C8;
  display: block;
  position: absolute;
  opacity: 0;
}
.jszt-box .hd ul li.on:after {
  opacity: 1;
}
.jszt-box .bd {
  border-top: 1px solid #0180C8;
  padding-top: 20px;
}
/**/
.jszt-con {
  display: flex;
}
.jszt-list {
  flex: 1;
  padding-left: 30px;
}
.jszt-list li {
  margin: 0 0px 8px 0px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jszt-list li a {
  font-size: 16px;
  line-height: 1.7;
  margin: 4px 0px;
  color: #666;
  transition: all 0.5s;
}
.jszt-list li a:hover {
  color: #0180C8;
}
.jszt-list li cite {
  color: #969696;
}
/**/
.jszt-slide {
  width: 592px;
  height: 340px;
  overflow: hidden;
  position: relative;
}
.jszt-slide .visual_pagination .swiper-pagination-bullet-active {
  background-color: #0180C8;
}
.jszt-slide .swiper-button-next, .jszt-slide .swiper-button-prev {
  width: 30px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.jszt-slide .swiper-button-prev {
  left: 0px;
  right: auto;
}
.jszt-slide .swiper-button-next {
  right: 0px;
  left: auto;
}
.jszt-slide .swiper-button-next:after, .jszt-slide .swiper-button-prev:after {
  font-size: 24px;
  color: #fff;
}
.jszt-slide .swiper-button-next:hover:after, .jszt-slide .swiper-button-prev:hover:after {
  color: #0180C8;
}
.jszt-img img {
  width: 592px;
  height: 340px;
  display: block;
}
/*技术专题*/
/*友情链接*/
.yqlj-item img {
  width: 195px;
  height: 50px;
  display: block;
}
.yqlj-box {
  padding: 30px 0px 80px 0px;
}
.yqlj-slide {
  position: relative;
  overflow: hidden;
  padding: 0px 25px;
}
.yqlj-slide .swiper-button-next, .yqlj-slide .swiper-button-prev {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.yqlj-slide .swiper-button-prev {
  left: 0px;
  right: auto;
}
.yqlj-slide .swiper-button-next {
  right: 0px;
  left: auto;
}
.yqlj-slide .swiper-button-next:after, .yqlj-slide .swiper-button-prev:after {
  font-size: 24px;
  color: #666666;
}
.yqlj-slide .swiper-button-next:hover:after, .yqlj-slide .swiper-button-prev:hover:after {
  color: #0180C8;
}
/*友情链接*/
/* 底部 */
.footer {
  background-color: #232323;
}
/* footer-inner */
.footer-inner {
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
}
.fot-logo {
  margin-bottom: 20px;
}
.fot-logo img {
  display: block;
  height: 65px;
}
.fot-gzh {
  text-align: center;
  line-height: 3;
}
.fot-gzh img {
  width: 85px;
  height: 85px;
}
/* fot-menu */
.fot-menu {
  display: flex;
  padding-top: 20px;
}
.fot-menu dl {
  margin-left: 80px;
}
.fot-menu dt {
  display: block;
  font-size: 16px;
  margin-bottom: 40px;
}
.fot-menu dd {
  color: #999;
  margin-bottom: 10px;
}
.fot-menu dd a {
  color: #999;
  margin-bottom: 8px;
}
.fot-menu dd a:hover {
  color: #0180C8;
}
/* fot-tel */
.tel-box .tel-item {
  margin-bottom: 10px;
  font-size: 14px;
  color: #808080;
}
.tel-box .tel-item .iconfont {
  margin-right: 10px;
}
/*fot-gzh*/
.fot-gzh {
  display: flex;
  padding: 20px 0px;
}
.fot-gzh .gzh-item {
  margin-right: 30px;
}
/*fot-gzh*/
/* copy */
.copy {
  background-color: #2b2b2b;
  color: #999;
  padding: 20px 0px;
  border-top: 1px solid #474747;
  text-align: center;
}
.copy a {
  color: #999;
}
.copy a:hover {
  color: #0180C8;
}
/* 底部 */
/**/
/*页面图*/
.sub-visual-plane {
  margin-top: 68px;
}
.sub-visual {
  width: 100%;
  height: 388px;
  position: relative;
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.sub-visual-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.sub-visual-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: initial;
  object-fit: cover;
}
/*页面图*/
.siderbar-main-plane {
  display: flex;
  padding-top: 40px;
}
.main-plane {
  flex: 1;
}
/*左侧菜单*/
.siderbar-plane {
  margin-right: 20px;
}
.siderbar-box {
  width: 220px;
  position: sticky;
  top: 70px;
}
.siderbar-box dt {
  font-size: 26px;
  padding: 20px 0px;
  background-color: #0180C8;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 1px;
}
.siderbar-box dd a {
  line-height: 44px;
  display: block;
  position: relative;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.5s;
}
.siderbar-box dd a:hover, .siderbar-box dd.hover a {
  background: #0180C8;
  color: #fff;
}
.siderbar-box dd a::after {
  content: "\e629";
  font-family: "iconfont" !important;
  color: #b0b0b0;
  transition: all 0.5s;
  position: absolute;
  right: 20px;
}
.siderbar-box dd a:hover::after, .siderbar-box dd.hover a::after {
  color: #fff;
}
/*左侧菜单*/
/*当前位置*/
.current-plane {
  border-bottom: #E7E7E7 solid 1px;
}
.current-plane .page-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.current-plane .current-txt {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 18px 0px 18px 0px;
  background-image: url("img/dang001@2x.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  color: #868686;
}
.current-txt .iconfont {
  margin-right: 5px;
}
.current-txt a {
  color: #868686;
}
.current-txt a:hover {
  color: #0180C8;
}
/*当前位置*/
/*正文*/
.detail-title {
  padding: 30px 0px 30px 0px;
  border-bottom: #ccc dashed 1px;
  text-align: center;
}
.detail-title h1 {
  font-size: 28px;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #4c4c4c;
}
.detail-title p {
  font-size: 14px;
  color: #999;
}
.detail-title p span {
  display: inline-block;
  margin: 0px 20px 0px 0px;
}
.shang-xia {
  padding: 20px 0px;
}
.shang-xia p {
  color: #8f8f8f;
  margin-bottom: 10px;
}
.shang-xia p a:hover {
  color: #1380C8;
}
/*.detail-edit*/
.detail-edit {
  padding: 20px 0px;
  font-size: 16px;
}
.detail-edit p {
  line-height: 2em;
  margin-bottom: 1em;
}
.detail-edit img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  margin: 0px auto;
}
.detail-edit iframe {
  max-width: 100%;
  margin: 0px auto;
  width: 100%;
  height: 500px;
  display: block;
}
.detail-edit table {
  max-width: 100%;
  float: none;
}
.detail-edit table {
  font-size: 14px;
}
.detail-edit table tr {
  border-top: #A7A7A7 solid 1px;
  border-right: #A7A7A7 solid 1px;
}
.detail-edit table td {
  padding: 5px;
  border-bottom: #A7A7A7 solid 1px;
  border-left: #A7A7A7 solid 1px;
}
.detail-edit ol {
  padding: 20px;
}
.detail-edit li {
  list-style: decimal;
  margin-bottom: 15px;
}
/*正文*/
/*产品列表*/
.products-list-plane {
  padding: 20px 0px;
}
.products-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
.products-item .products-img {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
}
.products-item .products-img:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
}
.products-item .products-img img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(0.9);
  transition: all 0.5s;
}
.products-item .products-img .products-ove {
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -100px;
  padding: 10px 0px;
  z-index: 2;
  color: #FFFFFF;
  transition: all 0.5s;
}
.products-item .products-info {
  text-align: center;
  font-size: 16px;
  min-height: 50px;
}
.products-item .products-info h2 {
  padding-top: 10px;
}
/**/
.products-item:hover {
  box-shadow: inset 0 4px 0 #ffffff1f, 0 1px 10px rgb(0 0 0 / 12%);
}
.products-item:hover .products-ove {
  bottom: 0px;
}
.products-item:hover .products-img:after {
  opacity: 1;
}
.products-item:hover .products-img img {
  transform: scale(1);
}
/**/
/*产品列表*/
/*翻页*/
.list-fanye {
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 20px 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.list-fanye a[title="Total record"] {
  display: none;
}
.list-fanye a, .list-fanye b {
  border: 1px solid #d5d5d5;
  min-width: 40px;
  padding: 0px 10px;
  height: 40px;
  border-radius: 40px;
  transition: .5s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  color: #0a0a0a;
  font-size: 14px;
  transition: 0;
  box-sizing: border-box;
}
.list-fanye b, .list-fanye a:hover {
  border: 1px solid #0180C8;
  background: #0180C8;
  color: #fff;
}
/*翻页*/
/*产品详情页*/
.products-details-head {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}
.products-details-info {
  width: 660px;
  padding-top: 10px;
  font-family: "Jost", sans-serif;
  color: #101010;
  font-size: 14px;
}
.products-details-info h1 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.7;
}
.products-details-info b {
  font-weight: bold;
  display: inline-block;
  padding: 10px 0px 5px 0px;
}
.products-details-info p {
  line-height: 1.5;
  color: #666666;
  padding: 5px 0px;
  font-size: 18px;
}
.products-details-but {
  padding: 20px 0px;
  display: flex;
  align-items: center;
}
.products-details-but li {
  margin-right: 30px;
}
.products-details-but li a {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 3px;
  transition: all 0.3s ease;
  border: #0180C8 solid 1px;
  background-color: #FFFFFF;
  color: #0180C8;
}
.products-details-but li:last-child a {
  border: #0180C8 solid 1px;
  background-color: #0180C8;
  color: #FFFFFF;
}
.products-details-but li a:hover {
  background-color: #0180C8;
  color: #FFFFFF;
}
.products-details-but li:last-child a:hover {
  border: #00598b solid 1px;
  background-color: #00598b;
  color: #FFFFFF;
}
/**/
.products-details-tag {
  color: #666666;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: #eaeaea solid 1px;
  font-size: 16px;
}
.products-details-tag li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #eaeaea solid 1px;
}
.products-details-tag li.wuzi {
  display: none;
}
.products-details-tag .yulan-but {
  color: #0180C8;
  display: inline-block;
  margin-left: 20px;
}
.products-details-tag .yulan-but:hover {
  color: #00598b;
}
.products-details-tag .iconfont {
  margin-right: 5px;
  color: #FF6969;
  font-size: 24px;
}
/**/
.products-details-tip {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products-details-tip li {
  display: flex;
  align-items: center;
}
.products-details-tip li p {
  line-height: 1.2;
}
.products-details-tip li .iconfont {
  font-size: 32px;
  margin-right: 20px;
  color: #666666;
}
/**/
/**/
.swiper_products-box {
  padding: 10px;
  border: #ddd solid 1px;
}
.products-details-imgs .swiper_products {
  width: 587px;
  height: 400px;
}
.products-details-imgs .swiper_thumbs {
  width: 587px;
  height: 80px;
  margin-top: 20px;
}
.products-details-imgs .swiper_products img {
  display: block;
  width: 587px;
  height: 400px;
  object-fit: cover;
}
.products-details-imgs .swiper_thumbs img {
  display: block;
  width: 110px;
  height: 75px;
  object-fit: cover;
}
.products-details-imgs .swiper_thumbs .swiper-slide {
  border: #FFFFFF solid 2px;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.products-details-imgs .swiper_thumbs .swiper-slide-thumb-active {
  border: #0180C8 solid 2px;
}
.products-details-imgs .swiper-button-prev {
  left: 0px;
  right: auto;
}
.products-details-imgs .swiper-button-next {
  right: 0px;
  left: auto;
}
.products-details-imgs .swiper-button-next:after, .products-details-imgs .swiper-button-prev:after {
  font-size: 30px;
  color: #0180C8;
}
.products-details-imgs .swiper-button-next.swiper-button-disabled, .products-details-imgs .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: initial;
}
/**/
/**/
/**/
/*到达吸顶*/
.is-fixed .products-details-fixed {
  position: fixed;
  top: 64px;
  right: 0;
  left: 0;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}
/*到达吸顶*/
/*products-details-tabnav*/
.products-details-tabnav {
  padding-top: 60px;
}
.products-details-tabnav ul {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.products-details-tabnav ul::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 5px;
  right: 0px;
  background-color: #DDDDDD;
}
.products-details-tabnav ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #777777;
  font-weight: 500;
  position: relative;
  transition: 0.3s;
  border: 1px solid rgb(221, 221, 221);
  padding: 8px 20px;
  border-radius: 0px;
  margin: 5px 5px 5px;
}
.products-details-tabnav ul li a:hover, .products-details-tabnav ul li.is-active a {
  color: #ffffff;
  background-color: #0180C8;
  border: 1px solid #0180C8;
}
/*products-details-tabnav*/
/**/
.detail-edit-nav h3 {
  font-size: 18px;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: bold;
  color: #0181c9;
}
/**/
.products-details-edit {
  display: flex;
}
.products-details-list {
  flex: 1;
  margin-right: 30px;
}
.products-details-bar {
  width: 390px;
}
/**/
/**/
/**/
/*产品详情页*/
/**/
/*推荐产品*/
.tjcp-plane .products-list {
  padding: 0px 0px 30px 0px;
}
.tjcp-plane .products-list .products-item {
  border: 1px solid #f0f0f0;
}
/*推荐产品*/
/*线上分销*/
.fxcp-plane {
  padding-top: 30px;
}
.fxcp-box {
  position: relative;
}
.fxcp-box .swiper-container {
  margin: 0px 30px;
  overflow: hidden;
}
.fxcp-box .swiper-button-next {
  right: 0px;
  left: auto;
}
.fxcp-box .swiper-button-prev {
  left: 0px;
  right: auto;
}
.fxcp-box .swiper-button-next:after, .fxcp-box .swiper-button-prev:after {
  font-size: 30px;
  color: #0180C8;
}
.fxcp-box .products-item {
  margin: 20px 10px;
}
/*线上分销*/
/*分销授权*/
.sqfx-plane {
  padding-top: 30px;
  padding-bottom: 30px;
}
.sqfx-box {
  display: flex;
  align-items: center;
}
.sqfx-info-box {
  width: 450px;
  background-color: #e0f4ff;
  margin-right: 20px;
}
.sqfx-info {
  padding: 20px;
  line-height: 2;
}
.sqfx-info h3 {
  font-size: 18px;
  color: #0180C8;
}
.sqfx-ewm {
  display: flex;
  padding-left: 18px;
  padding-bottom: 18px;
}
.sqfx-ewm .sqfx-ewm-item {
  margin-right: 20px;
  text-align: center;
  line-height: 1.9;
}
.sqfx-ewm .sqfx-ewm-item img {
  width: 85px;
  height: 85px;
  display: block;
}
/**/
/**/
.sqfx-pro-head {
  color: #0180C8;
  text-align: center;
  font-size: 18px;
  padding: 0px 0px 20px 450px;
}
.sqfx-pro-box {
  flex: 1;
}
.sqfx-pro-list {
  display: flex;
}
.sqfx-pro-item {
  text-align: center;
  font-size: 14px;
  margin-left: 10px;
}
.sqfx-pro-item h2 {
  color: #0180C8;
}
.sqfx-pro-item p a {
  padding: 5px 8px;
  background-color: #0180C8;
  display: inline-block;
  color: #ffffff;
}
.sqfx-pro-img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 5px 0px;
}
/*分销授权*/
/*应用领域*/
.yingyong-list {
  padding-top: 20px;
}
.yingyong-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #e4e4e4 solid 1px;
}
.yingyong-img {
  margin-right: 20px;
  overflow: hidden;
}
.yingyong-img img {
  width: 200px;
  height: 136px;
  transform: scale(1);
  transition: all 0.5s;
  display: block;
}
.yingyong-img:hover img {
  transform: scale(1.05);
}
.yingyong-info {
  flex: 1;
}
.yingyong-info h2 {
  font-size: 20px;
}
.yingyong-info h2 a {
  transition: all 0.5s;
}
.yingyong-info h2 a:hover {
  color: #0180C8;
}
.yingyong-info p {
  font-size: 14px;
  color: #808080;
  margin-top: 12px;
}
.info-more {
  text-align: right;
  padding: 5px 0px;
  display: block;
}
.info-more a {
  display: inline-block;
  padding: 8px 20px;
  background-color: #999;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
}
.info-more a:hover {
  background-color: #0180C8;
}
/*应用领域*/
/*正文*/
.detail-title {
  padding: 30px 0px 30px 0px;
  border-bottom: #ccc dashed 1px;
  text-align: center;
}
.detail-title h1 {
  font-size: 28px;
  color: #0180C8;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: normal;
}
.detail-title p {
  font-size: 14px;
  color: #999;
}
.detail-title p span {
  display: inline-block;
  margin: 0px 20px 0px 0px;
}
.shang-xia {
  padding: 20px 0px;
}
.shang-xia p {
  color: #8f8f8f;
  margin-bottom: 10px;
}
.shang-xia p a:hover {
  color: #1380C8;
}
/*.detail-edit*/
.detail-edit {
  padding: 20px 0px;
  font-size: 16px;
}
.detail-edit hr {
  border-color: #eaeaea;
  border-style: solid;
}
.detail-edit p {
  line-height: 2em;
  margin-bottom: 1em;
}
.detail-edit img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  margin: 0px auto;
}
.detail-edit iframe {
  max-width: 100%;
  margin: 0px auto;
  width: 75%;
  height: 480px;
  display: block;
}
.detail-edit .detail-video {
  margin-bottom: 20px;
}
.detail-edit table {
  max-width: 100%;
  float: none;
  width: 80%;
}
.detail-edit table {
  font-size: 14px;
}
.detail-edit table tr {
  border-top: #A7A7A7 solid 1px;
  border-right: #A7A7A7 solid 1px;
}
.detail-edit table td {
  padding: 5px;
  border-bottom: #A7A7A7 solid 1px;
  border-left: #A7A7A7 solid 1px;
  font-size: 16px;
}
.detail-edit ol {
  padding: 20px;
}
.detail-edit li {
  list-style: decimal;
  margin-bottom: 15px;
}
/*正文*/
/*下载中心*/
.download-list {
  padding-top: 12px;
}
.download-item {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: #e8e8e8 solid 1px;
}
.download-img {
  margin-right: 20px;
}
.download-img img {
  display: block;
  height: 50px;
  width: 73px;
  transform: scale(1);
  transition: all 0.5s;
}
.download-img:hover img {
  transform: scale(1.05);
}
.download-info {
  display: flex;
  flex: 1;
  font-size: 18px;
}
.download-info h2 {
  flex: 1;
}
.download-info p {
  color: #808080;
  text-align: left;
  width: 200px;
  font-size: 16px;
}
.download-but a {
  border: #0180C8 solid 1px;
  background-color: #0180C8;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.download-but a:hover {
  background-color: #00598b;
}
/*下载中心*/
/*下载详情*/
.download-details-box {
  display: flex;
  padding-top: 20px;
}
.download-details-img img {
  width: 300px;
  display: block;
  height: auto;
}
.download-details-info {
  padding-left: 40px;
  padding-top: 10px;
}
.download-details-info h1 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.7;
}
.download-details-info p {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  padding: 5px 0px;
}
.download-details-info p span {
  display: inline-block;
  margin-right: 20px;
}
.download-but {
  padding: 20px 0px;
}
.download-but a {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 3px;
  transition: all 0.3s ease;
  border: #0180C8 solid 1px;
  background-color: #0180C8;
  color: #FFFFFF;
}
.download-but a:hover {
  border: #00598b solid 1px;
  background-color: #00598b;
  color: #FFFFFF;
}
/*下载详情*/
/*视频详情*/
.video-list-plane {
  padding: 20px 0px;
}
.video-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
.video-item {
  box-shadow: inset 0 4px 0 #ffffff1f, 0 1px 10px rgb(0 0 0 / 12%);
  margin-bottom: 20px;
}
.video-item .video-img {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
}
.video-item .video-img:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
}
.video-item .video-img img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s;
}
.video-item .video-img .video-ove {
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  color: #FFFFFF;
  transition: all 0.5s;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-item .video-img .video-ove .iconfont {
  font-size: 50px;
}
.video-item .video-info {
  text-align: center;
  font-size: 18px;
  min-height: 50px;
}
.video-item .video-info h2 {
  padding-top: 10px;
  font-size: 14px;
}
/**/
.video-item:hover .video-info h2 {
  color: #0180C8;
}
.video-item:hover .video-ove {
  opacity: 1;
}
.video-item:hover .video-img:after {
  opacity: 1;
}
.video-item:hover .video-img img {
  transform: scale(1.2);
}
/*视频详情*/
/*标题*/
.about-page-title {
  padding: 0px 0px 10px 0px;
  text-align: center;
}
.about-page-title h1 {
  font-size: 28px;
  color: #0180C8;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*标题*/
/*售后维修*/
.shfw-body {
  padding: 20px 0px;
}
.shfw-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
}
.shfw-item h2 {
  font-size: 20px;
  color: #0180C8;
  text-align: center;
  padding: 20px 0px 10px 0px;
}
.shfw-item p {
  line-height: 2;
  color: ##434343;
}
.shfw-img {
  padding: 10px 0px;
}
.shfw-img img {
  display: block;
  width: 100%;
  height: auto;
}
.shfw-item dl {
  background-color: #daf2ff;
  padding: 20px;
}
.shfw-item dt {
  font-size: 20px;
  color: #0180C8;
  padding: 10px 0px
}
.shfw-item dd {
  color: #434343;
  padding: 5px 0px;
  display: flex;
  align-items: center;
}
.shfw-item dd::before {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #0180C8;
  margin-right: 6px;
}
/*售后维修*/
/*免费试用*/
.shiyong-tit {
  padding: 30px 0px;
}
.shiyong-tit h3 {
  font-size: 24px;
  color: #4c4c4c;
  font-weight: bold;
  margin-bottom: 5px;
}
.shiyong-icon {
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  align-items: center;
}
.shiyong-icon-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.shiyong-icon-item p {
  padding: 10px 0px;
}
.shiyong-icon-item img {
  width: 78px;
  height: 78px;
}
.shiyong-icon-arr {
  width: 30px;
  height: 23px;
  background: url("img/lc_arr.png") center no-repeat;
  margin-bottom: 40px;
  background-size: contain;
}
.shiyong-body {
  padding: 30px 0px;
}
.shiyong-body .myform {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.myform .group {
  display: flex;
  align-items: center;
}
.myform .xuqiu-group {
  align-items: flex-start;
}
.myform .group .radio-txt {
  width: 80px;
  margin-right: 10px;
  color: #000000;
  font-weight: bold;
  display: flex;
  height: 40px;
  justify-content: flex-end;
  align-items: center;
}
.myform .group .radio-txt i {
  font-weight: bold;
  color: #e60012;
  display: inline-block;
  margin-right: 7px;
}
.myform .group .input {
  flex: 1;
  height: 40px !important;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  font-size: 16px;
  color: #777;
}
.myform .group .distpicker {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.myform .group .distpicker select {
  height: 40px !important;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  font-size: 16px;
  color: #777;
}
.myform .group textarea {
  flex: 1;
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
  line-height: 1.5;
  font-size: 16px;
  color: #777;
}
.danxuan-group {
  display: grid;
  grid-template-columns: 120px 1fr;
  column-gap: 20px;
}
.danxuan-tit h3 {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.danxuan-tit h3::before {
  content: '';
  background-color: #0180C8;
  display: inline-block;
  width: 5px;
  height: 20px;
  margin-right: 10px;
}
.danxuan-label {
  align-items: center;
  display: flex;
}
.danxuan-label label {
  cursor: pointer;
  margin-right: 10px;
  font-size: 16px;
  color: #4c4c4c;
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
}
.danxuan-label input {
  margin-right: 5px;
}
.danxuan-tip {
  margin: 20px 0px;
  color: #E72129;
  font-size: 16px;
}
.danxuan-group, .danxuan-tip, .dizhi-group, .xinghao-group, .xuqiu-group {
  grid-column-start: 1;
  grid-column-end: 3;
}
.button-group {
  padding-left: 90px;
}
.button-group .button {
  width: 130px;
  height: 45px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0180C8;
  color: #fff;
  border-radius: 45px;
  display: block;
  border: 0;
  outline: 0;
}
.shiyong-fot-txt {
  padding: 20px 0px;
  line-height: 1.7;
  font-size: 16px;
}
/*免费试用*/
/*联系我们*/
.lxwm-body {
  padding: 20px 0px;
}
.lxwm-list {
  padding-top: 20px;
}
.lxwm-list .lxwm-item {
  display: flex;
}
.lxwm-info {
  background-color: #daf2ff;
  padding: 20px;
  flex: 1;
}
.lxwm-img {
  width: 580px;
}
.lxwm-img img {
  width: 100%;
  height: auto;
  display: block;
}
.lxwm-weixin-con {
  display: flex;
  align-items: center;
}
.lxwm-weixin-con img {
  display: block;
  width: 100px;
  height: 100px;
}
.lxwm-weixin-item {
  margin-right: 20px;
}
.lxwm-weixin-item h2 {
  text-align: center;
  padding-top: 6px;
}
.lxwm-info-con {
  line-height: 1.9;
  margin-bottom: 30px;
}
.lxwm-info-con h2, .lxwm-weixin-con h2 {
  font-weight: bold;
  color: #0180C8;
}
/*联系我们*/
/*销售联系方式*/
.xslx-box {
  padding: 20px 0px;
}
.xslx-box .xslx-list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  flex-wrap: wrap;
}
.xslx-box .xslx-list .xslx-item {
  margin-bottom: 20px;
}
.xslx-box .xslx-list .xslx-item h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #0180C8;
}
.xslx-item .xslx-con {
  display: flex;
}
.xslx-info {
  display: flex;
  align-items: center;
  background-color: #daf2ff;
  padding: 10px;
  margin-right: 20px;
}
.xslx-info-photo {
  margin-right: 20px;
}
.xslx-info-photo img {
  display: block;
  width: 82px;
  height: 116px;
}
.xslx-info-text {
  line-height: 1.9;
  flex: 1;
  width: 215px;
}
.xslx-info-text h3 {
  font-weight: bold;
}
.xslx-info-text p {
  font-size: 12px;
}
.xslx-weixin-tit {
  background-image: url("img/wx-001.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 22px 20px;
  padding-left: 30px;
}
.xslx-weixin .xslx-weixin-img img {
  display: block;
  width: 126px;
  height: 126px;
}
/*销售联系方式*/
/*招贤纳士*/
.zxns-banner img {
  width: 100%;
  height: 161px;
  display: block;
}
.zxns-desc {
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
}
.zxns-desc a {
  color: #0180C8;
}
.zxns-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  padding-bottom: 30px;
}
.zxns-list .zxns-img img {
  display: block;
  width: 100%;
  height: auto;
}
.zxns-info {
  margin-top: 20px;
  padding: 20px;
  background-color: #daf2ff;
  margin-bottom: 20px;
}
.zxns-info h2 {
  color: #0180C8;
  font-size: 20px;
  margin-bottom: 10px;
}
.zxns-info-con {
  line-height: 1.7;
  height: 140px;
}
/*招贤纳士*/
/*搜索*/
#nav_searchform {
  line-height: 35px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, .2);
  padding: 0 5px;
}
#keyboard {
  color: #ddd;
  background-color: transparent;
  line-height: 35px;
  height: 35px;
  border: none;
  outline: none;
  transition: all 0.5s ease-out 0s;
  width: 150px;
}
#keyboard::placeholder {
  color: #ddd;
}
.search-but {
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.search-but .iconfont {
  font-size: 24px;
  color: #ddd;
}
.search-but span {
  display: none;
}
/*搜索*/
/*荣誉资质*/
.ryzz-list-imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ryzz-imgs-item {
  width: 49%;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.ryzz-imgs-item img {
  width: 100%;
  height: auto;
  display: block;
}
/*荣誉资质*/
/*发展历程*/
.fzlc-box {padding: 20px 0px;}
@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
.fBeba {
  font-family: 'beba';
}
.history-ul {
  padding: 40px 0;
  overflow: hidden;
  position: relative;
}
.history-ul:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.history-ul:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 40px;
  background: #ccc;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.history-ul li {
  padding: 0;
  overflow: hidden;
}
.history-ul li.arr {
  width: 30px;
  height: 15px;
  background: url(img/arr_down_g.png) no-repeat center;
  background-size: 30px 15px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.hisbox {
  width: 45%;
  text-align: right;
}
.hisbox h3 {
  font-size: 50px;
  color: #267fb6;
  margin: 0;
  position: relative;
  font-weight: normal;
}
.hisbox h3 span {
  display: inline-block;
  font-size: 24px;
  vertical-align: top;
  font-weight: normal;
  margin-left: 5px;
}
.hisbox h3:after {
  content: '';
  width: 10%;
  height: 1px;
  background: #ccc;
  position: absolute;
  right: -11%;
  top: 50%;
  transform: translate(0, -50%);
}
.hisbox h3:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #ccc;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translate(0, -50%);
}
.hisbox h4 {
  font-size: 34px;
  color: #222;
  margin: 0 0 10px;
}
.hisbox p {
  font-size: 16px;
  line-height: 1.7;
}
.hisbox.his-right {
  float: right;
  text-align: left;
}
.hisbox.his-right h3:after {
  content: '';
  width: 10%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: -11%;
  top: 50%;
  transform: translate(0, -50%);
}
.hisbox.his-right h3:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #ccc;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translate(0, -50%);
}
/*发展历程*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/