a {
  /*改变a链接的默认格式，颜色和下划线*/
  color: #1C2188;
  text-decoration: none;
}

.c-white {
  color: white;
}

/* banner */
.example {
width:100%;
  height: 750px;
  overflow:hidden;
}

/*用伪类选择器做出鼠标放置在div相框中左右箭头的淡入淡出*/
#banner_wrap:hover>.btn {
  opacity: 0.4;
}

/* 产品体系 */
.container-system {
  padding-bottom:117px;
  background:#F8F9FB;
}

.ml360 {
  display: flex;
  flex-direction: column;
  width: 1200px;
  margin: 0 auto;
}

.consy-title {
  font-size: 32px;
  color: #1C2188;
  text-align: center;
  font-weight: 600;
}
.consy-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 110px;
  padding: 0;
}

.consycon {
  width: 300px;
  cursor: pointer;
  position: relative;
  margin: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.consycon>img {
  width: 215px;
  height: 121px;
}

.hoverimgs {
  width: 215px;
  height: 121px;
  display: none;
}

.consycon:hover img {
   display: none;
}

.consycon:hover .hoverimgs {
 width: 215px;
  height: 121px;
  display: block;
}

.consycon>a {
  height: 25px;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-bottom: 10px;
}
.hoverBorder {
  height: 156px;
  width: 298px;
  border-left: 1px solid;
  border-right: 1px solid;
  border-image-source: linear-gradient(to top, #5298eb, #aad6f5);
  border-image-slice: 0.5;
  position: absolute;
  top: 0px;left: 0;
  display: none;
}

.consycon:hover .hoverBorder {
   display: block;
}
.consycon1:hover::after {
  bottom: 135px !important;
}
.consycon1:hover::before {
  bottom: 155px !important;
}
.consycon:hover::after {
  content: "";
  position: absolute;
  bottom: 245px;
  left: 130px;
  width: 0px;height: 0px;
  border: 7px solid transparent;
  border-bottom-color: #5298EB;
}

.consycon:hover::before {
   content: "";
   position: absolute;
   bottom: 266px;
   left: 0;
   height: 3px;
   width: 300px;
   background: #5298EB;
}

 /* 二级菜单 */
.consy-item {
  z-index: 99;
  width: 1200px;
  min-height: 100px;
  display: none;
  margin: auto;
}

 .consyChilds {
    display: flex;
    flex-wrap: wrap;
    padding:20px 20px 0px 20px;
}

.consy-child {
  height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px #f0ebeb solid;
  margin-bottom:20px !important;
}

.consyChilds .consy-child:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(167, 207, 255, 1);
}

.consyChilds .consy-child .child-title:hover,
.consyChilds .consy-child .child-item:hover {
  color: #5298EB;
}

.child-title {
   font-size: 16px;
   color: #333333;
   font-weight: 500;
   width: 260px;
   padding: 20px 20px 18px 80px;
}

 .child-item {
   font-size: 14px;
   color: #999;
   letter-spacing: 0;
   font-weight: 400;
   width: 75px;
   padding: 0px 205px 20px 80px;
}

.consycon:hover .consy-item {
  display: block;
  border-bottom: 1px rgba(82, 152, 235, 0.3) solid;
  border-top: 1px rgba(82, 152, 235, 0.3) solid;
}
.disblock {
  display: block;
}
.consycon:nth-child(2) ul,
.consycon:nth-child(6) ul {
 margin-left: -302px;
}
.consycon:nth-child(3) ul,
.consycon:nth-child(7) ul {
  margin-left: -599px;
}
.consycon:nth-child(4) ul {
  margin-left: -900px;
}
/* 行业解决方案 */
.solutions {
background:#F3F7FD;
  padding-top: 80px;
}
.solutionsChild{
  display: flex;
  flex-direction: column;
  width: 1200px;
  margin:auto;
  padding-bottom:120px;
}
.solutions-top {
  width: 512px;
  display: flex;
  flex-direction: column;
  margin: auto;
}

.solutions-title {
  font-size: 32px;
  color: #1C2188;
  text-align: center;
  line-height: 32px;
  font-weight: 600;
}

.solutions-con {
  font-size: 16px;
  color: #999999;
  text-align: center;
  font-weight: 500;
  padding: 20px 0px 0px 0px;
}

.solutions-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0px 0px 0px;
}


.solutions-item>ul {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}

.solutions-item>ul>li {
  height: 246px;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}

.itemImg {
  width: 234px;
  display: block;
}

.itemHover {
  width: 520px;
  display: none;
}

.solutions-item>ul>li:hover .itemHover {
  display: block;
}

.solutions-item>ul>li:hover .itemImg {
  display: none;
}

.solutions-item>ul:hover>li .itemImg {
  width: 160px;
  height: 246px;
}

.solutions-item>ul:hover>li:hover .itemFragment,
.solutions-item>ul:hover>li:hover .learnMore,
.solutions-item>ol:hover>li:hover .itemFragment,
.solutions-item>ol:hover>li:hover .learnMore {
  display: block;
}

.solutions-item>ul:hover>li:hover .iconName,
.solutions-item>ol:hover>li:hover .iconName {
  position: absolute;
  top: 25px;
  left: 20px;
}


.iconName {
  /* width: 85px; */
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  position: absolute;
  top: 147px;
  left: 20px;
  display: flex;
  flex-direction: column;
}

.iconName>img {
  width: 27px;
  height: 32px;
}

.itemFragment {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  font-weight: 400;
  display: none;
}

.itemFragments {
  height: 66px;
  position: absolute;
  top: 93px;
  left: 20px;
  right: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.learnMore {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 22px;
  font-weight: 400;
  display: none;
  position: absolute;
  left: 20px;
  bottom: 32px;
}

.solutions-item>ul>li:last-child {
  margin-right: 0px;
}

.solutions-item>ol>li:last-child {
  margin-right: 0px;
}

/* 第二列 */
.solutions-item>ol {
  display: flex;
  flex-direction: row;
}

.solutions-item>ol li {
  height: 246px;
  margin-right: 9px;
  cursor: pointer;
  position: relative;
}

/* 图片 */
.itemOl {
  width: 193px;
  display: block;
}

.olHover {
  width: 528px;
  display: none;
}


.solutions-item>ol>li:hover .olHover {
  display: block;
}

.solutions-item>ol>li:hover .itemOl {
  display: none;
}

.solutions-item>ol:hover>li .itemOl {
  width: 127px;
  height: 246px;
}

.solutionsTab{
    display:none;
}
/* 安全服务 */
.security {
  background: url('/static/img/home/an1.png') no-repeat;
  background-size: 100% 100%;
  padding-top:80px;
}

.securityImg {
  display: flex;
  flex-direction: column;
}

.securitytop {
  width: 862px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.security-title {
  font-size: 32px;
  text-align: center;
  font-weight: 600;
  color: #1C2188;
}

.security-subtitle {
  height: 44px;
  font-size: 16px;
  color: #999999;
  text-align: center;
  font-weight: 500;
}

.security-item {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

.security-item>img {
  margin: 106px auto 160px auto;
}

.security-child0,.security-child1,.security-child2,.security-child3,.security-child4,.security-child5{
  position: absolute;
  left: 116px;
  top: 95px;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid rgba(240,243,249,1);
  box-shadow: 0px 0px 12px 0px rgba(205,212,225,1);
  border-radius: 2px;
}

.security-child0:hover>.sechild-title,
.security-child0:hover>.sechild-p,
.security-child1:hover>.sechild-title,
.security-child1:hover>.sechild-p,
.security-child2:hover>.sechild-title,
.security-child2:hover>.sechild-p,
.security-child3:hover>.sechild-title,
.security-child3:hover>.sechild-p,
.security-child4:hover>.sechild-title,
.security-child4:hover>.sechild-p,
.security-child5:hover>.sechild-title,
.security-child5:hover>.sechild-p {
  color: #1067CD;
}

.sechild-title {
  height: 20px;
  font-size: 24px;
  color:#1067CD;
  line-height: 20px;
  font-weight: 600;
  background: #F0F3F9;
  border-radius: 2px 2px 0px 0px;
  padding: 16px 48px 16px 312px;
  position:relative;
}
.sechild-title::before{
   width: 4px;
   height: 20px;
   background: #5298EB;
   content: "";
   position: absolute;
   right: 20px;
   top: 16px;
 }
.sechild-p {
  height: 47px;
  font-size: 18px;
  color: #333333;
  text-align: right;
  line-height: 26px;
  font-weight: 500;
  padding: 24px 20px 49px 32px;
}

.security-child1 {
  position: absolute;
  left: 119px;
  top: 337px;
}

.security-child0>img,.security-child1>img,.security-child2>img,.security-child3>img {
  width:90px;
  height:90px;
  position: absolute;
  left: 0px;
  top: auto;
  bottom: 0px;
}

.columnEnd {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.columnEnd:hover .sechild-p{
    color:#1067CD;
}
.security-child3 .columnEnd,
.security-child4 .columnEnd,
.security-child5 .columnEnd{
  width: auto;
  margin-left: 0px;
  align-items: normal;
}
.security-child3 .columnEnd .sechild-title,
.security-child4 .columnEnd .sechild-title,
.security-child5 .columnEnd .sechild-title{
  padding: 16px 312px 16px 48px;
}
.security-child3 .columnEnd .sechild-title::before,
.security-child4 .columnEnd .sechild-title::before,
.security-child5 .columnEnd .sechild-title::before{
  right: 0px;
  left: 32px;
}
.w280 {
  width: 280px;
  margin-left: 75px;
  align-items: flex-start;
}
.security-child1 .columnEnd .sechild-p,
.security-child2 .columnEnd .sechild-p {
  margin: 0px 0px 0px -150px;
}

.security-child3 .columnEnd .sechild-p,
.security-child4 .columnEnd .sechild-p,
.security-child5 .columnEnd .sechild-p {
  margin: 0px 0px 0px 0px;
  text-align: left;
}

.security-child2 {
  position: absolute;
  left: 259px;
  top: 598px;
}


.security-child3 {
  position: absolute;
  left: 730px;
  top: 598px;
}

.security-child3>img,.security-child4>img,.security-child5>img {
  width: 90px;
  height: 90px;
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}


.security-child4 {
  position: absolute;
  left: 873px;
  top: 336px;
}

.security-child5 {
  position: absolute;
  left: 730px;
  top: 94px;
}
/* 全国分布 */
.distribution {
  background: url('/static/img/home/distr.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}

.distributionimg {
  margin: 80px 0px 0px 0px;
}


.distribution-title {
  font-size: 32px;
  color: #FFFFFF;
  text-align: center;
  line-height: 111px;
  font-weight: 600;
}

.fix {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto;
}

.distribution-item {
  width: 420px;
  padding-top: 143px;
  display: flex;
  flex-wrap: wrap;
}

.distribution-item>img {
  width: 210px;
  height: 106px;
}

.distribution-item2 {
  width: 780px;
  height: 655px;
}

/* 全国轮播 */
.distribution-footer {
  width: 1200px;
  height: 204px;
  background:url('/static/img/home/quan.png') no-repeat;
  margin: 8px auto 23px auto;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
}

.distribution-footer ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 35px 0px 10px;
}

.distribution-footer ul li {
  width: 180px;height: 204px;
  display: flex;
  flex-direction: column;
  padding-right: 37px;
  justify-content: center;
}
.distributionX li>img {
  height:88px;
  margin: 3px auto;
}


.distributionX li>a {
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  margin-top: 13px;
  text-indent: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*  */
.distribution-tu {
  width: 19px;
  height: 76px;
  float: left;
  margin: 50px 0px 0px 20px;
}

.distribution-tu1 {
  margin: 50px 19px 0px 0px;
  float: right;
}


/* 行业客户 */
.customers {
  background: url('/static/img/home/hang.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.customersChild{
   width: 1200px;
   margin: 75px auto 35px auto;
}
.customersimg {
  margin: 80px 0px 0px 0px;
}

.customers-title {
  font-size: 32px;
  text-align: center;
  font-weight: 600;
  color: #1C2188;
}

.customers-item {
overflow: hidden;
  margin: 0px auto 30px auto;
}

.customers-item>ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}

.customers-item>ul li img{
  width:180px;
  height: 80px;
}

/* 新闻中心 */
.news {
  display: flex;
  flex-direction: column;
  margin: 80px 0 0px 0px;

}
.newsItem-img{
  width: 294px;
  height: 210px;
}
.news-title {
  font-size: 32px;
  text-align: center;
  font-weight: 600;
  color: #1C2188;
}

.newsChilds {
  width: 1200px;
  margin: 61px auto 0px auto;
  display: flex;
  flex-direction: row;
}

.news-item {
  width: 294px;
  height: 440px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(233, 237, 244, 1);
  margin: 0px 10px 0px 0px;
}


.newsItem {
  margin: 0px 0px 0px 24px;
  display: flex;
  flex-direction: column;
}

.mp {
  margin: 20px 0px 0px 0px;
  padding-bottom: 15px !important;
}

.ml126 {
  margin-left: 126px !important;
}
.newsTitle{
  width: 460px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsline {
  width: 28px;
  height: 4px;
  background: #5298EB;
  margin: 20px 0px 0px 0px;
}

.newsItm-title {
   width: 245px;
  /*height: 33px;*/
  font-size: 24px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 600;
  margin: 9px 0px 0px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.next {
  width: 28px;
  margin: 38px 20px 0px 226px;
}

.nexthover {
  display: none;
}

.newsItem:hover img {
  display: none;
}

.newsItem:hover .nexthover {
  display: block;
}

.newsItem>p {
  /* width: 240px; */
  height: 72px;
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  font-weight: 400;
  margin: 6px 34px 0px 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news-child {
  height: 440px;
  margin: 0px 0px 0px 16px;
  overflow: hidden;
  display: grid;
  flex-direction: row;
}

.news-child>ul {
  height: 32px;
  display:flex;
  flex-direction: row;
}

.news-child>ul>li {
  width: 136px;
  height: 32px;
  background: #EFF4FA;
  margin-right: 6px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}

.news-child>ul>li>a {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}

.news-all {
  margin: 5px 0px 0px 35px;
}

.news-all>a {
  font-size: 14px;
  color: #333333;
}

.newschild-item {
  width: 570px;
  border-bottom: 1px solid #F8F8F8;
  text-align: left;
}

.newschild-item>a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.child-item-title {
  width: 446px;
  height: 33px;
  font-size: 24px;
  color: #333333;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.child-item-p {
  width: 420px;
  /* height: 48px; */
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.child-item-data {
  width: 101px;
  height: 14px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  font-weight: 400;
  /*margin: -67px 0px 0px 510px  */
}

.newschild-itemcon {
  height: 14px;
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  font-weight: 400;
  float: left;
}

.children {
  height: 375px;
  overflow: hidden;
}

.childItem {
  height: 375px;
  display: flex;
  flex-direction: column;
}

/* 侧栏 */
.side {
  height: 180px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(2, 15, 46, 0.1);
  border-radius: 4px;
  position: fixed;
  right: 50px;
  top: 75%;
  display: flex;
  z-index: 9999;
}
.side>ul{
  width: 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.side>ul>li{
  height: 55px;
  line-height: 72px;
  border-bottom: 1px solid #5298EB;
}
.side>ul>li:nth-child(3)  {
  border-bottom: none;
}
.hoverImg{
  display:none
}
.side>ul>li:hover .sideImg{
  display:none;
}
.side>ul>li:hover .hoverImg{
  display:block;
  padding-top: 10px;
}

.sideli:hover .sidechild {
  display: block;
}

.sideli:hover .sidechilds {
  display: block;
}

.sidechild {
  width: 158px;
  height: 158px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(2, 15, 46, 0.1);
  margin-left: -190px;
  margin-top: -62px;
  display: none;
  border-radius: 10px;
}

.sidechild>img {
  height: 128px;
  margin: 15px;
}

.sidechilds {
  width: 166px;
  height: 124px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(2, 15, 46, 0.1);
  text-align: left;
  margin-left: -190px;
  margin-top: -62px;
  display: none;
  border-radius: 10px;
}

.sidechilds>p {
  font-size: 14px;
  color: #373737;
  line-height: 23px;
  font-weight: 400;
  margin: 8px 0px 0px 16px;
}

.sidechilds>p>span {
  font-size: 14px;
  color: #999999;
  line-height: 16px;
  font-weight: 400;
}

.sidechilds p:nth-child(1) {
  padding-top: 15px;
}