@charset 'utf-8';
/* CSS Document */
html,
body {
    overflow-x: hidden !important;
    overflow-y: auto;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
    line-height: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
    outline: none;
}

ul,
ol,
li {
    margin: 0;

    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: normal;

    margin: 0;
    line-height: 1;
}

p {
    word-wrap: break-word;
    word-break: normal;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

body,
button,
input,
select,
textarea {
    font-family: 'sy';
    font-size: 14px;
    line-height: 1;

    margin: 0;

    color: #333;
    border: 0;
    outline: none;
    background: none;
}

input,
textarea {
    -webkit-appearance: none;
}

a:active,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
    border: 0;
    outline: 0;
}

a,
button {
    cursor: pointer;
}

label {
    font-weight: normal;

    margin-bottom: 0;
}

img {
    vertical-align: middle;
}

@media (min-width: 1230px) {
    .container {
        width: 1230px;
    }
}

.ib {
    display: inline-block;

    vertical-align: middle;
}

.imgdiv img,
.tra0_3,
.imgk img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.tra1 {
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.dimgdiv img:last-of-type {
    display: none;
}

.dimgdiv:hover img:first-of-type {
    display: none;
}

.dimgdiv:hover img:last-of-type {
    display: inline;
}

.disnone {
    display: none !important;
}

.clearfix::after {
    display: block;
    clear: both;

    height: 0;

    content: ' ';
}

.clearfix {
    zoom: 1;
}

.cp {
    cursor: pointer;
}

.fb {
    font-weight: bold;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.l,
.r {
    width: 50%;
}

.c_333 {
    color: #333;
}

.c_666 {
    color: #666;
}

.c_999 {
    color: #999;
}

.c_w {
    color: #fff;
}

.bg_w {
    background: #fff;
}

.c_b {
    color: #000;
}

.bg_b {
    background: #000;
}

.img_d {
    display: none;
}

.img_dd {
    display: none !important;
}

.hm {
    height: 100%;
}

.tn {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.t50 {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tx50 {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tablediv {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
}

.imgdiv {
    overflow: hidden;
}

/* v1.4 2019.6.28  gary*/
/*slick 修整*/
.slick-track .slick-slide {
    display: block !important;
}

/*分享修改*/
.bsBox, #bsPanel div, #bsMorePanel div, #bshareF div {
    box-sizing: content-box;
}

.bsTop span {
    line-height: 24px !important;
}

#bsPanel {
    margin-left: 20px !important;
}

/*编辑器图片和p默认样式处理*/
.yxedr_active img {
    max-width: 100% !important;
    height: auto !important;
}

.yxedr_active video {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
}

.yxedr_active p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}

.g_tableboxn {
    width: 100%;
    overflow-x: auto;
}

.g_tableboxn .g_tablebox {
    width: 1200px;
}

/* 列表 */
.yx_list li {
    list-style: inherit;
}

.yx_list {
    padding-left: 20px;
}

/*ie默认样式去除*/
select::-ms-expand {
    display: none;
}

/*2021.03.24英文站微信分享*/
#bsWXBox .bsTop span {
    opacity: 0;
}

#bsWXBox .bsTop {
    position: relative;
}

#bsWXBox .bsTop:after {
    content: '- WeChat';
    display: block;
    position: absolute;
    left: 85px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

#bsWXBox .bsTop:before {
    content: 'Share the';
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .yxedr_active audio,
    .yxedr_active iframe {
        max-height: 260px;
    }
}

.yx_content {
    width: 1200px;
    margin: auto;
}

.yxedr_active iframe {
    width: 100%;
}

@charset "utf-8";

img {
    max-width: 100%;
}

.he_img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.he_img1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.he_show {
    opacity: 1;
}

.he_hide {
    opacity: 0;
}

.he_center {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

a {
    display: inline-block;
}

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

.he_fixed {
    background-size: cover;

}

.he_cover img,
.he_cover video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
}


/* 定位内容区 */
.he_pos_top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.he_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_pos_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

/* 分享 */

.he_fotbshr a {
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: block;
    background: none !important;
    left: 0;
    top: 0;
    z-index: 5;
}

.he_main {
    overflow: hidden;
    max-width: 1920px;
    margin: auto;
}

.he_fotbshr a {
    padding-left: 0 !important;
}

.he_rotate {
    transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
}

/* 修改 input placeholder样式 */

.he_place::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: red;
    font-size: 20px;
    font-weight: bolder;
}

.he_place:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: red;
    font-size: 20px;
    font-weight: bolder;
}

.he_place::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: red;
    font-size: 20px;
    font-weight: bolder;
}

.he_place:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red;
    font-size: 20px;
    font-weight: bolder;
}

/*  */

.he_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.he_modal_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.he_modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 10;
}

.he_modal_content {
    width: 500px;
    padding: 20px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: auto;
    background: #fff;
}

/* 视频弹窗 */
.he_videom_video {
    display: none;
}

.he_videom_iframebox {
    display: none;
}

.he_videom {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .84);
}

.he_videom_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.he_videom_close {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    color: #fff;
}

.he_videom_content {
    width: 1000px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: auto;
}

.he_videom_video {
    max-width: 100%;
    vertical-align: middle;
    background: #000;
}

.he_videom_iframebox {
    text-align: center;
}

.he_videom_iframebox iframe {
    max-width: 100%;
    min-width: 100px;
    min-height: 100px;
}

@media screen and (max-width: 416px) {

    .he_videom_iframebox iframe {
        max-height: 300px;
    }

}