.gn_nar {
    width: 100%;
    background-color: #eceff4;
    height: 60px;
}

.gn_flex {
    width: 1200px;
    height: 60px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gn_flex_items {
    width: 100px;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-right: 100px;
    position: relative;
}

 .g1{
    background: url(../images/aaa1.png) no-repeat 0px center/24px 24px;
 }
.g1:hover,div.g-active.g1{
    background: url(../images/aaa.png) no-repeat 0px center/24px 24px;
    color: #111f33 !important;
 }
div.g-active.g1::after,
div.g-active.g2::after,
div.g-active.g3::after,
div.g-active.g4::after,
div.g-active.g5::after,
.g1:hover::after,
.g2:hover::after,
.g3:hover::after,
.g4:hover::after,
.g5:hover::after{
    content:" ";
    width: 100%;
    height: 4px;
    background-color: #0072E7;
    position:absolute;
    left: 0px;
    bottom: 0px;
}
 .g2{
    background: url(../images/bbb1.png) no-repeat 0px center/24px 24px;
 }
 .g2:hover,div.g-active.g2{
    background: url(../images/bbb.png) no-repeat 0px center/24px 24px;
    color: #111f33 !important;
  }
 .g3{
    background: url(../images/ccc1.png) no-repeat 0px center/24px 24px;
 }
.g3:hover,div.g-active.g3{
    background: url(../images/ccc.png) no-repeat 0px center/24px 24px;
    color: #111f33 !important;
 }
 .g4{
    background: url(../images/ddd1.png) no-repeat 0px center/24px 24px;
 }
 .g4:hover,div.g-active.g4{
    background: url(../images/ddd.png) no-repeat 0px center/24px 24px;
    color: #111f33 !important;
 }
 .g5{
    background: url(../images/fff1.png) no-repeat 0px center/24px 24px;
 }
 .g5:hover,div.g-active.g5{
     background: url(../images/fff.png) no-repeat 0px center/24px 24px;
    color: #111f33 !important; 
 }



/* .gn_flex_items_active {
    
    
} */

.gn_flex_items img {
    margin-right: 5px;
}

.gn_1_con {
    width: 100%;
    padding: 33px 0px;
}

.gn_1_con_title {
    font-size: 30px;
    color: #111f33;
    text-align: center;
}

.gn_1_con_w1200 {
    width: 1200px;
    margin: auto;
}

.gn_1_con_items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
    
}

.gn_1_con_items::after {
    content: " ";
    width: 285px;
}

.gn_1_con_item {
    width: 285px;
    height: 200px;
    box-sizing: border-box;
    padding: 16px 20px 0;
    border-radius: 10px;
    margin-bottom: 18px;
    box-shadow: 2px 2px 12px 2px #4c4c4c2b;
    background: #fff;
}
.gn_1_con_item>h3{
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #111f33;
    margin-top: 20px;
}
.gn_1_con_item_title {
    font-size: 18px;
    color: #384e60;
    /*padding-bottom: 20px;*/
    /*margin-bottom: 10px;*/
    /*border-bottom: 1px solid #e8e8e8*/
}

.gn_1_con_item_info {
    margin-top: 8px;
    font-size: 14px;
    color: #676c73;
    line-height: 22px;
}

.gn_1_con_item_title img {
    margin-right: 30px;
    width: 56px;
}

.gn_2_con {
    padding: 20px 0px;
    width: 100%;
    height: auto;
    
}
div.gn_2_con.bgcover{
    background:url(../images/aa_02.jpg) no-repeat 0px 0px/cover;
}
.bgcover .gn_2_con_item{
    background-color: #fff;
}
    
div.gn_2_con.bigcover2{
    background:url(../images/aa_01_02.jpg) no-repeat 0px 0px/cover;
}
.bigcover2 .gn_2_con_item{
    background-color: #fff;
}
.gn_2_con_title_main {
    text-align: center;
    font-size: 30px;
    color: #111f33;
}

.gn_2_con_info {
    font-size: 14px;
    color: #666;
}

.gn_2_con_items {
    width: 1200px;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    flex-wrap: wrap;
}

.gn_2_con_item {
    box-sizing: border-box;
    width: 285px;
    height: 156px;
    border-radius: 10px;
    padding: 20px 12px;
    margin-bottom: 18px;
    box-shadow: 2px 2px 12px 2px #4c4c4c2b;
}

.gn_2_con_title {
    margin-bottom: 10px;
    padding-bottom: 20px;
    font-size: 18px;
    color: #384e60;
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    align-items: center;
}

.gn_2_con_title img {
    margin-right: 36px;
    margin-left: 10px;
}

.gn_2_con_items::after {
    content: " ";
    width: 285px;
}

div.gn_2_con.bgfff_gn {
    background-color: #fff;
}

div.no_margin {
    margin: 0px;
}

.gn_ti_an {
    width: 100%;
    height: 168px;
    background: #4499f7;
    box-sizing: border-box;
    padding-top: 40px;
}

.gn_ti_an_title {
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.gn_ti_an_a_con {
    padding-top: 23px;
    text-align: center;
}

.gn_ti_an_a {
    line-height: 40px;
    display: inline-block;
    width: 203px;
    height: 40px;
    font-size: 14px;
    color: #4499f7;
    border-radius: 20px;
    background: #fff;
}