.banner{position: relative;overflow: hidden;height: 0;padding-bottom: 37.5%;position: relative;overflow: hidden;} .banner .swiper-container{position: fixed;top: 0;left: 0;z-index: 0;height: auto;} .banner .swiper-slide a{display: block;width: 100%;height:0;padding-bottom:37.5%;position: relative;overflow: hidden;} .banner .swiper-pagination{bottom: 0.2rem;width: 100%;} .banner .swiper-pagination-bullet{transition: 0.3s all;width: 0.12rem;height: 0.12rem;border-radius: 0.06rem;opacity: 1 !important;} .banner .swiper-pagination-bullet-active{background: #c2ac52;width: 0.3rem;} .part{width: 100%;position: relative;background: #ffffff;z-index: 1;} .title{width: 100%;margin-bottom: 0.2rem;position: relative;} .title .tit{height: 0.66rem;padding-left: 0.38rem;background-image: url(../img/title_bg.png);background-repeat: no-repeat;background-position: left top;background-size: auto 100%;} .title .tit h3{font-size: 0.3rem;color: #434343;line-height: 0.4rem;margin-top: 0.05rem;} .title .tit h3 span{color: #00437c;} .title .tit p{font-size: 0.16rem;color: #cccccc;line-height: 0.2rem;font-family: Arial;} .title a{width: 1.12rem;height: 0.3rem;border: 1px solid #cecece;padding:0.03rem;margin-top: 0.12rem;} .title a span{font-size: 0.14rem;color: #999999;display: block;padding-left: 0.04rem;} .title a i{width: 0.23rem;height: 0.23rem;background: #c2ac52 url(../img/more.svg) no-repeat center center;background-size: auto 0.16rem;} .title a:hover span{color: #00437c;} .parta{width: 100%;padding: 0.4rem 0 0.3rem;background: url(../img/parta_bg.jpg) no-repeat center center;background-size: cover;} .news-scroll,.news-list{width: calc(50% - 0.2rem);} .news-scroll ul li .news-img{width: 100%;height: 4.14rem;position: relative;overflow: hidden;} .news-scroll ul li .news-img a{display: block;transition: 0.2s all;} .news-scroll ul li:hover .news-img a{transform: scale(1.1,1.1);} .news-scroll ul li .news-txt{width: 100%;padding: 0.15rem 0.2rem;background: #00437c;} .news-scroll ul li .news-txt .time{width: 0.6rem;margin-right: 0.2rem;text-align: center;height: 0.56rem;} .news-scroll ul li .news-txt .time h3{font-size: 0.24rem;color: #c2ac52;line-height: 0.3rem;} .news-scroll ul li .news-txt .time span{color: #ffffff;font-size: 0.14rem;white-space: nowrap;line-height: 0.26rem;} .news-scroll ul li .news-txt a{width: calc(100% - 0.8rem);font-size: 0.18rem;color: #ffffff;line-height: 0.28rem;max-height: 0.56rem;} .news-list{border-left: 1px solid #dedede;} .news-list ul li{width: 100%;} .news-list ul li a{display: block;width: 100%;padding: 0.2rem;transition: 0.2s all;} .news-list ul li span{font-size: 0.16rem;color: #00437c;line-height: 0.3rem;display: block;font-family: Arial;transition: 0.2s all;position: relative;} .news-list ul li span::after{content: "";width: 3px;height: 0.14rem;display: block;background: #0d5cc8;position: absolute;left: -0.2rem;top: 50%;transform: translateY(-50%);transition: 0.2s all;} .news-list ul li p{font-size: 0.18rem;color: #333333;line-height: 0.3rem;transition: 0.2s all;} .news-list ul li:hover a{background: #00437c;} .news-list ul li:hover span,.news-list ul li:hover p{color: #ffffff;} .news-list ul li:hover span::after{background: #fea600;} .partb{width: 100%;padding: 0.8rem 0;background: url(../img/partb_bg.png) no-repeat center top;background-size: cover;} .pb-left{width: calc(61% - 0.2rem);} .pb-right{width: calc(39% - 0.2rem);} .qh_box{width: 100%;} .qh_box .hd{width: 100%;overflow: hidden;margin-bottom: 0.3rem;} .qh_box .hd ul{margin-left: -0.1rem;margin-right: -0.1rem;} .qh_box .hd ul li{width: 25%;padding: 0 0.1rem;} .qh_box .hd ul li span{cursor: pointer;display: block;width: 100%;height: 0.44rem;border: 1px solid #00437c;text-align: center;line-height: 0.42rem;font-size: 0.18rem;color: #333333;transition: 0.2s all;} .qh_box .hd ul li.on span{background: #c2ac52;border: 1px solid #c2ac52;color: #ffffff;} .qh_box .bd{width: 100%;} .qh_box .bd ul li{width: calc(50% - 0.15rem);} .qh_box .bd ul li:nth-child(n+3){margin-top: 0.25rem;} .qh_box .bd ul li .time{color: #00437c;width: 0.85rem;height: 0.75rem;background: url(../img/time_bg.png) no-repeat left top;background-size: 100% 100%;flex-shrink: 0;margin-right: 0.2rem;} .qh_box .bd ul li .time h3{font-size: 0.24rem;line-height: 1;margin-bottom: 0.03rem;} .qh_box .bd ul li .time span{font-size: 0.14rem;} .qh_box .bd ul li .txt{width: calc(100% - 1.05rem);padding-bottom: 0.2rem;border-bottom: 1px dashed #cccccc;} .qh_box .bd ul li .txt .txt-title{width: 100%;height: 0.75rem;} .qh_box .bd ul li .txt .txt-title a{font-size: 0.18rem;color: #333333;line-height: 0.3rem;max-height: 0.6rem;} .qh_box .bd ul li:hover .txt .txt-title a{color: #00437c;} .qh_box .bd ul li:hover .txt{border-bottom: 1px dashed #00437c;} .xsyd{width: 100%;} .img-scroll{width: 100%;margin-bottom: 0.1rem;padding: 0.2rem 0.2rem 0;position: relative;} .img-scroll::after{content: "";width: 100%;height: 66%;background: #00437c;display: block;position: absolute;left: 0;top: 0;} .img-scroll ul li{width: 100%;height: 2.28rem;position: relative;overflow: hidden;} .img-scroll ul li a{display: block;transition: 0.2s all;} .xsyd-list ul li{width: 100%;line-height: 0.3rem;} .xsyd-list ul li:nth-child(n+2){margin-top: 0.1rem;} .xsyd-list ul li a{max-width: calc(100% - 0.6rem);font-size: 0.18rem;color: #333333;padding-left: 0.3rem;background: url(../img/txt_icon.png) no-repeat left center;background-size: auto 0.18rem;} .xsyd-list ul li span{color: #00437c;} .xsyd-list ul li:hover a{color: #00437c;} .partc{width: 100%;padding: 0.3rem 0 0.4rem;background: url(../img/partc_bg.png) no-repeat center center;background-size: cover;position: relative;} .partc::after{content: "";height: 0.06rem;display: block;background: #c2ac52;position: absolute;right: 0;bottom: -0.06rem;left: 0.5rem;} .pc_box ul li a{display: block;width: 100%;background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 10%, rgba(255,255,255) 100%);border-top: 0.03rem solid #00437c;padding: 0.2rem 0.3rem 0.3rem;} .pc_box ul li h3{font-size: 0.16rem;color: #333333;line-height: 0.26rem;height: 0.52rem;display: block\0;font-weight: normal;margin-bottom: 0.1rem;} .pc_box ul li .pc_intro{width: 100%;margin-bottom: 0.2rem;} .pc_box ul li .pc_intro p{font-size: 0.14rem;color: #999999;line-height: 0.3rem;padding-left: 0.26rem;background-position: left center;background-repeat: no-repeat;background-size: auto 0.18rem;} .pc_box ul li .pc_intro p:first-of-type{background-image: url(../img/xs1.svg);} .pc_box ul li .pc_intro p:nth-of-type(2){background-image: url(../img/xs2.svg);background-size: auto 0.16rem;} .pc_box ul li .pc_intro p:nth-of-type(3){background-image: url(../img/xs3.svg);} .pc_box ul li .pc_img{width: 0.78rem;height: 0.78rem;border-radius: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .pc_box ul li:hover h3{color: #00437c;} .partd{width: 100%;padding: 0.4rem 0;background: url(../img/partd_bg.jpg) no-repeat center bottom;background-size: cover;} .pd-scroll{width: 100%;margin-bottom: 0.3rem;align-items: flex-start;} .pd-img{width: calc(46% - 0.2rem);position: relative;padding: 0 0 0.15rem 0.15rem;} .pd-img::after{content: "";width: 94%;height: 94%;background: #c2ac52;display: block;position: absolute;left: 0;bottom: 0;z-index: 0;} .pd-img ul li{height: 3.4rem;position: relative;overflow: hidden;width: 100%;} .pd-img ul li a{display: block;transition: 0.2s all;} .pd-txt{width: calc(54% - 0.2rem);padding-top: 0.7rem;} .pd-txt ul li .time{width: 0.8rem;margin-right: 0.15rem;color: #00437c;} .pd-txt ul li .time h3{font-size: 0.24rem;line-height: 0.32rem;} .pd-txt ul li .time span{font-size: 0.14rem;} .pd-txt ul li .txt{width: calc(100% - 0.95rem);} .pd-txt ul li .txt h3{font-size: 0.18rem;line-height: 0.32rem;width: 100%;margin-bottom: 0.3rem;} .pd-txt ul li .txt h3 a{color: #333333;width: 100%;} .pd-txt ul li:hover .txt h3 a{color: #00437c;} .pd-txt ul li .txt p{font-size: 0.14rem;color: #999999;line-height: 0.28rem;height: 0.84rem;display: block\0;width: 100%;} .pd-txt .swiper-scrollbar{position: static;width: 100%;margin: 0.4rem 0;} .pd-txt .swiper-scrollbar .swiper-scrollbar-drag{background: #00437c;} .pd-txt .btn{width: 0.47rem;height: 0.47rem;border: 1px solid #00437c;border-radius: 100%;background-position: center center;background-repeat: no-repeat;background-size: auto 0.18rem;position: relative;margin-left: 0.3rem;transition: 0.2s all;} .pd-txt .btn.swiper-button-prev{background-image: url(../img/left-blue.svg);} .pd-txt .btn.swiper-button-next{background-image: url(../img/right-blue.svg);} .pd-txt .btn:hover{background-color: #00437c;} .pd-txt .btn.swiper-button-prev:hover{background-image: url(../img/left.svg);} .pd-txt .btn.swiper-button-next:hover{background-image: url(../img/right.svg);} .pd-list{width: 100%;overflow: hidden;} .pd-list ul{margin-left: -0.2rem;margin-right: -0.2rem;} .pd-list ul li{width: 33.3333%;padding: 0 0.2rem;} .pd-list ul li a{display: block;width: 100%;background: #ffffff;padding: 0.15rem 0.2rem;} .pd-list ul li p{font-size: 0.18rem;color: #333333;line-height: 0.26rem;height: 0.52rem;display: block\0;width: 100%;} .pd-list ul li .time{display: flex;align-items: center;margin-top: 0.1rem;} .pd-list ul li .time::before{content: "";width: 0.5rem;height: 1px;display: block;background: #00437c;position: relative;} .pd-list ul li span{display: block;width: 0.9rem;height: 0.3rem;border: 1px solid #00437c;padding: 0.02rem;} .pd-list ul li span i{display: block;width: 100%;height: 100%;background: #00437c;font-size: 0.14rem;font-style: normal;color: #ffffff;text-align: center;line-height: 0.25rem;font-family: Arial;} .pd-list ul li:hover p{color: #00437c;} /* .parte{width: 100%;margin-top: -0.26rem;position: relative;z-index: 1;perspective: 1000px;transform-style: preserve-3d;padding:0.46rem 0;overflow: hidden;} .parte .pe_bg1{width: 100%;height: 100%;background: url(../img/parte_bg.jpg) no-repeat left top;background-size:cover;transform: translateX(-3%) translateZ(0) rotateY(-4deg);} .parte .pe_bg2{width: 52%;height: calc(100% - 0.92rem);background: #e6effd;transform: translateX(-3%) translateZ(0) rotateY(2deg);position: absolute;left: 0;top:0.46rem;} .pe-left{width: 52%;position: absolute;left: 0;top: 0;} .pe-right{width: 48%;position: relative;z-index: 0;} .pe-right .swiper-container{} .pe-right ul li a{display: block;width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 73%;} .pe-right ul li .image{transition: 0.2s all;} .pe-right ul li .txt{width: 100%;height: 1.5rem;background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 98%);position: absolute;left: 0;bottom: 0;padding-top: 0.5rem;padding-left: 0.4rem;} .pe-right ul li .txt .txt_area{width: 6.2rem;text-align: right;} .pe-right ul li .txt h3{font-size: 0.2rem;color: #ffffff;line-height: 0.3rem;margin-bottom: 0.15rem;} .pe-right ul li .txt p{font-size: 0.14rem;color: rgba(255,255,255,0.6);} */ .parte{width: 100%;background: url(../img/parte_bg.jpg) no-repeat left top;background-size: cover;} .pe-left{width: 52%;padding: 0.3rem 0;} .pe-left .title{z-index:2;} .pe-left-area{width: 7.4rem;padding-right: 0.4rem;} .pe-left .title .tit h3,.pe-left .title .tit h3 span{color: #ffffff;} .pe-left .title a span{color: rgba(255,255,255,0.8);} .pe-right{width: 48%;} .pe-right ul li a{display: block;width: 100%;height: 6.15rem;position: relative;overflow: hidden;} .pe-right ul li .image{transition: 0.2s all;} .pe-right ul li .txt{width: 100%;height: 1.5rem;background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 98%);position: absolute;left: 0;bottom: 0;padding-top: 0.5rem;padding-left: 0.4rem;} .pe-right ul li .txt .txt_area{width: 6.2rem;text-align: right;} .pe-right ul li .txt h3{font-size: 0.2rem;color: #ffffff;line-height: 0.3rem;margin-bottom: 0.15rem;} .pe-right ul li .txt p{font-size: 0.14rem;color: rgba(255,255,255,0.6);} .peo-list{width: 100%;margin-top: -0.8rem;position:relative;} .peo-list ul.swiper-slide{opacity: 0 !important;visibility: hidden;justify-content: center;} .peo-list ul.swiper-slide-active{opacity: 1 !important;visibility: inherit;} .peo-list ul .item{width: 1.9rem;height: 5.46rem;position: relative;} .peo-list ul li{margin-bottom: 0.2rem;} .peo-list ul li a{display: block;position: relative;width: 2.28rem;height: 1.98rem;padding: 0.06rem;background: url(../img/data_border.png) no-repeat left top;background-size: 100% 100%;} .peo-list ul li .pic{clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width: 100%;height: 100%;position: relative;} .peo-list ul li .pic:after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: url("../img/s4-img02.png") no-repeat bottom center; } .peo-list ul .peo_box{position: absolute;left: 0;bottom:0;} .peo-list ul .item:nth-child(2n) .peo_box{ bottom: auto; top: 0; } .peo-list ul li p{ position: absolute; left: 0; right: 0; bottom: .1rem; font-size: .16rem; color: #fff; line-height: .28rem; text-align: center; z-index: 3; } .peo-list ul .item:last-of-type .peo_box li:last-of-type a{background: none;} .pe-left .btn{position:absolute;right:0;bottom:0;} .pe-left .btn div{width:0.45rem;height:0.45rem;border:1px solid #c2ac52;position:relative;} .pe-left .btn div.swiper-button-prev{margin-right:0.3rem;background:url(../img/left.svg) no-repeat center center;background-size:auto 0.2rem;} .pe-left .btn div.swiper-button-next{background:url(../img/right.svg) no-repeat center center;background-size:auto 0.2rem;} .pe-left .btn div:hover{background-color:#c2ac52;} .peo-list1{display:none;width:100%;} .peo-list1 ul li{width: 1.9rem;height:3rem;position: relative;} .peo-list1 ul li a{display: block;position: absolute;left: 0;bottom:0;width: 2.28rem;height: 1.98rem;padding: 0.06rem;background: url(../img/data_border.png) no-repeat left top;background-size: 100% 100%;} .peo-list1 ul li .pic{clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width: 100%;height: 100%;position: relative;} .peo-list1 ul li .pic:after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: url("../img/s4-img02.png") no-repeat bottom center; } .peo-list1 ul li:nth-child(2n) a{ bottom: auto; top: 0; } .peo-list1 ul li p{ position: absolute; left: 0; right: 0; bottom: .1rem; font-size: .16rem; color: #fff; line-height: .28rem; text-align: center; z-index: 3; } .partf{width: 100%;padding-bottom: 0.4rem;background: url(../img/partf_bg.jpg) no-repeat center bottom;background-size: cover;position: relative;z-index: 0;} .partf::after{content: "";width: 100%;height: 100%;background: url(../img/partf_bg.png) no-repeat center top;background-size: 100% auto;position: absolute;left: 0;bottom: 0;z-index: 0;} .partf .w90{position: relative;z-index: 1;} .pf1{width: 100%;height: 7rem;background: url(../img/data_bg.png) no-repeat center top;position: relative;background-size: 90% auto;padding-top: 3.4rem;} .pf1 .title{display:none;} .zt-list ul li a{display: block;width: 100%;height: 0;padding-bottom: 25.78%;position: relative;overflow: hidden;} .zt-list ul li .image{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;} .pf1 ul li{transition: 0.5s all;} .pf1 ul li .circle{width: 1.26rem;height: 1.26rem;border: 1px solid #00437c;background-image: linear-gradient(-43deg, #315191 0%, #6fc5fc 100%);border-radius: 100%;margin: 0 auto 0.2rem;position: relative;} .pf1 ul li .circle::after{content: "";width: 2.03rem;height: 0.34rem;background: url(../img/shadow.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.2rem;z-index: -1;} .pf1 ul li .circle h3{font-size: 0.14rem;color: #ffffff;font-weight: normal;} .pf1 ul li .circle h3 span{font-family: datafont;font-size: 0.4rem;margin-right: 0.05rem;} .pf1 ul li p{font-size: 0.18rem;text-align: center;line-height: 0.24rem;} .pf1 ul li.swiper-slide-active{padding-top: 1.5rem;} .pf1 ul li.swiper-slide-prev{padding-top: 1rem;} .pf1 ul li.swiper-slide-next{padding-top: 1rem;} /* .pf1 ul li .con-line{width: 1px;border: 1px dashed #123123;position: absolute;} .pf1 ul li .con-line::after{content: "";width: 5px;height:0.4rem;display: block;background-image: linear-gradient(180deg, rgba(0,67,124,0) 0%, rgba(0,67,124,0.9) 100%);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .pf1 ul li.swiper-slide .con-line{height: 1.4rem;top: -0.5rem;} .pf1 ul li.swiper-slide-active .con-line{top: -0.6rem;left: 50%;transform: translateX(-50%);height: 0.6rem;} .pf1 ul li.swiper-slide-prev .con-line{top: -0.36rem;right: -0.24rem;transform: rotate(60deg);height: 0.8rem;} .pf1 ul li.swiper-slide-next .con-line{top: -0.36rem;left: -0.24rem;transform: rotate(-60deg);height: 0.8rem;}*/