锘?bannerCont{ position: relative; border-bottom-right-radius: 150px; overflow: hidden; z-index: 3; }
.bannerCont .swiper{ transform: translateZ(0); }
.bannerCont .swiper-slide img{ width: 100%; transform: scale(1.2); }
.bannerCont .swiper-slide-active img{ transform: scale(1); transition: all 8s ease; }
.bannerCont .phone{ display: none; }
.bannerCont .swiper-wrapper,.bannerCont .swiper-slide{ height: auto; }
.bannerCont .swiper-button-next1{ right: 5%; bottom: 70px; width: 50px; height: 50px; border-radius: 50px; margin: 0; background-color: #fff; top: auto; transition: all 0.3s ease; background-repeat: no-repeat; background-position: center; background-image: url(../images/index/left2-1.png); }
.bannerCont .swiper-button-prev1{ left: auto; right: 5%; bottom: 70px; width: 50px; height: 50px; border-radius: 50px; margin: 0; margin-right: 70px; background-color: #fff; top: auto; transition: all 0.3s ease; background-repeat: no-repeat; background-position: center; background-image: url(../images/index/left1-1.png); }
.bannerCont .swiper-button-next:after,.bannerCont .swiper-button-prev:after{ display: none; }
.bannerCont .swiper-button-next1:hover{ background-image: url(../images/index/left2-2.png); }
.bannerCont .swiper-button-prev1:hover{ background-image: url(../images/index/left1-2.png); }
.bannerCont .fixText{ position: absolute; top: 100px; bottom: 0; display: flex; align-items: center; width: 690px; left: 50%; margin-left: -345px; color: #fff; font-size: 50px; line-height: 80px; font-weight: 100; z-index: 1; }
.bannerCont .fixText p{ white-space: nowrap; position: relative; }
.bannerCont .fixText p::after{ content: ''; position: absolute; left: 0; top: -50px; width: 33px; height: 29px; background: url(../images/index/bannerIcon.png) no-repeat center; }
.bannerCont .swiper-pagination{ position: absolute; width: 150px; left: 10%; top: 100px; bottom: 0; display: flex; flex-wrap: wrap; align-content: center; text-align: left; }
.bannerCont .swiper-pagination .swiper-pagination-bullet{ width: 100%; height: auto; display: block; background: none; margin: 40px 0; color: #fff; font-size: 24px; display: flex; align-items: center; }
.bannerCont .swiper-pagination .swiper-pagination-bullet span{ display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; }
.bannerCont .swiper-pagination .swiper-pagination-bullet em{ display: inline-block; width: 35px; height: 1px; background: #fff; margin: 0 8px; }
.bannerCont .fix{ position: absolute; left: 0; top: 18%; z-index: 1; width: 16%; }

.mainTitle h3{ padding-top: 45px; text-align: center; font-size: 40px; color: #183073; background: url(../images/index/titleBg.png) no-repeat center top; }


.aboutCont{ padding: 200px 0 230px; position: relative; background: url(../images/index/videobg.jpg) no-repeat center; background-attachment: fixed; margin-top: -150px; z-index: 1; overflow: hidden; }
.aboutCont .mainTitle{ margin-bottom: 40px; }
.aboutCont .videoBg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; transform: scale(1.3); }
.aboutCont .all{ position: relative; z-index: 3; }
.aboutCont .fixbg1,.aboutCont .fixbg2{ position: absolute; width: 100%; top: 250px; left: 0; }
.aboutCont .videoBox{ width: 1200px; margin: 0 auto; max-width: 100%; }
.aboutCont .videoBox .video{ height: 680px; border-radius: 30px; overflow: hidden; position: relative; }
.aboutCont .videoBox .video video{ width: 100%; height: 100%; object-fit: cover; }
.aboutCont .videoBox .video .playmask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/index/video.jpg) no-repeat center; background-size: cover; }
.aboutCont .videoBox .video .playmask .btn{ position: absolute; left: 50%; top: 50%; margin: -65px 0 0 -65px; width: 129px; height: 129px; cursor: pointer; }
.aboutCont .videoBox .video .playmask .btn img{ transition: all 0.3s ease; box-shadow: 0 0 10px rgba(204,204,204,.35); border-radius: 100%; }
.aboutCont .videoBox .video .playmask .btn:hover img{ transform: scale(0.95); }
.aboutCont .videoBox .text{ margin: -40px auto 80px; }
.aboutCont .videoBox .text .en{ font-size: 60px; font-family: 'barlow'; text-align: center; color: #fff; text-shadow: 0px 10px 15px rgba(130,130,130,.5); margin-bottom: 20px; }
.aboutCont .videoBox .text p{ line-height: 32px; color: #333; margin: 0 auto 30px; width: 80%; }
.aboutCont .videoBox .text .more{ display: inline-block; color: #183073; padding: 0 50px 0 30px; border: 1px solid #183073; box-sizing: border-box; line-height: 46px; border-radius: 46px; position: relative; transition: all 0.3s ease; }
.aboutCont .videoBox .text .more::after{ content: ''; position: absolute; width: 12px; height: 100%; right: 30px; top: 0; background: url(../images/index/more2.png) no-repeat right; }
.aboutCont .videoBox .text .more:hover::after{ background: url(../images/index/more.png) no-repeat right; }
.aboutCont .videoBox .text .more:hover{ color: #fff; background: #183073; }
.aboutCont .numberbox{ display: flex; justify-content: space-between; color: #333; }
.aboutCont .numberbox>div{ width: 33.33%; text-align: center; position: relative; }
.aboutCont .numberbox>div::after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; width: 1px; background: #bfbfbf; }
.aboutCont .numberbox>div:last-child::after{ display: none; }
.aboutCont .numberbox .num{ color: #183073; font-family: 'barlow'; }
.aboutCont .numberbox .num b{ font-size: 44px; vertical-align: bottom; }
.aboutCont .numberbox .num span{ vertical-align: top; margin-left: 5px; }

.serviceCont{ padding: 60px 0 100px; border-top-left-radius: 150px; overflow: hidden; margin-top: -150px; position: relative; z-index: 2; background: #fff; }
.serviceCont .fixPic{ position: absolute; right: 50px; top: 40px; z-index: 2 }
.serviceCont .mainTitle{ margin-bottom: 70px; }
.serviceCont .scrollbox{ position: relative; }
.serviceCont .swiper-wrapper{ height: auto; padding-bottom: 100px; }
.serviceCont .swiper-slide{ color: #fff; border-radius: 20px; overflow: hidden; transform: translateZ(0); height: auto; }
.serviceCont .swiper-slide img{ width: 100%; transition: all 3s ease; transform: translateZ(0); }
.serviceCont .swiper-slide:hover img{ transform: scale(1.1); }
.serviceCont .swiper-slide .bgbox{ position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; }
.serviceCont .swiper-slide .bgbox.box1{ background: linear-gradient(rgba(255,255,255,0),rgba(50,160,217,1)); }
.serviceCont .swiper-slide .bgbox.box2{ background: linear-gradient(rgba(255,255,255,0),rgba(135,194,76,1)); }
.serviceCont .swiper-slide .bgbox.box3{ background: linear-gradient(rgba(255,255,255,0),rgba(240,160,68,1)); }
.serviceCont .swiper-slide .bgbox.box4{ background: linear-gradient(rgba(255,255,255,0),rgba(231,55,67,1)); }
.serviceCont .swiper-slide .bgbox .text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px 40px; box-sizing: border-box; }
.serviceCont .swiper-slide .bgbox .text .num{ font-size: 90px; color: #fff; opacity: .15; font-family: 'barlow'; position: absolute; z-index: 1; top: -43px; }
.serviceCont .swiper-slide .bgbox .text h3{ font-size: 24px; font-weight: normal; margin-bottom: 30px; position: relative; z-index: 2; transition: all 0.3s ease; }
.serviceCont .swiper-slide .bgbox .text p{ font-size: 14px; line-height: 22px; height: 0; position: relative; z-index: 2; transition: all 0.3s ease; opacity: 0; }
.serviceCont .swiper-slide:hover .bgbox .text p{ height: 88px; opacity: 1; transition: all 0.5s ease; }
.serviceCont .swiper-pagination-progressbar{ top: auto; bottom: 0; width: auto; left: 0; right: 170px; background: #e0e9f4; border-radius: 10px; overflow: hidden }
.serviceCont .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #2e69b3; }
.serviceCont .swiper-button-prev{ left: auto; right: 60px; width: 50px; height: 50px; background: #fff url(../images/index/left1-1.png) no-repeat center; border-radius: 50px; top: auto; bottom: -23px; margin: 0; box-shadow: 0 5px 10px rgba(204,204,204,.5); transition: all 0.3s ease; }
.serviceCont .swiper-button-next{ left: auto; right: 0; width: 50px; height: 50px; background: #fff url(../images/index/left2-1.png) no-repeat center; border-radius: 50px; top: auto; bottom: -23px; margin: 0; box-shadow: 0 5px 10px rgba(204,204,204,.5); transition: all 0.3s ease; }
.serviceCont .swiper-button-prev:hover{ background: #fff url(../images/index/left1-2.png) no-repeat center; }
.serviceCont .swiper-button-next:hover{ background: #fff url(../images/index/left2-2.png) no-repeat center; }
.serviceCont .swiper-button-prev::after,.serviceCont .swiper-button-next::after{ display: none; }

.testCont{ position: relative; padding: 110px 0 300px; border-top-right-radius: 150px; background: #dfecf4; }
.testCont .cell{ position: absolute; z-index: 1; width: 31%; }
.testCont .cell img{ width: 100%; }
.testCont .cell1{ right: 34%; top: 15%; animation: spin2 15s infinite linear; transform-origin: 50% 40%; }
.testCont .cell2{ left: 0%; top: -5%; animation: spin 12s infinite linear; transform-origin: 44% 40%; }
.testCont .cell3{ left: 10%; bottom: 8%; animation: spin2 12s infinite linear; transform-origin: 48% 42%; }
.testCont .cell4{ right: 0%; top: -10%; animation: spin 12s infinite linear; transform-origin: 48% 40%; }
.testCont .cell5{ right: -10%; bottom: 30%; animation: spin2 9s infinite linear; transform-origin: 50% 45%; }
.testCont .cell6{ left: 10%; top: 18%; animation: spin2 9s infinite linear; transform-origin: 48% 40%; }
.testCont .cell7{ right: 5%; bottom: 0%; animation: spin 9s infinite linear; transform-origin: 48% 42%; }
.testCont .cell8{ left: -8%; bottom: -3%; animation: spin2 9s infinite linear; transform-origin: 44% 40%; }
.testCont .cell9{ left: 33%; bottom: 2%; animation: spin 9s infinite linear; transform-origin: 50% 40%; }
.testCont .cell1 img{ animation: spin-reverse2 15s infinite linear; }
.testCont .cell2 img{ animation: spin-reverse 12s infinite linear; }
.testCont .cell3 img{ animation: spin-reverse2 12s infinite linear; }
.testCont .cell4 img{ animation: spin-reverse 12s infinite linear; }
.testCont .cell5 img{ animation: spin-reverse2 9s infinite linear; }
.testCont .cell6 img{ animation: spin-reverse2 9s infinite linear; }
.testCont .cell7 img{ animation: spin-reverse 9s infinite linear; }
.testCont .cell8 img{ animation: spin-reverse2 9s infinite linear; }
.testCont .cell9 img{ animation: spin-reverse 9s infinite linear; }
.testCont .fixPic{ position: absolute; left: 50px; top: -40px; z-index: 2; }
.testCont .all{ position: relative; z-index: 2; }
.testCont .mainTitle h3{ text-align: left; background-position: left top; margin-bottom: 25px; }
.testCont .mainTitle p{ color: #000; line-height: 30px; }
.testCont .mainTitle{ margin-bottom: 65px; }
.testCont .flexbox{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between }
.testCont .flexbox .leftbox{ width: 45%; }
.testCont .flexbox .rightbox{ width: 53%; position: relative; }
.testCont .textCut .tips{ display: none; }
.testCont .textCut h3{ font-size: 30px; color: #2e69b3; font-weight: normal; margin-bottom: 20px; }
.testCont .textCut .flexbox{ line-height: 30px; margin-bottom: 50px; display: flex; flex-wrap: wrap; }
.testCont .textCut .flexbox div{ width: 100%; }
.testCont .textCut .more{ display: inline-block; color: #183073; box-sizing: border-box; border: 1px solid #183073; padding: 0 50px 0 30px; line-height: 46px; border-radius: 46px; position: relative; transition: all 0.3s ease; }
.testCont .textCut .more::after{ content: ''; position: absolute; width: 12px; height: 100%; right: 30px; top: 0; background: url(../images/index/more2.png) no-repeat right; transition: all 0.3s ease; }
.testCont .textCut .more:hover{ color: #fff; background: #183073; }
.testCont .textCut .more:hover::after{ background: url(../images/index/more.png) no-repeat right; }
.testCont .rightbox .maxPic{ padding: 80px; border-radius: 600px; overflow: hidden; background: linear-gradient(to right, #e9eff4, #fff); display: inline-block; }
.testCont .rightbox .maxPic .picbox{ border-radius: 600px; overflow: hidden; transform: translateZ(0); }
.testCont .rightbox .maxPic img{ width: 100%; max-width: 528px; transform: scale(1.2); }
.testCont .rightbox .maxPic img.active{ transform: scale(1); transition: all 8s ease; }
.testCont .rightbox .menu{ position: absolute; width: 100%; height: 100%; z-index: 2; }
.testCont .rightbox .menu .btn{ position: absolute; line-height: 90px; font-size: 22px; color: #333; border-radius: 90px; white-space: nowrap; transition: all 0.3s ease; cursor: pointer; }
.testCont .rightbox .menu .btn span{ position: relative; display: inline-block; background: #fff; border-radius: 100%; overflow: hidden; margin-right: 20px; vertical-align: middle; box-shadow: 0 5px 10px rgba(204,204,204,.5); }
.testCont .rightbox .menu .btn:hover,.testCont .rightbox .menu .btn.active{ color: #2e69b3; font-size: 24px; }
.testCont .rightbox .menu .btn span::after{ content: ''; border-radius: 100%; opacity: 0; transition: all 0.3s ease; width: 100%; height: 100%; border: 2px solid #2e69b3; box-sizing: border-box; left: 0; top: 0; position: absolute; transition: all 0.3s ease; }
.testCont .rightbox .menu .btn:hover span::after,.testCont .rightbox .menu .btn.active span::after{ opacity: 1; }
.testCont .rightbox .menu .btn1{ left: 52%; top: -5%; }
.testCont .rightbox .menu .btn2{ left: 68%; top: 10%; }
.testCont .rightbox .menu .btn3{ left: 76%; top: 31.5%; }
.testCont .rightbox .menu .btn4{ left: 76%; bottom: 31.5%; }
.testCont .rightbox .menu .btn5{ left: 68%; bottom: 10%; }
.testCont .rightbox .menu .btn6{ left: 52%; bottom: -5%; }

.newsCont{ padding: 50px 0 80px; margin-top: -150px; border-top-left-radius: 150px; overflow: hidden; background: #fff; position: relative; }
.newsCont .mainTitle{ margin-bottom: 60px; }
.newsCont .flexbox{ display: flex; justify-content: flex-end; flex-wrap: wrap; margin-bottom: 20px; position: relative; }
.newsCont .spbox{ width: 47%; position: absolute; left: 0; height: calc(100% - 30px); }
.newsCont .spbox .imgbox{ border-radius: 20px; overflow: hidden; position: relative; height: calc(100% - 60px); }
.newsCont .spbox .imgbox div{ transition: all 3s ease; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.newsCont .spbox img{ width: 100%; display: none; }
.newsCont .spbox .imgbox:hover div{ transform: scale(1.1) }
.newsCont .spbox .title{ position: absolute; width: 90%; left: 5%; bottom: 0; background: #fff; border-radius: 20px; overflow: hidden; padding: 30px; box-sizing: border-box; box-shadow: 0 5px 10px rgba(204,204,204,.5); }
.newsCont .spbox .title a{ color: #666; display: block; }
.newsCont .spbox .title a:hover,.newsCont .spbox .title a:hover h3{ color: #183073; }
.newsCont .spbox .title h3{ margin-top: 10px; font-size: 24px; color: #000; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsCont .listbox{ width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.newsCont .listbox .list{ position: relative; width: 48%; border: 2px solid #f2f5f8; border-radius: 20px; overflow: hidden; margin-bottom: 30px; box-sizing: border-box; padding: 25px; transition: all 0.3s ease; background: linear-gradient(to right, #fff, #fff); }
.newsCont .listbox .list:hover{ background: linear-gradient(to right, #6c96ca, #fff); }
.newsCont .listbox .list .time{ font-size: 14px; color: #999; margin: 20px 0; transition: all 0.3s ease; }
.newsCont .listbox .list:hover .time{ color: #000; }
.newsCont .listbox .list p{ font-size: 22px; color: #000; line-height: 34px; margin-bottom: 20px; overflow: hidden; }
.newsCont .listbox .list .more{ display: inline-block; width: 50px; height: 50px; background: url(../images/index/left2-1.png) no-repeat center; transition: all 0.3s ease; border-radius: 50px; }
.newsCont .listbox .list:hover .more{ background: #fff url(../images/index/left2-2.png) no-repeat center; }
.newsCont .listbox .list a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.newsCont .fixPic{ position: absolute; right: 50px; bottom: 200px; }
.newsCont .Tmore{ text-align: center; }
.newsCont .Tmore a{ display: inline-block; color: #183073; box-sizing: border-box; border: 1px solid #183073; padding: 0 50px 0 30px; line-height: 46px; border-radius: 46px; position: relative; transition: all 0.3s ease; }
.newsCont .Tmore a::after{ content: ''; position: absolute; width: 12px; height: 100%; right: 30px; top: 0; background: url(../images/index/more2.png) no-repeat right; transition: all 0.3s ease; }
.newsCont .Tmore a:hover{ color: #fff; background: #183073; }
.newsCont .Tmore a:hover::after{ background: url(../images/index/more.png) no-repeat right; }
.newsCont .fixbg1{ position: absolute; width: 100%; left: 0; top: 100px; }
.newsCont .fixbg2{ position: absolute; width: 100%; left: 0; top: 100px; }

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

@media only screen and (max-width: 1580px) {
    .newsCont .spbox .title{ position: relative; z-index: 2; margin: 0 auto; margin-top: -60px; left: auto; bottom: auto; }
    .newsCont .flexbox{ align-items: center; }
    .testCont .rightbox .menu .btn2,.testCont .rightbox .menu .btn5{ left: 78%; }
    .testCont .rightbox .menu .btn3,.testCont .rightbox .menu .btn4{ left: 90%; }
    .testCont .flexbox{ justify-content: flex-start; }
    .testCont .flexbox .rightbox{ width: 45%; margin-left: 3%; }
    .testCont .all{ position: relative; z-index: 2; }
}
@media only screen and (max-width: 1440px) {
    .newsCont .flexbox{ align-content: center; align-items: stretch; }
    .aboutCont .videoBox .video{ width: 720; margin: 0 auto; height: 480px; }
}
@media only screen and (max-width: 1340px) {
    .testCont .flexbox .rightbox{ width: 40%; }
    .testCont .rightbox .menu .btn span img{ width: 70px; }
    .testCont .rightbox .menu .btn{ line-height: 70px; }
    .testCont .rightbox .menu .btn{ font-size: 18px; }
    .testCont .rightbox .menu .btn:hover, .testCont .rightbox .menu .btn.active{  font-size: 20px;}
}
@media only screen and (max-width: 1260px) {
    .bannerCont .fixText .num{ margin-bottom: 50px; }
    .bannerCont .fixText{ font-size: 30px; line-height: 50px; left: 60%; }
    .aboutCont .videoBox .text .en{ font-size: 40px; }
    .serviceCont .fixPic,.testCont .fixPic,.newsCont .fixPic{ width: 150px }
    .serviceCont .swiper-slide .bgbox .text h3{ font-size: 20px; margin-bottom: 20px; }
}
@media only screen and (max-width: 1050px) {
    .bannerCont .fixText h3,.sloganCont h3{ font-size: 30px; margin-bottom: 20px; }
    .bannerCont .fixText .num{ margin-bottom: 30px; }
    .bannerCont .fixText p{ font-size: 22px; }
    .bannerCont .swiper-button-next:after, .bannerCont .swiper-button-prev:after{ font-size: 30px; }
    .newsCont .spbox{ width: 50%; margin: 0 auto; margin-bottom: 30px; position: static; }
    .newsCont .spbox img{ display: block; }
    .newsCont .listbox{ width: 100%; }
    .newsCont .flexbox{ align-items: center; }
}
@media only screen and (max-width: 840px) {
    .mainFoot .title{ text-align: center; }
    .testCont .flexbox .leftbox{ width: 100%; margin-bottom: 40px; }
    .testCont .flexbox .rightbox{ width: 60%; margin-left: 10%; }
    .serviceCont .fixPic,.testCont .fixPic,.newsCont .fixPic{ display: none; }
    .bannerCont .swiper-pagination .swiper-pagination-bullet{ font-size: 20px; }
    .bannerCont .fixText{ left: 72%; }
    .aboutCont .videoBox .video{ width: 100%; }
    .aboutCont .numberbox .num b{ font-size: 34px; }
}
@media only screen and (max-width: 510px) {
    .bannerCont .pc{ display: none; }
    .bannerCont .phone{ display: block; }
    .newsCont .spbox{ width: 100%; }
    .newsCont .listbox .list{ width: 100%; padding: 10px 20px; margin-bottom: 20px; }
    .newsCont .spbox .title h3,.newsCont .listbox .list p{ font-size: 18px; }
    .newsCont .listbox .list .time{ margin: 10px 0 }
    .newsCont .listbox .list p{ margin-bottom: 10px; }
    .newsCont .spbox .title{ padding: 20px; }
    .testCont .mainTitle{ margin-bottom: 20px; }
    .mainFoot .title,.mainTitle h3{ font-size: 24px; }
    .testCont .mainTitle h3{ background-position: center top; text-align: center; }
    .testCont .flexbox .rightbox{ margin: 0; position: static; }
    .testCont .textCut h3{ font-size: 24px; }
    .testCont .rightbox .maxPic{ padding: 20px; }
    .testCont{ border-top-right-radius: 80px; padding: 40px 0 220px; }
    .newsCont{ border-top-left-radius: 80px; padding-bottom: 100px; }
    .mainFoot{ border-top-right-radius: 80px; }
    .newsCont .listbox .list .more{ display: none; }
    .serviceCont{ border-top-left-radius: 80px; }
    .serviceCont .mainTitle{ margin-bottom: 40px; }
    .aboutCont .numberbox .num b{ font-size: 30px; }
    .aboutCont .numberbox>div{ width: auto; }
    .aboutCont .numberbox>div::after{ display: none; }
    .aboutCont .numberbox p{ font-size: 14px; white-space: nowrap; }
    .aboutCont .videoBox .text{ margin: 20px auto 40px; width: 100% }
    .aboutCont .videoBox .text .en{ font-size: 28px; }
    .aboutCont .videoBox .video{ height: 210px; width: 100%; }
    .aboutCont{ padding-bottom: 200px; }
    .bannerCont{ border-bottom-right-radius: 80px; }
    .testCont .flexbox .rightbox{ width: 100%; }
    .testCont .rightbox .menu{ position: static; display: flex; flex-wrap: wrap;  width: 100%; margin-bottom: 20px; }
    .testCont .rightbox .menu .btn{ position: static; width: 50%; margin-bottom: 15px; }
    .testCont .flexbox .rightbox .maxPic{ width: 60%; margin: 0 auto; display: block; }
    .mainHead>.all{ width: 100%; }
    .bannerCont .fixText{ top: 0; left: 0; width: 100%; margin: 0; right: 0; justify-content: center; }
    .bannerCont .fixText p{ white-space: normal; width: 80%; }
    .bannerCont .swiper-pagination{ bottom: 40px; top: auto; width: auto; left: 20px; right: 150px; }
    .bannerCont .swiper-pagination .swiper-pagination-bullet{ margin: 0 0 10px; display: block; }
    .bannerCont .swiper-pagination .swiper-pagination-bullet em{ vertical-align: middle; }
    .bannerCont .swiper-button-next1,.bannerCont .swiper-button-prev1{ bottom: 40px; }
    .serviceCont .swiper-wrapper{ padding-bottom: 60px; }
    .serviceCont{ padding-bottom: 60px; }
    .serviceCont .swiper-slide.swiper-slide-active .bgbox .text p{ height: 88px; opacity: 1; transition: all 0.5s ease; }
    .bannerCont .swiper-pagination{ left: 10%; }
    .aboutCont .videoBox .video .playmask .btn{ width: 80px; height: 80px; margin: -40px 0 0 -40px; }
    .aboutCont .videoBox .video .playmask .btn img{ width: 100%; }
    .testCont .rightbox .menu .btn{ font-size: 16px; }
    .testCont .rightbox .menu .btn span{ margin-right: 15px; }
    .testCont .textCut .flexbox{ margin-bottom: 20px; }
    .aboutCont .numberbox{ flex-wrap: wrap; justify-content: center; }
    .aboutCont .numberbox>div{ margin: 0 10px 20px 10px; }
}
@keyframes move{
   0%{ transform: scale(1); opacity: 0.8; }
   99%{ transform: scale(1.4); opacity: 0; }
   100%{ transform: scale(1); opacity: 1; }
}
@keyframes sector {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
    }
}