a:link{text-decoration:none;color:#000000;}

a:visited{text-decoration:none;color:#000000;}

.hexin_div{
    /*height: 680px;*/
    width: 100%;
    height: auto;
    background: #FAFAFA;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
}
.hexin_div_div1{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 3rem;
}
.span1_ie78{
    font-size: 30px;
    color: #000000;
    display: block;
}
.span2_ie78{
    font-size: 14px;
    color: #000000;
    margin-top: 10px;
    display: block;
}
.hexin_div_div1 span:nth-child(1){
    font-size: 30px;
    color: #000000;
    display: block;
}
.hexin_div_div1 span:nth-child(2){
    font-size: 14px;
    color: #000000;
    margin-top: 10px;
    display: block;
}
.hexin_div_div2{
    width: 95%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1240px;
    margin: auto;
}
/*.hexin_div_div2{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*    max-width: 1400px;*/
/*    margin: 80px auto;*/
/*}*/
.home_index_content_div{
    /*width: 93%;*/
    /*max-width: 1240px;*/
    height: auto;
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
    background: #F8F8F8;
    /*border: 1px solid #D8D8D8;*/
    border-radius: 0 0 10px 10px;
}

.home_index_content_div_text{
    display: flex;flex-direction: column;padding: 10px;height: auto;
}

.hexin_div_div2 .div2_div{
    width: 28%;
    height: 197px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 22px;
    margin: 5px;
    cursor: pointer;
}
.div2_div:hover{
    background: rgba(51,146,217,0.07);
}





.div2_div_span1{
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
}
.div2_div_span2{
    font-size: 14px;
    color: #666666;
    margin-top: 22px;
    line-height: 30px;
    text-align: justify;
    letter-spacing: 1px;
    /*text-indent: 2em;*/
}

.home_div1{
    height: auto;padding: 90px 0 16px 0;
}
.home_div2{
    display: flex;flex-direction: column;align-items: center;
}
.home_span1{
    font-size: 30px;color: #000000;
    display: block;
}
.home_span2{
    font-size: 14px;color: #000000;margin-top: 10px;
    display: block;
}
.home_div3{
    margin-top: 50px;display: flex;flex-direction: column;align-items: center;
}
.home_div4{
    display: flex;align-items: center;justify-content: flex-start;width: 93%;max-width: 1240px
}

.home_span3{
    font-size: 18px;color: #333333;
    display: block;
}
.home_span4{
    font-size: 14px;color: #666666;margin: 16px 0;line-height: 24px;text-align: justify;
    display: block;
}
.home_div5{
    width: 80px;height: 36px;background: #2278FF;border-radius: 4px;display: flex;align-items: center;
    justify-content: center;
}
.home_span5{
    font-size: 14px;color: #FFFFFF;
}
.home_div6{
    height: auto;background: #FAFAFA;padding: 60px 0;
}
.home_div7{
    display: flex;flex-direction: column;align-items: center;
}
.home_span6{
    font-size: 30px;color: #000000;
    display: block;
}
.home_span7{
    font-size: 14px;color: #000000;margin-top: 10px;margin-bottom: 30px;
    display: block;
}
.home_div8{
    display: flex;align-items: center;flex-wrap: wrap;max-width: 1300px;margin: 0 auto;justify-content: center;
}
.home_div8 img{
    margin: 30px;
    width: 140px;
    height: 40px;
}
.home_div9{
    height: auto;padding: 60px 0;
}
.home_span8{
    font-size: 30px;color: #000000;
    display: block;
}
.home_span9{
    font-size: 14px;color: #000000;margin: 10px 0;
    display: block;
}


.home_index_div {
    background-size: cover;
    cursor: pointer;
    width: 25%;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_index_div:hover {
    background-image: url('../../imgs/program_selected.png')
}

.home_index_div:hover .color_div_span {
    font-size: 16px;
    color: #2290FF;
}

.home_index_div .color_div_span {
    font-size: 16px;
    color: #333333;
}

@media only screen and (min-width: 400px) and (max-width: 500px){
    .hexin_div_div2 .div2_div {
        width: 90%!important;
    }
    .home_index_div{
        width: 15%!important;
    }
    .home_index_div .color_div_span{
        font-size: 14px!important;
    }
}

@media only screen and (min-width: 501px) and (max-width: 768px){
    .div2_div{
        width: 90%!important;
    }
    .home_index_div{
        width: 15%!important;
    }

}

@media only screen and (min-width: 769px) and (max-width: 900px){
    .div2_div{
        width: 40%!important;
    }
}