.n-banner .text .tit1.ti {font-size: 1.2rem;}
.n-banner .text .ti2 {font-size: 1.3rem;color: #ccb195;margin: .8rem 0;margin-bottom: 2.5rem;}
.n-banner .text .ti2 span {font-weight: bold;font-size: 1.6rem;}
.n-banner .swi {position: absolute;bottom: 2rem;width: 1420px;}
.n-banner .cases-box{width: 80%;margin: 0 auto;}
.n-banner .swi li {width: 32%;margin-right: 2%;}
.n-banner .text {height: 100%;display: block; 
flex-flow: column nowrap; 
justify-content: center; 
align-items: flex-start; 
margin-left:0; }
.center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.n-banner .swi .swiper-slide {font-size: 0;}
.n-banner .swi .swiper-slide .pic {background-color: #fff;/*padding-bottom: 33%;*/
position: relative;width: 53%;display: inline-block;vertical-align: middle}
.n-banner .swi .swiper-slide .font {display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;width: 47%;padding: 0 20px;box-sizing: border-box;}
.n-banner .swi .swiper-slide .font .p{line-height: 1.5; height: 6em; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.n-banner .cases-box {position: static;}
.n-banner {position: relative;}
.one {background-color: #f7f7f7;padding-top: 2rem;padding-bottom: 1rem;}
.one .top-title .tit2 p {background-color: #f7f7f7;}
.one ul {font-size: 0;text-align: center;}
.one ul li {width: 255px;height: 255px;border: 1px solid #dedede;box-sizing: border-box;background-color: #fff;border-radius: 50%;text-align: center;display: inline-block;vertical-align: top;transition: 0.5s;cursor: pointer;}
.one ul li .top {width: 50px;height: 50px;border-radius: 50%;background-color: #333333;color: #fff;font-size: 20px;text-align: center;line-height: 50px;display: inline-block;margin-top: 45px;transition: 0.5s;}
.one ul li .ti {font-size: 20px;color: #333;margin-top: 25px;transition: 0.5s;margin-bottom: 10px;}
.one ul li .de {font-size: 14px;color: #666;padding: 0 50px;box-sizing: border-box;transition: 0.5s;}
.one ul li .de span {font-weight: bold;font-size: 20px;}
.one ul li:nth-child(2),
.one ul li:nth-child(3) {margin: 0 6%;}
.one ul li:nth-child(2) {margin-right: 0;}
.one ul li:hover {background-color: #333333;}
.one ul li:hover .ti {color: #fff;}
.one ul li:hover .de {color: #fff;}
.one ul li:hover .top {color: #333;background-color: #fff;}
.two {padding-top: 1.5rem;background: #f7f7f7;}
.two .top-title .tit2 p{ background: #f7f7f7;}
.i-liste {padding-bottom: 0;}
.wpage {text-align: center;background: #f7f7f7;padding: .65rem .75rem;position: relative;margin-bottom: 2rem;}
.n-cases .lista .workbox .ulbox {margin-bottom: 0;}
.i-liste {padding-top: 0;}
.three {background-color: #fff;padding-top: 1rem;overflow: hidden;}
.three .top-title .tit2 p {background-color: #fff;}
.three ul {font-size: 0;margin-bottom: 1.5rem;}
.three ul li {display: inline-block;vertical-align: top;width: 23%;margin-right: 2.6%;background-color: #fff;border: 1px solid #e5e5e5;box-sizing: border-box;/* height: 350px; */
text-align: center;transition: 0.5s;}
.three ul li:nth-child(4) {margin-right: 0;}
.three ul li .top {width: 50px;height: 50px;background-color: #333;border-radius: 50%;display: inline-block;position: relative;margin-top: 40px;margin-bottom: 30px;transition: 0.5s;}
.three ul li .top img {transition: 0.5s;}
.three ul li .top .after {opacity: 0;}
.three ul li:hover .top .after {opacity: 1;}
.three ul li:hover .top .before {opacity: 0;}
.three ul li:hover .top {background-color: #fff;}
.three ul li .num {font-size: 40px;color: #dedede;}
.three ul li .ti {font-size: 20px;color: #333;transition: 0.5s;}
.three ul li .xian {width: 30px;display: inline-block;border-top: 2px solid #999999;margin-top: 20px;}
.three ul li .de {font-size: 14px;color: #666;padding: 0 14%;box-sizing: border-box;margin-top: 20px;height: 60px;overflow: hidden;margin-bottom: 40px;transition: 0.5s;}
.three ul li:hover {background-color: #333;}
.three ul li:hover .ti {color: #fff;}
.three ul li:hover .de {color: #fff;}
.four {padding-top: 2rem;}
.top-title .de {font-size: 20px;color: #666;text-align: center;position: relative;top: 10px;}
.four ul {font-size: 0;}
.four li {width: 200px;border: 1px solid #dedede;box-sizing: border-box;display: inline-block;vertical-align: top;text-align: center;}
.four li .top {height: 70px;line-height: 70px;background-color: #333333;background-image: url('../img/px20.png');}
/*
body {height: 100000px;} */
.four li .top div {background-color: #333;font-size: 14px;color: #fff;text-align: center;height: 70px;}
.four li .top div span {font-size: 30px;}
.four li .ti {font-size: 20px;color: #333;height: 115px;line-height: 115px;position: relative;border-bottom: 1px solid #dedede;box-sizing: border-box;}
.four li .ti i {display: block;width: 50px;height: 50px;background-color: #333;font-size: 20px;color: #fff;line-height: 50px;border-radius: 50%;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 50%);font-style: normal;}
.four li .de {font-size: 14px;color: #666;line-height: 2;height: 155px;padding-top: 45px;box-sizing: border-box;}
.four li .dee {font-size: 14px;color: #666;height: 100px;background-color: #f7f7f7;padding: 0 25px;padding-top: 25px;line-height: 1.6;}
.four li {height: 442px;margin-left: -1px;}
.four li .tip {font-size: 20px;color: #333;margin-top: 110px;}
.four li .tipde {font-size: 14px;color: #666;line-height: 2;padding: 0 40px;box-sizing: border-box;margin-top: 40px;}
@media only screen and (max-width:1600px) {
.n-banner .swi {width: 80%;left: 50%;transform: translateX(-50%);}
}
@media only screen and (max-width:1480px) {
.n-banner .swi .swiper-slide .font {font-size: 14px;}
.one ul li {width: 200px;height: 200px;}
.one ul li .top {margin-top: 20px;}
.one ul li .ti {margin-top: 10px;margin-bottom: 5px;}
.one ul li .de {padding: 0 35px;}
.three ul li .top {margin-bottom: 20px;}
.top-title .de {font-size: 18px;}
.four li {width: 16.66%;}
.four li .ti {font-size: 18px;height: 100px;line-height: 100px;}
.four li .de {height: 145px;padding-top: 40px;}
.four li {height: 417px;}
}
@media only screen and (max-width:1320px) {
.four li {width: 20%;}
}
@media only screen and (max-width:1100px) {
.one ul li:nth-child(2),
.one ul li:nth-child(3) {margin: 0 3%;}
.one ul li:nth-child(2) {margin-right: 0;}
}
@media only screen and (max-width:1024px) {
.n-banner .swi {position: static;transform: none;/* bottom: 0;transform: translateY(100%);left: 0; */
width: 100%;margin-top: 20px;}
.n-banner .text .ti2 {margin-bottom: 1rem;}
}
@media only screen and (max-width:750px) {
.n-banner .cases-box{width: 88%;}
.n-banner .text .tit1.ti {font-size: 0.6rem;}
.n-banner .text .ti2{font-size: 0.7rem;}
.n-banner .cases-box {padding-bottom: 2rem;}
.n-banner .text .ti2 span{font-size: 0.8rem}
.four li {width: 50%;}
.one ul li:nth-child(2),
.one ul li:nth-child(3) {margin: 0;}
.one ul li {width: 165px;height: 165px;}
.one ul li .top {width: 35px;height: 35px;line-height: 35px;margin-top: 18px;}
.one ul li .ti {font-size: 18px;margin-top: 5px;}
.one ul li .de {padding: 0 15px;}
.three ul li {width: 49%;margin-right: 2%;margin-bottom: 10px;}
.three ul li:nth-child(2n) {margin-right: 0;}
.three ul li .top {margin-top: 30px;}
.top-title .de {font-size: 16px;}
}
@media only screen and (max-width:550px) {
.three ul li .num {font-size: 35px;}
.three ul li .ti {font-size: 18px;}
.three ul li .top {margin-bottom: 10px;}
.three ul li .de {margin-bottom: 30px;}
}
.libtn {font-size: 16px;color: #666;border: 1px solid #666;border-radius: 20px;width: 140px;height: 40px;line-height: 40px;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);right: 8%;transition: 0.5s;opacity: 1;left:auto;}
.libtn:hover {background-color: #333;color: #fff;}
.top-title {position: relative;margin-bottom: 2rem!important}
@media only screen and (max-width:1000px) {
.libtn{position: static;transform: none;display: block;margin: 0 auto;margin-top: 15px;}
}
@media only screen and (max-width:960px) {
.page a.prev, .page a.next{background-size: 80%;}
.page a.next:hover, .page a.prev:hover {/* background: #ccb195; */
/*background: #333 url(../img/px15.png) 100% center no-repeat!important;*/
background-color: #333!important;background-image: url('../img/px15.png')!important;background-size: 80%!important;background-position: center!important;background-repeat: no-repeat!important;}
}
.libtn:hover{color: #fff;}
.n-banner .swi{opacity: 0;transition: 0.5s;}
.n-banner .swi.act{opacity: 1}
.i-liste .mobile-customer-box .img{box-sizing: border-box;}
.i-liste .mobile-customer-box .img:nth-child(2n){margin-left: -1px;}
@media only screen and (max-width:750px) {
.four li .de{line-height: 1.5}
.four li .top div span{font-size: 26px;}
.four li .ti i{width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
.top-title {position: relative;margin-bottom: 1rem!important}   
.n-cases .lista{padding-top: 1rem;}
}
.n-cases .lista .swiper-box{margin-bottom: 0.5rem;}
.n-cases .lista .workbox .li-img{margin-bottom: 1%;}
.top-title{margin-bottom: 1rem!important;}
.wpage{padding: 0.25rem 0.75rem;}
.page a.prev, .page a.next{top: 0.25rem;}
.n-cases .lista .workbox .bot{height: 30px;}
.n-cases .lista .workbox .text{padding-top: 0.3rem;}
.n-cases .lista .workbox .time{margin-bottom: 0.2rem;}
.n-cases .lista .workbox .tit1{padding-bottom: 0.3rem;}
.four li .top{height: 60px;line-height: 60px;}
.four li .top div{height: 60px;}
.four li .ti{height: 80px;line-height: 80px;}
.four li .de {height: 124px;padding-top: 30px;}
.four li .dee{height: 90px;padding-top: 15px;}
.four li {height: 356px;}
@media only screen and (max-width:1100px) {
.four li .dee {height: 100px;padding-top: 15px;}.four li {height: 366px;}
.four li .dee{
padding: 0 10px;padding-top: 15px;}
}
.li-img .img{display: block;}
@media only screen and (max-width:750px) {
.n-banner .cases-box{width: 88%;}
.n-banner .text .tit1.ti {font-size: 0.6rem;}
}