@charset "utf-8"; 


 
/* banner */
.banner {width: 100%;height: 280px;background: url("../img/caseJx.png") center no-repeat;}

/* 案例 */
.case_mian {width:1140px;margin:0 auto;overflow: hidden;padding-bottom: 50px;}
.caseUl {margin:20px auto 0 auto;width:618px;    overflow: hidden;}
.caseUl li{width: 100px;height: 45px;float: left;text-align: center;line-height: 48px;font-size: 14px; color: #666666;cursor: pointer;background-color: #f7f7f7;margin-right: 3px;overflow: hidden;position: relative;}
.caseUl .on {background-color: #ff6e68;color: #fff;}
.caseBorder {width: 1140px;overflow: hidden;margin:40px auto 0 auto;border-radius: 5px;}
.caseBox{width: 1140px; height: auto;overflow: hidden;margin: 0 auto;}
.caseName{line-height: 25px;text-align: center;color: #666666;font-size: 15px;margin: 10px 0 20px 0;}
.caseName span{background-color: #ff6f69;color: #fff; padding: 0px 6px;border-radius: 30px; margin-right: 5px;}
.caseName p{display: inline;}



/* 恢复切换加上 overflow:hidden 即可*/
.caseContent {width:6840px;height:500px;position: relative;transition: left 0.5s cubic-bezier(0.4, 0.6, 0.05, 1);-moz-transition: left 0.5s cubic-bezier(0.4, 0.6, 0.05, 1);-webkit-transition: left 0.5s cubic-bezier(0.4, 0.6, 0.05, 1);-o-transition: left 0.5s cubic-bezier(0.4, 0.6, 0.05, 1);}




.case_ul li {margin:0 12px 30px 0;}
.case_ul li:hover p{color:#ff6e68}
.caseImg{width: 270px;height: 170px;overflow: hidden;}
.caseImg img {width:100%;}
.case_ul{width: 1140px;height: auto;float: left;}


/* 案例内页 */
.caseDet {overflow:hidden;}
.caseDet_tit {margin:40px 0 30px 0;}
.caseDet h2 {font-size: 26px;color: #000;font-weight: normal;margin-bottom: 15px;text-align:center;}
.subtitle {text-align:center;}
.subtitle p {display:inline;color: #9e9e9e;margin-right:30px;}
.caseDet_img {width:880px;margin:0 auto;}
.caseDet_img img {width:100%;}
body .swiper-container {overflow:inherit}
body .swiper-slide-next,body .swiper-slide-prev{opacity:0.1}
body .swiper-button-next{right:-90px;width: 77px;height: 77px;background-color: rgba(255, 110, 104, 0.66);text-align: center;line-height: 77px; border-radius: 100%; color: #271C1C;font-size: 20px; position: absolute;cursor: pointer; opacity: 0.7;background-image:none;}
body .swiper-button-next i,body .swiper-button-prev i{font-family: "fontIcons" !important;font-size: 25px; font-style: normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;color: #ff0a00;}
body .swiper-button-prev{left:-90px;width: 77px;height: 77px;    background-color: rgba(255, 110, 104, 0.66);text-align: center;line-height: 77px; border-radius: 100%; color: #271C1C;font-size: 20px; position: absolute;cursor: pointer; opacity: 0.7;background-image:none;}
body .swiper-pagination-bullet {border-radius:50%;background: #ff6e68;}
.caseDet_p {padding: 30px 0;text-align: left;margin: 0 auto;line-height: 24px; text-indent: 2em;color: #666666;width:880px;}
.caseAbout {width:1140px;margin:0 auto;overflow:hidden;text-align:center;}
.caseAbout h2 {font-size: 24px;}
.caseAbout .case_ul {margin:40px 0 0 0;}

.source .show {display:block}