.yd {
    padding-top: .8rem
}

.yd .yd_main3 .yd_title,
.yd .yd_main4 .yd_title,
.yd .yd_main5 .yd_title {
    text-align: center;
    font-size: .6rem;
    font-weight: bold;
    color: #102955;
    margin-bottom: .25rem;
    width: 100%;
    display: inline-block
}

.yd .banner {
    display: block;
    width: 100%
}

.yd .yd_main1 {
    margin: -1.3rem auto .3rem;
    width: 95%;
    background: #fff;
    position: relative;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    border-radius: .2rem;
    padding: .3rem 0 ;
    
    
}

.yd .yd_main1 .main1_address {
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 4.2rem;
    overflow-y: hidden;
}

.yd .yd_main1 .main1_address a {
    border: #999 1px solid;
    text-align: center;
    color: #999;
    margin-bottom: 10px;
    font-size: .4rem;
    padding: .2rem 0px .23rem;
    width: 18%;
    margin-right: 1.5%;
    border-radius: 10px
}

.yd .yd_main1 .main1_address a:nth-child(5n) {
    margin-right: 0px
}

.yd .yd_main1 .main1_address .active {
    background: #153889;
    color: #fff;
    border-color: #153889
}

.yd .yd_main1 .yd_main1_more {
    background: #153889;
    color: #fff;
    font-size: .4rem;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: .2rem 0px;
    border-radius: .2rem
}

.yd .yd_main2 {
    margin: 0 auto .6rem;
    width: 95%;
    background: #fff;
    position: relative;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    border-radius: .2rem;
    padding: .3rem 0 .2rem
}

.yd .yd_main2 .yd_main2_content_title {
    font-size: .45rem;
    font-weight: bold;
    margin-bottom: 36px;
    position: relative;
    display: block;
    width: 84%;
    margin: 0 auto .4rem;
    padding: 0 0 0 5%
}
.yd .yd_main2 a{
     font-size: .45rem;
    font-weight: bold;
    margin-bottom: 36px;
    position: relative;
text-align: center;
    color: red;
}
.yd .yd_main2 .yd_main2_content_title::after {
    position: absolute;
    left: 0px;
    top: .08rem;
    background: #92bdf8;
    width: .15rem;
    height: .55rem;
    content: ""
}

.yd .yd_main2 img {
    display: block;
    width: 90%;
    margin: 0 auto .3rem
}

.yd .yd_main2 .yd_main2_fonts {
    width: 90%;
    margin: 0 auto
}

.yd .yd_main2 .yd_main2_fonts span {
    display: inline-block;
    color: #999;
    font-size: .35rem;
    margin-bottom: .3rem;
    text-indent: .7rem
}

.yd .yd_main3 {
    margin: 0 auto .3rem;
    padding-top: .4rem;
    background: url(../images/yd_learn10_main3_bgs.png) no-repeat;
    background-size: 100% auto;
    background-position: center .3rem
}

.yd .yd_main3 .yd_main3_choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 95%;
    margin: 0 auto 20px
}

.yd .yd_main3 .yd_main3_choose a {
    width: 23.5%;
    margin-right: 2%;
    background: #92bdf8;
    font-size: .4rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: .2rem 0px;
    border-radius: .1rem;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2
}

.yd .yd_main3 .yd_main3_choose a:nth-child(4n) {
    margin-right: 0px
}

.yd .yd_main3 .yd_main3_choose .active {
    background: #fff;
    color: #153889
}

.yd .yd_main3 .yd_main3_content {
    width: 95%;
    margin: 0 auto;
    border-radius: .2rem;
    background: #fff;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    padding: .3rem 0px 2rem;
    position: relative
}

.yd .yd_main3 .yd_main3_content .swiper {
    display: none;
    width: 95%;
    margin-left: 5%;
    overflow-x: hidden;
    position: relative
}

.yd .yd_main3 .yd_main3_content .swiper .swiper_title {
    font-size: .45rem;
    font-weight: bold;
    margin-bottom: 36px;
    position: relative;
    display: block;
    width: 93%;
    margin: 0 auto .4rem;
    padding: 0 0 0 5%
}

.yd .yd_main3 .yd_main3_content .swiper .swiper_title::after {
    position: absolute;
    left: 0px;
    top: .08rem;
    background: #92bdf8;
    width: .15rem;
    height: .55rem;
    content: ""
}

.yd .yd_main3 .yd_main3_content .swiper .swiper-wrapper .swiper-slide img {
    display: block;
    width: 95%;
    margin: 0 auto
}

.yd .yd_main3 .yd_main3_content .swiper-pagination {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.yd .yd_main3 .yd_main3_content .swiper-pagination span {
    width: .2rem;
    height: .2rem;
    border-radius: 0px;
    margin: 0 .1rem;
    background: #e5e5e5;
    opacity: 1;
    border-radius: .05rem
}

.yd .yd_main3 .yd_main3_content .swiper-pagination .swiper-pagination-bullet-active {
    width: .9rem;
    background: #92bdf8
}

.yd .yd_main4 {
    margin: 0 auto;
    padding-top: .4rem;
    background: url(../images/yd_learn10_main4_bgs.png) no-repeat;
    background-size: 100% auto;
    background-position: center .3rem
}

.yd .yd_main4 .yd_main4_content {
    width: 95%;
    margin: 0 auto
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item {
    background: #fff;
    width: 100%;
    margin-bottom: .35rem;
    border-radius: .2rem;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .3rem 0px
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item img {
    background: #fff;
    width: 15%
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item .yd_main4_content_item_right {
    width: 65%
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item .yd_main4_content_item_right .yd_main4_content_item_title {
    font-size: .45rem;
    margin-bottom: .2rem;
    font-weight: bold;
    display: block;
    padding-left: .2rem
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item .yd_main4_content_item_right .yd_main4_content_item_small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item .yd_main4_content_item_right .yd_main4_content_item_small span {
    text-align: center;
    font-size: .4rem;
    color: #666;
    margin-bottom: .1rem;
    width: 32.5%;
    margin-right: 1%;
    display: block
}

.yd .yd_main4 .yd_main4_content .yd_main4_content_item .yd_main4_content_item_right .yd_main4_content_item_small span:nth-child(3n) {
    margin-right: 0px
}

.yd .yd_main5 {
    margin: 0 auto;
    padding: .4rem 0 .5rem;
    background: url(../images/yd_learn10_main5_bgs.png) no-repeat;
    background-size: 100% auto;
    background-position: center .3rem
}

.yd .yd_main5 .swiper .swiper-wrapper .swiper-slide {
    position: relative;
    left: -70%;
    width: 80%
}

.yd .yd_main5 .swiper .swiper-wrapper .swiper-slide .yd_main5_content_item {
    width: 95%;
    margin: 0 auto;
    border-radius: .2rem;
    padding: .2rem 0 .5rem;
    background: #fff;
    -webkit-box-shadow: .01rem .01rem .08rem #d2d2d2;
    box-shadow: .01rem .01rem .08rem #d2d2d2
}

.yd .yd_main5 .swiper .swiper-wrapper .swiper-slide .yd_main5_content_item img {
    display: block;
    width: 90%;
    margin: 0 auto 10px
}

.yd .yd_main5 .swiper .swiper-wrapper .swiper-slide .yd_main5_content_item .yd_main5_content_item_small {
    color: #333;
    font-size: .3rem;
    width: 90%;
    margin: 0 auto .1rem;
    display: block;
    text-align: right
}

.yd .yd_main5 .swiper .swiper-wrapper .swiper-slide .yd_main5_content_item .yd_main5_content_item_big {
    font-size: .4rem;
    color: #333;
    text-align: right;
    width: 90%;
    margin: 0 auto;
    display: block
}