.banner{width:100%;height:clamp(50vw,100vh,75vw); max-height:100vh;overflow:hidden; position:relative;}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background:#000; }
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.banner .swiper-pagination-bullet-active{background:#fff; width:20px;}
.bannerBtnLeft{ width:4vw; height:4vw;position:absolute; z-index:101; left:2%; top:50%; margin:-2vw 0 0 0;transition:all 0.2s ease 0.1s; opacity:0.5}
.bannerBtnLeft div{ width:100%; height:100%; position:relative; padding:0.5vw;transition:all 0.2s ease 0.1s;}
.bannerBtnLeft div span{width:100%; height:100%;display:block;border:1px solid #fff; border-radius:100%}
.bannerBtnLeft div i{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(/static/home/images/bannerBtnLeft.png) no-repeat center/cover}
.bannerBtnLeft:hover{left:calc(2% - 10px);opacity:1}
.bannerBtnLeft:hover div{padding:0}

.bannerBtnRight{ width:4vw; height:4vw;position:absolute; z-index:101; right:2%; top:50%; margin:-2vw 0 0 0;transition:all 0.2s ease 0.1s; opacity:0.5}
.bannerBtnRight div{ width:100%; height:100%; position:relative; padding:0.4vw;transition:all 0.2s ease 0.1s;}
.bannerBtnRight div span{width:100%; height:100%;display:block;border:1px solid #fff; border-radius:100%}
.bannerBtnRight div i{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(/static/home/images/bannerBtnRight.png) no-repeat center/cover}
.bannerBtnRight:hover{right:calc(2% - 10px); opacity:1}
.bannerBtnRight:hover div{padding:0}

.banner video{display:none;position:absolute;z-index:1;left:0;top:50%; width:100%;height:auto;transform:translateY(-50%);object-fit:cover}
.banner .btnVideo{width:40px; height:40px; background:url(/static/home/images/icoVideo.png) no-repeat center/cover; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:4; display:none}
.bannerVideo{left:50%!important;top:0!important; width:auto!important;height:100%!important;transform:translateX(-50%)!important;}
.bannerImg{width:100%;height:100%;background-size:cover!important;}
.bannerMask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:url(/static/home/images/blackBanner1.png) no-repeat top center/100% 100%; }

.bannerSlogan{position:absolute; z-index:101; width:100%; color:#fff; }
.bannerSlogan div{width:90%; padding:0; max-width:1440px; display:block;margin:0 auto;}
.bannerSlogan h3{ font-size:1.8vw; line-height:1.6em;text-align: center;}

.bannerLC{top:30vh;}

.bannerM{width:100vw;height:100vh;overflow:hidden;position:relative; display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-slide a{display:block; width:100%; height:100%}
.bannerM .swiper-pagination{bottom:20px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#fff; width:20px;}

.navTitle{padding:100px 0 30px 0; color:#333;text-align: center;width: 70%;margin: 0 auto}
.navTitle h2{font-size:clamp(32px,2vw,42px);line-height:1.5em; font-weight:500;}
.navTitle h3{font-size:clamp(16px,1vw,21px); line-height:1.5em;color:#999;}
.pipai .navTitle{padding-top: 0;}

.whobox{display: flex;height: 60px; width: 80%;margin: 0 auto;}
.whobox div{width: 33%;text-align: center;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.whobox h4{font-size:30px;margin-bottom: 30px;color: #000;font-weight: bold;}
.whobox p{font-size:12px}
.whoimg img{width: 100%;height: auto;}
.fanganbox{width: 90%;height: 680px;position: relative;margin:0 auto; }
.fanganbox>div{position: absolute;z-index: 2;width: 160px;height: 200px;}
.fanganbox img{width: 100%;height: auto;}
.fanganbox a {display: block;width: 100%;height: 100%;}
.fanganbox a p{color: #000;font-size:clamp(16px,1vw,21px);line-height:1.5em;text-align: center;width: 80%;margin: 0 auto;}
.fanganbox a:hover p{color: #194d97;}
.fanganbox>div.fangan1{width: 480px;height: 360px;top: 30px;left: 50%;margin-left: -240px;}
.fanganbox>div.fangan1 img {
    position: relative;
    animation: swing 3s infinite ease-in-out; /*上下循环*/
  }
  @keyframes swing {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px); /* 调整摆动的幅度 */
    }
  }
.fangan2{left: 60px;top: 0;}
.fangan3{left: 80px;top: 222px;}
.fangan4{left: 230px;top: 400px;}
.fangan5{left: 50%;bottom: 0;margin-left: -80px;}
.fangan6{right: 60px;top: 0;}
.fangan7{right: 80px;top: 222px;}
.fangan8{right: 230px;top: 400px;}

.gpzxcRight{width:100%;overflow:visible;position:relative;display: none;}
.gpzxcRight > img{width:100%;vertical-align:middle;}
.gpzxcBtn{position:absolute; width:100%; height:100%; z-index:1;overflow:visible;top: 0;bottom: 0}
.gpzxcBtn ul{position:relative; width:100%; height:100%;}
@keyframes warn{
	0%{transform:scale(0);opacity:1}
	100%{transform:scale(1);opacity: 0}
}
.gpzxcBtn li{position:absolute;cursor:pointer;}
.gpzxcBtn li div{position:relative; }
.gpzxcBtn li a{color: red;}
.gpzxcBtn li div i{width:1.5vw;height:1.5vw;background:red; border:0.15625vw solid red;box-sizing:border-box;border-radius:50%;position:absolute;display:block; z-index:1;transition:transform 0.5s}
.btnpulse{position:absolute;top:-1.25vw;left:-1.25vw;height:4vw;width:4vw;border:2px solid red;box-sizing:border-box;border-radius:50%;box-shadow:0 0 4px red,0 0 10px red inset;
opacity:.12;animation:warn 2s ease-out both;animation-iteration-count:infinite;}
.gpzxcBtn li h2{font-size:1vw; position:absolute; left:3.125vw; line-height:1.5em; white-space:nowrap;transition:all .2s}
.gpzxcBtn li:hover div i{transform:scale(1.5);border:0.24vw solid red;}
.gpzxcBtn li:hover h2{ font-size:1.15vw;}
.btn1{left:18.5%;top:14%;}
.btn2{right:20%;top:23.3%;}
.btn3{left:22%;top:83%;}
.btn4{left:40%;top:62.5%;}
.btn5{right:18%;top:78.3%;}
.btn6{right:10%;top:58.3%;}
.btn7{left:16.5%;top:45%;}
.btn5 h2,.btn6 h2,.btn2 h2{left:auto!important; right:1.875vw!important; top:0; text-align:right}
.delay-02{animation-delay:0.4s}
.delay-03{animation-delay:0.6s}
.delay-05{animation-delay:1s}

.products{
	width: 100%;
    background-image: url(/static/home/images/home/img4.jpg);
    background-size: cover;
    background-position: center;
    padding-bottom: 5%;
    overflow: hidden;
}
.sznyList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.sznyList ul{width:100%; height:100%}
.sznyList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.sznyList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.sznyList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.sznyList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.sznyList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.sznyList li:nth-child(1) div{ background:url(/static/home/images/home/imgSzny1.jpg)}
.sznyList li:nth-child(2) div{ background:url(/static/home/images/home/imgSzny2.jpg)}
.sznyList li:nth-child(3) div{ background:url(/static/home/images/home/imgSzny3.jpg)}


.sznyList .on{width:50%!important;}
.sznyList .on h1{text-align:left; padding:0 45px;}
.sznyList .on h3{opacity:0.8; top:45%;}
.sznyList .on div{background-position:center 73%!important;}
.sznyList .on span{opacity:0.7!important;}

.morebtn {position: relative;
	margin-top:5vh;font-size: 12px;
	z-index:5;display:inline-flex; align-items:center; justify-content:center;
	padding:2px 30px;border-radius:50px;
	background-color:#f5f5f5;color:#000;cursor:pointer;
	transition:all .3s;border:1px solid #f5f5f5;overflow:hidden
}
.morebtn::before {
	content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:#194d97;
	border-radius:25px;
	transform:scaleX(0);
	transform-origin:right;
	-webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
	-moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
	-o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
	transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.morebtn:hover {color:#fff}
.morebtn:hover::before {transform:scaleX(1);transform-origin:left}

.c-home-enterprise{position: relative;padding-bottom: 70px;}
.c-home-enterprise-banner{margin-bottom: 20px;}
.c-home-enterprise-banner .swiper-wrapper{transition-timing-function: linear !important;text-align: center;}
.c-home-enterprise-banner img{height: 80px;width: auto;max-width: 100%;}
.newsmore{text-align: center;margin: 50px 0;}
.newsmore .morebtn{padding: 20px 40px;}
@media(max-width:1440px){
	.whobox{width: 100%;}
}
@media(max-width:1024px){
	.boxNav {margin-left: 120px;}
}
@media(max-width:768px){
	.banner{ display:none}
	.bannerM{ display:block}
	.navTitle{ padding:40px 0 10px 0;width:100%;}
	.navTitle h2{font-size:20px;}
	.navTitle h3{font-size:12px; line-height:1.5; margin:10px 0;padding: 0 15px}
	.whobox h4{font-size:24px;}
	.gpzxcRight{height: 300px;}
	.gpzxcRight > img{width:auto;vertical-align:middle;position: absolute;z-index: 0;height: 100%;left: 50%;transform: translateX(-50%);}
	.gpzxcBtn li h2{font-size:12px;left: 20px;line-height: 12px;}
	.btn1{left:4%;top:14%;}
	.btn2{right:4%;top:23.3%;}
	.btn3{left:4%;top:83%;}
	.btn4{left:4%;top:62.5%;}
	.btn5{right:4%;top:75.3%;}
	.btn6{right:4%;top:51.3%;}
	.btn7{left:4%;top:40%;}
	.gpzxcBtn li div i {width: 12px; height: 12px }
	.btnpulse{top: -12.5px; left: -12.5px; height: 36px; width: 36px;}

	.sznyList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}
	.sznyList ul{width:100%; height:auto}
	.sznyList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
	.sznyList li:last-child{margin:0}
	.sznyList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}
	.sznyList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
	.sznyList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
	.sznyList li div span{ display:none}

	.sznyList .on{width:100%!important;}
	.sznyList .on h1{text-align:left; padding:0;}
	.sznyList .on h3{opacity:1; top:0;}
	.sznyList .on div{background-position:center 73%!important;}
	.sznyList .on span{ display:none}
	.sznyList li:nth-child(3):hover h3{top:auto;}

	.c-home-enterprise-banner img{height: 40px;}
	.newsmore{margin: 10px 0;}

	.fanganbox{width: 100%;height: 380px;}
	.fanganbox>div{width: 80px;height: 120px;}
	.fanganbox a p{font-size:12px;line-height:1.5em;width: 100%;}
	.fanganbox>div.fangan1{width: 300px;height: 200px;top: 10px;left: 50%;margin-left: -150px;}
	.fangan2{left: 0;top: 0;}
	.fangan3{left: 10px;top: 100px;}
	.fangan4{left: 30px;top: 210px;}
	.fangan5{left: 50%;bottom: 0;margin-left: -40px;}
	.fangan6{right: 0;top: 0;}
	.fangan7{right: 10px;top: 100px;}
	.fangan8{right: 30px;top: 210px;}
}
<!--0.00020694732666016-->