.banner img {
    width: 100%;
}
.content-1,.content-2,.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;
}
.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;
    justify-content: center;
    overflow: hidden;
    height: 48rem;
}
.content .content-1 .content-info .titles {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.content .content-1 .content-info .titles .item {
    flex: 1;
    padding-left: 2rem;
    display: flex;
    align-items: center;
}
.content .content-1 .content-info .titles .item .fu {
    font-size: 3.6rem;
    margin-right: 1rem;
    color: rgb(193,193,193);
}
.content .content-1 .content-info .titles .item:nth-child(1),.content .content-1 .content-info .titles .item:nth-child(3) {
    background: rgb(240,240,240);
}
.content .content-1 .content-info .titles .item:nth-child(2),.content .content-1 .content-info .titles .item:nth-child(4) {
    background: rgb(232,232,232);
}
.content .content-1 .content-info .titles .item:hover{
    background: rgb(21,69,140);
}
.content .content-1 .content-info .titles .item:hover div {
    color: #fff;
}
.content .content-1 .content-info .titles .item.active{
    background: rgb(21,69,140);
}
.content .content-1 .content-info .titles .item.active div {
    color: #fff;
}
.content .content-1 .content-info .info {
    position: relative;
    flex: 2;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
}
.content .content-1 .content-info .info img {
    width: 100%;
}
.content .content-1 .content-info .info .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2rem 1rem;
    color: #fff;
    border-top: 1px solid #c4d0e2;
}
@media (max-width: 768px){
    .content .content-1 .content-info .titles {
        display: none;
    }
    .content .content-1 .content-info .info img {
        width: 100%;
    }
}
/* content-2 */
.content .content-2 .image img {
    width: 100%;
}
/* content-3 */
.content .content-3 .content-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content .content-3 .content-info .item {
    margin: 2rem 0;
    text-align: center;
}
.content .content-3 .content-info .item img {
    width: 100%;
}
.content .content-3 .content-info .item .info {
    padding: 1rem 0;
}
.content .content-3 .content-info .item:hover .info{
    background: rgb(21,69,140);
    color: #fff;
}
.content .content-3 .content-info .item.active .info{
    background: rgb(21,69,140);
    color: #fff;
}
.content .content-3 .content-info .item{
    border-bottom: 1px solid #000000;
}
@media (min-width: 768px){
    .content .content-3 .content-info .item {
        width: 30%;
    } 
}
@media (max-width: 768px){
    .content .content-3 .content-info .item {
        width: 46%;
    }
}
/* 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 2rem;
}
.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 .info {
    font-size: 20px;
}
.content .content-5 .content-info .item .image i{
    font-size: 6rem;
}

.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;
}