a{
  color:#fff !important;
}
a:hover{
  color:#ffffff !important;
}
html,
body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
h2 {
  font-size: 23px;
  margin-bottom: 15px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 14px;
  line-height: 30px;
}


.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
[class*="-section"] {
  overflow: hidden;
}
.no-pad {
  padding-left: 0;
  padding-right: 0;
}
.spad {
  padding:0 0 85px 0;
}
.section-title {
  text-align: center;
  margin-bottom: 30px;
}


html,
		body {
			position: relative;
			height: 100%;
		}

		body {
			background: #eee;
			font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			font-size: 14px;
			color: #000;
			margin: 0;
			padding: 0;
		}

		.swiper-container {
			width: 100%;
			height: 100%;
		}

		.swiper-slide {
			font-size: 18px;
			background: #fff;

			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		}
/* ======自定义 字体 ====== */
@font-face{
  　　font-family:myFirstFont ;
  　　src: url('./BebasNeue-Bold.ttf')
}


/* 加载效果 */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  z-index: 1000;
}
.pre-container {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0.0)
  }
  50% {
    -webkit-transform: scale(1.0)
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* ========= 顶部导航栏 ========= */
#nav {
  z-index: 10001;
}
nav.subpage-nav {
  position: relative;
  display: block;
}
.nav-menu {
  float: right;
  line-height: 32px;
  display: block;
}
nav ul li {
  float: left;
  /* margin:0 15px; */
  margin-right: 15px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  position: relative;
  
}

nav ul li:first-child{
  margin-left: 0;
}


nav ul li a {
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
}
nav ul li a:focus{
  color: #fff;
}
nav ul li:first-child a,
nav ul li.current a {
  color: #b1b1b1 !important;
}


.borWhite{
  border-top: 1.5pt solid #fff;
  padding-top: 14px;
}

.bortrans{
  border: 0;
}

nav ul li{
  padding-top: 16px;
}

.mobile-bar {
  width: 35px;
  height: 21px;
  display: none;
  float: right;
  position: relative;
  cursor: pointer;
}
.mobile-bar span {
  height: 3px;
  width: 35px;
  display: block;
  background: #000;
  position: absolute;
  top: 9px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.mobile-bar.active span {
  background-color: transparent;
}
.mobile-bar span:after,
.mobile-bar span:before {
  position: absolute;
  content: "";
  width: 35px;
  height: 3px;
  background: #000;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.mobile-bar span:after {
  top: 8px;
}
.mobile-bar span:before {
  top: -8px;
}
.mobile-bar.active span:after {
  top: 0px;
  width: 30px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.mobile-bar.active span:before {
  top: 0px;
  width: 30px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

/* 顶部导航 */
.back{
  background:#ccc;
  transition: 0.8s;
}

/* ====== 轮播指示器 ====== */
.swiper-pagination{
  margin-left: 47%;
  margin-bottom: 340px;
}

.swiper-pagination u{
  color:#fff;
}

.swiper-pagination .swiper-pagination-bullet-active{
  color:#0aa1ed;
}

/* 下拉按钮样式 */
.down {
  position: absolute;
  display: table;
  width: 100px;
  height: 50px;
  background: rgba(175, 175, 175, 0.2);
  border:1px dashed #fff;
  border-bottom: 0;
  left: 50%;
  bottom: 0;
  margin-left: -50px;
  border-radius: 50px 50px 0 0px;
  z-index: 3;
  overflow: hidden;
}
.down i {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 40px;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -webkit-animation: down 1.8s infinite;
  animation: down 1.8s infinite;
}
/* 下拉按钮不同屏幕尺寸 */
@-webkit-keyframes down {
  0% {
    top: 0;
    opacity: 0.5;
  }
  25% {
    top: 10px;
    opacity: 1;
  }
  50% {
    top: 5px;
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@keyframes down {
  0% {
    top: 0;
    opacity: 0.5;
  }
  25% {
    top: 10px;
    opacity: 1;
  }
  50% {
    top: 5px;
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}





/* 蓝色短线 公共样式 */
.line-between{
  width: 20pt;
  height: 3pt;
  background-color: #0043E8;
  margin: 6pt auto;
}



/* ======= 第一屏 样式 ====== */


#home{
  background-image: url('../img/index_banner_img.jpg');
  background-size: 100% 100%;
}
.swiper-container .swiper-slide:first-child{
  background-image: url('../img/index_banner_img.png');
  background-size: 100% 100%;
}



.swiper-container .swiper-slide:nth-child(2){
  background-image: url('../img/index_banner_two.png');
  background-size: 100% 100%;
}

.swiper-container .swiper-slide:last-child{
  background-image: url('../img/index_banner_three.png'); 
  background-size: 100% 100%;
}


.swiper-content{
  text-align: left;
}
.swiper-content>p,.swiper-content>div{
  color:#FFFEFE;
}

.swiper-content>p:first-child{
  font-size: 8pt;
  margin-bottom: 21pt;
}

.swiper-content>p:nth-child(2){
  font-size: 27pt;
  margin-bottom: 13pt;
  font-weight: inherit;
}

.swiper-content>p:nth-child(3){
  font-size: 16pt;
  margin-bottom: 33.5pt;
}

.swiper-content>div:last-child{
  background: #0043E8;
  width:100pt;
  height: 30pt;
  text-align: center;
  line-height: 30pt;
  cursor: pointer;
}

.swiper-content>div:last-child>object{
  width: 9.5pt;
  margin-bottom: 2px;
}

.colorCal{
  right: 0;
  width: 45pt !important;
}

.cal-slide{
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 10;
}
.cal-slide li>a{
  font-size: 7pt;
  color:#fff;
}

.cal-active{
  width: 8.5pt !important;
  /* transition: 1s; */
}

/* 轮播指示符 字体样式 */
.swiper-font{
  width: 0;
  height: 0.5pt;
  background: #fff;
}

/* ==============第二屏部分样式============ */
.headline{
  font-size: 26pt;
  color:#323232;
  text-align: center;
  font-weight: bold;
  margin-top: 60.5pt;
}

.det-info{
  text-align: center;
  margin-top: 50pt;
}

.det-info>p>span{
  font-size: 46pt;
  font-family:myFirstFont ;
}

.basic-info{
  margin-top: 89pt;
  display: flex;
  justify-content: space-between;
}

.p1{
  color:#323232;
  margin-bottom: 17pt;
}

.font-19{
  font-size: 19pt;
}



/* 两张 svg尺寸 */
.product-service object{
  width:39pt;
  margin-top: 22pt;
}
/* =========第三屏样式 ==========*/
.services-section {
  background-image: url("../img/part_two_bg.png");
  background-size: 100% 100%;
  height: 480pt;
}

.third-content{
  display: flex;
  justify-content:center;
}



.product-service>img{
  width: 38.5pt;
}

.product-service>p{
  font-size:14pt;
  color:#ffffff;
  margin: 15.5pt 0 0 0;
}

/* .product-service:hover{
  background: #0043E8;
  transition: 1s;
  border:0
} */

/* 分割线 */
.line{
  height: 0.5pt;
  background: #5C6883;
  margin-top: 13pt;
}

#humanContent>ul,#softContent>ul{
  display: flex;
  justify-content: center;
  margin-top: 23pt;
}

/*  显示内容 */
.head-content{
  width:594.5pt;
  padding-top: 20pt;
  margin: 0 auto;
  font-size: 10pt;
  color:#ffffff;
  line-height: 20pt;
}

/* ========第 公共样式 =============*/
.dis_none{
  display: none;
}

.dis-block{
  display: block; 
}

.active{
  background:#0043E8 !important;
  border: 0 !important;
}

/* 分割线中间的三角 */
.line-style{
  width:13pt;
  margin-top:9px;
  transform: rotateX(200deg);
}
/* ==========第四屏 部分样式 ==========*/
.portfolios-section{
  background: #fff;
  position: relative;
}

.portfolios-section object{
  width:40pt;
}


.advantage>p:nth-child(2){
  color:#323232;
  font-size: 14pt !important;
  margin-top: 10pt;
  margin-bottom: 9.5pt;
  font-weight: bold !important;
}

.advantage>p:last-child{
  color:#888888;
  font-size: 8pt;
  line-height: 12pt;
}

.four-content{
  display: flex;
  justify-content:space-between;
  margin-top: 48.5pt;
}


/* =======第五屏 ========== */
.user-service{
  width:157pt;
  height: 90pt;
  background: #ffffff;
}

.user-service>img{
  width: 100%;
}

/* 中间间隔   公共样式 */
.midfeather{
  margin:0 3.25pt;
}

/* 两边 */
.both-sides{
  margin:0 3.25pt;
}

.fifth-content{
  display: flex;
  justify-content:center;
  margin-top: 15.5pt;
}


.qr-code{
  font-size:11pt;
  color:#ffffff;
  margin-bottom:14pt;
}
.testinonial-section {
  background: #FAFAFB;
}
.brand-item img {
  max-width: 100%;
}

/* Tablet desktop :768px. */
@media only screen and (min-width:1921px){
  #home{
    position: relative;
    height: 520pt;
  }

  #homeContent {
    position: absolute;
    height: 520pt;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}


@media only screen and (min-width:1200px) and (max-width:1920px) {
  #home{
    position: relative;
    height: 520pt;
  }

  #homeContent {
    position: absolute;
    height: 520pt;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  nav ul.nav-menu>li{
    width:65pt;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #home{
    position: relative;
    height: 420pt;
  }

  #homeContent {
    position: absolute;
    height: 420pt;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  nav ul.nav-menu>li{
    width:60pt;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #home{
    position: relative;
    height: 340pt;
  }

  #homeContent {
    position: absolute;
    height: 340pt;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  nav ul.nav-menu>li{
    width:55pt;
    text-align: center;
  }
  .service-item {
    margin-bottom: 20px;
  }
  .con-info{
    margin-bottom: 30px;
  }
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
  #home{
    position: relative;
    height: 320pt;
  }

  #homeContent {
    position: absolute;
    height: 320pt;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  nav ul.nav-menu>li{
    width:50pt;
    text-align: center;
  }
  .service-item {
    margin-bottom: 20px;
  }
  .nav-menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: top center;
    transform-origin: top center;
  }
  .nav-menu.active {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  .nav-menu li {
    display: block;
    float: none;
    border: 1px solid #efefef;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin: 0;
  }
  .nav-menu li {
    overflow: hidden;
  }
  .mobile-bar {
    display: block !important;
  }
}


@media only screen and (max-width: 479px) {
  .service-item {
    margin-bottom: 20px;
  }
}

#particles-js {
	width: 100%;
	height: 100%;
  z-index: 1000;

	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

/* 公告 */

.notice {
  position: fixed;
  right: 0px;
  bottom: 50px;
  /* height: 200px; */
  width: 330px;
  /* background:#f5f5f5; */
  
   color: white;
  background: rgba(0, 67, 232, 0.9);
  /* opacity: 0.5; */
  border-radius: 5px;
  /* -moz-box-shadow: 0px 0px 5px  #909090;
  -webkit-box-shadow: 0px 0px 5px #909090;
  box-shadow:2px 2px 2px  #909090; */

}

.notice .noticeTitle {
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.notice .noticeContent {
   padding:0 25px;
   text-indent: 2em;
   line-height: 22px;
   font-size: 15px;
   /* text-align: justify;
   text-justify:distribute-all-lines; 
   text-align-last: justify; */
}

.notice .noticeContent1 {
  margin-top:10px ;
}

.notice .noticeBottom {
  padding: 20px 25px 30px 0;
  text-align: right;
  font-size: 15px;
}  

.notice .noticeClose {
  position: absolute;
  top: 9px;
  left: 9px;
  cursor: pointer;
  width: 30px;
}