* { margin: 0; padding: 0; } html, body { font-family: "microsoft yahei"; font-size: 14px; width: 100%; height: 100%; margin: 0; padding: 0; min-width: 0; overflow: hidden; } ul, li { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; color: #333; } a:hover, a:visited, a:link, a:active { color: #333; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .hide{ display: none; } .b{ width: 100%; height: 100%; } .slide1 .logo{ position: absolute; top: 70px; left: 75px; } .slide1 .title{ position: absolute; top: 225px; margin-left: 180px; /* width: 1275px; */ } .slide2 .title1{ position: absolute; top: 30px; left: 57px; } .slide2 .title2{ position: absolute; bottom: 25px; right: 60px; } .slide2 .people{ position: absolute; bottom: 30px; left: 70px; } .act{ color: #58e2ff !important; font-weight: bold; } .dh{ position: absolute; top: 100px; right: 95px; z-index: 999; } .dh li{ display: inline-block; font-size: 32px; color: #ffffff; height: 42px; cursor: pointer; line-height: 42px; } .dh li::after{ content: '/'; font-size: 22px; color: #fff; display: inline-block; vertical-align: middle; height: 32px; margin: 0 29px; line-height: normal; } /* @media screen and (max-width: 980px) { .dh li::after{ margin: 0 25px; } .dh2{ left: 90px !important; } .xwbd{ left: 300px !important; } .yszp{ left: 350px !important; } .wczp{ left: 280px !important; } } */ .dh li:last-child::after{ content: ''; margin: 0; } .dh li:hover{ color: #58e2ff; font-weight: bold; } .dh2{ position: absolute; left: 135px; top: 0; bottom: 0; margin: auto; height: fit-content; z-index: 999; } .dh2 li{ cursor: pointer; font-size: 28px; width: 60px; height: 55px; line-height: 55px; color: #090101; /* opacity: 0.3; */ text-align: left; } .dh2-act{ font-size: 30px !important; color: #fff100 !important; opacity: 1 !important; border-bottom: 2px solid #fff100; font-weight: bold; } /* .myswiper .swiper-pagination{ right: auto; left: 135px; } .myswiper .swiper-pagination-bullet{ background: none; font-size: 28px; width: 60px; height: 50px; color: #090101; text-align: left; border-radius: 0; } .myswiper .swiper-pagination-bullet-active{ font-size: 30px; color: #eb6100; border-bottom: 2px solid #eb6100; } */ @keyframes part2 { from { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transform: scale(8, 8); } 42.8% { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transform: scale(8, 8); } to { } } .hero2 { animation: 'part2' 1.5s ease-in-out 0s normal; -ms-animation: part2 1.5s ease-in-out 0s normal; -moz-animation: part2 1.5s ease-in-out 0s normal; -o-animation: 'part2' 1.5s ease-in-out 0s normal; -webkit-animation: 'part2' 1.5s ease-in-out 0s normal; } .xwbd{ position: absolute; width: 1380px; height: 440px; /* right: 180px; */ left: 370px; } .w-box{ float: left; width: 700px; height: 440px; } .w-title{ width: 310px; height: 188px; background: url(/uploads/image/ri2552rimages/xwbd-title.png) center center no-repeat; background-size: cover; } .w-box li{ height: 96px; border-top: 2px solid #000000; text-align: left; line-height: 35px; display: flex; flex-direction: column; justify-content: center; } ul li a:hover{ color: #fff100 ; } .w-box ul li:hover{ border-top: 2px solid #fff100 ; } .lb1{ float: right; width: 625px; height: 420px; /* background-color: red; */ } .lb1 img{ width: 100%; height: 100%; } .lb1 .title{ position: absolute; width: 625px; height: 70px; bottom: 0; color: #ffffff; text-indent: 1em; font-size: 18px; display: flex; flex-direction: column; justify-content: center; text-align: left; background-color: #1b1b1b; } .snext,.sprev{ position: absolute; width: 60px; height: 60px; z-index: 999; } .sprev{ right: 4px; bottom: 4px; background-image: url(/uploads/image/ri2552rimages/jt-right.png); background-position: center center; background-repeat: no-repeat; background-color: #c279cf; } .snext{ right: 70px; bottom: 4px; background-image: url(/uploads/image/ri2552rimages/jt-left.png); background-position: center center; background-repeat: no-repeat; background-color: #243350; } .qnfxg{ position: absolute; width: 1300px; height: 600px; left: 490px; /* right: 140px; */ } .qnfxg-l,.qnfxg-r{ float: left; height: 600px; } .qnfxg-l{ width: 360px; background-image: url(/uploads/image/ri2552rimages/qnfxg-bg1.png); background-size: 100% 100%; display: flex; flex-direction: column; justify-content: center; } .qnfxg-l li{ margin: 40px 0; cursor: pointer; } .qnfxg-r{ width: 940px; background-image: url(/uploads/image/ri2552rimages/qnfxg-bg2.png); background-size: 100% 100%; position: relative; } .qnfxg-r .title{ position: absolute; font-size: 32px; left: 80px; top: 30px; color: #740f6b; } .qnfxg-r ul{ position: absolute; top: 225px; left: 0; right: 0; margin: auto; width: 750px; } .qnfxg-r li{ cursor: pointer; } .click { position: absolute; bottom: 110px; margin-left: -70px; animation: click 1s linear infinite alternate; } @keyframes click { 0% { transform: scale(0.5); } 100% { transform: scale(0.8); } } @-webkit-keyframes click { 0% { transform: scale(0.5); } 100% { transform: scale(0.8); } } .qnfxg-r li{ position: relative; } .qh1 ul{ display: none; top: 100px; width: fit-content; color: #ffffff; } .qh1 ul li{ line-height: 50px; border-bottom: 1px solid #5c6097; } .qh1 ul li a{ color: #ffffff; letter-spacing: 6px; font-size: 28px; } .rdzj{ position: absolute; width: 1250px; height: 605px; /* right: 300px; */ left: 400px; } .rdzj-box { position: relative; width: 100%; height: 100%; } .rdzj-box .myswiper3{ width: 1100px; } .myswiper3 img{ width: 100%; height: 100%; } .rdzj-box .swiper-slide { background:none; transition: 300ms; transform: scale(0.8) !important; opacity: .5; } .rdzj-box .swiper-slide-active,.swiper-slide-duplicate-active { transform: scale(1) !important; opacity: 1; } .rdzj-box .swiper-button-next::after,.rdzj-box .swiper-button-prev::after{ content: ''; } .snext3,.sprev3{ width: 59px !important; height: 70px !important; background-position: center center; background-repeat: no-repeat; } .snext3{ background-image: url(/uploads/image/ri2552rimages/jt2-right.png); } .sprev3{ background-image: url(/uploads/image/ri2552rimages/jt2-left.png); } .czzp{width: 1250px;height: 636px;} .czzp img{width: 100%;height: 100%;} .sjqy{ position: absolute; width: 1250px; height: 636px; left: 490px;; background-image: url(/uploads/image/ri2552rimages/sjqy-bg.png); background-size: 100% 100%; } .sjqy-box{ position: relative; width: 100%; height: 100%; } .sjqy ul{ position: absolute; top: 80px; left: 20px; width: 270px; font-size: 24px; /* margin: 80px 0 0 65px; */ color: #fafafa; } .sjqy li{ cursor: pointer; width: 270px; height: 50px; border: 2px solid #fafafa; border-radius: 50px; margin-bottom: 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .sjqy-act{ background-color: #ae78f0; border: 2px solid #ffffff !important; } .sjqy-img{ position: absolute; width: 930px; height: 550px; right: 10px; top: 0; bottom: 0; margin: auto; } .sjqy-img img{ width: 100%; /* height: 100%; */ } .wczp{ position: absolute; width: 1390px; /* height: 500px; */ /* right: 170px; */ left: 430px;; } .yszp{ position: absolute; /* width: 1100px; */ /* height: 620px; */ /* right: 315px; */ left: 490px; } .sdsk{ position: absolute; width: 1250px; height: 636px; /* right: 225px; */ left: 490px; background-color: #707070; } #myvideo{width: 100%;height: 100%;object-fit: fill;} .sdsk-box{ width: 1170px; height: 100px; position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; } .sdsk-box .myswiper4{ width: 1000px; } .myswiper4 .swiper-slide{ width: 160px !important; transition: 300ms; background: #000000; } .myswiper4 img{ width: 100%; } .sdsk-box .swiper-slide-active,.sdsk-box .swiper-slide-duplicate-active { width: 340px !important; } .sdsk-box .swiper-button-next::after,.sdsk-box .swiper-button-prev::after{ content: ''; } .snext4,.sprev4{ width: 37px !important; height: 42px !important; background-position: center center; background-repeat: no-repeat; } .snext4{ background-image: url(/uploads/image/ri2552rimages/jt3-right.png); } .sprev4{ background-image: url(/uploads/image/ri2552rimages/jt3-left.png); }