/*标题通用*/
.caseafwb .title{ text-align: center; line-height: 100%; padding-bottom: 2rem;}
.caseafwb .title a{ display: block; line-height: 100%; color: #333333;}
.caseafwb .title a i{ display: block; line-height: 100%; font-size: 2.4rem; letter-spacing:1px;}
.caseafwb .title a span{ display: block; line-height: 100%; font-size: 18px;font-weight: normal; padding-top: 0.8rem; letter-spacing: 1px;}

.caseafwb{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto; overflow:hidden;position: relative;padding-bottom:6rem;}


.caseafwb .c_list{ overflow: hidden;position: relative;z-index: 10;}
.caseafwb .c_list ul li{ padding-top: 2.15rem; height: 6.45rem; line-height: 100%; text-align: center; float: left; width: 14.2%; box-sizing: border-box;}
.caseafwb .c_list ul li a{ display: block; line-height: 100%; font-size: 1rem; color: #333333;}
.caseafwb .c_list ul li span{ display: block; margin: 0 auto 0.4rem; height: 1.75rem; width: 2.15rem; overflow: hidden;}
.caseafwb .c_list ul li span img{ transition: all 0.2s;display: block;height: 1.75rem; width: 2.15rem;}
.caseafwb .c_list ul li:hover{background: url(images/case.png)  no-repeat center 0;}
.caseafwb .c_list ul li:hover a{ color: #37a0db;}
.caseafwb .c_list ul li:hover span img:first-of-type{ margin-top: -1.75rem;}
.caseafwb .gccg_con{width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.caseafwb .case_con dl{ float: left;width: 18.8rem;margin-right: 1.8rem; margin-bottom: 1.5rem;}
.caseafwb .case_con dt img{ display: block;width: 18.8rem;height: 10.55rem;}
.caseafwb .case_con dd h4{height: 2.75rem;line-height: 0.9rem;box-sizing: border-box;border-top: 1px solid #d2d2d2;font-size: 0.9rem;color: #333;padding-top: 1.5rem; }
.caseafwb .case_con dd p{ display: block;font-size: 0.7rem;color: #999999;line-height: 1.3rem;font-weight: normal; padding: 0.8rem 0 0; }



.caseafwb .gccg_l{position:relative}
.caseafwb .gccg_l dt{ display: block;width:59.6%;overflow: hidden;float: left; }
.caseafwb .gccg_l dt img{ display: block; width:100%;}
.caseafwb .gccg_l dd{ float:right;width: 40.4%;background:#37a0db url(images/case_dd.jpg) no-repeat center;background-size: 100%;padding: 4.55rem 3.5rem 0;box-sizing: border-box; }
.caseafwb .gccg_l dd p{ display: block;font-size: 20px;line-height:30px;color: #ffffff; margin-bottom:21px;}
.caseafwb .gc_tex{ overflow: hidden; }
.caseafwb .gc_tex p:nth-child(1),
.caseafwb .gc_tex p:nth-child(2){font-size:24px;}


.caseafwb .gccg_l dd .btns:last-of-type{float: right;background:#fff; color: #37a0db;}
.caseafwb .gccg_l .mySwiper2 .swiper-slide{background:#37a0db;}



 @media screen and (max-width:1581px) {             
.caseafwb .gccg_l dd p{font-size:16px;line-height:26px;}
.caseafwb .gc_tex p:nth-child(1),
.caseafwb .gc_tex p:nth-child(2){font-size:20px;}


}



.caseafwb .gccg_r2{margin-top: 1.3rem;position: relative; }
.caseafwb .gccg_r2 li{position:relative;float:left;overflow:hidden; box-sizing: border-box; transition: all 0.2s; text-align:center;}
.caseafwb .gccg_r2 li img{width:100%;}
.caseafwb .gccg_r2 li span{ display: block;background: url(images/case_jt.png) no-repeat right 0.95rem;z-index: 30;height:40px;line-height:40px;border-bottom: 1px solid #dfdfdf; font-size: 18px; color: #333333;    padding-right: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.caseafwb .gccg_r2 .swiper-slide-thumb-active .pic{background: #f3981c; padding: 0.4rem; box-sizing: border-box; padding-bottom: 2px;}
.caseafwb .gccg_r2 .swiper-slide-thumb-active .pic span{ background: none; text-align: center; color: #fff; border-bottom: none;}


.caseafwb .gccg_con i{position:absolute;top: 3.75rem;z-index:993;display:block;width: 1.6rem;height: 1.6rem;text-align:center;opacity:1;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease;overflow:hidden;}
.caseafwb .gccg_con i img{display:block;width: 3.2rem;height: 1.6rem}
.gccg_con i.prev{left:- 2.65rem}
.caseafwb .gccg_con i.next{right: -2.5rem}
.caseafwb .gccg_con i:hover img{margin-left: -1.6rem;}



/*.g_cpxq{margin-bottom: 4.05rem;}*/
.caseafwb .g_cpxq .swiper {width: 100%;}
.caseafwb .g_cpxq .mySwiper2 {height: 100%;width: 100%;}
.caseafwb .g_cpxq .mySwiper .swiper-slide { width: 16.6%;height: 100%;}



.caseafwb .swiper-button-next, .swiper-rtl .swiper-button-prev {
            background:url(images/anrjt.png) no-repeat;outline:none;
            background-size: 3.2rem 1.6rem;
        }
        
.caseafwb .swiper-button-prev, .swiper-rtl .swiper-button-next {
            background:url(images/anljt.png) no-repeat;outline:none;
            background-size: 3.2rem 1.6rem;
        }

.caseafwb .swiper-button-next:hover,
.caseafwb .swiper-button-prev:hover{background-position: -1.6rem 0}


.caseafwb .g_cpxq .swiper-button-prev:after,
.caseafwb .g_cpxq .swiper-rtl .swiper-button-next:after {
 content: "";
}
.caseafwb .g_cpxq .swiper-button-next:after,
.caseafwb .g_cpxq .swiper-rtl .swiper-button-prev:after {
  content: "";
}


.caseafwb .swiper-button-prev,
.caseafwb .swiper-button-next{width: 1.6rem;height: 1.6rem;border-radius: 50%;}
.caseafwb .swiper-button-prev{left: -2.5rem;}
.caseafwb .swiper-button-next{right: -2.5rem;}
.caseafwb .gc-con{overflow:hidden;}
.caseafwb .swiper-button-prev,
.caseafwb .swiper-button-next{top:60%;}

 @media screen and (max-width:1581px) {             
.caseafwb .gccg_l dd p{ font-size: 16px;}
.caseafwb .gccg_r2 li span{font-size:16px;}




}