@charset "UTF-8";
html{
  font-size:5.208vw;
}
@media screen and  (min-width: 1920px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color:#165EA4 #EDEDED;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#EDEDED;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#EDEDED;border-radius:8px;
}	


.w_width{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:1rem;padding-right:1rem;}

@media  screen and (max-width: 1024px){
.ctext{padding-left:18px;padding-right:18px;}
}



/*首页*/
.swiper-App{position: relative;overflow: hidden;height: 100vh;}
.swiper-App .wrapperbox{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; flex-direction: column;height: 100vh !important;}
.swiper-App .last-slide{ height: auto !important;}
.swiper-App .slibox{height: 100vh; overflow: hidden;}
.swiper-App .swiper-pagination1{ width:12px; display:flex; flex-direction: column; justify-content: center; position: fixed; z-index: 20; right:0.25rem; top:50%;transform:translate(0,-50%); -ms-transform:translate(0,-50%);}
.swiper-App .swiper-pagination1 .swiper-pagination-bullet{ position: relative; cursor: pointer; display: block; width:12px; height:12px; border-radius:50%; margin:0.1rem 0;background:none; border:2px solid #C4C4C4; }
.swiper-App .swiper-pagination1 .swiper-pagination-bullet::before{ content:''; display: block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:4px; height:4px; border-radius:50%; background:#DE7699; z-index: 6;opacity:0;}
.swiper-App .swiper-pagination1 .swiper-pagination-bullet-active{ border: 2px solid #DE7699; }
.swiper-App .swiper-pagination1 .swiper-pagination-bullet-active::before{ opacity:1;}

@media screen and (max-width:1024px) {
.swiper-App .swiper-pagination1{ right:10px;}
.swiper-App .swiper-pagination1 .swiper-pagination-bullet{margin:5px 0; }
}



/*PC head*/
body.on{overflow: hidden;height: 100vh;}
.wyb_s{width: 100%;position: fixed;left: 0;top: 0;z-index: 88;}
.t_navs{ width: 100%; position: relative; display:flex; align-items: center; justify-content: space-between; z-index: 30;padding:0 40px;}
.t_navs .logo{ line-height: 0;display: block;}
.t_navs .logo img{ width: auto; height:0.5rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .right{ float: right; display: flex; align-items: center;}
.t_navs .menu{float: left; margin:0 0.52rem 0 0;}
.t_navs .menu .nli{ float: left; margin:0 0.26rem;}
.t_navs .menu .nli span{ float: left;}
.t_navs .menu .nli span a{ float: left; display: block;color:#fff; position: relative;line-height:0.9rem; font-size:16px; padding:0 10px;}
.t_navs .menu .nli span a::after{ display: block; width: 0; height: 1px; position: absolute; left:50%; top: 0.98rem; background:#86C43E; transform: translateX(-50%); -ms-transform: translateX(-50%); content: '';}
.t_navs .menu .nli.on span a{ color: #de7699; }
.t_navs .menu .nli:hover span a{ color: #de7699;}
.t_navs .ss_search{float: left; display:flex; justify-content: center; align-items: center;}
.t_navs .ss_search ._t{ display: flex; width:0.48rem; height:0.48rem; background:url(img/_search2.png) center no-repeat; background-size:24px auto !important; cursor: pointer;}
.t_navs .ss_search ._t:hover{background:url(img/_search4.png) center no-repeat;}
.ss_search1{width: 100%;z-index:20;position: absolute;left: 0;top:0;display: none;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(30px);padding-top:1.4rem; padding-bottom:0.8rem;}
.ss_search1 .input{width: 60%; margin:0 20%; display: flex; position: relative;border: 1px solid rgba(255, 255, 255, 0.08); border-radius:10px;}
.ss_search1 .input input{width: 100%;height:0.6rem;display: block;font-size: 14px;color: #fff; line-height:0.4rem; padding:0.1rem 1.1rem 0.1rem 0.3rem;}
.ss_search1 .input input::placeholder{color: #fff; opacity:1 !important;}
.ss_search1 .input .img{width:0.84rem; height:100%; display: block;position: absolute;right:0;top: 50%;transform: translate(0,-50%);cursor: pointer; background:url(img/_search2.png) center no-repeat; background-size:24px auto !important;}
.ss_search1 .input .img:hover{ background:url(img/_search4.png) center no-repeat;}

.header-pc-wrapper {
  position: absolute;
  z-index:30;
  width: 100%;
  top:100%;
  left: 0;
  display:none;
}
.header-pc-wrapper .child-nav-wrap{ display: flex; flex-wrap: wrap; width: 100%;}
.header-pc-wrapper .left-group {
   width:51.16%; padding:0.46rem 0.5rem 0.7rem 1rem;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: flex-end;
}
.header-pc-wrapper .right-group {background: rgba(51, 51, 51, 1);
  width:48.48%; padding:0.74rem 1rem;
}
.header-pc-wrapper .imgs-wrap {
  display: block;
  align-items: center;
  justify-content: center;
}
.header-pc-wrapper .img-box {
  display: block;overflow: hidden;
  width: 100%;position: relative;
}
.header-pc-wrapper .img-outer {
  width: 100%;display: block;
  overflow: hidden;
  padding-bottom: 54.79%;
  position: relative;
}
.header-pc-wrapper .img-inner {
  position: absolute;
  width: 100%;
  height: 100%; object-fit: cover;
  overflow: hidden;
}
.header-pc-wrapper .nav-wrap-second {
  width: 514px;
  min-width: 514px;
  display: flex;align-items: center;
  justify-content: flex-end;
  padding: 0;
    padding-top: 0px;
  font-size: 16px;
  height: 100%;
  position: relative;
}
.header-pc-wrapper .nav-list-second {
  display: flex; flex-wrap: wrap; width: 100%;
}
.header-pc-wrapper .item-second {
  padding:0.24rem 0 0.12rem 0; width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex; flex-wrap: wrap;
  
}
.header-pc-wrapper .link-second {
  width: 100%;
background: url(img/01.png) right center no-repeat;
  background-size: 24px auto !important;
  color:#FFFFFF;
  font-style: Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.header-pc-wrapper .nav-wrap-third {
   display: flex; flex-wrap: wrap; width: 100%; margin-top: 0.04rem;
}
.header-pc-wrapper .nav-list-third{   display: flex; flex-wrap: wrap; width: 100%; grid-gap:0 0.32rem; }
.header-pc-wrapper .link-third{   display: inline-flex;color: #FFFFFF;
font-style: Normal;
font-size: 14px;
font-weight: 350;
line-height: 34px;
letter-spacing: 0px;
text-align: left;}
.header-pc-wrapper .link-third:hover{color: #DE7699;}
.header-pc-wrapper .item-second:hover .link-second{color: #DE7699;}


.t_navs.ect{background: #fff;}
.t_navs.ect .logo .img1{ display: none;}
.t_navs.ect .logo .img2{ display: block;}
.t_navs.ect .menu .nli span a{ color:rgba(52, 52, 52, 1);}
.t_navs.ect .menu .nli.on span a{ color:rgba(22, 94, 164, 1); }
.t_navs.ect .menu .nli:hover span a{ color:rgba(22, 94, 164, 1);}
.t_navs.ect .ss_search ._t{background:url(img/_search3.png) center no-repeat;}
.t_navs.ect .ss_search:hover ._t{background:url(img/_search4.png) center no-repeat;}

.t_navs.act{background: #fff; box-shadow:0 0 6px rgba(0,0,0,0.1);}
.t_navs.act .logo .img1{ display: none;}
.t_navs.act .logo .img2{ display: block;}
.t_navs.act .menu .nli span a{ color:rgba(52, 52, 52, 1);}
.t_navs.act .menu .nli.on span a{ color:rgba(22, 94, 164, 1); }
.t_navs.act .menu .nli:hover span a{ color:rgba(22, 94, 164, 1);}
.t_navs.act .ss_search ._t{background:url(img/_search3.png) center no-repeat;}
.t_navs.act .ss_search:hover ._t{background:url(img/_search4.png) center no-repeat;}



@media screen and (max-width:1600px) {
.t_navs .menu{  margin: 0 0.46rem 0 0;}	
.t_navs .menu .nli{margin: 0 0.2rem;}	
}
@media screen and (max-width:1440px) {
.t_navs .menu{  margin: 0 0.4rem 0 0;}	
.t_navs .menu .nli{margin: 0 0.14rem;}	
}
@media screen and (max-width:1260px) {
.t_navs .menu .nli span a{font-size:14px;}
}
@media screen and (max-width:1024px) {
.t_navs{ height:50px; padding:0 10px 0 18px;}
.t_navs .logo img{ height:32px;}
.t_navs .menu{ display:none;}	
.t_navs .ss_search{ margin-right: 6px;}
.t_navs .ss_search ._t{ width:40px; height:40px;}
.ss_search1{padding-top:80px; padding-bottom:40px;}
.ss_search1 .input{width:90%; margin:0 5%;}
.ss_search1 .input input{ height:44px; line-height:30px; padding:6px 80px 6px 14px;}
.ss_search1 .input .img{width:60px;}
}






.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #fff;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}

.t_navs.ect .menuph .menu-toggle span.hamburger {background: #DE7699;}
.t_navs.ect .menuph .menu-toggle span.hamburger:after,
.t_navs.ect .menuph .menu-toggle span.hamburger:before{background: #DE7699;}
.t_navs.ect .menuph .menu-toggle span.cross:before,
.t_navs.ect .menuph .menu-toggle span.cross:after{background: #DE7699;}
.t_navs.ect .menuph.active .menu-toggle span.cross:before{background: #DE7699;}

.t_navs.act .menuph .menu-toggle span.hamburger {background: #DE7699;}
.t_navs.act .menuph .menu-toggle span.hamburger:after,
.t_navs.act .menuph .menu-toggle span.hamburger:before{background: #DE7699;}
.t_navs.act .menuph .menu-toggle span.cross:before,
.t_navs.act .menuph .menu-toggle span.cross:after{background: #DE7699;}
.t_navs.act .menuph.active .menu-toggle span.cross:before{background: #DE7699;}

@media screen and (max-width:1024px) {
.t_navs .menuph{ display: block;}

}


.wyb_s .xialaph{ position: fixed; right: 0; top:0;width: 100%; height:100%;overflow: scroll; padding:60px 16px;z-index:3;background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(30px);display: none;}
.wyb_s .xialaph .a1box,
.wyb_s .xialaph .a2box,
.wyb_s .xialaph .a3box,
.wyb_s .xialaph .a4box,
.wyb_s .xialaph .a5box{position: relative;}
.wyb_s .xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;background: url(img/01.png) right center no-repeat; background-size:24px auto !important;  }
.wyb_s .xialaph .u1{width: 100%;margin-bottom: 20px;}
.wyb_s .xialaph .l1{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.wyb_s .xialaph .a1{width: 100%; font-weight: 500; font-size: 16px;color: #fff;line-height:30px;position: relative;padding: 12px 40px 12px 0;display: block; padding-left: 6px;}
.wyb_s .xialaph  .on .a1{color:#DE7699;}
.wyb_s .xialaph .u2{width: 100%;padding:0 15px 20px 15px;display: none;}
.wyb_s .xialaph .l2{width: 100%;}
.wyb_s .xialaph .a2{width: 100%;font-size: 14px;color: #fff;line-height: 28px;position: relative;padding:2px 6px;display: block;}
.wyb_s .xialaph  .on .a2{color: #DE7699;}
.wyb_s .xialaph .l2:last-child .a2{border-bottom: 0;}
.wyb_s .xialaph .u3{width: 100%;padding:5px 30px 15px 30px;display: none;}
.wyb_s .xialaph .l3{width: 100%;}
.wyb_s .xialaph .a3{width: 100%;font-size: 14px;color: #fff;line-height: 28px;position: relative;padding:2px 0;display: block;}
.wyb_s .xialaph .a3:hover{color: #DE7699;}





/*底部*/
.bottomnav{width: 100%;background: linear-gradient(180.00deg, rgba(3, 34, 64, 1),rgba(0, 0, 0, 1) 100%); overflow: hidden; padding-top: 0.94rem;}
.bottomnav .con1{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.bottomnav .con2{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding:0.78rem 0 0.94rem 0;}
.bottomnav .con3{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; padding:0.36rem 0 0.42rem 0;border-top:1px solid rgba(255,255,255,0.1);}
.bottomnav .addr{ display:inline-flex; flex-wrap: wrap; width: 24%;}
.bottomnav .addr .a1{ display:block; width: 100%; color:#DE7699; font-size:16px; line-height:24px; font-weight:400; }
.bottomnav .addr .info{ display:grid;grid-template-columns: repeat(1, 1fr); width: 100%;  margin-top: 0.24rem;  gap:0.32rem 0; color:#fff; font-size:14px; line-height:24px; font-weight:400;}
.bottomnav .addr .info .p{ display:flex; align-items: flex-start; width: 100%; }
.bottomnav .addr .info .t1{ min-width:69px; width:69px; position: relative; }
.bottomnav .addr .info .t1::after{ display:block; position: absolute; left: 0; bottom:-6px; background:#DE7699; content: '';
width:6px;
height: 2px;}
.bottomnav .logo{ display: block; line-height: 0;}
.bottomnav .logo img{ height:0.48rem;}
.bottomnav .nav{ width: 70.68%; align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: space-between;}
.bottomnav .nav .li{ display: flex; flex-direction: column;}
.bottomnav .nav .u2{ display: flex; flex-direction: column; margin-top:0.08rem;}
.bottomnav .nav .a1{ display:block;color:#DE7699; font-size:16px; line-height:24px; font-weight:400;/* min-width: 88px; */}
.bottomnav .nav .a2{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:0.16rem; font-weight:400;}
.bottomnav .nav .a2:hover{ color:#DE7699;}
.bottomnav .Copyright{ display:inline-flex; flex-wrap: wrap;color: rgba(120, 119, 119, 1);
font-size: 14px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0px;
text-align: left;}
.bottomnav .Copyright a{color:rgba(120, 119, 119, 1); margin-left: 6px;}
.bottomnav .Copyright a:hover{ color:#DE7699;}
.bottomnav .share{ display:inline-flex; align-items: center; flex-wrap: wrap; gap: 0.24rem;}
.bottomnav .share .ico{ display:flex; align-items: center; justify-content: center; line-height: 0; position: relative;background: rgba(74, 74, 74, 1); border-radius: 50%;width:32px; height: 32px;}
.bottomnav .share .ico .ino{ width:24px; height:24px;}
.bottomnav .share .ico .i{ display:block; line-height: 0; position:absolute; left: 50%; bottom:45px; width:1rem; background: #fff; border-radius: 4px; padding: 5px;
-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0)}
.bottomnav .share .ico .i::after{ display: block; content:''; position: absolute; left:50%; top:100%; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.bottomnav .share .ico .i img{ width: 100%; border-radius:4px;}
.bottomnav .share .ico:hover .i{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);}
	
.bottomnav .input02{width:4.69rem; display: flex; position: relative; }
.bottomnav .input02 .input{width: 100%;box-sizing: border-box;
border: 1px solid rgba(22, 94, 164, 1);
border-radius: 4px; background:none; height:0.52rem;display: block;font-size: 14px; line-height:0.4rem; color: #fff; padding:0.05rem 0.72rem 0.05rem 0.24rem;}
.bottomnav .input02 .submit{width:0.72rem;height:0.52rem;display: block; position: absolute; right:0; top:0; cursor: pointer; background: url(img/_search.png) center no-repeat; background-size: 0.24rem auto !important;}
.bottomnav .input02 input::placeholder{color: #fff; opacity:1 !important;}
.bottomnav .input02 .submit:hover{ background: url(img/_search1.png) center no-repeat; }

@media screen and (max-width:1600px) {
.bottomnav{padding-top: 0.7rem;}
.bottomnav .con2{padding:0.55rem 0 0.7rem 0;}
.bottomnav .con3{ padding:0.3rem 0 0.3rem 0;}
.bottomnav .addr .info .t1{ min-width:44px; width:44px; }
}
@media screen and (max-width:1440px) {
.bottomnav .nav .a2{  margin-top: 0.12rem;}
.bottomnav .nav{  width: 72.68%;}
.bottomnav .addr .info{ margin-top: 0.2rem;  gap:0.3rem 0;}
}
@media screen and (max-width:1024px) {
.bottomnav{padding-top:40px;}
.bottomnav .con1{justify-content: center; }
.bottomnav .con2{padding:20px 0 40px 0; justify-content: center;}
.bottomnav .con3{ padding:20px 0; justify-content: center; }	
.bottomnav .logo{width: 100%; text-align: center;}
.bottomnav .logo img{ height:30px;}
.bottomnav .nav{ display:none;}
.bottomnav .share{ gap: 14px; margin:15px 0 5px 0;}
.bottomnav .share .ico .i{ width:90px;}
.bottomnav .share .ico .ino{ width:22px; height:22px;}
.bottomnav .addr{width:280px; font-size:14px;}
.bottomnav .addr .info{margin-top:10px;gap:16px 0;}
.bottomnav .addr .a1{ text-align: center; font-weight: bold; }
.bottomnav .input02 .input{ height:36px;line-height:24px; padding:5px 46px 5px 14px; }
.bottomnav .input02 .submit{min-width:46px;height:36px;background-size: 18px auto !important;}
.bottomnav .input02{width:280px; margin-top:25px;}
.bottomnav .Copyright{width:100%; justify-content: center; text-align:center;}
.bottomnav .Copyright a{ margin-left: 0;}
}





.homebanner {
  display: flex;
  width: 100%;
  overflow: hidden;
  z-index: 5;
  position: relative;
}

.homebanner .tn-atom__sbs-anim-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
}

.homebanner .div {
  position: relative;
  width: 100%;
  height: 100vh;
  transition: all 3s linear;
    -moz-transition: all 3s linear;
    -webkit-transition: all 3s linear;
    -o-transition: all 3s linear;
}
.homebanner .swiper-slide-active .div{ transform: scale(1.1); -ms-transform: scale(1.1);}
.homebanner .pc {
  display: block;
}

.homebanner .ph {
  display: none;
}

.homebanner .right_btn {
  display: inline-flex;
  right:1rem;
  align-items:flex-end;
  position: absolute;
  z-index: 12;
  bottom: 0.65rem;
  font-weight: 400;
  line-height:36px;
  font-size: 24px;
  color: #fff;font-family: Open Sans;

}

.homebanner .swiper-pagination {
  position: static;
  display: flex;
  width: 144px;
  justify-content: space-between;
}

.homebanner .swiper-pagination font {
  display: none;
}

.homebanner .swiper-prev,
.homebanner .swiper-next {
  cursor: pointer;
  display: block;
  position: relative;
  width: 36px;
  height: 30px; background: url(img/next1.png) center no-repeat; background-size:24px !important;
}

.homebanner .swiper-prev {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.homebanner .swiper-prev:hover,
.homebanner .swiper-next:hover {
 background: url(img/next.png) center no-repeat;
}

.homebanner .swiper-scrollbar {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -52px;
  width: 104px;
  height: 2px;
background: rgba(196, 196, 196, 1);
  opacity: 1 !important;
}

.homebanner .swiper-scrollbar-drag {
  background: #fff !important;
}

.homebanner .tn-atom {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
}

.homebanner .box1 {
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: 49.5%;
  left: 0;
}
.homebanner .box2 {
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 0;
}

.homebanner .title {
  width: 100%;
  line-height:0;
  text-align: center;
  margin-top: 0.08rem;
}
.homebanner .title img{ height:0.73rem; object-fit: contain;}
.homebanner .info {
  display: flex;
  white-space: nowrap;
  width: 100%;
  font-weight: 400;
  line-height:0.9rem;
  font-size: 0.66rem;
  color: #fff;font-family: Open Sans;
  text-align: center;
  text-transform: uppercase;
}

.homebanner .info li {
  padding:0 0.22rem;
}


.homebanner .left_text {
display: inline-flex;
  position: absolute;
  z-index: 10;
  bottom: 0.65rem;
  left:1rem;
}

.box-cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #fff;
}

.box-cont .pic {
  height: 0.53rem;
}

.box-cont .name { margin-right: 4px;
  font-weight: 400;
  line-height: 1.4;
  font-size:20px;
}

.box-cont .nian {font-family: Open Sans;
  font-weight: 600; color:#DE7699;
  line-height: 1;
  font-size: 0.48rem;
}

.homebanner .info {
  animation: scrolling-wrapper 35s linear infinite;
}


.homebanner .box1{
  mix-blend-mode: overlay;
  color: white;
}



.swiper-slide {
  overflow: hidden;
}

.homebanner {
  background: #fff;
}
.homebanner .modelBox08 .overflow-hidden:nth-child(2n){ display:none !important;}
.homebanner .gap-2 {
  display: flex;
  will-change: transform;
  overflow: visible !important;
  width:auto;}


@media screen and (max-width:1024px) {
  .homebanner .title {
    line-height: 1.5;
    font-size: 33px;
    margin-top: 4px;
  }
.homebanner .title img{ height:34px;}
  .homebanner .info {
    line-height: 1.5;
    font-size: 32px;
  }

  .homebanner .pc {
    display: none;
  }

  .homebanner .ph {
    display: block;
  }

  
  .box-cont .name {
    line-height: 1.4;
    font-size: 14px;
  }

  .box-cont .nian {
    font-size: 24px;
  }
.homebanner .left_text {
 bottom: 30px;
  left:18px;
}
  .homebanner .right_btn {
    right: 10px;
    bottom: 30px;
    line-height: 30px;
    font-size: 18px;
  }

  .homebanner .swiper-prev,
  .homebanner .swiper-next {
    width: 30px;
    height: 26px; background-size:20px !important;
  }

  .homebanner .swiper-pagination {
    width: 90px;
  }

  .homebanner .swiper-scrollbar {
    margin-left: -30px;
    width: 60px;
  }
}




.slide4 .sect1{ width: 100%;display:block;}
.main3{ display: block; position: absolute; left: 0; bottom: 0; z-index: 11; width: 100%;background: rgba(6, 42, 76, 0.4);}
.main3 .list{ width: 100%;display:block;}
.main3 .list .li{ width: 25%;}
.main3 .list .li .la{ display: block; width: 100%; position: relative;}
.main3 .list .li .cont{ display: block; position: absolute; left: 0; top:100%; z-index: 11; width: 100%; overflow: hidden;
border-radius: 8px 8px 0px 0px;
backdrop-filter: blur(32px);
background: rgba(222, 118, 153, 0.5);
}
.main3 .list .li ._img{ padding-bottom: 55.81%;}
.main3 .list .li .tit{ width: 100%; text-align: center; color: #fff; font-weight:400; font-size:14px; line-height:21px; 
height: 1rem;
display: flex;
justify-content: center;
align-items: center;
padding:0.16rem 0.16rem;
}
.main3 .list .li .tit1{ width: 100%; text-align: center; color: #fff; font-weight:400; font-size:14px; line-height:21px;height: 1rem;
border-right: 1px solid rgba(255, 255, 255, 0.1);display: flex;
justify-content: center;
align-items: center;
padding:0.16rem 0.16rem;}
.main3 .list .li:hover .la{ overflow: visible;}
.main3 .list .li:hover .tit1{ opacity:0;}
.main3 .list .li:hover .cont{ top:100%; transform: translateY(-100%); -ms-transform: translateY(-100%);  opacity:1;}
.main3 .list .slick-list:hover{overflow: visible !important;}
.main3 .list .li:hover .la{ overflow: visible;}

@media screen and (max-width:1024px) {
.main3 .info{ width: 100%; font-size:14px; line-height:24px; margin-top:20px;}
.main3 .more{ font-size:14px;}
}
@media screen and (max-width:767px) {
.main3 .list .li{width:50%;}
.main3 .list .li .tit{
height:60px;
padding:8px 10px;}
.main3 .list .li .tit1{
height:60px;
padding:8px 10px;}
.main3 .list .li:hover .tit1{ opacity:1;}
.main3 .list .li:hover .cont{ opacity:0; transform: translateY(0); -ms-transform: translateY(0); }
.main3 .list .li:nth-child(4n) .tit1{
border-right: 0;}
}





.main4{ display: block; width: 100%; z-index:6; left: 0;bottom:0;position: absolute;width:100%;background: linear-gradient(180.00deg, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.87) 100%); padding:0.47rem 0.4rem 0.45rem 0.4rem;}
.main4 .list{ display:flex; flex-wrap: wrap; width:100%;}
.main4 .list .tit{display:flex; justify-content: center; color:#DE7699; font-weight:400; font-size:0.36rem; line-height:0.36rem;}
.main4 .list .countUp{font-family: Open Sans;font-style: Regular;}
.main4 .list .dw{color: #fff; font-size:14px; line-height:19px; margin-left: 4px;}
.main4 .list .p{display: block;width: 100%; color:rgba(255, 255, 255, 1); margin-top: 0.12rem;
font-size: 0.18rem;
font-weight: 400;
line-height: 0.27rem;
letter-spacing: 1px;
text-align: center;}
.main4 .list .li{ display: flex; flex-wrap: wrap; width:25%;justify-content: center; padding:0 0.4rem; position: relative;}
.main4 .list .li::after{ display: block; content: ''; position: absolute; right:0; top:25%; width:1px; height:50%;
	border: 1px solid rgba(255, 255, 255,0.4);
}
.main4 .list .li:nth-child(4n)::after{ display: none;}


@media screen and (max-width:1024px) {
.main4{ padding:20px 18px;}	
.main4 .list .li{ padding:0 10px;}
.main4 .list .tit{font-size:24px; line-height:30px; }
.main4 .list .p{ font-size:14px; line-height:24px;margin-top: 0; }
.main4 .list .dw{ font-size:12px; line-height:17px;}
}
@media screen and (max-width:767px) {
.main4{background: linear-gradient(180.00deg, rgba(0, 0, 0, 0) 0%,rgba(6, 42, 76, 0.4) 100%);}	
.main4 .list .li{ width:50%; padding:10px 10px;}
.main4 .list .li:nth-child(2n)::after{ display: none;}
}



.slide5{background: linear-gradient(180.00deg, rgba(3, 34, 64, 1),rgba(0, 0, 0, 1) 100%);}

.shipin1 .paly{}
.shipin1 .paly.Active{ display:none;}
.shipin1 .pause{display: none;  }
.shipin1 .pause.Active{ display:flex;}
.shipin1 .video{ position: absolute; left:0; top: 0;width:100%;height:100%; z-index:-1; object-fit: cover;}
.shipin1.Active .video{ z-index:6;}

.arcadeScreen{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;       background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NkYGCYycgABAADrwCcot0erQAAAABJRU5ErkJggg==) repeat;
}
canvas{ width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }
  
  
  
  
  .inbanner {
    display: flex;
    width: 100%;
    overflow: hidden;
    z-index: 5;
    position: relative;
  }
  
  .inbanner .tn-atom__sbs-anim-wrapper {
    display: block !important;
    position: relative;
    width: 100% !important;
    height: 100vh !important;
  }

  .inbanner .box {
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 0.65rem;
    left: 0;
  }
  .inbanner .box-1 {
    bottom: 1.8rem;
  }
  .inbanner .box .cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }
  
  .inbanner .box .title {
    width: 100%;
    font-weight: 500;
    line-height: 1;
    font-size: 0.64rem;
    color: #fff;margin-top: 0.16rem;
  }
  
  .inbanner .box .info {
    width: 100%;
    font-weight: 400;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    
  }
  
  .inbanner .box .left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  .inbanner .box .right {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #fff;
  }
  .inbanner .box .name {
   margin-right: 4px;
     font-weight: 400;
     line-height: 1.4;
     font-size: 20px;
  }
  
  .inbanner .box .nian {
   font-family: Open Sans;
     font-weight: 600;
     color: #DE7699;
     line-height: 1;
     font-size: 0.48rem;
  }

  
  
  @media screen and (max-width:1024px) {
    .inbanner .box {
      bottom:30px;/* padding:0 48px; */
    }
  .inbanner .box-1 {
    bottom: 120px;
  }
    .inbanner .box .title {
      line-height: 1.5;
      font-size: 22px;margin-top: 8px;
    }
  
    .inbanner .box .info {
      line-height: 1.5;
      font-size: 14px;
      
    }

    .inbanner .box .name {
      line-height: 1.4;
          font-size: 14px;
    }
  
    .inbanner .box .nian {
       font-size: 24px;
    }
  
  }

  .inbanner .box1 {
    width:calc(200px + 3.8rem);
    position: absolute;
    z-index: 10;
    top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 0.45rem;
    right: 2.28rem;
  }
  .inbanner .box1 .cont{
    width: 100%; display: block; background:rgba(255, 255, 255, 0.8); padding:0.48rem;
  }
  
  .inbanner .box1 .title {
    width: 100%;
    font-weight: 400;
    line-height: 0.54rem;
    font-size: 0.36rem;
    color: #000;
  }
  
  .inbanner .box1 .info {
    width: 100%;
    font-weight: 400;
    line-height: 21px;
    font-size: 14px;
    color: #666;margin-top:4px; padding-bottom: 0.16rem; border-bottom: 1px solid #C2C1C1;
    
  }
  
  .inbanner .box1 .p {width: 100%;
   margin-top: 0.24rem;
     font-weight: 400;
     line-height: 0.24rem;
     font-size: 0.16rem;
	 color: #666;
  }
  .inbanner .box1 .t1 {width: 100%;
     font-weight: 400;
     font-size: 0.27rem;
     font-size: 0.18rem;
	 color: #333;}
	  .inbanner .box1 .p{ margin-top: 0.1rem;}
  .inbanner .box1 .dl {width: 100%;}
  .inbanner .box1 .dd {width: 100%; padding:0.16rem 0; border-bottom: 1px solid #C2C1C1;
    }
    .inbanner .box1 .dd:last-child{ border-bottom:0; padding-bottom:0 !important;}
  
@media screen and (max-width:1024px) {
.inbanner .box1 { top: auto; bottom: 30px; width: calc(100% - 60px);transform: translateY(0);
  -ms-transform: translateY(0);
margin-top:0; right: 30px;
}
.inbanner .box1 .cont{ padding:25px 15px;}
.inbanner .box1 .title {
line-height:26px;
font-size:18px;
}

.inbanner .box1 .info {
padding-bottom: 12px;

}
.inbanner .box1 .t1 {
line-height: 24px;
font-size: 16px;
}
.inbanner .box1 .p {
line-height: 24px;
font-size: 14px;
margin-top:14px;
}
.inbanner .box1 .p{ margin-top:4px;}
.inbanner .box1 .dd {padding:12px 0;
}
}

  
  .about1{
	  display: flex; align-items: center; justify-content: space-between;
	  width: 100%; height: 100vh;
	  position: relative;
	  overflow: hidden;
  }
  .about1 .video{
	  display: block;
	  left: 0;
	  top: 0;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  z-index: 2; object-fit: cover;
  }
  .about1 .nian{
  	  display: block;
  	  right: -0.41rem;
  	  bottom: -1.02rem;
  	  position: absolute;
 color:rgba(222, 118, 153,0.09);
  	  font-size: 3.34rem;
  	  line-height: 4.02rem;
  	  z-index: 2; 
  }
  .about1 .box{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;
	  width: 100%;}
  .about1 .left{
    display: block;
    width: 30.54%;
  }
  .about1 .right{
    display: block;
    width: 66.08%;
  }
  .about1 .tit40 {
    color: #165EA4;
  }
  .about1 .tit20{
   margin-top:0.2rem;
  }
  .about1 .paly{ cursor: pointer;
    color:#165EA4;margin-top:0.64rem;
    font-weight: 400;
    font-size: calc(14px + 0.02rem);
    line-height: calc(22px + 0.04rem);
    display: inline-flex; gap:12px; align-items: center;
  }
  .about1 .paly.Active{ display: none;}
  .about1 .paly img{ width:16px; height:16px;}
  .about1 .pause{ cursor: pointer;
    color:#165EA4;margin-top:0.64rem;
    font-weight: 400;
    font-size: calc(14px + 0.02rem);
    line-height: calc(22px + 0.04rem);
    display: none; gap:12px; align-items: center;
  }
  .about1 .pause img{ width:16px; height:16px;}
  .about1 .pause.Active{ display: inline-flex;}
  
  /* 260304start */
  .about1 .info{
    color:rgba(52, 52, 52, 1);
    font-weight: 400;
    font-size: calc(14px + 0.02rem);
    line-height: calc(24px + 0.05rem);
    width:100% ;display: block;  overflow: hidden;
  }
  
  
    /* @media screen and (max-width:1800px) {
		.about1 .info{  scrollbar-width: thin;   font-size: calc(14px + 0.01rem);   line-height: calc(24px + 0.04rem);
  	  height:calc(100vh - 2rem); 
		  width:calc(100% + 10px);height:calc(100vh - 3.2rem); overflow-y: auto; margin-right: -10px; padding-right:10px;
		}
	}	
  @media screen and (max-width:1600px) {
	  .about1 .box{ margin-top:0.9rem;}
  	.about1 .info{  font-size:14px; line-height:24px;
  	  height:calc(100vh - 2rem); 
  	}
  }	
    @media screen and (max-width:1440px) {
    	  .about1 .box{ margin-top:0.9rem;}
    	.about1 .info{  font-size:12px; line-height:22px;
    	  height:calc(100vh - 2rem); 
    	}
    }	 */

  @media screen and (max-width:1024px) {
  .about1 .left{
    width: 100%;margin-top: 30px;
  }
  .about1 .right{
    width: 100%; margin-top:30px;
  }
  /* 260304start */
  .about1 .info{ 
  font-size: 14px;
  line-height: 26px;
  }
  .about1 .tit20{
   margin-top:10px;
  }
  .about1 .paly{margin-top:20px;}
  .about1 .pause{margin-top:20px;}
  .about1 .box{ padding:0 30px;}
  }
  
  
  /* 260304end */	
  
  
  
  
  
  
.about2 {
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.about2::after {
content: '';
display: block;
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.81) 100%);
}
.about2 .pic {
display: block;
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.about2 .pic .bg{
display: block;
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
}
.about2 .list {
display: block;
width: 100%;
}
.about2 .list .box{
display: block;
width: 100%;
}
.about2 .list .tit {
width: 100%;
color: #fff; text-align:center;
font-weight: 400;
font-size: 0.24rem;
line-height: 0.33rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
}

.about2 .list .p {
color: #fff;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.31rem;
width: 100%;display: none;
overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp:4;
}
.about2 .list .more {margin-top: 0.2rem; 
width: 100%;display: flex; opacity: 0; justify-content: center;
}
.about2 .list .more a{
border:1px solid rgba(196, 196, 196, 1);
color: #fff;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.31rem; padding:0.09rem 0.29rem; border-radius: 4px;
display: inline-flex;
}
.about2 .list .more:hover a{ border:1px solid rgba(22, 94, 164, 1); background:rgba(22, 94, 164, 1);}
.about2 .list .ul {
display: flex;
width: 100%;
}

.about2 .list .li {
display: flex;
flex-wrap: wrap; align-content: center;
width: 20.8%;
position: relative;
overflow: hidden;height: 100vh;
padding: 1rem 0.2rem; border-right: 1px solid rgba(255, 255, 255,0.43);
}
.about2 .list .li:last-child{ border: 0;}
.about2 .list .li.on {
width: 58.4%;
padding:1rem 1rem;
}
.about2 .list .li.on .box{
margin-top: 0.42rem;
}
.about2 .list .li.on .p {
display: -webkit-box;
}
.about2 .list .li.on .tit { text-align:left;
font-size: 0.36rem;
line-height: 0.49rem;margin-bottom: 0.32rem;
}
.about2 .list .li.on .more{margin-top: 0.98rem; opacity: 1; justify-content: flex-start;}



@media screen and (max-width:1024px) {

.about2 .list .tit {
font-size: 18px;
line-height: 28px;
}

.about2 .list .p {
font-size: 14px;
line-height: 26px;
}
.about2 .list .more a {
font-size: 14px;
line-height: 24px; padding: 5px 20px;

}
.about2 .list .ul { height: 100vh;
flex-wrap: wrap; align-content: flex-end;
}

.about2 .list .li {  border-right:0;  border-top: 1px solid rgba(255, 255, 255,0.43) !important;
width: 100%; height: 20vh;
padding:20px 48px;
}
.about2 .list .li:first-child{  border-top: 0 !important;}
.about2 .list .li.on {
width: 100%; height:50vh;
padding:30px 48px;
}
.about2 .list .li.on .box{margin-top:0;}
.about2 .list .li.on .tit {
font-size:20px;
line-height:30px;margin-bottom:18px;
}
.about2 .list .li .more{ display: none;}
.about2 .list .li.on .more{ display: inline-flex; margin-top:30px;}


}

  

.t_navs.act1{
	background:none;
	 box-shadow:none;
} 
.about3{display:flex; flex-wrap: wrap; align-items: center;align-content: center;width: 100%; height: 100vh; padding:1rem 0.52rem; overflow: hidden; background:rgba(248, 248, 248, 1);} 
.about3 .box{display: block;width: 100%; margin-top: 0.57rem;} 
.about3 .box .swiper-slide{display: block;width:9.89rem; margin:0 0.48rem;} 
.about3 .box .swiper-slide a{display: block;width:100%;}
.about3 .box .img{display: block;width: 100%; line-height:0; overflow: hidden;aspect-ratio: 100 / 57;} 
.about3 .box .tit{display: block;width: 100%; margin-top: 0.25rem; color:rgba(52, 52, 52, 1); font-size:calc(14px + 0.04rem); line-height:calc(23px + 0.04rem); } 
.about3 .box  .swiper-slide a:hover .tit{ color:rgba(22, 94, 164, 1);}
.about3 .swiper-pagination2{display: flex;width: 100% !important; position: static; margin:0 2.6rem;}
.about3 .swiper-pagination-bullet { background:#cacbca; width: 100%; height: 3px;border-radius:0;}
.about3 .swiper-pagination-bullet-active{ background:#131313;}
.about3 .swiper-prev2,
.about3 .swiper-next2 {
cursor: pointer;
display: block;
position: relative; border-radius: 50%;
width: 0.84rem; min-width: 0.84rem;
height: 0.84rem; background: url(img/next3.png) center no-repeat rgba(22, 94, 164, 1); background-size:0.36rem !important;
}
.about3 .swiper-button-disabled{ opacity:0;}
.about3 .swiper-prev2 {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.about3 .swiper-prev2:hover,
.about3 .swiper-next2:hover {
background: url(img/next3.png) center no-repeat #DE7699;;
}  
.about3 .donw{display: flex;width: 100%; align-items: flex-end; justify-content: space-between; margin-top: 0.5rem;padding:0 0.48rem; }  
.about3 .tit40{padding:0.48rem 0.48rem 0 0.48rem; }
  

@media screen and (min-width:1024px) and (max-height:1080px){
.about3 .box .swiper-slide{width:8.6rem;} 
.about3 .box{ margin-top: 0.4rem;} 
.about3 .donw{ margin-top: 0.4rem; }  
.about3 .swiper-pagination2{ margin:0 2rem;}
.about3 .swiper-prev2,
.about3 .swiper-next2{width: 0.64rem; min-width: 0.64rem;
height: 0.64rem; background-size:0.32rem !important; }
.about3 .box .tit{ margin-top: 0.2rem; } 
}

@media screen and (max-width:1024px) {
.about3{ padding:80px 33px;} 	
.about3 .box .swiper-slide{width:280px; margin:0 15px;} 
.about3 .box{ margin-top:4vh;} 
.about3 .donw{ margin-top:4vh; }  
.about3 .swiper-pagination2{ margin:0 30px;}
.about3 .swiper-prev2,
.about3 .swiper-next2{width:36px; min-width:36px;
height:36px; background-size:20px !important; }
.about3 .box .tit{ margin-top:15px; } 
}
@media screen and (max-width:767px) {

}
  
  
  
  
 /* nian_right */
.nian_right{ height:100%; position:relative; width:100%;overflow:hidden;  }
.nian_right_right{ position:relative; margin-left:54.6875%; padding-top:20vh; padding-bottom:20vh; margin-right:13.54166666666667%;}
.nian_right_right_1{ width:100%; font-size:calc(14px + 0.1rem); line-height:calc(23px + 0.02rem); color: rgba(52, 52, 52, 1); font-weight:600;}
.nian_right_right_2{ width:100%; font-size:calc(14px + 0.02rem); line-height:calc(23px + 0.02rem); color:rgba(52, 52, 52, 0.6); margin-top:12px;}
.nian_right_right ul li{ margin-bottom:24px; transition: all 0.3s ease; position: relative;}
.nian_right_right ul li:hover{ transform: translateX(10px);}
.nian_right_right ul li.active{ transform: translateX(10px);}
.nian_right_right ul li.active .nian_right_right_1{ color: rgba(22, 94, 164, 1);}
.nian_right_right ul li.active .nian_right_right_2{ color: rgba(52, 52, 52, 0.8);}
.nian_right_right ul li.active:before{
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: rgba(22, 94, 164, 1);
    border-radius: 50%;
    transition: all 0.3s ease;
}
.nian_right_right ul li:last-child{ margin-bottom:0}
.nian_right_left{ position:absolute; left:0;  bottom:0%; width:57%;  text-align:center;}
.nian_right_left img{ display:none; width: 90%;
max-width: 600px;
aspect-ratio: 1 / 1;
position: relative;
margin: 0 auto; transition: all 0.5s ease;}
.nian_right_left img.on{ display:block; transform: scale(1.05);}

/* Navigation buttons */
.nian_right .swiper-prev,
.nian_right .swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.nian_right .swiper-prev:hover,
.nian_right .swiper-next:hover {
    background: rgba(22, 94, 164, 1);
    color: white;
}

.nian_right .swiper-prev {
    left: 20px;
}

.nian_right .swiper-next {
    right: 20px;
}

/* Navigation arrows */
.nian_right .swiper-prev:after,
.nian_right .swiper-next:after {
    content: '';
    width: 12px;
    height: 12px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: all 0.3s ease;
}

.nian_right .swiper-prev:after {
    transform: rotate(135deg);
}

.nian_right .swiper-next:after {
    transform: rotate(-45deg);
}

.nian_right .swiper-prev:hover:after,
.nian_right .swiper-next:hover:after {
    border-color: white;
}


.hsdp-box{ height:100vh; position:relative; width:100%;overflow:hidden;}

.sp-cont{display: grid;gap:0.56rem;grid-template-columns: repeat(2, 1fr);}
.sp-cont a{width: 100%; display: block; text-align: center; background: #F9F9F9;}
.sp-image{
aspect-ratio: 100/65.13;
width: 100%; display: block; line-height: 0;
overflow:hidden;
}
.sp-image img{
width: 100%;
height: 100%;
object-fit:cover;
}
.sp-item .cont{width: 100%; display: block; padding: 0.31rem; }
.sp-item .h1{width: 100%;
font-size:calc(14px + 0.04rem);
font-weight:400;
line-height:calc(22px + 0.02rem);
color: #343434;
margin-bottom: 0.12rem;
}
.sp-item .p {width: 100%;color: #666666;font-size: 14px;line-height: 24px;font-weight:400;}
.sp-item:hover .h1{  color: rgba(22, 94, 164, 1);}


@media screen and (max-width:1024px) {
.sp-item .cont{ padding:15px 12px;} 	
.sp-cont{gap:16px 14px;}
.sp-item .p{ font-size: 13px;  -webkit-line-clamp: 2;}
}


._more{width: 100%; display: flex; justify-content: center; border-top:1px solid #EDEDED; padding:0.33rem 0;}
._more a{display: inline-flex;font-size:calc(14px + 0.04rem);
font-weight:400;
line-height:calc(22px + 0.02rem);color:#343434;}
._more a:hover{  color: rgba(22, 94, 164, 1);}
._more.pc{ display: none;}

 @media screen and (max-width:1024px) {
._more{ padding:15px 0;} 	
._more.pc{ display: flex;}
 ._more.ph{ display: none;}
 } 
 
.ldan1 .tit1{display:block; text-align: center; font-size:calc(14px + 0.22rem);
font-weight:400;
line-height:calc(24px + 0.3rem);color:#343434;}  
.ldan1 .tit{display:block; text-align: center; font-size:calc(14px + 0.18rem);
font-weight:400;
line-height:calc(24px + 0.24rem);color:#343434;} 
 .ldan1 .info{display:block; text-align: center; font-size:calc(14px + 0.04rem); margin-top: 0.24rem;
 font-weight:400;
 line-height:calc(23px + 0.1rem);color:#343434;} 
 

 @media screen and (max-width:1024px) {
.ldan1 .tit{ padding:0 30px;} 	
  .ldan1 .info{ margin-top: 12px;}
 }  
 
 
 
 
 .inner-big-swiper-paginatio{ display: flex; justify-content: center; width: 100%; position: absolute; left: 0; bottom: 0.35rem; z-index: 10;}
 .inner-big-swiper-paginatio .swiper-pagination-bullet{ display: flex;width: 8px; height:8px; border-radius: 50%; margin:0 0.3rem; background:rgba(52, 52, 52, 0.5);}
 .inner-big-swiper-paginatio .swiper-pagination-bullet-active{ background:#EDEDED;}
 .inner-big-swiper-button {
   position: absolute;
   width: 0.73rem;
   height: 0.73rem;
   display: flex;
   cursor: pointer;
   background:url(img/next2.png) center no-repeat rgba(0, 0, 0, 0.4);  background-size: 0.36rem auto !important;
   top: 50%;
   margin-top: -0.36rem;
   z-index: 20;
     transition: all 0.5s ease-in-out;
 }
  .inner-graphic-list .tit40{ text-align: center; margin-bottom: 0.64rem;}
.inner-graphic-list .sp-cont{ position:relative; overflow: hidden; padding-bottom: 0.48rem; display: block; gap: 0;} 
.inner-graphic-list .inner-big-swiper-button-prev { transform: rotate(180deg); -ms-transform: rotate(180deg);
   left: 0;opacity: 0;top: 37.5%;
 }
.inner-graphic-list .inner-big-swiper-button-next {
   right: 0;opacity: 0;top: 37.5%;
 }
 
 .inner-graphic-list .swiper-notification{ display: none;}
 .inner-graphic-list:hover  .inner-big-swiper-button{ opacity: 1;}
  .inner-graphic-list .swiper-scrollbar {
   border-radius: 10px;
   position: absolute;
   -ms-touch-action: none;
   background:#EDEDED;left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
 }
 .inner-graphic-list .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(22, 94, 164, 1) !important;
   border-radius: 10px;
   left: 0;
   top: 0;
 }
 
 @media screen and (max-width:1024px) {
	 .inner-big-swiper-paginatio{  bottom: 15px;}
	 .inner-big-swiper-paginatio .swiper-pagination-bullet{ margin:0 8px;}
.inner-big-swiper-button {
  
   width:36px;
   height:36px;  background-size:20px auto !important;
   margin-top: -18px;
 }
 .inner-graphic-list .inner-big-swiper-button-prev { top: 25.5%;
  }
 .inner-graphic-list .inner-big-swiper-button-next {
    top: 25.5%;
  }
  .inner-graphic-list .tit40{ margin-bottom:30px;}
.inner-graphic-list .sp-cont{ padding-bottom:25px;} 
  }  
  
 
 
 .model2 .inner-big-swiper-wrapper {
   position: relative;
 }
 .model2 .swiper-container_inner-big-swiper .swiper-slide{ width: 14rem; line-height: 0; margin:0 16px; overflow: hidden;aspect-ratio: 100/57.14;}
  .model2 .swiper-container_inner-big-swiper .swiper-slide img{width: 100%;
height: 100%;
object-fit:cover;}
 .model2 .inner-big-swiper-button-prev { transform: rotate(180deg); -ms-transform: rotate(180deg);
    left: 0.77rem;
  }
 .model2 .inner-big-swiper-button-next {
    right: 0.77rem;
  }
  .model2 .swiper-scrollbar-drag{background: rgba(22, 94, 164, 1) !important;}
 
 @media screen and (max-width:1024px) {
	 .model2 .swiper-container_inner-big-swiper .swiper-slide{ width:340px;margin:0 7px;}
 .model2 .inner-big-swiper-button-prev { 
    left: 5px;
  }
 .model2 .inner-big-swiper-button-next {
   right:5px;
  }
   }  
 
 
 .pro-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap:0.5rem 0.33rem;
  }
  
  /* 颜色卡片样式 */
  .pro-list .pro-card {
width: 100%; display: block;
 	
  } 
 .pro-list  .pro-card a{ width: 100%; display: block;position: relative;}
  /* 图片容器 */
  .pro-list  .image-ico {
       position: relative;
       width: 100%;}
 .pro-list  .image-cont {
      position: relative;
      width: 100%;
      overflow: hidden;
 	 border-radius: 12px;
 	 aspect-ratio: 100/140.74;
 line-height: 0;
  }
 
  .pro-list .image-cont img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .pro-list  .image-ico {
       position: absolute; right: 8px; top: 12px;
       width: 34px; height:34px; z-index: 6; border-radius: 50%; padding: 5px;
  line-height: 0;
   }
   .pro-list  .image-ico:hover{
	    background: #165EA4;
   }
  /* 产品名称 */
  .pro-list .pro-name {
     width: 100%;
      font-size: calc(14px + 0.06rem);
 	 line-height: calc(22px + 0.02rem);
      font-weight: 500;
      color: #343434;
      margin-top:16px;
  }
  
  /* 产品型号 */
 .pro-list  .pro-des {
     width: 100%;  font-size: calc(14px + 0.02rem);
 	 line-height: calc(22px + 0.02rem);
      font-weight: 400;
      color: #343434;
      margin-top:4px;
  }
 .pro-list a:hover  .pro-name {
      color: rgba(22, 94, 164, 1);
  }
 
 @media screen and (max-width:1024px) {
 .pro-list {
      gap:20px 14px;
  }
  .pro-list .pro-name {
    
      margin-top:12px;
  }
  .pro-list .pro-des {
    
      margin-top:2px;
  }
 }  
 @media screen and (max-width:767px) {
 .pro-list {
       grid-template-columns: repeat(2, 1fr);
  }
 
 }  
 


.inner-pro-list .tit40{ margin-bottom: 0.48rem;}
.inner-pro-list .pro-list{ position:relative; overflow: hidden; padding-bottom: 0.48rem; display: block; gap: 0;} 
.inner-pro-list .inner-big-swiper-button-prev { transform: rotate(180deg); -ms-transform: rotate(180deg);
   left: 0;opacity: 0;top: 41.5%;
 }
.inner-pro-list .inner-big-swiper-button-next {
   right: 0;opacity: 0;top: 41.5%;
 }
 
 .inner-graprophic-list .swiper-notification{ display: none;}
 .inner-pro-list:hover  .inner-big-swiper-button{ opacity: 1;}
  .inner-pro-list .swiper-scrollbar {
   border-radius: 10px;
   position: absolute;
   -ms-touch-action: none;
   background:#EDEDED;left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
 }
   .inner-pro-list .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: #165EA4;
   border-radius: 10px;
   left: 0;
   top: 0;
 }
 
 @media screen and (max-width:1024px) {

 .inner-pro-list .inner-big-swiper-button-prev { top: 37.5%;
  }
 .inner-pro-list .inner-big-swiper-button-next {
    top: 37.5%;
  }
  .inner-pro-list .tit40{ margin-bottom:30px;}
.inner-pro-list .pro-list{ padding-bottom:25px;} 
  }  


.pro-box{ background: #F9F9F9; padding-top: 0.75rem; padding-bottom: 0.75rem;}
.pro-box .en{ display:block; width: 100%; text-align: center; text-transform: uppercase; color:#165EA4; font-weight: 350; font-size: 0.36rem; line-height: 0.43rem; margin-top: 0.7rem;}
.pro-box .ch{ display:block; width: 100%; text-align: center; color:#343434; font-weight: 700; font-size: 0.32rem; line-height:0.43rem;margin-top:8px;}
.pro-box .info{ display:block; width: 100%; text-align: center; color: #343434; font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.21rem);margin-top:8px;}
 
 .pro-nav{width: 100%;}
 .pro-nav ul {width: 100%;display: flex; flex-wrap: wrap; gap: 0.24rem;align-items: center; justify-content: center;}
 .pro-nav li { display: inline-flex;}
 .pro-nav li a{ display: inline-flex;color: #165EA4; border:1px solid #165EA4; font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.02rem); padding: 0.11rem 0.32rem;border-radius: 40px;}
 .pro-nav li.active a{background-color:#DE7699; border:1px solid #DE7699;color: #fff;}  
 .pro-nav li:hover a{background-color:#DE7699; border:1px solid #DE7699;color: #fff;}
 
 
 @media screen and (max-width:1024px) {
.pro-box{ padding-top:30px; padding-bottom:30px;}	 
.pro-box .en{ font-size:20px; line-height:28px;margin-top:20px;}	 
.pro-box .ch{ font-size:18px; line-height:28px;margin-top:8px;}	 	 
.pro-box .info{ font-size:14px; line-height:20px;margin-top:8px;}	 


.pro-nav ul {gap:12px;}
.pro-nav li a{ font-size:14px; line-height:20px;padding:4px 16px;} 
}  

.inner-cpys-list{ width: 100%; }
.cpys-cont{ display:block; width: 100%;  position: relative; overflow: hidden;}
.cpys-cont .cpys-item{display:block; width: 100%;}
.cpys-cont .cpys-item a{display:block; width: 100% position: relative;}
.cpys-cont .cpys-item .cpys-image{display:block; width: 100%; line-height: 0; aspect-ratio: 100 / 43;}
.cpys-cont .cpys-item .cpys-image img{display:block; width: 100%; height:100%; object-fit: cover; }
.cpys-cont .cpys-item .cont{display:flex; flex-wrap: wrap; align-items: center; align-content: center; text-align: center; width: 100%; height:100%; background: rgba(0, 0, 0, 0.29); position: absolute; left: 0; top: 0; z-index: 10; padding:2rem; }
.cpys-cont .cpys-item .h1{ width: 100%; color:rgba(255, 255, 255, 1); font-size: 0.32rem; line-height: 0.48rem; }
.cpys-cont .cpys-item .p{ width: 100%; color:rgba(255, 255, 255, 0.8); font-size: calc(14px + 0.04rem); line-height: calc(23px + 0.08rem); margin-top: 0.24rem; }
.inner-cpys-list .inner-big-swiper-button-prev{left:0.46rem; opacity: 0;transform: rotate(180deg); -ms-transform: rotate(180deg);}
.inner-cpys-list .inner-big-swiper-button-next{right:0.46rem; opacity: 0;}
.inner-cpys-list .cpys-cont:hover .inner-big-swiper-button-prev{opacity: 1;}
.inner-cpys-list .cpys-cont:hover .inner-big-swiper-button-next{opacity: 1;}
.inner-cpys-list .swiper-notification{display:none;}


 @media screen and (max-width:1024px) {
.cpys-cont .cpys-item .h1{ font-size:18px; line-height:28px;

}	 	 
.cpys-cont .cpys-item .p{ font-size:14px; line-height:24px;margin-top:8px;

}	 
 .cpys-cont .cpys-item .p br{ display:none;}
 .cpys-cont .cpys-item .cont{ padding:20px 50px; }
 .inner-cpys-list .inner-big-swiper-button-prev{left:0;}
 .inner-cpys-list .inner-big-swiper-button-next{right:0; }
 }  
 @media screen and (max-width:767px) {
	.cpys-cont .cpys-item .cpys-image{ background: #000;} 
	.cpys-cont .cpys-item .cpys-image img{ opacity: 0.71;} 
.cpys-cont .cpys-item .cont{ position: static; padding:25px 25px; background:linear-gradient(180.00deg, rgba(3, 34, 64, 1),rgba(0, 0, 0, 1) 100%); }	 
}	 
 
 
 
 .news-box{ margin-top:0.9rem; width: 100%; border-top:1px solid #EDEDED;}
 .news-detail{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
 .news-detail .detail01{ display: block; width: 68%; padding:43px 31px 1rem 0; border-right:1px solid #EDEDED;}
 .news-detail .detail02{ display: block; width: 32%; padding:43px 0 1rem 0; }
 .news-detail .detail-title { display: block; width: 100%;color:#333333;font-size: 0.32rem;font-weight: 400;line-height: 0.48rem;}
 .news-detail .time{ display: block; width: 100%;color:#666;font-size: calc(14px + 0.02rem);font-weight: 400;line-height: 24px; margin-top: 6px;}
 .news-detail .des{ display: block; width: 100%; font-size: calc(14px + 0.02rem);font-weight: 400;line-height: 24px;color: #333;margin-top: 25px;}
 .news-detail .share{ display: flex; width: 100%; align-items: center; margin:21px 0 0 0; gap:12px;}
.news-detail .share .wechat-icon{background: url(img/wechat.png) no-repeat center; }
.news-detail .share .sina-icon{background: url(img/sina.png) no-repeat center; }
.news-detail .share .links-icon{background: url(img/link.png) no-repeat center; }
.news-detail .share .wechat-icon,
.news-detail .share .sina-icon,
.news-detail .share .links-icon{display: block;width:18px;height: 18px; background-size:100% !important;}
.news-detail .share .wechat,
.news-detail .share .sina,
.news-detail .share .links{ position: relative; display: flex; justify-content: center; align-items: center; background-color:#F8F8F8;border-radius: 24px;width: 32px;height: 32px;}
.news-detail .share .i {
  display: block;
  line-height: 0;
  position: absolute;
  left:0;
  top: 40px;
  width: 100px;
  background: #fff;border:1px solid #EDEDED;box-shadow:0 4px 10px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 5px;
  -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
  transition: all 500ms cubic-bezier(.5, 1, .4, 1);
  -webkit-transform-origin: 10% 10%;
  -moz-transform-origin: 10% 10%;
  -ms-transform-origin:  10% 10%;
  -o-transform-origin: 10% 10%;
  transform-origin: 10% 10%;
  -webkit-transform: translateX(0) scale(0);
  -moz-transform: translateX(0) scale(0);
  -ms-transform: translateX(0) scale(0);
  -o-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0);
}
.news-detail .share .i img{ width: 100%; border-radius:4px;}
.news-detail .share .wechat:hover .i{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateX(0) scale(1);
	-moz-transform: translateX(0) scale(1);
	-ms-transform: translateX(0) scale(1);
	-o-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);} 
 .news-detail .detail-title1 { display: block; width: 100%;color:#333333;font-size: 0.3rem;font-weight: 400;line-height: 0.45rem; padding:0 32px;}
 .news-detail .ul{ display: block; width: 100%;border-bottom:1px solid #EDEDED; margin-top: 0.54rem;}
 .news-detail .ul li{ display: block; width: 100%;border-top:1px solid #EDEDED;}
 .news-detail .ul li a{ display: block; width: 100%; padding:0.43rem 32px;}
 .news-detail .ul li .tit{ width: 100%;color:#333333;font-size: calc(14px + 0.06rem);font-weight: 400;line-height: calc(22px + 0.04rem);}
 .news-detail .ul li .time { display: block; width: 100%;color:#666;font-size: calc(14px + 0.02rem);font-weight: 400;line-height: 24px; margin-top: 0.16rem;}
  .news-detail .ul li:hover .tit{ color: #165EA4;}
  .news-detail .ul li:hover{ box-shadow:0 4px 0.37rem rgba(0, 0, 0, 0.07);}
 
 @media (max-width: 1024px) {
.news-box{ margin-top:50px; padding:0;}	 
.news-detail{ flex-wrap: wrap;}
 .news-detail .detail01{width: 100%; padding:25px 18px 30px 18px; border-right:0;  }
 .news-detail .detail02{ width:100%; padding:25px 0 0 0;border-top:1px solid #EDEDED; }
 .news-detail .detail-title {font-size:18px;line-height:28px;}
 .news-detail .time{font-size: 14px;}
 .news-detail .des{ font-size:14px; line-height: 24px;}
 
 .news-detail .detail-title1 {font-size:17px;line-height:28px; padding:0 18px; font-weight: bold; text-align: center;}
 .news-detail .ul li a{ padding:18px 18px;}
 .news-detail .ul{ border-bottom:0; margin-top:20px;}
 
 
 }
 
 .cpsy1{display: block; width: 100%; line-height: 0;  margin-top: 40px;}
 @media (max-width: 1024px) {
 .cpsy1{  margin-top:20px;}
  
  
  }
 
  
  .bg-f9{ background: #F9F9F9;}
  
  ._map3{ display: flex; flex-wrap: wrap; align-content: flex-start; width:2.8rem; margin-top:0.53rem;}
  ._map3 .ul{ display: block; width:100%; padding-bottom:0.53rem;border-top: 1px solid rgba(46, 88, 166, 0.07);}
  ._map3 .ul{ display: block; width:100%;}
  ._map3 .ul .li{ display: flex; align-items: center; cursor: pointer;
  border-bottom: 1px solid rgba(46, 88, 166, 0.07);
 width:100%;  padding:0.16rem 0.3rem;
  color:#343434;
  font-size: calc(14px + 0.02rem);
  font-weight: 400;
  line-height: calc(22px + 0.08rem);
  }
  ._map3 .ul .li .ico{ display: block; min-width: 0.24rem; height:0.24rem; margin-right:0.08rem;}
  ._map3 .ul .li .ico img{ display: block; width: 0.24rem; height:0.24rem; object-fit: contain;}


  ._map3 .ul .li.slick-current{box-shadow:0 4px 0.24rem rgba(0, 0, 0, 0.06);background: #fff;}

  ._map3 .slick-prev,
  ._map3 .slick-next{ cursor: pointer; top:auto; bottom:-20px; 
  width: 40px;
  height: 40px; border-radius: 50%;
   background:url(img/next1.png) center no-repeat #DE7699; background-size:20px auto !important;
  }
  ._map3 .slick-prev:hover,
  ._map3 .slick-next:hover{ background:url(img/next1.png) center no-repeat rgba(22, 94, 164, 1);}
  ._map3 .slick-prev{ left:0;-webkit-transform: translate(0, -50%) rotate(180deg);
  -ms-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg);}
  ._map3 .slick-next{ right: auto; left:56px;}
  
  @media screen and (max-width:1024px) {
  ._map3 .ul .li{ margin-bottom:12px;
  height:40px;
  padding:0 15px;
  font-size:14px;
  line-height:24px;
  }
  ._map3 .ul .li .ico{  min-width:20px; height:20px; margin-right:6px;}
  ._map3 .ul .li .ico img{  width:20px; height:20px;}	
  ._map3 .slick-prev,
  ._map3 .slick-next{  top:auto; bottom:-17px; 
  width: 30px;
  height: 30px; }
  ._map3 .slick-next{ right: auto; left:44px;}
  ._map3{ width:100%;}
  ._map3 .ul .li{justify-content: center;padding:0;  border-right: 1px solid rgba(46, 88, 166, 0.07);
  transition:none;
    -moz-transition:none;
    -webkit-transition: none;
    -o-transition:none;}
  ._map3 .slick-prev,
  ._map3 .slick-next{ bottom:auto;   top:-28px; } 
  ._map3 .slick-prev{ left:auto; right:40px;}  
  ._map3 .slick-next{ left:auto;  right:0;}
  }

  
  ._mapbox2{ position:relative; display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
  ._mapbox2 .list{  display: block; width:65.35%; position:relative; margin-top: -0.7rem; margin-right:0.6rem;}
  ._mapbox2 .list .hd{  display: block; width:100%; height:100%; position:absolute; top:0; left:0;}
  ._map2{ display: block; width:100%; height:100%; position:absolute; top:0; left:0;}
  ._map2 .slick-list{ height:100%; overflow: visible !important;}
  ._map2 .slick-track{ width:100% !important; height:100%;}
  ._map2 li{ display: block; position:static !important; width: auto !important; opacity:1 !important; }
  ._map2 li .la{ display: block; position:absolute;  cursor:pointer; margin:-0.2rem 0 0 -0.2rem;}
  ._map2 li i{width:0.4rem; height:0.4rem; display:block; line-height: 0; }
  ._map2 li i img{ width: 100%; }
  ._map2 li .text{ z-index: 20; width:380px; padding:0 0 10px 0; position:absolute; left:50%; bottom:100%;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
  	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
  	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
  	-webkit-transform-origin:50% 90%;
  	-moz-transform-origin:50% 90%;
  	-ms-transform-origin:50% 90%;
  	-o-transform-origin:50% 90%;
  	transform-origin:50% 90%;
  	-webkit-transform: translateX(-50%) scale(0);
  	-moz-transform: translateX(-50%) scale(0);
  	-ms-transform: translateX(-50%) scale(0);
  	-o-transform: translateX(-50%) scale(0);
  	transform: translateX(-50%) scale(0);}
  ._map2 li.slick-current .text{ opacity: 1;
  	filter: alpha(opacity=100);
  	display: block \9;
  	pointer-events: auto;
  /* 	-webkit-transform: translateX(-50%) scale(1);
  	-moz-transform: translateX(-50%) scale(1);
  	-ms-transform: translateX(-50%) scale(1);
  	-o-transform: translateX(-50%) scale(1);
  	transform: translateX(-50%) scale(1); */
	}
  ._map2 li .text .sect{ position: relative; display: block;width:100%; padding:24px;background: rgba(255, 255, 255, 1);border-radius:16px; 
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);}
  ._map2 li .text .sect:after{  display: block; width:0; height:0; content:''; position:absolute; left:50%; top:99%; border-left:14px solid transparent; border-right:14px solid transparent;border-top:14px solid #fff; transform: translateX(-50%); -ms-transform: translateX(-50%);}
  ._map2 li .text .tit{font-size:calc(14px + 0.06rem); line-height:calc(20px + 0.1rem); font-weight: 600;color:#000;}
  ._map2 li .text .cont{ display:flex; flex-wrap: wrap; width: 100%; padding-top:0.12rem; }
  ._map2 li .text .adrr{ display:flex; width: 100%; margin-top:4px; position: relative; padding-left:28px;color:#333;}
  ._map2 li .text .adrr img{ position: absolute; left: 0; top: 0.06rem; width:20px;}
  ._map2 li .text .li2{ display:block; width: 100%; margin-bottom:0.16rem;}
  ._map2 li .text .li2:last-child{ display:block; width: 100%;}
  
  @media  screen and (max-width:1600px){
  ._mapbox2 .list{margin-top:-0.2rem; margin-right:0.6rem;}
  ._map2 li .text .sect{ padding:16px 16px 24px 16px;}
  ._map2 li .text{ width:320px;}
  ._map2 li .text .cont{padding-top:6px; }
  ._map2 li .text .adrr{ font-size:14px; line-height:22px;}
  }	
  @media  screen and (max-width:1024px){
  ._mapbox2 .list{ margin-top:0;/* margin-bottom:220px; */}
  ._map2{ width:100%;}	
  ._map2 li{ margin:-12px 0 0 -12px;}
  ._map2 li i{width:24px; height:24px;}
  ._map2 li .text{padding:0; width:100%; top:102%; height:220px; display: flex; align-items: center;}
  ._map2 li .text .sect{ border-radius: 12px; padding:16px;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1); }
  ._map2 li .text .sect:after{ border-left:10px solid transparent; border-right:10px solid transparent;border-top:10px solid #fff; }
  ._map2 li .text .cont{padding-top:6px; }
  ._map2 li .text .adrr{margin-top: 8px;}
  ._map2 li .text{ position:fixed; bottom:0; left:50%; z-index:60;}	
  ._map2 li .text .sect:after{  display:none;}
  ._mapbox2 .list{ width:100%; margin-top:25px; }
  }
  
  
  
  .inbanner .box3 {
       width: 100%;
  position: absolute;
     z-index: 10;
     bottom:0; 
     right:0;
     }
    .inbanner .box2 {
      width: 100%;
 position: absolute;
    z-index: 10;
    top: 45.36%; transform: translateY(-50%); -ms-transform: translateY(-50%);
    right:0;
    }
  
.ss_search2{width: 100%; display: flex; justify-content: center; margin-top: 0.32rem;}
.ss_search2 .input{width:12.32rem; display: flex; position: relative;border: 1px solid rgba(255, 255, 255, 1); border-radius:60px;}
.ss_search2 .input input{width: 100%;height:0.68rem;display: block;font-size: 0.18rem;color: #fff; line-height:0.46rem; padding:0.1rem 1.1rem 0.1rem 0.24rem;}
.ss_search2 .input input::placeholder{color: #fff; opacity:1 !important;}
.ss_search2 .input .img{width:0.84rem; height:100%; display: block;position: absolute;right:0;top: 50%;transform: translate(0,-50%);cursor: pointer; background:url(img/_search0.png) center no-repeat; background-size:0.36rem auto !important;}
.ss_search2 .input .img:hover{ background:url(img/_search.png) center no-repeat;}

@media screen and (max-width:1024px) {
.ss_search2{margin-top:20px; }
.ss_search2 .input{width:90%; }
.ss_search2 .input input{ height:40px; font-size:14px; line-height:28px; padding:5px 80px 5px 16px;}
.ss_search2 .input .img{width:60px; background-size:24px auto !important;}
}

.pro-nav1{width: 100%;}
.pro-nav1 ul {width: 100%;display: flex; flex-wrap: wrap; gap: 0.24rem;align-items: center; justify-content: center;}
.pro-nav1 li { display: inline-flex;}
.pro-nav1 li a{ display: inline-flex;color: #fff; border:1px solid #fff; font-size:0.18rem; line-height:0.24rem; padding: 0.16rem 0.32rem;border-radius: 40px;}
.pro-nav1 li.active a{background-color:#DE7699; border:1px solid #DE7699;color: #fff;}  
.pro-nav1 li:hover a{background-color:#DE7699; border:1px solid #DE7699;color: #fff;}


@media screen and (max-width:1024px) {

.pro-nav1 ul {gap:12px;}
.pro-nav1 li a{ font-size:14px; line-height:24px;padding:4px 16px;} 
}  


.pro-nav2{width: 100%;}
.pro-nav2 ul {width: 100%;display: flex; gap:0 0.6rem;}
.pro-nav2 li { display: inline-flex;width: 100%; align-items: center; justify-content: center;height: 0.9rem; border-top:1px solid rgba(255, 255, 255, 0.51);}
.pro-nav2 li a{ display: inline-flex; flex-direction: column;align-items: center; justify-content: center; color: #fff; font-size:0.18rem; line-height:0.26rem; }
.pro-nav2 li a img{width:16px;height:16px;}
.pro-nav2 li:hover a img{ margin-top: 0.1rem;}


@media screen and (max-width:1024px) {
.pro-nav2 ul {gap:14px;}
.pro-nav2 li{ height:70px;}
.pro-nav2 li a{ font-size:14px; line-height:24px} 
}  
    
  
  
  .page_section{width: 100%;}
  .page_section .pcpage{display: flex;justify-content: center;align-items: center;}
  .page_section .pcpage a{display: flex;justify-content: center;align-items: center;margin:0 0.16rem; font-size: 14px;color:#4D4F53;height: 18px; line-height: 18px;}
  .page_section .pcpage a img{width: 7px;display: block;}
  .page_section .pcpage a .ico2{display: none;}
  .page_section .pcpage .prev{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
  .page_section .pcpage a:hover,
  .page_section .pcpage a.on{color:rgba(22, 94, 164, 1);}
  .page_section .pcpage a:hover .ico1{display: none;}
  .page_section .pcpage a:hover .ico2{display: block;}
  
  .page_section .pcpage a.on .ico1{display: none;}
  .page_section .pcpage a.on .ico2{display: block;}
  
  .page_section .pcpage a:nth-child(1){margin-right: 30px;}
  .page_section .pcpage a:last-child{margin-left: 20px;}
  .page_section .phpage{display: none;}
  @media screen and (max-width:1024px) {
  .page_section{width: 100%;}
  .page_section .pcpage{display: none;}
  .page_section .phpage{display: flex;justify-content: center;align-items: center;}
  .page_section .phpage a{display: flex;justify-content: center;align-items: center; width: 34px;height: 34px;}
  .page_section .phpage a img{width: 8px;display: block;}
  .page_section .phpage a .ico1{display: none;}
  .page_section .phpage .prev{ transform: rotate(180deg); -ms-transform: rotate(180deg);}
  .page_section .phpage a:hover,
  .page_section .phpage a.on{ color:rgba(22, 94, 164, 1);}
  .page_section .phpage a.on .ico1{display: none;}
  .page_section .phpage a.on .ico2{display: block;}
  .page_section .phpage a:hover .ico1{display: none;}
  .page_section .phpage a:hover .ico2{display: block;}
  .page_section .phpage span{font-size: 16px;color: #333;line-height: 20px;margin: 0 24px;}
  }

  
  /*260302*/
  
  
  
  /* wy */ 
  
  /* 联系我们 */
  .lianxi{ background-color: #F9F9F9; padding-top: 1rem; padding-bottom: 1rem;}
  .lianxi .contact-wrapper { display: flex; gap: 0; align-items: stretch;}
  .lianxi .contact-info { flex: 1; padding: 1.37rem 1.51rem; background-color: #fff; display: flex; flex-direction: column; justify-content: center; }
  .lianxi .contact-title { font-size: 0.2rem;line-height: 0.42rem; font-weight:400; color: #343434;position: relative; }
  .lianxi .contact-title::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 24px; height: 1px; background-color: #165EA4; }
  .lianxi .contact-details { margin-top: 16px;}
  .lianxi .contact-item { margin-bottom:0; font-size: 0.18rem; line-height:0.42rem; color: #343434; } 
  .lianxi .map-section {width: 9.15rem;max-width: 9.15rem; aspect-ratio: 100/53.55; overflow: hidden; }
  .lianxi .map-section img {width: 100%; height: 100%; object-fit: cover; display: block; }
  
  .lianxi .qr-wrapper {margin-top: 0.48rem; display: flex; justify-content: space-between; gap: 0.33rem; }
  .lianxi .qr-card { flex: 1; background-color: white; padding: 0.82rem 0.2rem ; text-align: center;}
  .lianxi .qr-card:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07); }
  .lianxi .qr-title { font-size: 0.2rem; line-height: 0.42rem; color: #343434;position: relative; }
  .lianxi .qr-title::after { content: ''; position: absolute;bottom: -4px;  left: 50%; transform: translateX(-50%); width: 28px; height: 1px; background-color: #165EA4; }
  .lianxi .qr-code { width: 1.22rem; max-width: 1.22rem; margin: 16px auto 16px; display: flex; align-items: center; justify-content: center; }
  .lianxi .qr-code img { width: 100%; height: 100%; object-fit: contain; }
  .lianxi .qr-account {font-size:calc(14px + 0.02rem); color: #343434; line-height: 0.42rem; margin-bottom: 4px;}
  .lianxi .qr-btn {display: inline-block; padding: 12px 36.5px; border: 1px solid #de7699; border-radius:0.70rem; font-size: 14px; line-height: 16px; color:#de7699; background-color: transparent; cursor: pointer; transition: all 0.3s ease; }
  .lianxi .qr-btn:hover { background-color: #de7699; color: white; }
  .lianxi .qr-btn.active { background-color: #de7699; color: white; }
  
  @media screen and (max-width:1024px) {
  	.lianxi .contact-wrapper { display: block; gap: 0; align-items: stretch;}
  	.lianxi .contact-info { padding: 100px 100px; }
  	.lianxi .map-section {width: 100%;max-width: 100%; aspect-ratio: 100/53.55; overflow: hidden; }
  	.lianxi .contact-title { font-size: 18px;line-height: 36px; }
  	.lianxi .contact-item {font-size: 16px; line-height:30px; } 
  	
  	.lianxi .qr-wrapper {margin-top: 20px;display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
  	.lianxi .qr-title { font-size: 18px; line-height: 36px;}
  	.lianxi .qr-code { width: 110px; max-width: 110px; margin: 16px auto 16px; display: flex; align-items: center; justify-content: center; }
  	.lianxi .qr-account {font-size:16px; line-height:36px; }
  	}
  	
  @media screen and (max-width:767px) {
  	.lianxi .contact-wrapper { display: block; gap: 0; align-items: stretch;}
  	.lianxi .contact-info { padding: 40px 40px; }
  	.lianxi .contact-title { font-size: 16px;line-height:36px; }
  	.lianxi .contact-item {font-size: 14px; line-height:24px; } 
  	
  	.lianxi .qr-wrapper {margin-top: 20px;display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
  	.lianxi .qr-title { font-size: 16px; line-height: 36px;}
  	.lianxi .qr-code { width: 110px; max-width: 110px; margin: 16px auto 16px; display: flex; align-items: center; justify-content: center; }
  	.lianxi .qr-account {font-size:14px; line-height:24px; }
  	.lianxi .qr-btn {padding: 8px 30px; border-radius:50px; }
  	}
  	
  	
  /* 品牌动态 */
  .pd64{margin-bottom: 0.64rem;}
  .pinpai .neirong {display: flex; gap:0.68rem; align-items: center;width: 100%;}
  .pinpai .list-item {width: 100%;}
  .pinpai .list-item:hover { background-color: #F9F9F9;}
  .pinpai .list-item a {display: flex; width: 100%;gap:0.9rem;padding-top: 0.46rem; padding-bottom: 0.46rem; transition: all 0.3s ease; align-items: center; }
  .pinpai .list-date { flex:1; width: 88px; min-width: 88px; background-color: #165EA4; color: white; padding: 18px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; transition: all 0.3s ease;}
  .pinpai .nian{ font-size: 0.2rem; line-height: 0.29rem; font-weight: 600;align-items: center;}
  .pinpai .yr{ font-size:14px; line-height: 16px; align-items: center;}
  .pinpai .list-item:hover .list-date {opacity: 1; }
  .pinpai .list-image {width:4.43rem; min-width:4.43rem; aspect-ratio: 100/66.14; overflow: hidden; transition: all 0.3s ease; }
  .pinpai .list-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
  .pinpai .list-item:hover .list-image img { transform: scale(1.05); }
  .pinpai .list-content { width:100%; transition: all 0.3s ease; }
  .pinpai .list-title { font-size: 0.2rem; line-height: 0.24rem;color: #343434; margin-bottom: 0.3rem; transition: color 0.3s ease; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
  .pinpai .list-item:hover .list-title { color: #165EA4; }
  .pinpai .list-description { font-size: calc(14px + 0.02rem); color: #343434; line-height:0.3rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
  .pinpai .list-arrow { flex:1; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; ss}
  .pinpai .list-item:hover .list-arrow { opacity: 1; }
  .pinpai .list-arrow img {width: 24px;min-width: 24px; overflow: hidden; }
  .pinpai .list-item:hover .list-arrow a { transform: translateX(5px); }
  
  @media screen and (max-width:1440px) {
  	.pinpai .list-date {width: 72px; min-width: 72px; padding: 12px 0;}
  	.pinpai .nian{ font-size: 16px; line-height: 24px; }
  	.pinpai .list-title { font-size:18px; line-height: 24px;}
  	.pinpai .list-description { font-size:15px; line-height:28px; }
  	}
  	
  @media screen and (max-width:1024px) {
  	.pinpai .neirong {gap:14px;}
  	.pinpai .list-item a {gap:14px;padding-top:15px;
  padding-bottom:15px;}
  	.pinpai .list-arrow img {width: 20px;max-width: 20px;}
	.pinpai .list-date {width: 64px; min-width: 64px; padding: 10px 0; display:none;}
	.pinpai .list-arrow{ display:none;}
  	}
  	
  @media screen and (max-width:767px) {
  	.pinpai .nian{ font-size: 14px; line-height: 18px; }
  	.pinpai .yr{ font-size:12px; line-height: 16px;}
  	.pinpai .list-image {width:146px; min-width:146px; }
  	.pinpai .list-title { font-size:16px; line-height: 24px;  -webkit-line-clamp: 2;}
  	.pinpai .list-description { font-size:14px; line-height:22px; }
  	}
  	
  	
  	
  
  /* 品牌优势 */
  .youshi .intro-content { padding: 1.73rem 0; }
  .youshi .intro-text {font-size: calc(14px + 0.02rem); color: #343434; line-height:0.29rem; text-align: justify;  }
  .w1136{max-width:1136px; margin-right: auto; margin-left: auto;}
  
  .youshi1 { position: relative; width: 100%;overflow: hidden; padding: 3.14rem 0 1.1rem 0;}     
  .youshi1 .banner-content { position: relative; z-index: 3; height: 100%; display: block; align-items: center; text-align: center; }
  .youshi1 .main-title { font-size: 0.48rem; line-height: 0.72rem; color: white; margin-bottom: 0.24rem;padding:0 1rem; }
  .youshi1 .subtitle { font-size: 0.2rem; line-height: 0.31rem; color: white;width: 100%; margin-bottom: 2.56rem; padding:0 1rem; }
  .youshi1 .stats-wrapper {display: flex;flex-wrap: wrap; justify-content: space-between;width: 100%; }
  .youshi1 .stat-item {text-align: center; color: white; width: 25%; padding:0 1rem;}
  .youshi1 .stat-number { font-size: 0.72rem; line-height: 0.72rem; margin-bottom: 0.16rem;justify-content: center; align-items: center; text-align: center;display: flex; }
  .youshi1 .stat-unit { font-size: 0.18rem; line-height: 0.31rem; margin-left: 12px;justify-content: center; align-items: center; text-align: center; display: flex; }
  .youshi1 .stat-label { font-size: 0.2rem; line-height: 0.24rem; color:#fff;}
  
  .pt144{margin-top: 1.44rem;}
  .youshi2 .equipment-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.55rem; }
  .youshi2 .equipment-item { position: relative; overflow: hidden;}
  .youshi2 .equipment-image { width: 100%; overflow: hidden; aspect-ratio: 100/57.45;}
  .youshi2 .equipment-image img { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; }
  .youshi2 .equipment-item:hover .equipment-image img { transform: scale(1.05); }
  .youshi2 .equipment-caption { position: absolute; bottom: 0; left: 0; right: 0; font-size: 0.24rem; color: white; text-align: center; padding: 0.36rem; }
  
  .youshi3 .main-title { font-size: 0.48rem; line-height: 0.72rem; color: #343434; margin-bottom: 0.24rem; text-align: center;letter-spacing: 2px; }
  .youshi3 .description { font-size: 0.2rem; line-height: 0.31rem; color: #343434; text-align: center; margin-bottom: 1rem; }
  .youshi3 .tu{ width: 100%; overflow: hidden; aspect-ratio: 100/38.02;}
  .youshi3 .tu img { width: 100%; height: 100%; object-fit: cover;transition: transform 0.3s ease; }
  
  
  @media screen and (max-width:1440px) {
  	.youshi .intro-text {font-size:16px;line-height:30px;}
  	.youshi1 .subtitle { font-size:16px;line-height:30px;}
  	.youshi1 .stat-unit { font-size: 16px; line-height:24px; }
  	.youshi1 .stat-label { font-size: 16px; line-height:24px; }
  	.youshi3 .description { font-size: 16px; line-height: 30px;}
  	}
  	
  
  @media screen and (max-width:1024px) {
	  .youshi1 { padding:80px 20px 60px 20px;}     
  	.youshi1 .main-title { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
  	.youshi2 .equipment-caption { font-size: 16px; padding: 15px; }
  	.youshi3 .main-title { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
	.youshi .intro-text {font-size:14px;line-height:26px;}
	.youshi1 .subtitle { font-size:14px;line-height:26px; padding: 0 20px;}
	.youshi1 .main-title { font-size: 20px; line-height: 30px; margin-bottom: 15px;   padding: 0 20px;}
	.youshi1 .stat-number { font-size: 30px; line-height: 30px;margin-bottom:8px;}
	.youshi3 .main-title { font-size: 20px; line-height: 30px; margin-bottom: 15px; }
	.youshi3 .description { font-size: 14px; line-height: 26px; text-align: left;}
	.youshi1 .stat-label{ font-size: 14px; line-height: 24px;}
	.youshi1 .stat-unit{ font-size: 14px; line-height: 24px;  margin-left:6px;}
	
  	}
  	
  	
  @media screen and (max-width:767px) {
  	
  	.youshi2 .equipment-grid { display:grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
.youshi1 .stat-item{ width:50%;padding:20px 10px;}
  	}
  	
  	
  	
  	
  /* 公司团队 */
  .gstd .person-card { display: flex; overflow: hidden;background: linear-gradient(-90.00deg, rgba(12, 24, 47, 1),rgba(34, 55, 89, 1) 100%); padding:0 0.84rem 0 0;}
  .gstd .person-image {width: 6.04rem; max-width: 6.04rem; aspect-ratio: 100/100; overflow: hidden; padding: 0.32rem 0 0 0; display: flex; flex-wrap: wrap;  align-items: flex-end;}
  .gstd .person-image img { width: 100%; height: 100%; object-fit: cover; }
  .gstd .person-info { flex: 1; padding:0 0 0 2.59rem; color: white; display: flex; flex-wrap: wrap; align-content: center; }
  .gstd .person-name { width: 100%; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.24rem; border-bottom: 1px solid rgba(255, 255, 255, 0.14); padding-bottom: 0.24rem; }
  .gstd .person-title { width: 100%; font-size: 0.18rem; line-height: 0.31rem; color: rgba(255, 255, 255, 0.8); }
  
  @media screen and (max-width:1440px) {
  	.gstd .person-name { font-size:20px; line-height: 30px; margin-bottom: 20px;  padding-bottom: 20px; }
  	.gstd .person-title { font-size: 16px; line-height:30px;}
  	}
  	
  @media screen and (max-width:1024px) {
  	.gstd .person-name { font-size:18px; line-height:26px; margin-bottom:14px;  padding-bottom:14px; }
  	.gstd .person-title { font-size: 16px; line-height:26px;}
	.gstd .person-card {padding:0;}
	.gstd .person-image {width: 240px; max-width: 240px;padding: 0;}
	.gstd .person-info { flex: 1; padding:30px 5px 30px 15px; color: white; }
	.gstd .person-name { font-size:18px; line-height:26px; margin-bottom:14px; padding-bottom:14px; }
	.gstd .person-title { font-size:14px; line-height:26px;}
  	}
  	
  @media screen and (max-width:767px) {
      .gstd .person-image {width:140px; max-width: 140px;padding: 0;}
  	}
  
  .gstd1 .card-grid-list{ display: block; width: 100%;position: relative; overflow: hidden; padding-bottom: 0.48rem; }
  .gstd1 .card-grid { width: 100%; }
  .gstd1 .card { display: block; width: 100%; overflow: hidden; }
  .gstd1 .card-image { width: 100%; aspect-ratio: 100 / 146;overflow: hidden; }
  .gstd1 .card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
  .gstd1 .card:hover .card-image img { transform: scale(1.05); } 
  .gstd1 .card-content { background-color: white; padding: 0.24rem 0 0 0; }
  .gstd1 .card-title { color:#343434; font-size: 0.2rem; line-height: 0.3rem; margin-bottom: 8px; }
  .gstd1 .card-description { color: rgba(52, 52, 52, 0.8); font-size: 0.16rem; line-height: 0.31rem; }
   .gstd1 .swiper-notification{display: none;}
   .gstd1 .card-grid-list .inner-big-swiper-button-prev { transform: rotate(180deg); -ms-transform: rotate(180deg);
      left: 0;opacity: 0;top: 40.05%;
    }
  .gstd1 .card-grid-list .inner-big-swiper-button-next {
      right: 0;opacity: 0;top: 40.05%;
    }
   .gstd1 .card-grid-list:hover  .inner-big-swiper-button{ opacity: 1;}	
   .gstd1 .swiper-scrollbar {
     border-radius: 10px;
     position: absolute;
     -ms-touch-action: none;
     background: #EDEDED;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 2px;
   }
	.gstd1 .swiper-scrollbar-drag{
	  background:rgba(22, 94, 164, 1);
	}
	
	
  @media screen and (max-width:1024px) {
  	.gstd1 .card-title {font-size: 18px; line-height: 26px; }
  	.gstd1 .card-description {font-size: 16px; line-height: 26px; }
	.gstd1 .card-content {padding:16px 0 0 0; }
	.gstd1 .card-title {font-size: 16px; line-height: 24px; margin-bottom: 2px; }
	.gstd1 .card-description {font-size: 14px; line-height: 24px; }
	.gstd1 .card-grid-list{ padding-bottom: 25px; }
  	}	
  	
  	
  @media screen and (max-width:767px) {
  
  	}	
  	
  	
  	
  	
  /* 营销网络-搜索结果 */
  .ssjg .title-section { background-color: #F9F9F9; padding: 0.3rem 0; text-align: center; }
  .ssjg .main-title { font-size: 0.2rem;line-height: 0.3rem; color: #000;}
  .ssjg .image-section {width: 100%; display: flex;justify-content: center;padding: 1.3rem 0;}
  .ssjg .image-container { width: 5.03rem; max-width: 5.03rem; aspect-ratio: 100/149;overflow: hidden; }
  .ssjg .image-container img { width: 100%; height: 100%; object-fit: cover; }
  .ssjg .mbxbox2{display: flex;justify-content: center;align-items: center; flex-wrap: wrap; width:100%; padding:0.33rem 0;border-top: #e5e5e5 solid 1px; }
  .ssjg .mbx{display: block;color: #343434;font-size:calc(14px + 0.02rem); line-height:0.24rem; text-align: center;}
  .ssjg .mbx a{ color: #343434;}
  .ssjg .mbx i{ color: #343434; padding:0 2px;}
  .ssjg .mbx a:hover{color: #165ea4}
  
  
  @media screen and (max-width:1024px) {
	  .ssjg .pt90{padding-top: 50px;}
  	.ssjg .title-section {padding:15px 0;}
  	.ssjg .main-title { font-size: 18px;line-height: 30px; }
  	.ssjg .main-title { font-size: 16px;line-height: 26px; }
  	.ssjg .mbx{font-size:14px; line-height:24px;}
	.ssjg .image-container { width:90%; max-width:90%; }
  	}	
  	
  
  
  /* 荣誉资质 */
  .rong .intro-content { padding-top: 1.71rem; }
  .rong .biao{font-size: 0.4rem; color: #343434; line-height:0.48rem; text-align: center; margin-bottom: 0.4rem; }
  .rong .intro-text {font-size: 0.18rem; color: #343434; line-height:0.29rem; text-align: center; margin-bottom: 0.7rem;  }
  .rong .tupian{width: 100%; display: flex;justify-content: center;}
  .rong .tu{width:3.99rem; max-width:3.99rem; aspect-ratio: 100/84.21; overflow: hidden; }
  .rong .tu img{width:100%;height: 100%; object-fit: cover;}
  
  
  @media screen and (max-width:1440px) {
  	.rong .intro-text {font-size: 16px; line-height:30px; }
  	}
  
  @media screen and (max-width:1024px) {
	 .rong .intro-content { padding-top:40px; } 
  	.rong .tu{width:300px; max-width:300px; }
	.rong .biao{font-size: 18px; line-height:28px; margin-bottom:15px; }
	.rong .intro-text {font-size: 14px; line-height:26px; text-align: left; }
  	}
  
  @media screen and (max-width:767px) {
  	
  	}
	
	
.ryzz1{ overflow: hidden;}
.ryzz1 .hd{ width: 100%;margin-top: 18px; justify-content: center; display: flex;}
.ryzz1 .hd .li{ cursor: pointer; display: inline-flex; position: relative; color:rgba(52, 52, 52, 1); margin: 0 14px; line-height:0.33rem;  font-size:0.2rem; padding:0.15rem; }
.ryzz1 .hd .li:first-child::after{height:18px; display: block; position: absolute; right: -14px; top: 50%; margin-top: -9px; background:rgba(52, 52, 52, 1); width: 1px; content: '';}
.ryzz1 .hd .li.on{ color:rgba(22, 94, 164, 1);}
.ryzz1 .tit40{ text-align: center;}
.ry-list .inner-big-swiper-button-prev { transform: rotate(180deg); -ms-transform: rotate(180deg);
left: 0.1rem;
}
.ry-list .inner-big-swiper-button-next {
right: 0.1rem;
}
.ry-list .swiper-wrapper{align-items: flex-end;}
.ry-box{ width: 100%;margin-top: 9px;}
.ry-list{ padding-bottom: 0.28rem; position: absolute;z-index: 1; opacity: 0; width: 100%;

}
.ry-list.on{ position: relative; z-index: 6; opacity: 1;}
.ry-list .swiper-slide{ width:3.96rem; margin:0 12px; overflow: visible; }
.ry-list .swiper-slide .image-cont{ width:100%; line-height: 0; overflow: hidden;aspect-ratio: 100/71; margin:0.35rem 0; padding:8px;background: radial-gradient(circle at top center, rgba(255, 217, 197, 1), rgba(122, 60, 29, 1)); box-shadow:0 4px 0.24rem 0 rgba(0, 0, 0, 0.38);}
.ry-list .swiper-slide .image-cont img{width: 100%;
height: 100%;
object-fit:cover;}
.ry-list .swiper-slide .des{  opacity: 0; width:100%; line-height:0.3rem;  min-height:0.6rem; font-size:0.2rem; color:rgba(52, 52, 52, 1); text-align: center;}
.ry-list .swiper-slide:hover .des{   color: rgba(22, 94, 164, 1);;}
.ry-list .swiper-slide-active .des{ opacity: 1;}
.ry-list .swiper-slide-active{ width:4.96rem; }
.ry-list .swiper-scrollbar {
   border-radius: 10px;
   position: absolute;
   -ms-touch-action: none;
   background:#EDEDED;left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
 }
.ry-list  .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: #165EA4;
   border-radius: 10px;
   left: 0;
   top: 0;
 }
 

@media screen and (max-width:1024px) {
.ry-list{ padding-bottom:15px;}
.ry-list .swiper-slide{ width:200px; margin:0 7px; }
.ry-list .swiper-slide-active{ width:250px; }
.ry-list .swiper-slide .image-cont{  margin:18px 0; }
.ry-list .swiper-slide .des{line-height:23px;  min-height:46px; font-size:15px; }
.ry-list .inner-big-swiper-button-prev {
left:-18px; top:44%;
}
.ry-list .inner-big-swiper-button-next {
right:-18px; top:44%;
}
.ryzz1 .hd .li{ margin: 0 14px; line-height:24px;  font-size:15px; padding:6px; }
.ryzz1 .hd .li:first-child::after{height:12px;right: -14px;margin-top: -5px;}

}


/* 260304start */
.about2 .pic .bg{ opacity: 0;transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}
.about2 .pic .bg.on{ opacity: 1;}

@media screen and (max-width:1024px) {
.about3{padding: 80px 0;}	
.about3 .tit40{padding:48px 48px 0 48px;}
.about3 .box .swiper-slide{width:340px; margin:20px 20px 0 0;} 
.about3 .donw{padding:0  48px;}
.about3 .box .tit{ text-align: center; padding:0 18px;font-size: 14px;
line-height:24px; min-height:48px;}
}
@media screen and (max-width:767px) {

}


.about1 .info .p{width: 100%; display: block;}
.about1 .more{ display: none; align-items: center; cursor: pointer;  margin-top: 0.2rem;
  color: #165EA4;
  font-weight: 400;
  font-size: calc(14px + 0.02rem);
  line-height: calc(24px + 0.05rem);}
.about1 .more.active{ display: inline-flex;}
.about1 .more img { display: inline-flex; margin-left: 10px; transform: rotate(90deg); -ms-transform: rotate(90deg);
  width: 20px;
  height: 20px;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.about1 .more:hover img{ margin-left: 16px;}


.about1-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; display:none;
  z-index: 99999999999;
}
.about1-box .info{width: 100%;color: rgba(52, 52, 52, 1);  padding:0 0.24rem;
  font-weight: 400;
  font-size: calc(14px + 0.02rem);
  line-height: calc(24px + 0.05rem);
  width: 100%;  scrollbar-width: thin;
  display: block;  height:68vh;   overflow: hidden; overflow-y: auto; }
.about1-box .video-container {
  width:10rem;
padding:0.48rem 0.24rem; border-radius: 8px;
background: #fff;
}



@media (max-width:1024px) {
.about1 .more{  margin-top:15px;}
  .about1-box .video-container {
    width: 86%;  padding:24px 12px;
  }
  .about1-box .info{  font-size:14px;
  line-height:26px;  padding:0 12px;}
  .about1-box .video-close{ top: 3%;}

  .about3 .swiper-wrapper{flex-wrap: wrap; height:484px;
    flex-direction: column;}
    .about3 .donw{margin-top:20px;}
    .about3 .box{ margin-top:10px;}
    .about3 .box .swiper-slide{ height:auto;  padding-top: 20px; margin: 0 20px 0 0; width: 320px;}
    .about3 .box .tit{ min-height: inherit; }
    .about3 .tit40{    padding:20px 48px 0 48px;}
}



.nian_right{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content:space-between; height: 100vh; padding:0.9rem 1rem 0 1rem;}
.nian_right_right{ width:48.54%; margin:0; padding:0; overflow: hidden;  height:7.2rem;}
.nian_right_right .swiper-wrapper{flex-wrap: wrap;  height:100% !important; align-content: flex-start;}
.nian_right_right .swiper-slide{ height: auto !important;}
.nian_right_left img{ width:100%; display: block;}
.nian_right_left{ width:43%; position: static; overflow: hidden;}

@media (max-width:1600px) {
.nian_right_right{  height:6.8rem;}

}
@media (max-width:1440px) {
.nian_right_right{  height:7.2rem;}
}
@media (max-width:1024px) {
.nian_right{padding:0 48px 0 48px; align-items: flex-start;}	
.nian_right_left{ width:100%;}
.nian_right_right{ width:100%; height:50vh;}

}



.video01{ position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 3; object-fit: cover;}


/* 260304end */