.container{ overflow:hidden; position:relative; }
.banner_cont{ margin-bottom: 20px; }
.banner_cont .swiper1{ height: 100%; }
.banner_cont .swiper-slide{ overflow: hidden; }
.banner_cont .swiper-slide .bgimg{ width: 100%; }
.banner_cont .swiper-slide .textbox{ position: absolute; bottom: 20%; left: 8%; transform: translateY(50px); transition: all 0.5s ease; }
.banner_cont .swiper-slide .textbox.active{ transform: translateY(0) }
.banner_cont .swiper-slide .textbox .min{ font-size: 20px; color: #fff; font-weight: bold; transform: translateY(40px); transition: all 0.3s ease; opacity: 0; }
.banner_cont .swiper-slide .textbox .max{ font-size: 48px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-bottom: 40px; transform: translateY(40px); transition: all 0.3s ease 0.2s; opacity: 0; }
.banner_cont .swiper-slide .textbox .more{ transform: translateY(40px); transition: all 0.3s ease 0.3s; opacity: 0; }
.banner_cont .swiper-slide .textbox .more a{ width: 200px; display: inline-block; border-radius: 45px; border: 1px solid #fff; color: #fff; text-align: center; padding: 12px 0; transition: all 0.3s ease; }
.banner_cont .swiper-slide .textbox .more a:hover{ background: #007ee4; border: 1px solid #007ee4; }
.banner_cont .swiper-slide.swiper-slide-active .min,.banner_cont .swiper-slide.swiper-slide-active .max,.banner_cont .swiper-slide.swiper-slide-active .more{ transform: translateY(0); opacity: 1; }
.banner_cont .swiper1 .swiper-pagination{ width: auto; right: 8%; bottom: 20%; left: auto; text-align: right; margin-right: 100px; padding: 6px 0; }
.banner_cont .swiper1 .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 0.6; margin-left: 20px; }
.banner_cont .swiper1 .swiper-pagination .swiper-pagination-bullet-active{ background: #007ee4; opacity: 1; }
.banner_cont .swiper1 .button{ position: absolute; right: 8%; bottom: 20%; width: 75px; height: 20px; z-index: 10; }
.banner_cont .swiper1 .button::after{ content: ''; position: absolute; width: 1px; height: 23px; left: 50%; top: 50%; margin-top: -11px; background: #fff; opacity: 0.5 }
.banner_cont .swiper1 .swiper-button-next{ position: absolute; right: 0; width: 15px; height: 20px; background-size: auto 100%; margin: 0; top: 0; }
.banner_cont .swiper1 .swiper-button-prev{ position: absolute; left: 0; width: 15px; height: 20px; background-size: auto 100%; margin: 0; top: 0; }
.banner_cont .swiper1 .swiper-button-next::after,.banner_cont .swiper1 .swiper-button-prev::after{ font-size: 22px }

.section1{ margin-bottom: 20px; opacity: 1 !important; }
.section1 .swiper-container .bgimg{ width: 100%; }
.section1 .swiper-container .bgimg.phone{ display: none; }
.section1 .swiper3 .textbox{ width: 100%; position: absolute; top: 5%; text-align: center; transform: translateY(40px); opacity: 0; }
.section1 .swiper3 .swiper-slide-active .textbox{ transform: translateY(0); transition: all 0.5s ease 0.3s; opacity: 1; }
.section1 .swiper3 .textbox .min{ font-size: 18px; color: #fff; margin-bottom: 10px; }
.section1 .swiper3 .textbox .max{ display: inline-block; font-size: 60px; background: -webkit-linear-gradient(left, #007fe4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }
.section1 .swiper3 .textbox .p{ font-size: 20px; color: #fff; margin-bottom: 15px; }
.section1 .swiper3 .textbox .more a{ color: #007ce3; }
.section1 .swiper3 .aniimg{ position: absolute; bottom: 0; left: 50%; transform: translateY(20%) translateX(-50%); opacity: 0; height: 65%; }
.section1 .swiper3 .swiper-slide-active .aniimg{ transform: translateY(0) translateX(-50%); transition: all 2s ease 0.3s; opacity: 1; }
.section1 .swiper3 .title{ position: absolute; width: 100%; left: 0; top: 10%; text-align: center; opacity: 0; transform: translateY(40px) }
.section1 .swiper3 .swiper-slide-active .title{ opacity: 1; transform: translateY(0) }
.section1 .swiper3 .title .txt{ display: inline-block; font-size: 48px; background: -webkit-linear-gradient(left, #007fe4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.section1 .swiper3 .list{ position: absolute; width: 100%; bottom: 10%; display: flex; justify-content: center; flex-wrap: wrap; opacity: 0; transform: translateY(40px) }
.section1 .swiper3 .swiper-slide-active .title{ opacity: 1; transform: translateY(0); transition: 0.5s ease 0.3s; }
.section1 .swiper3 .swiper-slide-active .list{ opacity: 1; transform: translateY(0); transition: 0.5s ease 0.4s; }
.section1 .swiper3 .list .li{ text-align: center; width: 30%; }
.section1 .swiper3 .list .li p{ padding-top: 20px; }
.section1 .swiper3 .list .li span{ background: -webkit-linear-gradient(left, #fff, #7a818b, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 28px; }
.section1 .swiper-button-next3{ right: 5%; width: 40px; height: 40px; border-radius: 40px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.section1 .swiper-button-prev3{ left: 5%; width: 40px; height: 40px; border-radius: 40px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); }
.section1 .swiper-button-next::after{ content: ''; position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 20px; }
.section1 .swiper-button-prev::after{ content: ''; position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 20px; }

.section2 .padding{ padding: 0 1%; box-sizing: border-box; }
.section2 .flex{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.section2 .cont{ width: 49.6%; border-radius: 15px; overflow: hidden; position: relative; margin-bottom: 15px; }
.section2 .cont .bg{ width: 100%; }
.section2 .cont .text{ position: absolute; left: 12%; top: 18%; z-index: 1 }
.section2 .cont .text .min{ font-size: 18px; color: #333; }
.section2 .cont .text .max{ font-size: 48px; background: -webkit-linear-gradient(left, #007ee4, #1c284f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }
.section2 .cont .text .mid{ font-size: 24px; color: #333; margin-bottom: 30px; }
.section2 .cont .text .more{ color: #007ee4; }
.section2 .cont .robot{ position: absolute; bottom: 0; height: 100%; right: 0; transition: all 1s ease; }
.section2 .cont:hover .robot{ transform: scale(1.1); }

.section3{ position: relative; overflow: hidden; margin-bottom: 100px; }
.section3 .swiper2{ position: relative; width: 200%; margin-left: -50%; }
.section3 .swiper-slide{ overflow: hidden; border-radius: 15px; opacity: 0.7; box-sizing: border-box; }
.section3 .swiper-slide-active{ opacity: 1; }
.section3 .bg{ width: 100%; }
.section3 .swiper-slide-active .bg{ opacity: 0; transition: all 0.3s ease 1.2s; }
.section3 .video{ position: absolute; width: 100%; height: 100%; left: 0; opacity: 0; object-fit: cover; }
.section3 .swiper-slide-active .video{ opacity: 1; transition: all 0.3s ease 1s; }
.section3 .swiper2 .swiper-button-next{ right: 35%; color: #fff; background-size: auto 30px; }
.section3 .swiper2 .swiper-button-prev{ left: 35%; color: #fff; background-size: auto 30px; }
.section3 .swiper-slide .text{ position: absolute; top: 10%; text-align: center; width: 100%; left: 0; z-index: 10 }
.section3 .swiper-slide .text .min{ font-size: 16px; color: #333; margin-bottom: 10px; }
.section3 .swiper-slide .text .max{ display: inline-block; font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #1c284f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20px; }
.section3 .swiper-slide .text .btn a{ margin: 0 20px; color: #007ce3; }
.section3 .swiper-slide .text .btn .play{ padding-right: 25px; background: url(../images/index/play.png) no-repeat right center; }

.section4 .content{ position: relative; }
.section4 .content .bgbox{ position: relative; }
.section4 .content .bgbox .imgbox{ position: absolute; width: 100%; left: 0; top: 0; opacity: 0; transition: all 0.3s ease 0.1s; overflow: hidden; }
.section4 .content .bgbox .imgbox.sp{ position: relative; }
.section4 .content .bgbox .imgbox.active{ opacity: 1; transition: all 0.3s ease; }
.section4 .content .bgbox img{ transform: scale(1.1); transition: all 2s ease; width: 100%; }
.section4 .content .bgbox .imgbox.active img{ transform: scale(1) }
.section4 .content .cont{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; }
.section4 .content.phone{ display: none; }
.section4 .content .list{ padding-top: 6%; width: 14%; height: 100%; border-left: 1px solid #fff; box-sizing: border-box; transition: all 0.3s ease; }
.section4 .content .list:first-child{ border:none; }
.section4 .content .list.active{ width: 44%; }
.section4 .content .list .text{ padding: 0 10%; }
.section4 .content .swiper-slide{ overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; }
.section4 .content .swiper-slide .text{ position: static; width: 90%; margin: 0 auto; padding: 40px 0; }
.section4 .content .swiper-slide img{ width: 140%; margin-left: -20%; }
.section4 .content .list .tit,.section4 .content .swiper-slide .tit{ opacity: 0.5; margin-bottom: 10px; color: #fff; }
.section4 .content .list .num,.section4 .content .swiper-slide .num{ font-size: 24px; color: #fff; margin-bottom: 70px; }
.section4 .content .list .max,.section4 .content .swiper-slide .max{ display: inline-block; font-size: 36px; background: -webkit-linear-gradient(left, #007ee4, #b6eeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 40px; }
.section4 .content .list .min,.section4 .content .swiper-slide .min{ line-height: 28px; color: #fff; opacity: 0; transform: translateY(40px); }
.section4 .content .list .more,.section4 .content .swiper-slide .more{ opacity: 0; opacity: 0; transform: translateY(40px); }
.section4 .content .list.active .min,.section4 .content .swiper-slide-active .min{ transform: translateY(0); opacity: 1; transition: all 0.3s ease 0.3s; }
.section4 .content .list.active .more,.section4 .content .swiper-slide-active .more{ transform: translateY(0); opacity: 1; transition: all 0.3s ease 0.4s; opacity: 1; }
.section4 .content .list .more a,.section4 .content .swiper-slide .more a{ color: #007ce3; }

.section5{ background: url(../images/index/bg.jpg) no-repeat center bottom; background-size: 100% auto; }
.section5 .all{ padding: 80px 8% 140px; }
.section5 .title{ text-align: center; margin-bottom: 35px; }
.section5 .title .max{ display: inline-block; font-size: 60px; background: -webkit-linear-gradient(left, #007ee4, #1c284f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20px; }
.section5 .title .min{ font-size: 20px; color: #333; }
.section5 .cont{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.section5 .cont .list{ width: 30%; box-sizing: border-box; padding: 3% 3% 15%; border-radius: 15px; overflow: hidden; line-height: 28px; color: #333; position: relative; }
.section5 .cont .list .bgbox{ position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; transition: all 1s ease; }
.section5 .cont .list:hover .bgbox{  transform: scale(1.05) }
.section5 .cont .list1 .bgbox{ background: url(../images/index/list1.jpg) no-repeat center bottom; background-size: cover; }
.section5 .cont .list2 .bgbox{ background: url(../images/index/list2.jpg) no-repeat center bottom; background-size: cover; }
.section5 .cont .list3 .bgbox{ background: url(../images/index/list3.jpg) no-repeat center bottom; background-size: cover; }
.section5 .cont .list .text{ z-index: 2; position: relative; }
.section5 .cont .list img{ margin-bottom: 20px; }
.section5 .cont .list .max{ font-size: 36px; line-height: 36px; margin-bottom: 20px; }
.section5 .cont .list .min{ font-size: 20px; margin-bottom: 15px; }
.section5 .cont .list .tit{ color: #007ee4; }
.section5 .cont .list .p{ color: #666; }

.section6{ padding: 80px 0; }
.section6 .padding{ padding: 0 1%; }
.section6 .newsbox{ position: relative; }
.section6 .newsbox .leftbox{ width: 49.5%; position: relative; overflow: hidden; border-radius: 15px; }
.section6 .newsbox img{ width: 100%; }
.section6 .newsbox .bgbox{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 2s ease; }
.section6 .newsbox .text{ position: absolute; left: 0; bottom: 0; padding: 0 5% 20px; color: #999; width: 100%; box-sizing: border-box; background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); }
.section6 .newsbox .text .tit{ padding-left: 10px; border-left: 1px solid #999; line-height: 14px; margin-bottom: 20px; }
.section6 .newsbox .text .p{ font-size: 24px; padding-right: 20px; background: url(../images/index/arrow.png) no-repeat right center; margin-bottom: 20px; color: #fff; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.section6 .newsbox .rightbox{ width: 49.5%; position: absolute; right: 0; top: 0; height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.section6 .newsbox .rightbox img{ display: none; }
.section6 .newsbox .rightbox .list{ position: relative; height: 49%; width: 49%; border-radius: 15px; overflow: hidden; }
.section6 .newsbox .rightbox .list.mb{ margin-bottom: 1.5%; }
.section6 .newsbox .rightbox .text .p{ background: none; padding-right: 0; }
.section6 .newsbox .leftbox:hover .bgbox,.section6 .newsbox .rightbox .list:hover .bgbox{ transform: scale(1.1); }

@media only screen and (max-width: 1700px) {
    
}
@media only screen and (max-width: 1600px) {
    
}
@media only screen and (max-width: 1370px) {
    .section6 .newsbox .text .p{ font-size: 20px; }
}
@media only screen and (max-width: 1200px) {
    .main-foot .menu dl{ margin-right: 8%; }
}
@media only screen and (max-width: 1024px) {
    
}
@media only screen and (max-width: 850px) {
    .section1 .swiper3 .textbox .max,.section2 .cont .text .max,.banner_cont .swiper-slide .textbox .max,.section3 .swiper-slide .text .max,.section5 .title .max,.section1 .swiper3 .title .txt{ font-size: 30px; }
    .banner_cont .swiper-slide .textbox .more a{ padding: 8px 0; width: 150px; }
    /*.section2 .cont .robot{ right: 0; }*/
    .section4 .content .list .max,.section5 .cont .list .max{ font-size: 24px; }
    .section5 .cont .list{ width: 100%; margin-bottom: 20px; padding-left: 5%; }
    .section6 .newsbox .leftbox{ width: 60%; margin: 0 auto 20px; }
    .section6 .newsbox .rightbox{ position: relative; width: 100%; }
    .section6 .newsbox .rightbox img{ display: block; }
    .section1 .swiper3 .list .li span{ font-size: 20px; }
    .section1 .swiper3 .list .li img{ height: 40px; }
    .section4 .content .list .num{ margin-bottom: 40px; }
    
}
@media only screen and (max-width: 580px) {
    .section4 .content.pc{ display: none; }
    .section4 .content.phone{ display: block; }
    .section1 .swiper3 .textbox .max,.section2 .cont .text .max,.banner_cont .swiper-slide .textbox .max,.section3 .swiper-slide .text .max,.section5 .title .max,.section1 .swiper3 .title .txt,.section4 .content .swiper-slide .max,.main-foot .code .max{ font-size: 24px; }
    .section4 .content .list .max,.section5 .cont .list .max,{ font-size: 18px; }
    .section1 .swiper3 .list .li span{ font-size: 16px; }
    .section1 .swiper-container .bgimg.pc{ display: none; }
    .section1 .swiper-container .bgimg.phone{ display: block; }
    .section1 .swiper-slide{ overflow: hidden; }
    .section1 .swiper3 .aniimg{ width: 80%; height: auto; }
    .section1 .swiper3 .textbox{ width: 80%; left: 10%; }
    .banner_cont .swiper-slide .textbox .max{ margin-bottom: 20px; }
    .banner_cont .swiper-slide .textbox{ bottom: 22%; }
    .banner_cont .swiper1 .button,.banner_cont .swiper1 .swiper-pagination{ bottom: 10%; }
    .banner_cont .swiper-slide .bgimg{ width: 160%; margin-left: -30%; }
    .section2 .cont{ width: 100%; }
    .section3 .swiper2{ width: 100%; margin-left: 0; }
    .section3 .swiper2 .swiper-button-prev{ left: 5%; }
    .section3 .swiper2 .swiper-button-next{ right: 5%; }
    .section4 .content .swiper-slide .num,.section4 .content .swiper-slide .max{ margin-bottom: 20px; }
    .section6 .newsbox .rightbox .list,.section6 .newsbox .leftbox{ width: 90%; margin: 0 auto 20px !important; }
    .section4 .content .swiper-slide .text{ padding: 40px 20px; position: relative; margin-bottom: 20px; width: 100%; box-sizing: border-box; left: 0; }
    .section4 .content .swiper-slide .img{ width: 100%; margin: 0; }
    .section4 .content .swiper-slide .min{ margin-bottom: 20px; }
    .section4 .content{ background: #000; }
    .section3{ margin-bottom: 20px; }
    .section3 .swiper-slide .video{ display: none; }
    .section3 .swiper-slide .bg{ opacity: 1; }
    .section5 .all{ padding-top: 60px; }
    .section6{ padding: 60px 0; }
}
@keyframes bom{
   0%{ transform: scale(0); }
   40%{ transform: scale(1.2); }
   60%{ transform: scale(0.9); }
   80%{ transform: scale(1.1); }
   100%{ transform: scale(1); }
}
@keyframes move1{
   0%{ transform: translate(0,0); opacity: 0; }
   50%{ transform: translate(-15px,-300%); opacity: 1; }
   100%{ transform: translate(5px,-550%); opacity: 0; }
}
@keyframes move2{
   0%{ transform: translate(0,0); opacity: 0; }
   50%{ transform: translate(5px,-300%); opacity: 1; }
   100%{ transform: translate(-15px,-550%); opacity: 0; }
}
@keyframes shake{
   0%{ opacity: 0; }
   50%{ opacity: 0.6; }
   70%{ opacity: 0.8; }
   75%{ opacity: 0.4; }
   80%{ opacity: 1; }
   85%{ opacity: 0.4; }
   90%{ opacity: 0.8; }
   90%{ opacity: 0.4; }
   100%{ opacity: 1; }
}
@keyframes rot{
   0%{ transform: rotate(0); opacity: 0; }
   10%{ transform: rotate(30deg); opacity: 0.6; }
   20%{ transform: rotate(60deg); opacity: 0.2; }
   30%{ transform: rotate(90deg); opacity: 1; }
   100%{ transform: rotate(360deg); opacity: 1; }
}
@keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: 2550px 0 }
}
@keyframes mask1{
   0%{ opacity: 0; }
   50%{ opacity: 0.1; }
   100%{ opacity: 0; }
}
@keyframes mask2{
   0%{ opacity: 0; }
   50%{ opacity: 0.1; }
   100%{ opacity: 0; }
}