.line{width: 63px;height: 3px;background: #004e98;margin-top: 20px;}

.characteristic-img{text-align: center;}

.h2{font-size: 48px;color: #000;font-weight: bold;}



.h4{font-size: 28px;color: #333;font-weight: bold;}



.h6{font-size: 22px;color: #000;font-weight: bold;}



.round{width: 16px;height: 16px;border: 3px solid #004e98;border-radius: 50%;background-color: #fff;}



.v-line{width: 1px;height: 200px;background-color: #a0a0a0;}



figure{margin: 0;}



.swiper-button-prev:after,.swiper-button-next:after{display: none;}







.banner{display: flex;justify-content: center;align-items: center;}



.banner.el-1{height: 410px;background: url(../image/banner-1.png) center/cover no-repeat;}



.banner-wrap{color: #fff;text-align: center;}



.banner-title{font-size: 48px;font-weight: bold;margin-bottom: 45px;}



.banner-text{font-size: 18px;}



.panel{display: flex;padding: 80px 0 115px;}



.panel-title{width: 25%;}



.panel-inner{width: 75%;}



.panel-text{font-size: 18px;color: #666;line-height: 1.8;padding-left: 5%;}



.panel-img{width: 100%;max-height: 550px;overflow: hidden;padding-top: 106px;margin-bottom: 90px;}



.panel-num{display: flex;flex-wrap: wrap;}



.panel-wrap{width: 25%;display: flex;flex-direction: column;align-items: center;}



.panel-span{font-size: 18px;color: #999;align-self: flex-end;position: relative;right: 22%;top: 18%;}



.panel-strong{font-size: 72px;color: #000;font-weight: bold;margin-bottom: 10px;}



.panel-p{font-size: 20px;color: #999;}



.timeline{width: 72%;margin: 0 auto;}



.timeline-title{display: flex;flex-direction: column;align-items: center;margin-bottom: -100px;}



.timeline-title_wrap{padding: 4px 0 10px;display: grid;justify-items: center;}



.timeline-wrap{padding-left: 1px;padding-top: 40px;cursor: pointer;}



.timeline-line{display: grid;justify-items: center;}



.timeline-item{



    display: grid;



    grid-template: 



        '左 中 右'



        /44% 12% 44%;



    align-items: center;



    position: relative;



}



.center{grid-area: 中;}



.timeline-item:nth-of-type(odd) .timeline-main{grid-area: 左;}



.timeline-item:nth-of-type(even) .timeline-main{grid-area: 右;}



.timeline-main{height: 120%;position: absolute;left: 0;top: -10%;}



.timeline-item:nth-of-type(odd) .timeline-main .timeline-title{align-items: flex-end;padding-bottom: 36px;margin-bottom: 0;}



.timeline-item:nth-of-type(even) .timeline-main .timeline-title{align-items: flex-start;padding-bottom: 36px;margin-bottom: 0;}



.timeline-panel{width: 100%;height: 200px;background-color: #efefef;padding: 18px;border-radius: 6px;position: relative;}



.timeline-panel::before{content: '';width: 0;height: 0;position: absolute;top: -24px;border-width: 0 16px 24px 16px;border-style: solid;border-color: transparent transparent #efefef transparent;}



.timeline-item:nth-of-type(odd) .timeline-main .timeline-panel::before{right: 25px;}



.timeline-item:nth-of-type(even) .timeline-main .timeline-panel::before{left: 25px;}



.timeline-label{width: 62px;height: 30px;text-align: center;line-height: 30px;font-size: 16px;font-weight: 600;color: #fff;background-color: #004e98;border-radius: 2px;}



.timeline-text{font-size: 18px;color: #333;padding-top: 25px;}



.show{display: flex;flex-direction: column;align-items: flex-end;padding-top: 100px;}



.show-inner{width: 100%;display: grid;grid-template-columns: auto auto;column-gap: 32px;}



.show-item{display: grid;row-gap: 30px;}



.show-img{width: 100%;max-height: 240px;margin: 0;}



.show-item:first-child{padding-bottom: 100px;}



.show-item:last-child{padding-top: 100px;}



.show-text{font-size: 20px;color: #666;padding-top: 30px;}



.banner.el-2{height: 655px;background: url(../image/show-4.png);margin: 130px 0 200px;}



.banner.el-2 .banner-wrap{position: relative;top: -80px;}



.banner.el-2 .banner-title{font-size: 72px;}



.banner.el-2 .banner-text p:first-child{font-size: 40px;}



.banner.el-2 .banner-text p:last-child{font-size: 36px;}



.banner.el-600{height: 600px;background: center / cover no-repeat;}

.banner.el-600 .banner-title{margin-bottom: 22px;}

.banner.el-360{height: 320px;background: center / cover no-repeat;}

.banner.el-360 .banner-title{margin-bottom: 22px;}

.banner.el-360 .banner-wrap{color: #333;}

.banner.el-360 .banner-text{max-width: 1000px;line-height: 2;}



.bottom{padding-bottom: 100px;}



.bottom-title{display: flex;flex-direction: column;align-items: center;}



.bottom-inner{display: grid;justify-items: center;row-gap: 65px;}



.bottom-list{display: grid;grid-template-columns: repeat(3,32.3%);column-gap: 1%;}



.bottom-wrap{position: relative;overflow: hidden;}



.bottom-wrap:hover img{transition: all 1s linear;}



.bottom-wrap:hover img{transform: scale(1.2);}



.bottom-item_title{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: grid;justify-items: center;row-gap: 52px;}



.bottom-item_title .h2{color: #fff;align-self: flex-end;}



@keyframes ball-left {



    from {



        left: -20px;



    }



    50% {



        left: calc(50% - 10px);



        top: calc(50% - 10px);



        width: 20px;



        height: 20px;



    }



    to {



        left: -100px;



        top: -150px;



        width: 400px;



        height: 400px;



    }



}



@keyframes ball-right {



    from {



        right: -20px;



    }



    50% {



        right: calc(50% - 10px);



        top: calc(50% - 10px);



        width: 20px;



        height: 20px;



    }



    to {



        right: -100px;



        top: -150px;



        width: 400px;



        height: 400px;



    }



}



.bottom-item_btn{display: block;align-self: flex-start;color: #fff;border: 1px solid #fff;width: 40%;height: 45px;text-align: center;line-height: 45px;position: relative;z-index: 1;transition: all .3s linear;overflow: hidden;}



.bottom-item_btn::before,.bottom-item_btn::after{content: '';width: 20px;height: 20px;border-radius: 50%;background-color: #004e98;position: absolute;top: calc(50% - 10px);z-index: -1;}



.bottom-item_btn::before{left: -20px;}



.bottom-item_btn::after{right: -20px;}



.bottom-item_btn:hover{border-color: #004e98;}



.bottom-item_btn:hover::before{animation: ball-left 1s linear forwards;}



.bottom-item_btn:hover::after{animation: ball-right 1s linear forwards;}









.banner.product-1{background: url(../image/banner-2.png) center/cover no-repeat;height: 557px;}



.banner.product-1 .banner-wrap{margin-top: -80px;}



.banner.product-1 .banner-text{font-size: 56px;}



.grid{margin-top: -100px;}



.grid-list{display: grid;grid-template-columns: repeat(3,32.3%);column-gap: 1%;}



.grid-item{background: #fff;border-radius: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);display: grid;row-gap: 16px;justify-items: center;padding: 20px 0 28px;}



.grid-title{display: grid;row-gap: 12px;justify-items: center;}



.product{display: grid;justify-items: center;padding: 80px 40px 150px;}



.product .panel-title{padding-bottom: 40px;display: grid;justify-items: center;}



.product-list{display: grid;grid-template-columns: repeat(3,32.3%);column-gap: 1%;row-gap: 20px;}



.product-item{height: 350px;border-radius: 5px;overflow: hidden;position: relative;}



.product-item:nth-of-type(1){grid-column: 1 / 4;background: url(../image/banner-3.png) center/cover no-repeat;}



.product-item:nth-of-type(2){background-color: #283a98;}



.product-item:nth-of-type(3){background-color: #007fff;}



.product-item:nth-of-type(4){background-color: #00b051;}



.product-item:hover .product-toast{opacity: 1;}

.product-toast_list-copy{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 60% !important;
}
.product-toast_item-copy{
    width: 50% !important;
}
.product-toast{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .3s linear;padding: 40px;background-color: rgba(0,0,0,0.8);}



.product-toast_list{display: grid;row-gap: 20px;}



.product-toast_item{color: #fff;font-size: 18px;display: grid;grid-template-columns: 20px auto;grid-auto-flow: column;column-gap: 20px;}



.product-wrap{width: 100%;height: 100%;padding: 40px 27% 40px 40px;}



.product-item:nth-of-type(1) .product-wrap{max-width: 500px;padding: 40px 9% 40px 40px;}



.product-wrap_title{font-size: 28px;color: #fefefe;}



.product-wrap_text{font-size: 18px;color: rgba(254,254,254,.7);padding: 28px 0;}



.product-wrap_more{font-size: 18px;color: rgba(254,254,254,.7);position: absolute;bottom: 30px;left: 40px;}



.product-wrap_img{position: absolute;right: -15px;bottom: -15px;}



.plan{padding-bottom: 100px;width: 100%;}



.plan .panel-title{width: auto;padding-bottom: 70px;display: grid;justify-items: center;}



.plan-swiper{width: 100%;}







.plan-wrap{padding: 0 15%;} 



.plan-wrap_icon{width: 96px;height: 96px;border-radius: 20px;display: flex;justify-content: center;align-items: center;background: linear-gradient(to bottom,#40a4f9,#3e85f2);margin-bottom: 40px;}



.plan-wrap_title{font-size: 30px;font-weight: bold;color: #000;}



.plan-wrap_text{font-size: 22px;color: #333;padding: 40px 0 60px;}



.plan-wrap_more{font-size: 22px;color: #01519a;}



.side{width: 180px;padding: 36px 24px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);background: #fff;border-radius: 5px;position: fixed;top: 165px;left: 45px;z-index: 100;max-height: 750px;overflow-y: auto;}





.side::-webkit-scrollbar {width: 0px;}



.side-list{height: 100%;display: flex;flex-direction: column;}



.side-item{position: relative;font-size: 16px;color: #000;font-weight: bold;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}



.side-item .side-link{display: block;padding: 30px 0;}



.side-item:hover{color: #0158a7;}



.side-item::after{content: '';width: 40%;height: 1px;background-color: #eee;position: absolute;bottom: 0;left: 30%;}



.side-item:last-child::after{display: none;}



.side-sublist{padding: 0 0 6px;display: none;}



.side-subitem{font-size: 14px;color: #999;}



.side-subitem:hover{color: #0066cc;}



.side-subitem:nth-of-type(1) .side-sublink{margin-top: 5px;}



.side-subitem .side-sublink{display: block;margin: 25px 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}







.top{height: 656px;background: url(../image/banner-4.png) center/cover no-repeat;display: flex;justify-content: center;align-items: center;}



.top-inner{color: #fff;display: flex;flex-direction: column;align-items: center;}



.top-title{font-size: 56px;padding: 36px 0 22px;}



.top-text{font-size: 16px;padding-bottom: 86px;}


.top-list-other {flex-wrap: wrap;}

.top-list{display: flex;align-items: center;justify-content: center;width: 55%}



.top-item{margin: 14px 14px;}



.top-link{font-size: 18px;white-space: nowrap; display: block;width: 256px;height: 100%;border: 3px solid #fff;height: 48px;text-align: center;line-height: 42px;position: relative;z-index: 1;transition: all .3s linear;overflow: hidden;}



.top-link::before,.top-link::after{content: '';width: 20px;height: 20px;border-radius: 50%;background-color: #0070d7;position: absolute;top: calc(50% - 10px);z-index: -1;}



.top-link::before{left: -20px;}



.top-link::after{right: -20px;}



.top-link:hover{border-color: #0070d7;}



.top-link:hover::before{animation: ball-left 1s linear forwards;}



.top-link:hover::after{animation: ball-right 1s linear forwards;}



.top-item.active .top-link{border-color: #0070d7;background-color: #0070d7;}



.font{padding: 115px 0 90px;display: flex;flex-direction: column;align-items: center;}



.font-title{background: linear-gradient(to top,#00a2e9,#2a60ab);-webkit-background-clip: text;color: transparent;font-size: 60px;font-weight: bold;}



.font-text{font-size: 22px;color: #666;padding-top: 36px;}



.summary{background: url(../image/banner-5.png) center/cover no-repeat;height: 718px;padding: 147px 0 174px;display: flex;flex-direction: column;align-items: center;}



.summary-top{width: 75%;margin: 0 auto;text-align: center;}



.summary-title{font-size: 48px;color: #000;}



.summart-text{font-size: 22px;color: #666;padding: 38px 0 60px;}



.summary-swiper{width: 100%;}



.summary-wrap{display: flex;flex-direction: column;align-items: center;}



.summary-wrap_title{font-size: 26px;color: #000;padding: 36px 0 18px;}



.summary-wrap_text{font-size: 18px;color: #999;padding: 0 10%;}



.characteristic{padding: 98px 0 108px;display: flex;}



.characteristic-top{text-align: center;}



.characteristic-title{font-size: 48px;color: #000;}



.characteristic-text{font-size: 22px;color: #666;padding: 40px 0 70px;}



.characteristic-list{display: flex;justify-content: center;align-items: center;}



.characteristic-item{width: 11%;padding: 30px 20px;height: 540px;margin: 0 5px;position: relative;transition: all .3s linear;}



.characteristic-item::after{content: '';width: 0;height: 6px;background-color: #0060b8;position: absolute;bottom: -7px;left: 0;}



.characteristic-item:nth-of-type(1){background-color: #01a6ff;}



.characteristic-item:nth-of-type(2){background-color: #0069e8;}



.characteristic-item:nth-of-type(3){background-color: #00b6e8;}



.characteristic-item:nth-of-type(4){background-color: #02a7ff;}



.characteristic-item:nth-of-type(5){background-color: #0069e8;}



.characteristic-item:nth-of-type(6){background-color: #00b6e8;}



.characteristic-item_title{font-size: 24px;color: #fff;margin-bottom: 35px;}



.characteristic-item_text{font-size: 24px;color: #fff;display: none;}



.characteristic-item.active{width: 56%;padding: 48px 35px;}



.characteristic-item.active::after{width: 100%;}



.characteristic-item.active .characteristic-item_title{font-size: 36px;position: relative;z-index: 10;}



.characteristic-item.active .characteristic-item_text{display: block;width: 70%;position: relative;z-index: 10;}



.characteristic-item_img{width: 100%;height: 160px;position: absolute;right: 0;bottom: 0;}



.characteristic-item.active .characteristic-item_img{width: 60%;height: 370px;}



.characteristic-item_bg{height: 100%;padding: 20% 15% 0 0;display: flex;justify-content: flex-end;align-items: center;}



.characteristic-item.active .characteristic-item_bg{padding: 30% 30% 0 0;}



.characteristic-item .characteristic-item_bg{background: 100% 90%/200% no-repeat;}



.characteristic-item:nth-of-type(1) .characteristic-item_bg{background-image: url(../image/bg-1.png);}



.characteristic-item:nth-of-type(2) .characteristic-item_bg{background-image: url(../image/bg-2.png);}



.characteristic-item:nth-of-type(3) .characteristic-item_bg{background-image: url(../image/bg-3.png);}



.characteristic-item:nth-of-type(4) .characteristic-item_bg{background-image: url(../image/bg-1.png);}



.characteristic-item:nth-of-type(5) .characteristic-item_bg{background-image: url(../image/bg-2.png);}



.characteristic-item:nth-of-type(6) .characteristic-item_bg{background-image: url(../image/bg-3.png);}



.characteristic-item.active .characteristic-item_bg{background-size:170%;background-position: 100% 70%;}



.characteristic-item.active .characteristic-item_bg img{transform: scale(2);}







.worth{background-color: #f7f7f7;padding: 100px 0 150px;}



.worth-inner{width: 90%;margin: 0 auto;}


.worth-list-copy{display: flex;flex-wrap: nowrap !important;text-align: center !important;}
.worth-list{display: flex;flex-wrap: wrap;}



.worth-item{width: 48%;margin: 0 1% 20px 1%;display: flex;flex-direction: column;align-items: center;background-color: #fff;border-top: 8px solid #0066cc;border-radius: 4px 4px 0 0;padding: 45px 48px;transition: all .3s ease;}



.worth-item:hover{box-shadow: 0 0 43px 0 rgba(0,0,0,0.1);}



.worth-title{padding: 36px 0 40px;font-size: 24px;color: #000;}



.worth-sublist{list-style: square;}



.worth-subitem{list-style: square;color: #0066cc;font-size: 18px;padding: 12px 0;}



.worth-tips{color: #666;}



.worth-text{color: #999;display: inline;}







.idea{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}

.idea-list{width: 100%;display: flex;justify-content: space-between;padding-top: 48px;}

.idea-item{width: 49%;color: #fff;height: 340px;background: #000 center/cover no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.idea-item:nth-of-type(1){background-image: url(../image/fuwu-2.png);}

.idea-item:nth-of-type(2){background-image: url(../image/fuwu-3.png);}

.idea-img{width: 45px;height: 42px;}

.idea-title{padding-top: 36px;font-size: 26px;}

.idea-item .line{background-color: #fff;}

.idea-wrap{display: none;padding-top: 36px;text-align: center;}

.idea-text{font-size: 20px;padding-bottom: 12px;}



.mode{display: flex;flex-direction: column;align-items: center;}

.mode-text{max-width: 700px;font-size: 20px;color: #333;text-align: center;padding: 40px 0 80px;}    

.mode .characteristic-list{}

.mode .characteristic-item{box-shadow: 10px 0px 43px 0px rgba(0, 0, 0, 0.05);background-color: #f8fafa;width: 15%;margin: 0;position: relative;overflow: hidden;}

.mode .characteristic-item::before{content: '';width: 115px;height: 115px;background: linear-gradient(180deg,#f7f7f8,#dee0e5);border-radius: 50%;position: absolute;right: -20px;top: 0;z-index: -1;filter: blur(5px);}

.mode .characteristic-item::after{content: '';width: 115px;height: 115px;background: linear-gradient(180deg,#f7f7f8,#dee0e5);border-radius: 50%;position: absolute;left: -30px;top: 0;z-index: -1;filter: blur(5px);}

.mode .characteristic-item.active::before{width: 205px;height: 205px;background: linear-gradient(180deg,#0363f1,#02c6fa);right: 20px;}

.mode .characteristic-item.active{background: linear-gradient(180deg,#0c4efd,#4c8af6);width: 40%;}

.mode .characteristic-item.active .characteristic-item_title{color: #fff;}

.mode .characteristic-item_title{color: #333;}

.mode .characteristic-item_img{width: 65%;height: 150px;position: absolute;right: 1%;bottom: 0;}

.mode .characteristic-item.active .characteristic-item_img{width: 41%;height: 266px;position: absolute;right: 3%;bottom: 0;}

.mode .characteristic-item_bg{height: 100%;}

.mode .characteristic-item .characteristic-item_bg{background: top left/cover no-repeat;padding: 0;}

.mode .characteristic-item:nth-of-type(1) .characteristic-item_bg{background-image: url(../image/fuwu-10.png);}

.mode .characteristic-item:nth-of-type(2) .characteristic-item_bg{background-image: url(../image/fuwu-11.png);}

.mode .characteristic-item:nth-of-type(3) .characteristic-item_bg{background-image: url(../image/fuwu-12.png);}

.mode .characteristic-item:nth-of-type(4) .characteristic-item_bg{background-image: url(../image/fuwu-13.png);}

.mode .characteristic-item:nth-of-type(5) .characteristic-item_bg{background-image: url(../image/fuwu-14.png);}

.mode .characteristic-item:nth-of-type(1).active .characteristic-item_bg{background-image: url(../image/fuwu-10-a.png);}

.mode .characteristic-item:nth-of-type(2).active .characteristic-item_bg{background-image: url(../image/fuwu-11-a.png);}

.mode .characteristic-item:nth-of-type(3).active .characteristic-item_bg{background-image: url(../image/fuwu-12-a.png);}

.mode .characteristic-item:nth-of-type(4).active .characteristic-item_bg{background-image: url(../image/fuwu-13-a.png);}

.mode .characteristic-item:nth-of-type(5).active .characteristic-item_bg{background-image: url(../image/fuwu-14-a.png);}

.mode .characteristic-item::after{display: none;}



.customer{display: flex;flex-direction: column;align-items: center;padding-top: 140px;}

.customer-text{max-width: 1000px;font-size: 20px;color: #333;text-align: center;padding: 40px 0 80px;}    

.customer-list{display: flex;justify-content: space-between;flex-wrap: wrap;}

.customer-item{width: 49%;padding-bottom: 90px;}

.customer-title{font-size: 30px;color: #000;padding-bottom: 28px;border-bottom: 1px solid #ccc;}

.customer--text{font-size: 16px;color: #666;padding: 28px 0 22px;text-align: left;padding-right: 30%;line-height: 2;}

.customer-sublist{display: flex;align-items: center;}

.customer-subitem{display: flex;align-items: center;padding-right: 10%;}

.customer-subitem .iconfont{font-size: 22px;color: #000;}

.customer-subtext{font-size: 24px; color: #000;margin-left: 16px;}



.authentication{display: flex;flex-direction: column;align-items: center;padding-top: 100px;background-color: #fbfbfc;}

.authentication-list{padding: 105px 0;display: flex;align-items: center;width: 100%;}

.authentication-item{display: flex;align-items: center;width: 33%;padding-left: 4%;position: relative;}

.authentication-item::after{content: '';width: 1px; height: 60%;background-color: #bfbfbf;position: absolute;right: 0;top: 20%;}

.authentication-item:last-child::after{display: none;}

.authentication-img{max-width: 115px;max-height: 91px;}

.authentication-text{max-width: 218px;color: #666;font-size: 18px;line-height: 1.7;padding-left: 10px;}






.address{display: flex;flex-direction: column;align-items: center;}

.address-list{width: 100%;display: flex;justify-content: space-between;padding-top: 130px;}

.address-item{width: 50%;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.address-item:nth-of-type(2){width: 50%;}

.address-item .panel-num{padding-top: 100px;}

.address-item .panel-wrap{width: 33%;}

.address-item .panel-img{padding-top: 0;margin-bottom: 40px;}

.address-item .panel-span{font-size: 16px;}

.address-item .panel-strong{font-size: 48px;}

.address-item .panel-p{font-size: 18px;}



.benchmarking{background-color: #fff;}

.benchmarking .inner{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}


.benchmarking-list{display: flex;flex-wrap: wrap;padding-top: 10px;width: 100%;}
.benchmarking-item{width: 16%;margin-right: .8%;margin-bottom: 28px;}
.benchmarking-item:nth-of-type(6n){margin-right: 0;}
.benchmarking-item:hover .benchmarking-img{border-color: #1d6fca;}
.benchmarking-img{width: 100%;overflow: hidden;height: 140px;max-height: 140px;border: 1px solid #dfdfdf;display: flex;justify-content: center;align-items: center;}
.benchmarking-img img{max-width: 90%;max-height: 90%;}
.benchmarking-inner{margin-top: 5px;display: flex;justify-content: center;}
.benchmarking-text{font-size: 14px;line-height: 20px;color: #666;max-width: 80%;text-align: center;}
.logo-list .benchmarking-img{border: none;}



.directory{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}

.directory-list{width: 100%;display: flex;justify-content: space-between;padding-top: 48px;}

.directory-item{width: 49%;color: #fff;height: 340px;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.1);}

.directory-top{width: 100%;height: 100px;display: flex;justify-content: space-between;align-items: center;padding: 0 40px;background: linear-gradient(90deg, #389aff 0%, #5ca4fb 100%);}

.directory-img{align-self: flex-end;}

.directory-title{font-size: 20px;color: #fff;font-weight: bold;padding-bottom: 10px;}

.directory-text{font-size: 16px;color: #fff;}

.directory-inner{width: calc(100% - 100px);height: 300px;margin: 40px 50px 60px;display: grid;grid-auto-flow: row dense;grid-template-columns: 49% 49%;column-gap: 2%;overflow: hidden;text-overflow: ellipsis;}

.directory-text--sm{font-size: 14px;color: #666;line-height: 2;}





.join{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}

.join-list{display: flex;flex-wrap: wrap;padding-top: 70px;}

.join-item{width: 32%;margin-right: 2%;margin-bottom: 28px;transition: all .3s;overflow: hidden;position: relative;}

.join-item::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(90deg, rgba(63,63,74,0.9) 0%,rgba(63,63,74,0) 100%);opacity: 0;}

.join-item:hover .join-title{transform: translateY(100%);opacity: 0;}

.join-item:hover .join-hover{animation: textIn .3s .3s forwards;}

.join-item:hover::after{animation: fadeIn .3s .3s forwards;}

.join-item:nth-of-type(3){margin-right: 0;}

.join-figure{position: relative;}

.join-img{width: 100%;}

.join-title{color: #fff;font-size: 20px;transform: translateY(0);opacity: 1;position: absolute;bottom: 0;left: 0;width: 100%;height: 76px;background: linear-gradient(90deg, rgba(63,63,74,0.9) 0%,rgba(63,63,74,0) 100%);padding-left: 26px;display: flex;align-items: center;transition: all .3s;}

.join-hover{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;padding: 50px 28px;transform: translateY(100%);}

.join-title--hover{font-size: 20px;color: #fff;padding-bottom: 32px;}

.join-text{font-size: 16px;color: #fff;line-height: 1.7;}

@keyframes textIn{

    to{

        transform: translateY(0);

    }

}

@keyframes fadeIn{

    to{

        opacity: 1;

    }

}

.job{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}

.job .h4{color: #333;font-weight: 500;}

.job-list{display: flex;flex-wrap: wrap;padding-top: 70px;}

.job-item{width: 32%;margin-right: 2%;margin-bottom: 28px;transition: all .3s;border: 1px solid #eee;}

.job-item:hover{box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.1);}

.job-item:nth-of-type(3n){margin-right: 0;}

.job-img{width: 100%;overflow: hidden;max-height: 226px;}

.job-inner{background-color: #fff;padding: 36px 40px 40px 28px;}

.job-title{font-size: 24px;color: #333;}

.job-text{font-size: 14px;line-height: 2;color: #666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.job-num{font-size: 16px;color: #004b96;display: block;padding: 20px 0 40px;}

.job.show{background-color: #f5f9f8;}

.job-swiper{width: 100%;padding-top: 80px;}

.job-swiper .swiper-slide{width: 50%;}

.job-swiper .join-item{width: 100%;}

.job-swiper .swiper-wrapper{margin-bottom: 20px;}

.job-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #01519a;width: 50px;transition-delay: 0s;}

.job-swiper .swiper-pagination-bullet{width: 10px;height: 10px;display: inline-block;background: #dbdbdb;opacity: 1;margin: 0 5px;border-radius: 20px;transition: opacity .5s, background-color .5s, width .5s;transition-delay: .5s, .5s, 0s;}

.job-swiper .swiper-button-prev{width: 45px;height: 45px;background: url(../image/join-8.png) center/cover no-repeat;transform: rotate(180deg);}

.job-swiper .swiper-button-next{width: 45px;height: 45px;background: url(../image/join-8.png) center/cover no-repeat;}

.job-swiper .swiper-slide::after{content: '';width: 100%;height: 100%;background-color: rgba(255,255,255,0.5);position: absolute;top: 0;left: 0;transition: all .3s;}

.job-swiper .swiper-slide.swiper-slide-active::after{background-color: rgba(255,255,255,0);z-index: -1;}

.job-swiper .swiper-slide .join-title{transform: translateY(100%);}

.job-swiper .swiper-slide.swiper-slide-active .join-title{transform: translateY(0);}





.cooperation{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}

.cooperation-list{display: flex;flex-wrap: wrap;padding-top: 70px;}

.cooperation-item{width: 32%;margin-right: 2%;margin-bottom: 28px;transition: all .3s;overflow: hidden;position: relative;}

.cooperation-item::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.85);opacity: 0;}

.cooperation-item:hover .cooperation-wrap{opacity: 0;}

.cooperation-item:hover .cooperation-hover{animation: textIn .3s .3s forwards;}

.cooperation-item:hover::after{animation: fadeIn .3s .3s forwards;}

.cooperation-item:nth-of-type(3){margin-right: 0;}

.cooperation-figure{position: relative;}

.cooperation-img{width: 100%;}

.cooperation-wrap{color: #fff;opacity: 1;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;padding-top: 13%;display: flex;flex-direction: column;align-items: center;transition: all .3s;}

.cooperation .bottom-item_btn{align-self: center;border-width: 2px;font-size: 18px;}

.cooperation-title-sm{padding: 15px 0 35px;font-size: 20px;}

.cooperation-title{font-size: 36px;font-weight: bold;}

.cooperation-hover{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;padding: 50px 28px;transform: translateY(100%);color: #fff;display: flex;flex-direction: column;align-items: center;}

.cooperation-title--hover{font-size: 20px;color: #fff;padding-bottom: 32px;}

.cooperation-text{font-size: 18px;line-height: 1.7;}

.cooperation-hover .bottom-item_btn{position: absolute;bottom: 10%;}

@keyframes textIn{

    to{

        transform: translateY(0);

    }

}

@keyframes fadeIn{

    to{

        opacity: 1;

    }

}

.benchmarking.logo-list .benchmarking-item{width: 24%;margin-right: 1.3%;margin-bottom: 60px;display: flex;justify-content: center;align-items: center;}

.benchmarking.logo-list .benchmarking-item:nth-of-type(4n){margin-right: 0;}

.benchmarking.logo-list .benchmarking-item:hover{box-shadow: none;}

.benchmarking.logo-list .benchmarking-img{width: auto;}



.leaving{background: url(../image/ecology-6.png) center/cover no-repeat;background-color: #f5f6f9;}

.leaving .inner{display: flex;flex-direction: column;align-items: center;padding: 80px 0 140px;}

.leaving .contact_form{padding: 35px;width: 100%;} 

.leaving .contact_form .item_box{display: flex;flex-wrap: wrap;justify-content: space-between}

.leaving .contact_form .item_box .item.full_item{width: 100%;}

.leaving .contact_form .item_box .item{width: 32%;margin-bottom: 20px;}

.leaving .contact_form .item_box .layui-input,

.leaving .contact_form .item_box .layui-textarea{height: 58px;padding:0 20px;border-radius: 6px;background: #fff;border: none;}

.leaving .contact_form .item_box .layui-textarea{height: 178px;padding: 20px;}

.leaving .contact_form .btn_box {text-align: center;padding: 20px 0;}

.leaving .contact_form .btn_box .layui-btn{background: #005bab;width: 100%;max-width: 100%;height: 50px;line-height: 50px;border-radius: 4px;}





.el-600 .top-list{width: 100%;padding-top: 70px;}

.activity{padding: 110px 0;}

.activity-item{display: flex;margin-bottom: 46px;}

.activity-img{width: 50%;border: 1px solid #dcdcdc;overflow: hidden;object-fit: cover;position: relative;}

.activity-img .play{position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%);z-index: 10;cursor: pointer;}

.activity-img img{height: 100%;object-position: left top;}

.activity-wrap{padding: 40px 0 0 76px;width: 40%;}

.activity-header{display: flex;align-items: flex-start;}

.activity-title{color: #000;font-size: 22px;font-weight: bold;width: 78%;}

.activity-badge{font-size: 14px;color: #fff;padding: 4px 6px;background-color: #005bab;margin-left: 20px;}

.activity-line{width: 24px;height: 4px;background-color: #000;margin: 18px 0;}

.activity-text{font-size: 18px;color: #666;line-height: 1.7;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.activity-date{padding-top: 116px;}

.activity-text-sm{font-size: 16px;color: #666;margin-left: 10px;}

.activity-address{padding: 16px 0 32px;}

.activity-wrap .bottom-item_btn{border-color: #000;border-width: 2px;border-radius: 5px;color: #000;}

.activity-wrap .bottom-item_btn:hover{color: #fff;}

.activity-wrap .bottom-item_btn::before,.activity-wrap .bottom-item_btn::after{background-color: #000;}

.activity.list{display: flex;flex-wrap: wrap;}

.activity.list .activity-wrap{width: 32%;margin-right: 2%;border: 1px solid #dcdcdc;padding: 40px 20px;margin-bottom: 46px;transition: all .3s;}

.activity.list .activity-wrap:hover{box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.1);}

.activity.list .activity-wrap:nth-of-type(3n){margin-right: 0;}





.pager{display: flex;justify-content: center;align-items: center;padding: 40px 0;}

.pager .prev,.pager .next,.pager .num{width: 100px;height: 40px;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;color: #000;font-size: 14px;cursor: pointer;}

.pager .prev:hover,.pager .next:hover,.pager .num:hover{background-color: #005bab;color: #fff;border-color: #005bab;}

.pager .num{width: 40px;}

.pager .current{background-color: #005bab;color: #fff;border-color: #005bab;}



@media screen and (max-width: 1450px) {
    .banner-title{margin-bottom: 40px;}
    .banner.product-1 .banner-text{font-size: 50px;}
    .h6{font-size: 20px;}
    .product{padding: 75px 40px 140px;}
    .h2{font-size: 42px;}


    .product{margin-top: 0;}

    .product-item{height: 320px;}

    .product-item:nth-of-type(1) .product-wrap{padding: 36px 8% 36px 36px;}

    .product-item .product-wrap{padding: 36px 24% 36px 36px;}

    .product-wrap_title{font-size: 26px;}

    .product-wrap_text{font-size: 17px;padding: 26px 0;}

    .product-wrap_more{font-size: 17px;}

    .product-wrap_img{transform: scale(.8);right: -20px;bottom: -20px;}



    .product-toast{padding: 38px;}



    .product-toast_list{row-gap: 30px;}



    .product-toast_item{font-size: 16px;}

    .plan .panel-title{padding-bottom: 65px;}

    .plan-wrap_icon{width: 90px;height: 90px;margin-bottom: 36px;}

    .plan-wrap_title{font-size: 26px;}

    .plan-wrap_text{font-size: 20px;padding: 36px 0 50px;}

    .plan-wrap_more{font-size: 20px;}

    .banner-title{font-size: 44px;}

    .banner-text{font-size: 17px;}

    .panel{padding: 70px 0 100px;}

    .panel-text{font-size: 17px;}

    .panel-img{padding-top: 90px;margin-bottom: 80px;}

    .panel-span{font-size: 17px;}

    .panel-strong{font-size: 66px;}

    .panel-p{font-size: 18px;}

    .h4{font-size: 26px;}

    .timeline-panel{height: 180px;}

    .timeline-text{font-size: 18px;}

    .timeline-panel::before{top: -24px;}

    .v-line{height: 180px;}

    

  .show{padding-top: 80px;}

    .show-item{row-gap: 26px;}

    .show-text{font-size: 18px;padding-top: 24px;}

    .banner.el-2{height: 596px;margin: 115px 0 180px;}

    .banner.el-2 .banner-title{font-size: 66px;}


    .top{height: 600px;}



    .top-img{transform: scale(.8);}



    .top-title{padding: 30px 0 18px;font-size: 44px;}



    .top-text{padding-bottom: 74px;}



    .top-link{font-size: 16px;width: 230px;height: 44px;line-height: 38px;}



    .font{padding: 100px 0 80px;}



    .font-title{font-size: 50px;}



    .font-text{padding-top: 30px;}



    .summary{padding: 120px 0 140px;height: 620px;}



    .summary-title{font-size: 40px;}



    .summart-text{font-size: 18px;padding: 34px 0 50px;}



    .summary-wrap_title{font-size: 22px;padding: 32px 0 14px;}



    .summary-wrap_text{font-size: 16px;}



    .characteristic{padding: 90px 0 100px;}



    .characteristic-item.active{padding: 42px 30px;}



    .characteristic-item.active .characteristic-item_title{font-size: 32px;}



    .characteristic-item_text{font-size: 20px;}



    .characteristic-item{padding: 25px 15px;height: 500px;}



    .characteristic-item_title{font-size: 20px;margin-bottom: 30px;}



    .characteristic-item_bg{padding: 30% 10% 0 0;}



    .characteristic-item.active .characteristic-item_bg{padding: 30% 25% 0 0;}



    .characteristic-item .characteristic-item_bg img{transform: scale(.8);}



    .characteristic-item.active .characteristic-item_bg img{transform: scale(1.8);}



    .characteristic-item .characteristic-item_bg{background: 100% 70%/200% no-repeat;}



    .worth{padding: 90px 0 130px;}



    .characteristic-title{font-size: 40px;}



    .characteristic-text{font-size: 18px;padding: 30px 0 55px;}



    .worth-title{padding: 30px 0 35px;}



    .worth-subitem{font-size: 16px;padding: 10px 0;}



    .side{width: 135px;padding: 20px 15px;left: 10px;top: 130px;}

    .side-item .side-link{padding: 15px 0;}

    .side-subitem .side-sublink{padding: 3px 0;}

    .side-item{font-size: 14px;}

    .side-subitem{font-size: 12px;}

    .banner.el-600{height: 500px;}
    .banner.el-360{height: 320px;}

    .idea{padding: 70px 0 120px;}
    .idea-title{font-size: 24px;padding-top: 32px;}
    .idea-wrap{padding-top: 32px;}
    .idea-item{height: 280px;}
    .line{margin-top: 16px;}
    .idea-text{font-size: 18px;padding-bottom: 10px;}

    .mode-text{max-width: 600px;font-size: 18px;padding: 35px 0 70px;}
    .mode .characteristic-item::before{width: 100px;height: 100px;right: 5px;}
    .mode .characteristic-item.active::before{width: 180px;height: 180px;right: 5px;}
    .mode .characteristic-item.active .characteristic-item_img{width: 44%;height: 230px;}
    .mode .characteristic-item_img{width: 70%;height: 135px;}

    .customer{padding-top: 120px;}
    .customer-text{max-width: 900px;font-size: 18px;padding: 35px 0 70px;}
    .customer-title{font-size: 26px;padding-bottom: 24px;}
    .customer--text{font-size: 15px;padding: 24px 0 18px;}
    .customer-subtext{font-size: 20px;margin-left: 12px;}

    .authentication{padding-top: 85px;}
    .authentication-list{padding: 85px 0;}
    .authentication-text{max-width: 200px;font-size: 16px;padding-left: 8px;}

    .activity{padding: 90px 0;}
    .activity.list .activity-wrap{padding: 36px 16px;margin-bottom: 40px;}
    .activity-title{font-size: 20px;width: 70%;}
    .activity-badge{margin-left: 18px;}
    .activity-line{margin: 16px 0;}
    .activity-text{font-size: 16px;}
    .activity-date{padding-top: 90px;}
    .activity-text-sm{font-size: 14px;margin-left: 8px;}
    .activity-date img,.activity-address img{transform: scale(.8);}
    .bottom-item_btn{height: 40px;line-height: 40px;}

    .cooperation{padding: 70px 0 120px;}
    .cooperation-title{font-size: 32px;}
    .cooperation-title-sm{font-size: 18px;}
    .cooperation .bottom-item_btn{font-size: 16px;}
    .cooperation-text{font-size: 16px;}

    .benchmarking .inner{padding: 70px 0 120px;}
    .benchmarking.logo-list .benchmarking-item{margin-bottom: 55px;}

    .leaving .inner{padding: 70px 0 120px;}

    .address{padding: 70px 0 120px;}
    .address-list{padding-top: 110px;}

    

    .directory{padding: 70px 0 120px;}
    .directory-list{padding-top: 44px;}
    .directory-top{padding: 0 36px;height: 90px;}
    .directory-title{font-size: 18px;padding-bottom: 4px;}
    .directory-inner{width: calc(100% - 90px);margin: 36px 46px 50px;}

    .join{padding: 70px 0 120px;}
    .join-list{padding-top: 60px;}
    .join-title{font-size: 18px;height: 66px;padding-left: 20px;}
    .join-hover{padding: 30px 24px;}
    .join-title--hover{font-size: 18px;padding-bottom: 18px;}
    .join-text{font-size: 14px;}

    .job{padding: 70px 0 120px;}
    .job-inner{padding: 32px 36px 36px 24px;}
    .job-title{font-size: 22px;}
    .job-num{padding: 16px 0 32px;}
    .job-swiper{padding-top: 70px;}
}







@media screen and (max-width: 1200px) {



    .side{display: none;}



    .header_menu .menu_box .menu_list .item{margin: 0 10px;}



    .header_menu .menu_box .menu_list .item a{font-size: 16px;}



    .header_menu .menu_box .search{font-size: 18px;padding: 28px 0;}



    







    .banner.product-1{height: 500px;}



    .banner-title{margin-bottom: 35px;}



    .banner-title img{transform: scale(.8);}



    .banner.product-1 .banner-text{font-size: 40px;}



    .grid-item{padding: 16px 0 24px;}



    .h6{font-size: 17px;}



    .product{padding: 60px 0 100px;}



    .h2{font-size: 32px;}



    .product{margin-top: 0;}



    .product-item{height: 300px;}



    .product-item:nth-of-type(1) .product-wrap{padding: 32px 8% 32px 32px;}



    .product-item .product-wrap{padding: 32px 24% 32px 32px;}



    .product-wrap_title{font-size: 22px;}



    .product-wrap_text{font-size: 16px;padding: 24px 0;}



    .product-wrap_more{font-size: 16px;}



    .product-wrap_img{transform: scale(.6);right: -35px;bottom: -35px;}



    .product-toast{padding: 34px;}



    .product-toast_list{row-gap: 26px;}



    .product-toast_item{    font-size: 16px;}



    .side{display: none !important;}



    .plan{padding-bottom: 85px;}



    .plan .panel-title{padding-bottom: 60px;}



    .plan-wrap_icon{width: 70px;height: 70px;margin-bottom: 26px;}



    .plan-wrap_icon img{transform: scale(.65);}



    .plan-wrap_title{font-size: 20px;}



    .plan-wrap_text{font-size: 17px;    padding: 26px 0 38px;}



    .plan-wrap_more{font-size: 17px;}







    .banner.el-1{height: 380px;}



    .banner-title{font-size: 36px;}



    .banner-text{font-size: 16px;}



    .panel-text{font-size: 16px;}



    .panel{padding: 60px 0 85px;}



    .panel-img{padding-top: 80px;margin-bottom: 70px;}



    .panel-span{font-size: 16px;    right: 24%;}



    .panel-strong{font-size: 54px;margin-bottom: 4px;}



    .panel-p{font-size: 17px;}



    .v-line{height: 160px;}



    .h4{font-size: 22px;}



    .timeline-item:nth-of-type(even) .timeline-main .timeline-title{ padding-bottom: 30px;}



    .timeline-item:nth-of-type(odd) .timeline-main .timeline-title{ padding-bottom: 30px;}



    .timeline-panel::before{top: -24px;}



    .timeline-panel{height: 160px;padding: 16px;}



    .timeline-wrap{padding-left: 0;}



    .timeline-text{font-size: 17px;padding-top: 20px;}



    .show{padding-top: 60px;}



    .show-item:first-child{padding-bottom: 60px;}



    .show-item:last-child{padding-top: 60px;}



    .show-item{row-gap: 22px;}



    .show-text{font-size: 17px;}



    .banner.el-2{margin: 100px 0 160px;height: 524px;}



    .banner.el-2 .banner-title{font-size: 54px;}



    .banner.el-2 .banner-text p:first-child{font-size: 32px;}



    .banner.el-2 .banner-text p:last-child{font-size: 30px;}



    .bottom-item_btn{height: 40px;line-height: 40px;}







    .top{height: 550px;}



    .top-img{transform: scale(.7);}



    .top-title{padding: 20px 0 10px;font-size: 36px;}



    .top-text{padding-bottom: 60px;font-size: 15px;}



    .top-link{font-size: 14px;width: 200px;height: 40px;line-height: 34px;}



    .font{padding: 80px 0 70px;}



    .font-title{font-size: 40px;}



    .font-text{padding-top: 25px;font-size: 18px;}



    .summary{padding: 100px 0 120px;height: 570px;}



    .summary-title{font-size: 36px;}



    .summart-text{font-size: 16px;padding: 30px 0 40px;}



    .summary-wrap_title{font-size: 18px;padding: 20px 0 10px;}



    .summary-wrap_icon img{transform: scale(.8);}



    .summary-wrap_text{font-size: 15px;}



    .characteristic{padding: 80px 0 90px;}



    .characteristic-item.active{padding: 36px 25px;}



    .characteristic-item.active .characteristic-item_title{font-size: 26px;}



    .characteristic-item_text{font-size: 16px;}



    .characteristic-item{padding: 20px 10px;height: 450px;}



    .characteristic-item_title{font-size: 16px;margin-bottom: 25px;}



    .characteristic-item_bg{padding: 80% 5% 0 0;}



    .characteristic-item.active .characteristic-item_bg{padding: 50% 20% 0 0;}



    .characteristic-item .characteristic-item_bg{background: 100% 200%/200% no-repeat;}



    .characteristic-item .characteristic-item_bg img{transform: scale(.6);}



    .characteristic-item.active .characteristic-item_bg img{transform: scale(1.6);}



    .characteristic-item.active .characteristic-item_bg{background-size:100%;background-position: 100% 0%;}



    .worth{padding: 80px 0 115px;}



    .characteristic-title{font-size: 36px;}



    .characteristic-text{font-size: 17px;padding: 25px 0 40px;}



    .worth-title{padding: 25px 0 28px;}



    .worth-item{padding: 35px 40px;}



    .worth-subitem{font-size: 14px;padding: 8px 0;}

    
    
    .banner.el-600{height: 400px;}
    .banner.el-360{height: 280px;}
    .banner.el-360 .banner-text{max-width: 700px;}

    .idea{padding: 60px 0px 100px;}
    .idea-title{font-size: 20px;padding-top: 22px;}
    .idea-wrap{padding-top: 22px;}
    .idea-item{height: 240px;}
    .idea-img{width: 40px;height: 37px;}
    .line{margin-top: 12px;}
    .idea-text{font-size: 16px;padding-bottom: 6px;}

    .mode-text{max-width: 500px;font-size: 16px;padding: 30px 0 60px;}
    .mode .characteristic-item::before{width: 100px;height: 100px;right: 5px;}
    .mode .characteristic-item.active::before{width: 160px;height: 160px;}
    .mode .characteristic-item.active .characteristic-item_img{height: 190px;}
    .mode .characteristic-item_img{width: 80%;height: 120px;}
    .characteristic-item.active .characteristic-item_text{width: 85%;}

    .customer{padding-top: 100px;}
    .customer-text{max-width: 700px;font-size: 16px;padding: 30px 0 60px;}
    .customer-title{font-size: 22px;padding-bottom: 18px;}
    .customer--text{font-size: 14px;padding: 20px 0 14px;}
    .customer-subtext{font-size: 18px;margin-left: 10px;}

    .authentication{padding-top: 70px;}
    .authentication-list{padding: 70px 0;}
    .authentication-text{max-width: 160px;font-size: 14px;}
    .authentication-img{max-width: 85px;max-height: 60px;}

    .activity{padding: 80px 0;}
    .activity-wrap{padding: 30px 0 0 46px;}
    .activity.list .activity-wrap{padding: 34px 16px;margin-bottom: 36px;width: 48%;}
    .activity-title{font-size: 18px;width: 70%;}
    .activity-line{margin: 14px 0;}
    .activity-text{font-size: 14px;}
    .activity-date{padding-top: 80px;}
    .activity-item{margin-bottom: 40px;}
    .activity-img{max-height: 300px;}
  

    .cooperation{padding: 60px 0 100px;}
    .cooperation-title{font-size: 28px;}
    .cooperation-title-sm{font-size: 16px;}
    .cooperation .bottom-item_btn{font-size: 14px;}
    .cooperation-text{font-size: 14px;}

    .benchmarking .inner{padding: 60px 0 70px;}
    .benchmarking.logo-list .benchmarking-item{margin-bottom: 40px;width: 15%;margin-right: 2%;}
    
    .leaving .inner{padding: 60px 0 100px;}

    .address{padding: 60px 0 100px;}
    .address-list{padding-top: 90px;}
    .address-item .panel-num{padding-top: 75px;}
    .address-item .panel-strong{font-size: 36px;}
    .address-item .panel-p{font-size: 15px;}

    
    .benchmarking-item{width: 24%;margin-right: 1.3%;}
    .benchmarking-item:nth-of-type(6n){margin-right: 1.3%;}
    .benchmarking-item:nth-of-type(4n){margin-right: 0;}

    .directory{padding: 60px 0 100px;}
    .directory-list{padding-top: 40px;}
    .directory-top{padding: 0 32px;height: 80px;}
    .directory-title{font-size: 16px;padding-bottom: 0;}
    .directory-inner{width: calc(100% - 80px);margin: 32px 42px 40px;}

    .join{padding: 60px 0 100px;}
    .join-list{padding-top: 50px;}
    .join-title{font-size: 16px;height: 56px;padding-left: 16px;}
    .join-hover{padding: 16px 14px;}
    .join-title--hover{font-size: 16px;padding-bottom: 14px;}
    .join-text{font-size: 14px;}

    .job{padding: 60px 0 100px;}
    .job-inner{padding: 28px 32px 32px 20px;}
    .job-title{font-size: 20px;}
    .job-num{padding: 12px 0 24px;}
    .job-swiper{padding-top: 60px;}


}

@media screen and (max-width: 768px) {
    .banner.product-1{height: 400px;}
	.banner-title{margin-bottom: 20px;}
	.banner-title img{transform: scale(.6);}
	.banner.product-1 .banner-text{font-size: 30px;}

    .grid-list{grid-template-columns: repeat(1,80%);justify-content: center;}
    .grid-item{margin-bottom: 20px;}

    .product{padding: 50px 0 80px;}
    .h2{font-size: 26px;}
    .product .panel-title{padding-bottom: 30px;}
    .product-list{grid-template-columns: repeat(1,100%);column-gap: 0;}
    .product-item:nth-of-type(1){grid-column: 1 / 1;}
    .product-item{height: 250px;}
    .product-item .product-wrap{padding: 26px 24% 26px 26px;}
    .product-item:nth-of-type(1) .product-wrap{padding: 26px 8% 26px 26px;}
    .plan .panel-title{padding-bottom: 50px;}
    .plan-wrap_icon {width: 60px;height: 60px;margin-bottom: 20px;}
    .plan-wrap_icon img{transform: scale(.6);}
    .plan-wrap_title{font-size: 18px;}
    .plan-wrap_text{font-size: 15px;padding: 20px 0 32px;}
    .plan-wrap_more{font-size: 15px;}

    .top{height: 450px;}
    .top-title{padding: 12px 0 6px;font-size: 30px;}
    .top-text{margin-bottom: 50px;font-size: 14px;}
    .top-img{transform: scale(.6) !important;}
    .font{padding: 65px 0 55px;}
    .font-title{font-size: 34px;}
    .font-text{font-size: 16px;padding-top: 20px;}
    .summary {padding: 70px 0 90px;height: 500px;}
    .summary-title{font-size: 32px;}
    .summart-text{font-size: 14px;padding: 24px 0 30px;}
    .summary-wrap_icon{transform: scale(.8);}
    .summary-wrap_title{font-size: 16px;padding: 15px 0 5px;}
    .summary-wrap_text{font-size: 14px;}
    .characteristic{padding: 65px 0 75px;}
    .characteristic-title{font-size: 32px;}
    .characteristic-text{font-size: 15px;padding: 20px 0 35px;}
    .characteristic-list{display: grid;grid-template-columns: repeat(5,50%);justify-content: flex-start;overflow-x: auto;}
    .characteristic-item.active{width: 100%;}
    .characteristic-item{width: 100%;padding: 36px 25px;}
    .characteristic-item.active::after{display: none;}
    .characteristic-item.active .characteristic-item_title{font-size: 22px;position: relative;z-index: 10;}
    .characteristic-item .characteristic-item_title{font-size: 22px;position: relative;z-index: 10;}
    .characteristic-item .characteristic-item_text{display: block;width: 85%;position: relative;z-index: 10;}
    .characteristic-item .characteristic-item_img{width: 60%;height: 370px;}
    .characteristic-item.active .characteristic-item_bg{padding: 65% 25% 0 0;}
    .characteristic-item .characteristic-item_bg{padding: 65% 25% 0 0;}
    .characteristic-item.active .characteristic-item_bg{background-size:170%;background-position: 100% 70%;}
    .characteristic-item.active .characteristic-item_bg img{transform: scale(1.2);}
    .characteristic-item .characteristic-item_bg{background-size:170%;background-position: 100% 70%;}
    .characteristic-item .characteristic-item_bg img{transform: scale(1.2);}

    .worth{padding: 65px 0 90px;}
    .worth-item{padding: 30px 35px;}
    .worth-icon{transform: scale(.9);}
    .worth-title{padding: 20px 0 23px;font-size: 20px;}
    .serve_page .section_4{padding: 50px 0;}
    .serve_page .section_4 .page_title .title{font-size: 24px;}
    .serve_page .section_4 .describe, .serve_page .section_4 .page_title .text{font-size: 15px;padding: 8px 0;}

    .banner.el-1{height: 300px;}
    .banner-title{font-size: 32px;margin-bottom: 10px;}
    .banner-text{font-size: 15px;}
    .idea{padding: 50px 0 80px;}
    .idea-img{width: 35px;height: 32px;}
    .idea-title{font-size: 18px;padding-top: 16px;}
    .idea-wrap{padding-top: 16px;}
    .idea-text{font-size: 15px;padding-bottom:4px;}
    .mode-text{max-width: 400px;font-size: 15px;padding: 25px 0 50px;}
    .mode .characteristic-item.active{width: 100%;}
    .mode .characteristic-item{width: 100%;}
    .mode .characteristic-item.active .characteristic-item_bg{background-size: 100%;}
    .customer{padding-top: 80px;}
    .customer-text{max-width: 600px;font-size: 15px;padding: 25px 0 50px;}
    .customer-title{font-size: 20px;padding-bottom: 14px;}
    .customer-subtext{font-size: 16px;}
    .customer-sublist{flex-direction: column;align-items: flex-start;}
    .authentication{padding-top: 50px;}
    .authentication-list{padding: 50px 0;flex-wrap: wrap;}
    .authentication-item{width: 50%;}
    .authentication-item::after{display: none;}

    .banner.el-600{height: 300px;}
    .banner.el-600 .banner-title{margin-bottom: 10px;}
    .el-600 .top-list{padding-top: 55px;}
    .top-link{width: 160px;}
    .activity{padding: 60px 0;}
    .activity.list .activity-wrap{width: 100%;}
    .activity-date{padding-top: 60px;}
    .activity-item{flex-wrap: wrap;}
    .activity-img{width: 100%;}
    .activity-wrap{width: 100%;}

    .banner.el-360{height: 240px;}
    .banner.el-360 .banner-title{margin-bottom: 18px;}
    .banner.el-360 .banner-text{max-width: 600px;}
    .cooperation{padding: 50px 0 80px;}
    .cooperation-list{padding-top: 55px;}
    .cooperation-list{display: grid;grid-template-columns: repeat(3,50%);overflow-x: auto;}
    .cooperation-item{width: 100%;}
    .cooperation-title{font-size: 24px;}
    .cooperation-title-sm{font-size: 15px;padding: 10px 0 25px;}
    .benchmarking.logo-list .benchmarking-item{width: 18%;}
    .benchmarking .inner{padding: 50px 0 60px;}
    .leaving .inner{padding: 50px 0 80px;}

    .address{padding: 50px 0 80px;}
    .address-list{padding-top: 70px;flex-direction: column-reverse;}
    .address-item{width: 100%;}
    .address-item:nth-of-type(2){width: 100%;}
    .panel-inner{width: 100%;}
    .panel-text{font-size: 15px;padding-left: 0;}
    .address-item .panel-num{padding-top: 50px;}
    .benchmarking .inner{padding: 40px 0 50px !important;}
    
    .benchmarking-item{width: 32%;margin-right: 1.3%;}
    .benchmarking-item:nth-of-type(6n){margin-right: 1.3%;}
    .benchmarking-item:nth-of-type(4n){margin-right: 1.3%;}
    .benchmarking-item:nth-of-type(3n){margin-right: 0;}
    .directory{padding: 50px 0 80px;}
    .directory-list{padding-top: 30px;}
    .directory-top{height: 65px;}
    .directory-img{transform: scale(.8);position: relative;top: 5px;}

    .panel{padding: 50px 0 70px;flex-direction: column;}
    .panel-inner{margin-top: 20px;}
    .panel-img{padding-top: 70px;margin-bottom: 50px;}
    .panel-strong{font-size: 46px;}
    .panel-span{font-size: 15px;}
    .panel-p{font-size: 16px;}
    .timeline{width: 100%;}
    .h4{font-size: 18px;}
    .timeline-panel{padding: 12px;}
    .timeline-text{font-size: 16px;padding-top: 15px;}
    .show-text{font-size: 16px;padding-top: 20px;}
    .banner.el-2{margin: 80px 0 120px;height: 470px;}
    .banner.el-2 .banner-title{font-size: 46px;}
    .banner.el-2 .banner-text p:first-child{font-size: 27px;}
    .banner.el-2 .banner-text p:last-child{font-size: 25px;}
    .bottom-inner{row-gap: 40px;}
    .bottom-list{grid-template-columns: repeat(3,50%);overflow-x: auto;}

    .join{padding: 50px 0 80px;}
    .join-list{padding-top: 35px;display: grid;grid-template-columns: repeat(3,50%);overflow-x: auto;column-gap: 10px;}
    .join-item{width: 100%;}
    .job{padding: 50px 0 80px;}
    .job-list{padding-top: 50px;}
    .job-item{width: 48%;}
    .job-title{font-size: 18px;}
    .job-num{font-size: 15px;}
    .job-inner{padding: 24px 28px 28px 16px;}
    .job-item:nth-of-type(3n){margin-right: 2%;}
    .job-num{padding: 10px 0 20px;}
    .job-swiper{padding-top: 50px;}
}

@media screen and (max-width: 480px) {
    .banner.product-1{height: 300px;}
    .banner-title img{transform: scale(.4);}
    .banner-title{margin-bottom: 0px;}
    .banner.product-1 .banner-text{font-size: 20px;}
    .grid-item{padding: 12px 0 16px;row-gap: 12px;}
    .grid-icon{transform: scale(.8);}
    .grid-title{row-gap: 8px;}
    .h6{font-size: 16px;}
    .product{padding: 35px 0 60px;}
    .h2{font-size: 20px;}
    .line{width: 50px;}
    .product-wrap_title{font-size: 18px;}
    .product-wrap_text{font-size: 14px;padding: 18px 0;}
    .product-wrap_more{font-size: 14px;}
    .product-item{height: 210px;}
    .product-toast_item{font-size: 14px;}
    .product-toast{padding: 22px;}
    .plan-wrap_icon{width: 55px;height: 55px;margin-bottom: 16px;}
    .plan-wrap_title{font-size: 16px;}
    .plan-wrap_text{font-size: 14px;padding: 15px 0 26px;}
    .plan-wrap_more{font-size: 14px;}

    .top-img{transform: scale(.4) !important;}
    .top-title{padding: 0 0 6px;font-size: 25px;}
    .top-text{margin-bottom: 35px;width: 40%;}
    .top-list{flex-wrap: wrap;}
    .top-item{margin-bottom: 10px;}
    .font{padding: 50px 0 40px;}
    .font-title{font-size: 24px;}
    .font-text{font-size: 14px;padding-top: 14px;}
    .summary{padding: 55px 0 75px;height: 460px;}
    .summary-title{font-size: 24px;}
    .characteristic{padding: 50px 0 60px;}
    .characteristic-title{font-size: 24px;}
    .characteristic-text{font-size: 14px;padding: 10px 0 20px;}
    .characteristic-list{grid-template-columns: repeat(5,100%);}
    .characteristic-item.active .characteristic-item_title{font-size: 18px;}
    .characteristic-item .characteristic-item_title{font-size: 18px;}
    .worth{padding: 50px 0 70px;}
    .worth-item{width: 100%;}
    .worth-title{font-size: 18px;padding: 17px 0 20px;}
    .serve_page .section_4{padding: 40px 0;}
    .serve_page .section_4 .page_title .title{font-size: 20px;}
    .serve_page .section_4 .describe, .serve_page .section_4 .page_title .text{font-size: 14px;padding: 6px 0;}
    .serve_page .section_4 .list_box.step_list_2{
        grid-template:
        'a b'
        'd c'
        'f e';
    }
    .serve_page .list_box.step_list_2 .item:nth-child(3)::after{display: none;}
    .serve_page .section_4 .list_box.step_list_2 .item:nth-child(4) .line{display: none;}
    .serve_page .section_4 .list_box.step_list_2 .item:nth-child(5) .line::before{transform: rotate(0deg);transform-origin: center;}
    .serve_page .list_box.step_list_2 .item:nth-child(2)::after,.serve_page .list_box.step_list_2 .item:nth-child(4)::after{
        background: url(../image/line_down.png) no-repeat;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 10px;
        width: 10px;
        height: 37px;
        transform: translateX(-50%);
    }
    .banner-title{font-size: 24px;}
    .banner-text{font-size: 14px;}
    .idea{padding: 35px 0 60px;}
    .idea-list{padding-top: 30px;flex-wrap: wrap;}
    .idea-item{width: 100%;margin-bottom: 10px;}
    .mode-text{max-width: 320px;font-size: 14px;padding: 20px 0 40px;}
    .customer{padding-top: 60px;}
    .customer-text{max-width: 320px;font-size: 14px;padding: 20px 0 40px;}
    .customer-item{width: 100%;padding-bottom: 60px;}
    .authentication-item{width: 100%;}

    .el-600 .top-list{padding-top: 40px;flex-direction: column;}
    .activity-wrap{padding: 20px 0 0 23px;}
    .activity{padding: 45px 0;}
    .activity-address{padding: 12px 0 24px;}
    .activity-date{padding-top: 45px;}
    .activity-item{margin-bottom: 30px;}

    .banner-text{max-width: 320px;}
    .banner.el-360 .banner-text{max-width: 320px;}
    .cooperation-list{grid-template-columns: repeat(3,100%);padding-top: 40px;}
    .benchmarking.logo-list .benchmarking-item{width: 23%;}
    .benchmarking-list{padding-top: 35px;}
    .benchmarking-item{width: 48%;margin-right: 2%;}
    .benchmarking-item:nth-of-type(6n){margin-right: 0;}
    .benchmarking-item:nth-of-type(4n){margin-right: 0;}
    .benchmarking-item:nth-of-type(3n){margin-right: 2%;}
    .benchmarking-item:nth-of-type(2n){margin-right: 0%;}
    .leaving .inner{padding: 35px 0 40px;}
    .leaving .contact_form .item_box .item{width: 100%;}

    .address{padding: 35px 0 60px;}
    .panel-text{font-size: 14px;}
    .address-item .panel-num{padding-top: 35px;}
    .address-item .panel-strong{font-size: 30px;}
    .address-item .panel-span{font-size: 14px;}
    .address-item .panel-p{font-size: 14px;}
    .benchmarking .inner{padding: 30px 0 40px !important;}
    
    .directory{padding: 35px 0 60px;}
    .directory-list{flex-wrap: wrap;}
    .directory-item{width: 100%;margin-bottom: 20px;}
    
    .panel{padding: 35px 0 55px;}
    .panel-img{padding-top: 55px;margin-bottom: 35px;}
    .panel-wrap{width: 50%;}
    .panel-strong{font-size: 38px;}
    .timeline-text{font-size: 14px;padding-top: 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
    .show-inner{grid-template-columns: 100%;}
    .show-item:first-child{padding-top: 20px;padding-bottom: 20px;}
    .show-item:last-child{padding-top: 0;}
    .banner.el-2{margin: 60px 0 90px;height: 410px;}
    .banner.el-2 .banner-title{font-size: 38px;}
    .banner.el-2 .banner-text p:first-child{font-size: 22px;}
    .banner.el-2 .banner-text p:last-child{font-size: 20px;}
    .bottom-inner{row-gap: 30px;}
    .bottom-list{grid-template-columns: repeat(3,100%);}

    .join{padding: 35px 0 60px;}
    .join-list{padding-top: 30px;grid-template-columns: repeat(3,100%);}
    .job{padding: 35px 0 60px;}
    .job-list{padding-top: 35px;}
    .job-item{width: 100%;}
    .job-swiper .swiper-slide{width: 100%;}
}