/* main */
.main{background: url(../images/n_ban.png) no-repeat top center;background-size: 100% auto;padding: 168px 0 90px;}
.main .p_cont{border-radius: 10px;box-shadow: 0 0 20px 0 rgb(96 119 174 / 12%);background: #fff;padding: 50px;}
.main .title{font-size: 55px;color: #0065B3;font-weight: bold;text-align: center;font-family: "GILROY-BLACK";}
@media screen and (max-width:1440px){
.main .title{font-size: 50px;}
}
@media screen and (max-width:1280px){
.main .title{font-size: 45px;}
.main .p_cont{padding: 45px;}
}
@media screen and (max-width:1080px){
.main{padding: 128px 0 60px;}
.main .title{font-size: 40px;}
.main .p_cont{padding: 35px;}
}
@media screen and (max-width:768px){
.main .title{font-size: 32px;}
.main .p_cont{padding: 25px;}
}
@media screen and (max-width:520px){
.main{padding: 88px 0 30px;}
.main .title{font-size: 25px;}
.main .p_cont{padding: 15px;border-radius: 8px;}
}


/* banner */
.banner{margin-top: 5vw;position: relative;}
.banner .img img{width: 100%;}
.banner .nbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.banner .p_video{margin-top: 30px;display: flex;align-items: center;cursor: pointer;}
.banner .p_video img{width: 34px;}
.banner .p_video p{color: #fff;font-size: 18px;margin: 0;margin-left: 10px;}
@media screen and (max-width:1280px){
.banner{margin-top: 6vw;}
.banner .p_video{margin-top: 20px;}
.banner .p_video img{width: 30px;}
.banner .p_video p{font-size: 16px;}
}
@media screen and (max-width:1080px){
.banner{margin-top: 73px;}
.banner .p_video{margin-top: 10px;}
.banner .p_video img{width: 25px;}
.banner .p_video p{font-size: 14px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 73px;}
.banner .img{height: 168px;}
.banner .img img{height: 100%;object-fit: cover;}
}
@media screen and (max-width:520px){
.banner{margin-top: 65px;}
}
@media screen and (max-width:450px){
.banner{margin-top: 58px;}
}


/* crumb */
.crumb{font-size: 18px;z-index:22;background:url(../images/icon-home.png) no-repeat left 0;padding-left: 24px;color: #202020;margin-bottom: 60px;}
.crumb li{display:inline-block}
.crumb li a{margin: 0 5px;}
.crumb li a:hover{color:#E40114}
@media screen and (max-width:1080px){
.crumb{margin-bottom: 40px;}
}
@media screen and (max-width:520px){
.crumb{margin-bottom: 25px;font-size: 16px;}
}

/* nbox */
.nbox h3{font-size:50px;color:#fff}
.nbox p{font-size: 17px;color:#fff;margin: 20px 0 30px;font-weight:700;line-height:26px;}
@media screen and (max-width:1440px){
.nbox h3{font-size: 45px;}
.nbox p{margin: 10px 0 20px;font-size: 16px;}
}
@media screen and (max-width:1280px){
.nbox h3{font-size: 40px;}
}
@media screen and (max-width:1080px){
.nbox h3{font-size: 32px;}
.nbox p{font-size: 14px;line-height: 20px;margin: 10px 0;}
}
@media screen and (max-width:768px){
.nbox h3{display: none;}
.nbox p{margin: 0 0 15px;}
}
@media screen and (max-width:520px){
.nbox p{font-size: 14px;}
}

/* pro */
.pro{background:#fff;z-index:100;padding:20px 0;box-shadow:0 0 8px 0 rgb(0 0 0 / 6%)}
.pro .ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.pro .ul .li{position: relative;padding-bottom: 10px;}
.pro .ul .li a{font-size:18px}
.pro .ul .li:after{content:'';width:0%;height:2px;background-color:#0065B3;position:absolute;right:0;left:0;bottom:10%;margin:0 auto;transition:all .4s ease}
.pro .ul .li#on,.pro .ul .li:hover{color:#0065B3;}
.pro .ul .li#on:after,.pro .ul .li:hover:after{width: 100%;}
@media screen and (max-width:1080px){
.pro{padding: 15px 0 5px;}
.pro .ul .li{margin-bottom: 5px;}
.pro .ul .li a{font-size: 17px;}
}
@media screen and (max-width:768px){
.pro .ul .li a{font-size: 16px;}
}
@media screen and (max-width:680px){
.pro{display: none;}
}


/* productlist */
.productlist{padding: 80px 0;}
.productlist .text{font-size: 18px;color: #333;line-height: 28px;font-family: GILROY-BLACKS;margin-bottom: 40px;}
.productlist .text a{color: #0065B3;text-decoration: underline;}
.productlist .item{width: 23.5%;margin-bottom: 2%;margin-right: 2%;font-family: GILROY-BLACKS;}
.productlist .item a{display:block;padding: 20px;box-shadow: 0px 0px 5px rgb(0 0 0 / 0.07);transition: all .5s ease;border-bottom: 8px solid #EEEEEF;}
.productlist .item:nth-child(4n+4){margin-right:0}
.productlist .item .img{overflow:hidden;background:#fff;}
.productlist .item .img img{transition:all .5s}
.productlist .item .t1{font-size: 21px;color: #474747;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: all .5s ease;text-align: center;margin-bottom: 10px;}
.productlist .item .btn{color: #0065B3;font-size:16px;transition: all .5s ease;margin: 30px auto;height: 40px;border: 2px solid #0065B3;line-height: 40px;text-align: center;width: 168px;transition:all .4s}
.productlist .item:hover a{border-bottom: 8px solid #0065B3;}
.productlist .item:hover .img img{transform:scale(1.06)}
.productlist .item .btn:hover{background: #0065B3;color: #fff;}
@media screen and (max-width:1280px){
.productlist .item .btn{line-height: 38px;height: 38px;width: 150px;margin: 20px auto;}
.productlist .item .t1{font-size: 20px;}
}
@media screen and (max-width:1080px){
.productlist{padding: 50px 0;}
.productlist .text{font-size: 16px;}
.productlist .item{width: 32%;}
.productlist .item:nth-child(3n+3){margin-right: 0;}
.productlist .item:nth-child(4n+4){margin-right: 2%;}
.productlist .item .t1{font-size: 18px;}
.productlist .item .img{padding: 15px;}
}
@media screen and (max-width:768px){
.productlist .item{width: 48.5%;margin-bottom: 3%;}
.productlist .item:nth-child(odd){margin-right: 3%;}
.productlist .item:nth-child(even){margin-right: 0;}
.productlist .item a{padding: 12px;}
.productlist .item .btn{line-height: 35px;height: 35px;width: 135px;margin: 15px auto;}
}
@media screen and (max-width: 520px){
.productlist{padding: 30px 0;}
.productlist .text{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
.productlist .item a{padding: 10px;border-bottom: 5px solid #EEEEEF;}
.productlist .item:hover a{border-bottom: 5px solid #0065B3;}
.productlist .item .img{padding: 0;}
.productlist .item .t1{font-size: 16px;margin: 6px 0;}
.productlist .item .btn{line-height: 30px;height: 30px;width: 110px;margin: 10px auto;font-size: 14px;border: 1px solid #0065B3;}
}

/* product */
.product .txt{font-size:28px;color:#333;margin-bottom: 20px;width: 38%;}
.product .pro{display:flex;flex-wrap:wrap;justify-content:space-between;position: relative;box-shadow: none;}
.product .pro .pro_img{width: 37.2%;}
.product .pro .pro_img .pro2{border: 1px solid #c1c1c1;margin-bottom:20px;}
.product .pro .pro_img .pro2 .img{text-align:center}
.product .pro .po{position: absolute;width: 45%;right: 4.5%;top: 40%;}
.product .pro .pro1{position:relative}
.product .pro .pro1 .img{border:1px solid #ddd;padding:6px}
.product .pro .pro1 .swiper-slide-thumb-active .img{border:1px solid #0065B3;}
.product .pro .pro1 .swiper-button-next{height:100%;background:#0000005e;top:0;margin:0;right:0;width:32px}
.product .pro .pro1 .swiper-button-prev{height:100%;background:#0000005e;top:0;margin:0;width:32px;left:0}
.product .pro .pro1 .swiper-button-next:after,.product .pro .pro1 .swiper-button-prev:after{color:#fff;font-size:24px}
.product .pro .t1{font-size:28px;color:#333;margin-bottom: 20px;display: none;}
.product .pro .more{margin: 40px 0 0;display: flex;align-items: center;}
.product .pro .more .btn{width:158px;background: #7d7d7d;color:#fff;line-height:40px;text-align:center;font-size:16px;transition: 0.3s;border-radius: 4px;}
.product .pro .more .btn:hover{border-radius: 20px;}
.product .pro .more .lx{margin-left:20px;background: #0065B3;}
.product .pro .pro_info{width: 60%;font-family:GILROY-REGULAR;}
/* .product .pdel{font-family:GILROY-REGULAR}
.product .pdel .tit{color:#fff;background: #7d7d7d;padding-left:30px;line-height:40px;font-size:18px;font-weight:700;margin-top:30px;} */
.product .pro .pro_info .cont{height: 100%;}
.product .pro .pro_info .cont p{font-size:.85vw;color:#333;font-family: "GILROY-REGULAR" !important;}
.product .pro .pro_info .cont table{border-spacing: 0;border-collapse: collapse;height: 100%;}
.product .pro .pro_info .cont table td{border: 1px solid #E5E7EB;font-size: 15px;line-height:26px;font-weight:400;color:#4e5769;padding: 5px 2px;width: initial;text-align: center;font-family: "GILROY-REGULAR" !important;}
.product .pro .pro_info .cont img{max-width:100%}
.product .prem{margin-top: 40px;}
.product .prem .title{margin-bottom: 60px;}
.product .prem .item{font-family: GILROY-REGULAR;background:#fff;border: 1px solid #EEEEEF;}
.product .prem .item a{display:block;padding:20px;transition: all .5s ease;}
.product .prem .item .img{overflow:hidden;padding: 20px;background: #fff;}
.product .prem .item .img img{transition:all .5s}
.product .prem .item .info .t1{font-size:20px;color:#333;margin:20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: all .5s ease;}
.product .prem .item .info .btn{color:#333;font-size:16px;transition: all .5s ease;}
.product .prem .item:hover a{box-shadow:1px 1px 15px rgb(0 0 0 / 15%);background:#0065B3;background-color:#0065B3}
.product .prem .item:hover .img img{transform:scale(1.06)}
.product .prem .item:hover .info .t1{color:#fff}
.product .prem .item:hover .info .btn{color:#fff}
.product .pro .pro_info::-webkit-scrollbar{width:4px;height:4px}
.product .pro .pro_info::-webkit-scrollbar-track{background-color:#eee}
.product .pro .pro_info::-webkit-scrollbar-thumb{border-radius:4px;background-color:#0065B3}

@media screen and (max-width:1660px){
.product .txt{width: 45%;}
.product .pro .pro_img{width: 32%;}
.product .pro .pro_info{max-height: 612px;width: 65%;overflow-y: scroll;}
}
@media screen and (max-width:1550px){
.product .pro .pro_info{max-height: 589px;}
}
@media only screen and (max-width:1500px){
.product .pro .pro_info{max-height: 569px;}
.product .pro .pro_info .cont table td{font-size: 14px;}
}
@media only screen and (max-width:1440px){
.product .txt{font-size: 26px;}
.product .pro .pro_info{max-height: 550px;}
.product .pro .pro_info .cont table td{padding: 5px 0;font-size: 13px;}
}
@media screen and (max-width:1380px){
.product .pro .pro_info{max-height: 532px;}
.product .pro .pro_info .cont table td{padding: 4px 0;font-size: 12px;}
}
@media screen and (max-width:1330px){
.product .pro .pro_info{max-height: 516px;}
}
@media only screen and (max-width:1280px){
.product .txt{display: none;}
.product .pro .pro_img{width: 50%;}
.product .pro .pro_img .pro2 .img img{width: 80%;}
.product .pro .t1{font-size: 28px;position: absolute;right: 0;width: 45%;display: block;}
.product .pro .more{right: 0;width: 45%;top: 10%;position: absolute;}
.product .pro .more .btn{width: 145px;}
.product .pro .pro_info{width: 100%;margin-top: 20px;max-height: initial;overflow-y: auto;}
.product .pro .pro_info .cont{height: auto;}
.product .pro .pro_info .cont table{height: auto;width: 100%;}
.product .pro .pro_info .cont table td{font-size: 15px;}
.product .prem .item a{padding: 15px;}
.product .prem .item .info .t1{font-size: 18px;margin: 15px 0;}
}
@media only screen and (max-width:1080px){
.product .pro .po{width: 40%;right: 10%;top: 45%;}
.product .pro .pro1 .swiper-button-next{width:26px}
.product .pro .pro1 .swiper-button-prev{width:26px;}
.product .pro .pro1 .swiper-button-next:after,.product .pro .pro1 .swiper-button-prev:after{font-size:20px}
.product .pro .t1{font-size: 26px;}
.product .pro .t2{font-size: 15px;}
.product .pro .pro_info .cont{overflow: auto;}
.product .pro .pro_info .cont table{width: max-content;}
.product .pro .pro_info .cont table td{padding: 4px;}
.product .prem{margin-top: 30px;}
.product .prem .title{margin-bottom: 40px;}
.product .prem .item .info .t1{margin: 12px 0;}
.product .prem .item .img{padding: 10px;}
.product .prem .pro3{padding-bottom: 60px;}
.product .prem .swiper-pagination{bottom: 0;}
.product .prem .swiper-pagination-bullet{background: #fff;opacity: 1;margin: 0 8px !important;width: 10px;height: 10px;}
.product .prem .swiper-pagination-bullet-active{background: #0065B3;}
}
@media only screen and (max-width:870px){
.product .pro .pro_img{width: 45%;}
.product .pro .t1{font-size: 24px;}
.product .pro .t2{margin-top: 10px;}
.product .pro .more{margin: 20px 0 30px;}
}
@media only screen and (max-width:768px){
.product .pro .po{width: auto;position: initial;}
.product .pro .t1{position: initial;width: auto;}
.product .pro .pro_img{width: 100%;margin-bottom: 30px;}
.product .pro .pro_img .pro2 .img img{width: 85%;}
.product .pro .more{position: initial;margin: 20px 0 0;width: auto;}
.product .pro .t1{position: initial;}
.products .cont .info .text p{font-size: 15px;}
.product .pro .pro_info .cont table td{font-size: 15px;padding: 10px 20px;}
/* .product .pdel .tit{font-size: 16px;padding-left: 20px;} */
}
@media only screen and (max-width:520px){
.product .pro .pro_img{margin-bottom: 18px;}
.product .pro .pro1 .swiper-button-next{width:22px}
.product .pro .pro1 .swiper-button-prev{width:22px;}
.product .pro .pro1 .swiper-button-next:after,.product .pro .pro1 .swiper-button-prev:after{font-size:18px}
.product .pro .pro_img .pro2{margin-bottom: 15px;}
.product .pro .t1{font-size: 20px;}
.product .pro .t2{font-size: 14px;}
.product .pro .more .btn{width: 120px;line-height: 34px;font-size: 14px;}
.product .pro .pro_info{margin-top: 10px;}
.product .pro .pro_info .cont table td{font-size: 13px;padding: 3px;text-align: center;}
.product .pro .pro_info .cont p{font-size: 13px;}
/* .product .pdel .tit{font-size: 14px;padding-left: 15px;margin-top: 20px;line-height: 36px;} */
.product .prem{margin-top: 10px;}
.product .prem .title{margin-bottom: 20px;}
.product .prem .item a{padding: 8px;}
.product .prem .item .img{padding: 0;}
.product .prem .item .info .t1{font-size: 16px;margin: 6px 0;}
.product .prem .item .info .btn{font-size: 14px;}
.product .prem .pro3{padding-bottom: 30px;}
.product .prem .swiper-pagination-bullet{margin: 0 6px !important;width: 8px;height: 8px;}
}

/* newslist */
.newslist{margin-top: 80px;}
.newslist .title{margin-bottom: 60px;}
.newslist .item{transition:all .5s;background:#fff;box-shadow:0 0 8px 0 rgb(0 0 0 / 6%);border-radius:8px;padding:12px;position: relative;margin-bottom: 50px;border: 1px solid #f2f2f2;}
.newslist .item:hover{box-shadow: 0px 1px 10px rgba(0,0,0,0.17);transform: translateY(-8px);}
.newslist .item a{display:flex;align-items:center;}
.newslist .item .img{width: 25%;}
.newslist .item .img img{width:100%}
.newslist .item .info{width: 60%;margin-left: 3%;}
.newslist .item .info .t1{font-size:26px;color:#333}
.newslist .item .info .t2{font-size:16px;color:#333;margin-top:15px;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist .item .info .t1{font-size:26px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslist .item .info .btn{margin-top: 40px;width: max-content;}
.newslist .item .info .btn .t{color: #fff;}
.newslist .item .info .btn .icon{position: relative;z-index: 9;}
.newslist .item .info .btn .icon img{position: relative;z-index: 9;}
.newslist .item .info .btn .icon::after{z-index: 1;}
.newslist .item .date{background: #0065b3;padding:10px 20px;border-top-left-radius:20px;position:absolute;right:0;top:0;text-align:center;font-family:BebasNeue-Regular;letter-spacing:1px;}
.newslist .item .date p{color:#fff;font-size:18px}
.newslist .item .date h3{font-size:35px;color:#fff}
@media screen and (max-width:1280px){
.newslist .item .info .t1{font-size: 22px;}
.newslist .item .info .btn{margin-top: 25px;}
.newslist .item .date h3{font-size: 30px;}
.newslist .item .date p{font-size: 16px;}
}
@media screen and (max-width:1080px){
.newslist{margin-top: 50px;}
.newslist .item{margin-bottom: 30px;}
.newslist .item .img{width: 32%;}
.newslist .item .info{width: 50%;}
.newslist .item .info .t2{margin-top: 10px;}
.newslist .item .date{padding: 6px 15px;}
.newslist .item .date h3{font-size: 26px;}
}
@media screen and (max-width:768px){
.newslist .item .date{display: none;}
.newslist .item .img{width: 45%;}
.newslist .item .info{width: 50%;}
.newslist .item .info .btn{margin-top: 18px;}
.newslist .item .info .btn .t{line-height: 35px;font-size: 15px;width: 110px;}
.newslist .item .info .btn .icon{width: 35px;height: 35px;}
}
@media screen and (max-width:520px){
.newslist{margin-top: 30px;}
.newslist .item{padding: 10px;margin-bottom: 15px;}
.newslist .item a{flex-wrap: wrap;}
.newslist .item .img{width: 100%;}
.newslist .item .info{width: 100%;margin-left: 0;margin-top: 10px;}
.newslist .item .info .t1{font-size: 18px;}
.newslist .item .info .t2{font-size: 14px;line-height: 20px;margin-top: 8px;}
.newslist .item .info .btn{margin-top: 15px;}
.newslist .item .info .btn .t{line-height: 32px;font-size: 14px;width: 100px;}
.newslist .item .info .btn .icon{width: 32px;height: 32px;}
}

/* news */
.news .tit{font-size:34px;color:#333}
.news .date{font-size:16px;color:#333;font-weight:700;margin:25px 0}
.news .cont{margin:50px 0;padding:30px 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.news .cont p{margin:10px 0;font-size:16px;line-height:28px;color:#767676}
.news .cont .page {margin-top: 60px;}
.news .cont .page ul li{font-size:16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;max-width:40%;width:auto}
.news .cont .page ul li:nth-last-child(1){text-align:right}
.news .cont .page ul li a:hover{color:#0065B3}
.news .remd{margin-top: 60px;}
.news .remd .title{margin-bottom: 60px;}
.news .remd .item{width: 32%;margin-right: 2%;}
.news .remd .item:nth-child(3){margin-right: 0;}
.news .remd .item .info{background: #f8f8f8;padding: 30px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.news .remd .item .info .t1{font-size:20px;font-weight:700;line-height:28px;margin-bottom: 25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#333;}
.news .remd .item:hover .info .t1{color: #0065B3;} 
.news .remd .item .info .day{border-top:1px solid #e5e5e5;display:flex;flex-wrap:wrap;align-items:center;padding-top:15px}
.news .remd .item .info .day .d{font-size:43px;color:#333;margin-right:10px;font-family:BebasNeue-Regular;}
.news .remd .item .info .day .m{display:grid}
.news .remd .item .img{border-radius:20px;overflow:hidden}
.news .remd .item .img img{border-radius:20px;width:100%;transition:all .6s}
.news .remd .item:hover .img img{transform:scale(1.04)}
@media screen and (max-width:1280px){
.news .tit{font-size: 30px;}
}
@media screen and (max-width:1080px){
.news .tit{font-size: 26px;}
.news .cont{margin: 40px 0;padding: 20px 0;}
.news .cont .page{margin-top: 40px;}
.news .remd{margin-top: 40px;}
.news .remd .title{margin-bottom: 40px;}
.news .remd .item .info{padding: 20px;}
.news .remd .item .info .t1{margin-bottom: 20px;}
.news .remd .item .info .day{margin-top: 10px;}
}
@media screen and (max-width:768px){
.news .remd .item{width: 48.5%;margin-right: 3%;}
.news .remd .item:nth-child(2){margin-right: 0;}
.news .remd .item:nth-child(3){display: none;}
.news .remd .item .info .t1{font-size: 18px;line-height: 24px;margin-bottom: 15px;}
.news .remd .item .info .day .d{font-size: 38px;margin-right: 8px;}
}
@media screen and (max-width:520px){
.news .tit{font-size: 22px;}
.news .date{font-size: 14px;margin: 10px 0 15px;font-weight: normal;}
.news .cont{margin: 30px 0;padding: 12px 0;}
.news .cont .page{margin-top: 20px;}
.news .cont .page ul li{font-size: 15px;max-width: 100%;margin-bottom: 10px;}
.news .cont p{margin: 5px 0;font-size: 14px;line-height: 24px;}
.news .remd{margin-top: 30px;}
.news .remd .title{margin-bottom: 25px;}
.news .remd .item .info{border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 10px;}
.news .remd .item .info .t1{font-size: 16px;line-height: initial;margin-bottom: 10px;}
.news .remd .item .info .day{padding-top: 10px;}
.news .remd .item .info .day .d{font-size: 32px;margin-right: 6px;}
.news .remd .item .info .day .m{font-size: 14px;}
.news .remd .item .img{border-radius: 8px;}
.news .remd .item .img img{border-radius: 8px;}
}


/* contact */
.contact{margin-top: 80px;}
.contact .swiper-slide{height: auto;}
.contact .item{background:#fff;box-shadow:-4px 3px 20px 0 rgba(0,0,0,.1);border-radius:6px;position: relative;transition: all .5s;width: 32%;margin-right: 2%;}
.contact .item:nth-child(3){margin-right: 0;}
.contact .item:hover{box-shadow: 0px 1px 10px rgba(0,0,0,0.17);transform: translateY(-8px);}
.contact .item .info{z-index: 99;position: relative;padding:0 40px;}
.contact .item .info .t1{font-size:24px;color:#333;text-transform:uppercase;margin-bottom: 20px;padding-top:40px;font-weight: bold;}
.contact .item .info .t2{display:flex;align-items: start;padding-bottom:40px;}
.contact .item .info .t2 img{width:28px;}
.contact .item .info .t2 img:nth-child(2){display: none;}
.contact .item .info .t2 p{font-size:17px;color:#333;line-height:28px;margin-left:15px}
@media screen and (max-width:1280px){
.contact .item .info{padding: 0 30px;}
.contact .item .info .t1{font-size: 22px;padding-top: 30px;}
.contact .item .info .t2{padding-bottom: 30px;}
.contact .item .info .t2 p{font-size: 16px;}
.contact .item .info .t2 img{width: 25px;}
}
@media screen and (max-width:1080px){
.contact{margin-top: 50px;}
.contact .item{width: 48.5%;margin-right: 0;}
.contact .item:nth-child(1){margin-right: 3%;}
.contact .item:nth-child(3){margin-top: 3%;width: 100%;}
.contact .item .info .t1{font-size: 20px;}
}
@media screen and (max-width:768px){
.contact .item .info{padding: 0 20px;}
.contact .item .info .t1{padding-top: 20px;}
.contact .item .info .t2{padding-bottom: 20px;}
.contact .item .info .t2 img{width: 22px;}
}
@media screen and (max-width:580px){
.contact{margin-top: 30px;}
.contact .item{width: 100%;margin-right: 0 !important;margin-bottom: 12px;}
.contact .item:nth-child(3){margin-top: 0;margin-bottom: 0;}
.contact .item .info .t1{font-size: 18px;margin-bottom: 15px;}
.contact .item .info .t2 p{font-size: 14px;line-height: 24px;margin-left: 8px;}
.contact .item .info .t2 img{width: 20px;}
.contact .item:hover{transform: translateY(0px);}
}

/* message */
.message{padding:150px 0 30px;}
.message .left{width: 38%;}
.message .left .title{text-align:left}
.message .left .text{color:#333;font-size:16px;line-height:26px;margin-top:15px;font-weight:700}
.message .right{width: 51.9%;border-left:1px solid #a7a7a7;padding-left:5%;margin-left:5%;}
.message .right .input{width:48%;display:grid;margin-bottom:45px;}
.message .right .input1{width:100%}
.message .right .input label{font-weight:700;color:#000;font-size:16px}
.message .right .input label i{color:red}
.message .right .input input{height:40px;width:100%;font-size:14px;border-bottom: 1px solid #a7a7a7;}
.message .right .input textarea{font-family:GILROY-REGULAR;height:40px;width:100%;font-size:14px;margin-top:10px;padding-top:5px;border-bottom: 1px solid #a7a7a7;}
.message .right .code{position:relative}
.message .right .code img{position:absolute;right:0;bottom:0}
.message .right p{font-size:16px;color:#333;font-weight:700}
.message .right .submit{margin-top:40px}
.message .right .input input:focus,.message .right .input textarea:focus{border-bottom: 1px solid #0065B3;}
@media screen and (max-width:1440px){
.message{padding: 120px 0 30px;}
}
@media screen and (max-width:1080px){
.message .right{width: 54%;}
.message .right .input{margin-bottom: 40px;}
}
@media screen and (max-width:890px){
.message{padding: 60px 0 30px;}
.message .left{width: 100%;margin-bottom: 40px;}
.message .right{width: 100%;padding-left: 0;margin-left: 0;border: none;}
}
@media screen and (max-width:520px){
.message{padding: 30px 0 10px;}
.message .left{margin-bottom: 25px;}
.message .left .text{font-size: 14px;line-height: 24px;margin-top: 10px;}
.message .right .input{margin-bottom: 20px;}
.message .right .input label{font-size: 14px;}
.message .right p{font-size: 14px;}
.message .right .submit{margin-top: 25px;}
}

/* picturelist */
.picturelist{margin-top: 80px;}
.picturelist .item{width:23.5%;margin-right: 2%;margin-bottom: 2%;font-family: GILROY-REGULAR;position: relative;overflow: hidden;}
.picturelist .item:nth-child(4n+4){margin-right: 0;}
.picturelist.picturelist1 .item{width: 18.4%;margin-right: 2%;}
.picturelist.picturelist1 .item:nth-child(5n+5){margin-right: 0;}
.picturelist.picturelist1 .item:nth-child(4n+4){margin-right: 2%;}
.picturelist .item .img{overflow:hidden;}
.picturelist.picturelist1 .item .img{border: 1px solid #eaeaea;}
.picturelist .item .img img{transition:all .5s;width: 100%;}
.picturelist .item:hover .img img{transform: scale(1.04);}
.picturelist .item .info{width:100%;padding:15px 0;position: relative;overflow: hidden;}
.picturelist .item .info:after{content:'';position:absolute;width:100%;height:120%;left:0;top: 188%;background-color: #0065B3;z-index: 1;transition: all .5s;transform: skewY(10deg);}
.picturelist .item .info p{text-align:center;padding:0 15px;color:#333;font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: all .5s;position: relative;z-index: 9;}
.picturelist .item:hover .info p{color: #fff;}
.picturelist .item:hover .info:after{transform:none;top:0}
@media only screen and (max-width:1280px){
.picturelist .item .info{padding: 12px 0;}
.picturelist .item{width: 32%;}
.picturelist .item:nth-child(3n+3){margin-right: 0;}
.picturelist .item:nth-child(4n+4){margin-right: 2%;}
.picturelist.picturelist1 .item{width: 23.5%;margin-right: 2%;}
.picturelist.picturelist1 .item:nth-child(3n+3){margin-right: 0;}
.picturelist.picturelist1 .item:nth-child(4n+4){margin-right: 2%;}
.picturelist.picturelist1 .item:nth-child(5n+5){margin-right: 2%;}
}
@media only screen and (max-width:1080px){
.picturelist{margin-top: 50px;}
.picturelist .item .info{padding: 10px 0;}
.picturelist .item .info p{font-size: 16px;}
}
@media only screen and (max-width:868px){
.picturelist .item{width: 32%;}
.picturelist .item:nth-child(3n+3){margin-right: 0;}
.picturelist .item:nth-child(4n+4){margin-right: 2%;}
}
@media only screen and (max-width:768px){
.picturelist .item{width: 48.5% !important;margin-bottom: 3% !important;}
.picturelist .item:nth-child(odd){margin-right: 3% !important;}
.picturelist .item:nth-child(even){margin-right: 0 !important;}
}
@media only screen and (max-width:520px){
.picturelist{margin-top: 30px;}
.picturelist .item .img{border-radius: 4px;}
.picturelist .item .info{padding: 8px 0;}
.picturelist .item .info p{font-size: 15px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
}

/* ab_video */
.ab_video{position: relative;overflow: hidden;}
/* .ab_video::after{position: absolute;content: "";width: 100%;height: 99.5%;left: 0;top: 0;background: #00000040;z-index: 1;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;} */
.ab_video .video{position: relative;}
.ab_video .video video{width: 100%;object-fit: cover;height: 110vh;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;}
.ab_video .bg{display: none;} 
.ab_video .cont{position:absolute;top:50%;left: 50%;transform:translate(-50%,-50%);z-index: 99;text-align: center;transition: all .5s ease;}
.ab_video .cont.out{opacity: 0;visibility: hidden;}
.ab_video .cont .play img{cursor: pointer;transition: ease 0.6s;}
.ab_video .cont .play:hover img{transform: rotate(180deg);}
.ab_video .cont .t1{width: max-content;margin-bottom:30px;color:#fff;font-size:55px;font-style:oblique;font-family:GILROY-BLACKS;text-transform:uppercase;font-weight:700;display: flex;align-items: center;}
.ab_video .cont .t1 i{width:100px;height: 2px;background: #fff;margin-right:10px;display: block;}
.ab_video .scroll{position:absolute;bottom: 60px;left: 47%;text-transform:uppercase;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font-size: 14px;font-weight: bold;letter-spacing:.1em;text-decoration:none;transition:opacity .3s;}
.ab_video .scroll a{position: relative;display: block;}
.ab_video .scroll span{position:absolute;bottom: 35px;z-index:1;left:50%;width:28px;height:50px;margin-left: -12px;border:2px solid #fff;border-radius:50px;box-sizing:border-box;}
.ab_video .scroll span:before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;-webkit-animation:scrollanim 2s infinite;animation:scrollanim 2s infinite;box-sizing:border-box}
@media only screen and (max-width:1440px){
.ab_video{margin-top: 5vw;}
.ab_video .video video{height: auto;}
.ab_video .cont .t1{font-size: 50px;}
.ab_video .cont .play img{width: 58px;}
}
@media only screen and (max-width:1280px){
.ab_video{margin-top: 88px;}
.ab_video .cont .t1{font-size: 45px;}
.ab_video .scroll span{width: 26px;height: 45px;}
}
@media only screen and (max-width:1080px){
.ab_video{margin-top: 78px;}
.ab_video::after{border-bottom-right-radius: 35px;border-bottom-left-radius: 35px;}
.ab_video .video video{border-bottom-right-radius: 35px;border-bottom-left-radius: 35px;}
.ab_video .cont .t1{font-size: 40px;}
.ab_video .scroll{left: 44.5%;}
}
@media only screen and (max-width:768px){
.ab_video{margin-top: 73px;}
.ab_video .video{display: none;}
.ab_video .bg{display: block;}
.ab_video .cont{top: 40%;opacity: 1 !important;visibility: visible !important;}
.ab_video .cont .t1{font-size: 34px;margin-bottom: 15px;}
.ab_video .cont .t1 i{width: 88px;}
.ab_video .cont .play img{width: 50px;}
.ab_video .scroll{left: 50%;bottom: 0;}
.ab_video .scroll p{display: none;}
.ab_video .scroll span{bottom: 25px;width: 25px;height: 43px;}
}
@media only screen and (max-width:520px){
.ab_video{margin-top: 65px;}
.ab_video::after{border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;}
.ab_video .cont .t1{font-size: 22px;margin-bottom: 10px;}
.ab_video .cont .t1 i{width: 58px;}
.ab_video .cont .play img{width: 40px;}
.ab_video .scroll span{bottom: 15px;width: 23px;height: 36px;margin-left: -12px;}
}
@media only screen and (max-width:450px){
.ab_video{margin-top: 58px;}
}

/* about */
.about .cont p{font-size: 16px;line-height: 2;margin-top: 5px;}
.about .cont p:nth-child(1){margin-top: 0;}
.about .none{font-size: 30px;text-align: center;}
@media screen and (max-width:1080px){
.about .cont p{font-size: 15px;line-height: 28px;}
.about .none{font-size: 26px;}
}
@media screen and (max-width:520px){
.about .cont p{font-size: 14px;line-height: 26px;margin-top: 3px;}
.about .none{font-size: 22px;}
}

/* about01 */
.about01{padding: 80px 0;background: #f2fafd7a;overflow: hidden;}
.about01 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about01 .cont .left{width: 44%;}
.about01 .cont .left .title{font-size:55px;color:#0065B3;font-weight:700;font-family:GILROY-BLACK;margin-bottom:35px}
.about01 .cont .left .text p{color:#333;line-height:30px;font-size:clamp(16px,.9vw,18px);margin-top:5px}
.about01 .cont .right{width: 54%;}
.about01 .cont .right .ul{display:flex;flex-wrap:wrap;justify-content:left}
.about01 .cont .right .ul2{justify-content:flex-end;margin-top: 2%;}
.about01 .cont .right li{width:23.5%;background: #EFF5FB;border-radius:14px;margin-right:2%;display: flex;align-items: center;justify-content: center;transition: all .2s ease;}
.about01 .cont .right .ul2 li:nth-child(2){background: #f8f8f8;}
.about01 .cont .right li:nth-last-child(1){margin-right: 0;}
.about01 .cont .right li .info{text-align: center;padding: 0 16px;}
.about01 .cont .right li .info span{font-size:60px;color:#474747;font-family:BebasNeue-Regular;width:100%;text-align:center}
.about01 .cont .right li .info sup{font-size: 20px;color:#474747;position: absolute;}
.about01 .cont .right li .info p{font-size: 16px;color:#474747;}
.about01 .cont .right li .img{overflow:hidden}
.about01 .cont .right li .img img{border-radius:14px}
@media only screen and (max-width:1440px){
.about01 .cont .left .title{font-size: 50px;}
.about01 .cont .right .ul2{margin-top: 3%;}
.about01 .cont .right li{width: 26%;margin-right: 3%;}
.about01 .cont .right li .info span{font-size: 50px;}
.about01 .cont .right li .info sup{font-size: 18px;}
}
@media only screen and (max-width:1280px){
.about01 .cont .left .title{font-size: 45px;margin-bottom: 25px;}
.about01 .cont .right li{width: 29%;}
.about01 .cont .right li .info span{font-size: 45px;}
.about01 .cont .right li .info sup{font-size: 16px;}
}
@media only screen and (max-width:1080px){
.about01{padding: 50px 0;}
.about01 .cont .left .title{font-size: 40px;}
}
@media only screen and (max-width:980px){
.about01 .cont .left{width: 100%;}
.about01 .cont .right{width: 94%;overflow: hidden;padding-top: 30px;margin: 0 auto;}
.about01 .cont .right li{width: 23.5%;margin-right: 2%;}
}
@media only screen and (max-width:768px){
.about01 .cont .left .title{font-size: 32px;}
.about01 .cont .right{width: 100%;}
.about01 .cont .right li .info{padding: 0 10px;}
.about01 .cont .right li .info span{font-size: 40px;}
.about01 .cont .right li .info p{font-size: 15px;}
}
@media only screen and (max-width:580px){
.about01{padding: 30px 0;}
.about01 .cont .left .title{font-size: 25px;margin-bottom: 10px;}
.about01 .cont .left .text p{font-size: 14px;line-height: 24px;}
.about01 .cont .right{padding-top: 20px;}
.about01 .cont .right li{width: 32%;border-radius: 10px;}
.about01 .cont .right li .img img{border-radius: 10px;}
.about01 .cont .right li .info{padding: 0 5px;}
.about01 .cont .right li .info span{font-size: 35px;}
.about01 .cont .right li .info sup{font-size: 14px;}
}


/* about02 */
.about02{padding: 100px 0 168px;overflow: hidden;position: relative;}
.about02 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about02 .cont .left{width: 28%;padding-left: 8%;}
.about02 .cont .left .title{font-size:55px;color:#0065B3;font-weight:700;font-family:GILROY-BLACK;margin-bottom:35px}
.about02 .cont .left .t2{color:#333;line-height:30px;font-size:clamp(16px,.9vw,18px);margin-bottom: 40px;}
.about02 .cont .left .big{color: #EFF5FB;font-size: 188px;font-weight: 700;font-family: GILROY-BLACK;position: absolute;left: 2%;bottom: -20px;transform: translateX(calc(-15%*var(--progress)));}
.about02 .cont .right{width: 55%;overflow: hidden;z-index: 99;}
.about02 .cont .right .ab2{overflow: initial;}
.about02 .cont .right .ab2 .img img{width: 100%;}
.about02 .cont .right .link{margin-top: 15px;}
.about02 .cont .right .bottom{display: flex;flex-wrap: wrap;justify-content: center;}
.about02 .cont .right .bottom .swiper-button-prev{position: initial;margin-top: 0;width: 40px;height: 40px;background: #afafb0;border-radius: 50%;opacity: 1;}
.about02 .cont .right .bottom .swiper-button-next{margin-left: 20px;position: initial;margin-top: 0;width: 40px;height: 40px;background: #afafb0;border-radius: 50%;opacity: 1;}
.about02 .cont .right .bottom .swiper-button-prev:hover,.about02 .cont .right .bottom .swiper-button-next:hover{background: #0065B3;}
.about02 .cont .right .bottom .swiper-button-next:after, .about02 .cont .right .bottom .swiper-button-prev:after{color: #fff;font-size: 19px;}
@media screen and (max-width:1880px){
.about02 .cont .left{padding-left: 6%;}
}
@media screen and (max-width:1770px){
.about02 .cont .left{padding-left: 4%;}
}
@media screen and (max-width:1440px){
.about02 .cont .left .title{font-size: 50px;}
}
@media screen and (max-width:1280px){
.about02 .cont .left{width: 36%;}
.about02 .cont .left .title{font-size: 45px;margin-bottom: 25px;}
.about02 .cont .left .big{font-size: 168px;left: 5%;}
}
@media screen and (max-width:1080px){
.about02{padding: 60px 0 128px;}
.about02 .cont .left .title{font-size: 40px;}
.about02 .cont .left .big{font-size: 145px;left: 5%;}
}
@media screen and (max-width:768px){
.about02 .cont .left .title{font-size: 32px;}
.about02 .cont .left .big{font-size: 128px;left: 5%;}
.about02 .cont .right .bottom .swiper-button-prev,.about02 .cont .right .bottom .swiper-button-next{width: 36px;height: 36px;}
.about02 .cont .right .bottom .swiper-button-next:after, .about02 .cont .right .bottom .swiper-button-prev:after{font-size: 17px;}
}
@media screen and (max-width:640px){
.about02 .cont .left{width: 92%;margin: 0 auto; margin-bottom: 25px;padding-left: 0;}
.about02 .cont .right{width: 92%;margin: 0 auto;}
}
@media screen and (max-width:520px){
.about02{padding: 30px 0 85px;}
.about02 .cont .left{margin-bottom: 15px;}
.about02 .cont .left .title{font-size: 25px;margin-bottom: 10px;}
.about02 .cont .left .t2{line-height: 24px;font-size: 14px;margin-bottom: 20px;}
.about02 .cont .left .big{font-size: 85px;}
.about02 .cont .right .bottom .swiper-button-prev,.about02 .cont .right .bottom .swiper-button-next{width: 34px;height: 34px;}
.about02 .cont .right .bottom .swiper-button-next:after, .about02 .cont .right .bottom .swiper-button-prev:after{font-size: 15px;}
}


/* about03 */
.about03{background: url(../images/ab3_bg.jpg);background-size: cover;padding: 80px 0;overflow: hidden;}
.about03 .title{font-size:55px;color:#0065B3;font-weight:700;font-family:GILROY-BLACK;margin-bottom:80px;text-align: center;}
.about03 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1500px;margin: 0 auto;position: relative;margin-top: -50px;}
.about03 .cont.mo{display: none;}
.about03 .cont::after{position: absolute;content: "";left: 50%;top: 51%;height: 100%;width: 1px;background: #0065B3;transform: translate(-50%,-50%);}
.about03 .cont .wrap{width: 46%;}
.about03 .cont .wrap .item{margin-bottom: 200px;position: relative;}
.about03 .cont .wrap .item:nth-last-child(1){margin-bottom: 80px;}
.about03 .cont .wrap .item::after{position: absolute;content: "";width: 12px;height: 12px;background: #0065B3;border-radius: 50%;left: -8.65%;top: 12px;transform: translate(-50%,-50%);}
.about03 .cont .wrap .item::before{position: absolute;content: "";width: 30px;height: 1px;background: #0065B3;top: 12px;left: -7%;}
.about03 .cont .wrap .item .t1{font-size:32px;color:#474747;font-weight:700;}
.about03 .cont .wrap .item .t2{font-size: clamp(16px,0.86vw,18px);line-height:2;margin-top:10px;}
.about03 .cont .wrap:nth-child(1){margin-top: 130px;}
.about03 .cont .wrap:nth-child(1) .item:nth-child(2){margin-top: 240px;}
.about03 .cont .wrap:nth-child(1) .item::after{left:auto;right:-10.65%}
.about03 .cont .wrap:nth-child(1) .item::before{left:auto;right:-7%}
.about03 .cont .wrap:nth-child(1) .t1{text-align:right}
.about03 .cont .wrap:nth-child(1) .t2{text-align:right}
.about03 .cont .wrap:nth-child(2) .item:nth-child(2){margin-bottom: 150px;}
@media screen and (max-width:1440px){
.about03 .title{font-size: 50px;}
}
@media screen and (max-width:1280px){
.about03 .title{font-size: 45px;}
.about03 .cont .wrap:nth-child(2) .item:nth-child(2){margin-bottom: 95px;}
}
@media screen and (max-width:1080px){
.about03{padding: 50px 0;}
.about03 .title{font-size: 40px;margin-bottom: 60px;}
.about03 .cont .wrap:nth-child(1) .item::after{right: -11.5%;}
.about03 .cont .wrap:nth-child(1) .item{padding-right: 20px;}
.about03 .cont .wrap:nth-child(2) .item{padding-left: 20px;}
.about03 .cont .wrap .item .t1{font-size: 28px;}
.about03 .cont .wrap .item .t2{font-size: 15px;line-height: 28px;}
}
@media screen and (max-width:768px){
.about03 .title{font-size: 32px;}
}
@media screen and (max-width:580px){
.about03{padding: 30px 0;}
.about03 .title{font-size: 25px;margin-bottom: 0;}
.about03 .cont::after{left: 0;}
.about03 .cont.mo{display: block;}
.about03 .cont.pc{display: none;}
.about03 .cont .wrap{width: 100%;padding-left: 35px;}
.about03 .cont .wrap:nth-child(1){margin-top: 70px;}
.about03 .cont .wrap:nth-child(1) .t1{text-align: left;}
.about03 .cont .wrap:nth-child(1) .t2{text-align: left;}
.about03 .cont .wrap:nth-child(1) .item{margin: 0;}
.about03 .cont .wrap:nth-child(1) .item::after{right: auto;left: -35px;width: 10px;height: 10px;}
.about03 .cont .wrap:nth-child(1) .item::before{right: auto;left: -30px;width: 20px;}
.about03 .cont .wrap:nth-child(1) .item:nth-child(2){margin: 0;}
.about03 .cont .wrap .item{margin-bottom: 12px !important;}
.about03 .cont .wrap .item .t1{font-size: 24px;}
.about03 .cont .wrap .item .t2{margin-top: 5px;font-size: 14px;line-height: 24px;}
}


/* se01 */
.se01{padding: 0 0 80px;position: relative;overflow: hidden;}
.se01 .nei_tit .tit{text-align:center;margin-top:15px;font-size:18px;color:#666}
.se01 .secont{position: relative;}
.se01 .sebg{opacity: 0;width: 100%;}
.se01 .sebg img{max-width: 100%;margin: 0 auto;}
.se01 .selist{position:absolute;top: -20%;left:0;width:100%;height:100%;}
.se01 .odcontent{max-width: 1200px;position: relative;}
.se01 .sele{width:100%;height:100%;position:relative;z-index:2;transform:rotateX(76deg);transform-style:preserve-3d;transform-origin:center bottom}
.se01 .sele .item{position:absolute;top:50%;left:50%}
.se01 .sele .item img{width:100%}
.se01 .sele .item.sele01{width:100%;transform:translate(-50%,-50%)}
.se01 .sele .item.sele01 img{animation:turn 40s linear infinite}
.se01 .sele .item.sele02{width:57%;transform:translate(-50%,-50%) translateZ(15px)}
.se01 .sele .item.sele02 img{animation:turn 50s linear infinite}
.se01 .sele .item.sele03{width:37%;transform:translate(-50%,-50%) translateZ(60px)}
.se01 .sele .item.sele03 img{animation:turn 60s linear infinite reverse}
.se01 .selo{position:absolute;left:0;width:100%;top:5%;z-index:5}
.se01 .selo img{width:100%}
.se01 .setit{line-height: 1.5;position:absolute;left:0;width:100%;font-weight:700;z-index:10;bottom: 50%;text-align: center;}
.se01 .setit h3{font-size: 45px;background: linear-gradient(to bottom, #4cb1ff, #1D51A9);-webkit-background-clip: text;color: transparent;}
.se01 .setit p{font-size: 32px;background: linear-gradient(to bottom, #4cb1ff, #1D51A9);-webkit-background-clip: text;color: transparent;}
.se01 .seul{position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;}
.se01 .seul li{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);transition:all 1s;}
.se01 .seul li:nth-child(1){left: 25%;bottom: 28%;}
.se01 .seul li:nth-child(2){left: 5%;bottom: 17%;}
.se01 .seul li:nth-child(3){left: 17%;bottom: -5%;}
.se01 .seul li:nth-child(4){left: 40%;bottom: -12%;}
.se01 .seul li:nth-child(5){left: 62%;bottom: -10%;}
.se01 .seul li:nth-child(6){left: 83%;bottom: -5%;}
.se01 .seul li:nth-child(7){left: 95%;bottom: 17%;}
.se01 .seul li:nth-child(8){left: 75%;bottom: 28%;}
.se01 .seul li .inmp{animation: maprotate 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;}
.se01 .seul li .inmp .info{width: 165px;height: 165px;display: flex;align-items: center;justify-content: center;}
.se01 .seul li .inmp .info a{line-height:1.4;font-size: 20px;z-index:2;transition:all .5s;border-radius:50%;padding: 10px;text-align: center;}
.se01 .seul li .inmp .info a:after{transform:scale(1.2);z-index:-2;animation:ring 10s linear infinite;content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.se01 .seul li .inmp .info a:before{border:1px dashed #1D51A9;border-radius:50%;z-index:-2;background-color:#fff;animation:turn 20s linear infinite reverse;content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.se01 .seul li .inmp .info span{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:#1D51A9;border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .68s;display:block;z-index:-1;transform:scale(0)}
.se01 .seul li .inmp .info:hover a{color: #fff;} 
.se01 .seul li .inmp .info:hover span{transform: none;} 
.se01 .seul li .line{width:100%;height:60px;position:relative;z-index:5;animation: maprotate 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;}
.se01 .seul li .line::after{content:'';position:absolute;width:3px;height: 100%;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(#1D51A9,rgba(23,93,198,0));}
.se01 .seul li .line::before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background-color:#1D51A9;left:50%;top:0;transform:translateX(-50%);z-index:2}
@keyframes ring{from{transform:rotateZ(0) scale(1.2)}
to{transform:rotateZ(360deg) scale(1.2)}
}
@keyframes maprotate{0%{transform:translateY(0);-webkit-transform:translateY(0)}
100%{transform:translateY(-20px);-webkit-transform:translateY(-20px)}
}
@keyframes turn{from{transform:rotateZ(0)}
to{transform:rotateZ(360deg)}
}
@media (max-width:1440px){
.se01 .setit{bottom: 40%;}
.se01 .setit h3{font-size: 36px;}
.se01 .setit p{font-size: 28px;}
}
@media (max-width:1280px){
.se01 .setit{font-size: 32px;}
.se01 .seul li .inmp .info{width: 140px;height: 140px;}
.se01 .seul li .inmp .info a{font-size: 18px;padding: 0 10px;}
}
@media (max-width:1080px){
.se01{padding: 50px 0 80px;}
.se01 .nei_tit .tit{font-size: 13px;margin-top: 10px;}
.se01 .selist{top: -10%;}
.se01 .setit{font-size: 28px;bottom: 52%;}
.se01 .seul li .inmp .info{width: 125px;height: 125px;}
.se01 .seul li .inmp .info a{font-size: 16px;}
}
@media (max-width:880px){
.se01 .setit h3{font-size: 30px;}
.se01 .setit p{font-size: 22px;}
.se01 .seul li .inmp .info a{font-size: 14px;}
.se01 .seul li .inmp .info{width: 110px;height: 110px;}
}
@media (max-width:768px){
.se01 .setit{font-size: 24px;}
.se01 .seul li .inmp .info{width: 100px;height: 100px;}
.se01 .seul li .inmp .info a{font-size: 14px;}
}
@media (max-width:520px){
.se01{padding:60px 0 60px;}
.se01 .selist{top: 0%;}
.se01 .setit{bottom: 95%;}
.se01 .setit h3{font-size: 26px;}
.se01 .setit p{font-size: 18px;}
.se01 .seul li:nth-child(1){left: 25%;bottom: 28%;}
.se01 .seul li:nth-child(2){left: 5%;bottom: 17%;}
.se01 .seul li:nth-child(3){left: 15%;bottom: -22%;}
.se01 .seul li:nth-child(4){left: 38%;bottom: -28%;}
.se01 .seul li:nth-child(5){left: 61%;bottom: -30%;}
.se01 .seul li:nth-child(6){left: 85%;bottom: -25%;}
.se01 .seul li:nth-child(7){left: 95%;bottom: 20%;}
.se01 .seul li:nth-child(8){left: 75%;bottom: 22%;}
.se01 .seul li .inmp .info{width: 70px;height: 70px;}
.se01 .seul li .inmp .info a{font-size: 12px;}
.se01 .seul li .line::after{height: 58%;}
}

/* corePop */
.corePop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);z-index:2000;background:#fff;padding:60px;border-bottom:8px solid #1D51A9;opacity:0;visibility:hidden}
.corePop.on{transform:translate(-50%,-50%);opacity:1;visibility:visible;transition:ease .65s}
.corePop .corePopClose{position:absolute;width:40px;height:40px;top:0;right:0;background:#1D51A9;display:flex;align-items:center;text-align:center}
.corePop .corePopClose i{width:25px;margin:0 auto;transition: all .5s;}
.corePop .corePopClose:hover i{transform: rotate(270deg);}
.corePop .title{font-size: 34px;color:#1D51A9;margin-bottom:25px;font-weight: bold;}
.corePop .line .text{font-size: 17px;color:#666;line-height:1.8;}
#popUpMask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1500;clip-path:circle(0 at center)}
#popUpMask.on{clip-path:circle(100% at center);transition:clip-path ease 1s}
@media (max-width:1080px){
.corePop{padding: 40px;width: 75%;}
.corePop .title{font-size: 24px;margin-bottom: 20px;}
.corePop .line .text{font-size: 16px;}
}
@media (max-width:520px){
.corePop{padding: 25px;width: 75%;border-bottom: 5px solid #1D51A9;}
.corePop .title{font-size: 20px;margin-bottom: 10px;}
.corePop .line .text{font-size: 14px;}
.corePop .corePopClose{width: 34px;height: 34px;}
.corePop .corePopClose i img{width: 15px;}
}

/* service */
.service{margin: 80px 0;}
.service .text{font-size: 18px;color: #333;line-height: 30px;font-family: GILROY-BLACKS;}
.service .ul{display: flex;justify-content: space-between;margin-top: 40px;}
.service .ul li{width: 48.5%;}
.service .ul li img{width: 100%;border-radius: 8px;}
@media (max-width:1080px){
.service{margin: 50px 0;}
.service .text{font-size: 16px;}
.service .ul{margin-top: 30px;}
}
@media (max-width:520px){
.service{margin: 30px 0;}
.service .ul{margin-top: 20px;}
.service .text{font-size: 14px;line-height: 24px;}
.service .ul li img{border-radius: 4px;}
}