/* 首页公共
 ================================================== */

* {
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, 'Roboto', 'Microsoft Yahei';
}

a {
  text-decoration: nonetext-decoration-none;
}

.container-xxl {
  width: 1280px;
}

.global-search-input::after {
  content      : "";
  border-bottom: 1px solid #ccc;
  width        : 100%;
}

.search-box {
  /* display: none !important; */
}

/* 全局导航navbar下的a */
.navbar-light .navbar-nav .nav-link {
  color: #333333;
}

.mobile a:visited {
  color: #999999 !important;
}


.mobile .navbar-light .navbar-nav .nav-link {
  color: #999999 !important;
}


/* 去掉video中默认控件*/
video::-webkit-media-controls {
  display: none !important;
}

.mobile a:visited {
  color: #666666 !important;
}

.mobile .navbar-light .navbar-nav .nav-link {
  color: #999999 !important;
}

@media (max-width: 576px) {

  /* [[[[[高度]]]]] */
  .h-40p {
    height: 40px !important;
  }

  /* 间距 */
  .m-mb-20 {
    margin-bottom: 1.25rem !important;
  }

  .m-mb-40 {
    margin-bottom: 2.5rem !important;
  }

  .m-pt-80 {
    padding-top: 80px !important;
  }

  /* [[[[[移动端字号]]]]] */
  .m-fs-0 {
    font-size: 14px !important;
  }

  .m-fs-1 {
    font-size: 15px !important;
  }

  .m-fs-1-1 {
    font-size: 18px !important;
  }

  .m-fs-2 {
    font-size: 20px !important;
  }

  .m-fs-28 {
    font-size: 28px !important;
  }

  .m-fs-3 {
    font-size: 32px !important;
  }

  .m-fs-4 {
    font-size: 42px !important;
  }

  /* [[[[[移动端间距]]]]] */
  .pc-pl-5 {
    padding-left: 0px !important;
  }

  .m-mt-20 {
    margin-top: 20px !important;
  }

  .m-mt-40 {
    margin-top: 40px !important;
  }

  /* [[[[[对齐方式]]]]] */
  .mobile-text-right {
    text-align: right;
  }

  .mobile-logo-size {
    width : 13.5625rem;
    height: 1.875rem;
  }

  .mobile-show {
    display: block;
  }

  .text-hidden {
    width        : 7rem;
    text-overflow: ellipsis;
    overflow     : hidden;
  }

  .text-hidden20 {
    width        : 20rem;
    text-overflow: ellipsis;
    overflow     : hidden;
  }




  .pl-5 {
    padding-left: 1rem !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .text--right {
    text-align: left !important;
  }

  .text-my-nowrap-lg {
    width        : 230px !important;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
  }


  .text-my-nowrap {
    width        : 200px !important;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
  }
}

@media (min-width: 568px) and (max-width:1200px) {
  .pc-small-hide {
    display: none !important;
  }

}

@media (min-width: 992px) {


  .h-60p {
    height: 60px;
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1280px !important;
  }

  .mobile-show {
    display: none !important;
  }

  a.navbar-brand {
    width: 427px
  }

  .navbar-nav>.nav-item:hover .nav-secondary {
    display: block !important;
  }

  .h---100 {
    height: 6.25rem;
  }

  .about-sub {
    display     : none;
    padding-left: 0px;
    position    : absolute;
  }

  .about-sub>div {
    padding-left: 0px;
  }

  .about-sub>div>.row {
    width: 780px;
  }

  .pc-d-none {
    display: none !important;
  }

  .text-hidden {
    width        : 15rem !important;
    text-overflow: ellipsis;
    overflow     : hidden;
  }

  .text-my-nowrap-lg {
    width        : 370px !important;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
  }

  .text-my-nowrap-xlg {
    width        : 30rem;
    text-overflow: ellipsis;
    overflow     : hidden;
  }

  .pc-pl-5 {
    padding-left: 48px !important;
  }

}

.ball_bg {
  width : 497px;
  height: 497px;
}

.ball-bg1 {
  position         : absolute;
  top              : 0;
  right            : 0;
  width            : 480px;
  height           : 480px;
  border-radius    : 50%;
  border           : 1px solid #092a83;
  overflow         : hidden;
  animation        : rollingOne 2.5s linear infinite;
  -webkit-animation: rollingOne 2.5s linear infinite
}

.ball-bg2 {
  position         : absolute;
  bottom           : 0;
  left             : 0;
  width            : 480px;
  height           : 480px;
  border-radius    : 50%;
  border           : 1px solid #092a83;
  overflow         : hidden;
  animation        : rollingTwo 3.5s linear infinite;
  -webkit-animation: rollingTwo 3.5s linear infinite
}

.ball-bg3 {
  position     : absolute;
  bottom       : 18%;
  left         : 18%;
  width        : 320px;
  height       : 320px;
  border-radius: 50%;
  border       : 1px solid #092a83;
  overflow     : hidden;
}

@keyframes rollingOne {
  0% {
    top  : 0;
    right: 0
  }

  50% {
    top  : 20px;
    right: 20px
  }

  100% {
    top  : 0;
    right: 0
  }
}

@-webkit-keyframes rollingOne {
  0% {
    top  : 0;
    right: 0
  }

  50% {
    top  : 20px;
    right: 20px
  }

  100% {
    top  : 0;
    right: 0
  }
}

@keyframes rollingTwo {
  0% {
    bottom: 0;
    left  : 0
  }

  50% {
    bottom: 20px;
    left  : 20px
  }

  100% {
    bottom: 0;
    left  : 0
  }
}

@-webkit-keyframes rollingTwo {
  0% {
    bottom: 0;
    left  : 0
  }

  50% {
    bottom: 20px;
    left  : 20px
  }

  100% {
    bottom: 0;
    left  : 0
  }
}

.line-show1 {
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display           : -moz-box;
  -moz-line-clamp   : 1;
  -moz-box-orient   : vertical;
  word-wrap         : break-word;
  word-break        : break-all;
  white-space       : normal;
}

.line-show2 {
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display           : -moz-box;
  -moz-line-clamp   : 2;
  -moz-box-orient   : vertical;
  word-wrap         : break-word;
  word-break        : break-all;
  white-space       : normal;
}

.line-show4 {
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display           : -moz-box;
  -moz-line-clamp   : 4;
  -moz-box-orient   : vertical;
  word-wrap         : break-word;
  word-break        : break-all;
  white-space       : normal;
}

/* [[[[[Reset]]]]] */

.outline-none {
  outline: none !important;
}

/* [[[[[按钮]]]]] */

.btn-my-primary {
  background: #092a83;
  color     : #fff;
}

.btn-my-primary:hover {
  background: #CF0628;
  color     : #fff;
  box-shadow: 0px 6px 10px 0px rgba(207, 6, 40, 0.5);
}

.btn-my-grey {
  background: #ECECEC;
  color     : #666666 !important;
}

.btn-my-grey:hover {
  background: #CF0628;
  color     : #fff !important;
}

.btn:focus {
  box-shadow: none !important;
}

.btn.active {
  background: #092a83;
  color     : #fff;
}


/* [[[[[圆角]]]]] */

.rounded-my {
  border-radius: 10px !important;
}

.rounded-my-l {
  border-top-left-radius   : 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded-my-r {
  border-top-right-radius   : 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* [[[[[边框]]]]] */

.border-bottom-danger {
  border-bottom: 3px solid #cf0628;
}

.border-bottom-light {
  border-bottom: 1px solid #d3d3d3;
}

.border-bottom-light3 {
  border-bottom: 3px solid #d3d3d3;
}

.border-left-light3 {
  border-left: 3px solid #d3d3d3;
}

.border-left-primary {
  border-left: 3px solid #092a83;
}

.fa-circle {
  font-size    : 10px;
  width        : 20px;
  height       : 20px;
  padding-top  : 4px;
  border       : 1px solid #666666;
  border-radius: 50%;
}

.btn:hover .fa-circle {
  border: 1px solid #fff;
}

/* [[[[[超链接]]]]] */

.hover-white:hover {
  color          : #fff;
  text-decoration: none;
}

.hover-more:hover {
  color          : #092a83 !important;
  text-decoration: none;
}

.hover-my-white:hover {
  color          : #CAD0E7;
  text-decoration: none;
}

.hover-danger:hover {
  color          : #cf0628 !important;
  text-decoration: none;
}

.global-line {
  width : 5rem;
  height: 3px !important;
}

.global-second-line {
  width : 5rem;
  height: 2px !important;
}

.opa--1 {
  opacity: 0.5;
}

.opa-1 {
  opacity: 1;
}


/* [[[[[文本]]]]] */
.text--right {
  text-align: right;
}

.text-my-nowrap {
  width        : 350px;
  white-space  : nowrap;
  text-overflow: ellipsis;
  overflow     : hidden;
}

.text-my-nowrap-xl {
  width        : 36.25rem;
  white-space  : nowrap;
  text-overflow: ellipsis;
  overflow     : hidden;
}

.text-my-primary {
  color: #092a83 !important;
}

.text-my-deep {
  color: #333333;
}

.text-my-middle {
  color: #666666 !important;
}

.text-my-light {
  color: #999999 !important;
}

.text-my-secondary {
  color: #5568a6;
}

.text-my-white {
  color: #CAD0E7;
}

/* [[[[[阴影]]]]] */
.shadow-blue {
  box-shadow: 0px 0px 8px 0px #092a83 !important;
}

/* [[[[[背景]]]]] */
.bg-mobile-banner {
  background        : url(../image/mobile-bg.png) no-repeat;
  background-size   : cover;
  /* height         : 490px; */
}

.bg-my-primary {
  background: #092a83;

}

.bg-my-secondary {
  background: #cf0628;
}

.bg-my-light {
  background: #f3f5f8;
}

.bg-my-middle {
  background: #ECECEC;
}

.border-right-primary {
  border-right: 3px solid #092a83 !important;
  ;
}

/* [[[[[边框]]]]] */
.border-right-light {
  border-right: 3px solid #d3d3d3;
  ;
}

.border-bot-priamry {
  border-bottom: 2px solid #092a83;
}

.border-bot-light {
  border-bottom: 2px solid #d3d3d3;
}

.border-white {
  border: 2px solid white;
}

.border-transparent {
  border: 2px solid transparent;
}

.border-deep {
  border-bottom: 1px solid #131d4c !important;
}

.border-middle {
  border-bottom: 1px solid #233587 !important;
}

.rounded-xlg {
  border-radius: 0.6rem !important;
}

.border-bot-secondary {
  border-bottom: 2px solid #cf0628;
}

.border-bot-third {
  border-bottom: 1px solid #cf0628;
}

.border-bot-transparent {
  border-bottom: 2px solid transparent;
}

.border-white {
  border: 1px solid #ffffff !important;
}

.h--100 {
  height: 6.25rem;
}



.fs--1 {
  font-size: 14px;
}

.fs-0 {
  font-size: 16px;
}

.fs-1 {
  font-size: 1.125rem;
}

.fs-2 {
  font-size: 1.25rem;
}

.fs-3 {
  font-size: 24px;
}

.fs--3 {
  font-size: 32px;
}

.fs-4 {
  font-size: 36px;
}

.fs-5 {
  font-size: 40px;
}

.fs-6 {
  font-size: 60px;
}

/* [[[[[宽度]]]]] */
.height-50 {
  height: 3.125rem;
}

.height-60 {
  height: 3.75rem;
}

.w-300 {
  width: 18.75rem;
}

.w-65 {
  width: 65%;
}

.w-90 {
  width: 90%;
}

/* [[[[[间距]]]]] */
.top-per-50 {
  top: 30%;
}

.left-per-50 {
  left: 30%;
}

.ml-50 {
  margin-left: 50px;
}

.mt--8 {
  margin-top: 0.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mt-56 {
  margin-top: 3.5rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mt-80 {
  margin-top: 5rem;
}


.mt-90 {
  margin-top: 5.625rem;
}

.mr-40 {
  margin-right: 40px;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.mt-128 {
  margin-top: 8rem;
}

.pl-7 {
  padding-left: 7.5rem;
}

.p-40 {
  padding-top   : 2.5rem;
  padding-left  : 2.5rem;
  padding-right : 2.5rem;
  padding-bottom: 2.5rem;
}

.px-5r {
  padding-left : 5rem;
  padding-right: 5rem;
}

.px-10 {
  padding-left : 5%;
  padding-right: 2px;
}

.px-6 {
  padding-left : 30px;
  padding-right: 30px;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pb-14 {
  padding-bottom: .875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-80 {
  padding-top: 5rem;
}


.pr-20 {
  padding-right: 1.25rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.pr-40 {
  padding-right: 40px;
}

.pb--1 {
  padding-bottom: 1px;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.pl-100 {
  padding-left: 100px;
}

.pl-150 {
  padding-left: 150px;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-17 {
  padding-bottom: 1.0625rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.w-18r {
  width: 18rem;
}

.w-20r {
  width: 20rem;
}

.w-200 {
  width: 12.5rem;
}

.w-248 {
  width: 15.5rem;
}

.w-400 {
  width: 25rem;
}

.h-80 {
  height: 80px;
}

.lh-1 {
  line-height: 1rem;
}

.lh-1-2r {
  line-height: 1.2rem;
}

.lh-30 {
  line-height: 30px;
}

.lh-60 {
  line-height: 60px;
}

/* [[[[[透明度]]]]] */
.opacity-2 {
  opacity: 20%;
}

/* 导航
 ================================================== */
@media (min-width: 1200px) and (max-width: 1500px) {
  div.search-box {
    width       : 200px;
    margin-right: 3rem;
  }
}

@media (min-width: 1500px) {
  div.search-box {
    width       : 427px;
    margin-right: 3rem;
  }
}

.global-search-i {
  margin-left: 0rem !important;
}


.m-logo-line {
  height: 2px;
  width : 26px;
}

.x {
  animation: x 0.9s linear forwards;
}

.x2 {
  animation: x2 0.9s linear forwards;
}

.x3 {
  animation: x3 0.9s linear forwards;
}

@keyframes x {
  from {
    transform: translate(0) rotate(0deg)
  }

  to {
    transform: translateY(10px) rotate(45deg)
  }
}

@keyframes x2 {
  from {
    transform: translate(0);
    opacity  : 1;
  }

  to {
    transform: translateY(0px);
    opacity  : 0;
  }
}

@keyframes x3 {
  from {
    transform: translate(0) rotate(0deg)
  }

  to {
    transform: translateY(-10px) rotate(-45deg)
  }
}

/* 头部
 ================================================== */

.global-line {
  width : 5rem;
  height: 3px !important;
}

.header-tab {
  right : 16.25rem;
  bottom: 6.25rem;
}

.header-tab-progress {
  width : 4.25rem;
  height: .125rem;
}

.header-progress-box {
  left: 0;
  top : 35.375rem;
}

.header-progress {
  width : 2px;
  height: 15.625rem;
}

.btn-prev {
  left      : 3.75rem;
  top       : 28.125rem;
  width     : 1.375rem;
  height    : 2.625rem;
  background: url(../image/btn-prev.png) no-repeat;
}

.btn-next {
  right     : 3.75rem;
  top       : 28.125rem;
  width     : 1.375rem;
  height    : 2.625rem;
  background: url(../image/btn-next.png) no-repeat;
}

.nav-secondary {
  left      : 0;
  top       : 100px;
  box-shadow: inset 0 .5rem 1rem -.5rem rgba(0, 0, 0, .15) !important
}

.nav-secondary-line {
  height: 80px;
}

.nav-primary-box {
  width        : 248px;
  height       : 135px;
  border-radius: 4px;
  background   : url(../image/nav-img-one.png) no-repeat;

}

.nav-secondary-box {
  width        : 248px;
  height       : 135px;
  border-radius: 4px;
  background   : url(../image/nav-img-2.png) no-repeat;

}

/* 引导条 */
.header-banner-scroll {
  opacity   : 1;
  position  : absolute;
  left      : 50%;
  bottom    : 0;
  z-index   : 20;
  width     : 2px;
  height    : 130px;
  background: rgba(255, 255, 255, .4);
  transition: all 1s ease-out;
}

.header-banner-scroll::before {
  content   : "";
  position  : absolute;
  left      : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  background: #89b7ff;
  animation : scroll-down-line 2.6s cubic-bezier(.77, 0, .175, 1) infinite;
}

@keyframes scroll-down-line {
  0% {
    transform-origin: 50% 100%;
    transform       : scaleY(1);
  }

  50% {
    transform-origin: 50% 100%;
    transform       : scaleY(0);
  }

  50.0001% {
    transform-origin: 50% 0;
    transform       : scaleY(0);
  }

  to {
    transform-origin: 50% 0;
    transform       : scaleY(1);
  }
}

/* [[[[[悬浮效果]]]]] */
.hover-enlarge {
  overflow: hidden;
}

.hover-enlarge:hover img {
  transform: scale(1.2);
}

.hover-enlarge img {
  transform : scale(1);
  transition: transform .5s;
}

.hover-bold:hover {
  font-weight: bold !important;
}

.hover-show {
  display: none;
}

.hover-parent:hover .hover-hide,
.btn-my-grey:hover .hover-hide {
  display: none;
}

.hover-parent:hover .hover-show,
.btn-my-grey:hover .hover-show {
  display: inline;
}

.hover-bg-primary:hover {
  background: #092a83;
}

.hover-text-white:hover p {
  color: #ffffff !important;
}

/* [[[[[Swiper]]]]] */

.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next {
  color: #fff;
}

.swiper1 .swiper-button-prev:hover,
.swiper1 .swiper-button-next:hover {
  color: #89b7ff;
}

.swiper-button-prev {
  left : 48px;
  right: auto;
}

.swiper-button-prev {
  color: #fff;
}

.swiper-button-next {
  right: 48px;
  left : auto;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 100px;
  left  : 80%;
  width : 10%;
}

.swiper-slide {
  height: auto;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
  border : none;
  outline: none;

}

.swiper-pagination-clickable .swiper-pagination-bullet {
  border : none;
  outline: none;

}


/* 公共服务平台
 ================================================== */

.public-box {
  background-color   : white;
  background-image   : url(../images/img.png);
  background-position: bottom;
  background-repeat  : no-repeat;
  overflow           : hidden;
}

.upward {
  position  : relative;
  top       : 0;
  transition: top ease 0.5s;
}

.upward:hover {
  top: -20px;
}

.upward .btn-link {
  font-size         : 16px;
  padding           : 10px 20px;
  border-radius     : 5px;
  -webkit-transition: all .5s;
  transition        : all .5s
}

.upward:hover .btn-link {
  color            : #fff !important;
  -webkit-transform: translateX(15px);
  transform        : translateX(15px);
  background-color : #cf0628;
  box-shadow       : 0px 6px 10px 0px rgba(207, 6, 40, 0.5);
}

.card {
  border-radius: 0.75rem;
}

.card-img-top-box {
  overflow               : hidden;
  border-top-left-radius : calc(0.75rem - 1px);
  border-top-right-radius: calc(0.75rem - 1px);
}

.card-img {
  transition: all 0.8s
}


.card-img:hover {
  transform: scale(1.1);

}

/* 新闻
 ================================================== */