.banner_oa{
    width: 100%;
    height: 500px;
}
.bannerhurg{
    width: 100%;
    min-width: 1200px;
    height: 500px;
    margin: 0 auto;
    background: url("/style/images/banner_oa.jpg") center center no-repeat;

}
.sametitle{
    width: 100%;
    height: 80px;
}
.sametitlehurg{
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.brhurg{
    width: 1200px;
    margin: 0 auto;
}
.br{
    width: 100px;
    height: 2px;
    background: rgba(180, 180, 180, 1);
    margin: 0 auto;
}
.sametitletext1{
    color: rgba(119, 119, 119, 1);
}
.sametitletext2{
    color: rgba(14, 171, 247, 1);
}

.span1{
    width: 100%;
    padding: 30px 0;
}
.spanhurg1{

    width: 1200px;
    height: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}
.spanhurg1>div{
    width: 50%;
    height: 400px;
}
.spanhurg1_1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.spanhurg1_1>img{
    width: 462px;
    height: 313px;
}
.spanhurg1_2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.spanhurg1_2>div:first-child{
    font-size: 25px;
    color: rgba(108, 108, 108, 1);
}
.spanhurg1_2>div:last-child{
    color: rgba(173, 173, 173, 1);
}
.spanhurg1_2>div{
    width: 80%;
}
.span2{
    width: 100%;
    background: rgba(245, 245, 245, 1);
}
.spanhurg2{
    width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
}
.list{
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.list_li{
    width: 20%;
    height: 200px;
   list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.list_li>img{
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
    transition: all 1s;
}
.list_li>img:hover{
    transform: scale(1.3,1.3);
}
.list_li>text{
    font-size: 18px;
}
.span3{
    width: 100%;
}
.spanhurg3{
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.list_2_li{
    width: 256px;
    height: 110px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    border:2px solid #ddd;
    margin-right: 10px;
    margin-bottom: 10px;
    transition:border-image 3s;
}
.list_2_li:hover{
    border-image: linear-gradient(#3191ff,  #3554ff) 20 20;

}
.list_2_li:nth-child(4n){
    margin-right: 0;
}
.list_2_li>div:first-child{
    width: 30%;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.list_2_li>div:first-child>img{
    width: 40px;
    height: 40px;
    transition: all 2s ease-in-out;
}
.list_2_li>div:first-child>img:hover{
    transform: rotate(360deg);
}
.list_2_li>div:last-child{
    width: 60%;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.add{
    margin-top: 20px;
}
.list_2_li_t1{

    font-size: 18px;
}
.list_2_li_t2{
    color: rgba(172, 172, 172, 1);
    font-size: 15px;
    text-align: left;

}
.span4{
    width: 100%;
    background:url("/style/images/rainbowbag.png") center ;
    min-width: 1200px;
    margin-top: 50px;
}
.spanhurg4{
    width: 1200px;
    margin: 0 auto;
}
.addtext{
    color: white;
}
.addbr{
    background: white;
}
.list_li_add{
    width: 350px;
}
.list_li_add>text{
    color: white;
    font-size: 16px;
    margin-top: 8px;
}
.list_li_add>img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.add4{
    margin-top: 50px;
}