body {

  font: 14px pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;

  background: #fff;

}



.phone {

  display: none;

}



.container {

  max-width: 1500px;

  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: sourceHan;

  src: url(../fonts/SourceHan/SourceHanSansCN-Medium.otf);

}

@font-face {

  font-family: sourceHan-bold;

  src: url(../fonts/SourceHan/SourceHanSansCN-Bold.otf);

}

@font-face {

  font-family: anton;

  src: url(../fonts/ANTON-REGULAR-2.ttf);

}



.sourceHan{

  font-family: sourceHan;

}

.sourceHan-bold{

  font-family: sourceHan-bold;

}

.anton{

  font-family: anton;

}

/* 导航 */

.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%); */}



.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 {  display: flex;  flex-direction: column;  justify-content: center;  position: relative;  height: 100px;}

.pc-nav .nav .menu li a {  display: block;  padding: 0 20px;  font-size: 18px; color:#0b398a;opacity: 0.8;  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 {  color:#000000;opacity:1; }

.pc-nav .nav .menu li.cur a { color:#000000;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: 100px;  left: calc(50% - 80px);   z-index: 100;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  width: 160px;  font-size: 14px;  background: #fff;  animation: fromBottomFade 0.6s ease both;  -webkit-animation: fromBottomFade 0.6s ease both;}

.pc-nav .nav .menu .menu-son a {  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #222;  display: block;  font-size: 14px;  padding: 10px 20px;  border-bottom: 1px solid #ebebeb;  line-height: 23px;  text-align: center;}

.pc-nav .nav .menu .menu-son a:hover { font-weight: bold;  background: #f5f5f5;}

.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: -100px;}

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

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

.pc-nav.active .nav .menu li a:hover{color:#000000;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 { color: #0b398a;}

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

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



.nypc-nav{background: #ffffff;}





.headerauto{height: 100px;}





.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{border: 1px solid #d5d5d5;overflow: hidden;}

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

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

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

.sidenav .right{float: right;max-width: calc(100% - 350px);}

.sidenav ul { display: flex;justify-content: center;flex-wrap: wrap;float: right;}

.sidenav ul li{  margin:0px 30px;height:66px;display: flex;align-items: center;  overflow: hidden;}

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

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

.sidenav ul li.cur a{color: #0b398a;font-weight: bold;}

/* .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: #000;  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{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}

.tit .enname{  font-size: 19px; color: #999999;line-height: 1;margin-top: 15px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}

.tit .cnname{  font-size: 48px;color: #333333;line-height: 1;}

.tit .more a{font-size: 18px;line-height: 42px;display: block;padding: 0px 1ch; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

.tit .endescrip{  font-size:20px;color: #333333;line-height: 1.5;margin-top: 23px;}



.iProducts-box{padding: 50px 0px;}

.iProducts-box .iProducts{background:url(../images/product_bg.jpg)no-repeat center left;overflow: hidden;background-size:24% 100%;}

.iProducts-box .iProducts .tit{width: 35%;float: left;}

.iProducts-box .iProducts .tit .enname{padding-top: 60px;}

.iProducts-box .iProducts .iProducts-tab{width: 16.66%;float: left;padding:45px 0px;position: relative;}

.iProducts-box .iProducts .iProducts-tab::after{content:""; position: absolute;top:0px;left: 0px;width: 145px;height: 6px;background: #09308f;}

.iProducts-box .iProducts .iProducts-tab ul li{line-height: 65px;border-bottom:1px solid #dcdcdc;position: relative;padding-left:45px;}

.iProducts-box .iProducts .iProducts-tab ul li::before{content:"";position: absolute;left: 0px;bottom:-1px;width: 27px;height: 1px;background: #09308f;}

.iProducts-box .iProducts .iProducts-tab ul li::after{content:"";position: absolute;left: 10px;top:27px;width: 10px;height: 10px;border-radius: 5px;background: #cecece;}

.iProducts-box .iProducts .iProducts-tab ul li.cur::before{width: 100%;}

.iProducts-box .iProducts .iProducts-tab ul li.cur::after{background: #09308f;}

.iProducts-box .iProducts .iProducts-tab ul li a{color:#000000;font-size: 18px;}







.iProducts-box .iProducts .iProducts-con{position: relative;float: right;width: 78%;}

.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;}

.iProducts-box .iProducts .iProducts-con ul li a{display: block;}

.iProducts-box .iProducts .iProducts-con .image{font-size: 0;line-height: 0;border: 1px solid #dcdcdc;}

.iProducts-box .iProducts .iProducts-con .image img{max-width: 100%;margin: auto;display: block;}

.iProducts-box .iProducts .iProducts-con ul li .title{  font-size: 18px; text-align: center;  line-height:40px;height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding: 25px 0px;position: relative;}

.iProducts-box .iProducts .iProducts-con ul li .title::after{content: ""; position: absolute;left: calc(50% - 17px);bottom: 0;border-radius: 4px; height: 7px;width: 34px;background: #e2e2e2;}

.iProducts-box .iProducts .iProducts-con ul li:hover a{box-shadow: 0px 0px 10px 5px rgba(179,179,179, 0.2);}

.iProducts-box .iProducts .iProducts-con ul li .pic img:hover{transform: scale(1.1,1.1);}

.iProducts-box .iProducts .iProducts-con ul li:hover .title::after{background-color: #09308f;}



.iAbout{width: 100%;background:url(../images/about_bg.jpg)no-repeat center top;display: flex;position: relative;padding: 60px 0px 0px;overflow: hidden;}

.iAbout .tit .enname{color:#ffffff;}

.iAbout .tit .cnname{color:#ffffff;}

.iAbout .tit .more a{color:#ffffff;}

.iAbout .content{display: flex;justify-content: space-between; align-items: center;  line-height: 2; width: 100%;margin-bottom: 50px;}

.iAbout .content .introduce{float: left;width: 66.45%;max-width: 1020px;color:#ffffff;font-size: 16px;}

.iAbout .content .para{width: 30%;float: right;text-align: center;}

.iAbout .content .para ul li{float: left;width: calc(50% - 2px);}

.iAbout .content .para ul li .intro span{font-size: 45px;line-height: 1;}

.iAbout .content .para ul li .intro a{font-size: 18px;}

.iAbout .content .para ul li:nth-child(2n){border-left: 1px solid #ffffff;}

.iAbout .content .para ul li:nth-child(4n+1){border-bottom: 1px solid #ffffff;padding-bottom: 17px;}

.iAbout .content .para ul li:nth-child(4n+2){border-bottom: 1px solid #ffffff;padding-bottom: 17px;}

.iAbout .content .para ul li:nth-child(4n+3){padding-top: 17px;}

.iAbout .content .para ul li:nth-child(4n+4){padding-top: 17px;}

.iAbout .content .para ul li .tt{font-size: 16px;}

.iAbout .content *{color:#ffffff;}

.iAbout .image{width: 100%;}

.iAbout .image img{width: 100%;}

.iAbout .gomore{ width: 400px;height: 57px;text-align: center;line-height: 57px;border: 1px solid #666666;margin-top: 50px;font-size: 18px; border-radius: 5px;overflow: hidden;}

.iAbout .gomore a{width: 100%;height: 100%;display: block;}

.iAbout .gomore:hover a{background: #27355c;color: #ffffff;}



.iCase{width: 100%;overflow: hidden;padding: 60px 0px;}

.iCase .content ul li{float: left;width: calc(100% / 6);position: relative;}

.iCase .content ul li .image{width: 100%;}

.iCase .content ul li .image img{width: 100%;}

.iCase .content ul li .title{position: absolute; text-align: center;border-radius:26px ; width: 80%;height: 52px;line-height: 52px; bottom: 10%;left: 10%;font-size: 19px;color:#ffffff;background: rgba(9,48,143,0.9);}





.iContact{background: #002363;padding:80px 0px;}

.iContact .tit .cnname{color:#fff}

.iContact .tit .enname{color:#4d6fad;font-size: 16px;}

.iContact .content{ display: flex;  justify-content: space-between;align-items: center;}

.iContact .content .contact .con{float: left;display: flex;display: flex;  justify-content: space-between;align-items: center;}

.iContact .content .contact .con .pic{margin-right: 22px;}

.iContact .content .contact .con .conn{width: 180px;color: #acb7cc;font-size: 16px;margin-right: 170px;}

.iContact .content .contact .con .conn .p1{margin-bottom: 6px;}

.iContact .content .contact .con:nth-child(3n) .conn{margin-right: 0px;}



.iContact .qrcode{text-align: center;display: flex;  justify-content: space-between;align-items: center;}
.iContact .qrcode .first{margin-right: 5px;}
.iContact .qrcode img{max-height: 130px;}

.iContact .qrcode .tt{font-size: 16px; color: #acb7cc;margin-bottom: 10px;}







.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%;}

.iMessage{width: 40%;margin: auto;}

/* .iMessage .content{margin-top: 55px;} */

.iMessage input{height: 55px;border: 1px solid #e2e2e2;margin-bottom: 20px;width: 48% ; float: left;}

.iMessage input:nth-child(2n){float: right;}

.iMessage input.text{text-indent: 30px;font-size: 16px; color:#333333;}

.iMessage input:nth-child(6n+5){width: 100%;}

.iMessage input.submit{width: 100%;font-size: 16px; color:#333333;}





.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: #000000;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: #000000;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{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 {  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 270px;margin-right: 30px; font-size: 0;font-weight: 0;overflow: hidden;display: flex;}

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

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

.article .detail li a .title {width: 100%; font-size: 20px;color: #000000;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: #000;}

.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(32% - 2px);margin-right: 2%;border: 1px solid #dcdcdc;}

.content-part-one .fl .images img{max-width: 100%;}

.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;

}

.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 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{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;}

.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%;}

.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;}

.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;

}

.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 {  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;



}



/* 内页搜索 */

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

.picture .detail li {  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; height: 300px;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: #000;  margin: 20px 0 0;position: relative;padding-bottom:20px;}

.picture .detail li .entitle {  text-align: center;font-size: 20px;line-height: 32px; color: #000;  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: #000000;left: calc(50% - 15px);bottom: 0;} */

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

.picture .detail li:hover p{color:#0b398a;font-weight: bold;}

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





/* 底部 */

.footer {background-color: #e8f7ff;}

.footer-nav ul{display: flex;justify-content:center;border-bottom: 1px solid #c7d9e3;}

.footer-nav ul li{margin: 0px 30px;line-height: 190px;}

.footer-nav ul li a{color: #000000;font-size: 18px;}

.footer-bottom {padding: 35px 0;line-height: 30px;}

.footer-bottom .copyright {  display: flex;  justify-content: space-between;  color: #8893b1;}

.footer-bottom .copyright *{color: #8893b1;}

.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: #333333;

  background: #eff1f4;

  border-radius: 5px;

  height: 37px;

  line-height: 37px;

  text-align: center;

  padding: 0px 15px;

  margin:0px 3px;

}

.mypage li.active {

  background: #240f6c;

  color: #ffffff;

}

.mypage .rows {

  border: none;

}