* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
fieldset,
img {
  border: none;
}
h3 {
  font-size: 100%;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
select,
input,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  outline: none;
  vertical-align: middle;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
}
body {
  font-size: 16px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
a {
  color: #303030;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 16px;
  transition: 0.5s all;
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
}
.indexBox {
  background: #e8f5fc url(../images/fm_banner.jpg) top center no-repeat;
}
.indexBox .banner {
  height: 900px;
}
.codeBox {
  margin-top: 108px;
  height: 184px;
  position: relative;
}
.codeBox p {
  width: 100%;
  height: 100%;
  background: url(../images/code_bg.png) center center no-repeat;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 184px;
  padding-left: 55px;
}
.codeBox .code {
  width: 228px;
  height: 228px;
  background: #fff;
  border: 3px solid #2a64f6;
  position: absolute;
  right: 74px;
  bottom: 20px;
  padding: 8px;
}
.codeBox .code img {
  width: 100%;
  height: 100%;
}
.navBox .item {
  display: block;
  width: 590px;
  height: 210px;
  transition: all 0.5s;
  float: left;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 5px solid transparent;
}
.navBox .item:last-child {
  float: right;
}
.navBox .item:hover {
  border: 5px solid #367ceb;
}
.navBox .item:hover .xqzsk {
  right: 0;
}
.navBox .item.on {
  border: 5px solid #367ceb;
}
.navBox .item .pic {
  width: 100%;
  height: 100%;
}
.navBox .item .xqzsk {
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 0.5s;
  padding: 10px 20px;
  border-radius: 20px;
}
.navBox .item .xqzsk h3 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
}
.navBox .item .xqzsk h3::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #367ceb;
  vertical-align: middle;
  margin-right: 12px;
}
.navBox .item .xqzsk .con {
  font-size: 16px;
  color: #6e6e6e;
  margin-top: 12px;
  text-align: justify;
  height: 86px;
  overflow-y: auto;
  padding-right: 10px;
}
.navBox .item .xqzsk .con p{
  text-indent: 2em;
}
.navBox .item .xqzsk .djck {
  margin: 12px auto 0;
  width: 156px;
  height: 37px;
  border-radius: 19px;
  background: #367ceb;
  overflow: hidden;
  text-align: center;
}
.navBox .item .xqzsk .djck a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 37px;
}
/* 激活状态发光动画 */
@keyframes activeGlow {
  0% {
    box-shadow: 12px 9px 18px 0px rgba(36, 23, 20, 0.29), inset -7px 0px 44px 0px rgba(255, 255, 255, 0.25), inset 0px 0px 43px 0px rgba(255, 255, 255, 0.63), inset 0px 0px 10px rgba(0, 90, 246, 0.2), inset 4px 4px 12px rgba(0, 0, 0, 0.2), inset -4px -4px 12px rgba(255, 255, 255, 0.1);
  }
  50% {
    box-shadow: 12px 9px 18px 0px rgba(36, 23, 20, 0.29), inset -7px 0px 44px 0px rgba(255, 255, 255, 0.25), inset 0px 0px 43px 0px rgba(255, 255, 255, 0.63), inset 0px 0px 30px rgba(0, 90, 246, 0.6), inset 4px 4px 12px rgba(0, 0, 0, 0.2), inset -4px -4px 12px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 12px 9px 18px 0px rgba(36, 23, 20, 0.29), inset -7px 0px 44px 0px rgba(255, 255, 255, 0.25), inset 0px 0px 43px 0px rgba(255, 255, 255, 0.63), inset 0px 0px 20px rgba(0, 90, 246, 0.4), inset 4px 4px 12px rgba(0, 0, 0, 0.2), inset -4px -4px 12px rgba(255, 255, 255, 0.1);
  }
}
.pageBox {
  background: #e6f4fc url(../images/banner.jpg) top center no-repeat;
  padding-bottom: 75px;
}
.pageBox .banner {
  height: 685px;
}
.pageBox .navBox .item {
  cursor: pointer;
}
.pageBox .page-swiper {
  margin-top: 76px;
}
.pageBox .page-swiper .topBox {
  height: 288px;
  box-shadow: 0px 9px 14px 1px rgba(0, 82, 223, 0.38);
  border-radius: 37px;
  padding: 50px 0 0 263px;
  position: relative;
  background: linear-gradient(120deg, #8dc5ff 0%, #4ea8ff 100%);
}
.pageBox .page-swiper .topBox .icon {
  width: 158px;
  height: 196px;
  position: absolute;
  background: url(../images/topbox_icon.png) center center no-repeat;
  left: 74px;
  top: 0;
  z-index: 3;
}
.pageBox .page-swiper .topBox h3 {
  font-size: 34px;
  color: #005af6;
  font-weight: bold;
}
.pageBox .page-swiper .topBox .text {
  width: 1190px;
  height: 366px;
  background: url(../images/topbox_con.png) center center no-repeat;
  font-size: 22px;
  color: #292929;
  padding: 172px 53px 0 79px;
  top: 69px;
  left: 22px;
  position: absolute;
  line-height: 1.6;
}
.pageBox .page-swiper .xljc {
  margin-top: 184px;
  background: #fff;
  padding: 70px 0 52px;
}
.pageBox .page-swiper .xljc .title {
  height: 36px;
  background: url(../images/title_gxbcyjs1.png) center center no-repeat;
}
.pageBox .page-swiper .xljc .content {
  margin-top: 44px;
  background: url(../images/xljc_bom.png) bottom center no-repeat;
  position: relative;
  height: 649px;
}
.pageBox .page-swiper .xljc .content .phone {
  position: absolute;
  top: 0;
  left: -108px;
  z-index: 2;
}
.pageBox .page-swiper .xljc .content .listBox {
  width: 860px;
  height: 439px;
  background: linear-gradient(0deg, #dbf5fd 0%, #eff9fe 100%), linear-gradient(#ffffff, #ffffff);
  box-shadow: 0px 0px 13px 0px rgba(10, 38, 117, 0.29), inset 0px 0px 15px 5px #ffffff;
  position: absolute;
  border: 1px solid #367ceb;
  right: 115px;
  top: 70px;
  padding: 40px 12px 18px 216px;
  border-radius: 5px;
}
.pageBox .page-swiper .xljc .content .listBox ul {
  overflow-y: scroll;
  padding-right: 30px;
  height: 100%;
}
.pageBox .page-swiper .xljc .content .listBox ul::-webkit-scrollbar {
  width: 8px;
}
.pageBox .page-swiper .xljc .content .listBox ul::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.pageBox .page-swiper .xljc .content .listBox ul::-webkit-scrollbar-thumb {
  background: rgba(10, 38, 117, 0.3);
  border-radius: 4px;
}
.pageBox .page-swiper .xljc .content .listBox ul::-webkit-scrollbar-thumb:hover {
  background: rgba(10, 38, 117, 0.5);
}
.pageBox .page-swiper .xljc .content .listBox ul li {
  position: relative;
  z-index: 9;
  padding: 35px 8px;
  border-bottom: 1px solid #beb6b6;
}
.pageBox .page-swiper .xljc .content .listBox ul li a {
  display: table;
  width: 100%;
}
.pageBox .page-swiper .xljc .content .listBox ul li a::before {
  content: '';
  display: table-cell;
  width: 49px;
  height: 49px;
  background: url(../images/xljc_icon.png) center center no-repeat;
}
.pageBox .page-swiper .xljc .content .listBox ul li a span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #292929;
  line-height: 30px;
}
.pageBox .page-swiper .xljc .content .listBox ul li a:hover span {
  color: #005af6;
}
.pageBox .page-swiper .alfx {
  margin-top: 55px;
}
.pageBox .page-swiper .alfx .title {
  height: 36px;
  background: url(../images/title_gxbcyjs2.png) center center no-repeat;
}
.pageBox .page-swiper .alfx .alfx-swiper {
  margin-top: 56px;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide {
  padding: 44px 18px 0 18px;
  width: 381px;
  height: 540px;
  border-radius: 20px;
  background: #fff;
  margin-right: 28px;
  float: left;
  overflow: hidden;
  position: relative;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .num {
  width: 238px;
  height: 79px;
  background: url(../images/alfx_title.png) center center no-repeat;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 120px;
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -119px;
  font-weight: bold;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .pic {
  height: 207px;
  border-radius: 14px;
  overflow: hidden;
  background: #ccc;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .tit {
  margin-top: 15px;
  line-height: 30px;
  text-align: justify;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .tit a {
  font-size: 18px;
  color: #242424;
  font-weight: bold;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .tit a:hover {
  color: #005af6;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .text {
  margin-top: 10px;
  color: #6e6e6e;
  line-height: 30px;
  text-align: justify;
}
.pageBox .page-swiper .alfx .alfx-swiper .swiper-slide .text a {
  color: #005af6;
}
.pageBox .page-swiper .alfx .btnBox {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.pageBox .page-swiper .alfx .btnBox .prev {
  width: 88px;
  height: 36px;
  background: url(../images/alfx_prev.png) center center no-repeat;
  margin-right: 28px;
  opacity: .2;
  cursor: pointer;
}
.pageBox .page-swiper .alfx .btnBox .prev:hover {
  opacity: 1;
}
.pageBox .page-swiper .alfx .btnBox .next {
  width: 88px;
  height: 36px;
  background: url(../images/alfx_next.png) center center no-repeat;
  opacity: .2;
  cursor: pointer;
}
.pageBox .page-swiper .alfx .btnBox .next:hover {
  opacity: 1;
}
.pageBox .page-swiper .jctcfw {
  margin-top: 184px;
}
.pageBox .page-swiper .jctcfw .title {
  height: 36px;
  background: url(../images/title_yyyz1.png) center center no-repeat;
}
.pageBox .page-swiper .jctcfw .topleft {
  margin-top: 63px;
}
.pageBox .page-swiper .jctcfw .swiper-container {
  margin-bottom: 22px;
  padding: 11px 0;
}
.pageBox .page-swiper .jctcfw .swiper-container .swiper-slide {
  width: 214px;
  height: 90px;
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.pageBox .page-swiper .jctcfw .ljbl {
  text-align: center;
}
.pageBox .page-swiper .ggxms {
  margin-top: 74px;
}
.pageBox .page-swiper .ggxms .title {
  width: 1200px;
  margin: 0 auto;
  height: 77px;
  background: url(../images/title_yyyz2.png) center center no-repeat;
  position: relative;
}
.pageBox .page-swiper .ggxms .title a {
  position: absolute;
  font-size: 16px;
  color: #3260ee;
  right: 0;
  top: -10px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper {
  margin-top: 52px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul {
  width: 1200px;
  margin: 0 auto;
  padding: 15px 0 0;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li {
  width: 584px;
  height: 152px;
  float: left;
  border-radius: 14px 14px 63px 14px;
  box-shadow: 0px 0px 13px 0px rgba(10, 38, 117, 0.29), inset 0px 0px 10px 5px #ffffff;
  background: linear-gradient(0deg, #dbf5fd 0%, #eff9fe 100%), linear-gradient(#ffffff, #ffffff);
  margin-bottom: 41px;
  overflow: hidden;
  position: relative;
  padding: 39px 31px 0 68px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li .icon {
  width: 98px;
  height: 98px;
  position: absolute;
  background: linear-gradient(90deg, #015ff5 0%, #8fbaff 100%), linear-gradient(#ffffff, #ffffff);
  top: -41px;
  left: -37px;
  border-radius: 50%;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li .icon img {
  position: absolute;
  right: 21px;
  bottom: 16px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li .tit {
  font-size: 18px;
  color: #242424;
  line-height: 30px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li .more {
  font-size: 16px;
  color: #3363ef;
  display: block;
  margin-top: 22px;
  position: relative;
  padding-left: 8px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li .more::after {
  content: '';
  position: absolute;
  width: 89px;
  height: 15px;
  background: rgba(90, 149, 252, 0.1);
  left: 0;
  top: 10px;
}
.pageBox .page-swiper .ggxms .ggxms-swiper ul li:nth-child(2n) {
  float: right;
}
.pageBox .page-swiper .ggxms .btnBox {
  display: flex;
  justify-content: center;
}
.pageBox .page-swiper .ggxms .btnBox .prev {
  width: 88px;
  height: 36px;
  background: url(../images/alfx_prev.png) center center no-repeat;
  opacity: .2;
  margin-right: 31px;
  cursor: pointer;
  transition: all .5s;
}
.pageBox .page-swiper .ggxms .btnBox .prev:hover {
  opacity: 1;
}
.pageBox .page-swiper .ggxms .btnBox .next {
  width: 88px;
  height: 36px;
  background: url(../images/alfx_next.png) center center no-repeat;
  opacity: .2;
  cursor: pointer;
  transition: all .5s;
}
.pageBox .page-swiper .ggxms .btnBox .next:hover {
  opacity: 1;
}
.pageBox .page-swiper .kzyycj {
  margin-top: 74px;
}
.pageBox .page-swiper .kzyycj .title {
  height: 36px;
  background: url(../images/title_yyyz3.png) center center no-repeat;
  background-size: 100% auto;
}
.pageBox .page-swiper .kzyycj .content {
  margin-top: 57px;
  position: relative;
  padding-top: 85px;
}
.pageBox .page-swiper .kzyycj .content .left {
  height: 380px;
  overflow: hidden;
  padding: 15px;
}
.pageBox .page-swiper .kzyycj .content .left li {
  width: 376px;
  height: 69px;
  background: #eaeaea;
  display: flex;
  align-items: center;
  padding: 0 69px 0 16px;
  margin-bottom: 10px;
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  display: none;
  position: relative;
}
.pageBox .page-swiper .kzyycj .content .left li.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  display: flex;
}
.pageBox .page-swiper .kzyycj .content .left li a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  color: #18172c;
}
.pageBox .page-swiper .kzyycj .content .left li.on {
  box-shadow: 6px 4px 10px 0px rgba(36, 23, 20, 0.15), inset -3px 0px 20px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 20px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 12px rgba(0, 90, 246, 0.2), inset 2px 2px 8px rgba(0, 0, 0, 0.1), inset -2px -2px 8px rgba(255, 255, 255, 0.05);
  background: linear-gradient(135deg, #3162ee 0%, #4a7cff 100%);
  border-radius: 0 50px 50px 0;
  border: solid 4px #ffffff;
  height: 109px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  transform: translateX(0) scale(1.05);
  animation: activeGlow 0.6s ease-out;
  z-index: 3;
}
.pageBox .page-swiper .kzyycj .content .left li.on a {
  font-size: 20px;
  color: #fff;
}
.pageBox .page-swiper .kzyycj .content .btnBox {
  margin-top: 49px;
  display: flex;
  justify-content: flex-end;
}
.pageBox .page-swiper .kzyycj .content .btnBox .prev {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #b0b9be;
  margin-right: 18px;
  cursor: pointer;
  background: url(../images/prev.png) center center no-repeat;
  transition: all .5s;
}
.pageBox .page-swiper .kzyycj .content .btnBox .prev:hover {
  border-color: #424ff1;
  background-image: url(../images/on_prev.png);
}
.pageBox .page-swiper .kzyycj .content .btnBox .next {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #b0b9be;
  cursor: pointer;
  background: url(../images/next.png) center center no-repeat;
  transition: all .5s;
}
.pageBox .page-swiper .kzyycj .content .btnBox .next:hover {
  border-color: #424ff1;
  background-image: url(../images/on_next.png);
}
.pageBox .page-swiper .kzyycj .content .kzyycj-swiper {
  position: absolute;
  right: 0;
  top: 0;
  width: 869px;
  height: 484px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15), inset 0px 0px 12px rgba(0, 0, 0, 0.1);
  border-radius: 64px;
}
.pageBox .page-swiper .kzyycj .content .kzyycj-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #ccc;
}
.pageBox .page-swiper .kzyycj .content .kzyycj-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}
.pageBox .page-swiper .kzyycj .content .kzyycj-swiper .swiper-slide img:hover {
  transform: scale(1.05);
}