@charset "UTF-8";
.mpBanner{display: none;}
.focus {width:100%;}
.focus .swiper-slide img{width:100%;object-fit: none;}
.focus .pagination01{bottom:.3rem;}
.focus .pagination01 .swiper-pagination-bullet{opacity: 1;background:#fff;margin:0 4.5px;position: relative;width:.14rem;height:.14rem;border-radius: 50%;}
.focus .swiper-pagination-bullet-active{position: relative;background:#2256A4!important;}


.poa{position: absolute;}
.title h2{font-size:26px;color:#333;margin:0;}
.title h2 .iconfont{font-size:22px;color:#2256A4;font-weight: normal;margin-right:.14rem;}
.title h2 em{color:#2256A4;}
.title a.fr{font-size:14px;width:.95rem;height:.3rem;border:1px solid #E2E3E4;border-radius: .32rem;line-height: .3rem;text-align: center;color:#999;font-weight:600;transition:all .3s;-webkit-transition:all .3s;margin-top:.09rem;}
.title a.fr:hover{border-color: #2256A4;color:#2256A4;}
.notice {padding-top:.54rem;padding-bottom:.76rem;}
.notice .fl .title{padding-top:.11rem;margin-bottom:.25rem;}
.notice .fl{width:68.85%;}
.notice .fr{width:29.21%;background:#F8FAFF;border-radius: 5px;}
.notice .fl .flex .left_swiper{width:60.99%;margin-right:2.49%;}
.notice .fl .flex .right_list{width:36.51%;}
.notice .fl .flex .trends{border-radius: 5px;}
.trends .swiper-slide{position: relative;height:400px;}
.trends .swiper-slide .txt{position: absolute;left:0;right:0;bottom:0;line-height: .63rem;padding-right:.83rem;
  background: -webkit-linear-gradient(top, rgba(84,84,84,0) 0%, rgba(0,0,0,.75) 100%);
  background: -moz-linear-gradient(top, rgba(84,84,84,0) 0%, rgba(0,0,0,.75) 100%);
  background: -o-linear-gradient(top, rgba(84,84,84,0) 0%, rgba(0,0,0,.75) 100%);
  background: linear-gradient(to bottom, rgba(84,84,84,0) 0%, rgba(0,0,0,.75) 100%);}
.trends .swiper-slide .txt p{margin:0;font-size:18px;color:#fff;padding-left:.24rem;}
.trends .swiper-slide a img {width:100%;height:100%;object-fit:cover;}
.pagination03{right:.16rem;bottom:.2rem!important;width:auto!important;left:auto!important;}
.pagination03 .swiper-pagination-bullet{opacity: .38;background:#fff;margin:0 3.5px;}
.pagination03 .swiper-pagination-bullet-active{opacity: 1;}
.right_list ul li{border-bottom:1px dashed #E6E9EE;padding-bottom:.2rem;margin-bottom:.18rem;}
.right_list ul li a{display: block;padding-left:.2rem;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.right_list ul li a h4{font-size:17px;color:#333333;margin:0;font-weight:normal;line-height: 22px;margin-bottom:.09rem;}
.right_list ul li a p{font-size:14px;color:#BBBBBB;margin:0;line-height: 19px;}
.right_list ul li:last-child{margin-bottom: 0;padding-bottom:0;border:0;}
.right_list ul li a:before{content:'';width:.08rem;height:.08rem;background:#E7E8EB;border-radius: 50%;position: absolute;left:.02rem;top:.08rem;transition: all .3s;-webkit-transition: all .3s;}
.right_list ul li a:hover:before{background:#2256A4;}
.right_list ul li a:hover h4{color:#2256A4;}
.right_list ul li a:hover p{color:#2256A4;}
.notice .fr .title{padding-top:.15rem;padding-left:.23rem;padding-bottom:.22rem;border-bottom:2px solid #EEF1F6;padding-right:.06rem;}
.notice .fr .title a.fr{border:0;}
.notice .fr .right_list{padding:0 .075rem 0 .07rem;margin-top:.17rem;}
.notice .fr .right_list ul li{padding-bottom:.18rem;}
.notice .fr .right_list ul li a{padding-left:.36rem;}
.notice .fr .right_list ul li a h4{font-size:16px;line-height: 21px;margin-bottom: .06rem;}
.notice .fr .right_list ul li a:before{left:.17rem;}
.notice .fr .right_list ul li:last-child{padding-bottom: .15rem;}

.service{ background: -webkit-linear-gradient(top, #F6F8FE 0%, #fff 100%);
  background: -moz-linear-gradient(top, #F6F8FE 0%, #fff 100%);
  background: -o-linear-gradient(top, #F6F8FE 0%, #fff 100%);
  background: linear-gradient(to bottom, #F6F8FE 0%, #fff 100%);padding-bottom:.9rem;border-radius: 5px;}
.service .hd{width:3.91rem;height:.78rem;background:url(../images/tit_bg.png) no-repeat;margin:0 auto;align-items: center;justify-content: center;background-size: 100%;}
.service .hd h2{margin:0 .27rem;color:#fff;font-size:26px;}
.service .bd{margin-top:.5rem;}
.service .bd ul li{width:10%;float:left;margin-left:2.2%;}
.service .bd ul li span{display: block;width:100%;padding-bottom:100%;height:0px;background:#fff;border-radius: .2rem;box-shadow: 0px 0px 8px 1px #E2EEFC;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.service .bd ul li span .iconfont{font-size:.57rem;color:#2256A4;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.service .bd ul li p{text-align: center;font-size:17px;color:#333;line-height: 22px;margin:.23rem 0 0;}
.service .bd ul li a:hover span{background:#2256A4;}
.service .bd ul li a:hover span .iconfont{color:#fff;}

.ad_img img{width:100%;object-fit: none;}
.party{background:#F2F4F9;padding:.4rem 0 .82rem;}
.party .tit {padding-left:.38rem;background:url(../images/party.png) no-repeat left center;margin-bottom: .4rem;background-size: .29rem;}
.party .tit h2{font-size:28px;margin:0;}
.party .tit h2 em{color:#2256A4;}
.party .item{width:48.92%;background:rgba(255,255,255,.5);border-radius: 8px;padding-bottom:.145rem;}
.party .item .title{padding:.25rem .2rem .25rem;border-bottom: 2px solid #EEF1F6;}
.party .item .title h2{font-size:23px;}
.party .item .title a.fr{width:1.21rem;height:.4rem;line-height: .4rem;margin-top: 0;}
.party .bd ul{padding:.085rem .265rem 0 .295rem;}
.party .bd ul li{position: relative;border-bottom: 1px dashed #E6E9EE;padding:.235rem .42rem .235rem 1rem;}
.party .bd ul li .date{position: absolute;width:.83rem;height:.7rem;background:#B7C0CC;border-radius: 8px;display:flex;left:0;top:.235rem;color:#fff;flex-direction: column;align-items: center;justify-content: center;transition: all .3s;-webkit-transition: all .3s;}
.party .bd ul li .date span.year{font-size:15px;line-height: 20px;}
.party .bd ul li .date span.day{font-size:26px;line-height: 34px;margin-bottom:2px;}
.party .bd ul li .txt h4{margin:0;font-size:18px;color:#333;font-weight: normal;margin-bottom: .1rem;padding-top:.055rem;}
.party .bd ul li .txt p{margin:0;font-size:15px;color:#888888;}
.party .bd ul li a:hover .date{background:#2256A4;}
.party .bd ul li:last-child{border:0;}

.member {padding:.39rem 0 .74rem;}
.member .left{width:4.27rem;flex-shrink: 0;margin-right:2.93%;}
.member .right{flex:1;}
.member .title{padding-bottom:.32rem;border-bottom:2px solid #EEF1F6;}
.member .title h2 .iconfont{font-size:25px;margin-right:.08rem}
.member .title a.fr{border:0;}
.member .left ul{flex-wrap: wrap;justify-content: space-between;padding-top:.1rem;}
.member .left ul li{width:2.03rem;height:.83rem;border:1px solid #CFE2FF;background:#F6FAFF;border-radius: 8px;margin-top:.3rem;transition: all .3s;-webkit-transition: all .3s;}
.member .left ul li a{display: flex;display: -webkit-flex;align-items: center;height:.83rem;width:2.03rem;color:#333;font-size:18px;transition: all .3s;-webkit-transition: all .3s;}
.member .left ul li .iconfont{font-size:32px;color:#4A67BE;margin-left:.24rem;margin-right:.24rem;}
.member .left ul li.li .iconfont{margin-right:.16rem;}
.member .left ul li:hover {background: -webkit-linear-gradient(-65deg, #2256A4 0%, #4A67BE 100%);
  background: -moz-linear-gradient(-65deg, #2256A4 0%, #4A67BE 100%);
  background: -o-linear-gradient(-65deg, #2256A4 0%, #4A67BE 100%);
  background: linear-gradient(155deg, #2256A4 0%, #4A67BE 100%);}
.member .left ul li:hover a{color:#fff;}
.member .left ul li:hover a .iconfont{color:#fff;}
.member dl {width:50%;padding-top:.3rem;}
.member dl dt{font-size:20px;color:#333;font-weight:bold;margin-bottom:.22rem;}
.member dl dd{font-size:16px;color:#333;padding-left:.27rem;position: relative;margin-bottom: .18rem;}
.member dl dd:before{position: absolute;content:'';width:.09rem;height:.09rem;border-radius: 50%;background:#E7E8EB;left:0;top:.075rem;}
.member dl dd:last-child{margin-bottom:0;}
@media screen and (max-width:1500px){
  .focus .swiper-slide img{object-fit: fill;}
  .ad_img {overflow: hidden;}
  .ad_img img{object-fit: fill;}
}
@media screen and (max-width:921px){
  .focus{margin-top: 90px;}
  .notice>.fl{width:100%;}
  .notice>.fr{width:100%;}
  .service .bd ul li{width:18%;margin-left:5.5%;margin-top:.2rem;}
}
@media screen and (max-width:768px){
    .focus{margin-top:1.1rem;}
    .navWrap{top:1.1rem;}
    .pcBanner{display: none;}
    .mpBanner,.banner{display: block;}
    .mpBanner .swiper-slide img{width:100%;object-fit: cover;height: 3.2rem;}
    .notice .fl .flex{flex-direction: column;}
    .notice .fl .flex .left_swiper{width:100%;margin-right:0;max-width:5.88rem;margin:0 auto .4rem;}
    .notice .fl .flex .right_list{width:100%}
    .notice>.fr{margin-top:.3rem;}
    .party .item{width:100%;}
    .party .item+.item{margin-top:.3rem;}
    .member>.flex{flex-direction: column;}
    .member .left{margin-right:0;width:100%;margin-bottom:.3rem;}
    .service .bd ul{display: flex;flex-wrap: wrap;display: -webkit-flex;}
    .service .bd ul:after{display: none;}
    
}
@media screen and (max-width:560px){
  .right_list ul li a h4{font-size:.27rem;line-height: .32rem;}
    .right_list ul li a p{font-size:.24rem;line-height: .29rem;}
    .notice .fr .right_list ul li a h4{font-size:.27rem;line-height: .32rem;}
    .service {padding-bottom:.4rem;}
    .service .hd h2{font-size:.36rem;}
    .service .hd img{width:.2rem;}
    .service .bd ul li p{font-size:.28rem;line-height: .42rem;}
    .service .bd{margin-top:.4rem;}
    .service .bd ul li {
      width: 22.4%;
      margin-left: 2%;
      margin-top: .2rem;
  }
  .service .bd ul li p{font-size:.23rem;}
  .ad_img img{width:8.7rem;max-width: none;object-fit: cover;}
  .party{padding-bottom:.4rem;}
  .party .tit h2{font-size:.38rem;}
  .party .item .title h2{font-size:.33rem;}
  .party .item .title a.fr{width:1.41rem;height:.5rem;line-height: .48rem;}
  .party .bd ul li{padding-left:1.4rem;}
  .party .bd ul li .txt h4{font-size:.28rem;}
  .party .bd ul li .txt p{font-size:.25rem;}
  .party .bd ul li .date{width:1.2rem;height:1rem;border-radius: .08rem;}
  .party .bd ul li .date span.day{font-size:.4rem;line-height: .5rem;}
  .party .bd ul li .date span.year {
    font-size: .25rem;
    line-height: .3rem;
  }
  .member .title h2 .iconfont{font-size:.35rem;}
  .member .left ul{padding:.1rem .36rem;}
  .member .left ul li,.member .left ul li a{width:2.93rem;height:1.03rem;}
  .member .left ul li a{font-size:.28rem;}
  .member .left ul li .iconfont{font-size:.42rem;}
  .member dl dt{font-size:.3rem;}
  .member dl dd{font-size:.26rem;}
  .member dl dd:before{top:.12rem;}
}