html, body { position: relative; overflow: hidden; }

.banner-swiper{overflow: hidden;position: relative;}
.banner-swiper img{width: 100%;height: 100%;object-fit: cover;}
.banner-swiper .swiper-pagination-bullet {
     width: 20px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     color: #000;
     opacity: 1;
     background: rgba(0, 0, 0, 0.2);
   }

 .banner-swiper .swiper-pagination-bullet-active {
     color: #fff;
     background: #007aff;
   }

@media (max-width: 768px) { 

 }

.page-index .page-swiper { width: 100%; height: 100%; }
.page-index .page-swiper .home-slide { overflow: hidden; }
.page-index .page-swiper .home-slide .slide-inner { position: relative; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; }
.page-index .cateogry-swiper { width: 100%; }
.page-index .cateogry-swiper .item .item-wrap { padding: 0 10%; width: 100%; }
.page-index .cateogry-swiper .item .item-info { width: 40%; }
.page-index .cateogry-swiper .item .item-info .item-tips { color: #333333; font-size: 24px; }
.page-index .cateogry-swiper .item .item-info .item-name { font-size: 42px; font-weight: 400;color:#333; }
.page-index .cateogry-swiper .item .item-info .item-desc { font-size: 16px; color: #666666; }
.page-index .cateogry-swiper .item .item-info .item-btn { background-color: #0c5fa6; color: #ffffff; padding: 8px 25px; border-radius: 5px; display: inline-block; }
.page-index .cateogry-swiper .item .item-info .item-btn:hover { opacity: .85; }
.page-index .cateogry-swiper .item .item-info .item-btn span { font-size: 16px; line-height: 2; display: inline-block; vertical-align: middle; }

.page-index .cateogry-swiper .item .item-preview { width: 60%; padding-left: 10%; }
.page-index .cateogry-swiper .item .item-preview a { display: block; text-align: center; }
.page-index .cateogry-swiper .item .item-preview img { max-height: 100%; max-width: 100%; }
@media (max-width: 1399.98px) { .page-index .cateogry-swiper .item .item-wrap { padding: 0 8%; }
  .page-index .cateogry-swiper .item .item-wrap .item-preview { margin-top: 5%; padding-left: 5%; } }
@media (max-width: 575.98px) { .page-index .cateogry-swiper .item .item-wrap { padding: 0 8%; }
  .page-index .cateogry-swiper .item .item-wrap .item-preview { margin-top: 30px; width: 75%; padding-left: 0%; }
  .page-index .cateogry-swiper .item .item-wrap .item-info { width: 100%; }
  .page-index .cateogry-swiper .item .item-wrap .item-info .item-tips { font-size: 18px; }
  .page-index .cateogry-swiper .item .item-wrap .item-info .item-name { font-size: 26px; }
  .page-index .cateogry-swiper .item .item-wrap .item-info .item-desc { font-size: 12px; }
  .page-index .cateogry-swiper .item .item-wrap .item-info .item-btn span { font-size: 12px; }
  
  .page-index .cateogry-swiper .item .item-wrap .item-info .item-btn span svg { width: 18px; height: 18px; } }
.page-index .cateogry-swiper .category-prev-btn, .page-index .cateogry-swiper .category-next-btn { cursor: pointer; --swiper-color: #ffffff; --swiper-svg-color: #0c5fa6; --btn-width:130px; --offset-width: calc( var(--btn-width) / 2 * -1); position: absolute; margin: auto; top: 0; bottom: 0; width: var(--btn-width); height: var(--btn-width); border-radius: 50%; background-color: var(--swiper-color); box-shadow: 0px 5px 24.25px 0.75px rgba(0, 0, 0, 0.05); -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; z-index: 8; }
.page-index .cateogry-swiper .category-prev-btn .btn-wrap, .page-index .cateogry-swiper .category-next-btn .btn-wrap { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; width: 50%; height: 100%; }
.page-index .cateogry-swiper .category-prev-btn .btn-wrap i, .page-index .cateogry-swiper .category-next-btn .btn-wrap i { position: absolute; margin: auto; top: 30%; bottom: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size:30px;color:var(--zhu-color); }
.page-index .cateogry-swiper .category-prev-btn .btn-wrap i{left:15%;}
.page-index .cateogry-swiper .category-next-btn .btn-wrap i{right:15%;}

.page-index .cateogry-swiper .category-prev-btn:hover, .page-index .cateogry-swiper .category-next-btn:hover { --swiper-color:#0c5fa6; --swiper-svg-color:#ffffff; }
.page-index .cateogry-swiper .category-prev-btn:hover i, .page-index .cateogry-swiper .category-next-btn:hover i{ color:#fff;}
@media (max-width: 767.98px) { .page-index .cateogry-swiper .category-prev-btn, .page-index .cateogry-swiper .category-next-btn { --btn-width: 60px; } }
.page-index .cateogry-swiper .category-prev-btn { left: var(--offset-width); }
.page-index .cateogry-swiper .category-prev-btn .btn-wrap { right: 0; }
.page-index .cateogry-swiper .category-prev-btn:hover .btn-wrap { right: 10px; }
.page-index .cateogry-swiper .category-next-btn { right: var(--offset-width); }
.page-index .cateogry-swiper .category-next-btn .btn-wrap { left: 0; }
.page-index .cateogry-swiper .category-next-btn:hover .btn-wrap { left: 10px; }
.page-index .category-thumb-swiper { margin-top: 5rem; }
.page-index .category-thumb-swiper .thumb-item{display: block;padding:0 2vw;}
.page-index .category-thumb-swiper .thumb-item .item-wrap .img{padding-bottom: 66.625%; border-radius: 10px}

.page-index .category-thumb-swiper .thumb-item .item-wrap .item-name { font-size: 16px; color: #333333; padding:10px 0;}
.page-index .category-thumb-swiper .thumb-item:hover .item-wrap .item-name{color:var(--zhu-color);}
@media (max-width: 767.98px) { 
  .page-index .cateogry-swiper .item .item-info{width:90%;}
  .page-index .cateogry-swiper .item .item-info .item-name{font-size:30px;}
  .page-index .cateogry-swiper .item .item-info .item-desc{font-size:13px;}
  .page-index .cateogry-swiper .item .item-info .item-btn{padding:5px 20px;}
  .page-index .cateogry-swiper .item .item-info .item-btn span{font-size:13px;}
  .page-index .category-thumb-swiper { margin-top: 2rem; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-img { --base-size: 70px; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-name { font-size: 16px; } 
  .page-index .cateogry-swiper .category-prev-btn .btn-wrap i, .page-index .cateogry-swiper .category-next-btn .btn-wrap i{font-size:18px;top:25%;}
}
@media (max-width: 575.98px) { 
  .page-index .category-thumb-swiper { margin-top: 30px; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-img { --base-size: 60px; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-name { font-size: 13px; } 
  .page-index .cateogry-swiper{padding-top: 30px}
  .page-index .cateogry-swiper .item .item-info .item-btn{padding:0 20px;}
}
.page-index .brand-swiper .brand-item.item-1 .item-wrap { color: #fff; font-size: 45px; line-height: 2; text-align: center; width: 50%; position: relative; }
.page-index .brand-swiper .brand-item.item-1 .brand-txt { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; }
.page-index .brand-swiper .brand-item.item-1 p { position: relative; z-index: 2; font-size: 45px; color: #ffffff; line-height: 2; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.page-index .brand-swiper .brand-item.item-1 p.txt-1 { -webkit-transform: translateX(-9%); -moz-transform: translateX(-9%); -ms-transform: translateX(-9%); -o-transform: translateX(-9%); transform: translateX(-9%); }
.page-index .brand-swiper .brand-item.item-1 p.txt-2 { -webkit-transform: translateX(9%); -moz-transform: translateX(9%); -ms-transform: translateX(9%); -o-transform: translateX(9%); transform: translateX(9%); }

@media (max-width: 767.98px) { .page-index .brand-swiper .brand-item.item-1 .item-wrap { width: 80%; font-size: 36px; }
  .page-index .brand-swiper .brand-item.item-1 p { font-size: 36px; } }
@media (max-width: 575.98px) { .page-index .brand-swiper .brand-item.item-1 .item-wrap { font-size: 32px; }
  .page-index .brand-swiper .brand-item.item-1 p { font-size: 32px; } }
.page-index .brand-swiper .brand-item.item-2 .item-wrap { width: 900px; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title { font-size: 45px; color: #ffffff; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc { color: #ffffff; line-height: 2; font-size: 16px; margin: 2rem 0; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-link { color: var(--theme-color); position: relative; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-link::before { content: ''; display: block; width: 90%; height: 3px; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; background-color: CurrentColor; opacity: .8; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-link span { position: relative; z-index: 2; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params { background-color: #ffffff; border-radius: 5px; margin-top: 3rem; position: relative; display: flex;flex-direction: row;justify-content:space-between;}
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #ffffff; opacity: .4; -webkit-transform: translateY(-20px) scale(0.92); -moz-transform: translateY(-20px) scale(0.92); -ms-transform: translateY(-20px) scale(0.92); -o-transform: translateY(-20px) scale(0.92); transform: translateY(-20px) scale(0.92); border-radius: 5px; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item { position: relative; z-index: 2; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap { position: relative;padding:0 40px; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap::before { content: ''; position: absolute; height: 80%; width: 0; border-right: 1px dashed #dddddd; margin: auto; top: 0; bottom: 0; right: 0; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value { text-align: center; color: var(--theme-color); }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong { font-weight: bold;  font-size: 36px; line-height: 1.2; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value span { font-size: 16px;color:#666666; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title { text-align: center; font-size: 15px;margin-top: 5px }
@media(max-width: 1400px){
  .page-index .brand-swiper .brand-item.item-2 .item-wrap{width:800px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title{font-size:35px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc{font-size:14px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap{padding:0 42px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong{font-size:30px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title{font-size:13px;}
}
@media(max-width: 992px){
  .page-index .brand-swiper .brand-item.item-2 .item-wrap{width:650px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title{font-size:30px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc{font-size:13px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap{padding:0 30px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong{font-size:25px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title{font-size:12px;}
}
@media (max-width: 767.98px) { .page-index .brand-swiper .brand-item.item-2 .item-wrap { width: 90%; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params{flex-wrap: wrap;}
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item{width:50%;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title { font-size: 26px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc { font-size: 12px; }

}
@media (max-width: 575.98px) { .page-index .brand-swiper .brand-item.item-2 .item-wrap { width:100%;padding-top: 45px }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title { font-size: 18px; }
  
  
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap{padding:0 15px;}
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong { font-size: 22px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value span { font-size: 12px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title { font-size: 12px; } }
.page-index .adv-box { position: relative; z-index: 2; }
.page-index .adv-box .adv-item .item-wrap { height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.15);         /*.front,.back{ position: absolute; width: 100%; height: 100%; -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1) , opacity .5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; .inner{ position: absolute; width: 100% ; height: 100%; top: 0; left: 0; -webkit-transform: translateZ(60px) scale(0.94); -moz-transform: translateZ(60px) scale(0.94); -ms-transform: translateZ(60px) scale(0.94); -o-transform: translateZ(60px) scale(0.94); transform: translateZ(60px) scale(0.94); }
 } .front{ webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 1; } .back{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; }*/ }
.page-index .adv-box .adv-item .item-wrap .caption { position: absolute; bottom: 0; width: 100%; z-index: 1; text-align: center; color: #ffffff; padding: 15% 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }

.page-index .adv-box .adv-item .item-wrap .caption .item-name p { font-size:36px; position: relative; z-index: 2; display: inline-block; font-weight: bold;}
.page-index .adv-box .adv-item .item-wrap .caption .item-name p::after { content: ''; position: absolute; top: 5px; width: 25px; height: 25px; border: 3px solid var(--zhu-color); border-radius: 50%; right:-10px;z-index: -1}
.page-index .adv-box .adv-item .item-wrap .caption .item-brief { font-size:16px; opacity: .8;font-weight: lighter; }
.page-index .adv-box .adv-item .item-wrap .overlay { position: absolute; width: 100%; z-index: 2; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
.page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap { width: 100%; height: 100%; backdrop-filter: blur(3px); background-color: rgba(255, 255, 255, 0.9); padding: 0 15%; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-index { color: var(--theme-color); }
.page-index .adv-box .adv-item .item-wrap .overlay .item-index .current-index { font-size: 48px;line-height: 1 }
.page-index .adv-box .adv-item .item-wrap .overlay .item-index .index-total { opacity: .5; font-size: 26px; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-icon { margin: 3vw 0 1vw;text-align: center;}
.page-index .adv-box .adv-item .item-wrap .overlay .item-icon i{ font-size:50px;color:var(--zhu-color);}

.page-index .adv-box .adv-item .item-wrap .overlay .item-title { color: var(--theme-color); font-size: 42px; text-align: center;}
.page-index .adv-box .adv-item .item-wrap .overlay .item-title span { display: inline-block; position: relative;font-weight: bold }

.page-index .adv-box .adv-item .item-wrap .overlay .item-desc { color: #333333; font-size: 16px; line-height: 2; margin-top: 1rem; text-align: center;}
.page-index .adv-box .adv-item .item-wrap .overlay .xian{width:1px;background: var(--zhu-color);height: 25px;margin:20px auto;}
.page-index .adv-box .adv-item .item-wrap .overlay .pic{width:230px;height: 230px;padding:20px;margin:0 auto;position: relative;}
.page-index .adv-box .adv-item .item-wrap .overlay .pic:before{content:'';position: absolute;top:0;left:0;width:100%;height: 100%;border:dashed 1px var(--zhu-color);border-radius: 50%;animation: toBig 0.6s linear infinite alternate ; }
.page-index .adv-box .adv-item .item-wrap .overlay .pic .img{padding-bottom: 100%;border-radius: 50%;}
.page-index .adv-box .category-prev-btn,.page-index .adv-box .category-next-btn { cursor: pointer; --swiper-color: #ffffff; --swiper-svg-color: #0c5fa6; --btn-width:130px; --offset-width: calc( var(--btn-width) / 2 * -1); position: absolute; margin: auto; top: 0; bottom: 0; width: var(--btn-width); height: var(--btn-width); border-radius: 50%; background-color: var(--swiper-color); box-shadow: 0px 5px 24.25px 0.75px rgba(0, 0, 0, 0.05); -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; z-index: 8; }
.page-index .adv-box .category-prev-btn .btn-wrap, .page-index .adv-box .category-next-btn .btn-wrap { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; width: 50%; height: 100%; }
.page-index .adv-box .category-prev-btn .btn-wrap i, .page-index .adv-box .category-next-btn .btn-wrap i { position: absolute; margin: auto; top: 30%; bottom: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size:30px;color:var(--zhu-color); }
.page-index .adv-box .category-prev-btn{left:-80px;}
.page-index .adv-box .category-next-btn{right:-80px;}
.page-index .adv-box .category-prev-btn .btn-wrap i{left:130%;}
.page-index .adv-box .category-next-btn .btn-wrap i{left:20%;}

.page-index .adv-box .category-prev-btn:hover, .page-index .adv-box .category-next-btn:hover { --swiper-color:#0c5fa6; --swiper-svg-color:#ffffff; }
.page-index .adv-box .category-prev-btn:hover i, .page-index .adv-box .category-next-btn:hover i{ color:#fff;}
@media (max-width: 1199.98px) { .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap { padding: 0 10%; } }
@media(max-width: 768px){
  .page-index .adv-box .category-prev-btn, .page-index .adv-box .category-next-btn{width:80px;height: 80px;}
  .page-index .adv-box .category-prev-btn{left:-50px;}
  .page-index .adv-box .category-next-btn{right:-50px;}
  .page-index .adv-box .category-prev-btn .btn-wrap i, .page-index .adv-box .category-next-btn .btn-wrap i{font-size:18px;top:30%;}
}
@media (max-width: 575.98px) { 
  .page-index .adv-box .adv-item .item-wrap .caption .item-name p { font-size: 20px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-brief { font-size: 14px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-name p::after{width:20px;height: 20px}
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap { padding: 0 10%; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-index .current-index { font-size: 28px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-index .index-total { font-size: 16px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .item-icon i{font-size:35px;}
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-title { font-size: 20px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-desc { font-size: 12px; } 
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-desc br{display: none;}
  .page-index .adv-box .adv-item .item-wrap .overlay .pic{width:130px;height: 130px;padding:10px;margin:0 auto;position: relative;}
  .page-index .adv-box .adv-item .item-wrap .overlay .pic:before{content:'';position: absolute;top:0;left:0;width:100%;height: 100%;border:dashed 1px var(--zhu-color);border-radius: 50%;animation: toBig 0.6s linear infinite alternate ; }
  .page-index .adv-box .adv-item .item-wrap .overlay .pic .img{padding-bottom: 100%;border-radius: 50%;}
   .page-index .adv-box .category-prev-btn, .page-index .adv-box .category-next-btn{width:60px;height: 60px;}
  
   
  .page-index .adv-box .category-prev-btn{left:-40px;}
  .page-index .adv-box .category-next-btn{right:-40px;}
  .page-index .adv-box .category-prev-btn .btn-wrap i, .page-index .adv-box .category-next-btn .btn-wrap i{font-size:16px;top:28%;}
}
.page-index .adv-box .adv-item:hover {         /*.item-wrap{ .front,.back{ -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); } .front{ -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; } .back{ opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
 } }*/ }
.page-index .adv-box .adv-item:hover .caption { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(100%); }
.page-index .adv-box .adv-item:hover .overlay { opacity: 1; visibility: visible; }



 @keyframes toBig {
    0% { transform: scale(0.88,0.88); } /* 初始状态，角度为0度 */
    100% {transform: scale(1,1);} /* 结束状态，角度为360度 */
}


/*.iculture*/
.iculture{display: flex;flex-direction: row;overflow: hidden;padding-top: 83px}
.iculture-left{width:52%;display: flex;flex-direction: column;}
.iculture-left .item{height: 50%;width:100%;padding:3vw;}
.iculture-left .item b{color:#fff;font-size:40px;line-height: 2.6}
.iculture-left .item p{color:#fff;font-size:18px;}
.iculture-left .item a{color:#fff;font-size:18px;margin-top: 20%;float: left;}
.iculture-left .item a:hover{color:var(--zhu-color);}
.iculture-left .item.hd{height: 50%;background:url(../images/icultrue-left-bg.jpg) no-repeat;background-size: cover;}
.iculture-left .item.bd{height: 50%;background:url(../images/icultrue-left-bg2.jpg) no-repeat;background-size: cover;}

.iculture-right{width:48%;background: url(../images/iculture-right-bg.jpg) no-repeat;background-size: cover;padding:3vw;}
.iculture-right .t1{color:#fff;line-height: 2.6}
.iculture-right .t1 b{font-size:40px;}
.iculture-right .t1 span{font-size:24px;opacity: 0.6;padding-left: 10px}
.iculture-right ul{display: flex;flex-direction: column;color:#fff;}
.iculture-right ul li{font-size:16px;opacity: 0.82;position: relative;padding-left: 10px;margin:8px 0;}
.iculture-right ul li:before{content:'';width:6px;height: 1px;background:#fff;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.iculture-right a{color:#fff;font-size:18px;margin-top: 20%;float: left;}
.iculture-right a:hover{color:var(--zhu-color);}
@media(max-width: 1200px){
  .iculture{padding-top: 66px}
}
@media(max-width: 768px){
  .iculture{flex-direction: column;padding-top: 57px}

  .iculture-left,.iculture-right{width:100%;}
  .iculture-left{height: 60%}
  .iculture-left .item a{margin-top: 8%;font-size:14px;}
  .iculture-left .item b{font-size:30px;}
  .iculture-left .item p{font-size:15px;}
  .iculture-right{height: 40%}
  .iculture-right .t1 b{font-size:30px;}
  .iculture-right .t1 span{font-size:16px;}
  .iculture-right ul{flex-direction: row;flex-wrap: wrap}
  .iculture-right ul li{width:50%;font-size:14px;}
  .iculture-right a{margin-top: 8%;font-size:14px;}
}
@media(max-width: 576px){
  .iculture{padding-top: 50px}
  .iculture-left .item b{font-size:20px;}
  .iculture-left .item p{font-size:13px;}
  .iculture-right .t1 b{font-size:20px;}
  .iculture-right .t1 span{font-size:14px;}
  .iculture-right ul li{margin:3px 0;font-size:12px;}
  .iculture-right ul li:before{top:10px;}
  .iculture-right a{margin-top: 3%}
}

/*inews*/
.inews{padding-top: 140px;overflow: hidden;}
.inews-hd{color:#fff;display: flex;flex-direction:column;align-items:center;width:100%;}
.inews-hd .t1{font-size:48px;font-weight: bold;position: relative;}
.inews-hd .t1:after{content:'';width:30px;height:30px;border:solid 3px var(--zhu-color);border-radius: 50%;right:-3px;top:8px;z-index: -1;position: absolute;}
.inews-hd .t2{text-transform: uppercase;font-size:20px;}
.inews-bd{overflow: hidden;padding: 60px 15px 15px}
.inews-bd .swiper-slide{display: flex;flex-direction: column;padding:13px 13px 30px;background:#fff;transition: all .5s}
.inews-bd .swiper-slide .img{padding-bottom: 65%}
.inews-bd .swiper-slide .img img{transition:all .5s;}
.inews-bd .swiper-slide .txt{padding:0 10px;display: flex;flex-direction: column;}
.inews-bd .swiper-slide .tit{font-size:20px;color:#333333;padding:15px 0;border-bottom: solid 1px #d9d6d6;transition: all .5s}
.inews-bd .swiper-slide .date{color:#999999;font-size:16px;padding:10px 0;}
.inews-bd .swiper-slide .date i{float: left;font-size:20px;line-height: 1.4;margin-right: 5px}
.inews-bd .swiper-slide .date p{float: left;}
.inews-bd .swiper-slide .content{color:#666666;line-height: 22px;font-size:14px;-webkit-line-clamp:2;}
.inews-bd .swiper-slide:hover{box-shadow: 0 0 15px #222}
.inews-bd .swiper-slide:hover .tit{color:var(--zhu-color);}
.inews-bd .swiper-slide:hover .img img{transform: rotate(-5deg) scale(1.1,1.1);}
@media(max-width: 1200px){
  .inews-bd .swiper-slide .tit{font-size:16px;}
}
@media(max-width: 768px){
  .inews-hd .t1{font-size:40px;}
  .inews-hd .t1:after{width:20px;height: 20px}
  .inews-hd .t2{font-size:15px;}
}
@media(max-width: 576px){
  .inews{padding-top: 80px}
  .inews .container-fluid{padding:0;}
  .inews-hd .t1{font-size:26px;}
  .inews-hd .t1:after{top:0;}
  .inews-hd .t2{font-size:13px;}
  .inews-bd{padding:30px 60px;}
  .inews-bd .swiper-slide .tit{font-size:14px;}
  .inews-bd .swiper-slide .date p{font-size:13px;}
  .inews-bd .swiper-slide .date i{font-size:15px;}
  .inews-bd .swiper-slide .content{font-size:12px;}
}