@media screen and (min-width: 1024px) {
  .teach-bg {
    width: 19.2rem;
    height: 8.09rem;
    background-image: url('/img/tech/bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
  }
  .teach-bg h1 {
    height: 0.95rem;
    font-size: 0.72rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    letter-spacing: 0.07rem;
    position: absolute;
    left: 3.6rem;
    top: 2.52rem;
  }
  .teach-bg h2 {
    height: 0.47rem;
    font-size: 0.36rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    letter-spacing: 0.04rem;
    position: absolute;
    left: 3.6rem;
    top: 3.84rem;
  }
  .content {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .content .backg {
    width: 100%;
    display: flex;
    background-image: url(../img/tech/img3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 3.64rem;
    padding-bottom: 0.8rem;
  }
  .content .ptBox {
    width: 12rem;
    margin: auto;
    display: flex;
    flex-direction: column;
  }
  .content .ptBox h1 {
    color: #333333;
    font-weight: 600;
    font-size: 0.24rem;
    margin: auto;
    margin-top: 0.6rem;
    margin-bottom: 0;
    border-bottom: 2px solid #3B7CFF;
    padding-bottom: 10px;
  }
  .content .ptBox h2 {
    color: #666666;
    font-size: 0.2rem;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 400;
  }
  .content .ptBox .ptlistBox {
    width: 100%;
    display: flex;
    margin: auto;
    margin-top: 0.4rem;
  }
  .content .ptBox .ptlistBox .ptleft {
    width: 2.05rem;
    height: auto;
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    padding: 0.2rem 0;
  }
  .content .ptBox .ptlistBox .ptleft .ptli {
    width: 100%;
    height: 0.52rem;
    margin: auto;
    text-align: center;
    line-height: 0.52rem;
    font-size: 0.24rem;
    color: #333333;
    caret-color: transparent;
    cursor: pointer;
  }
  .content .ptBox .ptlistBox .ptleft .ptcheck {
    background: #c3d7ff;
    color: #3B7CFF;
    font-weight: bold;
  }
  .content .ptBox .ptlistBox .ptright {
    width: 9.36rem;
    margin: auto;
    margin-right: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
  .content .ptBox .ptlistBox .ptright .ptimg {
    width: 100%;
    height: 5rem;
    margin: auto;
  }
  .content .ptBox .ptlistBox .ptright .ptdesc {
    width: 100%;
    display: flex;
    margin: auto;
    margin-top: 0.4rem;
  }
  .content .ptBox .ptlistBox .ptright .ptdesc .pttitle {
    font-size: 0.24rem;
    font-weight: bold;
    color: #333333;
    margin: auto;
    margin-left: 0;
  }
  .content .ptBox .ptlistBox .ptright .ptdesc .gymore {
    width: 1.54rem;
    height: 0.4rem;
    margin: auto;
    margin-right: 0;
    display: flex;
    cursor: pointer;
  }
  .content .ptBox .ptlistBox .ptright .ptdesc .gymore .gymorelabel {
    font-size: 0.2rem;
    font-weight: 400;
    color: #3B7CFF;
    margin: auto;
    margin-right: 0.14rem;
  }
  .content .ptBox .ptlistBox .ptright .ptdesc .gymore img {
    width: 0.24rem;
    height: 0.11rem;
    margin: auto;
    margin-right: 0;
    margin-left: 0;
  }
  .core-menu {
    width: 19.2rem;
    height: 10.8rem;
    background-image: url('/img/tech/mm-dt.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0 3.6rem;
    padding-top: 0.62rem;
    padding-bottom: 1.27rem;
    box-sizing: border-box;
  }
  .core-menu .menu-title {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .core-menu .menu-title img {
    width: 2.09rem;
    height: 1.04rem;
  }
  .core-menu .menu-title h1 {
    height: 0.24rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 0.45rem;
    margin-top: 0.2rem;
  }
  .core-menu .menu-conent {
    width: 12rem;
    height: 6.8rem;
    margin-top: 0.63rem;
    display: flex;
  }
  .core-menu .menu-conent .left {
    width: 2rem;
    height: 6.8rem;
    background: #ffffff;
    position: relative;
  }
  .core-menu .menu-conent .left li {
    width: 2rem;
    height: 1rem;
  }
  .core-menu .menu-conent .left li .tt {
    width: 2rem;
    height: 1rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .core-menu .menu-conent .left li .tt img {
    width: 0.44rem;
    height: 0.44rem;
  }
  .core-menu .menu-conent .left li .tt h1 {
    height: 0.24rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    letter-spacing: 0.02rem;
    margin-left: 0.2rem;
  }
  .core-menu .menu-conent .left .li-active {
    background: linear-gradient(270deg, rgba(60, 128, 255, 0) 1%, rgba(61, 127, 249, 0.8) 99%);
    display: flex;
  }
  .core-menu .menu-conent .left .li-active .border {
    width: 0.04rem;
    height: 1rem;
    background: #3c80ff;
  }
  .core-menu .menu-conent .left .li-active .tt {
    background: rgba(20, 35, 67, 0.69);
  }
  .core-menu .menu-conent .left .li-active .tt h1 {
    color: #fff;
    font-weight: 700;
  }
  .core-menu .menu-conent .right {
    width: 9.99rem;
    height: 6.8rem;
  }
  .core-menu .menu-conent .right .item {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-left: 0.85rem;
    padding-top: 1.5rem;
    box-sizing: border-box;
    position: relative;
    display: none;
  }
  .core-menu .menu-conent .right .item h1 {
    height: 0.4rem;
    font-size: 0.3rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 0.45rem;
    letter-spacing: 0.06rem;
  }
  .core-menu .menu-conent .right .item h2 {
    height: 0.66rem;
    opacity: 0.16;
    font-size: 0.5rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 0.45rem;
    position: absolute;
    top: 1.3rem;
    left: 0.8rem;
  }
  .core-menu .menu-conent .right .item p {
    width: 6.8rem;
    height: 0.73rem;
    opacity: 0.7;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 0.32rem;
    margin-top: 0.4rem;
  }
  .core-menu .menu-conent .right .item .head {
    margin-top: 0.6rem;
    display: flex;
  }
  .core-menu .menu-conent .right .item .head .mian {
    display: flex;
    align-items: center;
  }
  .core-menu .menu-conent .right .item .head .mian .bor {
    width: 0.06rem;
    height: 0.06rem;
    background: #0cddaf;
    border-radius: 0.03rem;
  }
  .core-menu .menu-conent .right .item .head .mian .dd {
    height: 0.21rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    margin-left: 0.2rem;
  }
  .core-menu .menu-conent .right .item .head .mian:hover .bor {
    background: #3c80ff;
  }
  .core-menu .menu-conent .right .item .head .mian:not(:first-child) {
    margin-left: 0.6rem;
  }
  .core-menu .menu-conent .right .item .more {
    width: 21%;
    height: 0.56rem;
    padding: 0.16rem 0;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 0.28rem;
    margin-top: 1.17rem;
  }
  .core-menu .menu-conent .right .item .more h3 {
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3c80ff;
    letter-spacing: 0.02rem;
  }
  .core-menu .menu-conent .right .item .more .wx {
    width: 0.3rem;
    height: 0.11rem;
    margin-left: 0.18rem;
  }
  .core-menu .menu-conent .right .item .more .xz {
    width: 0.3rem;
    height: 0.11rem;
    margin-left: 0.18rem;
    display: none;
  }
  .core-menu .menu-conent .right .item .more:hover {
    background: #3c80ff;
  }
  .core-menu .menu-conent .right .item .more:hover h3 {
    color: #fff;
  }
  .core-menu .menu-conent .right .item .more:hover .wx {
    display: none;
  }
  .core-menu .menu-conent .right .item .more:hover .xz {
    display: block;
  }
  .core-menu .menu-conent .right .item:nth-child(1) {
    background-image: url('/img/tech/bg1.png');
  }
  .core-menu .menu-conent .right .item:nth-child(2) {
    background-image: url('/img/tech/bg2.png');
  }
  .core-menu .menu-conent .right .item:nth-child(3) {
    background-image: url('/img/tech/bg3.png');
  }
  .core-menu .menu-conent .right .item:nth-child(4) {
    background-image: url('/img/tech/bg4.png');
  }
  .core-menu .menu-conent .right .item:nth-child(5) {
    background-image: url('/img/tech/bg5.png');
  }
  .core-menu .menu-conent .right .item-active {
    display: block;
  }
  .teach-core {
    width: 19.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #ffffff;
    padding-bottom: 0.6rem;
    padding-top: 0.7rem;
  }
  .teach-core .title {
    width: 2.09rem;
    height: 1.04rem;
  }
  .teach-core h2 {
    color: #666666;
    font-size: 0.2rem;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 400;
    margin-top: 0.2rem;
  }
  .teach-core .core-content {
    width: 100%;
    margin-top: 0.4rem;
  }
  .teach-core .core-content .content-item1 {
    width: 19.2rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    padding: 0.8rem 3.6rem;
    box-sizing: border-box;
  }
  .teach-core .core-content .content-item1 .left {
    width: 4.8rem;
    height: 4rem;
  }
  .teach-core .core-content .content-item1 .left img {
    width: 100%;
    height: 100%;
  }
  .teach-core .core-content .content-item1 .right {
    margin-left: 0.7rem;
    position: relative;
  }
  .teach-core .core-content .content-item1 .right img {
    width: 2.33rem;
    height: 0.23rem;
    position: absolute;
    top: 0.15rem;
    left: -0.1rem;
  }
  .teach-core .core-content .content-item1 .right h1 {
    font-size: 0.3rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    letter-spacing: 0.03rem;
  }
  .teach-core .core-content .content-item1 .right p {
    width: 6.2rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    margin-top: 0.4rem;
  }
  .teach-core .core-content .content-item2 {
    width: 19.2rem;
    height: 5.6rem;
    background: linear-gradient(89deg, rgba(255, 255, 255, 0) 1%, #eff7fe 100%);
    display: flex;
    align-items: center;
    padding: 0.8rem 3.6rem;
    box-sizing: border-box;
  }
  .teach-core .core-content .content-item2 .left {
    position: relative;
  }
  .teach-core .core-content .content-item2 .left img {
    width: 2.33rem;
    height: 0.23rem;
    position: absolute;
    top: 0.15rem;
    left: -0.1rem;
  }
  .teach-core .core-content .content-item2 .left h1 {
    font-size: 0.3rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    letter-spacing: 0.03rem;
  }
  .teach-core .core-content .content-item2 .left p {
    width: 6.2rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    margin-top: 0.4rem;
  }
  .teach-core .core-content .content-item2 .right {
    margin-left: 0.7rem;
    width: 4.8rem;
    height: 4rem;
  }
  .teach-core .core-content .content-item2 .right img {
    width: 100%;
    height: 100%;
  }
  .teach-core .core-content .content-item2:nth-child(8) .left h1 {
    width: 7.5rem;
  }
  .teach-core .core-content .content-item2:nth-child(8) .right img {
    flex-shrink: 0;
  }
  .backg {
    width: 19.2rem;
    padding: 0 3.6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-image: url(../img/tech/img3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 3.64rem;
    padding-bottom: 0.8rem;
  }
  .backg h1 {
    width: 2rem;
    color: #333333;
    font-weight: 600;
    font-size: 0.24rem;
    margin: auto;
    margin-top: 0.6rem;
    margin-bottom: 0;
    border-bottom: 2px solid #3B7CFF;
    padding-bottom: 10px;
    text-align: center;
  }
  .backg h2 {
    color: #666666;
    font-size: 0.2rem;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
  }
  .backg .yjlist {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 0.4rem;
  }
  .backg .yjlist .yjli {
    width: 3.69rem;
    height: 3.58rem;
    margin: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .backg .yjlist .yjli .ylimg {
    width: 100%;
    height: 2.22rem;
    margin: auto;
    margin-top: 0;
  }
  .backg .yjlist .yjli .yjdesc {
    width: 100%;
    box-sizing: border-box;
    padding: 0.3rem;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  .backg .yjlist .yjli .yjdesc .yjtitle {
    font-size: 0.2rem;
    font-weight: bold;
    color: #333333;
    margin: auto;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  .backg .yjlist .yjli .yjdesc .more {
    width: 1.54rem;
    height: 0.4rem;
    margin: auto;
    margin-top: 0.3rem;
    margin-left: 0;
    display: flex;
    cursor: pointer;
  }
  .backg .yjlist .yjli .yjdesc .more .morelabel {
    font-size: 0.2rem;
    font-weight: 400;
    color: #3B7CFF;
    margin: auto;
    margin-left: 0;
    margin-right: 0.14rem;
  }
  .backg .yjlist .yjli .yjdesc .more img {
    width: 0.24rem;
    height: 0.11rem;
    margin: auto;
    margin-right: 0;
    margin-left: 0;
  }
  .backg .checkmore {
    width: 2.1rem;
    height: 0.57rem;
    border: 1px solid #FFFFFF;
    font-size: 0.18rem;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 0.57rem;
    text-align: center;
    margin: auto;
    margin-top: 0.92rem;
  }
}
@media screen and (max-width: 1023px) {
  .teach-bg {
    width: 100%;
    height: 3.09rem;
    background-image: url('/img/tech/bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
  }
  .teach-bg h1 {
    height: 0.95rem;
    font-size: 0.4rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    letter-spacing: 0.07rem;
    position: absolute;
    left: 2.4rem;
    top: 1.2rem;
  }
  .teach-bg h2 {
    height: 0.47rem;
    font-size: 0.26rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    letter-spacing: 0.04rem;
    position: absolute;
    left: 0.6rem;
    top: 1.84rem;
  }
  .core-menu {
    width: 100%;
    background-image: url('/img/tech/mm-dt.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0.3rem 0.36rem;
    box-sizing: border-box;
  }
  .core-menu .menu-title {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .core-menu .menu-title img {
    width: 2.09rem;
    height: auto;
  }
  .core-menu .menu-title h1 {
    height: 0.24rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 0.45rem;
    margin-top: 0.2rem;
  }
  .core-menu .menu-conent {
    width: 100%;
    margin-top: 0.63rem;
  }
  .core-menu .menu-conent .left {
    width: 100%;
    background: #ffffff;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .core-menu .menu-conent .left ul {
    display: flex;
    justify-content: space-between;
    overflow-y: scroll;
  }
  .core-menu .menu-conent .left ul li {
    width: 2rem;
    height: 1rem;
    flex-shrink: 0;
  }
  .core-menu .menu-conent .left ul li .tt {
    width: 2rem;
    height: 1rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .core-menu .menu-conent .left ul li .tt img {
    width: 0.44rem;
    height: 0.44rem;
  }
  .core-menu .menu-conent .left ul li .tt h1 {
    height: 0.24rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    letter-spacing: 0.02rem;
    margin-left: 0.2rem;
  }
  .core-menu .menu-conent .left ul .li-active {
    background: linear-gradient(270deg, rgba(60, 128, 255, 0) 1%, rgba(61, 127, 249, 0.8) 99%);
    display: flex;
  }
  .core-menu .menu-conent .left ul .li-active .border {
    width: 0.04rem;
    height: 1rem;
    background: #3c80ff;
  }
  .core-menu .menu-conent .left ul .li-active .tt {
    background: rgba(20, 35, 67, 0.69);
  }
  .core-menu .menu-conent .left ul .li-active .tt h1 {
    color: #fff;
    font-weight: 700;
  }
  .core-menu .menu-conent .left ul::-webkit-scrollbar {
    display: none;
  }
  .core-menu .menu-conent .right {
    width: 100%;
    height: auto;
  }
  .core-menu .menu-conent .right .item {
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    position: relative;
    display: none;
  }
  .core-menu .menu-conent .right .item h1 {
    height: 0.4rem;
    font-size: 0.3rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 0.45rem;
    letter-spacing: 0.06rem;
  }
  .core-menu .menu-conent .right .item h2 {
    width: 5.24rem;
    height: 0.66rem;
    opacity: 0.16;
    font-size: 0.5rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 0.45rem;
    position: absolute;
    top: 0.3rem;
    left: 0.25rem;
  }
  .core-menu .menu-conent .right .item p {
    opacity: 0.7;
    font-size: 0.22rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 0.36rem;
    margin-top: 0.4rem;
  }
  .core-menu .menu-conent .right .item .head {
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;
  }
  .core-menu .menu-conent .right .item .head .mian {
    display: flex;
    align-items: center;
  }
  .core-menu .menu-conent .right .item .head .mian .bor {
    width: 0.06rem;
    height: 0.06rem;
    background: #0cddaf;
    border-radius: 0.03rem;
  }
  .core-menu .menu-conent .right .item .head .mian .dd {
    font-size: 0.22rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 0.36rem;
    margin-left: 0.2rem;
  }
  .core-menu .menu-conent .right .item .head .mian:not(:first-child) {
    margin-left: 0.2rem;
  }
  .core-menu .menu-conent .right .item .head .mian:last-child {
    margin-left: 0;
    margin-top: 0.2rem;
  }
  .core-menu .menu-conent .right .item .more {
    width: 35%;
    height: 0.56rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 0.28rem;
    margin-top: 1.17rem;
  }
  .core-menu .menu-conent .right .item .more h3 {
    height: 0.24rem;
    font-size: 0.22rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3c80ff;
    letter-spacing: 0.02rem;
  }
  .core-menu .menu-conent .right .item .more .wx {
    width: 0.3rem;
    height: 0.11rem;
    margin-left: 0.18rem;
  }
  .core-menu .menu-conent .right .item .more .xz {
    width: 0.3rem;
    height: 0.11rem;
    margin-left: 0.18rem;
    display: none;
  }
  .core-menu .menu-conent .right .item .more:hover {
    background: #3c80ff;
  }
  .core-menu .menu-conent .right .item .more:hover h3 {
    color: #fff;
  }
  .core-menu .menu-conent .right .item .more:hover .wx {
    display: none;
  }
  .core-menu .menu-conent .right .item .more:hover .xz {
    display: block;
  }
  .core-menu .menu-conent .right .item:nth-child(1) {
    background-image: url('/img/tech/bg1.png');
  }
  .core-menu .menu-conent .right .item:nth-child(2) {
    background-image: url('/img/tech/bg2.png');
  }
  .core-menu .menu-conent .right .item:nth-child(3) {
    background-image: url('/img/tech/bg3.png');
  }
  .core-menu .menu-conent .right .item:nth-child(4) {
    background-image: url('/img/tech/bg4.png');
  }
  .core-menu .menu-conent .right .item:nth-child(5) {
    background-image: url('/img/tech/bg5.png');
  }
  .core-menu .menu-conent .right .item:nth-child(5) .mian:last-child {
    margin-top: 0;
    margin-left: 0.1rem;
  }
  .core-menu .menu-conent .right .item-active {
    display: block;
  }
  .teach-core {
    width: 100%;
    padding: 0 0.36rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #f6f7f8;
    padding-bottom: 0.6rem;
    padding-top: 0.3rem;
  }
  .teach-core .title {
    width: 2.09rem;
    height: auto;
  }
  .teach-core h2 {
    color: #666666;
    font-size: 0.22rem;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 400;
  }
  .teach-core .core-content {
    width: 100%;
  }
  .teach-core .core-content .content-item1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0.3rem;
    border: 0.01rem solid #c3d7ff;
    padding: 0.3rem 0;
    box-sizing: border-box;
  }
  .teach-core .core-content .content-item1 .left {
    width: 100%;
    height: auto;
  }
  .teach-core .core-content .content-item1 .left img {
    width: 100%;
    height: auto;
  }
  .teach-core .core-content .content-item1 .right h1 {
    font-size: 0.3rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #333333;
    letter-spacing: 0.03rem;
  }
  .teach-core .core-content .content-item1 .right img {
    display: none;
  }
  .teach-core .core-content .content-item1 .right p {
    width: 6.5rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    margin-top: 0.4rem;
  }
  .teach-core .core-content .content-item2 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-top: 0.4rem;
    border: 0.01rem solid #c3d7ff;
    padding: 0.3rem;
    box-sizing: border-box;
    background: linear-gradient(89deg, rgba(255, 255, 255, 0) 1%, #eff7fe 100%);
  }
  .teach-core .core-content .content-item2 .left h1 {
    font-size: 0.3rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: center;
    color: #333333;
    letter-spacing: 0.03rem;
    line-height: 0.36rem;
  }
  .teach-core .core-content .content-item2 .left img {
    display: none;
  }
  .teach-core .core-content .content-item2 .left p {
    width: 6.5rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #666666;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    margin-top: 0.4rem;
  }
  .teach-core .core-content .content-item2 .right {
    width: 100%;
    height: auto;
  }
  .teach-core .core-content .content-item2 .right img {
    width: 100%;
    height: auto;
  }
  .backg {
    width: 100%;
    padding: 0 0.36rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-image: url(../img/tech/img3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 2.02rem;
    padding-bottom: 0.3rem;
  }
  .backg h1 {
    width: 2rem;
    color: #7c2222;
    font-weight: 600;
    font-size: 0.24rem;
    margin: auto;
    margin-top: 0.6rem;
    margin-bottom: 0;
    border-bottom: 2px solid #3B7CFF;
    padding-bottom: 10px;
    text-align: center;
  }
  .backg h2 {
    color: #666666;
    font-size: 0.2rem;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
  }
  .backg .yjlist {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 0.4rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
  }
  .backg .yjlist .yjli {
    width: 2.1rem;
    height: auto;
    margin: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .backg .yjlist .yjli .ylimg {
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 0;
  }
  .backg .yjlist .yjli .yjdesc {
    width: 100%;
    box-sizing: border-box;
    padding: 0.2rem 0.1rem;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  .backg .yjlist .yjli .yjdesc .yjtitle {
    font-size: 0.22rem;
    font-weight: bold;
    color: #333333;
    margin: auto;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 0.3rem;
  }
  .backg .yjlist .yjli .yjdesc .more {
    width: 1.54rem;
    height: 0.4rem;
    margin: auto;
    margin-top: 0.3rem;
    margin-left: 0;
    display: flex;
    cursor: pointer;
    display: none;
  }
  .backg .yjlist .yjli .yjdesc .more .morelabel {
    font-size: 0.2rem;
    font-weight: 400;
    color: #3B7CFF;
    margin: auto;
    margin-left: 0;
    margin-right: 0.14rem;
  }
  .backg .yjlist .yjli .yjdesc .more img {
    width: 0.24rem;
    height: 0.11rem;
    margin: auto;
    margin-right: 0;
    margin-left: 0;
  }
  .backg .checkmore {
    width: 2.1rem;
    height: 0.57rem;
    border: 1px solid #FFFFFF;
    font-size: 0.18rem;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 0.57rem;
    text-align: center;
    margin: auto;
    margin-top: 0.62rem;
  }
}