/* CSS Document */
/* 内页banner */
#n_header .m{ display: flex; height: 8.75rem; justify-content: space-between; align-items: center; max-width: 100%; }
#n_header .fr{ flex-grow: 1; display: flex; justify-content: space-between; align-items: center; max-width: 88rem; padding-right: 7rem;}
#n_header .menu_nav{ position: relative; right: 0; top: 0; flex-shrink: 0;}
#n_header .menu_nav .ico span{ background: #2794cb;}
#n_header .nav_line i{ background: #fff;}
#n_header #nav{ margin-left: 11rem;}
#n_header #nav ul li h3{ color: #343635;}
#n_header .menu_nav{  position: fixed; top: 1.875rem; right: 80px; transition: .5s; }
#n_header .menu_nav.fixed{ top: 1.875rem; opacity: 1; visibility: visible;}
.n_banner{ height: 38.75rem; position: relative; display: flex; align-items: center; justify-content: center;}
.n_banner .swiper{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.n_banner .swiper-wrapper{transition-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1.0, 0.1);}
.n_banner .swiper .inner{ height: 38.75rem; background-size: cover !important;}
.n_banner .txt{ position: relative; z-index: 99; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.n_banner .txt img{}
.n_banner .txt span{ font-size: 3rem; color: #fff;font-family: YuMoW04; display: block; margin-top: .875rem; margin-bottom: 1.125rem;}
.n_banner .txt h3{ font-size: 1.5rem; color: #ffffff;}

.n_banner .arr{ width: 3.5625rem; height: 3.5625rem; border-radius: 50%; background: rgba(255, 255, 255, .1); border: 1px solid rgba(0, 0, 0, .1);}
.n_banner .arr svg{ width: 1.25rem; height: 1.25rem;}
.n_banner .arr svg path{}
.n_banner .swiper-button-prev{ left: 2.5rem;}
.n_banner .swiper-button-next{ right: 2.5rem;}

.pro_search{ background: #f1f1f1; height: 16.125rem; position: relative; z-index: 9; overflow: visible !important;}
.pro_search .outbox{ background: #fff; height: 20.25rem; position: relative; top: -4.25rem; padding: 0 9.125rem; display: flex; justify-content: center; align-items: center;}
.pro_search .innerbox{ display: flex; width: 100%; justify-content: space-between; align-items: flex-end;}
.pro_search .left{ flex-grow: 1;}
.pro_search .right{ margin-left: 1.5rem; flex-shrink: 0;}
.pro_search .tt{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.25rem;}
.pro_search .tt h3{ font-size: 1.625rem; color: #000000; font-weight: bold;}
.pro_search .tt span{ font-size: 1.125rem; color: rgba(0, 0, 0, .4); text-transform: uppercase; margin-left: .875rem;}
.pro_search .tip{ font-size: .875rem; color: #343635;}

.pro_filter{ width: 100%; max-width: 100%;}
.pro_filter dl{ position: relative; }
.pro_filter dt{ height: 4.375rem; padding: 0 1.75rem;  font-size: 1.125rem; color: #343635; cursor: pointer; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.pro_filter dt i{ width: .75rem;}
.pro_filter dt i svg{ transform: rotate(180deg); transition: .5s;}
.pro_filter dt i path{ fill: #000000;}
.pro_filter dt.on i svg{ transform: rotate(0deg);}
.pro_filter dd{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; padding-top: 4.375rem; }
.pro_filter dd:before{ content: ""; display: block; border-radius: 6px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; border: 1px solid #e5e7eb; z-index: -1;}
.pro_filter dd .box{ padding: 0 1px 1rem; display: none; }
.pro_filter dd .box a{ display: block; color: #333; border-top: 1px solid #e5e7eb;  padding:.5rem 1.75rem; font-size: 1.125rem; line-height: 2; transition: .3s;}
.pro_filter dd .box a.on{ background: #f6f6f6;}
.pro_filter dd .box a:hover{ background: #f6f6f6;}

.btn_change{ width: 7.5rem; height: 4.375rem; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #fff; background: #2794cb;}

.pro_ad{ background: #f1f1f1;}
.pro_ad .m{ display: flex; justify-content: space-between; align-items: center;}
.pro_ad .txt{ flex-shrink: 0; width: 50%;}
.pro_ad .txt .ico{ margin-bottom: 8.75rem; height: 4.75rem;}
.pro_ad .txt span{ font-size: 1.5rem; color: rgba(160, 164, 167,.6); text-transform: uppercase; font-family: YuMoW03; display: block; margin-bottom: 5px; }
.pro_ad .txt h4{ font-size: 1.875rem; margin-bottom: 1.5rem;}
.pro_ad .txt p{ font-size: 1.125rem; color: rgba(81, 82, 83, 0.8);}
.pro_ad .videobox{ flex-grow: 1;    background: #fff;}
.pro_ad .videobox video{display: block;text-align: center;}
.foot_mask{ display: none;}
.prolist{}
.prolist ul{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 3.5rem; row-gap: 3.5rem;}
.prolist ul li{}
.prolist ul li a{ display: block; position: relative; border-radius: 6px; overflow: hidden;}
.prolist ul li a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; transition: .5s; left: 0; top: 0; z-index: 9; opacity: 0; visibility: hidden; border: 1px solid #2794cb; border-radius: 6px;}
.prolist ul li .img{}
.prolist ul li .img img{ display: block; padding: 10% 10%;}
.prolist ul li .txt{ background: #fff; padding: 3.75rem 2.25rem;}
.prolist ul li .txt span{ font-size: .875rem; color: #2794cb; font-family: YuMoW04; display: block; margin-bottom: .375rem; text-transform: uppercase;}
.prolist ul li .txt h5{ font-size: 1.25rem; color: #000000; margin-bottom: 1.875rem;}
.prolist ul li .txt p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: rgba(1, 1, 1, 0.8); margin-bottom: 3rem;}
.prolist ul li .txt i{ width: 30px; opacity: .9;
    height: 10px; 
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-image: url(../image/jt_1.png); }
.prolist ul li:hover .txt i{ width: 60px; }
.prolist ul li:hover a:before{ opacity: 1; visibility: visible;}
 #foot{     
    /* -webkit-mask-image: url(https://img-blog.csdn.net/20170701221732018); */
    /* -webkit-mask-image: url(../images/arrow_down.svg) repeat; */
    -webkit-mask-image:url(https://www.jumiya.com/static/style/pc/images/20170701221732018) repeat;
}
section{ background: none;}

/*翻页*/
.page { text-align:center; font-size: 0; color:#0a0a0a; display: flex; align-items: center; justify-content: center; flex-flow: wrap;    margin-top: 50px;}
.page .box{ margin-top:4rem; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 10px; min-width: 35px; line-height:33px; height: 35px; box-sizing: border-box; border-radius: 2px; display:block; text-transform: capitalize; border: 1px solid #d6d9e1; background: #fff; margin:0 5px; color:#66635f; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;  }
.page .on{ background:#2794cb; color:#fff; border: 1px solid #2794cb;  }
.page a[href]:hover{ background:#2794cb; border: 1px solid #2794cb; color:#fff; text-decoration:none; }
.page span{ line-height:30px; display:inline-block; margin:0 8px; font-size:.875rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
 
.pro_thumbs{ height: calc(100vh - 8.75rem); position: relative; z-index: 1; width: 100%; overflow: hidden;}
/* .pro_thumbs .m1{ max-width: none;} */
.pro_thumbs .relative{ position: relative; height: 100%;}
.pro_thumbs .hd{ width: 9.125rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
/* .pro_thumbs .hd .swiper{ height: 16rem;} */
.pro_thumbs .hd .swiper{ height: 15rem;  }
.pro_thumbs .hd .img{ width: 9.125rem; margin-bottom: 1.25rem; height: 4.125rem; position: relative; cursor: pointer;  }
.pro_thumbs .hd .img:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #2794cb; opacity: 0; visibility: hidden;}
.pro_thumbs .hd .swiper-slide-thumb-active .img:before{ opacity: 1; visibility: visible; }

.pro_thumbs .bd{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.pro_thumbs .bd .swiper{ width: 100%; height: 100%;}
.pro_thumbs .bd .img{ width: 100%; height: 100%;}
.pro_thumbs .bd .img img{ object-fit: cover;}

.pro_thumbs{}
.pro_thumbs .txt{ background: #fff; padding: 3.75rem 4.25rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.pro_thumbs .txt h4{ font-size: .875rem; color: #2794cb; font-family: YuMoW04; text-transform: uppercase;}
.pro_thumbs .txt h3{ font-size: 1.875rem; color: #000000; margin-bottom: 1.625rem;}
.pro_thumbs .txt .tag{ padding: .9375rem 1.25rem; color: #fff; background: #2794cb; border-radius: 4px; margin-bottom: 1.25rem;}
.pro_thumbs .txt .con{ font-size: .875rem; line-height: 1.875rem; color: rgba(1, 1, 1, 0.8); margin-bottom: 3.5rem; }
.pro_thumbs .txt .flex{ display: flex; align-items: center; justify-content: space-between;}
.pro_thumbs .txt .flex span{ font-size: .875rem; color: #000000;}
.btn_buy{ display: block; width: 9.375rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 1.5rem; background: #2794cb; color: #fff; font-size: 1rem;}

.n_pro_intro{ background: #fff;}
.n_pro_intro .hd{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 5rem; padding-bottom: 2.25rem; position: relative;}
.n_pro_intro .hd:before{ content: ""; display: block; width: 100%; height: 2px; left: 0; bottom: 0; background: #f1f1f1; position: absolute;}
.n_pro_intro .hd:after{ content: ""; display: block; width: 8.5rem; height: 2px; left: 0; bottom: 0; z-index: 1; background: #2794cb; position: absolute;}
.n_pro_intro .hd .tt{ display: flex; align-items: center;}
.n_pro_intro .hd .tt h3{ font-size: 2.25rem; color: #000000; margin-right: 1.125rem;}
.n_pro_intro .hd .tt span{ font-size: 1.125rem; color: rgba(135, 136, 140, 0.4); text-transform: uppercase; font-family: YuMoW04;}
.goback{ font-size: 1rem; color: rgba(0, 0, 0, 0.7); display: flex; align-items: center;}
.goback svg{ margin-right: .625rem;}
.goback:hover svg path{ fill: #2794cb;}
video{ max-width: 100%; height: auto; object-fit: cover;}
.n_pro_intro .videobox{ position: relative; border-radius: .625rem; overflow: hidden; max-width: 100%;}
.n_pro_intro .videobox:after{ content: ""; display: block; width: 100%; height: 0; padding-top: 133.33%;}
.n_pro_intro .videobox video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
/* .videobox video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} */
.n_pro_intro .videobox .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; z-index: 1; align-items: center; justify-content: center;}

.btn_play{ display: block; width: 5.4375rem; height: 5.4375rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.btn_play img{ position: relative; z-index: 99;}
  .btn_play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; border: 1px solid rgba(255, 255, 255, .6);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
  }
  .btn_play span:nth-of-type(2) {
    animation-delay: 1s;
  }
  .btn_play span:nth-of-type(3) {
    animation-delay: 2s;
  }
  .btn_play span:nth-of-type(4) {
    animation-delay: 3s;
  }
  @keyframes circleScale {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
      
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -ms-transform: scale(1.8);
      transform: scale(1.8);
    }
  }
  @keyframes circleScale1 {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      transform: scale(3);
    }
  }



.n_pro_intro{}
.n_pro_intro .bd1{ padding-bottom: 5rem; padding-left: 33rem;}
.n_pro_intro .txt{ text-align: right;}
.n_pro_intro .txt p{ font-size: 1.125rem; color: #000000;}
.n_pro_intro .txt h3{ font-size: 3.375rem; color: #000000; font-weight: bold; margin: .875rem 0 .75rem;}
.n_pro_intro .txt span{ font-size: 1.125rem; color: #000000; margin-left: 2rem; line-height: 1.5;}
.n_pro_intro .bd1{ display: flex; justify-content: flex-end; position: relative;}
.n_pro_intro .videobox{ width: 30rem; position: absolute; left: 0; top: 0;}
.n_pro_intro .videobox .mask:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: rgba(0, 0, 0, .3);}
.n_pro_intro .bd2 img{ display: block; width: 100%;}

.pro_huace{ background: #fff; width: 100%; overflow: hidden;}
.pro_huace .box{ display: block; background: #fff; border-radius: .5rem; overflow: hidden; transition: .5s; position: relative;}
.pro_huace .box .img{ position: relative;}
.pro_huace .box .img img{ display: block;}
.pro_huace .box .img:after{ padding-top: 160.94%;} 
.pro_huace:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 36.75%; background: #2794cb;}

.arrstyle .bd{ position: relative;}
.arrstyle .swiper-button-white{ width: 3.5rem; height: 3.5rem; border-radius: 50%; border: 1px solid #e2e2e2; transition: .5s; position: absolute; z-index: 9; display: flex; align-items: center; justify-content: center;}
.arrstyle .swiper-button-white .arr{ width: 1.25rem; height: 1.25rem;}
.arrstyle .swiper-button-prev{ left:-6rem;}
.arrstyle .swiper-button-next{ right:-6rem;}
.arrstyle .swiper-button-white:hover{ border: 1px solid #2794cb; background: #2794cb; } 
.arrstyle .swiper-button-white:hover svg path{ fill: #fff;}


.n_tt{ text-align: center; margin-bottom: 4rem;}
.n_tt span{ font-size: 2.25rem; color: #2794cb; font-family: YuMoW04; text-transform: uppercase; }
.n_tt h3{ font-size: 1.875rem; color: #000000; margin-top: 7px;}
.n_tt.white span{ color: #fff;}
.n_tt.white h3{ color: #fff;}


.pro_use{ position: relative; width: 100%; z-index: 1; overflow: hidden;}
.pro_use:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 70%; background: url(../image/pro_use_bg.jpg) center no-repeat; background-size: cover;}
.pro_use:after{ content: ""; display: block; position: absolute; left: 0; z-index: -1; bottom: 0; width: 100%; height: 30%; background: #2794cb;}
.pro_use .m{ display: flex; align-items: flex-start; justify-content: space-between;}
.pro_use .m .left{ flex-shrink: 0;}
.pro_use .m .right{ flex-grow: 1;}
.pro_use .arrbox{ display: flex; justify-content: flex-end; margin-bottom: 5rem;}
.pro_use .arr{ width: 3.5rem; height: 3.5rem; cursor: pointer; margin-left: 1.25rem; background: rgba(255, 255, 255, .1); border-radius: 50%; border: 1px solid #e2e2e2; transition: .5s; display: flex; align-items: center; justify-content: center;}
.pro_use .arr:hover{ border: 1px solid #2794cb; background: #2794cb;}
.pro_use .arr:hover svg path{ fill: #fff;}
.pro_use .arr svg{ width: 1.25rem;}
.pro_use .left{}
.pro_use .txt{ padding-top: 4rem;}
.pro_use .txt .tt{ margin-bottom: 5rem;}
.pro_use .txt .tt h3{ font-size: 2rem; color: #000000; line-height: 2.9375rem;}
.pro_use .txt .con{ font-size: 1rem; line-height: 2.25rem; color: #000000;}
.pro_use .swiper-slide{ display: flex; justify-content: flex-end;}
.pro_use .box{ display: inline-block; display: flex; flex-direction: column; align-items: center; padding-bottom: 2rem; }
.pro_use .box p{ text-align: center; font-size: 1.5rem; color: #fff; margin-top: 2rem;}
.pro_use .pic{ display: flex; align-items: center; justify-content: center;}
.pro_use .pic img{ max-height: 33.5rem; max-width: 16rem; width: 100%;}
.n_zixun{ position: relative;}
.n_zixun .m{ display: grid; grid-template-columns: repeat(2,1fr); align-items: center;}
.n_zixun .txt{}
.n_zixun .txt img{ display: block;}
.n_zixun .txt span{ font-size: 2.5rem;line-height: 1.05; color: #010101; font-family: YuMoW04; text-transform: uppercase; display: block; margin-top: 1.25rem; margin-bottom: 1rem; }
.n_zixun .txt h3{ font-size: 1.5rem; color: #000000; margin-bottom: 2.5rem; }
.n_zixun .txt p{ font-size: 1.5rem; color: #000000; line-height: 2.625rem; }
.n_zixun .img{height: 19.6875rem;}
.n_zixun .img img{ object-fit: cover;}
.n_guanzhu{ background: url(../image/n_guanzhu_bg.jpg) center top no-repeat; background-size: cover; position: relative;}
.n_guanzhu ul{ display: flex; grid-template-columns: 1px repeat(4,1fr) 1px; justify-content: space-between;}
.n_guanzhu ul li.line{ width: 1px; background: rgba(255, 255, 255, 0.4);}
.n_guanzhu ul li{ position: relative; width: 305px; }
.n_guanzhu ul li:before{ content: ""; display: block; width: 100%; padding-bottom: 100%;}
.n_guanzhu ul li .box{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.n_guanzhu ul li .box i{ position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/n_guanzhu_circle.png) center no-repeat; background-size: contain;}
.n_guanzhu ul li .box img{ width: 100%; max-width: 40%;}
.n_guanzhu ul li .box p{ font-size: 1rem; color: #000000; margin-top: 6px; text-align: center; max-width: 60%;}
.n_guanzhu ul li:hover i{ animation: roll_5 14.2s linear infinite forwards;}

#canvas{
  position: absolute;
  width: 100vw;
  bottom: 0;
  left: 0;
  margin: 0;
  height: 9.375rem;
  z-index: 4;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  opacity: 1;
 }

.n_huodong{}
.n_huodong ul{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 3.5rem; row-gap: 3.125rem;}
.n_huodong ul li{ transition: .5s; overflow: hidden; position: relative;}
.n_huodong ul li a{ padding: .9375rem; display: block; background: #fff;}
.n_huodong ul li .img{ position: relative;}
.n_huodong ul li .img img{ display: block;}
.n_huodong ul li .txt{ padding: 2.375rem 0; transition: .5s;}
.n_huodong ul li .txt:after{ content: ""; display: block; width: 100%; height: 3px; background: #e6e7ec; position: absolute; right: 0; bottom: 0; transition: .5s;}
.n_huodong ul li .txt:before{ content: ""; display: block; width: 0; height: 3px; background: #2794cb; z-index: 9; position: absolute; right: 0; bottom: 0; transition: .5s;}
.n_huodong ul li .date{ position: absolute; bottom: 1.875rem; right: 1.875rem; width: 3.75rem; height: 3.75rem; font-size: .875rem; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-transform: uppercase; transition: .5s; }
.n_huodong ul li .date span{ display: block; font-size: 1.5rem; font-weight: bold;}
.n_huodong ul li .txt h5{ font-size: 1.125rem; color: #43454a; font-weight: bold; margin-bottom: .75rem; transition: .5s;}
.n_huodong ul li .txt p{ font-size: .875rem; line-height: 1.5rem; color: #120c09; height: 3rem; overflow: hidden; margin-bottom: 1.5rem;}
.n_huodong ul li .txt span{ font-size: .875rem; color: #120c09; display: flex; align-items: center;}
.n_huodong ul li .txt span svg{ margin-right: .5rem;}
.n_huodong ul li:hover{  box-shadow: 2px 8px 30px 10px rgba(171, 173, 176, 0.31);}
.n_huodong ul li:hover .date{ opacity: 1; visibility: visible; transform: translateY(0); background: #2794cb;}
.n_huodong ul li:hover .txt{ background: #fff;}
.n_huodong ul li:hover .txt:before{ width: 100%; left: 0; right: auto;}
.n_huodong ul li:hover h5{ color: #2794cb;}

.n_title{ position: relative;}
.n_title .m{ display: flex; align-items: center; justify-content: space-between;}
.n_title:before{ content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #edeff1; transition: .5s;}
.position{ font-size: 1rem; color: #343635; display: flex; align-items: center;}
.position a{ transition: .3s;}
.position span{ color: #2794cb;}
.position i{ display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #a2a6a9; margin: 0 .875rem;}
.position a:hover{ color: #2794cb;}
.n_nav{ display: flex;}
.n_nav a{ display: flex; line-height: 6.5rem; margin-left: 4.25rem; font-size: 1.125rem; transition: .3s; position: relative;}
.n_nav a:after{ content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute;  left: -1.25rem; bottom: calc(50% + 5px); background: #2794cb; transform: scale(0); opacity: 0; visibility: hidden; transition: .5s;}
.n_nav a:before{ content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #2794cb; transform: scale(0); opacity: 0; visibility: hidden; transition: .5s;}
.n_nav a:hover{ color: #2794cb;}
.n_nav a:hover:before,.n_nav a:hover:after{ transform: scale(1); visibility: visible; opacity: 1;}
.n_nav a.on{ color: #2794cb;}
.n_nav a.on:before,.n_nav a.on:after{ transform: scale(1); visibility: visible; opacity: 1;}


/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #2794cb;}
#bnt_back { position: absolute; left: 1rem; top: 0; }
#bnt_back svg { fill: #fff; height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }

#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }

#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 20px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }

#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 1px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #ca9e4e; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #2794cb; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; width: 33.333333%; display: inline-block; margin-bottom: 0; float: left; text-align: center; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #ca9e4e; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #ca9e4e; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #2794cb;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #ca9e4e; }

.n_news_xq{}
.n_news_xq .m{ display: flex; align-items: flex-start;}
.n_news_xq .right_con{ width: 23.75rem; flex-shrink: 0; margin-left: 4.625rem; position: sticky; top: 4rem;}
.n_news_xq .left_con{}

.ar_title{ padding-bottom: 2rem; position: relative; margin-bottom: 3rem;}
.ar_title h3{ font-size: 1.875rem; color: #000000; font-weight: bold; line-height: 1.5; margin-bottom: 1rem;}
.ar_title .date{ font-size: .875rem; color: #2794cb; font-family: YuMoW03; display: flex; align-items: center;}
.ar_title .date svg{ margin-right: 6px;}
.ar_title:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #cfd0d3; }
.ar_title:after{ content: ""; display: block; width: 52px; height: 1px; position: absolute; left: 0; bottom: 0; background: #2794cb; }

.news_tuijian{ background: #fff; padding: 2.5rem 2rem;}
.news_tuijian .tt{ font-size: 1.25rem; color: #000000; font-weight: bold; margin-bottom: 2rem;}
.news_tuijian .tt span{ font-size: 1.125rem; color: #2794cb; text-transform: uppercase; font-family: YuMoW03; font-weight: normal;}
.news_tuijian ul{}
.news_tuijian ul li+li{ border-top: 1px dotted #969696;}
.news_tuijian ul li a{ display: block; padding: 1rem 0;}
.news_tuijian ul li h4{ font-size: 1rem; line-height: 1.625rem; max-height: 3.25rem; overflow: hidden; color: #000000; transition: .5s;}
.news_tuijian ul li span{ font-size: 1rem; color: #c7c7c7; font-family: YuMoW03; transition: .5s; display: block; margin-bottom: .5rem;}
.news_tuijian ul li:hover h4{ color: #2794cb;}
.news_tuijian ul li:hover span{ color: #2794cb;}
.ar_fot{ display: flex; justify-content: space-between; margin-top: 2.5rem;}
.ar_fot a{ display: flex; align-items: center; font-size: 1rem; color: #4e4e4e;}
.ar_fot a svg{ margin: 0 .875rem;}
.ar_fot a:hover{ color: #2794cb;}
.ar_fot a:hover path{ fill: #2794cb;}

.n_tt2{ text-align: center; margin-bottom: 3.125rem;}
.n_tt2 i{ display: block; font-size: 4.5rem; font-family: YuMoW04; height: 3rem; overflow: hidden; color: #2794cb; letter-spacing: -4px;}
.n_tt2 span{ font-size: 2.25rem; color: #010101; display: block; font-family: YuMoW04; text-transform: uppercase; margin-top: .9375rem; }
.n_tt2 h3{ font-size: 1.5rem; color: #343635; margin-top: .5rem;}
.n_tt2 p{ font-size: 1rem; color: rgba(0, 0, 0, 0.7); margin-top: 2.375rem; line-height: 1.5;}
.n_about{ width: 100%; overflow: hidden;}
.n_about .con{ }
.n_about .con .ar_article{ font-size: .9375rem; }
.n_about .con .ar_article p{ font-size: .9375rem;}
.n_jituan{height: 28.8125rem; display: flex; align-items: center; background: url(../image/n_jituan_bg.png) center no-repeat; background-size: contain;}
.n_jituan>div{ display: flex; justify-content: space-between; width: 100%;}
.n_jituan ul{ display: flex; flex-direction: column; justify-content: space-between; height: 13.5rem; flex-grow: 1;}
.n_jituan ul li{}
.n_jituan ul li h3{ display: flex; align-items: center; margin-bottom: .75rem;}
.n_jituan ul li h3 svg{ width: 2rem; height: 2rem; margin-right: 1rem;}
.n_jituan ul li h3 span{ font-size: 1.25rem; color: #2794cb;}
.n_jituan ul li p{ font-size: 1.125rem; color: #010101; line-height: 1.5;}
.n_jituan img{ flex-shrink: 0;margin-right: 6px;}
.n_jituan .logo_jituan{ display: flex; align-items: center; justify-content: center; width: 21rem;}
.n_jituan ul:nth-child(3){ align-items: flex-end; text-align: right;}
.n_jituan ul:nth-child(3) li h3{ justify-content: flex-end;}
.n_jituan ul li.line{ width: 100%; height: 1px;  background-image: -moz-linear-gradient( 180deg, transparent 0%, #dbdcdd 100%);
  background-image: -webkit-linear-gradient( 180deg, transparent 0%, #dbdcdd 100%);
  background-image: -ms-linear-gradient( 180deg, transparent 0%, #dbdcdd 100%); }

  .n_jituan ul:nth-child(3) li.line{ background-image: -moz-linear-gradient( 360deg, transparent 0%, #dbdcdd 100%);
    background-image: -webkit-linear-gradient( 360deg, transparent 0%, #dbdcdd 100%);
    background-image: -ms-linear-gradient( 360deg, transparent 0%, #dbdcdd 100%); }

.n_shuzi{ position: relative; z-index: 1; width: 100%; height: 35.875rem;}
.n_shuzi .bg{ height: 27.5rem; background: url(../image/n_shuzi_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; position: absolute; width: 100%; left: 0; top: 0; z-index: -1;}
.n_shuzi ul{ display: flex; justify-content: space-between;}
.n_shuzi ul li{ flex-grow: 1; max-width: 19.375rem;}
.n_shuzi ul li .box{ background: #2794cb; color: #fff; padding: 0 2.5rem; height: 26.875rem; border-radius: 10rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.n_shuzi ul li .box:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: -2.5rem; border-radius: 10rem;
  background-image: -moz-linear-gradient( 90deg, transparent 50%, rgba(32, 143, 199, 0.3) 100%);
  background-image: -webkit-linear-gradient( 90deg, transparent 50%, rgba(32, 143, 199, 0.3) 100%);
  background-image: -ms-linear-gradient( 90deg, transparent 50%, rgba(32, 143, 199, 0.3) 100%); }
.n_shuzi ul li h4{ display: flex; align-items: flex-start;}
.n_shuzi ul li h4 span{ font-size: 3.75rem;font-family: BarlowCondensed-Medium; }
.n_shuzi ul li h4 i{ font-weight: bold; font-size: 1.25rem; margin-top: .75rem; margin-left: 5px;}
.n_shuzi ul li h3{ width: 14.375rem; height: 4.375rem; margin-top: 1rem; margin-bottom: .875rem; display: flex; align-items: center; justify-content: center; border-radius: 2.25rem; background: #fff; color: #2794cb; font-size: 1.125rem;}
.n_shuzi ul li .box>span{ font-size: 1rem; color: rgba(255, 255, 255, 0.4);font-family: BarlowCondensed-Medium; margin-bottom: 3.25rem; text-align: center; line-height: 1.125rem; text-transform: uppercase; }
.n_shuzi ul li svg{ height: 2.375rem;}

.n_tt3{ display: flex; align-items: center; margin-bottom: 3.5rem;}
.n_tt3 i{ display: block; width: 2px; margin-right: .625rem; height: 1.25rem; background:#2794cb;}
.n_tt3 h4{ font-size: 1.375rem; color: #2794cb;}

.n_chanye{ width: 100%; overflow: hidden;}
.n_chanye .n_tt3{ margin-bottom: 0;}
.n_chanye .centerbox{ display: flex; align-items: center; justify-content: center;}
.n_chanye .relative{ position: relative; width: 54.5625rem;}
.n_chanye ul{}
.n_chanye ul li{ position: absolute;}
.n_chanye ul li span{ width: 6.5625rem; height: 6.5625rem; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; color: #fff; font-size: 2.5rem;font-family: BarlowCondensed-Medium; background: #2794cb;}
.n_chanye ul li span:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(248, 153, 75, 0.05); transform: scale(1.3); border-radius: 50%;}
.n_chanye ul li p{ position: absolute; display: flex; align-items: center; white-space: nowrap; font-size: 1.1rem; color: #000000; left: 50%; transform: translateX(-50%); margin-top: 2.375rem;}
.n_chanye ul li p i{ display: block; width: 14px; height: 14px; margin-right: 1rem; border-radius: 50%; background: rgba(248, 153, 75, 0.2); position: relative;}
.n_chanye ul li p i:before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #2794cb; transform: scale(.6);}
.n_chanye ul li:nth-child(1){ right: 95%; top: 62%;}
.n_chanye ul li:nth-child(2){ right: 70%; top: 85%;}
.n_chanye ul li:nth-child(3){ left: 50%; top: 95%; transform: translateX(-50%);}
.n_chanye ul li:nth-child(4){ left: 70%; top: 85%;}
.n_chanye ul li:nth-child(5){ left: 95%; top: 62%;}
.n_chanye ul li:nth-child(1) p{ right: 100%; transform: none; left: auto; top: 50%; margin-top: 0; transform: translateY(-50%); margin-right: 2rem;}
.n_chanye ul li:nth-child(5) p{ left: 100%; transform: none; right: auto; top: 50%; margin-top: 0; transform: translateY(-50%); margin-left: 2rem;}

.n_pinlei{}
.n_pinlei ul{ display: grid; grid-template-columns: repeat(5,1fr); column-gap: 1.6875rem;}
.n_pinlei ul li{ border-radius: 6px; border: 1px solid #2794cb89; background: url(../image/n_chanye_li.jpg) center no-repeat; background-size: cover;}
.n_pinlei ul li .box{ height: 26.875rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.n_pinlei ul li .icobox{ width: 6.625rem; height: 6.625rem; border-radius: 50%; margin-bottom: 2.5rem; position: relative; z-index: 1;}
.n_pinlei ul li .ico{ display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.n_pinlei ul li .ico svg{}
.n_pinlei ul li .icobox i{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../image/n_pinlei_circle.png) center no-repeat; background-size: contain;}
.n_pinlei ul li h4{ font-size: 1.5rem; margin-bottom: 1.5rem; color: #000000; font-weight: bold; text-align: center;}
.n_pinlei ul li .con{ font-size: 1rem; line-height: 1.875rem; color: #5e5f61; text-align: center;}
.n_pinlei ul li:hover .icobox i{ animation: roll_5 10s linear infinite forwards;}

.bg_chanye{ background: url(../image/chanye_bg.jpg) center bottom no-repeat; background-size: cover; width: 100%; overflow: hidden;}
.n_jishu{ background: url(../image/n_jishu_bg.jpg) center no-repeat; background-size: cover; width: 100%; overflow: hidden;}
.n_jishu .m{}
.n_jishu .bd{ display: grid; grid-template-columns: .49fr .52fr; align-items: center; column-gap: 3rem;}
.n_jishu .left{}
.n_jishu .left .tt{ display: flex; align-items: center; margin-bottom: 1.875rem;}
.n_jishu .left .tt img{ flex-shrink: 0; margin-right: 1.5rem;}
.n_jishu .left .tt span{ font-size: .875rem; line-height: 1.125rem; color: rgba(140, 156, 170, 0.3); text-transform: uppercase; font-family: POPPINS-SEMIBOLD;}
.n_jishu .left h3{ font-size: 2.875rem; color: #2f3032; font-weight: bold; margin-bottom: .5rem;}
.n_jishu .left h3 span{ color: #2794cb; font-style: italic; padding-right: 1rem;}
.n_jishu .left h4{ font-size: 2.0625rem; color: #2f3032; font-weight: bold; display: inline-block; position: relative; z-index: 1;}
.n_jishu .left h4:before{ content: ""; display: block; width: 90%; height: 22px; position: absolute; right: -2.5rem; bottom: -.5rem; z-index: -1; background-image: -moz-linear-gradient( 360deg, transparent 0%, rgba(248, 153, 75, 0.3) 100%);
  background-image: -webkit-linear-gradient( 360deg, transparent 0%, rgba(248, 153, 75, 0.3) 100%);
  background-image: -ms-linear-gradient( 360deg, transparent 0%, rgba(248, 153, 75, 0.3) 100%);}
.n_jishu .right{}
.n_jishu .right ul{}
.n_jishu .right ul li{ display: flex; position: relative; z-index: 1; border-bottom: 1px solid #d5dadf; align-items: flex-start; justify-content: space-between; padding: .875rem 1.25rem;}
.n_jishu .right ul li:before{ content:""; position:absolute; bottom:0; left:0; right:0; width: 100%; background:#2794cb; transition:.5s; z-index:-1; height:0}
.n_jishu .right ul li svg{ flex-shrink: 0; margin-right: 2.25rem; height: 1.25rem;}
.n_jishu .right ul li h4{ font-size: 1rem; line-height: 1.25rem; color: #000000; flex-grow: 1; transition: .5s;}
.n_jishu .right ul li span{ flex-shrink: 0; line-height: 1.25rem; font-size: .9375rem; color: #000; margin-left: 3rem;  transition: .5s;}
.n_jishu .right ul li:hover:before{ height:100%; top:0}
.n_jishu .right ul li:hover svg path{fill: #fff;}
.n_jishu .right ul li:hover h4{ color: #fff;}
.n_jishu .right ul li:hover span{ color: #fff;}
.n_keyan{background-image: -moz-linear-gradient( 270deg, #ffffff 48%, #eef2f6 60%); width: 100%; overflow: hidden;
  background-image: -webkit-linear-gradient( 270deg, #ffffff 48%, #eef2f6 60%);
  background-image: -ms-linear-gradient( 270deg, #ffffff 48%, #eef2f6 60%);}
.n_keyan .bd1{ display: flex; justify-content: space-between;} 
.n_keyan .bd1 .tt{ flex-shrink: 0;}
.n_keyan .bd1 .tt h3{ font-size: 1.875rem; color: #000000; font-weight: bold; display: flex; align-items: center;}
.n_keyan .bd1 .tt h3 i{ display: block; width: 3.75rem; height: 3px; background: #000000; flex-shrink: 0; margin-left: .5rem;}
.n_keyan .bd1 .tt h4{ font-size: 2.125rem; color: #2794cb; font-weight: bold; letter-spacing: .75rem; margin-top: .5rem; margin-bottom: 1rem;}
.n_keyan .bd1 .tt span{ font-size: 1.25rem; color: #dce1e9; font-family: YuMoW04; text-transform: uppercase;}
.n_keyan .bd1 .txt{ font-size: .9375rem; line-height: 2.25rem; color: #585858; max-width: 978px; margin-left: 3rem;}
.n_keyan .line{ width: 100%; height: 2px; background: #e8edf1; margin: 4.75rem 0;}
.n_keyan .bd2{}
.n_keyan .bd2 ul{ display: flex; justify-content: space-between;}
.n_keyan .bd2 ul li{ padding-right: 5rem; position: relative; z-index: 1;}
.n_keyan .bd2 ul li i{ display: block; position: absolute; font-size: 26.25rem; line-height: 19rem; color: rgba(181, 185, 188, 0.15); font-weight: bold; position: absolute; z-index: -1; right: -2rem; bottom: 0;}
.n_keyan .bd2 ul li .box{ background: #fff; height: 100%; width: 22.8125rem; max-width: 100%; padding: 1.25rem; border-radius: .625rem;}
.n_keyan .bd2 ul li .box .img{ border-radius: .625rem .625rem 0 0;}
.n_keyan .bd2 ul li .box .img img{}
.n_keyan .bd2 ul li .box .txt{ padding: 2.5rem 1.25rem;}
.n_keyan .bd2 ul li .box .txt h4{ font-size: 1.125rem; color: #201d1c; font-weight: bold; margin-bottom: 10px; line-height:1.7;}
.n_keyan .bd2 ul li .box .txt p{ font-size: .9rem; line-height: 1.5rem; color: #201d1c; }

.n_qicao{}
.n_qicao .m{ display: grid; grid-template-columns: .6fr .4fr; column-gap: 2.6875rem;}
.n_qicao .item{ position: relative; z-index: 1; height: 28.75rem; padding: 3rem 4rem; background: #f1f5f8; border-radius: 10px; border:2px solid #dfe5eb;}
.n_qicao .left .item{ display: flex; flex-direction: column; justify-content: center;}
.n_qicao .tt{ text-align: center; margin-bottom: 2rem; font-size: 1.375rem; color: #000000;}
.n_qicao ul{ display: flex; justify-content: space-between;}
.n_qicao em{ display: block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #e5e5e6; background: #fff; position: absolute; }
.n_qicao em:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #e5e5e6; transform: scale(.6); border-radius: 50%; }
.n_qicao em:nth-child(1){ left: 1.625rem; top: 1.625rem;}
.n_qicao em:nth-child(2){ right: 1.625rem; top: 1.625rem;}
.n_qicao em:nth-child(3){ left: 1.625rem; bottom: 1.625rem;}
.n_qicao em:nth-child(4){ right: 1.625rem; bottom: 1.625rem;}
.n_qicao .right .bd{ display: flex; align-items: center;}
.n_qicao .pic{ width: 13.8125rem; max-width: 100%; flex-shrink: 0;}
.n_qicao .txt{ font-size: 1rem; line-height: 1.875rem; color: #000000; margin-right: 2rem;}


.n_lunwen{ width: 100%; overflow: hidden; background: #fff; padding-bottom: 4rem;}
.n_lunwen .box{ display: grid; align-items: center; margin-bottom: 3rem; transition: .5s; grid-template-columns: 8.75rem 1fr; column-gap: 2rem; padding: 1.375rem; border-radius: 6px; background: #fff;}
.n_lunwen .box .img{ flex-shrink: 0;}
.n_lunwen .box .img img{}
.n_lunwen .box .img:after{ padding-top: 140%;}
.n_lunwen .box .txt{}
.n_lunwen .box .txt h5{ font-size: 1.125rem; color: #201d1c; font-weight: bold; margin-bottom: 1.125rem;}
.n_lunwen .box .txt p{ font-size: .9375rem; color: #201d1c; line-height: 1.5rem; max-height: 3rem; overflow: hidden;}
.n_lunwen .box:hover{box-shadow: 0 11px 59px rgba(216, 223, 230, 0.8);}
 
#n_zhuanli{ overflow: hidden;}

.n_platform{ padding-bottom: 1rem;}

.n_plat01{ display: block; width: 100%; overflow: hidden; background: url(../image/n_plat_bg01.jpg) center no-repeat; background-size: cover;}
.n_plat01 .bd{ display: flex; align-items: center; justify-content: space-between;}
.n_plat01 .txt{ max-width: 1058px; margin-right: 4rem;}
.n_plat01 .txt h4{ font-size: 1rem; color: #343635; line-height: 1.5; font-weight: bold; margin-bottom: 2.125rem;}
.n_plat01 .con{ font-size: 1rem; line-height: 1.875rem; color: #343635;}
.n_plat01 .pic{ flex-shrink: 0; width: 16.625rem;}
.n_plat01 .pic img{}

.n_tt4{ font-size: 2.625rem; color: #2794cb; font-weight: bold; text-align: center; margin-bottom: 2.75rem;}
.n_tt4 span{ color: #010101;}
.n_plat_ys{ width: 100%; padding-bottom: 4rem; position: relative; z-index: 9;}
.n_plat_ys .n_tt5{ text-align: center;}
.n_plat_ys .n_tt5 span{ display: inline-block; font-weight: bold;}
.n_plat_ys .centerbox{ display: flex; align-items: center; justify-content: center;}
.n_plat_ys .relative{ position: relative; padding-top: 3.25rem;}
.plat_ys_bg{ width: 71.25rem; max-width: 100%;}
.n_plat_ys ul{}
.n_plat_ys ul li{ position: absolute;}
.n_plat_ys ul li h6{ display: flex; align-items: center; margin-bottom: 3rem;}
.n_plat_ys ul li h6 svg{ width: 2rem; height: 2rem;}
.n_plat_ys ul li h6 span{ font-size: 1.75rem; color: #010101; font-weight: bold; display: block; margin: 0 .5rem;}
.n_plat_ys ul li p{ font-size: 1rem; color: #343635; line-height: 2rem;}
.n_plat_ys ul li:nth-child(1){ top: 0; left: 0;}
.n_plat_ys ul li:nth-child(2){ top: calc(100% - 4rem); left: 0;}
.n_plat_ys ul li:nth-child(3){ top: 49%; transform: translateY(-50%); right: 0; text-align: right;}
.n_plat_ys ul li:nth-child(3) h6{ justify-content: flex-end;}
.plat_ys_boll{ position: absolute; z-index: 99; right: -1rem; bottom: -8rem; width: 15.9375rem;}
.plat_boll01{ position: absolute; z-index: 99; top: -7.5rem; right: 0; width: 17.4375rem;}
.plat_boll02{ position: absolute; z-index: 99; top: 40%; left: 0; width: 10.125rem;}
.plat_boll03{ position: absolute; z-index: 99; bottom: -5rem; left: 6rem; width: 14.125rem;}

.n_fenzijishu{ border-top: 1px solid #e5e8e9; width: 100%; overflow: hidden;}
.n_tt5{ font-size: 2.375rem; color: #2794cb; font-weight: bold; margin-bottom: 2.5rem; line-height: 3.125rem;}
.n_tt5 span{ color: #010101; display: block; font-weight: normal;}
.n_tt5 h4{font-size: 2.375rem; color: #010101;}
.n_tt5 h3{font-size: 2.375rem;  color: #2794cb; font-weight: bold;}
.n_tt5.center{ text-align: center;}
.n_fenzijishu .con{ font-size: 1rem; line-height: 2rem; color: #343635; margin-bottom: 3rem;}
.n_fenzijishu ul{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 1.25rem; row-gap: 1.25rem; position: relative;}
.n_fenzijishu ul li{}
.n_fenzijishu ul li .box{ position: relative; z-index: 1;}
.n_fenzijishu ul li .box:before{ content: ""; display: block; width: 0; height: 0; border-top: .9375rem solid transparent; border-left: .75rem solid transparent; border-right: .75rem solid transparent; border-top: .9375rem solid #efefef; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
.n_fenzijishu ul li .img{ border-radius: .9375rem .9375rem 0 0;}
.n_fenzijishu ul li .img img{}
.n_fenzijishu ul li .txt{ background: #efefef; padding: 3rem 3rem;border-radius: 0 0 .9375rem .9375rem;}
.n_fenzijishu ul li h5{ font-size: 1.5rem; color: #343635; font-weight: bold; text-align: center; margin-bottom: 1.25rem;}
.n_fenzijishu ul li p{ font-size: 1rem; line-height: 2rem; color: #343635; height: 4rem; text-align: center;}
.n_fenzijishu ul li i{ display: block; width: .9375rem; height: .9375rem; background: #fff; border-radius: 50%; border: 2px solid #2794cb; margin:  2.5rem auto 0;}
.n_fenzijishu ul li span{ font-size: 1.75rem; color: #2794cb; display: block; text-align: center; font-family: BarlowCondensed-Regular; margin-top: 1rem;}
.n_fenzijishu ul:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 3.375rem; background: #e5e8e9; z-index: -1;}

.n_tt2.white{}
.n_tt2.white i{ color: #fff;}
.n_tt2.white span{ color: rgba(255, 255, 255, 0.5);}
.n_tt2.white h3{ color: #fff;}
.n_plat2{ width: 100%; overflow: hidden; background: url(../image/n_plat2_bg.jpg) center no-repeat; background-size: cover;}
.n_plat2 .m{ text-align: center;}
.n_plat2 h4{ color: #fff; font-size: 1rem; font-weight: bold; margin-bottom: 2rem; line-height: 2;}
.n_plat2 .con{ color: #fff; font-size: 1rem; line-height: 2rem; }

.n_jishu2{ height: 39.75rem; overflow: hidden; width: 100%; }
.n_jishu2 .m{ position: static;}
.n_jishu2 .outbox{ }
.n_jishu2 .txt{ margin-right: 3rem; }
.n_jishu2 .txt .con{ font-size: 1rem; line-height: 2rem; color: #343635;}
.n_jishu2 .pic{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 47.5625rem; max-width: 50vw;}
.n_jishu2 .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-left: 20%; margin-top: 2%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25rem; line-height: 2.25rem;}

.n_jishu_ys{ border-top: 1px solid #e5e8e9;}
.n_jishu_ys ul{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 1.25rem; row-gap: 1.25rem;}
.n_jishu_ys ul li{}
.n_jishu_ys ul li .box{ border-radius: .9375rem; overflow: hidden;}
.n_jishu_ys ul li .txt1{ background: #2794cb; height: 16.25rem; padding-top: 4.375rem;}
.n_jishu_ys ul li .txt1 .tt{ text-align: center;}
.n_jishu_ys ul li .txt1 .tt h3{ font-size: 1.625rem; color: #efefef; margin-bottom: 5px;}
.n_jishu_ys ul li .txt1 .tt span{ font-size: 1rem; color: rgba(255, 255, 255, .5);}
.n_jishu_ys ul li .txt2{ background: #efefef; height: 23.75rem; position: relative; padding-top: 7.125rem;}
.n_jishu_ys ul li .txt2 .icobox{ width: 7.875rem; height: 7.875rem; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%) translateY(-50%); top:0;}
.n_jishu_ys ul li .txt2 .ico{ width: 100%; height: 100%; display: flex; position: relative; align-items: center; justify-content: center; background: #fff; border-radius: 50%;}
.n_jishu_ys ul li .txt2 .ico svg{ width: 3rem; height: 3rem;}
.n_jishu_ys ul li .txt2 .icobox:before,.n_jishu_ys ul li .txt2 .icobox:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; opacity: .4; border-radius: 50%; transform: scale(1.5);
  background-image: -moz-linear-gradient( 90deg, transparent 0%, #ffb273 100%);
  background-image: -webkit-linear-gradient( 90deg, transparent 0%, #ffb273 100%);
  background-image: -ms-linear-gradient( 90deg, transparent 0%, #ffb273 100%); transition: .7s;}
.n_jishu_ys ul li .txt2 .icobox:after{ transform: scale(1); opacity: 0;}
.n_jishu_ys ul li:hover .txt2 .icobox:before{ opacity: 0; transform: scale(1.9);}
.n_jishu_ys ul li:hover .txt2 .icobox:after{ opacity: .5; transform: scale(1.5);}
.n_jishu_ys ul li .txt2 .con{ text-align: center; font-size: 1rem; line-height: 1.875rem; height: 7.5rem; padding: 0 2rem;}
.n_jishu_ys ul li .txt2 i{ display: block; width: 44px; height: 25px; margin: 0 auto; margin-top: 1.5rem; background: url(../image/jishu_circle.png) center no-repeat; background-size: contain;}

.n_jizhi{ width: 100%; overflow: hidden; background: url(../image/n_jizhi_bg.jpg) center no-repeat; background-size: cover;}
.n_jizhi .bd{ display: flex; justify-content: space-between; align-items: center;}
.n_jizhi .bd .left{ mix-blend-mode: darken; margin-right: 3rem; width: 28.25rem; max-width: 90%;}
.n_jizhi .pic{ width: 28.25rem;}
.n_jizhi .pic img{ display: block;}
.n_jizhi ul{ display: grid; grid-template-columns: 1fr; row-gap: 2.375rem;}
.n_jizhi ul li{ display:  flex; align-items: center;}
.n_jizhi ul li .ico{ width: 7.0625rem; height: 7.0625rem; font-size: 1.625rem; margin-right: 1.75rem; color: #fff; border-radius: 50%; background: url(../image/n_jizhi_boll.png) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;}
.n_jizhi ul li .txt{}
.n_jizhi ul li .txt span{ font-size: 1.5rem; color: #2794cb; font-family: BarlowCondensed-Regular; display: block; margin-bottom: 7px;}
.n_jizhi ul li .txt p{ font-size: 1.125rem; color: #353535; line-height: 1.875rem;}
.n_jizhi ul li:hover .ico{  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: beat 0.7s 1;
  animation: beat 0.7s 1;}
.shili_ads{}
.shili_ads .box{ height: 35rem; background: url(../image/shili_ads_bg.jpg) center bottom no-repeat;  background-size: 100%; display: flex; align-items: center; padding-top: 2rem; flex-direction: column;}
.shili_ads .box span{font-family: HELVETICANEUELTPRO-HVCNO; font-size: 6.5625rem; text-transform: uppercase; color: transparent; display: inline-block; position: relative; -webkit-text-stroke-width:1px;  -webkit-text-stroke-color: #2794cb;}
.shili_ads .box h3{ font-size: 5.375rem; color: #2794cb; }
.shili_ads .box p{ font-size: .875rem; color: rgba(248, 153, 75, 0.6); text-align: center; text-transform: uppercase; line-height: 1.125rem; margin-top: 1.5rem;}
.shili_ads .box i{ display: block; width: 3.5625rem; height: 2rem; background: url(../image/shili_ads_ico.png) center no-repeat; background-size: contain; margin-top: 4.5rem;}
.shili_ads_guidao{ position: absolute; left: 60%; bottom: 1.75rem; width: 10.5625rem;}

.shili_qudao{ background: url(../image/shili_qudao_bg.jpg) center bottom no-repeat;}
.shili_qudao .centerbox{ display: flex; justify-content: center; padding-top: 3rem; position: relative;}
.shili_qudao .centerbox .relative{ position: relative; max-width: 77%;}
.shili_qudao .relative ul{}
.shili_qudao .relative ul li{ width: 5.125rem; height: 5.125rem; border-radius: 50%; position: absolute; z-index: 1;}
.shili_qudao .relative ul li .ico img{ display: block;  border-radius: 50%;}
.shili_qudao .relative ul li:nth-child(1){left: 20%;top: -6%;}
.shili_qudao .relative ul li:nth-child(2){left: -9%;top: 22%;}
.shili_qudao .relative ul li:nth-child(3){left: -9%;bottom: 22%;}
.shili_qudao .relative ul li:nth-child(4){left: 20%;bottom: -6%;}
.shili_qudao .relative ul li:nth-child(5){right: 20%;top: -6%;}
.shili_qudao .relative ul li:nth-child(6){ right: -9%; top: 22%;}
.shili_qudao .relative ul li:nth-child(7){ right: -9%; bottom: 22%;}
.shili_qudao .relative ul li:nth-child(8){ right: 20%; bottom: -6%;}
.shili_qudao_center{ width: 27.4375rem;}

.shili_qudao .relative ul li:before,.shili_qudao .relative ul li:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; opacity: .4; border-radius: 50%; transform: scale(1.5);
  background-image: -moz-linear-gradient( 270deg, rgba(255, 178, 115, 0.2) 0%, #ffb273 100%);
  background-image: -webkit-linear-gradient( 90deg, transparent 50%, rgba(32, 143, 199, 0.3) 100%);
  background-image: -ms-linear-gradient( 270deg, rgba(255, 178, 115, 0.2) 0%, #ffb273 100%); transition: .7s;}
.shili_qudao .relative ul li:after{ transform: scale(1); opacity: 0;}
.shili_qudao .relative ul li:hover:before{ opacity: 0; transform: scale(1.9);}
.shili_qudao .relative ul li:hover:after{ opacity: .5; transform: scale(1.5);}
.shili_qudao .mask{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 2rem;}
.shili_qudao .mask h3{ font-size: 1.375rem; color: #fff; line-height: 1.875rem;}


.shili_qudao .relative ul li .ico:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(1);
  left: 0;
  top: 24%;
  background-image: -moz-linear-gradient( 90deg, rgb(130 231 254) 0%, rgb(39 148 203) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(130 231 254) 0%, rgb(39 148 203) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(130 231 254) 0%, rgb(39 148 203) 100%);
  opacity: .3;
  transition: .5s;
  z-index: -2;
  border-radius: 50%;
  filter: blur(7px);
  }
  .shili_qudao .txt{ position: absolute; height: 11.5625rem; background: url(../image/shili_qudao_border.png) center no-repeat; padding: 0 7.25rem; background-size: 100% 100%; left: 0; top: 50%; transform: translateY(-50%); width: 100%; display: flex; justify-content: space-between;}
  .shili_qudao .txt ul{ display: flex;}
  .shili_qudao .txt ul li{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .shili_qudao .txt ul li svg{ width: 3rem; height: 3rem; }
  .shili_qudao .txt ul li p{ font-size: 1.125rem; color: #2794cb; margin-top: .875rem;}
  .shili_qudao .txt ul:nth-child(2) li{ margin-left: 4.625rem;}

.shili_koubei{}
.n_tt6{ text-align: center; font-size: 3rem; color: #000000; margin-bottom: 5rem;}
.n_tt6.white{ color: #fff;}
.shili_koubei .box{ display: flex; align-items: center; flex-direction: column;}
.shili_koubei .imgbox{ width: 14.75rem; max-width: 90%; border-radius: 50%; border: 2px solid #edeff3; padding: 10px;}
.shili_koubei .img img{ border-radius: 50%;}
.shili_koubei .img:after{ padding-top: 100%;}
.shili_koubei .box p{ font-size: 1.25rem; color: #000000; margin-top: 1rem;}
.shili_koubei .swiper{
  height:37.5rem;
  }
  .shili_koubei .swiper .swiper-slide{
  height:18.75rem;
  }

.tag_bot{ position: relative; text-align: right; width: 100%; transform: translateY(3.5rem); font-size: 1rem; color: rgba(0, 0, 0, 0.7);}

.shili_cepin{ background: url(../image/shili_cepin_bg.jpg) center top no-repeat; background-size: 100%; padding-top: 11.75rem;}
.shili_cepin .box{ position: relative; z-index: 1; padding: 4px; margin: 1rem .75rem 2rem;}
.shili_cepin .box:before{ content: ""; position: absolute; z-index: 3; display: block; width: 100%; height: 100%; left: 0; top: 0; background: url(../image/ipone.png) center no-repeat; background-size: 100% 100%;}
.shili_cepin .box .img{ border-radius: 20px; box-shadow: 0 8px 18px rgba(0, 0, 0, .3);}
.shili_cepin .box .img:after{ padding-top: 218.222%;}

.shili_honor{ background: #eceef2; }
.shili_honor .box{ position: relative; z-index: 1; }
.shili_honor .box .img{ border-radius: 10px; }
.shili_honor .box .img:after{ padding-top: 131.66%;}
.shili_honor .box p{ text-align: center; margin-top: 1.25rem; font-size: 1rem; color: #000000; line-height: 1.5;}
.shili_honor .arrstyle .swiper-button-white{ border: 1px solid #d4d6da;}

.shili_ads2{ height: 36.75rem; background: url(../image/shili_ads2_bg.jpg) center no-repeat; background-size: cover;}
.shili_ads2 .m{ display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;}
.shili_ads2 p{ font-size: 1.5rem; color: rgba(255, 255, 255, .7); line-height: 1.5;}
.shili_ads2 h3{ margin: 1rem 0 .75rem;}
.shili_ads2 h4{ font-size: 1.5rem; font-weight: bold; line-height: 1.5;}
.splitlist { line-height: 1.2; overflow: hidden; white-space: pre-wrap; }
.splitlist.flag span { -webkit-animation: fadeInRight 1.5s forwards; animation: fadeInRight 1.5s forwards; }
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }
.splitlist span.letters { color: #0054A3; }

.tixi_zhuanjia{}
.tixi_zhuanjia .bd{ display: flex; justify-content: space-between; margin-bottom: 5rem;}
.tixi_zhuanjia .bd .tt{ flex-shrink: 0; margin-right: 7rem;}
.tixi_zhuanjia .bd .tt h3{ font-size: 4.625rem; color: #2794cb; letter-spacing: 1.8125rem;}
.tixi_zhuanjia .bd .tt h4{ font-size: 1.875rem; color: #2794cb; margin: 5px 0 3px;}
.tixi_zhuanjia .bd .tt span{ font-size: 1.125rem; line-height: 1.875rem; text-transform: uppercase; color: rgba(0, 0, 0, 0.6);}
.tixi_zhuanjia .bd .txt{ flex-grow: 1;}
.tixi_zhuanjia .bd .txt h4{ font-size: 1rem; line-height: 1.875rem; color: #141414; font-weight: bold; margin-bottom: 1.25rem;}
.tixi_zhuanjia .bd .txt p{ font-size: 1rem; line-height: 1.875rem; color: #141414;}
.n_line{ width: 100%; height: 1px; background: #e1e3ea; margin: 6.25rem 0;}
.tixi_jiaoshou{ display: flex;}
.tixi_jiaoshou .pic{ width: 25.3125rem; border-radius: 10px; overflow: hidden; flex-shrink: 0; margin-right: 10px;}
.tixi_jiaoshou .pic img{ display: block;}
.tixi_jiaoshou .txt{ flex-grow: 1; border-radius: 10px; padding: 3rem 12rem; background: url(../image/n_jiaoshou_txt.jpg) center no-repeat; background-size: auto 100%; display: flex; flex-direction: column; justify-content: center; }
.tixi_jiaoshou .txt .tt{}
.tixi_jiaoshou .txt .tt h3{ font-size: 3rem; color: #fff; margin-bottom: 1.25rem;}
.tixi_jiaoshou .txt .tt h4{ font-size: 1.375rem; color: #ffffff; line-height: 2.4rem;}
.tixi_jiaoshou .txt .con{ font-size: 1rem; line-height: 2.25rem; color: #fff; margin-top: 4rem;}
.tixi_ys{}
.tixi_ys ul{ display: flex; justify-content: space-between;}
.tixi_ys ul li{}
.tixi_ys ul li h4{ font-size: 1.5rem; line-height: 1.5; margin-bottom: 2rem; color: #000000; text-align: center;}
.tixi_ys ul li .box{ position: relative;}
.tixi_ys ul li .box .txt{ position: absolute;  left: 0; top: 0; width: 100%; height: 100%; padding-top: 2.5rem; display: flex; align-items: center; flex-direction: column;}
.tixi_ys ul li .box .txt span{ font-size: 3.75rem; color: #ffffff; margin-bottom: 1.5rem;font-family:FRAHV; text-shadow: -0.872px 9.962px 10px rgba(231, 130, 47, 0.23);}
.tixi_ys ul li .box .txt p{ font-size: .875rem; color: #ffffff; line-height: 1.5rem; text-align: center; max-width:60%;}

.tixi_team{ position: relative; z-index: 1; background: #f1f3f6;}
.tixi_team:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 27.375rem; background: url(../image/tixi_team_bg.jpg) center top; background-size: cover;}
.tixi_team .tt{ text-align: center; color: #fff; font-size: 2.25rem; margin-bottom: 4.25rem;}
.tixi_team .box{}
.tixi_team .imgbox{ position: relative; overflow: hidden;}
.tixi_team .imgbox .img{ border: 3px solid #fff;}
.tixi_team .imgbox .img:after{ padding-top: 148.4375%;}
.tixi_team .imgbox .img img{}
.tixi_team .txt{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #a3a7ab; padding: 1.875rem; padding-top: 3.375rem; opacity: 0; visibility: hidden; transition: .5s;}
.tixi_team .txt h4{ font-size: 1rem; color: #ffffff; font-weight: bold; text-align: center; margin-bottom: 1.75rem;}
.tixi_team .txt .con{ font-size: .8125rem; line-height: 1.5rem; color: #fff; }
.tixi_team .box h6{ font-size: 1rem; color: #141414; text-align: center; margin-top: 1.375rem;}
.tixi_team .box:hover .txt{ opacity: 1; visibility: visible; top: 0;}
.tixi_team .swiper-button-white{ border: 0 !important; opacity: .7; top: 40%;}
.tixi_team .swiper-button-prev{ background: url(../image/tixi_team_left.png) center no-repeat !important; background-size: 2.75rem !important;}
.tixi_team .swiper-button-next{ background: url(../image/tixi_team_right.png) center no-repeat !important; background-size: 2.75rem !important;}
.tixi_team .swiper-button-white:hover{opacity: 1;}

.tixi_yixue{ background: #f1f3f6;}
.tixi_yixue .bd{ display: flex; justify-content: space-between;}
.tixi_yixue .bd .left{ display: flex; flex-direction: column; justify-content: space-between; margin-right: 3rem;}
.tixi_yixue .txt{ font-size: 1.375rem; color: #000000; line-height: 2.25rem;}
.tixi_yixue .right .pic{  }
.tixi_yixue .pic img{ display: block; }

.tixi_shijian{ background: url(../image/tixi_shijian_bg.jpg) center no-repeat; background-size: cover;}
.tixi_shijian .bd{ background: url(../image/tixi_shijian_bd.png) center top no-repeat; background-size: 100% 100%; padding: 6rem 15.625rem;}
.tixi_shijian .tt{ text-align: center; color: #fff; margin-bottom: 2.5rem;}
.tixi_shijian .tt p{ font-size: 1.5rem; color: #fff; display: inline-block; height: 51px; line-height: 51px; letter-spacing: 1rem; padding-left: 1rem; background: url(../image/tanghulu.png) center no-repeat; background-size: 99%;}
.tixi_shijian .tt h4{ font-size: 4.25rem; font-weight: 300; margin-top: 1.75rem;}
.tixi_shijian .tt span{ font-size: 1.125rem; text-transform: uppercase; line-height: 2.25rem; letter-spacing: 2px;}
.tixi_shijian ul{ display: flex; justify-content: space-between; align-items: center;}
.tixi_shijian ul li{ margin: 0 .5rem;}
.tixi_shijian ul li .box{ position: relative; z-index: 1;}
.tixi_shijian ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 23% 15%;}
.tixi_shijian .txt{ text-align: center; font-size: 1.125rem; line-height: 1.875rem; color: #fff; margin-top: 2.5rem;}

.tixi_shiyanshi{ background: #f1f3f6;}
.tixi_shiyanshi .bd{ display: flex; align-items: center;}
.tixi_shiyanshi .bd+.bd{ margin-top: 3.75rem;}
.tixi_shiyanshi .bd .tt{ flex-shrink: 0; margin-right: 4rem;}
.tixi_shiyanshi .bd .tt h3{ font-size: 1.875rem; color: #2794cb; font-weight: bold;}
.tixi_shiyanshi .bd .tt p{ font-size: 2.25rem; color: #424242; margin-top: .5rem; margin-bottom: 3px;}
.tixi_shiyanshi .bd .tt span{ font-size: .875rem; color: #424242; text-transform: uppercase; font-style: italic;}
.n_function{ flex-grow: 1; display: grid; grid-template-columns: repeat(3,1fr); column-gap: 2.5rem;}
.n_function li{}
.n_function li .box{ display: flex; height: 5.75rem; border-radius: 2.875rem; overflow: hidden; border: 1px solid #2794cb;}
.n_function li span{ display: block; width: 6.25rem; font-size: 1.5rem; font-weight: 900; height: 100%; background: #2794cb; border-radius: 0 0 2.625rem 0; color: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.n_function li .con{ font-size: .8rem; line-height: 1.25rem; color: #424242; padding: 0 1.25rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.n_youshi{ flex-grow: 1; display: grid; grid-template-columns: repeat(3,1fr); column-gap: 2.5rem;}
.n_youshi li{}
.n_youshi li .box{ height: 12.75rem; background: #fff; border-radius: 6.375rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 3.75rem;}
.n_youshi li .box h3{ font-size: 3rem; color: #000000; font-weight: 300;}
.n_youshi li .box h3 span{ font-size: 3rem; color: #2794cb; font-weight: bold;}
.n_youshi li .box h3 i{ font-style: italic; font-weight: 300;}
.n_youshi li .box p{ font-size: .9rem; line-height: 1.35rem; height: 2.5rem; color: #74777b; text-align: center; margin-top: 1rem;}

.tixi_jigou{}
.tixi_jigou .bd1{ position: relative; margin-bottom: 8.5rem;}
.tixi_jigou .bd1:before{ content: ""; display: block; width: 100%; height: 1px; background: #e4e5e6; position: absolute; top: 4.625rem;}
.tixi_jigou .bd1 ul{ display: flex; justify-content: space-between;}
.tixi_jigou .bd1 ul li img{ box-shadow: 30px 30px 66px 5px rgba(0,0,0,.1); max-width: 88%;}
.tixi_jigou .bd1 ul li:nth-child(odd){ margin-top: 8.5rem;}

.tixi_jigou .bd2{ position: relative; z-index: 1; }
.tixi_jigou .bd2:before{ content: ""; display: block; width: calc(100% - 10rem); left: 5rem; position: absolute; height: 1px; background: #e4e5e6;}
.tixi_jigou .bd2 ul{ display: flex; justify-content: space-between;}
.tixi_jigou .bd2 ul li{ position: relative;}
.tixi_jigou .bd2 ul li:before{ content: ""; display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #f89b4f; background: #fff; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%);}
.tixi_jigou .bd2 ul li .box{ padding-top: 1.5rem;}
.tixi_jigou .bd2 ul li .box h4{ font-size: 1.625rem; color: #000000; margin-bottom: .8125rem;}
.tixi_jigou .bd2 ul li .box p{ font-size: .875rem; line-height: 1.5rem; color: #585858;}
.tixi_jigou .bd2 ul li:nth-child(1):before{ left: 5rem;}
.tixi_jigou .bd2 ul li:nth-child(4):before{ left: auto; right: 5rem;}

.tixi_jiazhi{ background: #f1f3f6; width: 100%; overflow: hidden;}
.tixi_jiazhi .bd1{ display: flex; justify-content: space-between;}
.tixi_jiazhi .bd1 .left{ display: flex; flex-direction: column; justify-content: space-between; margin-right: 2rem;}
.tixi_jiazhi .bd1 .right{}
.tixi_jiazhi .bd1 .right img{ display: block;}
.tixi_jiazhi .bd1 ul{}
.tixi_jiazhi .bd1 ul li{ margin-top: 1.75rem; padding-left: 14px;}
.tixi_jiazhi .bd1 ul li span{ font-size: 1.25rem; color: #2794cb; font-family: YuMoW02; position: relative;}
.tixi_jiazhi .bd1 ul li span:before{ content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background: #2794cb; position: absolute; left: -14px; top: 50%; transform: translateY(-50%);}
.tixi_jiazhi .bd1 ul li b{ font-size: 1.875rem; font-family: YuMoW04; font-weight: normal; }
.tixi_jiazhi .bd1 ul li p{ font-size: 1.25rem; line-height: 1.5; color: #343635;}

.n_tt7{ margin-bottom: 4rem;}
.n_tt7 i{ font-size: 1.5rem; color: #010101; font-weight: bold;}
.n_tt7 h4{ font-size: 1.5rem; color: #2794cb; font-weight: bold; margin-top: .625rem; margin-bottom: .5rem;}
.n_tt7 span{ font-size: 1rem; color: rgba(52, 54, 53, 0.7); text-transform: uppercase;}
.n_tt7.center{ text-align: center;}
.tixi_jiazhi .bd2{ position: relative; z-index: 1;}
.tixi_jiazhi .bd2:before{ content: ""; display: block; width: 35rem; height: 35rem; border-radius: 50%; background: #fff; filter: blur(50px); position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.tixi_jiazhi .bd2 .flexbox{ display: flex; justify-content: space-between; align-items: center;}
.tixi_jiazhi .bd2 .txt{}
.tixi_jiazhi .bd2 .txt h4{ font-size: 1.375rem; color: #fff; width: 19.125rem; height: 6.25rem; padding: 0 3rem; display: flex; align-items: center; line-height: 2.25rem; background: url(../image/tixi_pingtai_left.png) center no-repeat; background-size: 100%;}
.tixi_jiazhi .bd2 .txt p{ font-size: 1.125rem; line-height: 2.25rem; padding: 0 3rem; margin-top: 1.25rem;}
.tixi_jiazhi .bd2 .centerbox{ margin: 0 -1rem;}

.tixi_jiazhi .bd2 .txt:nth-child(3) h4{ background: url(../image/tixi_pingtai_right.png) center no-repeat; background-size: 100%; text-align: right; justify-content: flex-end;}
.tixi_jiazhi .bd2 .txt:nth-child(3) p{ text-align: right;}
.tixi_jiazhi .bd3{ background: #fff;}
.tixi_jiazhi .bd3 .item{ display: flex;}
.tixi_jiazhi .bd3 .n_line{ margin: 3.25rem 0;}
.tixi_jiazhi .bd3 .item .tt{ display: flex; align-items: center; justify-content: space-between; margin-right: 5rem; width: 16.5rem; flex-shrink: 0;}
.tixi_jiazhi .bd3 .item .tt i{ font-size: 4.25rem; color: #f7a05d; font-style: italic; margin-right: 1rem; }
.tixi_jiazhi .bd3 .item .tt p{ font-size: 1.25rem; line-height: 1.875rem; color: #f7a05d; font-weight: bold; white-space: nowrap; }
.tixi_jiazhi .bd3 .item .tt span{ display: flex; color: #1f1f1f; white-space: nowrap; }
.tixi_jiazhi .bd3 .item01 ul{ display: flex; flex-grow: 1; justify-content: space-between; align-items: center;}
.tixi_jiazhi .bd3 .item01 ul li{ position: relative; z-index: 3;}
.tixi_jiazhi .bd3 .item01 ul li.arr{ display: block; z-index: 1; flex-grow: 1; width: 59px; height: 13px; background: url(../image/tixi_gongshi_arr02.png) left center no-repeat; background-size: contain;  }
.tixi_jiazhi .bd3 .item01 ul li .box{ width: 10.375rem; height: 10.375rem; overflow: hidden; border: 1px solid #fbcca8; background: #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center;}
.tixi_jiazhi .bd3 .item01 ul li .box span{ display: block; height: 3.125rem; width: 100%; background: #f7a05d; color: #fff; display: flex; align-items: center; justify-content: center;}
.tixi_jiazhi .bd3 .item01 ul li .con{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; padding-bottom: 1rem;}
.tixi_jiazhi .bd3 .item01 ul li .con b{ font-size: 1.25rem; color: #22201f; font-weight: bold; display: block; margin-bottom: 6px;}
.tixi_jiazhi .bd3 .item01 ul li .con p{ font-size: 1rem; color: #22201f;}

.tixi_jiazhi .bd3 .item02 .tt{ justify-content: space-between;}
.tixi_jiazhi .bd3 .item02 .tt b{ font-size: 3rem; color: #2794cb; font-weight: bold; font-style: italic; margin-right: 5px;}
.tixi_jiazhi .bd3 .item02 .tt span{ display: inline-block;}
.tixi_jiazhi .bd3 .item02 ul{ display: flex; align-items: center; justify-content: space-between; flex-grow: 1;}
.tixi_jiazhi .bd3 .item02 ul li{ margin: 0 .75rem;}
.tixi_jiazhi .bd3 .item02 ul li .box{ position: relative; z-index: 1;}
.tixi_jiazhi .bd3 .item02 ul li .box img{ display: block;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt{ position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; left: 0; top: 0; width: 100%; height: 100%;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt img{ margin-bottom: 1rem;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt span{ font-size: 1rem; line-height: 1.5rem; color: #343635; text-transform: uppercase;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt p{ line-height: 1.5rem;}

.tixi_coop{ width: 100%; overflow: hidden; background: url(../image/tixi_coop_bg.jpg) center no-repeat; background-size: cover;}
.tixi_coop .tt{ text-align: center; margin-bottom: 4.375rem;}
.tixi_coop .tt h3{ font-size: 2.25rem; color: #ffffff; font-weight: bold; margin-bottom: .875rem;}
.tixi_coop .tt p{ font-size: 1rem; color: #ffffff;}
.tixi_coop .box{ border-radius: 4px; overflow: hidden; position: relative; overflow: hidden;}
.tixi_coop .img:after{ padding-top: 47.61%; } 
.tixi_coop .img img{ width: auto; height: auto; position: static; max-width: 80%; max-height: 80%;}
.tixi_coop .img .pic{display: flex; align-items: center; justify-content: center; padding: 1rem; background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.tixi_coop .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 20px; display: flex; align-items: center; justify-content: center; background: #2794cb; font-size: 1rem; color: #fff; opacity: 0; visibility: hidden; transition: .5s; }
.tixi_coop .box:hover .txt{ opacity: 1; visibility: visible; padding-top: 0;}

.tixi_coop .swiper-button-white{ border: 0 !important; opacity: .7; top: 40%;}
.tixi_coop .swiper-button-prev{ background: url(../image/tixi_team_left.png) center no-repeat !important; background-size: 2.75rem !important;}
.tixi_coop .swiper-button-next{ background: url(../image/tixi_team_right.png) center no-repeat !important; background-size: 2.75rem !important;}
.tixi_coop .swiper-button-white:hover{opacity: 1;}

.tixi_nav{ position: fixed; right: 2rem; top: 50%; transform: translateY(-50%); z-index: 999; transition: .5s;}
.tixi_nav.hide{ opacity: 0; visibility: hidden;}
.tixi_nav ul{ display: grid; row-gap: 2rem; position: relative; z-index: -1; justify-content: center;}
.tixi_nav ul:before{ content: ""; display: block; width: 1px; height: calc(100% - 2.5625rem); background: #ecdfd5; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1;}
.tixi_nav ul li{ display: block; width: 5.125rem; height: 5.125rem; border-radius: 50%; color: #fff; position: relative; z-index: 1; cursor: pointer; }
.tixi_nav ul li:before{ content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: -1; background: #2794cb; transform: scale(.1); transition: .5s;}
.tixi_nav ul li a{ display: flex; align-items: center; height: 100%; justify-content: center; opacity: 0; transition: .5s;} 
.tixi_nav ul li.on:before{ transform: scale(1);}
.tixi_nav ul li.on a{ opacity: 1;}
.tixi_nav ul li.gotop{ width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; justify-self: center;}
.tixi_nav ul li.gotop:before{ transform: none !important;}

.linian_fangan{ background: #f2f5f7;}
.linian_fangan .tt{ text-align: center; margin-bottom: 6rem;}
.linian_fangan .tt h3{ font-size: 2.25rem; color: #010101; display: flex; align-items: center; justify-content: center; margin-top: 10px;}
.linian_fangan .tt h3:before{ content: ""; display: block; width: 4.375rem; height: 1px; margin: 0 1.25rem;
  background-image: -moz-linear-gradient( 360deg, transparent 0%, #a0a4a8 100%);
  background-image: -webkit-linear-gradient( 360deg, transparent 0%, #a0a4a8 100%);
  background-image: -ms-linear-gradient( 360deg, transparent 0%, #a0a4a8 100%);}
  .linian_fangan .tt h3:after{ content: ""; display: block; width: 4.375rem; height: 1px; margin: 0 1.25rem;
    background-image: -moz-linear-gradient( 180deg, transparent 0%, #a0a4a8 100%);
    background-image: -webkit-linear-gradient( 180deg, transparent 0%, #a0a4a8 100%);
    background-image: -ms-linear-gradient( 180deg, transparent 0%, #a0a4a8 100%);}
.linian_fangan .bd1{ display: flex; justify-content: space-between; align-items: center;}

.linian_tt{ display: inline-flex; align-items: center; height: 4.375rem; background: #f7a05d; color: #fff; padding: 0 1.875rem; border-radius: 6px; margin-bottom: 3.5rem;}
.linian_tt b{ font-weight: bold; display: block; font-size: 1.5rem; position: relative;}
.linian_tt b:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff;}
.linian_tt svg{ margin: 0 1rem;}
.linian_tt span{ font-size: 1.375rem;}
.linian_fangan .bd1 .con{ font-size: .9375rem; line-height: 1.875rem; color: #585858;}
.linian_fangan .bd1 .pic{ border-radius: 0 6.875rem 0 6.875rem; width: 50rem; max-width: 100%; overflow: hidden; box-shadow: -24.151px 20.994px 16px 0px rgba(90, 90, 90, 0.08); margin-left: 2rem;}
.linian_fangan .bd1 .pic img{ display: block;}

.flexcenter{ display: flex; justify-content: center;}

 .linian_fangan{}
 .linian_fangan .bd2{}
 .linian_fangan .bd2 ul{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 3.6875rem;}
 .linian_fangan .bd2 ul li{ }
 .linian_fangan .bd2 ul li .box1{ display: flex; align-items: center; background: #fff; justify-content: center; flex-direction: column; height: 16.25rem; border: 1px solid #ffaa64; border-radius: 2.5rem 0 0 0;}
 .linian_fangan .bd2 ul li .box1 span{ font-size: 2.25rem; color: #2794cb; font-family: YuMoW04; margin-bottom: 1.75rem;}
 .linian_fangan .bd2 ul li .box1 h4{ font-size: 1.375rem; color: #000000; font-weight: bold;}
 .linian_fangan .bd2 ul li .box1 i{ display: block; width: 1rem; height: 2px; background: #2794cb; margin: 1rem 0;}
 .linian_fangan .bd2 ul li .box1 p{ font-size: 1rem; color: #8d6f57; margin-bottom: .625rem;}
 .linian_fangan .bd2 ul li .box1 h6{ font-size: 1.25rem; color: #000000; font-weight: bold;}
 .linian_fangan .bd2 ul li .box1 font{ color: #2794cb; font-style: italic; margin-right: .5rem;}
 .linian_fangan .bd2 ul li .box2{ height: 6.25rem; background: url(../image/linian_jiedu_txt.jpg) center no-repeat; border-radius: 0 0 2.5rem 0; background-size: cover; position: relative;}
 .linian_fangan .bd2 ul li .box2 .icobox{ display: block; width: 4.125rem; height: 4.125rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(-50%);}
 .linian_fangan .bd2 ul li .box2 .ico{ width: 100%; height: 100%; display: flex; position: relative; align-items: center; justify-content: center; background: #fff; border-radius: 50%;}
 .linian_fangan .bd2 ul li .box2 .ico svg{ width: 2rem; height: 2rem;}
 .linian_fangan .bd2 ul li .box2 .icobox:before, .linian_fangan .bd2 ul li .box2 .icobox:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; opacity: .4; border-radius: 50%; transform: scale(1.5);
   background:rgba(255, 255, 255, .4);
 transition: .7s;}
  .linian_fangan .bd2 ul li .box2 .icobox:after{ transform: scale(1); opacity: 0;}
  .linian_fangan .bd2 ul li:hover .box2 .icobox:before{ opacity: 0; transform: scale(1.9);}
  .linian_fangan .bd2 ul li:hover .box2 .icobox:after{ opacity: .5; transform: scale(1.5);}
 .linian_weidu .bd{ display: flex; justify-content: center; align-items: center;}
 .linian_weidu .centerbox{ position: relative;}
 .linian_weidu ul{}
 .linian_weidu ul li{ position: absolute;}
 .linian_weidu ul li svg{ width: 3rem; height: 3rem; margin-bottom: .875rem;}
 .linian_weidu ul li h4{ font-size: 1.5rem; color: #2794cb; margin-bottom: 1rem;}
 .linian_weidu ul li p{ font-size: .9375rem; line-height: 1.5rem; color: #585858;}
 .linian_weidu ul li:nth-child(1){ left: 20%; bottom: 77%;}
 .linian_weidu ul li:nth-child(2){ left: 20%; top: 79.5%;}
 .linian_weidu ul li:nth-child(3){ right: 16%; bottom: 77%; text-align: right;}
 .linian_weidu ul li:nth-child(4){ right: 16%; top: 79.5%; text-align: right;}
 .weidu_wap{ display: none;}

 .linian_juzheng{ background: url(../image/linian_juzheng_bg.jpg) center no-repeat; background-size: cover;}
 .linian_juzheng .bd{ display: flex; justify-content: center; align-items: center; margin-bottom: 3rem;}
 .linian_juzheng .centerbox{ position: relative;}
 .linian_juzheng .ttbox{ position: relative;}
 .linian_juzheng .ttbox img{ display: block; width: 33.6875rem;}
 .linian_juzheng .ttbox .tt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
 .linian_juzheng .ttbox .tt h3{ font-size: 3rem; font-weight: bold;}
 .linian_juzheng .ttbox .tt p{ text-transform: uppercase; font-size: 1rem; text-transform: uppercase; margin: .375rem 0;}

 .linian_juzheng ul{}
 .linian_juzheng ul li{ display: flex; align-items: center; position: absolute;}
 .linian_juzheng ul li .ico{ margin: 0 1rem; flex-shrink: 0;}
 .linian_juzheng ul li .ico img{ height: 4.25rem;}
 .linian_juzheng ul li .txt{ flex-shrink: 0;}
 .linian_juzheng ul li .txt h4{ font-size: 1.5rem; color: #010101; font-weight: bold; white-space: nowrap;}
 .linian_juzheng ul li .txt h4 span{ font-weight: normal;}
 .linian_juzheng ul li .txt i{ width: 100%; height: 1px; background: #d4d9df; display: block; margin: 10px 0;}
 .linian_juzheng ul li .txt p{ font-size: 1rem; color: #585858; }

 .linian_juzheng ul li:nth-child(1){ right: 80%; top: 10%; flex-direction: row-reverse; text-align: right;}
 .linian_juzheng ul li:nth-child(2){ right: 105%; top: 44%; flex-direction: row-reverse;}
 .linian_juzheng ul li:nth-child(3){ right: 80%; bottom: 10%; flex-direction: row-reverse;}
 .linian_juzheng ul li:nth-child(4){ left: 80%; top: 10%;}
 .linian_juzheng ul li:nth-child(5){ left: 105%; top: 44%;}
 .linian_juzheng ul li:nth-child(6){ left: 80%; bottom: 10%;}

 .linian_juzheng ul li:nth-child(1) *{ text-align: right;}
 .linian_juzheng ul li:nth-child(2) *{ text-align: right;}
 .linian_juzheng ul li:nth-child(3) *{ text-align: right;}
 .shili_ads2 .m{ padding-bottom: 3rem;}
 .tixi_coop .bd,
 .prolist .m,
 .pro_use .m,
 .n_guanzhu ul,
 .arrstyle.n_lunwen .bd,
 .n_jizhi ul,
 .n_huodong .m,
 .n_news_xq .m{ margin-bottom: 3rem;}
 #foot{ margin-top: -48px;}



/* 20230313修改 */
.tixi_shijian{}
.tixi_shijian .bd2{ background: url(../image/tixi_shijian_bd2.png) center top no-repeat; background-size: 100% 100%; padding: 6rem 9.25rem 4rem; color: #fff;}
.tixi_shijian .tt2{ text-align: center; margin-bottom: 3.125rem;}
.tixi_shijian .tt2 p{ padding:1rem 2.75rem; display: inline-block; border-radius: 1.75rem; font-size: 1.375rem; letter-spacing: 1rem; border: 1px solid rgba(255,255,255,.4);}
.tixi_shijian .tt2 h3{ margin-top: 3rem; margin-bottom: .625rem; font-size: 4.25rem; letter-spacing: 3px; font-weight: 100;}
.tixi_shijian .tt2 span{ font-size: 1.125rem; letter-spacing: 3px;}
.tixi_shijian .outbox{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem;}
.tixi_shijian .outbox dl:nth-child(4){ grid-column: 1/4;}
.tixi_shijian .ddbox{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem;}
.tixi_shijian dl{  }
.tixi_shijian dt{ font-size: 1.5rem; margin-bottom: 1rem; max-width: 100%; color: #f68f4b; font-weight: bold; width: 15.875rem; height: 3.4375rem; line-height: 3.4375rem; text-align: center; background: #fff; border-radius: 10px; display: inline-block;}
.tixi_shijian dd{ font-size: .9375rem; line-height: 1.875rem;}
.tixi_shijian dl:nth-child(2) .span{ font-size: 1rem; font-weight: bold;}
.tixi_shijian dl:nth-child(3) .span{ font-size: 1rem; font-weight: bold;}
.tixi_shijian dl .div{ display: flex;}
.tixi_shijian dl .div span{ flex-shrink: 0; margin-right: 1.375rem;}

@media (max-width: 1440px)
{
  .tixi_shijian .bd2{ padding: 5rem 6rem 2rem; }
  .tixi_shijian .tt2 h3{ margin-top: 2rem;}
}
@media (max-width: 1200px)
{
  .tixi_shijian .tt2 h3{ font-size: 4rem;}
  .tixi_shijian .tt2 span{ letter-spacing: 2px;}
}
@media (max-width: 992px)
{
  .tixi_shijian .tt2 h3{ font-size: 3rem;}
  .tixi_shijian .tt2 span{ letter-spacing: 0; font-size: 1rem;}
  .tixi_shijian .tt2 p{font-size: 1.125rem; letter-spacing: .5rem;}
  .tixi_shijian .bd2 { padding: 3rem 2rem 2rem;}
}

@media (max-width: 480px)
{
  .tixi_shijian .tt2 p{ letter-spacing: 0;}
  .tixi_shijian .tt2 p{ padding: 1rem;}
  .tixi_shijian .tt2 h3{ font-size: 1.375rem; letter-spacing: 0;}
  .tixi_shijian .tt2 span{ display: none;}
  .tixi_shijian .outbox{ grid-template-columns: 1fr;}
  .tixi_shijian .ddbox{ grid-template-columns: 1fr;}
  .tixi_shijian .outbox dl:nth-child(4){ grid-column: 1/2;}
  .tixi_shijian .bd2{ border: 1px solid rgb(255 255 255 / 32%); border-radius: 1rem; background: rgba(255,255,255,.15);}
  .tixi_shijian .tt2{ margin-bottom: 2rem;}
}