/* @charset "utf-8"; */

/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
* {
    margin: 0;
    padding: 0;
    word-wrap: break-word
}
/* 移除默认的焦点轮廓 */
*:focus {
    outline: none !important;
}

/* 个性化设置字体 */
:lang(zh) {
  font-family: NotoSansHansRegular !important;
}
:lang(en) {
  font-family: MazdaTypeRegular !important;
}
:lang(enBold) {
  font-family: MazdaTypeBold !important;
}

@font-face {
  /* font-family: MazdaTypeBold;
  src: url('../fonts/title-NotoSansHans-Medium.otf') format('otf'); */
  font-family: MazdaTypeBold;
  src: url('../fonts/MazdaType-Bold-smallTitle.otf') format('opentype');
  font-display: swap; /* 或者使用其他的 font-display 值 */
}
@font-face {
  font-family: MazdaTypeRegular;
  src: url('../fonts/MazdaTypeRegular-text.otf') format('opentype');
  font-display: swap; /* 或者使用其他的 font-display 值 */
}
@font-face {
  font-family: NotoSansHansMedium;
  src: url('../fonts/title-NotoSansHans-Medium.otf') format('opentype');
  font-display: swap; /* 或者使用其他的 font-display 值 */
}
@font-face {
  font-family: NotoSansHansRegular;
  src: url('../fonts/title-NotoSansHans-Regular.otf') format('opentype');
  font-display: swap; /* 或者使用其他的 font-display 值 */
}

* img {
    border: 0
}

* hr {
    border: 1px dashed #d2d2d2
}

.swiper-next,
.swiper-prev {
    outline: none;
    cursor: pointer
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
tr {
    color: #333333;
    font-weight: normal;
    font-size: 12px;
    font-family: NotoSansHansRegular;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: inline
}

a {
    text-decoration: none;
    outline: none;
    color: #333333;
    cursor: pointer
}

a:active {
    star: expression(this.onFocus=this.blur())
}

a:focus {
    outline: none
}

textarea {
    resize: none
}

a:hover {
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

em {
    font-style: normal
}

img {
    max-width: 100%
}

.ul li,
.ul {
    list-style: none;
    margin-left: 0;
}

 input,
textarea,
select {
    outline: none;
    font-family: NotoSansHansRegular;
} 

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px;
    -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px;
    box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px
}

@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: rgba(31, 39, 87, 0.3);
    }
}

input:-webkit-autofill {
    animation-name: autofill !important;
    animation-fill-mode: both !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    background-clip: content-box !important;
}

.clear {
    width: 100%;
    clear: both;
    height: 1px;
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.ov_hi {
    overflow: hidden
}

.layout {
    width: 1200px;
    margin: 0 auto
}

.ul_li,
li {
    list-style: none
}

.ov_hi {
    overflow: hidden
}

.radius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden
}

.shadow {
    -webkit-box-shadow: #DDD9D9 0px 0px 30px;
    -moz-box-shadow: #DDD9D9 0px 0px 30px;
    box-shadow: #DDD9D9 0px 0px 30px
}

.fl-clr {
    zoom: 1
}

.fl-clr:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

.opacityli li,
.opacity,
.opacitybox .box {
    opacity: 0
}

.textV {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.aaa {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.aaa {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.top-50 {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.close {
    position: absolute;
    width: .44rem;
    height: 0.44rem;
    background: url(../../image/slide2/close-1.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.5s;
    opacity: 0.9
}

.close:hover {
    transform: rotate(180deg) !important
}

html,
body {
    position: relative;
    touch-action: manipulation; /* 可能有助于改善移动设备上的性能 */
}

body {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0;
}