.banner{height: 100vh;position: relative;overflow: hidden;}
.banner-box{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 0;overflow: hidden;}
.banner-box .swiper-slide{height: 100%;}
.banner-box .swiper-slide a{display: block;height: 100%;width:100%;position:relative;overflow:hidden;}
.banner-box .swiper-slide .image{transition: 6s all;}
.banner-box .swiper-slide-active .image{transform: scale(1.05,1.05);}
.banner-box .swiper-slide video {width: 100%;height: 100%;position: absolute; left: 0;top: 0;display: block;object-fit: cover;}
.banner .swiper-pagination{bottom: 0.3rem;width: 90%;max-width: 1400px;left: 50%;transform: translateX(-50%);text-align: right;}
.banner .swiper-pagination-bullet{width: 0.25rem;height: 0.3rem;text-align: center;line-height: 0.3rem;background: none !important;color: #ffffff;position: relative;opacity: 1 !important;margin: 0 0.13rem !important;}
.banner .swiper-pagination-bullet i{font-style: normal;font-size: 0.2rem;opacity: 1;visibility: inherit;transition: 0.2s all;}
.banner .swiper-pagination-bullet::after{content: "";width: 100%;height: 100%;display: block;background: url(/images/page.png) no-repeat center center;background-size: auto 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: 0.2s all;}
.banner .swiper-pagination-bullet::before{content: "";width: 0.15rem;height: 1px;display: block;background: #ffffff;position: absolute;right: -0.2rem;top:50%;transform: translateY(-50%);}
.banner .swiper-pagination-bullet-active i{opacity: 0;visibility: hidden;}
.banner .swiper-pagination-bullet-active::after{opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:last-of-type{margin: 0 0 0 0.13rem !important;}
.banner .swiper-pagination .swiper-pagination-bullet:last-of-type::before{content: none;}
.part{width: 100%;background: #ffffff;position: fixed;top:100%;left:0;bottom:0;right:0;z-index: 1;transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;overflow: hidden;overflow-y: scroll;}
.part.showdiv{top: 0;}
.part.showdiv .header-top2{transform: none;opacity: 1;transition: all 0.7s ease-in-out 0.5s;}

.title{width: 100%;margin-bottom: 0.3rem;position: relative;}
.title .tit h3{font-size: 0.26rem;color: #434343;font-family: myfont;line-height: 1;margin-bottom: 0.06rem;}
.title .tit h3 span{font-size: 0.38rem;color: #0b4ea9;}
.title .tit p{font-size: 0.11rem;color: rgba(11,78,169,0.5);font-family: Arial, Helvetica, sans-serif;}
.title>a{font-size: 0.14rem;color: #999999;padding-left: 0.45rem;background: url(/images/more.png) no-repeat left center;background-size: auto 0.38rem;line-height: 0.4rem;}
.title>a:hover{color: #0b4ea9;}

.part1{width: 100%;padding: 0.8rem 0 0.4rem;background: url(/images/parta_bg.jpg) no-repeat center top;background-size: 100% auto;}
.parta{width: 100%;margin-bottom: 0.4rem;}
.pa-left{width: calc(73% - 0.15rem);}
.pa-right{width: calc(27% - 0.15rem);}
.news-scroll{width: calc(63% - 0.15rem);}
.news-list{width: calc(37% - 0.15rem);}
.news-scroll .news-img{width: 100%;}
.news-scroll .news-img ul li a{display: block;width: 100%;height: 3.89rem;position: relative;overflow: hidden;}
.news-scroll .news-img ul li .image{transition: 0.2s all;}
.news-scroll .news-img ul li:hover .image{transform: scale(1.05,1.05);}
.news-scroll .news-txt{width: 100%;background: #ffffff;padding: 0.2rem 0.3rem;}
.news-scroll .news-txt ul li h3{font-size: 0.16rem;color: #333333;width: 100%;line-height: 0.28rem;font-weight: normal;}
.news-scroll .news-txt ul li h3 a{color: #333333;}
.news-scroll .news-txt ul li:hover h3,.news-scroll .news-txt ul li:hover h3 a{color: #0b4ea9;}
.news-scroll .news-txt ul li .flex{margin-top: 0.1rem;}
.news-scroll .news-txt ul li .flex span{color: #0b4ea9;font-size: 0.14rem;line-height: 0.3rem;padding-left: 0.26rem;background: url(/images/cal1.png) no-repeat left center;background-size: auto 0.22rem;}
.news-scroll .news-txt ul li .flex a{font-size: 0.14rem;color: #999999;padding-right: 0.22rem;background-image: url(/images/arrow.svg);background-repeat: no-repeat;background-position: right center;background-size: auto 0.16rem;line-height: 0.3rem;}
.news-scroll .news-txt ul li:hover .flex a{color: #0b4ea9;background-image: url(/images/arrow_blue.svg);}
.news-scroll .news-txt .swiper-scrollbar{position: absolute;width: 100%;height: 1px;display: block;background: #dce9f4;border-radius: 0;left: 0;bottom: 0.5rem;}
.news-scroll .news-txt .swiper-scrollbar .swiper-scrollbar-drag{height: 3px;background: #0b4ea9;border-radius: 0;top: -1px;}

.news-list{overflow: hidden;}
.news-list ul{margin-left: -0.1rem;margin-right: -0.1rem;}
.news-list ul li{width: 100%;padding: 0 0.1rem;}
.news-list ul li:nth-child(n+2){margin-top: 0.185rem;}
.news-list ul li a{display: block;width: 100%;background: #ffffff;padding: 0.118rem 0.3rem;border-radius: 0 0.1rem 0.1rem 0;transition: 0.3s all;position:relative;overflow:hidden;}
.news-list ul li a::after{content:"";width:0;height:100%;background:#0b4ea9;display:block;position:absolute;left:0;top:0;transition:0.5s all;z-index:0;}
.news-list ul li p{font-size: 0.16rem;color: #333333;width: 100%;line-height: 0.28rem;transition: 0.3s all;position:relative;z-index:1;}
.news-list ul li span{color: #0b4ea9;font-size: 0.14rem;line-height: 0.28rem;padding-left: 0.26rem;transition: 0.3s all;background-image: url(/images/cal1.png);background-repeat: no-repeat;background-position: left center;background-size: auto 0.22rem;margin-top: 0.05rem;display: block;position:relative;z-index:1;}
.news-list ul li.on p{color: #ffffff;}
.news-list ul li.on span{color: #ffffff;background-image: url(/images/cal1_white.png);}
.news-list ul li.on a::after{width:100%;}

.notice-list{width: 100%;background: #ffffff;border-radius: 0 0 0 0.1rem;border-top: 2px solid #0b4ea9;overflow:hidden;}
.notice-list ul li{width: 100%;padding: 0.21rem 0.3rem;border-bottom: 1px solid #dce9f4;position:relative;}
.notice-list ul li::after{content:"";width:0;height:100%;background:#0b4ea9;display:block;position:absolute;left:0;top:0;transition:0.5s all;z-index:0;}
.notice-list ul li:last-of-type{border-bottom: none;}
.notice-list ul li .time{width: 0.6rem;text-align: center;position: relative;color: #0b4ea9;margin-right: 0.26rem;position:relative;z-index:1;transition:0.3s all;}
.notice-list ul li .time::after{content: "";width: 1px;height: 0.35rem;display: block;background: #dce9f4;position:absolute;right:-0.12rem;top:50%;transform:translateY(-50%);}
.notice-list ul li .time h3{font-size: 0.26rem;}
.notice-list ul li .time span{display:block;font-size: 0.14rem;white-space: nowrap;}
.notice-list ul li a{max-width: calc(100% - 0.86rem);font-size: 0.16rem;color: #333333;line-height: 0.28rem;max-height: 0.56rem;display: block\0;position:relative;z-index:1;transition:0.3s all;}
.notice-list ul li:hover .time{color: #ffffff;}
.notice-list ul li:hover a{color: #ffffff;}
.notice-list ul li:hover::after{width:100%;}

.partb .title .tit p{text-align: center;}
.pb_box{width: 100%;}
.pb_box .item{width: 18.9%;transition: 0.5s all;position: relative;overflow: hidden;border-radius: 0.22rem;cursor: pointer;}
.pb_box .item .item_img{width: 100%;height: 4.02rem;position: relative;}
.pb_box .item:first-of-type .item_img .image{background-position: right center;}
.pb_box .item:nth-of-type(3) .item_img .image{background-position: right center;}
.pb_box .item.on{width: calc(43.3% - 0.6rem);}
.pb_box .item .item_txt{width: 100%;height: 0.7rem;position: absolute;left: 0;bottom: 0;z-index: 2;display: flex;justify-content: center;align-items: center;transition: 0.4s all;}

.pb_box .item .item_txt .txt_tit{display: flex;justify-content: center;color: #ffffff;font-size: 0.2rem;align-items: flex-end;line-height: 1;}
.pb_box .item .item_txt .txt_tit h3{font-size: 0.3rem;font-family: myfont;margin-right: 0.05rem;}
.pb_box .item .item_txt .txt_list{opacity: 0;visibility: hidden;transition: 0.4s all;height: 0;width: 100%;}
.pb_box .item .item_txt .txt_list ul li{width: calc(50% - 0.1rem);line-height: 0.3rem;display: flex;justify-content: center;margin: 0.05rem 0;}
.pb_box .item .item_txt .txt_list ul li a{font-size: 0.18rem;color: #ffffff;position: relative;display: block;padding-left: 0.15rem;}
.pb_box .item .item_txt .txt_list ul li a::before{content: "";width: 0.05rem;height: 0.05rem;display: block;border-radius: 100%;background: rgba(255,255,255,0.5);position: absolute;left: 0;top: 0.13rem;}
.pb_box .item::after{content: "";width: 100%;height: 2rem;display: block;position: absolute;left: 0;bottom: 0;z-index: 1;transition: 0.2s all;}
.pb_box .item:first-of-type::after{background-image: linear-gradient(0deg, rgba(11,78,169,1) 0%, rgba(0,0,0,0) 98%);}
.pb_box .item:nth-of-type(2)::after{background-image: linear-gradient(0deg, rgba(5,131,209,1) 0%, rgba(0,0,0,0) 98%);}
.pb_box .item:nth-of-type(3)::after{background-image: linear-gradient(0deg, #377ae5 0%, rgba(0,0,0,0) 98%);}
.pb_box .item:last-of-type::after{background-image: linear-gradient(0deg, #47a7e5 0%, rgba(0,0,0,0) 98%);}
.pb_box .item.on::after{height: 100%;}
.pb_box .item.on .item_txt{height: 100%;}
.pb_box .item.on .item_txt .txt_list{opacity: 1;visibility: inherit;height: auto;}
.pb_box .item.on .item_txt .txt_tit{margin-bottom: 0.4rem;}
.pb_box .item.on .item_txt .txt_box{padding: 0 0.5rem;width:100%;}
.pb_box .item.on::after{backdrop-filter:blur(4px);}
.pb_box .item.on:first-of-type::after{background: rgba(11,78,169,0.4);}
.pb_box .item.on:nth-of-type(2)::after{background: rgba(5,131,209,0.4);}
.pb_box .item.on:nth-of-type(3)::after{background: rgba(55,122,229,0.4);}
.pb_box .item.on:nth-of-type(4)::after{background: rgba(71,167,229,0.4);}

.part2{width: 100%;padding: 0.8rem 0;background: url(/images/partb_bg.png) no-repeat center top;background-size: cover;}
.pc-left{width: calc(72% - 0.2rem);}
.pc-right{width: calc(28% - 0.2rem);}
.zs_box{width: 100%;}
.zs_box ul{margin-left: -0.1rem;margin-right: -0.1rem;}
.zs_box ul li{width: 50%;padding: 0 0.1rem;}
.zs_box ul li:nth-child(n+3){margin-top: 0.2rem;}
.zs_box ul li a{display: block;width: 100%;border: 1px solid rgba(0,64,152,0.5);border-radius: 0.1rem;padding: 0.19rem 0.1rem;}
.zs_box ul li .icon{width: 0.5rem;height: 0.5rem;margin: 0 auto 0.1rem;display: flex;justify-content: center;align-items: center;}
.zs_box ul li .icon img{max-width: 95%;max-height: 98%;}
.zs_box ul li p{font-size: 0.16rem;color: #0b4ea9;text-align: center;}
.zs_box ul li p span{margin: 0 0.04rem;}

.zy_box{width: 100%;}
.fl-list{width: 100%;overflow: hidden;margin-bottom: 0.3rem;}
.fl-list ul{margin-left: -0.05rem;margin-right: -0.05rem;}
.fl-list ul li{width: 16%;padding: 0 0.05rem;}
.fl-list ul li a{display: block;border: 1px solid rgba(0,64,152,0.5);text-align: center;padding: 0.12rem 0;line-height: 0.2rem;font-size: 0.16rem;color: #333333;border-radius: 0.1rem 0.1rem 0 0;}
.fl-list ul li.on a{background: #0b4ea9;color: #ffffff;}
.bd-list{width: calc(20% - 0.08rem);overflow: hidden;}
.bd-list ul{margin-left: -0.05rem;margin-right: -0.05rem;}
.bd-list ul li{width: 100%;padding: 0 0.05rem;}
.bd-list ul li:nth-child(n+2){margin-top: 0.15rem;}
.bd-list ul li a{display: block;border: 1px solid rgba(0,64,152,0.5);text-align: center;padding: 0.1rem 0;line-height: 0.2rem;font-size: 0.16rem;color: #333333;border-radius: 0.1rem;}
.bd-list ul li.on a{color: #0b4ea9;}
.bd-content{width: calc(80% - 0.2rem);}
.bd-content .swiper-container{height: auto;}
.bd-content .swiper-slide{opacity: 0 !important;visibility: hidden;}
.bd-content .swiper-slide-active{opacity: 1 !important;visibility: inherit;}
.bd-content .zy_img{width: 52%;}
.bd-content .zy_img a{display: block;width: 100%;height: 2.5rem;position: relative;overflow: hidden;border-radius: 0.12rem;}
.bd-content .zy_img video{width:100%;height:100%;position:absolute;left:0;top:0;background:#000000;}
.bd-content .zy_txt{width: 48%;padding-left: 0.2rem;}
.bd-content .zy_txt h3{width: 100%;padding-bottom: 0.1rem;border-bottom: 1px solid rgba(0,64,152,0.1);font-family: myfont;font-size: 0.26rem;margin-bottom: 0.1rem;}
.bd-content .zy_txt h3 a{color: #0b4ea9;}
.bd-content .zy_txt .bq{width:100%;}
.bd-content .zy_txt .bq p{font-size:0.14rem;color:#999999;line-height:0.24rem;padding-left:0.2rem;background:url(/images/label.png) no-repeat left 0.06rem;background-size:auto 0.14rem;}
.bd-content .zy_txt ul{margin-left:-0.1rem;margin-right:-0.1rem;margin-top:0.15rem;}
.bd-content .zy_txt ul li{padding:0 0.1rem;width:50%;}
.bd-content .zy_txt ul li:nth-child(n+3){margin-top:0.2rem;}
.bd-content .zy_txt ul li a{width:100%;background:#ffffff; height: 0.4rem;display: flex;align-items: center;padding-left: 0.15rem;border-radius:0.1rem;transition:0.2s all;}
.bd-content .zy_txt ul li span{font-size: 0.16rem;color: #333333;line-height: 0.26rem;padding-left: 0.26rem;background: url(/images/ico.png) no-repeat left 0.03rem;background-size: auto 0.2rem;}
.bd-content .zy_txt ul li:hover span{color:#0b4ea9;}
.bd-content .zy_txt ul li:hover a{background:#d5e4ff;}
.bd-content .swi-btn{width: 100%;margin-top: 0.3rem;}
.bd-content .swi-btn .qh_arrow{width: 0.4rem;height: 0.4rem;border: 1px solid #0b4ea9;position: relative;border-radius: 100%;z-index: 2;background-position: center center;background-repeat: no-repeat;background-size: auto 0.16rem;}
.bd-content .swi-btn .swiper-button-prev{background-image: url(/images/left-blue.svg);}
.bd-content .swi-btn .swiper-button-next{background-image: url(/images/right-blue.svg);}
.bd-content .swi-btn .qh_arrow:hover{background-color: #0b4ea9;}
.bd-content .swi-btn .swiper-button-prev:hover{background-image: url(/images/left.svg);}
.bd-content .swi-btn .swiper-button-next:hover{background-image: url(/images/right.svg);}
.bd-content .swi-btn .swiper-scrollbar{width: calc(100% - 1.2rem);height: 0.04rem;background: #ffffff;}
.bd-content .swi-btn .swiper-scrollbar .swiper-scrollbar-drag{background: #0b4ea9;}

.part3{width: 100%;padding: 0.4rem 0;background: url(/images/partc_bg.png) no-repeat center bottom;background-size: 100% auto;}
.partd{width: 100%;margin-bottom: 0.4rem;}
.partd .title a{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.partd .title .tit p,.parte .title .tit p,.partf .title .tit p{text-align: center;}
.zt-list{width: 100%;position: relative;}
.zt-list ul li a{display: block;width: 100%;height: 0;padding-bottom: 42.86%;position: relative;overflow: hidden;}
.zt-list .swiper-button-prev,.zt-list .swiper-button-next{width: 0.4rem;height: 0.4rem;border-radius: 100%;z-index: 2;background-position: center center;background-repeat: no-repeat;background-size: auto 0.16rem;background-color: rgba(0,0,0,0.5);top: 50%;transform: translateY(-50%);}
.zt-list .swiper-button-prev{background-image: url(/images/left.svg);left: 0.2rem;}
.zt-list .swiper-button-next{background-image: url(/images/right.svg);right: 0.2rem;}

.parte{width: 100%;position: relative;z-index: 2;margin-bottom: 0.4rem;}
.ewm{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.ewm ul li{margin-left: 0.2rem;position: relative;}
.ewm ul li:first-of-type{margin-left: 0;}
.ewm ul li::after{content: "";width: 0.5rem;height: 0.5rem;display: block;border: 1px dashed #cadbf2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;z-index: 0;}
.ewm ul li div{width: 0.42rem;height: 0.42rem;border-radius: 100%;background-repeat: no-repeat;background-position: center;background-size: auto 0.24rem;cursor: pointer;position: relative;z-index: 1;}
.ewm ul li span{display: block;width: 0.8rem;height: 0.8rem;position: absolute;left: 50%;transform: translateX(-50%);top:-0.7rem;visibility:hidden;opacity: 0;transition: 0.3s all;z-index: 2;box-shadow: 0.02rem 0.03rem 0.1rem 0 rgba(115, 115, 115, 0.18);}
.ewm ul li span::before{content: "";position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:0.08rem solid transparent;border-top-color:#ffffff;bottom:-0.15rem;z-index: 0;}
.ewm ul li span img{width: 100%;height: 100%;}
.ewm ul li .icon1{background-image: url(/images/media1.svg);background-color: #2ccc46;}
.ewm ul li .icon2{background-image: url(/images/media2.svg);background-color: #010101;background-size: auto 0.19rem;}
.ewm ul li .icon3{background-image: url(/images/media3.svg);background-color: #fb9c42;background-size: auto 0.17rem;}
.ewm ul li .icon4{background-image: url(/images/media4.svg);background-color: #fe461f;background-size: auto 0.22rem;}
.ewm ul li .icon5{background-image: url(/images/media5.svg);background-color: #0b4ea9;background-size: auto 0.22rem;}
.ewm ul li .icon5 a{display:block;width:100%;height:100%;}
.ewm ul li:hover span{top:-0.95rem;opacity: 1;visibility: inherit;}

.media_box{width: 100%;}
.media_box .media{width: calc((100% - 0.9rem) / 4);background: #ffffff;border-radius: 0.22rem;padding: 0.2rem 0.2rem 0.3rem;}
.media_box .media .tip{width: 100%;margin-bottom: 0.15rem;}
.media_box .media .tip .icon{width: 0.38rem;height: 0.38rem;border-radius: 100%;background-repeat: no-repeat;background-position: center;background-size: auto 0.24rem;margin-right: 0.05rem;}
.media_box .media .tip p{font-size: 0.16rem;color: #000000;line-height: 0.3rem;}
.media_box .media .tip .right{width: 0.38rem;height: 0.38rem;background-repeat: no-repeat;background-position: center center;opacity: 0.15;}
.media_box .media .media_image{width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;margin-bottom: 0.1rem;}
.media_box .media .media_image .image{transition: 0.2s all;}
.media_box .media h3{width: 100%;font-size: 0.16rem;color: #333333;line-height: 0.28rem;height: 0.56rem;display: block\0;font-weight: normal;}
.media_box .media h3 a{color: #333333;}
.media_box .media1 .tip .icon{background-image: url(/images/media1.svg);background-color: #2ccc46;}
.media_box .media2 .tip .icon{background-image: url(/images/media2.svg);background-color: #010101;background-size: auto 0.19rem;}
.media_box .media3 .tip .icon{background-image: url(/images/media3.svg);background-color: #fb9c42;background-size: auto 0.17rem;}
.media_box .media4 .tip .icon{background-image: url(/images/media4.svg);background-color: #fe461f;background-size: auto 0.22rem;}
.media_box .media:hover h3,.media_box .media:hover h3 a{color: #0b4ea9;}
.media_box .media1 .tip .right{background-image: url(/images/wechat.svg);background-size: auto 0.38rem;}
.media_box .media2 .tip .right{background-image: url(/images/dy.svg);background-size: auto 0.33rem;}
.media_box .media3 .tip .right{background-image: url(/images/sph.svg);background-size: auto 0.26rem;}
.media_box .media4 .tip .right{background-image: url(/images/ks.svg);background-size: auto 0.3rem;}

.pf_box ul li a{display: block;width: 100%;}
.pf_box ul li .icon{width: 1.33rem;height: 1.33rem;position: relative;margin: 0 auto;}
.pf_box ul li .icon::before{content: "";width: 100%;height: 100%;border-radius: 100%;border: 1px dashed rgba(11,78,169,0.5);display: block;position: absolute;left: 0;top: 0;transition: 0.2s all;animation: roted1 30s infinite linear;box-sizing: border-box;z-index: 0;}
.pf_box ul li .icon::after{content: "";width: 1.21rem;height: 1.21rem;border-radius: 100%;display: block;position: absolute;left: 0.06rem;top: 0.06rem;z-index: 1;border: 1px dashed rgba(11,78,169,0.5);animation: roted2 40s infinite linear;box-sizing: border-box;transition: 0.2s all;}
.pf_box ul li .icon .icon_area{width: 1.07rem;height: 1.07rem;border-radius: 100%;border: 1px solid #0b4ea9;display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.pf_box ul li .icon img{display: block;height: 0.6rem;position: relative;z-index: 2;}
.pf_box ul li p{font-size: 0.16rem;color: #333333;text-align: center;line-height: 0.26rem;margin-top: 0.1rem;}
.pf_box ul li:hover p{color: #0b4ea9;}
.pf_box ul li:hover .icon::after{background-image: linear-gradient(180deg, rgba(11,78,169) 0%, rgba(11,78,169,0.3) 98%);}
.pf_box ul li:hover .icon_area{background: #ffffff;}

@media only screen and (max-width:1200px) and (min-width:1061px){
	.header-top1{transform: none;opacity: 1;transition: all 0.5s ease-out 0s;}
	.header-top1::after{height: 1.4rem;}
	body.scrolling .header-top1{transform: translateY(-100%);opacity: 0;}
	body.scrolling .header-top2{transform: none;opacity: 1;}
}