ul,
ol,
li,
div {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

.yyexample {
    width: 436px;
    height: 211px;
    font-size: 40px;
    text-align: center;
}

    .yyexample .swiper-container {
        width: 436px;
        height: 211px;
        margin: 0px auto;
    }

    .yyexample .swiper-wrapper .swiper-slide img {
        width: 436px;
        height: 211px;
    }

.yyexample .carousel-item {
    line-height: 211px;
    color: #fff;
    font-family: Arial Black;
    width: 436px;
}

    .yyexample .ft-carousel {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .yyexample .ft-carousel .carousel-inner {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
        }

            .yyexample .ft-carousel .carousel-inner .carousel-item {
                float: left;
                height: 100%;
            }

        .yyexample .ft-carousel .carousel-item a {
            width: 436px;
            overflow:hidden;
            display:block;
        }
        .yyexample .ft-carousel .carousel-item:first-child a {
            background-color:Red;
        }
        .yyexample .ft-carousel .carousel-item:nth-child(2) a {
            background-color: Red;
        }
            .yyexample .ft-carousel .carousel-item img {
                max-width: 100%;
                max-height: 211px;
                display: inline-block;
                vertical-align: middle;
                width: auto;
                height: auto;
            }

        .yyexample .ft-carousel .carousel-indicators {
            position: absolute;
            left: 0;
            bottom: 10px;
            width: 100%;
            text-align: center;
            font-size: 0;
        }

            .yyexample .ft-carousel .carousel-indicators span {
                display: inline-block;
                width: 12px;
                height: 12px;
                background-color: #fff;
                margin: 0 4px;
                border-radius: 50%;
                cursor: pointer;
            }

                .yyexample .ft-carousel .carousel-indicators span.active {
                    background-color: #de3a3a;
                }

        .yyexample .ft-carousel .carousel-btn {
            position: absolute;
            top: 50%;
            width: 50px;
            height: 45px;
            margin-top: -25px;
            cursor: pointer;
        }

        .yyexample .ft-carousel .carousel-prev-btn {
            left: 10px;
            background: url(../Images/attractproject/prev.png) no-repeat;
            display: none;
            background-size: 80% 80%;
        }

        .yyexample .ft-carousel .carousel-next-btn {
            right: 0px;
            background: url(../Images/attractproject/next.png) no-repeat;
            display: none;
            background-size: 80% 80%;
        }

        .yyexample .ft-carousel:hover .carousel-prev-btn {
            display: block;
        }

        .yyexample .ft-carousel:hover .carousel-next-btn {
            display: block;
        }

/*.carousel-item {
    width: 436px !important;
}*/