.n-main{width: 100%;}
.n-cont{width: 100%;position: relative;}
.n-left{position: absolute;top: 0;right: 0;width: 62.13%;height: 100%;}
.n-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.n-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.n-right{position: relative;z-index: 1;width: 41.61%;display: flex;align-items: center;}
.n-box{padding: .3rem 1.7rem .3rem 1.37rem;}
.n-titles{width: 100%;margin-bottom: .25rem;color: #ffffff;font-weight: bold;line-height: 1.17;}
.n-intro{width: 100%;margin-bottom: .3rem;color: #ffffff;line-height: 1.7;}
.n-linkbox{display: inline-block;padding: .1rem;background-color: rgba(0,0,0,.4);border-radius: .25rem;}
.n-link{display: block;cursor: pointer;margin-bottom: 1px;padding: .12rem .2rem;color: #ffffff;line-height: 1.6;border-radius: calc(8em + .12rem);}
.n-link:hover{background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.n-link.active{background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}

@media(min-width: 750px){
   .n-right{min-height: 6.3rem;background-image: url('../images/a23.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
}
@media(max-width: 750px){
    .n-left{position: relative;width: 100%;height: auto;padding-top: calc(630/1193*100%);}
    .n-right{width: 100%;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
    .n-box{padding: .5rem .3rem;}
}

.o-main{overflow: hidden;width: 100%;position: relative;padding: 1.2rem .3rem .76rem;background-image: url('../images/b18.jpg');background-size: 100% auto;background-position: top center;background-repeat: no-repeat;}
.o-main .nav{position: absolute;top: 0;left: 0;z-index: 18;}
.o-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.o-cont{width: 100%;}
.o-item{position: relative;display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-bottom: 1.2rem;}
.o-left{width: 7.7rem;position: relative;}
.o-left:after{content: '';position: absolute;top: .8rem;right: .8rem;width: 8.3rem;height: 5.52rem;background-color: #eef5fe;border-radius: 0px .2rem .2rem 0px;}
.o-img{width: 100%;position: relative;z-index: 1; overflow: hidden;padding-top: calc(551/770*100%);border-radius: .2rem;}
.o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.o-right{width: calc(100% - 8.7rem);}
.o-titles{width: 100%;margin-bottom: 0.25rem;color: #222222;font-weight: bold;line-height: 1.4;}
.o-textbox{width: 100%;color: #222222;line-height: 1.75;}
.o-textbox *{line-height: inherit;max-width: 100%;}
.o-job{display: inline-block;position: relative;cursor: pointer;margin-top: .5rem; padding:0 .78rem 0 .23rem;color: #ffffff;line-height: .6rem;border-radius: .3rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.o-job:after{transition: all .5s;content: '';position: absolute;top: 50%;right: .12rem;transform: translate(0,-50%);width: .4rem;height: .4rem;border-radius: 50%;background-image: url('../images/a14.png');background-color: rgba(110,199,64,.6);background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.o-job:hover:after{right: .05rem;} 


@media(min-width: 750px){
    .o-item:nth-child(2n + 1){flex-direction: row-reverse;}
    .o-item:nth-child(1) .o-left:after{top: auto;right: auto;bottom: .8rem;left: .8rem; height: 5.1rem;}
    .o-item:nth-child(1) .o-img{padding-top: calc(470/770*100%);}
    .o-item:nth-child(2n + 1) .o-left:after{right: auto;left: .8rem;} 
}
@media(max-width: 750px){
    .o-item{width: 100%;margin-bottom: .6rem;}
    .o-left{width: 100%;margin-bottom: .3rem;}
    .o-left:after{display: none;}
    .o-right{width: 100%;}
}