@charset "UTF-8";
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,
main,
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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
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; /*去掉搜狗浏览器密码软盘*/
}
select:focus-visible {
/* outline: -webkit-focus-ring-color auto 1px; 这是谷歌浏览器的原生样式*/
outline: none;
}
body {
font-size: 14px;
color: #000;
line-height: 1.2;
}
body * {
box-sizing: border-box;
}
#web-ietip {
width: 526px;
height: 90px;
padding: 83px 0 0 84px;
overflow: hidden;
background: url(../css/ietip/browser.png) 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;
}
html {
font-size: 5.2083333333vw;
}
@media (max-width: 900px) {
html {
font-size: 46.875px;
}
}
@media (min-width: 1921px) {
.s0 {
font-size: 0;
}
.s12 {
font-size: 0.625vw;
}
.s13 {
font-size: 0.6770833333vw;
}
.s14 {
font-size: 0.7291666667vw;
}
.s15 {
font-size: 0.78125vw;
}
.s16 {
font-size: 0.8333333333vw;
}
.s17 {
font-size: 0.8854166667vw;
}
.s18 {
font-size: 0.9375vw;
}
.s19 {
font-size: 0.9895833333vw;
}
.s20 {
font-size: 1.0416666667vw;
}
.s21 {
font-size: 1.09375vw;
}
.s22 {
font-size: 1.1458333333vw;
}
.s23 {
font-size: 1.1979166667vw;
}
.s24 {
font-size: 1.25vw;
}
.s25 {
font-size: 1.3020833333vw;
}
.s26 {
font-size: 1.3541666667vw;
}
.s27 {
font-size: 1.40625vw;
}
.s28 {
font-size: 1.4583333333vw;
}
.s29 {
font-size: 1.5104166667vw;
}
.s30 {
font-size: 1.5625vw;
}
.s31 {
font-size: 1.6145833333vw;
}
.s32 {
font-size: 1.6666666667vw;
}
.s33 {
font-size: 1.71875vw;
}
.s34 {
font-size: 1.7708333333vw;
}
.s35 {
font-size: 1.8229166667vw;
}
.s36 {
font-size: 1.875vw;
}
.s37 {
font-size: 1.9270833333vw;
}
.s38 {
font-size: 1.9791666667vw;
}
.s39 {
font-size: 2.03125vw;
}
.s40 {
font-size: 2.0833333333vw;
}
.s41 {
font-size: 2.1354166667vw;
}
.s42 {
font-size: 2.1875vw;
}
.s43 {
font-size: 2.2395833333vw;
}
.s44 {
font-size: 2.2916666667vw;
}
.s45 {
font-size: 2.34375vw;
}
.s46 {
font-size: 2.3958333333vw;
}
.s47 {
font-size: 2.4479166667vw;
}
.s48 {
font-size: 2.5vw;
}
.s49 {
font-size: 2.5520833333vw;
}
.s50 {
font-size: 2.6041666667vw;
}
.s51 {
font-size: 2.65625vw;
}
.s52 {
font-size: 2.7083333333vw;
}
.s53 {
font-size: 2.7604166667vw;
}
.s54 {
font-size: 2.8125vw;
}
.s55 {
font-size: 2.8645833333vw;
}
.s56 {
font-size: 2.9166666667vw;
}
.s57 {
font-size: 2.96875vw;
}
.s58 {
font-size: 3.0208333333vw;
}
.s59 {
font-size: 3.0729166667vw;
}
.s60 {
font-size: 3.125vw;
}
.s62 {
font-size: 3.2291666667vw;
}
.s65 {
font-size: 3.3854166667vw;
}
.s70 {
font-size: 3.6458333333vw;
}
.s72 {
font-size: 3.75vw;
}
.s78 {
font-size: 4.0625vw;
}
.s80 {
font-size: 4.1666666667vw;
}
.s100 {
font-size: 5.2083333333vw;
}
.s107 {
font-size: 5.5729166667vw;
}
.s200 {
font-size: 10.4166666667vw;
}
}
@media (max-width: 1920px) and (min-width: 551px) {
.s0 {
font-size: 0;
}
.s12 {
font-size: 12px;
}
.s13 {
font-size: calc(12px + 0.0520833333vw);
}
.s14 {
font-size: calc(12px + 0.1041666667vw);
}
.s15 {
font-size: calc(12px + 0.15625vw);
}
.s16 {
font-size: calc(12px + 0.2083333333vw);
}
.s17 {
font-size: calc(12px + 0.2604166667vw);
}
.s18 {
font-size: calc(12px + 0.3125vw);
}
.s19 {
font-size: calc(12px + 0.3645833333vw);
}
.s20 {
font-size: calc(12px + 0.4166666667vw);
}
.s21 {
font-size: calc(12px + 0.46875vw);
}
.s22 {
font-size: calc(12px + 0.5208333333vw);
}
.s23 {
font-size: calc(12px + 0.5729166667vw);
}
.s24 {
font-size: calc(12px + 0.625vw);
}
.s25 {
font-size: calc(12px + 0.6770833333vw);
}
.s26 {
font-size: calc(12px + 0.7291666667vw);
}
.s27 {
font-size: calc(12px + 0.78125vw);
}
.s28 {
font-size: calc(12px + 0.8333333333vw);
}
.s29 {
font-size: calc(12px + 0.8854166667vw);
}
.s30 {
font-size: calc(12px + 0.9375vw);
}
.s31 {
font-size: calc(12px + 0.9895833333vw);
}
.s32 {
font-size: calc(12px + 1.0416666667vw);
}
.s33 {
font-size: calc(12px + 1.09375vw);
}
.s34 {
font-size: calc(12px + 1.1458333333vw);
}
.s35 {
font-size: calc(12px + 1.1979166667vw);
}
.s36 {
font-size: calc(12px + 1.25vw);
}
.s37 {
font-size: calc(12px + 1.3020833333vw);
}
.s38 {
font-size: calc(12px + 1.3541666667vw);
}
.s39 {
font-size: calc(12px + 1.40625vw);
}
.s40 {
font-size: calc(12px + 1.4583333333vw);
}
.s41 {
font-size: calc(12px + 1.5104166667vw);
}
.s42 {
font-size: calc(12px + 1.5625vw);
}
.s43 {
font-size: calc(12px + 1.6145833333vw);
}
.s44 {
font-size: calc(12px + 1.6666666667vw);
}
.s45 {
font-size: calc(12px + 1.71875vw);
}
.s46 {
font-size: calc(12px + 1.7708333333vw);
}
.s47 {
font-size: calc(12px + 1.8229166667vw);
}
.s48 {
font-size: calc(12px + 1.875vw);
}
.s49 {
font-size: calc(12px + 1.9270833333vw);
}
.s50 {
font-size: calc(12px + 1.9791666667vw);
}
.s51 {
font-size: calc(12px + 2.03125vw);
}
.s52 {
font-size: calc(12px + 2.0833333333vw);
}
.s53 {
font-size: calc(12px + 2.1354166667vw);
}
.s54 {
font-size: calc(12px + 2.1875vw);
}
.s55 {
font-size: calc(12px + 2.2395833333vw);
}
.s56 {
font-size: calc(12px + 2.2916666667vw);
}
.s57 {
font-size: calc(12px + 2.34375vw);
}
.s58 {
font-size: calc(12px + 2.3958333333vw);
}
.s59 {
font-size: calc(12px + 2.4479166667vw);
}
.s60 {
font-size: calc(12px + 2.5vw);
}
.s62 {
font-size: calc(12px + 2.6041666667vw);
}
.s65 {
font-size: calc(12px + 2.7604166667vw);
}
.s70 {
font-size: calc(12px + 3.0208333333vw);
}
.s72 {
font-size: calc(12px + 3.125vw);
}
.s78 {
font-size: calc(12px + 3.4375vw);
}
.s80 {
font-size: calc(12px + 3.5416666667vw);
}
.s100 {
font-size: calc(12px + 4.5833333333vw);
}
.s107 {
font-size: calc(12px + 4.9479166667vw);
}
.s200 {
font-size: calc(12px + 9.7916666667vw);
}
}
@media (max-width: 550px) {
.s0 {
font-size: 0;
}
.s12 {
font-size: 12px;
}
.s13 {
font-size: 12.2864583333px;
}
.s14 {
font-size: 12.5729166667px;
}
.s15 {
font-size: 12.859375px;
}
.s16 {
font-size: 13.1458333333px;
}
.s17 {
font-size: 13.4322916667px;
}
.s18 {
font-size: 13.71875px;
}
.s19 {
font-size: 14.0052083333px;
}
.s20 {
font-size: 14.2916666667px;
}
.s21 {
font-size: 14.578125px;
}
.s22 {
font-size: 14.8645833333px;
}
.s23 {
font-size: 15.1510416667px;
}
.s24 {
font-size: 15.4375px;
}
.s25 {
font-size: 15.7239583333px;
}
.s26 {
font-size: 16.0104166667px;
}
.s27 {
font-size: 16.296875px;
}
.s28 {
font-size: 16.5833333333px;
}
.s29 {
font-size: 16.8697916667px;
}
.s30 {
font-size: 17.15625px;
}
.s31 {
font-size: 17.4427083333px;
}
.s32 {
font-size: 17.7291666667px;
}
.s33 {
font-size: 18.015625px;
}
.s34 {
font-size: 18.3020833333px;
}
.s35 {
font-size: 18.5885416667px;
}
.s36 {
font-size: 18.875px;
}
.s37 {
font-size: 19.1614583333px;
}
.s38 {
font-size: 19.4479166667px;
}
.s39 {
font-size: 19.734375px;
}
.s40 {
font-size: 20.0208333333px;
}
.s41 {
font-size: 20.3072916667px;
}
.s42 {
font-size: 20.59375px;
}
.s43 {
font-size: 20.8802083333px;
}
.s44 {
font-size: 21.1666666667px;
}
.s45 {
font-size: 21.453125px;
}
.s46 {
font-size: 21.7395833333px;
}
.s47 {
font-size: 22.0260416667px;
}
.s48 {
font-size: 22.3125px;
}
.s49 {
font-size: 22.5989583333px;
}
.s50 {
font-size: 22.8854166667px;
}
.s51 {
font-size: 23.171875px;
}
.s52 {
font-size: 23.4583333333px;
}
.s53 {
font-size: 23.7447916667px;
}
.s54 {
font-size: 24.03125px;
}
.s55 {
font-size: 24.3177083333px;
}
.s56 {
font-size: 24.6041666667px;
}
.s57 {
font-size: 24.890625px;
}
.s58 {
font-size: 25.1770833333px;
}
.s59 {
font-size: 25.4635416667px;
}
.s60 {
font-size: 25.75px;
}
.s62 {
font-size: 26.3229166667px;
}
.s65 {
font-size: 27.1822916667px;
}
.s70 {
font-size: 28.6145833333px;
}
.s72 {
font-size: 29.1875px;
}
.s78 {
font-size: 30.90625px;
}
.s80 {
font-size: 31.4791666667px;
}
.s100 {
font-size: 37.2083333333px;
}
.s107 {
font-size: 39.2135416667px;
}
.s200 {
font-size: 65.8541666667px;
}
}
#bp_container video {
width: 80%;
}
.w1000 {
width: 10rem;
margin: 0 auto;
max-width: 80%;
}
.w1200 {
width: 12rem;
margin: 0 auto;
max-width: 90%;
}
.w1240 {
width: 12.4rem;
margin: 0 auto;
max-width: 90%;
}
.w1280 {
width: 12.8rem;
margin: 0 auto;
max-width: 90%;
}
.w1400 {
width: 14rem;
margin: 0 auto;
max-width: 92%;
}
.w1440 {
width: 14.4rem;
margin: 0 auto;
max-width: 92%;
}
.w1520 {
width: 15.2rem;
margin: 0 auto;
max-width: 96%;
}
.w1600 {
width: 16rem;
margin: 0 auto;
max-width: 94%;
}
.w1620 {
width: 16.2rem;
margin: 0 auto;
max-width: 94%;
}
.w1660 {
width: 16.6rem;
margin: 0 auto;
max-width: 96%;
}
.w1720 {
width: 17.2rem;
margin: 0 auto;
max-width: 98%;
}
.w1800 {
width: 18rem;
margin: 0 auto;
max-width: 98%;
}
.w1820 {
width: 18.2rem;
margin: 0 auto;
max-width: 98%;
}
@media (max-width: 900px) {
body {
padding-top: 50px;
transition: all 0.3s linear;
}
}
@-webkit-keyframes jump {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-6px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
@keyframes jump {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-6px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes line {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes line {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.threeCanvas {
width: 100%;
height: 8rem;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
opacity: 1;
pointer-events: none;
}
.com-banner {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.com-banner .cb_ban {
position: relative;
}
.com-banner .cb_bg {
position: relative;
padding-top: 46.875%;
overflow: hidden;
}
.com-banner .cb_bg img {
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.com-banner .cb_text {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
color: #fff;
}
.com-banner .cb_text .cbp1 {
font-weight: bold;
}
.com-banner .cb_text .cbp2 {
margin-top: 0.12rem;
min-height: 2.4em;
}
.com-banner .cb_text .cbp3 {
line-height: 1.375;
margin-top: 0.1rem;
}
.com-banner .video video {
width: 100%;
}
.com-banner .cb_nav {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%);
padding: 0.32rem 0;
line-height: 1;
color: #fff;
font-weight: 300;
}
.com-banner .cb_nav .home {
display: inline-flex;
align-items: center;
}
.com-banner .cb_nav a:hover {
color: #003592;
}
.com-breadnav {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
min-height: 1rem;
}
.com-breadnav .bn_box {
display: flex;
justify-content: space-between;
align-items: center;
}
.com-breadnav .bread_nav {
display: flex;
align-items: center;
}
.com-breadnav .bn_a {
line-height: 1rem;
padding: 0 0.25rem;
color: #222;
position: relative;
transition: color 0.3s;
flex-shrink: 0;
}
.com-breadnav .bn_a:last-child {
margin-right: 0;
}
.com-breadnav .bn_a.on {
color: #fff !important;
background-color: #003592;
}
.com-breadnav .bn_a:hover {
color: #003592;
transition: color 0.3s;
}
.com-breadnav .zone_nav {
display: flex;
align-items: center;
}
.com-breadnav .icon {
margin-right: 0.1rem;
}
.com-breadnav .sp1 {
margin: 0 4px;
}
.com-breadnav .z_a {
white-space: nowrap;
position: relative;
transition: all 0.3s;
color: #999;
}
.com-breadnav .z_a.on, .com-breadnav .z_a:hover {
color: #222;
transition: all 0.3s;
}
@media (max-width: 900px) {
.com-breadnav .bread_nav {
max-width: 100%;
overflow-x: auto;
}
.com-breadnav .zone_nav {
display: none;
}
}
.com-pag {
display: flex;
justify-content: center;
}
.com-pag.bgfff .p_a {
background-color: #fff;
}
.com-pag .p_a {
width: 0.4rem;
height: 0.4rem;
min-width: 30px;
min-height: 30px;
margin-right: 0.08rem;
line-height: 1;
background-color: #fff;
font-weight: 500;
color: #999;
}
.com-pag .p_a:last-child {
margin-right: 0;
}
.com-pag .ell {
border-color: transparent;
}
.com-pag .btn {
width: auto;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 0.2rem;
transition: all 0.3s;
}
.com-pag .btn:hover {
color: #fff;
background-color: #003592;
}
.com-pag .num {
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.com-pag .num:hover, .com-pag .num.on {
color: #fff;
background-color: #003592;
transition: all 0.3s;
}
.com-pag .prev {
background-image: url(../images/icon-p11.png);
}
.com-pag .prev:hover {
background-image: url(../images/icon-p12.png);
}
.com-pag .next {
background-image: url(../images/icon-p21.png);
}
.com-pag .next:hover {
background-image: url(../images/icon-p22.png);
}
.com-pag .te {
width: auto;
padding: 0 0.2rem;
}
.com-pag2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.com-pag2 .cp_a {
line-height: 1;
font-weight: 500;
max-width: 30%;
}
.com-pag2 .cp_a:hover .sp2 {
color: #003592;
}
.com-pag2 .cp_b {
display: inline-flex;
align-items: center;
}
.com-pag2 .cp_b:hover .sp1 {
color: #003592;
}
.com-pag2 .icon {
display: inline-flex;
align-items: center;
margin-right: 6px;
}
.com-pag2 .sp1 {
color: #2c2c2c;
}
.com-pag2 .sp2 {
color: #999;
}
@media (max-width: 900px) {
.com-pag2 .cp_a {
width: 100%;
max-width: none;
text-align: center;
margin: 10px 0;
}
.com-pag2 .cp_b {
display: none;
}
}
.com-pnav {
margin-top: -0.2rem;
position: relative;
z-index: 30;
}
.com-pnav .pnav_box {
display: flex;
background-color: #fff;
box-shadow: -0.18rem 0.12rem 0.45rem 4px rgba(6, 2, 58, 0.1);
border-radius: 5px;
overflow: hidden;
}
.com-pnav .pn_i {
flex-grow: 1;
padding: 0.36rem 0;
text-align: center;
position: relative;
}
.com-pnav .pn_i::before {
content: "";
width: 0;
height: 4px;
background-color: #264b9b;
position: absolute;
bottom: 0;
left: 0;
}
.com-pnav .pn_i:hover {
color: #003592;
}
.com-pnav .pn_i.on {
color: #003592;
}
.com-pnav .pn_i.on::before {
width: 100%;
}
.com-nav {
border-bottom: 1px solid #dedede;
}
.com-nav .n_box {
display: flex;
justify-content: center;
overflow-x: auto;
}
.com-nav .cn_a {
font-weight: 300;
line-height: 1;
padding: 0.45rem 0.45rem;
flex-shrink: 0;
text-align: center;
color: #999;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.com-nav .cn_a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 1em;
background-color: #999;
}
.com-nav .cn_a:last-child::after {
display: none;
}
.com-nav .cn_a:hover {
color: #003592;
}
.com-nav .cn_a.on {
color: #222;
box-shadow: inset 0 -3px 0 0 #003592;
}
.com-nav .cn_a.on::before {
content: "";
display: block;
width: 0.12rem;
height: 0.12rem;
border-radius: 50%;
background-color: #003592;
position: absolute;
left: 0.42rem;
top: 0.4rem;
}
.com-nav .cn_a .sp {
display: block;
position: relative;
}
@media (max-width: 900px) {
.com-nav .cn_a {
padding: 15px;
text-align: center;
}
.com-nav .cn_a::before {
display: none !important;
left: 15px !important;
top: 15px !important;
}
}
@media (max-width: 500px) {
.com-nav .n_box {
justify-content: flex-start;
scrollbar-width: thin;
}
.com-nav .n_box::-webkit-scrollbar {
width: 10px;
height: 4px;
}
.com-nav .n_box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #535353;
}
.com-nav .n_box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #ededed;
}
}
.com-tit {
text-align: center;
}
.com-tit .ct1 {
font-weight: bold;
position: relative;
}
.com-tit .ct2 {
margin-top: 0.1rem;
color: #666;
}
.com-tit .ct3 {
width: 0.34rem;
min-width: 34px;
height: 3px;
background-color: #00a54f;
margin-top: 0.29rem;
}
@media (max-width: 900px) {
.com-tit .ct1::before {
right: calc(100% + 4px);
}
}
.c-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.3s;
}
.cbtn {
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
background-color: #fff;
transition: all 0.3s;
position: relative;
left: 0;
top: 0;
right: 0;
margin: 0;
border: none !important;
outline: none !important;
background-size: 14.2857142857% auto;
background-position: center;
background-repeat: no-repeat;
}
.cbtn:hover {
background-color: #003592;
transition: all 0.3s;
}
.cbtn.prev {
background-image: url(../images/icon-p11.png);
}
.cbtn.prev:hover {
background-image: url(../images/icon-p12.png);
}
.cbtn.next {
background-image: url(../images/icon-p21.png);
}
.cbtn.next:hover {
background-image: url(../images/icon-p22.png);
}
.com-tt {
color: #fff;
}
.com-tt .tt1 {
font-weight: bold;
}
.com-tt .tt2 {
font-weight: 600;
margin-top: 0.16rem;
}
.com-tt .tt {
position: relative;
display: inline-block;
color: #222;
line-height: 1;
margin: 0 0.05rem;
}
.com-tt .tt::before {
content: "";
position: absolute;
bottom: -0.16em;
left: 50%;
transform: translate(-50%);
width: calc(100% + 0.15rem);
height: 0.3rem;
background-color: #0e4cff;
border-radius: 1rem;
}
.com-rec .rec_a {
position: relative;
display: block;
margin-bottom: 0.3rem;
}
.com-rec .rec_a:hover .img img {
transform: scale(1.1);
transition: all 0.3s;
}
.com-rec .rec_a:last-child {
margin-bottom: 0;
}
.com-rec .rec_a .img {
position: relative;
padding-top: 60.3125%;
overflow: hidden;
}
.com-rec .rec_a .name {
position: absolute;
left: 0;
bottom: 0;
padding: 0 0.2rem;
padding-bottom: 0.16rem;
color: #fff;
width: 100%;
font-weight: 300;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 900px) {
.com-rec {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.com-rec .rec_a {
width: 48%;
margin: 0;
margin-bottom: 4% !important;
}
}
@-webkit-keyframes zhuan {
0% {
transform: rotate(0);
}
100% {
transform: rotate(180deg);
}
}
@keyframes zhuan {
0% {
transform: rotate(0);
}
100% {
transform: rotate(180deg);
}
}
.md-head.m_show .md-mob_sideNav {
right: 0;
transition: all 0.2s linear;
opacity: 1;
}
.md-head.m_show .mob_mask {
display: block;
}
.md-head.ceiling .head_pc, .md-head.white .head_pc {
background-color: #fff;
box-shadow: 0px 0.1rem 0.3rem 0px rgba(220, 220, 220, 0.3);
transition: all 0.3s;
}
.md-head.ceiling .head_pc .logo .i1, .md-head.white .head_pc .logo .i1 {
display: none;
}
.md-head.ceiling .head_pc .logo .i2, .md-head.white .head_pc .logo .i2 {
display: block;
}
.md-head.ceiling .head_pc .ul1 .li1:hover .a1, .md-head.white .head_pc .ul1 .li1:hover .a1 {
color: #003592;
}
.md-head.ceiling .head_pc .ul1 .li1:hover .a1::before, .md-head.white .head_pc .ul1 .li1:hover .a1::before {
width: 100%;
transition: width 0.2s;
}
.md-head.ceiling .head_pc .ul1 .a1, .md-head.white .head_pc .ul1 .a1 {
color: #222;
}
.md-head.ceiling .head_pc .ph, .md-head.white .head_pc .ph {
color: #003592;
}
.md-head.ceiling .head_pc .ph img, .md-head.white .head_pc .ph img {
opacity: 1;
}
.md-head.ceiling .head_pc .search .i1, .md-head.white .head_pc .search .i1 {
display: none;
}
.md-head.ceiling .head_pc .search .i2, .md-head.white .head_pc .search .i2 {
display: block;
}
.md-head.ceiling .head_pc .h_lang .i1, .md-head.white .head_pc .h_lang .i1 {
display: none;
}
.md-head.ceiling .head_pc .h_lang .i2, .md-head.white .head_pc .h_lang .i2 {
display: block;
}
.md-head.ceiling .head_pc .more, .md-head.white .head_pc .more {
background-image: url(../images/icon-mob2.png);
}
.md-head .mob_mask {
display: none;
top: 0;
left: 0;
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
}
@media (min-width: 900px) {
.md-head .mob_mask {
display: none !important;
}
}
.head_pc {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: rgba(168, 183, 237, 0.1);
transition: all 0.3s;
}
@media (max-width: 900px) {
.head_pc {
border-color: transparent;
background-color: #fff !important;
top: 0;
}
}
.head_box {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.head_box .logo {
flex-shrink: 0;
position: relative;
}
.head_box .logo img {
width: auto;
height: 0.24rem;
min-height: 18px;
}
.head_box .logo .i2 {
display: none;
}
.head_box .bd_ul {
position: absolute;
top: 95%;
right: 0;
min-width: 80px;
width: 1rem;
display: none;
background-color: #fff;
box-shadow: 0px 8px 7px 1px rgba(132, 132, 132, 0.5);
border-radius: 5px;
overflow: hidden;
}
.head_box .bd_ul .bd_li {
padding: 0 0.06rem;
transition: all 0.3s;
}
.head_box .bd_ul .bd_li:hover {
background-color: #e4e4e4;
transition: all 0.3s;
}
.head_box .bd_ul .bd_a {
display: block;
text-align: center;
padding: 0.13rem 0;
box-sizing: border-box;
letter-spacing: 0.03rem;
transition: all 0.3s;
line-height: 1;
border-bottom: 1px solid #e4e4e4;
}
.head_box .hb_ri {
display: flex;
align-items: center;
}
.head_box .time {
display: flex;
align-items: center;
line-height: 1;
background-color: #003592;
color: #fff;
padding: 0.1rem 0.13rem;
}
.head_box .time img {
margin-right: 0.12rem;
}
.head_box .ul1 {
display: flex;
}
.head_box .ul1 .li1 {
position: relative;
}
.head_box .ul1 .li1:last-child {
margin-right: 0;
}
.head_box .ul1 .li1:hover .ul2 {
transform: translate(-50%) scaleY(1);
transition: all 0.2s;
}
.head_box .ul1 .a1 {
display: block;
white-space: nowrap;
position: relative;
line-height: 0.8rem;
color: #e9f0f9;
text-align: center;
padding: 0 0.3rem;
}
.head_box .ul1 .a1:hover {
color: #003592 !important;
transition: all 0.3s;
}
.head_box .ul1 .a1.on {
color: #003592 !important;
}
.head_box .ul1 .ul2 {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%) scaleY(0);
min-width: 100%;
background-color: #fff;
box-shadow: 0px 8px 7px 1px rgba(132, 132, 132, 0.5);
overflow: hidden;
transform-origin: top;
transition: all 0.2s;
text-align: center;
}
.head_box .ul1 .a2 {
display: block;
text-align: center;
padding: 0.14rem 0.2rem;
white-space: nowrap;
position: relative;
transition: all 0.3s;
}
.head_box .ul1 .a2::before {
content: "";
width: 0;
height: 2px;
background-color: #003592;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
transition: all 0.2s;
}
.head_box .ul1 .a2:hover {
color: #003592;
transition: all 0.3s;
}
.head_box .ul1 .a2:hover::before {
width: 100%;
transition: all 0.2s;
}
.head_box .mob_show {
display: flex;
align-items: center;
}
.head_box .search {
position: relative;
cursor: pointer;
margin-right: 0.36rem;
}
.head_box .search .i2 {
display: none;
}
.head_box .ph {
display: inline-flex;
align-items: center;
color: #fff;
margin-right: 0.68rem;
font-weight: bold;
}
.head_box .ph img {
width: 0.16rem;
min-width: 15px;
margin-right: 0.1rem;
opacity: 0;
}
.head_box .h_lang {
position: relative;
}
.head_box .h_lang:hover .bd {
top: 100%;
opacity: 1;
visibility: visible;
transition: all 0.4s;
}
.head_box .h_lang .hd {
height: 0.8rem;
cursor: pointer;
display: flex;
align-items: center;
}
.head_box .h_lang .i2 {
display: none;
}
.head_box .h_lang .bd {
position: absolute;
left: 50%;
top: 110%;
transform: translate(-50%);
background-color: #fff;
z-index: 50;
opacity: 0;
visibility: collapse;
transition: all 0.4s;
}
.head_box .h_lang .bi {
display: block;
text-align: center;
padding: 0.1rem 0.16rem;
white-space: nowrap;
}
.head_box .h_lang .bi:hover {
color: #003592;
}
.head_box .h_lang .b1 {
padding-bottom: 0.1rem;
}
.head_box .h_lang .b2_i {
display: inline-block;
min-width: 20%;
margin-top: 0.2rem;
margin-right: 0.3rem;
line-height: 1.5;
}
.head_box .h_lang .b2_i:hover {
color: #003592;
}
.head_box .h_lang .b2_i:last-child {
margin-right: 0;
}
.head_box .code {
height: 0.85rem;
}
.head_box .code img {
height: 100%;
}
.head_box .login {
position: relative;
margin-left: 0.45rem;
}
.head_box .login.has_login:hover .bd {
display: block;
}
.head_box .login .hd {
line-height: 1;
padding: 0.1rem 0.22rem;
background-color: #003592;
color: #fff;
border-radius: 0.1rem;
display: block;
}
.head_box .login .bd {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
padding-top: 0.2rem;
width: 1rem;
min-width: 60px;
display: none;
}
.head_box .login .btn {
text-align: center;
background-color: #fff;
color: #003592;
cursor: pointer;
padding: 0.1rem 0;
}
.head_box .more {
width: 50px;
height: 50px;
position: relative;
cursor: pointer;
display: none;
background-image: url(../images/icon-mob1.png);
background-repeat: no-repeat;
background-size: 50% auto;
background-position: center;
}
.head_box .more .line {
width: 30px;
height: 2px;
background-color: #333;
position: absolute;
left: 10px;
border-radius: 2px;
}
.head_box .more .sp1 {
top: 30%;
}
.head_box .more .sp2 {
top: 50%;
}
.head_box .more .sp3 {
top: 70%;
}
@media (max-width: 1280px) {
.head_box .ul1 .a1 {
padding: 0 0.15rem;
}
.head_box .ph {
margin-right: 0.3rem;
}
}
@media (max-width: 900px) {
.head_box {
height: 50px;
padding-left: 3%;
}
.head_box .logo .i1 {
display: none;
}
.head_box .logo .i2 {
display: block;
}
.head_box .ul1 {
display: none;
}
.head_box .ph {
margin-right: 10px;
}
.head_box .ph img {
opacity: 1;
}
.head_box .ph span {
display: none;
}
.head_box .code {
display: none;
}
.head_box .search .i1 {
display: none;
}
.head_box .search .i2 {
display: block;
}
.head_box .h_lang .i1 {
display: none;
}
.head_box .h_lang .i2 {
display: block;
}
.head_box .more {
display: block;
background-image: url(../images/icon-mob2.png);
}
}
.md-mob_sideNav {
position: fixed;
right: -100%;
opacity: 0;
top: 0;
width: 8rem;
max-width: 70%;
height: 100vh;
transform-origin: top;
background-color: #fff;
box-shadow: 0 3px 0.16rem rgba(0, 0, 0, 0.04);
transition: all 0.2s linear;
z-index: 300;
}
.md-mob_sideNav .mob_bot {
padding: 0 20px;
}
.md-mob_sideNav .ul1 {
width: 100%;
padding: 0.5rem 0;
overflow-y: auto;
scrollbar-width: thin;
}
.md-mob_sideNav .ul1::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.md-mob_sideNav .ul1::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #fff;
}
.md-mob_sideNav .ul1::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #ededed;
}
.md-mob_sideNav .ul1 .li1 {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
}
.md-mob_sideNav .ul1 .a1 {
position: relative;
line-height: 40px;
padding: 0 20px;
font-size: 16px;
}
.md-mob_sideNav .ul1 .a1:hover {
color: #003592;
}
.md-mob_sideNav .ul1 .ul2 {
display: none;
}
.md-mob_sideNav .ul1 .ul2 .li2 .a2 {
margin: 5px 0;
padding-left: 40px;
line-height: 30px;
font-size: 14px;
display: block;
}
.md-mob_sideNav .ul1 .ul2 .li2 .a2:hover {
color: #003592;
}
.md-mob_sideNav .ul1 .dt {
position: relative;
}
.md-mob_sideNav .ul1 .has_nav .dt::after {
content: "";
width: 14px;
height: 14px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/hm_3.png);
background-repeat: no-repeat;
background-size: contain;
}
.md-mob_sideNav .ul1 .has_nav.show .dt::after {
background-image: url(../images/hm_4.png);
}
.md-mob_sideNav .hmob_off {
padding: 0 10px;
height: 50px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: flex-end;
}
.md-mob_sideNav .hmob_off .m_off {
width: 50px;
height: 50px;
background-image: url(../images/m_off.png);
background-size: 40% auto;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
transform-origin: center;
opacity: 0.3;
transition: all 0.3s linear;
}
.md-mob_sideNav .hmob_off .m_off:hover {
transform: rotate(180deg);
opacity: 0.8;
transition: all 0.3s linear;
}
.md-mob_sideNav .hmob_top {
height: 100%;
}
.md-mob_sideNav .hmob_bot {
height: 70px;
display: flex;
justify-content: center;
}
.md-mob_sideNav .hmob_bot .btn {
display: inline-flex;
align-items: center;
line-height: 1;
cursor: pointer;
}
.md-mob_sideNav .hmob_bot img {
width: 20px;
margin-right: 5px;
}
.md-mob_sideNav .hmob_lang {
position: absolute;
right: -100%;
top: 0;
width: 100%;
height: 100%;
padding: 20px;
padding-top: 0;
background-color: #fff;
transition: all 0.2s;
}
.md-mob_sideNav .hmob_lang.show {
right: 0;
transition: all 0.2s;
}
.md-mob_sideNav .hmob_back {
display: flex;
align-items: center;
line-height: 1;
padding: 20px 0;
cursor: pointer;
}
.md-mob_sideNav .hmob_back img {
margin-right: 10px;
}
.md-mob_sideNav .dd1 {
font-weight: bold;
}
.md-mob_sideNav .l_ul {
margin-top: 10px;
}
.md-mob_sideNav .l_ul .l_la {
display: block;
padding: 6px 0;
}
.md-mob_sideNav .l_ul .l_la:hover {
color: #003592;
}
@media (min-width: 1500px) {
.md-mob_sideNav {
display: none !important;
}
}
.md-search_form {
position: fixed;
top: 0rem;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
pointer-events: none;
transition: all 0.2s;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.md-search_form.show {
transition: all 0.2s;
opacity: 1;
pointer-events: auto;
}
.md-search_form .hf_top {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 0.47rem;
position: relative;
z-index: 99;
}
.md-search_form .logo img {
width: auto;
height: 0.24rem;
min-height: 18px;
}
.md-search_form .off {
width: 0.17rem;
min-width: 17px;
height: 0.17rem;
min-height: 17px;
background-image: url(../images/icon-off.png);
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.md-search_form .h_form {
width: 8rem;
max-width: 80%;
position: relative;
z-index: 402;
}
.md-search_form .p1 {
text-align: center;
color: #fff;
}
.md-search_form .inp {
margin: 0 auto;
margin-top: 0.4rem;
overflow: hidden;
position: relative;
}
.md-search_form .inp input {
width: 100%;
height: 0.75rem;
min-height: 40px;
border-radius: 1rem;
padding: 0 0.36rem;
border: none;
outline: none;
}
.md-search_form .h_sub {
position: absolute;
right: 0.2rem;
top: 50%;
transform: translateY(-50%);
width: 0.4rem;
min-width: 30px;
height: 0.4rem;
min-height: 30px;
border-radius: 50%;
background-color: #fff;
background-image: url(../images/icon-mag2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 50% auto;
cursor: pointer;
z-index: 10;
border: none;
outline: none;
}
.md-search_form .every {
color: #fff;
margin-top: 0.25rem;
padding: 0 0.4rem;
font-size: 0;
}
.md-search_form .every .tx {
display: inline-flex;
align-items: center;
margin-right: 0.3rem;
margin-top: 4px;
}
.md-search_form .every .tx img {
margin-right: 0.13rem;
}
.md-search_form .every a {
display: inline-block;
margin-right: 0.33rem;
}
.md-search_form .every a:hover {
opacity: 0.5;
}
.md-search_form .hf_bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.md-search_form .hf_bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.md-search_form .hf_bot {
display: flex;
justify-content: space-between;
align-items: flex-end;
color: #fff;
line-height: 2;
position: relative;
z-index: 99;
padding-bottom: 0.47rem;
}
.md-search_form .hf_bot .ri {
display: flex;
align-items: center;
flex-shrink: 0;
}
.md-search_form .hf_bot .ri a {
margin-right: 0.55rem;
}
.md-search_form .hf_bot .ri a:last-child {
margin-right: 0;
}
@media (max-width: 900px) {
.md-search_form .hf_top {
padding: 15px;
}
.md-search_form .hf_bot {
flex-wrap: wrap;
padding: 10px 15px;
}
.md-search_form .hf_bot .le {
order: 2;
width: 100%;
}
.md-search_form .hf_bot .ri {
order: 1;
width: 100%;
justify-content: center;
margin-bottom: 20px;
}
.md-search_form .every {
color: #fff;
margin-top: 0.25rem;
padding: 0 0.4rem;
font-size: 0;
}
.md-search_form .every .tx {
width: 100%;
display: inline-flex;
align-items: center;
margin-right: 0;
margin-top: 4px;
margin-bottom: 10px;
}
}
.md-foot {
position: relative;
}
.foot-1 {
background-image: url(../images/f1_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.foot-1 .box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.foot-1 .f1_le {
width: 65.7142857143%;
border-right: 1px solid rgba(255, 255, 255, 0.06);
min-height: 3.5rem;
/*display: flex;*/
align-items: center;
}
.foot-1 .f1_ri {
color: #999;
padding-top: 0.68rem;
padding-bottom: 0.78rem;
}
.foot-1 .hrefs {
/*width: 100%;*/
display: flex;
}
.foot-1 .fi {
width: 25%;
color: #999;
text-align: center;
}
.foot-1 .icon {
height: 0.6rem;
line-height: 0.6rem;
}
.foot-1 .icon img {
max-height: 100%;
}
.foot-1 .d2 {
margin-top: 0.18rem;
}
.foot-1 .p2 {
font-family: DIN;
font-weight: bold;
color: #9a9a9a;
margin-top: 0.08rem;
}
.foot-1 .p3 {
margin-top: 0.04rem;
}
.foot-1 .shares {
display: flex;
margin-top: 0.36rem;
}
.foot-1 .s_i {
position: relative;
margin-right: 0.3rem;
}
.foot-1 .s_i:hover .bd {
opacity: 1;
pointer-events: auto;
transition: all 0.3s;
}
.foot-1 .hd {
position: relative;
width: 0.7rem;
height: 0.7rem;
min-width: 40px;
min-height: 40px;
border-radius: 50%;
border: 1px solid rgba(175, 175, 175, 0.1);
}
.foot-1 .hd img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50%;
height: 30%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.foot-1 .bd {
position: absolute;
bottom: 110%;
left: 50%;
transform: translate(-50%);
width: 1.2rem;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
}
.foot-1 .bd img {
width: 100%;
}
@media (max-width: 900px) {
.foot-1 .f1_le {
width: 100%;
border-right: none;
min-height: auto;
padding-top: 1rem;
}
.foot-1 .f1_ri {
padding: 1rem 0;
}
.foot-1 .ti {
text-align: left;
}
}
.foot-2 {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
background-color: #222;
color: #999;
}
.foot-2 .box {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.foot-2 .f2_le {
width: 75%;
line-height: 1.5;
}
.foot-2 .ft-sel {
position: relative;
}
.foot-2 .ft-sel.show .bd {
opacity: 1;
pointer-events: auto;
transition: all 0.3s;
}
.foot-2 .hd {
border-radius: 4px;
border: solid 1px rgba(153, 153, 153, 0.5);
display: flex;
align-items: center;
padding: 0.1rem 0.16rem;
cursor: pointer;
}
.foot-2 .icon {
display: inline-flex;
align-items: center;
margin-left: 0.6rem;
}
.foot-2 .bd {
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
background-color: #222222;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
}
.foot-2 .bd .b_i {
display: block;
margin: 0.16rem 0.16rem;
color: #fff;
}
.foot-2 select {
min-width: 1.56rem;
height: 40px;
border-radius: 4px;
border: solid 1px rgba(153, 153, 153, 0.5);
background-color: #222;
color: #999;
padding: 0 0.16rem;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
@media (max-width: 900px) {
.foot-2 {
padding-bottom: 40px;
}
.foot-2 .f2_le {
width: 100%;
}
.foot-2 .f2_ri {
margin-top: 20px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.foot-2 select {
width: 160px;
}
}
.md-sideNav {
position: fixed;
top: 50%;
right: 3px;
transform: translateY(-50%);
background-color: #fff;
box-shadow: 0px 0px 15px 0px rgba(61, 61, 61, 0.1);
z-index: 60;
}
.md-sideNav .sn_i {
border-bottom: 1px solid #fafafa;
position: relative;
}
.md-sideNav .sn_i:hover .hd {
color: #003592;
}
.md-sideNav .sn_i:hover .bd {
transform: scale(1);
transition: all 0.3s;
}
.md-sideNav .hd {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
width: 0.8rem;
min-width: 70px;
height: 0.8rem;
min-height: 70px;
cursor: pointer;
}
.md-sideNav .hd img {
margin-bottom: 0.08rem;
}
.md-sideNav .bd {
position: absolute;
right: 100%;
top: 0;
padding-right: 0.1rem;
transform: scale(0);
transform-origin: right top;
transition: all 0.3s;
}
.md-sideNav .b_box {
background-color: #f4f4f4;
padding: 0.15rem;
white-space: nowrap;
border-radius: 0.1rem;
}
.md-sideNav .pi {
display: block;
margin: 5px 0;
}
.md-sideNav .pi:hover {
color: #003592;
}
.md-sideNav .wx {
width: 1rem;
max-width: none;
display: block;
}
.md-sideNav #goTop {
display: none;
}
.md-sideNav #goTop.show {
display: block;
}
@media (max-width: 900px) {
.md-sideNav {
display: none;
}
}
.vh-full {
height: 100vh;
}
.ind_slide {
overflow: hidden;
}
.al_cen {
display: flex;
align-items: center;
position: relative;
}
@media (max-width: 500px) {
.al_500 {
display: flex;
align-items: center;
position: relative;
}
}
.js {
justify-content: center;
}
.md-main {
position: fixed;
width: 100%;
height: 100vh;
left: 0;
top: 0;
z-index: 5;
touch-action: none;
}
.md-main .swiper-slide .h_box {
opacity: 0;
transition: all 1.5s;
transition-delay: 0.4s;
}
.md-main .swiper-slide .home-1 .texts {
opacity: 0;
transition: all 1.2s;
transition-delay: 0.2s;
}
.md-main .my-slide-active .h_box {
opacity: 1;
transition: all 1.5s;
transition-delay: 0.4s;
}
.md-main .my-slide-active .home-1 .texts {
opacity: 1;
transition: all 1.2s;
transition-delay: 0.2s;
}
@-webkit-keyframes ban {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@keyframes ban {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
@-webkit-keyframes big {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
}
@keyframes big {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
}
.ho_ban {
position: relative;
}
.ho_ban .ho_sw {
overflow: hidden;
}
.ho_ban .ho_sw .img {
position: relative;
padding-top: 51.0416666667%;
/*padding-top: 40%;*/
overflow: hidden;
min-height: 300px;
transition: all 0.3s;
}
.ho_ban .ho_sw .img img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.ho_ban .ho_sw .text {
position: absolute;
left: 50%;
top: 49%;
transform: translate(-50%, -50%);
opacity: 0;
color: #fff;
}
.ho_ban .ho_sw .d2 {
line-height: 1.75;
margin-top: 0.24rem;
}
.ho_ban .ho_sw .d3 {
position: relative;
margin-top: 0.72rem;
display: inline-block;
}
.ho_ban .ho_sw .a3 {
position: relative;
display: inline-flex;
align-items: center;
line-height: 1;
padding: 0.18rem 0.5rem;
border-radius: 1rem;
background-color: #003592;
transition: all 0.3s;
}
.ho_ban .ho_sw .a3:hover {
transform: translateY(5px);
transition: all 0.3s;
}
.ho_ban .swiper-slide-active .img img {
}
.ho_ban .swiper-slide-active .text {
opacity: 1;
transition: opacity 1s 0.5s;
}
.ho_ban .swiper-pagination {
position: absolute;
bottom: 0.38rem;
left: 0;
display: flex;
justify-content: center;
}
.ho_ban .swiper-pagination-bullet {
width: 0.1rem;
height: 5px;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
margin-left: 0.05rem;
border-radius: 3px;
overflow: hidden;
transition: all 0.3s;
position: relative;
}
.ho_ban .swiper-pagination-bullet-active {
background-color: #fff;
width: 0.5rem;
}
.ho_ban .ho_bot {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 0.3rem;
left: 50%;
transform: translate(-50%);
z-index: 30;
}
.ho_ban .mouse {
position: absolute;
bottom: 0.54rem;
left: 50%;
transform: translate(-50%);
z-index: 30;
cursor: pointer;
}
.ho_ban .mouse img {
-webkit-animation: jump 2s linear infinite;
animation: jump 2s linear infinite;
}
.ho_ban .btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.32rem;
height: 0.6rem;
margin: 0;
background-color: transparent;
opacity: 0.5;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.ho_ban .btn:hover {
opacity: 1;
}
.ho_ban .prev {
left: 1.1rem;
background-image: url(../images/icon-01.png);
}
.ho_ban .next {
right: 1.1rem;
background-image: url(../images/icon-02.png);
}
@media (max-width: 900px) {
.ho_ban .ho_sw .img {
min-height: 230px;
}
.ho_ban .mouse {
display: none;
}
.ho_ban .hb_btns {
bottom: 0.3rem;
}
.ho_ban .ho_sw .d2 {
font-size: 12px;
}
.ho_ban .ho_sw .d3 {
display: none;
}
.ho_ban .ho_bot {
opacity: 0;
}
}
@media (max-width: 500px) {
.ho_ban .ho_sw .p1 {
font-size: 18px;
}
}
.ho-tit {
text-align: center;
position: relative;
}
.ho-tit .ht1 {
font-weight: 800;
color: #222;
}
.ho-tit .ht2 {
color: #003592;
font-weight: bold;
margin-top: 0.08rem;
position: relative;
}
.ho-tit .ht3 {
color: #999;
line-height: 2.25;
margin-top: 0.16rem;
}
.home-1 {
padding-top: 1.14rem;
padding-bottom: 1.3rem;
}
.home-1 .swiper {
border-radius: 0.1rem;
overflow: hidden;
margin-top: 0.5rem;
}
.home-1 .img {
position: relative;
padding-top: 47.1428571429%;
}
.home-1 .ho1_list {
display: flex;
flex-wrap: wrap;
border-bottom: 2px solid rgba(17, 57, 97, 0.1);
}
.home-1 .ho1_i {
width: 33.3%;
padding: 0.52rem 0.6rem;
cursor: pointer;
position: relative;
}
.home-1 .ho1_i::before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 0.34rem;
background-color: #113961;
opacity: 0.1;
}
.home-1 .ho1_i:last-child::before {
display: none;
}
.home-1 .ho1_i.on .p2 {
font-weight: bold;
color: #003592;
font-size: 1.5em;
transition: all 0.3s;
}
.home-1 .ho1_i.on::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background-color: #113961;
}
.home-1 .p1 {
color: #222;
}
.home-1 .p2 {
color: #999;
margin-top: 0.12rem;
transform-origin: left;
transition: all 0.3s;
}
@media (max-width: 900px) {
.home-1 .ho1_i {
width: 100%;
}
.home-1 .p2 {
font-size: 1em !important;
}
}
.home-2 {
position: relative;
background-color: #fafafa;
overflow: hidden;
padding-top: 1.15rem;
padding-bottom: 1.4rem;
}
.home-2 .swipers {
margin-top: 0.5rem;
}
.home-2 .swiper {
width: 100%;
position: absolute;
left: -200vw;
opacity: 0.5;
transition: opacity 0.2s;
}
.home-2 .swiper.show {
position: relative;
left: 0;
opacity: 1;
transition: opacity 0.2s;
}
.home-2 .sw {
width: 8rem;
max-width: 90%;
}
.home-2 .img {
position: relative;
padding-top: 61.25%;
}
.home-2 .ho2_list {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: -0.35rem;
position: relative;
z-index: 30;
}
.home-2 .ho2_i {
border-radius: 5px;
color: #666;
padding: 0.2rem 0.35rem;
padding-top: 0.28rem;
text-align: center;
cursor: pointer;
}
.home-2 .ho2_i.on {
color: #fff;
background-color: #003592;
box-shadow: 5px 9px 0.3rem 0px rgba(0, 53, 146, 0.2);
}
.home-2 .ho2_i.on .icon {
opacity: 1;
}
.home-2 .icon {
height: 0.25rem;
min-height: 20px;
margin-bottom: 0.28rem;
opacity: 0;
}
.home-2 .icon img {
max-height: 100%;
}
.home-3 {
position: relative;
padding-top: 1.14rem;
padding-bottom: 2.2rem;
overflow: hidden;
}
.home-3 .ho-tit .ht1,
.home-3 .ho-tit .ht2,
.home-3 .ho-tit .ht3 {
color: #fff;
}
.home-3 .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}
.home-3 .bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
-webkit-animation: big 30s linear infinite;
animation: big 30s linear infinite;
}
.home-3 .ho3_list {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 10;
margin-top: 0.9rem;
}
.home-3 .ho3_i {
color: #fff;
width: 25%;
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
background-image: url(../images/ho3_1.jpg);
background-repeat: no-repeat;
background-size: 0%;
background-position: center;
transition: all 0.3s;
}
@media (min-width: 900px) {
.home-3 .ho3_i:hover {
background-size: cover;
transition: all 0.3s;
}
}
@media (max-width: 900px) {
.home-2 .ho2_i {
padding: 0.2rem 0.25rem;
}
}
.home-3 .d1 {
font-family: DIN;
}
.home-3 .d2 {
margin-top: 0.2rem;
line-height: 2.25;
}
.home-3 .ho3_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
pointer-events: none;
}
.home-3 .ho3_bg .bi {
width: 25%;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 900px) {
.home-3 {
padding-bottom: 0.4rem;
}
.home-3 .ho3_i {
width: 50%;
padding: 0.6rem 0;
}
.home-3 .ho3_bg {
display: none;
}
}
.home-4 {
padding-top: 1.15rem;
padding-bottom: 1.6rem;
background-color: #fafafa;
}
.ho4_page {
display: flex;
justify-content: space-between;
margin-top: 0.6rem;
}
.ho4_page .le {
margin-left: 0.1rem;
width: 35.5421686747%;
}
.ho4_page .big {
display: block;
padding: 0.24rem 0.3rem;
padding-bottom: 0.4rem;
background-color: #fff;
border-radius: 0.1rem;
position: relative;
}
.ho4_page .big:hover {
box-shadow: 5px 9px 0.3rem 0px rgba(0, 53, 146, 0.1);
transition: all 0.3s;
}
.ho4_page .big:hover .img1 img {
transform: scale(1.1);
transition: all 0.3s;
}
.ho4_page .big:hover .b1 {
color: #003592;
}
.ho4_page .big:hover .b3 {
color: #003592;
}
.ho4_page .big .bti {
position: absolute;
left: -0.1rem;
top: -0.2rem;
background-color: #003592;
color: #fff;
text-align: center;
border-radius: 5px;
padding: 0.14rem 0.16rem;
}
.ho4_page .big .img1 {
position: relative;
padding-top: 63.3962264151%;
overflow: hidden;
}
.ho4_page .big .bte {
padding-top: 0.57rem;
}
.ho4_page .big .b1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ho4_page .big .b2 {
color: #999;
line-height: 1.8571428571;
margin-top: 0.18rem;
}
.ho4_page .big .b3 {
margin-top: 0.67rem;
color: #999;
}
.ho4_page .ri {
width: 62.6506024096%;
}
.ho4_page .s_a {
display: flex;
justify-content: space-between;
padding: 0.25rem;
padding-right: 0.75rem;
background-color: #fff;
margin-bottom: 0.2rem;
border-radius: 8px;
transition: all 0.3s;
}
.ho4_page .s_a:last-child {
margin-bottom: 0;
}
.ho4_page .s_a:hover {
box-shadow: 5px 9px 0.3rem 0px rgba(0, 53, 146, 0.1);
transition: all 0.3s;
}
.ho4_page .s_a:hover .p1 {
color: #003592;
transition: all 0.3s;
}
.ho4_page .s_a:hover .p3 {
color: #003592;
transition: all 0.3s;
}
.ho4_page .s_a:hover .sp2 {
opacity: 1;
transition: all 0.3s;
}
.ho4_page .s_a .img2 {
width: 25%;
flex-shrink: 0;
}
.ho4_page .s_a .img22 {
position: relative;
padding-top: 63.829787234%;
height: 100%;
border-radius: 5px;
overflow: hidden;
}
.ho4_page .s_a .ste {
width: 71.2765957447%;
padding: 0.17rem 0;
padding-bottom: 0.1rem;
}
.ho4_page .s_a .p1 {
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ho4_page .s_a .p2 {
color: #999;
line-height: 1.8571428571;
height: 3.7142857143em;
margin-top: 0.09rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ho4_page .s_a .p3 {
color: #999;
display: flex;
justify-content: space-between;
margin-top: 0.2rem;
transition: all 0.3s;
}
.ho4_page .s_a .sp2 {
opacity: 0;
transition: all 0.3s;
}
.ho4_page .s_more {
margin-top: 0.45rem;
margin-left: 1.7rem;
display: inline-block;
color: #999;
}
.ho4_page .s_more:hover {
color: #003592;
}
@media (max-width: 900px) {
.ho4_page {
flex-wrap: wrap;
}
.ho4_page .le {
width: 100%;
}
.ho4_page .ri {
width: 100%;
margin-top: 20px;
}
.ho4_page .mmm {
text-align: center;
}
.ho4_page .s_more {
margin-left: 0;
}
}
.md-about_us {
overflow: hidden;
}
.ab-1 {
padding: 0.93rem 0;
position: relative;
z-index: 5;
background-image: url(../images/ab1_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.ab-1 .box {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
z-index: 20;
}
.ab-1 .le {
width: 43.8271604938%;
padding-top: 0.43rem;
}
.ab-1 .p1 {
color: #003592;
font-weight: 600;
}
.ab-1 .d2 {
line-height: 1.875;
color: #666;
font-weight: 300;
margin-top: 0.26rem;
}
.ab-1 .p3 {
line-height: 1.3846153846;
color: #003592;
font-weight: 600;
margin-top: 0.88rem;
}
.ab-1 .ri {
width: 43.8888888889%;
position: relative;
pointer-events: none;
}
.ab-1 .seat {
opacity: 0;
}
.ab-1 .seat img {
width: 100%;
}
.ab-1 .img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-mask-image: url(../images/ab1_1.png);
mask-image: url(../images/ab1_1.png);
-webkit-mask-size: contain;
mask-size: contain;
}
.ab-1 .i2 {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ab-1 .ab1_icon {
position: absolute;
left: 0.34rem;
bottom: 0;
width: 5.65rem;
max-width: 30%;
}
.ab-1 .ab1_icon img {
width: 100%;
}
@media (max-width: 900px) {
.ab-1 .box {
flex-wrap: wrap;
justify-content: center;
}
.ab-1 .le {
width: 100%;
}
.ab-1 .ri {
width: 60%;
margin-top: 50px;
}
}
.ab-2 {
position: relative;
background-image: url(../images/ab2_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 100vh;
display: flex;
flex-wrap: wrap;
}
.ab-2 .ab2_i {
width: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ab-2 .ab2_i:hover {
background-color: rgba(0, 53, 146, 0.5);
}
.ab-2 .text {
width: 58.3333333333%;
color: #fff;
text-align: center;
}
.ab-2 .icon img {
height: 0.74rem;
}
.ab-2 .p1 {
font-weight: 600;
margin-top: 0.44rem;
letter-spacing: 3px;
}
.ab-2 .p2 {
font-weight: 300;
line-height: 1.6666666667;
margin-top: 0.2rem;
}
@media (max-width: 900px) {
.ab-2 .ab2_i {
width: 100%;
height: 50%;
}
}
.ab-3 {
padding-top: 1.4rem;
padding-bottom: 1.2rem;
background-image: url(../images/ab3_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.ab-3 .box {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.ab-3 .le {
width: 44.4444444444%;
padding-top: 0.58rem;
}
.ab-3 .p1 {
font-weight: 600;
color: #003592;
}
.ab-3 .d2 {
line-height: 1.875;
font-weight: 300;
color: #666;
margin-top: 0.24rem;
}
.ab-3 .d3 {
margin-top: 0.75rem;
display: flex;
align-items: center;
}
.ab-3 .d3 .icon3 {
width: 25%;
text-align: center;
}
.ab-3 .d3 img {
max-width: 90%;
}
.ab-3 .ri {
width: 46.6049382716%;
}
.ab-3 .ab3_i {
width: 47.6821192053%;
margin-bottom: 0.3rem;
min-height: 4.2rem;
background-color: #fff;
box-shadow: 0px 5px 0.3rem 0px rgba(0, 109, 55, 0.08);
border-radius: 0.3rem;
padding: 0.4rem;
float: left;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.ab-3 .ab3_i:nth-child(2) {
margin-top: 1.2rem;
}
.ab-3 .ab3_i:nth-child(2n) {
float: right;
}
.ab-3 .a_top {
display: flex;
justify-content: space-between;
align-items: center;
}
.ab-3 .a_bot {
margin-top: 0.2rem;
}
.ab-3 .num {
color: #003592;
font-weight: 600;
}
.ab-3 .t1 {
font-weight: 600;
color: #003592;
}
.ab-3 .t2 {
font-weight: 300;
color: #666;
line-height: 1.875;
margin-top: 0.2rem;
}
@media (max-width: 900px) {
.ab-3 .box {
flex-wrap: wrap;
}
.ab-3 .le {
width: 100%;
}
.ab-3 .ri {
width: 100%;
}
.ab-3 .ab3_i {
width: 100%;
float: none !important;
margin: 10px 0 !important;
}
}
.md-news {
background-color: #fafafa;
}
.md-news .container1 {
padding-bottom: 0.4rem;
}
.news_big {
background-color: #fff;
display: flex;
margin-top: 0.9rem;
border-radius: 0.1rem;
overflow: hidden;
}
.news_big .nb_sw1 {
width: 53.5714285714%;
}
.news_big .img1 {
position: relative;
padding-top: 73.3333333333%;
}
.news_big .nb_sw2 {
width: 46.4285714286%;
position: relative;
}
.news_big .nb_sw2 .swiper-container {
height: 100%;
}
.news_big .sw2 {
padding: 0.63rem 0.6rem;
padding-left: 0.4rem;
}
.news_big .a2 {
display: block;
color: #003592;
font-weight: 500;
margin-top: 0.33rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_big .p3 {
line-height: 1.75;
color: #999;
margin-top: 0.14rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_big .a4 {
margin-top: 0.5rem;
color: #003592;
display: inline-block;
}
.news_big .swiper-pagination {
width: auto;
left: 0.55rem;
bottom: 0.66rem;
}
.news_big .swiper-pagination-bullet {
width: 0.3rem;
height: 3px;
background-color: #ebebeb;
opacity: 1;
margin: 0 !important;
margin-right: 0.1rem !important;
border-radius: 0;
transition: all 0.2s;
}
.news_big .swiper-pagination-bullet-active {
width: 0.7rem;
background-color: #003592;
transition: all 0.2s;
}
@media (max-width: 900px) {
.news_big {
flex-wrap: wrap;
}
.news_big .nb_sw1 {
width: 100%;
}
.news_big .nb_sw2 {
width: 100%;
}
.news_big .sw2 {
padding: 20px;
padding-bottom: 40px;
}
.news_big .swiper-pagination {
bottom: 0.2rem;
}
}
.news_list {
margin-top: 1.2rem;
margin-bottom: 0.5rem;
}
.news_list .n_li {
margin-bottom: 0.2rem;
}
.news_list .n_li:last-child {
margin-bottom: 0;
}
.news_list .n_a {
padding: 0.25rem;
padding-right: 0.75rem;
border-radius: 0.1rem;
background-color: #fff;
position: relative;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.3s linear;
}
.news_list .n_a::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 4px;
background-color: #003592;
transition: width 0.3s linear;
}
.news_list .n_a:hover {
box-shadow: 5px 9px 0.3rem 0px rgba(0, 53, 146, 0.1);
transition: all 0.3s linear;
}
.news_list .n_a:hover .p1 {
font-weight: 500;
color: #003592;
transition: all 0.3s;
}
.news_list .n_a:hover .d3 {
color: #003592;
transition: all 0.3s;
}
.news_list .n_a:hover .more {
opacity: 1;
}
.news_list .n_a:hover::before {
width: 100%;
transition: width 0.3s linear;
}
.news_list .imgs {
width: 23.0769230769%;
}
.news_list .img {
padding-top: 66.6666666667%;
position: relative;
border-radius: 5px;
overflow: hidden;
z-index: 5;
}
.news_list .text {
width: 73.8461538462%;
position: relative;
z-index: 5;
}
.news_list .p1 {
position: relative;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news_list .p2 {
color: #999;
line-height: 1.625;
height: 3.25em;
margin-top: 0.12rem;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all 0.3s;
}
.news_list .d3 {
display: flex;
justify-content: space-between;
align-items: center;
color: #999;
margin-top: 0.6rem;
}
.news_list .more {
opacity: 0;
}
@media (max-width: 900px) {
.news_list .n_a {
padding: 20px;
flex-wrap: wrap;
}
.news_list .imgs {
width: 45%;
}
.news_list .text {
width: 50%;
}
.news_list .more {
display: none;
}
}
@media (max-width: 500px) {
.news_list .imgs {
width: 100%;
}
.news_list .text {
width: 100%;
padding: 10px;
}
.news_list .d3 {
margin-top: 15px;
}
}
.nede_1 {
padding-top: 0.9rem;
}
.nede_1 .nede_top {
text-align: center;
}
.nede_1 .h1 {
font-weight: bold;
text-align: center;
color: #003592;
}
.nede_1 .d2 {
text-align: center;
color: #003592;
line-height: 1.625;
margin-top: 0.12rem;
}
.nede_1 .text {
line-height: 2.125;
color: #333;
font-weight: 300;
margin-top: 0.35rem;
padding-top: 0.35rem;
padding-bottom: 0.9rem;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.nede_1 .text img{
width: 100%;
}
.nede_1 .nede_bot {
padding: 0.32rem 0;
display: flex;
justify-content: space-between;
}
.nede_1 .btn {
position: relative;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 30%;
}
.nede_1 .btn .sp2 {
color: #999;
}
.nede_1 .btn:hover .sp2 {
color: #003592;
}
.nede_1 .back {
display: inline-flex;
align-items: center;
}
.nede_1 .icon {
display: inline-flex;
align-items: center;
margin-right: 0.08rem;
}
@media (max-width: 900px) {
.nede_1 .nede_bot {
flex-wrap: wrap;
}
.nede_1 .back {
justify-content: center;
order: 2;
}
.nede_1 .btn {
max-width: none;
width: 100%;
text-align: center;
margin: 5px 0;
}
}
.nede_2 {
padding-top: 0.78rem;
padding-bottom: 1.16rem;
}
.nede_2 .nd2_t {
display: flex;
justify-content: space-between;
align-items: center;
}
.nede_2 .nd2_t .more {
color: #999;
transition: all 0.3s;
}
.nede_2 .nd2_t .more:hover {
color: #003592;
transition: all 0.3s;
}
.nede_2 .nd2_swiper {
margin-top: 0.34rem;
}
.nede_2 .sw:hover .img img {
transform: scale(1.1);
transition: all 0.3s;
}
.nede_2 .sw:hover .p1 {
font-weight: bold;
color: #003592;
transition: all 0.3s;
}
.nede_2 .img {
position: relative;
padding-top: 68.1818181818%;
border-radius: 0.1rem;
overflow: hidden;
}
.nede_2 .text {
margin-top: 0.34rem;
}
.nede_2 .p1 {
font-weight: 500;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.nede_2 .p2 {
color: #666;
line-height: 1.8571428571;
margin-top: 0.12rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 900px) {
.nede_2 .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nede_2 .a {
width: 48%;
margin-bottom: 4%;
}
.nede_2 .time {
width: 100%;
}
.nede_2 .text {
width: 100%;
margin-top: 10px;
}
}
.md-product {
background-color: #fcfcfc;
overflow: hidden;
}
.md-product .container1 {
padding-top: 1.04rem;
padding-bottom: 1rem;
}
.pro_pi {
margin-bottom: 1.44rem;
padding-bottom: 0.13rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
}
.pro_pi:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.pro_tt .pt1 {
color: #264b9b;
font-weight: bold;
}
.pro_tt .pt2 {
font-weight: 500;
color: #666;
margin-top: 0.08rem;
}
.pro_list {
display: flex;
flex-wrap: wrap;
margin-top: 0.06rem;
}
.pro_list .p_a {
width: 31.7857142857%;
margin-right: 1.975308642%;
margin-top: 0.3rem;
background-color: #fff;
position: relative;
}
.pro_list .p_a:nth-child(3n) {
margin-right: 0;
}
.pro_list .p_a:hover .img img {
transform: scale(1.1);
transition: all 0.3s;
}
.pro_list .p_a:hover .p1 {
color: #003592;
}
.pro_list .img {
padding-top: 80.8988764045%;
position: relative;
overflow: hidden;
transition: all 0.3s;
}
.pro_list .text {
padding: 0.22rem 0.25rem;
}
.pro_list .p1 {
font-weight: 500;
}
.pro_list .p2 {
color: #666;
margin-top: 0.07rem;
}
@media (max-width: 900px) {
.pro_list {
justify-content: space-between;
}
.pro_list .p_a {
width: 48%;
margin-right: 0;
margin-bottom: 4%;
}
}
.pro-swiper {
position: relative;
}
.pro-swiper .img {
position: relative;
padding-top: 46.875%;
}
.pro-swiper .swiper-button-next,
.pro-swiper .swiper-button-prev {
transform: translateY(-50%);
margin: 0;
width: 0.2rem;
height: 0.37rem;
background-repeat: no-repeat;
background-size: contain;
}
.pro-swiper .swiper-button-prev {
left: 2.6rem;
background-image: url(../images/icon-14.png);
}
.pro-swiper .swiper-button-next {
right: 2.6rem;
background-image: url(../images/icon-15.png);
}
@media (max-width: 900px) {
.pro-swiper {
margin: 15px 0;
}
.pro-swiper .swiper-button-prev {
left: 5%;
}
.pro-swiper .swiper-button-next {
right: 5%;
}
}
.pro-intro .p_it {
display: flex;
flex-wrap: wrap;
}
.pro-intro .text {
width: 50%;
display: flex;
align-items: center;
}
.pro-intro .le {
padding-left: 2.6rem;
padding-right: 1.5rem;
}
.pro-intro .ri {
padding-left: 1.5rem;
padding-right: 2.6rem;
}
.pro-intro .tb {
width: 100%;
}
.pro-intro .t1 {
font-weight: bold;
line-height: 1.3;
}
.pro-intro .t2 {
color: #999;
line-height: 1.75;
margin-top: 0.06rem;
}
.pro-intro .line {
height: 2px;
background-color: rgba(0, 0, 0, 0.08);
position: relative;
margin-top: 0.4rem;
margin-bottom: 0.4rem;
}
.pro-intro .line::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0.25rem;
height: 2px;
background-color: #264b9b;
}
.pro-intro .c1 {
color: #333;
line-height: 1.5555555556;
font-weight: 500;
margin-top: 0.45rem;
}
.pro-intro .c2 {
color: #666;
line-height: 1.8888888889;
font-weight: 500;
}
.pro-intro .imgs {
width: 50%;
}
.pro-intro .img {
position: relative;
padding-top: 88.5416666667%;
height: 100%;
}
@media (max-width: 1280px) {
.pro-intro .le {
padding-left: 2rem;
padding-right: 1rem;
}
.pro-intro .ri {
padding-left: 1rem;
padding-right: 2rem;
}
}
@media (max-width: 900px) {
.pro-intro .imgs {
width: 100%;
order: 1;
}
.pro-intro .text {
width: 100%;
order: 2;
padding: 20px !important;
}
}
.com-pp {
position: relative;
color: #003592;
font-weight: 600;
padding-bottom: 0.27rem;
text-align: center;
}
.com-pp .ppp {
display: inline-flex;
align-items: center;
line-height: 1;
}
.com-pp .ppp img {
height: 1em;
}
.com-pp::before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%);
width: 0.2rem;
height: 4px;
background-color: #a4cc4b;
border-radius: 2px;
}
.md-contact_us {
position: relative;
}
.cous-1 {
display: flex;
flex-wrap: wrap;
}
.cous-1 .co1_i {
width: 33.3333333333%;
padding: 1.4rem 0.9rem;
border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.cous-1 .icon {
line-height: 0.5rem;
height: 0.5rem;
}
.cous-1 .icon img {
max-height: 100%;
}
.cous-1 .te {
margin-top: 0.7rem;
}
.cous-1 .p1 {
color: #999;
font-weight: 500;
}
.cous-1 .p2 {
color: #0c3e97;
font-weight: bold;
margin-top: 0.22rem;
}
@media (max-width: 500px) {
.cous-1 .co1_i {
width: 100%;
padding: 20px 40px;
}
.cous-1 .te {
margin-top: 18px;
}
}
.cous-2 {
padding-top: 0.94rem;
padding-bottom: 0.7rem;
background-image: url(../images/cous2_bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.cous-2 .com-tit .ct1,
.cous-2 .com-tit .ct2 {
color: #fff;
}
.cous-2 .co2_list {
display: flex;
flex-wrap: wrap;
margin-top: 0.54rem;
}
.cous-2 .co2_i {
width: 32.1428571429%;
margin-right: 1.7857142857%;
margin-bottom: 0.3rem;
background-color: #fff;
text-align: center;
padding: 0.5rem;
padding-bottom: 0.5rem;
position: relative;
border-radius: 0.4rem 0px 0.4rem 0px;
overflow: hidden;
}
.cous-2 .co2_i:nth-child(3n) {
margin-right: 0;
}
.cous-2 .co2_i:hover .p1 {
color: #0c3e97;
font-weight: bold;
}
.cous-2 .co2_i:hover .hd {
transform: rotateY(180deg);
transition: all 1s;
}
.cous-2 .co2_i:hover .code {
transform: rotateY(0);
opacity: 1;
transition: all 1s;
}
.cous-2 .co2_i:hover .i1 {
display: none;
}
.cous-2 .co2_i:hover .i2 {
display: inline-block;
}
.cous-2 .tp {
position: relative;
transform-style: preserve-3d;
perspective-origin: center;
perspective: 2000;
-ms-perspective: 2000;
-moz-perspective: 2000;
-webkit-perspective: 2000;
}
.cous-2 .hd {
transform: rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 1s;
}
.cous-2 .code {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
transform: rotateY(180deg);
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 1s;
}
.cous-2 .code img {
width: auto;
height: 100%;
}
.cous-2 .icon {
height: 0.87rem;
line-height: 0.87rem;
}
.cous-2 .icon img {
max-width: 80%;
max-height: 100%;
}
.cous-2 .p1 {
margin-top: 0.3rem;
}
.cous-2 .p2 {
margin-top: 0.5rem;
}
.cous-2 .p2 img {
width: 0.2rem;
min-width: 12px;
}
.cous-2 .i2 {
display: none;
}
@media (max-width: 500px) {
.cous-2 .co2_list {
justify-content: space-between;
}
.cous-2 .co2_i {
width: 48%;
margin-right: 0;
margin-bottom: 4%;
}
.cous-2 .p2 {
margin-top: 12px;
}
}
.cous-3 {
padding-top: 0.94rem;
padding-bottom: 1rem;
}
.cous-3 .form {
margin-top: 0.56rem;
}
.cous-3 .f_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cous-3 .inp {
width: 49.2857142857%;
margin-bottom: 0.2rem;
}
.cous-3 .inp input {
width: 100%;
height: 0.7rem;
min-height: 45px;
padding: 0 0.3rem;
background-color: #fff;
border-radius: 5px;
border: solid 1px #f5f5f5;
}
.cous-3 textarea {
width: 100%;
min-height: 2.55rem;
padding: 0.2rem 0.3rem;
background-color: #fff;
border-radius: 5px;
border: solid 1px #f5f5f5;
}
.cous-3 .f_sub {
margin-top: 0.4rem;
text-align: center;
}
.cous-3 .btn {
height: 0.7rem;
min-height: 45px;
font-weight: 500;
background-color: #0c3e97;
color: #fff;
border: none;
border-radius: 5px;
display: inline-flex;
align-items: center;
padding: 0 1.05rem;
cursor: pointer;
transition: all 0.3s;
}
.cous-3 .btn:hover {
transform: translateY(5px);
transition: all 0.3s;
}
.cous-3 .btn img {
margin-left: 0.12rem;
}
@media (max-width: 500px) {
.cous-3 .inp {
width: 100%;
}
}
.md-knowledge {
background-color: #fafafa;
}
.md-knowledge .container {
padding-top: 0.9rem;
padding-bottom: 0.3rem;
}
.md-knowledge .box {
background-color: #fff;
padding: 0 0.4rem;
padding-bottom: 0.4rem;
}
.md-knowledge .k_load {
margin-top: 0.4rem;
text-align: center;
}
.md-knowledge .k_load.show .gif {
display: block;
}
.md-knowledge .k_load .gif {
display: none;
}
.md-knowledge .k_load .gif img {
width: 0.2rem;
min-width: 20px;
}
.md-knowledge .k_load .loadM {
cursor: pointer;
color: #999;
margin-top: 0.1rem;
}
.k_list {
margin-bottom: 0.4rem;
}
.k_list .k_i {
border-bottom: 1px solid #fafafa;
}
.k_list .k_i.on .hd::before {
background-image: url(../images/icon-9.png);
transform: translateY(-50%) rotate(180deg);
transition: all 0.3s;
}
.k_list .icon {
width: 0.4rem;
height: 0.4rem;
margin-right: 0.17rem;
background-image: url(../images/icon-7.png);
background-repeat: no-repeat;
background-size: contain;
}
.k_list .hd {
display: flex;
align-items: center;
position: relative;
padding: 0.25rem 0;
cursor: pointer;
font-weight: 500;
}
.k_list .hd::before {
content: "";
width: 14px;
height: 8px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/icon-8.png);
transition: all 0.3s;
}
.k_list .bd {
display: none;
padding: 0.36rem 0.57rem;
background-color: #fafafa;
border-radius: 5px;
}
.k_list .te {
line-height: 1.75;
color: #666;
}
.k_list .more {
display: inline-block;
border-radius: 5px;
line-height: 1;
font-weight: 500;
color: #fff;
background-color: #003592;
padding: 0.15rem 0.42rem;
margin-top: 0.33rem;
}
.rec-1 {
color: #fff;
}
.rec-1 .p1 {
line-height: 2.125;
margin-top: 0.28rem;
}
.rec-2 .te {
margin-top: 0.45rem;
color: #fff;
line-height: 1.75;
width: 4.3rem;
}
@media (max-width: 1280px) {
.rec-2 .te {
width: 50%;
}
}
@media (max-width: 900px) {
.rec-2 .te {
width: 75%;
}
}
@media (max-width: 500px) {
.rec-2 .te {
width: 100%;
}
}
.rec-3 {
padding-top: 0.85rem;
padding-bottom: 0.98rem;
position: relative;
}
.rec-3 .com-tit .ct1,
.rec-3 .com-tit .ct2 {
color: #fff;
}
.rec-3 .ct3_pl {
margin-top: 1rem;
display: flex;
position: relative;
}
.rec-3 .line {
position: absolute;
top: 1.1rem;
left: 50%;
transform: translate(-50%);
width: 12.46rem;
pointer-events: none;
}
.rec-3 .line img {
width: 100%;
}
.rec-3 .ct3_pi {
width: 1.2rem;
margin-right: 0.92rem;
}
.rec-3 .ct3_pi:last-child {
margin-right: 0;
}
.rec-3 .ct3_pi:nth-child(2n) {
padding-top: 2.5rem;
}
.rec-3 .ct3_pi .yuan {
color: #003592;
font-weight: 600;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.rec-3 .ct3_pi .yuan img {
height: 0.4rem;
margin-top: 0.16rem;
}
.rec-3 .ct3_pi .te {
margin-top: 0.34rem;
text-align: center;
color: #fff;
}
.rec-3 .ct3_pi .p2 {
opacity: 0.6;
}
.rec-3 .ct3_ml {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 0.4rem;
}
.rec-3 .ct3_mi {
width: 33.3%;
text-align: center;
margin-bottom: 15px;
}
.rec-3 .ct3_mi .yuan {
color: #003592;
font-weight: 600;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.rec-3 .ct3_mi .yuan img {
height: 0.4rem;
margin-top: 0.16rem;
}
.rec-3 .ct3_mi .te {
margin-top: 0.28rem;
text-align: center;
color: #fff;
}
.rec-3 .ct3_mi .p2 {
opacity: 0.6;
}
.rec-3 .mob {
display: none;
}
@media (max-width: 900px) {
.rec-3 .pc {
display: none;
}
.rec-3 .mob {
display: block;
}
}
.rec-4 {
padding-top: 0.94rem;
padding-bottom: 0.8rem;
background-color: #fcfcfc;
}
.rec-4 .ct2 {
font-weight: bold;
}
.r_list {
padding: 0.2rem 0.4rem;
margin-top: 0.56rem;
background-color: #fff;
}
.r_list .r_i {
border-bottom: 1px solid #fafafa;
}
.r_list .r_i.on {
padding-bottom: 0.3rem;
}
.r_list .r_i.on .hd::before {
background-image: url(../images/icon-13.png);
transition: all 0.3s;
}
.r_list .hd {
display: flex;
align-items: center;
position: relative;
padding: 0.3rem 0;
cursor: pointer;
font-weight: 500;
}
.r_list .hd::before {
content: "";
width: 0.15rem;
min-width: 10px;
height: 0.15rem;
min-height: 10px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(../images/icon-12.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transition: all 0.3s;
}
.r_list .hi {
width: 25%;
padding: 0 0.1rem;
}
.r_list .hi span {
color: #999;
}
.r_list .bd {
display: none;
padding: 0.36rem 0.57rem;
background-color: #fafafa;
border-radius: 5px;
}
.r_list .mb {
display: none;
margin-bottom: 0.2rem;
}
.r_list .mi {
margin-right: 3em;
}
.r_list .te {
line-height: 1.75;
color: #666;
}
.r_list .ti {
margin-bottom: 0.36rem;
}
.r_list .ti:last-child {
margin-bottom: 0;
}
.r_list .p1 {
font-weight: 500;
color: #000;
}
.r_list .p2 {
line-height: 1.75;
margin-top: 0.18rem;
}
.r_list .more {
display: inline-block;
border-radius: 5px;
line-height: 1;
font-weight: 500;
color: #fff;
background-color: #003592;
padding: 0.2rem 0.58rem;
margin-top: 0.6rem;
}
@media (max-width: 900px) {
.r_list .hi {
width: 50%;
}
.r_list .hi:nth-child(3), .r_list .hi:nth-child(4) {
display: none;
}
.r_list .mb {
display: block;
}
}
.rec-5 {
position: relative;
}
.rec-5 .com-tit {
position: absolute;
top: 0.95rem;
left: 0;
width: 100%;
z-index: 30;
}
.rec-5 .com-tit .ct1,
.rec-5 .com-tit .ct2 {
color: #fff;
}
.rec-5 .img {
position: relative;
padding-top: 46.875%;
overflow: hidden;
min-height: 300px;
}
.rec-5 .swiper-button-next,
.rec-5 .swiper-button-prev {
transform: translateY(-50%);
margin: 0;
width: 0.2rem;
height: 0.37rem;
background-repeat: no-repeat;
background-size: contain;
}
.rec-5 .swiper-button-prev {
left: 2.6rem;
background-image: url(../images/icon-14.png);
}
.rec-5 .swiper-button-next {
right: 2.6rem;
background-image: url(../images/icon-15.png);
}
@media (max-width: 900px) {
.rec-5 .swiper-button-prev {
left: 5%;
}
.rec-5 .swiper-button-next {
right: 5%;
}
}
@media (max-width: 500px) {
.rec-5 .com-tit {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
z-index: 30;
}
}
.inv-1 {
padding-top: 0.9rem;
}
.iv1_list {
margin-top: 0.75rem;
display: flex;
flex-wrap: wrap;
}
.iv1_list .iv_i {
width: 23.125%;
text-align: center;
margin-right: 2.5%;
margin-bottom: 0.9rem;
}
.iv1_list .iv_i:nth-child(4n) {
margin-right: 0;
}
.iv1_list .iv_i:hover .icon {
transform: scale(1.1);
transition: all 0.3s;
}
.iv1_list .icon {
width: 1.5rem;
height: 1.5rem;
display: inline-block;
background-color: #fff;
border-radius: 50%;
box-shadow: 9px 16px 0.41rem 5px rgba(29, 74, 154, 0.1);
position: relative;
transition: all 0.3s;
}
.iv1_list .icon img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 38%;
height: 35%;
-o-object-fit: contain;
object-fit: contain;
}
.iv1_list .te {
margin-top: 0.4rem;
}
.iv1_list .t1 {
color: #003592;
font-weight: bold;
}
.iv1_list .t2 {
color: #333;
margin-top: 0.16rem;
}
@media (max-width: 500px) {
.iv1_list {
justify-content: space-between;
}
.iv1_list .iv_i {
width: 48%;
margin-right: 0;
}
}
.inv-2 {
background-image: url(../images/iv2_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-top: 0.9rem;
padding-bottom: 0.7rem;
}
.inv-2 .com-tit .ct1,
.inv-2 .com-tit .ct2 {
color: #fff;
}
.iv2_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.5rem;
}
.iv2_list .iv2_i {
width: 48.5714285714%;
position: relative;
margin-bottom: 0.3rem;
}
.iv2_list .iv2_i:hover .img img {
transform: scale(1.1);
transition: all 0.3s;
}
.iv2_list .img {
position: relative;
padding-top: 51.4705882353%;
border-radius: 5px;
overflow: hidden;
}
.iv2_list .te {
width: 80%;
max-height: 80%;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
overflow-y: auto;
}
.iv2_list .te::-webkit-scrollbar {
display: none;
}
.iv2_list .p1 {
font-weight: 500;
}
.iv2_list .d2 {
display: inline-block;
width: 0.15rem;
height: 2px;
background-color: #fff;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
.iv2_list .p3 {
line-height: 1.75;
}
@media (max-width: 900px) {
.iv2_list .iv2_i {
width: 100%;
}
}
.inv-3 {
color: #fff;
}
.inv-3 .p1 {
margin-top: 0.3rem;
}
.inv-3 .p2 {
margin-top: 0.12rem;
line-height: 1.75;
}
.inv-4 {
position: relative;
height: 9rem;
background-image: url(../images/iv4_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}
.inv-4 .com-tit .ct1,
.inv-4 .com-tit .ct2 {
color: #fff;
}
.inv-4 .form {
width: 8.2rem;
max-width: 80%;
}
.inv-4 .f_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.5rem;
}
.inv-4 .inp {
width: 4rem;
margin-bottom: 0.2rem;
}
.inv-4 .inp input {
width: 100%;
height: 0.6rem;
min-height: 40px;
background-color: #fff;
border-radius: 5px;
border: none;
padding: 0 0.2rem;
}
.inv-4 .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 0.8rem;
background-color: #003592;
color: #fff;
line-height: 1;
border: none;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s;
}
.inv-4 .btn:hover {
transform: translateY(6px);
transition: all 0.3s;
}
.inv-4 .btn img {
margin-left: 0.12rem;
}
@media (max-width: 500px) {
.inv-4 .inp {
width: 100%;
}
}
.cp-1 {
position: relative;
min-height: 9rem;
background-repeat: no-repeat;
background-size: cover;
padding-top: 1.9rem;
padding-bottom: 1rem;
}
.cp-1 .te {
width: 5.8rem;
color: #fff;
transition: width 0.3s;
}
.cp-1 .p1 {
font-weight: bold;
}
.cp-1 .d2 {
line-height: 2;
margin-top: 0.36rem;
}
@media (max-width: 1280px) {
.cp-1 .te {
width: 75%;
transition: width 0.3s;
}
}
@media (max-width: 900px) {
.cp-1 .te {
width: 100%;
transition: width 0.3s;
}
.cp-1 .pbg img {
-o-object-position: left;
object-position: left;
}
.cp-1 {
align-items: flex-start;
}
}
.cp-2 {
display: flex;
align-items: center;
justify-content: center;
}
.cp-2 .list {
display: flex;
flex-wrap: wrap;
width: 100%;
color: #fff;
}
.cp-2 .l_i {
width: 25%;
text-align: center;
margin-top: 0.4rem;
}
.cp-2 .d1 {
line-height: 1;
font-family: DIN;
}
.cp-2 .d2 {
line-height: 2;
}
@media (max-width: 900px) {
.cp-2 .l_i {
width: 50%;
}
}
.cp-3 {
color: #fff;
}
.cp-3 .com-tit .ct1,
.cp-3 .com-tit .ct2 {
color: #fff;
}
.cp-3 .swipers {
margin-top: 0.9rem;
position: relative;
}
.cp-3 .swiper1 {
position: relative;
width: 100%;
}
.cp-3 .sw {
width: 33.3333%;
height: 5.2rem;
position: relative;
}
.cp-3 .sw::before {
content: "";
width: 0.22rem;
height: 0.22rem;
background-image: url(../images/icon-26.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.cp-3 .line {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding-left: 0.36rem;
padding-right: 0.1rem;
}
.cp-3 .line .ll {
height: 2px;
background-color: rgba(255, 255, 255, 0.2);
}
.cp-3 .te {
height: 50%;
}
.cp-3 .pt {
padding-top: 0.2rem;
}
.cp-3 .pb {
padding-bottom: 0.2rem;
}
.cp-3 .tt {
height: 100%;
overflow-y: auto;
}
.cp-3 .tt::-webkit-scrollbar {
display: none;
}
.cp-3 .seat {
height: 50%;
}
.cp-3 .p1 {
font-family: DIN;
}
.cp-3 .p2 {
line-height: 1.8888888889;
margin-top: 0.2rem;
}
.cp-3 .swiper2 {
width: 100%;
position: absolute;
left: -200vw;
opacity: 0;
}
.cp-3 .sw2 {
text-align: center;
}
.cp-3 .mt_y {
width: 100%;
height: 2px;
background-color: rgba(255, 255, 255, 0.5);
position: relative;
margin: 5px 0;
}
.cp-3 .mt_y::before {
content: "";
width: 5px;
height: 5px;
background-color: #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.cp-3 .mt1 {
font-family: DIN;
}
.cp-3 .mt2 {
line-height: 1.8888888889;
margin-top: 10px;
padding: 0 10px;
}
.cp-3 .swiper-button-next,
.cp-3 .swiper-button-prev {
transform: translateY(-50%);
margin: 0;
width: 0.2rem;
height: 0.37rem;
background-repeat: no-repeat;
background-size: contain;
}
.cp-3 .swiper-button-prev {
right: calc(100% + 0.5rem);
left: auto;
background-image: url(../images/icon-14.png);
}
.cp-3 .swiper-button-next {
left: calc(100% + 0.5rem);
background-image: url(../images/icon-15.png);
}
@media (max-width: 500px) {
.cp-3 .swiper1 {
position: absolute;
left: -200vw;
opacity: 0;
}
.cp-3 .swiper2 {
position: relative;
left: 0;
opacity: 1;
}
.cp-3 .swiper-button-prev {
left: 0;
background-image: url(../images/icon-14.png);
}
.cp-3 .swiper-button-next {
left: auto;
right: 0;
background-image: url(../images/icon-15.png);
}
}
.cp-4 .com-tit .ct1,
.cp-4 .com-tit .ct2 {
color: #fff;
}
.cp-4 .swipers {
margin-top: 0.8rem;
color: #fff;
}
.cp-4 .sw1 {
text-align: center;
}
.cp-4 .sb1 {
display: inline-block;
position: relative;
width: 2.64rem;
}
.cp-4 .sb1::before {
content: "";
width: 0.13rem;
height: 0.13rem;
background-image: url(../images/icon-11.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: calc(100% + 0.25rem);
top: 0;
}
.cp-4 .sb1::after {
content: "";
width: 2px;
height: 90%;
background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0.4));
position: absolute;
right: calc(100% + 0.3rem);
top: 0.13rem;
}
.cp-4 .sw2 {
text-align: center;
}
.cp-4 .sb2 {
display: inline-block;
position: relative;
width: 1.86rem;
}
.cp-4 .sb2::before {
content: "";
width: 0.13rem;
height: 0.13rem;
background-image: url(../images/icon-11.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: calc(100% + 0.25rem);
top: 0;
}
.cp-4 .sb2::after {
content: "";
width: 2px;
height: 90%;
background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0.4));
position: absolute;
right: calc(100% + 0.3rem);
top: 0.13rem;
}
.cp-4 .p {
margin-top: 0.16rem;
}
.cp-4 .line {
height: 2px;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0.2) 100%);
margin-top: 0.3rem;
margin-bottom: 0.5rem;
}
.cp-5 {
padding: 1rem 0;
}
.cp-5 .top {
text-align: center;
color: #fff;
}
.cp-5 .tit {
display: inline-block;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
position: relative;
}
.cp-5 .tit::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 3px;
background-image: linear-gradient(90deg, rgba(252, 252, 240, 0.4) 0%, #fcfcf0 30%, #fcfcf0 70%, rgba(252, 252, 240, 0.4) 100%);
}
.cp-5 .tit::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-image: linear-gradient(90deg, rgba(252, 252, 240, 0.4) 0%, #fcfcf0 30%, #fcfcf0 70%, rgba(252, 252, 240, 0.4) 100%);
}
.cp-5 .tit .t1 {
line-height: 1;
font-weight: bold;
}
.cp-5 .tit .t2 {
margin-top: 0.1rem;
}
.cp-5 .swiper {
margin-top: 0.8rem;
}
/* .cp-5 .sw {
transform-origin: bottom;
width: 3.5rem;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 8px 1px 0.32rem 3px rgba(124, 129, 131, 0.2);
} */
.cp-5 .sw {
transform-origin: bottom;
width: 3.46rem;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 8px 1px 0.32rem 3px rgba(124, 129, 131, 0.2);
padding: 0.26rem 0.38rem;
background-image: url(../images/111.png);
background-repeat: no-repeat;
background-size: contain;
}
.cp-5 .img {
position: relative;
padding-top: 144.1176470588%;
overflow: hidden;
}
.cp-5 .img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 0.2rem);
height: calc(100% - 0.2rem);
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 500px) {
.cp-5 {
min-height: 100vh;
}
}
.cp-6 {
padding-top: 1.1rem;
padding-bottom: 0.8rem;
}
.cp-6 .com-tit .ct1 {
color: #fff;
}
.cp-6 .com-tit .ct2 {
color: #fff;
}
.cp-6 .d2 {
text-align: center;
color: #fff;
margin-top: 0.18rem;
}
.cp-6 .swiper {
margin-top: 0.3rem;
}
.cp-6 .swiper-slide {
display: flex;
flex-wrap: wrap;
}
.cp-6 .cy {
width: 19.2857142857%;
margin-right: 0.8571428571%;
margin-bottom: 0.12rem;
}
.cp-6 .cy:nth-child(5n) {
margin-right: 0;
}
.cp-6 .img {
position: relative;
padding-top: 51.8518518519%;
}
.cp-6 .swiper-pagination {
position: relative;
width: 100%;
display: flex;
justify-content: center;
margin-top: 0.2rem;
}
.cp-6 .swiper-pagination-bullet {
width: 0.3rem;
height: 3px;
background-color: rgba(255, 255, 255, 0.4);
opacity: 1;
margin: 0 0.03rem;
border-radius: 3px;
overflow: hidden;
transition: all 0.3s;
position: relative;
}
.cp-6 .swiper-pagination-bullet-active {
background-color: #fff;
width: 0.7rem;
margin: 0 0.1rem;
}
@media (max-width: 500px) {
.cp-6 .cy {
width: 32%;
margin-right: 2% !important;
}
.cp-6 .cy:nth-child(3n) {
margin-right: 0 !important;
}
}
.md-layout {
color: #fff;
}
.md-layout .d1 {
line-height: 1.75;
margin-top: 0.24rem;
}
.md-layout .d2 {
display: flex;
margin-top: 0.9rem;
}
.md-layout .d2 .d2_i {
text-align: center;
margin-right: 0.8rem;
}
.md-layout .d2 .num {
font-family: DIN;
}
.md-layout .d2 .n2 {
margin-top: 0.1rem;
}
.md-layout .d3 {
display: flex;
flex-wrap: wrap;
margin-top: 1.1rem;
}
.md-layout .d3 .d3_i {
border: solid 2px #fff;
padding: 0.16rem;
opacity: 0.5;
line-height: 1;
display: flex;
align-items: center;
margin-right: 0.24rem;
margin-bottom: 0.1rem;
cursor: pointer;
}
.md-layout .d3 .d3_i.on {
opacity: 1;
}
.md-layout .d3 img {
margin-right: 0.15rem;
}
.md-layout .d3 .sp1 {
display: inline-flex;
align-items: center;
}
.md-layout .d3 .sp2 {
min-width: 8em;
}
.md-layout .d4 {
margin-top: 0.28rem;
}
.lay-1,
.lay-2,
.lay-3,
.lay-4 {
position: relative;
}
@media (max-width: 500px) {
.lay-1,
.lay-2,
.lay-3,
.lay-4 {
min-height: 100vh !important;
align-items: flex-start;
padding-top: 30% !important;
}
}
.pbg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.pbg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pbg .ii1 {
display: block;
}
.pbg .ii2 {
display: none;
}
.lay-2 .bg_swiper .ii1 {
display: block;
}
.lay-2 .bg_swiper .ii2 {
display: none;
}
@media (max-width: 900px) {
.pbg .ii1 {
display: none;
}
.pbg .ii2 {
display: block;
}
.lay-2 .bg_swiper .ii1 {
display: none;
}
.lay-2 .bg_swiper .ii2 {
display: block;
}
}
.mod {
position: relative;
z-index: 20;
}
.lay-2 .bg_swiper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lay-2 .bg_swiper .swiper-container {
height: 100%;
}
.lay-2 .bg_swiper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.md-strategy {
color: #fff;
}
.md-strategy .d1 {
margin-top: 0.3rem;
}
.md-strategy .d2 {
line-height: 1.75;
margin-top: 0.1rem;
}
.md-strategy .d3 {
margin-top: 0.3rem;
}
.md-strategy .d4 {
margin-top: 0.65rem;
display: flex;
}
.md-strategy .d_i {
margin-right: 0.48rem;
text-align: center;
}
.md-strategy .d_i .icon {
margin-bottom: 0.18rem;
}
.md-strategy .d_i .icon img {
width: 0.9rem;
height: 0.9rem;
}
.md-strategy .d5 {
margin-top: 0.2rem;
line-height: 2;
}
.md-strategy .d6 {
margin-top: 0.36rem;
letter-spacing: 0.13rem;
}
.md-strategy .d7 {
margin-top: 0.36rem;
}
.md-train {
color: #fff;
}
.trn-1 {
position: relative;
color: #fff;
}
.trn-1 .trn1_list {
height: 100%;
display: flex;
position: relative;
z-index: 10;
}
.trn-1 .t1_i {
width: 33.3333333333%;
text-align: center;
padding: 0 0.2rem;
padding-top: 2.75rem;
font-size: 0;
transition: all 0.3s;
}
.trn-1 .t1_i:hover {
padding-top: 2rem;
transition: all 0.3s;
}
.trn-1 .t1_i:hover .icon {
background-color: #003592;
border-color: #003592;
transition: all 0.3s;
}
.trn-1 .t1_i:hover .d3 {
opacity: 1;
}
.trn-1 .icon {
margin-bottom: 0.36rem;
display: inline-block;
transition: all 0.3s;
width: 1rem;
border-radius: 50%;
border: 2px solid #fff;
}
.trn-1 .icon img {
width: 100%;
}
.trn-1 .p2 {
margin-top: 0.1rem;
}
.trn-1 .d3 {
display: inline-block;
width: 0.15rem;
height: 2px;
background-color: #fff;
opacity: 0;
margin-top: 0.65rem;
}
.trn-2 .d1 {
margin-top: 0.25rem;
line-height: 1.75;
}
.trn-3 .d2 {
margin-top: 0.25rem;
line-height: 1.75;
}
.trn-3 .d3 {
margin-top: 0.8rem;
}
.trn-3 .p1 {
font-weight: bold;
}
.trn-3 .p2 {
margin-top: 0.12rem;
line-height: 1.75;
}
.md-brand .d1 {
color: #fff;
line-height: 1.75;
margin-top: 0.3rem;
}
.md-brand .tt3 {
line-height: 1.75;
margin-top: 0.2rem;
}
.md-brand .tbox {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1.2rem 0;
height: 100%;
color: #fff;
}
.md-brand .tee .p1 {
font-weight: bold;
}
.md-brand .tee .p2 {
line-height: 1.5555555556;
margin-top: 0.1rem;
}
.md-brand .tee .a3 {
line-height: 1;
padding: 0.14rem 0.25rem;
border-radius: 1rem;
display: inline-block;
border: 2px solid #fff;
margin-top: 0.36rem;
transition: all 0.3s;
}
.md-brand .tee .a3:hover {
transform: translateY(6px);
transition: all 0.3s;
}
.brd-1 .te {
width: 50%;
color: #fff;
line-height: 1.75;
margin-top: 0.3rem;
}
@media (max-width: 1280px) {
.brd-1 .te {
width: 75%;
}
}
@media (max-width: 900px) {
.brd-1 .te {
width: 100%;
}
}
.brd-2 {
position: relative;
}
.brd-2.show .mask {
opacity: 0;
pointer-events: none;
}
.brd-2 .video {
position: relative;
background-color: #000;
padding: 0 !important;
}
.brd-2 .video video {
width: 100%;
height: 100%;
padding: 0 !important;
}
.brd-2 .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
}
.brd-2 .mask.on {
pointer-events: auto;
opacity: 1;
}
.brd-2 .play {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #fff;
}
.brd-2 .btn {
position: relative;
}
.brd-2 .btn .i1 {
position: relative;
z-index: 2;
}
.brd-2 .btn .i2 {
position: absolute;
left: 0;
top: 0;
transform: translate(-20%, -32%);
}
.brd-2 span {
margin-top: 0.1rem;
}
.brd-3 .award {
display: inline-block;
}
.brd-3 .aw1 {
padding: 0 0.7rem;
}
.brd-3 .aw_t2 {
font-style: italic;
font-weight: 600;
margin-top: 0.1rem;
}
.brd-3 .aw_t3 {
font-weight: 600;
}
.brd-3 .aw_t4 {
color: #666;
margin-top: 0.08rem;
}
.brd-3 .aw2 {
display: flex;
align-items: center;
margin-top: 0.24rem;
}
.brd-3 .aw2 img {
width: 0.5rem;
}
.brd-3 .aw_b {
padding: 0 0.2rem;
}
.md-md {
position: absolute;
top: -0.8rem;
}
.md-form {
padding-top: 3.32rem;
padding-bottom: 1.95rem;
}
.md-form .form {
margin-top: 0.48rem;
}
.md-form .tt {
font-weight: 500;
margin-top: 0.2rem;
}
.md-form .tt span {
color: #999;
}
.md-form .h1 {
text-align: center;
font-weight: bold;
}
.md-form .inps {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.42rem;
}
.md-form .inp {
width: 31.4285714286%;
margin-right: 1.0714285714%;
position: relative;
}
.md-form .inp:last-child {
margin-right: 0;
}
.md-form .inp input {
width: 100%;
height: 0.6rem;
min-height: 40px;
padding: 0 0.4rem;
background-color: #fff;
border: solid 1px #ebebeb;
}
.md-form .inp span {
position: absolute;
top: 50%;
left: 0.25rem;
transform: translateY(-50%);
color: #ff0000;
}
.md-form .btns {
display: flex;
justify-content: center;
margin-top: 0.6rem;
}
.md-form .f_sub {
background-color: #003592;
color: #fff;
height: 0.55rem;
line-height: 1;
padding: 0 0.54rem;
border-radius: 1rem;
border: none;
cursor: pointer;
font-family: unset;
}
.md-form .checks {
display: flex;
flex-wrap: wrap;
margin-top: 0.27rem;
}
.md-form .r-radio {
margin-bottom: 0.27rem;
cursor: pointer;
position: relative;
margin-right: 0.3rem;
display: flex;
align-items: center;
}
.md-form .r-radio.selected .r-a {
border-color: #003592;
background-color: #003592;
background-image: url(../images/icon-17.png);
}
.md-form .r-radio.selected .r-b {
border-color: #003592;
background-color: #003592;
background-image: url(../images/icon-17.png);
}
.md-form .r-a {
margin-right: 0.1rem;
width: 0.22rem;
min-width: 18px;
height: 0.22rem;
min-height: 18px;
border-radius: 50%;
border: solid 1px #ebebeb;
background-size: contain;
background-size: 45.4545454545% auto;
background-position: center center;
background-repeat: no-repeat;
}
.md-form .r-b {
margin-right: 0.1rem;
width: 0.22rem;
min-width: 18px;
height: 0.22rem;
min-height: 18px;
border: solid 1px #ebebeb;
background-size: contain;
background-size: 45.4545454545% auto;
background-position: center center;
background-repeat: no-repeat;
}
.md-form .r-checkbox {
position: absolute;
cursor: pointer;
left: 0;
top: 0;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0);
width: 100%;
height: 100%;
}
.md-form .ip {
margin-left: 0.1rem;
width: 1.7rem;
min-width: 100px;
height: 0.24rem;
min-height: 18px;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
z-index: 30;
}
@media (max-width: 900px) {
.md-form .inp {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.brd-3 {
align-items: flex-start !important;
padding-top: 3rem !important;
}
}
.mh900 {
min-height: 9rem;
overflow: hidden;
position: relative;
}
@media (max-width: 900px) {
.mh900 {
padding: 20px 0;
}
}
.mh960 {
min-height: 9.6rem;
overflow: hidden;
position: relative;
}
@media (max-width: 900px) {
.mh960 {
padding: 20px 0;
}
}
.mh980 {
min-height: 9.8rem;
overflow: hidden;
position: relative;
}
@media (max-width: 900px) {
.mh980 {
padding: 20px 0;
}
}
@media (max-width: 500px) {
.mb500 {
min-height: 100vh !important;
}
.mb501 {
min-height: 121vh !important;
}
}
.bgs {
background-size: cover;
background-repeat: no-repeat;
}
.md-platform .container {
padding-top: 0.95rem;
padding-bottom: 0.6rem;
background-color: #fcfcfc;
}
.md-platform .pf_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 0.5rem;
}
.md-platform .pf_i {
width: 48.5714285714%;
margin-bottom: 0.4rem;
background-color: #fff;
text-align: center;
padding: 0.78rem;
padding-bottom: 0.6rem;
position: relative;
border-radius: 0.4rem;
overflow: hidden;
}
.md-platform .pf_i::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0.08rem;
min-height: 4px;
background-color: #003592;
transition: all 0.3s;
}
.md-platform .pf_i:hover::before {
width: 100%;
transition: all 0.3s;
}
/* .md-platform .pf_i:hover .hd {
transform: rotateY(180deg);
transition: all 1s;
}
.md-platform .pf_i:hover .code {
transform: rotateY(0);
opacity: 1;
transition: all 1s;
} */
.md-platform .pf_i:hover .p1 {
color: #0c3e97;
font-weight: bold;
}
.md-platform .pf_i:hover .i1 {
display: none;
}
.md-platform .pf_i:hover .i2 {
display: inline-block;
}
.md-platform .has_hover:hover::before {
width: 100%;
transition: all 0.3s;
}
.md-platform .has_hover:hover .hd {
transform: rotateY(180deg);
transition: all 1s;
}
.md-platform .has_hover:hover .code {
transform: rotateY(0);
opacity: 1;
transition: all 1s;
}
.md-platform .tp {
position: relative;
transform-style: preserve-3d;
perspective-origin: center;
perspective: 2000;
-ms-perspective: 2000;
-moz-perspective: 2000;
-webkit-perspective: 2000;
}
.md-platform .hd {
transform: rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 1s;
}
.md-platform .code {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
transform: rotateY(180deg);
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 1s;
}
.md-platform .code img {
width: auto;
height: 100%;
}
.md-platform .icon {
height: 0.87rem;
line-height: 0.87rem;
}
.md-platform .icon img {
max-height: 100%;
}
.md-platform .p1 {
margin-top: 0.44rem;
}
.md-platform .p2 {
margin-top: 0.6rem;
}
.md-platform .p2 img {
width: 0.2rem;
min-width: 12px;
}
.md-platform .i2 {
display: none;
}
.store-1 {
padding-top: 0.93rem;
padding-bottom: 0.9rem;
}
.store-1 .ct2 {
font-weight: bold;
}
.store-1 .swiper {
margin-top: 0.5rem;
}
.store-1 .swiper-slide {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.store-1 .cy {
width: 48.5714285714%;
margin-bottom: 0.4rem;
}
.store-1 .img {
position: relative;
padding-top: 66.1764705882%;
}
.store-1 .swiper-pagination {
bottom: 0.1rem;
width: 100%;
display: flex;
justify-content: center;
}
.store-1 .swiper-pagination-bullet {
width: 0.3rem;
height: 3px;
background-color: #e1e1e1;
border-radius: 0;
opacity: 1;
margin: 0 5px;
transition: all 0.3s;
}
.store-1 .swiper-pagination-bullet-active {
width: 0.7rem;
background-color: #003592;
transition: all 0.3s;
}
.store-2 {
position: relative;
}
.store-2 .map_box {
height: 9rem;
}
.store-2 .form {
background-color: rgba(0, 53, 146, 0.95);
box-shadow: 2px -6px 0.46rem 2px rgba(56, 86, 138, 0.08);
border-radius: 0.5rem 0px 0.5rem 0px;
position: absolute;
top: 50%;
right: 2.6rem;
transform: translateY(-50%);
padding: 0.64rem 0.46rem;
z-index: 50;
width: 4.2rem;
}
.store-2 .tt {
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
color: #fff;
margin-bottom: 0.44rem;
}
.store-2 .tt img {
width: 0.27rem;
min-width: 20px;
margin-right: 0.18rem;
}
.store-2 .inp {
margin-bottom: 0.2rem;
position: relative;
}
.store-2 .inp input {
width: 100%;
height: 0.5rem;
min-height: 40px;
padding: 0 0.2rem;
background-color: #003592;
border: solid 1px rgba(250, 250, 250, 0.4);
color: #fff;
}
.store-2 .inp input::-webkit-input-placeholder {
color: rgba(250, 250, 250, 0.6);
}
.store-2 .inp input:-moz-placeholder {
color: rgba(250, 250, 250, 0.6);
}
.store-2 .inp input::-moz-placeholder {
color: rgba(250, 250, 250, 0.6);
}
.store-2 .inp input:-ms-input-placeholder {
color: rgba(250, 250, 250, 0.6);
}
.store-2 .inp select {
width: 100%;
height: 0.5rem;
min-height: 40px;
padding: 0 0.2rem;
background-color: #003592;
border: solid 1px rgba(250, 250, 250, 0.4);
color: rgba(250, 250, 250, 0.66);
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.store-2 .ic {
position: absolute;
top: 50%;
right: 0.2rem;
transform: translateY(-50%);
}
.store-2 .btn {
width: 100%;
height: 0.55rem;
min-height: 40px;
margin-top: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
color: #003592;
background-color: #fff;
border: none;
cursor: pointer;
}
.store-2 .btn img {
margin-left: 0.14rem;
}
@media (max-width: 900px) {
.store-2 .form {
position: relative;
right: 0;
top: 0;
transform: translate(0);
width: 100%;
border-radius: 0;
}
}
.md-after_sale {
background-color: #fcfcfc;
}
.ams-1 {
padding-top: 0.95rem;
padding-bottom: 0.8rem;
background-image: url(../images/ams1_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.ams-1 .com-tit .ct1,
.ams-1 .com-tit .ct2 {
color: #fff;
}
.as1_list {
display: flex;
flex-wrap: wrap;
width: 10.4rem;
max-width: 90%;
margin: 0 auto;
margin-top: 0.7rem;
}
.as1_list .as1_i {
width: 2.3rem;
height: 2.3rem;
margin-right: 1.75rem;
margin-bottom: 0.6rem;
border-radius: 50%;
border: solid 2px #fff;
color: #fff;
text-align: center;
padding: 0.2rem;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
}
.as1_list .as1_i:nth-child(3n) {
margin-right: 0;
}
.as1_list .as1_i:hover {
transform: translateY(10px);
transition: all 0.3s;
}
.as1_list .line {
display: inline-block;
width: 0.15rem;
min-width: 15px;
height: 2px;
background-color: #fff;
margin-top: 0.16rem;
margin-bottom: 0.16rem;
}
.as1_list .icon img {
max-height: 0.52rem;
}
.as1_list .p2 {
margin-top: 0.06rem;
min-height: 2.4em;
}
@media (max-width: 1280px) {
.as1_list {
justify-content: space-between;
}
.as1_list .as1_i {
width: 4rem;
height: 4rem;
margin-right: 0;
}
}
@media (max-width: 500px) {
.as1_list .as1_i {
width: 160px;
height: 160px;
}
}
.ams-2 {
padding-top: 0.97rem;
padding-bottom: 0.8rem;
}
.as2_list {
margin-top: 0.5rem;
}
.as2_list .as2_li {
background-color: #fff;
border-radius: 5px;
padding: 0 0.4rem;
margin-bottom: 0.2rem;
}
.as2_list .as2_i {
border-bottom: 2px solid rgba(0, 0, 0, 0.04);
padding-top: 0.44rem;
padding-bottom: 0.45rem;
}
.as2_list .as2_i:last-child {
border-bottom: none;
}
.as2_list .d1 {
color: #003592;
font-weight: 500;
display: flex;
align-items: center;
line-height: 1;
}
.as2_list .d1 .sp1 {
margin-right: 0.17rem;
}
.as2_list .d2 {
color: #333;
line-height: 1.75;
margin-top: 0.16rem;
}
.cto-1 {
justify-content: center;
}
.cto-1 .com-tit .ct1,
.cto-1 .com-tit .ct2 {
color: #fff;
}
.cto-1 .form {
width: 8.2rem;
max-width: 80vw;
}
.cto-1 .f_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.5rem;
}
.cto-1 .inp {
width: 4rem;
margin-bottom: 0.2rem;
}
.cto-1 .inp input {
width: 100%;
height: 0.6rem;
min-height: 40px;
background-color: #fff;
border-radius: 5px;
border: none;
padding: 0 0.2rem;
}
.cto-1 .btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 0.8rem;
background-color: #003592;
color: #fff;
line-height: 1;
border: none;
border-radius: 5px;
cursor: pointer;
}
.cto-1 .btn img {
margin-left: 0.12rem;
}
@media (max-width: 500px) {
.cto-1 .inp {
width: 100%;
}
}
.cto-2 .com-tit .ct1,
.cto-2 .com-tit .ct2 {
color: #fff;
}
.ct2_list {
display: flex;
flex-wrap: wrap;
margin-top: 0.9rem;
}
.ct2_list .ct2_i {
width: 23.5714285714%;
margin-right: 1.7857142857%;
background-color: #003592;
border-radius: 0.4rem 0px 0.4rem 0px;
color: #fff;
text-align: center;
font-size: 0;
padding: 0.98rem 0.2rem;
transition: all 0.3s;
}
.ct2_list .ct2_i:last-child {
margin-right: 0;
}
.ct2_list .ct2_i:hover {
transform: translateY(10px);
transition: all 0.3s;
}
.ct2_list .icon {
margin-bottom: 0.5rem;
line-height: 0.6rem;
height: 0.6rem;
}
.ct2_list .icon img {
max-height: 100%;
}
.ct2_list .line {
display: inline-block;
width: 0.15rem;
min-width: 0.15rem;
height: 2px;
background-color: #fff;
margin-top: 0.2rem;
margin-bottom: 0.24rem;
}
@media (max-width: 500px) {
.ct2_list {
justify-content: space-between;
margin-top: 30px;
}
.ct2_list .ct2_i {
width: 48%;
margin-right: 0;
margin-bottom: 4%;
padding: 20px;
}
.ct2_list .icon {
margin-bottom: 15px;
}
}
.cto-3 {
position: relative;
}
.cto-3 .tit {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
text-align: center;
z-index: 30;
}
.cto-3 .t1 {
font-weight: bold;
}
.cto-3 .t2 {
font-weight: 600;
margin-top: 0.12rem;
}
.cto-3 .img {
position: relative;
padding-top: 46.875%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 300px;
}
.cto-3 .swiper-button-next,
.cto-3 .swiper-button-prev {
transform: translateY(-50%);
margin: 0;
width: 0.2rem;
height: 0.37rem;
background-repeat: no-repeat;
background-size: contain;
}
.cto-3 .swiper-button-prev {
left: 2.6rem;
background-image: url(../images/icon-14.png);
}
.cto-3 .swiper-button-next {
right: 2.6rem;
background-image: url(../images/icon-15.png);
}
@media (max-width: 900px) {
.cto-3 .swiper-button-prev {
left: 5%;
}
.cto-3 .swiper-button-next {
right: 5%;
}
}
/*视频容器样式*/
.v-a {
position: fixed;
left: 0;
top: 120%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999999999;
transition: top 0.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: 60px;
height: 50px;
font-size: 30px;
text-align: center;
line-height: 50px;
color: #fff;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
z-index: 10000;
}
.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%);
}
/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.svc-6 {
background-color: #fff;
padding-top: 1.45rem;
padding-bottom: 0.7rem;
}
.svc-6 .com-tit{
overflow: hidden;
}
.svc-6 .swiper {
margin-top: 0.56rem;
background-color: #f9f9f9;
padding: 0 0.25rem;
}
.svc-6 .sw {
width: auto;
padding: 0 0.25rem;
cursor: pointer;
}
.svc-6 .sw.on .sp {
color: #003592;
}
.svc-6 .sw.on .sp::before {
content: "";
width: 100%;
height: 3px;
background-color: #003592;
position: absolute;
bottom: 0;
left: 0;
}
.svc-6 .sp {
display: block;
padding: 0.23rem 0;
position: relative;
}
.svc-6 .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 0.44rem;
}
.svc-6 .li {
background-color: #f9f9f9;
width: 49%;
padding: 0.47rem 0.5rem;
padding-bottom: 0.4rem;
margin-bottom: 0.3rem;
transition: all 0.3s;
}
.svc-6 .li:hover {
box-shadow: 0 5px 0.15rem -5px rgba(34, 34, 34, 0.3);
transition: all 0.3s;
}
.svc-6 .p1 {
font-weight: 600;
}
.svc-6 .p2 {
font-weight: 500;
color: #666;
line-height: 1.8;
margin-top: 0.2rem;
}
@media (max-width: 900px) {
.svc-6 .li {
width: 100%;
}
}
.svc-6 .form {
display: flex;
justify-content: space-between;
margin-top: 0.5rem;
flex-wrap: wrap;
}
.svc-6 .f_item {
position: relative;
display: flex;
width: 49%;
background-color: #f9f9f9;
align-items: center;
height: 0.7rem;
line-height: 1;
}
.svc-6 .f_item.show .s-bd {
display: block;
}
.svc-6 .f_item .le {
padding-left: 0.42rem;
padding-right: 0.3rem;
color: #222;
position: relative;
}
.svc-6 .f_item .le::before {
content: "";
width: 1px;
height: 0.4rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #dcdcdc;
}
.svc-6 .f_item .inp {
flex-grow: 1;
padding: 0 0.32rem;
}
.svc-6 .f_item .sel {
position: relative;
}
.svc-6 .f_item .sel::before {
content: "";
width: 17px;
width: 0.17rem;
height: 11px;
height: 0.11rem;
position: absolute;
top: 50%;
right: 0.3rem;
transform: translateY(-50%);
background-image: url(../images/icon-27.png);
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
}
.svc-6 .inp_te {
height: 1em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.svc-6 .inp1 {
width: 100%;
height: 0.7rem;
background-color: #f9f9f9;
flex-grow: 1;
border: none;
padding: 0 0.38rem;
padding-right: 1.6rem;
color: #888;
}
.svc-6 .sub {
position: absolute;
right: 0;
top: 0;
height: 100%;
background-color: #003592;
color: #fff;
padding: 0 0.68rem;
border: none;
cursor: pointer;
font-family: unset;
}
.svc-6 .s-bd {
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
box-shadow: 0px 0px 0.43rem 0px rgba(215, 215, 215, 0.67);
width: 100%;
z-index: 20;
padding: 0.36rem 0.5rem;
padding-bottom: 0.16rem;
display: none;
}
.svc-6 .s-list {
display: flex;
flex-wrap: wrap;
line-height: 1.2;
}
.svc-6 .s-list .si {
width: 16.6666666667%;
color: #888;
margin-bottom: 0.2rem;
cursor: pointer;
font-weight: bold;
transition: color 0.3s;
}
.svc-6 .s-list .si:hover {
color: #003592;
transition: color 0.3s;
}
.svc-6 .s-list span {
width: 4em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
@media (max-width: 900px) {
.svc-6 .f_item {
width: 100%;
margin-bottom: 20px;
height: 50px;
}
.svc-6 .s-list .si {
width: 33.3%;
}
}