/* CSS Document */
@charset "utf-8"; .banner .picBox img{width: 100%;}
.banner .ban-swiper .ban-page{position: absolute; left: 0; right: 0; text-align: center; bottom: 40px; z-index: 4;}
.banner .ban-page .swiper-pagination-bullet{opacity: 1; background: #b8b8b8;}
.banner .ban-page .swiper-pagination-bullet-active{width: 20px; background: #fff; border-radius: 10px;}
.banner .swiper-slide-active .picBox{-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scale{0%{transform: scale(1.1);}}
@keyframes scale{0%{transform: scale(1.1);}}
@media screen and (max-width: 1200px){.banner .ban-swiper .ban-page{bottom: 12px;}}
.m-title .tit{font-size: 36px; font-weight: bold; color: #000000; text-align: center;}
.m-title .tip{font-size: 16px; color: #000000; line-height: 32px; text-align: center; width: 56.36%; margin: 0 auto; margin-top: 28px;}
.section1{background: #eeeeee; padding: 4.6875vw 0 6.875vw 0px;}
.section1 .a1 .b1{font-size: 36px; font-weight: bold; color: #000000; text-align: center;}
.section1 .a1 .b2{font-size: 16px; color: #000000; line-height: 32px; text-align: center; width: 56.36%; margin: 0 auto; margin-top: 28px;}
.section1 .a2{margin-top: 3.4375vw;}
.section1 .a2 .b1{display: flex; justify-content: space-between;}
.section1 .a2 .b1 .box{width: 30.3%; padding: 20px 0;}
.section1 .a2 .b1 .box .item-wrap{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.section1 .a2 .b1 .box .item .textBox{width: 84%; display: flex; align-items: center;}
.section1 .a2 .b1 .box .item .textBox:hover .d2{-webkit-animation-play-state: paused; animation-play-state: paused;}
.section1 .a2 .b1 .box .item .textBox .d1{font-size: 16px; color: #000000; line-height: 24px;}
.section1 .a2 .b1 .box .item .textBox .d2{-webkit-animation: moveupdown 3s infinite linear; animation: moveupdown 3s infinite linear;}
.section1 .a2 .b1 .c1{text-align: right;}
.section1 .a2 .b1 .c1 .item:first-child, .section1 .a2 .b1 .c1 .item:last-child{display: flex; flex-direction: row-reverse;}
.section1 .a2 .b1 .c1 .item .textBox .d1{padding-right: 30px; width: calc(100% - 40px); box-sizing: border-box;}
.section1 .a2 .b1 .c3 .item .textBox{flex-direction: row-reverse;}
.section1 .a2 .b1 .c3 .item .textBox .d1{padding-left: 30px;}
.section1 .a2 .b1 .c3 .item{display: flex; flex-direction: row-reverse;}
.section1 .a2 .b1 .c3 .item:first-child, .section1 .a2 .b1 .c3 .item:last-child{display: flex; flex-direction: row;}
@-webkit-keyframes moveupdown{0%{transform: translateY(0);} 25%{transform: translateY(-10px);} 50%{transform: translateY(0);} 75%{transform: translateY(10px);} 100%{transform: translateY(0);}}
@keyframes moveupdown{0%{transform: translateY(0);} 25%{transform: translateY(-10px);} 50%{transform: translateY(0);} 75%{transform: translateY(10px);} 100%{transform: translateY(0);}}
.section1 .a2 .b1 .c2{width: 467px; display: flex; align-items: center; position: relative;}
.section1 .a2 .b1 .c2 .picBox img{width: 100%; border-radius: 50%;}
.section1 .a2 .b1 .c2 .cir{position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); border-radius: 50%;}
.section1 .a2 .b1 .c2 .cir .cir-item{position: absolute; top: 0; left: 50%; width: 100%; height: 100%; transform: translate(-50%,0); border-radius: 50%; box-shadow: 0 0 0 0 #0457b9; animation: ripple 4s infinite;}
.section1 .a2 .b1 .c2 .cir .cir-item.cir-item2{animation-delay: 0.4s;}
.section1 .a2 .b1 .c2 .cir .cir-item.cir-item3{animation-delay: 1s;}
@keyframes ripple{0%{box-shadow: 0 0 0 0 rgba(4,87,185,0.4);} 70%{box-shadow: 0 0 0 60px rgba(4,87,185,0)} 100%{box-shadow: 0 0 0 60px rgba(4,87,185,0)}}
.section1 .a2 .b2{font-size: 24px; color: #0457b9; text-align: center; margin-top: 40px;}
@media screen and (max-width: 1200px){.section1 .a2 .b1 .c2{width: 30%;} .section1 .a2 .b1 .box .item .textBox{width: 100%;} .section1 .a1 .b2{width: 80%;} .section1 .a2 .b2{font-size: 20px;}}
@media screen and (max-width: 1000px){.section1 .a2 .b3{display: block;} .section1 .a2 .b1 .c2{width: 60%; margin: 0 auto;} .section1{padding: 40px 0;} .section1 .a1 .b2{width: 100%; line-height: 28px;} .section1 .a2 .b1{flex-wrap: wrap;} .section1 .a2 .b1 .c1{text-align: left;} .section1 .a2 .b1 .box{width: 100%;} .section1 .a2 .b1 .box .item .textBox{width: 100%; flex-direction: row-reverse;} .section1 .a2 .b1 .c1 .item .textBox .d1{padding-right: 0;} .section1 .a2 .b2{font-size: 18px;}}
@media screen and (max-width: 700px){.section1 .a2 .b1 .c2{width: 100%;}}
.section2{background: url(pic3.jpg) no-repeat center; background-size: cover; padding: 4.6875vw 0 50px 0;}
.section2 .a1{position: relative;}
.section2 .a1 .b1{font-size: 36px; font-weight: bold; color: #fffefe; text-align: center;}
.section2 .a1 .b2{font-size: 16px; color: #ffffff; line-height: 32px; width: 50%; margin: 0 auto; text-align: center; margin-top: 14px;}
.section2 .a2{padding: 0 50px; margin-top: 45px; position: relative;}
.section2 .a2 .swiper-slide{height: auto;}
.section2 .a2 .textBox{width: 100%; height: 100%; box-sizing: border-box; text-align: center; padding: 2.7vw 0; transition: all 0.4s; cursor: pointer;}
.section2 .a2 .textBox .tit{font-size: 24px; font-weight: bold; color: #333333; padding: 0 20px; transition: all 0.4s; opacity: 0;}
.section2 .a2 .textBox .tip{font-size: 16px; color: #333333; padding: 0 20px; margin-top: 6px; transition: all 0.4s; opacity: 0;}
.section2 .a2 .textBox .pic{position: relative; margin-top: 3.958vw; padding-bottom: 30px;}
.section2 .a2 .textBox .pic .picBox{position: relative; z-index: 10;}
.section2 .a2 .textBox .pic .picBox img{max-width: 100%;}
.section2 .a2 .textBox .pic::before{content: '\20'; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: url(pic6.png) no-repeat center; background-size: contain; transition: all 0.4s; z-index: 5;}
.section2 .a2 .textBox .more{margin-top: 30px; transition: all 0.4s; opacity: 0;}
.section2 .a2 .textBox .more a{display: block; margin: 0 auto; width: 150px; height: 50px; box-sizing: border-box; text-align: center; font-size: 16px; color: #0457b9; border: 1px solid #0457b9; border-radius: 30px; line-height: 48px; transition: all 0.3s;}
.section2 .a2 .textBox .more a:hover{background: #0457b9; color: #fff;}
.section2 .a2 .textBox:hover{background: #cbe0f9;}
.section2 .a2 .textBox:hover .tit, .section2 .a2 .textBox:hover .tip, .section2 .a2 .textBox:hover .more{opacity: 1;}
.section2 .a2 .textBox:hover .pic::before{background-image: url(pic5.png);}
.section2 .a2 .s2-prev, .section2 .a2 .s2-next{width: 40px; height: 40px; border-radius: 50%; background: #7eabe1; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 4;}
.section2 .a2 .s2-prev{left: 0;}
.section2 .a2 .s2-next{right: 0;}
.section2 .a2 .s2-prev::before{content: '\20'; position: absolute; display: block; width: 12px; height: 12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; top: 50%; left: 16px; transform: translateY(-50%) rotate(45deg);}
.section2 .a2 .s2-next::before{content: '\20'; position: absolute; display: block; width: 12px; height: 12px; border-right: 2px solid #fff; border-top: 2px solid #fff; top: 50%; right: 16px; transform: translateY(-50%) rotate(45deg);}
.section2 .a3 a{display: block; width: 200px; height: 50px; overflow: hidden; margin: 0 auto; margin-top: 40px; position: relative; border-radius: 30px;}
.section2 .a3 a::before{content: '\20'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #cbe0f9; border-radius: 30px; z-index: 2;}
.section2 .a3 a::after{content: '\20'; position: absolute; left: -1px; top: -1px; width: 0; height: 102%; background: #0457b9; border-radius: 30px; z-index: 3; transition: all 0.5s;}
.section2 .a3 a .tit{width: 100%; height: 50px; font-size: 16px; color: #333; line-height: 50px; border-radius: 30px; text-align: center; position: relative; z-index: 4; transition: all 0.4s;}
.section2 .a3 a:hover::after{width: 102%;}
.section2 .a3 a:hover .tit{color: #fff;}
@media screen and (max-width: 1400px){.section2 .a2 .textBox .pic{margin-top: 2.7vw; padding-bottom: 20px;} .section2 .a2 .textBox{padding: 2vw 0;}}
@media screen and (max-width: 1200px){.section2 .a1 .b2{width: 80%;}}
@media screen and (max-width: 700px){.section2{padding: 40px 0;} .section2 .a1 .b2{width: 100%; font-size: 15px; line-height: 30px;} .section2 .a1 .b3{position: relative; left: auto; right: auto; top: auto; bottom: auto; margin-top: 24px;} .section2 .a1 .b3 a{margin: 0 auto; width: 140px; height: 40px; line-height: 40px;} .section2 .a2{padding: 0 45px; margin-top: 30px;} .section2 .a2 .textBox{background: #cbe0f9; padding: 24px 0;} .section2 .a2 .textBox .tit{opacity: 1; font-size: 18px; padding: 0 14px;} .section2 .a2 .textBox .tip{opacity: 1; margin-top: 12px;} .section2 .a2 .textBox .pic{margin-top: 18px;} .section2 .a2 .textBox .more{opacity: 1;} .section2 .a2 .textBox .more a{width: 110px; height: 30px; line-height: 30px; font-size: 14px;} .section2 .a3 a,.section2 .a3 a .tit{width: 140px; height: 40px; line-height: 40px;}}
.section3{background: #f3f9ff; padding: 4.6875vw 0 0 0;}
.section3 .a1 .tit{font-size: 36px; font-weight: bold; color: #000000; text-align: center;}
.section3 .a2{margin-top: 50px;}
.section3 .a2 .slide-hd{margin: 0 auto; display: flex; justify-content: center;}
.section3 .a2 .slide-hd .item{font-size: 16px; color: #000000; height: 50px; line-height: 50px; padding: 0 28px; border-radius: 30px; transition: all 0.3s; cursor: pointer; position: relative; margin-right: 4.6785vw;}
.section3 .a2 .slide-hd .item:last-child{margin-right: 0;}
.section3 .a2 .slide-hd .item::before{content: '\20'; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); border: 10px solid transparent; border-top-color: #0457b9; opacity: 0; transition: all 0.4s;}
.section3 .a2 .slide-hd .item.on{background: #0457b9; color: #fff;}
.section3 .a2 .slide-hd .item.on::before{opacity: 1;}
.section3 .a2 .slide-bd{margin-top: 38px; position: relative;}
.section3 .a2 .slide-bd .item{position: absolute; width: 100%; left: 0; top: 0; z-index: 5;}
.section3 .a2 .slide-bd .item.on{position: relative; z-index: 10;}
.section3 .a2 .slide-bd .picBox{overflow: hidden;}
.section3 .a2 .slide-bd .picBox img{width: 100%; transform: scale(1.2); transition: all 1.5s; opacity: 0.2;}
.section3 .a2 .slide-bd .item.on .picBox img{opacity: 1; transform: scale(1);}
.section3 .a2 .slide-bd .item .textBox{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.4); width: 100%; opacity: 0; transition: all 0.8s;}
.section3 .a2 .slide-bd .item .textBox .b1{font-size: 24px; color: #ffffff; line-height: 40px; text-align: center; width: 950px; margin: 0 auto;}
.section3 .a2 .slide-bd .item .textBox .b2{margin-top: 4.6875vw;}
.section3 .a2 .slide-bd .item .textBox .b2 a{display: block; width: 200px; height: 50px; margin: 0 auto; font-size: 16px; position: relative; overflow: hidden; border-radius: 30px;}
.section3 .a2 .slide-bd .item .textBox .b2 a::before{content: '\20'; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #2470ab; z-index: 4; transition: all 0.5s; background: #0457b9;}
.section3 .a2 .slide-bd .item .textBox .b2 a .tit{width: 100%; height: 50px; line-height: 50px; border: 1px solid #fff; color: #fff; border-radius: 30px; box-sizing: border-box; text-align: center; position: relative; z-index: 5; transition: all 0.5s;}
.section3 .a2 .slide-bd .item .textBox .b2 a:hover::before{width: 100%;}
.section3 .a2 .slide-bd .item .textBox .b2 a:hover .tit{border-color: transparent;}
.section3 .a2 .slide-bd .item.on .textBox{opacity: 1; transform: translate(-50%,-50%) scale(1);}
@media screen and (max-width: 1200px){.section3 .a2 .slide-bd .item .textBox .b1{width: 88%; font-size: 20px; line-height: 1.6;}}
@media screen and (max-width: 700px){.section3{padding: 40px 0 0 0;} .section3 .a2{margin-top: 30px;} .section3 .a2 .b1{width: 92%; margin: 0 auto; overflow: auto;} .section3 .a2 .slide-hd{width: 130vw; height: 60px; justify-content: space-between;} .section3 .a2 .slide-bd .item .textBox .b1{width: 100%; box-sizing: border-box; padding: 0 20px; font-size: 14px; line-height: 28px;} .section3 .a2 .slide-bd .item .picBox img{height: 50vh; object-fit: cover;} .section3 .a2 .slide-bd .item .textBox .b2 a{width: 140px; height: 40px;} .section3 .a2 .slide-bd .item .textBox .b2 a .tit{height: 40px; line-height: 40px; color: #fff; border: none;} .section3 .a2 .slide-bd .item .textBox .b2 a::before{width: 100%;} .section3 .a2 .slide-hd .item{padding: 0 14px; height: 40px; line-height: 40px; margin-right: 0;} .section3 .a2 .slide-bd{margin-top: 16px;}}
.section4{background: #f4f4f4;}
.section4 .cont{display: flex; justify-content: space-between;}
.section4 .a1{width: 50%;}
.section4 .a1 .picBox{height: 100%;}
.section4 .a1 .picBox img{width: 100%; height: 100%; object-fit: cover;}
.section4 .a2{width: 50%; box-sizing: border-box; padding: 4.6875vw 0;}
.section4 .a2 .half-g-in{display: flex; flex-direction: row-reverse;}
.section4 .a2 .textBox{width: 71.272%;}
.section4 .a2 .textBox .b1{font-size: 36px; font-weight: bold; color: #000000;}
.section4 .a2 .textBox .b2{font-size: 16px; color: #000; text-align: justify; line-height: 32px; margin-top: 25px;}
.section4 .a2 .textBox .b3{margin-top: 4.1667vw;}
.section4 .a2 .textBox .b3 .item-wrap{display: flex; flex-wrap: wrap;}
.section4 .a2 .textBox .b3 .item{width: 50%; display: flex; margin-bottom: 3.645vw;}
.section4 .a2 .textBox .b3 .item .box{text-align: center;}
.section4 .a2 .textBox .b3 .item .top{display: flex;}
.section4 .a2 .textBox .b3 .item .top .c1{font-family: Arial; font-size: 48px; font-weight: bold; color: #000000; line-height: 1; margin-right: 6px;}
.section4 .a2 .textBox .b3 .item .top .c2{font-size: 12px; color: #000000;}
.section4 .a2 .textBox .b3 .item .bot{font-size: 16px; color: #000000;}
.section4 .a2 .textBox .b4 .more{padding-top: 5.2083vw;}
.section4 .a2 .textBox .b4 .more a{display: block; width: 200px; font-size: 16px; border-radius: 30px; position: relative; overflow: hidden;}
.section4 .a2 .textBox .b4 .more a::before{content: '\20'; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #0457b9; z-index: 3; transition: all 0.5s;}
.section4 .a2 .textBox .b4 .more a .tit{width: 100%; height: 50px; border: 1px solid #0457b9; color: #0457b9; line-height: 50px; text-align: center; border-radius: 30px; position: relative; z-index: 5; transition: all 0.5s; box-sizing: border-box;}
.section4 .a2 .textBox .b4 .more a:hover::before{width: 100%;}
.section4 .a2 .textBox .b4 .more a:hover .tit{color: #fff;}
@media screen and (max-width: 1700px){.section4 .a2{padding: 3vw 0;} .section4 .a2 .textBox{width: 82%;} .section4 .a2 .textBox .b3{margin-top: 3vw;} .section4 .a2 .textBox .b4 .more{padding-top: 3vw;}}
@media screen and (max-width: 1400px){.section4 .a2 .textBox .b3 .item .top .c1{font-size: 30px;}}
@media screen and (max-width: 1200px){.section4 .a2 .textBox{margin: 0 auto;}}
@media screen and (max-width: 1000px){.section4 .a1{display: none;} .section4 .a2{width: 100%; padding: 50px 0;}}
@media screen and (max-width: 700px){.section4 .cont{flex-wrap: wrap;} .section4 .a1{width: 100%; display: none;} .section4 .a2{width: 92%; margin: 0 auto; padding: 30px 0;} .section4 .a2 .half-g-in{display: block;} .section4 .a2 .textBox{width: 100%;} .section4 .a2 .textBox .b1{text-align: center;} .section4 .a2 .textBox .b3{margin-top: 30px;} .section4 .a2 .textBox .b3 .item{margin-bottom: 24px;} .section4 .a2 .textBox .b3 .item .top{} .section4 .a2 .textBox .b4 .more a{width: 140px; margin: 0 auto;} .section4 .a2 .textBox .b4 .more a .tit{height: 40px; line-height: 40px; color: #fff;} .section4 .a2 .textBox .b4 .more a::before{width: 100%} ;}
.section5{background: #f8f8f8; padding: 4.6875vw 0 4.375vw 0;}
.section5 .a1 .tit{font-size: 36px; font-weight: bold; color: #000000; text-align: center;}
.section5 .a2{margin-top: 54px;}
.section5 .a2 .b1 .c1 .slide-hd{margin: 0 auto; display: flex; justify-content: center;}
.section5 .a2 .b1 .c1 .slide-hd .item{font-size: 16px; color: #000000; height: 50px; line-height: 50px; padding: 0 28px; border-radius: 30px; transition: all 0.3s; cursor: pointer; position: relative; margin-right: 4.6875vw;}
.section5 .a2 .b1 .c1 .slide-hd .item:last-child{margin-right: 0;}
.section5 .a2 .b1 .c1 .slide-hd .item a{color: #000000; transition: all 0.3s;}
.section5 .a2 .b1 .c1 .slide-hd .item::before{content: '\20'; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); border: 10px solid transparent; border-top-color: #0457b9; opacity: 0; transition: all 0.4s;}
.section5 .a2 .b1 .c1 .slide-hd .item.on{background: #0457b9; color: #fff;}
.section5 .a2 .b1 .c1 .slide-hd .item.on::before{opacity: 1;}
.section5 .a2 .b1 .c1 .slide-hd .item.on a{color: #fff;}
.section5 .a2 .b1 .c2 a{display: block; width: 200px; height: 50px; font-size: 16px; color: #fff; line-height: 50px; background: #0457b9; border-radius: 30px; text-align: center;}
.section5 .a2 .b2{margin-top: 48px;}
.section5 .a2 .b2 .slide-bd .item{display: flex; justify-content: space-between;}
.section5 .a2 .b2 .slide-bd .item .c1{width: 44.969%;}
.section5 .a2 .b2 .slide-bd .item .c1 a{display: block; height: 100%; position: relative;}
.section5 .a2 .b2 .slide-bd .item .c1 .textBox{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 16px 20px; font-size: 18px; transition: all 0.4s; background: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section5 .a2 .b2 .slide-bd .item .c1 .picBox{position: relative; overflow: hidden; height: 100%;}
.section5 .a2 .b2 .slide-bd .item .c1 .picBox::before{content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0px;}
.section5 .a2 .b2 .slide-bd .item .c1 .picBox img{width: 100%; transition: all 0.6s; height: 100%; -o-object-fit: cover; object-fit: cover;}
.section5 .a2 .b2 .slide-bd .item .c1 a:hover .picBox::before{animation: gradient-rectangle 1.4s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.section5 .a2 .b2 .slide-bd .item .c1 a:hover .picBox img{transform: scale(1.1);}
.section5 .a2 .b2 .slide-bd .item .c1 a:hover .textBox{padding-left: 32px;}
@keyframes gradient-rectangle{0%{-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 1;} 100%{-webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 0;}}
@-webkit-keyframes gradient-rectangle{0%{-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 1;} 100%{-webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 0;}}
.section5 .a2 .b2 .slide-bd .item .c2{width: 52.121%; display: flex; flex-direction: column; justify-content: space-between;}
.section5 .a2 .b2 .slide-bd .item .c2>div:last-child{display: none;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 a{display: flex; justify-content: space-between; align-items: center;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox{position: relative; overflow: hidden; width: 30%;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox img{width: 100%; transition: all 0.3s; object-fit: cover;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox{width: calc(100% - 286px); width: 66.6%;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox .tit{font-size: 18px; font-weight: bold; color: #020202; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox .tip{font-size: 14px; color: #666666; margin-top: 12px;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox .txt{font-size: 14px; color: #020202; line-height: 28px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px;}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 a:hover img{transform: scale(1.1);}
.section5 .a2 .b2 .slide-bd .item .c2 .d1 a:hover .tit{color: #0457b9;}
.section5 .a2 .b2 .slide-bd .item .c2 .line{width: 100%; height: 1px; background: #d2cfcf;}
@media screen and (max-width: 1810px){.section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox img{height: 145px;}}
@media screen and (max-width: 1560px){.section5 .a2 .b1 .c1 .slide-hd .item .tit{font-size: 20px;} .section5 .a2 .b2{margin-top: 30px;} .section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox img{height: 126px;} .section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox .txt{margin-top: 10px; line-height: 22px;}}
@media screen and (max-width: 1360px){.section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox img{height: 110px;}}
@media screen and (max-width: 1200px){.section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox img{height: 100px;}}
@media screen and (max-width: 1000px){.section5{padding: 40px 0;} .section5 .a2{margin-top: 26px;} .section5 .a2 .b1{display: block;} .section5 .a2 .b1 .c1 .slide-hd{justify-content: space-between;} .section5 .a2 .b1 .c1 .slide-hd .item{margin-right: 0;} .section5 .a2 .b1 .c1 .slide-hd .item .tit{font-size: 16px;} .section5 .a2 .b1 .c2{display: none;} .section5 .a2 .b2 .slide-bd .item{flex-wrap: wrap;} .section5 .a2 .b2 .slide-bd .item .c1{width: 100%;} .section5 .a2 .b2 .slide-bd .item .c2{width: 100%; margin-top: 20px;} .section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox{width: 40%;} .section5 .a2 .b2 .slide-bd .item .c2 .d1 .picBox img{width: 100%; height: auto;} .section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox{width: 54%;} .section5 .a2 .b2 .slide-bd .item .c2 .line{margin: 14px 0;}}
@media screen and (max-width: 1000px){.section5 .a2 .b1 .c1 .slide-hd .item{padding: 0 14px; height: 40px; line-height: 40px;} .section5 .a2 .b2 .slide-bd .item .c1 .textBox{font-size: 16px; padding: 10px 20px;} .section5 .a2 .b2 .slide-bd .item .c2 .d1 .textBox .tit{font-size: 16px;}}
.section6{padding: 4.6875vw 0 7.291vw 0; background: #fff;}
.section6 .a1 .tit{font-size: 36px; font-weight: bold; color: #000000; text-align: center;}
.section6 .a1 .tip{font-size: 16px; color: #000000; line-height: 32px; text-align: center; width: 56.36%; margin: 0 auto; margin-top: 12px;}
.section6 .a2{margin-top: 53px;}
.section6 .a2 .ipt{display: flex; justify-content: space-between; margin-bottom: 25px;}
.section6 .a2 .ipt input{display: block; width: 49.39%; box-sizing: border-box; padding: 0 30px; background: #f0f0f0; font-size: 16px; color: #000000; height: 100px; line-height: 100px;}
.section6 .a2 .txa textarea{display: block; width: 100%; height: 340px; box-sizing: border-box; padding: 30px; font-size: 16px; color: #010101; background: #f0f0f0; resize: none;}
.section6 .a2 .sbt{margin-top: 64px;}
.section6 .a2 .sbt input{display: block; width: 200px; height: 50px; margin: 0 auto; box-sizing: border-box; border-radius: 30px; text-align: center; line-height: 50px; cursor: pointer; font-size: 16px; color: #ffffff; background: #0457b9;}
@media screen and (max-width: 700px){.section6{padding: 40px 0;} .section6 .a1 .tip{width: 100%; line-height: 1.5; font-size: 14px;} .section6 .a2{margin-top: 30px;} .section6 .a2 .ipt{flex-wrap: wrap; flex-direction: column; margin-bottom: 0;} .section6 .a2 .ipt input{width: 100%; padding: 0 20px; height: 50px; line-height: 50px; margin-bottom: 20px;} .section6 .a2 .txa textarea{height: 200px; padding: 20px;} .section6 .a2 .sbt{margin-top: 30px;} .section6 .a2 .sbt input{width: 140px; height: 42px; line-height: 42px;}}
@media screen and (max-width: 1700px){.section1 .a1 .b1, .section2 .a1 .b1, .section3 .a1 .tit, .section4 .a2 .textBox .b1, .section5 .a1 .tit, .section6 .a1 .tit{font-size: 30px;}}
@media screen and (max-width: 1400px){.section1 .a1 .b1, .section2 .a1 .b1, .section3 .a1 .tit, .section4 .a2 .textBox .b1, .section5 .a1 .tit, .section6 .a1 .tit{font-size: 22px;}}
@media screen and (max-width: 1200px){.section6 .a2 .ipt input{height: 60px; line-height: 60px;}}
@media screen and (max-width: 1000px){.section1 .a2 .b1 .box .item .textBox .d2{width: 20px; animation: unset; -webkit-animation: unset;} .section1 .a2 .b1 .box .item .textBox .d2 img{width: 100%;} .section1 .a2 .b1 .c1 .item .textBox .d1{width: calc(100% - 20px); padding-left: 15px; font-size: 14px;} .section1 .a2 .b1 .box .item .textBox{margin-bottom: 10px;} .section1 .a1 .b2{font-size: 15px;} .section1 .a2 .b1 .box{padding: 10px 0; padding: 0;} .section1 .a2 .b1 .c2 .picBox{text-align: center; width: 100%;} .section1 .a2 .b1 .c2 .picBox img{width: 60%;} .section1 .a2 .b1 .c2 .cir{width: 60%;} .section1 .a2 .b1 .c3 .item .textBox .d1{font-size: 14px; width: calc(100% - 20px); padding-left: 15px;} @keyframes ripple{0%{box-shadow: 0 0 0 0 rgba(4,87,185,0.4);} 70%{box-shadow: 0 0 0 30px rgba(4,87,185,0)} 100%{box-shadow: 0 0 0 30px rgba(4,87,185,0)} } .section1 .a2 .b1 .pcBox{display: none;} .section1 .a2 .b1{margin-top: 22px;}}