.fixed-header{
    font-size: 34px;
    height: 1.5em;
}
.main.engineering .G_box1,
.g_engineering .main.engineering .box1 {
    margin-top: 0;
    padding-top: 0;
    padding: 0 0rem 0;
}

.main.engineering .G_box1 .box-tab {
    width: 100%;
}

.main.engineering .G_box1 .box-tab,
.g_engineering .main.engineering .box-tab {
    border: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: space-evenly;
}

.main.engineering .G_box1 .box-tab .li,
.g_engineering .main.engineering .box-tab .li {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: .5rem .5rem;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 0;
    background-color: #fff;
}

.main.engineering .G_box1 .box-tab .li:last-child,
.g_engineering .main.engineering .box-tab .li:last-child {
    border-right: 0;
}

.main.engineering .G_box1 .box-tab .li .scg_icon,
.g_engineering .main.engineering .box-tab .li .scg_icon {
    margin-right: .25rem;
    width: .55rem;
    height: auto;
}

.main.engineering .G_box1 .box-tab .li .scg_icon svg,
.g_engineering .main.engineering .box-tab .li .scg_icon svg {
    width: 100%;
    height: auto;
}

.main.engineering .G_box1 .box-tab .li .scg_icon svg path,
.g_engineering .main.engineering .box-tab .li .scg_icon svg path {
    fill: #777;
    transition: all .6s;
}

.main.engineering .G_box1 .box-tab .li:before,
.g_engineering .main.engineering .box-tab .li:before {
    display: none;
}

.main.engineering .G_box1 .box-tab .li.cur,
.main.engineering .G_box1 .box-tab .li:hover,
.g_engineering .main.engineering .box-tab .li.cur,
.g_engineering .main.engineering .box-tab .li:hover {
    background-color: #f4f4f4;
}

.main.engineering .G_box1 .box-tab .li.cur .scg_icon svg path,
.main.engineering .G_box1 .box-tab .li:hover .scg_icon svg path,
.g_engineering .main.engineering .box-tab .li:hover .scg_icon svg path,
.g_engineering .main.engineering .box-tab .li.cur .scg_icon svg path {
    fill: #008b3f;
}

.g_engineering .warp-subnav-g .back-tip {
    padding-bottom: .65rem;
    position: relative;
}

.warp-subnav-g .back-tip a.poa {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    right: 3.5rem;
    display: none;
}

.warp-subnav-g .back-tip a.poa.on {
    display: flex;
}

.g_engineering .main.engineering {
    background-color: #F4F4F4;
}

.g_engineering .main.engineering .box2 .contentbox .p {
    padding: .5rem 0.5rem;
}

.g_engineering .main.engineering .box2 .title-p {
    margin-bottom: .125rem;
    padding: 0rem 0.5rem;
}

.g_engineering .main.engineering .w1640 {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    /* padding: ; */
}

.g_engineering .main.engineering .box2 .imgbox {
    margin-bottom: 0;
    height: auto;
    width: 100% !important;
    /* width: 41.74rem; */
}

.g_engineering .main.engineering .box2 .tit2 {
    color: #333;
    margin-bottom: .15rem;
}

.g_engineering .main.engineering .box2 .tit3 {
    color: #666;
}

.g_engineering .main.engineering .box2 .dian .tit4 {
    width: 2rem;
    height: .75rem;
    border-radius:0 !important;
    border-top-left-radius: .5rem !important; 
    border-bottom-right-radius: .5rem !important;
    background: rgba(255, 255, 255, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    /* display: none !important; */
    position: absolute;
    left: 50%;
    top: -40px;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    z-index: -1;
    overflow: hidden;
    /* transform: translateY(20px); */
}
.g_engineering .main.engineering .box2 .dian.cur{
    z-index: 3;
}
.g_engineering .main.engineering .box2 .dian.cur .tit4{
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.g_engineering .main.engineering .box2 .tabulbox:before{
    display: none;
}

.g_engineering .main.engineering .box2 .dian .tit4 span {
    background-color: transparent;
    height: auto !important;
    font-size: 12px !important;
    line-height: 1;
    margin-top: 2px;

}

.main.engineering .box2 .dian9 {
    top: 65%;
    left: 12%;
}

.main.engineering .box2 .dian2 {
    top: 69%;
    left: 27.5%;
}

.main.engineering .box2 .dian14 {
    top: 47.5%;
    left: 29.5%;
}

.main.engineering .box2 .dian13 {
    top: 27.5%;
    left: 43.8%;
}

.main.engineering .box2 .dian3 {
    top: 81%;
    left: 43%;
}

.main.engineering .box2 .dian10 {
    top: 63%;
    left: 54%;
}

.main.engineering .box2 .dian4 {
    top: 51%;
    left: 71.5%;
}

.main.engineering .box2 .dian1 {
    top: 85%;
    left: 64.8%;
}

/* city */
.g_engineering .main.engineering .box2 .dian .tit4 {
    border-radius: .125rem;
    border-top-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    background: rgba(255, 255, 255, .8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.g_engineering .main.engineering .box2 .dian .tit4 span {
    background-color: transparent;
}

.main.engineering .box2 .dian16 {
    top: 60%;
    left: 10%;
}

.main.engineering .box2 .dian17 {
    top: 34%;
    left: 23.5%;
}

.main.engineering .box2 .dian18 {
    top: 79%;
    left: 23.2%;
}

.main.engineering .box2 .dian19 {
    top: 57%;
    left: 31.5%;
}

/* .main.engineering .box2 .dian20{
    top: 46.5%;
    left: 43%;
} */
.main.engineering .box2 .dian21 {
    top: 46.5%;
    left: 43%;
}

.main.engineering .box2 .dian22 {
    top: 64.5%;
    left: 50%;
}

.main.engineering .box2 .dian23 {
    top: 59%;
    left: 62.5%;
}

.main.engineering .box2 .dian24 {
    top: 38%;
    left: 66.5%;
}

.main.engineering .box2 .dian25 {
    top: 68%;
    left: 74%;
}

.main.engineering .box2 .dian26 {
    top: 49.9%;
    left: 83.2%;
}

.g_info_box {
    background-color: #F4F4F4;
}

.g_info_box .warp-subnav-g {
    display: none;
}

.g_info_box .g_info {
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow: hidden;
}

.g_info_box .g_info .g_info_scroll {
    width: 92%;
    margin: 1rem auto;
    height: auto;
    position: relative;
}
.g_info_box .g_info .g_info_scroll .swiper-wrapper{
    align-items: stretch;
}
.g_info_box .g_info .g_info_scroll .swiper-wrapper .swiper-slide{
    height: auto;
}


.g_info_box .g_info img {
    width: 100%;
}

.g_info_box .warp-subnav-g .n-subnav .sub-item {
    display: none;
}

.g_ul_list_box {
    width: 100%;
    padding: .5rem;
    background-color: #fff;
}
.g_urban_swiper{
    margin-top: 1rem;
}
.g_ul_list_box > .tit-24{
    font-size: .45rem;
    font-weight: 500;
}
.g_ul_list_box > .tit-16{
    font-size: .3rem;
    margin: .25rem 0;
}
.g_ul_list_box .g_ul_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .225rem;
}

.g_ul_list_box .g_ul_list .g_ul_li {
    width: 100%;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #99867B;
    padding: 0 .425rem;
    height: 1.1rem;
    transition: all .6s;
}

.g_ul_list_box .tit-17 {
    line-height: 1.5;
    margin-top: .5rem;
    width: 100%;
    margin-bottom: .25rem;
}

.g_ul_list_box .g_ul_list .g_ul_li .tit-15 {
    line-height: 1.1;
    max-width: calc(100% - .45rem);
    font-weight: 450;
}

.g_ul_list_box .g_ul_list .g_ul_li_cir {
    width: .45rem;
    height: .45rem;
    background: #99867B;
    border-radius: 50%;
    border: 0px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s;
}

.g_ul_list_box .g_ul_list .g_ul_li_cir path {
    transition: all .6s;
}

.g_ul_list_box .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #99867B;
}

.g_ul_list_box .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #99867B;
}

.g_ul_list_box25 .g_ul_list .g_ul_li,
.g_ul_list_box26 .g_ul_list .g_ul_li,
.g_ul_list_box27 .g_ul_list .g_ul_li,
.g_ul_list_box28 .g_ul_list .g_ul_li,
.g_ul_list_box29 .g_ul_list .g_ul_li {
    border-color: #008C3F;
}

.g_ul_list_box25 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box26 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box27 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box28 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box29 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #008C3F;
}

.g_ul_list_box25 .g_ul_list .g_ul_li:hover,
.g_ul_list_box26 .g_ul_list .g_ul_li:hover,
.g_ul_list_box27 .g_ul_list .g_ul_li:hover,
.g_ul_list_box28 .g_ul_list .g_ul_li:hover,
.g_ul_list_box29 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #008C3F;
}

.g_ul_list_box25 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box26 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box27 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box28 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box29 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box25 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box26 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box27 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box28 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box29 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #008C3F;
}

.g_ul_list_box34 .g_ul_list .g_ul_li,
.g_ul_list_box35 .g_ul_list .g_ul_li,
.g_ul_list_box36 .g_ul_list .g_ul_li,
.g_ul_list_box37 .g_ul_list .g_ul_li,
.g_ul_list_box38 .g_ul_list .g_ul_li,
.g_ul_list_box39 .g_ul_list .g_ul_li {
    border-color: #90BF71;
}

.g_ul_list_box34 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box35 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box36 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box37 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box38 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box39 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #90BF71;
}

.g_ul_list_box34 .g_ul_list .g_ul_li:hover,
.g_ul_list_box35 .g_ul_list .g_ul_li:hover,
.g_ul_list_box36 .g_ul_list .g_ul_li:hover,
.g_ul_list_box37 .g_ul_list .g_ul_li:hover,
.g_ul_list_box38 .g_ul_list .g_ul_li:hover,
.g_ul_list_box39 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #90BF71;
}

.g_ul_list_box34 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box35 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box36 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box37 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box38 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box39 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box34 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box35 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box36 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box37 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box38 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box39 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #90BF71;
}

.g_ul_list_box40 .g_ul_list .g_ul_li,
.g_ul_list_box41 .g_ul_list .g_ul_li,
.g_ul_list_box42 .g_ul_list .g_ul_li,
.g_ul_list_box43 .g_ul_list .g_ul_li,
.g_ul_list_box44 .g_ul_list .g_ul_li,
.g_ul_list_box45 .g_ul_list .g_ul_li {
    border-color: #7CA2CC;
}

.g_ul_list_box40 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box41 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box42 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box43 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box44 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box45 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #7CA2CC;
}

.g_ul_list_box40 .g_ul_list .g_ul_li:hover,
.g_ul_list_box41 .g_ul_list .g_ul_li:hover,
.g_ul_list_box42 .g_ul_list .g_ul_li:hover,
.g_ul_list_box43 .g_ul_list .g_ul_li:hover,
.g_ul_list_box44 .g_ul_list .g_ul_li:hover,
.g_ul_list_box45 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #7CA2CC;
}

.g_ul_list_box40 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box41 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box42 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box43 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box44 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box45 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box40 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box41 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box42 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box43 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box44 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box45 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #7CA2CC;
}

.g_ul_list_box46 .g_ul_list .g_ul_li,
.g_ul_list_box47 .g_ul_list .g_ul_li,
.g_ul_list_box48 .g_ul_list .g_ul_li,
.g_ul_list_box49 .g_ul_list .g_ul_li {
    border-color: #F8B62D;
}

.g_ul_list_box46 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box47 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box48 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box49 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #F8B62D;
}

.g_ul_list_box46 .g_ul_list .g_ul_li:hover,
.g_ul_list_box47 .g_ul_list .g_ul_li:hover,
.g_ul_list_box48 .g_ul_list .g_ul_li:hover,
.g_ul_list_box49 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #F8B62D;
}

.g_ul_list_box46 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box47 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box48 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box49 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box46 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box47 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box48 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box49 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #F8B62D;
}

.g_ul_list_box50 .g_ul_list .g_ul_li,
.g_ul_list_box51 .g_ul_list .g_ul_li,
.g_ul_list_box52 .g_ul_list .g_ul_li,
.g_ul_list_box53 .g_ul_list .g_ul_li {
    border-color: #CA8F44;
}

.g_ul_list_box50 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box51 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box52 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box53 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #CA8F44;
}

.g_ul_list_box50 .g_ul_list .g_ul_li:hover,
.g_ul_list_box51 .g_ul_list .g_ul_li:hover,
.g_ul_list_box52 .g_ul_list .g_ul_li:hover,
.g_ul_list_box53 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #CA8F44;
}

.g_ul_list_box50 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box51 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box52 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box53 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box50 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box51 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box52 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box53 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #CA8F44;
}

.g_ul_list_box74 .g_ul_list .g_ul_li,
.g_ul_list_box75 .g_ul_list .g_ul_li,
.g_ul_list_box76 .g_ul_list .g_ul_li,
.g_ul_list_box77 .g_ul_list .g_ul_li,
.g_ul_list_box78 .g_ul_list .g_ul_li {
    border-color: #B59177;
}

.g_ul_list_box74 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box75 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box76 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box77 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box78 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #B59177;
}

.g_ul_list_box74 .g_ul_list .g_ul_li:hover,
.g_ul_list_box75 .g_ul_list .g_ul_li:hover,
.g_ul_list_box76 .g_ul_list .g_ul_li:hover,
.g_ul_list_box77 .g_ul_list .g_ul_li:hover,
.g_ul_list_box78 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #B59177;
}

.g_ul_list_box74 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box75 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box76 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box77 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box78 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box74 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box75 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box76 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box77 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box78 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #B59177;
}

.g_ul_list_box94 .g_ul_list .g_ul_li,
.g_ul_list_box95 .g_ul_list .g_ul_li,
.g_ul_list_box96 .g_ul_list .g_ul_li,
.g_ul_list_box97 .g_ul_list .g_ul_li,
.g_ul_list_box98 .g_ul_list .g_ul_li {
    border-color: #906A53;
}

.g_ul_list_box94 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box95 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box96 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box97 .g_ul_list .g_ul_li .g_ul_li_cir,
.g_ul_list_box98 .g_ul_list .g_ul_li .g_ul_li_cir {
    background-color: #906A53;
}

.g_ul_list_box94 .g_ul_list .g_ul_li:hover,
.g_ul_list_box95 .g_ul_list .g_ul_li:hover,
.g_ul_list_box96 .g_ul_list .g_ul_li:hover,
.g_ul_list_box97 .g_ul_list .g_ul_li:hover,
.g_ul_list_box98 .g_ul_list .g_ul_li:hover {
    color: #fff;
    background-color: #906A53;
}

.g_ul_list_box94 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box95 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box96 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box97 .g_ul_list .g_ul_li:hover .g_ul_li_cir,
.g_ul_list_box98 .g_ul_list .g_ul_li:hover .g_ul_li_cir {
    background-color: #fff;
}

.g_ul_list_box94 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box95 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box96 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box97 .g_ul_list .g_ul_li:hover .g_ul_li_cir path,
.g_ul_list_box98 .g_ul_list .g_ul_li:hover .g_ul_li_cir path {
    fill: #906A53;
}

.g_urban {
    background-color: #F4F4F4;
}
.g_urban_01{
    width: 100%;

}

.g_urban .g_urban_01 .w1640 {
    width: 100%;

    padding-bottom: 0;
}

.g_urban .g_urban_02 .w1640 {
    padding-top: 1rem;
    padding-bottom:1rem;
}

.g_urban .g_urban_02 .w1640>.tit-32 {
    margin-bottom: .5rem;
    color: #069539;
    line-height: 1;
    font-size: .6rem;
}

.g_urban .g_urban_02 .w1640>.tit-22 {
    margin-bottom: 0rem;
    color: #069539;
    font-size: .45rem;
}

.g_urban .g_urban_02 .ul_lis {
    margin-top: .5rem;
}

.g_urban .g_urban_02 .ul_lis .swiper-wrapper {
    align-items: stretch;
}

.g_urban .g_urban_02 .ul_lis .swiper-pagination {
    position: relative;
    bottom: auto;
}

.g_urban .g_urban_02 .ul_lis .li {
    width: calc((100% - 1.5rem) / 4);
    margin-right: .5rem;
    height: auto;
    background: #FFFFFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    transition: all .6s;
    position: relative;
    padding: 1rem;
}



.g_urban .g_urban_02 .ul_lis .li .tit-22 {
    transition: all .6s;
    margin-top: .6rem;
    position: relative;
    z-index: 1;
    margin-bottom: .3rem;
    font-size: .5rem;
}

.g_urban .g_urban_02 .ul_lis .li .tit-17 {
    transition: all .6s;
    position: relative;
    z-index: 1;
    font-size: .35rem;
    margin-bottom: .25rem;
}
.g_urban .g_urban_02 .ul_lis .li .tit-15{
    color: #fff;
    transition: all .6s;
}

.g_urban .g_urban_02 .ul_lis .li .img {
    width: 1.5rem;
    height: 1.5rem;
    background: #069539;
    border-radius: 50%;
    border: 0px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    position: relative;
    z-index: 1;
}

.g_urban .g_urban_02 .ul_lis .li.swiper-slide-active {
    background-color:#069539;
}

/* .g_urban .g_urban_02 .ul_lis .li.cur {
    background: #069539;
    box-shadow: 8px 6px 20px 0px rgba(6, 149, 57, 0.25);
    border-radius: 75px 5px 75px 5px;
}
*/
.g_urban .g_urban_02 .ul_lis .li.swiper-slide-active .img {
    background: rgba(255, 255, 255, .2);
}


.g_urban .g_urban_02 .ul_lis .li.swiper-slide-active .tit-22,
.g_urban .g_urban_02 .ul_lis .li.swiper-slide-active .tit-17 {
    color: #fff;
}

.g_urban .g_urban_03 {
    background-color: #fff;
}

.g_urban .g_urban_03 .w1640 {
    padding: 1rem 0 0rem;
}

.g_urban .g_urban_03 .w1640>.tit-32 {
    color: #008b3f;
    margin-bottom: .5rem;
    line-height: 1;
    font-size: .6rem;
}

.g_urban .g_urban_03 .w1640>.tit-22 {
    color: #008b3f;
    font-size: .45rem;
}

.g_urban .g_urban_03 .tit-28 {
    padding: .5rem;
    background-color: rgba(244, 244, 244, 1);
    border-radius: 5px;
    margin-top: .5rem;
}

.g_urban .g_urban_03 .ul_show {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0;
    margin-top: .5rem;
    padding-bottom: .25rem;
    border-bottom: 1px solid rgba(51, 51, 51, .2);
}

.g_urban .g_urban_03 .ul_show .li {
    flex: 48% 0;
    display: flex;
    align-items: center;
    transition: all .6s;
    background-color: #F4F4F4;
    margin-bottom: .25rem;
    padding: .25rem;
}

.g_urban .g_urban_03 .ul_show .li img {
    margin-right: .35rem;
    filter: invert(1) brightness(0);
    transition: all .6s;
    opacity: 0.5;
}

.g_urban .g_urban_03 .ul_show .li:hover img {
    filter: none;
    opacity: 1;
}

.g_urban .g_urban_03 .ul_show .li:hover {
    color: #069539;
}

.g_urban .g_urban_03 .g_urban_img {
    padding-top: 1rem;
    padding-bottom: .5rem;
}
.g_urban .g_urban_03 .g_ul_list{
    align-items: stretch;
}
.g_urban .g_urban_03 .g_ul_list .g_ul_li {
    border: 1px solid #008C3F;
    margin-bottom: .425rem;
    width: 48%;
    height: 100%;
    padding: .25rem;
}
.g_urban .g_urban_03 .g_ul_list .g_ul_li:last-child{
    margin-bottom: 0;
}
.g_urban .g_urban_03 .g_ul_list .g_ul_li_cir {
    background-color: #008C3F;
}

.g_urban .g_urban_03 .g_ul_list .g_ul_li:hover {
    background-color: #008C3F;
}

.g_urban .g_urban_03 .g_ul_list .g_ul_li:hover path {
    fill: #008C3F;
}



.g_urban .g_urban_03 .g_ul_list_box.g_ul_list_box9 .g_ul_li {
    width: 5.5rem;
}

.g_urban .g_urban_04 {
    width: 100%;
    padding: 1rem .5rem 1rem;
}

.g_urban .g_urban_04 .tit-28 {
    margin-bottom: .5rem;
    font-size: .45rem;
    line-height: 1.3;
}
.g_urban .g_urban_04 .tit-22 {
    font-size: .3rem;
}
.g_urban .g_urban_04 .ul_swiper {
    overflow: hidden;
    width: 100%;
    padding-right: 0;
    padding-bottom: 1rem;
    margin-top: .5rem;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide {
    /* width: calc((100% - 11rem ) / 3.95); */
    /* margin-right: .75rem; */
    width: 100%;
    height: auto;
    border-radius: .125rem;
    overflow: hidden;
}



.g_urban .g_urban_04 .ul_swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
    position: relative;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide .img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.5rem;
    background-image: url(/bocstatic/m/ginfo/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    transition: all .6s;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide .img::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0rem;
    background-image: url(/bocstatic/m/ginfo/bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide.swiper-slide-active .img::before {
    height: 7.5rem;
    opacity: 1;
    visibility: visible;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide.swiper-slide-active .img::after {
    height: 0rem;
    opacity: 0;
    visibility: hidden;
}

.g_urban .g_urban_04 .swiper-container-horizontal>.swiper-scrollbar {
    left: 0;
    width: 100%;
    height: .2rem;
    /* background: rgba(51, 51, 51, .15); */
    background-color: transparent;
    border-radius: 1px;
}

.g_urban .g_urban_04 .ul_swiper .swiper-slide .tit-22 {
    color: #fff;
    padding: 1rem .5rem .5rem;
    left: 0;
    bottom: 0;
    z-index: 1;
    font-size: .6rem;
}

.g_urban .g_urban_04 .swiper-container-horizontal>.swiper-scrollbar::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(51, 51, 51, .15);
    border-radius: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.g_urban .g_urban_04 .swiper-container-horizontal>.swiper-scrollbar>.swiper-scrollbar-drag {
    background: #069539;
    border-radius: 4px;
    width: auto;
}

.g_urban_05 {
    padding-top: 1rem;
    background-color: #fff;
}

.g_urban_05 .w1640>.tit-32 {
    color: #069539;
    font-size: .6rem;
    margin-bottom: .5rem;
    line-height: 1;
}

.g_urban_05 .w1640>.tit-22 {
    color: #069539;
    font-size: .45rem;
}

.g_urban_05 .w100 {
    width: 100%;
    margin-top:.5rem;
    background: #F4F4F4;
    padding: 1rem .5rem 1rem;
}

.g_urban_05 .w100 .tit-28 {
    margin-bottom: .75rem;
    line-height: 1.5;
    font-size: .4rem;
}

.g_urban_05 .w100 .wrap_list {

    margin-top: 1.1rem;
    position: relative;
    border-top: 1px solid rgba(51, 51, 51, .1);
    overflow: hidden;
}

.g_urban_05 .w100 .wrap_list_box {
    position: relative;
}


.g_urban_05 .w100 .wrap_list .lis {
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: .5rem;
    position: relative;
}
.g_urban_05 .w100 .wrap_list .lis::after{
    position: absolute;
    content: '';
    width: 0cm;
    height: 2px;
    background-color: #069539;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .6s .2s;
}
.g_urban_05 .w100 .wrap_list .lis.swiper-slide-active::after{
opacity: 1;
visibility:visible;
width: 100%;
}

.g_urban_05 .w100 .wrap_list .lis:last-child {
    margin-right: 0;
}

.g_urban_05 .w100 .lis_txt {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #333;
    background-color: #fff;
    padding: .6rem .95rem;
}

.g_urban_05 .w100 .lis_txt span {
    color: #606060;
    margin-bottom: .25rem;
    display: block;
}

.g_urban_05 .w100 .lis_txt div {
    padding-bottom: .5rem;
    width: 100%;
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(51, 51, 51, .1);
}

.g_urban_05 .w100 .lis_txt div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.g_urban_05 .w100 .wrap_list .lis .tit-22{
    font-size: .35rem;
}

.g_urban_05 .w100 .wrap_list .lis.swiper-slide-active .tit-22,
.g_urban_05 .w100 .wrap_list .lis.swiper-slide-active .lis_txt {
    color: #069539;
}

.g_urban_05 .w1640>.tit-28 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    line-height: 1;
    font-size: .45rem;
}

.g_urban_05 .w1640>.tit-15 {
    margin-bottom: .5rem;
    font-size: .3rem;
}

.g_urban_05 .w1640 .ulbox {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.g_urban_05 .w1640 .ulbox .li {
  width: 100%;
  margin-bottom: 1rem;
}
.g_urban_05 .w1640 .ulbox .li:last-child{
    margin-bottom: 0;
}

.g_urban_05 .w1640 .ulbox .li_tit {
    width: 100%;
    height: 1rem;
    background: #069539;
    border-radius: .85rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem;
    font-size: .35rem;
}
.g_urban_05 .w1640 .ulbox .li_tit img{
transform: scale(.8);
}
.g_urban_05 .w1640 .ulbox span.mim {
    display: block;
    margin-bottom: .2rem;
    font-size: .35rem;
}

.g_urban_05 .w1640 .ulbox .li_box {
    border-radius: 5px;
    margin-top: -0.85rem;
    border: 1px solid rgba(102, 102, 102, 0.1);
    padding: 1.5rem .5rem 1.5rem .5rem;
}

.g_urban_05 .w1640 .ulbox .li_box div {
    padding-bottom: .5rem;
    font-size: .3rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(102, 102, 102, 0.1);
}

.g_urban_05 .w1640 .ulbox .li_box div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.g_urban_05 .w1640>.line {
    width: 100%;
    height: 1px;
    background: #333333;
    border: 0px solid #FFFFFF;
    opacity: 0.1;
    margin: 1rem 0;
}

.g_urban_05 .w1640 .ul_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: .5rem;
    padding-bottom: 1rem;
}

.g_urban_05 .w1640 .ul_list .lis {
    width: 100%;
    margin-right: 0rem;
    background: #F4F4F4;
    border-radius: 5px;
    padding: 1rem ;
    position: relative;
    text-align: center;
    transition: all .6s;
    margin-bottom: 1.5rem;
}

.g_urban_05 .w1640 .ul_list .lis:hover {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(6, 149, 57, 0.25);
    border-radius: 5px;
    /* border: 1px solid rgba(6, 149, 57, 0.1); */
}

.g_urban_05 .w1640 .ul_list .lis .tit-22,
.g_urban_05 .w1640 .ul_list .lis .tit-15 {
    transition: all .6s;
}

.g_urban_05 .w1640 .ul_list .lis:hover .tit-22,
.g_urban_05 .w1640 .ul_list .lis:hover .tit-15 {
    color: #069539;
}

.g_urban_05 .w1640 .ul_list .lis:last-child {
    margin-right: 0;
}

.g_urban_05 .w1640 .ul_list .lis .img {
    position: absolute;
    left: 50%;
    bottom: -1.05rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #069539;
    border-radius: 50%;
    border: 0px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
}
.g_urban_05 .w1640 .su .tit-28{
    font-size:.45rem ;
}
.g_urban_05 .w1640 .ul_list .lis .tit-22 {
    margin-bottom: .5rem;
    font-size: .4rem;
}
.g_urban_05 .w1640 .ul_list .lis .tit-17{
    font-size: .3rem;
}
.g_urban .warp-subnav .back-tip a {
    color: #999;
}
.main.engineering .box2 .listajax {
    width: 100%;
    overflow-x: auto;
}
.main.engineering .box2 .listajax > .por{
    width: 100%;

}
.main.engineering .box2 .warpimg {
    height: 5rem;
    /* overflow: visible !important; */
}

.main.engineering .box2 .dian:hover .more {
    color: #fff !important;
}
.g_urban_05 .swiper-pagination{
    position: relative;
    bottom: auto !important;
    line-height: 1;
}

.g_urban_05 .swiper-pagination,
.g_urban .g_urban_02 .ul_lis .swiper-pagination,
.g_info_box .g_info .g_info_scroll .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: .5rem;
}
.g_urban_05 .swiper-pagination .swiper-pagination-bullet, 
.g_urban_swiper .swiper-pagination .swiper-pagination-bullet,

.g_urban .g_urban_02 .ul_lis .swiper-pagination-bullet,
.g_info_box .g_info .g_info_scroll .swiper-pagination-bullet {
    background-color: #069539 !important;
    width: .25rem !important;
    height: .25rem !important;
    opacity: .25 !important;
    margin: 0 .1rem !important;
}
.g_urban_05 .swiper-pagination .swiper-pagination-bullet-active, 

.g_urban_swiper .swiper-pagination .swiper-pagination-bullet-active,

.g_urban .g_urban_02 .ul_lis .swiper-pagination-bullet-active,
.g_info_box .g_info .g_info_scroll .swiper-pagination-bullet-active {
    opacity: 1 !important;
}



.g_urban_swiper .swiper-pagination{
margin-top: .0rem;
margin-bottom: .5rem;
position: relative;
bottom: 0;
}<!--ºÄʱ1782535837.0637Ãë-->