.addtemp {
    overflow: hidden;
    position: relative;
    padding: 50px 0 0 0;
}

.addtemp::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 81%;
    background-color: #e6eaf5;
    z-index: 1;
}

.addtemp .g-idxtit {
    position: relative;
    z-index: 2;
}

.addtemp .g-idxtit .tit {
    position: relative;
    left: 0;
    transform: translateX(0);
}

.addtemp-c {
    display: flex;
    position: relative;
    z-index: 9;
    justify-content: space-between;
}

.addtemp-l {
    width: 54.5%;
    position: relative;
    padding: 2.8% 0 5.5% 0;
}


.addtemp-r {
    width: 39%;
    padding: 2.8% 0 1% 4%;
    position: relative;
    box-sizing: border-box;

}

.addtemp-r::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -130px;
    background: #ffffff url(../images/addtemp-rbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    box-shadow: 0px 7px 40px 0px rgba(54, 81, 177, 0.13);
}

.addtemp-rlist {
    margin-top: 0;
    position: relative;
    z-index: 2;
}

.addtemp-rlist li {
    border-top: 1px solid rgba(235, 235, 235, .7);
}

.addtemp-rlist li a {
    display: block;
    padding: 4.5% 0;
}

.addtemp-rlist li a h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #333333;
}

.addtemp-rlist li a span {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    color: #204198;
}

.addtemp-rlist li a:hover h3 {
    color: #204198;
}

.addtemp-lswiper {
    padding: 0 30px;
}

.addtemp-lswiper .slick-list {
    padding: 17% 0 !important;
}

.addtemp-lswiper ul li {
    transition: all .6s;
    transform-origin: center center;
}

.addtemp-lswiper ul li.slick-current.slick-active {
    position: relative;
    transform: scale(1.6);
    z-index: 3;
    transform-origin: left center;
    opacity: .3;
}


.addtemp-lswiper ul li.slick-current.slick-active+li {
    position: relative;
    position: relative;
    transform: scale(2.3);
    z-index: 6;
}

.addtemp-lswiper ul li.slick-current.slick-active+li+li {
    position: relative;
    position: relative;
    transform: scale(3.6);
    z-index: 9;
}

.addtemp-lswiper ul li.slick-current.slick-active+li+li+li {
    position: relative;
    transform: scale(2.3);
    z-index: 6;
}

.addtemp-lswiper ul li.slick-current.slick-active+li+li+li+li {
    position: relative;
    transform: scale(1.6);
    z-index: 3;
    transform-origin: left center;
    z-index: 3;
    opacity: .3;
}


/* .addtemp-lswiper ul li.slick-current{
    transform: scale(3.6);
    z-index: 9;
    position: relative;
}
.addtemp-lswiper ul li.slick-current+li{
    transform: scale(2.3);
    z-index: 6;
    position: relative;
}
.addtemp-lswiper ul li.slick-current+li+li{
    transform: scale(1.6);
    z-index: 3;
    position: relative;
} */

.addtemp-lswiper .slick-prev, .addtemp-lswiper .slick-next {
    width: 2.343vw;
    height: 2.291vw;
    background-size: 100% !important;
    z-index: 9;
    transition: .5s;
}

.addtemp-lswiper .slick-prev::before {
    content: none;
}

.addtemp-lswiper .slick-next::before {
    content: none;
}

.addtemp-lswiper .slick-prev {
    background: url(../images/img6-3-1.png) no-repeat left center;
}

.addtemp-lswiper .slick-prev:hover {
    background: url(../images/img6-4-2.png) no-repeat left center;
}

.addtemp-lswiper .slick-next {
    background: url(../images/img6-3-2.png) no-repeat left center;
}

.addtemp-lswiper .slick-next:hover {
    background: url(../images/img6-4-1.png) no-repeat left center;
}


@media screen and (max-width:1400px) {
    .addtemp-rlist li a h3 {
        font-size: 18px;
    }

    .addtemp-rlist li a span {
        font-size: 16px;
    }
}

@media screen and (max-width:1024px) {
    .addtemp-c {
        display: block;
    }

    .addtemp::before {
        width: 100%;
    }

    .addtemp-l {
        width: auto;
        padding-top: 0;
    }

    .addtemp-r {
        width: auto;
        padding: 25px 15px;
        overflow: hidden;
    }

    .addtemp-rlist li a {
        padding: 15px 0;
    }

    .addtemp {
        padding: 35px 0;
    }
   
}

@media only screen and (max-width: 950px) {
    .addtemp-lswiper .slick-prev, .addtemp-lswiper .slick-next {
        width: 35px;
        height: 34px;
    }
    .addtemp-lswiper{
        padding: 0 15px;
    }
    .addtemp-rlist li a h3{
        font-size: 16px;
        line-height: 16px;
    }
    .addtemp-rlist li a span{
        font-size: 14px;
        line-height: 14px;
    }
}