@charset "utf-8";/* CSS Document */.swiper-pagination-bullet {background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:none;vertical-align:middle;}
.swiper-pagination-bullet span {width:3px;height:3px;background:#CCC;display:block;border-radius:50%;margin-top:3px;margin-left:3px;}
.swiper-pagination-bullet i {background:#38af42;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span {width:9px;height:9px;margin-top:0;margin-left:0;background:#38af42;position:relative;z-index:1;}
.swiper-pagination-bullet-active i {animation:middle 6s;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {animation:first 6s;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {animation:last 6s;}
@keyframes first {0% {transform:scaleX(0.5);left:0px;}
/*091*/  100% {transform:scaleX(1);left:2px;}
/*0915*/}
@keyframes last {0% {transform:scaleX(0.7);left:-10px;}
/*1090*/  20% {transform:scaleX(0.3);left:2px;}
/*090*/  100% {transform:scaleX(0.3);left:0px;}
/*090*/}
@keyframes middle {0% {transform:scaleX(0.7);left:-10px;}
/*1091*/  20% {transform:scaleX(0.45);left:2px;}
/*092*/  100% {transform:scaleX(1);left:2px;}
/*0913*/}
.service {position:relative;z-index:5;margin-top:0;padding-bottom:0px;}
.service #service {padding-bottom:40px;width:100%;overflow:inherit;}
.service #service .li {position:relative;}
.service #service .li .serviceBox {background:RGBa(55,175,65,1);position:relative; border-bottom: 6px #38af42 solid}
.service #service .li .serviceBox::after {width:100%;height:100%;position:absolute;left:0;top:0;content:'';z-index:10;-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) .1s;}
.service #service .li:nth-child(2) .serviceBox::after {-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) .2s;}
.service #service .li:nth-child(3) .serviceBox::after {-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) .3s;}
.service #service .li:nth-child(4) .serviceBox::after {-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) .4s;}
.service #service .li:nth-child(5) .serviceBox::after {-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) .5s;}
.service #service .li:nth-child(6) .serviceBox::after {-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) .6s;}
.service #service .li .serviceBox.animated::after {height:0;bottom:0;}
#service .li .serviceBox.animated .img img {-webkit-transform:scale(1);visibility:visible;}
#service .li .img img {width:100%;visibility:hidden;-webkit-transition:all 1.5s ease .1s;}
#service .li:nth-child(2) .img img {-webkit-transition:all 1.5s ease .2s;-webkit-transform:scale(1.2);}
#service .li:nth-child(3) .img img {-webkit-transition:all 1.5s ease .3s;-webkit-transform:scale(1.2);}
#service .li:nth-child(4) .img img {-webkit-transition:all 1.5s ease .4s;-webkit-transform:scale(1.2);}
#service .li:nth-child(5) .img img {-webkit-transition:all 1.5s ease .5s;-webkit-transform:scale(1.2);}
#service .li:nth-child(6) .img img {-webkit-transition:all 1.5s ease .6s;-webkit-transform:scale(1.2);}
.service #service .li .icon {position:absolute;top:20%;color:#fff;width:100%;text-align:center;opacity:0;transition:ease .5s;display:none;}
.service #service .li .icon:after {content:'';position:absolute;width:1px;height:30px;background:rgba(255,255,255,.7);top:120%;left:50%;}
.service #service .li .icon i {font-size:70px;}
.service #service .li ._slide {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);opacity:0;transition:ease .6s;}
.service .swiper-wrapper .li .img {width:100%;transition:ease .7s;position:relative;overflow:hidden;}
.service .swiper-wrapper .li.s a {display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.service .swiper-wrapper .li.s .thum {width:100px;height:85px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);text-align:center;font-size:14px;}
.service .swiper-wrapper .li.s .thum b {width:50px;height:50px;display:block;margin:auto;background:url("../images/plus_icon.png") no-repeat;background-size:cover;}
.service .swiper-wrapper .li.s .thum p {font-size:14px;display:block;margin-top:5px;color:#fff;}
.service .swiper-wrapper .li .text {position:absolute;text-align:center;color:#fff;transition:.7s all ease;width:100%;bottom:10%;}
.service .swiper-wrapper .li p:nth-child(1) {font-size:20px;line-height:35px;}
.service .swiper-wrapper .li p:nth-child(2) {color:rgba(255,255,255,.8);font-size:14px;font-family:Exo2;line-height:1.7;padding:0 5%;}
._slide {width:171px;line-height:42px;border:1px solid #fff;border-radius:25px;color:#fff;font-size:14px;position:relative;text-indent:35px;height:46px;margin:auto;}
._slide i {position:absolute;right:2px;height:32px;width:32px;border-radius:50%;background:#fff;color:#38af42;line-height:32px;font-size:16px;top:5px;right:4px;text-align:center;transition:ease 1s;z-index:8;text-indent:0;}
._slide .tips {position:absolute;z-index:1;left:0;overflow:hidden;width:100%;height:100%;transition:ease 1s;}
._slide .mask {position:absolute;z-index:5;transition:ease 1s;width:100%;height:100%;left:0;}
._slide:hover .tips {width:20%;}
._templateIcon {font-family:Georgia;}
@media screen and (max-width:1100px) {.service .swiper-wrapper .li p:nth-child(1) {font-size:18px;line-height:35px;}
}
@media screen and (min-width:1000px) {.service .swiper-wrapper .li:hover .text {transform:translateY(-180px);}
.service #service .li:hover ._slide {opacity:1;bottom:18%;}
.service #service .li:hover .icon {opacity:1;}
.service .swiper-wrapper .li:hover .img {background-size:cover;width:100%;opacity:0;}
}
@media screen and (max-width:1023px) {.service {padding-bottom:20px;}
.service .swiper-wrapper .li p:nth-child(1) {font-size:16px;}
.service .swiper-wrapper .li p:nth-child(2) {display:none;}
}