.headTop{
    display: flex;
    justify-content: center;
}
.logo{
    width: 1200px;
    height: 88px;
    display: flex;
    justify-content: space-between;
}
.logo .leftHead{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo .leftHead p{
 font: 20px SourceHanSansSC;
 color: #333;
 margin-left: 11px;
}
.logo .rightHead ul{
    width: 763px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo .rightHead ul li a{
    font: 16px/70px Microsoft YaHei;  
    color: #000000;
}
.logo .rightHead ul .tan a{
    color: #F5A500;
}
.FangAn{
    height: 754px;
background: #FAFAFA;
}
.FangAn h3{
    font: bold 36px Microsoft YaHei;
    color: #333;
    margin: 100px 0 58px;
}
.FangAn ul{
    display: flex;
    width: 1200px;
    justify-content: space-between;
    margin-bottom: 100px;
}
.FangAn ul li{
    border-radius: 10px;
    background: #FFFFFF;
    width: 350px;
    height: 460px;
}
.FangAn ul li p{
    font: bold 24px Microsoft YaHei;
    color: #333;
    margin-top: 39px;
    margin-bottom: 67px;
    text-align: center;
}
.FangAn ul .tap p{
    color: #007AFF;
}
.KaiFa h3{
    font: bold 36px Microsoft YaHei;
    color: #333;
    margin: 114px 0 71px;
}
.KaiFa ul{
    display: flex;
    width: 1200px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 32px;
}
.KaiFa ul li{
    width: 250px;
    margin-bottom: 67px;
}
.KaiFa ul li p{
    font: 16px Microsoft YaHei;
    color: #333;
    width: 192px;
    margin-top: 19px;
}
.KaiFa ul li:nth-child(6) p{
margin-bottom: 40px;
}
.DuanYou{
    background: #F1F8FF;
}
.DuanYou h3{
    font:bold 36px Microsoft YaHei;
    margin: 98px 0 69px;
}
.DuanYou ul {
    display: flex;
    width: 1200px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.DuanYou ul li{
    width: 380px;
height: 380px;
background: #3884FF;
box-shadow: 0px 0px 10px 0px rgba(3, 127, 252, 0.1);
border-radius: 10px;
margin-bottom: 30px;
}
.DuanYou ul li h4{
    font: bold 24px Microsoft YaHei;
color: #FFFFFF;
margin-top: 30px;
}
.DuanYou ul li img{
    margin-top: 31px;
}
.DuanYou ul li p{
    font: 18px Microsoft YaHei;
color: #FFFFFF;
width: 342px;
margin: 19px 0 54px;
text-align: center;
}
.YiZa{
    height: 776px;
    background: url(../images/preconcert/background307.png) no-repeat;
    background-size: 100% 100%;
}
.YiZa h3{
    font: 36px Microsoft YaHei;
    color: #FFFFFF;
    margin: 100px 0 69px;
}
.YiZa ul{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    justify-content: space-between;
  margin-bottom: 61px;
}
.YiZa ul li{
    width: 472px;
    height: 216px;
    margin-bottom: 39px;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    align-items: center;
    padding: 0 48px 0 60px;
}
.YiZa ul li:nth-child(even){
    text-align: right;
    padding: 0 60px 0 48px;
}
.YiZa ul li span{
    display: block;
    font:bold 18px/32px Microsoft YaHei;
    color: #333333;
    position: relative;
}
.YiZa ul li h4{
    font: bold 28px Microsoft YaHei;
    color: #007AFF;
    margin-bottom: 28px;
    position: relative;
}
.YiZa ul li h4::after{
    display: block;
    content: "";
    width: 40px;
    height: 4px;
    background: #007CFF;
    position: absolute;
    top: 49px;
}
.YiZa ul li:nth-child(even) h4::after{
    right: 0;
}
.YiZa ul li span i{
    font:bold 18px Microsoft YaHei;
    color: #333333;
    margin-right: 5px;
}
