/*全局样式*/ @font-face{ font-family:'jxzk'; src:url("font/jxzk.ttf") format("truetype"); font-weight:normal; font-style:normal; } @font-face{ font-family:'PingFang'; src:url("font/PingFang Medium.ttf") format("truetype"); font-weight:normal; font-style:normal; } *:focus{outline:none;} html{overflow-x:hidden;font-family:'PingFang';} body,a{color:#333;} .wrapper{width:1540px;} .clear{ clear: both;} /*头部样式*/ #header{ height:90px;background: #fff; } #header.weo-pa{left: 0;right: 0;top: 0;z-index: 99;background: none;} #header .wrapper{ display: flex; justify-content: space-between; align-items: center; position: relative;} #header.fixed{position: fixed;left: 0;right: 0;top: 0;z-index: 99;background: #fff; height:90px;animation: HeaderSlideDown 0.4s; animation-fill-mode: forwards;box-shadow:0 10px 10px -10px rgba(0,0,0,.08);} #header.fixed-b{position: sticky;left: 0;right: 0;top: 0;z-index: 99;background: #fff; height:90px;animation: HeaderSlideDown 0.4s; animation-fill-mode: forwards;box-shadow:0 10px 10px -10px rgba(0,0,0,.08);} #logo{width: 212px; height:54px; overflow:hidden; left: 50%; transform: translateX(-50%);} #logo a{display:block;} #nav{ width: 100%; height: 90px;} #nav ul{display:flex; justify-content: space-between; } #nav ul li{width:13%; text-align:center; height: 90px; line-height: 24px; padding-top: 25px; } #nav ul li:nth-child(4){ width: 20%;} #nav ul li a{display:block;font-size:20px; overflow:hidden; color: #fff;font-family:'jxzk';} #nav ul li span{ display: block;font-family:'PingFang'; font-size: 12px;text-transform: uppercase;} #nav > ul > li:hover > a{color:#ea5504;} #nav > ul > li.current > a{ color:#ea5504;} #header.fixed #nav > ul > li{border-left: 1px #eee solid;} #header.fixed #nav > ul > li:last-child{border-right: 1px #eee solid;} #header.fixed #nav > ul > li > a{ color: #333;} #header.fixed #nav > ul > li.current > a{ color:#ea5504;} #header.fixed #nav > ul > li:hover > a{ color:#ea5504;} /*首页样式*/ #banner{width:100%; height:940px; overflow:hidden;} #banner .swiper-wrapper{height:940px;} #banner .swiper-slide{width:100%; height:940px; position: relative;overflow: hidden;} #banner .swiper-slide img{width:100%; height:940px;} #banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;} #banner .swiper-pagination-bullet{width:45px; height:10px; margin:0 0 0 10px; background:#fff; border-radius:50px; cursor:pointer; opacity:0.5;} #banner .swiper-pagination-bullet:first-child{margin-left:0;} #banner .swiper-pagination-bullet-active{background:#fff;opacity:1;} .smoke {width: 50%;height: auto;position: absolute;left: 50%;top: 50%; transform:translate(-50%,-50%);z-index: 10;mix-blend-mode: plus-lighter;opacity: 1;-webkit-filter: blur(0px);-webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 2.4s; } .smoke::before{width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;content: '';background: url(../images/smoke.png) no-repeat;background-size: cover;opacity: 0;-webkit-transform: rotate(135deg);animation: smoke2 4s linear infinite 2.5s;} .smoke span{width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;display: block;background: url(../images/smoke.png) no-repeat;background-size: cover;opacity: 0;animation: smoke4 4s linear infinite 2s;} @keyframes smoke4 { 0% { transform: scale(0.75) rotate(80deg); opacity: 0; } 50% { transform: scale(1) rotate(75deg); opacity: 1; } 100% { transform: scale(1.4) rotate(70deg); opacity: 0; } } @keyframes smoke2 { 0% { transform: scale(0.75) rotate(135deg); opacity: 0; } 50% { transform: scale(1) rotate(140deg); opacity: 1; } 100% { transform: scale(1.4) rotate(145deg); opacity: 0; } } .smoke::after{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; content: ''; background: url(../images/smoke.png) no-repeat; background-size: cover; opacity: 0; -webkit-transform: rotate(65deg); animation: smoke3 4s linear infinite 3.5s; } @keyframes smoke3 { 0% { transform: scale(0.75) rotate(65deg); opacity: 0; } 50% { transform: scale(1) rotate(70deg); opacity: 1; } 100% { transform: scale(1.4) rotate(75deg); opacity: 0; } } .smoke img { opacity: 0; animation: smoke 4s linear infinite 1s; } @keyframes smoke { 0% { transform: scale(0.75); opacity: 0; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } } @keyframes spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} } @keyframes spin2 { from { transform: rotate(0deg);} to { transform: rotate(-360deg);} } .wrap-about{ background: #fef2de; padding: 70px 0;} .wrap-about .wrapper{ display: flex; justify-content: space-between; align-items: center;} .wrap-about .wrapper .left{ width: 48%;} .wrap-about .wrapper .left .about-logo{ width: 234px; height: 60px;} .wrap-about .wrapper .left h3{ font-size: 45px;font-family:'jxzk'; color: #222; margin: 30px 0;} .wrap-about .wrapper .left h3 span{ color: #ea5504;font-family:'jxzk';} .wrap-about .wrapper .left section p{font-size: 18px; color: #666; line-height: 30px;font-family:'PingFang'; } .wrap-about .wrapper .left .about-number{ margin-top: 60px; width: 90%;} .wrap-about .wrapper .left .about-number ul{ display: flex; justify-content: space-between;} .wrap-about .wrapper .left .about-number ul li p{ display: flex; align-items: center;font-size: 18px; color: #222;font-family:'PingFang'; } .wrap-about .wrapper .left .about-number ul li p img{ margin-right: 10px;} .wrap-about .wrapper .left .about-number ul li .c-sz{ display: flex; align-items: center;font-size: 18px; color: #222;font-family:'PingFang'; } .wrap-about .wrapper .left .about-number ul li .c-sz .count{ font-size: 44px; font-weight:bold;font-family:'PingFang';} .wrap-about .wrapper .left .a-more{ width: 200px; height: 70px; text-align: center; margin-top: 60px;transition: 0.5s all;} .wrap-about .wrapper .left .a-more a{ display: block;background: url(../images/more-bg.png) no-repeat; height:60px; line-height:60px;font-size: 18px; color: #fff;font-family:'jxzk';transition: 0.5s all; } .wrap-about .wrapper .left .a-more a:hover{transform:scale(1.1);transition: 0.5s all;} .wrap-about .wrapper .right{ width: 52%; position: relative;} .wrap-about .wrapper .right img{ max-width: 100%;} .wrap-about .wrapper .right #td{ position: absolute;left: 57.5%;top: 46%;animation: bt 1.5s infinite ease-in-out;} @keyframes bt{ 0%{transform: translateY(0px);} 50%{transform: translateY(-10px);} 100%{transform: translateY(0px);} } .wrap-ywmf{ position: relative; width: 100%; } .wrap-ywmf .ywmf-title{ position: absolute; top:70px; text-align: center; width: 100%; z-index: 96; font-size: 60px; color: #fff;font-family:'jxzk';} .wrap-ywmf #ywmf-thumb{ position: absolute; left: 20px; right: 20px; bottom: 30px; z-index: 95;} .wrap-ywmf #ywmf-thumb .swiper-wrapper{ align-items:end;} .wrap-ywmf #ywmf-thumb .swiper-slide{ background: rgba(255,255,255,0.6);backdrop-filter: blur(10px) saturate(150%); padding: 20px; border-radius: 10px; height: 120px;} .wrap-ywmf #ywmf-thumb .swiper-slide em{ display: none;} .wrap-ywmf #ywmf-thumb .swiper-slide section{ display: none;} .wrap-ywmf #ywmf-thumb .swiper-slide h3{ font-size: 20px; color: #222;font-family:'jxzk'; margin-top: 15px;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active{ height:auto;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active h3{ font-size: 30px; color: #ea5504;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active em{ display: block; width: 22px; height: 3px; background: #ea5504; margin: 15px 0;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active section{ display: block; } .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active section p{font-size: 16px; color: #222; line-height: 24px;font-family:'PingFang';} .wrap-ywmf #ywmf-item{ width: 100vh; width: 100%;} .wrap-ywmf #ywmf-item .swiper-slide{width: 100vh; width: 100%;} .wrap-ywmf #ywmf-item .swiper-slide img{width: 100vh; width: 100%;} .home-video{ padding: 70px 0;} .home-video .wrapper{position: relative;height: 700px;} .home-video .wrapper .video-img{position: absolute; top: 0; left: 0; width: 100%; height: 700px;} .home-video .wrapper .video-btn{ cursor: pointer;position: relative;z-index: 88;display: flex;justify-content: center;align-items: center;width: 100%; height: 100%;flex-direction: column;} .home-video .wrapper .video-btn .video-btn-item{ position: relative; width: 150px; height: 150px;} .home-video .wrapper .video-btn .video-btn-item em{ position: absolute; top: 10px; left: 10px; width: 134px; height: 134px;} .home-video .wrapper .video-btn .video-btn-item span{position: absolute; top: 12px; left: 22px; background: rgba(255,255,255,0.8); width: 110px; height: 110px; border-radius: 100%; display: flex; justify-content: center; align-items: center;transition: 0.3s all;padding-left: 10px; } .home-video .wrapper .video-btn:hover .video-btn-item em{animation: spin 6s linear infinite; -webkit-animation: spin 6s linear infinite; } .home-video .wrapper .video-btn:hover .video-btn-item span{background: rgba(255,255,255,1); transition: 0.3s all; } .home-video .wrapper .video-btn h3{ text-align: center; font-size: 30px; color: #fff;font-family:'jxzk'; margin-top: 10px;} .home-video .wrapper .video-btn span{display: block; text-align: center; font-size: 16px; color: #fff;font-family:'PingFang'; margin-top: 10px; text-transform: uppercase;} #video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:960px; height:540px;} #video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(../images/w-close.png) no-repeat center; cursor:pointer;} #video-play video{display:block; width:960px; height:540px;} #video-play video:focus{outline:none;} .wrap-product{background: #fef2de; padding: 70px 0;} .title{ text-align: center;} .title h3{font-size: 60px; color: #ea5504;font-family:'jxzk';} .title h3 span{ color: #8da528;font-family:'jxzk';} .title h4{ font-size: 16px; color: #666666; margin-top: 5px; text-transform: uppercase;font-family:'PingFang';} .wrap-product .product-cont{ margin-top: 80px; display: flex; justify-content: space-between;} .wrap-product .product-cont .product-left{ width: 350px; margin-left: 100px; position: relative;} .wrap-product .product-cont .product-left .swiper-slide{ height: 80px !important;} .wrap-product .product-cont .product-left .swiper-slide h3{font-size: 24px; color: #222222;font-family:'jxzk';} .wrap-product .product-cont .product-left .swiper-slide h4{ display: none;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active{ height: 130px !important;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active h3{font-size: 48px; color: #ea5504;font-family:'jxzk';} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active h4{ display:block;font-size: 20px; color: #666;font-family:'PingFang'; margin-top: 0px;} .wrap-product .product-cont .product-left .swiper-button-prev,.wrap-product .product-cont .product-left .swiper-button-next{position:absolute; width:60px; height:60px; margin:0; background-repeat:no-repeat; cursor:pointer; top:400px;} .wrap-product .product-cont .product-left .swiper-button-prev:after,.wrap-product .product-cont .product-left .swiper-button-next:after{display:none;} .wrap-product .product-cont .product-left .swiper-button-prev{background-image:url(../images/l-jt.png); left: 0;} .wrap-product .product-cont .product-left .swiper-button-next{background-image:url(../images/r-jt.png); left: 80px;} .wrap-product .product-cont .product-left .swiper-button-prev:hover{background-image:url(../images/l-jt1.png);} .wrap-product .product-cont .product-left .swiper-button-next:hover{background-image:url(../images/r-jt1.png);} .wrap-product .product-cont #product-item{ flex: 1; text-align: center;} .wrap-product .product-cont #product-item .swiper-slide{ position: relative; padding-top: 40px;} .wrap-product .product-cont #product-item .swiper-slide span{ display: block;} .wrap-product .product-cont #product-item .swiper-slide .a1_0{ position: relative;z-index: 10;} .wrap-product .product-cont #product-item .swiper-slide .a1_1{ position: absolute; top: 0; left: 8px; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_1{ position: absolute; top: 0; left: 8px;animation: a2_1 1s ease infinite ; -webkit-animation:a2_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a1_2{ position: absolute; bottom: 0px; left: 0px;z-index: 9; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_2{ position: absolute; bottom: 0px; left: 0px;z-index: 9;animation: a2_2 1s ease infinite ; -webkit-animation:a2_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards} .wrap-product .product-cont #product-item .swiper-slide .a1_3{ position: absolute; bottom: 20px; right: 100px;z-index: 9; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_3{ position: absolute; bottom: 20px; right: 0px;z-index: 9;animation: a2_3 1s ease infinite ; -webkit-animation:a2_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards} .wrap-product .product-cont #product-item .swiper-slide .a1_4{ position: absolute; top: 95px; right: 128px;z-index: 9;opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_4{animation: a2_5 1s ease infinite ; -webkit-animation:a2_5 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards} @keyframes a2_1{ from {top:50px; opacity:0} to { top: 0px; opacity:1} } @-webkit-keyframes a2_1{ from {top:50px opacity:0} to { top: 0px; opacity:1 } } @keyframes a2_2{ from {left:50px; opacity:0} to { left:0px; opacity:1} } @-webkit-keyframes a2_2{ from {left:50px; opacity:0} to { left:0px; opacity:1 } } @keyframes a2_3{ from { right:100px; opacity:0} to { right: 0px; opacity:1} } @-webkit-keyframes a2_3{ from { right:100px; opacity:0} to { right: 0px; opacity:1 } } @keyframes a2_5{ from { right:128px; opacity:0; top:180px; transform: rotate(360deg); } to { top:95px; right: 128px; opacity:1; transform: rotate(0deg);} } @-webkit-keyframes a2_5{ from { right:125px; opacity:0; top:180px; transform: rotate(360deg); } to { top:95px; right: 128px; opacity:1; transform: rotate(0deg);} } .wrap-product .product-cont #product-item .swiper-slide .a2_1{ position: absolute; top: 60px; left: 130px; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_1{ animation: a2_6 1s ease infinite ; -webkit-animation:a2_6 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a2_2{ position: absolute; bottom: 0px; left: 120px; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_2{ animation: a2_7 1s ease infinite ; -webkit-animation:a2_7 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a2_3{ position: absolute; top: 0; right: 150px; opacity: 0; z-index: 90;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_3{ animation: a2_8 1s ease infinite ; -webkit-animation:a2_8 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a2_4{ position: absolute; top: 240px; right: 167px; opacity: 0; z-index: 90;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide.swiper-slide-active .a2_4{ animation: a2_9 1s ease infinite ; -webkit-animation:a2_9 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1; animation-fill-mode:forwards;} @keyframes a2_6{ from { left: 130px;opacity:0; top:120px; transform: rotate(360deg); } to { top:60px;left: 130px; opacity:1; transform: rotate(0deg);} } @-webkit-keyframes a2_6{ from { left: 130px; opacity:0; top:120px; transform: rotate(360deg); } to { top:60px; left: 130px; opacity:1; transform: rotate(0deg);} } @keyframes a2_7{ from { bottom: -50px; left: 120px; opacity:0} to { bottom: 0px; left: 120px; opacity:1} } @-webkit-keyframes a2_7{ from { bottom: -50px; left: 120px; opacity:0} to { bottom: 0px; left: 120px; opacity:1 } } @keyframes a2_8{ from { top: 0; right:200px; opacity:0} to { top: 0; right: 150px; opacity:1} } @-webkit-keyframes a2_8{ from { top: 0; right: 200px; opacity:0} to { top: 0; right: 150px; opacity:1 } } @keyframes a2_9{ from { top: 240px; right:300px; opacity:0} to { top: 240px; right: 167px; opacity:1} } @-webkit-keyframes a2_9{ from { top: 240px; right: 200px; opacity:0} to { top: 240px; right: 167px; opacity:1 } } .wrap-product .product-cont #product-item .swiper-slide .a3_1{ position: absolute; top: 20px; left: 180px; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_1{ animation: a2_13 1s ease infinite ; -webkit-animation:a2_13 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a3_2{ position: absolute; top: 80px; right: 80px; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_2{ animation: a2_10 1s ease infinite ; -webkit-animation:a2_10 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a3_3{ position: absolute; bottom: 0; right: 180px; opacity: 1; z-index: 100;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_3{ animation: a2_11 1s ease infinite ; -webkit-animation:a2_11 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a3_4{ position: absolute; bottom: 0px; left: 80px; opacity: 0; z-index: 90;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide.swiper-slide-active .a3_4{ animation: a2_12 1s ease infinite ; -webkit-animation:a2_12 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards;} @keyframes a2_10{ from { top: 200px; right:80px; opacity:0} to { top:50px; right: 50px; opacity:1} } @-webkit-keyframes a2_10{ from { top: 240px; right:80px; opacity:0} to { top: 80px; right: 80px; opacity:1 } } @keyframes a2_11{ from { bottom: 0; right: 280px; opacity:0} to { bottom: 0; right: 200px; opacity:1} } @-webkit-keyframes a2_11{ from { bottom: 0; right: 280px; opacity:0} to { bottom: 0; right: 200px; opacity:1 } } @keyframes a2_12{ from { bottom: 50px; left: 0px; opacity:0} to { bottom: 50px; left: 80px; opacity:1} } @-webkit-keyframes a2_12{ from { bottom: 50px; left: 0px; opacity:0} to { bottom: 50px; left: 80px; opacity:1 } } @keyframes a2_13{ from { top: 20px; left: 0px; opacity:0} to { top: 20px; left: 180px; opacity:1} } @-webkit-keyframes a2_13{ from { top: 20px; left: 0px; opacity:0} to { top: 20px; left: 180px; opacity:1 } } .wrap-product .product-cont #product-item .swiper-slide .a4_1{ position: absolute; bottom: 0px; right: 80px; opacity: 0;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_1{ animation: a2_14 1s ease infinite ; -webkit-animation:a2_14 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a4_2{ position: absolute; bottom: 0px; left: 50px; opacity: 1;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_2{ animation: a2_16 1s ease infinite ; -webkit-animation:a2_16 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a4_3{ position: absolute; top: 0; right: 250px; opacity: 0; z-index: 100;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_3{ animation: a2_15 1s ease infinite ; -webkit-animation:a2_15 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .wrap-product .product-cont #product-item .swiper-slide .a4_4{ position: absolute; top: 20px; left: 180px; opacity: 0; z-index: 90;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide.swiper-slide-active .a4_4{ animation: a2_13 1s ease infinite ; -webkit-animation:a2_13 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards;} @keyframes a2_14{ from { bottom: -50px; right: 80px; opacity:0} to { bottom: 0px; right: 80px; opacity:1} } @-webkit-keyframes a2_14{ from { bottom: -50px; right: 80px; opacity:0} to { bottom: 0px; right: 80px; opacity:1 } } @keyframes a2_15{ from { top: 100px; right: 250px; opacity:0} to { top: 0; right: 250px; opacity:1} } @-webkit-keyframes a2_15{ from { top: 100px; right: 250px; opacity:0} to { top: 0; right: 250px; opacity:1 } } @keyframes a2_16{ from { bottom: -80px; left: 50px; opacity:0} to { bottom: 0px; left: 50px; opacity:1} } @-webkit-keyframes a2_16{ from { bottom: -80px; left: 50px; opacity:0} to { bottom: 0px; left: 50px; opacity:1 } } .wrap-honor{ background: url(../images/honor-bg.jpg) no-repeat center 0;height: 845px; padding: 70px 0; position: relative;} #honor{ margin-top: 70px;overflow: initial;} #honor .swiper-container { width: 100%; margin: 0px auto; position: relative; overflow: initial;} #honor .swiper-slide {width: 23%; margin-top: 0px; -webkit-transition: all .65s;} #honor .swiper-slide .honor-img{ width: 100%; height: 255px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 10px; display: flex; justify-content: center; align-items: center;} #honor .swiper-slide .honor-img img{ max-height: 100%; max-width: 100%;} #honor .swiper-slide h4{ font-size: 20px; color: #222;font-family:'jxzk';line-height: 30px; margin-top: 15px;} #honor .honor-page{ display: flex; justify-content:center; width: 100%;gap:0 40px; margin-top: 30px;} #honor .swiper-button-prev,#honor .swiper-button-next{position:initial; width:60px; height:60px; margin:0; background-repeat:no-repeat; cursor:pointer; bottom:0px; top: auto;} #honor .swiper-button-prev:after,#honor .swiper-button-next:after{display:none;} #honor .swiper-button-prev{background-image:url(../images/l-jt.png); } #honor .swiper-button-next{background-image:url(../images/r-jt.png); } #honor .swiper-button-prev:hover{background-image:url(../images/l-jt1.png);} #honor .swiper-button-next:hover{background-image:url(../images/r-jt1.png);} .honor_line { width: 4000px; height: 64px; position: absolute; left: 0%; bottom: 50px; display: flex; pointer-events: none; z-index: 3; } .honor_line img { width: 50%; } .honor_line.hl1 { -webkit-animation: moves 5s linear infinite; } .honor_line.hl2 { -webkit-animation: moves 5s linear infinite 2s; opacity: 0.5; } @-webkit-keyframes moves { 0% { left: 0px; } 100% { left: -2000px; } } .wrap-ppys{ background: url(../images/ppys-bg.jpg) no-repeat center 0; height: 954px; padding: 60px 0;} .wrap-ppys .title{text-align: center;} .wrap-ppys .title h3{font-size: 60px; color: #fff;font-family:'jxzk';} .wrap-ppys .title h4{ font-size: 16px; color: #fff; margin-top: 5px; text-transform: uppercase;font-family:'PingFang';} .wrap-ppys .ppys-cont{ height: 640px; margin-top: 40px; position: relative;} .wrap-ppys .ppys-cont .zcjm-center{width:655px; height: 655px; position: relative;display: flex; justify-content: center; align-items: center; margin: 80px auto;} .wrap-ppys .ppys-cont .zcjm-center .zcjm-center-img{ width: 458px; height: auto; } .wrap-ppys .ppys-cont i{ display: block;width:655px; height: 655px; border-radius: 100%; border: 1px #deb8c4 dashed;position: absolute; top:0; left: 0;animation: spin2 50s linear infinite; -webkit-animation: spin2 50s linear infinite;} .wrap-ppys .ppys-cont span{ display: block;width: 542px; height: 542px; position: absolute; top:56px; left: 56px; background: url(../images/ppys-yuan.png) no-repeat 0 0;animation: spin 30s linear infinite; -webkit-animation: spin 30s linear infinite; } .wrap-ppys .ppys-cont ul{ position: absolute; top: 60px; left: 0; right: 0; display: flex; justify-content: space-between; flex-wrap: wrap;} .wrap-ppys .ppys-cont ul li{ width: 37%; text-align: right; margin-bottom: 130px; display: flex;gap:0 20px;flex-direction: row-reverse; } .wrap-ppys .ppys-cont ul li .right{ flex: 1;} .wrap-ppys .ppys-cont ul li .right h3{font-size: 25px; color: #fff;font-family:'jxzk';} .wrap-ppys .ppys-cont ul li .right p{font-size: 17px; color: #fff;font-family:'PingFang'; line-height: 24px;margin-top: 5px;} .wrap-ppys .ppys-cont ul li:nth-child(2n){ text-align: left;flex-direction:initial;} .wrap-ppys .ppys-cont ul li .left{ width: 80px; height: 80px;border-radius: 100%; } .wrap-ppys .ppys-cont ul li:nth-child(1) .left{ background:#fff url(../images/ppys-icon1.png) no-repeat center; transform: rotateY(0deg); transition: 0.5s all;} .wrap-ppys .ppys-cont ul li:nth-child(2) .left{ background:#fff url(../images/ppys-icon2.png) no-repeat center; transform: rotateY(0deg); transition: 0.5s all;} .wrap-ppys .ppys-cont ul li:nth-child(3) .left{ background:#fff url(../images/ppys-icon3.png) no-repeat center; transform: rotateY(0deg); transition: 0.5s all;margin-right: 90px;} .wrap-ppys .ppys-cont ul li:nth-child(4) .left{ background:#fff url(../images/ppys-icon4.png) no-repeat center; transform: rotateY(0deg); transition: 0.5s all;margin-left: 90px;} .wrap-ppys .ppys-cont ul li:nth-child(5) .left{ background:#fff url(../images/ppys-icon5.png) no-repeat center; transform: rotateY(0deg); transition: 0.5s all; margin-right: 30px;} .wrap-ppys .ppys-cont ul li:nth-child(6) .left{ background:#fff url(../images/ppys-icon6.png) no-repeat center; transform: rotateY(0deg); transition: 0.5s all;margin-left: 30px;} .wrap-ppys .ppys-cont ul li:nth-child(1):hover .left{ background:#ea5504 url(../images/ppys-icon1-h.png) no-repeat center; transform: rotateY(360deg); transition: 0.5s all;} .wrap-ppys .ppys-cont ul li:nth-child(2):hover .left{ background:#ea5504 url(../images/ppys-icon2-h.png) no-repeat center; transform: rotateY(360deg); transition: 0.5s all;} .wrap-ppys .ppys-cont ul li:nth-child(3):hover .left{ background:#ea5504 url(../images/ppys-icon3-h.png) no-repeat center; transform: rotateY(360deg); transition: 0.5s all;margin-right: 90px;} .wrap-ppys .ppys-cont ul li:nth-child(4):hover .left{ background:#ea5504 url(../images/ppys-icon4-h.png) no-repeat center; transform: rotateY(360deg); transition: 0.5s all;margin-left: 90px;} .wrap-ppys .ppys-cont ul li:nth-child(5):hover .left{ background:#ea5504 url(../images/ppys-icon5-h.png) no-repeat center; transform: rotateY(360deg); transition: 0.5s all; margin-right: 30px;} .wrap-ppys .ppys-cont ul li:nth-child(6):hover .left{ background:#ea5504 url(../images/ppys-icon6-h.png) no-repeat center; transform: rotateY(360deg); transition: 0.5s all;margin-left: 30px;} .wrap-sthb{ width: 100%; padding: 70px 0;} #campus-l{height:320px; margin-top:60px; overflow:hidden;} #campus-l ul li{position:relative; float:left; width:460px; height:320px; margin-right:20px; border-radius: 20px; overflow:hidden;} #campus-l ul li img{width:450px; max-width:none; height:320px; transition:all 0.3s linear;} #campus-l ul li h3{position:absolute; left:0; right:0; bottom:0; height:134px; line-height:26px; padding:72px 36px 36px 36px; background:linear-gradient(transparent,rgba(0,0,0,.5)); font-size:24px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #campus-l ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} #campus-r{height:256px; margin-top:20px; overflow:hidden;} #campus-r ul li{position:relative; float:left; width:360px; height:256px; margin-right:20px; border-radius: 20px; overflow:hidden;} #campus-r ul li img{width:360px; max-width:none; height:256px; transition:all 0.3s linear;} #campus-r ul li h3{position:absolute; left:0; right:0; bottom:0; height:134px; line-height:26px; padding:72px 36px 36px 36px; background:linear-gradient(transparent,rgba(0,0,0,.5)); font-size:24px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #campus-r ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;} .wrap-news{ background: #fef2de; padding: 70px 0;} .wrap-news .news-title{ display: flex; justify-content: space-between; align-items: center;} .wrap-news .news-title .title{ text-align: left;} .wrap-news .news-title .a-more{ width: 200px; height: 70px; text-align: center;transition: 0.5s all;} .wrap-news .news-title .a-more a{ display: block;background: url(../images/more-bg.png) no-repeat; height:60px; line-height:60px;font-size: 18px; color: #fff;font-family:'jxzk';transition: 0.5s all; } .wrap-news .news-title .a-more a:hover{transform:scale(1.1);transition: 0.5s all;} .wrap-news .news-tabs{margin-top: 60px; display: flex; justify-content: space-between; gap:0 50px;} .wrap-news .news-tabs .left{ max-width: 700px; background: #fff; border-radius: 20px; overflow: hidden;} .wrap-news .news-tabs .left .left-img{ width: 100%; height: 420px; overflow: hidden;} .wrap-news .news-tabs .left .left-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .wrap-news .news-tabs .left:hover .left-img img{transform: scale(1.1); transition: 0.5s all;} .wrap-news .news-tabs .left section{ padding: 20px;} .wrap-news .news-tabs .left section em{font-size: 16px; color: #666;font-family:'PingFang';} .wrap-news .news-tabs .left section h3{font-size: 24px; color: #222;font-family:'jxzk'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 20px 0;} .wrap-news .news-tabs .left section p{font-size: 18px; color: #666;font-family:'PingFang'; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 32px;} .wrap-news .news-tabs .left:hover h3{ color: #ea5504;} .wrap-news .news-tabs .right{ flex: 1;} .wrap-news .news-tabs .right ul li{ margin-bottom: 20px;} .wrap-news .news-tabs .right ul li:last-child{ margin-bottom: 0;} .wrap-news .news-tabs .right ul li a{display: flex; justify-content: space-between;} .wrap-news .news-tabs .right ul li .news-img{ width: 300px; height: 192px; overflow: hidden; border-radius: 20px;} .wrap-news .news-tabs .right ul li .news-img img{width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .wrap-news .news-tabs .right ul li:hover .news-img img{transform: scale(1.1); transition: 0.5s all;}{} .wrap-news .news-tabs .right ul li .news-cont{ padding-left: 20px; flex: 1;} .wrap-news .news-tabs .right ul li .news-cont em{font-size: 16px; color: #666;font-family:'PingFang'; margin-top: 20px; display: block;} .wrap-news .news-tabs .right ul li .news-cont h3{width:470px;font-size: 24px; color: #222;font-family:'jxzk'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 20px 0;} .wrap-news .news-tabs .right ul li .news-cont p{font-size: 18px; color: #666;font-family:'PingFang'; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 32px;} .wrap-news .news-tabs .right ul li:hover .news-cont h3{ color: #ea5504;} .wrap-yzsm{ background:url(../images/yzsm-bg.jpg) no-repeat center 0; height: 592px; padding: 70px 0;} .wrap-yzsm .wrapper{background: rgba(255,255,255,0.7);backdrop-filter: blur(10px) saturate(150%); padding:30px 50px 50px 50px; height: 330px;} .wrap-yzsm .wrapper .yzsm-title{ text-align: center; display: flex; justify-content: center; align-items: center;font-size: 60px; color: #ea5504;font-family:'jxzk';} .wrap-yzsm .wrapper .yzsm-title em{display: block; width: 15px; height: 15px ;border-radius: 20px; border: 3px #ea5504 solid;} .wrap-yzsm .wrapper .yzsm-title em.q1{ margin-right: 20px;} .wrap-yzsm .wrapper .yzsm-title em.q2{ margin-left: 20px;} .wrap-yzsm .wrapper .yzsm-title i{display: block;flex: 1; height: 3px ;background: #ea5504;} .wrap-yzsm .wrapper .yzsm-cont{border: 3px #ea5504 solid; border-top: none; padding:60px 40px 40px 40px;margin-top: -38px;} .wrap-yzsm .wrapper .yzsm-cont p{font-size: 20px; color: #222;font-family:'PingFang'; line-height: 40px;} #footer{ background: url(../images/footer-bg.png) no-repeat center 0; height: 519px; margin-top: -110px; padding-top: 200px; position: relative; z-index: 9986;} #footer .wrapper{ display: flex; justify-content: space-between;} #footer .wrapper .f-cont{ flex: 1;} #footer .wrapper .f-cont ul li{ margin-bottom: 20px;} #footer .wrapper .f-cont ul li .f-dh{ display: flex; gap:0 10px;font-size: 18px; color: #fff;font-family:'PingFang'; align-items: center;} #footer .wrapper .f-cont ul li p{font-size: 44px; color: #fff;font-family:'PingFang'; font-weight: bold; padding-left: 30px;} #footer .wrapper .f-ewms{ width: 40%;} #footer .wrapper .f-ewms ul{ display: flex; gap:0 40px;} #footer .wrapper .f-ewms ul li{ width: 150px; text-align: center;} #footer .wrapper .f-ewms ul li img{ width: 150px;} #footer .wrapper .f-ewms ul li span{ font-size: 16px; color: #fff;font-family:'PingFang'; display: block; margin-top: 10px;} #copyright{ border-top: 1px rgba(255,255,255,0.5) solid; padding-top: 30px; margin-top: 40px;} #copyright .wrapper{ text-align: center;} #copyright .f-inf{ text-align: center;font-size: 16px; color: #fff;font-family:'PingFang'; } #copyright .f-inf a{color: #fff;font-family:'PingFang';} /*品牌说页面样式*/ #header.fixed-b #nav > ul > li{border-left: 1px #eee solid;} #header.fixed-b #nav > ul > li:last-child{border-right: 1px #eee solid;} #header.fixed-b #nav > ul > li > a{ color: #333;} #header.fixed-b #nav > ul > li.current > a{ color:#ea5504; } .ny-banner{ height: 850px;} .ny_banner_txt{display: flex; height: 850px;justify-content: center;flex-direction: column;align-items: center;} .ny_banner_txt h2{ font-size: 40px; font-weight: bold; color: #fff; text-shadow: 0 3px 2px rgba(0,0,0,0.2);font-family:'jxzk';} .ny_banner_txt h3{ font-size: 20px;color: #fff;margin-top: 10px;text-shadow: 0 3px 2px rgba(0,0,0,0.2);font-family:'PingFang';} .pps-about{ background: url(../images/pps-bg1.jpg) no-repeat center 0; height: 810px; overflow: hidden;} .pps-about .wrapper{display: flex; justify-content: space-between;} .pps-about .pps-about-left{ padding-top: 120px; width: 45%;} .pps-about .pps-about-left .title{ text-align: left;} .pps-about .pps-about-left .pps-name{ font-size: 30px; color: #fef2de; background:#ea5504; height:50px; line-height: 50px; border-radius: 50px;width:320px; text-align:center;font-family:'jxzk'; margin:40px 0;} .pps-about .pps-about-left section p{ font-size: 17px; color: #222; line-height: 30px; margin-bottom: 20px;font-family:'PingFang'; text-align: justify;} .pps-about .pps-about-left .about-number{ margin-top: 55px; width: 90%;} .pps-about .pps-about-left .about-number ul{ display: flex; justify-content: space-between;} .pps-about .pps-about-left .about-number ul li p{ display: flex; align-items: center;font-size: 18px; color: #222;font-family:'PingFang'; } .pps-about .pps-about-left .about-number ul li p img{ margin-right: 10px;} .pps-about .pps-about-left .about-number ul li .c-sz{ display: flex; align-items: center;font-size: 18px; color: #222;font-family:'PingFang'; } .pps-about .pps-about-left .about-number ul li .c-sz .count{ font-size: 44px; font-weight:bold;font-family:'PingFang';} .xz-sjly{ font-size:10px; color:#999; margin-top:30px;} .pps-about #pps-about-right{position: relative; width:659px; height: 810px; } .pps-about #pps-about-right #pps-about-right-img{position: absolute; left: 50%; transform: translateX(-50%); height: 100%; width: 100%;transition: transform 0.3s ease-out;} .pps-ywf{ background: url(../images/pps-ywfbg.jpg) no-repeat center bottom; padding-bottom: 586px; padding-top: 70px;} .pps-ywf .pps-ywf-cont{ margin: 70px 0;} .pps-ywf .pps-ywf-cont p{font-size: 17px;color: #222;font-family:'PingFang'; line-height: 30px; text-align: center;} .pps-fzlc{ background: url(../images/pps-fzlcbg.jpg) no-repeat center 0; height: 829px; padding: 70px 0; position: relative;} .pps-fzlc .fzlc-bgline{background:url(../images/pps-fzlc-img.png) no-repeat center 0; height: 256px; position: absolute; bottom: 180px; width: 100%; z-index: 100;} #fzlc-item{ margin-top: 100px;} #fzlc-item .swiper-container{ margin:0 50px;} #fzlc-item .swiper-slide{} #fzlc-item .swiper-slide .fzlc-name{font-family:'jxzk'; color: #333; font-size:24px;display:flex;align-items: center;} #fzlc-item .swiper-slide .fzlc-name em{display:block;width: 25px; height: 25px; background: #ea5604; border-radius: 100%; margin-right: 10px; padding: 5px;} #fzlc-item .swiper-slide .fzlc-name em i{display:block;width: 15px; height: 15px; background: #ea5604; border-radius: 100%; border: 3px #fff solid;} #fzlc-item .swiper-slide section{ position: relative; padding-left: 40px; padding-top: 10px;height: 250px;} #fzlc-item .swiper-slide section:before{content: ''; position: absolute; width: 1px; height: 250px; background: #ea5604; top: -5px; left: 13px;} #fzlc-item .swiper-slide section p{font-size: 16px;color: #333;font-family:'PingFang'; line-height: 30px;} #fzlc-item .swiper-slide:nth-child(2) section{ height:225px; overflow: hidden;} #fzlc-item .flzs-page{ display: flex; justify-content:center; width: 100%;gap:0 40px; margin-top: 100px;} #fzlc-item .swiper-button-prev,#fzlc-item .swiper-button-next{width:60px; height:60px; margin:0; background-repeat:no-repeat; cursor:pointer; opacity:1; transition:all 0.1s linear; position: initial;} #fzlc-item .swiper-button-prev:after,#fzlc-item .swiper-button-next:after{display:none;} #fzlc-item .swiper-button-prev{background-image:url(../images/l-jt.png); } #fzlc-item .swiper-button-next{background-image:url(../images/r-jt.png);} #fzlc-item .swiper-button-prev:hover{background-image:url(../images/l-jt1.png);} #fzlc-item .swiper-button-next:hover{background-image:url(../images/r-jt1.png);} .pps-ppyj{ height: 660px; padding: 80px 0;} .pps-ppyj .title h3{ color: #fff;} .pps-ppyj .title h4{ color: #fff;} .pps-ppyj .ppyj-cont{ text-align: center; margin-top: 100px;} .pps-ppyj .ppyj-cont h3{font-family:'jxzk'; color: #fff; font-size:48px; display: flex;align-items: center; justify-content: center;} .pps-ppyj .ppyj-cont h4{font-size: 16px;color: #fff;font-family:'PingFang'; text-transform: uppercase; margin-top: 10px;} .pps-mdzs{ background: url(../images/pps-mdzsbg.jpg) no-repeat center 0; height: 880px; padding: 80px 0;background-size: cover;} #mdzs-slide{margin: 60px -31% 0 -31%; position: relative; } #mdzs-slide .swiper-container{position: relative;overflow: hidden;} /*#mdzs-slide .swiper-container .swiper-wrapper{ align-items: center;}*/ #mdzs-slide .swiper-slide{padding: 0 1.7%;} #mdzs-slide .swiper-slide .img{transform: scale(0.75);transition: 0.5s;border-radius: 20px;overflow: hidden;position: relative;} #mdzs-slide .swiper-slide.swiper-slide-next .img{border-color: #FFC723;} #mdzs-slide .swiper-slide.swiper-slide-next .img{transform: scale(1);} #mdzs-slide .swiper-slide.swiper-slide-next .img::after{opacity: 0;} #mdzs-slide .swiper-button-prev,#mdzs-slide .swiper-button-next{top:50%; transform:translateY(-50%); width:60px; height:60px; margin:0; background-repeat:no-repeat; background-position:center; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;} #mdzs-slide .swiper-button-prev:after,#mdzs-slide .swiper-button-next:after{display:none;} #mdzs-slide .swiper-button-prev{left:30.3%; background-image:url(../images/l-jt.png);} #mdzs-slide .swiper-button-next{right:30.3%; background-image:url(../images/r-jt.png);} #mdzs-slide .swiper-button-prev:hover{left:30.3%; background-image:url(../images/l-jt1.png);} #mdzs-slide .swiper-button-next:hover{right:30.3%; background-image:url(../images/r-jt1.png);} /*民族味样式*/ #mzw-banner{width:100%; height:850px; overflow:hidden;} #mzw-banner .swiper-wrapper{height:850px;} #mzw-banner .swiper-slide{width:100%; height:850px; position: relative;overflow: hidden;} #mzw-banner .swiper-slide img{width:100%; height:850px;} #mzw-banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;} #mzw-banner .swiper-pagination-bullet{width:45px; height:10px; margin:0 0 0 10px; background:#fff; border-radius:50px; cursor:pointer; opacity:0.5;} #mzw-banner .swiper-pagination-bullet:first-child{margin-left:0;} #mzw-banner .swiper-pagination-bullet-active{background:#fff;opacity:1;} .mzw-jxywf{ background: #fef2de; padding: 70px 0;} .mzw-jxywf .jxywf-cont{ margin-top: 50px;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper{ display: flex; justify-content: center; gap:0 40px; width: 440px; margin: 0 auto;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper .swiper-slide{ background: url(../images/title-bg1.png) no-repeat 0 0; width: 220px !important; height: 60px; text-align: center; line-height: 60px; color: #333;font-family:'jxzk'; font-size:20px; cursor: pointer; } .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ color: #fff; background: url(../images/title-bg.png) no-repeat 0 0;font-family:'jxzk'; font-size:20px;} .mzw-jxywf .jxywf-cont #jxywf-item{ margin-top: 80px;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide{ display: flex; justify-content: space-between;} .mzw-jxywf .jxywf-cont #jxywf-item .left{ width: 50%; position: relative;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-0{display: block; width:100%;position: relative;z-index: 12; padding-top: 10px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-0 img{ width: 100%;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-1{ position: absolute; top: 0px; left: 0;opacity: 0;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-1{ position: absolute; top: 0px; left: 0;animation: b1_1 1s ease infinite ; -webkit-animation:b1_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-2{ position: absolute; bottom: 0px; right: 50px;z-index: 11; opacity: 0;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-2{ animation: b1_2 1s ease infinite ; -webkit-animation:b1_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; -webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b2-1{ position: absolute; top: 0px; left: 80px;opacity: 0;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-1{position: absolute; animation: b1_3 1s ease infinite ; -webkit-animation:b1_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s;animation-fill-mode:forwards;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b2-2{ position: absolute; bottom: 0px; right: 0px;z-index: 11;opacity: 0;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-2{position: absolute; animation: b1_4 1s ease infinite ; -webkit-animation:b1_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s;animation-fill-mode:forwards;} .mzw-jxywf .jxywf-cont #jxywf-item .right{ width: 45%; padding-top: 50px;} .mzw-jxywf .jxywf-cont #jxywf-item .right em{ display: block;} .mzw-jxywf .jxywf-cont #jxywf-item .right h3{font-family:'jxzk'; font-size:40px; color: #333; margin:10px 0 20px 0;} .mzw-jxywf .jxywf-cont #jxywf-item .right i{ display: block; width: 26px; height: 3px; background: #ea5604;} .mzw-jxywf .jxywf-cont #jxywf-item .right section{ margin-top: 20px;} .mzw-jxywf .jxywf-cont #jxywf-item .right section p{ line-height: 36px; font-size: 18px;color: #333;font-family:'PingFang'; } @keyframes b1_1{ from {top:50px;left: 0; opacity:0} to { top: 0px; left: 0; opacity:1} } @-webkit-keyframes b1_1{ from {top:50px;left: 0; opacity:0} to { top: 0px; left: 0; opacity:1} } @keyframes b1_2{ from {bottom: 0px; right: 150px; opacity:0} to { bottom: 0px; right: 50px; opacity:1} } @-webkit-keyframes b1_2{ from {bottom: 0px; right: 150px; opacity:0} to { bottom: 0px; right: 50px; opacity:1} } @keyframes b1_3{ from {top: 0px; left: 0px; opacity:0} to { top: 0px; left: 80px; opacity:1} } @-webkit-keyframes b1_3{ from {top: 0px; left: 0px; opacity:0} to { top: 0px; left: 80px; opacity:1} } @keyframes b1_4{ from {bottom: 0px; right: 150px; opacity:0} to { bottom: 0px; right: 0px; opacity:1} } @-webkit-keyframes b1_4{ from {bottom: 0px; right: 150px; opacity:0} to { bottom: 0px; right: 0px; opacity:1} } .mzw-product{ padding: 70px 0;} .mzw-product .mzw-product-list{ margin-top: 50px;} .mzw-product .mzw-product-list ul{ display: flex; flex-wrap: wrap;gap:20px;} .mzw-product .mzw-product-list ul li{ width: 49%; position: relative;overflow: hidden;} .mzw-product .mzw-product-list ul li .mzw-product-bg{ position: absolute; top: 0; left: 0;right: 0;bottom: 0; z-index: 66; background:url(../images/mzw-cpbg.png) no-repeat 0 0; background-size: contain; } .mzw-product .mzw-product-list ul li .mzw-product-img{ position:relative; } .mzw-product .mzw-product-list ul li .mzw-product-img img{ width:100%; height: 100%;} .mzw-product .mzw-product-list ul li h4{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; background: url(../images/cp-namebg.png) no-repeat 0 0; background-size: cover; width: 260px; height: 60px; text-align: center; line-height: 54px;font-family:'jxzk'; font-size:30px; color: #fff;} .mzw-yhpj{ background: url(../images/mzw-yhhpbg.jpg) no-repeat center 0; background: cover; padding: 70px 0; height: 1000px;} .mzw-yhpj .wrapper{ overflow: hidden; height: 100%;} #mzw-yhpj-slide{ margin-top: 120px; position: relative;} #mzw-yhpj-slide .yhpj-bgimg{ position: absolute; left: 50%; transform: translateX(-50%); width: 290px; height: auto; overflow: hidden; z-index: 88; top: -60px;} #mzw-yhpj-slide .swiper-container{ overflow: initial; margin: 0 40px;} #mzw-yhpj-slide .swiper-container .swiper-slide{ padding: 0 1.7%; border-radius: 20px;} #mzw-yhpj-slide .swiper-container .swiper-slide .img{transform: scale(1);transition: 0.5s;border-radius: 20px;overflow: hidden;} #mdzs-slide .swiper-slide.swiper-slide-next .img{border-color: #FFC723;} #mzw-yhpj-slide .swiper-container .swiper-slide.swiper-slide-active .img{transform: scale(1.2);border-radius: 40px;} #mzw-yhpj-slide .swiper-button-prev,#mzw-yhpj-slide .swiper-button-next{top:50%; transform:translateY(-50%); width:60px; height:60px; margin:0; background-repeat:no-repeat; background-position:center; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;} #mzw-yhpj-slide .swiper-button-prev:after,#mzw-yhpj-slide .swiper-button-next:after{display:none;} #mzw-yhpj-slide .swiper-button-prev{left:0px; background-image:url(../images/l-jt.png);} #mzw-yhpj-slide .swiper-button-next{right:0px; background-image:url(../images/r-jt.png);} #mzw-yhpj-slide .swiper-button-prev:hover{left:0px; background-image:url(../images/l-jt1.png);} #mzw-yhpj-slide .swiper-button-next:hover{right:0px; background-image:url(../images/r-jt1.png);} /*招商加盟样式*/ .join-hzys{ background: url(../images/join-hzysbg.jpg) no-repeat center 0; height: 882px; background-size: cover; padding: 70px 0;} .join-hzys .hzys-cont{ margin-top: 70px; position: relative;} .join-hzys .hzys-cont .hzys-img{position: absolute; left: 50%; transform: translateX(-50%);} .join-hzys .hzys-cont .hzys-img img{ width:487px;} .join-hzys .hzys-cont .hzys-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; gap:0 10%;} .join-hzys .hzys-cont .hzys-list ul li{ width: 30%; margin: 50px 0;} .join-hzys .hzys-cont .hzys-list ul li em{ width: 70px; height: 70px; border-radius: 100%; border: 2px #ea5504 solid; display: block;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(1) em{ background: url(../images/join-hzys-icon1.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(2) em{ background: url(../images/join-hzys-icon2.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(3) em{ background: url(../images/join-hzys-icon3.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(4) em{ background: url(../images/join-hzys-icon4.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:hover em{ transform: rotateY(360deg); transition: 0.5s all;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(1):hover em{ background:#ea5504 url(../images/join-hzys-icon1h.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(2):hover em{ background:#ea5504 url(../images/join-hzys-icon2h.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(3):hover em{ background:#ea5504 url(../images/join-hzys-icon3h.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li:nth-child(4):hover em{ background:#ea5504 url(../images/join-hzys-icon4h.png) no-repeat center;} .join-hzys .hzys-cont .hzys-list ul li h3{ font-size:24px; color: #333;font-family:'jxzk'; margin: 10px 0;} .join-hzys .hzys-cont .hzys-list ul li p{ font-size:16px; color: #333;font-family:'PingFang'; line-height: 30px;} .join-hbxc{ padding: 70px 0;} .join-hbxc .hbxc-cont #campus-l{ height: 256px;} .join-hbxc .hbxc-cont #campus-l ul li{width: 360px; height: 256px; overflow: hidden;} .join-hbxc .hbxc-cont #campus-l ul li img{ width: 360px; height: 256px;} .join-hztj{ background: url(../images/join-hztjbg.jpg) no-repeat center 0; background-size: cover; height: 807px; padding: 70px 0;} .join-hztj .title h3{ color: #fff;} .join-hztj .title h4{ color: #fff;} .join-hztj .hztj-list{ margin-top: 90px;} .join-hztj .hztj-list ul{ display: flex; justify-content: space-between;} .join-hztj .hztj-list ul li{ width: 30%; background: rgba(255,255,255,0.95); border-radius: 20px; padding:50px 35px; position: relative; text-align: center;} .join-hztj .hztj-list ul li:before{ content: ''; position: absolute; left: 20px; right: 20px; top:-20px; background: rgba(255,255,255,0.5);backdrop-filter: blur(10px) saturate(150%); height: 20px; border-radius: 20px 20px 0 0;} .join-hztj .hztj-list ul li em{ display: block; margin: 0 auto; width: 130px;} .join-hztj .hztj-list ul li em img{ width: 100%;} .join-hztj .hztj-list ul li h3{font-size:24px; color: #333;font-family:'jxzk'; margin: 20px 0;} .join-hztj .hztj-list ul li:hover em{ transform: rotateY(360deg); transition: 0.5s all;} .join-hztj .hztj-list ul li section{border-top: 1px #dcdcdc solid;padding-top: 20px; text-align: left;} .join-hztj .hztj-list ul li section p{font-size:16px; color: #333;font-family:'PingFang'; line-height: 30px;} .join-zbfc{background: #fef2de; padding: 70px 0;} .join-zbfc .zbfc-cont{margin-top: 60px; position: relative;} .join-zbfc .zbfc-cont .zbfc-item{ width: 652px; position: absolute; left: 50%; transform: translateX(-50%); height: 652px;} .join-zbfc .zbfc-cont .zbfc-item em{ background: url(../images/join-zbfc-imgbg.png) no-repeat 0 0; display: block; width: 100%; height: 100%;animation: spin 50s linear infinite; -webkit-animation: spin 50s linear infinite;} .join-zbfc .zbfc-cont .zbfc-item .zbfc-item-img{position: absolute; top:10%; left: 10%;} .join-zbfc .zbfc-cont .zbfc-list{ position: relative;z-index: 62;} .join-zbfc .zbfc-cont .zbfc-list ul{display: flex; flex-wrap: wrap; gap:0 20%; justify-content: space-between;} .join-zbfc .zbfc-cont .zbfc-list ul li{ width: 36%; margin: 120px 0; display: flex;} .join-zbfc .zbfc-cont .zbfc-list ul li:nth-child(1){flex-direction: row-reverse; text-align: right;} .join-zbfc .zbfc-cont .zbfc-list ul li:nth-child(3){flex-direction: row-reverse; text-align: right;} .join-zbfc .zbfc-cont .zbfc-list ul li .l-img{ margin:0 20px;} .join-zbfc .zbfc-cont .zbfc-list ul li h3{font-size:24px; color: #333;font-family:'jxzk'; margin-bottom: 10px;} .join-zbfc .zbfc-cont .zbfc-list ul li p{font-size:16px; color: #666;font-family:'PingFang'; line-height: 30px;} .join-hzlc{ background: url(../images/join-hzlc-bg.jpg) no-repeat center 0; height: 866px; background-size: cover; padding: 70px 0; overflow: hidden;} .join-hzlc .wrapper{ position: relative;} .join-hzlc .wrapper .title{ position: absolute; top: 40px; left: 60px;} .join-hzlc .wrapper .title h3{ color: #fff;} .join-hzlc .wrapper .title h4{ color: #fff;} .join-hzlc .hzlc-list{ background: url(../images/join-hzlc-line.png) no-repeat center 50px;background-size: contain;} .join-hzlc .hzlc-list ul{ display: flex; margin-bottom: 20px;} .join-hzlc .hzlc-list ul li{ width: 25%; text-align: center;} .join-hzlc .hzlc-list ul li p{font-size:24px; color: #fff;font-family:'PingFang'; font-weight: bold;} .join-hzlc .hzlc-list ul li em{ display: block; width: 33px; height: 33px; border-radius: 100%; background: #f2ab3d; border: 3px #fff solid; margin: 0 auto;} .join-hzlc .hzlc-list ul li span{display: block; background: url(../images/join-hzlc-tb.png) no-repeat 0 0; width: 200px; height: 68px; text-align: center; line-height: 64px;font-size:24px; color: #333;font-family:'jxzk'; background-size: cover; margin: 20px auto 0 auto;} .join-hzlc .hzlc-list ul:nth-child(1){margin-left: 26%;} .join-hzlc .hzlc-list ul:nth-child(1) li{ width: 33%;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top: 90px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top: 105px;} .join-hzlc .hzlc-img{ position: absolute; right: 40px; bottom: -139px;} .join-hzlc .hzlc-list ul li:hover em{transform: rotateY(360deg); transition: 0.5s all;} .join-jmzx{ background: url(../images/join-jmzxbg.jpg) no-repeat center 0; background-size: cover; height: 832px; padding: 70px 0;} .join-jmzx .title p{font-size:18px; color: #666;font-family:'PingFang'; margin-top: 20px;} .join-jmzx .jmzx-form{ margin: 60px 30px 0 30px;} .join-jmzx .jmzx-form ul{ display: flex; flex-wrap: wrap;gap:0 60px;} .join-jmzx .jmzx-form ul li{ width: 30%; margin-bottom: 30px;} .join-jmzx .jmzx-form ul li:last-child{ width: 100%;} .join-jmzx .jmzx-form ul li label{ display: block; font-size:16px; color: #333;font-family:'PingFang';} .join-jmzx .jmzx-form ul li input.bd-text{ width: 100%; height: 50px; line-height: 50px; padding: 0 10px;font-size:16px; font-family:'PingFang'; border: 1px #c9c9c9 solid; border-radius: 10px; margin-top: 10px;} .join-jmzx .jmzx-form ul li textarea.ly-text{ width: 100%; height: 150px; line-height: 36px; padding: 0 10px;font-size:16px; font-family:'PingFang'; border: 1px #c9c9c9 solid; border-radius: 10px; margin-top: 10px;} .join-jmzx .jmzx-form .tj-bnt{width: 180px; height: 60px; margin: 10px auto;} .join-jmzx .jmzx-form .tj-bnt button{ width: 180px; height: 60px; margin: 10px auto; background: #ea5504; border-radius: 10px; color: #fff;font-family:'jxzk'; border: none; font-size: 18px;cursor: pointer;} /*新闻页面样式*/ .ny-news{ padding: 70px 0 100px 0;} .ny-news .ny-news-fl ul{ display: flex; justify-content: center; gap:0 40px;} .ny-news .ny-news-fl ul li{ width: 220px; height: 60px; text-align: center; line-height: 60px; background: url(../images/title-bg1.png) no-repeat 0 0; } .ny-news .ny-news-fl ul li a{font-family:'jxzk'; font-size:20px; color: #333; display: block;} .ny-news .ny-news-fl ul li a:hover{ color: #ea5504;} .ny-news .ny-news-fl ul li.cur{ background:url(../images/title-bg.png) no-repeat 0 0; ;} .ny-news .ny-news-fl ul li.cur a{font-family:'jxzk'; font-size:20px; color: #fff; display: block;} .ny-news .ny-news-fl ul li.cur a:hover{ color: #fff;} .ny-news .ny-news-item{ margin-top: 60px;} .ny-news .ny-news-item .ny-news-top{ background: #fef2de; padding: 10px; } .ny-news .ny-news-item .ny-news-top a{display: flex; justify-content: space-between;} .ny-news .ny-news-item .ny-news-top .left{ width: 750px; height: 502px; overflow: hidden;} .ny-news .ny-news-item .ny-news-top .left img{ width: 100%; height: 100%; transform:scale(1.0); transition: 0.5s all;} .ny-news .ny-news-item .ny-news-top:hover .left img{transform:scale(1.1); transition: 0.5s all;} .ny-news .ny-news-item .ny-news-top .right{ flex: 1; padding: 80px;} .ny-news .ny-news-item .ny-news-top .right em{font-size:18px; color: #666;font-family:'PingFang';} .ny-news .ny-news-item .ny-news-top .right h3{font-family:'jxzk'; font-size:24px; color: #333; line-height: 36px; margin:8px 0 20px 0;} .ny-news .ny-news-item .ny-news-top .right p{font-size:18px; color: #666;font-family:'PingFang'; line-height: 30px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ny-news .ny-news-item .ny-news-top .right .nxq-ore{ width:180px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; border: 2px #ea5504 solid; display: flex; justify-content: center; gap:0 15px; align-items: center; margin-top: 60px; font-size: 18px; color: #ea5504;font-family:'PingFang';transition: 0.3s all;} .ny-news .ny-news-item .ny-news-top .right .nxq-ore i{ background: url(../images/news-icon.png) no-repeat 0 0; width: 22px; height: 13px; display: block;transition: 0.3s all;} .ny-news .ny-news-item .ny-news-top:hover .right .nxq-ore{ background: #ea5504; color: #fff; gap:0 25px; transition: 0.3s all;} .ny-news .ny-news-item .ny-news-top:hover .right .nxq-ore i{ background: url(../images/news-icon1.png) no-repeat 0 0;transition: 0.3s all;} .ny-news .ny-news-item .ny-news-top:hover .right h3{color: #ea5504;} .ny-news .ny-news-item .ny-news-list{ margin-top: 50px;} .ny-news .ny-news-item .ny-news-list ul{ } .ny-news .ny-news-item .ny-news-list ul li{ width: 32%; margin-bottom: 50px; margin-right: 28px; float: left;} .ny-news .ny-news-item .ny-news-list ul li:nth-child(3n){ margin-right: 0;} .ny-news .ny-news-item .ny-news-list ul li .ny-news-img{ border: 10px #f5f5f5 solid; width: 100%; height: 280px; overflow: hidden;} .ny-news .ny-news-item .ny-news-list ul li .ny-news-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;} .ny-news .ny-news-item .ny-news-list ul li:hover .ny-news-img img{ transform: scale(1.1); transition: 0.5s all;} .ny-news .ny-news-item .ny-news-list ul li section{ padding-top: 20px;} .ny-news .ny-news-item .ny-news-list ul li section h3{font-family:'jxzk'; font-size:24px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ny-news .ny-news-item .ny-news-list ul li section p{font-size:18px; color: #666;font-family:'PingFang'; line-height: 30px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 15px; } .ny-news .ny-news-item .ny-news-list ul li section em{display:block;font-size:18px; color: #666;font-family:'PingFang'; margin-top: 20px; } .ny-news .ny-news-item .ny-news-list ul li:hover section h3{ color: #ea5504;} .ny-news .ny-news-item .ny-news-list ul li:hover section p{ color: #333;} .weo-page{margin-top:50px;} .weo-page a{min-width:32px; height:32px; line-height:32px; margin-left:10px; padding:0; border-color:#ccc; font-size:14px; color:#666;display: flex; align-items: center; border-radius: 5px; justify-content: center;} .weo-page a:hover{border-color:#ea5504; color:#ea5504;} .weo-page a.count{border-color:#ea5504; color:#666;} .weo-page a.weo-page-on{background:#ea5504; border-color:#ea5504; color:#fff;} .news-xq{ padding: 60px 0 130px 0;} .news-xq .news-xq-title{ display: flex; justify-content: space-between; align-items: center;} .news-xq .news-xq-title .title-left{ flex: 1; margin-right: 50px;} #article-title{line-height:38px; font-size:30px; text-align:left; color: #333;font-family:'jxzk';} #article-info{height:18px; line-height:18px; margin-top:20px; font-size:16px; text-align:left; color:#999; overflow:hidden;font-family:'PingFang';} .news-xq .news-xq-item{margin-top:40px; padding-top:40px; border-top:1px solid #dcdcdc; display: flex; justify-content:space-between;} .news-xq .news-xq-item .left{ flex: 1; margin-right: 50px;} #article{line-height:36px; font-size:18px; color:#333; } #article p{font-family:'PingFang'!important;} #prev-next{ margin-top:44px;overflow:hidden;border-top:1px solid #dcdcdc; padding-top: 30px;} #prev-next a{width:100%; height:30px; line-height:30px; font-size:16px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: block;font-family:'PingFang';} #prev-next a:hover{color:#ea5504;} #prev-next a.fhlb{ text-align: center; width: 120px; height: 40px; line-height: 40px; margin: 0 auto; background: #fff; border-radius: 50px;} #prev-next a.fhlb:hover{ background: #ea5504; color: #fff;} .news-xq .news-xq-title .title-right{ width: 180px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; border:2px #ea5504 solid; overflow: hidden;} .news-xq .news-xq-title .title-right a{display:flex; align-items:center;font-size: 18px; color: #ea5504;font-family:'PingFang'; justify-content: center; gap:0 15px;} .news-xq .news-xq-title .title-right a i{ background: url(../images/news-xq-icon1.png) no-repeat 0 0; width: 18px; height: 14px;} .news-xq .news-xq-title .title-right:hover{ background: #ea5504;} .news-xq .news-xq-title .title-right:hover a{color: #fff;} .news-xq .news-xq-title .title-right:hover a i{ background:url(../images/news-xq-icon2.png) no-repeat 0 0;} .news-xq .news-xq-item .right{ width: 360px; background: #f5f5f5; padding:30px;} .news-xq .news-xq-item .right h3{font-size:24px; color: #333;font-family:'jxzk'; border-bottom:1px solid #dcdcdc; padding-bottom: 15px; margin-bottom: 15px;} .news-xq .news-xq-item .right ul li{ margin-bottom: 20px; padding-bottom: 20px;border-bottom:1px dashed #dcdcdc; } .news-xq .news-xq-item .right ul li .xwbt{font-family:'jxzk'; font-size:18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 20px;} .news-xq .news-xq-item .right ul li .xwbt:before{content: ''; position: absolute; width: 10px; height: 10px; border:1px #ea5504 solid; border-radius: 50px; top: 8px; left: 0;} .news-xq .news-xq-item .right ul li p{font-family:'PingFang'; font-size:15px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 20px; margin-top: 10px;} .news-xq .news-xq-item .right ul li:hover .xwbt{ color: #ea5504;} .wrap-contact{ width: 100%; height: 650px;position: relative;} .wrap-contact .wrapper{height:650px;position: relative;z-index: 75; width:560px; margin-left:10%;} .wrap-contact .wrapper .contact-lxfs{ position: absolute; left: 0;top: 50%; transform: translateY(-50%); background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 20px; width: 560px; padding: 40px;} #map{ width: 100%; height: 650px; position: absolute; top: 0;} .wrap-contact .wrapper .contact-lxfs .lxfs-logo{ width: 193px; height: auto;} .wrap-contact .wrapper .contact-lxfs .lxfs-logo img{ width: 100%; height: 100%;} .wrap-contact .wrapper .contact-lxfs span{font-family:'jxzk'; font-size:24px; color: #333; margin: 20px 0 30px 0; display: block; border-bottom: 2px #ea5504 solid; padding-bottom: 30px;} .wrap-contact .wrapper .contact-lxfs li{ margin-bottom: 30px;} .wrap-contact .wrapper .contact-lxfs li .lxfs-name{ display: flex; align-items: center; gap:0 10px;font-size:16px; color:#333;font-family:'PingFang';} .wrap-contact .wrapper .contact-lxfs li h4{font-family:'PingFang'; font-size:30px; color: #ea5504; font-weight:bold; padding-left: 20px; margin-top: 5px;} .wrap-contact .wrapper .contact-lxfs li p{font-family:'PingFang'; font-size:16px; color: #333; padding-left: 20px; margin-top: 5px;} .contact-jmzx{ background: #fef2de; padding: 80px 0 160px 0;} .contact-jmzx .wrapper{ display: flex; justify-content: space-between;} .contact-jmzx .wrapper .left{ width: 43%; overflow:hidden; border-radius: 20px;} .contact-jmzx .wrapper .left img{ width: 100%;transition: 0.5s all;transform: scale(1.0);} .contact-jmzx .wrapper .left:hover img{transform: scale(1.1); transition: 0.5s all;} .contact-jmzx .wrapper .right{ flex: 1; margin-left: 80px;} .contact-jmzx .wrapper .right .title{ text-align: left;} .contact-jmzx .wrapper .right .contact-jmzx-list{ margin-top:30px;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li{ width: 100%; margin-bottom: 10px;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li input{ width: 100%; height: 50px; line-height: 50px; padding: 0 10px;font-size:16px; font-family:'PingFang'; border: 1px #c9c9c9 solid; border-radius: 10px; margin-top: 10px;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li textarea.ly-text{ width: 100%; height: 150px; line-height: 36px; padding: 0 10px;font-size:16px; font-family:'PingFang'; border: 1px #c9c9c9 solid; border-radius: 10px; margin-top: 10px;} .contact-jmzx .wrapper .right .contact-jmzx-list .tj-bnt{width: 100%; height: 60px; margin: 10px auto;} .contact-jmzx .wrapper .right .contact-jmzx-list .tj-bnt button{ width: 100%; height: 60px; margin: 10px auto; background: #ea5504; border-radius: 10px; color: #fff;font-family:'jxzk'; border: none; font-size: 18px;cursor: pointer;} .pagination{margin:0 auto;gap:0px !important;display: flex;justify-content: center;padding: 20px 0;} /* 自定义 page-item */ .pagination .page-item { width: auto !important; margin: 0 2px; /* 调整分页项之间的间距 */ } /* 自定义 page-link */ .pagination .page-link { color: #666; /* 文字颜色 */ background-color: #f8f9fa; /* 背景色 */ border: 1px solid #dee2e6; /* 边框 */ border-radius: 5px; /* 圆角 */ padding: 8px 12px; /* 内边距 */ transition: all 0.3s ease; /* 过渡效果 */ } /* 鼠标悬停效果 */ .pagination .page-link:hover { color: #fff; /* 文字颜色 */ background-color: #ea5504; /* 背景色 */ border-color: #ea5504; /* 边框颜色 */ } /* 禁用项 */ .pagination .page-item.disabled .page-link { color: #6c757d; /* 文字颜色 */ background-color: #f8f9fa; /* 背景色 */ border-color: #dee2e6; /* 边框颜色 */ cursor: not-allowed; /* 鼠标样式 */ } /* 当前选中项 */ .pagination .page-item.active .page-link { color: #fff; /* 文字颜色 */ background-color: #ea5504; /* 背景色 */ border-color: #ea5504; /* 边框颜色 */ } #page{ display:none;} #sj-product-cont{ display:none;} #sj-ywmf{display:none;} .news-ny-banner{ height:270px;} /*自适应*/ @media screen and (max-width:1680px){ .wrapper{width:1400px;} #banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:940px;} .wrap-product .product-cont #product-item .swiper-slide img{ width: 80%; height: auto;} .wrap-product .product-cont #product-item .swiper-slide .a1_0 img{ width: 65%; height: auto;} @keyframes a2_1{ from {top:50px;left: 0; opacity:0} to { top: 0px; left: -26px; opacity:1} } @-webkit-keyframes a2_1{ from {top:50px ; left: 0px; opacity:0} to { top: 0px; left: -26px; opacity:1 } } @keyframes a2_2{ from {left:50px; opacity:0} to { left:0px; opacity:1} } @-webkit-keyframes a2_2{ from {left:50px; opacity:0} to { left:0px; opacity:1 } } @keyframes a2_3{ from { right:100px; opacity:0} to { right: 0px; opacity:1} } @-webkit-keyframes a2_3{ from { right:100px; opacity:0} to { right: 0px; opacity:1 } } @keyframes a2_5{ from { right:128px; opacity:0; top:180px; transform: rotate(360deg); } to { top:80px; right: 117px; opacity:1; transform: rotate(0deg);} } @-webkit-keyframes a2_5{ from { right:125px; opacity:0; top:180px; transform: rotate(360deg); } to { top:80px; right: 117px; opacity:1; transform: rotate(0deg);} } @keyframes a2_6{ from { left: 130px;opacity:0; top:120px; transform: rotate(360deg); } to { top:60px;left: 130px; opacity:1; transform: rotate(0deg);} } @-webkit-keyframes a2_6{ from { left: 130px; opacity:0; top:120px; transform: rotate(360deg); } to { top:60px; left: 130px; opacity:1; transform: rotate(0deg);} } @keyframes a2_7{ from { bottom: -50px; left: 120px; opacity:0} to { bottom: 0px; left: 120px; opacity:1} } @-webkit-keyframes a2_7{ from { bottom: -50px; left: 120px; opacity:0} to { bottom: 0px; left: 120px; opacity:1 } } @keyframes a2_8{ from { top: 0; right:200px; opacity:0} to { top: 0; right: 150px; opacity:1} } @-webkit-keyframes a2_8{ from { top: 0; right: 200px; opacity:0} to { top: 0; right: 150px; opacity:1 } } @keyframes a2_9{ from { top: 240px; right:300px; opacity:0} to { top: 222px; right: 133px; opacity:1} } @-webkit-keyframes a2_9{ from { top: 240px; right: 200px; opacity:0} to { top: 222px; right: 133px; opacity:1 } } @keyframes a2_10{ from { top: 240px; right:80px; opacity:0} to { top: 63px; right: 47px; opacity:1} } @-webkit-keyframes a2_10{ from { top: 240px; right:80px; opacity:0} to { top: 63px; right: 47px; opacity:1 } } @keyframes a2_11{ from { bottom: 0; right: 280px; opacity:0} to { bottom: 0; right: 175px; opacity:1} } @-webkit-keyframes a2_11{ from { bottom: 0; right: 280px; opacity:0} to { bottom: 0; right: 175px; opacity:1 } } @keyframes a2_12{ from { bottom: 50px; left: 0px; opacity:0} to { bottom: 50px; left: 80px; opacity:1} } @-webkit-keyframes a2_12{ from { bottom: 50px; left: 0px; opacity:0} to { bottom: 50px; left: 80px; opacity:1 } } @keyframes a2_13{ from { top: 20px; left: 0px; opacity:0} to { top: 12px; left: 138px; opacity:1} } @-webkit-keyframes a2_13{ from { top: 20px; left: 0px; opacity:0} to { top: 12px; left: 138px; opacity:1 } } @keyframes a2_14{ from { bottom: -50px; right: 80px; opacity:0} to { bottom: 5px; right: 45px; opacity:1} } @-webkit-keyframes a2_14{ from { bottom: -50px; right: 80px; opacity:0} to {bottom: 5px; right: 45px; opacity:1 } } @keyframes a2_15{ from { top: 100px; right: 250px; opacity:0} to { top: 0; right: 190px; opacity:1} } @-webkit-keyframes a2_15{ from { top: 100px; right: 250px; opacity:0} to { top: 0; right: 190px; opacity:1 } } @keyframes a2_16{ from { bottom: -80px; left: 50px; opacity:0} to { bottom: 38px; left: 10px; opacity:1} } @-webkit-keyframes a2_16{ from { bottom: -80px; left: 50px; opacity:0} to { bottom: 38px; left: 10px; opacity:1 } } .wrap-honor{height: 796px;} #honor .swiper-slide .honor-img{ height: 230px;} .home-video .wrapper{ height: 640px;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active h3{ font-size: 44px;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active{ height: 110px !important;} .wrap-product .product-cont .product-left .swiper-button-prev, .wrap-product .product-cont .product-left .swiper-button-next{ top: 365px;} .wrap-ppys .ppys-cont ul li .left{ width: 70px;height: 70px;} #honor .swiper-slide h4{ font-size: 18px;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active h3{ font-size: 22px;} .wrap-about .wrapper .right #td{ left: 57.2%;} .wrap-ppys .ppys-cont ul li{ width: 36%;} .mzw-product .mzw-product-list ul li h4{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; background: url(../images/cp-namebg.png) no-repeat 0 0; background-size: cover; width: 220px; height: 50px; text-align: center; line-height: 46px;font-family:'jxzk'; font-size:24px; color: #fff;} #mzw-yhpj-slide .yhpj-bgimg{ width: 255px; top:-50px;} .mzw-yhpj{ height: 860px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-2 img{ width: 460px;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top: 76px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top: 88px;} .join-hzlc .hzlc-list ul li span{width: 180px;height: 61px;line-height: 60px; font-size: 22px;} .join-hzlc{ height: 814px;} .join-zbfc .zbfc-cont .zbfc-list ul li{ width: 34%;} .contact-jmzx .wrapper .left{ width: 46%; } .wrap-contact .wrapper{ margin-left:7%;} .news-ny-banner{ height:270px;} } @media screen and (max-width:1440px){ .wrapper{width:1280px;} #banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{width:100%; height:750px;} .wrap-about .wrapper .left h3{ font-size: 38px;} .wrap-about .wrapper .left .about-number ul li .c-sz .count{ font-size: 38px;} .wrap-about .wrapper .right img{ width: 90%;} .wrap-about .wrapper .right #td{left: 51.5%;top: 46%; width: 43px;} .wrap-about .wrapper .left .a-more a{height: 52px;width: 174px;line-height: 50px;background-size: cover;} .wrap-ywmf .ywmf-title{ font-size: 50px;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active h3{ font-size: 20px;} .wrap-ywmf #ywmf-thumb .swiper-slide h3{ font-size: 18px;} .title h3{ font-size: 50px;} .wrap-product .product-cont .product-left{ margin-left: 20px;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active h3{ font-size: 38px;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active h4{ font-size: 16px;} @keyframes a2_1{ from {top:50px;left: 0; opacity:0} to { top: 0px; left: -46px; opacity:1} } @-webkit-keyframes a2_1{ from {top:50px ; left: 0px; opacity:0} to { top: 0px; left: -46px; opacity:1 } } @keyframes a2_7{ from { bottom: -50px; left: 94px; opacity:0} to { bottom: 0px; left: 94px; opacity:1} } @-webkit-keyframes a2_7{ from { bottom: -50px; left: 94px; opacity:0} to { bottom: 0px; left: 94px; opacity:1 } } .wrap-honor{ height: 780px;} .wrap-ppys .title h3{font-size: 50px;} .wrap-ppys .ppys-cont ul li{ width: 36%; margin-bottom: 90px;} .wrap-ppys .ppys-cont .zcjm-center{ width: 580px; height: 580px;} .wrap-ppys .ppys-cont .zcjm-center .zcjm-center-img{width: 400px;} .wrap-ppys .ppys-cont i{ width: 580px; height: 580px;} .wrap-ppys .ppys-cont span{ width: 480px; height: 480px; background-size: cover; top: 50px; left: 50px;} .wrap-ppys .ppys-cont ul li .right h3{ font-size: 22px;} .wrap-ppys .ppys-cont ul li .right p{ font-size: 14px;} .wrap-ppys{ height: 880px;} .wrap-news .news-tabs .left section h3{ font-size: 20px;} .wrap-news .news-tabs .left section p{ font-size: 16px;} .wrap-news .news-tabs .right ul li .news-cont h3{ font-size: 20px;} .wrap-news .news-tabs .right ul li .news-cont p{ font-size: 16px;} #honor .swiper-slide .honor-img{ height: 210px;} .pps-mdzs{ height: 780px;} .pps-ppyj{ height: 570px;} .mzw-product .mzw-product-list ul li h4{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; background: url(../images/cp-namebg.png) no-repeat 0 0; background-size: cover; width: 200px; height: 46px; text-align: center; line-height: 42px;font-family:'jxzk'; font-size:20px; color: #fff;} #mzw-yhpj-slide .yhpj-bgimg{ width: 226px; top:-42px;} .mzw-yhpj{ height: 810px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-1 img{ width: 440px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-2 img{ width: 420px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b2-1 img{ width: 360px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b2-2 img{ width: 260px;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top: 56px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top: 70px;} .join-hzlc .hzlc-list ul li span{width: 180px;height: 61px;line-height: 60px; font-size: 20px;} .join-hzlc{ height: 776px;} .join-zbfc .zbfc-cont .zbfc-list ul li{ margin: 80px 0; width: 36%;} .join-zbfc .zbfc-cont .zbfc-item{width: 540px; height: 540px;} .join-zbfc .zbfc-cont .zbfc-item .zbfc-item-img img{ width:430px;} .join-zbfc .zbfc-cont .zbfc-list ul li .l-img{width: 80px;} .join-zbfc .zbfc-cont .zbfc-item em{ background-size: cover;} .join-hzys .hzys-cont .hzys-img{text-align: center;} .join-hzys .hzys-cont .hzys-img img{ width: 90%; } .join-hzys .hzys-cont .hzys-list ul li{ margin: 20px 0;} .join-hzys{ height: 815px;} .ny-news .ny-news-item .ny-news-top .left{width: 620px; height: 420px;} .ny-news .ny-news-item .ny-news-top .right{ padding: 40px;} .ny-news .ny-news-item .ny-news-top .right em{ font-size: 16px;} .ny-news .ny-news-item .ny-news-top .right h3{ font-size: 22px;} .ny-news .ny-news-item .ny-news-top .right .nxq-ore{ width: 165px; font-size: 16px;} .ny-news .ny-news-item .ny-news-top .right p{ font-size: 16px;} .ny-news .ny-news-item .ny-news-list ul li section h3{ font-size: 22px;} .ny-news .ny-news-item .ny-news-list ul li section p{ font-size: 16px;margin-top: 10px;} .ny-news .ny-news-item .ny-news-list ul li section em{ font-size: 16px;} .ny-news .ny-news-item .ny-news-list ul li{margin-right: 25px;} .contact-jmzx .wrapper .left{ width: 50%; } .wrap-contact .wrapper{ margin-left:3%;} .wrap-contact .wrapper .contact-lxfs{ width:543px;} .news-ny-banner{ height:270px;} } @media screen and (min-width: 751px) and (max-width: 1180px){ html{ font-size: 100% !important;} body{font-size:16px;font-size:1.2rem ;} #header{ display:none;} #page{ display:block; position:fixed; z-index:99999; top:0;} .pf{position:fixed} .pr{position:relative} .pa{position:absolute} .hidden{overflow:hidden} #sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;} #sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; overflow:hidden;} #sj-logo img{width:auto;height:2.25rem;} #nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;} #nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;} #sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;} #sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;} #sj-nav ul li:last-child{border-bottom:none;} #sj-nav ul li a{flex:auto;font-size:15px; overflow:hidden; color: #333;font-family:'jxzk';} #sj-nav ul li a span{font-family:'PingFang'; font-size: 12px;text-transform: uppercase; padding-left:10px;} #sj-nav ul li a:hover{color:#ea5504;} .wrapper{ width:100%; padding:0 15px;} .wrap-about{ padding:50px 0;} .wrap-ywmf .ywmf-title{ font-size:32px; top:35px;} .wrap-ywmf #ywmf-thumb .swiper-slide{ padding:10px; height:90px;} .ywmf-tb img{ width:20px;} .wrap-ywmf #ywmf-thumb .swiper-slide h3{ font-size:14px; margin-top:0;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active section p{ font-size:12px; line-height:20px;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active h3{ font-size:14px;} .wrap-ywmf #ywmf-item{ height:500px;} .wrap-ywmf #ywmf-item .swiper-slide img{ height:100%;} .home-video{ padding:50px 0;} .home-video .wrapper .video-img{ left:50%;transform: translateX(-50%); width:95%;} .home-video .wrapper{ height:440px;} .home-video .wrapper .video-btn .video-btn-item{ width:120px; height:120px;} .home-video .wrapper .video-btn .video-btn-item em{ width:100px; height:100px;} .home-video .wrapper .video-btn .video-btn-item span{ width:80px; height:80px;} .home-video .wrapper .video-btn .video-btn-item span img{ width:18px; height:18px;} .home-video .wrapper .video-btn h3{ font-size:22px;} .home-video .wrapper .video-btn span{ font-size:12px;} .home-video .wrapper .video-img{ height:440px;} .wrap-product{ padding:40px 0 70px 0;} .title h3{ font-size:32px;} .title h4{ font-size:12px;} #video-play{ width:100%;height:auto;} #video-play video{ width:80%; margin:0 auto; height:auto;} #video-play i{ width:18px; height:18px; top:-37px; right:62px;} .wrap-product .product-cont{ margin-top:40px;} .wrap-product .product-cont .product-left{ width:30%;margin-top: 30px;} .wrap-product .product-cont .product-left .swiper-slide h3{ font-size:20px;} .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active h3{ font-size:30px;} .wrap-product .product-cont .product-left .swiper-slide{ height:60px !important; } .wrap-product .product-cont .product-left .swiper-slide.swiper-slide-thumb-active{ height:80px !important; } .wrap-product .product-cont .product-left .swiper-button-prev, .wrap-product .product-cont .product-left .swiper-button-next{ top:270px; width:40px; height:40px; background-size:cover;} .wrap-product .product-cont .product-left .swiper-button-next{ left:55px;} .wrap-product .product-cont #product-item .swiper-slide span{ transform:scale(0.95);} .wrap-product .product-cont #product-item .swiper-slide img{ width:74%;} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_2{ transform:scale(0.7);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_3{ transform:scale(0.7);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a1_4 img{ transform:scale(0.9);} @keyframes a2_1{ from {top:50px;left: 0; opacity:0} to { top: 14px; left: -81px; opacity:1} } @-webkit-keyframes a2_1{ from {top:50px ; left: 0px; opacity:0} to { top: 0px; left: -81px; opacity:1 } } @keyframes a2_2{ from {left:50px; opacity:0} to { left: -56px; opacity:1} } @-webkit-keyframes a2_2{ from {left:50px ; opacity:0} to { left: -56px; opacity:1 } } @keyframes a2_3{ from {right: 100px; opacity: 0;} to { right: -48px; opacity:1} } @-webkit-keyframes a2_3{ from {left:50px ; opacity:0} to { left: -56px; opacity:1 } } @keyframes a2_5{ from { right:128px; opacity:0; top:180px; transform: rotate(360deg); } to { top:50px; right:45px; opacity:1; transform: rotate(0deg);} } @-webkit-keyframes a2_5{ from { right:125px; opacity:0; top:180px; transform: rotate(360deg); } to { top:50px; right: 45px; opacity:1; transform: rotate(0deg);} } .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_1 img{transform:scale(0.7);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_3 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_2 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_4 img{transform:scale(0.75);} @keyframes a2_6{ from { left: 130px;opacity: 0; top: 120px; transform: rotate(0deg); } to { left: 48px;opacity: 1; top: 28px; transform: rotate(360deg);} } @-webkit-keyframes a2_6{ from { left: 130px;opacity: 0; top: 120px; transform: rotate(0deg); } to { left: 48px;opacity: 1; top: 28px; transform: rotate(360deg);} } @keyframes a2_7{ from { bottom: -50px; left: 94px; opacity: 0; } to { bottom: -12px; left: 22px; opacity: 1;} } @-webkit-keyframes a2_7{ from { bottom: -50px; left: 94px; opacity: 0; } to { bottom: -12px; left: 22px; opacity: 1;} } @keyframes a2_8{ from { top: 0;right: 200px;opacity: 0; } to { top: 0; right: 20px; opacity: 1;} } @-webkit-keyframes a2_8{ from { top: 0;right: 200px;opacity: 0; } to { top: 0; right: 20px; opacity: 1;} } @keyframes a2_9{ from { top: 240px;right: 300px; opacity: 0; } to {top: 98px; right: 51px; opacity: 1;} } @-webkit-keyframes a2_9{ from { top: 240px;right: 300px; opacity: 0; } to {top: 98px; right: 51px; opacity: 1;} } .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_1 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_2 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_3 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a3_4 img{transform:scale(0.75);} @keyframes a2_10{ from { top: 200px;right: 80px; opacity: 0; } to {top: 0px; right: -20px; opacity: 1;} } @-webkit-keyframes a2_10{ from { top: 200px;right: 80px; opacity: 0; } to {top: 0px; right: -20px; opacity: 1;} } @keyframes a2_11{ from { bottom: 0;right: 280px; opacity: 0; } to {bottom: 20px; right: 60px; opacity: 1;} } @-webkit-keyframes a2_11{ from { bottom: 0;right: 280px; opacity: 0; } to {bottom: 20px; right: 60px; opacity: 1;} } @keyframes a2_12{ from { bottom: 20px;left: 0px; opacity: 0; } to {bottom: 2px; left: 12px; opacity: 1;} } @-webkit-keyframes a2_12{ from { bottom: 20px;left: 0px; opacity: 0; } to {bottom: 2px; left: 12px; opacity: 1;} } @keyframes a2_13{ from { top: 20px;left: 0px; opacity: 0; } to {top: 12px; left: -13px; opacity: 1;} } @-webkit-keyframes a2_13{ from { top: 20px;left: 0px; opacity: 0; } to {top: 12px; left: -13px; opacity: 1;} } .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_1 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_2 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_3 img{transform:scale(0.75);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_4 img{transform:scale(0.75);} @keyframes a2_14{ from { bottom: -50px; right: 80px; opacity: 0; } to {bottom: -5px; right: -28px; opacity:1;} } @-webkit-keyframes a2_14{ from { bottom: -50px; right: 80px; opacity: 0; } to {bottom: -5px; right: -28px; opacity:1;} } @keyframes a2_15{ from { top: 100px; right: 250px; opacity: 0; } to {top:-16px; right: 37px; opacity:1;} } @-webkit-keyframes a2_15{ from { top: 100px; right: 250px; opacity: 0; } to {top: -16px; right: 37px; opacity:1;} } @keyframes a2_16{ from { bottom: -80px; left: 50px; opacity: 0; } to {bottom:-10px; left: -38px; opacity:1;} } @-webkit-keyframes a2_16{ from { bottom: 80px; left: 50px; opacity: 0; } to {bottom: -10px; left: -38px; opacity:1;} } .wrap-honor{ padding:50px 0; height:610px;} #honor{ margin-top:40px;} #honor .swiper-slide h4{ font-size:14px;} #honor .swiper-slide .honor-img{ height:180px;} #honor .honor-page{ margin-top:20px; gap:0 20px;} #honor .swiper-button-prev, #honor .swiper-button-next{ width:40px; height:40px; background-size:cover;} .wrap-ppys{ padding:40px 0; height:600px;} .wrap-ppys .title h3{font-size:32px;} .wrap-ppys .title h4{ font-size:12px;} .wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active em{ display:none;} .wrap-ppys .ppys-cont ul li{ width:40%;margin-bottom: 58px;} .wrap-ppys .ppys-cont ul li .left{ width:50px; height:50px; background-size:24px!important; } .wrap-ppys .ppys-cont ul li .right h3{ font-size:16px;} .wrap-ppys .ppys-cont .zcjm-center{ width:360px; height:360px; margin: 50px auto;} .wrap-ppys .ppys-cont .zcjm-center .zcjm-center-img{ width:260px;} .wrap-ppys .ppys-cont i{ width:360px; height:360px;} .wrap-ppys .ppys-cont span{ width:300px; height:300px; top:30px; left:30px;} .wrap-ppys .ppys-cont ul{ top:0;} #campus-l{ height:278px; margin-top:0;} #campus-l-item{ transform:scale(0.7); margin-left:-20%;} #campus-r{ height:200px;} #campus-r-item{ transform:scale(0.7); margin-left:-26%; margin-top:-48px;} .wrap-news{ padding:40px 0;} .wrap-news .news-title .a-more{ width:150px; height:45px;} .wrap-news .news-title .a-more a{height: 45px; line-height: 43px;font-size: 14px;background-size: cover;} .wrap-news .news-tabs{ margin-top:30px; display:block;} .wrap-news .news-tabs .left{ width:100%; max-width:100%;} .wrap-news .news-tabs .right{ width:100%; margin-top:20px;} .wrap-yzsm{ height:530px;} .wrap-yzsm .wrapper{ height:360px;} .wrap-yzsm .wrapper .yzsm-title{ font-size:46px;} .wrap-yzsm .wrapper .yzsm-cont{padding: 50px 26px 26px 26px;margin-top: -31px;} .wrap-yzsm .wrapper .yzsm-cont p{ font-size:16px;line-height: 34px;} #footer{ padding-top:145px;background-size: cover; height:613px;} #footer .wrapper{ display:block;} #footer .wrapper .f-cont ul li p{ font-size:28px;} #footer .wrapper .f-ewms{ width:100%;} #footer .wrapper .f-ewms ul{ justify-content:center;} #footer .wrapper .f-ewms ul li img{ width:120px;} #footer .wrapper .f-cont ul li{ text-align:center;} #footer .wrapper .f-cont ul li .f-dh{ justify-content:center;} .ny-banner{height: 370px;background-size: cover !important; margin-top: 3.75rem;} .pps-about .wrapper{ padding:0;} .pps-about{ height:470px;} .pps-about .pps-about-left{ padding-left:15px;padding-top: 30px; width:48%;} .pps-about .pps-about-left .pps-name{ display:none;} .pps-about .pps-about-left section p{ font-size:14px; line-height:26px; margin-top:10px; margin-bottom:0;} .pps-about .pps-about-left .about-number{ width:100%; margin-top:25px;} .pps-about .pps-about-left .about-number ul li p{ font-size:14px;} .pps-about .pps-about-left .about-number ul li p img{ width:20px; margin-right:6px;} .pps-about .pps-about-left .about-number ul li .c-sz{ font-size:14px;} .pps-about .pps-about-left .about-number ul li .c-sz .count{ font-size:32px;} .pps-about #pps-about-right{ width:50%; height:470px;} .pps-about #pps-about-right #pps-about-right-img{ left:0; transform: none !important;transition: none;} .pps-ywf{ padding-top:40px;padding-bottom: 240px; background-size:contain;} .pps-ywf .pps-ywf-cont{ margin:20px 0;} .pps-ywf .pps-ywf-cont p{ font-size:14px; line-height:28px;} .pps-fzlc{ padding:50px 0; height:540px; background-size:cover;} #fzlc-item{ margin-top:55px;} #fzlc-item .swiper-container{ margin:0 30px;} #fzlc-item .swiper-slide .fzlc-name{ font-size:20px;} #fzlc-item .swiper-slide section p{ font-size:14px; line-height:24px;} #fzlc-item .flzs-page{ margin-top:0px; gap:0 20px;} #fzlc-item .swiper-button-prev, #fzlc-item .swiper-button-next{ width: 40px; height: 40px; background-size:cover;} .pps-fzlc .fzlc-bgline{ height:150px; bottom:105px; width:115%; background-size:100%;} #fzlc-item .swiper-slide section:before{ height:155px;} .pps-ppyj{ padding:50px 0; height:365px;} .pps-ppyj .ppyj-cont{ margin-top:70px;} .pps-ppyj .ppyj-cont h3{ font-size:36px;} .pps-ppyj .ppyj-cont h3 img{ width:160px;} .pps-ppyj .ppyj-cont h4{ font-size:14px;} .pps-mdzs{ padding:40px 0; height:450px;} #mdzs-slide{ margin:40px -31% 0 -31%;} #mdzs-slide .swiper-button-prev, #mdzs-slide .swiper-button-next{ width:40px; height:40px; background-size:cover;} #mzw-banner{ padding-top:3.75rem; height:430px;} #mzw-banner .swiper-wrapper,#mzw-banner .swiper-slide,#mzw-banner .swiper-slide img{ height:370px;} .mzw-jxywf{ padding:40px 0;} .mzw-jxywf .jxywf-cont{ margin-top:30px;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper .swiper-slide{ width:170px !important; height:46px; line-height:44px; font-size:16px; background-size:cover;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ background-size:cover;font-size:16px;} .mzw-jxywf .jxywf-cont #jxywf-item{ margin-top:50px;} .mzw-jxywf .jxywf-cont #jxywf-item .right{ padding-top:0;} .mzw-jxywf .jxywf-cont #jxywf-item .right em{ width:28px;} .mzw-jxywf .jxywf-cont #jxywf-item .right h3{ font-size:28px; margin:10px 0 15px 0;} .mzw-jxywf .jxywf-cont #jxywf-item .right section{ margin-top:10px;} .mzw-jxywf .jxywf-cont #jxywf-item .right section p{ font-size:15px; line-height:28px;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b1-0{ transform:scale(0.85);} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-1 img{transform:scale(0.5);} @keyframes b1_1{ from { top: 50px; left: 0px; opacity: 0; } to {top:-20px; left: -75px; opacity:1;} } @-webkit-keyframes b1_1{ from { top: 50px; left: 0px; opacity: 0; } to {top:-20px; left: -75px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-2 img{transform:scale(0.65);} @keyframes b1_2{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-8px; right: -73px; opacity:1;} } @-webkit-keyframes b1_2{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-8px; right: -73px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-1 img{transform:scale(0.6);} @keyframes b1_3{ from { top: 0px; left: 0px; opacity: 0; } to {top:-10px; left: -18px; opacity:1;} } @-webkit-keyframes b1_3{ from { top: 0px; left: 0px; opacity: 0; } to {top:-10px; left: -18px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-2 img{transform:scale(0.6);} @keyframes b1_4{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-32px; right: -43px; opacity:1;} } @-webkit-keyframes b1_4{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-32px; right: -43px; opacity:1;} } .mzw-product{ padding:40px 0; } .mzw-product .mzw-product-list{ margin-top:30px;} .mzw-product .mzw-product-list ul li{ width:48.5%;} .mzw-yhpj{ padding:40px 0;height:668px;} #mzw-yhpj-slide{ margin-top:80px;} #mzw-yhpj-slide .swiper-container .swiper-slide .img{ height:378px;} #mzw-yhpj-slide .swiper-button-prev, #mzw-yhpj-slide .swiper-button-next{ width:40px; height:40px; background-size:cover;} .join-hzys{ padding:40px 0; height:auto;} .join-hzys .hzys-cont{ margin-top:40px;} .join-hzys .hzys-cont .hzys-img img{width: 70%;} .join-hzys .hzys-cont .hzys-list ul li{ margin:10px 0;} .join-hzys .hzys-cont .hzys-list ul li div{ display:flex; gap:0 10px;} .join-hzys .hzys-cont .hzys-list ul li em{ width:40px; height:40px; background-size:20px !important;} .join-hzys .hzys-cont .hzys-list ul li h3{ font-size:18px;} .join-hzys .hzys-cont .hzys-list ul li p{ font-size:14px; line-height:24px;} .join-hbxc{ padding:40px 0;} .join-hbxc .hbxc-cont #campus-l{ height:218px;} .join-hbxc .hbxc-cont #campus-r{ margin-top:10px;} .join-hztj{ padding:40px 0; height:auto;} .join-hztj .hztj-list{ margin-top:50px;} .join-hztj .hztj-list ul li{ width:32%; padding:20px 15px;} .join-hztj .hztj-list ul li em{ width:90px;} .join-hztj .hztj-list ul li h3{ font-size: 18px; margin:15px 0;} .join-hztj .hztj-list ul li section{ padding-top:10px;} .join-hztj .hztj-list ul li section p{ font-size:14px; line-height:26px;} .join-zbfc{ padding:40px 0;} .join-zbfc .zbfc-cont{ margin-top:40px;} .join-zbfc .zbfc-cont .zbfc-item{ width:340px; height:340px;} .join-zbfc .zbfc-cont .zbfc-item .zbfc-item-img img{ width:270px;} .join-zbfc .zbfc-cont .zbfc-list ul li{ margin:40px 0; width:38%;} .join-zbfc .zbfc-cont .zbfc-list ul li h3{ font-size:18px;} .join-zbfc .zbfc-cont .zbfc-list ul li p{ font-size:14px; line-height:24px;} .join-hzlc{ height:auto; padding:40px 0;} .join-hzlc .wrapper .title{ left:28px; top:15px;} .join-hzlc .hzlc-list{background: url(../images/join-hzlc-line.png) no-repeat center 28px;background-size: contain;} .join-hzlc .hzlc-list ul li p{ font-size:14px;} .join-hzlc .hzlc-list ul li em{ width:16px; height:16px;} .join-hzlc .hzlc-list ul li span{width: 128px;height: 42px;line-height: 40px; font-size: 16px; background-size: contain;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top:19px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top:27px;} .join-hzlc .hzlc-img{right: 27px; bottom: -61px; width: 154px;} .join-jmzx{ padding:40px 0; height:620px;} .join-jmzx .title p{ font-size:16px;} .join-jmzx .jmzx-form{ margin:30px 10px;} .join-jmzx .jmzx-form ul{gap:0 20px;} .join-jmzx .jmzx-form ul li{ width:31%; margin-bottom:20px;} .join-jmzx .jmzx-form ul li label{ font-size:14px;} .join-jmzx .jmzx-form ul li input.bd-text{ font-size:14px; height:40px; line-height:40px; border-radius:5px;} .join-jmzx .jmzx-form ul li textarea.ly-text{ font-size:14px; border-radius:5px; height:130px;} .join-jmzx .jmzx-form .tj-bnt button{ height:50px; font-size:16px;} .ny-news{ padding:40px 0 140px 0;} .ny-news .ny-news-fl ul li{ width:176px; height:48px; line-height:48px; background-size:cover;} .ny-news .ny-news-fl ul li a{ font-size:18px;} .ny-news .ny-news-item{ margin-top:40px;} .ny-news .ny-news-item .ny-news-top .left{ width:45%; height:240px;} .ny-news .ny-news-item .ny-news-top .right{ width:50%; padding:10px 20px;} .ny-news .ny-news-item .ny-news-top .right em{ font-size:14px;} .ny-news .ny-news-item .ny-news-top .right h3{ font-size:18px; line-height:30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .ny-news .ny-news-item .ny-news-top .right p{ font-size:14px; line-height:26px;-webkit-line-clamp: 2;} .ny-news .ny-news-item .ny-news-top .right .nxq-ore{ margin-top:15px;width: 140px; font-size: 14px;height: 40px; line-height:40px;} .ny-news .ny-news-item .ny-news-top .right .nxq-ore i{ background-size:18px;} .ny-news .ny-news-item .ny-news-list{ margin-top:25px;} .ny-news .ny-news-item .ny-news-list ul li{ margin-right:20px; width:31%; margin-bottom:25px;} .ny-news .ny-news-item .ny-news-list ul li .ny-news-img{ height:154px;} .ny-news .ny-news-item .ny-news-list ul li section{ padding-top:5px;} .ny-news .ny-news-item .ny-news-list ul li section h3{ font-size:18px;} .ny-news .ny-news-item .ny-news-list ul li section p{ font-size:14px; line-height:26px;} .ny-news .ny-news-item .ny-news-list ul li section em{ font-size:14px; margin-top:10px;} .ny-news .ny-news-fl ul li.cur{ background-size:cover;} .news-ny-banner{ height:150px;} .news-xq{ padding:30px 0 130px 0;} .news-xq .news-xq-title{ display:block;} .news-xq .news-xq-title .title-left{ width:100%; margin-right:0;} #article-title{ font-size:28px;} #article-info{ font-size:15px;} .news-xq .news-xq-title .title-right{ display:none;} .news-xq .news-xq-item{display:block;} .news-xq .news-xq-item .left{ width:100%; margin-right:0;} #article{ font-size:15px;line-height: 30px;} .news-xq .news-xq-item .right{width:100%; margin-top:30px;padding: 20px;} .wrap-contact{display: flex;flex-direction: column-reverse; height:auto;} .wrap-contact .wrapper{ height:auto; margin-left:0; width:100%;} #map{ height:300px; position:inherit; margin-top:3.75rem;} .wrap-contact .wrapper .contact-lxfs{position:inherit; margin-top:20px;padding:20px; width:100%;transform: none;} .wrap-contact .wrapper .contact-lxfs .lxfs-logo{ width:150px;} .wrap-contact .wrapper .contact-lxfs span{ font-size:20px; margin:20px 0; padding-bottom:20px;} .wrap-contact .wrapper .contact-lxfs li{ margin-bottom:20px;} .wrap-contact .wrapper .contact-lxfs li h4{ font-size:24px;} .contact-jmzx{ margin-top:40px; padding:40px 0 130px 0;} .contact-jmzx .wrapper{ display:block;} .contact-jmzx .wrapper .left{ width:100%; height:500px;} .contact-jmzx .wrapper .right{ width:100%; margin-left:0; margin-top:20px;} .contact-jmzx .wrapper .right .contact-jmzx-list{ margin-top:20px;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li input{ height:50px; line-height:50px; font-size:15px;border-radius: 5px; margin-top:0;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li textarea.ly-text{ height:150px;} .contact-jmzx .wrapper .right .contact-jmzx-list .tj-bnt{ height:60px;} .contact-jmzx .wrapper .right .contact-jmzx-list .tj-bnt button{ height:60px; font-size:16px;border-radius: 5px; } } @media screen and (min-width: 1024px) and (max-width: 1179px){ .wrap-about .wrapper .left .about-logo{ width:200px;} .wrap-about .wrapper .left h3{ font-size:30px;margin: 20px 0 15px 0;} .wrap-about .wrapper .left .about-number ul li p img{ width:20px;margin-right:6px;} .wrap-about .wrapper .left .about-number ul li p{ font-size:14px;} .wrap-about .wrapper .left .about-number ul li .c-sz .count{ font-size:36px;} .wrap-about .wrapper .left .a-more a{ width:150px; height:44px;line-height:42px;} .wrap-about .wrapper .left .a-more{ margin-top:30px;} #banner{ padding-top:3.75rem; height:36.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:33rem;} #banner .swiper-pagination{ bottom:10px;} #banner .swiper-pagination-bullet{ width:8px; height:8px;} #banner .swiper-pagination-bullet-active{ width:30px;} .home-video .wrapper{ height:500px;} .home-video .wrapper .video-img{ height:500px;} @keyframes a2_5{ from { right:128px; opacity:0; top:180px; transform: rotate(360deg); } to { top:70px; right:71px; opacity:1; transform: rotate(0deg);} } @-webkit-keyframes a2_5{ from { right:125px; opacity:0; top:180px; transform: rotate(360deg); } to { top:70px; right: 71px; opacity:1; transform: rotate(0deg);} } @keyframes a2_6{ from { left: 130px; opacity: 0; top: 120px;transform: rotate(0deg); } to { left: 86px; opacity: 1; top: 57px;transform: rotate(360deg);} } @-webkit-keyframes a2_6{ from { left: 130px; opacity: 0; top: 120px;transform: rotate(0deg); } to { left: 86px; opacity: 1; top: 57px;transform: rotate(360deg);} } @keyframes a2_7{ from { bottom: -50px;left: 94px; opacity: 0;} to { bottom: -26px;left: 55px; opacity: 1;} } @-webkit-keyframes a2_7{ from { bottom: -50px;left: 94px; opacity: 0;} to { bottom: -26px;left: 55px; opacity: 1;} } @keyframes a2_8{ from { top: 0px;right: 200px; opacity: 0;} to { top: 0px;right: 90px; opacity: 1;} } @-webkit-keyframes a2_8{ from { top: 0px;right: 200px; opacity: 0;} to { top: 0px;right: 90px; opacity: 1;} } .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_3 img{ transform:scale(1.0);} @keyframes a2_9{ from { top: 240px;right: 300px; opacity: 0;} to { top: 151px;right: 83px; opacity: 1;} } @-webkit-keyframes a2_9{ from { top: 240px;right: 300px; opacity: 0;} to { top: 151px;right: 83px; opacity: 1;} } @keyframes a2_13{ from { top: 20px;left: 0px; opacity: 0;} to { top: 9px;left: 39px; opacity: 1;} } @-webkit-keyframes a2_13{ from { top: 20px;left: 0px; opacity: 0;} to { top: 9px;left: 39px; opacity: 1;} } @keyframes a2_11{ from { bottom: 0px;right: 280px; opacity: 0;} to { bottom: -3px;right: 95px; opacity: 1;} } @-webkit-keyframes a2_11{ from { bottom: 0px;right: 280px; opacity: 0;} to { bottom: -3px;right: 95px; opacity: 1;} } @keyframes a2_15{ from { top: 100px;right: 250px; opacity: 0;} to { top: 0px;right: 102px; opacity: 1;} } @-webkit-keyframes a2_15{ from { top: 100px;right: 250px; opacity: 0;} to { top: 0px;right: 102px; opacity: 1;} } .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_1 img{transform:scale(0.9);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a4_2 img{transform:scale(0.9);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_1{transform:scale(0.7);} .wrap-product .product-cont #product-item .swiper-slide.swiper-slide-active .a2_3{transform:scale(0.75);} .wrap-ppys .ppys-cont ul li{ width:43%; margin-bottom:85px;} .wrap-news .news-tabs{ display:flex; gap:0 20px;} .wrap-news .news-tabs .left{ width:50%;} .wrap-news .news-tabs .right{ width:50%; margin-top:0;} .wrap-yzsm .wrapper{ height:300px;} .wrap-yzsm{ height:470px;} .wrap-news .news-tabs .left .left-img{ height:246px;} .wrap-news .news-tabs .right ul li .news-img{ width:200px; height:130px;} .wrap-news .news-tabs .right ul li .news-cont{ width:60%;} .wrap-news .news-tabs .right ul li .news-cont h3{ font-size:18px; width:100%; margin:10px 0;} .wrap-news .news-tabs .right ul li .news-cont em{ margin-top:10px;} .ny-banner{ height:460px;} .pps-about{ height:630px;} .pps-about #pps-about-right{ height:630px;} .pps-about .pps-about-left{ width:40%;} .pps-about .pps-about-left .pps-name{ display:block;font-size: 22px; width:260px; height:40px; line-height:40px; margin:25px 0;} .pps-about .pps-about-left section p{ margin-top:0; margin-bottom:20px;} .pps-about .pps-about-left{ padding-top:50px;} .pps-ywf{ padding-bottom:330px;} .pps-fzlc{ height:570px;} #fzlc-item .swiper-slide section:before{ height:200px;} .pps-fzlc .fzlc-bgline{ height:162px; bottom:123px;} #fzlc-item .flzs-page{ margin-top:30px;} .pps-mdzs{ height:530px;} #mzw-banner{ height:520px;} #mzw-banner .swiper-wrapper, #mzw-banner .swiper-slide, #mzw-banner .swiper-slide img{ height:460px;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-1 img{transform:scale(0.65);} @keyframes b1_1{ from { top: 50px; left: 0px; opacity: 0; } to {top:-7px; left: -30px; opacity:1;} } @-webkit-keyframes b1_1{ from { top: 50px; left: 0px; opacity: 0; } to {top:-7px; left: -30px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-2 img{transform:scale(0.75);} @keyframes b1_2{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-8px; right: -18px; opacity:1;} } @-webkit-keyframes b1_2{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-8px; right: -18px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-1 img{transform:scale(0.6);} @keyframes b1_3{ from { top: 0px; left: 0px; opacity: 0; } to {top:-10px; left: 25px; opacity:1;} } @-webkit-keyframes b1_3{ from { top: 0px; left: 0px; opacity: 0; } to {top:-10px; left: 25px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-2 img{transform:scale(0.7);} @keyframes b1_4{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-16px; right: -20px; opacity:1;} } @-webkit-keyframes b1_4{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-16px; right: -20px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .right em{ width:40px;} #mzw-yhpj-slide .yhpj-bgimg{width:180px;} #mzw-yhpj-slide .swiper-container .swiper-slide.swiper-slide-active .img{ border-radius:10px;} .mzw-yhpj{ height:580px;} .mzw-product .mzw-product-list ul li .mzw-product-img img{ max-width:99%;} .join-hzys .hzys-cont .hzys-list ul li{ margin:45px 0;} .join-zbfc .zbfc-cont .zbfc-item{ width:420px; height:420px;} .join-zbfc .zbfc-cont .zbfc-item .zbfc-item-img img{ width: 335px;} .join-zbfc .zbfc-cont .zbfc-list ul li{ margin:54px 0; width:37%;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top:39px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top:48px;} .join-hzlc .hzlc-list ul li p{ font-size:18px;} .join-hzlc .hzlc-list ul li em{ width:20px; height:20px;} .join-hzlc .hzlc-list ul li span{ width:150px; height:54px; line-height:52px; font-size:20px;} .join-hzlc .hzlc-list{background: url(../images/join-hzlc-line.png) no-repeat center 34px; background-size: contain;} .ny-news .ny-news-item .ny-news-list ul li .ny-news-img{ height:200px;} .ny-news .ny-news-item .ny-news-top .left{ height:270px;} .ny-news .ny-news-item .ny-news-top .right{ padding:20px;} .news-ny-banner{ height:230px;} } @media screen and (min-width: 1180px) and (max-width: 1200px){ .pps-about .wrapper{ padding:0 20px;} .pps-about{ height:618px;} .pps-about #pps-about-right{ width:44%; height:618px;} .pps-about .pps-about-left{ padding-top:90px;} .pps-mdzs{ height:580px;} .pps-ywf{ padding-bottom:380px;} .pps-fzlc .fzlc-bgline{ height:185px;} #mzw-banner{ height:580px;} #mzw-banner .swiper-wrapper, #mzw-banner .swiper-slide, #mzw-banner .swiper-slide img{ height:520px;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-2 img{transform:scale(0.9);} @keyframes b1_2{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:0px; right: 18px; opacity:1;} } @-webkit-keyframes b1_2{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:0px; right: 18px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-1 img{transform:scale(0.7);} @keyframes b1_3{ from { top: 0px; left: 0px; opacity: 0; } to {top:0px; left: 50px; opacity:1;} } @-webkit-keyframes b1_3{ from { top: 0px; left: 0px; opacity: 0; } to {top:0px; left: 50px; opacity:1;} } .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b2-2 img{transform:scale(0.8);} @keyframes b1_4{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-16px; right: 7px; opacity:1;} } @-webkit-keyframes b1_4{ from { bottom: 0px; right: 150px; opacity: 0; } to {bottom:-16px; right: 7px; opacity:1;} } #mzw-yhpj-slide .yhpj-bgimg{ width:210px;} .mzw-yhpj{ height:640px;} .mzw-product .mzw-product-list ul li .mzw-product-img img{ max-width:99%;} .join-zbfc .zbfc-cont .zbfc-item{ width:420px; height:420px;} .join-zbfc .zbfc-cont .zbfc-item .zbfc-item-img img{ width: 335px;} .join-zbfc .zbfc-cont .zbfc-list ul li{ margin:73px 0; width:38%;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top:64px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top:73px;} .join-hzlc .hzlc-list ul li p{ font-size:18px;} .join-hzlc .hzlc-list ul li em{ width:20px; height:20px;} .join-hzlc .hzlc-list ul li span{ width:150px; height:54px; line-height:52px; font-size:20px;} .join-hzlc .hzlc-list{background: url(../images/join-hzlc-line.png) no-repeat center 34px; background-size: contain;} .join-hzys .hzys-cont .hzys-list ul li{ margin:45px 0;} .ny-news .ny-news-item .ny-news-list ul li .ny-news-img{ height:230px;} .ny-news .ny-news-item .ny-news-top .left{ height:300px;} .ny-news .ny-news-item .ny-news-top .right{ padding:30px;} .news-ny-banner{ height:230px;} } @media screen and (min-width: 820px) and (max-width: 1023px){ .mzw-product .mzw-product-list ul li .mzw-product-img img{ max-width:99%;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top:27px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top:30px;} .news-ny-banner{ height:150px;} } @media screen and (min-width: 751px) and (max-width: 820px){ .wrap-about .wrapper .left .about-number ul li p img{ width:20px;} .home-video .wrapper{ height:440px;} .home-video .wrapper .video-img{ height:440px;} #banner{ padding-top:3.75rem; height:31.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:28rem;} #banner .swiper-pagination{ bottom:10px;} #banner .swiper-pagination-bullet{ width:8px; height:8px;} #banner .swiper-pagination-bullet-active{ width:30px;} .wrapper{ width:100%; padding:0 15px;} .wrap-about{ padding:40px 0;} .wrap-about .wrapper .left{ width:48%;} .wrap-about .wrapper .left .about-logo{ width:170px; height:auto;} .wrap-about .wrapper .left h3{ font-size:22px; margin:15px 0 10px 0;} .wrap-about .wrapper .left section p{ font-size:14px; line-height:26px;} .wrap-about .wrapper .right{ width:52%;} .wrap-about .wrapper .left .about-number{ margin-top:20px;} .wrap-about .wrapper .left .about-number ul li p{ font-size:12px;} .wrap-about .wrapper .left .about-number ul li p img{ width:16px;margin-right:6px;} .wrap-about .wrapper .left .about-number ul li .c-sz{ font-size:14px;} .wrap-about .wrapper .left .about-number ul li .c-sz .count{ font-size:24px;} .wrap-about .wrapper .left .a-more{ margin-top:20px;} .wrap-about .wrapper .left .a-more a{ width:135px; height:40px; line-height:38px; font-size:14px;} .wrap-about .wrapper .right #td{left: 51%; top: 45%; width: 30px;} .home-video .wrapper{ height:330px;} .home-video .wrapper .video-img{ height:330px;} #mzw-yhpj-slide .swiper-container .swiper-slide{ padding:0 2.6%;} .news-ny-banner{ height:150px;} .xz-sjly{ font-size:8px; margin-top:10px;} } @media (max-width:750px){ html{ font-size: 100% !important;} body{font-size:16px;font-size:1.2rem ;} #header{ display:none;} #page{ display:block; position:fixed; z-index:99999; top:0;} .pf{position:fixed} .pr{position:relative} .pa{position:absolute} .hidden{overflow:hidden} #sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;} #sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; overflow:hidden;} #sj-logo img{width:auto;height:2.25rem;} #nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(../images/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;} #nav-btn.close{width:1.75rem; height:1.75rem; background-image:url(../images/close.png); background-size:80%;} #sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;} #sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;} #sj-nav ul li:last-child{border-bottom:none;} #sj-nav ul li a{flex:auto;} #sj-nav ul li a{flex:auto;font-size:14px; overflow:hidden; color: #333;font-family:'jxzk';} #sj-nav ul li a span{font-family:'PingFang'; font-size: 12px;text-transform: uppercase;padding-left:10px;} #sj-nav ul li a:hover{color:#ea5504;} #banner{ padding-top:3.75rem; height:17.75rem;} #banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:14rem;} #banner .swiper-pagination{ bottom:10px;} #banner .swiper-pagination-bullet{ width:8px; height:8px;} #banner .swiper-pagination-bullet-active{ width:30px;} .wrapper{ width:100%; padding:0 15px;} .wrap-about{ padding:30px 0;} .wrap-about .wrapper{ display:block;} .wrap-about .wrapper .left{ width:100%;} .wrap-about .wrapper .left .about-logo{ width:160px; height:auto;} .wrap-about .wrapper .left h3{ font-size:22px; margin:20px 0;} .wrap-about .wrapper .left section p{ font-size:14px; line-height:26px;} .wrap-about .wrapper .left .about-number{ margin-top:20px; width:100%; } .wrap-about .wrapper .left .about-number ul li p{ font-size:14px;} .wrap-about .wrapper .left .about-number ul li p img{ margin-right:6px; width:16px;} .wrap-about .wrapper .left .about-number ul li .c-sz{ font-size:14px;} .wrap-about .wrapper .left .about-number ul li .c-sz .count{font-size:28px;} .wrap-about .wrapper .left .a-more{ margin-top:30px;} .wrap-about .wrapper .left .a-more a{ width:140px; height:42px; line-height:40px; font-size:14px;} .wrap-about .wrapper .right{ width:100%;} .wrap-about .wrapper .right #td{ width:30px;left: 50.5%; top: 44%;} .wrap-ywmf .ywmf-title{ font-size:24px; top:30px;} /*.wrap-ywmf #ywmf-thumb{ left:10px; right:10px; bottom:10px;}*/ /*.wrap-ywmf #ywmf-item{ height:280px;}*/ /*.wrap-ywmf #ywmf-item .swiper-slide img{ height:280px;}*/ /*.wrap-ywmf #ywmf-thumb .swiper-slide{ padding:10px;}*/ /*.ywmf-tb img{ width:20px; display:none;}*/ /*.wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active h3{ font-size:18px; margin-bottom:10px;}*/ /*.wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active em{ display:none;}*/ /*.wrap-ywmf #ywmf-thumb .swiper-slide.swiper-slide-thumb-active section p{ font-size:14px; line-height:22px;}*/ /*.wrap-ywmf #ywmf-thumb .swiper-slide h3{ font-size:18px; margin-bottom:10px;color: #ea5504; font-family: 'jxzk'; margin-top:0px;}*/ /*.wrap-ywmf #ywmf-thumb .swiper-slide section p{ font-size:14px; line-height:22px;color: #666; font-family:'PingFang' ;}*/ .pc-ywmf{ display:none;} #sj-ywmf{ display:block; height:300px; position:relative;} #sj-ywmf .swiper-slide{ height:300px;} #sj-ywmf-list .sj-mfimg{ position:absolute; top:0; left:0; width:100%; height:100%;} #sj-ywmf-list .sj-mfimg img{ width:100%; height:100%;} #sj-ywmf-list .text{ position:absolute; left:15px; right:15px; background: rgba(255,255,255,0.5);backdrop-filter: blur(10px) saturate(150%); height:auto; bottom:10px; border-radius:10px; padding:15px;} #sj-ywmf-list .text h3{ font-size:18px; margin-bottom:10px;color: #ea5504; font-family: 'jxzk'; margin-top:0px;} #sj-ywmf-list .text p{ font-size:13px; line-height:22px;color: #666; font-family:'PingFang' ;} .home-video{ padding:30px 0; } #video-play{ width:90%; height:auto;} #video-play video{width:100%; height:auto;} #video-play i{ right:0; width:18px; height:18px;} .home-video .wrapper{ height:190px;} .home-video .wrapper .video-img{ height:190px; border-radius:10px; left:10px; width:95%; overflow:hidden;} .home-video .wrapper .video-img img{ height:100%;} .home-video .wrapper .video-btn .video-btn-item{width:80px; height:80px;} .home-video .wrapper .video-btn .video-btn-item em{ width:70px; height:70px;} .home-video .wrapper .video-btn .video-btn-item span{ width:50px; height:50px;padding-left: 5px;} .home-video .wrapper .video-btn .video-btn-item span img{ width:12px;} .home-video .wrapper .video-btn h3{ font-size:18px;} .home-video .wrapper .video-btn span{ font-size:12px;} .wrap-product{ padding:30px 0;} .title h3{ font-size:28px;} .title h4{ font-size:12px;} .wrap-product .product-cont{ margin-top:30px; display:none;} #sj-product-cont{ display:block; padding:30px 0 0 0;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;} .swiper-pagination-bullet-active{ background:#ea5504;} #sj-product-cont .swiper-wrapper{ padding-bottom:30px;} #sj-product-cont .text{ text-align:center; margin-top:30px;} #sj-product-cont .text h3{font-size: 20px; color: #ea5504; font-family: 'jxzk';} #sj-product-cont .text h4{font-size: 14px; color: #666; font-family:'PingFang' ;} .wrap-honor{ padding:30px 0; height:590px;} #honor{ margin-top:30px;} #honor .honor-page{ margin-top:20px; gap:0 20px;} #honor .swiper-button-prev, #honor .swiper-button-next{ width:40px; height:40px; background-size:cover;} #honor .swiper-slide h4{ font-size:16px;} .wrap-ppys{ padding:30PX 0; height:720PX;} .wrap-ppys .title h3{font-size: 20px; } .wrap-ppys .title h4{font-size: 14px; } .wrap-ppys .ppys-cont .zcjm-center{ display:none;} .wrap-ppys .ppys-cont ul{ position:relative; display:block; top:0;} .wrap-ppys .ppys-cont ul li{ width:100%; margin-bottom:20px;} .wrap-ppys .ppys-cont ul li{flex-direction: initial;} .wrap-ppys .ppys-cont ul li .right{ text-align:left;} .wrap-ppys .ppys-cont ul li .right h3{ font-size:17px;} .wrap-ppys .ppys-cont ul li .left{ width:60px; height:60px; background-size:28px !important;} .wrap-ppys .ppys-cont ul li:nth-child(3) .left{ margin-right:0;} .wrap-ppys .ppys-cont ul li:nth-child(4) .left{ margin-left:0;} .wrap-ppys .ppys-cont ul li:nth-child(5) .left{ margin-right:0;} .wrap-ppys .ppys-cont ul li:nth-child(6) .left{ margin-left:0;} .wrap-ppys .ppys-cont ul li:nth-child(3):hover .left{margin-right:0;} .wrap-ppys .ppys-cont ul li:nth-child(4):hover .left{ margin-left:0;} .wrap-ppys .ppys-cont ul li:nth-child(5):hover .left{ margin-right:0;} .wrap-ppys .ppys-cont ul li:nth-child(6):hover .left{ margin-left:0;} .wrap-sthb{ padding:40PX 0;} #campus-l{ height:278px; margin-top:0;} #campus-l-item{ transform:scale(0.7); margin-left:-20%;} #campus-r{ height:200px;} #campus-r-item{ transform:scale(0.7); margin-left:-26%; margin-top:-48px;} .wrap-news{ padding:40PX 0;} .wrap-news .news-title .a-more{width:130px; height:39px;} .wrap-news .news-title .a-more a{ height:39px; line-height:37px; font-size:14px;background-size: cover;} .wrap-news .news-tabs{display:block; margin-top:30px;} .wrap-news .news-tabs .left .left-img{ height:200px;} .wrap-news .news-tabs .left section{ padding:15px 20px;} .wrap-news .news-tabs .left section em{ font-size:12px;} .wrap-news .news-tabs .left section h3{ font-size:16px; margin:5px 0 10px 0;} .wrap-news .news-tabs .left section p{ font-size:14px; line-height:24px;} .wrap-news .news-tabs .right{ width:100%; margin-top:20px;} .wrap-news .news-tabs .right ul li .news-cont{ width:60%;} .wrap-news .news-tabs .right ul li .news-img{ width:138px; height:100px; border-radius:10px;} .wrap-news .news-tabs .right ul li .news-cont em{ font-size:12px; margin-top:0;} .wrap-news .news-tabs .right ul li .news-cont h3{ font-size:16px; width:100%;margin:5px 0 10px 0;} .wrap-news .news-tabs .right ul li .news-cont p{ font-size:14px; line-height:24px;} .wrap-yzsm .wrapper{ padding:30px; height:425px;} .wrap-yzsm .wrapper .yzsm-title{ font-size:28px;} .wrap-yzsm .wrapper .yzsm-cont{ padding:40px 20px 20px 20px; margin-top:-19px;} .wrap-yzsm .wrapper .yzsm-cont p{ font-size:16px; line-height:30px;} #footer{ padding-top:145px;background-size: cover; height:556px;} #footer .wrapper{ display:block;} #footer .wrapper .f-cont ul li p{ font-size:22px; margin-top:10px;} #footer .wrapper .f-ewms{ width:100%;} #footer .wrapper .f-ewms ul{ justify-content:center;gap:0 6px;} #footer .wrapper .f-ewms ul li img{ width:120px;} #footer .wrapper .f-cont ul li{ text-align:center;} #footer .wrapper .f-cont ul li .f-dh{ justify-content:center; font-size:14px;} #footer .wrapper .f-ewms ul li span{ font-size:11px;} #copyright{padding-top: 20px; margin-top: 30px;} #copyright .f-inf{ font-size:14px; padding:0 10px;} .ny-banner{height: 224px;background-size: cover !important; margin-top: 3.75rem;} .pps-about{ padding:30px 0; height:auto; background:#fef1de;} .pps-about .pps-about-left{ width:100%; padding-top:0;} .pps-about .pps-about-left .pps-name{ width:200px; font-size:18px; height:40px; line-height:40px; margin:20px 0;} .pps-about #pps-about-right{ display:none;} .pps-about .pps-about-left section p{ font-size:14px; line-height:26px; margin-bottom:15px;} .pps-about .pps-about-left .about-number{ margin-top:30px; width:100%;} .pps-about .pps-about-left .about-number ul li p{ font-size:14px;} .pps-about .pps-about-left .about-number ul li p img{ width:15px; padding-right:6px;} .pps-about .pps-about-left .about-number ul li .c-sz{ font-size:14px;} .pps-about .pps-about-left .about-number ul li .c-sz .count{ font-size:30px;} .pps-ywf{ padding-top:30px;padding-bottom: 230px; background-size:200%;} .pps-ywf .pps-ywf-cont{ margin:20px 0;} .pps-ywf .pps-ywf-cont p{ font-size:14px; line-height:26px;} .pps-fzlc{ padding:30px 0;height:460px; background-size:cover;} #fzlc-item{ margin-top:40px; } #fzlc-item .swiper-container{ margin:0;} #fzlc-item .swiper-slide .fzlc-name{ font-size:18px;} #fzlc-item .swiper-slide .fzlc-name em{ width:20px; height: 20px;} #fzlc-item .swiper-slide .fzlc-name em i{ width:10px ;height:10px;} #fzlc-item .swiper-slide section{ padding-left:30px;} #fzlc-item .swiper-slide section:before{ left:10px; top:-2px; height:160px;} #fzlc-item .flzs-page{ margin-top:0;} .pps-fzlc .fzlc-bgline{ height:90px; bottom:105px; background-size:140%;} #fzlc-item .swiper-slide section{ height:200px;} #fzlc-item .swiper-button-prev, #fzlc-item .swiper-button-next{ width:40px; height:40px; background-size:cover;} .pps-ppyj{ padding:50px 0; height:auto;} .pps-ppyj .ppyj-cont{ margin-top:50px;} .pps-ppyj .ppyj-cont h3{ font-size:20px;} .pps-ppyj .ppyj-cont h3 img{ width:80px;} .pps-ppyj .ppyj-cont h4{ font-size:12px;} .pps-mdzs{ padding:30px 0 120px 0; height:auto; } #mdzs-slide{ margin:30px -50% 0 -50%;} #mdzs-slide .swiper-slide{ padding:0;} #mdzs-slide .swiper-button-prev, #mdzs-slide .swiper-button-next{ width:40px; height:40px; background-size:cover; top:130%;} #mdzs-slide .swiper-button-prev{ left:42%;} #mdzs-slide .swiper-button-next{ right:42%;} #mzw-banner{ height:224px; margin-top:3.75rem;} #mzw-banner .swiper-wrapper, #mzw-banner .swiper-slide, #mzw-banner .swiper-slide img{ height:224px;} #mzw-banner .swiper-pagination-bullet{ width:20px; height:8px;} #mzw-banner .swiper-pagination{ bottom:15px;} .mzw-jxywf{ padding:30px 0;} .mzw-jxywf .jxywf-cont{ margin-top:30px;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper{ width:auto;gap: 0 20px;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper .swiper-slide{ width:150px !important; font-size:16px; height:41px; line-height:39px; background-size:cover;} .mzw-jxywf .jxywf-cont .jxywf-list .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ font-size:16px; background-size:cover;} .mzw-jxywf .jxywf-cont #jxywf-item{ margin-top:30px;} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide{ display:block;} .mzw-jxywf .jxywf-cont #jxywf-item .left{ width:100%;} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b2-1{ display:none} .mzw-jxywf .jxywf-cont #jxywf-item .left span.b2-2{ display:none} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-1{ display:none} .mzw-jxywf .jxywf-cont #jxywf-item .swiper-slide.swiper-slide-active .left span.b1-2{ display:none} .mzw-jxywf .jxywf-cont #jxywf-item .right{ width:100%; padding-top:30px;} .mzw-jxywf .jxywf-cont #jxywf-item .right em{display:none;} .mzw-jxywf .jxywf-cont #jxywf-item .right h3{ font-size:28px;} .mzw-jxywf .jxywf-cont #jxywf-item .right section{ margin-top:10px;} .mzw-jxywf .jxywf-cont #jxywf-item .right section p{ font-size:14px; line-height:26px;} .mzw-product{ padding:30px 0;} .mzw-product .mzw-product-list{ margin-top:26px;} .mzw-product .mzw-product-list ul{gap:10px;} .mzw-product .mzw-product-list ul li{ width:48%;} .mzw-product .mzw-product-list ul li .mzw-product-img img{max-width:99%;} .mzw-product .mzw-product-list ul li h4{ background-size:contain; font-size:12px; height:25px; line-height:25px; width:110px; bottom:5px;} .mzw-yhpj{ padding:30px 0;} .mzw-yhpj{ height:750px;} #mzw-yhpj-slide{ margin-top:58px;} #mzw-yhpj-slide .yhpj-bgimg{ width:200px; top:-40px;} #mzw-yhpj-slide .swiper-container .swiper-slide .img{ width:150px; height:340px; margin:0 auto;} #mzw-yhpj-slide .swiper-container .swiper-slide.swiper-slide-active .img{ border-radius:10px;} #mzw-yhpj-slide .swiper-button-prev, #mzw-yhpj-slide .swiper-button-next{ width:40px; height:40px; background-size:cover; top:130%;} #mzw-yhpj-slide .swiper-button-prev{ left:35%;} #mzw-yhpj-slide .swiper-button-next{ right:35%} #mzw-yhpj-slide .swiper-button-next:hover{ right:35%} #mzw-yhpj-slide .swiper-button-prev:hover{ left:35%;} .join-hzys{ padding:30px 0; height:auto;} .join-hzys .hzys-cont{ margin-top:30px;} .join-hzys .hzys-cont .hzys-img{ display:none;} .join-hzys .hzys-cont .hzys-list ul{ display:block;} .join-hzys .hzys-cont .hzys-list ul li{ width:100%;} .join-hzys .hzys-cont .hzys-list ul li div{ display:flex; gap:0 10px;} .join-hzys .hzys-cont .hzys-list ul li em{ width:45px; height:45px; background-size:cover; background-size:20px !important;} .join-hzys .hzys-cont .hzys-list ul li h3{ font-size:20px;} .join-hzys .hzys-cont .hzys-list ul li p{ font-size:14px; line-height:26px; margin-top:10px;} .join-hbxc{ padding:30px 0;} .join-hbxc .hbxc-cont #campus-l{ height:220px;} .join-hbxc .hbxc-cont #campus-r{ margin-top:10px;} .join-hztj{ padding:30px 0; height:auto;} .join-hztj .hztj-list{ margin-top:40px;} .join-hztj .hztj-list ul{ display:block;} .join-hztj .hztj-list ul li{ width:100%;border-radius: 10px;padding: 15px; display: flex; text-align: left; margin-bottom: 10px;} .join-hztj .hztj-list ul li:before{ display:none;} .join-hztj .hztj-list ul li em{ width:60px; margin:0;} .join-hztj .hztj-list ul li div{ width:75%; margin-left:20px;} .join-hztj .hztj-list ul li h3{ font-size:20px; margin:0 0 10px 0;} .join-hztj .hztj-list ul li section{ border:none; padding-top:0; text-align:left;} .join-hztj .hztj-list ul li section p{ font-size:14px; line-height:26px;} .join-zbfc{ padding:30px 0;} .join-zbfc .zbfc-cont .zbfc-item{ display:none;} .join-zbfc .zbfc-cont{ margin-top:30px;} .join-zbfc .zbfc-cont .zbfc-list ul{ display:block;} .join-zbfc .zbfc-cont .zbfc-list ul li{ width:100%; margin:20px 0;} .join-zbfc .zbfc-cont .zbfc-list ul li:nth-child(1){flex-direction: inherit; text-align:left;} .join-zbfc .zbfc-cont .zbfc-list ul li .l-img{ margin:0 20px 0 0; width:60px;} .join-zbfc .zbfc-cont .zbfc-list ul li h3{ font-size:20px;} .join-zbfc .zbfc-cont .zbfc-list ul li p{ font-size:14px; line-height:26px;} .join-zbfc .zbfc-cont .zbfc-list ul li:nth-child(3){flex-direction: inherit; text-align:left;} .join-hzlc{ padding:30px 0; height:auto;} .join-hzlc .wrapper .title{position: static;} .join-hzlc .hzlc-list{ background:none; margin-top:20px;} .join-hzlc .hzlc-list ul{ position:relative;} .join-hzlc .hzlc-list ul:after{ content:''; width:100%;height:1px; border-top:1px #fff dashed; position:absolute; top:30px; left:0; z-index:1;} .join-hzlc .hzlc-list ul:nth-child(1){ margin-left:0;} .join-hzlc .hzlc-list ul li{ position:relative;z-index:2;} .join-hzlc .hzlc-list ul li p{ font-size:16px;} .join-hzlc .hzlc-list ul li em{ width:20px; height:20px;} .join-hzlc .hzlc-list ul li span{width: 80px; height: 27px; line-height: 26px; font-size: 14px; background-size: cover;} .join-hzlc .hzlc-list ul:nth-child(2){ margin-top:30px;} .join-hzlc .hzlc-list ul:nth-child(3){ margin-top:30px;} .join-hzlc .hzlc-list ul:nth-child(3) li{ width:33%;} .join-hzlc .hzlc-list ul:nth-child(3) li span{ width:100px;background-size: 100% 100%;} .join-hzlc .hzlc-img{ display:none;} .join-jmzx{ padding:30px 0; height:770px;} .join-jmzx .title p{ font-size:14px;} .join-jmzx .jmzx-form{ margin:30px 0;} .join-jmzx .jmzx-form ul{ display:block;} .join-jmzx .jmzx-form ul li{ width:100%; margin-bottom:20px;} .join-jmzx .jmzx-form ul li label{ font-size:14px;} .join-jmzx .jmzx-form ul li input.bd-text{ height:40px; line-height:40px; font-size:14px; border-radius:10px;} .join-jmzx .jmzx-form .tj-bnt{ width:150px; height:42px;} .join-jmzx .jmzx-form .tj-bnt button{ width:150px; height:42px; line-height:42px; font-size:14px;} .ny-news .ny-news-fl ul{ gap:0 20px;} .join-jmzx .jmzx-form ul li textarea.ly-text{ height:120px; font-size:14px;} .ny-news{ padding:40px 0 110px 0;} .ny-news .ny-news-fl ul li{ width:150px; height:41px; line-height:40px; background-size:cover;} .ny-news .ny-news-fl ul li a{ font-size:16px;} .ny-news .ny-news-item{ margin-top:30px;} .ny-news .ny-news-item .ny-news-top a{ display:block;} .ny-news .ny-news-item .ny-news-top .left{ width:100%; height:190px;} .ny-news .ny-news-item .ny-news-top .right{ padding:10px;} .ny-news .ny-news-item .ny-news-top .right em{ font-size:14px;} .ny-news .ny-news-item .ny-news-top .right h3{ font-size:18px; line-height:30px;margin: 8px 0 10px 0;} .ny-news .ny-news-item .ny-news-top .right p{ font-size:14px;line-height: 26px;-webkit-line-clamp: 2;} .ny-news .ny-news-item .ny-news-top .right .nxq-ore{ margin-top:25px;width: 140px; font-size: 14px;height: 40px; line-height:40px;} .ny-news .ny-news-item .ny-news-top .right .nxq-ore i{ background-size:18px;} .ny-news .ny-news-item .ny-news-list{ margin-top:20px;} .ny-news .ny-news-item .ny-news-list ul li{ margin-right:10px; width:48%; margin-bottom:20px;} .ny-news .ny-news-item .ny-news-list ul li:nth-child(2n){ margin-right:0;} .ny-news .ny-news-item .ny-news-list ul li .ny-news-img{ height:120px;} .ny-news .ny-news-item .ny-news-list ul li section{ padding-top:10px;} .ny-news .ny-news-item .ny-news-list ul li section h3{ font-size:16px;} .ny-news .ny-news-item .ny-news-list ul li section p{ font-size:14px; margin-top:0px; line-height:26px;} .ny-news .ny-news-item .ny-news-list ul li section em{ font-size:14px; margin-top:10px;} .ny-news .ny-news-fl ul li.cur{ background-size:cover;} .ny-news .ny-news-fl ul li.cur a{ font-size:16px;} .news-ny-banner{ height:90px;} .news-xq{ padding:30px 0 130px 0;} .news-xq .news-xq-title{ display:block;} .news-xq .news-xq-title .title-right{ display:none;} .news-xq .news-xq-title .title-left{ width:100%; margin-right:0;} #article-title{ font-size:22px; line-height:32px;} #article-info{ font-size:14px; margin-top:20px;} .news-xq .news-xq-item{ margin-top:30px; padding-top:20px; display:block;} .news-xq .news-xq-item .left{ width:100%; margin-right:0;} #article{ font-size:15px; line-height:30px;} #prev-next{ margin-top:35px; padding-top:25px;} #prev-next a{ font-size:15px;} .news-xq .news-xq-item .right{width:100%; margin-top:30px; padding:15px;} .news-xq .news-xq-item .right h3{ font-size:18px;} .news-xq .news-xq-item .right ul li .xwbt{ font-size:16px;} .wrap-contact{display: flex;flex-direction: column-reverse; height:auto;} .wrap-contact .wrapper{ height:auto; margin-left:0; width:100%;} #map{ height:200px; position:inherit; margin-top:3.75rem;} .wrap-contact .wrapper .contact-lxfs{position:inherit; margin-top:20px;padding:20px; width:100%;transform: none;} .wrap-contact .wrapper .contact-lxfs .lxfs-logo{ width:150px;} .wrap-contact .wrapper .contact-lxfs span{ font-size:20px; margin:20px 0; padding-bottom:20px;} .wrap-contact .wrapper .contact-lxfs li{ margin-bottom:20px;} .wrap-contact .wrapper .contact-lxfs li h4{ font-size:24px;} .contact-jmzx{ margin-top:40px; padding:30px 0 130px 0;} .contact-jmzx .wrapper{ display:block;} .contact-jmzx .wrapper .left{ width:100%;} .contact-jmzx .wrapper .right{ width:100%; margin-left:0; margin-top:20px;} .contact-jmzx .wrapper .right .contact-jmzx-list{ margin-top:20px;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li input{ height:40px; line-height:40px; font-size:15px;border-radius: 5px; margin-top:0;} .contact-jmzx .wrapper .right .contact-jmzx-list ul li textarea.ly-text{ height:120px;} .contact-jmzx .wrapper .right .contact-jmzx-list .tj-bnt{ height:50px;} .contact-jmzx .wrapper .right .contact-jmzx-list .tj-bnt button{ height:50px; font-size:16px;border-radius: 5px; } #mzw-yhpj-slide .swiper-container{ margin:0;} }