.banner {position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;overflow: hidden;height: 904px;}
.banner .img{width: 100%;height: 904px;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.banner .imgApp{display: none;}
.banner .imgApp{width: 100%;overflow: hidden;}
.banner .imgApp img{width: 100%;-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}

.banner .titBan{position: absolute;left: 0;top:35%;width: 100%;}
.banner .titBan .ani{width: 780px;position: relative;}
.banner .titBan p{font-size: 84px;line-height: 92px;color: #fff;}


.banner .img{width:100%;height: 100%;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}

.banner .swiper-slide-active .imgApp img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.banner .swPage{position: absolute;left: 0;bottom: 70px;width: 100%;z-index: 100;}
.banner .swiper-pagination{float: left;position: static!important;bottom: 70px !important; }
.banner .swiper-pagination-bullet{display: inline-block; width: 66px; height: 3px ;background: #fff;margin-right: 15px!important;opacity: 1!important;cursor: pointer;border-radius: 0;}
.banner .swiper-pagination-bullet-active {background: #0b8280;}


.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}


.indexTitle{padding-top:80px;padding-bottom: 70px;max-width: 70%;margin: 0 auto;}
.indexTitle.center{text-align: center;}
.indexTitle h2{font-size: 50px;line-height: 60px;color: #000;}
.indexTitle p{font-size: 18px;line-height: 26px;color: #8a8a8a;margin-top: 20px;text-align: center;}


.productIndex{padding-bottom: 125px;background-image: url("../images/productIndex_bg.png");background-position: top right;background-repeat: no-repeat;background-size: 100%;}

.proSwiper{padding: 0 50px;}

.proSwiper{position: relative;padding: 0 110px;}
.proSwiper .swiper-container,.proSwiper .swiper-wrapper{}
.proSwiper .mesBx,.proSwiper .imgBx{float: left;width: 50%;}
.proSwiper .mesBx h3{font-size: 30px;line-height: 40px;color: #a3a3a3;font-family:'DINCond-Bold';margin-bottom: 30px;}
.proSwiper .mesBx .proMes{padding-right: 70px;}
.proSwiper .mesBx .proMes h2{display: flex;flex-direction: row;align-items: flex-end;font-size: 46px;color: #0b8280;margin-bottom: 25px;font-family:'DINCond-Bold';margin-bottom: 20px;}
.proSwiper .mesBx .proMes h2 span{font-size: 30px;margin-left: 10px;}
.proSwiper .mesBx .proMes p{font-size: 16px;line-height: 28px;color: #4c4c4c;}
.proSwiper .mesBx .proMes a{display: block;width: 220px;font-size: 18px;line-height: 54px;color: #fff;background-color: #0b8280;border-radius: 30px;margin-top: 80px;text-align: center;}
.proSwiper .imgBx{overflow: hidden;}
.proSwiper .imgBx .proImg{background-image: url("../images/dian.png");background-repeat: no-repeat;background-position: center left;background-size: auto 90%;}
.proSwiper .imgBx .proImg img{width: 100%}
.proSwiper .imgBx .proImg,.proSwiper .imgShadow{padding-left: 260px;}
.proSwiper .imgShadow .isB{position: relative;width: 100%}
.proSwiper .imgShadow img{width: 100%;}
.proSwiper .imgShadow span{position: absolute;left:0;top:50%;display: block;width: 100%;font-size: 14px;line-height: 20px;color: #afafaf;text-align: center;margin-top: -10px; }
.proSwiper .swiper-button-prev,.proSwiper .swiper-button-next{position: absolute;display: inline-block;width:46px;height:46px;margin-top: -23px;background-repeat: no-repeat;background-position: center center;background-size: 100%;z-index: 10;}
.proSwiper .swiper-button-prev{left: 0;background-image: url("../images/iconPrev.png");}
.proSwiper .swiper-button-next{right: 0;background-image: url("../images/iconNext.png");}
.proSwiper .swiper-button-prev:hover{left: 0;background-image: url("../images/iconPrev2.png");}
.proSwiper .swiper-button-next:hover{right: 0;background-image: url("../images/iconNext2.png");}
.proSwiper .swiper-pagination{text-align: center;width: 100%;position: static;font-size: 0;margin-top: 20px;}

.proSwiper .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #a3a3a3;border-radius: 10px;margin:0 9px;opacity: 1;}
.proSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 50px;background: #0b8280;}
.aboutIndex{padding-top: 125px;padding-bottom: 200px;background-image: url("../images/aboutbg.jpg");background-repeat: no-repeat;background-position: right bottom;background-size: 100%;overflow: hidden;}
.aboutCont{width: 785px;}
.aboutCont h2{font-size: 46px;line-height: 60px;color: #000;}
.aboutCont p{font-size: 16px;line-height: 24px;color: #4c4c4c;margin-top: 30px;}
.aboutCont a{display: block;width: 180px;font-size: 16px;line-height: 46px;color: #fff;text-align: center;background: #3ca4a0;margin-top: 115px;border-radius: 30px;}

.newsIndex{padding-top: 25px;padding-bottom: 70px;}
.newsIndex .indexTitle,.serveIndex .indexTitle{text-align: left;max-width: 100%;}
.newsIndex .indexTitle p,.serveIndex .indexTitle p{color: #000;text-align: left;margin-top: 10px;}

.newsIn-list li{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;}
.newsIn-list li:nth-child(3n){margin-right: 0;}
.newsIn-list li:last-child{margin-right: 0;}
.newsIn-list li a{display: block;}
.newsIn-list li .img{overflow: hidden;border-radius: 25px;}
.newsIn-list li img{width: 100%;-moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear;}

.newsIn-list li .mes{padding-top: 40px;}
.newsIn-list li .mes span{display: block;font-size: 20px;line-height: 26px;color: #989898;font-family:'DINCond-Bold';}
.newsIn-list li .mes h3{font-size: 26px;line-height: 30px;height: 60px;color: #000;margin-top: 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.newsIn-list li .mes p{font-size: 16px;line-height: 26px;color: #007a78;margin-top: 25px;}
.newsIn-list li:hover h3{color: #007a78;}
.newsIn-list li:hover .img img{-moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}

.serveIndex{background-color: #f4fafa;padding-top: 10px;padding-bottom: 135px;}
.serveIn-list li{float: left;}
.serveIn-list .serveDet{width: 758px;height: 642px;margin-right: 28px;background-color: #deefef; background-image: url("../images/serveBg.png");background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 14px;padding: 55px 65px;box-sizing: border-box;}
.serveIn-list .serveDet a{display: block;width: 100%;height: 100%;position: relative;box-sizing: border-box;}
.serveIn-list .serveDet .mes{position: absolute;left: 0;top:0;width: 100%;color: #fff;}
.serveIn-list .serveDet .mes h1{font-size: 50px;line-height: 70px;margin-bottom: 20px;}
.serveIn-list .serveDet .mes h2{font-size: 30px;line-height: 40px;}
.serveIn-list .serveDet .look{position: absolute;left: 0;bottom:0;width: 180px;font-size: 16px;line-height: 46px;color: #fff;text-align: center;background: #3ca4a0;border-radius: 30px;}
.serveIn-list .serveDet a:hover .look{box-shadow: 3px 4px 16px rgba(60,164,160,0.6)}

.serveIn-list .serveItem{width: 360px;margin-right: 28px;}

.serveIn-list .serveItem .item{position: relative;width: 100%;height:306px;background-color: #deefef; border-radius: 14px;margin-bottom: 30px;background-position: right -35px bottom -30px;background-repeat: no-repeat;background-size:50%;overflow: hidden; }
.serveIn-list .serveItem a{position: relative;display: block;width: 100%;height: 100%;padding: 40px 30px 0 30px;box-sizing: border-box;}
.serveIn-list .serveItem .item:last-child{margin-bottom: 0;}
.serveIn-list .serveItem .item h3{font-size: 32px;line-height: 40px;color: #000;}
.serveIn-list .serveItem .item .mes{position: absolute;left: 0;bottom: 50px;width: 100%;padding-left: 30px;box-sizing: border-box;}
.serveIn-list .serveItem .item .mes span{display: block;font-size: 16px;line-height: 26px;color: #000;}
.serveIn-list .serveItem .item .mes p{font-size: 30px;line-height: 36px;color: #1d8c88;font-family:'rajdhani-bold';word-break: break-all;}

.serveIn-list .itemLast{position:relative;width: 366px;height:642px;background-color: #deefef;background-position: right bottom;background-repeat: no-repeat;background-size:50%;overflow: hidden;border-radius: 14px;padding: 40px 30px 0 30px; box-sizing: border-box;}
.serveIn-list .itemLast h3{font-size: 32px;line-height: 40px;color: #000;}
.serveIn-list .itemLast .list{position: absolute;left: 0;bottom: 40px;width: 100%;max-height: 80%;padding:0 50px 0 30px;box-sizing: border-box;overflow: hidden}
.serveIn-list .itemLast .list a{display: flex;flex-direction: row;align-items: center;font-size: 14px;color: #5d5d5d;line-height: 28px;margin-bottom: 14px;}
.serveIn-list .itemLast .list a img{width: 19px;margin-right: 8px;}
.serveIn-list .itemLast .list p{flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.serveIn-list .itemLast .list a:hover{color: #1d8c88;}