.banner img {
    width: 100%;
}
.content-1,.content-3,.content-4,.content-5 {
    margin: 2rem 14%;
}
.content .content-1 .title,.content .content-2 .title,.content .content-3 .title,.content .content-4 .title,.content .content-5 .title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
/*    font-weight: bold;*/
}
.content .content-4 .title,.content .content-5 .title {
    margin: 2rem 0;
}
.content .content-1 .title::after,.content .content-2 .title::after,.content .content-3 .title::after,.content .content-4 .title::after,.content .content-5 .title::after {
    content: '';
    display: block;
    width: 14%;
    height: 1px;
    background: #c9c9c9;
    margin-left: 1.4rem;
}
.content .content-1 .title::before,.content .content-2 .title::before,.content .content-3 .title::before,.content .content-4 .title::before,.content .content-5 .title::before {
    content: '';
    display: block;
    width: 14%;
    height: 1px;
    background: #c9c9c9;
    margin-right: 1.4rem;
}
.content .content-1 .min_title,.content .content-2 .min_title,.content .content-3 .min_title {
    text-align: center;
    color: #888;
    margin-bottom: 2rem;
}
/* content-1 */
.content .content-1 .content-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content .content-1 .content-info .item {
    box-shadow: 0 0 6rem #e9e9e9;
    margin: 2rem 0;
    cursor: pointer;
    padding: 4rem 2rem;
    text-align: center;
}
.content .content-1 .content-info .item .image{
    display: inline-flex;
    width: 10rem;
    height: 10rem;
    justify-content: center;
    align-items: center;
    background: rgb(238,238,238);
    border-radius: 100%;
}
.content .content-1 .content-info .item i {
    font-size: 5rem;
}
.content .content-1 .content-info .item .info_title{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 2rem 0;
}
.content .content-1 .content-info .item .info {
    text-align: center;
}
.content .content-1 .content-info .item:hover .image {
    background: none;
    border: 1px solid rgb(22,74,150);
}
.content .content-1 .content-info .item:hover i {
    color: rgb(22,74,150);
}
.content .content-1 .content-info .item.active .image {
    background: none;
    border: 1px solid rgb(22,74,150);
}
.content .content-1 .content-info .item.active i {
    color: rgb(22,74,150);
}
@media (min-width: 768px){
    .content .content-1 .content-info .item {
        width: 340px;
    } 
}
@media (max-width: 768px){
    .content .content-1 .content-info {
        justify-content: center;
    }
    .content .content-1 .content-info .item {
        width: 100%;
    } 
}
/* content-2 */
.content .content-2 .content-info {
    display: flex;
    background: rgb(251,251,251);
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.content .content-2 .content-info > div {
    width: 50%;
}
.content .content-2 .content-info .image img {
    width: 100%;
}
.content .content-2 .content-info .info {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.content .content-2 .content-info .item {
    display: flex;
    align-items: center;
    width: 100%;
}
.content .content-2 .content-info .tubiao{
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
    background: rgb(241,241,241);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3rem;
}
.content .content-2 .content-info .tubiao i {
    font-size: 4.4rem;
}
.content .content-2 .content-info .text {
    font-weight: bold;
}
.content .content-2 .content-info .item:hover .tubiao {
    background: rgb(22,74,150);
}
.content .content-2 .content-info .item:hover .tubiao i {
    color: #fff;
}
.content .content-2 .content-info .item:hover .text {
    color: rgb(22,74,150);
}
.content .content-2 .content-info .item.active .tubiao {
    background: rgb(22,74,150);
}
.content .content-2 .content-info .item.active .tubiao i {
    color: #fff;
}
.content .content-2 .content-info .item.active .text {
    color: rgb(22,74,150);
}
@media (max-width: 768px){
    .content .content-2 .content-info .info {
        display: none;
    }
    .content .content-2 .content-info .image,.content .content-2 .content-info .image img {
        width: 100%;
    }
}
/* content-3 */
.content .content-3 .buttons {
    display: flex;
    justify-content: center;
}
.content .content-3 .buttons .button{
    color: rgb(22,74,150);
    border-radius: 100px;
    padding: 1rem 3rem;
    font-size: 2rem;
    font-weight: bold;
    margin: 2rem;
}
.content .content-3 .buttons .button:hover{
    background: rgb(22,74,150);
    color: #fff;
}
.content .content-3 .image img {
    width: 100%;
}
/* content-4 */
.content .content-4 .content-info {
    display: flex;
    flex-wrap: wrap;
}
.content .content-4 .content-info .item {
    margin: 2rem 1rem;
    border: 1px solid #c9c9c9;
    cursor: pointer;
} 
.content .content-4 .content-info .item:hover .info {
    background: rgb(22,74,150);
    color: #fff;
}
.content .content-4 .content-info .item.active .info {
    background: rgb(22,74,150);
    color: #fff;
}
.content .content-4 .content-info .item .image {
    height: 30rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.content .content-4 .content-info .item img {
    width: 100%;
}
.content .content-4 .content-info .item .info {
    text-align: center;
    padding: 2rem 0;
}
.content .content-4 .content-info .item {
    width: 28rem;
} 
@media (max-width: 768px){
    .content .content-4 .content-info {
        justify-content: center;
    }
}
/* content-5 */
/*
.content .content-5 .content-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.content .content-5 .content-info::after {
    content: '';
    position: absolute;
    top: 0.8rem;
    left: 6rem;
    right: 6rem;
    height: 1px;
    background: rgb(232,232,232);
}
.content .content-5 .content-info .item {
    background: rgb(232,232,232);
    margin: 5rem 0;
    position: relative;
    cursor: pointer;
    padding: 4rem 5rem;
}
.content .content-5 .content-info .item::after {
    content: '⦿';
    position: absolute;
    top: -6.4rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #ccc;
    font-size: 3rem;
    background: #ccc;
    z-index: 1;
}
.content .content-5 .content-info .item::before {
    content: '';
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    border: 2rem solid transparent;
    border-bottom-color: #ccc;
    border-left-width: 1rem;
    border-right-width: 1rem;
    width: 0;
    height: 0;
} 
.content .content-5 .content-info .item .image {
    text-align: center;
}
.content .content-5 .content-info .item .image i{
    font-size: 4rem;
}
.content .content-5 .content-info .item {
    background: #e8e8e8;
}
.content .content-5 .content-info .item:hover {
    background: rgb(22,74,150);
}
.content .content-5 .content-info .item.active {
    background: rgb(22,74,150);
}
.content .content-5 .content-info .item:hover::before {
    border-bottom-color: rgb(22,74,150);
}
.content .content-5 .content-info .item:hover::after {
    color: rgb(22,74,150);
}
.content .content-5 .content-info .item.active::before {
    border-bottom-color: rgb(22,74,150);
}
.content .content-5 .content-info .item.active::after {
    color: rgb(22,74,150);
}
.content .content-5 .content-info .item:hover .info,.content .content-5 .content-info .item:hover .image i {
    color: #fff;
}
.content .content-5 .content-info .item.active .info,.content .content-5 .content-info .item.active .image i {
    color: #fff;
}
.content .content-5 .content-info .item svg {
    width: 100%;
}
.content .content-5 .content-info .item .info {
    text-align: center;
    padding: 2rem 0;
}*/