body {

  /*font: 14px pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;*/
  font: 16px maven-pro, pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;
  /*font-family: maven-pro;*/
  background: #fff;

}



.phone {

  display: none;

}



.container {

  max-width: 1300px;

  width: 92%;

  margin: 0 auto;

}



.wrapper {

  display: flex;

  flex-direction: column;

  min-height: 100vh;

}



.main {

  flex: 1;

}



.footer,

.header {

  flex: 0;

}



a:hover {

  text-decoration: none;

  color: #240f6c;

  transition: color 0.4s;

  -moz-transition: color 0.4s;

  -webkit-transition: color 0.4s;

  -o-transition: color 0.4s;

}



@-webkit-keyframes fromBottomFade {

  from {

    -webkit-transform: translateY(20%);

    opacity: 0;

  }

}



@keyframes fromBottomFade {

  from {

    transform: translateY(20%);

    opacity: 0;

  }

}



@font-face {

  font-family: maven-pro;

  src: url(../fonts/maven-pro/MavenPro-Medium.ttf);

}

@font-face {

  font-family: maven-pro-bold;

  src: url(../fonts/maven-pro/MavenPro-Bold.ttf);

}


.maven—pro{

  font-family: maven-pro;

}

.maven-pro-bold{

   font-family: maven-pro-bold;

}




/* 导航 */

.pc-nav {  width: 100%;  position: fixed;  top: 0; left: 0;  z-index: 9999; transition: 0.6s;  background: #ffffff;/*  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%); */}

.top_welcome{width:100%;overflow:hidden; height:40px;line-height:40px; background:#10488F;}
.top_welcome .left{float:left;font-size:14px;}
.top_welcome .right{float:right;font-size:14px}
.top_welcome *{color:#ffffff;}

.pc-nav .nav {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.pc-nav .nav .logo-box {  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;transition: 0.6s;}

.pc-nav .nav .logo {

  flex: 1;height: 100%;

}



.pc-nav .nav .logo img {  max-width: 100%;max-height: 100%;}

.pc-nav .nav .logo .logo1{}

.pc-nav .nav .login {  margin: 0 0 0 25px;  display: flex;  align-items: center;transition: 0.6s;}

.pc-nav .nav .login span {  color: #240f6c;  margin: 0 10px;}

.pc-nav .nav .login a {  color: #240f6c;}



.pc-nav .nav .menu {  display: flex;  align-items: center;}

.pc-nav .nav .menu li {  list-style:none;  display: flex;  flex-direction: column;  justify-content: center;  position: relative;  height: 112px;}

.pc-nav .nav .menu li a {  display: block;  padding: 0 20px;  font-size: 18px; color:#0b398a;opacity:1; }
.pc-nav .nav .menu li a.nv{ white-space: nowrap;}
.pc-nav .nav .menu li .line {  display: none;  position: absolute;  bottom: 13px;  left: 50%;  transform: translate(-50%, 0%);  width: 0px;  height: 0px;  border: 6px solid transparent;  border-top-color: #4a99a4;}

.pc-nav .nav .menu li.cur .line {  display: block;}

.pc-nav .nav .menu li:hover a.nv {  color:#535353;opacity:1; }

.pc-nav .nav .menu li.cur a.nv { color:#535353;opacity:1;  }

.pc-nav .nav .menu li .form{width: 180px;height: 36px; background: #f9f9f9;border-radius: 10px;overflow: hidden;}

.pc-nav .nav .menu li input{width: 150px;float: left; height: 36px;border: none;background: #f9f9f9;outline: none;text-indent: 15px;}

.pc-nav .nav .menu li .icon{float: left;line-height: 36px;}

.pc-nav .nav .menu .menu-son {  display: none;  position: absolute;  top: 112px;  left: calc(50% - 100px);   z-index: 100;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  width:200px;  font-size: 14px;  background: #10488F;  animation: fromBottomFade 0.6s ease both;  -webkit-animation: fromBottomFade 0.6s ease both;}

.pc-nav .nav .menu .menu-son a {  overflow: hidden;    color: #ffffff;  display: block;  font-size: 16px;  padding: 10px 20px;  border-bottom: 1px solid #ebebeb;  line-height: 25px; }

.pc-nav .nav .menu .menu-son a:hover {  background: #ffffff; color: #535353;}

.pc-nav .nav .menu li:hover .line {  display: block;}

.pc-nav .nav .menu li:hover .menu-son {  display: block;}



.pc-nav.active{ background: #ffffff;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);top: -120px;}

.pc-nav.active .nav .menu li a.nv { color: #535353;}

.pc-nav.active .nav .menu li.cur .nv {color:#535353;opacity:1; }

.pc-nav.active .nav .menu li a:hover{color:#535353;opacity:1; }



.pc-nav.active1{ background: #ffffff;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);top: 0px;}

.pc-nav.active1 .nav .menu li a.nv { color: #0b398a;}

.pc-nav.active1 .nav .menu li.cur .nv {color:#535353;opacity:1; }

.pc-nav.active1 .nav .menu li a:hover{color:#535353;opacity:1; }



.nypc-nav{background: #ffffff;}





.headerauto{height: 152px;}





.header-gap{

  height: 180px;

}



.iFixed {

  position: fixed;

  z-index: 999;

}

.iFixed .iFixed-box {

  width: 36px;

  height: 160px;

  background-color: #2e4789;

  color: #fff;

  position: fixed;

  right: 0;

  top: 220px;

}

.iFixed span {

  display: block;

  width: 10px;

  margin: 20px auto;

  font-size: 12px;

  color: #fff;

}

.iFixed span img {

  width: 12px;

  height: 12px;

  display: block;

  margin-bottom: 20px;

}

.iFixed .qrcode {

  display: none;

  width: 150px;

  height: 150px;

  background: #f09;

  top: 0;

  position: absolute;

  right: 40px;

  opacity: 1;

  background-image: url("../images/iqrcode.jpeg");

  background-size: 100% 100%;

  font-size: 12px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

}

.iFixed-box:hover .qrcode {

  display: block;

}



/* 内页导航 */

.sidenav{overflow: hidden;border-bottom: 1px solid #d5d5d5;}

.sidenav .container{ display: flex;justify-content:space-between;flex-wrap: wrap;}

.sidenav .left{line-height: 66px;float: left;display:none;}

.sidenav .left *{font-size: 18px;color: #535353;}

.sidenav .right{float: right;width:100%;}

.sidenav ul {display:flex;flex-wrap:wrap;}

.sidenav ul li{list-style:none; height:80px;display: flex;align-items: center;  overflow: hidden;margin-right:40px;}

.sidenav ul li img{margin-right: 10px;}

.sidenav ul li a {color: #535353;  font-size:18px; display: block; position: relative;}

.sidenav ul li.cur a{color: #0b398a;}

/* .sidenav ul li.cur a::after { content: "";

  position: absolute;

  width: 100%;

  height: 7px;

  background: #1f4cf9;

  border-radius: 3px;

  left: 0;

  bottom: -10px;

} */







/* .main .bgf6fbfe{ background-color: #fff;}

.main .content {  background-color: #fff;}

.main .content .info {  border-radius: 6px;  margin-bottom: 20px;}

.main .content .title {  text-align: center;  font-size: 24px;  color: #535353;  font-weight: bold;  line-height: 140%;  margin-bottom: 10px;}

.main .content .date {  display: flex;  justify-content: center;  text-align: center;  font-size: 16px;  line-height: 140%;}

.main .content .date p {  margin: 0 10px;} */



.orientation {  margin-top: 30px;  line-height: 30px;}



/* 首页banner */

.index-banner {

  

}





/* 内页banner */

.inside-banner {

}

.inside-banner .swiper-slide {

  position: relative;

}

.inside-banner .swiper-slide .banner-title {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }

.inside-banner .swiper-slide .banner-title .cn{ font-size: 34px;   color: #fff;margin-bottom: 10px;}

.inside-banner .swiper-slide .banner-title .en{ font-size: 20px;   color: #fff;font-weight: lighter;}



.tit{text-align: center; margin-bottom:40px;}

.tit .enname{  font-size: 40px; color: #535353;text-align: center; line-height: 1;text-transform: uppercase;}

.tit .cnname{  font-size: 48px;color: #535353;line-height: 1;text-align: center; }
.tit .line{width: 53px;height: 8px;background: #10488F;margin: auto;margin-top: 30px;border-radius: 4px;}
.tit .more a{font-size: 18px;line-height: 42px;display: block;padding: 0px 1ch; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}


.iAbout{width: 100%;background:url(../images/about_bg.jpg)no-repeat center top;display: flex;position: relative;padding: 80px 0px;overflow: hidden;background-size: cover;}
.iAbout .tit{text-align: left;}
.iAbout .tit .enname{color:#ffffff;text-align: left;}
.iAbout .container{display: flex;align-items: center;justify-content: space-between;}
.iAbout .content{line-height: 2; width: 100%; width: 52.5%;flex-direction: left;}
.iAbout .content .introduce{max-width: 1020px;color:#ffffff;font-size: 18px;text-align: justify;margin-bottom: 35px;}
.iAbout .content .para{width: 100%;overflow: hidden;}
.iAbout .content .para ul li{float: left;width: calc(32% - 2px);list-style:none;}
.iAbout .content .para ul li .intro{font-size: 60px;line-height: 1;}
.iAbout .content .para ul li .tt{font-size: 20px;}
.iAbout .content *{color:#ffffff;}
.iAbout .image{width: 45%;float: right;}
.iAbout .image img{width: 100%;}
.iAbout .gomore{ width: 168px;height: 51x;text-align: center;background: #ffffff;border:1px solid #ffffff;border-radius: 5px;transition: 0.6s; line-height: 51px;margin-top: 50px;overflow: hidden;}
.iAbout .gomore a{width: 100%;height: 100%;display: block;color:#535353;font-size: 18px;transition: 0.6s; }
.iAbout .gomore:hover a{background:#10488F;color: #ffffff;}
.iAbout video{width:100%;float: right;}


.iProducts-box{padding: 80px 0px;}
.iProducts-box .iProducts{overflow: hidden;}
.iProducts-box .iProducts .iProducts-con{position: relative;float: right;width: 100%;}
.iProducts-box .iProducts .iProducts-con .detail{display: none;}
.iProducts-box .iProducts .iProducts-con .detail:first-child{display: block;}
.iProducts-box .iProducts .iProducts-con ul{width: 100%;float: right; }
.iProducts-box .iProducts .iProducts-con ul li{width: 23%;margin:20px 1% ;transition: 0.3s;float: left;list-style:none;}
.iProducts-box .iProducts .iProducts-con ul li a{display: block;}
.iProducts-box .iProducts .iProducts-con .image{font-size: 0;line-height: 0;overflow: hidden;}
.iProducts-box .iProducts .iProducts-con .image img{max-width: 100%;margin: auto;display: block;transition: 0.6s;}
.iProducts-box .iProducts .iProducts-con ul li .title{  font-size: 18px; text-align: center;  line-height:30px;height: 30px;margin-top: 10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.iProducts-box .iProducts .iProducts-con ul li .summary{font-size: 16px;text-align: center;line-height: 1.7; }
.iProducts-box .iProducts .iProducts-con ul li:hover a{box-shadow: 0px 0px 5px 5px rgba(179,179,179, 0.2);}
.iProducts-box .iProducts .iProducts-con ul li:hover .image img{transform: scale(1.1,1.1);}






.iCase{width: 100%;overflow: hidden;background: #10488F;}
.iCase .content ul li{list-style:none;float: left;width: 25%;position: relative;height: 280px;display: flex;align-items: center;justify-content: center;}
.iCase .content ul li .image{width: 100%;height: 100px;display: flex;align-items: center;justify-content: center;}
.iCase .content ul li .image img{max-width: 100%;transition: 0.6s;}
.iCase .content ul li .title{line-height: 52px;font-size: 19px;color:#ffffff;}
.iCase .content ul li:nth-child(8n+1){background:#2967ca}
.iCase .content ul li:nth-child(8n+2){background:#2261c7;}
.iCase .content ul li:nth-child(8n+3){background:#2967ca}
.iCase .content ul li:nth-child(8n+4){background:#2261c7;}
.iCase .content ul li:nth-child(8n+5){background:#2261c7;}
.iCase .content ul li:nth-child(8n+6){background:#2967ca}
.iCase .content ul li:nth-child(8n+7){background:#2261c7;}
.iCase .content ul li:nth-child(8n+8){background:#2967ca}
.iCase .content ul li:hover .image img{transform: rotate(360deg);}


.iDetector{width: 100%;overflow: hidden;background: #f8f8f8;padding:80px 0px;}
.iDetector ul li{border-radius: 15px;overflow: hidden;list-style:none;}
.iDetector ul li .image{aspect-ratio: 1;display:flex;align-items:center;background:#ffffff;}
.iDetector ul li .image img{width: 100%;}
.iDetector ul li .title{border-radius: 15px ;text-transform: uppercase; background: #ffffff;margin-top: -15px;line-height: 30px;position: relative;padding:20px;color:#535353;font-size: 18px;}


.iMessage{width: 100%;padding:80px 0px; overflow: hidden;}
.iMessage li{width: 49%;margin-bottom: 25px;overflow: hidden;float: left;list-style:none;}
.iMessage li:nth-child(2n){float: right;}
.iMessage li p{font-size: 18px;line-height: 2;}
.iMessage input{height: 42px;line-height: 42px; border: 2px solid #e2e2e2; width: calc(100%  - 4px);border-radius: 5px;}
.iMessage input.text{text-indent: 10px;font-size: 16px; color:#535353;}
.iMessage li:nth-child(4n+3){width: 100%;}
.iMessage li textarea{border: 2px solid #e2e2e2; width: calc(100%  - 4px);text-indent: 10px;font-size: 16px; border-radius: 5px; height: 120px;line-height: 42px;}
.iMessage li:nth-child(4n+4){float: left;width: 100%;}
.iMessage input.captcha{width: 50%;max-width: 256px;}
.iMessage img{height: 46px;float: left;}
.iMessage .submitbtn{width: 100%;overflow: hidden;}
.iMessage input.submit{width: 263px;height:60px;line-height: 60px; font-size: 21px; color:#ffffff;border:none; margin: auto;display: block;background: #10488F;border-radius: 30px;}

.iPartner{margin: 60px 0px;}
.iPartner .partnerSwiper{border-bottom: 1px solid #d4d4d4;}
.iPartner .image{height: 165px;font-size: 0;line-height: 0;display: flex;align-items: center;}
.iPartner .image img{max-width: 100%;}


.iBg {

  height: 10px;

  background-color: #f6fbfe;

}



.inset {

  padding: 50px 0px;

  width: 100%;

  overflow: hidden;

}

.inset-cate {

  font-size: 30px;

  color: #191919;

  font-weight: bold;

  margin: 0 0 44px;

}



.aboutpage .title{font-size: 41px; color: #535353;text-align: center;}

.About1{padding-top: 70px;}

.About1 .con{padding-top: 50px;font-size: 18px; color:#666666;line-height: 1.5;text-align: center;}



.About2{padding-top: 60px;}

.About2 .titledes{font-size: 16px;color: #535353;max-width: 780px;line-height: 35px;}

.About2 .mySwiper2{ padding: 60px 0px;}

.About2 .mySwiper2 .image{display: flex;align-items: center;justify-content: center;}

.About2 .mySwiper2 img{max-width: 100%;max-height:200px;}

.About3{width: 100%;overflow: hidden;}

.About3 .con{font-size: 0;line-height: 0;padding-top: 50px;}

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



.About4{width:100%;overflow: hidden; padding: 80px 0px;}

.About4 ul{width: 100%;margin-top: 30px;}

.About4 ul li{list-style:none;width:18%;float: left;margin: 0px 1%;height: 128px; background: #f8f8f8;margin-top: 20px;}

.About4 ul li .image{height: 128px;display: flex;align-items: center;justify-content: center;}





.article {  background-color: #fff;}

.article .detail li {   list-style:none; margin: 0 0 13px 0; background: #f8f8f8;border-radius: 15px;}

.article .detail li a {  display: flex;justify-content: space-between; align-items: center;  padding: 18px 42px;  font-size: 16px;  overflow: hidden;}

.article .detail li a .image{flex:0 0 240px;margin-right: 30px; font-size: 0;font-weight: 0;overflow: hidden;display: flex;}

.article .detail li a .image img{width:240px;transition: 0.6s;border-radius: 5px;overflow: hidden;}

.article .detail li a .detail{margin-right: 5%;min-width: calc(90% - 370px);}

.article .detail li a .title {width: 100%; font-size: 20px;color: #535353;line-height: 35px;}

.article .detail li a .des{line-height: 2;color:#999999;font-size: 16px;}

.article .detail li a .date {flex:0 0 100px;text-align: right; font-size: 16px;color: #999999;line-height: 2;}

.article .detail li a:hover .image img{transform: scale(1.1,1.1);}

.article .detail li a:hover .title {  color: #27355c;}

.article .detail li a:hover .des{  color: #666666;}

.articleshow{}

.articleshow .title{font-size: 28px;line-height: 40px;margin-bottom:25px ;color: #535353;}

.articleshow .date{width: 100%;overflow: hidden;font-size: 14px; color:#999;margin-bottom: 30px;padding-bottom: 20px; border-bottom:1px solid #dedede;}

.articleshow .date p{float: left;margin-right: 14px;}



.productshow{}

.content-part-one{width: calc(100% - 120px);overflow: hidden;margin: auto;}

.content-part-one .fl{width: 500px;float: left;font-size: 0;line-height: 0;}

.content-part-one .fl .image{margin-bottom: 20px;}

.content-part-one .fl img{}

.content-part-one .fl .images img{width: calc(25% - 4px);margin-right: 4px;}

.imgdet{

  position: relative;

  height: 500px;

  width: 1004px;

  

}

.imgdet .imglist{

  position: relative;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 84px;

  /* height: 460px; */

  height: 100%;

  overflow: hidden;

}

.imgdet .imglist ul{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  font-size: 0;

}

.imgdet .imglist ul li{

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 80px;

  height: 80px;

  border: 2px solid #fff;

  margin-bottom: 10px;
  list-style:none;

}

.imgdet .imglist ul li:last-of-type{

  margin-bottom: 0;

}

.imgdet .imglist ul .active{

  border: 2px solid #f00;

}

.imgdet .imglist ul li img{

  width: 100%;

  height: 100%;

}

.imgdet .imgpart{

  vertical-align: top;

  position: relative;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 500px;

  height: 500px;

  border: 1px solid #dcdcdc;

}

.imgdet .imgpart .pic{

  position: relative;

  width: 100%;

  height: 100%;

}

.imgdet .imgpart .pic .magnify{

  display: none;

  position: absolute;

  top: 0;

  left: 0;

  width: 250px;

  height: 250px;

  cursor: move;

  background-color: rgba(179,179,179, 0.3);

  opacity: .3;

  filter:alpha(opacity=30);

}

.imgdet .imgpart .pic img{

  width: 100%;

  height: 100%;

}



.imgdet .imgpart .bigpic{

  display: none;

  position: absolute;

  top: -1px;

  right: -504px;

  width: 500px;

  height: 500px;

  z-index: 333;

  border: 1px solid #dcdcdc;

  overflow: hidden;

  background: #fff;

}

.imgdet .imgpart .bigpic>img{

  position: absolute;

  top: 0;

  left: 0;

  width: 920px;

  height: 920px;

}





.content-part-one .fr{width: calc(100% - 580px);float: right;}

.content-part-one .fr .title{color:#27355c;font-size: 35px;line-height:1.5;margin: 20px auto;}

.content-part-one .fr .fr-con{min-height: 400px;}

.content-part-one .fr .summary{font-size: 18px;color: #7e88a4;line-height: 1.8;margin-bottom: 30px;}

.content-part-one .fr .summary *{font-size: 18px;color: #7e88a4;}

.content-part-one .fr .endes{margin-bottom: 40px;font-size: 18px;line-height: 2;}

.content-part-one .fr .con{font-size: 16px;color: #7e88a4;line-height: 1.8;margin-bottom: 30px;}

.content-part-one .fr td{padding: 5px 0px;}

.content-part-one .fr td div{display: flex;align-items: center;justify-content: center;}

.content-part-one .fr .orient .previous{line-height: 42px;padding: 0px 30px;background: #27355c;color: #ffffff;font-size: 17px;width: calc(100% - 60px);margin-bottom: 5px; display: inline-block;border-radius: 5px;}

/* .content-part-one .fr .orient .previous span{color:#98cb5b} */

.content-part-one .fr .orient .previous a{color: #ffffff;font-size: 17px;}

.content-part-one .fr .orient .next{line-height: 42px;padding: 0px 30px;background: #27355c;color: #ffffff;font-size: 17px;width: calc(100% - 60px);display: inline-block;border-radius: 5px;}

/* .content-part-one .fr .orient .next span{color:#98cb5b} */

.content-part-one .fr .orient .next a{color: #ffffff;font-size: 17px;}

.content-part-two{width: 100%;overflow: hidden;}

.part-two-tt{width: calc(100% - 120px);padding:0px 60px; background: #f8f8f8;overflow: hidden;margin-top: 70px;}

.part-two-tt  ul li{list-style:none;line-height: 80px;position: relative;float: left;font-size: 24px;color: #999999;margin-right: 60px;}

.part-two-tt  ul li::after{content:"";width: 100%;height:6px;background: #d9d9d9; position: absolute;left: 0;bottom: 0;}

.part-two-tt  ul li.cur{color:#27355c;}

.part-two-tt  ul li.cur::after{background: #27355c;}

.part-two-con{width: calc(100% - 120px);margin: auto;}

.part-two-con ul li{display: none;list-style:none;}

.part-two-con ul li .infocontent{margin: 60px auto;font-size: 18px;line-height: 2;}

.part-two-con ul li .infocontent td{padding: 0px 10px;}

.part-two-con ul li:first-child{display: block;}

.content-part-three{width: 100%;overflow: hidden;}

.part-three-tt{width: calc(100% - 120px);padding:0px 60px; overflow: hidden;margin-top: 70px;font-size: 30px;color:#27355c;}

.content-part-three .con ul{display: flex;justify-content: space-between;}

.content-part-three .con ul li{float: left;width: 23%;list-style:none;}

.content-part-three .con ul li img{width: 100%;}

.content-part-three .con ul li .title{text-align: center;line-height: 1.5;font-size: 18px;color:#27355c;}





.contact_li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}

.contact_li li{display: flex;justify-content: center;align-items: center;list-style:none;}

.contact_li li .pic{margin-right: 30px;}

.contact_li li .tt{font-size: 22px;line-height: 1;margin-bottom: 12px;}

.contact_li li .con{font-size: 16px;font-weight: lighter;line-height: 1;}

.contact_li li:nth-child(3n+2){width: 32%; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}

#allmap{width: 100%;height: 600px;}

.xhdt {

  background-color: #fff;

  border-radius: 6px;

  padding: 58px 24px;

}

.xhdt .detail li {

  margin: 0 0 13px 0;

  background-color: #f6fbfe;
  list-style:none;
}

.xhdt .detail li a {

  display: flex;

  align-items: center;

  padding: 30px 77px 24px 35px;

  font-size: 16px;

  overflow: hidden;

}

.xhdt .detail li a .img-full {

  flex: 0 0 220px;

  height: 145px;

  margin: 0 40px 0 0;

  overflow: hidden;

}

.xhdt .detail li a .title-box {

  flex: 1 1 auto;

  margin: 0 40px 0 0;

}

.xhdt .detail li a .title-box .title {

  font-size: 18px;

  line-height: 25px;

  margin: 0 0 15px 0;

}

.xhdt .detail li a .title-box .des {

  font-size: 14px;

  line-height: 1.5;

  margin: 0 0 10px 0;

  color: #999;

}

.xhdt .detail li a .title-box .date {

  margin: 0 0 4px 0;

}

.xhdt .detail li a .title-box span {

  display: inline-flex;

  width: 32px;

  height: 6px;

  border-radius: 3px;

  background-color: #240f6c;

}

.xhdt .detail li a:hover img {

  transform: scale(1.1, 1.1);

}

.xhdt .detail li a:hover {

  color: #240f6c;

}

.xhdt .detail li a:hover .des {

  color: #240f6c;

}



.pagecol { background-color: #fff;  border-radius: 6px;  display: flex;}

.pagecol .menu {  flex: 0 0 190px;  margin: 0 55px 0 0;  background-color: #240f6c;  padding: 26px 17px;  box-sizing: border-box;  border-radius: 20px;}

.pagecol .menu p {  font-size: 30px;  padding: 0 0 20px 0;  border-bottom: 1px solid #42a4b2;  text-align: center;  color: #fff;}

.pagecol .menu ul {  margin: 40px 0 0;}

.pagecol .menu ul li {  list-style:none;  margin: 0 0 35px 0;  text-align: center;}

.pagecol .menu ul li a {  text-align: center;  color: #fff;  font-size: 18px;}

.pagecol .detail {  flex: 1;}

.pagecol .detail .detail_cate {  font-size: 30px;  padding: 0 0 23px 0;  color: #1a1a1a;  font-weight: bold;  border-bottom: 1px solid #dadada;}

.pagecol .detail1{max-width: 50%;float: left;flex: 1;}

.pagecol .tit {

  /* padding: 40px 0; */

  margin-bottom: 50px;



}

/*solutions*/


.solutions .details { }
.solutions .details li {  list-style:none; width:100%; margin-bottom: 40px;}
.solutions .details li a{display:flex;align-items:center;justify-content:space-between;}
.solutions .details li .image{width:40%; overflow: hidden; display: flex;align-items: center;justify-content: center;}
.solutions .details li .image img{max-width: 100%;max-height: 100%;transition: 0.6s;}
.solutions .details li .detail{width:57%}
.solutions .details li .title { font-size: 18px;line-height: 32px; color: #535353;  margin: 20px 0 0;position: relative;padding-bottom:20px;}
.solutions .details li .entitle{font-size:24px;line-height:2; color: #535353; padding-bottom:20px;margin-bottom:20px;position:relative;}
.solutions .details li .entitle::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:4px;background:#10488F;border-radius:2px;}
.solutions .details li .des {font-size:16px;line-height: 32px; color: #999999;}
.solutions .details li img:hover{transform: scale(1.1,1.1);}
.solutions .details li:nth-child(2n) a{flex-direction:row-reverse;}


.solutions_cate{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin-bottom:40px;overflow:hidden;}
.solutions_cate .image{width:40%; overflow: hidden; display: flex;align-items: center;justify-content: center;}
.solutions_cate .image img{max-width: 100%;max-height: 100%;transition: 0.6s;}
.solutions_cate .detail{width:57%}
.solutions_cate .detail .entitle{font-size:24px;line-height:2; color: #535353; padding-bottom:20px;margin-bottom:20px;position:relative;}
.solutions_cate .detail .entitle::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:4px;background:#10488F;border-radius:2px;}
.solutions_cate .detail .des {font-size:16px;line-height: 32px; color: #999999;}


.solutions_list .details li {  list-style:none; width:calc(100% - 4px);border-radius:10px;overflow:hidden; margin-bottom: 40px;background:#f8f8f8;display:flex;justify-content:space-between;}
.solutions_list .details li .image{width:30%;background:#ffffff; overflow: hidden; display: flex;align-items: center;justify-content: center;border:2px solid #e8e8e8;}
.solutions_list .details li .image img{max-width: 100%;max-height: 100%;transition: 0.6s;}
.solutions_list .details li .detail{width:calc(70% - 60px);padding:30px;}
.solutions_list .details li .detail .entitle{font-size:24px;line-height:2; color: #535353; padding-bottom:20px;margin-bottom:20px;position:relative;border-bottom:1px solid #535353;}
.solutions_list .details li .detail .entitle::after{content:"";position:absolute;left:0;bottom:-1px;width:60px;height:2px;background:#10488F;transition:0.6s;}
.solutions_list .details li .detail .des {font-size:16px;line-height: 30px; color: #999999;min-height:60px;}
.solutions_list .details li a{width:120px;height:45px;display:block;color:#10488F;border:2px solid #10488F; line-height:45px;text-align:center;border-radius:5px;font-size:16px;transition:0.6s;}
.solutions_list .details li:hover img{transform: scale(1.1,1.1);}
.solutions_list .details li:hover .detail .entitle{color:#10488F}
.solutions_list .details li:hover .detail .entitle::after{width:100px;}
.solutions_list .details li:hover a{background:#10488F;color:#ffffff;}
/* .picture .detail li p::after{position: absolute;content:"";width: 30px;height: 8px;border-radius: 4px; background: #535353;left: calc(50% - 15px);bottom: 0;} */

.picture .detail li:hover img {  transform: scale(1.1, 1.1);}

.picture .detail li:hover p{color:#0b398a;}

.picture .detail li:hover p::after{background: #0b398a;}

/* 内页搜索 */

.picture .detail {  display: flex;  flex-wrap: wrap;}

.picture .detail li {  list-style:none;  flex: 0 1 calc(97% / 4);  border-radius: 3px;  overflow: hidden;  margin-right: 1%;  margin-bottom: 40px;}

.picture .detail li:nth-child(4n) {  margin-right: 0;}

.picture .detail li .image{ overflow: hidden; display: flex;align-items: center;justify-content: center;}

.picture .detail li .image img{max-width: 100%;max-height: 100%;}

/*.picture .detail li .imagea{ height: 300px;border:1px solid #dcdcdc;}*/

.picture .detail li img{transition: 0.6s;}

.picture .detail li img:hover{transform: scale(1.1,1.1);}

.picture .detail li .title {  text-align: center;font-size: 18px;line-height: 32px; color: #535353;  margin: 20px 0 0;position: relative;padding-bottom:20px;}

.picture .detail li .entitle {  text-align: center;font-size: 20px;line-height: 32px; color: #535353;  margin: 20px 0 0;position: relative;padding-bottom:20px;}



/* .picture .detail li p::after{position: absolute;content:"";width: 30px;height: 8px;border-radius: 4px; background: #535353;left: calc(50% - 15px);bottom: 0;} */

.picture .detail li:hover img {  transform: scale(1.1, 1.1);}

.picture .detail li:hover p{color:#0b398a;}

.picture .detail li:hover p::after{background: #0b398a;}





/* 底部 */

.footer {background-color: #f0f3f6;}
.footer li{list-style:none;}
.footer-top{display: flex;justify-content:space-between;align-items: center;padding: 80px 0px 60px;}
.footer-top .footer-top-title{font-size: 16px; color:#10488F;text-transform: uppercase;margin-bottom: 25px;}
.footer-nav ul{margin-bottom: ;}
.footer-nav ul li{}
.footer-nav ul li a{color: #535353;font-size: 16px;line-height: 30px;}
.footer-contact{line-height: 30px;}
.footer-contact .content{height:180px;line-height: 30px;font-size: 16px;color: #535353;}
.footer-link ul{display: flex;justify-content: space-between;margin-bottom: 30px;}
.footer-link ul li{margin: 0px 4px;}


.footer-bottom{padding: 25px 0;line-height: 30px;background:#10488F;text-align: center;}
.footer-bottom *{color: #ffffff;font-size: 15px;}

.mypage {

  text-align: center;

  width: 100%;

  margin-top: 20px;

  margin-bottom: 20px;

  overflow: hidden;

}

.mypage .pagination {

  display: flex;

  justify-content: center;

}

.mypage li {

  display: inline-block;

  color: #535353;

  background: #eff1f4;

  border-radius: 5px;

  height: 37px;

  line-height: 37px;

  text-align: center;

  padding: 0px 15px;

  margin:0px 3px;
  list-style:none;

}

.mypage li.active {

  background: #240f6c;

  color: #ffffff;

}

.mypage .rows {

  border: none;

}