.bannerCont{ position: relative; overflow: hidden; z-index: 3; }
.bannerCont .swiper{ transform: translateZ(0); height: 100%; }
.bannerCont .swiper-slide .abs{ position: absolute; width: 100%; height: 100%; }
.bannerCont .swiper-slide .bg{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transform: scale(1); transition: all 0.2s ease 0.2s; }
.bannerCont .swiper-slide-active .bg{ transform: scale(1.1); transition: all 11s ease; }
.bannerCont .phone{ display: none; }
.bannerCont .swiper-slide-active .fixText{ transform: translateY(0); opacity: 1; }
.bannerCont .fixText{ position: absolute; top: 0; width: 100%; left: 0; bottom: 0; display: flex; flex-wrap: wrap; align-content: center; color: #fff; z-index: 1; transition: all 0.5s ease; transform: translateY(50px); opacity: 0; text-align: center; justify-content: center; }
.bannerCont .fixText .cn,.bannerCont .fixText .en{ font-size: 55px; width: 70%; margin: 0 auto; }
/* .bannerCont .fixText .en{ font-size: 28px; width: 100%; } */
.bannerCont .page{ position: absolute; width: 100%; bottom: 40px; left: 0; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center; }
.bannerCont .page .swiper-pagination{ position: static; display: inline-block; width: auto; margin: 0 10px; }
.bannerCont .page .swiper-pagination .swiper-pagination-bullet{ background: #fff; width: 10px; height: 10px; margin: 0 10px; position: relative; }
.bannerCont .page .swiper-pagination .swiper-pagination-bullet::after{ position: absolute; content: ''; width: 24px; height: 24px; left: -8px; top: -8px; border: 1px solid #fff; border-radius: 30px; opacity: 0; transform: scale(0.5); transition: all 0.3s ease; }
.bannerCont .page .swiper-pagination .swiper-pagination-bullet-active::after{ opacity: 1; transform: scale(1); }
.bannerCont .page .swiper-button-next{ position: static; margin: 0; width: 26px; height: 26px; }
.bannerCont .page .swiper-button-prev{ position: static; margin: 0; width: 26px; height: 26px; }
.bannerCont .page .swiper-button-next:after,.bannerCont .page .swiper-button-prev:after{ font-size: 14px; color: #fff; }

.aboutCont{ position: relative; background: url(../images/index/bg1.jpg) no-repeat center; background-size: cover; }
.aboutCont .fixbox{ position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden; }
.aboutCont.active .fixbox{ z-index: 0; transition: all 0.1s ease 3s; }
.aboutCont .fixbox .logoSvg{ width: 100%; position: absolute; left: 50%; top: 54%; transform: translate(-50%,-50%); transition: all 0.1s ease 0.8s; }
.aboutCont.active .fixbox .logoSvg{ width: 1600%; transition: all 2s ease 1.5s; opacity: 0; }
.aboutCont .fixbox .textbox{ position: absolute; bottom: 28%; text-align: center; width: 80%; left: 10%; color: #000; transition: all 0.1s ease 0.8s; }
.aboutCont.active .fixbox .textbox{ opacity: 0; transition: all 0.3s ease 1.5s; }
.aboutCont .fixbox .textbox h3{ font-weight: normal; font-size: 50px; margin-bottom: 40px; }
.aboutCont .fixbox .textbox p{ font-size: 24px; line-height: 44px; }
.aboutCont .underbox{ position: relative; z-index: 1; padding-top: 100px; }
.aboutCont .mainTitle{ color: #fff; }
.aboutCont .topbox{ justify-content: space-between; margin-bottom: 180px; opacity: 0; }
.aboutCont.active .underbox .topbox{ opacity: 1; transition: all 0.6s ease 3.5s; }
.aboutCont .underbox .textbox{ width: 45%; margin-right: 5%; }
.aboutCont .underbox .textbox p{ font-size: 18px; line-height: 36px; margin-bottom: 50px; color: #fff; }
.aboutCont .list{ display: flex; opacity: 0; }
.aboutCont.active .underbox .list{ opacity: 1; transition: all 0.6s ease 3.5s; }
.aboutCont .list .li{ width: 25%; text-align: center; color: #fff; }
.aboutCont .list .li .numbox{ display: inline-block; position: relative; margin-bottom: 10px; }
.aboutCont .list .li .numbox b{ font-size: 50px; font-family: 'Microsoft YaHei'; }
.aboutCont .list .li .numbox span{ font-size: 18px; position: absolute; left: 105%; top: 0; white-space: nowrap; }
.aboutCont .list .li p{ line-height: 24px; padding: 0 10px; }

.productCont{ background: #eff3f8; overflow: hidden; }
.productCont .fp-tableCell{ padding-top: 100px; }
.productCont .mainTitle{ padding-bottom: 40px; }
.productCont .mainTitle .en{ color: #134990; }
.productCont .mainTitle .cn{ color: #000; }
.productCont .topbox{ justify-content: space-between; }
.productCont .menubox,.productCont .cutbox .textbox .btn{-moz-user-select: none; /* 火狐 */
-webkit-user-select: none; /* webkit浏览器 */
-ms-user-select: none; /* IE10 */
-khtml-user-select: none; /* 早期浏览器 */
user-select: none;}
.productCont .menubox .btn{ display: inline-block; line-height: 50px; padding: 0 25px; border-radius: 60px; box-sizing: border-box; border: 1px solid #134990; color: #134990; font-size: 14px; margin-left: 10px; cursor: pointer; }
.productCont .menubox .btn.active{ color: #fff; background: #134990; }
.productCont .cutbox .textbox .btn .mainMore{ display: none; }
.productCont .mainMore{ margin-left: 30px; color: #000; border: 1px solid #b0b1b2; background: url(../images/index/more3.png) no-repeat right 13px center; }
.productCont .mainMore:hover{ background: #134990 url(../images/index/more.png) no-repeat right 10px center; color: #fff; border: 1px solid #134990; }
.productCont .cutbox .flexbox{ justify-content: space-between; align-items: center; }
.productCont .cutbox .textbox{ width: 24%; color: #000; }
.productCont .cutbox .textbox .tit{ font-size: 34px; margin-bottom: 30px; }
.productCont .cutbox .textbox p{ line-height: 32px; margin-bottom: 40px; }
.productCont .cutbox .textbox .swiper-button-next{ position: static; width: 55px; height: 55px; margin: 0; box-shadow: 0 10px 20px rgba(153,153,153,0.35); background: #fff url(../images/index/next1.png) no-repeat center; display: inline-block; border-radius: 60px; transition: all 0.3s ease; }
.productCont .cutbox .textbox .swiper-button-next:hover{ background: #134990 url(../images/index/next2.png) no-repeat center; }
.productCont .cutbox .textbox .swiper-button-prev{ position: static; width: 55px; height: 55px; margin: 0 20px 0 0; box-shadow: 0 10px 20px rgba(153,153,153,0.35); background: #fff url(../images/index/prev1.png) no-repeat center; display: inline-block; border-radius: 60px; transition: all 0.3s ease; }
.productCont .cutbox .textbox .swiper-button-prev:hover{ background: #134990 url(../images/index/prev2.png) no-repeat center; }
.productCont .cutbox .textbox .swiper-button-next::after,.productCont .cutbox .textbox .swiper-button-prev::after{ display: none; }
.productCont .cutbox .swiper{ width: 90%; margin-right: -20%; }
.productCont .cutbox .swiper-slide{ border-radius: 10px; overflow: hidden; background: #fff; }
.productCont .cutbox .swiper-slide .title{ height: 100px; font-size: 20px; transition: all 0.3s ease; text-align: center; display: flex; justify-content: center; align-items: center; }
.productCont .cutbox .swiper-slide:hover .title{ color: #fff; background: #134990; }
.productCont .cutbox .swiper-slide .bg{ background-repeat: no-repeat; background-size: cover; background-position: center; }
.productCont .cutbox .swiper-slide img{ width: 100%; opacity: 0; }

.chainCont{ position: relative; }
.chainCont .fp-tableCell{ padding-top: 100px; }
.chainCont .all{ position: relative; }
.chainCont .bgbox{ background: url(../images/index/bg2.jpg) no-repeat center; background-size: cover; width: 120%; position: absolute; height: 100%; }
.chainCont .videoPlay{ position: absolute; right: 0; background: #fff; width: 160px; height: 166px; border-top-left-radius: 30px; bottom: 0; box-shadow: 0 10px 20px rgba(153,153,153,0.35); }
.chainCont .videoPlay .cont{ position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin: -25px 0 0 -25px; border-radius: 50px; }
.chainCont .videoPlay .cont::before{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50px; animation: fades 5s linear infinite; background: #ddd; }
.chainCont .videoPlay .cont::after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50px; animation: fades 5s 2s linear infinite; background: #ddd; }
.chainCont .videoPlay .cont p{ position: relative; width: 100%; height: 100%; background: #fff; border-radius: 50px; z-index: 2; cursor: pointer; }
.chainCont .videoPlay .cont svg{ position: absolute; top: 50%; transform: translate(-50% , -50%) scale(1.5); left: 50%; z-index: 3; }
.chainCont .videoPlay .cont svg path{ fill: #0e5dab; }
.chainCont .title{ position: absolute; padding: 100px 25px 110px 200px; left: -200px; top: -100px; background: #fff; border-bottom-right-radius: 70px; z-index: 2; box-shadow: 0 10px 20px rgba(153,153,153,0.35); }
.chainCont .mainTitle{ width: 335px; }
.chainCont .mainTitle .en{ color: #134990; }
.chainCont .mainTitle .cn{ color: #000; margin-bottom: 70px; }
.chainCont .listbox{ position: relative; padding: 60px 15% 20px 38%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.chainCont .listbox .li{ width: 45%; margin-bottom: 40px; }
.chainCont .listbox .li a{ display: block; color: #fff; }
.chainCont .listbox .li:hover img{ transform: rotateY(360deg); transition: all 0.3s ease; }
.chainCont .listbox .li .tit{ font-size: 22px; margin: 15px 0; }
.chainCont .listbox .li p{ height: 96px; line-height: 24px; }
.chainCont .listbox .li .line{ height: 50px; border-bottom: 1px solid #fff; background: url(../images/index/more.png) no-repeat left 10px; opacity: .5; transition: all 0.3s ease; }
.chainCont .listbox .li:hover .line{ opacity: 1; }
.chainCont .listbox .mainMore{ position: absolute; left: 4%; bottom: 20%; }

.newsCont{ background: #eff3f8; z-index: 2; }
.newsCont .fp-tableCell{ padding-top: 100px; }
.newsCont .mainTitle{ color: #000; margin-bottom: 80px; }
.newsCont .mainTitle .en{ color: #134990; }
.newsCont .mainTitle .mainMore{ position: absolute; right: 0; top: 40px; color: #000; border: 1px solid #b0b1b2; z-index: 2; ; background: url(../images/index/more3.png) no-repeat right 13px center; }
.newsCont .mainTitle .mainMore:hover{ background: #134990 url(../images/index/more.png) no-repeat right 10px center; color: #fff; border: 1px solid #134990; }
.newsCont .flexbox{ justify-content: space-between; }
.newsCont .leftbox{ width: 45%; }
.newsCont .leftbox .spbox{ border-radius: 15px; overflow: hidden; background: #fff; }
.newsCont .leftbox .spbox .imgbox{ height: 360px; overflow: hidden; }
.newsCont .leftbox .spbox .bg{ height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 3s ease; }
.newsCont .leftbox .spbox:hover .imgbox .bg{ transform: scale(1.1); }
.newsCont .leftbox .spbox .textbox{ padding: 30px 60px; line-height: 24px; }
.newsCont .leftbox .spbox .textbox p{ margin-bottom: 10px; overflow: hidden; line-clamp: 4; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; }
.newsCont .rightbox{ width: 45%; padding-top: 40px; }
.newsCont .rightbox .li{ margin-bottom: 55px; position: relative; padding-left: 36%; }
.newsCont .rightbox .li:last-child{ margin-bottom: 0; }
.newsCont .rightbox .li .imgbox{ position: absolute; width: 32%; left: 0; top: 0; height: 100%; overflow: hidden; border-radius: 15px; }
.newsCont .rightbox .li .imgbox .bg{ height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 3s ease; }
.newsCont .rightbox .li:hover .imgbox .bg{ transform: scale(1.1); }
.newsCont .rightbox .li .textbox{ padding-bottom: 10px; }
.newsCont .rightbox .li .textbox .time{ position: relative; padding-left: 40px; color: #666; }
.newsCont .rightbox .li .textbox .time::after{ position: absolute; left: 0; top: 50%; height: 2px; margin-top: -1px; width: 26px; background: #134990; content: ''; }
.newsCont .rightbox .li .textbox .tit{ color: #000; font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 15px 0; transition: all 0.3s ease; }
.newsCont .rightbox .li:hover .textbox .tit{ color: #134990; }
.newsCont .rightbox .li .textbox p{ color: #666; overflow: hidden; line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; line-height: 24px; height: 48px; margin-bottom: 20px; }
.newsCont .rightbox .li .textbox .more{ color: #134990; padding-right: 40px; background: url(../images/index/more2.png) no-repeat right 15px center; display: inline-block; transition: all 0.3s ease; }
.newsCont .rightbox .li:hover .textbox .more{ background-position: right 10px center; }

.layerVideo{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100011; background: rgba(0, 0, 0, 0.5); display: none; }
.layerVideo .box{ width: 800px; max-width: 80%; position: absolute; top: 50%; left: 50%; max-height: 60vh; transform: translateX(-50%) translateY(-50%); }
.layerVideo .box span{ position: absolute; width: 35px; height: 35px; right: -35px; top: -35px; background: url(../images/index/close.png) no-repeat center; background-size: 20px; cursor: pointer; }
.layerVideo video{ width: 100%; height: 100%; }

@media only screen and (max-width: 1580px) {
    .newsCont .rightbox{ width: 50%; }
    .newsCont .rightbox .li .textbox .tit{ margin: 10px 0; }
    .newsCont .rightbox .li .textbox p{ margin-bottom: 10px; }
    .newsCont .rightbox .li .textbox{ padding-bottom: 0; }
    .newsCont .rightbox .li{ margin-bottom: 30px;; }
    .newsCont .mainTitle{ margin-bottom: 50px; }
    .newsCont .leftbox .spbox .imgbox{ height: 270px; }
    .newsCont .leftbox .spbox .textbox{ padding: 20px 60px; }
    .bannerCont .fixText .cn,.bannerCont .fixText .en{ width: 90%; }
}
@media only screen and (max-width: 1370px) {
    .bannerCont .fixText p{ font-size: 40px; }
    
}
@media only screen and (max-width: 1260px) {
    .chainCont .title{ left: -140px; }
    .chainCont .listbox{ padding: 60px 10% 20px 43%; }
    .bannerCont .fixText .cn,.bannerCont .fixText .en{ font-size: 40px; }
    .productCont .mainTitle{ padding-bottom: 20px; }
    .productCont .topbox{ margin-bottom: 40px; }
}
@media only screen and (max-width: 1120px) {
    .bannerCont .fixText{ top: 0; }
    .newsCont .leftbox .spbox .textbox{ padding: 30px; }
    .newsCont .rightbox .li .imgbox{ width: 44%; }
    .newsCont .rightbox .li{ padding-left: 48%; }
    #dowebok{ height: auto !important; transform: none !important; }
    .aboutCont{ height: 220vh !important; position: relative; background: none; }
    .aboutCont .fp-tableCell{ display: block; }
    .aboutCont .fixbox{ position: absolute; top: 0; width: 100%; height: 100vh; z-index: 2 !important; overflow: hidden; }
    .aboutCont.active .fixbox{ opacity: 1; transition: all 0s; }
    .aboutCont .fixbox .logoSvg{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .aboutCont.active .fixbox .logoSvg{ width: 100%; opacity: 1; transition: all 0s; }
    .aboutCont .fixbox .textbox{ position: absolute; bottom: 22%; text-align: center; width: 100%; left: 0; color: #000; }
    .aboutCont.active .fixbox .textbox{ opacity: 1; transition: all 0s; }
    .aboutCont .fixbox .textbox h3{ font-weight: normal; font-size: 50px; margin-bottom: 40px; }
    .aboutCont .fixbox .textbox p{ font-size: 24px; line-height: 44px; }
    .aboutCont .underbox{ padding: 150px 0 90px; background: url(../images/index/bg1.jpg) no-repeat center; background-size: cover; z-index: 1; }
    .aboutCont.active1 .fixbox{ position: fixed; top: 80px; z-index: 3; }
    .aboutCont.end .fixbox{ position: absolute; bottom: 0; top: auto; }
    .aboutCont.active1 .underbox{ position: fixed; top: 80px; width: 100%; }
    .aboutCont.end .underbox{ position: absolute; bottom: 0; top: auto; }
    .aboutCont .topbox{ justify-content: space-between; margin-bottom: 280px; opacity: 0; transition: all 0.3s ease; }
    .aboutCont.active .underbox .topbox{ opacity: 0; }
    .aboutCont.active .underbox .list{ opacity: 0; }
    .aboutCont .underbox.active .topbox{ opacity: 1; transition: all 0.6s ease; }
    .aboutCont .underbox.active .list{ opacity: 1; transition: all 0.6s ease; }
    .mainFoot{ height: auto !important; top: 0 !important; padding-top: 0 !important; }
    .newsCont .fp-tableCell,.chainCont .fp-tableCell,.productCont .fp-tableCell,.aboutCont .fp-tableCell{ padding: 0; height: auto !important; }
    .aboutCont .list .li .numbox b{ font-size: 40px; }
}
@media only screen and (max-width: 1060px) {
    .productCont .cutbox .swiper{ width: 70%; margin: 0; }
}
@media only screen and (max-width: 900px) {
    .newsCont .leftbox,.newsCont .rightbox{ width: 100%; }
    .newsCont .rightbox .li .imgbox{ width: 34%; }
    .newsCont .rightbox .li{ padding-left: 38%; }
    .chainCont .title{ position: static; width: 100%; padding: 0; text-align: center; padding-top: 40px; }
    .chainCont .mainTitle{ width: 100%; }
    .chainCont .mainTitle img{ display: none; }
    .chainCont .bgbox{ width: 100%; left: 0; }
    .chainCont{ padding: 0; }
    .chainCont .listbox{ padding: 60px 20px 100px; }
    .chainCont .mainTitle .cn{ margin-bottom: 20px; color: #fff; }
    .mainTitle p,.chainCont .mainTitle .en{ color: #fff; }
    .chainCont .listbox .mainMore{ left: 50%; bottom: 60px; margin-left: -70px; }
    .productCont .menubox .btn{ font-size: 16px; line-height: 40px; padding: 0 20px; }
    .productCont .menubox{ text-align: right; width: 100%; margin-top: -38px; }
    .productCont .topbox{ margin-bottom: 40px; }
    .productCont .cutbox .textbox .tit{ font-size: 28px; margin-bottom: 20px; }
    .bannerCont .fixText .cn,.bannerCont .fixText .en{ font-size: 30px; }
    /* .bannerCont .fixText .en{ font-size: 20px; } */
    .aboutCont .fixbox{ display: none !important; }
    .aboutCont{ height: auto !important; }
    .aboutCont .underbox{ padding: 90px 0 70px; position: static !important; }
    .aboutCont .topbox{ opacity: 1 !important; margin-bottom: 80px; }
    .aboutCont .list{ opacity: 1 !important; flex-wrap: wrap; }
    .aboutCont .list .li{ width: 50%; margin-bottom: 40px; }
    .chainCont{ height: auto !important; }
    .newsCont,.productCont{ height: auto !important; padding: 60px 0; }
    .productCont .mainTitle{ padding-bottom: 60px; }
}
@media only screen and (max-width: 510px) {
    .bannerCont .pc{ display: none; }
    .bannerCont .phone{ display: block; }
    .bannerCont .fixText .cn,.bannerCont .fixText .en{ font-size: 24px; width: 100% }
    /* .bannerCont .fixText .en{ font-size: 18px; } */
    .bannerCont .fixText{ width: 80%; left: 10%; }
    .aboutCont .underbox .textbox{ width: 100%; }
    .aboutCont .mainTitle{ margin-bottom: 20px; width: 100%; text-align: center; }
    .aboutCont .underbox{ padding: 60px 0; }
    .aboutCont .underbox .textbox p{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
    .aboutCont .topbox{ margin-bottom: 40px; }
    .aboutCont .list .li .numbox b{ font-size: 30px; }
    .aboutCont .list .li p br{ display: none; }
    .aboutCont .list .li{ width: 100%; }
    .aboutCont .list{ justify-content: space-between; }
    .productCont{ padding: 60px 0; }
    .productCont .menubox{ text-align: center; margin-top: 0; overflow-x: scroll; white-space: nowrap; }
    .productCont .menubox .btn:first-child{ margin: 0; }
    .mainTitle{ margin-bottom: 20px; width: 100%; text-align: center; }
    .productCont .cutbox .textbox{ width: 100%; margin-bottom: 40px; }
    .productCont .cutbox .textbox p{ margin-bottom: 20px; }
    .productCont .cutbox .swiper{ width: 100%; margin: 0; }
    .productCont .menubox .mainMore{ display: none; }
    .productCont .cutbox .textbox .btn .mainMore{ display: inline-block; float: right; margin-top: 8px; }
    .productCont .cutbox .textbox .tit{ font-size: 20px; margin-bottom: 10px; }
    .productCont .cutbox .textbox p{ line-height: 26px; }
    .productCont .cutbox .swiper-slide .title{ font-size: 16px; line-height: 22px; }
    .chainCont .listbox{ padding: 40px 0 80px; }
    .chainCont .listbox .mainMore{ bottom: 40px; white-space: nowrap; left: auto; right: 0; margin: 0 }
    .chainCont .listbox .li{ width: 100%; margin-bottom: 30px; }
    .chainCont .listbox .li p{ height: auto; margin-bottom: 10px; }
    .chainCont .listbox .li .line{ height: 40px; }
    .newsCont{ padding: 60px 0; }
    .newsCont .mainTitle .mainMore{ position: static; margin-top: 20px; }
    .newsCont .mainTitle{ margin-bottom: 40px; }
    .newsCont .leftbox .spbox .imgbox{ height: 180px; }
    .newsCont .leftbox .spbox .textbox{ padding: 30px 20px; }
    .newsCont .rightbox .li .imgbox{ position: relative; width: 100%; height: 200px; margin-bottom: 20px; }
    .newsCont .rightbox .li{ padding-left: 0; margin-bottom: 20px; }
    .aboutCont.active .underbox .topbox,.aboutCont.active .underbox .list{ transition: all 0.3s ease; }
    .chainCont .videoPlay{ top: 240px; width: 80px; height: 80px; right: 50%; margin-right: -40px; background: none; box-shadow: none; }
    .chainCont .videoPlay .cont{ width: 40px; height: 40px; }
    .chainCont .title{ margin-bottom: 20px; }
    .productCont .mainTitle{ padding-bottom: 0; }
}
@keyframes fades {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}