html {
-webkit-font-smoothing: antialiased;
height: 100%;
touch-action: manipulation;
}
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
margin: 0;
padding: 0
}
header,
hgroup,
nav,
menu,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
display: block;
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
table,
th,
td {
border: 1px solid black;
}
fieldset,
img {
border: 0
}
address,
caption,
cite,
code,
dfn,
em,
var {
font-style: normal;
font-weight: 400;
}
dl,
ol,
ul {
list-style-type: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: none;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
outline: 0;
outline: none;
blr: expression(this.onFocus=this.blur())
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
textarea {
resize: none;
outline: none;
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
button,
input[type=submit],
input[type=text],
input[type=button] {
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
outline: 0;
blr: expression(this.onFocus=this.blur())
}
input {
outline: 0;
}
input::-webkit-input-safebox-button {
display: none;
/*去掉æœç‹—æµè§ˆå™¨å¯†ç 软盘*/
}
#web-ietip {
width: 526px;
height: 90px;
padding: 83px 0 0 84px;
overflow: hidden;
background: url(../browser.html) no-repeat center center;
margin: 200px auto 0;
}
#web-ietip a {
display: block;
width: 65px;
height: 80px;
float: left;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.eps2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
body {
font-size: 14px;
color: #000;
font-family: Arial, "Microsoft YaHei";
/* background-color: #e1e2e8; */
}
body * {
box-sizing: border-box;
line-height: 1;
}
.teaser {
opacity: 0;
transform: translate3d(0, 25%, 0);
transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}
.teaser.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lefter {
opacity: 0;
transform: translate3d(-35%, 35%, 0);
transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}
.lefter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.righter {
opacity: 0;
transform: translate3d(35%, 35%, 0);
transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}
.righter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.downer {
opacity: 0;
transform: translate3d(0, -35%, 0);
transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}
.downer.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lter {
opacity: 0;
transform: translate3d(-35%, 0, 0);
transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}
.lter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.rter {
opacity: 0;
transform: translate3d(35%, 0, 0);
transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;
}
.rter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
@media(min-width: 1720px) {
html {
font-size: 100px;
}
}
@media(max-width: 1720px) and (min-width: 901px) {
html {
font-size: calc(100vw / 1720 * 100);
}
}
@media(max-width: 900px) {
html {
font-size: calc(900px / 1720 * 100);
}
}
body {
font-size: 14px;
color: #000;
font-family: Arial, "Microsoft YaHei";
/* background-color: #5e0005; */
background-color: #fff;
overflow-x: hidden;
}
body * {
box-sizing: border-box;
line-height: 1;
}
body {
padding-top: 160px;
}
@media(max-width:1200px) {
body {
padding-top: 50px;
}
}
/* 头部 */
.header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 900;
}
.h-a {
width: 100%;
max-width: 1600px;
height: 100px;
position: relative;
margin: 0 auto;
background-color: #a5000a;
/* background-image: linear-gradient(90deg, #140303 0%, #4a0404 29%, #7f0504 58%, #140303 100%), linear-gradient(#ffffff, #ffffff); */
background-blend-mode: normal, normal;
}
.h-a:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.h-home {
position: absolute;
left: 40px;
top: 50%;
display: block;
cursor: pointer;
width: 23px;
}
.h-home img {
width: 100%;
}
.h-logo {
position: absolute;
top: 10px;
left: 50%;
margin-left: -31px;
display: block;
cursor: pointer;
font-size: 0;
}
.h-logoimg {
display: inline-block;
vertical-align: middle;
width: 62px;
}
.h-logoimg img {
width: 100%;
}
.h-logotext {
display: inline-block;
letter-spacing: 10px;
vertical-align: middle;
font-size: 30px;
height: 80px;
color: #fff;
line-height: 80px;
padding-left: 15px;
margin-left: 15px;
border-left: 1px solid #a14b4a;
}
.h-language {
float: right;
display: block;
margin-top: 37px;
margin-right: 2rem;
font-size: 0;
cursor: pointer;
position: relative;
}
.h-languageimg {
display: inline-block;
vertical-align: middle;
width: 23px;
margin-right: 5px;
}
.h-languageimg img {
width: 100%;
}
.h-languagetext {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #ffffff;
font-family: SourceHanSansCN-Regular;
}
.h-languagebox {
box-shadow: 0px .02rem .12rem 0px rgba(0, 0, 0, 0.04);
display: none;
position: absolute;
width: 120%;
text-align: center;
top: 25px;
left: -10%;
color: #ffffff;
background-color: #999;
z-index: 1000;
}
.h-languageitem {
display: block;
cursor: pointer;
font-family: SourceHanSansCN-Regular;
font-size: 16px;
line-height: 2;
}
.h-languageitem:hover {
background-color: #7f0504;
}
.h-language.show .h-languagebox {
display: block;
}
.h-search {
float: right;
display: block;
margin-right: 30px;
width: 24px;
margin-top: 37px;
cursor: pointer;
}
.h-search img {
width: 100%;
}
.h-h {
width: 100%;
position: relative;
z-index: 10;
display: flex;
}
.h-i {
display: inline-block;
vertical-align: top;
/* width: 20%; */
flex: 1;
}
.h-j {
font-weight: 600;
display: block;
cursor: pointer;
text-align: center;
width: 100%;
height: 60px;
line-height: 60px;
color: #0d0d0d;
font-family: SourceHanSansCN-Bold;
font-size: 15px;
}
.h-i:hover .h-j {
background-color: #b50021;
color: #fff;
}
.h-i.active .h-j {
background-color: #b50021;
color: #fff;
}
.h-menu {
width: 40px;
height: 40px;
display: none;
vertical-align: top;
background-image: url(../png/a4.png);
background-size: 30px 30px;
background-position: center center;
background-repeat: no-repeat;
}
.h-opa {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10;
cursor: pointer;
}
.h-cont {
width: 100%;
max-width: 1600px;
margin: 0 auto;
height: 60px;
/* padding: 0 1rem; */
/* background-color: #0d0d0d; */
background-color: #fff;
font-size: 0;
position: relative;
}
.h-sub {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%;
background-color: #ffffff;
padding: .4rem 15px;
}
.ha-box {
width: 100%;
}
.ha-cont {
width: 100%;
font-size: 0;
text-align: center;
position: relative;
}
.ha-item {
display: inline-block;
vertical-align: top;
/* max-width: 41%; */
text-align: left;
padding: 0 15px;
}
.ha-a {
width: 100%;
}
.ha-b {
width: 100%;
margin-bottom: .3rem;
cursor: pointer;
display: block;
}
.ha-b img {
width: 100%;
}
.ha-c {
width: 100%;
}
.ha-d {
display: inline-block;
font-weight: bold;
margin-bottom: .2rem;
color: #000000;
font-size: calc(12px - 0.12rem + 0.18rem);
cursor: pointer;
}
.ha-d:hover {
color: #b50021;
}
.ha-e {
width: 100%;
}
.ha-f {
width: 100%;
}
.ha-g {
cursor: pointer;
display: inline-block;
padding-bottom: .1rem;
margin-bottom: .15rem;
position: relative;
font-size: calc(12px - 0.12rem + 0.16rem)
}
.ha-g:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #b50021;
transition: all .3s;
}
.ha-g:hover {
color: #b50021;
}
.ha-g:hover:after {
width: 100%;
}
.ha-h {
width: 100%;
padding: 0 15px .2rem;
}
.ha-i {
display: inline-block;
vertical-align: top;
padding-bottom: .1rem;
margin-right: 0.4rem;
margin-bottom: .1rem;
cursor: pointer;
color: #333333;
font-size: calc(12px - 0.12rem + 0.16rem);
position: relative;
}
.ha-i:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #b50021;
transition: all .3s;
}
.ha-i:hover {
color: #b50021;
}
.ha-i:hover:after {
width: 100%;
}
.ha-i.active {
color: #b50021;
}
.ha-i.active:after {
width: 100%;
}
.ha-bg {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
}
.header.bg-state .ha-bg {
display: block;
}
@media(max-width: 1200px) {
.h-language {
margin-right: .2rem;
}
.h-j {
font-size: 14px;
}
.h-languagetext {
font-size: 14px;
}
.h-languageitem {
font-size: 14px;
}
}
@media(max-width: 1200px) {
.h-a {
height: 50px;
}
.h-logo {
margin-left: 0;
left: .2rem;
top: 5px;
}
.h-logoimg {
width: 30px;
}
.h-logotext {
height: 40px;
line-height: 40px;
font-size: 20px;
padding-left: 10px;
margin-left: 10px;
letter-spacing: 5px;
}
.h-language {
margin-top: 13px;
margin-right: 50px;
}
.h-search {
margin-top: 13px;
margin-right: 50px;
}
.h-menu {
display: inline-block;
position: absolute;
right: 0;
top: 5px;
}
.h-d {
top: 60px;
}
.h-f {
height: 40px;
line-height: 40px;
}
.h-g {
height: 40px;
line-height: 40px;
}
.h-cont {
width: 260px;
position: fixed;
right: 0;
top: 0;
height: 100vh;
background-color: #fff;
margin-right: 0;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
padding-bottom: 10px;
overflow: auto;
z-index: 1000;
transform: translate(100%, 0);
transition: transform .3s;
}
.h-h{
display: block;
}
.h-i {
width: 100%;
padding: 0;
margin-left: 0;
position: relative;
}
.h-j {
display: inline-block;
width: auto;
padding: 0;
padding-left: 20px;
height: 40px;
line-height: 40px;
color: #666;
text-align: left;
}
.h-i:hover .h-j {
background-color: transparent;
color: #b50021;
}
.h-i.active .h-j {
background-color: transparent;
color: #b50021;
}
.h-i.has-nav:after {
content: "";
background-image: url('../a-right.html');
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
right: 0;
top: 0;
font-size: 20px;
color: #333;
}
.h-i.has-nav.show:after {
background-image: url('../a-down.html');
}
.h-i.active .h-j {
background-color: transparent;
}
.header.menu-state .h-cont {
transform: translate(0, 0);
}
.header.menu-state .h-opa {
display: block;
}
.h-home {
display: none;
}
.h-sub {
position: static;
padding: .2rem 30px;
}
.ha-h {
padding: 0;
}
.ha-i {
font-size: 12px;
}
.ha-item {
width: 50% !important;
max-width: none;
padding: 0 .1rem;
}
.ha-d {
font-size: 14px;
}
.ha-g {
font-size: 12px;
line-height: 1.3;
}
.ha-cont {
text-align: left;
}
.ha-item {
margin-bottom: .2rem;
}
}
@media(max-width: 500px) {
.h-d {
width: 300px;
}
.h-f {
width: 250px;
}
.h-logotext {
font-size: 20px;
padding-left: 5px;
margin-left: 5px;
letter-spacing: 2px;
}
}
.footer {
width: 100%;
}
.f-a {
width: 100%;
}
.f-b {
width: 100%;
max-width: 1600px;
padding: .28rem 0;
padding-left: 1rem;
font-size: 0;
margin: 0 auto;
/* background-color: #f8f8f8; */
background-color: #f9f9f9;
border-bottom: 1px solid #e9e9e9;
}
.f-bitem {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-right: .3rem;
position: relative;
}
.f-bitemim1 {
display: block;
height: 24px;
width: 30px;
text-align: center;
line-height: 24px;
}
.f-bitemim1 img {
max-width: 100%;
max-height: 100%;
}
.f-bitemim2 {
display: none;
height: 24px;
width: 30px;
text-align: center;
line-height: 24px;
}
.f-bitemim2 img {
max-width: 100%;
max-height: 100%;
}
.f-bitem:hover .f-bitemim1 {
display: none;
}
.f-bitem:hover .f-bitemim2 {
display: block;
}
.f-f-bitem-mask {
width: 150px;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
display: none;
}
.f-f-bitem-mask img {
width: 100%;
}
.f-code:hover .f-f-bitem-mask {
display: block;
}
.f-c {
width: 100%;
max-width: 1600px;
padding-left: 1rem;
padding-top: .53rem;
font-size: 0;
margin: 0 auto;
/* background-color: #ffffff; */
background-color: #f9f9f9;
}
.f-d {
width: 100%;
}
.f-e {
display: block;
width: 100%;
margin-bottom: .3rem;
}
.f-eimg {
width: 40px;
display: inline-block;
vertical-align: middle;
}
.f-eimg img {
width: 18px;
}
.f-etext {
display: inline-block;
vertical-align: middle;
color: #333333;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.f-f {
width: 100%;
padding-left: 40px;
margin-bottom: .6rem;
}
/* .f-g{display: inline-block;vertical-align: top; width: 3.14rem;} */
.f-gitem {
display: inline-block;
vertical-align: top;
width: 20%;
padding-right: .2rem;
}
.f-gitem a {
display: inline-block;
cursor: pointer;
color: #333333;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.25;
font-family: SourceHanSansCN-Bold;
}
.f-gitem a:hover {
color: #a5000a;
}
.f-h {
width: 100%;
font-size: 0;
margin-bottom: .3rem;
}
.f-i {
display: inline-block;
vertical-align: top;
}
.f-j {
display: inline-block;
vertical-align: top;
width: 3.14rem;
margin-bottom: .3rem;
}
.f-k {
display: inline-block;
width: 100%;
margin-bottom: .3rem;
}
.f-kimg {
display: inline-block;
vertical-align: middle;
width: 40px;
}
.f-kimg img {
width: 22px;
}
.f-ktext {
display: inline-block;
vertical-align: middle;
color: #333333;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.f-l {
display: inline-block;
padding-left: 40px;
}
.f-m {
display: block;
cursor: pointer;
color: #333333;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.25;
font-family: SourceHanSansCN-Bold;
/*font-weight: 600;*/
}
.f-m:hover {
color: #a5000a;
}
.f-o {
display: inline-block;
vertical-align: top;
}
.f-p {
display: block;
margin-bottom: .8rem;
cursor: pointer;
}
.f-p:nth-last-child(1) {
margin-bottom: 0;
}
.f-pimg {
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 24px;
height: 22px;
margin-right: .2rem;
}
.f-ptext {
display: inline-block;
vertical-align: middle;
color: #333333;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.f-q {
width: 100%;
padding-bottom: .3rem;
}
.f-r {
width: 100%;
margin-bottom: .35rem;
}
.f-rimg {
display: inline-block;
vertical-align: middle;
width: 40px;
}
.f-rimg img {
width: 25px;
}
.f-rtext {
display: inline-block;
vertical-align: middle;
color: #333333;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.f-s {
width: 100%;
font-size: 0;
padding-left: .4rem;
}
.f-sitem {
display: inline-block;
vertical-align: top;
/* width: 4.3rem; */
width: 23%;
/* margin-right: .45rem; */
margin-right: 2%;
margin-bottom: .3rem;
}
.f-sitema {
color: #333333;
font-family: SourceHanSansCN-Regular;
line-height: 2.4;
font-size: calc(12px - 0.12rem + 0.14rem);
}
/* .f-sitem3{margin-right: 0;width: 2.9rem;} */
.f-sitem3 {
margin-right: 0;
}
.f-t {
width: 100%;
max-width: 1600px;
position: relative;
padding-left: 1rem;
background-color: #f9f9f9;
margin: 0 auto;
}
.f-t:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.f-text {
float: left;
color: #333333;
font-size: calc(12px - 0.12rem + 0.14rem);
font-family: SourceHanSansCN-Regular;
padding-top: .22rem;
padding-bottom: .2rem;
}
.f-service {
float: right;
margin-top: .1rem;
margin-right: .75rem;
cursor: pointer;
display: block;
color: #fffefe;
font-family: SourceHanSansCN-Regular;
font-size: calc(12px - 0.12rem + 0.2rem);
text-align: center;
line-height: .5rem;
width: 1.8rem;
height: .5rem;
background-color: #a5000a;
border-radius: .08rem .08rem 0 0;
}
.f-service img {
margin-right: .15rem;
width: 22px;
}
@media(max-width: 1200px) {
.f-b {
padding-left: .2rem;
}
.f-c {
padding-left: .2rem;
}
.f-t {
padding-left: .2rem;
}
.f-service {
width: auto;
padding: 0 .1rem;
}
}
@media(max-width: 750px) {
/* .f-g{width: 33.3%;} */
.f-gitem {
width: auto;
padding-right: .3rem;
padding-bottom: .1rem;
}
.f-j {
width: 33.3%;
}
.f-sitem {
width: 50% !important;
margin-right: 0;
padding-right: .2rem;
}
.f-service {
margin-right: .2rem;
}
.f-service img {
width: 18px;
}
}
@media(max-width: 500px) {
.f-j {
width: 50%;
}
.f-p {
margin-bottom: .3rem;
}
.f-sitem {
width: 100% !important;
}
.f-q {
margin-top: .4rem;
}
}
/*
font-size: calc(12px - 0.12rem + 0.16rem);
*/
.a-a {
width: 100%;
max-width: 1600px;
margin: 0 auto;
margin-bottom: .8rem;
overflow: hidden;
}
.a-b {
width: 100%;
}
.a-c {
width: 100%;
}
.a-d {
width: 100%;
}
.a-e {
width: 100%;
display: block;
cursor: pointer;
position: relative;
}
.a-e img {
width: 100%;
}
.a-h {
z-index: 10;
width: 1.4rem;
height: 1.4rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
cursor: pointer;
}
.a-h:before {
content: '';
width: 1.4rem;
height: 1.4rem;
animation: rotate360 5s linear infinite;
position: absolute;
left: 0;
top: 0;
background: url(../a26.html) no-repeat center;
background-size: contain;
}
.a-h:after {
content: '';
width: 1.4rem;
height: 1.4rem;
position: absolute;
left: 0;
top: 0;
background: url(../a26-b.html) no-repeat center;
background-size: contain;
}
.a-j {
width: 100%;
background-color: #000;
}
.a-video {
width: 100%;
}
body.novideo video {
position: relative;
left: -100%;
}
.v-a {
position: fixed;
left: 0;
top: 120%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10000000;
transition: top .5s ease-in-out;
}
.v-a.show {
top: 0;
}
.v-a.show .v-e {
visibility: visible;
}
.v-a.show .v-f {
display: block;
}
.v-b {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.v-c {
display: block;
width: 23px;
height: 23px;
position: absolute;
right: .2rem;
top: .2rem;
cursor: pointer;
z-index: 10000;
}
.v-d {
display: block;
width: 100%;
height: 100%;
background-image: url('../a27.html');
opacity: .8;
background-size: 15px 15px;
background-position: center center;
background-repeat: no-repeat;
}
.v-e {
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0px;
bottom: 0px;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.v-f {
display: none;
position: absolute;
top: 50%;
left: 50%;
max-width: 800px;
max-height: calc(100% - 80px);
transform: translate(-50%, -50%);
}
@keyframes rotate360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.b-a {
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding-left: 1rem;
overflow: hidden;
}
.b-b {
width: 100%;
}
.b-c {
/* color: #ffffff; */
color: #a5000a;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.36rem);
margin-bottom: .4rem;
}
.b-d {
width: 14rem;
position: relative;
margin-bottom: .35rem;
}
.b-d:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.b-dtext {
float: left;
width: 8.9rem;
margin-bottom: .3rem;
color: #ffffff;
font-family: SourceHanSansCN-Regular;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2.66;
}
.b-dtext * {
/* color: #ffffff; */
/* color: #a5000a; */
color: #1f1715;
font-family: SourceHanSansCN-Regular;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2.66;
}
.b-dmove {
float: right;
position: relative;
top: 0;
transition: all .3s;
color: #ffffff;
font-family: SourceHanSansCN-Regular;
font-size: calc(12px - 0.12rem + 0.16rem);
display: block;
cursor: pointer;
width: 2rem;
height: .55rem;
text-align: center;
line-height: .55rem;
background-color: #a5000a;
}
.b-dmove:hover {
top: 2px;
transition: all .3s;
}
.b-e {
width: 14rem;
position: relative;
}
.b-f {
width: 16.6rem;
padding-bottom: 1.75rem;
}
.b-h {
width: 84.33%;
min-height: 5.8rem;
background-color: #a5000a;
margin-right: 1.5rem;
font-size: 0;
opacity: .33;
display: flex;
align-items: center;
justify-content: space-between;
}
.b-h.swiper-slide-active {
opacity: 1;
}
.b-i {
display: inline-block;
vertical-align: middle;
width: calc(100% - 8.8rem);
padding: 0 .5rem;
}
.b-j {
border-bottom: 1px solid #b7333b;
color: #ffffff;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.36rem);
padding-bottom: .3rem;
margin-bottom: .35rem;
}
.b-jspan {
font-size: calc(12px - 0.12rem + 0.16rem);
}
.b-k {
color: #ffffff;
font-family: SourceHanSansCN-Medium;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.b-k * {
color: #ffffff;
font-family: SourceHanSansCN-Medium;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
}
.b-k span {
margin-right: .3rem;
}
.b-k span:nth-last-child(1) {
margin-right: 0;
}
.b-l {
display: block;
position: relative;
cursor: pointer;
top: 0;
transition: all .3s;
margin-top: 1.2rem;
color: #b50222;
font-family: SourceHanSansCN-Medium;
font-size: calc(12px - 0.12rem + 0.16rem);
width: 2rem;
height: .55rem;
text-align: center;
line-height: .55rem;
background-color: #ffffff;
}
.b-l:hover {
top: 2px;
transition: all .3s;
}
.b-m {
display: inline-block;
vertical-align: middle;
width: 8.8rem;
}
.b-m img {
width: 100%;
}
.b-n {
width: 14rem;
bottom: 1rem;
text-align: center;
}
.b-n .swiper-pagination-bullet {
display: inline-block;
vertical-align: middle;
width: .12rem;
height: .12rem;
border: solid 1px #ae0d15;
background: none;
margin: 0 .09rem;
opacity: 1;
}
.b-n .swiper-pagination-bullet-active {
width: .24rem;
height: .24rem;
border: solid 1px #ae0d15;
position: relative;
}
.b-n .swiper-pagination-bullet-active:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -.06rem;
margin-top: -.06rem;
border-radius: 50%;
width: .12rem;
height: .12rem;
background-color: #ae0d15;
}
@media(max-width: 1600px) {
.b-h {
margin-right: .8rem;
}
}
@media(max-width: 1200px) {
.b-a {
padding-left: .2rem;
padding-right: .2rem;
}
.b-d {
width: 100%;
}
.b-dtext {
width: 70%;
}
.b-i {
padding: 0 .1rem;
}
.b-e {
width: 100%;
}
.b-f {
width: 100%;
}
.b-n {
width: 100%;
}
.b-h {
margin-right: .5rem;
}
}
@media(max-width: 900px) {
.b-h {
padding: .2rem 0;
text-align: center;
flex-direction: column-reverse;
}
.b-i {
width: 100%;
}
.b-l {
display: inline-block;
margin-top: .4rem;
}
.b-m {
width: 80%;
display: inline-block;
margin-bottom: .3rem;
}
.b-j {
font-size: calc(12px - 0.12rem + 0.38rem);
}
}
@media(max-width: 500px) {
.b-dtext {
width: 100%;
}
.b-h {
width: 100%;
margin-right: 0;
}
}
.c-a {
width: 100%;
max-width: 1720px;
margin: 0 auto;
margin-bottom: 1rem;
overflow: hidden;
}
.c-b {
width: 100%;
text-align: center;
}
.c-c {
/* color: #ffffff; */
color: #a5000a;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.36rem);
margin-bottom: .25rem;
}
.c-d {
/* color: #ffffff; */
/* color: #a5000a; */
color: #261616;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: .55rem;
padding: 0 .2rem;
line-height: 1.5;
}
.c-e {
width: 100%;
position: relative;
}
.c-f {
width: 14.28rem;
display: inline-block;
padding-bottom: .6rem;
}
.c-h {
display: block;
cursor: pointer;
width: 33.3%;
padding: 0 .13rem;
}
.c-hbox {
width: 100%;
/* background-color: rgba(255, 255, 255, 1); */
/* background-color: #a5000a; */
padding-bottom: .7rem;
position: relative;
padding-top: .5rem;
}
.c-himg {
width: 100%;
margin-bottom: .4rem;
height: 3.55rem;
line-height: 3.55rem;
/* overflow: hidden; */
}
.c-himg img {
display: inline-block;
max-width: 100%;
max-height: 100%;
transition: all .3s;
}
.c-himg:hover img {
transform: scale(1.1);
}
.c-htext {
color: #333333;
/* color: #fff; */
font-family: SourceHanSansCN-Regular;
font-size: calc(12px - 0.12rem + 0.15rem);
line-height: 2.25;
}
.c-hmove {
/* display: none; */
position: absolute;
width: 100%;
left: 0;
bottom: .35rem;
/* color: #ae0d15; */
/* color: #fff; */
color: #333;
font-family: SourceHanSansCN-Regular;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.c-h:hover .c-hbox {
/* background-color: rgba(255, 255, 255, .9); */
}
.c-h:hover .c-hmove {
display: block;
}
.c-i {
left: .2rem;
opacity: .2;
margin-top: -.3rem;
cursor: pointer;
width: .6rem;
height: .6rem;
border-radius: 0;
background-image: url(../a24.html);
background-size: 12px 22px;
background-position: center center;
background-repeat: no-repeat;
background-color: #a5000a;
opacity: 1;
}
.c-i:hover {
opacity: 1;
}
.c-j {
right: .2rem;
opacity: .2;
margin-top: -.3rem;
cursor: pointer;
width: .6rem;
height: .6rem;
border-radius: 0;
background-image: url(../a25.html);
background-size: 12px 22px;
background-position: center center;
background-repeat: no-repeat;
background-color: #a5000a;
opacity: 1;
}
.c-j:hover {
opacity: 1;
}
.c-kmove {
position: relative;
top: 0;
transition: all .3s;
display: inline-block;
width: 2rem;
height: .55rem;
line-height: .55rem;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.16rem);
cursor: pointer;
color: #ffffff;
background-color: #a5000a;
}
.c-kmove:hover {
top: 2px;
transition: all .3s;
}
@media(max-width: 900px) {
.c-f {
width: calc(100% - 1.8rem);
}
.c-h {
width: 50%;
}
.c-himg {
height: auto;
}
}
@media(max-width: 500px) {
.c-h {
width: 100%;
}
}
.d-a {
width: 100%;
margin-bottom: 1.2rem;
overflow: hidden;
}
.d-b {
width: 100%;
max-width: 1400px;
margin: 0 auto;
text-align: center;
}
.d-c {
/* color: #ffffff; */
color: #a5000a;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.36rem);
margin-bottom: .25rem;
font-weight: 600;
}
.d-d {
/* color: #ffffff; */
/* color: #a5000a; */
color: #231b19;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: .55rem;
padding: 0 .2rem;
line-height: 1.5;
}
.d-e {
width: 100%;
margin-bottom: .3rem;
font-size: 0;
text-align: left;
}
.d-item {
display: inline-block;
vertical-align: top;
cursor: pointer;
width: calc(33.3% - 2px);
margin: 0 1px;
margin-bottom: .3rem;
background-color: #fff;
/* background-color: #a5000a; */
}
.d-img {
width: 100%;
overflow: hidden;
}
.d-img img {
width: 100%;
transform: scale(1.000);
transition: all .3s;
}
.d-text {
width: 100%;
padding: .4rem .35rem .4rem .35rem;
}
.d-text1 {
margin-bottom: .25rem;
color: #333333;
/* color: #fff; */
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
height: 3em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.d-text2 {
margin-bottom: .25rem;
color: #333333;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.15rem);
line-height: 1.5;
height: 4.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.d-time {
/* color: #666666; */
color: #333;
font-family: ArialMT;
font-size: calc(12px - 0.12rem + 0.15rem);
}
.d-item:hover .d-img img {
transform: scale(1.100);
transition: all .3s;
}
.d-item:hover .d-text1 {
/* color: #ae0d15; */
/* color: #fff; */
}
.d-move {
position: relative;
top: 0;
transition: all .3s;
display: inline-block;
width: 2rem;
height: .55rem;
line-height: .55rem;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.16rem);
cursor: pointer;
color: #ffffff;
background-color: #a5000a;
font-weight: 600;
}
.d-move:hover {
top: 2px;
transition: all .3s;
}
@media(max-width: 900px) {
.d-text {
padding: .4rem .1rem .2rem .1rem;
min-height: 3rem;
}
.d-text1 {
font-size: 14px;
}
.d-text2 {
font-size: 12px;
}
}
@media(max-width:500px) {
.d-e {
padding: 0 .2rem;
}
.d-item {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
.e-a {
width: 100%;
margin-bottom: 1.2rem;
overflow: hidden;
}
.e-b {
width: 100%;
max-width: 1400px;
margin: 0 auto;
text-align: center;
}
.e-c {
width: 100%;
/* font-size: 0; */
display: flex;
}
.e-item {
/* display: inline-block; */
/* vertical-align: top; */
width: 50%;
min-height: 4rem;
padding: 0 1.3rem 0 1.3rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.e-d {
color: #f9f9f9;
font-family: SourceHanSansCN-Bold;
font-weight: 600;
font-size: calc(12px - 0.12rem + 0.3rem);
/* margin-bottom: .35rem; */
margin-bottom: .5rem;
}
.e-text {
line-height: 1.5;
color: #f9f9f9;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.15rem);
margin-bottom: .5rem;
display: none;
}
.e-move {
position: relative;
top: 0;
transition: all .3s;
display: inline-block;
width: 2rem;
height: .55rem;
line-height: .55rem;
font-family: SourceHanSansCN-Bold;
font-size: calc(12px - 0.12rem + 0.16rem);
cursor: pointer;
color: #ffffff;
background-color: #a5000a;
}
.e-move:hover {
top: 2px;
transition: all .3s;
}
@media(max-width: 1200px) {
.e-item {
padding: .8rem .8rem .3rem .8rem;
}
}
@media(max-width:500px) {
.e-c {
flex-direction: column;
}
.e-item {
width: 100%;
padding: .3rem .5rem;
min-height: 1rem;
}
}