/*3. 案例开始 */
.case .ato-content > ul {list-style:none;position:relative;}
.case .ato-content > ul li>div {position:absolute;top:166px;cursor:pointer;}
.case .ato-content > ul li.prev {left:0;}
.case .ato-content > ul li.prev img {width:60px;height:60px;opacity:0.5;}
.case .ato-content > ul li.next {right:0;}
.case .ato-content > ul li.next img {width:60px;height:60px;opacity:0.5;}
.case .ato-content .list-ato {/* width:1170px;overflow:hidden;*/    /* margin:auto 87px auto;*/    /* height:332px;*/    /* padding-bottom:30px;*/}
.case .ato-content .list-ato ul {/* width:100%;float:left;*/}
.mod-titles {opacity:0.8;width:80%;margin:auto;}
.mod-titlesspan {position:absolute;z-index:8000000;height:auto;top:50%;transform:translateY(-50%) translateX(0);width:80%;margin:auto 10%;}
.case .ato-content .list-ato ul li {width:33.3333%;height:360px;float:left;margin-bottom:38px;}
.case .ato-content .list-ato ul li>div {transition:all .7s ease 0s;/*height:360px;*/    height:auto;box-shadow:0px 4px 15px 0px rgba(0,0,0,0.08);/* margin:15px 9px;*/    position:relative;margin:0 0px;overflow:hidden;border-radius:20px 0 20px 0;}
.case .ato-content .list-ato ul li>div > .left {position:absolute;bottom:32px;left:30px;color:#333;font-size:16px;}
.case .ato-content .list-ato ul li>div > .left span:last-child {opacity:0.6;}
.case .ato-content .list-ato ul li>div > .right {position:absolute;bottom:45px;right:30px;}
.case .ato-content .list-ato ul li:hover {/* margin-top:-2px;*/}
.case .more {text-align:center;margin-top:40px;}
.case .more span {width:486px;height:46px;margin:0 auto;line-height:46px;border-image:-webkit-linear-gradient(to right,#BD89F2,#4C54E7) 1 10;border-image:-moz-linear-gradient(to right,#BD89F2,#4C54E7) 1 10;border-image:-o-linear-gradient(to right,#BD89F2,#4C54E7) 1 10;border-image:linear-gradient(to right,#BD89F2,#4C54E7) 1 10;border:2px solid #BD89F2;cursor:pointer;}
.case .more img {width:486px;}
/*3. 案例结束 *//* .tab {border-bottom:1px solid #ccc5;margin-bottom:40px;}
*/  .tab-case {border-bottom:1px solid #ccc5;margin-bottom:40px;height:2em;}
.tab-item {/* width:130px;*/    width:50%;height:36px;display:block;margin:0 auto;/* float:left;*/    /* text-align:center!important;*/    position:relative;}
.tab-item>span {font-size:16px;font-family:Source Han Sans CN;font-weight:400;color:rgba(51,51,51,1);text-align:center;cursor:pointer;margin-top:-16px;}
.tab-item:hover>span {color:#666EFF;}
.tab-item .item-box {padding:20px 0;background:rgba(255,255,255,1);box-shadow:3px 4px 10px 0px rgba(0,0,0,0.1);position:absolute;/*width:130px;*/    top:18px;left:0;z-index:999999;width:50%;margin:0 25%;}
.tab-item .item-box .item {font-size:12px;font-family:Source Han Sans CN;font-weight:300;color:rgba(51,51,51,1);margin-bottom:20px;text-align:center;cursor:pointer;}
.tab-item .item-box .item:hover {color:#666EFF;}
.tab-case-div {/* margin-top:3rem;*/    /* margin-left:6.5%;*/    width:87%;margin:3rem auto 0;text-align:center;height:auto;}
/*.rad img {width:96%;height:auto;margin:2% 2%;}
*/.case .ato-content .list-ato ul li {width:29.3%;margin:2%!important;transition:all .7s ease 0s;height:auto!important;box-shadow:0px 4px 15px 0px rgba(0,0,0,0.08);position:relative;border-radius:20px 0 20px 0;}
.case .ato-content .list-ato ul li>div {box-shadow:none;}
.left-case {width:95%;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;overflow:hidden;float:left;}
.right-case {width:5%;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;overflow:hidden;float:right;}
.left-case span {display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;/* float:left;text-align:left;*/    -o-text-overflow:ellipsis;overflow:hidden;}
.mod-title-tx:hover .mod-title img {opacity:0;}
.mod-title-tx:hover {background:#8086ff;transition:all 0.4s linear 0s;}
.mod-title-tx:hover .case-modbc1 {background:#ffffff;transition:all 0.4s linear 0s;}
.mod-title-tx:hover .right-case img {opacity:0;}
.case-modbc1 {width:100%;height:auto;float:left;margin:0;padding:2% 4%;box-sizing:border-box;}
.mod-title-tx:hover .mod-titlesspan {opacity:1;color:#ffffff;transition:all 0.4s linear 0s;}
.mod-titlesspan {opacity:0;}
.f_page{margin: 20px auto;display: block;clear: both;position: relative;float: left;left: 50%;transform: translateX(-50%);}
.pagination li {float: left;display:inline-block;margin-right:-1px;width:auto;padding:5px;border:1px solid #e2e2e2;min-width:33px;text-align:center;}
.pagination li span,.pagination li a{line-height: 33px;padding:0 5px;}
.pagination li.pagetotall{width:auto;}
.pagination li.pagetzinput{display:none;}
.pagination li.disabled:hover{border:1px solid #e2e2e2;background:none;}
.pagination li.active {background:#666EFF;color:#fff;border:1px solid #666EFF;pointer-events: none;}
.pagination li:hover{background: #21252ccc;border-bottom:1px solid #21252ccc;}
.pagination li:hover a{color:#ffffff;}
.pagination li a {display:block;text-align:center;}
@media screen and (min-width:300px) and (max-width:500px) {.case .ato-content .list-ato ul li {width:96%;}
}
@media screen and (min-width:0px) and (max-width:800px) {.tab-case-div {width:87%;/*margin:0 auto 0;*/    text-align:center;height:auto;}
}
@media screen and (min-width:501px) and (max-width:800px) {.case .ato-content .list-ato ul li {width:46%;}
}
}
@media screen and (min-width:300px) and (max-width:1400px) {.case .ato-content .list-ato ul li,.case .ato-content .list-ato ul li>div {height:auto!important;}
}
