/* body */

body {
    font-family: "微软雅黑";
    color: #000000;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

a {
    transition: all 0.3s ease;
    color: #38B;
}

.row {
    margin: 0;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #D40;
}

a:focus {
    outline: none;
}

blockquote {
    font-size: 0.86em;
    line-height: 1.8em;
}

.phoneTitle {
    font-size: 23px;
}


/* 两段英文的样式 */

.section-title-en {
    font-size: 2.6rem;
    font-family: Arial, Helvetica, sans-serif;
}

.gray {
    /*grayscale(val):val值越大灰度就越深*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

#contact {
    max-width: unset;
    width: 100vw;
    min-height: 300px;
    color: white;
    background-color: #474443;
    /* background-image: url(../img/EIndex-loop-03.jpg); */
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}


/* Common style */

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}