

.con1{

background: #F8F8F8;

opacity: 1;

padding-top: 39px;

display: flex;

flex-wrap: wrap;

justify-content: space-evenly;

padding-bottom: 104px;

/* margin-bottom: 68px; */

}

.con-l-tit img, .con-l-tit h5::after {

    display: none;

}

.con-l-tit h5 {

    margin: 0 auto;

}

.con1 li{

    width: 539px;

    height: auto;

   transition: all 0.2s;

    opacity: 1;

    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.con1 li h5{

font-size: 22px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 24px;

color: #002E63;

opacity: 1;

margin-top: 60px;

text-align: center;

margin-bottom: 35px;

}

.con-tit a,.con-tit  {

    font-size: 14px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 18px;

    color: #666666;

    opacity: 1;

}

.con1 li p{

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 24px;

    color: #666666;

    opacity: 1;

    margin: 0 auto;

    width: 393px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;

}

.con1 li div{

    width: 392px;

    height: 190px;

    overflow: hidden;

    margin: 0 auto;

    margin-top: 11px;
    margin-bottom: 20px;
}

.con1 li div img{

transition: all 0.5s;

width: 100%;

}

.con1 li:hover{

    background: #E5E5E5;

}
.con1 li:hover > a > p{
    color:#002E63;
}
.con1 li:hover > a> div > img{

    transform: scale(1.05);

}

.con1 li h6{

    font-size: 22px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 24px;

    color: #666666;

    opacity: 1;

    text-align: center;

    margin-top: 80px;

}

.con1 li span{

    font-size: 22px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 24px;

    color: #A5A5A5;

    opacity: 1;

    text-align: center;

    display: block;

    margin: 105px 0 63px 0;

}

.con1 li:last-child{

    opacity: 0;

}



.con1-tit {

    display: flex;

    margin-bottom: 16px;

    justify-content: space-between;

    width: 100%;

    margin-top: -70px;

}

.con1-tit2{

    width: 100%;

    margin-top: 20px;

    padding-bottom: 55px;

    border-bottom: 1px solid #D9D9D9;

    margin-bottom: 50px;

}

.con1-tit2 h1{

font-size: 36px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #333333;

opacity: 1;

margin-bottom: 20px;

}

.con1-tit2 p{

    margin-left: 15px;

font-size: 14px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 22px;

color: #666666;

opacity: 1;

}

.con1-tit2 p::before{

    content: ' ';

    position: absolute;

    margin-top: 4px;

    margin-left: -15px;

    width: 3px;

    height: 15px;

    background: #BFBFBF;

}

.con1-d{

    width: 1000px;

    margin: 0 auto;

}

.con1-txt1{

    margin-bottom: 88px;

}

.con1-txt1 h2{

    margin-bottom: 30px;

}

.con1-txt1 p{

font-size: 18px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 32px;

color: #666666;

opacity: 1;

    margin-bottom: 50px;

}

.con1-txt1 p a{

    color: #003366;

}

.con1-txt2{



}
.con_page{
    display: none;
}
.last-li{
    border: none !important;
}
.last-li:hover{
    background: #F8F8F8 !important;
}
.con1-txt2 h2{

    font-size: 28px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #333333;

opacity: 1;

    margin-bottom: 44px;

}

.con1-txt2 div{

    width: 100%;

    padding-bottom: 65px;

background: #EFEFEF;

opacity: 1;

}

.con1-txt2 div h3{

    margin: 0px 0 30px 45px ;

    padding-top: 45px;

}

.con1-txt2 div img{

    display: block;

    margin: 0 auto;

    margin-bottom: 35px;

}

.con1-txt2 div p{

font-size: 18px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 32px;

color: #666666;

opacity: 1;

margin: 0 33px 0 47px;

margin-bottom: 33px;

}

.con1-txt3{

    margin-top: 84px;

}

.con1-txt3 h2{

font-size: 28px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #333333;

opacity: 1;

    margin-bottom: 40px;

}

.con1-txt3 div{

    width: 100%;



background: #EFEFEF;

opacity: 1;



padding-top: 50px;

padding-bottom: 20px;

}

.con1-txt3 div p {

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 32px;

    color: #666666;

    opacity: 1;

    margin: 0 33px 0 47px;

    margin-bottom: 33px;

}

.con1-txt3 div  a{

    color: #003366;

}

.con4-a{

    margin-left: 47px;

    margin-bottom: 40px;

    display: block;

}

@media screen and (max-width: 1500px){

.con1 li {

    width: 40%;
    padding: 0 20px;

}



}

@media screen and (max-width: 1500px){

    .con1 li p{

        width: auto;

    }

    .con1 li div {

        width: auto;

    }

    .con1-d {

        width: 90%;

    }

    .con1-txt1 img{

        width: 100%;

    }

}
@media screen and (max-width: 700px){
    .con1 li div {

        height: auto;

    }
    .con1 {
        padding-top: 0;
    }
    .con1 li {
        width: 100%;
    }
    .con1 li p {
        font-size: 16px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .con1 li h5 {
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 24px;
        color: #002E63;
        opacity: 1;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    .con1 li {
        height: auto;
        margin-bottom: 20px;
    }
    .con1{
        padding-bottom: 0;
    margin-bottom: 0;
    }

}