.wrapper.layout-base {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}


.transition-fade {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    opacity: 1;
    width: 100%;
    margin: 0 auto;
}

#main {
    position: relative;
}

.clearfix {
    zoom: 1;
}

.paragraph {
    width: 100%;
    position: relative;
    z-index: 1;
}

.paragraph .container {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.paragraph.paragraph-news-slider .slider-wrapper {
   /* overflow: hidden;*/
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate(0);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
    transition-duration: 1s;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}

[data-aos=fade-up] {
    transform: translateY(100px);
}

.p-0 {
    padding: 0 !important;
}

.offset-md-1 {
    margin-left: 8.333333%;
}

.col-md-10 {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
}

.paragraph.paragraph-news-slider .news-slider {

}
.numProduct{
    padding-top: 104px;
    margin-top: -104px;
}
.idea.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper{
    margin-top: 75px;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled {
    position: relative;
}

.paragraph.paragraph-news-slider .news-slider .flickity-viewport {
    overflow: visible;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.paragraph.paragraph-news-slider .news-slider .carousel-cell {
    width: 100%;
}

.paragraph.paragraph-news-slider .news-slider .carousel-cell .caption-wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.paragraph.paragraph-news-slider .news-slider .carousel-cell .caption-wrapper .inner {
    display: block;
    background-color: #EA1D2C;
    padding: 25px;
    font-size: 16px;
    line-height: 1.5;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}

.inner-md{
    float: right;
}

.paragraph.paragraph-news-slider .news-slider .carousel-cell .caption-wrapper .inner h2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 15px;
}
.paragraph.paragraph-news-slider .news-slider .carousel-cell .caption-wrapper .inner p{
    margin-bottom: 0;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous {
    bottom: 60px;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button {
    width: 50px;
    height: 50px;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
    color: #C4C4C4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.next svg, .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous svg {
    top: 35%;
    left: 35%;
    width: 30%;
    height: 30%;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.next {
    bottom: 0;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.next, .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous {
    left: -15%;
    right: auto;
    z-index: 2;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.flickity-button:disabled {
    opacity: .3!important;
    cursor: auto;
    pointer-events: none;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    /* position: relative; */
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.paragraph.paragraph-news-slider .news-slider:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #fff;
    width: 100%;
    height: 115%;
    z-index: 1;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button {
    width: 50px;
    height: 50px;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
    color: #C4C4C4;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.8;
}
.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button:hover{
    background: rgb(255, 0, 0);
    opacity: inherit;
    color: #fff;
    cursor: pointer;
    border: 0;
    border: 1px solid rgb(255, 0, 0)!important;
}
svg {
    fill: currentColor;
}

.paragraph.paragraph-news-slider .news-slider .carousel-cell.is-selected .caption-wrapper {
    max-height: 600px;
}

.paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous {
    bottom: 60px;
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333;
}

.intelligent .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.next, .intelligent .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous {
    right: 25%;
    left: auto;
}

.intelligent .wrapper.layout-base {
    width: 100%;
}

.intelligent .paragraph .container {
    max-width: inherit;
    padding: 0;
}

.intelligent .offset-md-1 {
    margin: 0;
}

.intelligent .paragraph.paragraph-news-slider .news-slider .flickity-viewport {

}

.intelligent .row {
    margin: 0;
}

.intelligent .col-md-6, .intelligent .col-md-10 {
    padding: 0;
    flex: auto;
    max-width: inherit;
}

.intelligent .paragraph.paragraph-news-slider .news-slider {
    margin-top: 200px;
}

.intelligent .paragraph.paragraph-news-slider .news-slider .carousel-cell .row {
    width: 70%;
}

.intelligent .paragraph.paragraph-news-slider .news-slider .carousel-cell .caption-wrapper {
    width: 60%;
    background: #EA1D2C;
    left: auto !important;
    right: 0;
    top: -75px;
    max-height: 400px;
}
.intelligent .paragraph.paragraph-news-slider .news-slider .carousel-cell .caption-wrapper h1{
    font-size: 220px;
    position: absolute;
    right: 15%;
    bottom: -70px;
    opacity: 0.2;
    color: #fff;
}


.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y;
    margin-top: 100px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.idea, .renListWrap, .sliderBox {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.clear, .locZone, .rentContentR .renListWrap, .rentImgWrap, .servise, .serviseList li, .slider, .swiper-container {
    overflow: hidden;
}

.ideaBg {
    background: url(../../images/product/idea_bg.jpg) 100% 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    min-height: 600px;
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y;
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.swiper-slide, .swiper-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

.ideaContentList li, .proDesList li, .rentList li {
    cursor: grab !important;
    cursor: -webkit-grab !important;
}

.swiper-slide {
    flex-shrink: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.ideaContentList > li .ideaItem {
    display: flex;
    align-items: flex-end;
}

.ideaContentL {
    width: 400px;
    margin-right: auto;
    margin-left: 10%;
    z-index: 2;
    margin-bottom: 50px;
}

.ideaConMainTit {
    font-size: 28px;
    line-height: 46px;
    margin-bottom: 22px;
    color: #fff;
}

.ideaList {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin: 35px auto;
}

.ideaContentList li, .proDesList li, .rentList li {
    cursor: grab !important;
    cursor: -webkit-grab !important;
}

.ideaList li {
    margin-bottom: 8px;
    display: flex;
}

.ideaList li div {
    width: calc(100% - 14px);
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ideaContentR {
    flex: 1 1 auto;
    max-width: 960px;
    margin: 40px 10% 40px 40px;
    position: relative;
}

.ideaContentR img {
    width: 100%;
}

.ideaContentRNum {
    position: absolute;
    bottom: -40px;
    right: 40px;
    font-family: BureauEagleBook, auto;
    font-size: 100px;
    color: #fff;
    line-height: 100px;
}

.ideaBtnAct {

    padding: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ideaBtnAct, .ideaCount {
    transition: all .3s ease-out;
}

.ideaBtnList li.on .ideaCount {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.ideaCount {
    font-size: 20px;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    font-family: HELVETICANEUETHN, "微软雅黑", arial;
}

.ideaBg2 {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 80%;
    background: linear-gradient(172deg, rgba(234, 29, 44, 0) 50%, #EA1D2C 50%);
    z-index: 0;
}

.ideaContentB {
    padding-bottom: 80px;
    height: 64px;
}

.ideaCon {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.ideaContentB, .ideaMainTit, .ideaSubTit, .locZoneL .locZoneBtn, .proButton, .proDesBayTit, .subWayItem .subWayIco, .timeFontBox, .wayList li .wayFont {
    text-align: center;
}

.ideaBtnList li .ideaBtnbox {
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 14px;
}

.ideaCon>*{
    box-sizing: content-box!important;
}
.ideaContentB .line {
    position: absolute;
    bottom: 128px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, .2);
    z-index: 0;
}

.ideaBtnList {
    display: inline-block;
    position: relative;
    height: 100%;
    color: #fff;
}

.ideaBtnList li {
    float: left;
    margin-right: 0.4rem;
}

.ideaBtnAct .ideaInner {
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
}

.ideaBtnList .ideaBtnbox:hover .ideaBtnAct, .ideaBtnList li.on .ideaBtnbox .ideaBtnAct {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ideaBtnAct, .ideaCount {
    transition: all .3s ease-out;
}

.ideaBtn {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fff;
}







.rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button {
    width: 128px;
    height: 128px;
    top: 50%;

    margin-top: -64px;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1 !important;
}
.rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button svg{display: none;}

.rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous {
    top: 50%;
    bottom: auto;
    background: url(../../images/zjpage/pc/icon/icon_6ss.png) center no-repeat;

}
.rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.next {
    left: auto;
    right: -10%;
    top: 50%;
    bottom: auto;
    background: url(../../images/zjpage/pc/icon/icon_7ss.png) center no-repeat;

}

.rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.previous:hover{
    border: none !important;
    background: url(../../images/zjpage/pc/icon/icon_6s.png) center no-repeat;
}
.rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button.next:hover {
    border: none !important;
    background: url(../../images/zjpage/pc/icon/icon_7s.png) center no-repeat;
}

.ideaList li div{max-height: 90px;overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-box;
    -ms-line-clamp: 3;
    -ms-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -o-box;
    -o-line-clamp: 3;
    -o-box-orient: vertical;}


.idea .rotation .goDetails{margin-top: 20px;}
@media(max-width:1200px){
    .rotation .paragraph.paragraph-news-slider .news-slider .flickity-prev-next-button {display: none;}
    .rotation .goDetails{margin-top: 0.2rem;}

    .idea .ideaContentL{width: 90%;}
    .idea .ideaList li div{max-height: 1.71rem;}

}