﻿.column-name {
    text-align: center;
    padding-bottom: 3%;
    font-size: 40px;
    color: #000;
}
.column-name span {font-size: 16px;color: #8e8889;margin-top: 15px;display: block;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.dot2, .dot3, .dot4 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;}
.Floor2 .right .slider-nav li p,.Floor3 .right .slider-nav li p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
}

.Floor1 { padding: 1% 0 5%; }

.Floor1 .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.Floor1 .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; }
.Floor1 .slick-list:focus { outline: none }
.Floor1 .slick-list.dragging { cursor: pointer; cursor: hand; }
.Floor1 .slick-slider .slick-track, .Floor1 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.Floor1 .slick-track { position: relative; top: 0; left: 0; display: block; }
.Floor1 .slick-track:before, .Floor1 .slick-track:after { display: table; content: ''; }
.Floor1 .slick-track:after { clear: both; }
.Floor1 .slick-loading .slick-track { visibility: hidden; }
.Floor1 .slick-slide { display: none; float: left; min-height: 1px; }
[dir = 'rtl'] .slick-slide { float: right; }
.Floor1 .slick-slide .slick-loading img { display: none; }
.Floor1 .slick-slide .dragging img { pointer-events: none; }
.Floor1 .slick-initialized .slick-slide { display: block; }
.Floor1 .slick-loading .slick-slide { visibility: hidden; }
.Floor1 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.Floor1 .slick-arrow .slick-hidden { display: none; }

.Floor1 .slick-slider .slick-dots{text-align: center;}
.Floor1 .slick-slider .slick-dots li{display: inline-block;text-align: center;width: 8px;height: 8px;background: #e8e8e8;border-radius: 50%;border:0px;margin:0 5px;line-height: 3000;overflow: hidden;}
.Floor1 .slick-slider .slick-dots li.slick-active{background: #d42c1d;}
.Floor1 .slick-slider .slick-dots li button{display: none;}


.Floor1 li.slick-slide { padding: 5px 0; }
.Floor1 li.slick-slide .icon { width: 60%; max-width: 114px; margin: 0 auto; position: relative; }
/* .Floor1 li.slick-slide .icon:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background: #fff; } */
.Floor1 li.slick-slide .icon img { position: relative; z-index: 3; }
.Floor1 li.slick-slide aside { line-height: 40px; font-size: 20px; text-align: center; color: #000; padding-top:0px; position: relative; z-index: 3; }
@media(min-width:1025px) {
.Floor1 .slick-slider .slick-dots{display: none !important;}
}
@media(max-width:1024px) {
.Floor1 li.slick-slide { padding: 20px 0; }
.Floor1 li.slick-slide aside { line-height: 24px; font-size: 14px; padding: 0; margin:10px 6px 0 6px;height: 48px;}
.Floor1 .slick-initialized .slick-slide{position: relative;}
.Floor1 .slick-initialized .slick-slide:first-child::before{display: inline-block;content: '';width: 1px;height:60px;border-left:1px dashed rgba(0,0,0,.1);position: absolute;left:0;top:50%; margin-top: -30px;}
.Floor1 .slick-initialized .slick-slide:after{display: inline-block;content: '';width: 1px;height:60px;border-left:1px dashed rgba(0,0,0,.1);position: absolute;right:0;top:50%; margin-top: -30px;}
}
.Floor1 li.slick-slide:hover .icon:before,.Floor1 li.slick-slide:hover { background: #365eb3;}
.Floor1 li:hover .dot2 {color: #fff;}
/* .Floor1 .slick-current, .Floor1 li.slick-slide:hover .icon:before { background: #f1f1f1; animation: Floor1 1s ease infinite; -webkit-animation: Floor1 1s ease infinite; -ms-animation: Floor1 1s ease infinite; } */
@-webkit-keyframes Floor1 {
 0% {
transform: scale(1);
opacity: 1;
}
 100% {
transform: scale(2);
opacity: 0;
}
}
@-ms-keyframes Floor1 {
 0% {
transform: scale(1);
opacity: 1;
}
 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes Floor1 {
 0% {
transform: scale(1);
opacity: 1;
}
 100% {
transform: scale(2);
opacity: 0;
}
}

.Floor1 .slick-arrow { position: absolute; left: -5%; top: 50%; width: 45px; height: 80px; margin-top: -40px; background: url(../image/Floor1_prev.png) no-repeat center; background-size: contain; z-index: 10; padding: 0; border: none; font-size: 0; cursor: pointer; }
.Floor1 .slick-next { left: auto; right: -5%; background-image: url(../image/Floor1_next.png); }

@media(max-width:1440px) {
.Floor1 .slick-arrow { width: 50px; height: 50px; left: 0;}
.Floor1 .slick-next { left: auto; right: 0; }
}
@media(max-width:1024px) {
.Floor1 .slick-arrow{display: none !important}
}

.Floor2 {margin:0 auto; width: 1300px; background: #365eb3; }
.Floor2 .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.Floor2 .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; }
.Floor2 .slick-list:focus { outline: none }
.Floor2 .slick-list.dragging { cursor: pointer; cursor: hand; }
.Floor2 .slick-slider .slick-track, .Floor2 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.Floor2 .slick-track { position: relative; top: 0; left: 0; display: block; }
.Floor2 .slick-track:before, .Floor2 .slick-track:after { display: table; content: ''; }
.Floor2 .slick-track:after { clear: both; }
.Floor2 .slick-loading .slick-track { visibility: hidden; }
.Floor2 .slick-slide { display: none; float: left; min-height: 1px; }
[dir = 'rtl'] .slick-slide { float: right; }
.Floor2 .slick-slide .slick-loading img { display: none; }
.Floor2 .slick-slide .dragging img { pointer-events: none; }
.Floor2 .slick-initialized .slick-slide { display: block; }
.Floor2 .slick-loading .slick-slide { visibility: hidden; }
.Floor2 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.Floor2 .slick-arrow .slick-hidden { display: none; }
.Floor2 .slider { margin-left: 8.86%; }
.Floor2 li{ margin-right:5px;margin-left:5px;padding-bottom:30px;}
.Floor2 .slider li.slick-slide img { display: block; width: 100%; }
.Floor2 .slider-for .sycpdzwz{
    position: absolute;
    bottom:-30px;
    width: 76%;
    height: 60px;
    z-index: 99;
    background-color:#fff;
    opacity: 1;
    color: #000;
    margin:0 8%;
    padding:1% 4%;
    text-align: center;
}
@media(max-width:1440px){
  .Floor2 .slick-arrow{width: 60px; height: 60px; }
  .Floor2 .slick-next{right: -60px;}
}
@media(max-width:1024px) {
.Floor2 .slick-arrow { width: 50px; height: 50px; }
.Floor2 .slick-next { right: -50px; }
}

@media(min-width:1025px) {
.Floor2 .left { float: left; width: 100%; }
}
.Floor2 .img { position: relative; cursor: pointer; }
.Floor2 .img img { display: block; width: 100%; }
.Floor2 .slider-for li.slick-slide { position: relative; }
@media(max-width:1024px) {
.column-name {font-size: 32px; }
.Floor2 .slick-prev { right: 50px; }
.Floor2 .slick-next { right: 0; }
}

@media(max-width:768px) {
.column-name { font-size: 26px; }	
}

/* 三楼 */
.Floor3 { background: #232323; }
.Floor3 .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.Floor3 .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; }
.Floor3 .slick-list:focus { outline: none }
.Floor3 .slick-list.dragging { cursor: pointer; cursor: hand; }
.Floor3 .slick-slider .slick-track, .Floor3 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.Floor3 .slick-track { position: relative; top: 0; left: 0; display: block; }
.Floor3 .slick-track:before, .Floor3 .slick-track:after { display: table; content: ''; }
.Floor3 .slick-track:after { clear: both; }
.Floor3 .slick-loading .slick-track { visibility: hidden; }
.Floor3 .slick-slide { display: none; float: left; min-height: 1px; }
[dir = 'rtl'] .slick-slide { float: right; }
.Floor3 .slick-slide .slick-loading img { display: none; }
.Floor3 .slick-slide .dragging img { pointer-events: none; }
.Floor3 .slick-initialized .slick-slide { display: block; }
.Floor3 .slick-loading .slick-slide { visibility: hidden; }
.Floor3 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.Floor3 .slick-arrow .slick-hidden { display: none; }
.Floor3 .slider { margin-left: 8.86%; }
.Floor3 .slider li.slick-slide img { display: block; width: 100%; }
.Floor3 .slick-arrow { position: absolute; right: 0; bottom: 0; width: 90px; height: 90px; background: url(../image/Floor2_prev.png) no-repeat center #d42c1d; z-index: 10; padding: 0; border: none; font-size: 0; cursor: pointer; }
.Floor3 .slick-next { right: -90px; background: url(../image/Floor2_next.png) no-repeat center #4f4f4f; }

.Floor3 .left li{height:140px;background-color: #fff; }

@media(max-width:1440px){
  .Floor3 .slick-arrow{width: 60px; height: 60px; }
  .Floor3 .slick-next{right: -60px;}
}
@media(max-width:1024px) {
.Floor3 .slick-arrow { width: 50px; height: 50px; }
.Floor3 .slick-next { right: -50px; }
}

@media(min-width:1025px) {
.Floor3 .right { float: right; width: 75%; }
.Floor3 .left { float: left; width: 25%; }
}
.Floor3 .img { position: relative; cursor: pointer; }
.Floor3 .img img { display: block; width: 100%; }
.Floor3 .slider-for li.slick-slide { position: relative; }
@media(max-width:1024px) {
.column-name {font-size: 32px; }
.Floor3 .right .slider-nav { width: 100%; max-width: none; height: auto !important;  }
.Floor3 .right .slider-nav li { padding: 0; text-align: center; }
.Floor3 .right .slider-nav li h2 { font-size: 32px; }
.Floor3 .right .more a { margin: 0 auto; }
.Floor3 .slick-prev { right: 50px; }
.Floor3 .slick-next { right: 0; }
}

@media(max-width:768px) {
.column-name { font-size: 26px; }   
.Floor3 .right .more { padding-top: 0; }
.Floor3 .right .slider-nav li h2 { font-size: 22px; }
}


.ProductIntroduction {
    position: relative;
    width:100%;
    margin:40px auto;
    overflow: hidden;
    background-color:#fff;
    box-shadow: 0px 0px 25px #ccc;
}

.ProductExhibition {
    position: relative;
    width: 25%;
    height:100%;
    float: left;
}

.ProductExhibition .Exhibition_num .Exhibition_item,.ProductExhibition .Exhibition_num .Exhibition_item a {
    display: block;
    margin-right:0;
    height:124px;
    line-height: 124px;
    text-align:center;
    font-size: 26px;
    border-bottom: 1px solid #efefef;
}



.ProductExhibition_box,
.ProductExhibition_box .Exhibition_Img,
.ProductExhibition_box .Exhibition_Img img {
    width: 100%;
    height: 500px;
}

.ProductExhibition_box .Exhibition_Img img {
    box-sizing: border-box;
    /* padding: 15px; 
    border-radius: 20px;*/
}
.ProductExhibition_box .Exhibition_Img{ position: relative; }
.ProductExhibition_box .Exhibition_Img .tpwz{
    position: absolute;
    width: 96%;
    height: 80px;
    z-index: 99;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    color: #fff;
    padding:1% 2%;
}
.ProductExhibition_box .Exhibition_Img .tpwz h2{font-size: 20px;}
.ProductExhibition_box .Exhibition_Img .tpwz span{font-size: 14px;display:block;line-height: 25px;}

.Exhibition_items::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 0 3px 0 0;
    border-color: #af5000 #af5000 transparent transparent;
    border-style: solid;
    border-width: 6px;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
    right: -5px;
    /* right: 0; */
    background: -o-linear- n(45deg,  rgba(255, 255, 255, 0)  0, rgba(255, 255, 255, 0) 49%, #af5000 50%, #af5000 100%) no-repeat border-box;
    background: linear-gradient(45deg,  rgba(255, 255, 255, 0) , rgba(255, 255, 255, 0) 49%,#af5000 50%, #af5000) no-repeat border-box;
    content: "";
}

.Exhibition_items {
    position: absolute;
    left: 28px;
    top: 13px;
    width: 168px;
    height: 92px;
    box-sizing: border-box;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 3px #af5000;
    box-shadow: inset 0 0 0 3px #af5000;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    -o-transition: transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
}

.ProductExhibition .Exhibition_num .czt_active,.ProductExhibition .Exhibition_num .czt_active a{
    background: #365eb3; color: #fff;
}

.ProductExhibition_wrap {
    position: relative;
    width: 75%;
    height: 500px;
    float: right;
}

.ProductExhibition_box {
    position: absolute;
    height: 120000px;
    transition: all .5s;
}

.ProductExhibition_box img {
    width: 646px;
    height: auto;
}
