.info_goodtone{padding: calc(1rem + 1vw) 0;position: relative;}
.info_goodtone .wp{width: 92%;margin: 0 auto;}
.info_goodtone .wp .left{width: 45%;float: left;position: relative;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.info_goodtone .wp .left .img{overflow: hidden;}
.info_goodtone .wp .left .img img{transform: scale(1.1);width: 100%;}
.info_goodtone .wp .left:hover{transform: scale(0.9);}

.info_goodtone .wp .left .GOOD{display:inline-block;font-size:calc(1.2rem + 6vw);color:#fff;position:relative;overflow:hidden;white-space:pre;/*font-family:butler;*/}
.info_goodtone .wp .left .GOOD:before{position:absolute;right:0;top:0; z-index:100;color:#d9d9d9;display:block;width:30%;height: 100%; content:'';/*font-family:butler;*/overflow:hidden;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;background: url(/static/upload/logo_info1.png);background-size: auto 100%;background-position: right top;opacity: 0.5;}
.info_goodtone .wp .left .TONE{display:inline-block;font-size: calc(1.2rem + -2vw);color:#d9d9d9;position:relative;overflow:hidden;white-space:pre;/*font-family:butler;*/-webkit-transition: color 0.8s ease;-moz-transition: color 0.8s ease;-ms-transition: color 0.8s ease;-o-transition: color 0.8s ease;transition: color 0.8s ease;}
.info_goodtone .wp .left:hover .GOOD:before{color: #999;opacity: 1;}
.info_goodtone .wp .left:hover .TONE{color: #999;}
.info_goodtone .wp .left .font{position: absolute;}
.info_goodtone .wp .left .font.font1{left: 0;top: 50%;transform: translateY(-50%);}
.info_goodtone .wp .left .font.font1 span{ transform: translate(-30%,-100%);}
.info_goodtone .wp .left .font.font2{right: 0;top: 100%;transform: translateY(-50%);}
.info_goodtone .wp .left .font.font2 span{ transform: translate(30%,100%);}

.info_goodtone .wp .right{width: 40%;float: right;padding-top: 8.5%;padding-left: calc(10% + 1rem + 1vw);}
.info_goodtone .wp .right .text{margin-bottom: calc(1rem + 3vw);}
.info_goodtone .wp .right .text strong{font-size: 1.5rem;line-height: 3;display: block;/*font-family:butler;*/}
.info_goodtone .wp .right .text p{text-align: justify;font-size: 16px;line-height: 2;}
.w_100 {
    width: 100%;
}

.gy{padding:5% 0;}
    .gy .left{float:left;width:45%;line-height:3;}
     .gy .left h3{font-size:1.5rem;margin-top:18%}
      .gy .left p{ font-size:16px;line-height:2;}
    
    
    
    .gy .right{float:right;width:550px;}
      .gy .swiper-slide{text-align:center;}
        .gy .right p{ text-align:center;font-size:16px;line-height:3;}
    .swiper-button-prevx {
 
    background: url(/static/images/left-h.svg) no-repeat;
}


   .swiper-button-nextx {
 
    background: url(/static/images/right-h.svg) no-repeat;
}


.swiper-button-nextx, .swiper-button-prevx{top:auto;bottom:10px;height:20px;}

.gy.wp{  
   
    margin: 0 auto;}
    
    
    
    
    
    @media only screen and (max-width: 640px) {


.gy .left,.gy .right {
    float: initial;
    width: 100%;
    line-height: 3;margin-bottom:10%
}
.gy .left,.gy .right img{max-width:100%}


.info_goodtone .wp .left,.info_goodtone .wp .right{width: 100%;float: initial;padding-left: 0;}

.info_goodtone{padding:0}
.gy .left h3{
    margin: 0;
}

.pt130 {padding-top:0;}
.gy{
    padding: 0;
}

.GOOD.TONE{transform: translate(0%, -83.4286%)!important;}
.info_goodtone .wp .left .GOOD:before{display:none;}
}