.banner{background: url(../images/banner.png) no-repeat center/cover;position: relative;padding: 8rem 3rem 7rem;isolation: isolate;}
.logo{width: 56.3rem;margin: 0 auto;}
.logo2{width: 35%;}

.banner::before{content: '';display: block;position: absolute;width: 94rem;height: 10rem;left: 50%;transform: translateX(-50%);top: 20rem; z-index: -1;background: linear-gradient(90.00deg, rgba(37, 255, 237, 0.8),rgba(158, 255, 179, 0.8) 31%,rgba(246.42, 226.6, 74.64, 0.8) 69%,rgba(177, 114, 255, 0.8) 100%);border-radius: 5rem;mix-blend-mode: color-dodge;filter: blur(2.5rem);}
.search_box{width: 90rem;margin: 5rem auto 0;position: relative;z-index: 2;}
.search_box .top{position: relative;height: 8rem;margin: 0 0 1rem;z-index: 10;}
.search_input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 15rem 0 3rem;border: none;border-radius: 5rem;color: rgba(0, 110, 122, .6);outline: none;/*background: rgba(255, 255, 255, .2);border: .2rem solid ;backdrop-filter: blur(2rem);-webkit-backdrop-filter: blur(2rem);border-color: rgba(255, 255, 255, .2); border-image-source: linear-gradient( 0deg, rgba(146, 255, 246, 1) 0%, rgba(146, 255, 246, 0) 50%, rgba(146, 255, 246, 1) 100%);border-image-slice: 1;border-radius: 5rem;*/ background: url(../images/ser_bg.png) no-repeat center/100% 100%;  backdrop-filter: blur(2rem);-webkit-backdrop-filter: blur(2rem);}
.search_input::placeholder{color: rgba(0, 110, 122, .6);}
.search_input:focus{color: #006C78; border-image: linear-gradient( 0deg, rgba(37, 255, 237, 1) 0%, rgba(37, 255, 237, 0) 50%, rgba(37, 255, 237, 1) 100%);border-image-outset: .1rem}
.search_btn{width: 10rem;height: 6.1rem;position: absolute;top: 50%;transform: translateY(-50%);right: 1rem;background: url(../images/ser.png) no-repeat center/cover;border-radius: 5rem;border: none;}
.search_box .bottom{padding: 0;color: #fff;}
.search_box .bottom a{display: inline-block;vertical-align: top;padding: 0 0 0 1.2rem;color: #fff;position: relative;margin: 0 0 0 3rem;}
.search_box .bottom a::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .6rem;height: .6rem;background: #fff;border-radius: 50%;}

.content{padding: 5rem 0 8rem;}
.lf{width: 24rem;}
.rt{width: calc(100% - 26rem);}

.index_01{background: #fff url(../images/left.png) no-repeat bottom center/100%;border-radius: 2rem;box-shadow: 0 0 2rem rgba(0, 90, 207, .1);padding: 2rem;height: calc(100vh - 4rem);}
.index_01 .item{padding: 1.6rem 2rem;display: flex;align-items: center;border-radius: 1rem;}
.index_01 .ico{width: 3rem;height: 3rem; margin: 0 1rem 0 0;}
.index_01 .item.on{background: #F6F6F6;color: #006334;}
.index_01 .item.on path{fill: #006334;}

.index_02{padding: 3rem;background: #fff;border-radius: 2rem;margin: 0 0 2.3rem;}
.index_02:last-child{margin: 0;}
.index_02 h2{display: flex;align-items: center;margin: 0 0 2rem;}
.index_02 h2 .ico{width: 3rem;margin: 0 1rem 0 0;}
.index_02 ul{margin: 0 0 -2rem -2rem;}
.index_02 .item{margin: 0 0 2rem 2rem;padding: 2rem 0 0;position: relative;}
.index_02 .img_box{width: 10rem;height: 8rem;position: absolute;left: 0;top: 0;padding: 1.5rem 2.5rem 0 1.5rem;background: url(../images/item1.png) no-repeat center/100% 100%;z-index: 2;}
.index_02 .gp-img{border-radius: 50%;}
.index_02 .bottom{padding: 3rem 2rem;background: #F3F7FB;border-radius: 1rem;overflow: hidden;position: relative;z-index: 1;}
.index_02 .title{margin: 0 0 2rem 9rem;font-weight: bold;}
.index_02 .summary{margin: 0 0;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index_02 .item:hover .img_box{background-image: url(../images/item2.png);}
.index_02 .item:hover .bottom{box-shadow: 0 0 2rem rgba(0, 111, 255, .2);}
.index_02 .item:hover .bottom::before{content: '';display: block;position: absolute;left: .1rem;right: .1rem;top: .1rem;bottom: .1rem; z-index: -1;border-radius: 1rem;background: #F3F7FB;}
.index_02 .item:hover .bottom::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0; z-index: -2;border-radius: 1rem;background: linear-gradient(135.00deg, #25FFED00, #25FFED, #9EFFB3 , #B172FF 100%);}
.index_02 .item:hover .title{color: #006334;}




footer{padding: 5rem 0;background: linear-gradient(135.00deg, rgba(29.4, 210.87, 189.69, 1),rgba(0, 89.78, 207.19, 1) 100%);}
footer .gp-container{align-items: center;}
.footer_logo{width: 41rem;}
.copyright{color: #fff;}


@media screen and (max-width:1640px){
	
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:996px){
	
}
@media screen and (max-width:767px){
    .logo{width: 60%;}
    .banner{padding: 4rem 2rem;}
    .search_box{width: 100%;}
    .banner::before{display: none;}

    .lf,.rt{width: 100%;min-height: initial !important;}
    .wrap_fix_scroll ,.wrap_fix_scroll .fix_scroll{position: static !important;width: auto !important;}
    /* .index_01{display: flex;flex-wrap: wrap;} */
    .index_01{height: auto;background-size: 30% auto;margin: 0 0 3rem;}
    .index_01 .item{width: auto;float: left;}

}