@charset "UTF-8";
/* 公共 */
.index-heading .lft {
  width: 39.5%; }
.index-heading .rgt p {
  font-weight: lighter;
  color: #888888;
  font-size: 20px;
  line-height: 25px; }
  .index-heading .rgt p span {
    display: block; }
.index-heading .rgt .view-more {
  margin: 20px 0 0 auto; }


/* banner */
.banner{width:100%;height:100%;display:block;overflow:hidden}
.gallery{width: 100%;}
.gallery .swiper-slide-active .tit{animation:imgUp 1s ease;}
.gallery .swiper-slide-active .desc{animation:imgUp 1s ease both .3s;}
.gallery .swiper-slide-active .btn{animation:imgUp 1s ease both .5s;}
.banner-cont{width:100%;height:100vh;padding-top:96px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner-cont .contain-1600{display: flex;}
.banner-cont .in{width: 40%;height:100%;padding-bottom: 16%;}
.banner-cont .tit{font-size:50px;font-family:Arial;line-height:1;color:#fff}
.banner-cont .desc{margin-top:12px;font-weight:lighter;color:rgba(255,255,255,.5);font-size:20px}
.banner-cont .btn{width:152px;height:38px;border-radius:30px;font-size:14px;font-family:SamsungOne-400;color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.16);margin-top:38px;transition:border .4s ease,color .4s ease}
.banner-cont .btn i{display:block;background:url(../images/common/arrRW.svg) no-repeat center/100%;width:16px;height:16px;margin-left:5px;opacity:.5;transition:opacity .4s ease}
.banner-cont .btn:hover{border-color:#fff;color:#fff}
.banner-cont .btn:hover i{opacity:1}
.picture{width: 60%;display: flex;align-items: center;}
.picture img{max-width: 100%;max-height: 100%;object-fit: cover;}
.gallery .swiper-slide-active .picture img{animation:imgUp 1s ease;}
@keyframes imgUp{0%{transform: translateY(100px);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}

.gallery .swiper-pagination{opacity:0}
.gallery .swiper-pagination span{height:2px;width:30px;opacity:.4;background-color:#919699;border-radius:0}
.gallery .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;opacity:1}

.thumbs{position: absolute;left:0;bottom: 60px;width: 100%;height: 88px;}
.thumbs .swiper-container{width: 300px; height: 88px;margin-left: 0;}
.thumbs p {font-size: 14px;color: #fff;opacity: .2;}
.thumbs .swiper-slide {height: 28px;line-height: 28px; cursor: pointer;}
.thumbs .swiper-slide-active {cursor: default;}
.thumbs .swiper-slide-active p {opacity: 1;}
.thumbs .swiper-slide-next p, .thumbs .swiper-slide-prev p {opacity: .7;}

.field{padding:120px 0}
.field-main{margin-top:70px;display:flex}
.field-item{margin:0 .5px;height:650px;background-position:60% 50%;width:18%;border-radius:5px;overflow:hidden;position:relative;transition:width .6s ease,background .6s ease;cursor:pointer;padding:50px 45px}
.field-item .main-tit{position:absolute;color:#fff;font-size:22px;left:50%;top:40px;transform:translateX(-50%);transition:all .6s ease}
.field-item .tit{color:#fff;font-size:22px;opacity:0;visibility:hidden;transition:all .6s ease}
.field-item .txt{color:#fff;position:absolute;bottom:0;left:0;right:0;padding:50px 45px;width:100%;opacity:0;transition:all .3s ease}
.field-item .txt .txt-tit{font-size:26px;font-weight:700;line-height:1;margin-bottom:20px}
.field-item .txt p{font-size:16px;line-height:28px}
.field-item:first-child{margin-left:0}
.field-item:last-child{margin-right:0}
.field-item.active{width:74%;background-position:50% 50%;background-size:cover}
.field-item.active .main-tit{opacity:0;visibility:hidden}
.field-item.active .tit{opacity:1;visibility:visible}
.field-item.active .txt{opacity:1;animation:text-focus-in .6s cubic-bezier(.55,.085,.68,.53) both .2s}

.core{padding-bottom:135px;background:url(../images/index/core-bg.jpg) no-repeat bottom right}
.core .view-more{margin-top:10px}
.core section:not(.active){display:none}
.core-data li{padding:0 32px 0 48px;text-align:right;position:relative}
.core-data li:first-child{padding-left:0}
.core-data li:last-child{padding-right:0}
.core-data li p{color:#888;font-size:14px;line-height:22px}
.core-data li:not(:last-child):after{content:'';width:1px;height:90%;background:#e7e7e7;position:absolute;bottom:0;right:0}
.core-data .row{display:flex;align-items:flex-end;color:#333;font-size:20px;line-height:1;font-family:SWIS721;justify-content:flex-end;margin-bottom:12px}
.core-data .row span{font-size:60px;line-height:1;position:relative;top:10px}
.core-nav{margin-top:50px;font-size:0}
.core-nav .in{width:40%;border-bottom:5px solid #141414}
.core-nav a{color:#333;font-size:22px;display:inline-block;line-height:1;padding-bottom:26px;position:relative}
.core-nav a+a{margin-left:40px}
.core-nav a:after{content:'';width:100%;bottom:-5px;left:0;position:absolute;height:5px;background:#be0000;opacity:0;transition:opacity .4s ease}
.core-nav a.active:after{opacity:1}
.core-nav a.active,.core-nav a:hover{color:#be0000}
.core-pic{width:56.5%;}
.core-pic .swiper-slide{display:block;width:100%;height:100%;overflow:hidden}
.core-pic img{object-fit: none;}
.core-pic .swiper-slide.swiper-slide-active{-webkit-transform: translate3d(0px,0px,0px) rotateX(0deg) rotateY(0deg) !important;transform: translate3d(0px,0px,0px) rotateX(0deg) rotateY(0deg) !important;}
.core-txt{width:40%}
.core-txt .item{padding:95px 32px 30px}
.core-txt .tit{color:#111;font-size:32px;line-height:38px;font-weight:700}
.core-txt .in{margin-top:40px}
.core-txt li,.core-txt p{color:#555;font-size:18px;line-height: 26px;}
.core-txt ul{margin-top:20px}
.core-txt li{position:relative;padding-left:20px}
.core-txt li:after{content:'';width:11px;height:11px;border-radius:50%;border:2px solid #a4a4a4;position:absolute;left:0;top:8px}
.core-txt li+li{margin-top:10px}
.core-txt .swiper-pagination{position:absolute;left:70px;bottom:0}
.core-txt .swiper-pagination-bullet{width:63px;height:13px;border-radius:30px;background:0 0;border:1px solid #292929;opacity:1;position:relative}
.core-txt .swiper-pagination-bullet:not(:first-child){margin-left:16px}
.core-txt .swiper-pagination-bullet:after{content:'';width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;background:#1b1b1b;position:absolute;border-radius:30px;opacity:0;transition:all .3s}
.core-txt .swiper-pagination-bullet-active:after{opacity:1}

.news{padding:100px 0;background:#f8f8f8}
.news-main{margin-top:24px}
.news-nav{width:5.5%}
.news-nav button{width:50px;height:50px;border-radius:50%;background:#eaeaea;color:#c3c3c3;transition:background .4s ease,color .4s ease;cursor:pointer}
.news-nav button:not(:first-child){margin-top:22px}
.news-nav button:not(.swiper-button-disabled):hover{background:#be0000;color:#fff}
.news-slider{width:94.5%}
.news-slider .item picture{height:274px;display:block;overflow:hidden}
.news-slider .item picture:hover img{transform:scale(1.04)}
.news-slider .item .tit{color:#222;font-size:22px;line-height:35px;margin:26px 0 20px}
.news-date{padding-left:20px;color:#666;font-size:14px;line-height:1;font-family:Arial;background:url(../images/index/date.png) no-repeat left center/contain}
.partner{padding:100px 0 140px}
.partner-main{margin-top:24px}
.partner-main .nav{width:17.5%;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:80px 0 56px;display:flex;flex-direction:column;justify-content:space-between}
.partner-main .swiper-pagination-custom{position:static;text-align:left;font-size:20px;color:#111;line-height:1}
.partner-main .swiper-pagination-custom span{color:#be0000}
.partner-main .nav-btn{margin-top:20px}
.partner-main .swiper-btn{color:#222;width:70px;display:flex;align-items:center;cursor:pointer;position:relative;opacity:1;transition:all .4s ease}
.partner-main .swiper-btn:after{content:'';height:2px;width:100%;top:50%;position:absolute;background:#222;transform:scalex(1) translateY(-50%);transition:transform .4s ease}
.partner-main .swiper-btn.swiper-button-disabled{color:#d9d9d9}
.partner-main .swiper-btn.swiper-button-disabled:after{background:#e2e2e2;transform:scaleX(.35) translateY(-50%)}
.partner-main .swiper-btn:not(:first-child){margin-left:36px}
.partner-main .swiper-btn.prev:after{left:4px}
.partner-main .swiper-btn.next{justify-content:flex-end}
.partner-main .swiper-btn.next:after{right:4px}
.partner-main .slider{width:82.5%;position:relative;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.partner-main .slider:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#d6d6d6;z-index:3}
.partner-main .slider:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:#d6d6d6;z-index:3}
.partner-main ul{display:flex;flex-wrap:wrap;margin-bottom:-1px}
.partner-main li{height:164px;width:calc(100% + 1px);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #d6d6d6;margin:-1px 0 0 -1px}
.partner-main li:hover img{transform:scale(.9)}
.partner-main li img{max-width: 60%;max-height: 60%;}

/* -------------------------PC端--------------------------- */
@media all and (max-width: 1700px) {
  /* 1600 × (900) */
  .field-item {
    height: 600px; }

   
  .core-txt .item {
    padding: 60px 60px 30px; }

  

  .core-txt .swiper-pagination {
    left: 60px; } }
@media all and (max-width: 1599px) {
  /* 1440 × (700)  */
  .banner-cont .tit {font-size: 44px; }

  .field-item {height: 550px;padding: 40px; }
  .field-item .txt {padding: 40px; }
  .field-item .txt .txt-tit {margin-bottom: 10px;font-size: 24px; }
  .field-main {margin-top: 40px; }

  .core {padding-bottom: 100px; }
  .core .index-heading .lft {width: 80%;}
  .core-data{width: 100%;margin-top: 28px;}
  .core-data li{width:33.3333%;padding: 0 95px 0 48px;} 
  .core-data .row span {font-size: 50px; }
  .core-data .row { margin-bottom: 10px; }
  .core-data li p {line-height: 18px; }
  .core-txt .tit {font-size: 28px;}
  .core-nav {margin-top: 30px; }
  .core-nav a { font-size: 20px; padding-bottom: 20px; }
  .core-pic{width:48%;}
  .core-txt, .core-nav .in {width: 48%; }
  .core-txt .item { padding: 30px; }
  .core-txt .in {margin-top: 30px; }
  .core-txt li + li { margin-top: 5px; }
  .core-txt .swiper-pagination {left: 30px; }

  .index-heading .rgt p {font-size: 20px;line-height: 30px; }
  .index-heading .rgt .view-more {margin-top: 15px; }

  .news-slider .item picture {height: 210px; }
  .news-nav button {width: 45px;height: 45px; }
  .news-nav button:not(:first-child) { margin-top: 15px; }
  .news-slider .item .tit {font-size: 20px;line-height: 30px;margin: 20px 0 15px;}

  .partner-main li {height: 140px; }
  .partner-main .nav { padding: 50px 0; }
  .core-pic img {object-fit: cover;}

}
@media all and (max-width: 1439px) {
  /* 1360 */ }
@media all and (max-width: 1359px) {
  /* 1280 */ }
@media all and (max-width: 1279px) {
  /* 1152 × (700) */
  .banner-cont .tit {
    font-size: 40px; }

  .field-item {
    height: 480px;
    padding: 30px; }

  .field-item .tit {
    font-size: 20px; }

  .field-item .txt {
    padding: 30px; }

  .field-item .txt .txt-tit {font-size: 22px;margin-bottom: 10px; }

  .field-item .main-tit {
    font-size: 20px; }

  .field-item .txt p {
    font-size: 15px;
    line-height: 22px; }

  .core {
    padding-bottom: 80px; }

  .core-data .row span {
    font-size: 40px;
    top: 5px; }

  .core-data li {
    padding: 0 20px; }

  .core-data li p {
    font-size: 13px; }

  .core-nav a {
    font-size: 18px;
    padding-bottom: 15px; }

  .core-nav a:after {
    height: 7px; }

  .core-txt .tit {
    font-size: 26px;
    line-height: 34px; }

  .core-txt .item {
    padding: 20px; }

  .core-txt .in {
    margin-top: 20px; }

  .core-txt ul {
    margin-top: 10px; }

  .core-txt p, .core-txt li {
    font-size: 16px; }

  .core-txt li + li {
    margin-top: 2px; }

  .core-txt .swiper-pagination-bullet {
    width: 50px;
    height: 12px; }

  .core-txt .swiper-pagination-bullet:not(:first-child) {
    margin-left: 10px; }

  .core-txt .swiper-pagination {
    left: 20px; }

  .news-slider .item picture {
    height: 170px; }

  .news-slider .item .tit {
    line-height: 26px;
    margin: 15px 0 10px;
    font-size: 18px; }

  .news-date {
    font-size: 14px; }

  

  .index-heading .rgt p {
    font-size: 18px;
    line-height: 26px; }

  .index-heading .rgt .view-more {
    margin-top: 10px; }

  .partner-main .nav {
    width: 15%; }

  .partner-main .slider {
    width: 85%; }

  .partner-main .swiper-pagination-custom {
    font-size: 18px; }

  .partner-main .swiper-btn {
    width: 45%; }

  .partner-main .swiper-btn svg {
    width: 30px;
    height: 30px; }

  .partner-main .nav-btn {
    justify-content: space-between;
    padding: 0 10px; }

  .partner-main .swiper-btn:not(:first-child) {
    margin-left: 0; }

  .partner-main li {
    height: 110px; } }
@media all and (max-width: 1151px) {
  /* 1024 */

  .banner-cont{padding-top: 0;height: 60vh;}

}
/* ------------------------手机端-------------------------- */
@media all and (max-width: 1000px) {
  /* 平板设备 720 适配 */
 

  .banner-cont .tit {font-size: 32px; animation: none !important; }

  .banner-cont .desc {
    font-size: 18px;
    margin-top: 5px;
    animation: none !important; }

  .banner-cont .btn {
    width: 130px;
    margin-top: 20px;
    animation: none !important; }

  .banner .swiper-pagination-bullet:not(:first-child) {
    margin-top: 10px; }

  .field-item {
    height: 400px; }

  .field-main {
    margin-top: 30px; }

  .core .index-heading .lft {
    width: 100%; }

  .core-data {
    width: 100%;
    margin-top: 20px; }

  .core-data li {width: 33.33%;text-align: center;padding: 0 16px; }

  .core-data .row {
    justify-content: center;
    font-size: 18px; }

  .core-data .row span {
    font-size: 34px; }

  .core-nav .in {
    width: 100%;
    justify-content: center; }

  .core-main {
    margin-top: 20px; }

  .core-pic {
    width: 100%; }

  .core-txt {
    width: 100%;
    padding-bottom: 30px; }

  .core-txt .tit {
    font-size: 24px;
    line-height: 32px; }

  .core-txt .item {
    padding: 20px 0; }

  .core-txt .swiper-pagination {
    left: 50%;
    transform: translateX(-50%); }

  .index-heading .rgt p {
    font-size: 16px;
    line-height: 22px; }

  .news-nav button {
    width: 40px;
    height: 40px; }

  .news-nav button svg {
    width: 15px;
    height: 15px; }

  .news-nav {
    width: 10%; }

  .news-slider {
    width: 90%; }

  .news-slider .item .tit {
    font-size: 16px;
    margin: 10px 0;
    line-height: 22px; }

  .news-date {
    font-size: 13px; }

  .partner-main .swiper-btn svg {
    width: 25px;
    height: 25px; }

  .partner-main li {height: 90px; }

  .banner-cont .in {padding-bottom: 20%;}
}

@media all and (max-width: 640px) {
  /* 移动终端以上 360 适配 */
  
  .thumbs{display: none;}
  .banner-cont{height: 410px;padding: 48px 0;}
  .banner-cont .contain-1600 {flex-direction: column;align-items: center;}
  .banner-cont .in{width: 100%;text-align: center;padding-bottom: 0;height: auto;margin-bottom: 28px;}
  .banner-cont .btn{margin: 20px auto 0;}
  .gallery .swiper-pagination{opacity: 1;bottom: 20px;}
  .picture {width: 100%;height: 180px;justify-content: center;}
  .picture img{max-width: 80%;}
  .banner-cont .tit {  font-size: 32px; }

  .field-main {
    flex-wrap: wrap; }

  .field-item.active, .field-item {
    width: 100%; }

  .field-item.active {
    height: 350px; }

  .field-item {
    height: 100px;
    transition: all .7s ease;
    padding: 20px; }

  .field-item .main-tit {
    writing-mode: unset; }

  .field-item .txt {
    padding: 20px 15px; }

  .field-item .txt p {
    font-size: 14px;
    line-height: 20px; }

  .field-item .tit {
    font-size: 18px; }

  .field-item .txt .txt-tit {
    font-size: 20px; }

  .core-data .row span {
    font-size: 30px;
    top: 0; }

  .core-data .row {
    font-size: 16px; }

  .core-data li {
    width: 100%; }

  .core-data li + li {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed #e7e7e7; }

  .core-data li:not(:last-child):after {
    display: none; }

    .core-txt li{margin-bottom: 10px;line-height: 19px;}
  .core-txt .tit {
    font-size: 18px;
    line-height: 25px; }

  .index-heading .lft {
    width: 100%;
    text-align: center; }

  .index-heading .rgt {
    width: 100%;
    margin-top: 20px; }
    .index-heading .rgt p br{display: none;}

  .news-nav {
    display: none; }

  .news-slider {
    width: 100%; }

  .news-slider .item picture {
    height: 190px; }

  .partner-main .nav {
    width: 100%;
    padding: 10px 0;
    position: relative; }

  .partner-main .swiper-pagination-custom {
    font-size: 16px;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1; }

  .partner-main .swiper-btn {
    width: 18%; }

  .partner-main .swiper-btn:after {
    display: none; }

  .partner-main .slider {
    width: 100%;
    border-top: 0; }

  .partner-main ul {
    margin-right: -1px; }

  .partner-main .nav-btn {
    margin-top: 10px; }

  .index-heading .rgt p span {
    display: inline;
    text-align: center; }

  .index-heading .rgt {
    text-align: center; } }