/* 首页CSS */


/* 头部 */
/* 导航栏 */
.nav>li:first-child{
  background-color: #076ce0;
}
.navbar-default .navbar-nav>li:first-child>a {
  color: #fff;
}


/* 轮播图内容 */
.unique{
  width: 15.3rem;
  height: 25.3rem;
  background-color: rgba(0, 0, 0, .7);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
}
.unique .square{
  width: 12.9rem;
  height: 21.25rem;
  border: 1px solid white;
  margin: auto;
  padding: 1.5rem;
  color: white;
}
.unique .square h2{
  font-family: cuheiti;
  font-size: 2.3rem;
  line-height: 3.5rem;
  margin-bottom: 3rem;
  transform: translateY(-50rem);
  animation: toBottom 1s 1s forwards;
}
.unique .square h2::after{
  content: '';
  position: absolute;
  top: 120%;
  left: 0;
  border-bottom: 2px solid white;
  width: 10rem;
  transform: translateX(-50rem);
  animation: toRight 1s 1.5s forwards;
}
.unique .square h3{
  font-family: cuheiti;
  font-size: 1.7rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  transform: translateY(50rem);
  animation: toTop 1s 1s forwards;
}
.unique .square p{
  font-family: lamp;
  font-size: .85rem;
  transform: translateY(50rem);
  animation: toTop 1s 1s forwards;
}


@keyframes toBottom{
  0%{
		transform:translateY(-50rem);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes toRight{
	0%{
		transform:translateX(-50rem);
	}
	100%{
		transform:translateX(0);
	}
}
@keyframes toTop{
	0%{
		transform:translateY(50rem);
	}
	100%{
		transform:translateY(0);
	}
}


/* 核心业务 */
.core{
  width: 68%;
  height: 22.9rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  position: relative;
}
/* 标题 */
.core .title{
  width: 14.7rem!important;
  margin-top: 5.7rem!important;
}
.title{
  width: 6.7rem;
}
.title ::after{
  top: 60%;
}

.core .text{
  width: 36rem;
  height: 7.5rem;
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
}
.core .text p{
  font-family: lamp;
  font-size: .8rem;
  color: #575757;
  line-height: 1.1rem;
}
.core .text a{
  display: block;
  width: 6.83rem;
  height: 1.92rem;
  font-family: lamp;
  font-size: .85rem;
  color: #076ce0;
  border: 1px solid #076ce0;
  border-radius: .96rem;
  text-align: center;
  line-height: 1.92rem;
  align-self: flex-end;
  margin-top: 1.3rem;
  text-decoration: none;
}


/* 业务图片 */
.businesspic{
  width: 100%;
  height: 9.3rem;
  background-color: #076ce0;
}
.businesspic .busipic{
  width: 68%;
  margin: 0 auto;
  position: relative;
}
.busipic .busiul{
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: absolute;
  top: -5.5rem;
}
.busiul li{
  width: 14.458rem;
  height: 13.833rem;
  border: 1px solid #ccc;
}
.busiul li a{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
}
.busiul li img{
  display: block;
  width: 13.458rem;
  height: 12.833rem;
  margin: auto;
}

/* 功能图标 */
.powericon{
  width: 68%;
  height: 20rem;
  margin: 0 auto;
}
.powericon .powerul{
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 4.25rem;
}
.powerul li{
  width: 14.458rem;
  height: 13.833rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.powerul li::after{
  content: '';
  width: 2.5rem;
  border-bottom: 2px solid #076ce0;
  position: absolute;
  bottom: 10%;
}
.powerul li img{
  display: block;
  width: 6.25rem;
  height: 6.25rem;
}
.powerul li h5{
  font-family: lamp;
  font-size: .8rem;
  color: #010101;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: .3rem;
}
.powerul li p{
  font-family: lamp;
  font-size: .7rem;
  color: #6b6b6b;
  text-align: center;
  line-height: 1.25rem;
}



/* 关于公司 */
.aboutc{
  width: 100%;
  height: 21.58rem;
  background-color: #076ce0;
  position: relative;
}
.aboutc .aboutpic{
  width: 22.25rem;
  height: 27.417rem;
  border: 1px solid #ccc;
  display: flex;
  position: absolute;
  top: -14%;
  left: 16%;
}
.aboutpic img{
  display: block;
  width: 21.3rem;
  height: 26.3rem;
  margin: auto;
}
.aboutc .abtext{
  width: 25.75rem;
  height: 17.1rem;
  margin-left: 49%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.abtext h3{
  font-size: 1.3rem;
  font-family: cuheiti;
  color: #fff;
  text-align: center;
  padding-top: 2.9rem;
  padding-bottom: 2.75rem;
}
.abtext h3 span{
  font-family: arial;
  font-size: .75rem;
  font-weight: lighter;
  letter-spacing: .08rem;
  color: #fff;
  line-height: 2.17rem;
  text-align: center;
}
.abtext::after{
  content: '';
  width: 2.5rem;
  border-bottom: 2px solid white;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.abtext p{
  font-size: .67rem;
  color: white;
  line-height: 1.25rem;
  margin-bottom: .5rem;
}
.abtext a{
  display: block;
  width: 6.8rem;
  height: 2rem;
  background-color: white;
  color: #076ce0;
  font-size: .8rem;
  font-family: lamp;
  text-align: center;
  line-height: 2rem;
  border-radius: 1rem;
  text-decoration: none;
  align-self: flex-end;
}

/* 企业动态 */
.information{
  width: 68%;
  height: 27.17rem;
  margin: 0 auto;
}
.information .title{
  width: 100%;
  position: relative;
}
.information .title ::after{
  content: '';
  width: 2.5rem;
  border-top: 2px solid #076ce0;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
}
.information .inforul{
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 1rem;
}
.inforul li{
  width: 9.17rem;
}
.inforul li .inforimg{
  display: block;
  width: 100%;
  height: 8.75rem;
  border: 1px solid #ccc;
  display: flex;
  margin-bottom: 1rem;
}
.inforul li .inforimg img{
  display: block;
  width: 8.54rem;
  height: 8.17rem;
  margin: auto;
}
.inforul li h5{
  font-family: lamp;
  font-size: .8rem;
  color: #030303;
  margin-left: .3rem;
  margin-bottom: .4rem;
}
.inforul li p{
  font-family: lamp;
  font-size: .6rem;
  color: #616161;
  line-height: 1.1rem;
  margin-left: .3rem;
}