.ratio-img,.ratio-img img{width: 100%;}
.main_fff{background: #fff;}

.reform_01{position: relative;}
.reform_slider_cont{ position: absolute; top:0;z-index: 999; background: rgba(255,255,255,0.8); width:1280px; margin-left: -640px;left: 50%; }
.reform_slider{position: relative;padding: 0 100px;}
.reform_slider .swiper-wrapper{height: auto !important;}
.reform_slider .swiper-slide{height: 130px !important;}
.reform_slider .swiper-slide a{display: block; text-align: center; color: #414141;height: 100%; }
.reform_slider .but>div{width: 40px; height: 40px; border-radius: 50%;top: 50%; margin-top: -20px;position: absolute;opacity: 1;}
.reform_slider .swiper-button-prev{border: 1px solid #fcc80f;background:#fcc80f url(../images/reform_pre_on.png) no-repeat center center;  left:40px; cursor: pointer;}
.reform_slider .swiper-button-next{border: 1px solid #fcc80f;background:#fcc80f url(../images/reform_next_on.png) no-repeat center center; right:40px;cursor: pointer;}

.reform_slider .swiper-button-prev.swiper-button-disabled{border: 1px solid #c9c9ca; background:#fff url(../images/reform_pre.png) no-repeat center center;cursor: default;}
.reform_slider .swiper-button-next.swiper-button-disabled{border: 1px solid #c9c9ca; background:#fff url(../images/reform_next.png) no-repeat center center;cursor: default;}

.reform_slider .pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;}
.reform_slider .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px; background: #999;box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.reform_slider .swiper-active-switch {background: #fff;}
.reform_slider dt{padding-top: 30px;}
.reform_slider dt img{ width: 48px; height: 36px; }
.reform_slider dd{margin-top: 10px;}
.reform_slider .swiper-slide.on{background: #fcc80f;}

.reform_02{padding: 60px 0;}
.reform_href{color: #3f3f3f; border-bottom: 1px solid #dbdbdb; display: inline-block; clear: both; padding-bottom: 15px;margin-top: 30px;}
.reform_href a{color: #fcc810;}
.reform_03{margin-bottom: 45px; overflow: hidden;}
.reform_03 ul{margin:0 -15px; overflow: hidden;}
.reform_03 li{float: left; width: 33.33%;*margin-left: -1px; margin-bottom: 55px;}
.reform_03 li dl{padding: 0 15px;}
.reform_03 li dd{margin-top: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media only screen and (max-width: 1366px) {
.reform_slider_cont{width: 96%; margin-left: -48%;}
.reform_03 ul{margin:0 -10px;}
.reform_03 li{margin-bottom: 40px;}
.reform_03 li dl{padding: 0 10px;}
.reform_03 li dd{margin-top: 20px;}
}

@media only screen and (max-width: 1023px) {
.reform_slider_cont{position: static; margin:0 auto; margin-top: 20px;}
.reform_02{padding: 30px 0;}
.reform_03{margin-bottom: 20px;}
.reform_03 li{margin-bottom: 20px;}
.reform_03 li dd{margin-top: 10px;}
.reform_href{margin-top: 20px;}
}

@media only screen and (max-width: 767px) {
.reform_02{padding: 20px 0;}
.reform_slider{padding: 0 60px;}
.reform_slider .swiper-button-prev{left: 10px;}
.reform_slider .swiper-button-next{right: 10px;}
.reform_03 li{width: 50%;}
.reform_03 ul{margin:0 -5px;}
.reform_03 li dl{padding: 0 5px;}
}


.case_01 .swiper-container{padding: 60px 0;}
.case_01 .reform_slider_cont{position: static; width: 100%; margin: 0 auto;}
.case_01 .reform_slider{padding: 0px 90px;height: 280px !important;}
.case_01 .reform_slider .swiper-slide{height: 160px !important; width:149px;}
.case_01 .reform_slider .swiper-button-prev{left:0;}
.case_01 .reform_slider .swiper-button-next{right:0;}
.case_01 .reform_slider dd{margin-top: 20px;}
.case_01 .reform_slider dt{padding-top: 45px;}
.case_01 .reform_slider .swiper-slide a{border: 1px solid #d9d9d9;  box-sizing: border-box;margin: 0 1px;}
.case_02{padding:55px 0 95px 0;}
.case_02>h1{text-align: center;margin-bottom: 90px;}
.case_02 .product-list ul{border: none;}
.case_02 .list_c p{padding: 0;}
.case_01 .reform_slider .swiper-slide.on{background: #fcc80f;z-index: 999;}
.case_01 .reform_slider .swiper-slide.on a{border: none;border: 1px solid #fcc80f;background: #fcc80f;transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.case_edit_01{background: #f7f7f7; padding: 55px 90px 70px 90px; position: relative;}
.case_edit_01 .reform_href{background: #fcc80f; padding: 5px 15px;}
.case_edit_01 .reform_href a,.case_edit_01 .reform_href{color: #414141;}
.arrow{position: absolute;top: 0%;left: 25.5%;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -15px;border: 15px dashed transparent;border-top: 15px solid #fff}

.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after{display: none;}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before{top: auto;margin-top: 0;}
.twentytwenty-horizontal .twentytwenty-before-label:before{left: 60px;}
.twentytwenty-horizontal .twentytwenty-after-label:before{right: 60px;}

@media only screen and (max-width: 1366px) {
.case_02>h1{margin-bottom: 50px;}
.case_edit_01{padding: 40px;}
.case_02{padding: 40px 0;}

}
@media only screen and (max-width: 1280px) {
.case_01 .reform_slider{padding: 0 55px; height: 250px !important;}
.arrow{left: 23.5%;}
.case_02>h1{margin-bottom: 30px;}
.case_01 .swiper-container{padding: 40px 0;}
.case_01 .reform_slider dt{padding-top: 30px;}
.case_01 .reform_slider .swiper-slide{height: 135px !important;width:140px;}
.case_01 .reform_slider{height: auto !important;}

}
@media only screen and (max-width: 1022px) {
.case_01 .reform_slider .swiper-slide.on a{transform:scale(1,1); -webkit-transform:scale(1,1);}
}

@media only screen and (max-width: 767px) {
.arrow{left: 50%; margin-left: -15px;}
.case_edit_01{padding: 20px;}
.reform_slider .but>div,.case_01 .reform_slider .swiper-button-prev{background-size:8px;}
.reform_slider .but>div{width: 30px; height: 30px; margin-top: -15px;}
.case_01 .reform_slider{padding: 0 35px;}
}

@media only screen and (min-width: 1023px) {

/* .reform_slider .swiper-slide:hover{background: #fcc80f;} */
/* .case_01 .reform_slider .swiper-slide:hover{background: #fcc80f;z-index: 999;} */
/* .case_01 .reform_slider .swiper-slide:hover a{border: none;border: 1px solid #fcc80f;background: #fcc80f;transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} */
}

.indexh1 .twentytwenty-before-label.on, .indexh1 .twentytwenty-after-label.on{ opacity: 0;}

.main_fff .product-list ul{border: none;}
.indexh1 .twentytwenty-handle::before{content: '左右滑动'; position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);width: 100px;height: 10px;color: #fff;background: transparent;box-shadow: none;text-align: center;opacity: 0;transition: all 0.3s;}
.indexh1 .twentytwenty-handle:hover::before{opacity: 1;}