* {
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);
}