html {
font-size: 16px; /* 默认根字体大小 */
}
@media (max-width: 3020px) {
html {
font-size: 22px !important; /* 默认根字体大小 */
}
}
@media (max-width: 1570px) {
html {
font-size: 16px !important; /* 默认根字体大小 */
}
}
@media (max-width: 1000px) {
#responsive-image {
height: 4897px !important;
}
#responsive-image6 {
height: 2814px !important;
}
#responsive-image5 {
height: 4232px !important;
}
#responsive-image7 {
height: 2740px !important;
}
}
@supports (-webkit-appearance: none) {
/* Safari 特有样式 */
#responsive-image {
height: 4897px !important;
}
#responsive-image6 {
height: 2814px !important;
}
#responsive-image5 {
height: 4232px !important;
}
#responsive-image7 {
height: 2740px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 专属样式 */
#responsive-image {
height: 4897px !important;
}
#responsive-image6 {
height: 2814px !important;
}
#responsive-image5 {
height: 4232px !important;
}
#responsive-image7 {
height: 2740px !important;
}
}
@media screen and (orientation: portrait) {
#responsive-image {
height: 4897px !important;
}
#responsive-image6 {
height: 2814px !important;
}
#responsive-image5 {
height: 4232px !important;
}
#responsive-image7 {
height: 2740px !important;
}
}
.remark {
font-size: 1rem;
line-height: 36px;
}
.w1024 {
/* width: 1024px; */
width: 70%;
margin: 0 auto;
overflow: hidden;
}
.modelBox {
position: relative;
display: flex;
justify-content: center;
}
.flexCenter {
align-items: center;
}
.flexbottom {
align-items: flex-end;
}
.modelBox > img {
display: block;
width: 100%;
}
.contentBox {
height: 100%;
position: absolute;
}
.modelBigTitle {
text-align: center;
}
.contentCenter {
display: flex;
align-items: center;
}
.contentCenterBottom {
align-items: flex-end;
}
.justifyBetween {
justify-content: space-between;
}
.secondTitle {
text-align: center;
}
.tabBox {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.tabBox > div {
margin: 15px 0px;
cursor: pointer;
}
.textBox {
margin-bottom: 60px;
}
.textBox b {
font-size: 1.5rem;
line-height: 36px;
font-family: auto;
}
.tabBox div img:nth-child(1) {
display: none;
}
.activeName img:nth-child(2) {
display: none;
}
.activeName img:nth-child(1) {
display: block !important;
}
.tabContent > div {
display: none;
}
.tabContent .contentDefault {
display: list-item;
}
.plbFrist {
height: 90%;
box-sizing: border-box;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-direction: column;
}
.plbSecond {
height: 82%;
box-sizing: border-box;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-direction: column;
}
.plbThree {
min-height: 90%;
box-sizing: border-box;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-direction: column;
}
.tab3Flex {
height: 90%;
box-sizing: border-box;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-direction: column;
}
.directory {
/* padding: 10px; */
box-sizing: border-box;
}
.directory section:nth-child(1) b:nth-child(3) {
padding-left: 1.25rem;
display: block;
font-family: "fontTitle1";
}
.directory b {
font-size: 1.5rem;
line-height: 36px;
font-family: "fontTitle2";
}
.directory > div {
margin-bottom: 60px;
}
.directory p {
font-size: 1rem;
line-height: 36px;
font-family: roman;
padding-left: 1.15rem;
}
.directory .textCenter {
margin: 20px 0px 0px 0px;
}
.gmt {
padding-left: 1em;
text-indent: -1em;
}
.marTop {
margin: 50px 0px 35px 0px;
}
.imgflow {
margin-right: 35px;
}
.modelLast {
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 60px;
}
.top60 {
margin-top: 60px;
}
.white {
color: #fff;
}
.left {
width: 36%;
}
.right {
width: 60%;
}
.weOur {
color: #fff;
}
.top60 {
margin-top: 60px;
}
.bottom60 {
margin-bottom: 60px;
}
.setContant {
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
}
.fourText {
width: 830px;
margin-left: 150px;
}
.fourText p {
line-height: 30px;
}
.fourText ul li {
display: flex;
align-items: flex-start;
text-align: justify;
}
.fourText ul li img {
margin-top: 10px;
margin-right: 10px;
}
.codeBox {
display: flex;
align-items: center;
justify-content: space-around;
}
.codeBox div {
margin: 0px 20px;
text-align: center;
}
.codeBox img {
border: solid 8px #dc0019;
margin: 20px 0px;
}