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

/* 通用属性 */
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font-size: 14px;
    color: #000;
    font-family: 'ch';
    /*background: #f5f4f0;*/
}

html::-webkit-scrollbar {
    display: none;
}

img {
    border: 0;
    vertical-align: top;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

html, body {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 320px;
    overflow-x: hidden;
}

address, caption, cite, code, dfn, em, th, dt, var {
    font-style: normal;
    font-weight: normal;
}

/* a */
a {
    color: #333;
    text-decoration: none;
}

a:visited {
}

a:active, a:hover {
    text-decoration: none;
    color: #d2bc73;
}

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

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

h1, h2, h3, h4, h5, h6, p, ol, ul {
    padding: 0;
    margin: 0;
}

:focus {
    outline: none;
}

.ovfl {
    overflow: hidden;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.lflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ltflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.lbflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.rflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.rtflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.rbflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.mflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    text-align: center;
}

.mtflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    text-align: center;
}

.mbflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    text-align: center;
}

.dh300s {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.donghua {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

::after, ::before {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

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

.dhwz2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.mar0a {
    margin: 0 auto;
}

.con-fff {
    width: 100%;
    height: 100%;
    position: relative;
}

.bgf8 {
    background: #f8f8f8;
}

.bgfff {
    background: #fff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

input {
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    box-shadow: 0 0 0;
    font-size: 14px;
}

textarea {
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    box-shadow: 0 0 0;
    font-size: 14px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table td, table th {
    padding: 5px 10px;
    border: 1px solid #ddd;
}
.container{
    width: 85% !important;
}
@media (min-width: 1230px) {
    .container {
        width: 1200px;
    }
}

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

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

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

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

@media (max-width: 767px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}

/* scroll */
.virtual-scroll {
    position: fixed;
    width: 10px;
    height: 100vh;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.virtual-scroll:hover {
    opacity: 1;
    background-color: #f1f1f1;
}

.virtual-scroll:before {
    content: '';
    position: absolute;
    width: 100vw;
    right: 0;
    height: 100vh;
    top: 0;
    display: none;
    z-index: -1;
}

.virtual-scroll.dblclick:hover:after {
    content: '';
    position: absolute;
    line-height: 40px;
    padding: 0 30px;
    background-color: #1a1a1a;
    color: #fff;
    right: 25px;
    bottom: 50px;
    white-space: nowrap;
    pointer-events: none;
}

.virtual-scroll.active {
    opacity: 1;
}

.virtual-scroll.mousedown:before {
    display: block;
}

.virtual-scroll .virtual-scroll-thumb {
    position: absolute;
    width: 10px;
    height: 200px;
    background-color: #d2bc73;
    left: 0;
    top: 0;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.virtual-scroll .virtual-scroll-thumb:hover {
    background-color: #d2bc73;
}

.virtual-scroll .virtual-scroll-thumb:hover.active {
    background-color: #d2bc73;
}

.virtual-scroll .virtual-scroll-thumb.active {
    background-color: #d2bc73;
}

@media (max-width: 767px) {
    .virtual-scroll {
        display: none;
    }
}

/*@font-face{
	font-family:ch;

	src:url(../fonts/SourceHanSerifOld-Regular.otf);

}*/

/* 头部 */
header {
    height: 90px;
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    background: #323232;
}

.headlf {
    float: left;
}

.headlf a {
    display: block;
    margin: 24px 0;
}

.headlf a img { /* height:72px; */
}

.nav {
    float: left;
    margin-left: 50px;
    /*margin-top: 12px;*/
    height: 90px;
}

.nav > li {
    float: left;
    position: relative;
    display: block;
    margin-right: 100px;
    height: 100%;
}

.nav > li:last-child {
    margin-right: 0;
}

.nav > li > a {
    display: block;
    font-size: 16px;
    padding: 0;
    color: #fff;
    position: relative;
    line-height: 90px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    position: relative;
    bottom: 3px;
}

.nav > li > a::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 2px;
    h;
    display: none;
    eight: 1px;
    background-color: #d2bc73;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.nav > li > a > i {
    font-size: 20px;
    position: relative;
    top: 1px;
    display: none;
}

.nav > li:hover > a::after, .nav > li.cur > a::after {
    left: 0;
    right: 0;
}

.nav > li.cur > a {
    color: #fff;
}

.nav > li.cur > a.active {
    color: #D2BC73;
    border-bottom: 2px solid #D2BC73;
}

.nav > li:hover > a {
    color: #d2bc73;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}

.nav > li > a span {
    display: inline-block;
    padding: 0 10px;
    line-height: 1;
    font-family: ch;
}

.headtxt {
    float: right;
    text-align: right;
    height: 95px;
}

.headtxt p {
    line-height: 16px;
    font-size: 12px;
    color: #888;
}

.headtxt a {
    display: inline-block;
    font-size: 14px;
    padding: 6px 0px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff; /* margin-top:8px; */
    overflow: hidden;
    position: relative;
}

.headtxt a span {
    display: inline-block;
    padding-left: 20px;
    background: url(../images/headtxico.png) no-repeat left;
}

.headtxt a .btnbgx {
    background: #d2bc73;
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
    *filter: alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.qiehuan {
    position: relative;
}

.qiehuan > a {
    border-radius: inherit;
    border: none;
    font-size: 16px;
}

.qiehuan a.active {
    color: #D2BC73;
}

.encn {
    display: none;
    position: absolute; /* background: #fff; */
    border: none;
}

.encn p { /* width: 72px; */
}

.encn p a {
    color: #fff;
    font-size: 16px;
    padding: 0px 6px;
    border: none;
    margin: 4px 0;
    letter-spacing: 2px;
    border-left: 2px solid #fff; /* padding-left: 10px; */
    border-radius: inherit;
    width: 53px;
}

.encn p a:hover {
    color: #d2bc73;
    background: inherit
}

.qiehuan:hover .encn {
    display: block;
}

.headtxt a:hover {
    border-color: #d2bc73;
    background: #d2bc73;
}

.headtxt a:hover .btnbgx {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    *filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.headtxt .qiehuan > a:hover {
    background: inherit;
    color: #d2bc73;
}

/*导航下拉*/
.nav-er-box {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -115px;
    width: 230px;
    display: none;
    padding-top: 1px;
    box-shadow: 0 10px 10px 0px rgb(0 0 0 / 40%);
}

.nav-er-list {
    background: rgba(0, 0, 0, 0.6);
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.banner-ad {
    width: 100%;
    height: 398px;
    object-fit: cover;
}

.banner-ad-new {
    width: 100%;
    height: 92vh;
}

.nav-er-list:last-child {
    border-bottom: none;
}

.nav-er-list a {
    display: block;
    padding: 0 15px;
}

.nav-san-box {
    position: absolute;
    top: 0;
    left: 100%;
    width: 218px;
    background: #fff;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 30%);
    display: none;
}

.nav > li:last-child > .nav-er-box .nav-san-box {
    left: auto;
    right: 100%
}

.nav-er {
    color: #f7f7f7;
    font-size: 15px;
    transition: 0.3s all ease;
}

.nav-er i {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    transition: 0.3s all ease;
}

.nav-er span {
    display: block;
    text-align: center;
}

.nav-san-box a {
    position: relative;
    display: block;
    padding-left: 56px;
    border-bottom: 1px solid #ccc;
}

.nav-san-box a:last-child {
    border-bottom: none;
}

.nav-san-box a::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 23px;
    width: 10px;
    height: 10px;
    background: url(../images/page/nav-rjt.png);
}

.nav-yi::after {
    position: absolute;
    content: '';
    bottom: 25px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #d2bc73;
    display: none;
}

.nav-er-box::before {
    position: absolute;
    content: '';
    width: 18px; /* height: 6px; *//* background: url(../images/page/nav-up.png) no-repeat center; */
    left: 50%;
    margin-left: -9px;
    top: 0;
}

.nav li.active .nav-yi {
    color: #d2bc73;
}

.nav-box li.active .nav-yi::after {
    display: block;
}

.nav > li:hover .nav-er-box {
    display: block;
}

.nav > li:hover .nav-yi {
    color: #d2bc73;
}

.nav > li:hover .nav-yi:after {
    display: block;
}

.nav-er-list:hover .nav-er {
    color: #d2bc73;
    font-weight: bold;
}

.nav-er-list:hover .nav-er i {
    background-position-y: -20px;
}

.nav-er-list:hover {
    background: #fff;
}

.nav-er-list-all-next{
    display: none;
    position: absolute;left: 180px;top: 0;
}

.nav-er-list:hover .nav-er-list-all-next{
    display: block;
}

.nav-er-list:hover .nav-san-box {
    display: block;
}

.nav-san-box a:hover {
    color: #d2bc73;
}

.nav > li:hover > a::after, .nav > li.cur > a::after {
    left: 0;
    right: 0;
}

#header:hover .nav > li > a, #header.active .nav > li > a {
    color: #333;
}

#header:hover .nav > li:hover > a, #header:hover .nav > li.cur > a, #header:hover .nav > li > a:focus, #header:hover .nav > li > a:hover,
#header.active .nav > li:hover > a, #header.active .nav > li.cur > a, #header.active .nav > li > a:focus, #header.active .nav > li > a:hover {
    background: transparent;
    color: #d2bc73;
}

#header:hover .nav > li > a::after, #header.active .nav > li > a::after {
    background-color: #d2bc73;
}

#header:hover .head-htel, #header.active .head-htel {
    color: #666;
    background: url(../images/htelx.png) no-repeat left;
}

#header:hover .head-htel h4 a, #header.active .head-htel h4 a {
    color: #333;
}

/*小屏幕导航*/
#m-head-nav {
    height: 16px;
    position: relative;
    float: right;
    display: none;
    margin-right: 20px;
    width: 24px;
    z-index: 99999;
}

#m-head-nav .line {
    width: 24px;
    height: 2px;
    background-color: #d2bc73;
    position: absolute;
    left: 0px;
    top: 7px;
}

#m-head-nav .line1 {
    margin-top: -7px;
}

#m-head-nav .line3 {
    margin-top: 7px;
}

#m-head-nav[data-active="on"] .line1 {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#m-head-nav[data-active="on"] .line2 {
    display: none;
}

#m-head-nav[data-active="on"] .line3 {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#header:hover #m-head-nav .line, #header.active #m-head-nav .line {
    background-color: #d2bc73;
}

.mm-nav-box {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: calc(100% - 70px);
    z-index: 99999;
    display: none;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.mm-nav-box[data-on="active"] {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    top: 90px;
}

.mm-nav-box .mm-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    padding-bottom: 15px;
    z-index: 100;
    border-top: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
}

.mm-nav-box .mm-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
}

.mm-nav-box .mm-nav {
    overflow-y: scroll;
    height: 100%;
}

.mm-nav-box .mm-nav .li1 {
    margin: 0 10px 0 20px;
    line-height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.mm-nav-box .mm-nav .li1 .a1 {
    display: block;
    color: #222222;
    font-size: 16px;
}

.mm-nav-box .mm-nav .li1.on .a1 {
    color: #e00000;
}

.mm-nav-box .mm-nav .li1.on .mm-title {
    border-color: #e00000;
}

.mm-nav-box .mm-nav .li1 .mm-title {
    position: relative;
    height: 45px;
    line-height: 45px;
}

.mm-nav-box .mm-nav .li1 .mm-title .am {
    display: block;
    width: 100%;
    height: 100%;
}

.mm-nav-box .mm-nav .li1 .mm-title .a1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
}

.mm-nav-box .mm-nav .li1 .mm-title .click {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mm-nav-box .mm-nav .li1 .mm-title .click:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #222222;
    border-right: 1px solid #222222;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -3px;
}

.mm-nav-box .mm-nav .li1 .mm-title .mclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mm-nav-box .mm-nav .li1 .mm-title .mclick a {
    display: block;
    width: 100%;
    height: 100%;
}

.mm-nav-box .mm-nav .li1.on .mm-title .click:after {
    border-color: #e00000;
}

.mm-nav-box .mm-nav .li1 .mm-innav {
    display: none;
    padding: 6px 0;
}

.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, .15);
}

.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-nav-box .mm-nav .li1[data-on="click"] .a1 {
    color: #d2bc73;
}

.mm-nav-box .mm-nav .li1 .mm-innav li {
    margin: 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    line-height: 1;
}

.mm-nav-box .mm-nav .li1 .mm-innav li a {
    color: #222222;
    font-size: 14px;
    line-height: 1.4;
    display: block;
    padding: 6px 0;
}

.mm-nav-box .mm-nav .li1 .mm-innav li a:hover {
    color: #d2bc73;
}

.mm-nav-box .mm-nav .li1 .mm-innav li .box2 {
    margin: 0 15px;
}

.mm-nav-box .mm-wrap .mmlang {
    padding: 0 10px;
    font-size: 0;
    display: none;
}

.mm-nav-box .mm-wrap .mmlang .mmitem {
    height: 55px;
    line-height: 55px;
    width: 50%;
    font-size: 14px;
    color: #222222;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

.mm-nav-box .mm-wrap .mmlang .mmitem.on {
    color: #e00000;
}

.header_space {
    width: 100%;
    height: 90px;
}

@media (max-width: 1199px) {
    .nav > li {
        margin-right: 50px;
    }
}

@media (max-width: 991px) {
    .nav {
        float: right;
        margin-top: 0;
    }

    .nav > li {
        display: none;
    }

    .wap_nav {
        height: 90px;
        display: flex;
        align-items: center;
        float: right;
    }

    #m-head-nav {
        display: block;
    }

    .mm-nav-box {
        display: block;
    }
}

@media (max-width: 767px) {
    header {
        height: 70px;
        background: #323232;
    }

    .header_space {
        height: 70px;
        display: block !important;
    }

    .headtxt, .wap_nav {
        height: 70px;
    }

    .mm-nav-box .mm-wrap {
        width: 100%;
    }

    .mm-nav-box[data-on="active"] {
        top: 69px;
    }

    .mm-nav-box .mm-nav .li1 .mm-title .a1 {
        font-size: 14px;
        color: #454545;
    }

    .mm-nav-box .mm-nav .li1 .mm-innav li a {
        color: #777;
    }

    .mm-nav-box {
        display: block;
    }

    #m-head-nav {
        display: block;
    }

    .headlf {
        margin-left: 10px;
    }

    .headlf a {
        margin: 8px 0;
    }

    .headlf a img {
        height: 54px;
    }

    .headtxt p {
        float: left;
        line-height: 17px;
    }

    .headtxt a {
        float: left;
        margin-left: 10px;
        margin-top: 0;
    }

    .nav {
        margin-left: 20px;
    }
}

@media (max-width: 420px) {
    header, .header_space, .headtxt, .wap_nav {
        height: 60px;
    }

    .headlf a img {
        height: 44px;
    }

    .headtxt p {
        line-height: 15px;
    }

    .headtxt a {
        font-size: 12px;
        line-height: 14px;
        padding: 7px 8px;
    }

    .nav {
        margin-left: 12px;
    }

    #m-head-nav {
        margin-right: 12px;
    }

    .mm-nav-box[data-on="active"] {
        top: 59px;
    }
}

@media (max-width: 365px) {
    .headtxt p {
        display: none;
    }
}

/* 轮播图 */
#banner {
    position: relative; /* padding-top: 110px; */
}

#banner video {
    width: 100%;
    display: block;
}

#banner .swiper-slide a {
    display: block;
}

#banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 990px;
}

#banner .swiper-slide .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#banner .swiper-slide video {
    height: auto;
}

#banner .swiper-pagination {
    bottom: 34px;
    font-size: 0;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

#banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    border-radius: 50%;
    background: rgb(255 255 255 / 100%);
    position: relative;
    margin: 0 16px;
}

#banner .swiper-pagination-bullet-active {
    background: #d2bc73;
    position: relative;
}

#banner .swiper-pagination-bullet-active::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    top: -11px;
    left: -11px;
    border: 3px solid #fff;
    border-radius: 50%;
}

#banner .swiper-button-prev, #banner .swiper-button-next {
    width: 46px;
    height: 46px;
    background: url(../images/page/ban-jt.png) no-repeat center left;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#banner .swiper-button-prev {
    left: -80px;
}

#banner .swiper-button-next {
    right: -80px;
    transform: rotate(180deg);
}

#banner:hover .swiper-button-prev {
    left: 80px;
}

#banner:hover .swiper-button-next {
    right: 80px;
}

#banner .swiper-button-prev:hover, #banner .swiper-button-next:hover {
    background: url(../images/page/ban-jt.png) no-repeat center left -46px #fff;
    box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);
}

#banner .nybanner img {
    max-width: 100%;
    display: block;
}

@media (max-width: 1400px) {
    #banner .swiper-button-prev {
        left: 60px;
    }

    #banner .swiper-button-next {
        right: 60px;
    }
}

@media (max-width: 767px) {
    #banner .swiper-pagination {
        bottom: 20px;
    }

    #banner .swiper-pagination-bullet {
        border: none;
    }

    #banner .swiper-button-prev, #banner .swiper-button-next {
        display: none;
    }

    #banner .swiper-pagination-bullet-active::after {
        display: none;
    }
}

@media (max-width: 450px) {
    #banner .swiper-pagination {
        bottom: 5px;
        padding: 8px;
    }

    #banner .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }
}

/*首页视频*/
.sy_video {
    display: block;
    position: relative;
    overflow: hidden;
}

.sy_video .video_box {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;
}

.sy_video .video_box video {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.sy_video .video_box img {
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.point {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 4;
}

.point a {
    display: block;
    position: relative;
    padding-top: 40px;
}

.point a em {
    background: url(../images/banner_ico1.png) no-repeat center;
    width: 16px;
    height: 21px;
    display: block;
    margin: 10px auto 15px auto;
}

.point span {
    font-size: 14px;
    color: #fff;
}

.point .c-wrap {
    position: relative;
    margin: 0 auto;
    width: 30px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 20px;
    overflow: hidden;
}

.point .c-wrap .c-line {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 2px;
    height: 10px;
    transform: translateX(-50%);
    background: #fff;
    animation: jump 1.5s linear infinite;
    -webkit-animation: jump 1.5s linear infinite;
}

.viheight {
    height: 145px;
}

.mmbanimg {
    display: none;
}

@media (max-width: 1199px) {
    .sy_video .video_box video {
        width: auto;
        height: 100%;
    }

    .viheight {
        height: 100px;
    }
}

@media (max-width: 991px) {
    .viheight {
        height: 70px;
    }
}

@media (max-width: 767px) {
    .viheight {
        height: 60px;
    }

    .sy_video .video_box, .point {
        display: none;
    }

    .mmbanimg {
        display: block;
    }

    .mmbanimg img {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .viheight {
        height: 50px;
    }
}

/* 动画 */
@-webkit-keyframes jump {
    0% {
        opacity: 1;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 11px;
    }
}

@keyframes jump {
    0% {
        opacity: 1;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 11px;
    }
}

/* 首页标题 */
.title {
    text-align: center;
    display: block;
    position: relative;
}

.title h2 {
    font-size: 32px;
    color: #60402b;
    font-weight: bold;
    margin-bottom: 20px;
}

.title p {
    font-size: 18px;
    color: #888;
    line-height: 36px;
}

@media (max-width: 1199px) {
    .title h2 {
        font-size: 26px;
    }
}

@media ( max-width: 767px) {
    .title h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .title p {
        font-size: 16px;
        line-height: 30px;
    }
}

@media ( max-width: 500px) {
    .title h2 {
        font-size: 20px;
    }

    .title p {
        font-size: 14px;
        line-height: 25px;
    }
}

/* 首页内容1 */
#incon1 {
    padding: 180px 0px;
}

@media (max-width: 991px) {
    #incon1 {
        padding: 130px 0px;
    }
}

@media (max-width: 767px) {
    #incon1 {
        padding: 50px 10px;
    }
}

@media (max-width: 500px) {
    #incon1 {
        padding: 30px 10px;
    }
}

#sy-img {
    position: relative;
    padding: 50px;
    box-sizing: border-box;
    height: 80vh;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 100px;
    margin-right: 100px;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 50px;
}

#sy-img .sy-img-top-text {
    position: absolute;
    font-size: 28px;
    color: #fff;
    z-index: 1;
    top: 200px;
    box-sizing: border-box;
    padding-left: 100px;
    padding-right: 100px;
}

#sy-img .sy-img-bottom-text {
    padding-left: 100px;
    padding-right: 100px;
    position: absolute;
    font-size: 28px;
    color: #fff;
    z-index: 1;
    top: 250px;
    box-sizing: border-box;
}

#sy-img img {
    width: 100%;
    text-align: center;
    height: 100%;
    position: absolute;
    border-radius: 32px;
    /*left: 0;top: 0;*/
}

/* 首页内容2 */
#incon2 {
    padding: 130px 0;
    background: #e3e1db;
}

.incon2box {
    display: flex;
    flex-wrap: wrap;
}

.incon2box > div {
    margin-bottom: 10px;
}

.incon2o1 {
    width: 75%;
    height: 600px;
}

.incon2o2 {
    width: 25%;
    height: 600px;
    padding-left: 10px;
}

.incon2o3 {
    width: 50%;
    height: 500px;
    padding-right: 5px;
}

.incon2o4 {
    width: 50%;
    height: 500px;
    padding-left: 5px;
}

.incon2o1 > div {
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.incon2o1 h2 {
    font-size: 30px;
    color: #333;
    margin-top: 65px;
    margin-bottom: 10px;
}

.incon2o1 a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 8px 20px;
    border-radius: 40px;
}

.incon2o1 a i {
    margin-left: 5px;
}

.incon2o1 a:hover {
    background: #d2bc73;
}

.incon2last {
    padding: 0 100px;
    margin-top: 60px;
}

.incon2last p {
    line-height: 40px;
    border-bottom: 1px solid #bfb7a2;
    color: #bfb7a2;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 14px;
}

@media (max-width: 1429px) {
    #incon2 {
        padding: 80px 0;
    }

    .incon2o1, .incon2o2 {
        height: 500px;
    }

    .incon2o3, .incon2o4 {
        height: 400px;
    }

    .incon2last {
        margin-top: 40px;
        padding: 0 40px;
    }
}

@media (max-width: 1199px) {
    .incon2o1, .incon2o2 {
        height: 400px;
    }

    .incon2o3, .incon2o4 {
        height: 300px;
    }

    .incon2o1 h2 {
        margin-top: 35px;
    }
}

@media (max-width: 991px) {
    .incon2o1 {
        width: 65%;
    }

    .incon2o2 {
        width: 35%;
    }

    .incon2o1, .incon2o2 {
        height: 300px;
    }

    .incon2o3, .incon2o4 {
        height: 200px;
    }

    .incon2o1 h2 {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    #incon2 {
        padding: 50px 10px;
    }

    .incon2o1 {
        width: 100%;
        height: 350px;
    }

    .incon2o2 {
        padding-left: 0;
        padding-right: 5px;
    }

    .incon2o3 {
        padding: 0 5px;
    }

    .incon2o2, .incon2o3, .incon2o4 {
        width: 33.33%;
        height: 200px;
    }

    .incon2last {
        display: none;
    }
}

@media (max-width: 500px) {
    #incon2 {
        padding: 30px 10px;
    }

    .incon2o1 {
        height: 250px;
    }

    .incon2o2, .incon2o3, .incon2o4 {
        height: 150px;
    }

    .incon2o1 h2 {
        margin-top: 15px;
        font-size: 20px;
    }

    .incon2o1 a {
        font-size: 14px;
        padding: 5px 15px;
    }
}

@media (max-width: 400px) {
    .incon2o1 {
        height: 220px;
    }

    .incon2o2, .incon2o3, .incon2o4 {
        height: 120px;
    }
}

/* 首页内容3 */
#incon3 {
    padding-top: 130px;
}

.incon3box {
    display: flex;
    flex-direction: row-reverse;
}

.incon3img {
    width: 75%;
    height: 660px;
}

.incon3con {
    width: 25%;
    height: 660px;
    background: url(../images/incon3conbg.jpg) no-repeat center / cover;
}

.incon3con .title h2 {
    color: #ededed;
    margin-bottom: 15px;
}

.incon3con .title p {
    color: #ededed;
}

.incon3con a {
    display: inline-block;
    width: 124px;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    background: #ededed;
    border-radius: 30px;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}

.incon3con a span {
    position: relative;
    z-index: 2;
}

.incon3con a i {
    margin-left: 5px;
}

.incon3con a .btnbgx {
    background: #d2bc73;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
    *filter: alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.incon3con a:hover {
    color: #fff;
}

.incon3con a:hover .btnbgx {
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    *filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

@media (max-width: 1429px) {
    #incon3 {
        padding-top: 80px;
    }

    .incon3img, .incon3con {
        height: 550px;
    }
}

@media (max-width: 1199px) {
    .incon3img {
        width: 70%;
    }

    .incon3con {
        width: 30%;
    }

    .incon3img, .incon3con {
        height: 450px;
    }
}

@media (max-width: 991px) {
    .incon3img {
        width: 65%;
    }

    .incon3con {
        width: 35%;
    }

    .incon3img, .incon3con {
        height: 400px;
    }
}

@media (max-width: 767px) {
    #incon3 {
        padding: 50px 10px 0;
    }

    .incon3box {
        position: relative;
    }

    .incon3img {
        width: 100%;
        height: 300px;
    }

    .incon3con {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 70%);
    }

    .incon3con a {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    #incon3 {
        padding: 30px 10px 0;
    }

    .incon3img {
        height: 250px;
    }
}

/* 首页内容4 */
#incon4 {
    padding: 130px 0 200px;
}

.incon4ul {
    margin-top: 50px;
}

.incon4ul li {
    padding: 5px;
}

.incon4ul li a {
    display: block;
}

.incon4img {
    background: #fff;
    padding: 50px 0;
    overflow: hidden;
}

.incon4img img {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.incon4til {
    line-height: 50px;
    text-align: center;
    padding: 0 10px;
    font-size: 18px;
    color: #ededed;
    background: #000;
}

.incon4ul li a:hover {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
}

.incon4ul li a:hover .incon4img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.incon4ul li a:hover .incon4til {
    background: #bfb7a2;
}

@media (max-width: 1429px) {
    #incon4 {
        padding: 80px 0 150px;
    }
}

@media (max-width: 767px) {
    #incon4 {
        padding: 50px 10px;
    }

    .incon4ul {
        margin-top: 40px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .incon4til {
        font-size: 16px;
        line-height: 40px;
    }
}

@media (max-width: 500px) {
    #incon4 {
        padding: 30px 10px;
    }

    .incon4ul {
        margin-top: 20px;
    }

    .incon4img {
        padding: 0;
    }

    .incon4til {
        font-size: 14px;
    }
}

/* 通用配置 */
.owl-rela {
    position: relative;
}

.owl-prev, .owl-next {
    display: block;
    width: 30px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-indent: -99999999px;
    opacity: 0.4;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: url(../images/page/owlbtn.png) no-repeat;
}

.owl-prev {
    left: -30px;
}

.owl-next {
    right: -30px;
    transform: rotate(180deg);
}

.owl-prev:hover, .owl-next:hover {
    opacity: 1;
}

@media (max-width: 800px) {
    .owl-prev, .owl-next {
        display: none;
    }
}

/* 图片封面动画 */
.white, .whites {
    position: relative;
    overflow: hidden;
}

.white::after, .whites::after {
    content: '';
    cursor: pointer;
    position: absolute;
    left: -120%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    transform: skewx(-20deg);
    transition: unset;
}

.white:hover::after {
    left: 120%;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

/* 底部 */
footer {
    background: #222;
}

.ftop {
    overflow: hidden;
    padding: 36px 0;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.flogo {
    float: left;
    margin: 4px 0;
}

.flogo img {
    height: 40px;
}

.fshop {
    float: right;
}

.fshop a {
    display: block;
    padding-left: 62px;
    padding-right: 30px;
    background: url(../images/fshopico.png) no-repeat left;
}

.fshop a p {
    font-size: 16px;
    color: #ededed;
    line-height: 24px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.fshop a:hover {
    background: url(../images/fshopicox.png) no-repeat left;
}

.fshop a:hover p {
    color: #d2bc73;
}

.finfo {
    display: flex;
    margin-top: 50px;
    margin-bottom: 150px;
}

.fnav {
    flex: 1;
    display: flex;
}

.fnavo {
    flex: 1;
    padding-right: 20px;
}

.fnavo:last-child {
    flex: 1.5;
}

.fnavo h3 {
    margin-bottom: 20px;
}

.fnavo h3 a {
    font-size: 16px;
    color: #ededed;
}

.fnavo h3 a:hover {
    color: #d2bc73;
}

.fnavo p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ededed;
}

.fnavo p a {
    font-size: 14px;
    color: #ededed;
}

.fnavo p a:hover {
    color: #d2bc73;
}

.fewm {
    width: 400px;
    text-align: right;
    font-size: 0;
}

.fewmimg {
    display: inline-block;
    margin-right: 30px;
}

.fewmimg img {
    padding: 5px;
    background: #fff;
    width: 100px;
    border-radius: 5px;
}

.fewmimg p {
    font-size: 12px;
    color: #ededed;
    line-height: 30px;
    text-align: center;
}

.fcopy {
    padding: 20px 10px;
    text-align: center;
    border-top: 1px solid rgb(255 255 255 / 20%);
}

.fcopy p {
    font-size: 14px;
    color: #666;
}

.fcopy p a {
    font-size: 14px;
    color: #666;
}

.fcopy p a:hover {
    color: #fff;
}


.ft-top {
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 68px;
    border-bottom: 1px solid #666;
}

.ft-logo {
    float: left;
}

.ft-logo a {
}

.ft-logo a img {
    width: 100%; /* height: 72px; */
}

.ft-lxfs {
    float: right; /* padding: 16px 0; */ /* display: flex; */
}

.er-xuan {
    float: left;
}

.er-xuan p {
    width: 108px;
    height: auto; /* background: #fff; */
    float: left;
    margin: 10px 20px;
}

.er-xuan p img {
    width: 100%;
    border-radius: 6px;
}

.ft-ewm {
    float: left;
    margin: 10px 20px;
}

.ft-ewm a {
    width: 38px;
    display: block;
}

.ft-ewm img {
    width: 100%;
}

.ft-jd {
    float: right;
    padding-left: 20px;
    padding-top: 2px;
}

.ft-jd a {
    height: 38px;
    display: block;
    padding-top: 16px;
}

.ft-jd img {
    height: 100%;
}

.ft-bottom {
    display: block;
    overflow: hidden;
}

.ft-left {
    float: left;
    width: 40%;
}

.ft-left .ht-lx {
    padding: 24px 0;
    border-bottom: 1px solid #666;
}

.ft-left .ht-lx p {
    font-size: 16px;
    color: #777;
    padding: 5px 0;
    font-family: 'ch';
}

.ft-left .coy {
    padding: 30px 0;
}

.ft-left .coy p {
    color: #777;
    font-size: 16px;
}

.ft-left .coy p a {
    color: #777;
}

.ft-right {
    float: right;
}

.ft-right ul {
}

.ft-right ul li {
    float: left;
    padding: 30px 40px;
    text-align: center;
}

.ft-right ul li > a {
    color: #999;
    font-size: 16px;
    margin-bottom: 6px;
    display: block;
}

.ft-right ul li dl {
}

.ft-right dl dd {
    padding: 8px 0;
}

.ft-right dl dd:nth-child(3) {
    /*display: none;*/
}

.ft-right dl dd:nth-child(4) {
    /*display: none;*/
}

.ft-right dl dd:nth-child(5) {
    /*display: none;*/
}

.ft-right dl dd a {
    color: #999;
    font-size: 16px;
}

#wudian {
    background: #fff;
    padding: 30px 0;
}

#wudian ul {
    display: flex;
}

#wudian ul li { /* border-right: 2px solid #666; */
    position: relative;
}

#wudian ul li::before {
    content: '';
    width: 2px;
    height: 712px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #eee;
}

#wudian ul li a {
}

#wudian ul li a img {
}

#wudian ul li a p {
    font-size: 18px;
    text-align: center;
    background: #9c7533;
    line-height: 42px;
    margin: 0 30px;
    color: #fff;
}

#wudian ul li:hover a p {
    background: #094b47;
}

@media (max-width: 1199px) {
    .fewm {
        width: 300px;
    }
}

@media (max-width: 991px) {
    .fnavo {
        display: none;
    }

    .fnavo:last-child {
        display: block;
    }
}

@media (max-width: 767px) {
    footer {
        padding-bottom: 50px;
    }

    .ftop {
        padding: 20px 10px;
    }

    .fshop a {
        padding-right: 0;
    }

    .finfo {
        margin: 30px 0;
    }

    .fnav {
        margin-left: 10px;
    }

    .fnavo {
        padding-right: 10px;
    }

    .fnavo h3 {
        margin-bottom: 15px;
    }

    .fewm {
        width: 230px;
    }

    .fewmimg {
        margin-right: 10px;
    }

    .ft-jd {
        float: left;
        margin: 10px 0;
    }

    .ft-top {
        padding-top: 20px;
        text-align: center;
    }

    .ft-left .ht-lx {
        padding: 24px;
        width: 100%;
    }

    .ft-left {
        width: 100%;
    }

    .ft-left .coy {
        padding: 24px;
    }

    .ft-right {
        display: none;
    }

    .er-xuan {
        width: 100%;
    }

    .ft-ewm {
        padding: 10px 0;
    }

    .ft-logo {
        padding: 20px;
    }

    .ft-left .ht-lx p {
        font-size: 14px;
    }

    .ft-left .coy p {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .ftop {
        padding: 12px 10px;
    }

    .flogo {
        float: none;
        margin: 0;
        text-align: center;
    }

    .flogo img {
        height: 30px;
    }

    .fshop {
        display: none;
    }

    .finfo {
        flex-wrap: wrap;
        margin: 20px 0;
    }

    .fnavo {
        padding-right: 0px;
        width: 100%;
    }

    .fnavo p {
        font-size: 13px;
    }

    .fewm {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .fcopy {
        padding: 8px;
    }

    .fcopy p {
        font-size: 12px;
    }

    #wudian ul li::before {
        height: 300px;
        display: none;
    }

    #wudian ul li {
        width: 100%;
    }

    #wudian ul {
        display: block;
    }
}

/* 手机底部按钮 */
.footer-bottom {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #d2bc73;
    text-align: center;
    border-top: 1px solid #fff;
}

.footer-bottom a {
    display: inline-block;
    padding: 7px 0;
    color: #fff;
}

.footer-bottom a i {
    font-size: 16px;
    display: block;
}

/* 在线客服 */
.diyos {
    position: fixed;
    width: 54px;
    right: 0;
    top: 50%;
    z-index: 100;
}

.diyos ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.diyos ul li {
    width: 54px;
    height: 54px;
    background: #d2bc73;
    float: left;
    position: relative;
    border-top: 1px solid #333;
    z-index: 1;
}

.diyos ul li:first-child {
    border-top: 0;
}

.diyos ul li .sidebox, .diyos ul li .semail {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 14px;
    line-height: 54px;
    overflow: hidden;
    background: #d2bc73;
}

.diyos ul li .sidetop {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
}

.diyos ul li.sideewm {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
}

.diyos ul li .sideewmshow {
    width: 130px;
    position: absolute;
    top: 0;
    left: -131px;
    z-index: 120;
    display: none;
    max-width: none;
    border: 1px solid #e5e5e5;
}

.diyos ul li.sideewm:hover .sideewmshow {
    display: block;
}

.diyos ul li img {
    float: left;
}

/* 面包屑 */
#location {
    border-bottom: 1px solid #dedede;
    background: #fff;
    height: 50px;
    overflow: hidden;
}

.crumbs {
    padding-left: 20px;
    background: url(../images/page/nav_tb.png) no-repeat left center;
    line-height: 50px;
    float: left;
    color: #666;
}

.crumbs a {
    color: #666;
}

.crumbs a:hover {
    color: #d2bc73;
}

.pro_location {
    margin-bottom: 0px;
}

/* 内页导航 */
#sidebar {
    float: right;
    font-size: 0;
}

#sidebar li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

#sidebar li a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebar li a::after {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background: #d2bc73;
    position: absolute;
    left: 50%;
    bottom: 0;
    overflow: hidden;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

#sidebar li:hover a, #sidebar li.cur a {
    color: #d2bc73;
}

#sidebar li:hover a::after, #sidebar li.cur a::after {
    left: 0;
    width: 100%;
}

@media (max-width: 767px) {
    #location {
        background: #fff;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
        height: auto;
    }

    .w100 {
        width: 100%;
        float: left;
    }

    .w50 {
        width: 50%;
        float: left;
    }

    .w33 {
        width: 33.33%;
        float: left;
    }

    .w25 {
        width: 25%;
        float: left;
    }

    #sidebar {
        float: none;
    }

    #sidebar li {
        padding: 0 5px;
        margin: 0;
    }

    #sidebar li a {
        height: 40px;
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    #location .mbq_nav .box_r {
        display: none;
    }

    #location {
        background: #f7f7f7;
        height: auto;
    }

    #location .mbq_nav {
        display: block;
    }

    #location .mbq_nav .box_l {
        display: block;
        width: 100%;
    }

    #location .mbq_nav .box_l #sidebar {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    #location .mbq_nav .box_l #sidebar li {
        margin: 0;
        text-align: center;
    }

    #location .mbq_nav .box_l #sidebar li a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 40px;
    }
}

/* 内页banner */
.nybanner > div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1199px) {
    .nybanner > div {
        height: 300px !important;
    }
}

@media (max-width: 991px) {
    .nybanner > div {
        height: 250px !important;
    }
}

@media (max-width: 767px) {
    .nybanner > div {
        height: 200px !important;
    }
}

@media (max-width: 500px) {
    .nybanner > div {
        height: 160px !important;
    }
}

@media (max-width: 400px) {
    .nybanner > div {
        height: 140px !important;
    }
}

/* 内页样式 */
#inside {
    overflow: hidden;
    display: block;
    padding: 50px 0;
    background: #fff;
}

.bgf5 {
    background: #f5f5f5;
}

.nocontect {
    background-image: url(../images/page/error.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    height: 100px;
    padding-top: 40px;
    padding-left: 120px;
    font-size: 14px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #inside {
        padding: 30px 10px;
    }
}

/* 内页产品导航 */
#pronav {
    width: 100%;
    background: #e8e8e8;
    text-align: center;
}

.pronav-a {
    line-height: 80px;
    display: flex;
    overflow: hidden;
}

.pronav-a a {
    flex: 1;
    font-size: 16px;
    color: #333;
    border-right: 1px solid #ddd;
}

.pronav-a a:last-child {
    border-right: 0
}

.pronav-a a.cur, .pronav-a a:hover {
    background: #d2bc73;
    color: #fff;
}

#ny_wudian {
    padding: 30px 0;
    background: #fff;
}

#ny_wudian .container {
    padding: 0;
}

#ny_wudian ul {
    display: flex;
}

#ny_wudian ul li {
    text-align: center;
    border-right: 2px solid #999;
}

#ny_wudian ul li:last-child {
    border-right: none;
}

#ny_wudian ul li div img {
    width: 100%;
}

#ny_wudian ul li a {
}

#ny_wudian ul li a p {
}

#ny_wudian ul li a p img {
}

#ny_wudian ul li a i {
    width: 160px;
    height: 36px;
    display: inline-block;
    background: #d2bc73;
    margin: 12px 0;
    margin-bottom: 0;
    color: #fff;
    font-style: initial;
    font-size: 22px;
    line-height: 34px;
}

#ny_wudian ul li:hover a i {
    background: #094b47;
}

@media (max-width: 991px) {
    .pronav-a {
        line-height: 60px;
    }

    .pronav-a a {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .pronav-a {
        display: block;
        line-height: 45px;
    }

    .pronav-a a {
        display: block;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 500px) {
    .pronav-a {
        line-height: 36px;
    }

    .pronav-a a {
        font-size: 12px;
    }
}

/* 内页单页面标题 */
#nytitle {
    text-align: center;
    padding: 0 10px;
    margin-top: 50px;
}

#nytitle h1 {
    font-size: 36px;
    color: #353535;
    font-weight: bold;
    display: none;
}

#nytitle p {
    color: #999;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
}

@media only screen  and (max-width: 500px) {
    #nytitle {
        margin-top: 30px;
    }

    #nytitle h1 {
        font-size: 24px;
    }

    #nytitle p {
        font-size: 14px;
    }
}

/* 内页单页面内容 */
.nyshow {
    width: 100%;
}

.nyshow-til {
    line-height: 40px;
    height: 41px;
    border-bottom: 1px #ccc solid;
    margin: 0 0 20px;
}

.nyshow-til > h1, .nyshow-til > h2 {
    float: left;
    padding-right: 15px;
    text-indent: 25px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.nyshow-til > h1::before, .nyshow-til > h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 6px;
    height: 30px;
    background: #d2bc73;
}

.nyshowdesc {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 40px;
    min-height: 300px;
}

.nyshowdesc p {
    margin: 5px 0;
}

.nyshowdesc img {
    max-width: 100%;
    height: auto !important;
}

.block-shadow {
    height: 200px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(50, 50, 50, .20);
    box-shadow: 0 10px 20px 0 rgba(50, 50, 50, .20);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.block-shadow:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 125, 255, .5);
}

.radius-md {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.icon-sm {
    width: 60px;
    display: inline-block;
    text-align: center;
}

.icon-sm em {
    font-size: 30px;
    line-height: 30px;
}

.icon-content {
    overflow: hidden;
}

.icon-content h5 {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #1a1a1a;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .nyshowdesc {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 20px;
        min-height: 100px;
    }

    .nyshowdesc h1 {
        font-size: 30px;
    }

    .nyshowdesc h2 {
        font-size: 24px;
    }

    .nyshowdesc h3 {
        font-size: 18px;
    }

    .nyshowdesc h4 {
        font-size: 14px;
    }

    .block-shadow {
        height: auto;
    }
}

.nyshowdesc > .nyject {
    overflow: hidden;
    background: #f5f5f5;
}

.nyshowdesc > .nyject .nyject_img {
    overflow: hidden;
}

.nyshowdesc > .nyject .nyject_img img {
    transition: 0.5s;
}

.nyshowdesc > .nyject .nyject_txt {
    padding: 20px 50px;
}

.nyshowdesc > .nyject .nyject_txt h4 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}

.nyshowdesc > .nyject .nyject_txt p {
    font-size: 16px;
    color: #666;
}

.nyshowdesc > .nyject:hover .nyject_img img {
    transform: scale(1.1);
}

@media (min-width: 768px) {
    
    .nyshowdesc > .nyject {
        display: flex;
        align-items: center;
    }

    .nyshowdesc > .nyject:nth-child(even) {
        flex-direction: row-reverse;
    }

    .nyshowdesc > .nyject .nyject_img, .nyshowdesc > .nyject .nyject_txt {
        flex: 50%;
    }
}

@media (max-width: 767px) {
    .nyshowdesc > .nyject .nyject_txt {
        padding: 20px;
    }
}

@media (max-width: 500px) {
    .nyshowdesc > .nyject .nyject_txt {
        padding: 15px;
    }

    .nyshowdesc > .nyject .nyject_txt h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .nyshowdesc > .nyject .nyject_txt p {
        font-size: 14px;
    }
}

/* 内页品牌简介 */
#nyabout {
}

.nyabouttil {
    text-align: center;
    line-height: 1;
}

.nyabouttil p {
    font-size: 50px;
    color: #333;
    opacity: .1;
    font-family: arial;
    text-transform: uppercase;
}

.nyabouttil h4 {
    margin-top: -30px;
    font-size: 36px;
}

.nyabouttil em {
    display: block;
    margin: 20px auto 0;
    width: 30px;
    border-top: 2px solid #d2bc73;
}

.abcon1 {
    padding: 110px 0;
    background: #fefefe;
}

.abcon1-box {
    padding: 0 80px;
    position: relative;
}

.abcon1-con {
    width: 100%;
    padding: 70px 150px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
    background: #fff;
    position: relative;
    top: -220px;
    z-index: 1;
}

.abcon1-txt {
    font-size: 18px;
    line-height: 45px;
    text-align: justify;
    margin-top: 40px;
}

.abcon1ico {
    position: absolute;
    width: 68px;
    height: 44px;
    left: 50%;
    margin-left: -34px;
    bottom: 22px;
    background: url(../images/abconico.png) no-repeat center / contain;
    z-index: 1;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    -ms-animation-duration: 1.3s;
    -moz-animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: UPDOWN;
    -webkit-animation-name: UPDOWN;
    animation-name: UPDOWN;
    -o-animation-name: UPDOWN;
    -ms-animation-name: UPDOWN;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes UPDOWN {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes UPDOWN {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0;
    }
}

.abcon1ico a {
    display: block;
    width: 68px;
    height: 44px;
}

.abcon2 {
    padding: 100px 0;
    background: url(../images/ny_about2bg.jpg) no-repeat center / cover;
}

.abcon2-con {
    display: block;
    position: relative;
    margin-top: 50px;
}

.abcon2-con .swiper-container {
    padding: 10px;
}

.abcon2-con li {
    padding: 46px 20px 32px;
    transition: ease .5s;
    background: transparent;
    cursor: pointer;
}

.abcon2-con li img {
    max-width: 100%;
    display: block;
}

.abcon2-con li h4 {
    position: relative;
    padding-bottom: 13px;
}

.abcon2-con li h4::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #d2bc73;
    bottom: 0;
    left: 0;
}

.abcon2-con li h4 span {
    display: inline-block;
    font-size: 30px;
    color: #222;
    line-height: 30px;
}

.abcon2-con li h4 em {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #222;
}

.abcon2-con li .abt2-img {
    overflow: hidden;
    margin-top: 30px;
}

.abcon2-con li .abt2-img img {
    max-width: 100%;
    display: block;
}

.abcon2-con li .abt2-p {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    position: relative;
    padding-left: 16px;
    height: 80px;
    display: block;
    overflow: hidden;
}

.abcon2-con li .abt2-p::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d2bc73;
    left: 0;
    top: 12px;
}

.abcon2-con li:hover {
    background: #fff;
    box-shadow: 0 0 13px rgba(0, 0, 0, .2);
}

.abcon3 {
    padding: 100px 0;
}

.abcon3-con {
    margin-top: 80px;
}

.ny_about_1_box {
    display: flex;
    margin-bottom: 100px;
}

.abcon3-con .ny_about_1_box:last-child {
    margin-bottom: 0;
}

.abcon3-con .ny_about_1_box:nth-child(even) {
    flex-direction: row-reverse;
}

.ny_about_1_box .box_l {
    flex: 1;
}

.ny_about_1_box .box_l dl {
    margin-bottom: 0;
}

.ny_about_1_box .box_l dt {
    display: block;
    overflow: hidden;
}

.ny_about_1_box .box_l dt img {
    display: block;
    max-width: 100%;
}

.ny_about_1_box .box_r {
    flex: 1;
}

.ny_about_1_box .box_r .flex {
    width: 100%;
    height: 100%;
}

.ny_about_1_box .box_r .flex .box_r_nr {
    display: block;
    padding: 0 10%;
}

.abcon3-con .ny_about_1_box:nth-child(even) .box_r .flex .box_r_nr {
    padding: 0 10% 0 0;
}

.ny_about_1_box .box_r .flex .box_r_nr .box_t {
    text-align: left;
    display: block;
}

.ny_about_1_box .box_r .flex .box_r_nr .box_t p {
    font-size: 44px;
    font-weight: bold;
    color: #d2bc73;
    display: block;
    margin-bottom: 5px;
    line-height: 1;
    letter-spacing: -2px;
}

.ny_about_1_box .box_r .flex .box_r_nr .box_t span {
    font-size: 18px;
    line-height: 45px;
    color: #333;
    font-weight: bold;
    opacity: 1;
    display: block;
}

.ny_about_1_box .box_r .flex .box_r_nr .box_t em {
    font-size: 24px;
    color: #333;
    margin-top: 20px;
    display: block;
}

.ny_about_1_box .box_r .flex .box_r_nr .desc {
    margin-bottom: 35px;
}

.ny_about_1_box .box_r .flex .box_r_nr .desc:last-child {
    margin-bottom: 0px;
}

.ny_about_1_box .box_r .flex .box_r_nr .desc span {
    font-size: 20px;
    color: #d2bc73;
    margin: 0 0 6px;
    display: block;
}

.ny_about_1_box .box_r .flex .box_r_nr .desc .list {
    font-size: 18px;
    line-height: 45px;
    color: #000;
    margin-top: 5px;
    display: block;
}

@media (max-width: 1329px) {
    .ny_about_1_box .box_r .flex .box_r_nr {
        padding: 0 5%;
    }

    .ny_about_1_box .box_r .flex .box_r_nr .box_t {
        margin-bottom: 20px;
    }

    .ny_about_1_box .box_r .flex .box_r_nr .desc {
        margin-bottom: 15px;
    }
}

@media (max-width: 1199px) {
    .ny_about_1_box {
        margin-bottom: 70px;
    }

    .ny_about_1_box .box_r .flex .box_r_nr .box_t p {
        font-size: 30px;
    }

    .ny_about_1_box .box_r .flex .box_r_nr .desc span {
        font-size: 16px;
    }

    .ny_about_1_box .box_l dt {
        display: flex;
        vertical-align: middle;
        height: 100%;
        align-items: center;
    }

    .ny_about_1_box .box_r .flex .box_r_nr .box_t span {
        line-height: 30px;
    }

    .ny_about_1_box .box_r .flex .box_r_nr .desc .list {
        margin-top: 0;
        font-size: 16px;
        line-height: 32px;
    }
}

@media (max-width: 991px) {
    .ny_about_1_box {
        display: block;
        width: 100%;
        margin-bottom: 50px;
    }

    .ny_about_1_box .box_l {
        display: block;
        width: 100%;
    }

    .ny_about_1_box .box_r {
        display: block;
        width: 100%;
    }

    .ny_about_1_box .box_r .flex .box_r_nr {
        padding: 5% 0;
    }

    .abcon3-con .ny_about_1_box:nth-child(even) .box_r .flex .box_r_nr {
        padding: 5% 0;
    }
}

@media (max-width: 767px) {
    .ny_about_1_box .box_r .flex .box_r_nr .desc .list {
        font-size: 14px;
        line-height: 1.6;
    }
}

@media (max-width: 500px) {
    .ny_about_1_box {
        margin-bottom: 20px;
    }

    .abcon2-con li {
        padding: 20px 10px;
    }

    .abcon2-con li h4 span {
        font-size: 24px;
    }

    .abcon2-con li .abt2-img {
        margin-top: 20px;
    }

    .abcon2-con li .abt2-p {
        line-height: 1.4;
    }

    .abcon2-con li .abt2-p::after {
        top: 6px;
    }
}

@media (max-width: 1629px) {
    .abcon1-con {
        padding: 70px 130px;
    }
}

@media (max-width: 1529px) {
    .abcon1-box {
        padding: 0 50px;
    }

    .abcon1-con {
        padding: 70px 110px;
    }
}

@media (max-width: 1429px) {
    .abcon1-box {
        padding: 0 30px;
    }

    .abcon1-con {
        padding: 60px 75px;
    }
}

@media (max-width: 1329px) {
    .abcon1-con {
        padding: 60px;
    }

    .abcon1-txt {
        font-size: 17px;
    }
}

@media (max-width: 1260px) {
    .abcon1-con {
        padding: 45px;
    }

    .abcon1-txt {
        margin-top: 20px;
    }
}

@media (max-width: 1199px) {
    .abcon1-con {
        padding: 40px;
    }

    .abcon1-txt {
        font-size: 16px;
        line-height: 40px;
    }
}

@media (max-width: 991px) {
    .abcon1, .abcon2, .abcon3 {
        padding: 80px 0;
    }

    .abcon1-con {
        top: -160px;
    }

    .abcon1-box {
        padding: 0;
    }

    .abcon1ico {
        bottom: 11px;
    }

    .abcon2-con {
        margin-top: 30px;
    }

    .abcon3-con {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .abcon1, .abcon2, .abcon3 {
        padding: 50px 0;
    }

    .nyabouttil p {
        font-size: 38px;
    }

    .nyabouttil h4 {
        margin-top: -22px;
        font-size: 28px;
    }

    .abcon1-con {
        padding: 30px;
        top: -80px;
    }

    .abcon1-txt {
        line-height: 35px;
    }

    .abcon1ico {
        bottom: -10px;
        width: 44px;
        margin-left: -22px;
    }

    .abcon1ico a {
        width: 44px;
    }

    .abcon3-con {
        margin-top: 40px;
        padding: 0 10px;
    }
}

@media (max-width: 500px) {
    .abcon1, .abcon2, .abcon3 {
        padding: 30px 0;
    }

    .nyabouttil p {
        font-size: 32px;
    }

    .nyabouttil h4 {
        margin-top: -18px;
        font-size: 24px;
    }

    .abcon1-con {
        padding: 30px 20px;
    }

    .abcon1-txt {
        line-height: 30px;
        font-size: 15px;
    }

    .abcon1ico {
        bottom: 0px;
    }

    .abcon2-con {
        margin-top: 20px;
    }
}

/* 线下零售店 */
.xxshopbg {
    width: 100%;
    height: 700px;
    background: url(../images/xxshopbg.jpg) no-repeat center;
    display: none;
}

.xxshopcon {
    text-align: center;
    color: #fff;
    display: none;
}

.xxshopcon > img {
    height: 120px;
}

.xxshopcon > h2 {
    font-size: 30px;
    margin-top: 40px;
}

.xxshopico {
    font-size: 0;
    margin-top: 80px;
}

.xxshopo {
    display: inline-block;
    margin: 0 20px;
    width: 100px;
}

.xxshopo > img {
    width: 50px;
}

.xxshopo > p {
    font-size: 14px;
    margin-top: 10px;
}

.xxshopbox {
    padding: 70px 0;
}

.xxshopul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 30px;
}

.xxshopul li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.xxshopul li .nr {
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 25px;
    align-items: center;
    justify-content: space-between;
}

.xxshopul li .nr dt {
    width: 25%;
    display: block;
}

.xxshopul li .nr dt img {
    max-width: 100%;
    display: block;
}

.xxshopul li .nr .list {
    width: 70%;
    display: block;
}

.xxshopul li .nr .list p {
    font-size: 18px;
    font-weight: bold;
    color: #464646;
    line-height: 20px;
}

.xxshopul li .nr .list > span {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    display: block;
    font-size: 18px;
    color: #464646;
}

.xxshopul li .nr .list .tel {
    color: #848484;
    line-height: 30px;
    display: block;
}

.xxshopul li .nr .list .tel em {
    font-weight: bold;
    color: #555;
}

.xxshopul li .nr .list .add {
    color: #848484;
    line-height: 30px;
}

.xxshopul li .nr .list .add em {
    font-weight: bold;
    color: #555;
}

@media (max-width: 1429px) {
    .xxshopbg {
        height: 600px;
    }
}

@media (max-width: 1199px) {
    .xxshopbg {
        height: 500px;
    }

    .xxshopcon > img {
        height: 90px;
    }

    .xxshopcon > h2 {
        font-size: 25px;
        margin-top: 30px;
    }

    .xxshopico {
        margin-top: 60px;
    }

    .xxshopul {
        margin-top: 20px;
    }

    .xxshopul li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .xxshopbg {
        height: 400px;
    }

    .xxshopico {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .xxshopbg {
        height: 300px;
    }

    .xxshopcon > img {
        height: 70px;
    }

    .xxshopcon > h2 {
        font-size: 22px;
        margin-top: 20px;
    }

    .xxshopico {
        margin-top: 25px;
    }

    .xxshopo {
        width: 70px;
    }

    .xxshopo > img {
        width: 34px;
    }

    .xxshopbox {
        padding: 30px 10px;
    }

    .xxshopul {
        margin: 0;
    }

    .xxshopul li {
        width: 100%;
    }

    .xxshopul li .nr {
        padding: 20px 10px;
    }
}

@media (max-width: 500px) {
    .xxshopbg {
        height: 270px;
    }

    .xxshopcon {
        width: 100%;
    }

    .xxshopcon > h2 {
        font-size: 20px;
    }

    .xxshopo {
        margin: 0;
        padding: 0 10px;
        width: 25%;
    }

    .xxshopo > img {
        width: 30px;
    }
}

/* 成为经销商 */
.dealerbg {
    width: 100%;
    height: 400px;
    background: url(../images/dealerbg.jpg) no-repeat center;
}

.dealercon {
    text-align: center;
    color: #fff;
}

.dealercon > h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.dealercon > p {
    font-size: 18px;
}

.dealerbox {
    margin-top: 0 !important;
}

.dealertil {
    margin-bottom: 40px;
}

.vbn {
}

.vbn:last-child .dealertil img {
    float: right;
}

@media (max-width: 767px) {
    .dealerbg {
        height: 300px;
    }
}

@media (max-width: 500px) {
    .dealerbg {
        height: 250px;
    }

    .dealercon > h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .dealercon > p {
        font-size: 16px;
    }

    .dealertil {
        margin-bottom: 20px;
    }
}

@media (max-width: 400px) {
    .dealerbg {
        height: 200px;
    }
}

/* 联系我们 */
#nylxcon1 {
    position: relative;
    overflow: hidden;
}

.nylxcon1bg img {
    width: 100%;
}

.nylxcon1box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}

.nylxcon1map {
    position: absolute;
    left: 50%;
    bottom: 27%;
    transform: translateX(-50%);
    padding: 10px;
    text-align: center;
    width: 100%;
}

.nylxcon1map > span {
    position: absolute;
    right: 50%;
    bottom: -71px;
    width: 100px;
    height: 100px;
    margin-right: -50px;
    background-color: #d3bd74;
    border-radius: 50%;
    animation: dots 3s infinite;
    -moz-animation: dots 3s infinite;
    -webkit-animation: dots 3s infinite;
    -o-animation: dots 3s infinite;
    display: block;
    transform: translateX(50%);
}

.nylxcon1map::after {
    content: '';
    position: absolute;
    right: 50%;
    bottom: -27px;
    transform: translateX(50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
}

.nylxcon1con > img {
    height: 120px;
}

.nylxcon1txt {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    margin: 30px 0;
}

.nylxcon1txt > h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.nylxbtn {
    display: inline-block;
    width: 140px;
    padding: 10px 20px;
    border: 1px solid #fff;
    color: #333;
    text-align: center;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.nylxbtn::before, .nylxbtn::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    background: transparent;
    color: #fff;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.nylxbtn::before {
    top: 0;
    padding-top: 10px;
}

.nylxbtn::after {
    bottom: 0;
    line-height: 0;
}

.nylxbtn > span {
    display: block;
    color: #333;
    -webkit-transform: scale3d(0.2, 0.2, 1);
    transform: scale3d(0.2, 0.2, 1);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.nylxbtn:hover {
    background: #d2bc73;
    border-color: #d2bc73;
}

.nylxbtn:hover::before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.nylxbtn:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.nylxbtn:hover > span {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

@media (max-width: 1329px) {
    .nylxcon1txt {
        margin: 20px 0;
    }

    .nylxcon1txt > h1 {
        margin-bottom: 20px;
    }

    .nylxcon1map::after {
        bottom: -20px;
        width: 10px;
        height: 10px;
    }

    .nylxcon1map > span {
        bottom: -65px;
    }
}

@media (max-width: 1199px) {
    .nylxcon1map {
        bottom: 50%;
        transform: translate(-50%, 50%);
    }

    .nylxcon1map::after, .nylxcon1map > span {
        display: none;
    }
}

@media (max-width: 991px) {
    .nylxcon1con > img {
        height: 100px;
    }

    .nylxcon1txt > h1 {
        font-size: 26px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .nylxcon1bg {
        height: 500px;
        position: relative;
    }

    .nylxcon1bg img {
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: auto;
        transform: translateX(-50%);
    }
}

@media (max-width: 500px) {
    .nylxcon1bg {
        height: 450px;
    }

    .nylxcon1con > img {
        height: 80px;
    }

    .nylxcon1txt {
        font-size: 14px;
        line-height: 1.5;
    }

    .nylxcon1txt > h1 {
        font-size: 20px;
    }
}

/* 留言模块Message */
#nymessage {
    padding: 50px 0;
    background: url(../images/nymessagebg.jpg) no-repeat center / cover;
}

#nymessage h4 {
    color: #d2bc73;
}

#nymessage form {
    overflow: hidden;
    margin-top: 50px;
}

#nymessage form label {
    font-weight: normal;
    text-align: none ! important;
    white-space: nowrap;
}

#nymessage .nymessage-h6 {
    text-align: left;
}

@media (max-width: 767px) {
    #nymessage {
        padding: 30px 0;
    }

    #nymessage h4 {
        font-size: 16px;
        line-height: 1.4;
    }

    #nymessage form {
        margin-top: 30px;
    }

    #nymessage form > div[class^="col-"] {
        padding: 0 5px;
    }
}

#nycommon {
    padding: 30px 0;
    background: #f8f8f8;
}

@media (max-width: 767px) {
    #nycommon {
        padding: 10px;
    }

    #nycommon .margin-bottom-md-30 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #nycommon .col-md-8 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* 热门标签 */
.nycomtag {
    line-height: 40px;
    border-bottom: 1px #ccc solid;
    overflow: hidden;
}

.nycomtag > h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/ny-objs.png) no-repeat left;
}

.nycomtag > a {
    float: right;
}

.ghtag {
    padding-left: 22px;
    background: url(../images/page/ghtag.png) no-repeat left;
}

#tagac {
    margin-top: 10px;
}

#tagac > a {
    font-size: 14px;
    color: #797979;
    line-height: 25px;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 14px;
    margin-top: 14px;
    box-shadow: 1px 4px 16px 0px rgb(1 51 148 / 20%);
    margin-right: 10px;
    transition: all ease 0.3s;
}

#tagac > a:hover {
    background-color: #d2bc73;
    color: #fff;
}

/* 推荐新闻 */
.nyhotnews {
    line-height: 40px;
    height: 41px;
    border-bottom: 1px #ccc solid;
}

.nyhotnews > h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/nyhotnewico.png) no-repeat left;
}

.nyhotnews-list {
    margin-top: 10px;
    overflow: hidden;
}

.nyhotnews-list li {
    font-size: 14px;
    line-height: 30px;
    background: url(../images/page/iyuan.png) no-repeat left;
    background-size: 8px;
    box-sizing: border-box;
}

.nyhotnews-list li a {
    float: left;
    width: calc(100% - 90px);
    color: #333;
}

.nyhotnews-list li span {
    float: right;
    color: #666;
}

.nyhotnews-list li:hover {
    background: url(../images/page/iyuan_on.png) no-repeat left;
    background-size: 8px;
}

.nyhotnews-list li:hover a {
    color: #d2bc73;
}

/*视频列表*/
.nyvideo-ul {
    overflow: hidden;
}

.nyvideo-ul li {
    width: 33.33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.nyvideo-div a {
    display: block;
    border: 1px solid #ddd;
    padding: 2px;
    overflow: hidden;
}

.nyvideo-div a img {
    display: block;
    max-width: 100%;
    width: 311px;
}

.nyvideo-div a.nyvideo-a {
    padding: 0 10px;
    border: none;
    line-height: 25px;
    text-align: center;
}

.nyvideo-div:hover a {
    border-color: #d2bc73;
    color: #d2bc73;
}

/*视频详情*/
.showvideo-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 15px;
}

.showvideo-top > h1 {
    line-height: 1.5;
    color: #333;
    text-align: center;
    font-size: 26px;
    margin-bottom: 5px;
}

.showvideo-time {
    text-align: center;
}

.showvideo-time span {
    font-size: 14px;
    color: #a3afb7;
    margin-right: 10px;
}

.showvideo-time span:last-child {
    margin-right: 0;
}

.showvideo-mp {
    margin: 20px 0;
    text-align: center;
}

.showvideo-mp video, .showvideo-mp iframe {
    width: 1000px;
    max-width: 100%;
}

.showvideo-con {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px;
}

.showvideo-con img {
    max-width: 100%;
    height: auto !important;
}

/*下载列表*/
.nydown-list {
    margin-bottom: 20px;
    overflow: hidden;
}

.nydown-list table {
    width: 100%;
    text-align: center;
}

.nydown-list table thead {
    background: #d2bc73;
    color: #fff;
    font-size: 16px;
    line-height: 2;
}

.nydown-list table tbody {
    line-height: 1.6
}

.nydown-list table tbody tr td {
    color: #666;
}

.nydown-list table tbody tr td:first-child {
    color: #333;
}

.nydown-list li {
    margin-bottom: 32px;
}

.nydown-list li > div {
    padding: 32px;
    border: 1px solid #eee;
    display: block;
    overflow: hidden;
}

.nydown-list .xztu {
    background: #eee;
    padding: 0;
}

.nydown-list .xztu img {
    border: 1px solid #eee;
}

.nydown-list .xznr {
    padding-left: 6%;
}

.nydown-list .xznr h2 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    color: #333;
}

.nydown-list .xznr p {
    font-size: 13px;
    line-height: 24px;
    color: #666;
}

.nydown-list .xznr a {
    background: url(../images/icon_download_01.png) #d2bc73 10px no-repeat;
    color: #fff;
    padding: 3px 32px;
    padding-right: 16px;
    display: inline-block;
    font-size: 14px;
    margin-top: 12px;
}

@media (max-width: 767px) {
    .nydown-list li {
        padding: 0;
        margin-bottom: 10px;
    }

    .nydown-list li > div {
        padding: 10px;
    }

    .nydown-list .xznr {
        padding: 0;
    }
}

/*下载详情*/
.showdown-top {
    margin-bottom: 20px;
}

.showdown-top > h1 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    padding-left: 20px;
}

.showdown-top > ul {
    padding: 10px;
    background: #f6f6f6;
}

.showdown-top > ul > li {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    line-height: 20px;
}

.showdown-top > ul > li:last-child {
    margin-bottom: 0;
}

.showdown-top > ul > li > span {
    padding: 0px 10px;
    margin-right: 5px;
}

.showdown-con {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px;
}

.showdown-con img {
    max-width: 100%;
    height: auto !important;
}

/*图片列表*/
.nyimg-ul {
    overflow: hidden;
}

.nyimg-ul li {
    margin-bottom: 20px;
    padding: 0 10px;
}

.nyimg-ul li .nyimg-div {
    background: #fff;
    padding: 7px;
    border: 1px solid #D9D9D9;
}

.nyimg-ul li .nyimg-div a {
    display: block;
    overflow: hidden;
}

.nyimg-ul li .nyimg-div img {
    margin: 0 auto;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    width: 100%;
}

.nyimg-ul li .nyimg-a {
    padding: 0 5px;
    margin-top: 9px;
    line-height: 40px;
    display: block;
    background: #EFEFEF;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.nyimg-ul li:hover .nyimg-a {
    color: #ffffff !important;
}

.nyimg-ul li:hover .nyimg-div img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.nyimg-ul li:hover .nyimg-a {
    background: #d2bc73;
    color: #fff;
}

@media (max-width: 767px) {
    .nyimg-ul li .nyimg-a {
        line-height: 32px;
    }
}

@media (max-width: 500px) {
    .nyimg-ul {
        margin-left: -5px;
        margin-right: -5px;
    }

    .nyimg-ul li {
        margin-bottom: 10px;
        padding: 0 5px;
        width: 100%;
    }
}

/*图片详情*/
.showimg-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.showimg-top h1 {
    line-height: 1.5;
    color: #333;
    text-align: center;
    font-size: 30px;
}

.showimg-top span {
    margin-right: 10px;
    font-size: 14px;
    color: #a3afb7;
}

.showimg-img {
    margin: 20px auto;
    text-align: center;
    max-width: 900px;
}

.showimg-img img {
    max-width: 100%;
    height: auto !important;
}

.ctitle {
    margin-bottom: 15px;
}

.ctitle h3 {
    padding-left: 20px;
    background: url(../images/page/dt-7.gif) no-repeat left center;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.showimg-con {
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 300;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.showimg-con img {
    max-width: 100%;
    height: auto !important;
}

.showimg-page {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
}

.showimg-page > div[class^="col-"] {
    padding: 0 10px;
}

.showimg-page a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 15px;
    border: 1px solid #ccc;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    max-width: 100%;
}

.showimg-page a:hover {
    border-color: #e4eaec;
    background-color: #f3f7f9;
}

.showimg-right {
    border-left: 1px solid #ccc;
}

@media (max-width: 767px) {
    .showimg-left {
        padding: 0;
    }

    .showimg-top h1 {
        font-size: 20px;
    }

    .showimg-con {
        font-size: 14px !important;
    }

    .showimg-page a {
        padding: 8px;
    }
}

/* 右侧栏目信息 */
.nybusiness {
    margin-bottom: 20px;
}

.nybusiness > p {
    font-size: 16px;
    color: #d2bc73;
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding-left: 32px;
    background: url(../images/ny-objs.png) no-repeat left;
}

.nybusiness a {
    margin-bottom: 10px;
    display: block;
    position: relative;
}

.nybusiness a:last-child {
    margin-bottom: 0;
}

.nybusiness-img {
    overflow: hidden;
}

.nybusiness a p {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
}

.nybusiness a:hover p {
    background: rgba(0, 153, 255, .5);
}

.hotnews {
}

.hotnews p {
    font-size: 16px;
    color: #d2bc73;
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    padding-left: 32px;
    background: url(../images/ny-news.png) no-repeat left;
}

.hotnews a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding-left: 15px;
    background: url(../images/iyuan.png) no-repeat left;
    background-size: 8px;
}

.hotnews a:hover {
    background: url(../images/iyuan_on.png) no-repeat left;
    color: #d2bc73;
}

/*新闻列表*/
.nynewslist {
    padding: 50px 0;
}

.nynews-ul {
    display: block;
}

.nynews-ul li.nynews-li {
    padding: 0 10px 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.nynews-img {
    padding: 0;
    overflow: hidden;
    border: 1px solid #f3f3f3;
}

.nynews-img a {
    display: block;
}

.nynews-img img {
    width: 100%;
    transition: .8s
}

.nynews-ul li.nynews-li:hover img {
    transform: scale(1.02);
}

.nynews-date {
    color: #333;
    line-height: 20px;
    font-size: 12px;
}

.nynews-date span {
    color: #4d4c51;
}

.nynews-date img {
    margin: 4px 6px 0 0;
    float: left;
}

.nynews-date p {
    float: left;
    margin: 0;
}

.nynews-date i {
    margin-right: 5px;
}

.nynews-con h3 {
    font-size: 18px;
    font-weight: bold;
    color: #3b3c3c;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nynews-con h3 a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.nynews-ul li.nynews-li:hover h3 a {
    color: #d2bc73;
}

.nynews-con {
    background-color: #f9f9f9;
    padding-top: 16px;
    padding-bottom: 18px;
}

.nynews-con p.nynews-desp {
    color: #8d8d8d;
    font-size: 14px;
    line-height: 23px;
    margin: 10px 0;
    height: 46px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nynews-con a.nynews-more {
    position: relative;
    left: 0;
    color: #ffffff;
    font-size: 15px;
    padding: 7px;
    background: #d2bc73;
    margin-top: 10px;
    width: 120px;
    display: block;
    border-radius: 20px;
    float: left;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.nynews-con a.nynews-more:hover {
    background: #FF7A0E;
    left: 10px;
    color: #ffffff !important;
}

@media (max-width: 991px) {
    #nynewslist > .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nynews-ul li.nynews-li {
        padding: 0 5px 4px;
        margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .nynews-con h3 {
        font-size: 16px;
        font-weight: bold
    }

    .nynews-con {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .nynews-con p.nynews-desp {
        margin: 2px 0 8px;
    }
}

.nynews-ul .news_list {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
}

.nynews-ul .news_list .news_list_l {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 37%;
}

.nynews-ul .news_list .news_list_l a {
    display: block;
    position: relative;
}

.nynews-ul .news_list .news_list_l a dt {
    display: block;
}

.nynews-ul .news_list .news_list_l a dt img {
    max-width: 100%;
    display: block;
}

.nynews-ul .news_list .news_list_l a .news_list_l_t {
    width: 100%;
    height: 62px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8) url(../images/news-blue-back.png) no-repeat left center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.nynews-ul .news_list .news_list_l a .news_list_l_t::after {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #d2bc73;
    transition: all 0.5s;
    left: 0;
    top: 0;
    z-index: 1;
}

.nynews-ul .news_list .news_list_l a:hover .news_list_l_t::after {
    width: 100%;
}

.nynews-ul .news_list .news_list_l a .news_list_l_t .time {
    height: 62px;
    font-family: arial;
    color: #fff;
    float: left;
    position: relative;
    z-index: 2;
}

.nynews-ul .news_list .news_list_l a .news_list_l_t .time .day {
    font-size: 24px;
    line-height: 30px;
    padding-top: 5px;
    text-indent: 28px;
}

.nynews-ul .news_list .news_list_l a .news_list_l_t .time .year {
    font-size: 15px;
    text-indent: 16px;
}

.nynews-ul .news_list .news_list_l a .news_list_l_t .tit {
    float: left;
    margin-left: 8%;
    line-height: 62px;
    min-height: 62px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    color: #fff;
    width: 76%;
    position: relative;
    z-index: 2;
}

.nynews-ul .news_list .news_list_r {
    padding-right: 0px;
    padding-left: 20px;
    float: left;
    width: 63%;
}

.nynews-ul .news_list .news_list_r a {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

.nynews-ul .news_list .news_list_r a .pic {
    width: 27%;
    overflow: hidden;
    float: left;
}

.nynews-ul .news_list .news_list_r a .pic img {
    max-width: 100%;
    display: block;
}

.nynews-ul .news_list .news_list_r a .desc {
    width: 73%;
    float: right;
    padding-left: 20px;
    padding-top: 18px;
}

.nynews-ul .news_list .news_list_r a .desc .tit {
    font-size: 17px;
    color: #333333;
    line-height: 24px;
    min-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}

.nynews-ul .news_list .news_list_r a:hover .desc .tit {
    color: #d2bc73;
}

.news-top .right .item-list:hover .Info .tit {
    color: #2b72ad;
    transition: all .5s ease;
}

.nynews-ul .news_list .news_list_r a .desc .time {
    font-family: arial;
    font-size: 15px;
    color: #777777;
    margin: 12px 0;
}

.nynews-ul .news_list .news_list_r a .desc .sub {
    font-size: 15px;
    color: #666666;
    line-height: 25px;
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nynews-ul .news_list .news_list_r a .desc .jt {
    display: block;
    height: 12px;
    margin-top: 15px;
    background: url(../images/news-jt.png) no-repeat left center;
}

@media screen and (max-width: 1440px) {
    .nynews-ul .news_list .news_list_r a .desc .time {
        margin: 6px 0;
    }

    #sy-img {
        margin-left: 50px;
        margin-right: 50px;
    }

    #sy-img img {
        border-radius: 30px;
    }

    .nynews-ul .news_list .news_list_r a .desc .jt {
        margin-top: 10px;
    }
}

.nynews-ul .news_list .news_list_r a:first-child {
    margin-bottom: 19px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
}

.nynews-ul li {
    width: 100%;
    overflow: hidden; /* padding: 36px 49px 0 31px; *//* background: #f4f6f8; */
    margin-bottom: 85px;
    transition: all .5s ease;
}

.nynews-ul li:last-child {
    margin-bottom: 25px
}

.nynews-ul li:hover { /* background: #f4f6f8; *//* box-shadow: 0px 0px 10px 0 rgba(210, 188, 115, .4); */
    transition: all .5s ease;
}

.nynews-ul li .time-box {
    width: 90px;
    float: left; /* background: #d2bc73; */
    font-family: arial;
    color: #fff;
    text-align: center;
    padding: 7px 0 7px;
}

.nynews-ul li .time-box .day {
    font-size: 24px;
    line-height: 26px;
    color: #333;
    letter-spacing: 1px;
}

.nynews-ul li .time-box .year {
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

.nynews-ul li .content {
    width: 92.275862068%;
    float: right;
    overflow: hidden; /* border-bottom: 1px solid #d3d5d6; */
    margin-bottom: 35px;
    position: relative;
}

.nynews-ul li .content hr {
    float: left;
    width: 1px;
    height: 90px;
    padding: 0;
    margin: 0;
}

.nynews-ul li .content .Info {
    width: 46%;
    float: right;
    margin-left: 20px;
}

.nynews-ul li .content .Info .tit {
    font-size: 24px;
    font-weight: bold;
    line-height: 25px;
    color: #333333;
    min-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}

.nynews-ul li:hover .content .Info .tit {
    color: #d2bc73;
    transition: all .5s ease;
}

.nynews-ul li .content .Info .key {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    margin: 20px 0;
}

.nynews-ul li .content .Info .sub {
    font-size: 16px;
    color: #555555;
    line-height: 28px;
    min-height: 62px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 20px;
}

.nynews-ul li .content .Info .p_more {
    position: absolute;
    bottom: 0;
    line-height: 36px;
    font-size: 16px;
    border-bottom: 2px solid #666;
}

.nynews-ul li .content .Pic {
    width: 50%;
    float: left;
    overflow: hidden;
    border-radius: 30px;
}

.nynews-ul li .content .Pic img {
    display: block;
    width: 100%;
    transform: scale(1);
    transition: all .5s ease;
}

.nynews-ul li:hover .content .Pic img {
    transform: scale(1.12);
    transition: all .5s ease;
}

@media (max-width: 1331px) {
    .nynews-ul .news_list .news_list_r a:first-child {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .nynews-ul .news_list .news_list_r a .desc {
        padding-top: 10px;
    }

    .nynews-ul li .content {
        width: 88%;
    }

    .nynews-ul .news_list .news_list_l a .news_list_l_t .tit {
        width: 65%;
    }

    .nynews-ul .news_list {
        margin-top: 0px;
    }
}

@media (max-width: 1199px) {
    .nynews-ul .news_list .news_list_r a .desc .sub {
        -webkit-line-clamp: 1;
        min-height: auto;
    }

    .nynews-ul .news_list .news_list_l a .news_list_l_t .tit {
        width: 65%;
    }
}

@media (max-width: 991px) {
    .nynews-ul .news_list .news_list_r a .pic {
        width: 35%;
    }

    .nynews-ul .news_list .news_list_r a .desc {
        width: 64%;
    }

    .nynews-ul li .content {
        width: 84%;
    }

    .nynews-ul li .content .Info {
        width: 70%;
    }

    .nynews-ul li .content .Pic {
        width: 25%;
    }

    .nynews-ul .news_list .news_list_l {
        width: 41%;
    }

    .nynews-ul .news_list .news_list_r {
        width: 55%;
    }

    .nynews-ul .news_list .news_list_r a .desc .time {
        display: none;
    }
}

@media (max-width: 767px) {
    .nynewslist {
        padding: 30px 10px;
    }

    .nynews-ul .news_list .news_list_l {
        width: 100%;
    }

    .nynews-ul .news_list .news_list_r {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }

    .nynews-ul .news_list .news_list_r a .pic {
        width: 40%;
    }

    .nynews-ul .news_list .news_list_r a .desc {
        width: 60%;
    }

    .nynews-ul .news_list .news_list_r a .desc .jt {
        display: none;
    }

    .nynews-ul .news_list {
        margin-top: 0px;
    }

    .nynews-ul li .time-box {
        display: none;
    }

    .nynews-ul li {
        padding: 10px 10px;
    }

    .nynews-ul li .content hr {
        display: none;
    }

    .nynews-ul li .content {
        width: 100%;
        padding-bottom: 0;
    }

    .nynews-ul li .content .Info {
        width: 60%;
        margin-left: 0px;
        padding-right: 10px;
    }

    .nynews-ul li .content .Pic {
        width: 40%;
    }

    .nynews-ul li .content .Info .tit {
        font-size: 16px;
        font-weight: normal;
    }

    .nynews-ul li .content .Info .key {
        display: none;
    }

    .nynews-ul li .content .Info .sub {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .ny_news_list {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .nynewslist .ny_container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nynews-ul .news_list .news_list_l a .news_list_l_t .tit {
        font-size: 16px;
    }

    .nynews-ul li .content .Info .tit {
        font-size: 14px;
    }

    .nynews-ul li .content .Info .sub {
        font-size: 12px;
    }
}

/*新闻详情*/
.shownews_bg {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #f9fcfe;
    overflow: visible !important;
}

.shownews-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 15px;
}

.shownews-top h1 {
    line-height: 1.5;
    color: #333;
    text-align: center;
    font-size: 26px;
    margin-bottom: 5px;
}

.shownews-time {
    text-align: center;
}

.shownews-time span {
    font-size: 13px;
    color: #a3afb7;
    margin-right: 10px;
}

.shownews-time span:last-child {
    margin-right: 0;
}

.shownews-con {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px;
}

.shownews-con h2 {
    font-size: 18px;
    color: #333;
    line-height: 2;
    font-weight: bold;
}

.shownews-con p {
    margin: 10px 0;
}

.shownews-con img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.shownews-page {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
}

.shownews-page > div[class^="col-"] {
    padding: 0 10px;
}

.shownews-page a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 15px;
    border: 1px solid #e4eaec;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    max-width: 100%;
}

.shownews-page a:hover {
    border-color: #e4eaec;
    background-color: #f3f7f9;
}

@media (max-width: 767px) {
    .shownews-top h1 {
        font-size: 20px;
    }

    .shownews-con {
        font-size: 14px !important;
        line-height: 1.6;
    }

    .shownews-page a {
        padding: 8px;
        font-size: 12px;
    }

    .shownews-top {
        margin-top: 0px;
    }

    .shownews_bg {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 500px) {
    .shownews-top h1 {
        font-size: 18px;
    }

    .shownews-time span {
        font-size: 12px;
    }
}

.nyshow_shownews {
    padding-bottom: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.nyshow_shownews video {
    width: 100%;
    min-height: 600px;
    object-fit: contain;
}

.nyshow .nyshow_shownews_l {
    padding-left: 0px;
    display: block;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    width: 100%;
}

/*最新文章*/
.nyshow .nyshow_shownews_r {
    overflow: hidden;
    padding-right: 0px;
    position: sticky;
    top: 120px;
}

.nyshow .nyshow_shownews_r .new_title {
    padding-right: 0px;
    padding-left: 5px;
}

.nyshow .nyshow_shownews_r .new_news {
    margin-top: 0px;
    overflow: hidden;
    padding-right: 0;
    padding-left: 5px;
}

.nyshow .nyshow_shownews_r .new_news .new_news_t {
    line-height: 40px;
    border-bottom: 1px #ccc solid;
    overflow: hidden;
}

.nyshow .nyshow_shownews_r .new_news .new_news_t h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/nyhotnewico.png) no-repeat left;
}

.nyshow .nyshow_shownews_r .new_news ul {
    overflow: hidden;
    margin-top: 20px;
}

.nyshow .nyshow_shownews_r .new_news ul li {
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 0;
}

.nyshow .nyshow_shownews_r .new_news ul li a {
    display: block;
}

.nyshow .nyshow_shownews_r .new_news ul li a dt {
    padding-left: 0;
    padding-right: 0;
}

.nyshow .nyshow_shownews_r .new_news ul li a dt img {
    max-width: 100%;
    display: block;
}

.nyshow .nyshow_shownews_r .new_news ul li a .desc {
    display: block;
    padding-top: 5px;
    padding-right: 0;
}

.nyshow .nyshow_shownews_r .new_news ul li a .desc .t {
    font-size: 16px;
    color: #454545;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 2;
}

.nyshow .nyshow_shownews_r .new_news ul li a .desc .list {
    font-size: 14px;
    color: #999999;
    line-height: 1.6;
    text-overflow: ellipsis;
    -o-ellipsis-lastline: ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*推荐文章*/
.nyshow .nyshow_shownews_r .featured_news {
    margin-top: 0px;
    overflow: hidden;
    padding-right: 0;
    padding-left: 5px;
}

.nyshow .nyshow_shownews_r .featured_news .featured_news_t {
    line-height: 40px;
    border-bottom: 1px #ccc solid;
    overflow: hidden;
}

.nyshow .nyshow_shownews_r .featured_news .featured_news_t h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/ny-objs.png) no-repeat left;
}

.nyshow .nyshow_shownews_r .featured_news ul {
    overflow: hidden;
    margin-top: 20px;
}

.nyshow .nyshow_shownews_r .featured_news ul li {
    overflow: hidden;
    margin-bottom: 10px;
}

.nyshow .nyshow_shownews_r .featured_news ul li:nth-child(odd) {
    padding-left: 0;
    padding-right: 5px;
}

.nyshow .nyshow_shownews_r .featured_news ul li:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
}

.nyshow .nyshow_shownews_r .featured_news ul li a {
    display: block;
    position: relative;
}

.nyshow .nyshow_shownews_r .featured_news ul li a dt {
    display: block;
}

.nyshow .nyshow_shownews_r .featured_news ul li a dt img {
    max-width: 100%;
    display: block;
}

.nyshow .nyshow_shownews_r .featured_news ul li a .t {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 2;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .nyshow .nyshow_shownews_r .featured_news ul li:nth-child(odd) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nyshow .nyshow_shownews_r .featured_news ul li:nth-child(even) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .nyshow .nyshow_shownews_r {
        padding-left: 0px;
        margin-top: 30px;
    }

    .nyshow .nyshow_shownews_r .new_news ul li a .desc {
        padding: 5px;
    }
}

@media (max-width: 767px) {
    .nyshow_shownews {
        padding: 0px;
    }

    .nyshow .nyshow_shownews_r .new_news {
        padding-left: 0;
    }

    .nyshow .nyshow_shownews_r .new_news ul li {
        padding: 0 5px 10px 0px;
    }

    .nyshow .nyshow_shownews_l {
        padding: 15px 10px;
    }
}

/* 招聘模块Nyjoblist*/
.nyjoblist-ul {
    overflow: hidden;
}

.nyjoblist-ul li {
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.nyjoblist-ul li .nyjoblist-top {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.nyjoblist-ul li .nyjoblist-top h3 {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.nyjoblist-ul li .nyjoblist-top span {
    padding-right: 20px;
    color: #999;
}

.nyjoblist-ul li .nyjoblist-top p {
    color: #666;
    margin: 10px 0;
}

.nyjoblist-ul li .nyjoblist-top > a {
    float: left;
    padding: 10px 25px;
    background: #d2bc73;
    border-radius: 20px;
    color: #fff;
    margin-right: 10px;
}

.nyjoblist-ul li .nyjoblist-top > a + a {
    margin-right: 0;
}

.nyjoblist-ul li .nyjoblist-top > a:hover {
    background: #333;
}

@media (max-width: 767px) {
    .nyjoblist-ul li .nyjoblist-top {
        padding: 10px;
    }
}

.showjob-left {
    padding-bottom: 30px;
    border-right: 1px dashed #ddd;
    padding-left: 0;
}

.showjob-top {
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
}

.showjob-top h1 {
    line-height: 1.5;
    color: #333;
    text-align: center;
    font-size: 30px;
}

.showjob-list {
    overflow: hidden;
    margin-bottom: 30px;
}

.showjob-list li {
    width: 50%;
    float: left;
    padding: 5px 10px;
    background: url(../images/dt-0.png) no-repeat left top 13px;
}

.showjob-list li span {
    float: left;
    margin-right: 10px;
    color: #999;
}

.showjob-con {
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
}

.showjob-con img {
    max-width: 100%;
    height: auto !important;
}

.showjob-more {
}

.showjob-page {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.showjob-page a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 15px;
    border: 1px solid #e4eaec;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    max-width: 100%;
}

.showjob-page a:hover {
    border-color: #e4eaec;
    background-color: #f3f7f9;
}

@media (max-width: 767px) {
    .showjob-top h1 {
        font-size: 20px;
    }

    .showjob-top h2 {
        font-size: 16px;
    }

    .showjob-con {
        padding: 0;
        font-size: 14px !important
    }

    .showjob-left {
        padding: 0;
        border-right: none;
    }

    .showjob-page > div[class^="col-"] {
        padding: 0 10px;
    }
}

.showjob-right .nybusiness a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding-left: 15px;
    background: url(../images/page/iyuan.png) no-repeat left;
    background-size: 8px;
}

.showjob-right .nybusiness a:hover {
    background: url(../images/page/iyuan_on.png) no-repeat left;
    color: #28a32c;
}


/* 产品内页Nyproduct */
#nyproduct {
    padding: 30px 10px;
}

.nypro-left {
    float: left;
    width: 300px;
}

.nypro-left > h2 {
    display: block;
    line-height: 30px;
    color: #fff;
    background: url(../images/pronavbg.png) no-repeat bottom center #d2bc73;
    font-size: 26px;
    padding: 20px 0;
    text-align: center;
}

.nypro-left > h2 > span {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
}

.nypro-nav {
    padding: 5px;
    background: url(../images/pronavbor.jpg);
    margin-bottom: 20px;
}

/*
#sidebar1{ display: flex; text-align: center; }
#sidebar1>li{ flex:1; }
#sidebar1>li>a{ display: block; font-size: 16px; color: #333; text-align: center; line-height: 68px; border:1px solid #ddd; border-right: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#sidebar1>li:last-child>a{ border-right:1px solid #ddd; }
#sidebar1>li.cur>a, #sidebar1>li:hover>a{ background: #d2bc73; border-top:1px solid #d2bc73; border-bottom:1px solid #d2bc73; color: #fff;}
*/
#sidebar1 .nypro-nav2 {
    margin-top: 10px;
}

#sidebar1 .nypro-nav2 h4 {
    margin-top: 10px;
    font-weight: normal;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #666;
    border-bottom: 1px dashed #e5e5e5;
    cursor: pointer;
    background: url(../images/iyuan.png) 5px center no-repeat;
    padding-left: 25px;
}

#sidebar1 .nypro-nav2 h4:first-child {
    margin-top: 0px;
}

#sidebar1 .nypro-nav2 h4 > a {
    color: #666;
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sidebar1 .nypro-nav2 h4.cur, #sidebar1 .nypro-nav2 h4:hover {
    background: url(../images/iyuan_on.png) 5px center no-repeat;
}

#sidebar1 .nypro-nav2 h4.cur > a, #sidebar1 .nypro-nav2 h4:hover > a {
    color: #d2bc73;
}

.nypro-right {
    float: right;
    width: 75%;
    width: calc(100% - 300px);
    padding-left: 30px;
}

.nypro-right .nyjc-crcrumbs {
    margin-left: 10px;
    line-height: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.nypro-right .nyjc-crcrumbs span {
    float: left;
    padding-right: 25px;
    text-indent: 30px;
    height: 40px;
    line-height: 37px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/p14-icon11.png) no-repeat 0 center;
}

/* 产品列表 */
.nypro-ul {
    overflow: hidden;
}

.nypro-ul li {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.nypro-ul li a {
    display: block; /*border: 1px solid #e6e6e6;*/
    transition: all 0.5s;
    position: relative;
}

.nypro-ul li a .nypro-txt {
    padding: 10px 0;
}

.nypro-ul li p {
    text-align: left;
    line-height: 25px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
}

/*
.nypro-ul li a::after, .nypro-ul li a::before{ content: '';position: absolute;width: 0;height: 0;z-index: 222;box-sizing: border-box;transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;opacity: 0; }
.nypro-ul li a:hover::after,.nypro-ul li a:hover::before { width: 100%;height: 100%;transition: width 0.5s linear 0s, height 0.5s linear 0.5s;opacity: 1;  }
.nypro-ul li a::after { top: 0px;left: 0px;border-top: 1px solid #d2bc73;border-right: 1px solid #d2bc73;border-bottom: 1px solid transparent;border-left: 1px solid transparent; }
.nypro-ul li a::before { bottom: 0px;right: 0px;border-bottom: 1px solid #d2bc73;border-left: 1px solid #d2bc73;border-top: 1px solid transparent;border-right: 1px solid transparent; }
.nypro-ul li a:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); }
*/
.nypro-ul li:hover a {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.nypro-ul li a:hover .nypro-txt {
    background: #d2bc73;
    color: #fff;
}

.nypro-right .pro_list_news {
    margin-left: 10px;
    overflow: hidden;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 40px;
    margin-bottom: 15px;
}

.jumbotron p {
    margin-bottom: 0;
    font-size: 18px;
}

.nyjc-til {
    padding: 15px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    background: #d2bc73
}

.nyjc-til p {
    font-size: 24px;
}

.nyjc-til i {
    display: block;
    height: 1px;
    width: 90px;
    background: #fff;
    margin: 10px 0;
}

.nycontact {
    padding: 5px;
    background: url(../images/pronavbor.jpg);
}

.nycontact-txt {
    padding: 10px 20px;
    background: #fff;
    line-height: 1.8;
    word-break: break-word;
}

.sm-pronav {
    margin-bottom: 15px;
}

.sm-pronav > h2 {
    display: block;
    line-height: 30px;
    color: #fff;
    background: url(../images/pronavbg.png) no-repeat bottom center #d2bc73;
    font-size: 26px;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 20px;
}

.sm-pronav > h2 > span {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
}

.sm-pronav .sm-pronava {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}

.sm-pronav .sm-pronava.active {
    width: 100%;
    margin-right: 0;
}

.sm-pronav .sm-pronava:nth-child(2n+1) {
    margin-right: 0;
}

.sm-pronav .sm-pronava > a {
    color: #fff;
    background: #d2bc73;
    padding: 10px 14px;
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-pronav .sm-pronava ul {
    overflow: hidden;
}

.sm-pronav .sm-pronava ul li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 14px 0 14px 25px;
    background: url(../images/iyuan.png) 5px center no-repeat;
}

@media (max-width: 1199px) {
    .nypro-left {
        width: 250px;
    }

    #sidebar1 > li > h3 > a {
        font-size: 16px;
    }

    #sidebar1 .nypro-nav2 h4 > a {
        font-size: 14px;
    }

    .nypro-right {
        width: 74%;
        width: calc(100% - 250px);
        padding-left: 30px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 30px;
    }

    .jumbotron p {
        font-size: 16px;
    }

    .nycontact-txt {
        padding: 10px;
    }
}

@media (max-width: 991px) {
    #nyproduct {
        padding-top: 10px;
    }

    .nypro-right {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #nyproduct {
        padding: 10px 0 30px;
    }

    .nypro-right {
        padding-left: 10px;
        padding-right: 10px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 24px;
    }

    .jumbotron p {
        font-size: 14px;
    }

    .page-header {
        margin: 20px 0 10px;
    }

    #sidebar1 {
        padding: 0;
    }

    .nypro-ul li {
        padding: 0 10px;
    }
}

@media (max-width: 500px) {
    .nypro-right {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sm-pronav .sm-pronava ul li {
        padding: 10px 0 10px 25px;
    }

    .nypro-right .nyjc-crcrumbs {
        margin-left: 0px;
    }

    .nypro-ul {
        margin-left: -5px;
        margin-right: -5px;
    }

    .nypro-ul li {
        margin-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .nypro-ul li p {
        font-size: 13px;
        padding: 0 5px;
    }

    .nypro-right .pro_list_news {
        margin-left: 0px;
    }
}

/*热门产品*/
.pagepro_lli h6 {
    background: #d2bc73;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
    padding-left: 20px;
    margin-top: 20px;
    display: block;
    line-height: 30px;
    color: #fff;;
    font-size: 26px;
    padding: 20px 0;
    text-align: center;
}

.pagepro_lli h6 > span {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
}

.pagepro_lli .bd {
    border: 1px solid #dedede;
}

.pagepro_lli ul.pageproli {
    padding: 10px !important;
}

.pagepro_lli ul li {
    margin-top: 10px;
}

.pagepro_lli ul li a {
    border: 1px solid #dedede;
    display: block;
}

.pagepro_lli ul li h3 {
    text-align: center;
    font-size: 15px;
    line-height: 2.4;
    background: #e6e6e6;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pagepro_lli ul li:hover a {
    border: 1px solid #d2bc73;
}

.pagepro_lli ul li:hover h3 {
    background: #d2bc73;
    color: #fff;
}

.nypro-right .showproductli_info p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    line-height: 1.8;
}

.nypro-right .showproductli_info p em {
    display: block;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    line-height: 2;
}

/* 产品详情Nyshowpro */
.nprobox {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
}

.nprotop {
    overflow: hidden;
    margin-bottom: 20px;
}

.npimgdet {
    position: relative;
    height: 654px;
    width: 560px;
    background: #fff;
    font-size: 0;
    float: left;
    left: 50%;
    transform: translateX(-50%);
}

.npimgdet .npimglist {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 540px;
    height: 100px; /* overflow: hidden; */
    margin-top: 10px;
}

.npimgdet .npimglist ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
}

.npimgdet .npimglist ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100px;
    height: 100px;
    border: 2px solid #efefef;
    margin-right: 10px;
    cursor: pointer;
}

.npimgdet .npimglist ul li:last-of-type {
    margin-right: 0;
}

.npimgdet .npimglist ul .active {
    border: 2px solid #d2bc73;
}

.npimgdet .npimglist ul li img {
    width: 100%;
    height: 100%;
}

.npimgdet .npimgpart {
    vertical-align: top;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 540px;
    height: 540px;
    border: 1px solid #ededed;
}

.npimgdet .npimgpart .pic {
    position: relative;
    width: 100%;
    height: 100%;
}

.npimgdet .npimgpart .pic .magnify {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    cursor: move;
    background-color: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
}

.npimgdet .npimgpart .pic img {
    width: 100%;
    height: 100%;
}

.npimgdet .npimgpart .bigpic {
    display: none;
    position: absolute;
    top: 0;
    right: -470px;
    width: 460px;
    height: 460px;
    z-index: 333;
    border: 1px solid #fff;
    overflow: hidden;
}

.npimgdet .npimgpart .bigpic > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 920px;
    height: 920px;
}

.nptxtdet {
    float: left;
    width: calc(100% - 560px);
    padding: 0 30px;
    display: none;
}

.nptxttop {
    margin-bottom: 50px;
    text-align: center;
    display: none;
}

.nptxttop h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
    color: #333;
}

.nptxttop h3 {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    color: #444;
}

.nptxttop h5 {
    font-size: 15px;
    line-height: 30px;
    color: #666;
    margin-top: 20px;
}

.showpro-tlb {
    margin-top: 0px;
}

.showpro-tlb > h4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
}

.showpro-tlb > table {
    line-height: 1.6;
}

.showpro-con {
    margin-top: 20px;
}

.showpro-con ul {
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
}

.showpro-con ul li {
    text-align: center;
    padding: 0 24px;
    font-size: 16px;
    background: #e6e6e6;
    color: #333;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.showpro-con ul li.on {
    background: #d2bc73;
    color: #fff;
}

.showpro-con ul li:last-child {
    margin-right: 0;
}

.showpro-details {
    font-size: 16px;
    line-height: 1.8;
    overflow: hidden;
}

.showpro-details .showpro-det {
    display: none;
    min-height: 200px;
}

.showpro-details .showpro-det table {
    margin-bottom: 0;
}

.showpro-details div {
    margin-bottom: 10px;
}

.showpro-details img {
    max-width: 100%;
    height: auto !important;
}

.showpro-details .showpro-det p {
    color: #444;
}

#abprolist li {
    padding: 0 10px;
}

#abprolist li p {
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
}

.showpro-right {
    padding-top: 3%;
    padding-left: 2%;
}

.show_pro_tj {
    overflow: hidden;
    padding-bottom: 0;
    margin-top: 20px;
}

.show_pro_tj h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/nyhotnewico.png) no-repeat left;
}

.showpro-details .showpro-det table p {
    font-size: 16px !important;
    line-height: 2 !important;
    font-family: '微软雅黑' !important;
    white-space: break-spaces;
    color: #444 !important;
}

.showpro-details .showpro-det table span {
    font-size: 16px !important;
    line-height: 2 !important;
    font-family: '微软雅黑' !important;
    white-space: break-spaces;
    color: #444 !important;
}

.showpro-details .showpro-det table tbody tr td:first-child {
    white-space: nowrap;
}

.showpro-details .showpro-det table tbody tr td:first-child p {
    white-space: nowrap;
}

.showpro-details .showpro-det table tbody tr td:first-child span {
    white-space: nowrap;
}

.showpro-details .showpro-det table tbody tr td {
    color: #444 !important;
}

.showpro-details .showpro-det table tbody tr {
    color: #444 !important;
}

#nyprozylist .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    font-size: 0;
    text-align: center;
}

#nyprozylist .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: rgb(0 0 0 / 30%);
    margin-right: 6px;
    border-radius: 50%;
}

#nyprozylist .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

#nyprozylist .owl-dots .owl-dot.active {
    background: #000;
}

@media (max-width: 1199px) {
    .nptxtdet {
        padding: 0 0 0 10px;
    }

    .showpro-tlb > table {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .nptxtdet {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .nprobox {
        padding: 20px;
    }

    .npimgdet {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 500px) {
    .nprobox {
        padding: 20px 10px;
    }

    .nptxttop {
        margin-bottom: 10px;
    }

    .nptxttop h1 {
        font-size: 24px;
        margin: 0 0 10px;
    }

    .nptxttop h3 {
        font-size: 16px;
    }

    .nptxttop h5 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }

    .showpro-details {
        font-size: 14px;
        line-height: 1.6;
    }

    .showpro-details .showpro-det table p,
    .showpro-details .showpro-det table span {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .showpro-details .showpro-det table tbody tr td:first-child {
        white-space: normal;
    }

    .showpro-details .showpro-det table tbody tr td:first-child p {
        white-space: normal;
    }

    .showpro-details .showpro-det table tbody tr td:first-child span {
        white-space: normal;
    }
}

@media (max-width: 360px) {
    .nptxttop h1 {
        font-size: 20px;
    }

    .nptxttop h3 {
        font-size: 14px;
    }

    .nptxttop h5 {
        font-size: 12px;
        line-height: 20px;
    }
}

/* 推荐产品 */
.nyproducttil {
    line-height: 40px;
    border-bottom: 1px #ccc solid;
    overflow: hidden;
    margin: 20px 0;
}

.nyproducttil > h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/ny-objs.png) no-repeat left;
}

#nyproductlist {
    margin-bottom: 50px;
}

#nyproductlist li a {
    display: block;
    position: relative;
}

.nyproduct-img {
    overflow: hidden;
}

#nyproductlist li a p {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(21, 74, 154, .4);
    width: 100%;
    line-height: 36px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
}

#nyproductlist li a:hover p {
    background: rgba(21, 74, 154, .7);
}

@media only screen and (max-width: 767px) {
    #nyproductlist {
        margin-bottom: 0
    }

    #nyproductlist li a p {
        line-height: 30px;
        font-size: 14px;
    }
}

/*相关产品*/
.nyaboutpro {
    line-height: 40px;
    height: 41px;
    border-bottom: 1px #ccc solid;
}

.nyaboutpro > h3 {
    float: left;
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #d2bc73 solid;
    color: #d2bc73;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/nyaboutproico.png) no-repeat left;
}

#abprolist {
    margin: 20px 0;
}

#abprolist li {
    padding: 0 10px;
}

#abprolist li a {
    display: block;
}

#abprolist li a .abpro-img {
    padding: 2px;
    border: 1px solid #ccc;
}

#abprolist li a .abpro-img img {
    display: block;
    max-width: 100%;
}

#abprolist li a p {
    line-height: 35px;
    height: 35px;
    text-align: center;
    background: #ccc;
    padding: 0 10px;
    color: #333;
    font-size: 14px;
}

#abprolist li a:hover .abpro-img {
    border-color: #d2bc73;
}

#abprolist li a:hover p {
    background: #d2bc73;
    color: #fff;
}

/* 标签 */
.pro_key {
    line-height: 35px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
}

.pro_key a {
    font-size: 14px;
    background: #9e9c9c;
    padding: 2px 6px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

.pro_key a:hover {
    background: #d2bc73;
}

/* 分享按钮 */
.jiathis {
    padding-top: 10px;
    height: 35px;
    line-height: 30px;
    border-top: 1px dotted #ccc;
    text-align: right;
    position: relative;
    color: #666;
    margin-bottom: 20px;
}

.jiathis .jiathis_txt {
    float: left;
}

/* 上下页按钮 */
.ny-page {
    overflow: hidden;
    margin-bottom: 30px;
}

.ny-pagea {
    width: 50%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}

.ny-page a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 15px;
    border: 1px solid #e4eaec;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    max-width: 100%;
}

.ny-page a:hover {
    border-color: #e4eaec;
    background-color: #f3f7f9;
}

/* 搜索模块 */
.nysearch-ul {
    overflow: hidden;
}

.nysearch-ul li.nysearch-li {
    padding: 0 0 15px 0;
    margin-bottom: 25px;
    border-bottom: 1px dashed #333;
    overflow: hidden;
}

.nysearch-til > a {
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    display: inline-block;
    background: #d2bc73;
    margin-right: 5px;
    position: relative;
    top: 0;
    padding: 4px 6px;
}

.nysearch-til > a .nysearch-arrow {
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: top;
    top: 7px;
    right: -4px;
    border-left: 4px solid #000;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left-color: #d2bc73;
}

.nysearch-til > a:hover {
    background: #333;
}

.nysearch-til > a:hover .nysearch-arrow {
    border-left-color: #333;
}

.nysearch-til > h2 {
    display: inline;
    font-size: 19px;
    margin: 0;
    font-weight: bold;
    position: relative;
    top: 1px;
    line-height: 25px;
}

.nysearch-con p.nysearch-desp {
    color: #666;
    font-size: 14px;
    line-height: 23px;
    margin: 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nysearch-date {
    color: #333;
    line-height: 20px;
    font-size: 12px;
}

.nysearch-date span {
    color: #999;
}

.nysearch-date p {
    float: left;
    margin: 0;
}

.nysearch-date i {
    margin-right: 5px;
}

.nysearch-con a.nysearch-more {
    position: relative;
    left: 0;
    color: #ffffff;
    font-size: 13px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #999;
    margin-top: 10px;
    display: block;
    border-radius: 20px;
    float: left;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.nysearch-con a.nysearch-more:hover {
    background: #d2bc73;
    left: 10px;
}

/*联系我们*/
.product-inlist {
    background-color: #f6f6f6;
}

.contact_meg {
    float: right;
    width: 50%;
    height: 510px;
    z-index: 3;
    background: #f6f6f6;
}

.meg_con .title2 {
    font-size: 28px;
    color: #333333;
    max-width: 510px;
    margin-bottom: 24px;
    margin-top: 35px;
    font-weight: bold;
}

.meg_con .tel {
    padding: 13px 0;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    color: #333;
    max-width: 510px;
    font-size: 30px;
}

.meg_con .tel img {
    display: inline-block;
}

.meg_con .megs {
    margin-top: 20px;
    font-size: 15px;
    line-height: 36px;
}

.meg_con {
    width: 100%;
    z-index: 3;
    padding-left: 8%;
    padding-right: 4%;
    box-sizing: border-box;
}

.my-map {
    margin: 0 auto;
    width: 50%;
    height: 510px;
    float: left;
}

.amap-container {
    height: 100%;
}

@media only screen and (max-width: 1199px) {
    .meg_con {
        width: 100%;
        position: unset;
        padding-left: 5%;
        box-sizing: border-box;
    }

    .meg_con .title2,
    .meg_con .tel {
        max-width: initial;
        width: 100%;
    }

    .contact_meg {
        width: 100%;
        float: none;
        height: auto;
        padding-bottom: 40px
    }

    .my-map {
        margin: 0 auto;
        width: 100%;
        height: 400px;
        float: none;
    }
}

@media only screen and (max-width: 991px) {
    .product-inlist > div {
        margin-bottom: 0 !important;
    }

    .product-inlist {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 425px) {
    .min-h-screen{
        height:50vh !important;
    }
    #sy-img .sy-img-top-text{
        top: 100px !important;
    }
    .sy-img-bottom-text{
        top: 150px !important;
    }
}
@media only screen and (max-width: 768px) {
    .meg_con .title2 {
        margin-bottom: 16px;
        margin-top: 20px;
        font-size: 24px;
    }
    
    .overlay-right-content-items.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
        display: none !important;
    }
    
    .new-right-item .jt-bottom .prev{
        display:none !important;
    }
    
    .new-right-item .jt-bottom .next{
        display:none !important;
    }
    
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        top: 0;
        bottom: initial;
    }
    
    
    .swiper-ts, .swiper-ts .swiper-wrapper, .swiper-ts .swiper-slide, .swiper-ts .swiper-slide img{
        height: 490px !important;
    }

    .meg_con .megs {
        font-size: 14px;
        line-height: 30px;
    }

    .meg_con .tel {
        padding: 10px 0;
        font-size: 20px;
    }

    .meg_con .tel img {
        width: 26px;
    }

    .meg_con .megs {
        margin-top: 10px;
    }

    .meg_con .tel img {
        width: 20px;
        margin-bottom: 0;
    }

    .meg_con .title2 {
        font-size: 22px;
    }

    .product-inlist {
        margin-top: 10px;
    }
}

/*翻页样式*/
.metpager_1 {
    text-align: center;
}

.metpager_2 {
    text-align: center;
}

.metpager_3 {
    text-align: center;
}

#flip {
    line-height: 25px;
}

.digg4 {
    padding: 3px;
    margin: 3px;
    margin-top: 25px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
}

.digg4 a, .digg4 span.miy {
    margin: 2px;
    text-decoration: none;
}

.digg4 .disabledfy {
    font-family: Tahoma, Verdana;
}

.metpager_4 a, .metpager_4 span.miy {
    border: 1px solid #aaaadd;
    padding: 2px 5px 2px 5px;
    color: #009;
}

.metpager_4 a:hover {
    border: 1px solid #009;
    color: #000;
}

.metpager_4 a:active {
    border: 1px solid #009;
    color: #000;
}

.metpager_4 span.current {
    border: 1px solid #009;
    background-color: #009;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #FFFFFF;
    text-decoration: none;
}

.metpager_4 span.disabled {
    border: 1px solid #eee;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #ddd;
}

.metpager_5 a, .metpager_5 span.miy {
    border: 1px solid #ccdbe4;
    padding: 2px 8px 2px 8px;
    color: #d2bc73;
    display: inline-block;
}

.metpager_5 a:hover {
    border: 1px solid #d2bc73;
    color: #fff;
    background-color: #d2bc73;
}

.metpager_5 a:active {
    border: 1px solid #009;
    color: #000;
}

.metpager_5 span.current {
    padding: 2px 8px 2px 8px;
    margin: 2px;
    color: #fff;
    background: #d2bc73;
    border: 1px solid #d2bc73;
    text-decoration: none;
    display: inline-block;
}

.metpager_5 span.disabled {
    border: 1px solid #ccdbe4;
    padding: 2px 8px 2px 8px;
    margin: 2px;
    color: #999;
    display: inline-block;
}

.metpager_6 {
    color: #ff6500;
}

.metpager_6 a, .metpager_6 span.miy {
    border: 1px solid #ff9600;
    padding: 2px 7px 2px 7px;
    background-position: 50% bottom;
    color: #ff6500;
    background-image: url(../images/page/page6.jpg);
}

.metpager_6 a:hover {
    border: 1px solid #ff9600;
    color: #ff6500;
    background-color: #ffc794;
}

.metpager_6 a:active {
    border: 1px solid #ff9600;
    color: #ff6500;
    background-color: #ffc794;
}

.metpager_6 span.current {
    border: 1px solid #ff6500;
    padding: 2px 7px 2px 7px;
    margin: 2px;
    color: #ff6500;
    background-color: #ffbe94;
    text-decoration: none;
}

.metpager_6 span.disabled {
    border: 1px solid #ffe3c6;
    padding: 2px 7px 2px 7px;
    margin: 2px;
    color: #ffe3c6;
}

.metpager_7 a, .metpager_7 span.miy {
    border: 1px solid #2c2c2c;
    padding: 2px 5px 2px 5px;
    background: url(../images/page/page7.gif) #2c2c2c;
    color: #fff;
}

.metpager_7 a:hover {
    border: 1px solid #aad83e;
    color: #fff;
    background: url(../images/page/page7_2.gif) #aad83e;
}

.metpager_7 a:active {
    border: 1px solid #aad83e;
    color: #fff;
    background: urlurl(../images/ page/page7_2.gif) #aad83e;
}

.metpager_7 span.current {
    border: 1px solid #aad83e;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #fff;
    background: url(../images/page/page7_2.gif) #aad83e;
    text-decoration: none;
}

.metpager_7 span.disabled {
    border: 1px solid #f3f3f3;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #ccc;
}

.metpager_8 a, .metpager_8 span.miy {
    border: 1px solid #ddd;
    padding: 2px 5px 2px 5px;
    color: #aaa;
}

.metpager_8 a:hover {
    border: 1px solid #a0a0a0;
}

.metpager_8 a:hover {
    border: 1px solid #a0a0a0;
}

.metpager_8 span.current {
    border: 1px solid #e0e0e0;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #aaa;
    background-color: #f0f0f0;
    text-decoration: none;
}

.metpager_8 span.disabled {
    border: 1px solid #f3f3f3;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #ccc;
}

.metpager_9 a, .metpager_9 span.miy {
    border: 1px solid #ddd;
    padding: 2px 5px 2px 5px;
    color: #88af3f;
}

.metpager_9 a:hover {
    border: 1px solid #85bd1e;
    color: #638425;
    background-color: #f1ffd6;
}

.metpager_9 a:hover {
    border: 1px solid #85bd1e;
    color: #638425;
    background-color: #f1ffd6;
}

.metpager_9 span.current {
    border: 1px solid #b2e05d;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #fff;
    background-color: #b2e05d;
    text-decoration: none;
}

.metpager_9 span.disabled {
    border: 1px solid #f3f3f3;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #ccc;
}

@media (max-width: 767px) {
    .digg4 > span:nth-child(-n+2) {
        display: none;
    }
}

/*联系我们*/
#ny_lx {
    padding-top: 55px;
    padding-bottom: 30px;
    overflow: hidden;
    display: block;
    background: #f7f7f7;
}

#ny_lx .ny_lx_bg {
    display: block;
    overflow: hidden;
    margin-top: 45px;
}

#ny_lx .ny_lx_t {
    text-align: center;
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}

#ny_lx .ny_lx_t p {
    font-size: 44px;
    font-weight: bold;
    color: #d2bc73;
    display: block;
    margin-bottom: 5px;
    line-height: 1;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-align: center;
}

#ny_lx .ny_lx_t span {
    font-size: 32px;
    color: #333;
    opacity: 1;
    display: block;
    text-align: center;
}

.lianxi_m {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 24px;
    background: #f5f5f5;
}

.lianxi_m .lianxi_ml {
    width: 410px;
    float: left;
    background: #d2bc73;
    color: #fff;
    padding: 30px 40px 30px 40px;
    overflow: hidden;
}

.lianxi_m .lianxi_ml .lianxi_ml_m {
    overflow: hidden;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    margin-bottom: 18px;
    color: #fff;
}

.lianxi_m .lianxi_ml .lianxi_ml_s {
    width: 310px;
    border: solid 2px #fff;
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 18px;
    line-height: 55px;
}

.lianxi_m .lianxi_ml .lianxi_ml_en {
    font-family: 'Arial';
    font-size: 24px;
    line-height: 40px;
}

.lianxi_mr {
    float: right;
    position: relative;
    width: calc(100% - 470px);
}

.lianxi_mr_i {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100px;
    font-weight: 89;
    margin-left: -28px;
    line-height: normal;
    color: #999;
    position: absolute;
    overflow: hidden;
    margin-top: 20px;
}

.lianxi_m .mr_i {
    font-size: 100px;
    line-height: 200px;
    margin-top: 100px;
    margin-left: calc(100% - 690px);
    position: absolute;
    right: 30px;
}

.lianxi_mr_m {
    width: calc(100% - 69px);
    float: left;
    overflow: hidden;
    padding-left: 22px;
    padding-right: 10px;
    padding-top: 38px;
    line-height: 28px;
    color: #666;
    font-size: 16px;
    text-align: left
}

.lianxi_mr_m span {
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    color: #d2bc73;
}

.contact_ny ul {
    background: #fff;
    overflow: hidden;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

.contact_ny ul li {
    float: left;
    width: 33.3333%;
    height: 140px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 35px;
    text-align: left;
    box-sizing: border-box;
}

.contact_ny ul li em {
    float: left;
    display: inline-block;
    width: 51px;
    height: 51px;
    margin-right: 9px;
    margin-top: 6px;
}

.contact_ny ul li h5 {
    color: #d2bc73;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 1199px) {
    .lianxi_m .lianxi_ml {
        width: 400px;
    }

    .lianxi_mr_i {
        display: none;
    }

    .lianxi_mr {
        width: calc(100% - 400px);
    }
}

@media (max-width: 991px) {
    .contact_ny ul li {
        width: 50%;
    }

    .lianxi_mr {
        width: calc(100% - 360px);
    }

    .lianxi_m .lianxi_ml {
        width: 360px;
        padding: 30px 20px 30px 20px;
    }

    .lianxi_mr_m {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .lianxi_m .lianxi_ml {
        width: 100%;
        float: none;
        overflow: hidden;
        padding: 20px 20px 20px 20px;
    }

    .lianxi_mr {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .contact_ny ul li {
        width: 100%;
        padding: 15px 20px;
        height: 110px;
    }

    .contact_ny ul li:last-child {
        border-bottom: 1px solid #ececec;
    }

    .lianxi_mr_m {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .lianxi_m .lianxi_ml .lianxi_ml_m {
        font-size: 20px;
    }

    .lianxi_m .lianxi_ml .lianxi_ml_s {
        width: 290px;
        line-height: 48px;
        font-size: 24px;
    }

    .lianxi_m .lianxi_ml .lianxi_ml_en {
        font-size: 20px;
        line-height: auto;
    }

    #ny_lx {
        padding-top: 25px;
    }

    #ny_lx .ny_lx_bg {
        margin-top: 25px;
    }

    #ny_lx .ny_lx_t p {
        font-size: 26px;
    }

    #ny_lx .ny_lx_t span {
        font-size: 24px;
    }

    #ny_lx .ny_container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .lianxi_mr_m span {
        font-size: 20px;
    }

    .lianxi_mr_m {
        font-size: 14px;
        line-height: 2;
    }
}


/*在线留言*/
#lx_nymessage {
    background-color: #fff;
    padding: 50px 0;
}

.form-horizontal {
    overflow: hidden;
    margin-top: 40px;
}

#lx_nymessage p { /* font-size: 44px; *//* font-weight: bold; *//* color: #d2bc73; *//* display: block; *//* margin-bottom: 5px; *//* line-height: 1; *//* letter-spacing: -2px; *//* text-transform: uppercase; *//* text-align: center; */
}

#lx_nymessage span {
    font-size: 32px;
    color: #333;
    opacity: 1;
    display: block;
    text-align: center;
}

.form-horizontal .form-group {
    margin-bottom: 10px;
    position: relative;
}

.form-control {
    padding: 0px;
    margin: 0px;
    border: none;
}

#lx_nymessage .mess_1 {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 0px;
    padding-right: 0px;
}

#lx_nymessage .mess_1 .form-group {
    margin-bottom: 20px;
    position: relative;
    padding: 0 5px;
}

#lx_nymessage .mess_1 .form-group input {
    padding: 0 0px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    font-size: 18px;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #ccc;
}

.form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.form-horizontal .form-group .mess_2_2 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 16px;
}

#lx_nymessage textarea {
    width: 100%;
    height: 74px; /* padding: 25px 20px; */
    line-height: 32px;
    background: #fff;
    overflow-y: auto;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.btn-default {
    width: 20%;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background-color: #dadde3;
    border: none;
    border-radius: 0;
}

.btn.btn-default:hover, .btn.btn-default:focus {
    color: #fff;
    background-color: #D2BC73;
    outline: unset;
}

.btn-default:first-child {
    background-color: #EEEEEE;
    color: #333;
    border-radius: 10px;
}

/*.btn-default:first-child {*/
/*    background-color: #D2BC73;*/
/*}*/

.lx-nr p img {
    width: 46px;
    height: 46px;
}

#lx_nymessage .mess_2 {
    padding-left: 0px;
    padding-right: 10px;
}

#lx_nymessage .mess_3 {
    margin-top: 25px;
    overflow: hidden;
    text-align: center;
}

#lx_nymessage .mess_3 .mess_3_3 {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: flex-end;
}

.btn-default:first-child:hover {
    background: #D2BC73;
    color: #fff;
}

#lx_nymessage .mess_1 .form-group input::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

#lx_nymessage .mess_1 .form-group input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 16px;
}

#lx_nymessage .mess_1 .form-group input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 16px;
}

#lx_nymessage .mess_1 .form-group input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
    font-size: 16px;
}

#lx_nymessage textarea::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

#lx_nymessage textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 16px;
}

#lx_nymessage textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 16px;
}

#lx_nymessage textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
    font-size: 16px;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
}

.form-control {
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

.ooo {
}

.ooo h5 {
    margin-bottom: 18px;
}

.ooo .lx-nr {
    padding: 20px 0;
}

.ooo .lx-nr p {
    font-size: 18px;
    font-family: Arial;
    padding: 12px 0;
    color: #242426;
    line-height: 39px;
}

.ooo1 h5 {
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}

.ooo1 h5 img {
    float: right;
}

.ttt {
    padding-top: 20px;
}

.ttt h5 {
    font-size: 26px;
    font-weight: normal;
    color: #666;
}

.ttt1 {
}

.ttt1 h5 {
    text-align: left;
    font-size: 20px;
}

.ttt1 h5 em {
    float: left;
}

.ttt1 h5 span {
    float: right;
    font-size: 22px !important;
    letter-spacing: 3px;
}

.ttt .lx-nr {
    width: 73%;
}

.ttt .lx-nr p {
    color: #999;
}


@media (max-width: 1310px) {
    #lx_nymessage p {
        font-size: 26px;
    }

    #lx_nymessage {
        padding: 50px 0;
    }

    .form-horizontal {
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    #lx_nymessage {
        padding: 30px 10px;
    }

    #lx_nymessage h4 {
        font-size: 24px;
    }

    #lx_nymessage .mess_1 .form-group {
        width: 100%;
    }

    #lx_nymessage .mess_1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #lx_nymessage .mess_1 .form-group input {
        line-height: 46px;
        height: 46px;
    }

    .mess_2_2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #lx_nymessage textarea {
        height: 140px;
    }

    .btn-default {
        width: 40%;
    }

    .mess_3_3 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #lx_nymessage p {
        font-size: 26px;
    }

    #lx_nymessage span {
        font-size: 24px;
    }

    .form-horizontal {
        padding: 0;
    }

    #lx_nymessage .mess_1 .form-group input::-webkit-input-placeholder {
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage .mess_1 .form-group input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage .mess_1 .form-group input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage .mess_1 .form-group input::-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage textarea::-webkit-input-placeholder {
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
        font-size: 14px;
    }

    #lx_nymessage textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #999;
        font-size: 14px;
    }

    .btn-default {
        font-size: 14px;
    }
}


/*内页关于我们修改*/
.ny_about {
    overflow: hidden;
    padding-bottom: 40px;
}

.ny_about .ny_about_nr {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.ny_about .ny_about_nr .ny_about_nr_l {
    padding-left: 0px;
}

.ny_about .ny_about_nr .ny_about_nr_l .homevideocen {
    display: block;
    overflow: hidden;
}

.ny_about .ny_about_nr .ny_about_nr_l img {
    max-width: 100%;
    display: block;
    transition: all 0.3s;
}

.ny_about .ny_about_nr .ny_about_nr_l .homevideocen:hover img {
    transform: scale(1.05);
}

.ny_about .ny_about_nr .ny_about_nr_r {
    padding-right: 0px;
}

.ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t {
    overflow: hidden;
    margin-bottom: 25px;
}

.ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span {
    font-size: 36px;
    font-weight: bold;
    color: #d2bc73;
    display: block;
    line-height: 50px;
}

.ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t p {
    display: block;
    font-size: 18px;
    color: #888;
    line-height: 34px;
}

.ny_about .ny_about_nr .ny_about_nr_r .desc {
    line-height: 2;
    font-size: 15px;
    color: #555;
}

.ny_about .main {
    display: flex;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.ny_about .main .stat-items {
    flex: 1;
    text-align: center;
}

.ny_about .main .stat-items .stat-items-t-box .stat-items-t {
    font-size: 42px;
    font-weight: bold;
    color: #d2bc73;
    font-family: 'arial';
}

.ny_about .main .stat-items .stat-items-t-box .stat-items-unit {
    font-size: 18px;
    color: #333333;
}

.ny_about .main .stat-items p {
    font-size: 16px;
    color: #666666;
}

.ny_about_sl {
    padding-top: 30px;
    overflow: hidden;
}

.ny_about_sl .ny_about_sl_t {
    overflow: hidden;
}

.ny_about_sl .ny_about_sl_t .ny_about_sl_l {
    float: left;
    text-align: left;
}

.ny_about_sl .ny_about_sl_t .ny_about_sl_l p {
    font-size: 36px;
    font-weight: bold;
    color: #d2bc73;
    display: block;
    line-height: 50px;
}

.ny_about_sl .ny_about_sl_t .ny_about_sl_l span {
    display: block;
    font-size: 16px;
    color: #888;
    line-height: 34px;
}

.ny_about_sl .ny_about_sl_t .ny_about_sl_r {
    float: right;
    text-align: right;
}

.ny_about_sl .ny_about_sl_t .ny_about_sl_r p {
    font-size: 36px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
    padding-top: 20px;
}

.ny_about_sl .ny_about_sl_nr {
    line-height: 28px;
    font-size: 15px;
    color: #555;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ny_about_sl .pro-one {
    display: block;
}

.ny_about_sl .pro-one li {
    padding-left: 2px;
    padding-right: 2px;
}

.ny_about_sl .pro-one li a {
    display: block;
}

.ny_about_sl .pro-one li a img {
    border: 1px solid #ddd;
}

@media (max-width: 1510px) {
    .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span {
        font-size: 32px;
    }

    .ny_about_sl .ny_about_sl_t .ny_about_sl_l p {
        font-size: 32px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t p {
        font-size: 14px;
    }

    .ny_about_sl .ny_about_sl_t .ny_about_sl_l span {
        font-size: 14px;
        line-height: 2;
    }

    .ny_about .ny_about_nr .ny_about_nr_r .desc {
        line-height: 1.8;
    }

    .ny_about_sl .ny_about_sl_nr {
        line-height: 1.8;
    }
}

@media (max-width: 1310px) {
    .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t {
        margin-bottom: 15px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span {
        font-size: 28px;
    }

    .ny_about_sl .ny_about_sl_t .ny_about_sl_l p {
        font-size: 28px;
    }
}

@media (max-width: 1199px) {
    .ny_about .ny_about_nr {
        display: block;
    }

    .ny_about .ny_about_nr .ny_about_nr_l {
        padding-right: 0px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r {
        padding-left: 0px;
        margin-top: 0px;
    }

    .ny_about .ny_about_nr .ny_about_nr_l img {
        width: 100%;
        max-width: none;
    }

    .ny_about .main .stat-items .stat-items-t-box .stat-items-t {
        font-size: 36px;
    }
}

@media (max-width: 991px) {
    .ny_about_sl .ny_about_sl_t .ny_about_sl_r p {
        display: none;
    }

    .ny_about .ny_about_nr .ny_about_nr_r {
        padding: 3%;
    }

    .ny_about .main {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .ny_about .ny_about_nr {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span {
        font-size: 24px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t p {
        font-size: 13px;
        line-height: 2;
    }

    .ny_about_sl {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ny_about_sl .ny_about_sl_t .ny_about_sl_l p {
        font-size: 24px;
    }

    .ny_about_sl .ny_about_sl_t .ny_about_sl_l span {
        font-size: 14px;
        line-height: 2;
    }

    .ny_about_sl .pro-one li {
        padding-bottom: 2px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r .desc {
        font-size: 14px;
    }

    .ny_about_sl .ny_about_sl_nr {
        font-size: 14px;
    }

    .ny_about .ny_about_nr .ny_about_nr_r {
        padding: 3% 0;
    }

    /*.ny_about_sl .pro-one li a img { border: none; }*/
}

/*招聘模块页面*/
#ny_job {
    display: block;
    overflow: hidden;
}

#ny_job .ny_job_bg {
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    overflow: hidden;
    background-image: url(../images/job_bg.jpg);
}

#ny_job .ny_job_bg .join-bk {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/job1.png);
    background-size: 100% 100%;
    transition: all 1s ease;
    position: absolute;
    height: 101%;
    width: 100%;
    top: 0;
    right: 0%;
    z-index: 5;
}

#ny_job .box {
    position: relative;
    padding: 120px 0 160px 30px;
    width: 50%;
    z-index: 9;
}

#ny_job .box .item {
    display: block;
    margin-bottom: 70px;
}

#ny_job .box .item p {
    font-size: 32px;
    color: #353535;
    display: block;
}

#ny_job .box .item .desc {
    font-size: 15px;
    display: block;
    line-height: 2;
    font-weight: 100;
    color: #666;
    margin-top: 20px;
}

#ny_job .box .more {
    width: 170px;
    display: block;
    line-height: 48px;
    height: 48px;
    text-indent: 2em;
    font-size: 14px;
    color: #fff;
    background: #d2bc73;
    border-radius: 100px;
    position: relative;
    transition: all 0.5s;
    box-shadow: 0px 10px 30px rgba(38, 166, 92, 0.15);
}

#ny_job .box .more::after {
    position: absolute;
    content: '';
    width: 42px;
    height: 42px;
    display: block;
    background: url(../images/about_jt.png) no-repeat center #fff;
    border-radius: 100%;
    top: 3px;
    right: 3px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

#ny_job .box .more:hover::after {
    animation: page .5s linear 1 forwards;
}

@media (max-width: 1470px) {
    #ny_job .box {
        width: 55%;
    }
}

@media (max-width: 1199px) {
    #ny_job .box {
        width: 59%;
        padding: 70px 0 140px 0px;
    }
}

@media (max-width: 991px) {
    #ny_job .ny_job_bg {
        background: none;
    }

    #ny_job .box {
        width: 100%;
        padding: 30px 0 40px 0px;
    }

    #ny_job .box .item p {
        font-size: 26px;
    }

    #ny_job .box .item .desc {
        font-size: 14px;
        font-weight: 500;
    }

    #ny_job .box .item {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    #ny_job .box .item p {
        font-size: 20px;
    }

    #ny_job .box .item .desc {
        margin-top: 10px;
    }
}

/*内页公司简介*/
#ny_about {
    display: block;
    overflow: hidden;
}

#ny_about .box1 {
    display: block;
    padding-top: 80px;
    overflow: hidden;
    padding-bottom: 50px;
}

#ny_about .box1 .desc_box {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

#ny_about .box1 .desc_box .box_l {
    display: block;
    width: 40%;
    position: relative;
}

#ny_about .box1 .desc_box .box_l .main {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
}

#ny_about .box1 .desc_box .box_l .main .stat-items {
    padding: 0 50px;
    display: block;
}

#ny_about .box1 .desc_box .box_l .main .stat-items:first-child {
    padding-left: 0;
}

#ny_about .box1 .desc_box .box_l .main .stat-items:last-child {
    padding-right: 0;
}

#ny_about .box1 .desc_box .box_l .main .stat-items .stat-items-unit {
    display: block;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

#ny_about .box1 .desc_box .box_l .main .stat-items .stat-items-t {
    font-size: 52px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #d2bc73;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

#ny_about .box1 .desc_box .box_l .main .stat-items p {
    display: block;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

#ny_about .box1 .desc_box .box_l dt {
    display: block;
    position: relative;
}

#ny_about .box1 .desc_box .box_l dt img {
    max-width: 100%;
    display: block;
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
}

#ny_about .box1 .desc_box .box_l dt img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: rotate2 25s linear infinite;
    animation: rotate2 25s linear infinite;
}

#ny_about .box1 .desc_box .box_r {
    display: block;
    width: 50%;
    padding-right: 10%;
}

#ny_about .box1 .desc_box .box_r .list {
    display: block;
}

#ny_about .box1 .desc_box .box_r .list .t {
    display: block;
    margin-bottom: 30px;
}

#ny_about .box1 .desc_box .box_r .list .t h3 {
    font-size: 42px;
    font-weight: bold;
    color: #d2bc73;
    display: block;
    line-height: 2;
}

#ny_about .box1 .desc_box .box_r .list .t span {
    font-size: 32px;
    color: #333;
    display: block;
    margin-bottom: 15px;
}

#ny_about .box1 .desc_box .box_r .list .t p {
    font-size: 18px;
    color: #666;
    display: block;
}

#ny_about .box1 .desc_box .box_r .list .txt {
    display: block;
}

#ny_about .box1 .desc_box .box_r .list .txt p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-top: 15px;
    display: block;
}

#ny_about .box2 {
    display: block;
    background: #f5f5f5;
    padding: 70px 0;
}

#ny_about .box2 .desc_box .list .item .img2 .default-mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 0 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
}

#ny_about .box2 .desc_box .list .item .img2 .default-mask .name {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#ny_about .box2 .desc_box .list .item .img2 .default-mask .loc {
    font-size: 16px;
    color: #fff;
}

#ny_about .box2 .desc_box .list .item .img2 .hover-mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 81, 0, 0.8);
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s;
}

#ny_about .box2 .desc_box .list .item .img2 .hover-mask h4 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 5px;
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: uppercase;
}

#ny_about .box2 .desc_box .list .item .img2 .hover-mask .loc {
    margin: 0 0 25px;
    font-size: 22px;
    color: #fff;
}

#ny_about .box2 .desc_box .list .item .img2 .hover-mask .name {
    font-size: 20px;
    color: #fff;
    margin: 0 0 15px;
}

#ny_about .box2 .desc_box .list .item .img2 .hover-mask ul li {
    font-size: 14px;
    color: #fff;
    margin: 0 0 6px;
    display: block;
    line-height: 1.8;
}

#ny_about .box2 .desc_box .list .item .img2:hover .hover-mask {
    opacity: 1;
    transform: translateY(0);
}

#ny_about .box2 .desc_box .list .item .img2:hover .default-mask {
    opacity: 0;
    transform: translateY(20px);
}

#ny_about .box2 .t {
    text-align: left;
    display: block;
    position: relative;
}

#ny_about .box2 .t p {
    font-size: 62px;
    color: #ddd;
    display: block;
    font-weight: bold;
    font-family: 'arial';
    margin-bottom: -30px;
    text-transform: uppercase;
}

#ny_about .box2 .t h3 {
    font-size: 42px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#ny_about .box2 .desc_box {
    display: block;
    margin-top: 50px;
}

#ny_about .box2 .desc_box .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -10px;
}

#ny_about .box2 .desc_box .list .item {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}

#ny_about .box2 .desc_box .list .item .img {
    display: block;
    position: relative;
}

#ny_about .box2 .desc_box .list .item .img img {
    max-width: 100%;
    display: block;
}

/*动画*/
@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

/*内页公司简介修改*/
#about_xg {
    display: block;
}

#about_xg #number {
    display: block;
    margin-top: -100px;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

#about_xg #number .main {
    width: 100%;
    position: relative;
    background: #d2bc73;
    padding: 60px 0;
    font-size: 0;
    text-align: center;
}

#about_xg #number .main::after {
    content: '';
    width: 50%;
    height: 100%;
    background-color: #d2bc73;
    position: absolute;
    top: 0;
    right: -25%;
    z-index: 9;
}

#about_xg #number .main .stat-items {
    display: inline-block;
    width: 25%;
    color: #fff;
    position: relative;
    z-index: 10;
}

#about_xg #number .main .stat-items .stat-items-t-box {
    display: block;
}

#about_xg #number .main .stat-items .stat-items-t-box .stat-items-t {
    font-size: 60px;
    font-weight: bold;
    font-family: 'arial';
}

#about_xg #number .main .stat-items .stat-items-t-box .stat-items-unit {
    font-size: 24px;
    font-family: 'arial';
}

#about_xg #number .main .stat-items p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    display: block;
}

#about_xg #about {
    display: block;
    padding: 100px 0 70px 0;
    position: relative;
    overflow: hidden;
}

#about_xg #about::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: -50%;
    background: #f7fafc;
    top: 0;
    z-index: -1;
}

#about_xg #about .box {
    display: flex;
    justify-content: space-between;
}

#about_xg #about .box .box_l {
    display: block;
    width: 35%;
    padding-top: 15px;
}

#about_xg #about .box .box_l .t {
    display: block;
}

#about_xg #about .box .box_l .t h3 {
    font-size: 42px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#about_xg #about .box .box_l .t p {
    font-size: 32px;
    font-family: 'arial';
    color: #dadada;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#about_xg #about .box .box_l a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #999;
    margin-top: 100px;
    overflow: hidden;
}

#about_xg #about .box .box_l a img {
    display: block;
    max-width: 30%;
    animation: UPDOWN 1.5s linear infinite;
    -webkit-animation: UPDOWN 1.5s linear infinite;
}

@-webkit-keyframes UPDOWN {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes UPDOWN {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0;
    }
}

#about_xg #about .box .box_r {
    display: block;
    width: 65%;
}

#about_xg #about .box .box_r .list {
    display: block;
}

#about_xg #about .box .box_r .list .t {
    display: block;
    margin-bottom: 30px;
}

#about_xg #about .box .box_r .list .t h3 {
    font-size: 32px;
    color: #d2bc73;
    display: block;
    line-height: 2;
    font-weight: bold;
}

#about_xg #about .box .box_r .list .t span {
    font-size: 24px;
    color: #333;
    display: block;
    margin-bottom: 15px;
}

#about_xg #about .box .box_r .list .t p {
    font-size: 18px;
    color: #666;
    display: block;
}

#about_xg #about .box .box_r .list .txt {
    display: block;
}

#about_xg #about .box .box_r .list .txt p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-top: 15px;
    display: block;
}

#about_xg #team {
    display: block;
    position: relative;
    overflow: hidden;
    padding-right: 5%;
}

#about_xg #team::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: -50%;
    background: #f7fafc;
    top: 0;
    z-index: -1;
}

#about_xg #team .img {
    display: block;
}

#about_xg #team .img img {
    max-width: 100%;
    display: block;
}

#about_xg .box2 {
    display: block;
    background: #f7fafc;
    padding: 50px 0;
}

#about_xg .box2 .desc_box .list .item .img2 .default-mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 0 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
}

#about_xg .box2 .desc_box .list .item .img2 .default-mask .name {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#about_xg .box2 .desc_box .list .item .img2 .default-mask .loc {
    font-size: 16px;
    color: #fff;
}

#about_xg .box2 .desc_box .list .item .img2 .hover-mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 81, 0, 0.8);
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s;
}

#about_xg .box2 .desc_box .list .item .img2 .hover-mask h4 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 5px;
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: uppercase;
}

#about_xg .box2 .desc_box .list .item .img2 .hover-mask .loc {
    margin: 0 0 25px;
    font-size: 22px;
    color: #fff;
}

#about_xg .box2 .desc_box .list .item .img2 .hover-mask .name {
    font-size: 20px;
    color: #fff;
    margin: 0 0 15px;
}

#about_xg .box2 .desc_box .list .item .img2 .hover-mask ul li {
    font-size: 14px;
    color: #fff;
    margin: 0 0 6px;
    display: block;
    line-height: 1.8;
}

#about_xg .box2 .desc_box .list .item .img2:hover .hover-mask {
    opacity: 1;
    transform: translateY(0);
}

#about_xg .box2 .desc_box .list .item .img2:hover .default-mask {
    opacity: 0;
    transform: translateY(20px);
}

#about_xg .box2 .t {
    text-align: center;
    display: block;
    position: relative;
}

#about_xg .box2 .t p {
    font-size: 32px;
    font-family: 'arial';
    color: #dadada;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#about_xg .box2 .t h3 {
    font-size: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#about_xg .box2 .t span {
    text-align: center;
    position: relative;
    padding-top: 22px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    display: block;
}

#about_xg .box2 .t span::after {
    content: '';
    width: 6px;
    height: 14px;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 50%;
    transform: skewX(-15deg) translateX(-50%);
    margin-right: 14px;
}

#about_xg .box2 .t span::before {
    content: '';
    width: 6px;
    height: 14px;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 50%;
    transform: skewX(-15deg) translateX(-50%);
    margin-left: 14px;
}

#about_xg .box2 .desc_box {
    display: block;
    margin-top: 50px;
}

#about_xg .box2 .desc_box .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -10px;
}

#about_xg .box2 .desc_box .list .item {
    width: 20%;
    padding: 0 10px;
    margin-bottom: 20px;
}

#about_xg .box2 .desc_box .list .item .img {
    display: block;
    position: relative;
}

#about_xg .box2 .desc_box .list .item .img img {
    max-width: 100%;
    display: block;
}


#about_xg #brand {
    display: block;
    overflow: hidden;
    position: relative;
    height: 650px;
    padding-bottom: 50px;
}

#about_xg #brand .box {
    display: flex;
    justify-content: space-between;
}

#about_xg #brand .box .box_l {
    width: 34%;
    display: block;
    padding-top: 10%;
    position: relative;
}

#about_xg #brand .box .box_l .t p {
    font-size: 32px;
    font-family: 'arial';
    color: #dadada;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#about_xg #brand .box .box_l .t h3 {
    font-size: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#about_xg #brand .box .box_l .advantage_btn {
    position: absolute;
    right: -25%;
    top: 0;
    z-index: 2;
    height: 450px;
    background: #fff;
    display: block;
    width: 100px;
    text-align: right;
    padding-right: 30px;
    padding-top: 70px;
}

#about_xg #brand .box .box_l .advantage_btn a {
    display: block;
    margin-bottom: 30px;
    font-size: 22px;
    color: #b4b8bb;
    font-weight: bold;
    font-family: '宋体';
}

#about_xg #brand .box .box_l .advantage_btn a.on {
    color: #d2bc73;
}

#about_xg #brand .box ul {
    display: block;
    margin-top: 50px;
    width: 80%;
    position: relative;
    z-index: 3;
}

#about_xg #brand .box ul li {
    display: block;
}

#about_xg #brand .box ul li .t {
    font-size: 20px;
    color: #333;
    display: block;
    font-weight: bold;
}

#about_xg #brand .box ul li .list {
    font-size: 15px;
    color: #666;
    margin-top: 30px;
    display: block;
    line-height: 1.8;
}

#about_xg #brand .box .box_r {
    width: 60%;
    position: absolute;
    right: 0;
    top: 0;
}

#about_xg #brand .box .box_r img {
    height: 100%;
    display: block;
}

#about_xg #honor {
    display: block;
    overflow: hidden;
    padding: 60px 0;
    background: #f8f8f8;
}

#about_xg #honor .t {
    text-align: center;
    display: block;
    position: relative;
}

#about_xg #honor .t p {
    font-size: 32px;
    font-family: 'arial';
    color: #dadada;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#about_xg #honor .t h3 {
    font-size: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#about_xg #honor .ny_about_5_nr {
    display: block;
    position: relative;
    margin-top: 40px;
}

#about_xg #honor .ny_about_5_nr li {
    display: block;
}

#about_xg #honor .ny_about_5_nr li a {
    display: block;
    padding: 20px 0px 0;
    border: 1px solid #eee;
    background: #fff;
    transition: all 0.3s;
}

#about_xg #honor .ny_about_5_nr li a img {
    max-width: 100%;
    display: block;
}

#about_xg #honor .ny_about_5_nr li a p {
    font-size: 16px;
    color: #666666;
    line-height: 2;
    text-align: center;
    display: block;
    margin: 0px 0 15px 0;
}

#about_xg #honor .ny_about_5_nr .owl-nav {
    display: none;
}

#about_xg #honor .ny_about_5_nr li:hover a {
    border: 1px solid #d2bc73;
}

#about_xg #honor .ny_about_5_nr li:hover a p {
    color: #d2bc73;
}

#about_xg #honor .ny_about_5_nr .nyhonorul {
    display: flex;
    flex-flow: wrap;
}

#about_xg #honor .ny_about_5_nr .nyhonorul li {
    flex: 1;
}

#about_xg #partner {
    display: block;
    padding: 50px 0;
    overflow: hidden;
}

#about_xg #partner .t {
    text-align: center;
    display: block;
    position: relative;
}

#about_xg #partner .t p {
    font-size: 32px;
    font-family: 'arial';
    color: #dadada;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#about_xg #partner .t h3 {
    font-size: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#about_xg #message {
    display: block;
    width: 100%;
    padding: 90px 0;
    background: url(../images/offer_bg.jpg) center center no-repeat fixed;
    background-size: cover;
    overflow: hidden;
}

#about_xg #message .t {
    display: block;
    margin-bottom: 40px;
    color: #fff;
}

#about_xg #message .t p {
    font-size: 36px;
    display: block;
}

#about_xg #message .t span {
    display: block;
    font-size: 30px;
    line-height: 2;
}

#about_xg #message .box {
    display: flex;
    justify-content: space-between;
}

#about_xg #message .box .box_l {
    display: block;
}

#about_xg #message .box .box_l p {
    font-size: 16px;
    color: #e8e8e8;
}

#about_xg #message .box .box_l span {
    display: block;
    font-size: 20px;
    color: #ffffff;
    line-height: 46px;
    margin-right: 50px;
}

#about_xg #message .box .box_r {
    display: block;
}

#about_xg #message .box .box_r p {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 16px;
    text-align: right;
}

#about_xg #message .box .box_r a {
    width: 160px;
    display: block;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    background-color: #d2bc73;
    border: none;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease;
    float: right;
    text-align: center;
}

@media (max-width: 1199px) {
    #about_xg #number .main {
        padding: 30px 0;
    }

    #about_xg #number .main .stat-items .stat-items-t-box .stat-items-t {
        font-size: 42px;
    }

    #about_xg #about {
        padding: 70px 0 50px 0;
    }

    #about_xg #about .box .box_l .t h3 {
        font-size: 36px;
    }

    #about_xg #about .box .box_l .t p {
        font-size: 24px;
    }

    #about_xg #about .box .box_r {
        padding-right: 5%;
    }

    #about_xg #team {
        padding-bottom: 40px;
    }

    #about_xg .box2 .t h3 {
        font-size: 36px;
    }

    #about_xg .box2 .t p {
        font-size: 24px;
    }

    #about_xg .box2 .desc_box {
        margin-top: 30px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .hover-mask {
        padding: 0 15px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .default-mask {
        padding: 0 15px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .hover-mask h4 {
        font-size: 18px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .hover-mask .loc {
        font-size: 18px;
        margin-bottom: 15px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .hover-mask .name {
        font-size: 18px;
    }

    #about_xg #brand .box ul {
        width: 100%;
    }

    #about_xg #brand .box .box_l .t h3 {
        font-size: 36px;
    }

    #about_xg #brand .box .box_l .t p {
        font-size: 24px;
    }

    #about_xg #honor .t h3 {
        font-size: 36px;
    }

    #about_xg #honor .t p {
        font-size: 24px;
    }

    #about_xg #partner .t h3 {
        font-size: 36px;
    }

    #about_xg #partner .t p {
        font-size: 24px;
    }

    #partner .box {
        margin-top: 30px;
    }

    #about_xg #message .t p {
        font-size: 28px;
    }

    #about_xg #message .t span {
        font-size: 24px;
    }

    #about_xg #message .box {
        align-items: center;
    }

    #about_xg #honor .ny_about_5_nr .nyhonorul li {
        width: 25%;
        flex: auto;
    }
}

@media (max-width: 991px) {
    #about_xg .box2 .desc_box .list .item .img2 .default-mask {
        padding: 0 5px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .default-mask .name {
        font-size: 15px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .default-mask .loc {
        font-size: 14px;
    }

    #about_xg .box2 .desc_box .list .item {
        padding: 0 5px;
        margin-bottom: 15px;
    }

    #about_xg .box2 .desc_box .list .item .img2 .hover-mask ul li {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    #about_xg .box2 .desc_box .list .item .img2 .hover-mask h4 {
        font-size: 17px;
    }

    #about_xg #about .box .box_l .t h3 {
        font-size: 32px;
    }

    #about_xg .box2 .t h3 {
        font-size: 32px;
    }

    #about_xg .box2 .t p {
        font-size: 20px;
    }

    #about_xg #brand .box .box_l .t h3 {
        font-size: 32px;
    }

    #about_xg #brand .box .box_l .t p {
        font-size: 20px;
    }

    #about_xg #about .box .box_l .t p {
        font-size: 20px;
    }

    #about_xg #number .main .stat-items .stat-items-t-box .stat-items-t {
        font-size: 32px;
    }

    #about_xg #number .main .stat-items p {
        font-size: 16px;
    }

    #about_xg #number .main {
        padding: 15px 0;
    }

    #about_xg #number {
        margin-top: -50px;
    }

    #about_xg #about {
        padding-top: 40px;
    }

    #about_xg #honor {
        padding: 40px 0;
    }

    #about_xg #honor .ny_about_5_nr {
        margin-top: 20px;
    }

    #about_xg #honor .t h3 {
        font-size: 32px;
    }

    #about_xg #honor .t p {
        font-size: 20px;
    }

    #about_xg #partner .t h3 {
        font-size: 32px;
    }

    #about_xg #partner .t p {
        font-size: 20px;
    }

    #about_xg #message .t p {
        font-size: 24px;
    }

    #about_xg #message .t span {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #about_xg #number {
        background: #d2bc73;
    }

    #about_xg #number .main .stat-items {
        width: 50%;
        margin-bottom: 15px;
    }

    #about_xg #number .main .stat-items:nth-child(3), #about_xg #number .main .stat-items:nth-child(4) {
        margin-bottom: 0;
    }

    #about_xg #number .main .stat-items .stat-items-t-box .stat-items-t {
        font-size: 26px;
    }

    #about_xg #number .main .stat-items .stat-items-t-box .stat-items-unit {
        font-size: 18px;
    }

    #about_xg #number .main .stat-items p {
        font-size: 14px;
    }

    #about_xg #about .box {
        display: block;
    }

    #about_xg #about .box .box_l {
        width: 100%;
        margin-bottom: 15px;
    }

    #about_xg #about {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #about_xg #about .box .box_l .t h3 {
        font-size: 24px;
    }

    #about_xg #about .box .box_l .t p {
        font-size: 17px;
        margin-top: 0;
    }

    #about_xg #about .box .box_l a {
        margin-top: 30px;
    }

    #about_xg #about .box .box_r {
        width: 100%;
        padding: 0;
    }

    #about_xg #about .box .box_r .list .t h3 {
        font-size: 22px;
    }

    #about_xg #about .box .box_r .list .t span {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #about_xg #about .box .box_r .list .t p {
        font-size: 14px;
    }

    #about_xg #about .box .box_r .list .txt p {
        font-size: 14px;
    }

    #about_xg #team {
        padding-right: 0;
        padding-bottom: 20px;
    }

    #about_xg .box2 .t h3 {
        font-size: 24px;
    }

    #about_xg .box2 .t p {
        font-size: 17px;
        margin-top: 0;
    }

    #about_xg .box2 .desc_box .list .item {
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
    }

    #about_xg .box2 .desc_box .list {
        margin: 0;
        padding-bottom: 35px;
    }

    #about_xg .box2 .desc_box {
        position: relative;
    }

    #about_xg .box2 .desc_box .owl-dots {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10;
        bottom: 0px;
        left: 0;
        width: 100%;
    }

    #about_xg .box2 .desc_box .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2;
        margin: 0 4px;
        cursor: pointer;
    }

    #about_xg .box2 .desc_box .owl-dots .owl-dot.active {
        opacity: 1;
        background: #d2bc73;
    }

    #about_xg .box2 .desc_box .list .item .img2 .default-mask {
        padding: 0 15px;
    }

    #about_xg .box2 {
        padding: 30px 0;
    }

    #about_xg #brand {
        height: auto;
        padding: 30px 0;
    }

    #about_xg #brand .box {
        display: block;
    }

    #about_xg #brand .box .box_l {
        width: 100%;
        display: block;
        padding-top: 0;
    }

    #about_xg #brand .box .box_l .advantage_btn {
        position: relative;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        background: none;
        top: 0;
        right: 0;
        text-align: left;
    }

    #about_xg #brand .box .box_l .advantage_btn a {
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
        margin-right: 15px;
    }

    #about_xg #brand .box .box_r {
        width: 100%;
        display: block;
        position: relative;
    }

    #about_xg #brand {
        height: auto;
    }

    #about_xg #brand .box .box_l .t h3 {
        font-size: 24px;
    }

    #about_xg #brand .box .box_l .t p {
        font-size: 17px;
        margin-top: 0;
    }

    #about_xg #brand .box ul {
        margin-top: 20px;
    }

    #about_xg #brand .box ul li .list {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #about_xg #brand .box ul li .t {
        font-size: 17px;
    }

    #about_xg #brand .box .box_r img {
        max-width: 100%;
        height: auto;
    }

    #about_xg #honor {
        padding: 30px 0;
    }

    #about_xg #honor .t h3 {
        font-size: 24px;
    }

    #about_xg #honor .t p {
        font-size: 17px;
        margin-top: 0;
    }

    #about_xg #honor .ny_about_5_nr li a p {
        font-size: 14px;
    }

    #about_xg #partner {
        padding: 30px 0;
    }

    #about_xg #partner .t h3 {
        font-size: 24px;
    }

    #about_xg #partner .t p {
        font-size: 17px;
        margin-top: 0;
    }

    #partner .box {
        margin-top: 20px;
    }

    #about_xg #message {
        padding: 40px 0;
    }

    #about_xg #message .t p {
        font-size: 18px;
    }

    #about_xg #message .t span {
        font-size: 14px;
    }

    #about_xg #message .box {
        display: block;
    }

    #about_xg #message .box .box_l p {
        font-size: 14px;
    }

    #about_xg #message .box .box_l span {
        font-size: 16px;
        margin-right: 0;
    }

    #about_xg #message .box .box_r p {
        text-align: left;
        margin-bottom: 10px;
    }

    #about_xg #message .box .box_r a {
        float: left;
    }
}

/*服务*/
#ny_serve {
    display: block;
    overflow: hidden;
    background: #f3f5f7;
}

#ny_serve .serve_t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 40px;
    border-bottom: 2px solid #ddd;
}

#ny_serve .serve_t h3 {
    font-size: 100px;
    color: #d2bc73;
    text-transform: uppercase;
    font-weight: 100;
}

#ny_serve .serve_t dt {
    width: 280px;
    display: block;
}

#ny_serve .serve_t dt img {
    max-width: 100%;
    display: block;
}

#ny_serve .box {
    display: block;
    padding: 70px 0;
}

#ny_serve .box .desc {
    display: flex;
    justify-content: space-between;
    background: #eaeaea;
}

#ny_serve .box a:nth-child(odd) .desc {
    flex-direction: row-reverse;
}

#ny_serve .box a {
    display: block;
}

#ny_serve .box .desc .box_l {
    width: 50%;
    display: block;
}

#ny_serve .box .desc .box_l dt {
    display: block;
}

#ny_serve .box .desc .box_l dt img {
    max-width: 100%;
    display: block;
}

#ny_serve .box .desc .box_r {
    width: 50%;
    display: block;
    position: relative;
    padding: 2% 3%;
    color: #404c63;
}

#ny_serve .box .desc .box_r .type {
    position: relative;
    padding-top: 26px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#ny_serve .box .desc .box_r .type h6 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

#ny_serve .box .desc .box_r .type::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 110px;
    height: 2px;
    background-color: #404c63;
}

#ny_serve .box a:nth-child(2) .desc .box_r .type::after, #ny_serve .box a:nth-child(4) .desc .box_r .type::after {
    background-color: #fff;
}

#ny_serve .box .desc .box_r .graytitlebox {
    height: calc(100% - 41px);
    position: relative;
}

#ny_serve .box .desc .box_r .graytitlebox .graytitle {
    position: absolute;
    top: 48px;
}

#ny_serve .box .desc .box_r .graytitlebox .graytitle .gx_ywbnp {
    font-size: 40px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#ny_serve .box .desc .box_r .graytitlebox .graytitle h2 {
    font-family: '宋体';
    font-size: 48px;
    margin-bottom: 35px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#ny_serve .box .desc .box_r .graytitlebox .gx_jcen {
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
}

#ny_serve .box .desc .box_r .graytitlebox .gx_list {
    margin-top: 20px;
}

#ny_serve .box .desc .box_r .graytitlebox .gx_list h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

#ny_serve .box .desc .box_r .graytitlebox .gx_list p {
    font-size: 14px;
    line-height: 24px;
}

#ny_serve .box .desc .box_r .graytitlebox .bry_logo {
    opacity: 0;
    height: 0px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

#ny_serve .box .desc .box_r .graytitlebox .webul {
    padding-top: 30px;
}

#ny_serve .box .desc .box_r .graytitlebox .webul li {
    font-size: 18px;
    color: #404c63;
    position: relative;
    float: left;
    padding: 0 10px;
    margin-top: 15px;
}

#ny_serve .box .desc:hover .box_r .graytitlebox .bry_logo {
    opacity: 1;
    height: 45px;
    margin-bottom: 30px;
}

#ny_serve .box .desc:hover .box_r .graytitlebox .bry_logo img {
    display: block;
}

#ny_serve .box .desc:hover .box_r .graytitlebox .webul li {
    font-size: 20px;
    padding-left: 0;
}

#ny_serve .box .desc:hover .box_r .graytitlebox .graytitle h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

#ny_serve .box .desc:hover .box_r .graytitlebox .graytitle .gx_ywbnp {
    font-size: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
}

#ny_serve .box a:nth-child(2) .desc .box_r {
    background: #d2bc73;
    color: #fff;
}

#ny_serve .box a:nth-child(2) .desc .box_r .graytitlebox .gx_jcen {
    color: #fff;
    opacity: 0.8;
}

#ny_serve .box a:nth-child(2) .desc .box_r .graytitlebox .webul li {
    color: #fff;
}

#ny_serve .box a:nth-child(3) .desc .box_r {
    background: #eaeaea;
    color: #404c63;
}

#ny_serve .box a:nth-child(3) .desc .box_r .graytitlebox .gx_jcen {
    color: #666666;
    opacity: 0.8;
}

#ny_serve .box a:nth-child(3) .desc .box_r .graytitlebox .webul li {
    color: #fff;
}

#ny_serve .box a:nth-child(4) .desc .box_r {
    background: #d2bc73;
    color: #fff;
}

#ny_serve .box a:nth-child(4) .desc .box_r .graytitlebox .gx_jcen {
    color: #fff;
    opacity: 0.8;
}

@media (max-width: 1630px) {
    #ny_serve .box .desc .box_r .graytitlebox .graytitle .gx_ywbnp {
        font-size: 32px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .webul li {
        font-size: 16px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .webul li {
        font-size: 18px;
    }
}

@media (max-width: 1530px) {
    #ny_serve .box .desc .box_r .graytitlebox .graytitle h2 {
        font-size: 42px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .webul {
        padding-top: 15px;
    }
}

@media (max-width: 1430px) {
    #ny_serve .box .desc .box_r .graytitlebox .graytitle {
        top: 28px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .graytitle .gx_ywbnp {
        font-size: 26px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .graytitle h2 {
        font-size: 36px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .graytitle h2 {
        margin-bottom: 15px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .webul li {
        font-size: 16px;
    }
}

@media (max-width: 1330px) {
    #ny_serve .box .desc .box_r {
        padding-left: 2%;
        padding-right: 0;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .graytitle .gx_ywbnp {
        font-size: 24px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .bry_logo img {
        width: 70px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .bry_logo {
        margin-bottom: 10px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .gx_jcen {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    #ny_serve .serve_t h3 {
        font-size: 72px;
    }

    #ny_serve .serve_t dt {
        width: 180px;
    }

    #ny_serve .box .desc {
        display: block;
    }

    #ny_serve .box .desc .box_l {
        display: block;
        width: 100%;
    }

    #ny_serve .box .desc .box_r {
        display: block;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 3%;
        margin-bottom: 40px;
    }

    #ny_serve .box .desc .box_l dt img {
        max-width: none;
        width: 100%;
    }

    #ny_serve .box .desc .box_r .graytitlebox .graytitle {
        position: relative;
        top: 0;
    }
}

@media (max-width: 991px) {
    #ny_serve .box .desc .box_r {
        margin-bottom: 0;
    }

    #ny_serve .box .desc .box_l, #ny_serve .box .desc .box_r .graytitlebox .gx_list {
        display: none;
    }

    #ny_serve .box a:nth-child(2) .desc .box_r {
        background: #eaeaea;
        color: #404c63;
    }

    #ny_serve .box a:nth-child(2) .desc .box_r .type::after, #ny_serve .box a:nth-child(4) .desc .box_r .type::after {
        background-color: #404c63;
    }

    #ny_serve .box a:nth-child(2) .desc .box_r .graytitlebox .gx_jcen {
        color: #666666;
    }
}

@media (max-width: 767px) {
    #ny_serve .serve_t h3 {
        font-size: 20px;
    }

    #ny_serve .serve_t dt {
        width: 60px;
    }

    #ny_serve .serve_t {
        padding-top: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    #ny_serve .box {
        padding: 30px 0 0 0;
    }

    #ny_serve .box .desc .box_r .type {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #ny_serve .box .desc .box_r .type h6 {
        font-size: 14px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .graytitle .gx_ywbnp {
        font-size: 22px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .graytitle h2 {
        font-size: 24px;
    }

    #ny_serve .box .desc .box_r .graytitlebox .gx_jcen {
        width: auto;
    }

    #ny_serve .box .desc .box_r .graytitlebox .webul li {
        font-size: 14px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .graytitle .gx_ywbnp {
        font-size: 22px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .graytitle h2 {
        font-size: 24px;
    }

    #ny_serve .box .desc:hover .box_r .graytitlebox .webul li {
        font-size: 14px;
    }

    #ny_serve .box .desc .box_r {
        padding: 6% 2%;
    }
}


/*品牌策略*/
#strategy {
    display: block;
    overflow: hidden;
}

#strategy .box {
    display: block;
    background: url(../images/strategy.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    padding-top: 40vh;
}

#strategy .box .desc {
    display: block;
    width: 55%;
}

#strategy .box .desc .t {
    font-size: 50px;
    color: #333;
    font-family: "Microsoft JhengHei";
    white-space: nowrap;
    margin-bottom: 35px;
}

#strategy .box .desc .t span {
    font-size: 24px;
}

#strategy .box .desc .list {
    font-family: "Microsoft JhengHei";
    font-size: 20px;
    color: #404040;
    line-height: 1.8;
    margin-bottom: 50px;
}

#strategy .box .desc ul {
    display: block;
}

#strategy .box .desc ul li {
    display: inline-block;
    width: 15%;
    font-size: 18px;
    color: #d2bc73;
    font-family: "Microsoft JhengHei";
    padding-left: 10px;
    padding-right: 2%;
    line-height: 30px;
}

#strategy .box2 {
    display: block;
    background: url(../images/g_kejibj.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
}

#strategy .box2 .desc {
    padding: 90px 0 140px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#strategy .box2 .desc .box_l {
    display: block;
    width: 50%;
}

#strategy .box2 .desc .box_l .t {
    display: block;
}

#strategy .box2 .desc .box_l .t p {
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
}

#strategy .box2 .desc .box_l .t h3 {
    font-size: 52px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
}

#strategy .box2 .desc .box_l .list {
    display: block;
    margin-top: 70px;
}

#strategy .box2 .desc .box_l .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#strategy .box2 .desc .box_l .list ul li {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 50%;
    margin-bottom: 20px;
    line-height: 1.6;
    font-family: "Microsoft JhengHei";
}

#strategy .box2 .desc .box_r {
    display: block;
    position: relative;
}

.g_methodr {
    width: 650px;
    position: relative;
}

.g_methodrimg2 {
    position: absolute;
    left: 54px;
    top: 54px;
    z-index: 1;
    width: calc(100% - 108px);
    height: calc(100% - 108px);
    animation: kejia 30s infinite linear;
    -webkit-animation: kejia 30s infinite linear;
}

.g_methodrimg2g {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    animation: kejib 30s infinite linear;
    -webkit-animation: kejib 30s infinite linear;
}

.g_methodrimg2g img {
    width: 100%;
    display: block;
}

@-webkit-keyframes kejia {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes kejia {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.g_methodrimg2b1 {
    width: 47px;
    position: absolute;
    left: 152px;
    top: -3px;
    display: block;
    animation: kejib 30s infinite linear;
    -webkit-animation: kejib 30s infinite linear;
}

.g_methodrimg2b2 {
    width: 47px;
    position: absolute;
    right: 415px;
    bottom: 33px;
    display: block;
    animation: kejib 30s infinite linear;
    -webkit-animation: kejib 30s infinite linear;
}

.g_methodrimg2a {
    width: 100%;
    display: block;
}

.g_methodrimg1 {
    width: 100%;
    display: block;
}

@-webkit-keyframes kejib {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}

@keyframes kejib {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}

.g_methodbox {
    position: relative;
    padding-top: 97px;
    padding-bottom: 145px;
}

.g_methodltit h5 {
    font-size: 90px;
    color: #ffffff;
    font-family: "Microsoft JhengHei";
    margin-top: 66px;
}

.g_methodltit span {
    font-size: 48px;
    color: #ffffff;
}

.g_methlast {
    margin-top: 130px;
}

.g_advaitm span {
    display: block;
    margin: auto;
}

.g_advaitm h5 {
    font-size: 24px;
    color: #464646;
    text-align: center;
    font-family: "Microsoft JhengHei";
}

.g_advatit span {
    font-size: 48px;
    color: #464646;
    text-align: center;
    display: block;
    margin-top: 114px;
}

.g_advatit h5 {
    font-size: 90px;
    color: #464646;
    text-align: center;
    margin-top: 85px;
    font-family: "Microsoft JhengHei";
}

.g_advap {
    width: 1345px;
    margin: 100px auto 0;
    text-align: center;
}

#strategy .box3 {
    display: block;
    padding: 80px 0;
    background: #f4f4f4;
}

#strategy .box3 .t {
    display: block;
    text-align: center;
}

#strategy .box3 .t span {
    font-size: 42px;
    color: #464646;
    text-align: center;
    display: block;
}

#strategy .box3 .t p {
    font-size: 52px;
    color: #464646;
    text-align: center;
    margin-top: 15px;
    font-family: "Microsoft JhengHei";
}

#strategy .box3 .t .list {
    font-family: "Microsoft JhengHei";
    font-size: 20px;
    color: #666;
    line-height: 20px;
    display: block;
    margin-top: 30px;
}

#strategy .box3 .desc {
    display: block;
    margin-top: 160px;
}

#strategy .box3 .desc .g_advailast {
    display: flex;
    justify-content: space-between;
}

#strategy .box3 .desc .g_advailast .g_advaitm {
    width: 25%;
    text-align: center;
    display: block;
}

.g_adva {
    padding-bottom: 100px;
}

.g_detailsbox {
    padding-top: 83px;
    padding-bottom: 110px;
    position: relative;
    z-index: 2;
}

.g_detailsbox span {
    font-size: 42px;
    color: #fff;
    text-align: center;
    display: block;
}

.g_detailsbox h5 {
    font-size: 52px;
    color: #ffffff;
    text-align: center;
    font-family: "Microsoft JhengHei";
    margin-top: 50px;
}

.g_detailsbox p {
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    font-family: "Microsoft JhengHei";
}

.g_detailsp {
    margin-top: 40px;
}

.caseanli .cm_box {
    width: 25%;
    margin: 0px 0;
    margin-left: 0%;
    padding-left: 4px;
    padding-right: 4px;
}

.g_caanli {
    padding-top: 96px;
    background: #eeeeee;
}

.g_caanlitit {
    text-align: center;
    margin-bottom: 96px;
}

.g_caanlitit h5 {
    font-size: 60px;
    color: #464646;
    display: inline-block;
}

.cm_boxn {
    position: relative;
    width: 100%;
}

.g_padding2 {
    padding-left: 115px;
    padding-right: 120px;
}

.g_harlast .slick-prev {
    width: 40px;
    height: 40px;
    background: url(../images/g_prev.png) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    left: -100px;
}

.g_harlast .slick-next {
    width: 40px;
    height: 40px;
    background: url(../images/g_next.png) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    right: -80px;
}

.g_advaitm .g_advaitma {
    width: 224px;
    display: block;
    position: relative;
}

.g_advaitm .g_advaitma img {
    width: 100%;
    display: block;
    left: 0;
    top: 0;
}

.g_advaitma1 {
    position: relative;
    opacity: 1;
}

.g_advaitma {
    background: url(../images/g_shouh1.png) no-repeat;
    background-position: center;
    background-size: cover;
    animation: shouhui 2.6s infinite;
    -webkit-animation: shouhui 2.6s infinite;
}

/*动画*/
@-webkit-keyframes shouhui {

    0% {
        background: url(../images/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    25% {
        background-position: center;
        background-size: cover;
    }

    50% {
        background-position: center;
        background-size: cover;
    }

    75% {
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../images/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

}

@keyframes shouhui {
    0% {
        background: url(../images/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    25% {
        background-position: center;
        background-size: cover;
    }

    50% {
        background-position: center;
        background-size: cover;
    }

    75% {
        background-position: center;
        background-size: cover;
    }

    100% {
        background: url(../images/g_shouh1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

}

.g_advaitmb {
    width: 156px;
    display: block;
    margin: auto;
    position: relative;
}

.g_advaitmb img {
    display: block;
}

.g_advaitmb1 {
    width: 100%;
    position: relative;
    z-index: 1;
}

.g_advaitmb2 {
    width: 56px;
    position: absolute;
    left: 0;
    top: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

.g_advaitmb3 {
    width: 56px;
    position: absolute;
    right: 0px;
    top: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

.g_advaitmb4 {
    width: 56px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

.g_advaitmb5 {
    width: 56px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    animation: hangpai 2.6s infinite;
    -webkit-animation: hangpai 2.6s infinite;
}

/*动画*/
@-webkit-keyframes hangpai {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes hangpai {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.g_advaitmc {
    width: 190px;
    display: block;
}

.g_advaitmc img {
    width: 100%;
    display: block;
}

.g_padding3 {
    padding-left: 245px;
    padding-right: 245px;
}

.caseanli .caseph {
    display: block;
}

.caseanli .caphtitle h4 {
    font-size: 60px;
    color: #464646;
    font-family: "Microsoft JhengHei";
    text-align: center;
}

.caseanli .caphtitle {
    padding-top: 90px;
    padding-bottom: 90px;
}

.caseanli .txtdiv h3 {
    font-size: 30px;
    color: #464646;
    font-family: "Microsoft JhengHei";
}

.caseanli .txtdiv p {
    font-size: 24px;
    color: #848484;
    font-family: "Microsoft JhengHei";
    line-height: 42px;
    height: 84px;
    overflow: hidden;
}

.g_advaitme img {
    width: 100%;
    opacity: 1;
}

.g_advaitme {
    position: relative;
    width: 77px;
}

.g_advaitme span {
    width: 33px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 34px;
    background: url(../images/g_h51.png) no-repeat;
    background-position: center;
    background-size: cover;
    animation: nyh 5 2.6s infinite;
    -webkit-animation: nyh 5 2.6s infinite;
}

.g_advaitmiocbox > span {
    position: relative;
    transform: translateY(-50%);
}

.g_advaitme span img {
    width: 100%;
    opacity: 0;
}

.caseanli .messdiv .zandiv {
    width: 29px;
    background: transparent;
    height: inherit;
}

.caseanli .messdiv .zandiv img {
    position: relative;
    left: inherit;
    top: inherit;
    transform: translate(0, 0);
}

.caseanli .messdiv .zandiv img {
    width: 100%;
    display: block;
}

.caseanli .txtdiv {
    padding: 45px 42px 64px 42px;
}

.g_advaitmiocbox {
    height: 120px;
    position: relative;
}

.g_advaitmiocbox > span .g_advaitmda {
    width: 100%;
    display: block;
}

.g_advaitmd {
    width: 221px;
}

.g_details {
    position: relative;
    overflow: hidden;
}

.g_detailsimgbox {
    width: 100%;
    height: 410px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

/*动画*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

@-webkit-keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)
    }

}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 120%;
    bottom: -1px;
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: -130px;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 160px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 230px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 500px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.g_advaitmg {
    display: none;
}

.serdetails .caphtitle {
    padding-top: 90px;
    padding-bottom: 90px;
}

#strategy .box5 {
    display: block;
    padding: 100px 0;
    background: #f7f7f7;
}

#strategy .box5 .t {
    text-align: center;
    display: block;
}

#strategy .box5 .t p {
    font-size: 42px;
    color: #464646;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

#strategy .box5 .t h3 {
    font-size: 52px;
    color: #464646;
    text-align: center;
    margin-top: 15px;
    font-family: "Microsoft JhengHei";
}

#strategy .box5 .desc {
    display: block;
    margin-top: 70px;
}

#strategy .box5 .desc ul {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

#strategy .box5 .desc ul li {
    padding: 0 15px;
    width: 33.33%;
    margin-bottom: 30px;
}

#strategy .box5 .desc ul li a {
    display: block;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

#strategy .box5 .desc ul li a img {
    max-width: 100%;
    display: block;
}

#strategy .box5 .desc ul li .txt {
    display: block;
    padding: 30px 35px 50px 35px;;
    background: #fff;
}

#strategy .box5 .desc ul li .txt .bt {
    color: #464646;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#strategy .box5 .desc ul li .txt .list {
    font-size: 16px;
    color: #848484;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
}

#case_desc {
    display: block;
    padding: 60px 0 80px 0;
    overflow: hidden;
}

#case_desc .box {
    display: flex;
    background: #d2bc73;
    align-items: center;
}

#case_desc .box .box_l {
    width: 50%;
    display: block;
    padding: 2%;
}

#case_desc .box .box_l dt {
    display: block;
}

#case_desc .box .box_l dt img {
    max-width: 100%;
    display: block;
}

#case_desc .box .box_r {
    width: 50%;
    display: block;
    padding-right: 5%;
}

#case_desc .box .box_r .desc {
    display: block;
}

#case_desc .box .box_r .desc h1 {
    font-size: 36px;
    color: #fff;
    font-family: "Microsoft JhengHei";
    white-space: nowrap;
    margin-bottom: 35px;
}

#case_desc .box .box_r .desc .list {
    font-size: 16px;
    display: block;
    line-height: 1.8;
    font-family: "Microsoft JhengHei";
    color: rgba(255, 255, 252, 0.9);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#case_desc .box .box_r ul {
    display: block;
    margin-top: 5%;
    color: #fff;
}

#case_desc .box .box_r ul li {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

#case_desc .box .box_r ul li p {
    display: inline-block;
}

#case_desc .showpro-det {
    display: block;
    background: #f7f7f7;
    min-height: 200px;
    padding: 2%;
}

#case_desc .showpro-det .t {
    display: block;
    text-align: center;
}

#case_desc .showpro-det .t h1 {
    font-size: 22px;
    line-height: 2;
    color: #444;
}

#case_desc .showpro-det .pages {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

#case_desc .showpro-det .pages a {
    font-size: 14px;
    display: block;
    line-height: 2;
    color: #777;
}

#case_desc .showpro-det .pages a:hover {
    color: #d2bc73;
}

#case_desc .showpro-det .showpro-desc {
    font-size: 16px;
    color: #454545;
    display: block;
    line-height: 1.8;
}

#case_desc .showpro-det .showpro-desc img {
    display: block;
    max-width: 100%;
}

#case_desc .showpro-det .showpro-desc video {
    display: block;
    margin: 0 auto;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}

#case_desc .showpro-det .showpro-desc > p, #case_desc .showpro-det .showpro-desc > div {
    margin-bottom: 10px;
}

#contact {
    display: block;
    overflow: hidden;
    position: relative;
}

#contact .box {
    display: block;
    position: relative;
    overflow: hidden;
}

#contact .box img {
    width: 100%;
    display: block;
}

#contact .box .desc {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    align-items: center;
}

#contact .box .desc .box_l {
    width: 50%;
    display: block;
    padding-left: 4%;
}

#contact .box .desc .box_l .list {
    display: block;
}

#contact .box .desc .box_l .list h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#contact .box .desc .box_l .list span {
    font-size: 22px;
    color: #fff;
    margin-bottom: 45px;
}

#contact .box .desc .box_r {
    position: relative;
    width: 50%;
    padding-left: 12%;
}

.map_center p {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    padding: 0 120px 20px 0;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    width: 40%;
}

#contact .box .map_center p img {
    width: auto;
    max-width: 100%;
    display: block;
}

.map_center p:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translateY(50%);
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 50%;
}

.map_center span {
    position: absolute;
    right: -40px;
    bottom: -50px;
    width: 100px;
    height: 100px;
    background-color: #d2bc73;
    border-radius: 50%;
/ animation: dots 3 s infinite;
    -moz-animation: dots 3s infinite;
    -webkit-animation: dots 3s infinite;
    -o-animation: dots 3s infinite;
    display: block;
}

@keyframes dots {
    0% {
        transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        opacity: .3;
    }
    100% {
        transform: scale(5);
        -ms-transform: scale(5);
        -moz-transform: scale(5);
        -webkit-transform: scale(5);
        -o-transform: scale(5);
        opacity: 0;
    }
}

@media (max-width: 1199px) {
    #strategy .box {
        padding-top: 30vh;
    }

    #strategy .box .desc .list {
        font-size: 16px;
    }

    #strategy .box .desc .t {
        font-size: 36px;
    }

    #strategy .box .desc .t span {
        font-size: 20px;
    }

    #strategy .box .desc ul li {
        width: auto;
    }

    #strategy .box2 .desc .box_l .t p {
        font-size: 36px;
    }

    #strategy .box2 .desc .box_l .t h3 {
        font-size: 32px;
    }

    .g_methodr {
        width: 380px;
    }

    .g_methodrimg2b2 {
        display: none;
    }

    .g_methodrimg2b1 {
        left: 200px;
        top: 7px;
    }

    #strategy .box2 .desc {
        padding: 70px 0 100px 0;
    }

    #strategy .box2 .desc .box_l .list ul li {
        font-size: 16px;
        padding-right: 5%;
    }

    #strategy .box3 .t span {
        font-size: 36px;
    }

    #strategy .box3 .t p {
        font-size: 32px;
    }

    #strategy .box3 .t .list {
        display: block;
        line-height: 1.8;
        font-size: 16px;
    }

    .g_advaitm h5 {
        font-size: 20px;
    }

    .g_detailsbox {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .g_detailsbox span {
        font-size: 36px;
    }

    .g_detailsbox h5 {
        font-size: 32px;
        margin-top: 20px;
    }

    .g_detailsbox p {
        font-size: 18px;
    }

    #strategy .box5 {
        padding: 50px 0;
    }

    #strategy .box5 .t p {
        font-size: 36px;
    }

    #strategy .box5 .t h3 {
        font-size: 32px;
    }

    #strategy .box5 .desc ul {
        margin: 0 -5px;
    }

    #strategy .box5 .desc ul li {
        padding: 0 5px;
    }

    #strategy .box5 .desc {
        margin-top: 30px;
    }

    #strategy .box5 .desc ul li .txt {
        padding: 25px 15px;
    }

    #strategy .box5 .desc ul li .txt .bt {
        font-size: 18px;
    }

    #strategy .box5 .desc ul li .txt .list {
        font-size: 14px;
    }

    #case_desc .box .box_r .desc h1 {
        font-size: 26px;
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    #strategy .box2 .desc {
        display: block;
    }

    #strategy .box2 .desc .box_l {
        width: 100%;
        display: block;
    }

    .g_advaitm .g_advaitma {
        width: 110px;
    }

    .g_advaitmb {
        width: 110px;
    }

    .g_advaitmb2, .g_advaitmb3, .g_advaitmb4, .g_advaitmb5 {
        width: 30px;
    }

    .g_advaitmc {
        width: 120px;
    }

    .g_advaitmd {
        width: 140px;
    }

    .g_advaitme {
        width: 55px;
    }

    .g_advaitmiocbox {
        height: 75px;
    }

    #case_desc .box {
        display: block;
    }

    #case_desc .box .box_l {
        display: block;
        width: 100%;
    }

    #case_desc .box .box_r {
        display: block;
        width: 100%;
        padding: 2%;
    }
}

@media (max-width: 767px) {
    #strategy .box .desc {
        width: 100%;
    }

    #strategy .box .desc .t {
        font-size: 24px;
        display: block;
    }

    #strategy .box .desc .t span {
        display: block;
        font-size: 16px;
        text-indent: -1em;
    }

    #strategy .box .desc .list {
        font-size: 14px;
    }

    #strategy .box .desc ul li {
        font-size: 16px;
    }

    #strategy .box2 .desc {
        padding: 40px 0 50px 0;
    }

    #strategy .box2 .desc .box_l .t p {
        font-size: 24px;
    }

    #strategy .box2 .desc .box_l .t h3 {
        font-size: 22px;
    }

    #strategy .box2 .desc .box_l .list {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    #strategy .box2 .desc .box_l .list ul li {
        font-size: 14px;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }

    .g_methodr {
        width: 100%;
        max-width: 380px;
    }

    #strategy .box3 {
        padding: 35px 0 10px 0;
    }

    #strategy .box3 .t span {
        font-size: 24px;
    }

    #strategy .box3 .t p {
        font-size: 22px;
    }

    #strategy .box3 .t .list {
        font-size: 14px;
        margin-top: 10px;
    }

    #strategy .box3 .desc .g_advailast .g_advaitm {
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }

    #strategy .box3 .desc .g_advailast {
        display: block;
    }

    #strategy .box3 .desc {
        margin-top: 30px;
    }

    .g_advaitmiocbox {
        height: 140px;
    }

    .g_advaitmiocbox > span {
        transform: translateY(0%);
    }

    .g_advaitm h5 {
        font-size: 16px;
    }

    .g_advaitmiocbox > span .g_advaitmda {
        transform: translateY(40%);
    }

    .g_advaitm .g_advaitma {
        transform: translateY(20%);
    }

    .g_detailsbox span {
        font-size: 24px;
    }

    .g_detailsbox h5 {
        font-size: 22px;
    }

    .g_detailsbox p {
        font-size: 14px;
        line-height: 1.8;
    }

    .g_detailsp {
        margin-top: 20px;
    }

    #strategy .box5 .t p {
        font-size: 24px;
    }

    #strategy .box5 .t h3 {
        font-size: 22px;
        margin-top: 10px;
    }

    #strategy .box5 .desc ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    #strategy .box5 .desc ul li .txt {
        padding: 10px 15px;
    }

    #strategy .box5 .desc ul li .txt .bt {
        font-size: 16px;
    }

    #case_desc .box .box_r {
        padding: 5% 3%;
    }

    #case_desc .box .box_r .desc h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    #case_desc .box .box_r .desc .list {
        font-size: 14px;
    }

    #case_desc .showpro-det p {
        font-size: 14px;
    }

    #case_desc {
        padding: 35px 0;
    }

    #case_desc .showpro-det .t h1 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

/*发展历程修改*/
#course {
    display: block;
    padding: 80px 0 80px 0;
    background: #f5f5f5;
}

#course .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

#course .box .box_l {
    width: 100%;
    text-align: center;
    display: block;
}

#course .box .box_l .t {
    display: block;
}

#course .box .box_l .t h3 {
    font-size: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

#course .box .box_l .t p {
    font-size: 32px;
    font-family: 'arial';
    color: #dadada;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#course .box .box_l .desc {
    margin: 0 auto;
    font-size: 15px;
    color: #666;
    display: block;
    line-height: 1.8;
    margin-top: 25px;
    max-width: 50%;
    text-align: center;
}

#course .box .box_r {
    width: 100%;
    display: block;
}

#course .box .box_r ul {
    display: flex;
    margin-top: 40px;
}

#course .box .box_r ul li {
    width: 33.33%;
    background: #fff;
    display: block;
    padding: 3%;
    position: relative;
    overflow: hidden;
    margin: 0 20px;
}

#course .box .box_r ul li .c-title {
    margin-bottom: 20px;
    color: #333;
    font-size: 24px;
}

#course .box .box_r ul li .c-text {
    font-size: 15px;
    display: block;
    line-height: 1.8;
    color: #666;
}

#course .box .box_r ul li .c-num {
    position: absolute;
    right: 10px;
    bottom: -20px;
    font-size: 72px;
    line-height: 1;
    color: #ddd;
    font-weight: bold;
    display: block;
}

@media (max-width: 767px) {
    #course {
        padding: 30px 0;
    }

    #course .box .box_l .t h3 {
        font-size: 24px;
    }

    #course .box .box_l .t p {
        font-size: 18px;
    }

    #course .box .box_l .desc {
        margin-top: 0;
        max-width: none;
        font-size: 14px;
    }

    #course .box .box_r ul {
        display: block;
        margin-top: 20px;
    }

    #course .box .box_r ul li {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        padding-bottom: 35px;
    }

    #course .box .box_r ul li .c-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #course .box .box_r ul li .c-text {
        font-size: 14px;
    }

    #course .box .box_r ul li .c-num {
        font-size: 50px;
        bottom: -15px;
    }
}

#about_xg #office {
    padding-top: 70px;
}

#office .office_t .photo_t {
    display: block;
}

#office .office_t .photo_t .t:first-child {
    display: block;
}

#office .office_t .photo_t .t {
    display: none;
}

#office .office_t .photo_t .t h3 {
    font-size: 32px;
    color: #fff;
    display: block;
    font-weight: bold;
}

#office .office_t .photo_t .t p {
    font-size: 22px;
    font-family: 'arial';
    color: rgb(255, 255, 255, 0.8);
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#office .office_t .photo_nav {
    display: block;
}

#office .office_t .photo_nav .photo_nav_btn {
    width: 292px;
    display: block;
    line-height: 48px;
    height: 48px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
    font-size: 0;
}

#office .office_t .photo_nav .photo_nav_btn a {
    width: 50%;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #666;
    border-radius: 50px;
    transition: all 0.5s;
}

#office .office_t .photo_nav .photo_nav_btn a.on {
    background: #d2bc73;
    color: #fff;
}


/*架构图*/
#structure {
    display: block;
    padding: 80px 0;
    background: #d2bc73;
}

#structure dt {
    display: block;
}

#structure dt img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/*环境图*/
#surroundings {
    padding: 70px 0 0 0;
    overflow: hidden;
}

#surroundings dt {
    margin-top: 60px;
}

#surroundings dt img {
    display: block;
    max-width: 100%;
    width: 100%;
}

#surroundings dt img + img {
    display: none;
}


/*合作留影*/
#picture_xg {
    display: block;
    padding: 60px 0;
    background: #f5f5f5;
    margin-top: 50px;
    overflow: hidden;
}

#picture_xg .title p {
    color: #ddd;
}

#picture_xg .box {
    display: block;
    margin-top: 50px;
}

#picture_xg .box li {
    padding: 0 10px;
    display: block;
    margin-bottom: 20px;
}

#picture_xg .box li a {
    display: block;
}

#picture_xg .box li a img {
    display: block;
    max-width: 100%;
}

#picture_xg .box li a h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
    display: block;
    line-height: 2;
    margin-top: 10px;
}

#picture_xg .box li a p {
    font-size: 14px;
    color: #666;
    text-align: center;
    height: 100px;
}

/*产品搜索*/
.pro_ss {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
}

.pro_ss .form-group {
    display: block;
    margin: 0;
}

.pro_ss .form-group .text {
    width: 300px;
    background: #f5f5f5;
    float: left;
    line-height: 50px;
    padding-left: 15px
}

.pro_ss .form-group .s_bt {
    float: left;
    width: 70px;
    line-height: 50px;
    background: #d2bc73;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.pro_stxt {
    float: left;
    margin-left: 20px;
    line-height: 50px;
    font-size: 16px;
}

.pro_stxt a {
}

.qiehuan00 {
    width: 100%;
    height: 80vh;
    background: #F5F5F7;
}

.qiehuan01 {
    width: 100%;
    height: 140vh;
    background: #F5F5F7;
}

.qiehuan00-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 40px;
    color: #323232;
    /*line-height: 16px;*/
    padding-top: 107px;
    box-sizing: border-box;
    padding-left: 165px;
}

.qiehuan00-title.qiehuan00-titles{
    padding-top: 203px;
}

.qiehuan00-title.qiehuan00-titless{
    padding-top: 162px;
}

.qiehuan01-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 40px;
    color: #323232;
    /*line-height: 16px;*/
    padding-top: 227px;
    box-sizing: border-box;
    padding-left: 165px;
}

.qiehuan1 {
    text-align: center;
    width: 100%;
    padding: 200px 0;
    background: #fff;
    position: relative;
}

.qiehuan1 .container {
}

.sy-tu1 {
}

.sy-tu1 p {
    display: none;
}

.sy-tu1 p.on {
    display: block;
}

.sy-tu1 p img {
}

.sy-tu2 {
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
    padding-top: 30px;
}

.sy-tu2 p {
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 50px;
    display: block !important;
    font-size: 0;
}

.sy-tu2 .color-1 {
}

.sy-tu2 .color-1 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu2 .color-1.on img {
    border: 2px solid #000;
    border-radius: 30px;
}

.sy-tu2 .color-2 {
}

.sy-tu2 .color-2 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu2 .color-2.on img {
    border: 2px solid #f4f4f4;
    border-radius: 30px;
}

.sy-tu2 .color-3 {
}

.sy-tu2 .color-3 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu2 .color-3.on img {
    border: 2px solid #ee3333;
    border-radius: 30px;
}

.sy-tu2 .color-4 {
}

.sy-tu2 .color-4 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu2 .color-4.on img {
    border: 2px solid #2d7f37;
    border-radius: 30px;
}

.sy-tu2 .color-5 {
}

.sy-tu2 .color-5 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu2 .color-5.on img {
    border: 2px solid #ccc;
    border-radius: 30px;
}

.qiehuan2 {
    text-align: center;
    width: 100%;
    padding-top: 300px;
    padding-bottom: 240px;
    background: #fff;
    position: relative;
}

.qiehuan2 .container {
}

.sy-tu3 {
}

.sy-tu3 p {
    display: none;
}

.sy-tu3 p.on {
    display: block;
}

.sy-tu3 p img {
}

.sy-tu4 {
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
}

.sy-tu4 p {
    float: left;
    margin: 10px;
    text-align: center;
    line-height: 50px;
    display: block !important;
    font-size: 0;
}

.sy-tu4 .color-5 {
}

.sy-tu4 .color-5 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-5.on img {
    border: 2px solid #000;
    border-radius: 30px;
}

.sy-tu4 .color-6 {
}

.sy-tu4 .color-6 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-6.on img {
    border: 2px solid #f4f4f4;
    border-radius: 30px;
}

.sy-tu4 .color-7 {
}

.sy-tu4 .color-7 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-7.on img {
    border: 2px solid #c7cfd1;
    border-radius: 30px;
}

.sy-tu4 .color-8 {
}

.sy-tu4 .color-8 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-8.on img {
    border: 2px solid #d8171a;
    border-radius: 30px;
}

.sy-tu4 .color-9 {
}

.sy-tu4 .color-9 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-9.on img {
    border: 2px solid #475c95;
    border-radius: 30px;
}

.sy-tu4 .color-10 {
}

.sy-tu4 .color-10 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-10.on img {
    border: 2px solid #f0d030;
    border-radius: 30px;
}

.sy-tu4 .color-11 {
}

.sy-tu4 .color-11 img {
    padding: 3px;
    border: 2px solid #fff
}

.sy-tu4 .color-11.on img {
    border: 2px solid #2d7f37;
    border-radius: 30px;
}


#ny_wudian123 {
    margin: 30px 0;
}

#ny_wudian123 .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#ny_wudian123 ul {
    display: flex; /* justify-content: space-between; *//* flex-wrap: wrap; */
    width: 50%;
}

#ny_wudian123 ul li {
    position: relative;
}

#ny_wudian123 ul li a {
    position: relative;
    display: block;
}

#ny_wudian123 ul li a p {
    position: absolute;
    bottom: 16%;
    background: #fff;
    padding: 8px 65px;
    font-size: 20px;
    left: 50%;
    transform: translateX(-50%);
}

#ny_wudian123 ul li:hover a p {
    background: #094b47;
    color: #fff;
}

#ny_wudian123 ul li a img {
    width: 98.2%;
}

#ny_wudian123 .sanfen {
    width: 25%;
}

.sss1 {
    width: 49.7%;
}

.sss1 img {
    width: 100%;
}

.asd1 {
    width: 74.8%;
}

@media (max-width: 500px) {
    .pro_ss {
        width: 100%;
    }

    .pro_ss .form-group .text {
        width: calc(100% - 70px);
    }

    .pro_stxt {
        margin-left: 0;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #honor.inhor {
        padding-top: 30px;
    }

    #honor.inhor .t {
        text-align: center;
        position: relative;
    }

    #honor.inhor .t h3 {
        font-size: 24px;
        color: #333333;
        display: block;
        font-weight: bold;
    }

    #honor.inhor .t p {
        font-family: 'arial';
        color: #dadada;
        text-transform: uppercase;
        line-height: 34px;
        font-weight: bold;
        font-size: 17px;
    }

    #honor.inhor .ny_about_5_nr {
        display: block;
        position: relative;
        margin-top: 20px;
    }

    #honor .ny_about_5_nr li {
        display: block;
    }

    #honor .ny_about_5_nr li a {
        display: block;
        padding: 20px 0px 0;
        border: 1px solid #eee;
        background: #fff;
        transition: all 0.3s;
    }

    #honor .ny_about_5_nr li a img {
        max-width: 100%;
        display: block;
    }

    #honor .ny_about_5_nr li a p {
        font-size: 14px;
        color: #666666;
        line-height: 2;
        text-align: center;
        display: block;
        margin: 0px 0 15px 0;
    }

    .sy-tu3 p img {
        width: 100%;
    }

    .sy-tu1 p img {
        width: 100%;
    }
}

.swiper-tt .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-tt .swiper-slide img {
    display: block;
    width: 41px;
    height: 41px;
    object-fit: cover;
    position: absolute;
    right: 40px;
    top: 40px;
}

.swiper-slide-bottom {
    text-align: left;
}

.swiper-tt .swiper-slide {
    padding: 41px;
    box-sizing: border-box;
    position: relative;
    border-radius: 32px;
}

.swiper-slide-bottom-title {
    font-family: SourceHanSerifC;
    font-weight: 600;
    font-size: 36px;
    color: #323232;
    line-height: 36px;
}

.swiper-slide-bottom-desc {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 26px;
    color: #323232;
    margin-top: 26px;
}

.swiper-tt {
    width: 100%;
    height: 360px;
    margin-top: 70px;
}

.swiper-t .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.swiper-t .swiper-slide img {
    display: block;
    width: 100%;
    height: 442px;
    object-fit: cover;
    border-radius: 20px;
}

.swiper-t {
    width: 100%;
    height: 442px;
    margin-top: 70px;
}

.swiper-paginations, .swiper-paginationss {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 33px;
}


.swiper {
    width: 100%;
    height: 880px;
}

.swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper .swiper-slide video {
    width: 100%;
    height: 100%;
}

.swiper-ttt .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-ttt .swiper-slide img {
    display: block;
    width: 282px;
    height: 282px;
    object-fit: contain;
}

.swiper-ttt {
    overflow: hidden;
    width: 100%;
    height: 282px;
    margin-top: 70px;
    position: relative;
}

.q001-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.q001-all-content {
    width: 70%;
}

.bottom-btn-img {
    position: relative;
    width: 100%;
    height: 1077px;
}

.bottom-btn-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.div-text {
    position: absolute;
    top: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 9;
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 34px;
    color: #FFFFFF;
    line-height: 49px;
}

.div-text-desc {
    position: absolute;
    top: 216px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 34px;
    color: #FFFFFF;
    line-height: 49px;
    padding-left: 100px;
    padding-right: 100px;
}


.near-div {
    height: 1080px;
}

.near-div-left {
    width: 45%;
    padding: 86px;
    box-sizing: border-box;
}

.near-div-right {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.near-div-left .near-div-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 40px;
    color: #323232;
    margin-bottom: 63px;
}

.near-div-select select {
    width: 160px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 12px;
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 24px;
    color: #323232;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border: 0;
    margin-right: 12px;
}

.near-div-content {
    height: 70%;
    overflow-y: scroll;
    margin-top: 64px;
    /*width: 600px;*/
}

.near-div-content .near-div-content-item {
    width: 500px;
    height: 96px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 24px;
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 24px;
    color: #323232;
    /*line-height: 16px;*/
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.near-div-content .near-div-content-item.active {
    background: #D2BC73;
    color: #fff;
}

.near-div-content-item-img img {
    width: 34px;
    height: 34px;
    margin-right: 20px;
}

.near-div-content-item-img-right {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

.near-div-content-item-img-right img {
    width: 34px;
    height: 34px;
}

.right-map {
    height: 100%;
    width: 100%;
}

.near-div {
    display: flex;
}

.new-main .new-top .new-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 40px;
    color: #323232;
}
.new-main{
    width: 100%;display: flex;flex-direction: column;
    justify-content: center;
    align-items: center;
}
.new-main .new-top {
    width: 85% !important;
    /*margin-left: 159px;*/
    /*margin-right: 159px;*/
    padding-top: 72px;
    box-sizing: border-box;
    border-bottom: 2px solid #333;
    padding-bottom: 20px;
}

.new-main .new-bottom {
    margin-left: 159px;
    margin-right: 159px;
    padding-top: 72px;
    box-sizing: border-box;
}

.new-bottom .new-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 40px;
    color: #323232;
}

.new-main .new-top .new-content {
    display: flex;
    margin-top: 82px;
}

.new-main .new-top .new-content .new-left .new-left-item {
    font-family: Ridley Grotesk;
    font-weight: 400;
    font-size: 28px;
    color: #323232;
    margin-bottom: 49px;
}

.new-main .new-top .new-content .new-left .new-left-item a.active {
    color: #A49A7D;
}

.new-main .new-top .new-content .new-left .new-left-item a.active {
    color: #A49A7D;
}

.new-main .new-top .new-content .new-right {
    display: flex;
    width: 70%;
    margin-left: 347px;
    flex-direction: column;
}

.new-right-item-left img {
    width: 350px;
    height: 320px;
    /*background: #DEDEE4;*/
    border-radius: 32px;
    margin-right: 42px;
    object-fit: contain;
}

.am-vertical-align-middle {
    margin-top: 20px;
}

.new-right .new-right-item {
    display: flex;
    padding-bottom:128px;
    border-bottom: 1px solid #333;
    margin-top: 100px;
}

.new-right .new-right-item:last-child {
    border-bottom: 0;
}

.new-right .new-right-item:first-child {
    margin-top: 0;
}

.new-right-item-right-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 32px;
    color: #A49A7D;
    margin-bottom: 31px;
}

.new-right-item-right-title a {
    color: #A49A7D;
}

.new-right-item-right-content {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 28px;
    color: #323232;
    margin-bottom: 43px;
}

.new-right-item-right-more {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 20px;
    color: #323232;
    line-height: 32px;
    text-decoration-line: underline;
    text-underline-offset: 0.5em;
    cursor: pointer;
}

.new-main {
    padding-bottom: 181px;
}

/* 轮播图容器样式 */
.carousel {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 113px;
}

/* 图片列表样式 */
.carousel ul {
    display: flex;
    gap: 0;
    transition: transform 0.3s ease;
}

/* 每张图片的样式 */
.carousel ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 25%;
}

.carousel ul li img {
    width: 218px;
    height: 218px;
    object-fit: contain;
}

.carousel ul li .carousel-li-text {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 28px;
    color: #323232;
    margin-top: 65px;
}

.carousel ul li .carousel-li-look {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 26px;
    color: #323232;
    margin-top: 19px;
    cursor: pointer;
}

/* 左右箭头样式 */
.carousel button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
}

/* 左箭头样式 */
.carousel button.prev {
    left: 10px;
}

/* 右箭头样式 */
.carousel button.next {
    right: 10px;
}

/* 禁用状态的箭头样式 */
.carousel button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.carousel-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-list .jt-bottom {
    position: absolute;
    bottom: -120px;
    display: flex;
    align-items: center;
}

.carousel-list .jt-bottom .next img {
    width: 50px;
    height: 50px;
}

.carousel-list .jt-bottom .prev img {
    width: 50px;
    height: 50px;
}

.carousel-list .jt-bottom .prev {
    border-radius: 100px;
    background: #DEDEE4;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-list .jt-bottom .next {
    border-radius: 100px;
    background: #DEDEE4;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 44px;
}

.carousel-list .jt-bottom .next.disabled {
    border-radius: 100px;
    background: #EDEDEF;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-list .jt-bottom .prev.disabled {
    border-radius: 100px;
    background: #EDEDEF;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-main .new-top .new-content .new-left .new-left-item {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 32px;
    color: #323232;
    line-height: 16px;
}

.new-left-item-logo {
    cursor: pointer;
}

.am-vertical-align-middle {
    font-size: 24px;
}

.new-left-item-logo img {
    width: 155px;
    height: 33px;
}

.new-left-item-logo .new-left-item-logo-text {
    font-family: Source Han Serif Old Style;
    font-weight: 600;
    font-size: 30px;
    color: #323232;
}

.new-main .new-top .new-content .new-right {
    margin-left: 273px;
}

.new-right-item-left img {
    margin: 0;
    width: 320px;
    height: 232px;
}

.new-right .new-right-item {
    flex-direction: column;
}

.new-right-item-right-title {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 32px;
    color: #A49A7D;
}

.new-right-item-right-content {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 28px;
    color: #323232;
    /*margin-bottom: 107px;*/
}

.new-main .new-top {
    border-bottom: 0;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

#content {
    background-color: white;
    width: 80%;
    border-radius: 32px;
    padding: 34px;
    position: relative;
    display: flex;
    height: 80%;
    margin-top: 50px;
}

#overlay .overlay-close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 34px;
    top: 34px;
    z-index: 1000000;
}

#overlay .overlay-close img {
    width: 29px;
    height: 29px;
    cursor: pointer;
}

.overlay-right-main {
    overflow: hidden;
}

.padding-horizontal-10 a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.padding-horizontal-10 img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}

.overlay-right-main .swiper-tb {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.overlay-right-main .swiper-tb .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 40px;
}

.swiper-paginationsb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-right {
    width: 496px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    position: relative;
    margin-top: 114px;
}

.overlay-right img {
    width: 100%;
    height: 254px;
    display: flex;
    object-fit: contain;
}

.overlay-right .overlay-right-text {
    /*margin-top: 101px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Ridley Grotesk;
    font-weight: 500;
    font-size: 22px;
    color: #232426;
}

.overlay-right .overlay-right-content {
    font-family: Source Han Serif Old Style;
    font-weight: 400;
    font-size: 23px;
    color: #323232;
    margin-top: 46px;text-align: center;
}

.overlay-left {
    flex-direction: column;
    flex: 1;
    padding-right: 20px;
    box-sizing: border-box;
}

.overlay-left-content {
    height: 100%;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.overlay-left-hide {
    display: none;
}

.overlay-right-content-items {
    display: flex;
    align-items: center;
    display: none;
    position: absolute;
    align-items: center;
    justify-content: center;
}

.overlay-right-content-items .overlay-right-content-item {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    transform: rotate(45deg);
    margin-right: 11px;
    margin-top: 62px;
}

.overlay-right-content-items .overlay-right-content-item:first-child {
    margin-left: 11;
}

.overlay-right-content-items .overlay-right-content-item:last-child {
    margin-right: 0;
}

.overlay-right-content-items .overlay-right-content-item.red {
    background: #BB2E2E;
}

.overlay-right-content-items .overlay-right-content-item.black {
    background: #323232;
}

.overlay-right-content-items .overlay-right-content-item.hui {
    background: #E7E6EC;
}

.overlay-right-content-items .overlay-right-content-item.green {
    background: #3E6941;
}

.near-div-content-items p {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1440px) {
    .near-div-left {
        padding-left: 30px;
        padding-right: 30px;
    }

    .near-div {
        height: 800px;
    }

    .new-main .new-top {
        margin-left: 30px;
        margin-right: 30px;
    }


    .overlay-right .overlay-right-text {
        margin-top: 20px;
    }

    .overlay-right .overlay-right-content {
        margin-top: 20px;
    }

}

@media (max-width: 1024px) {
    .near-div-left {
        padding-left: 10px;
        padding-right: 10px;
    }

    #lx_nymessage p {
        font-size: 20px;
    }

    .btn-default {
        width: 40%;
    }

    .banner-ad-new {
        height: 580px;
    }

    .banner-ad {
        height: 298px;
    }

    .swiper {
        width: 100%;
        height: 580px;
    }

    .swiper-slide-bottom-title {
        font-size: 24px;
    }

    .swiper-slide-bottom-desc {
        font-size: 22px;
    }

    .qiehuan00-title {
        padding-left: 30px;
    }


    .ft-right ul li {
        padding: 30px 10px;
    }

    .overlay-right .overlay-right-text {
        margin-top: 20px;
    }

    .overlay-right .overlay-right-content {
        margin-top: 20px;
    }

    .overlay-right {
        width: 320px;
    }

    .near-div {
        height: 800px;
    }

    .new-main .new-top .new-content .new-right {
        margin-left: 80px;
    }

    .carousel ul li img {
        width: 150px;
        height: 150px;
    }

    .carousel ul li .carousel-li-text {
        font-size: 22px;
        margin-top: 20px;
    }

    .new-main .new-bottom {
        margin-left: 20px;
        margin-right: 20px;
    }

    .carousel ul li .carousel-li-look {
        font-size: 16px;
        margin-top: 10px;
    }

    .near-div-select select {
        width: 120px;
        font-size: 18px;
    }

    .swiper-tt .swiper-slide img {
        width: 20px;
        height: 20px;
        right: 20px;
        top: 20px;
    }

    .swiper-slide-bottom-title {
        font-size: 18px;
    }

    .swiper-slide-bottom-desc {
        font-size: 20px;
        margin-top: 10px;
    }

    .qiehuan00-title {
        font-size: 28px;
    }

    .qiehuan00-title {
        padding-top: 80px;
    }

    .near-div-content .near-div-content-item {
        width: 100%;
        height: 80px;
    }

}

span.span-a-active{
    background: #A49A7D !important;
}

@media (max-width: 768px) {
    span.span-a-active{
        width: 10px !important;height: 10px !important;
        margin-left: 10px !important;
    }
    .new-main .new-top .new-content .new-right{
        width: 100% !important;
        height: initial !important;
         overflow-y: initial !important; 
         margin-left: 0 !important;
    }
    .overlay-right {
        margin-top:50px;
    }
    .overlay-right-main .swiper-tb{
        overflow: hidden;
    }
    .overlay-right-main {
        overflow: initial;
    }
    .bottom-btn-img {
        height: 400px;
    }

    .div-text {
        top: 80px;
        font-size: 26px;
    }

    .div-text-desc {
        top: 140px;
        font-size: 22px;
    }

    #sy-img {
        height: 520px;
    }

    .near-div-content .near-div-content-item {
        width: 100%;
        height: 50px;
    }

    .ft-right ul li {
        padding: 30px 0px;
    }

    .swiper-tt .swiper-slide {
        /*width: 300px !important;*/
    }

    .swiper-t {
        height: 500px;
    }

    .swiper-t .swiper-slide img {
        height: 500px;
    }

    #sy-img .sy-img-bottom-text {
        padding-left: 20px;
        padding-right: 20px;
    }

    #sy-img .sy-img-top-text {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .qiehuan00 {
        height: 700px;
    }

    #content {
        overflow-y: scroll;
    }

    .overlay-left {
        padding-right: 0;
        padding-top: 20px;
        /*overflow: inherit;*/
    }

    .overlay-right-content-items .overlay-right-content-item {
        margin-top: 20px;
    }

    .overlay-left-hide {
        display: block;
    }

    .overlay-left-show {
        display: none;
    }

    .new-main .new-top {
        padding-top: 10px;
    }

    #content {
        flex-direction: column;
    }

    .overlay-right .overlay-right-content {
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #overlay .overlay-close {
        right: 15px;
        top: 15px;
    }

    .overlay-right .overlay-right-text {
        font-size: 18px;
    }

    .overlay-left-content {
        width: 100%;
    }

    .overlay-right {
        width: 100%;
    }

    .new-main .new-top .new-title {
        font-size: 24px;
    }

    .new-main .new-top .new-content {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    .new-main .new-top .new-content .new-right {
        margin-left: 0;
        width: 100%;
    }

    .new-main .new-top .new-content .new-left {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .new-main .new-top .new-content .new-left .new-left-item {
        margin-bottom: 0;
        font-size: 22px;
        margin-right: 20px;
    }

    .near-div-select select {
        height: 40px;
    }

    .near-div {
        display: flex;
        flex-direction: column;
        height: inherit;
    }

    .near-div-content-item-img img {
        width: 24px;
        height: 24px;
    }

    .near-div-content-item-text {
        font-size: 16px;
    }

    .near-div-content-item-img-right img {
        width: 14px;
        height: 14px;
    }

    .near-div-right {
        width: 100%;
        height: 300px;
    }

    .near-div-left {
        width: 100%;
        padding: 10px;
    }

    .near-div-left .near-div-title {
        margin-bottom: 10px;
    }

    .near-div-content {
        margin-top: 20px;
    }

    .near-div-content {
        height: inherit;
        max-height: 200px;
    }

    .near-div-content .near-div-content-item {
        margin-bottom: 10px;
    }

    .new-main .new-top .new-content .new-left {
        overflow-y: scroll;
        width: 100%;
    }

    .new-right-item-left img {
        width: 170px !important;
        height: 160px !important;
    }

    .new-right-item-right-title {
        font-size: 20px !important;
        margin-bottom: 10px;
    }

    .new-right-item-right-content {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }

    .new-right .new-right-item {
        padding-bottom: 20px;
        margin-top: 20px;
        flex-direction: row !important;
    }

    .new-right-item-right-pro {
        margin-right: 20px;
    }

    .new-right-item-right-more {
        font-size: 16px;
    }

    .new-main .new-bottom {
        padding-top: 20px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .new-bottom .new-title {
        font-size: 20px;
    }

    .carousel {
        margin-top: 20px;
    }

    .carousel ul li img {
        width: 80%;
        height: 80%;
    }

    .carousel-list .jt-bottom .next {
        width: 40px;
        height: 40px;
    }

    .carousel-list .jt-bottom .prev {
        width: 40px;
        height: 40px;
    }

    .carousel-list .jt-bottom .prev img {
        width: 30px;
        height: 30px;
    }

    .carousel-list .jt-bottom .next img {
        width: 30px;
        height: 30px;
    }

    .carousel-list .jt-bottom .prev.disabled {
        width: 40px;
        height: 40px;
    }

    .carousel-list .jt-bottom .prev.disabled img {
        width: 30px;
        height: 30px;
    }


    .carousel-list .jt-bottom .next.disabled {
        width: 40px;
        height: 40px;
    }

    .carousel-list .jt-bottom .next.disabled img {
        width: 30px;
        height: 30px;
    }

    .carousel ul li .carousel-li-text {
        font-size: 14px;
    }

    .carousel ul li .carousel-li-look {
        font-size: 12px;
    }

    .carousel-list .jt-bottom {
        bottom: -70px;
    }

    .new-main {
        padding-bottom: 90px;
    }

    .new-left-item-logo {
        display: none;
    }

    .new-main .new-top .new-content .new-left .new-left-item {
        line-height: inherit !important;
        font-size: 20px !important;
    }

    .new-main .new-top .new-content .new-right {
        margin-left: 0 !important;
    }

}

@media (max-width: 426px) {
    /*.swiper-ttt .swiper-slide img{*/
    /*    width: 100px;*/
    /*}*/
    /*.swiper-backface-hidden .swiper-slide{*/
    /*    width: 200px !important;*/
    /*}*/
    
    .swiper-ts, .swiper-ts .swiper-wrapper, .swiper-ts .swiper-slide, .swiper-ts .swiper-slide img{
        height: 290px !important;
    }
    
    .overlay-right .overlay-right-text {
        margin-top: 10px;
    }

    .overlay-right-main .swiper-tb .swiper-slide {
        margin-bottom: 0;
    }

    #content {
        padding: 10px;
        border-radius: 20px;
    }

    #overlay .overlay-close {
        right: 10px;
        top: 10px;

    }

    .overlay-right img {
        height: 150px;
    }

    .overlay-right .overlay-right-content {
        margin-top: 10px;
    }

    .banner-ad-new {
        height: 200px;
    }

    .swiper-scrollbar {
        display: none;
    }

    .new-right-item-left img {
        margin-right: 20px !important;
    }

    .swiper-backface-hidden .swiper-slide {
        border-radius: 0;
    }

    .qiehuan01 {
        height: 900px;
    }

    .swiper-tt {
        height: 200px;
    }

    .swiper {
        height: 200px;
    }

    #sy-img {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .swiper-t {
        width: 400px;
        height: 200px;
    }

    .qiehuan00 {
        height: 400px;
    }

    .swiper-t .swiper-slide img {
        height: 100%;
    }


    .new-right-item-left img {
        /*width: 80% !important;*/
        border-radius: 10px !important;
    }

    .new-right-item {
        flex-direction: column !important;
    }


    .new-right .new-right-item {
        flex-direction: column !important;
    }

    .new-right-item-right-title {
        margin-top: 20px !important;
    }

    #sy-img .sy-img-top-text {
        font-size: 16px;
    }

    #sy-img .sy-img-bottom-text {
        font-size: 16px;
    }

    #sy-img {
        height: 400px;
    }

    .div-text-desc {
        padding: 10px;
    }
}




.new-right-item {
    position: relative;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.new-right-item .jt-bottom {
    position: absolute;
    bottom: 42px;
    right: 0px;
    display: flex;
    align-items: center;
}

.new-right-item .jt-bottom .next img {
    width: 50px;
    height: 50px;
}

.new-right-item .jt-bottom .prev img {
    width: 50px;
    height: 50px;
}

.new-right-item .jt-bottom .prev {
    border-radius: 100px;
    background: #DEDEE4;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-right-item .jt-bottom .next {
    border-radius: 100px;
    background: #DEDEE4;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 24px;
}

.new-right-item .jt-bottom .next.disabled {
    border-radius: 100px;
    background: #EDEDEF;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-right-item .jt-bottom .prev.disabled {
    border-radius: 100px;
    background: #EDEDEF;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}