body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
figure,
figcaption {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: "微软雅黑";
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

body {
  overflow-x: hidden;
  background-color: #fff;
}

label {
  max-width: inherit
}

tr,
td,
dd,
dl,
dt {
  margin: 0;
  padding: 0
}

img {
  border: none;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  text-decoration: none;
}

ul,
li {
  list-style: none
}

input {
  outline: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}



/*搜索弹框*/
.search_header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #e5e5e5;
  padding: 0 80px;
  display: none;
  box-sizing: border-box;
}

.search_headeri {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  height: 100px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.search_headeri form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}

.search_headeri .inp {
  width: calc(100% - 210px);
  position: relative;
}

.search_headeri .inp img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px
}

.search_headeri .inp input {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  background: transparent;
  padding-left: 30px;
  font-size: 16px;
  color: #333;
}

.search_headeri .inp input::placeholder {
  color: #ccc;
}

.search_headeri .close {
  width: 30px;
  height: 30px;
  background: #333333;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: block;
  margin-left: 45px;
}

.search_headeri .close::before,
.search_headeri .close::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 1px;
  background: #fff;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.search_headeri .close::after {
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.search_headeri .btn {
  background: #000000;
  border-radius: 5px;
  width: 90px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-left: 45px;
  display: block;
  border: none;
}

/*搜索弹框结束*/

.header {
  background-color: #fff;
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 66;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.header h1 img {
  margin: 10px 0;
  width: 100px;
}

.search {
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  cursor: pointer;
  background-size: 30px;
  background-color: #172a88;
  background-position: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.search:hover {
  background-color: #2ea7e0;
}

.search,
.nav {
  display: none;
}

.nav>ul>li.active>a,
.nav a:active,
.nav>ul>li>a:hover {
  color: #172a88
}

.nav>ul>li {
  margin-right: 88px;
}

.nav li {
  float: left;
  display: block;
  position: relative;

}

.nav li a {
  padding: 0px 15px;
  display: block;
  position: relative;
  font-size: 18px;

}

.nav>ul>li>a {
  padding: 35.5px 0
}

.nav a.hov {
  color: #172a88;
  position: relative;
  z-index: 10;
}

.nav .subnav {
  position: absolute;
  z-index: 5;
  left: 50%;
  right: 0;
  margin-left: -103px;
  top: 95px;
  background-color: #fff;
  width: 210px;

  display: none;
}

.nav .subnav li {
  float: none;
}

.nav .subnav li a:hover {
  background-color: #172a88;
  color: #fff;
}

.nav .subnav li a {
  text-align: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  display: block;
  height: 39px;
  line-height: 39px;
  font-size: 14px;
}



/*moblie*/
.black {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #000;
  opacity: 0.5;
  display: none;
  z-index: 900;
}

.black.menuOpen {
  display: block;
}

.menuBtn {
  transition: 400ms 300ms;
  width: 56px;
  height: 52px;
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

.menuBtn .line {
  transition: 300ms;
  width: 30px;
  height: 4px;
  background: #174F90;
  position: absolute;
  left: 50%;
  margin-left: -14px;
}

.menuBtn .line1 {
  top: 14px;
}

.menuBtn .line2 {
  top: 24px;
  transition: 300ms 100ms;
}

.menuBtn .line3 {
  top: 34px;
}

.menuBtnShow {
  transition: 400ms 300ms;
  background-color: #174F90;
}

.menuBtnShow .line {
  background-color: #fff;
}

.menuBox {
  z-index: 9999;
  background: #fff;
  position: fixed;
  right: -100%;
  top: 0px;
  width: 340px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 400ms;
  -webkit-overflow-scrolling: touch;
}

.menuBoxShow {
  right: 0px;
}

.navMobile dd {
  display: block;
  width: 100%;
}

.navMobile dd p a {
  text-transform: uppercase;
  font-size: 16px;
  background: url(../images/m_ico1.png) no-repeat scroll 95% center;
}

.navMobile dd a {
  display: block;
  padding: 10px 34px 10px 18px;
  line-height: 1.4;
  font-size: 14px;
  color: #8d8d8d;
  border-bottom: 1px solid #eaeaea;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.navMobile dd a:hover,
.navMobile dd p a.cur {
  background: none #174F90;
  color: #fff;
}

.navMobile dd a.cur {
  background: url(../images/m_ico2.png) no-repeat scroll 95% center #80abde;
}

.navMobile dd.dlin1 p a.cur {
  background: none #174F90;
}

.navMobile dd .msubnav {
  background-color: #fff;
  display: none;
}

.navMobile dd .msubnav a {
  color: #8d8d8d;
  position: relative;
  padding-left: 36px;
  background: url(../images/l.png) no-repeat scroll 18px center #e6e6e6;
}

.searchMbox {
  background-color: #174F90;
  padding: 20px 34px 20px 18px;
}

.searchM-txt {
  box-sizing: border-box;
  height: 36px;
  line-height: 100%;
  border: 0px none;
  margin: 0px auto;
  width: 100%;
  padding: 0px 40px;
  color: #fff;
  background: url(../images/search.png) no-repeat scroll 15px center #3568a3;
  background-size: 25px;
}

/* 底部 */
.footer {
  background-color: #333333;

}

.footer .footerTop {
  border-bottom: 1px solid #434343;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0 30px;
}

.footer .footerTop img {
  height: 50px;
}

.footerTopTxt i {
  background-image: url(../images/top.png);
  background-repeat: no-repeat;
  background-size: 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.footerTopTxt i:hover {
  background-image: url(../images/top_hover.png);
}

.footer .footerBottom {
  border-top: 1px solid #434343;
  padding: 20px 0;
  align-items: center;
  justify-content: space-between;
}

.footer .footerBottom p {
  font-size: 14px;
  color: #999999;
}

.footerCenter {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.footerCenter .footerCenterLeft {
  width: 60%;
  flex-shrink: 0;
  border-right: 1px solid #434343;
  padding: 60px 0;
  display: none;
}

.footerCenter .footercenterRight {
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  padding: 30px 0;
}

.footerCenter .footerCenterLeft dl {
  width: 25%;
  float: left;
}

.footerCenter .footerCenterLeftTit {
  font-size: 18px;
  color: #fff;
  margin-bottom: 25px;
  display: inline-block;
}

.footerCenter .footerCenterLeft dl dd a {
  font-size: 16px;
  color: #ccc;
  line-height: 2;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.footerCenter .footerCenterLeft dl dd a:hover {
  color: #fff;
}

.more a {
  padding: 15px 35px;
  background-color: #172a88;
  color: #fff;
  border-radius: 50px;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  display: inline-block;
}

.more a:hover {
  background-color: #2ea7e0 !important;
  color: #fff !important;
}

.footercenterRight h4 {
  font-size: 40px;
  color: #fff;
}

.footercenterRight p {
  font-size: 16px;
  color: #ccc;
  margin: 30px 0 40px;
}

.alignA {
  text-align: center;
}

.title {
  font-size: 26px;
  color: #333333;
  font-weight: bold;

}

.product {
  background-image: url(../images/prodbg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.width33 .padding,
.width25 .padding {
  width: 100%;
}

.productBox {
  padding: 30px 0;
}

.product {
  padding: 60px 0;
}

.productBox .padding {
  float: left;
}

.productBox .padding a {
  margin: 15px 0;
  display: block;
  background-color: #f2f2f2;
  box-shadow: 4px 5px 13px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.productBox .padding .productBoxImg {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.productBox .padding .productBoxImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  background-image: url(../images/jiahao.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
}

.productBox .padding .productBoxImg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 30%, #172a88);
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
}

.productBox .padding .productBoxImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.productBox .padding:hover .productBoxImg img {
  transform: scale(1.1);
}

.productBox .productBoxTxt {
  text-align: center;
  padding: 30px 20px;
  position: relative;
 
}

.productBox .productBoxTxt::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #172a88;
  left: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.productBox .productBoxTxt h3 {
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productBox .productBoxTxt p {
  font-size: 16px;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 21px;
}

.productBox .padding:hover .productBoxImg::before {
  opacity: 1;
}

.productBox .padding:hover .productBoxImg::after {
  opacity: 1;
}

.productBox .padding:hover .productBoxTxt::after {
  width: 100%;
}

.aboutBG {
  background-image: url(../images/ggs.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;

}

.aboutindex {
  padding: 70px 0;
}

.aboutindex .flexa {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
}

.aboutindex .aboutImg {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  box-shadow: 4px 5px 13px rgba(0, 0, 0, 0.11);
}

.aboutindex .aboutImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}

.aboutindex .aboutImg::before {
  content: "";
  position: absolute;
  background-color: #172a88;
  top: -20px;
  left: -20px;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.aboutindex .aboutTxt {
  width: 100%;
  flex-shrink: 0;
  padding-left: 0px;
  box-sizing: border-box;
  margin-top: 30px;
}

.aboutindex .aboutTxt .title {
  margin-bottom: 30px;
}

.aboutindex .aboutTxt .more {
  margin-top: 30px;
}

.aboutindex .aboutTxt p {
  font-size: 15px;
  color: #666666;
  line-height: 2;
  text-align: justify;
  text-indent: 30px;
}

/* 技术服务 */
.service {
  padding: 60px 0;
  background-image: url(../images/ghjn.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.service .serviceFlex {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.service .serviceFlex .serviceBox {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.service .serviceFlex .serviceImg {
  width: 100%;
  height: 100%;
}

.service .serviceFlex .serviceImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.service .serviceFlex .serviceTxt {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 220px;
  bottom: 0;
  margin: auto;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.service .icon {
  width: 50px;
  height: 50px;
}

.service h3 {
  font-size: 24px;
  margin-top: 20px;
}

.service .serviceTxt h3 {
  color: #000;
}

.service .serviceHover h3 {
  color: #fff;
}

.service .serviceTxt p {
  font-size: 16px;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 20px;
}

.service .serviceHover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 42, 136, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.service .serviceHover p {
  width: 85%;
  margin: 24px auto 57px;
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
}

.service .serviceHover .more a {
  background-color: #fff;
  color: #172a88;
}

.service .serviceBox:hover .serviceHover {
  opacity: 1;
}

.service .serviceBox:hover .serviceTxt {
  bottom: -220px;
}

.news {
  background-image: url(../images/newdbg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  padding: 60px 0;
  background-color: #f2f2f2;
}

.news .newsFlex {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  height: auto;
  margin: 40px 0;
}

.news .newsFlex .newsListLeft {
  width: 100%;
  height: 100%;
  position: relative;
}

.news .newsFlex .newsListLeft .newsListLeftTop {
  height: 100%;
  overflow: hidden;
}

.newsListLeft .newsListLeftBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}

.news .newsFlex .newsListLeft:hover .newsListLeftTop img {
  transform: scale(1.1);
}

.news .newsFlex .newsListLeft img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.news .newsFlex .newsListRight {
  width: 100%;
  background-color: #fff;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.news .newsFlex .span1 {
  font-size: 16px;
  display: block;
  margin-bottom: 17px;
}

.news .newsListLeft .p1,
.news .newsListLeft .span1 {
  color: #fff;
}

.news .newsListLeft .span2 {
  color: #999;
}

.news .newsFlex .p1 {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newsListRight ul li {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.newsListRight ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.newsListRight ul li:hover .span1,
.page_paing a:hover,
.newsListRight ul li:hover .p1 {
  color: #172a88;
}


.ziyebanner {
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.ziyebanner .news1200 {
  height: 100%;
}

.ziyebanner .ziyebannerTxt {
  height: 100%;
  display: flex;
  align-items: center;
}

.ziyebanner .ziyebannerTxt h2 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.ziyebanner .ziyebread {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

.ziyebread .bread .home {
  height: 20px;
  background: url(../images/bg_sign06.png) no-repeat left;
  background-size: 20px;
  padding-left: 30px;
}

.ziyebread .bread span,
.ziyebread .bread a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
}

.ziyebread .bread .active:hover {
  text-decoration: underline;
}

.caskk .caseFlex{
  margin: 70px 0;
}

.caseFlex .caseBox {
  width: 100%;
  float: left;
}

.caseFlex .caseBox .padding {
  margin: 20px 0;
  display: block;
}

.caseFlex .caseBox .caseImg {
  overflow: hidden;
  position: relative;
}

.caseFlex .caseBox .caseImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.caseFlex .caseBox:hover .caseImg img {
  transform: scale(1.1);
}

.caseFlex .caseBox .caseTxt {
  text-align: center;
  box-sizing: border-box;
}

.caseFlex .caseBox .caseTxt p {
  font-size: 16px;
  color: #333;
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
}

.caseFlex .caseBox .caseImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  background-image: url(../images/jiahao.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
}

.caseFlex .caseBox .caseImg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 30%, #172a88);
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
}

.caseFlex .caseBox:hover .caseImg::before,
.caseFlex .caseBox:hover .caseImg::after {
  opacity: 1;
}

.caseFlex .caseBox:hover .caseTxt p {
  color: #172a88;
  border-color: #172a88;
}

.page_desc {
  margin: 0px auto;
  text-align: center;
  font-size: 14px;
}

.page_desc ul {
  font-size: 0;
}

.page_desc li {
  display: inline-block;
  margin: 0;
}

.page_desc li>span,
.page_desc li a {
  padding: 6px 11px;
  display: inline-block;
  border: 1px solid #d0d2d2;
  color: #999999;
  background-color: #fff;
}

.page_desc li span.current,
.page_desc li a:hover {
  background: #172a88;
  color: #fff;
  border: 1px solid #172a88
}
.caseDetailPadding{
  padding: 60px 0;
}
.caseDetail{
  background-color: #f2f2f2;
  padding: 30px;
  box-sizing: border-box;
}
.caseDetail h3{
  font-size: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}
.caseDetail .caseDetailDate{
  text-align: center;
  margin-bottom: 20px;
}
.caseDetail .caseDetailDate span{
  font-size: 14px;
  color: #999;
  margin:0 30px;
}
.caseDetail .caseDetailTxt p{
  font-size: 16px;
  color: #666;
  line-height: 2;
  text-indent: 24px;
}
.page_paing {
  font-size: 16px;
  margin-top: 50px;
  color: #999999;
}

.page_paing a {
  color: #999999;
}
.contectMemuLeft {
  width: 100%;
  background-color: #f2f2f2;
  padding: 30px 20px;
  box-sizing: border-box;
}
.contectMemuRight{
  width: 100%;
  margin-top: 30px;
}
.contectMemuRight .title{
  padding-left: 15px;
}
.contectMemuLeft dl dt {
  font-size: 30px;
}
.contectMemuLeft dl dd {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-top: 40px;
}

.contectMemuLeft dl dd a {
  font-size: 16px;
  color: #666;
  line-height: 3;
  width: 100%;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: relative;
}

.contectMemuLeft dl dd a:hover,
.contectMemuLeft dl dd a.active {
  color: #172a88;
}
.contectMemuLeft dl dd a.active::before {
  content: ">>";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.contectMemuRight .title{
  color: #333;
}

.download .serveBoxTotal{
  margin: 80px 0;
}
.serveBoxTotal ul li:last-child .flexDil{
  margin-bottom: 0;
}
.serveBoxTotal .flexDil{
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  position: relative;
  margin-bottom: 40px;
  background-color: #f2f2f2;
  flex-direction: column;
  align-items: flex-start;

}
.serveBoxTotal .flexDil::after{
  content: "";
  position: absolute;
  background-color: #172a88;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.serveBoxTotal .flexDil:hover::after{
  height: 100%;
}
.serveBoxTotal .serveBoxTotalRight,
.serveBoxTotal .serveBoxTotalLeft{
  position: relative;
  z-index: 1;
}
.serveBoxTotal .serveBoxTotalLeft{
  width: 100%;
}
.contectMemuRight .serveBoxTotal .flexDil {
  margin-bottom: 20px;
}
.serveBoxTotal .serveBoxTotalLeft h5{
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  
}
.serveBoxTotal .serveBoxTotalLeft p{
  font-size: 16px;
  color: #666;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  line-height: 1.8;
}
.serveBoxTotal .date{
  font-size: 14px;
  color: #999;
  margin-right: 80px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  
  flex-shrink: 0;
}
.djkl{
  display: flex;
  align-items: center;
}
.serveBoxTotal .daownloaBtn{
  flex-shrink: 0;
}
.serveBoxTotal .daownloaBtn i{
  width: 28px;
  height: 28px;
  background: url(../images/km1.png) no-repeat center;
  background-size: cover;
  margin-right: 10px;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.serveBoxTotal .daownloaBtn span{
  font-size: 14px;
  color: #172a88;
  text-decoration: underline;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.serveBoxTotal .flexDil:hover i{
  background: url(../images/km2.png) no-repeat center;
  background-size: cover;
}
.serveBoxTotal .flexDil:hover .daownloaBtn span,
.serveBoxTotal .flexDil:hover p,
.serveBoxTotal .flexDil:hover .date,
.serveBoxTotal .flexDil:hover h5{
  color: #fff;
}
.serveBoxTotal .flexDil:hover .date{
  margin-right: 50px;
}
.serveBoxTotal .serveBoxTotalRight{
  margin-top: 20px;
}

.first{
  background-color: #f2f2f2;
}
.first .firstLeft {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 5px;
}

.flexBox {
  align-items: center;
  justify-content: space-between;
}
.first .firstLeft img {
  width: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  border-radius: 5px;
}


.first .firstLeft:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.first .firstRight {
  width: 100%;
  flex-shrink: 0;
  margin-top: 20px;
}
.first .firstRight .padding{
  padding: 20px ;
}
.firstRightBox p {
  font-size: 16px;
  color: #666;
  line-height:2;
  margin-bottom: 40px;
  text-align: justify;
}

.firstRightBox p:last-child {
  margin-bottom: 0;
}

.twoBoxRight .sbox a,
.firstRightBox a {
  color: #172a88;
  font-size: 14px;
}

.twoBoxRight .sbox a:hover,
.firstRightBox a:hover {
  text-decoration: underline;
}
.firstRight .newsTitle span{
  font-size: 16px;
  color: #999;
  display: block;
  margin-bottom: 15px;
}
.firstRight .newsTitle p{
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
}
.newsGnrt{
  margin-bottom: 80px;
}
.newsGnrt .swiper-pagination-bullet{
width: 14px;
height: 14px;
background: #172a88;
opacity: 0.5;
}
.newsGnrt .swiper-pagination-bullet-active{
 opacity: 1;
}
.newsGnrt .swiper-pagination{
  margin-left: 0px;
}
.titledeta {
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.titledeta h3 {
  font-size: 22px;
  color: #111111;
  margin-bottom: 20px
}

.titledeta span {
  font-size: 16px;
  color: #666666
}

.necom p {
  font-size: 16px;
  color: #626061;
  line-height: 2;
}

.necom img {
  max-width: 100%;
}

.page_paing {
  font-size: 16px;
  margin-top: 20px;
  color: #999999;
  margin-bottom: 70px;
}

.page_paing a {
  color: #999999;
}
.actDetail{
  background-color:#f2f2f2 ;
  margin-top: 60px;
}
.actDetail .padding{
  padding:30px;
}

.bthghk{
  width: 295px;
  height: 60px;
  background-color: #172a88;

  border-radius: 50px;
  margin:60px auto 0;
  display: flex;
    justify-content: center;
    align-items: center;
}
.bthghk i{
  width: 30px;
  height: 30px;
  background: url(../images/lianxx.png) no-repeat center;
  background-size: cover;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.bthghk span{
  color: #fff;
  font-size: 16px;
}
.yiqiweixiu{
  background-color: #f2f2f2;
  padding: 60px 0;
}
.form .form-left{
  margin-bottom: 30px;
  position: relative;
}
.formBox label {
  color: #666;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 20px;
  width: 120px;
  flex-shrink: 0;
  display: inline-block;
  margin-bottom: 10px;
}
.contactImgBoxTolNewslabeRight .form-left{
  position: relative;
  margin-bottom: 30px;
  /* display: flex; */
  align-items: center;
}
.contactImgBoxTolNewslabeRight .formBox{
  margin-top: 30px;
}
.contactImgBoxTolNewslabeRight .formBox label{
  width: 77px;
}
.formBox input[type="text"]{
  padding:15px 12px;
  border: 1px solid rgba(23, 42, 136, 0.5);
  border-radius: 0px;
  font-size: 16px;
  transition: border-color 0.3s ease;
  width: 100%;
  background-color: transparent;
  box-sizing: border-box;
}
.formBox textarea:focus,
.formBox input:focus {
  outline: none;
  border-color: #172a88;
}
.formBox textarea{
  padding:15px 12px;
  border: 1px solid rgba(23, 42, 136, 0.5);
  border-radius: 0px;
  font-size: 16px;
  transition: border-color 0.3s ease;
  width: 100%;
  background-color: transparent;
  box-sizing: border-box;
  height: 150px;
  resize: none;
  font-family: "Microsoft YaHei";
}
.form {
  /* display: flex; */
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
}
.form .form-left{
  width: 100%;
  flex-shrink: 0;
}
.formBox img{
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.contactImgBoxTolNewslabeRight button,
.formBox button {
  background: #172a88;
  color: white;
  padding: 14px 50px;
  border: none;
  border-radius: 60px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 80px;
  text-transform: uppercase;
}
.contactImgBoxTolNewslabeRight button{
  margin-top: 20px;
}
.formBox button {
  margin-top: 80px;
}
.contactImgBoxTolNewslabeRight button:hover,
.formBox button:hover {
  background: #00b8a6;
}

.contactTil .p1{
  font-size: 16px;
  color: #999;
  margin: 40px 0 30px;
  text-align: center;
}
.contactTil .p2{
  font-size: 40px;
  color: #333;
  margin-bottom: 80px;
  text-align: center;
}
.contatcBoxThree{
  margin-bottom: 30px;
}
.contatcBoxThree ul{
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
}
.contatcBoxThree ul li{
  width: 100%;
  flex-shrink: 0;
  border: 1px solid #172a88;
  height: 100px;
  padding: 0px 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin: 30px 0;
}

.contatcBoxThree ul li:hover{
  background-color: #172a88;
  box-shadow: 7px 13px 21px rgba(0, 0, 0, 0.1);
}
.contatcBoxThree ul li:hover p,
.contatcBoxThree ul li:hover h6{
  color: #fff;
}

.contatcBoxThreeRight h6{
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
}
.contatcBoxThreeRight p{
  font-size: 16px;
  color: #172a88;
  line-height: 1.6;
}
.contatcBoxThree ul li i{
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 50px;
}

.contatcBoxThree ul li:nth-child(1) i{
  background-image: url(../images/icon2.png);
}
.contatcBoxThree ul li:nth-child(2) i{
  background-image: url(../images/icon3.png);
}
.contatcBoxThree ul li:nth-child(3) i{
  background-image: url(../images/icon3.png);
}
.contatcBoxThree ul li:nth-child(1):hover i{
  background-image: url(../images/icon2_1.png);
}
.contatcBoxThree ul li:nth-child(2):hover i{
  background-image: url(../images/icon3_1.png);
}
.contatcBoxThree ul li:nth-child(3):hover i{
  background-image: url(../images/icon3_1.png);
}

.contactImgBoxTol{
  background-color: #f2f2f2;
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: auto;
}
.contactImgBoxTol .contactImgBoxTolLeft{
  background-image: url(../images/sss.jpg);
  background-size: cover;
  background-position: center;

  position: absolute;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  left: 0;
  top: 0;
  display: none;
}
.contactImgBoxTolNews{
  position: relative;
  z-index: 1;
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.contactImgBoxTolNews .contactImgBoxTolNewslabeleft{
  width: 100%;
  flex-shrink: 0;
  background-image: url(../images/sss.jpg);
  background-size: cover;
  background-position: center;
  padding: 20px;
  box-sizing: border-box;
}
.contactImgBoxTolNews .contactImgBoxTolNewslabeRight{
  width: 100%;
  flex-shrink: 0;
  margin: 30px 0;
}
.contactImgBoxTolNewslabeleftItem{
  width: 100%;
  height: 100%;
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: rgba(23, 42, 136, 0.6);
}
.contactImgBoxTolNewslabeleftItem p{
  font-size: 16px;
  color: #fff;
  line-height: 2;
  text-indent: 24px;
  text-align: justify;
  
}
.contactImgBoxTolNewslabeRight .paddung{
  margin-left: 0px;
}
.zixun{
  /* display: flex; */
  align-items: flex-start;
  justify-content: space-between;
}


/* 产品 */
.productDetail{
  background-color: #f2f2f2;
}
.productDetailFlex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetail .productDetailLeft{
  width: 48%;
  flex-shrink: 0;
  position: relative;
}
.productDetail{
  padding: 60px 0;
}
.productDetail .productDetailRight{
  width: 50%;
  flex-shrink: 0;
}
.productDetail .productDetailRight .padding{
  padding: 0 50px;
}
.productDetailLeft img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.smartAttireButton {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  right: 0;
    bottom: 0;
    z-index: 4;
}

.smartAttireButton .btn {
  width: 45px;
  height: 45px;
  color: #fff;
  text-align: center;
  font-weight: 100;
  cursor: pointer;
  background-color:  #172a88;
  display: flex;
  align-items: center;
  justify-content: center;
}

.smartAttireButton .btn span img{
  width: 15px;
  height: 15px;
}
.smartAttireButton .btn:hover {
  background-color: #2ea7e0 !important;
  color: #fff;
}

.productDetailRight h4{
  font-size: 30px;
  color: #333333;
  margin-bottom: 30px;
}
.productDetailRight dl dt{
  font-size: 16px ;
}
.productDetailRight p{
  font-size: 16px;
  color: #666;
  line-height: 2;
}
.productDetailRightTxt{
  display: flex;
  align-items: center;
  margin: 60px 0;
 
}
.productDetailRightTxt i{
  width: 20px;
  height: 20px;
  background-image: url(../images/icon1.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
  display: inline-block;
  
}
.productDetailRightTxt span{
  font-size: 24px;
  color: #172a88;
}
.font30 .title{
  font-size: 22px;
  margin-bottom: 40px;
}
.contectMemuRight .caseDetail{
  margin-bottom: 70px;
}
.proCalse{
  background-color: #f2f2f2;
  padding: 60px 0;
}
.proCalse .more{
  margin-top: 50px;
}
.contectMemuRightTop{
  margin-bottom: 50px;
}
.contectMemuRightTop ul {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
}
.contectMemuRightTop ul li{
  width: 100%;
  flex-shrink: 0;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding:15px 25px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  border-right: 1px solid #d9d9d9;
  margin: 10px 0;
}
.contectMemuRightTop ul li:last-child{
  border-right: none;
}
.contectMemuRightTop ul li span{
  font-size:16px;
  color: #333;
}
.contectMemuRightTop ul li .yuan{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #172a88;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contectMemuRightTop ul li .yuan i{
 
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.contectMemuRightTop ul li:hover{
  background-color: #172a88;
}

.contectMemuRightTop ul li:hover span{
  color: #fff;
}
.contectMemuRightTop ul li:hover .yuan{
  background-color: rgba(255, 255, 255, 0.3);
}
.contectMemuRightTop ul li:nth-child(2) .yuan i{
  background-image: url(../images/km1.png);
}
.contectMemuRightTop ul li:hover:nth-child(2) .yuan i{
  background-image: url(../images/km2.png);
}
.contectMemuRightTop ul li:nth-child(1) .yuan i{
  background-image: url(../images/km4.png);
}
.contectMemuRightTop ul li:hover:nth-child(1) .yuan i{
  background-image: url(../images/km5.png);
}
.contectMemuRightTop ul li:nth-child(3) .yuan i{
  background-image: url(../images/km6.png);
}
.contectMemuRightTop ul li:hover:nth-child(3) .yuan i{
  background-image: url(../images/km7.png);
}

.aboutFlexDn{
  margin-top: 100px;
}

.number {
	width: 100%;

	padding: 0px 0;
  background-image: url(../images/kj.jpg);
}

.number .number_box {
	width: 50%;
	float: left;
	padding: 35px 0;
	text-align: center;
	position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.number .number_box:hover{
  background-color: rgba(255, 255, 255, 0.4);
}
/* .number .number_box:after {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	background-color: #ccc;
	width: 1px;
	top: 0;
	display: none;

} */

/* .number .number_box:last-child:before {
	content: "";
	position: absolute;
	right: 0;
	height: 100%;
	background-color: #ccc;
	width: 1px;
	top: 0;
	display: none;
} */


.number_box span {
	font-size: 40px;
	color: #fff;
	line-height: 84px;
	margin-bottom: 20px;
	font-weight: bold;
}

.number_box sub {
	font-size: 16px;
	color: #fff;
  position: absolute;
  top: 0;
}

.number_box p {
	font-size: 16px;
	color: #ccc;
  position: relative;
  
}
.jiahao sub{
  font-size: 18px;
}
.number_box .text{
  margin-top: 20px;
}
.techtt {
  background-color: #f2f2f2;
  box-shadow: 0 0 2px #ddd;
  padding: 50px 0;
  margin: 100px 0;
  box-shadow: 4px 5px 13px rgba(0, 0, 0, 0.11);
}

.tech1 h2 {
  font-size: 28px;
  color: #333333;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px
}

.tech1 .tech_box {
  padding: 80px 0
}

.tech1 .techtt ul {
  font-size: 0
}

.techtt ul li {
  display: inline-block;
  text-align: center;
  margin: 20px 0;
}

.techtt ul li {
  width: 49%;
}

/*.techtt ul li {
  width:49%;
}*/
.techSame ul li b {
  display: block;
  width: 80px;
  height: 80px;
  transition: 340ms;
  margin: auto;
  position: relative;
  border-radius: 100px;
  background-size: cover !important;
  margin-bottom: 20px
}

.techoo ul li {
  width: 49%;
  float: left;
  text-align: center;
}

.techoo ul li b {
  border: 1px solid #919191;
}

.techtt ul li b {
  border: 1px solid #172a88;

}

.techSame ul li b:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #172a88;
  border-radius: 100px;
  transition: 488ms;
  transform: scale(0.48);
  -webkit-transform: scale(0.48);
  -moz-transform: scale(0.48);
  opacity: 0;
  visibility: hidden;
}

.techoo ul li b i {
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
}

.techtt ul li b i {
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
}

.techSame ul li b i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 10;
}

.techtt ul li h5 {
  font-size: 18px;
  color: #333333
}

.techoo ul li:nth-of-type(even) {
  margin-top: -50px;
  display: none;
}

/*.techoo ul li:after{
  content: "";
  background-image: url(../images/2.png);
  width: 44px;
  height: 13px;
  position:absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: 0 auto
}*/
.techoo ul li h5 {
  font-size: 18px;
  color: #333333
}

.techtt ul li span {
  display: block;
  text-align: center;
  color: #666;
  font-size: 16px;
  margin-top: 12px;
  transition: 355ms;
}

.techSame ul li b:hover:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}

.techSame ul li:hover h5 {
  color: #172a88;
}

.techtt ul li:nth-child(1) b i {
  background-image: url(../images/ser1.png);
}

.techtt ul li:nth-child(2) b i {
  background-image: url(../images/ser2.png);
}

.techtt ul li:nth-child(3) b i {
  background-image: url(../images/ser3.png);
}

.techtt ul li:nth-child(1) b:hover i {
  background-image: url(../images/ser1_1.png);
}

.techtt ul li:nth-child(2) b:hover i {
  background-image: url(../images/ser2_1.png);
}

.techtt ul li:nth-child(3) b:hover i {
  background-image: url(../images/ser3_1.png);
}
.apple-banner { height: 650px;}
.banner .swiper{
  height: 100%;
}
.banner .swiper-slide{
  background-size: cover;
  background-position: center;
  height:100%;
  width: 100%;
}
.banner .swiper-slide a{
  display: block;
  width: 100%;
  height: 100%;
}
.banner .swiper-pagination {
  top: auto;
  bottom: 25px !important;
  background: none;
  width: 120px !important;
  height: 40px;
  border-radius: 40px;
  background: rgba(0, 0, 0, .4);
  left: 50% !important;
  transform: translateX(-50%);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.banner .swiper-pagination-bullet {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 6px;
  cursor: pointer;
  background: none;
  border: 2px solid rgba(255, 255, 255, .6);
  border-radius: 50%;
  opacity: 1;
}
.banner .swiper-pagination-bullet-active{
  border:2px solid #172a88;
}

/* 客服 */
.client-2 {
  position: fixed;
  right: -170px;
  top: 50%;
  z-index: 900;
}

.client-2 li a {
  text-decoration: none;
}

.client-2 li {
  margin-top: 1px;
  clear: both;
  height: 62px;
  position: relative;
}

.client-2 li img{
  display: block;
  margin: 0px auto;
  text-align: center;
}


.client-2 li p {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}

.client-2 .my-kefu-qq i {
  background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
  background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
  background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
  background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
  background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
  display: none;
}

.client-2 .my-kefu-ftop i {
  width: 33px;
  height: 31px;
  background-position: -23px -47px;
  background-size: 52px 82px;
}

.client-2 .my-kefu-ftop .my-kefu-main {
  padding-top: 6px;
}

.client-2 .my-kefu-left {
  float: left;
  width: 62px;
  height: 47px;
  position: relative;
}

.client-2 .my-kefu-tel-right {
  font-size: 16px;
  color: #fff;
  float: left;
  height: 24px;
  line-height: 22px;
  padding: 0 15px;
  border-left: 1px solid #fff;
  margin-top: 14px;
}

.client-2 .my-kefu-right {
  width: 20px;
}

.client-2 .my-kefu-tel-main {
  background: #172a88;
  color: #fff;
  height: 53px;
  width: 230px;
  padding: 9px 0 0;
  float: left;
}

.client-2 .my-kefu-main {
  background: #172a88;
  width: 97px;
  height: 53px;
  position: relative;
  padding: 9px 0 0;
  float: left;
}

.client-2 .my-kefu-weixin-pic {
  position: absolute;
  left: -130px;
  bottom: 0;
  display: none;
  z-index: 333;
}

.my-kefu-weixin-pic img {
  width: 115px;
  height: 115px;
}