/*°¸Àý*/
.gcases_index{width:100%;}
.gcases_btn{width:1200px;margin:0 auto;text-align: center;margin-top:30px;}
.gcases_btn ul li{display:inline-block;width:80px;margin-right:15px;line-height: 30px;border-radius: 100px;text-align: center;box-sizing: border-box;}
.gcases_btn ul li a{color:#555555;font-size:16px;}
.gcases_btn ul li.on{border:1px solid #de0000;}
.gcases_btn ul li a.on{color:#de0000;font-size:16px;}
.gcases_btn ul li:hover{border:1px solid #de0000;}
.gcases_btn ul li:hover a{color:#de0000;}

.gcases_list{width:100%;overflow: hidden;margin-top: 35px;}
.gcases_list ul{width:102%;}
.gcases_list ul li{width:18.8%;height: 285px;float:left;margin-right:1%;margin-bottom: 25px;}
.gcases_list ul li .gcases_img{width:100%;height:240px;display:inline-block;position: relative;overflow: hidden;}
.gcases_list ul li img{width:100%;height:240px;}
.gcases_list ul li div{position:absolute;width:100%;height:60px;bottom:-60px;left:0;background:rgba(0,0,0,0.4);padding:10px;box-sizing: border-box;transition: 0.2s;}
.gcases_list ul li div span{width:100%;height:100%;line-height:40px;display:inline-block;border:1px solid #fff;font-size:16px;color:#fff;text-align: center;}
.gcases_list ul li .gcases_detail{display: inline-block;width:100%;padding-left:10px;box-sizing: border-box;}
.gcases_list ul li .gcases_detail h3{font-weight: normal;font-size: 18px;color:#222;}
.gcases_list ul li .gcases_detail p{line-height: 30px;font-size: 16px;color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gcases_list ul li:hover div{bottom:0;}
.gcases_list .gcases_swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;}
.gcases_list .gcases_swiper .swiper-container-android .swiper-slide,.gcases_swiper  .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.gcases_list .gcases_swiper .swiper-wrapper {position: relative;width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.gcases_list .gcases_swiper .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;padding-bottom: 20px;}
.gcases_list .swiper-container-horizontal>.swiper-pagination-bullets,.gcases_list .swiper-pagination-custom,.gcases_list .swiper-pagination-fraction {bottom: 0;left: 0;width: 100%;}
.gcases_list .gcases_swiper .gcases_swiper_btn {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.gcases_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin-right: 10px;}
.gcases_list .gcases_swiper .swiper-pagination-bullet {width: 20px;height: 20px;display: inline-block;border-radius: 100px;}
.gcases_list .gcases_swiper .swiper-pagination-bullet-active {opacity: 1;border: 1px solid #ec0000;}
.gcases_list .gcases_swiper .swiper-pagination-bullet-active:before{content:"";display: inline-block;width:5px;height:5px;margin:0 auto;background:#ec0000;border-radius: 100px;position: relative;top: -4px;}
.gcases_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{content:"";display: inline-block;width:5px;height:5px;margin:0 auto;background:#ec0000;border-radius: 100px;position: relative;top: 7px;}
/*°¸Àýend*/