#wrap {width:100%;min-height:100vh;background:#fff;margin-top:1rem;}
.swiper-container {width:100%;position:relative;}
.swiper-container .pc-banner{display:block;}
.swiper-container .mobile-banner{display:none !important;}
.swiper-container .swiper-slide{width:100%;}
.swiper-container .swiper-slide img {width:100%;display:block;margin:0 auto;}

.swiperP {display:block;z-index:9988;}
.swiperP img {width:100%;height:100%;}
.swiperP .swiper-pagination .swiper-pagination-bullet {width:0.1rem;height:0.1rem;margin:0.1rem !important;border:0.02rem solid #dadada;border-radius:50%;border:2px solid #dadada;background:#fff;}
.swiperP .swiper-pagination .swiper-pagination-bullet-active {width:0.35rem;height:0.1rem;background:#dadada;border-radius:0.3rem;opacity:1;}
.swiperP .swiper-button-prev,.swiperP .swiper-button-next {background-image:none;top:4.8rem;}
.swiperP .swiper-button-prev img,.swiperP .swiper-button-next img {width:0.7rem;height:1.4rem;}
.swiperP .swiper-button-next {right:0.58rem;top:5.8rem;}
.swiperP .swiper-button-prev {left:0.58rem;top:5.8rem;}
.swiperP .swiper-button-prev::after,.swiperP .swiper-button-next::after {content:"";}
.swiperM {display:none;}
.topBox video {height:100%;width:100%;object-fit:cover;position:relative;font-size:0;}
.topBox img {height:100% !important;width:100%;}

#wrap .tbWrap {width:16rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
#wrap .titBox {width:16rem;margin:0 auto;margin-bottom:0.9rem;text-align:center;}
#wrap .titBox h2 {font-size:0.5rem;font-weight:400;color:#1d1d1d;margin-bottom:0.3rem;}
#wrap .titBox p {font-size:0.3rem;font-weight:300;color:#666;}

.tBanner {width:100%;padding:0.65rem 1.58rem 0.7rem 1.58rem;background:#f6f8fc;box-sizing:border-box;}
.tBanner .tbTxt h3 {height:0.5rem;font-size:0.5rem;font-weight:400;margin-bottom:0.27rem;color:#000;line-height:0.77rem;}
.tBanner .tbTxt h4 {font-size:0.5rem;font-weight:300;color:#000;line-height:0.66rem;margin-bottom:0.4rem;}
.tBanner .tbTxt p {font-size:0.25rem;font-weight:300;color:#666;line-height:0.52rem;width:10rem;padding-right:0.5rem;}
.tBanner .tbImg {margin-top:0.2rem;}
.anLi {width:100%;padding:1.35rem 0;box-sizing:border-box;}
.anliBox {width:16rem;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.anliBox .item {width:24%;position:relative;margin-bottom:0.2rem;overflow:hidden;}
.anliBox .item .picW{width:3.9rem;overflow:hidden;border-radius:8px;}
.anliBox .item .picW img { vertical-align:top;width:100%}
.anliBox .item h3 {width:100%;height:0.78rem;text-align:center;line-height:0.78rem;font-size:0.33rem;color:#fff;position:absolute;bottom:0;left:0px;background:rgba(0, 0, 0, 0.3);border-radius:8px;}
.anliBox .item .anliMu {width:100%;height:0;position:absolute;top:0;left:0;display:none;z-index:2;background:#164ea3;transition:height 0.05ms linear;}
.anliBox .item .anliMu.txtMu {background:transparent;z-index:3;}
.anliBox .item .anliMu p {padding-left:0.57rem;padding-right:0.5rem;box-sizing:border-box;}
.anliBox .item .anliMu p:nth-child(1) {font-size:0.33rem;font-weight:400;color:#fff;padding-top:0.9rem;margin-bottom:0.44rem;}
.anliBox .item .anliMu p:nth-child(2) {font-size:0.25rem;font-weight:300;color:#fff;line-height:0.42rem;margin-bottom:0.95rem;}
.anliBox .item .anliMu p:nth-child(3) {font-size:0.25rem;font-weight:300;color:#fff;display:flex;align-items:center;cursor:pointer;}
.anliBox .item .anliMu p:nth-child(3) img {width:0.4rem;height:0.36rem;margin-left:0.17rem;}
.anliBox .item:hover .anliMu {display:block;height:100%;}

.fangAn {width:100%;padding:1.34rem 0 0 0;box-sizing:border-box;}
.heZuo {width:100%;box-sizing:border-box;background:#f6f8fc;padding:1.2rem 0;}
.hzList {width:16rem;margin:0 auto;}
.hzList ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hzList ul li  {width: 2.94rem;height: 1.14rem;margin: 0 0 0.2rem 0;display: flex;flex-direction: column;justify-content: center;align-items: center;box-shadow: 0 3px 16px rgba(35,110,251,.1);}
.hzList ul li img {width: 100%;height: 100%;}

.newsW {width:100%;padding:1.26rem 1.58rem 0.75rem 1.58rem;box-sizing:border-box;background:#f6f8fc}
.xwBox {width:16rem;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.xwBox .item {margin-bottom:0.75rem;min-width:6.5rem;background: #fff;padding: 15px;box-shadow:0 3px 16px rgba(35,110,251,.1);border-radius:8px;}
.xwBox .item a {display:inline;display:flex;}
.xwBox .item .xwImg {width:3.5rem;height:2.24rem;border-radius:0.04rem;overflow:hidden;margin-right:0.24rem;}
.xwBox .item .xwImg img {width:3.5rem;height:2.24rem;transition:.9s;}
.xwBox .item:hover .xwImg img {transform:scale(1.1);-webkit-transform:scale(1.1);}
.xwBox .item .xwInfo {margin-top:0rem;}
.xwBox .item .xwInfo span {display:block;font-size:0.24rem;font-weight:300;color:#666;margin-bottom:0.22rem;font-family: "Microsoft YaHei",Helvetica, Tahoma, Arial, sans-serif !important;}
.xwBox .item .xwInfo h3 {font-size:0.3rem;max-width:3.5rem;font-weight:400;color:#1d1d1d;height:1rem;line-height:0.4rem;margin-top:0.2rem;}
.xwBox .item .xwInfo p {display:flex;font-size:0.24rem;font-weight:300;align-items:center;color:#666;cursor:pointer;}
.xwBox .item .xwInfo p a {color:#333;}
.xwBox .item .xwInfo p img {width:0.31rem;height:0.28rem;margin-left:0.2rem;}
.xwBox .item:hover .xwInfo h3 {color:#0e9cda;}

.serviceBox {background:#fff;background-size:100%;background-position:center;position:relative;padding:80px 0 60px;}

.serviceBox  .titBox {margin-top:0.9rem;text-align:center;}
.icoImg {float:left;width:110px;height:220px;position:absolute;top:40px;left:25%;}
.icoImg img{border-radius:50%;padding:10px;background-color:#ffffff36;}
.serviceBox .serviceBlock .title a {font-size:22px;line-height:32px;color:#253d5f;margin-bottom:30px;}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after {font-family:Flaticon;font-size:inherit;font-style:normal;color:inherit;}
.serviceBox .serviceBlock {background:#fff;border-radius:5px;overflow:hidden;position:relative;z-index:5;padding:180px 30px 25px 40px;box-shadow: 0 3px 16px rgba(35,110,251,.1);border-radius: 8px;margin-bottom:.5rem; cursor:pointer;}
.serviceBox .serviceBlock:before {content:"";width:273px;height:273px;background:#3e76cb;border-radius:50%;position:absolute;top:-148px;left:-83px;transform:scale(0);}
.serviceBox .serviceBlock:hover:before {transform:scale(1);transition:all 0.5s linear;transition-delay:0.1s;}
.serviceBox .serviceBlock:hover {border-color:transparent;}
.serviceBox .serviceBlock .icon-s {position:absolute;font-size:65px;left:40px;top:52px;}
.serviceBox .serviceBlock .title a {font-size:22px;line-height:32px;color:#3a414e;margin-bottom:30px;}
.serviceBox .serviceBlock p {color:#737f92;padding-bottom:20px;font-size:14px;line-height:28px;font-weight:400;margin-top:15px;text-align:center;}
.serviceBox .serviceBlock .title {line-height:0.1;text-align:center;}
.serviceBox .serviceBlock .detail-button {font-size:40px;color:#cad5e5;}
.serviceBox .serviceBlock .hover-content {position:absolute;top:0;left:0;right:0;bottom:0;background:#164ea3;z-index:-3;opacity:0;transition:all 0.3s linear;}
.serviceBox .serviceBlock:hover .hover-content {opacity:1;}
.serviceBox .serviceBlock .hover-content:before {content:"";width:493px;height:493px;background:#366ec3;border-radius:50%;position:absolute;top:-250px;left:-180px;z-index:1;transform:translate(-50%, -50%);opacity:0;}
.serviceBox .serviceBlock:hover .hover-content:before {opacity:1;transform:translate(0, 0);transition:all 0.9s linear;}
.serviceBox .serviceBlock .hover-content:after {content:"";width:602px;height:602px;background:#245cb1;border-radius:50%;position:absolute;top:-196px;left:-180px;z-index:-1;transform:translate(-50%, -50%);opacity:0;}
.serviceBox .serviceBlock:hover .hover-content:after {opacity:1;transform:translate(0, 0);transition:all 1.3s linear;}
.serviceBox .serviceBlock:hover .detail-button,
.serviceBox .serviceBlock:hover .icon-s,
.serviceBox .serviceBlock:hover .title a,
.serviceBox .serviceBlock:hover p {color:#fff !important;}

.faBox{width:100%;overflow:hidden;}
#faList .faShadow {background:#fff;border-radius:4px;text-align:center;box-shadow:0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);}
#faList .faShadow p {font-family:inherit;font-size:17px;line-height:1.5;margin:0 0 17px 0;font-weight:300;padding:10px 20px 15px;text-align:left;color:#333;}
#faList .faItem {text-align:center;padding:25px;opacity:.4;transform:scale3d(0.8, 0.8, 1);transition:all 0.3s ease-in-out;}
#faList .faItem h3 {margin:-17px auto 0;font-size:0.28rem;display:table;width:100%;background:#3190E7;padding:18px 15px 22px;border-radius:0 0 12px 12px;text-align:center;color:#fff;box-shadow:0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);}
#faList .owl-item.active.center .faItem {opacity:1;transform:scale3d(1.0, 1.0, 1);}
.owl-carousel .owl-item img {transform-style:preserve-3d;max-width:100%;margin:0 auto 17px;}
#faList.owl-carousel .owl-dots .owl-dot.active span,#faList.owl-carousel .owl-dots .owl-dot:hover span {background:#3190E7;transform:translate3d(0px, -50%, 0px) scale(0.7);}
#faList.owl-carousel .owl-dots{display:inline-block;width:100%;text-align:center;margin-top:0.5rem;}
#faList.owl-carousel .owl-dots .owl-dot{display:inline-block;}
#faList.owl-carousel .owl-dots .owl-dot span {background:#3190E7;display:inline-block;height:20px;margin:0 2px 5px;transform:translate3d(0px, -50%, 0px) scale(0.3);transform-origin:50% 50% 0;transition:all 250ms ease-out 0s;width:20px;border-radius:10px;}

.swiper-container1 {width:100%;height:100%;margin-bottom:0.3rem;position:relative;}
.swiper-container1 .swiper-slide {text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;}
.swiper-container1 img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.swiper-container1 .swiper-slide .title{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:500ms;opacity:0;text-decoration:none;}
.swiper-container1 .swiper-slide:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;transition:500ms;}
.swiper-container1 .swiper-slide:hover:before{background:#164ea3;opacity:.9;}
.swiper-container1 .swiper-slide:hover .title{top:0;opacity:1;}
.swiper-container1 .swiper-slide h3{font-size:20px;color:#fff;display:block;letter-spacing:2px;margin-bottom:0.2rem;}
.swiper-container1 .swiper-slide p{font-size:16px;color:#fff;position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:2.6;}
.hm1fldivs{position:relative;}
.zlswiper-but{position:absolute;z-index:2;top:0;bottom:0;margin:auto;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.zlswiper-prev{left:50px;opacity:0;}
.zlswiper-next{right:50px;opacity:0;}
.swiper-container1:hover .zlswiper-prev {left:80px;opacity:1;}
.swiper-container1:hover .zlswiper-next {right:80px;opacity:1;}

@media (max-width:751px) {
  #wrap {margin:1.3rem auto 0 auto;max-width:7.5rem;min-width:auto;}
  .serviceBox {padding:50px auto;}
  .swiperP {display:none !important;}
  .swiperM {display:block !important;}
  .swiperM .swiper-pagination .swiper-pagination-bullet {width:0.1rem;height:0.1rem;margin:0.05rem !important;border:0.02rem solid #dadada;border-radius:50%;border:1px solid #dadada;background:#fff;}
  .swiperM .swiper-pagination .swiper-pagination-bullet-active {width:0.1rem;height:0.1rem;background:#dadada;border-radius:3px;opacity:1;}
  .titBox,.anliBox,.tbWrap {width:auto !important;}
  #wrap .topBox {display:none;}
  #wrap .titBox p {display:none;}
  .tBanner {padding:0 0.27rem;min-height:2rem;}
  .tBanner .tbTxt h3 {font-size:0.32rem;font-weight:600;color:#000;margin:0.25rem 0 0 0;height:auto;}
  .tBanner .tbTxt h4 {font-size:0.29rem;font-weight:300;color:#000;margin-bottom:0.3rem;line-height:0.2rem;}
  .tBanner .tbTxt p {display:none;}
  .tBanner .tbImg {margin-top:0.3rem;}
  .tBanner .tbImg img {width:2rem;}
  .anLi {padding:0.92rem 0.27rem 0 0.27rem;margin-bottom:0.99rem;}
  .anLi .titBox {margin-bottom:0.52rem;}
  .anLi .titBox p:nth-child(1) {font-size:0.33rem;font-weight:400;color:#1d1d1d;margin-bottom:0;}
  .anLi .titBox p:nth-child(2) {display:none;}
  .anliBox {flex-wrap:wrap;}
  .anliBox .item {width:3.29rem;height:2.85rem;background-size:100% 100% !important;}
  .anliBox .item a {display:inline-block;width:100%;height:100%;}
  .anliBox .item .anliMu {display:none !important;}
  .anliBox .item h3 {height:0.53rem;line-height:0.53rem;top:1.2rem;font-size:0.25rem;}
  #wrap .swiper-container {height:auto;}
  #wrap .swiper-container .swiper-slide {position:relative;height:auto;}
  #wrap .swiper-container .pc-banner {display:none;}
  #wrap .swiper-container .mobile-banner {display:block !important;}
  #wrap .swiper-container .swiper-slide {height:auto;}
  #wrap .swiper-container .swiper-slide img {height:100%;}
 
  .newsW {padding:1rem 0.27rem 0 0.27rem;}
  .newsW .titBox {margin-bottom:0.66rem;}
  .newsW .titBox p:nth-child(2) {display:none;}
  .newsW .titBox p:nth-child(1) {font-size:0.33rem;font-weight:400;color:#1d1d1d;margin-bottom:0;}
  .xwBox {width:100%;padding:0.53rem 0;background-color:#f6f8fc;}
  .xwBox .item {margin-bottom:0.2rem;}
  .xwBox .item:last-child {margin-bottom:0;}
  .xwBox .item .xwImg {width:2.57rem;height:1.54rem;margin-right:0.44rem;}
  .xwBox .item .xwImg img {width:2.57rem;height:1.54rem;}
  .xwBox .item .xwInfo {padding-top:0;display:flex;width:60%;flex-direction:column;justify-content:center;}
  .xwBox .item .xwInfo p {display:none;}
  .xwBox .item .xwInfo span {font-size:0.25rem;font-weight:400;color:#636363;margin-bottom:0;margin-top:0;}
  .xwBox .item .xwInfo h3 {font-size:0.3rem;font-weight:400;color:#1d1d1d;margin-bottom:0;max-width:none !important;height:auto !important;}
  #faList .faItem h3 {font-size:0.38rem;}
  .hzList {width:100%;}
  .hzList ul {padding:0 9px;}
  .hzList ul li {width:3.45rem;height:1.15rem;}
  .icoImg{left: 33%;}
 }