.swiper-button-next,
.swiper-button-prev{position: absolute; width: 46px; height: 46px;  opacity: 1; background-color: #1333B0; background-size: 6px 10px;} 
.swiper-button-prev{left: 2.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next{right: 2.5rem;  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-disabled{background-color: #EDEDED; opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23061A5E'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-disabled{background-color: #EDEDED; opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23061A5E'%2F%3E%3C%2Fsvg%3E");}
@media (max-width: 767px){
	.swiper-button-next,
	.swiper-button-prev{display: none;}
}
.desc li{ position: relative; line-height: 30px; padding-left: 16px;}
.desc li::before{content:''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background: #0C0B0B; border-radius: 50%; display: block;}


.banner{position: relative; color: #fff; }
.banner .pic{width: 100%;}
.banner .text-box{position: absolute; top: 45%; left: 0; bottom: 0; right: 0; line-height: 1; color: #fff; }
.banner .title{}
.banner .btn_try{margin: 6.25rem 0 0; }
.banner .btn_try a{font-size: 1.125rem; font-weight: bold; color: #fff; padding: 1.125rem 3.375rem; background: linear-gradient(131deg, #00D592 0%, #008F62 100%); border-radius: 8px;}
.banner .p3{ font-size: 3rem; font-weight: bold; line-height: 1.5; color: #000; letter-spacing: 2px;}
.banner .p4{font-size: 2rem; letter-spacing: 2px; color: #000; margin-top:1.5rem;}
@media (max-width: 767px){
	.banner{}
	.banner .pic{height: 180px;}
	.banner .text-box{display: flex; justify-content: center; align-items: center; top: 0;}
	.banner .text img{width: 60%;}
	.banner .btn_try{margin: 20px 0 0;}
	.banner .btn_try a{font-size: 14px; padding: 8px 20px;}
	.banner .p3{font-size: 20px; letter-spacing: 0;}
    .banner .p4{font-size: 1.52rem; letter-spacing: 0; margin-top: 1rem;}
}

.service_value{padding: 4rem 0 6.25rem;}
.service_value .cont{margin: 5rem 0 0;}
.service_value .cont ul{display: flex; align-items: center; height: 400px; }
.service_value .cont li{flex: 1; cursor: pointer; margin: 0 2.5rem 0 0; text-align: center; background: rgba(255,255,255,0.88);}
.service_value .cont li:last-child{margin: 0;}
.service_value .cont .item{display: block; color: #000; border-radius: 1.25rem; padding: 10px 10px 3.375rem 10px; background: #F1F9F6; overflow: hidden;}
.service_value .cont .item .pic img{width: 100%; height: 0; border-radius: 1.25rem; overflow: hidden;}
.service_value .cont .item .info{padding: 2.75rem 0 0;}
.service_value .cont .item .icon{position: relative; width: 7.625rem ; height: 7.625rem;; display: block; margin: 0 auto 1rem; overflow: hidden;}
.service_value .cont .item .icon img{position: absolute; left: 0; right: 0; transition:0.36s ease;}
.service_value .cont .item .tit{font-size: 1.5rem; font-weight: bold;}
.service_value .cont .item .tit_sub{font-size: 1.125rem; margin: 10px 0 0;}
.service_value .cont .icon .img{top: 0;}
.service_value .cont .icon .img_hover{top: 100%;}
.service_value .cont .item:hover{height: 400px; transition: 0.4s; background: url(../images/service_value_item_bg.jpg) no-repeat top center; background-size: cover;}
.service_value .cont .item:hover .pic img{height: 170px; transition: 0.4s;  }
.service_value .cont .item:hover .info{transform: translateY(-3.8125rem); padding-top: 0;}
.service_value .cont .item:hover .icon .img{top: -100%;}
.service_value .cont .item:hover .icon .img_hover{top: 0;}
.service_value .cont .item:hover p{color: #fff;}
.service_value .cont p{font-size: 1.25rem; color: #0C0C0C;}
@media (max-width: 767px){
	.service_value{padding: 30px 0;}
	.service_value .cont{margin: 30px 0 0;}
	.service_value .cont ul{height: auto; flex-flow: row wrap;}
	.service_value .cont li{flex: none; width: 50%; margin: 0; padding: 10px;}
	.service_value .cont .item .info{padding: 0;}
	.service_value .cont .item .tit{font-size: 16px;}
	.service_value .cont .item .tit_sub{font-size: 12px;}
	.service_value .cont .item:hover{height: auto;}
	.service_value .cont .item:hover .info{transform: translateY(0);}
	.service_value .cont .item:hover .pic img{height: 0;}
}

.service{padding: 4rem 0 6.875rem; background: url(../images/service_bg.jpg) no-repeat top center; background-size: cover;}
.service .cont{margin: 3.625rem 0 0;}
.service .tabs ul{display: flex;}
.service .tabs li{margin: 0 10px 0 0; padding: 0 2.4375rem; cursor: pointer; background: #fff; color: #0C0B0B; line-height: 3.125rem; border-radius: 8px; font-size: 1.125rem;}
.service .tabs li:last-child{margin: 0;}
.service .tabs li.on{background: linear-gradient(131deg, #00E39C 0%, #00855B 100%); color: #fff;}
.service .tabs_cont{padding-top: 4.375rem;}
.service .tabs_item{display: flex; position: relative; border-radius: 1.25rem; background: #fff; color: #0C0B0B;}
.service .info{padding: 4rem 0 5rem 2.5rem; max-width: 710px; width: 55.46875%;}
.service .tabs_item .tit{font-size: 1.75rem; font-weight: bold;}
.service .tabs_item .tit::after{content: ''; width: 40px; height: 4px; display: block; margin: 8px 0 27px; border-radius: 4px; background: #00855B;}
.service .tabs_item .desc{font-size: 1.125rem; line-height: 1.66; overflow: hidden;}
.service .tabs_item .desc::after{content: '';height: 2.625rem; margin: 1.75rem 0 0; display: flex; justify-content: flex-end; background: url(../images/service_fuhao.png) no-repeat top right; background-size: 3.375rem;}
.service .btn_try{margin: 8px 0 0; }
.service .btn_try a{display: inline-flex; align-items: center; padding: 0.6875rem 1.5rem; border-radius: 8px; font-size: 1.25rem; color: #009B6A; border: 1px solid #009B6A;}
.service .btn_try a::after{content: ''; width: 9px; height: 15px; margin: 0 0 0 10px; background: url(../images/more_arrow.png) no-repeat top center;}
.service .btn_try a:hover{ color: #fff; border-color: transparent; background: linear-gradient(131deg, #00D592 0%, #008F62 100%);}
.service .btn_try a:hover::after{background-image: url(../images/more_arrow_white.png) ;}
.service .pic{position: absolute; right: 2.5rem; top: -7.5rem; border-radius: 1.25rem; overflow: hidden;}
@media (max-width: 767px){
	.service{padding: 30px 0;}
	.service .cont{margin: 30px 0 0;}
	.service .pic{position: static; height: 200px; overflow: hidden;}
	.service .tabs_item{display: block; padding: 15px;}
	.service .info{padding: 30px 0 15px; width: 100%;}
	.service .tabs_item .tit::after{margin: 8px 0 15px;}
	.service .tabs_item .desc{font-size: 14px; line-height: 2;}
	.service .tabs_item .desc::after{margin: 0;}
}


.superiority{padding: 4rem 0 4.875rem; position: relative;}
.superiority::before{content: ''; position: absolute; left: 12.5rem; top: 6.25rem; width: 14.875rem; height: 14.875rem; border-radius: 50%; display: block; background: rgba(218, 248, 237, 0.22);} 
.superiority::after{content: ''; position: absolute; right: 0; bottom: 0; width: 21.875rem; height: 19.375rem; border-radius: 100% 0 0 0%; display: block; background: rgba(218, 248, 237, 0.34);} 
.superiority .container{position: relative; z-index: 2;}
.superiority .cont{margin: 3.75rem 0 0;}
.superiority .list{margin: 1.25rem 0 0;}
.superiority .list>ul{display: flex; flex-flow: row wrap; margin: 0 -1.25rem;}
.superiority .list>ul>li{ padding:  1.25rem; width: 33.3%;}
.superiority .list .item{cursor: pointer; height: 100%; min-height: 300px; padding: 1.5rem 1.875rem; border: 1px solid #ECECEC; border-radius: 15px; background: #f1f9f6; overflow: hidden;}
.superiority .list .tit{font-size:  1.5rem; color: #0C0B0B; }
.superiority .list .tit::after{content: ''; width: 40px; height: 4px; margin: 10px 0 1rem; display: block; border-radius: 4px; background: #00855B;}
.superiority .list .desc{ font-size: 1.125rem; color: #0C0B0B; line-height: 1.8;}
.superiority .list .icon{position: relative; width: 3.75rem; height: 3.75rem; display: block; margin: 0 0 1rem; overflow: hidden;}
.superiority .list .icon img{position: absolute; left: 0; right: 0; transition:0.36s ease;}
.superiority .list .item .icon .img{top: 0;}
.superiority .list .item .icon .img_hover{top: 100%;}
.superiority .list .item:hover .icon .img{top: -100%;}
.superiority .list .item:hover .icon .img_hover{top: 0;}
.superiority .list li:nth-child(even) .item{background: #fff; }
.superiority .list .item:hover{box-shadow: 0px 20px 30px 1px rgba(39,96,73,0.08);}
@media (max-width: 767px){
	.superiority{padding: 30px 0;}
	.superiority .cont{margin: 30px 0 0;}
	.superiority .list{margin: 30px 0 0;}
	.superiority .list>ul{display: block;}
	.superiority .list>ul>li{width: 100%; margin: 0 0 15px ;}
	.superiority .list .item{min-height: auto;}
	.superiority .list li .tit{font-size: 16px;}
	.superiority .list .icon{width: 60px; height: 60px;}
	.superiority .list li .desc{font-size: 14px; background-position: top 9px left;}
	.superiority::before,
	.superiority::after{content: none;}
}

.solution{padding: 4rem 0 6.125rem; background: url(../images/solution_bg.jpg) no-repeat top center; background-size: cover;}
.solution .cont{padding: 3.75rem 0 0;}
.solution .tabs{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.solution .tabs ul{display: flex;  margin-left: 22.65%; padding-left: 11%;}
.solution .tabs li{font-size: 1.125rem; line-height: 40px; margin: 0 4.75rem 0 0; color: #fff; cursor: pointer;}
.solution .tabs li::after{content: ''; width: 100%; height: 3px; background: transparent; display: block;}
.solution .tabs li.on{font-weight: bold;}
.solution .tabs li.on::after{background: #fff;}
.solution .tabs li:last-child{margin: 0;}
.solution .tabs_item{display: flex;}
.solution .item_left{width: 22.65%; padding-top: 2.5rem; border-right: 1px solid rgba(255,255,255,0.2);}
.solution .item_left li{line-height: 3.75rem; font-size: 1.25rem; padding-right: 1.625rem; cursor: pointer; border-right: 4px solid transparent; color: #fff; text-align: right;}
.solution .item_left li.curt{ border-right: 4px solid #fff;  background: linear-gradient(to right,rgba(0, 227, 156, 0.10),#00E39C);}
.solution .item_right_box{flex: 1;padding-top: 2.5rem; margin-left: 11%; overflow: hidden;}
.solution .item_right{display: none;}
.solution .item_right:nth-child(1){display: block;}
.solution .item_right .pic{border-radius: 10px; display: inline-flex; overflow: hidden;}
.solution .item_right .desc{margin: 1.875rem 0 0; font-size: 1.125rem;  line-height: 30px; color: #fff; max-width: 41.25rem;}
.solution .item_right .desc li{ position: relative; line-height: 30px;  padding-left: 16px;}
.solution .item_right .desc li::before{content:''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background: #fff; border-radius: 50%; display: block;}
.solution .item_right .more_btn{margin: 4.5rem 0 6.25rem; display: inline-flex; align-items: center; padding: 0.6875rem 1.5rem; border-radius: 8px; font-size: 1.25rem; color: #fff; border: 1px solid #fff;}
.solution .item_right .more_btn::after{content: ''; width: 9px; height: 15px; margin: 0 0 0 10px; background: url(../images/more_arrow_white.png) no-repeat top center;}
.solution .item_right .more_btn:hover{ color: #fff; border-color: transparent; background: linear-gradient(131deg, #00D592 0%, #008F62 100%);}
.solution .item_right .more_btn:hover::after{background-image: url(../images/more_arrow_white.png) ;}
@media (max-width: 767px){
	.solution{padding: 30px 0 0;}
	.solution .cont{padding: 30px 0 0;}
	.solution .tabs ul{margin: 0; padding-left: 0; width: 100%; justify-content: space-between;}
	.solution .tabs li{font-size: 14px;margin: 0;}
	.solution .item_left {width: 100px;}
	.solution .item_left li{font-size: 14px;}
	.solution .item_right_box{margin: 0 0 0 20px;}
	.solution .item_right .desc,
	.solution .item_right .desc span{font-size: 14px!important; line-height: 2!important;}
	.solution .item_right .more_btn{margin: 20px 0 30px;}
}

.connection{padding: 4rem 0 5.25rem; background: url(../images/connection_bg.png) no-repeat top center; background-size: cover;}
.connection .cont{margin: 4rem 0 0;}
.connection ul{margin: 0 -1rem; overflow: hidden;}
.connection li{float: left; width: 20%; padding: 1rem;}
.connection li p{display: flex; align-items: center; justify-content: center; border: 1px solid #ececec; height: 130px; background: #fff; border-radius: 10px;}
@media (max-width: 767px){
	.connection{padding: 30px 0 0;}
	.connection .cont{padding: 30px 0 0;}
	.connection li{width: 33.33%;}
	.connection li p{height: 90px; padding: 10px;}
}

.invite{padding: 3rem 0; text-align: center; background: url(../images/invite_bg.jpg) no-repeat top center; background-size: cover;}
.invite .tit{font-size: 3.2rem;/* font-weight: bold; *//* font-family: '宋体'; */color:#fff;}
.invite .btn_try a{width: 13.75rem; height: 3.75rem; line-height: 3.75rem; margin: 3rem auto 0; font-size: 1.375rem; display: block; text-align: center;  color: #00855B; background: url(../images/invite_btn.png) no-repeat top center; background-size: cover;}
@media (max-width: 767px){
	.invite{padding: 30px 0 ;}
	.invite img{width: 80%; margin: 0 auto;}
	.invite .tit{font-size: 2.6rem;}
}