/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
/***默认让所有浏览器出现右边滚动条****/
html {font-size: 16px;width: 100%;line-height: 1.32;}
/***默认清除浮动****/
body {font-family: "微软雅黑", "sans-serif", "Arial";}
.conter{max-width: 1200px;margin: 0 auto;position: relative;}

/*.head{height: 74.875rem;}*/
.head img{width: 100%;display: block;margin-bottom: -2rem;}
/*.head .tit{width: 64.2187%;padding-right: 3.3125rem;}*/
/*.head .tit img{width: 100%;}*/

.main{background: url("index20240902_13.png") center center no-repeat;background-size: cover;position: relative;}
.main .conter{position: relative;z-index: 2;}
.main:before{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg,#63b6e8 15%,transparent 40%);top: 0;left: 0;}

.main .video_box{padding-top: 7.5rem;}
.main .video_box>.video{padding: 3rem 2.5rem 2.5rem;background: url("index20240902_3.png") center center no-repeat;background-size: cover;}
.main .video_box>.video video{background: #000;width: 100%;height: 39.25rem;}
.main .video_box .text{background: linear-gradient(0deg,#2a498c,#1571c1);padding: 2rem 4.625rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -0.5rem;}
.main .video_box .text .tit{width: 100%;font-size: 2.1875rem;color: #fff;font-weight: 700;margin-bottom: 3rem;text-align: center;}
.main .video_box .text .js{width: 55.1330%;font-size: 1rem;line-height: 2.5rem;color: #fff;}
.main .video_box .text .jb{min-width: 32.6045%;display: flex;flex-direction: column;justify-content: center;}
.main .video_box .text .jb .jb_cont{display: flex;align-items: center;margin: 1.5rem 0;}
.main .video_box .text .jb .jb_cont p{font-size: 1.625rem;color: #d6ff15;position: relative;padding: 0 1.5rem;letter-spacing: 0.25rem;font-weight: 700;}
.main .video_box .text .jb .jb_cont p:before{content: '';position: absolute;width: 3.4375rem;height: 3.4375rem;left: 0;top: calc((100% - 3.4375rem)/2);background: url("index20240902_10.png") center center no-repeat;background-size: 100% auto;}
.main .video_box .text .jb .jb_cont span{font-size: 1.25rem;color: #fff;}

.main .banner{padding: 0 3.125rem;position: relative;margin: 11.125rem 0 8.5625rem;}
.main .banner .swiper-container{padding: 5rem 0;}
.main .banner .swiper-wrapper{align-items: center;}
.main .banner .swiper-slide{width: 28.7272%;height: 28.0625rem;background: linear-gradient(0deg,#2a498c,#1571c1);border-radius: 0.25rem;padding: 1.5rem 1.375rem 1.75rem;box-sizing: border-box;}
.main .banner .swiper-slide .pic{width: 10.25rem;margin: 0 auto 1.25rem;}
.main .banner .swiper-slide .pic img{width: 100%;display: block;border-radius: 50%;}
.main .banner .swiper-slide .tit{font-size: 1.25rem;line-height: 2.25rem;margin-bottom: 0.5rem;text-align: center;color: #fff;font-weight: 700;}
.main .banner .swiper-slide p{font-size: 1rem;line-height: 1.5rem;color: #fff;}
.main .banner .swiper-slide .more{font-size: 0.8rem;line-height: 1;color: #fff;text-align: center;position: absolute;bottom: 1.75rem;width: 100%;left: 0;}
.main .banner .swiper-slide .more img{width: 1.25rem;margin-left: 0.9375rem;}
.main .banner .swiper-slide-active{transform: scale(1.2215);}
.main .banner .swiper-button>div{position: absolute;width: 2rem;height: 7.5rem;background: linear-gradient(0deg,#2a498c,#1571c1);top: calc((100% - 7.5rem)/2);display: flex;align-items: center;justify-content: center;border-radius: 0.25rem;}
.main .banner .swiper-button .swiper-prev{left: 0;}
.main .banner .swiper-button .swiper-next{right: 0;}

.main .wyzx{width: 100%;height: 14.3125rem;background: url("index20240902_4.png") center center no-repeat;background-size: cover;border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;}
.main .wyzx .zx{width: 37.5%;height: 7.25rem;box-sizing: border-box;border: 0.3125rem solid rgba(255,255,255,0.57);border-radius: 0.5rem;background: rgba(0,0,0,0.25);display: flex;align-items: center;justify-content: center;}
.main .wyzx .zx img{width: 4.125rem;margin-right: 1.5rem;display: block;}
.main .wyzx .zx p{font-size: 3.25rem;color: #fff;letter-spacing: 0.875rem;}

.main .zcjd{margin: 10.4375rem 0 8.3125rem;border: 1.25rem solid #1572c2;background: #fff;height: 87.125rem;border-radius: 0.75rem;box-sizing: border-box;}
.main .zcjd .jd{margin: 1.25rem;padding: 0 0.5rem 0 1.25rem;overflow-y: auto;box-sizing: border-box;height: calc(100% - 2.5rem);}
.main .zcjd .jd::-webkit-scrollbar{width: 1rem;background: #e6f7ff;}
.main .zcjd .jd::-webkit-scrollbar-thumb{width: 0.75rem;background: #a9e5fd;border-radius: 3.125rem;}
.main .zcjd .jd img{width: 100%;display: block;}

.footer{background: url("index20240902_5.png") center center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;line-height: 2.5rem;color: #fff;text-align: center;flex-direction: column;padding: 0 3%;}

@media (max-width: 1200px) {
    html{font-size: 14px;}
    .conter{margin: 0 3%;}
}
@media (max-width: 810px) {
    .main .video_box .text .js{width: 100%;}
    .main .video_box .text .jb{width: 100%;}

    .main .banner{margin: 5rem 0;}
    .main .banner .swiper-container{padding: 0;}
    .main .banner .swiper-slide{width: 100%;}
    .main .banner .swiper-slide-active{transform: none;}

    .main .wyzx .zx{width: 80%;}
}
@media (max-width: 580px) {
    /*.head{height: 35rem;}*/
    /*.head .tit{width: 95%;margin: 0 auto;padding: 0;}*/

    .main .video_box{padding-top: 3rem;}
    .main .video_box .video{padding: 1rem;}
    .main .video_box .video video{height: 18.25rem;}
    .main .video_box .text{padding: 1.5rem;}
    .main .video_box .text .tit{font-size: 1.75rem;margin-bottom: 1.5rem;}

    .main .zcjd{margin: 5rem 0;height: 40rem;}
    .main .zcjd .jd{padding: 0 0.5rem 0 0;}
}