header {

    height: 90px;

    width: 100%;

    background: #fff;

   

}

.nav-ul li .nav-a1{

    color: #787878;

}

 .nav-ul li .nav-a1:after {

    background: #787878;

}

header.on{

    

    border-bottom: none;



}

.nav-ul li.on .nav-a1:after {

    width: 100%;

}

.con{

    width: 1200px;

    margin:0 auto;

    margin-top: 80px;

    margin-bottom: 40px;

}

.con ul{

    display: flex;

    justify-content: space-between;

    margin-bottom: 120px;

}

.con h2{

    font-size: 28px;

    font-family: Arial;

    font-weight: bold;

    color: rgba(17, 17, 17, 0.7);

    margin-top: 178px;

}

.con h3{

font-size: 28px;

font-family: Microsoft YaHei;

font-weight: bold;

color: rgba(17, 17, 17, 0.7);

}

.con p{

    width: 320px;

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #777676;

text-align:justify;

margin-top: 30px;

}

.ul2 h2{

    margin-top: 60px;

}





@media screen and (max-width: 700px) {
    .banner{
        margin-top: 25px;
    }
    .con {

        width: 96%;

        margin: 0 auto;

        margin-top: 20px;

        margin-bottom: 30px;

    }
    .con img{
        max-width: 100%;
    }
header{
    height: 70px;
}
    .con p {

        width: 180px;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #777676;

        text-align: justify;

        margin-top: 5px;

        line-height: 20px;

        margin-right: 10px;

    }

    .con h3 {

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: rgba(17, 17, 17, 0.7);

        margin-top: -10px;

    }

    .con h2 {

        font-size: 16px;

        font-family: Arial;

        font-weight: bold;

        color: rgba(17, 17, 17, 0.7);

        margin-top: 0px;

    }

    .con ul {

        margin-bottom: 30px;

    }



}