.header{
	width: 100%;
	height: 16vw;
	background: #fff;
}
.nav__icon:before,
.nav__icon:after{
	background: #000
}
.center{
  margin-top: 16vw;
}
/*标题*/
.biaoti{
  text-align: center;
/*  height: 20vw;*/
}
.biaotizi{
  font-size: 4.6vw;
    color: #000;
    margin-top: 7vw;
    margin-bottom: 3vw;
}
.white{
  color: #fff;
}
.xt-banner{
	width: 100%;
	height: 71vw;
	 background: url("../images/xt-banner.png") no-repeat;
  	background-size: 100% 100%;
  	position: relative;
  	text-align: center;
}
.xt-banner a{
    color: #1c222f;
    position: absolute;
    width: 22vw;
    height: 9vw;
    font-size: 3.5vw;
    border-radius: 21px;
    background: #fff;
    line-height: 9vw;
    top: 42vw;
    right: 41.5vw;
}
.xt-banner h1{
	color: #fff;
	font-weight: normal;
	font-size: 8vw;
	position: absolute;
	left: 10vw;
	top: 17vw;

}
.xt-banner h4{
    color: #fff;
    font-weight: normal;
    position: absolute;
    left: 30vw;
    top: 32vw;
    font-size: 3.8vw;
}
.xt-banner span{
  color: #fff;
  font-weight: bold;
  font-size: 4vw;
}
/*智慧政务*/
.zh{
    width: 100%;
    height: 110vw;
    background: url(../images/zh-bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    padding-top: 1vw;
}
.zh-fenlei{
  width: 100%;
 
}
.zh-fenlei li{
  font-weight: bold;
  font-size: 3.3vw;
  position: absolute;
}
.zh-fenlei li:nth-child(1){
top: 41vw;
left: 5vw;
}
.zh-fenlei li:nth-child(2){
top: 23vw;
left: 24vw;
}
.zh-fenlei li:nth-child(3){
  top: 23vw;
    left: 53vw;
}
.zh-fenlei li:nth-child(4){
top: 41vw;
 right: 5vw;
}
.zh-fenlei a{
       color: #fff;
    position: absolute;
    width: 23vw;
    height: 10vw;
    font-size: 3.5vw;
    border-radius: 21px;
    background: #118ee9;
    line-height: 10vw;
    bottom: 11vw;
    right: 36.5vw;
}
/*智慧工会*/
.gh{
    width: 100%;
    height: 122vw;
    background: url(../images/gh-bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    padding-top: 1vw;
}
.gh .biaotizi{
  margin-top: 8vw;
}
.gh a{
       color: #1c222f;
    position: absolute;
    width: 23vw;
    height: 10vw;
    font-size: 3.5vw;
    border-radius: 21px;
    background: #fff;
    line-height: 10vw;
    bottom: 16vw;
    right: 36.5vw;
}
.gh li{
  color: #fff;
  position: absolute;
  font-size: 3vw;
}
.gh li:nth-child(1){
top: 43vw;
    left: 7.5vw;
}
.gh li:nth-child(2){
top: 43vw;
    left: 40vw;
}
.gh li:nth-child(3){
top: 43vw;
left: 70.5vw;
}
.gh li:nth-child(4){
top: 76vw;
    left: 7.5vw;
}
.gh li:nth-child(5){
top: 76vw;
    left: 40vw;
}
.gh li:nth-child(6){
top: 76vw;
    left:  72vw;
}
/*智慧教育*/
.jiaoyu{
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 28vw;
  padding-top: 1vw;
}
.jiaoyu a{
       color: #fff;
    position: absolute;
    width: 23vw;
    height: 10vw;
    font-size: 3.5vw;
    border-radius: 21px;
    background: #118ee9;
    line-height: 10vw;
    bottom: -18vw;
    right: 39vw;
}
.kuans{
  width: 80%;
  margin: 0 auto;
}
.jiaoyu img{
    width: 34vw;
    height: 26vw;
    margin:8vw 0vw 3vw 0vw;
}
.jiaoyu h4{
 font-weight: normal;
 font-size: 3.8vw;
}
.jiaoyu li{
 margin-left: 12vw;
}
.jiaoyu li:nth-child(1){
 margin-left: 0vw;
}
.jiaoyu li:nth-child(3){
 margin-left: 0vw;
}
/*AI机器人*/
.ai{
    width: 100%;
    height: 170vw;
    background: url(../images/ai.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    padding-top: 1vw;
}
.ai .biaotizi{
  margin-top: 9vw;
}
.ai a{
    color: #222222;
    position: absolute;
    width: 23vw;
    height: 10vw;
    font-size: 3.5vw;
    border-radius: 21px;
    background: #fff;
    line-height: 10vw;
    bottom: 18vw;
    right: 39vw;
}
.ai li:nth-child(1){
    width: 30%;
    height: 180vw;
    background: url(../images/ai.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.ai ul{
  margin-top: 10vw;
}
.ai li{
  width: 44vw;
  height: 52vw;
    margin-left: 4vw;
    margin-bottom: 4vw;
    position: relative;
}
.ai h4{
  width: 100%;
  height: 10vw;
  background: rgba(20,19,21,.6);
  color: #fff;
  position: absolute;
  bottom: 0vw;
  font-weight: normal;
  font-size: 3.5vw;
  line-height: 10vw;
}
.ai li:nth-child(1){
  width: 44vw;
  height: 52vw;
  background: url(../images/ai01.jpg) no-repeat;
  background-size: 100% 100%;
}
.ai li:nth-child(2){
  width: 44vw;
  height: 52vw;
  background: url(../images/ai02.jpg) no-repeat;
  background-size: 100% 100%;
}
.ai li:nth-child(3){
  width: 44vw;
  height: 52vw;
  background: url(../images/ai03.jpg) no-repeat;
  background-size: 100% 100%;
}
.ai li:nth-child(4){
  width: 44vw;
  height: 52vw;
  background: url(../images/ai04.png) no-repeat;
  background-size: 100% 100%;
}

/*我们的优势*/
.youshi{
  width: 100%;
  height: 82vw;
  background: #f3f8ff;
  padding-top: 1vw;
}
.ys-img{
 width: 95%;
 height: 46vw;
 margin: 0 auto;
 margin-top: 13vw;
 text-align: center;
 position: relative;
}
.ys-img img{
  width: 100%;
  height: 100%;
}
.ys-img li{
  position: absolute;
  font-size: 3vw;
  color: #fff;
  line-height: 4vw;
}
.ys-img li:nth-child(1){
  left: 8vw;
    top: 15vw;
}
.ys-img li:nth-child(2){
 left: 26.5vw;
    top: 32vw;
}
.ys-img li:nth-child(3){
  left:41.5vw;
    top: 15vw;
}
.ys-img li:nth-child(4){
  left: 56vw;
  top: 32vw;
}
.ys-img li:nth-child(5){
  left: 75vw;
    top: 15vw;
}
/*我们的服务流程*/
.fuwu-lc{
width: 100%;
text-align: center;
height: 96vw;
}
.liuchen-1{
  margin-left: 9vw;
  font-size: 3.6vw;
}
.liuchen-1:nth-child(1){
margin-left: 1.5vw;
}
.liuchen-1:nth-child(5){
margin-left: 2.1vw;
}
.heizi-one {
  width: 93%;
  margin: 0 auto;
  position: relative;
  margin-top: 10vw;
  color: #323232;
  font-size: 3.9vw;
  margin-bottom: 10vw;

}
.heizi-two{
  width: 93%;
  position: relative;
  margin: 0 auto;
}
.xia{
  margin-right: 5vw;
  margin-top: 3vw;
  width: 8vw;
}
.xia img{
  width: 100%;
  height: 100%;
}

.heizi-three {
  width: 93%;
  margin: 0 auto;
  position: relative;
  margin-top: 51vw;
  color: #323232;
  font-size: 3.9vw;
  margin-bottom: 10vw;

}
.liuchen-1 img{
display: block;
width: 15vw;
height: 17vw;
margin-bottom: 4vw;;
margin-left: 0.69vw;

}
.jiantou1{
    width: 7vw;
    position: absolute;
    top: 5vw;
    left: 18vw;
}
.jiantou1 img{
  width: 100%;
}
.jiantou2{
    width: 7vw;
    position: absolute;
 top: 5vw;
    left: 43vw;
}
.jiantou2 img{
  width: 100%;
}
.jiantou3{
    width: 7vw;
    position: absolute;
 top: 5vw;
    left: 68vw;
}
.jiantou3 img{
  width: 100%;
}