.lycontent{

    margin-top: 80px;

}

.lycontent .topbar{

    display: flex;

}

.lycontent .topbar>div{

    width: calc(100%/7);

    font-size: 18px;

	font-weight: bold;

	color: #666666;

    border-right: 1px solid #fff;

}

.lycontent .topbar>div:last-child{

    border-right: none;

}

.lycontent .topbar>div a{

    display: block;

    width: 100%;

    padding: 21px 0;

    text-align: center;

    background-color: rgba(4,102,201, .32);

    transition: all .3s;

}

.baractive{

    background-color: #67a8d3 !important;

    color: #fff !important;

}

.lycontent .topbar>div a:hover{

    background-color: #67a8d3 !important;

    color: #fff !important;

}

.yylylist .items>div{

    width: 50%;

}

.yylylist {

    margin-top: 36px;

}

.yylylist .items .text{

    padding: 70px 100px;

    background-color: #eef8ff;

}

.yylylist .items .text .sp1{

    font-size: 18px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #333333;

}

.yylylist .items .text .sp2{

    font-size: 12px;

	color: #999999;

}

.yylylist .items .line{

    margin-top: 20px;

    margin-bottom: 30px;

    width: 135px;

	height: 2px;

	background-color: #e0e0e0;

}

.yylylist .items .text p{

    font-size: 14px;

	line-height: 24px;

	color: #333333;

}

.yylylist .items .text .desc{

    font-size: 14px;

	color: #999999;

    display: block;

    margin-top: 18px;

}

.yylylist .items{

    display: flex;

    margin-bottom: 30px;

}

.yylylist .items:nth-child(even){

    flex-direction: row-reverse;

}

/* padpro端 */

@media screen and (min-width: 991px) and (max-width: 1366px){

    .lycontent {

        margin-top: 60px;

    }

    .lycontent .topbar>div{

        font-size: 12px;

    }

    .yylylist .items .line {

        margin-top: 15px;

        margin-bottom: 20px;

    }

    .yylylist .items .text {

        padding: 10px;

        background-color: #eef8ff;

    }

    .yylylist .items .imgs img{

        height: 100%;

    }

}

/* pad端 */

@media screen and (min-width:768px) and (max-width:991px) {

    .lycontent {

        margin-top: 40px;

    }

    .lycontent .topbar>div{

        font-size: 12px;

    }

    .yylylist .items .line {

        margin-top: 15px;

        margin-bottom: 20px;

    }

    .yylylist .items .text {

        padding: 15px;

        background-color: #eef8ff;

    }

    .yylylist .items .imgs img{

        height: 100%;

    }

}

/* 移动端 */

@media (max-width:767px){

    .lycontent {

        margin-top: 30px;

    }

    .lycontent .topbar{

        flex-wrap: wrap;

    }

    .lycontent .topbar>div{

        font-size: 12px;

        width: calc(100%/4);

        margin-bottom: 1px;

    }

    .yylylist .items .text .desc{

        font-size: 12px;

    }

    .yylylist .items{

        flex-wrap: wrap;

    }

    .yylylist .items>div{

        width: 100%;

        margin-bottom: 8px;

    }

    .lycontent .topbar>div a{

        padding: 14px 0;

    }

    .yylylist .items .line {

        margin-top: 15px;

        margin-bottom: 20px;

    }

    .yylylist .items .text {

        padding: 15px;

        background-color: #eef8ff;

    }

    .yylylist .items .imgs img{

        height: 100%;

    }

    .mybanner {

        background-image: url(../images/yyly/banner.jpg);

    }

}



/* 后加内容 */
.yylylist .items .text>a{
    display: block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background-color: rgb(2, 110, 182);
    color: #fff;
    text-align: center;
    margin-top: 20px;
    border-radius: 5px;
    transition: all 500ms;
}
.yylylist .items .text>a:hover{
    box-shadow: 0 0 10px 2px rgb(2, 110, 182);
}