html, body {
overflow-x: hidden;
}
html {
font-size: 50px;
}
.item-nav3-top a {
font-size: 0.4rem;
color: white;
}
.bksj-digit div {
color: #2f247b;
text-align: center;
font-size: 0.72rem;
font-family: "Caslon";
font-style: italic;
font-weight: 550;
}
.item-nav3-top {
text-align: center;
margin-top: 0.2rem;
}
.nav-first {
margin-top: 1rem;
}
.nav-last {
margin-bottom: 1rem;
}
img {
image-rendering: -webkit-optimize-contrast;
}
.nav2dropdown-son:hover a {
color: #ff823d !important;
}
a {
text-decoration: none !important;
}
.top-topnav {
height: 1rem;
padding-top: 0.18rem;
}
.top-topnav-word1 a {
float: right;
margin-right: 1.4rem;
font-size: 0.35rem;
font-weight: 500;
color: #FFFFFF;
line-height: 0.63rem;
}
.top-topnav-word1 a:hover {
color: #FF813D;
}
.top-topnav-word2 a:hover {
color: #FF813D;
}
.top-topnav-word2 a {
float: right;
font-size: 0.35rem;
font-weight: 500;
color: #FFFFFF;
line-height: 0.63rem;
}
.top-topnav-shapes {
margin: 0.15rem 0.2rem;
float: right;
width: 0.03rem;
height: 0.35rem;
background: white;
}
.top-logo-bg {
width: 100%;
height: 3rem;
background: url("../images/second/banner@2x.png") no-repeat;
background-size: 100% 100%;
}
.top-nav-bg {
height: 1.31rem;
width: 100%;
background-color: #392D8D;
}
.nav2 {
width: 970px;
left: 50%;
top: 5.7rem;
transform: translateX(-50%);
}
.logo {
width: 100%;
left: 0;
top: 1.6rem;
}
.logo img:nth-child(2) {
/*width: 7rem;*/
width: 3rem;
float: right;
top: 50%;
transform: translateY(180%);
}
.nav2-dropdown2 {
width: 100%;
}
.nav2-dropdown2-left {
width: 45%;
}
.nav2-dropdown2-right {
width: 28%;
}
.main {
padding-top: 0;
background-color: #F3F3F3FF;
}
.bar {
width: 100%;
height: 0.05rem;
background-color: #ffffff;
margin: 0.19rem 0;
}
.bar11, .bar22, .bar33 {
transition: 0.4s;
transform: rotate(0) translate(0, 0)
}
.change .bar11 {
transform: rotate(-45deg) translate(-0.18rem, 0.14rem);
transition: all 0.4s;
}
.change .bar22 {
opacity: 0;
transition: all 0.4s;
}
.change .bar33 {
transform: rotate(45deg) translate(-0.2rem, -0.16rem);
transition: all 0.4s;
}
.nav3-xiala {
user-select: none;
}
.nav2dropdown-son:hover {
color: #FF813D;
}
.top-topnav {
width: 100%;
background-color: #2e2378e0;
z-index: 1000;
position: fixed;
top: 0;
}
.logo {
z-index: 100;
position: absolute;
}
.logo img {
/*width: 5.1rem;*/
width: 4.1rem;
}
.top-topnav .container a div:hover {
color: #ff823d;
}
.nav3 {
display: block;
position: fixed;
width: 100%;
top: 0.21rem;
right: 0;
z-index: 1000;
}
.nav3-dropdown-menu {
display: none;
margin-top: 0.3rem;
}
.nav3-lm a {
font-weight: 550;
font-size: 0.5rem;
padding-left: 0.7rem;
line-height: 2rem;
color: white !important;
}
.nav3-dow {
flex: 2;
}
.nav3-lm {
height: 1.3rem;
}
.nav3-lm-but {
display: flex;
}
.nav3-logo-img {
width: 62%;
margin-top: 0.4rem;
margin-left: 0.4rem;
}
.top-nav3-flex {
margin-top: 1rem;
}
.nav3-tb {
overflow-y: auto;
right: 0;
bottom: 0;
background-color: rgba(47, 36, 123, 0.8);
display: none;
margin-bottom: 0.5rem;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
}
.nav3-xiala {
margin-right: 0.6rem;
float: right;
font-weight: 550;
font-size: 0.6rem;
color: white;
margin-top: 0.5rem;
transition: all 0.5s;
}
.nav3-xiala-zhuang {
transform: rotate(180deg);
transition: all 0.5s;
}
.nav3-dropdown-son {
width: 50%;
color: #fff;
font-size: 0.42rem;
margin-top: 0.1rem;
margin-left: 1.2rem;
}
.nav3-none {
width: 2rem;
height: 2rem;
}
.nav3-close {
z-index: 9999;
width: 1.4rem;
height: 1.3rem;
background: linear-gradient(180deg, #433aa0, #FF813D);
position: absolute;
top: -0.05rem;
right: 0;
border-bottom-left-radius: 0.5rem;
display: inline-block;
cursor: pointer;
padding: 0.1rem 0.4rem;
}
.nav2 {
display: none;
}
.nav_div {
overflow: hidden;
}
.nav-active li {
font-weight: 700;
color: #6752ac !important;
}
@media (min-width: 992px) {
.top-topnav {
width: 100%;
/*background-color: rgba(0,0,0,0.2);*/
z-index: 1000;
position: fixed;
top: 0;
}
html {
font-size: 30px;
}
.logo {
width: 100%;
left: 0;
top: 1.45rem;
}
.logo img:nth-child(2) {
width: 7rem;
float: right;
top: 50%;
transform: translateY(50%);
}
.logo img {
width: 5.1rem;
}
.top-topnav {
/*display: none;*/
position: absolute;
}
.top-topnav2 {
position: relative;
}
.logo img {
width: 9rem;
}
.main {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: #F3F3F3FF;
}
.top-logo-bg {
height: 3.5rem;
}
.nav2 {
top: 3.68rem
}
.nav2 {
display: flex;
height: 1rem;
position: absolute;
right: 0.5rem;
z-index: 100;
}
.nav2-son {
line-height: 1rem;
text-align: center;
flex: 1;
font-size: 0.48rem;
font-weight: 500;
color: #FFFFFF;
text-shadow: 0 0.05rem 0.16rem rgba(0, 0, 0, 0.5);
}
.nav2-dropdown2 {
display: none;
background-color: rgba(255, 255, 255, 0.8);
top: 1rem;
left: 0;
position: absolute;
}
.nav2-dropdown {
width: 100%;
height: 100%;
}
.nav2-dropdown2-left {
float: left;
display: block;
height: 100%;
padding: 0.5rem 0 1rem 1rem;
width: 37%;
}
.nav2dropdown-son {
display: block;
color: white;
font-size: 0.48rem;
margin-top: 0.5rem;
}
.nav2-son a {
color: white;
}
.nav2-dropdown2-right {
padding-top: 1rem;
float: left;
display: block;
margin-left: 18%;
width: 37%;
padding-bottom: 1rem;
}
.nav2-dropdown2-right img {
width: 100%;
}
.nav2-son .nav2dropdown-son {
display: none;
}
.nav2-son .nav2-dropdown2-right {
display: none;
}
.nav3 {
display: none;
}
}
@media (min-width: 1200px) {
html {
font-size: 35px;
}
.nav2-dropdown2-right {
padding-top: 1rem;
float: left;
display: block;
margin-left: 22%;
width: 34%;
padding-bottom: 1rem;
}
.nav2 {
width: 1170px;
}
}