.ng_right {
    max-width: 1030px;
    float: right;
}

.ngr_t {
    float: right;
    margin: 30px 5px 30px 0;
}

.ngrt_l {
    float: left;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.ngrt_l i {
    width: 29px;
    height: 29px;
    display: block;
    background-image: url(../images/call.png);
    background-size: 100%;
}

.ngrt_l em {
    font-size: 12px;
    color: #ae1e24;
    line-height: 14px;
    margin: 0 10px 0 8px;
}

.ngrt_l span {
    font-size: 26px;
    color: #ae1e24;
}

.ngrt_l b {
    width: 1px;
    height: 17px;
    background-color: #ae1e24;
    display: block;
    margin-left: 35px;
}

.ngrt_r {
    width: 24px;
    height: 25px;
    float: right;
    margin-left: 30px;
    margin-top: 2px;
    overflow: hidden;
    background-image: url(../images/search.png);
    background-size: 100%;
    position: relative;
}

.ngrt_r_1 {
    width: 180px;
    background-image: unset;
    z-index: 1000;
}

.ngrt_r .ngrtr_l {
    width: 24px;
    height: 25px;
    background-image: url(../images/search.png);
    background-size: 100%;
    float: right;
    cursor: pointer;
    border: 0;
    background-color: unset;
    display: none;
}

.ngrt_r .ngrtr_r {
    width: 0px;
    height: 24px;
    background-color: unset;
    border: 0;
    font-size: 13px;
    border-bottom: 1px solid #838384;
    float: left;
}

.ngrt_r_1 .ngrtr_r {
    width: 130px;
    padding: 0 10px;
}

.ngrt_r_t {
    display: block;
}

.ngr_t .ngrt_r_b {
    display: block !important;
    background-image: unset;
    position: fixed;
    top: -180px;
    left: 0;
    width: 100%;
    height: 180px;
    background-color: #ffffff;
    z-index: 1100;
    margin: 0;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}

.ngr_t .ngrt_r_b_1 {
    top: 0;
}

.ngr_t .ngrt_r_b b {
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 300;
    position: absolute;
    line-height: 32px;
    text-align: center;
    top: 65px;
    right: 14.5%;
    z-index: 10;
    color: #838384;
    cursor: pointer;
    transform: rotate(45deg);
    font-family: '宋体';
}

.ngr_t .ngrt_r_b #tops_txtkey {
    width: 70%;
    height: 50px;
    font-size: 18px;
    margin: 50px auto 0;
    display: block;
    float: unset;
}

.ngr_t .ngrt_r_b #tops_searchbtn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 68px;
    right: 150px;
}

.zzc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
    background-color: rgba(0, 0, 0, 0.0);
}

.ngr_b {
    float: right;
    width: 960px;
    display: flex;
}

.ngr_b li {
    margin-left: 65px;
    letter-spacing: 2px;
}

.ngr_b li:nth-child(1) {
    margin-left: 0;
}

.ngr_b li a {
    font-size: 18px;
    padding-bottom: 13px;
    position: relative;
    z-index: 100;
    color: #000000;
}

.ngr_b li a::after {
    width: 0;
    height: 2px;
    background-color: #ae1e24;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -3px;
    transition: 0.5s all;
}

.ngr_b li:hover a {
    /* border-bottom: 2px solid #ae1e24; */
    color: #ae1e24;
}

.ngr_b li:hover a::after {
    width: 100%;
    left: 0;
}

.ngr_b .ngr_b_1 a::after,
.ngr_b .cur a::after {
    width: 100%;
    left: 0;
}

.ngrb {
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 170px;
    background-color: #ffffff;
    z-index: -12;
    border-top: 1px solid #564f42;
    opacity: 0;
    transition: all 0.5s;
    overflow: hidden;
}

.ngrb_1 {
    top: 132px;
    opacity: 1;
    z-index: 12;
}

.ngrb_z {
    width: 1300px;
    height: 0;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s;
    overflow: hidden;
}

.ngrb_z_1 {
    height: 400px;
    opacity: 1;
}

.ngrb_z dl {
    width: 190px;
    margin: -55px 10px 0;
}

.ngrb_z dl dt em {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #313131;
    font-weight: bold;
}

.ngrb_z dl dt a {
    width: 190px;
    height: 120px;
    display: block;
    margin: 30px 0;
    text-align: center;
}

.ngrb_z dl dd a {
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #848484;
    display: block;
    margin: 0 auto;
    border: 1px solid #848484;
    transition: all 0.5s;
}

.ngrb_z dl dd a:hover {
    color: #ffffff;
    background-color: #ae1e24;
    border: 1px solid #ae1e24;
}

.ngrb_z:nth-child(3) {
    align-items: flex-start;
}

.ngrbz {
    width: 480px;
    margin: 60px 30px 0;
}

.ngrbz .ngrbz_l {
    width: 160px;
    float: left;
}

.ngrbz .ngrbz_l li:nth-child(1) {
    font-size: 16px;
    color: #313131;
    margin-bottom: 30px;
    font-weight: bold;
    float: unset;
}

.ngrbz .ngrbz_l li {
    margin-bottom: 20px;
    float: left;
    margin-right: 10px;
}

.ngrbz .ngrbz_l li a {
    font-size: 14px;
    color: #848484;
}

.ngrbz .ngrbz_r {
    width: 312px;
    float: right;
    margin: 0;
}

.ngrbz .ngrbz_r .ngrbzr1 {
    width: 312px;
    height: 188px;
    margin-bottom: 20px;
}

.ngrbz .ngrbz_r .ngrbzr2 a {
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #848484;
    display: block;
    margin: 0;
    border: 1px solid #848484;
    transition: all 0.5s;
}

.ngrbz .ngrbz_r .ngrbzr2 a:hover {
    color: #ffffff;
    background-color: #ae1e24;
    border: 1px solid #ae1e24;
}
/* .ngrbz:nth-child(2) .ngrbz_l li {
    margin-bottom: 40px;
} */

.ngrbz:nth-child(2) .ngrbz_l li:nth-child(1) {
    margin-bottom: 30px;
}

.nzzhr {
    width: 300px;
    margin: 10px;
}

.nzzhr_box {
    width: 100%;
    display: flex;
    justify-content: center;
}

.nzzhr em {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #313131;
    font-weight: bold;
}

.nzzhr a {
    width: 300px;
    display: block;
    position: relative;
    margin-top: 40px;
}

.nzzhr a img {
    width: 100%;
}

.nzzhr a i {
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #848484;
    display: block;
    border: 1px solid #848484;
    margin: 25px auto 0;
    background-color: #ffffff;
    transition: all 0.5s;
}

.nzzhr a i:hover {
    color: #ffffff;
    background-color: #ae1e24;
}

.pro-info {
    width: 100%;
    margin: 40px auto 0;
    line-height: 200%;
    font-size: 14px;
}

.pro-info img {
    width: 100%;
}

.yd_header {
    display: none;
}

.nav {
    display: none;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner .swiper-pagination span {
    width: 20px;
    height: 5px;
    border-radius: 25px;
}

.banner img {
    width: 100%;
    display: block;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ae1e24;
}

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

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

.banner_ny {
    bottom: 50px !important;
}

.understand {
    width: 100%;
}

.understand img {
    width: 100%;
    display: block;
}

.understand .wp {
    display: none;
    width: 100%;
}

.join .wp {
    display: none;
    width: 100%;
}

.guarantee .wp {
    display: none;
    width: 100%;
}

.wp_banner {
    display: none;
    width: 100%;
}

.stay {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #313131;
}

.stay input {
    width: 265px;
    height: 45px;
    background-color: #ffffff;
    font-size: 16px;
    color: #313131;
    border: 0;
    padding-left: 25px;
    margin: 0 13px;
}

.stay input:last-child {
    background-color: #ae1e24;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    padding-left: 0;
}

.yd_nav_menu {
    display: none;
}

.main_af {
    width: 100%;
    background-color: #eeeef0;
    padding: 77px 0 95px;
}

.main_af em {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #313131;
    margin-bottom: 40px;
}

.main_af ul {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.main_af ul li {
    width: 20%;
    height: 60px;
    line-height: 60px;
    position: relative;
    background-color: #ffffff;
    text-align: center;
    font-size: 25px;
}

.main_af ul li:nth-child(2n) {
    background-color: #d7d7d9;
}

.main_af ul li a.go {
    display: block;
    width: 100%;
    height: 100%;
    /* font-family: '宋体'; */
    color: #313131;
}

.main_af ul li .ma {
    width: 560px;
    height: 303px;
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 100px;
    transition: all 0.5s;
    overflow: hidden;
    box-shadow: 3px 3px 5px #666666;
}

.main_af ul li .ma img {
    width: 100%;
}

.main_af ul li::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 13px solid #a2a2a4;
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 80px;
    left: 50%;
    margin-left: -4px;
    transition: all 0.5s;
}

.main_af ul li:hover .ma {
    z-index: 12;
    opacity: 1;
    top: 90px;
}

.main_af ul li:hover::before {
    z-index: 1;
    opacity: 1;
    top: 70px;
}

.main_af ul li:nth-child(2) .ma {
    left: -60%;
}

.main_af ul li:nth-child(3) .ma {
    left: -60%;
}

.main_af ul li:nth-child(4) .ma {
    left: -60%;
}

.main_af ul li:nth-child(5) .ma {
    right: 0;
}

.main_bf {
    margin: 85px auto 95px;
}

.m_title {
    text-align: center;
    position: relative;
}

.m_title em {
    display: block;
    text-align: center;
    font-size: 34px;
    color: #313131;
    font-weight: bold;
    letter-spacing: 0;
    padding-left: 2px;
    text-indent: 4px;
}

.m_title i {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #313131;
    margin-top: 10px;
    letter-spacing: 3px;
}

.m_title span {
    width: 200px;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #313131;
    margin: 11px auto 12px;
}

.m_title p {
    font-size: 16px;
    color: #453f3e;
}

.mb {
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}

.mb_nav {
    width: 100%;
    display: flex;
    justify-content: center;
    border: 1px solid #313131;
    margin: 45px auto 30px;
}

.mb_nav li {
    width: 9.93% !important;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #313131;
    cursor: pointer;
    border-left: 1px solid #313131;
    transition: all 0.5s;
    background-color: #ffffff;
}

.mb_nav li:nth-child(1) {
    border-left: 0;
}

.mb_nav li:hover {
    background-color: #ae1e24;
    color: #ffffff;
}

.mb_nav li:hover a {
    color: #ffffff;
}

.mb_dl {
    width: 100%;
}

.mb_dl dl {
    widows: 100%;
    position: relative;
}

.mb_dl dl dt {
    width: 100%;
}

.mb_dl dl dt img {
    width: 100%;
    display: block;
}

.mb_dl dl dd {
    width: 460px;
    height: 170px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -86px 0 0 -231px;
    border: 1px solid #c7bab8;
    opacity: 0;
    transition: all 0.8s 0.8s;
}

.mb_dl dl dd {
    text-align: center;
}

.mb_dl .swiper-slide-active dd {
    opacity: 1;
}

.mb_dl .swiper-slide-active dd em {
    margin-left: 0px;
}

.mb_dl .swiper-slide-active dd span {
    margin-left: 0px;
}

.mb_dl .swiper-slide-active dd b {
    margin-top: 0px;
}

.mb_dl dl dd em {
    display: block;
    font-size: 34px;
    color: #ffffff;
    font-family: '宋体';
    margin-top: 27px;
    margin-left: -200px;
    transition: all 0.8s 0.8s;
}

.mb_dl dl dd span {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-family: '宋体';
    margin: 10px auto 20px;
    margin-left: 200px;
    transition: all 0.8s 0.8s;
}

.mb_dl dl dd b {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/more_a.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 20px;
    transition: all 0.8s 0.8s;
}

.mb .swiper-wrapper {
    width: 99.9%;
}

.mb .gallery-thumbs {
    margin: 40px auto 25px
}

.mb .gallery-thumbs .swiper-slide-thumb-active {
    background-color: #ae1e24;
    color: #ffffff;
}

.mb .gallery-thumbs .swiper-slide-thumb-active a {
    color: #ffffff;
}

.more, .more:link {
    width: 350px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: #ae1e24;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 40px auto 0;
    transition: all 0.5s;
    letter-spacing: 2px;
}

.more:hover {
    color: #ffffff;
    background-color: #d6151d;
}

.yd_more {
    display: none;
}

.main_cf {
    background-color: #eeeef0;
    padding: 85px 0 95px;
}

.main_cf
.mc {
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.mc .swiper-button-white {
    top: 47%;
    width: 40px;
    height: 63px;
}

.mc .swiper-button-prev {
    left: 0;
    background-image: url(../images/mc_prev.png) !important;
    background-size: 100%;
}

.mc .swiper-button-next {
    right: 0;
    background-image: url(../images/mc_next.png) !important;
    background-size: 100%;
}

.mc_nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 50px auto 30px;
}

.mc_nav dl {
    width: 31.69%;
    position: relative;
    cursor: pointer;
}

.mc_nav dl:hover dt img {
    transform: scale(1.1);
}

.mc_nav dl dt {
    overflow: hidden;
}

.mc_nav dl dt img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.mc_nav dl dd {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.mc_nav dl dd em {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    margin: 65px auto 15px;
}

.mc_nav dl dd span {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    padding-left: 20px;
    background-image: url(../images/more_a.png);
    background-repeat: no-repeat;
    background-position: left;
}

.mc_li {
    width: 100%;
}

.mc_li li {
    position: relative;
    overflow: hidden;
}

.mc_li li .mcli {
    width: 9.2307%;
    position: absolute;
    left: 7.692%;
    top: -100%;
    overflow: hidden;
    transition: all 0.5s 0.5s;
}

.mc_li li .mcli img {
    width: 100%;
    display: block;
}

.mc_li li:hover .mcli img {
    transform: scale(1);
}

.mc_li li:nth-child(2n) .mcli {
    left: auto;
    right: 7.692%;
}

.mc_li .swiper-slide-active .mcli {
    top: 0;
}

.mc_li li img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.mc_li li .mc_li_wp_pic {
    display: none;
}

.mc_li li:hover img {
    transform: scale(1.05);
}

.main_df {
    width: 100%;
    margin: 85px auto 95px;
}

.md_title {
    text-align: center;
}

.md_title i {
    display: none;
}

.md_title em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #313131;
    margin-bottom: 10px;
    font-weight: bold;
}

.md_title span {
    display: inline-block;
    background-color: #313131;
    font-size: 18px;
    color: #ffffff;
    height: 28px;
    line-height: 28px;
    padding: 0 25px;
}

.news {
    max-width: 1300px;
    margin: 50px auto 0;
    overflow: hidden;
}

.news dl {
    width: 32%;
    background-color: #eeeef0;
    float: left;
    margin-right: 2%;
    position: relative;
}

.news dl:nth-child(3n) {
    margin-right: 0;
}

.news dl dt {
    width: 100%;
    height: 270px;
    overflow: hidden;
}

.news dl dt img {
    width: 100%;
    display: block;
}

.news dl dd {
    padding: 25px;
}

.news dl dd span {
    display: block;
    font-size: 18px;
    color: #313131;
    margin-bottom: 25px;
}

.news dl dd a {
    font-size: 22px;
    line-height: 33px;
    color: #313131;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px;
    overflow: hidden;
}

.news dl dd p {
    font-size: 14px;
    color: #595757;
    line-height: 28px;
    margin-top: 25px;
    height: 56px;
}

.main_ef {
    width: 100%;
    overflow: hidden;
}

.main_ef .me::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.main_ef .me {
    max-width: 1300px;
    margin: 0 auto 0px;
}

.yd_me {
    display: none;
}

.me_l {
    width: 39.38%;
    float: left;
    position: relative;
    overflow: hidden;
}

.me_l img {
    width: 100%;
}

.me_l p {
    width: 70%;
    position: absolute;
    /* background-color: rgba(0, 0, 0, 0.6); */
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    /* border: 1px solid #a49988; */
    position: absolute;
    left: 50%;
    bottom: 15px;
    height: 38px;
    line-height: 38px;
    margin-left: -35%;
    transition: all 0.5s;
    z-index: 5;
}

.me_l p::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}

.me_l:hover p::after {
    display: none;
}

.me_l:hover p {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    bottom: 0;
    left: 0;
}

/* .me_l:hover::after {
    opacity: 1;
    z-index: 5;
    right: 50%;
}

.me_l::after {
    content: '';
    width: 214px;
    height: 64px;
    border: 3px solid #ffffff;
    border-left: 3px solid rgba(0,0,0,0);
    border-top: 3px solid rgba(0,0,0,0);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -35px -110px 0 0;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s 0.5s;
}

.me_l::before {
    content: '';
    width: 214px;
    height: 64px;
    border: 3px solid #ffffff;
    border-right: 3px solid rgba(0,0,0,0);
    border-bottom: 3px solid rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 50%;
    margin: -35px 0 0 -110px;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s 0.5s;
}

.me_l:hover::before {
    opacity: 1;
    z-index: 6;
    top: 50%;
} */
.mer_xg {
    width: 220px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -110px;
    z-index: 10;
    opacity: 0;
}

.mer_xg::before {
    width: 0%;
    height: 3px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s 0.5s;
}

.mer_xg::after {
    width: 0%;
    height: 3px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.5s 0.5s;
}

.mer_xg b {
    display: block;
    width: 3px;
    height: 0%;
    background-color: #ffffff;
    left: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.5s 0.5s;
}

.mer_xg i {
    display: block;
    width: 3px;
    height: 0%;
    background-color: #ffffff;
    right: 0;
    top: 0;
    position: absolute;
    transition: all 0.5s 0.5s;
}

.me_l:hover .mer_xg {
    opacity: 1;
}

.me_l:hover .mer_xg::before {
    width: 100%;
}

.me_l:hover .mer_xg::after {
    width: 100%;
}

.me_l:hover .mer_xg b {
    height: 100%;
}

.me_l:hover .mer_xg i {
    height: 100%;
}

.me_r {
    width: 58.69%;
    float: right;
}

.me_r dl {
    width: 48.23%;
    float: left;
    position: relative;
    margin-right: 3.54%;
    margin-bottom: 3.4%;
    overflow: hidden;
}

.me_r dl:nth-child(2n) {
    margin-right: 0;
}

.me_r dl dt {
    width: 100%;
}

.me_r dl dt img {
    width: 100%;
    display: block;
}

.me_r dl dd {
    width: 80%;
    position: absolute;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: 15px;
    height: 38px;
    line-height: 38px;
    margin-left: -40%;
    transition: all 0.5s;
    z-index: 3;
}

.me_r dl dd::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 38px;
    background-color: rgba(0,0,0,0.6)
}

.me_r dl:hover dd::after {
    display: none;
}

.me_r dl:hover dd {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    bottom: 0;
    left: 0;
}

.me_r dl:hover::after {
    opacity: 1;
    z-index: 5;
    right: 50%;
    top: 50%;
}

.me_r dl::after {
    content: '';
    width: 214px;
    height: 64px;
    border: 3px solid #ffffff;
    border-left: 3px solid rgba(0,0,0,0);
    border-top: 3px solid rgba(0,0,0,0);
    position: absolute;
    top: 100%;
    right: 0;
    margin: -35px -110px 0 0;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s 0.5s;
}

.me_r dl::before {
    content: '';
    width: 214px;
    height: 64px;
    border: 3px solid #ffffff;
    border-right: 3px solid rgba(0,0,0,0);
    border-bottom: 3px solid rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0%;
    margin: -35px 0 0 -110px;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s 0.5s;
}

.me_r dl:hover::before {
    opacity: 1;
    z-index: 6;
    top: 50%;
    left: 50%;
}

.me_r dl:hover dd {
    /* display: none; */
}

.me_r dl:hover .mer_zz {
    opacity: 1;
}

.me_l:hover .mer_zz {
    opacity: 1;
}

.mer_zz {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    transition: all 0.2s;
    opacity: 0;
}

.mer_zz em {
    width: 214px;
    height: 64px;
    border: 3px solid #ffffff;
    text-align: center;
    font-size: 24PX;
    color: #ffffff;
    display: block;
    line-height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -110px;
    display: none;
}

#main_gydsFC_con {
    margin-top: 30px;
}

.main_ff {
    background-color: #eeeef0;
    padding: 80px 0 45px;
}

.mf {
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.mf_l {
    width: 15.923%;
    float: left;
    position: relative;
    z-index: 10;
}

.mf_l img {
    width: 100%;
    display: block;
}

.mf_r {
    width: 75%;
    float: right;
}

.mf_r::before {
    content: '';
    display: block;
    width: 25%;
    height: 100%;
    background-color: #eeeef0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.mf_r .swiper-button-next {
    right: auto;
    left: 95px;
    top: auto;
    bottom: 40px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 17px;
    z-index: 8;
}

.mf_r .swiper-button-prev {
    left: 65px;
    top: auto;
    bottom: 40px;
    width: 20px;
    height: 20px;
    background-image: unset;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
    z-index: 8;
}

.mf_r .swiper-pagination {
    width: 40px !important;
    bottom: 40px;
    font-size: 14px;
    z-index: 8;
}

.mf_r dl {
    width: 28.61%;
    float: left;
    margin-right: 6.9%;
}

.mf_r dl:nth-child(3) {
    margin-right: 0%;
}

.mf_r dl dt {
    border: 10px solid #ffffff;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mf_r dl dt a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.mf_r dl dt a::after {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.6s;
}

.mf_r dl:hover dt a::after {
    z-index: 5;
    opacity: 1;
}

.mf_r dl dt img {
    width: 100%;
    display: block;
    transition: all 0.6s;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
}

.mf_r dl:hover dt img {
    transform: scale(1.05);
}

.mf_r dl dd {
    text-align: center;
    font-size: 16px;
    color: #313131;
    line-height: 57px;
    position: relative;
    top: 0;
    transition: all 0.5s;
    z-index: 20;
}

.mf_r dl:hover dd {
    top: -70px;
    color: #ffffff;
}

.main_gf {
    max-width: 1350px;
    margin: 80px auto 85px;
}

.mg_title {
    text-align: center;
    font-size: 32px;
    color: #2f2725;
    font-weight: bold;
    letter-spacing: 4px;
}

.main_gf ul {
    width: 100%;
    overflow: hidden;
    margin: 85px auto 90px;
}

.main_gf ul li {
    width: 27.2%;
    float: left;
    border-right: 1px solid #989898;
    padding: 0 3%;
}

.main_gf ul li:nth-child(3n) {
    border-right: 0;
}

.main_gf ul li em {
    display: block;
    padding-left: 35px;
    height: 31px;
    line-height: 31px;
    font-size: 24px;
    color: #2f2725;
    background-image: url(../images/mg_s.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 15px;
}

.main_gf ul li a {
    font-size: 20px;
    color: #2f2725;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main_gf ul li p {
    font-size: 14px;
    color: #4c4948;
    line-height: 25px;
    margin-top: 10px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main_if {
    width: 100%;
    height: 308px;
    background-image: url(../images/mi_bg.jpg);
    background-position: center;
    overflow: hidden;
}

.main_if em {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    margin-top: 80px;
    font-weight: bold;
}

.main_if .stay {
    background-color: unset;
}

.main_hf {
    width: 100%;
    height: 150px;
    background-color: #eeeef0;
}

.main_hf .more {
    display: none;
}

.mh {
    max-width: 1300px;
    height: 150px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mh_b {
    display: none;
}

.mh dl {
    width: 20%;
    border-right: #b5b5b6;
    text-align: center;
    border-left: 1px solid #b5b5b6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mh dl:nth-child(1) {
    border: 0;
}

.mh dl dt {
    width: 46px;
    height: 46px;
    display: inline-block;
}

.mh dl dt img {
    width: 100%;
    display: block;
    opacity: 0.7;
}

.mh dl dd {
    display: inline-block;
    font-size: 18px;
    color: #69696a;
    margin-left: 15px;
}

.zy_nav {
    max-width: 1300px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    position: relative;
    top: -35px;
    z-index: 11;
    border: 1px solid #e7e7e7;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    background-color: #fff;
}

.zy_nav_1 {
    width: 1300px;
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -650px;
}

.zy_nav li {
    width: 100%;
    height: 100%;
    border-left: 1px solid #e7e7e7;
}

.zy_nav li:nth-child(1) {
    border: 0;
}

.zy_nav li a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #313131;
    background-color: #ffffff;
    transition: all 0.5s;
}

.zy_nav li:hover a,
.zy_nav li.cur a {
    color: #ffffff;
    background-color: #ae1e24;
}

.zy_nav_ds {
    max-width: 1140px;
}

.zy_nav_ds_1 {
    margin-left: -570px;
}

.guarantee {
    width: 100%;
}

.guarantee img {
    width: 100%;
    display: block;
}

.guarantee_af {
    max-width: 1300px;
    margin: 0 auto 85px;
}

.g_title em {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 28px;
    color: #313131;
    margin-bottom: 5px;
    font-weight: bold;
}

.g_title span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #313131;
}

.g_title p {
    text-align: center;
    font-size: 18px;
    color: #313131;
    margin-top: 10px;
    margin-bottom: 10px;
}

.g_title p i {
    margin: 0 20px;
}

.ga {
    max-width: 1300px;
    margin: 40px auto 0;
    overflow: hidden;
    position: relative;
}

.ga .swiper-pagination {
    width: 60px;
    left: auto;
    right: 35px;
    bottom: 11px;
    font-size: 20px;
    color: #ffffff;
    text-align: right;
}

.ga .swiper-button-next {
    right: 93px;
    left: auto;
    top: auto;
    bottom: 11px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 22px;
    z-index: 8;
    color: #ffffff;
}

.ga .swiper-button-prev {
    right: 120px;
    left: auto;
    top: auto;
    bottom: 11px;
    width: 20px;
    height: 20px;
    background-image: unset;
    font-size: 22px;
    text-align: center;
    line-height: 20px;
    z-index: 8;
    color: #ffffff;
}

.ga dl {
    width: 100%;
    position: relative;
}

.ga dl dt img {
    width: 100%;
    display: block;
}

.ga dl dd {
    position: absolute;
    width: 97%;
    padding-left: 3%;
    height: 50px;
    line-height: 50px;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 18px;
    color: #ffffff;
}

.gb {
    max-width: 1300px;
    margin: 40px auto 0;
    text-align: center;
}

.gb li {
    width: 28.15%;
    display: inline-block;
    margin: 0 2%;
    border-radius: 50%;
    overflow: hidden;
}

.gb li img {
    width: 100%;
}

.gb li img:nth-child(2) {
    display: none;
}

.yd_gb {
    display: none;
}

.guarantee_cf {
    width: 100%;
    background-color: #eeeef0;
    margin-top: -190px;
    padding-top: 270px;
    padding-bottom: 90px;
}

.gc {
    max-width: 1300px;
    margin: 40px auto 0;
    overflow: hidden;
}

.gc li {
    float: left;
}

.gc li img {
    width: 100%;
    display: block;
}

.gc li:nth-child(1) {
    width: 34.92%;
    box-shadow: 0px 3px 3px #b1aeae;
}

.gc li:nth-child(2) {
    width: 23.61%;
    margin: 0 2.93%;
}

.gc li:nth-child(3) {
    width: 35.61%;
    box-shadow: 0px 3px 3px #b1aeae;
}

.guarantee_df {
    margin: 85px 0 85px;
}

.gd {
    max-width: 1300px;
    margin: 45px auto 0;
    overflow: hidden;
}

.gd dl {
    width: 31.92%;
    position: relative;
    float: left;
    margin-right: 2.12%;
}

.gd dl:nth-child(3n) {
    margin-right: 0;
}

.gd dl dt {
    width: 100%;
}

.gd dl dt img {
    display: block;
    width: 100%;
}

.gd dl dd {
    position: absolute;
    width: 70%;
    margin-left: -35%;
    bottom: 40px;
    left: 50%;
    font-size: 38px;
    text-align: center;
    color: #ffffff;
}

.guarantee_ff {
    padding-top: 85px;
}

.ge {
    max-width: 1300px;
    margin: 50px auto 0;
    overflow: hidden;
}

.ge dl {
    width: 25%;
    float: left;
    position: relative;
}

.ge dl dt {
    width: 100%;
}

.ge dl dt img {
    display: block;
    width: 100%;
}

.ge dl dd {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ge dl dd i {
    width: 38.46%;
    display: block;
    margin: 70px auto 25px;
}

.ge dl dd i img {
    width: 100%;
    display: block;
}

.ge dl dd em {
    display: block;
    text-align: center;
    font-size: 38px;
    color: #2f2725;
}

.guarantee_ff .g_title span {
    margin-bottom: 5px;
}

.gf {
    max-width: 1300px;
    margin: 40px auto 65px;
    overflow: hidden;
}

.gf li {
    width: 31.92%;
    float: left;
    margin-right: 2.12%;
    margin-bottom: 2.5%;
}

.gf li:nth-child(3n) {
    margin-right: 0%;
}

.gf li img {
    width: 100%;
    display: block;
}

.guarantee_gf {
    width: 100%;
    height: 500px;
    background-image: url(../images/gg_bg.jpg);
    background-position: center;
}

.gg {
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 150px;
}

.gg p {
    font-size: 38px;
    color: #ffffff;
    margin-bottom: 20px;
}

.gg p span {
    font-size: 28px;
    color: #ffffff;
}

.join {
    width: 100%;
}

.join img {
    width: 100%;
    display: block;
}

.join_af {
    max-width: 1300px;
    margin: 0px auto 90px;
}

.ja {
    max-width: 1300px;
    margin: 40px auto 0;
}

.ja dt {
    text-align: center;
    font-size: 14px;
    color: #313131;
}

.ja dd {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.ja dd .ja_l {
    width: 180px;
    height: 180px;
}

.ja dd .ja_l img {
    width: 100%;
}

.ja dd .ja_r {
    width: 365px;
    height: 133px;
    border: 1px solid #989898;
    text-align: center;
    padding-top: 25px;
    margin-left: 10px;
}

.ja dd .ja_r em {
    display: block;
    font-size: 20px;
    color: #4c4948;
}

.ja dd .ja_r i {
    font-size: 28px;
    color: #4c4948;
    display: block;
    margin: 10px 0;
}

.join_bf {
    width: 100%;
    background-color: #eeeef0;
    padding: 85px 0 80px;
}

.jb {
    max-width: 1300px;
    margin: 50px auto 0;
    overflow: hidden;
}

.jb_l {
    width: 40.07%;
    float: left;
    background-color: #d6d6d7;
    padding: 3.5% 4.5%;
}

.jb_r {
    width: 49.07%;
    float: right;
}

.jb_t em {
    font-size: 26px;
    color: #313131;
    font-weight: bold;
}

.jb_t span {
    font-size: 26px;
    color: #313131;
    padding-right: 15px;
    font-weight: bold;
}

.jb_t p {
    font-size: 18px;
    color: #313131;
    line-height: 30px;
    margin: 15px 0 20px;
}

.jb_b img {
    width: 95%;
}

.jb_b p {
    font-size: 12px;
    color: #313131;
    margin-top: 10px;
}

.jbr {
    width: 80%;
    padding: 6% 10%;
    background-color: #d6d6d7;
    margin-bottom: 25px;
}

.jbr .jb_b img {
    width: 100%;
}

.jbr .jb_b p {
    text-align: center;
}

.join_cf {
    max-width: 1300px;
    margin: 85px auto 95px;
}

.jc_t {
    max-width: 960px;
    margin: 40px auto;
}

.jc_t p {
    font-size: 14px;
    color: #313131;
    line-height: 30px;
    text-align: center;
}

.jc_b {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.jc_b li {
    width: 49.07%;
    float: left;
    margin-right: 1.86%;
}

.jc_b li:nth-child(2n) {
    margin-right: 0%;
}

.jc_b li img {
    width: 100%;
    display: block;
}

.jc_b .swiper-button-next {
    width: 40px;
    height: 63px;
    right: 0;
    background-image: url(../images/mc_next.png) !important;
    background-size: 100%;
}

.jc_b .swiper-button-prev {
    width: 40px;
    height: 63px;
    left: 0;
    background-image: url(../images/mc_prev.png) !important;
    background-size: 100%;
}

.join_df {
    width: 100%;
    padding: 80px 0 90px;
    position: relative;
    z-index: 1;
}

.join_df::before {
    content: '';
    display: block;
    width: 100%;
    height: 500px;
    background-color: #eeeef0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.jd {
    max-width: 1300px;
    margin: 55px auto 0;
    overflow: hidden;
}

.jd img {
    width: 100%;
    display: block;
}

.yd_jd {
    display: none;
}

.join_ef {
    width: 100%;
    background-color: #eeeef0;
    padding: 85px 0 90px;
}

.je {
    max-width: 1300px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.je_img {
    display: none;
}

.je dl {
    width: 19.4%;
    text-align: center;
}

.je dl dt {
    width: 100%;
}

.je dl dt img {
    width: 65%;
}

.je dl dt p {
    display: none;
}

.je dl dd {
    font-size: 18px;
    color: #313131;
    line-height: 35px;
    margin-top: 40px;
}

.je dl dd p {
    line-height: 33px;
    margin-bottom: 10px;
}

.join_ff {
    max-width: 1300px;
    margin: 85px auto 70px;
}

.jf {
    width: 100%;
    margin: 40px auto 0;
}

.jf li {
    width: 31.53%;
    height: 265px;
    float: left;
    outline: 2px solid #ffffff;
    background-color: #ca6d70;
    margin-right: 2.705%;
    margin-bottom: 3%;
    box-shadow: #e8e6e6 0px 0px 2px 4px;
    position: relative;
}

.jf li:nth-child(3n) {
    margin-right: 0%;
}

.jf li i {
    font-size: 53px;
    color: #dba1a3;
    position: absolute;
    top: 5%;
    left: 6%;
}

.jf li em {
    font-size: 38px;
    display: block;
    color: #ffffff;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 30px;
}

.jf li p {
    width: 78%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    line-height: 180%;
}

.join_gf {
    width: 100%;
    background-color: #eeeef0;
    padding-top: 90px;
    position: relative;
    z-index: 1;
}

.join_gf::after {
    content: '';
    display: block;
    background-color: #ffffff;
    height: 500px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.jg {
    max-width: 1300px;
    margin: 40px auto 0;
}

.jg img {
    width: 100%;
    display: block;
}

.jg img:nth-child(2) {
    display: none;
}

.jg_b {
    max-width: 1300px;
    margin: 100px auto 0;
    position: relative;
    z-index: 3;
}

.jg_b dt {
    width: 100%;
}

.jg_b dt img {
    width: 100%;
    display: block;
}

.jg_b dd {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.jg_b dd em {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    padding-top: 100px;
    font-weight: bold;
}

.jg_b dd span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin: 10px auto 40px;
}

.jg_b dd p {
    text-align: center;
    margin-bottom: 15px;
}

.jg_b dd p input {
    width: 530px;
    height: 45px;
    border: 0;
    font-size: 16px;
    padding-left: 20px;
}

.jg_b dd p:last-child input {
    width: 550px;
    padding-left: 0px;
    background-color: #ae1e24;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.join_hf {
    margin: 85px auto 90px;
    max-width: 1297px;
}

.jh {
    margin-top: 40px;
}

.jh img {
    width: 100%;
    display: block;
}

.jh img:nth-child(2) {
    display: none;
}

.join_hf .more {
    display: none;
}

.understand {
    width: 100%;
}

.understand img {
    width: 100%;
    display: block;
}

.understand_af {
    max-width: 1300px;
    margin: 0 auto 95px;
    padding-top: 5px;
}

.ua_t {
    max-width: 980px;
    margin: 40px auto 80px;
}

.ua_t p {
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    color: #313131;
}

.ua_b {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.ua_b li {
    width: 33.333%;
    border-left: 1px solid #989898;
}

.ua_b li:nth-child(1) {
    border: 0;
}

.ua_b li em {
    display: block;
    font-size: 30px;
    color: #313131;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.ua_b li span {
    display: block;
    font-size: 14px;
    color: #313131;
    text-align: center;
}

.ua_img {
    max-width: 1300px;
    margin-top: 90px;
    overflow: hidden;
    position: relative;
}

.ua_img .swiper-pagination {
    width: 96% !important;
    text-align: right;
    padding: 0 2%;
}

.ua_img .swiper-pagination-bullet-active {
    background-color: #ffffff;
}

.ua_img li img {
    width: 100%;
}

.understand_bf {
    width: 100%;
}

.understand_bf .g_title {
    background-color: #eeeef0;
    padding: 75px 0 150px;
}

.ub {
    max-width: 1300px;
    margin: -120px auto 0;
}

.ub img {
    width: 100%;
    display: block;
}

.understand_cf {
    width: 100%;
    margin: 0 auto 100px;
    padding-top: 100px;
}

.uc {
    max-width: 1300px;
    margin: 40px auto 0;
}

.uc img {
    width: 100%;
    display: block;
}

.understand_df {
    max-width: 1920px;
    height: 600px;
    background-image: url(../images/ud_bg.jpg);
    overflow: hidden;
    background-position: center;
}

.ud {
    max-width: 1300px;
    margin: 0 auto;
}

.ud em {
    display: block;
    font-size: 30px;
    color: #ffffff;
    margin-top: 100px;
}

.ud span {
    font-size: 22px;
    color: #ffffff;
    display: block;
    padding-left: 50px;
    margin: 15px 0 45px;
}

.ud ul {
    width: 380px;
    overflow: hidden;
    margin-left: 50px;
}

.ud ul li {
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 166px;
    height: 30px;
    line-height: 30px;
    margin: 0 44px 24px 0;
}

.ud ul li:nth-child(2n) {
    margin-right: 0;
}

.understand_ef {
    margin: 0 auto 100px;
    padding-top: 100px;
}

.understand_ef .g_title em {
    margin-bottom: 20px;
}

.understand_ef .g_title p {
    margin-top: 5px;
}

.ue_t {
    max-width: 1300px;
    margin: 40px auto 0;
}

.ue_t ul {
    overflow: hidden;
    position: relative;
}

.ue_t ul .swiper-button-next {
    width: 40px;
    height: 63px;
    right: 0;
    background-image: url(../images/mc_next.png) !important;
    background-size: 100%;
}

.ue_t ul .swiper-button-prev {
    width: 40px;
    height: 63px;
    left: 0;
    background-image: url(../images/mc_prev.png) !important;
    background-size: 100%;
}

.ue_t ul li {
    width: 31.92%;
    float: left;
    margin-right: 2.07%;
}

.ue_t ul li:nth-child(3) {
    margin-right: 0;
}

.ue_t ul li img {
    width: 100%;
    display: block;
}

.uet {
    position: relative;
    overflow: hidden;
}

.uet .swiper-button-next {
    display: none;
}

.uet .swiper-button-prev {
    display: none;
}

.ue_b {
    max-width: 1300px;
    margin: 100px auto 0;
    position: relative;
}

.ueb_l {
    width: 50.38%;
}

.ueb_l img {
    width: 100%;
    display: block;
}

.ueb_r {
    width: 54.61%;
    height: 540px;
    background-color: rgba(245, 245, 246, 0.6);
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 2;
}

.ueb_r em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #313131;
    margin-top: 80px;
}

.ueb_r span {
    font-size: 20px;
    display: block;
    color: #313131;
    text-align: center;
    margin: 15px 0 45px;
}

.ueb_r p {
    width: 70%;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    color: #313131;
    margin-bottom: 15px;
    line-height: 200%;
}

.ueb_r1, .ueb_r2 {
    text-align: center;
    width: 300px;
    height: 45px;
    line-height: 45px;
    background-color: #ae1e24;
    color: #ffffff !important;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    transition: all 0.5s;
}

.ueb_r2 {
    cursor: pointer;
}

.ueb_r1:hover, .ueb_r2:hover {
    color: #ffffff;
    background-color: #d6151d;
}

.ueb_r1 {
    margin: 50px auto 20px;
}

.understand_ff {
    width: 100%;
}

.understand_ff .g_title {
    background-color: #eeeef0;
    padding: 90px 0 230px;
}

.understand_ff .g_title p {
    margin-top: 5px;
}

.understand_ff .g_title em:nth-child(2) {
    margin-bottom: 20px;
}

.uf_t {
    max-width: 1300px;
    margin: -190px auto 0;
    overflow: hidden;
}

.uf_t li {
    width: 49.07%;
    float: left;
    margin-right: 1.86%;
}

.uf_t li:nth-child(2n) {
    margin-right: 0;
}

.uf_t li img {
    width: 100%;
    display: block;
}

.uf_b {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
}

.uf_b li {
    display: inline-block;
    margin: 0 10px;
}

.understand_gf {
    margin: 0px auto 95px;
    padding-top: 85px;
}

.ug {
    max-width: 1300px;
    margin: 35px auto 0;
    overflow: hidden;
}

.ug dl {
    width: 31.92%;
    height: 400px;
    background-color: #eeeef0;
    float: left;
    margin-right: 2.12%;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
}

.ug dl::after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s;
}

.ug dl:hover::after {
    opacity: 1;
}

.ug dl .news_zz em {
    margin-top: 80px;
}

.ug dl:hover .news_zz {
    opacity: 1;
    top: 0;
}

.ug dl:nth-child(3n) {
    margin-right: 0;
}

.ug dl dt {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.ug dl dt img {
    width: 100%;
    display: block;
}

.ug dl dd {
    padding: 5%;
}

.ug dl dd span {
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    color: #313131;
}

.ug dl dd a {
    font-size: 16px;
    color: #313131;
    line-height: 180%;
}

.yd_understand {
    display: none;
}

.understand_hf {
    background-color: #eeeef0;
    padding: 85px 0 100px;
}

.uh {
    max-width: 1300px;
    margin: 40px auto 0;
    overflow: hidden;
}

.uh_l {
    width: 27.30%;
    float: left;
}

.uhl_t li img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.uhl_t li img:hover {
    transform: scale(1.1)
}

.uhl_t li:nth-child(1) {
    display: block;
}

.uhl_t li {
    display: none;
}

#main_gyds_con .news {
    margin-top: 20px !important;
}

.understand_af, .understand_bf, .understand_cf, .understand_df, .understand_ef, .understand_ff, .understand_gf, .understand_hf {
    position: relative;
}

#about_m1, #about_m2, #about_m3, #about_m4, #about_m5, #about_m6, #about_m7, #about_m8, #about_m9, #about_m10 {
    position: absolute;
    top: -100px;
    left: 50%;
    width: 1px;
    height: 1px;
    z-index: -1;
}

.uhl_b {
    margin-top: 45px;
    width: 100%;
    /* overflow: hidden; */
}

.uhl_b li {
    width: 33.33%;
    float: left;
    font-size: 14px;
    color: #313131;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.uhl_b .uhlbli::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #cb242b;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -8px;
}

.uh_r {
    width: 70%;
    float: right;
}

.uhr .uhr_t:nth-child(1) {
    display: block;
}

.uhr_t {
    display: none;
    width: 92%;
    padding: 4%;
    position: relative;
    background-color: #ffffff;
}

.uhr_t dl:nth-child(1) {
    border-bottom: 1px solid #989898;
    padding-bottom: 13px;
}

.uhr_t dl:nth-child(1) dt {
    font-size: 20px;
    color: #2f2725;
    font-weight: bold;
    text-align: right;
}

.uhr_t dl:nth-child(1) dd {
    font-size: 20px;
    color: #2f2725;
    font-weight: bold;
}

.uhr_t dl {
    overflow: hidden;
    margin-bottom: 15px;
}

.uhr_t dl dt {
    width: 22%;
    float: left;
}

.uhr_t dl dt span {
    width: 58%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background-color: #313131;
    display: block;
    float: right;
}

.uhr_t dl dd {
    width: 52%;
    float: left;
    padding-left: 10%;
}

.uhr_t dl dd a {
    display: block;
    font-size: 16px;
    color: #2f2725;
    line-height: 30px;
    margin-bottom: 1px;
}

.uhr_t dl dd a:hover {
    color: #ae1e24;
}

.uhr_t::before {
    content: '';
    display: block;
    height: 90%;
    width: 1px;
    background-color: #989898;
    position: absolute;
    left: 29%;
    top: 3.5%;
}

.crumbs {
    max-width: 1300px;
    text-align: left;
    font-size: 14px;
    color: #4c4948;
    margin: 70px auto 50px;
}

.crumbs a {
    color: #4c4948;
}

.crumbs span {
    margin: 0 5px;
}

.details {
    max-width: 1300px;
    margin: 0 auto 190px;
    overflow: hidden;
}

.details_af {
    max-width: 1300px;
    margin: 37px auto 60px;
    overflow: hidden;
}

.da_l {
    max-width: 657px;
    width: 50.538%;
    float: left;
}

.dal_t {
    width: 100%;
}

.dal_t li {
    width: 100%;
    height: 441px;
    text-align: center;
}

.dal_t li .jqzoom span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.dal_t li .zoomPad > img {
    max-width: 100%;
    max-height: 441px;
}

.dal_t img {
    /*width: 100%;*/
    /*max-height: 441px;*/
}

.jqzoom_item {
    display: inline-block;
}
/*.zoomPup {
    background-color: rgba(0, 0, 0, 0.3);
}*/

/*.zoomWindow {
    overflow: hidden;
    height: 407px;
    width: 620px !important;
}*/
/*.zoomWrapper {
    width: 100% !important;
}*/

/*.zoomWrapperImage {
    height: 407px !important;
}*/
.zoomWrapperImage img {
    width: auto;
}

.dal_t li .zoomWindow {
    left: 102% !important;
}

.dal_b {
    padding: 0 20px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.dal_b li {
    max-width: 131px;
    max-height: 88px;
    overflow: hidden;
    border: 1px solid #cfd3dc;
    margin-right: 9px;
    text-align: center;
}

.dal_b li img {
    max-width: 131px;
    max-height: 88px;
}

.dal_b .swiper-button-next {
    width: 12px;
    height: 100%;
    background-image: url(../images/dal_b_next.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    right: 0;
    top: 0;
}

.dal_b .swiper-button-prev {
    width: 12px;
    height: 100%;
    background-image: url(../images/dal_b_prev.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    left: 0;
    top: 0;
}

.da_r {
    width: 45.3125%;
    float: right;
}

.dar_title {
    display: block;
    font-size: 27px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccd0d9;
}

.dbbr_t {
    width: 100%;
    border-bottom: 1px solid #9a181d;
    overflow: hidden;
}

.dbbr_t li {
    width: 110px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-color: #e1e1e1;
    font-size: 14px;
    color: #303030;
    float: left;
    margin-right: 4px;
    transition: all 0.5s;
    cursor: pointer;
}

.dbbr_t li.dbbrt {
    background-color: #9a181d;
    color: #ffffff;
}

.dar_dl {
    margin-top: 35px;
}

.dar_dl dl {
    overflow: hidden;
    margin-bottom: 23px;
}

.dar_dl dl dt {
    font-size: 14px;
    width: 85px;
    float: left;
    font-weight: bold;
    line-height: 20px;
}

.dar_dl dl dd {
    max-width: 400px;
    line-height: 20px;
    float: left;
    font-size: 14px;
}

.dar_dl dl:nth-child(1) dd {
    color: #ae1e24;
    font-size: 18px;
    font-weight: bold;
}

.dar_yx {
    overflow: hidden;
    margin-top: 30px;
}

.dar_yx dt {
    width: 227px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #9a181d;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    color: #ffffff;
    margin-right: 26px;
}

.dar_yx dd {
    width: 138px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #9a181d;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
}

.dar_rwm {
    margin-top: 36px;
    overflow: hidden;
}

.dar_rwm dt {
    width: 98px;
    height: 98px;
    float: left;
}

.dar_rwm dt img {
    width: 100%;
    display: block;
}

.dar_rwm dd {
    float: left;
    margin: 22px 0 0 20px;
}

.dar_rwm dd i {
    width: 45px;
    height: 45px;
    background-image: url(../images/dar_rwm_i.png);
    display: block;
    background-size: 100% 100%;
}

.dar_rwm dd em {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #7d888b;
    margin-top: 10px;
}

.details_l {
    width: 28.46%;
    float: left;
}

.dl_1, .dl_2, .dl_3 {
    width: 100%;
    padding: 50px 0;
    background-color: #eeeef0;
    margin-bottom: 35px;
}

.dl_1_t {
    width: 64.86%;
    height: 45px;
    line-height: 43px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    margin: 0 auto;
    background-color: #ae1e24;
}

.dl_1_b {
    width: 64.86%;
    margin: 0 auto;
}

.dl_1_b dl dt {
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 20px;
    color: #313131;
    border-bottom: 1px dashed #c6c6c7;
    cursor: pointer;
}

.dl_1_b dl:nth-child(1) dd {
    display: block;
}

.dl_1_b dl dd {
    display: none;
    border-bottom: 1px dotted #c6c6c7;
    padding: 10px 0 20px;
}

.dl_1_b dl dd a {
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 40px;
    color: #313131;
    font-family: '楷体';
}

.dl_1_b dl dd a:hover {
    color: #ae1e24;
}

.dl_2_b {
    width: 64.86%;
    max-height: none;
    margin: 35px auto 0;
    /* overflow-y: scroll; */
}

.dl_2_b::-webkit-scrollbar {
    display: none;
}
/* .dl_2_b::-webkit-scrollbar {
    width: 4px;
    height: 100%;
    background-color: #c9caca;
    margin-left: 10px;
} */
/* .dl_2_b::-webkit-scrollbar-trac {
    width: 2px;
    height: 100%;
    background-color: #c9caca;
} */
/* .dl_2_b::-webkit-scrollbar-thumb {
    width: 4px;
    height: 45px;
    background-color: #898989;
} */
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.dl_2_b dl {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.dl_2_b dl dt {
    width: 100%;
}

.dl_2_b dl dt img {
    width: 100%;
    display: block;
}

.dl_2_b dl dd {
    width: 92%;
    padding: 0 4%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #313131;
}

.dl_2_b dl dd a {
    display: inline-block;
    width: 75px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    float: right;
    border: 1px solid #817f7f;
    border-radius: 10px;
    color: #313131;
    margin-top: 15px;
    font-family: '楷体';
}

.dl_3_b {
    width: 100%;
    position: relative;
    margin: 30px 0;
}

.dl_3_b img {
    width: 99%;
    display: block;
}

.dl_3_b a {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%;
    background-color: #ae1e24;
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 80px;
    box-shadow: 0px 2px 2px #9b9796;
}

.dl_3_b a:hover {
    color: #ffffff;
    background-color: #d6151d;
}

.details_r {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 63.4%;
    padding: 4% 4%;
    float: left;
    outline: 2px solid #dbdbda;
}

.dr_af {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.dr_af .swiper-button-next {
    right: 70px;
    left: auto;
    top: auto;
    bottom: 8px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 22px;
    z-index: 15;
    color: #ffffff;
}

.dr_af .swiper-button-prev {
    right: 95px;
    left: auto;
    top: auto;
    bottom: 8px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 22px;
    z-index: 15;
    color: #ffffff;
}

.dr_af .swiper-pagination {
    text-align: right;
    font-size: 18px;
    color: #ffffff;
    width: 94% !important;
    padding: 0 3%;
    bottom: 6px;
}

.dr_af img {
    width: 100%;
    display: block;
}

.dr_bf {
    width: 88%;
    overflow: hidden;
    margin: 40px auto 30px;
    padding-bottom: 25px;
    border-bottom: 3px solid #666666;
}

.dr_bf dt {
    max-width: 500px;
    float: left;
}

.dr_bf dt em {
    max-width: 100%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 28px;
    color: #2f2725;
    display: block;
    margin-bottom: 40px;
}

.dr_bf dt span {
    font-size: 16px;
    color: #4c4948;
    display: none;
    margin: 10px 0 40px;
}

.dr_bf dt i {
    display: block;
    font-size: 20px;
    color: #4c4948;
}

.dr_bf dt i b {
    color: #ae1e24;
}

.dr_bf dd {
    float: right;
}

.dr_bf dd img {
    width: 114px;
    height: 114px;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
}

.dr_bf dd p {
    text-align: center;
    font-size: 16px;
    color: #4c4948;
    line-height: 45px;
}

.dr_cf {
    width: 88%;
    margin: 0 auto;
}

.dr_cf li {
    height: 50px;
    line-height: 50px;
    background-color: #f8f8f9;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding-left: 20px;
    border-bottom: 1px dashed #adadad;
}

.dr_cf li:nth-child(2n) {
    background-color: #ffffff;
}

.dr_cf li dl {
    width: 100%;
    height: 100%;
}

.dr_cf li dl dt {
    float: left;
    color: #000000;
}

.dr_cf li dl dd {
    float: left;
    color: #4c4948;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dr_df {
    width: 400px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
    background-color: #ae1e24;
    margin: 50px auto;
}

.dr_df a {
    color: #fff;
}

.dr_ef {
    width: 85%;
    margin: 0 auto;
}

.dre_t {
    width: 100%;
    font-size: 33px;
    color: #2f2725;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 3px solid #666666;
    /*padding-top: 50px;*/
}

.dr_ef .dre_t {
    padding-top: 50px;
}

.dre_b {
    width: 100%;
    margin: 45px auto 25px;
    border: 1px solid #666666;
}

.dre_b li {
    border-bottom: 1px solid #b8b8b8;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #f8f8f9;
}

.dre_b li span {
    width: 33%;
    display: inline-block;
    padding-left: 5%;
    border-right: 1px solid #b8b8b8;
}

.dre_b li em {
    width: 61.7%;
    display: inline-block;
    text-align: center;
    background-color: #ffffff;
}

.dre_b li i {
    width: 25.5%;
    display: inline-block;
    padding-left: 7%;
}

.dre_ts {
    text-align: right;
    font-size: 12px;
    color: #727171;
}

.dr_ff {
    margin-top: 50px;
}

.dr_ff .dre_t {
    width: 88%;
    /*margin: 20px auto;*/
    margin: 0 auto 20px auto;
}

.dr_ff .mh {
    width: 94%;
}

.dr_ff .mh dl {
    border: 0;
}

.dr_ff .mh dl dt img {
    opacity: 1;
}

.drf_img {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 15px;
}

.drf_img dt {
    position: absolute;
    top: 70px;
    left: 55px;
    width: 400px;
}

.drf_img dt em {
    display: block;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 40px;
}

.drf_img dt p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}

.drf_img img {
    display: block;
    width: 100%;
}

.dr_gf {
    width: 100%;
}

.drg_t {
    text-align: center;
    margin: 45px auto 40px;
    position: relative;
    z-index: 1;
}

.drg_t::before {
    width: 250px;
    height: 2px;
    background-color: #4c4948;
    content: '';
    display: block;
    position: absolute;
    top: 51%;
    left: 50%;
    margin-left: -125px;
    z-index: -1;
    display: block;
}

.drg_t span {
    font-size: 28px;
    color: #2f2725;
    padding: 0 15px;
    background-color: #ffffff;
}

.drg_t span i {
    background-color: #ae1e24;
    color: #ffffff;
    padding: 5px 5px 4px;
}

.drg_b {
    width: 100%;
}

.drg_b dt {
    width: 100%;
}

.drg_b dt img {
    width: 100%;
    display: block;
}

.drg_b dd {
    padding: 40px 0;
    text-align: center;
}

.drg_b dd em {
    display: block;
    font-size: 24px;
    color: #2f2725;
    margin-bottom: 15px;
}

.drg_b dd span {
    font-size: 16px;
    color: #4c4948;
    display: block;
}

.drg_by {
    width: 85%;
    margin: 0 auto;
}

.drg_by dl {
    width: 100%;
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}

.drg_by dl dt {
    width: 74.625%;
}

.drg_by dl dt img {
    width: 100%;
    display: block;
}

.drg_by dl dd {
    width: 255px;
    height: 205px;
    padding-left: 35px;
    background-color: rgba(201, 107, 67, 0.8);
    position: absolute;
}

.drg_by dl dd em {
    font-size: 24px;
    color: #ffffff;
    display: block;
    margin-bottom: 15px;
    margin-top: 40px;
}

.drg_by dl dd p {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 5px;
}

.drg_by dl:nth-child(1) dt {
    float: left;
}

.drg_by dl:nth-child(2) dt {
    float: right;
}

.drg_by dl:nth-child(1) dd {
    top: 65px;
    right: 0;
}

.drg_by dl:nth-child(2) dd {
    top: 65px;
    left: 0;
}

.dr_hf {
    width: 100%;
    margin: 75px auto 0;
}

.drh_b img {
    display: block;
}

.dr_if {
    width: 88%;
    margin: 80px auto 0;
}

.dri {
    width: 100%;
    overflow: hidden;
    padding-bottom: 45px;
    position: relative;
}

.dri img {
    width: 100%;
    display: block;
}

.dri .swiper-pagination {
    width: 35px;
    left: auto;
    right: 0;
    font-size: 14px;
}

.dri .swiper-button-next {
    right: 45px;
    left: auto;
    top: auto;
    bottom: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 19px;
    z-index: 11;
}

.dri .swiper-button-prev {
    right: 70px;
    left: auto;
    top: auto;
    bottom: 10px;
    width: 20px;
    height: 20px;
    background-image: unset;
    font-size: 19px;
    text-align: center;
    line-height: 20px;
    z-index: 11;
}

.dr_jf {
    width: 80.5%;
    margin: 70px auto 0;
    overflow: hidden;
    padding: 0 10%;
}

.drj {
    width: 100%;
    position: relative;
}

.drj::before {
    width: 14%;
    height: 100%;
    content: '';
    left: -14%;
    position: absolute;
    background-color: #ffffff;
    z-index: 3;
    top: 0;
}

.drj::after {
    width: 14%;
    height: 100%;
    content: '';
    top: 0;
    right: -14%;
    position: absolute;
    background-color: #ffffff;
    z-index: 3;
}

.drj .swiper-button-next {
    width: 50px;
    height: 70px;
    background-image: url(../images/drj_next.jpg);
    background-size: 100%;
    z-index: 10;
    right: -80px;
}

.drj .swiper-button-prev {
    width: 50px;
    height: 70px;
    background-image: url(../images/drj_prev.jpg);
    background-size: 100%;
    z-index: 10;
    left: -80px;
}

.drj .drj_t img {
    width: 100%;
    display: block;
}

.drj_b {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.drj_b img {
    width: 100%;
}

.drj_b li {
    width: 31.03%;
    float: left;
    cursor: pointer
}

.drj_b li img {
    width: 100%;
    display: block;
}

#news {
    max-width: 1300px;
    margin: 20px auto 0;
}

#news dl {
    margin-bottom: 2.5%;
    position: relative;
    overflow: hidden;
}

#news dl:hover .news_zz {
    height: 100%;
    top: 0;
}

.news dl:hover .news_zz {
    top: 0;
    opacity: 1;
}

.news_zz {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20%;
    left: 0%;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s;
    overflow: hidden;
}

.news dl::after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s;
}

.news dl:hover::after {
    opacity: 1;
}

.news_zz em {
    font-size: 22px;
    color: #ffffff;
    display: block;
    width: 70%;
    margin: 0 auto;
    line-height: 35px;
    text-align: center;
    margin-top: 150px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_zz span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin: 40px auto 35px;
}

.news_zz_link {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.news_zz .news_zz_link_box {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #313131;
    display: block;
    margin: 0 auto;
    background-color: #ffffff;
}

#news_more {
    margin-bottom: 155px;
    position: relative;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}

#news_more::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 12px;
    background-image: url(../images/sma.png);
    background-size: 100% 100%;
    background-position: center;
    margin-left: 20px;
}

.product {
    max-width: 1300px;
    margin: 20px auto 0;
}

.product_t {
    max-width: 1300px;
    overflow: hidden;
    outline: 2px solid #e7e7e7;
    margin-bottom: 40px;
}

.product_t dt {
    width: 30.76%;
    float: left;
    text-align: center;
}

.product_t dt em {
    display: block;
    font-size: 34px;
    color: #313131;
    margin-top: 120px;
}

.product_t dt span {
    display: block;
    font-size: 16px;
    color: #313131;
    margin: 15px auto 60px;
}

.product_t dt p {
    width: 75%;
    margin: 0 auto;
    font-size: 14px;
    color: #313131;
    line-height: 30px;
}

.product_t dd {
    width: 69.23%;
    float: right;
}

.product_t dd img {
    width: 100%;
    display: block;
}

.product_b {
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
}

.product_b dl {
    width: 48.84%;
    height: 500px;
    background-color: #eeeef0;
    float: left;
    position: relative;
    margin: 0 2.32% 3.5% 0;
}

.product_b dl:nth-child(2n) {
    margin-right: 0;
}

.product_b dl dt {
    width: 100%;
    height: 380px;
    line-height: 380px;
    text-align: center;
    overflow: hidden;
}

.product_b dl dt img {
}

.product_b dl dd {
    width: 94%;
    height: 120px;
    line-height: 120px;
    position: relative;
    margin: 0 3%;
}

.product_b dl dd span {
    font-size: 24px;
    color: #313131;
    display: inline-block;
    max-width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 24px;
    color: #313131;
}

.product_b dl dd a {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #a2a2a4;
    display: block;
    float: right;
    font-size: 14px;
    color: #313131;
    margin-top: 35px;
}

.product_b dl:hover .pb_zz {
    height: 100%;
    top: 0;
}

.pb_zz {
    width: 100%;
    height: 0%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 50%;
    overflow: hidden;
    transition: all 0.5s;
}

.pb_zz em {
    width: 60px;
    height: 60px;
    line-height: 57px;
    text-align: center;
    font-size: 41px;
    color: #ffffff;
    border-radius: 50%;
    display: block;
    border: 3px solid #ffffff;
    margin: 130px auto 0;
}

.pb_zz span {
    font-size: 28px;
    text-align: center;
    display: block;
    margin: 20px 0 45px;
    color: #ffffff;
}

.pb_zz a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.pb_zz .pb_zz_more {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;
    font-size: 14px;
    color: #313131;
    display: block;
    margin: 0 auto;
}

.bottom_bar {
    display: none;
}



.f1_t {
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}

.f1_t_l {
    float: left;
}

.f1_t_l dt img {
    width: 46%;
}

.f1_t_l dd span {
    display: block;
    padding-left: 30px;
    background-image: url(../images/f1_t_l_s.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    color: #585858;
    margin: 50px 0 5px;
}

.f1_t_l dd em {
    font-size: 32px;
    color: #ae1e24;
}

.f1_t_r {
    float: right;
}

.f1_t_r ul {
    text-align: left;
    float: left;
    margin-left: 104px;
    position: relative;
}

.f1_t_r ul:nth-child(1) {
    margin-left: 0;
}

.f1_t_r ul li {
    margin-bottom: 20px;
    font-size: 16px;
}

.f1_t_r ul li:nth-child(1) {
    margin-bottom: 40px;
}

.f1_t_r ul li em {
    font-size: 20px;
    font-weight: bold;
    color: #313131;
}

.f1_t_r ul li em a {
    color: #313131;
    transition: all 0.5s;
    font-size: 20px;
}

.f1_t_r ul li em a:hover {
    color: #ae1e24;
}

.f1_t_r ul li a {
    font-size: 16px;
    color: #313131;
    transition: all 0.5s;
    position: relative;
}

.f1_t_r ul li a:hover {
    color: #ae1e24;
}

.f1_t_r ul li a:hover::after {
    width: 100%;
    left: 0;
}

.f1_t_r ul li a::after {
    width: 0;
    height: 1px;
    background-color: #ae1e24;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    transition: all 0.5s;
}

.f1_t_r ul li span {
    font-size: 24px;
    color: #000000;
}

.f1_t_r ul li b {
    display: block;
    font-size: 24px;
    color: #000000;
    margin-top: 5px;
    font-weight: unset;
}

.f1_t_r ul li img {
    width: 143px;
    height: 143px;
    display: block;
    margin-left: -7px;
}

.f1_t_r ul:nth-child(3) li img {
    margin-top: 27px;
}

.f1_t_r ul li p {
    font-size: 14px;
    padding-left: 10px;
}

.f1_t_r ul:nth-child(3) li:last-child {
    position: absolute;
    bottom: 0;
    right: 0;
}

.f1_b {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #eeeef0;
}

.f1_b ul {
    max-width: 1300px;
    margin: 0 auto;
}

.f1_b ul li {
    font-size: 14px;
    color: #4c4948;
    float: left;
}

.f1_b ul li a {
    padding: 0 10px;
    border-left: 1px solid #aaa9aa;
    color: #4c4948;
}

.f1_b ul li:nth-child(2) a {
    border: 0;
    padding-left: 0;
}

.f1_f {
    max-width: 1300px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #898989;
}

.f1_f br {
    display: none;
}

.yd_footer_2 {
    display: none;
}

.masterPhoto .list li {
    width: 430px;
    height: 350px;
    margin-right: 5px;
}

.masterPhoto .list li:nth-child(3n) {
    margin-right: 0px;
}

.masterPhoto .list li .item_pic {
    height: 320px;
}

.exclusiveShop .main_gf ul li {
    height: 175px;
    margin-bottom: 50px;
}

.art-details {
    /* padding-bottom: 60px; */
}

.magaz-detls {
    margin-top: 100px;
}

.bm100 {
    padding-bottom: 100px;
}

.visit {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.5s;
}

.visit_1 {
    z-index: 100;
    opacity: 1;
}

.understand_ef .visit {
    max-width: 1300px;
    display: none;
    margin-top: 100px;
}

.understand_ff .visit {
    max-width: 1300px;
    display: none;
    margin-top: -190px;
}

.visit dl {
    width: 100%;
    margin: 60px auto 0;
    position: relative;
}

.visit dl dt img {
    width: 100%;
    display: block;
}

.visit dl dt img:nth-child(2) {
    width: 100%;
    display: none;
}

.visit dl dd {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.visit dl dd em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    margin-top: 8%;
    margin-bottom: 2%;
}

.visit dl dd p {
    margin-bottom: 15px;
    text-align: center;
}

.visit dl dd p input {
    width: 42.30%;
    height: 45px;
    background-color: #ffffff;
    border: 0;
    font-size: 18px;
    padding-left: 2%;
}

.visit dl dd p:last-child input {
    background-color: #ae1e24;
    color: #ffffff;
    width: 44.30%;
    cursor: pointer;
}

.sign_out {
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 35px;
    font-weight: 300;
    position: absolute;
    line-height: 30px;
    text-align: center;
    top: 8%;
    right: 12%;
    z-index: 10;
    color: #3c3638;
    cursor: pointer;
    transform: rotate(45deg);
}

.sidebar {
    width: 70px;
    position: fixed;
    top: 100%;
    right: 0;
    z-index: 1002;
    transition: all 0.5s;
}

.sidebar_1 {
    top: 30%;
}

.sidebar li {
    background-repeat: no-repeat;
}

.sidebar li a {
    width: 100%;
    height: 100%;
    display: block;
}

.sidebar li:nth-child(1) {
    width: 100%;
    height: 60px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
}

.sidebar li:nth-child(2) {
    width: 100%;
    height: 81px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
    background-position: 0 -60px;
    cursor: pointer;
}

.sidebar li:nth-child(3) {
    width: 100%;
    height: 90px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
    background-position: 0 -140px;
    cursor: pointer;
}

.sidebar li:nth-child(4) {
    width: 100%;
    height: 70px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
    background-position: 0 -231px;
}

.yd_bar {
    display: none;
}

#main_gydsAbout {
    padding-top: 45px;
}
/*新闻详情页*/
.art-cont-wrap {
    overflow: hidden;
    padding-bottom: 80px;
}

.art-cont-wrap .art-cont-l {
    width: 930px;
    float: left;
    /*border: 1px solid #e7e7e7;
    padding: 20px 30px;*/
}

.art-cont-wrap .art-cont-l .Article {
    border: 1px solid #e7e7e7;
    padding: 10px 10px;
    width: auto;
}

.art-cont-wrap .art-cont-r {
    width: 330px;
    float: right;
}

.art-cont-wrap .Article .Article_time {
    border-bottom: 1px dotted #e7e7e7;
}

.art-cont-wrap .Article .Article_time {
    height: 40px;
    line-height: 40px;
}

.art-cont-wrap .art-box {
    padding: 0 20px;
    border: 1px solid #e7e7e7;
    margin-bottom: 30px;
}

.art-cont-wrap .art-box .art-box-hd {
    height: 49px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
}

.art-cont-wrap .art-box .art-box-bd {
    padding: 10px 0px;
}

.art-cont-wrap .art-box .art-box-bd li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.art-cont-wrap .art-box .art-box-bd li a {
    color: #333333;
    transition: all 0.5s;
    font-size: 14px;
}

.art-cont-wrap .art-box .art-prolist {
    overflow: hidden;
}

.art-cont-wrap .art-box .art-prolist li {
    width: 140px;
    height: 135px;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

.art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
    height: 100px;
    position: relative;
}

.art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic img {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.art-cont-wrap .art-box .art-prolist li:nth-child(2n) {
    margin-right: 0px;
}

.art-cont-wrap .art-prolist-item-tit {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-top: 5px;
}

@media screen and (max-width:1300px ) {
    .zy_nav_1 {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .drf_img img {
        width: 100%;
    }

    .drh_b img {
        width: 100%;
    }
}

@media screen and (max-width:1160px ) {
    .product_b dl dt {
        height: 325px;
    }

    .news dl dt {
        height: 232px;
    }

    .ngr_b li {
        margin-left: 42px;
    }

    .ngr_b {
        width: 800px;
    }

    .ng_right {
        width: 800px;
    }

    .ueb_r {
        top: 0px;
        height: 100%;
    }

    .main_af ul li:nth-child(2) .ma {
        left: -76%;
    }

    .main_af ul li:nth-child(3) .ma {
        left: -76%;
    }

    .main_af ul li:nth-child(4) .ma {
        left: -76%;
    }

    .product_b dl {
        height: 460px;
    }

    .f1_t_r ul {
        margin-left: 50px;
    }

    .ug dl {
        height: 342px;
    }

    .ug dl dt {
        height: 214px;
    }
}

@media screen and (max-width:1060px ) {
    .dal_t li {
        height: 358px;
    }

    .zy_nav_1 {
        top: 0;
    }

    .drj .swiper-button-prev {
        left: -60px;
    }

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

    .ug dl dt {
        height: 205px;
    }

    .ug dl {
        height: 380px;
    }

    .mc_nav dl dd em {
        margin-top: 45px;
    }

    .ngrb_z dl dt a {
        height: 96px;
    }

    .crumbs {
        margin: 50px 0 30px;
    }

    .ge dl dd i {
        margin-top: 50px;
    }

    .product_b dl {
        height: 447px;
    }

    .product_b dl dd a {
        margin-top: 40px;
    }

    .product_b dl dd span {
        max-width: 280px;
    }

    .news dl dd p {
        overflow: hidden;
    }

    .jf li {
        height: 300px;
    }

    .zy_nav {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .ug dl .news_zz em {
        margin-top: 34px;
    }

    .ueb_r em {
        margin-top: 37px;
    }

    .ngrb_z {
        height: 350px;
    }

    .ngrbz {
        margin-top: 40px;
    }

    .ngrbz .ngrbz_l li:nth-child(1) {
        margin-bottom: 20px;
    }

    .news_zz em {
        margin-top: 116px;
    }

    .product_t dt em {
        margin-top: 70px;
    }

    .product_t dt span {
        margin-bottom: 30px;
    }

    .pb_zz em {
        margin-top: 100px;
    }
}

@media screen and (max-width:1000px ) {
    .news dl dt {
        height: 205px;
    }

    .product_b dl dt {
        height: 286px;
    }

    .ug dl dt {
        height: 189px;
    }

    .ngrbz {
        margin: 40px 20px 0;
    }

    .ueb_r em {
        margin-top: 40px;
    }

    .ueb_r p {
        width: 90%;
    }

    .uh_l {
        width: 30%;
    }

    .f1_t_r ul {
        margin-left: 30px;
    }

    .uhr_t dl dd {
        width: 60%;
    }

    .news_zz em {
        font-size: 20px;
        width: 80%;
    }

    .navigation {
        height: 130px;
        padding: 0 3%;
    }

    .ngr_t {
        margin: 25px 0;
    }

    .logo {
        width: 73px;
        height: auto;
    }

    .ngrb {
        top: 130px;
    }

    .ngr_b li a {
        font-size: 16px;
    }

    .zy_nav {
        width: 90%;
    }

    .dr_ff .mh {
        width: 100%;
    }

    .ge dl dd em {
        font-size: 28px;
    }

    .gg p {
        text-align: center;
    }

    .main_af ul li:hover .ma {
        display: none;
    }

    .main_af ul li:hover::before {
        display: none;
    }

    .main_af ul li:nth-child(2n):hover {
        background-color: #ffffff;
    }

    .main_af ul li:hover {
        background-color: #d7d7d9;
    }

    .zy_nav_1 {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
}

@media screen and (max-width:900px ) {
    .product_b dl dt {
        height: 258px;
    }

    .dal_t li {
        height: 300px;
    }

    .ngr_b li {
        margin-left: 35px;
    }

    .news dl dt {
        height: 184px;
    }

    .ngr_b {
        width: 700px;
    }

    .ng_right {
        width: 700px;
    }

    .ngrb_z dl dt a {
        height: auto;
    }

    .ngrb_z dl dd a {
        width: 100%;
    }

    .details_l {
        display: none;
    }

    .details_r {
        width: 90%;
    }

    .f1_t_l {
        display: none;
    }

    .f1_t {
        width: 100%;
    }

    .f1_t_r {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .f1_t_r ul {
        margin: 0 20px;
    }

    .stay input {
        width: 170px;
        padding-left: 10px;
    }

    .stay input:last-child {
        padding-left: 0;
    }

    .gd dl dd {
        font-size: 26px;
    }

    .main_gf ul li {
        width: 80%;
        padding: 0 10%;
        border: 0;
        margin-bottom: 50px;
    }

    .main_gf ul li:nth-child(1) em {
        display: block;
    }

    .main_gf ul li em {
        display: none;
    }

    .more {
        width: 350px;
    }

    .mer_zz em {
        width: 150px;
        height: 40px;
        line-height: 40px;
        margin: -21px 0 0 -77px;
        font-size: 18px;
        border: 1px solid #ffffff;
    }

    .jg_b dd em {
        padding-top: 44px;
    }

    .main_gf {
        margin: 80px auto 100px;
    }

    .jf li i {
        font-size: 40px;
    }

    .jf li em {
        font-size: 33px;
    }

    .jf li p {
        font-size: 17px;
    }

    .je dl dd {
        font-size: 18px;
    }

    .je dl {
        width: 23%;
    }

    .product_t dt em {
        font-size: 28px;
        margin-top: 40px;
    }

    .product_t dt p {
        width: 90%;
    }

    .product_b dl {
        height: 378px;
    }

    .product_b dl dd a {
        margin-top: 40px;
    }

    .ueb_r {
        top: 5%;
        height: 90%;
    }

    .ueb_r p {
        display: none;
    }

    .uhr {
        display: none;
    }

    .uh_l {
        width: 100%;
        overflow: hidden;
    }

    .uhl_t {
        overflow: hidden;
    }

    .uhl_t li {
        width: 30%;
        float: left;
        display: block;
        margin-right: 5%;
    }

    .uhl_t li:nth-child(3n) {
        margin-right: 0;
    }

    .uhl_b {
        margin-top: 25px;
    }

    .uhl_b li {
        width: 30%;
        margin-right: 5%;
    }

    .uhl_b li:nth-child(3n) {
        margin-right: 0;
    }

    .uhl_b .uhlbli::before {
        display: none;
    }

    .uh_r {
        width: 100%;
    }

    .ug dl dt {
        height: 168px;
    }

    .ug dl {
        height: 340px;
    }

    .ug dl .news_zz em {
        width: 90%;
        font-size: 16px;
        line-height: 180%;
    }

    .news_zz span {
        font-size: 14px;
    }

    .ngrb {
        display: none !important;
    }

    .ngr_b li:hover a {
        border: 0;
    }
}

@media screen and (max-width:860px ) {
    .news dl {
        width: 48%;
        margin-right: 4%;
    }

    .ngr_b li {
        margin-left: 35px;
    }

    .news dl:nth-child(3n) {
        margin-right: 4%;
    }

    .news dl:nth-child(2n) {
        margin-right: 0;
    }

    .ug dl {
        width: 48%;
        height: 372px;
        margin-right: 4%;
    }

    .ug dl:nth-child(3n) {
        margin-right: 4%;
    }

    .ug dl:nth-child(2n) {
        margin-right: 0;
    }

    .main_df .news dl:nth-child(3) {
        display: none;
    }

    .ug dl dt {
        height: 243px;
    }

    .ng_right {
        width: 650px;
    }

    .ngr_b {
        width: 650px;
    }
}

@media screen and (max-width:768px ) {
    .yd_footer_2 .xz_yf21 {
        width: 100%;
        border: 0;
        margin: 0 auto;
        float: unset;
        padding-bottom: 0;
    }

    .yd_footer_2 .xz_yf21 em {
        margin-top: 15px;
    }

    .yd_footer_2 .xz_yf21 img {
        width: 30%;
    }

    .zoomPup {
        display: none !important;
    }

    .zoomWindow {
        display: none !important;
    }

    .dal_t li {
        height: auto;
    }

    .details_af {
        width: 94%;
    }

    .da_l {
        width: 100%;
        max-width: 100%;
    }

    .da_r {
        width: 100%;
        margin-top: 30px;
    }

    .dar_rwm {
        display: none;
    }

    .dre_t {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .dr_cf li:nth-child(3) dl dd {
        width: 80%;
    }

    .art-cont-wrap .art-box .art-prolist li {
        height: 235px;
    }

    .art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
        height: 195px;
    }

    .mh_b {
        width: 96%;
        display: block;
        margin: 10px auto 20px;
    }

    .mh_b img {
        width: 100%;
        display: block;
    }

    .mh {
        display: none !important;
    }

    .dr_ff .mh_b {
        width: 90%;
        margin-top: 20px;
    }

    .join-wrap .wp_com_nav a:hover {
        background-color: #a73c3c;
        color: #ffffff;
    }

    .wp_com_nav_sppro a {
        width: 19.85% !important;
    }

    .wp_com_nav_sppro a:nth-child(3) {
        border-right: solid 1px #dedede !important;
    }

    .wp_com_nav_sppro a:nth-child(5) {
        border-right: 0;
    }

    .wp_about_nav a {
        width: 16.55% !important;
    }

    .wp_about_nav a:nth-child(3) {
        border-right: solid 1px #dedede !important;
    }

    .f1_f br {
        display: block;
    }

    .banner_ny {
        bottom: 5px !important;
    }

    .guarantee_af {
        padding-top: 50px;
    }

    .jc_t p {
        font-size: 20px;
    }

    .news dl dd p {
        font-size: 20px;
    }

    .news dl dd a {
        font-size: 25px;
        height: auto;
    }

    .news dl dd span {
        font-size: 20px;
    }

    #container7301987a27b1f3e5f74b45fdf540fc06_7 {
        height: 390px !important;
    }

    .uhl_b li {
        font-size: 19px;
    }

    .more, .more:link {
        font-size: 18px;
    }

    .uhl_b li {
        font-size: 17px;
    }

    .main_gf ul li a {
        font-size: 24px;
        padding-left: 28px;
        background-image: url(../images/mg_s.png);
        background-repeat: no-repeat;
        background-size: auto 90%;
    }

    .banner .swiper-pagination span {
        height: 3px;
    }

    .yd_nav_menu {
        width: 100%;
        display: block;
        text-align: center;
        margin: auto;
        background-color: #f3f1f1;
        padding: 10px 0;
        z-index: 1002;
    }

    .yd_nav_menu a {
        display: inline-block;
        width: 20%;
        line-height: 55px;
        font-size: 25px;
        text-align: center;
        color: #333333;
    }

    .zzjxList_yd_nav_menu a {
        width: 30%;
    }

    .yd_nav_menu a.cur {
        color: #ae1e24;
    }

    .mc_li li img {
        display: none;
    }

    .mc_li li .mc_li_wp_pic {
        display: block;
    }

    .mc_li li .mcli {
        display: none;
    }

    #news dl {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    #news dl dt {
        height: auto !important;
    }

    .understand_ef .g_title em {
        margin-bottom: 10px;
    }

    .understand_ef .g_title p {
        margin-top: 3px;
    }

    .Article_content div img {
        width: 100% !important;
        height: auto !important;
    }

    .news_content .nav {
        display: none;
    }

    #main_about_con {
        width: 94%;
        margin: 30px auto 0;
    }

    #main_about_con img {
        width: 100%;
    }

    .ug dl:hover::after {
        display: none;
    }

    .product_b dl dt img {
        width: 100%;
    }

    .main_gf ul li:nth-child(1) em {
        display: none;
    }

    .main_af ul li .ma {
        display: none !important;
    }

    .dri .swiper-button-prev {
        right: 20px;
        width: 14px;
        font-size: 14px;
        bottom: 7px;
    }

    .dri .swiper-button-next {
        right: 0;
        width: 16px;
        font-size: 14px;
        bottom: 7px;
    }

    .dri {
        padding-bottom: 35px;
    }

    .drg_by dl dd p {
        line-height: 20px;
    }

    .drf_img {
        width: 94%;
        margin: 20px auto 0;
    }

    .dbbr_t {
        width: 94%;
        margin: 0 auto;
    }

    .drf_img dt {
        top: 30px;
        left: 25px;
        width: 350px;
    }

    .drf_img dt em {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .drf_img dt p {
        font-size: 20px;
        line-height: 32px;
    }

    .news dl:hover::after {
        opacity: 0;
        display: none;
    }

    .crumb-wrap {
        display: none;
    }

    .main_gyds_tit {
        display: none;
    }

    .bottom_bar {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #910000;
        overflow: hidden;
        z-index: 1003;
    }

    .bottom_bar li {
        width: 50%;
        float: left;
        line-height: 50px;
        text-align: center;
        color: #ffffff;
        font-size: 21px;
    }

    .bottom_bar li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #ffffff;
    }

    .zy_nav {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.9);
        display: flex;
        z-index: -10;
        opacity: 0;
        justify-content: unset;
        flex-wrap: wrap;
        align-content: center;
        transition: all 0.5s;
    }

    .zynav_1 {
        z-index: 75;
        opacity: 1;
    }

    .zy_nav li {
        height: 40px;
        line-height: 40px;
        background-color: unset;
        font-size: 15px;
    }

    .zy_nav li a {
        background-color: unset;
        color: #fff;
    }

    .layui-form-item .layui-input-block {
        text-align: center;
        margin-left: 0;
    }

    .layui-form-item .layui-form-label {
        width: 65px !important;
    }

    .wp_md_title {
        margin-top: 40px;
        margin-bottom: 40px;
        display: block;
    }

    .wp_md_title em {
        font-size: 35px;
    }

    .wp_md_title span {
        width: 300px;
        font-size: 19px;
        line-height: 40px;
        margin: 0px auto;
        height: auto;
        padding-top: 2px;
    }

    .wp_g_title, .wp_g_title {
        display: block !important;
        margin-top: 40px;
    }

    .wp_m_title {
        margin-top: 40px;
        display: block;
    }

    .wp-column-hd, .wp_g_title {
        display: none !important;
    }

    .wp_banner {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .wp_banner img {
        width: 100%;
        display: block;
    }

    .understand .wp {
        display: block;
    }

    .understand .pc {
        display: none;
        width: 100%;
    }

    .join .wp {
        display: block;
    }

    .join .pc {
        display: none;
        width: 100%;
    }

    .guarantee .wp {
        display: block;
    }

    .guarantee .pc {
        display: none;
        width: 100%;
    }

    .column-main .column-hd {
        margin: 40px auto !important;
        font-size: 32px !important;
        font-weight: bold;
    }

    .artGallery .list li {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    .artGallery .list li .item_pic {
        text-align: center;
        height: auto !important;
    }

    .artGallery .list li .item_pic img {
        width: 90%;
        height: auto !important;
    }

    .list li .item_title {
        font-size: 16px;
        margin-top: 15px;
    }

    .art-cont-wrap .art-cont-l {
        width: 94%;
        padding: 3%;
        border: 0;
    }

    .art-cont-wrap .art-cont-l p img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .art-cont-wrap .art-cont-r {
        width: 94%;
        padding: 3%;
    }

    .art-cont-wrap .art-box .art-prolist li {
        width: 48%;
        margin-right: 4%;
    }

    .art-cont-wrap {
        padding-bottom: 0;
    }

    .understand_ef .visit {
        margin-top: 50px;
    }

    .understand_ff .visit {
        margin-top: -130px;
    }

    .main_bf .yd_more::after {
        margin-top: -2px;
    }

    .mg_title {
        letter-spacing: 0px;
    }

    .pro-info {
        margin-top: 20px;
    }

    .productShow .banner {
        display: none;
    }

    .drg_t span i {
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .visit dl {
        width: 100%;
        top: 15%;
    }

    .visit dl dt img:nth-child(1) {
        display: none;
    }

    .visit dl dt img:nth-child(2) {
        display: block;
    }

    .visit dl dd p input {
        width: 85%;
        height: 55px;
        font-size: 18px;
    }

    .visit dl dd em {
        font-size: 25px;
        margin: 20% 0 5%;
    }

    .visit dl dd p:last-child input {
        width: 87%;
    }

    .dr_bf dt {
        width: 72%;
        display: block;
    }

    .product_b dl:hover .pb_zz {
        display: none;
    }

    #news_more::after {
        width: 15px;
        height: 11px;
        margin-left: 10px;
        margin-top: -2px;
    }

    .guarantee_bf {
        overflow: hidden;
        position: relative;
    }

    .guarantee_bf .gt_n {
        display: none;
    }

    .yd_gb {
        position: absolute;
        display: block;
        float: left;
        width: 25.33%;
        padding: 5% 4%;
        left: 8%;
        top: 35%;
        background-color: rgba(188, 165, 127, 0.8);
        font-size: 19px;
        color: #fff;
        line-height: 35px;
        z-index: 5;
    }

    .gb {
        width: 68%;
        float: right;
        overflow: hidden;
    }

    .gb li {
        border-radius: 0;
        width: 100%;
        margin: 0;
        display: none;
    }

    .gb li img {
        width: 100%;
        display: block;
    }

    .gb li:nth-child(1) {
        display: block;
    }

    .gb li img:nth-child(1) {
        display: none;
    }

    .gb li img:nth-child(2) {
        display: block;
    }


    .navigation {
        display: none;
    }

    .yd_header {
        display: flex;
        width: 92%;
        padding: 0 4%;
        height: 150px;
        overflow: hidden;
        justify-content: flex-end;
        align-items: center;
        position: relative;
    }

    .yd_logo {
        width: 85px;
        float: left;
        position: absolute;
        left: 5%;
        top: 12%;
    }

    .yd_logo img {
        width: 100%;
        display: block;
    }

    .yd_tltle {
        width: 270px;
        float: left;
    }

    .yd_tltle img {
        width: 100%;
        display: block;
    }

    .search {
        width: 32px;
        height: 32px;
        margin: 0 6%;
        overflow: hidden;
    }

    .search i {
        width: 32px;
        height: 32px;
        display: block;
        float: left;
        background-image: url(../images/yd_search.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .search_1 i {
        display: none;
    }

    .search .search_l {
        width: 32px;
        height: 32px;
        display: block;
        float: right;
        background-image: url(../images/yd_search.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: unset;
        border: 0;
        display: none;
    }

    .search_1 {
        width: 50%;
        background-color: #eeeef0;
        position: absolute;
        right: 5%;
        padding: 2% 3%;
    }

    .search_1 .search_l {
        display: block;
    }

    .search_r {
        display: none;
    }

    .search_1 .search_r {
        width: 70%;
        height: 32px;
        float: right;
        background-color: unset;
        margin-right: 2%;
        font-size: 18px;
        border: 0;
        display: block;
    }

    .search_1 b {
        width: 32px;
        height: 32px;
        display: block;
        float: left;
        background-image: url(../images/search_b.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .search_t {
        display: block;
    }

    .search_b {
        display: none;
    }

    .column {
        width: 35px;
        height: 27px;
        background-image: url(../images/column.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .nav {
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eeeef0;
    }

    .nav_1 {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10003;
    }

    .nav li {
        width: 25%;
        font-size: 24px;
        color: #3e3a39;
        text-align: center;
        position: relative;
    }

    .nav li:nth-child(1)::before {
        display: none;
    }

    .nav li::before {
        content: '';
        width: 1px;
        height: 80%;
        background-color: #797677;
        display: block;
        position: absolute;
        left: 0;
        top: 10%;
    }

    .nav li a {
        color: #000000;
        width: 100%;
        height: 100%;
    }

    .nav li.cur a {
        color: #ae1e24;
    }

    .stay input {
        width: 20%;
        margin: 0 1%;
    }

    .main_af {
        padding: 20px 0;
    }

    .main_af em {
        color: #b01f24;
        margin-bottom: 10px;
    }

    .main_af ul {
        width: 100%;
    }

    .main_af ul li {
        width: auto;
        background: unset;
        height: auto;
        line-height: unset;
        font-size: 24px;
        margin: 0 3%;
    }

    .main_af ul li:nth-child(2n) {
        background: unset;
    }

    .gallery-thumbs {
        display: none;
    }

    .main_bf {
        margin: 80px auto;
    }

    .mb_dl {
        width: 90%;
        padding: 0 5%;
        margin-top: 40px;
    }

    .mb .swiper-wrapper {
        width: 100%;
        flex-wrap: wrap;
    }

    .main_bf .more {
        display: none;
    }

    .main_bf .yd_more {
        display: flex;
        position: relative;
        align-items: center;
        line-height: 45px;
        height: 43px;
        padding-top: 2px;
        font-size: 18px;
        justify-content: center;
        margin-top: 15px;
        letter-spacing: 2px;
    }

    .main_bf .yd_more:hover {
        background-color: #ae1e24;
    }

    .main_bf .yd_more::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 11px;
        background-image: url(../images/sma.png);
        background-size: 100% 100%;
        background-position: center;
        margin-left: 10px;
    }

    .main_bf .ydm::after {
        transform: rotate(180deg);
    }

    .mb_dl dl {
        margin-bottom: 15px;
    }

    .mb_dl dl:nth-child(n+4) {
        display: none;
    }

    .yd_mb_dl dl:nth-child(n+4) {
        display: block;
    }

    .mb_dl dl dd {
        width: 94%;
        padding: 0 3%;
        background-color: #262626;
        height: 70px;
        bottom: 0;
        margin: 0;
        left: 0;
        position: unset;
        border: 0;
        text-align: left;
        line-height: 70px;
        opacity: 1;
    }

    .mb_dl dl dd em {
        display: inline-block;
        margin-top: 0;
        font-size: 24px;
        margin-left: 0;
    }

    .mb_dl dl dd span {
        display: inline;
        margin: 0;
        font-size: 20px;
        margin-left: 4%;
        padding-left: 4%;
        position: relative;
        top: -1px;
    }

    .mb_dl dl dd span::before {
        content: '/';
        position: absolute;
        left: 0;
        font-size: 18px;
    }

    .mb_dl dl dd b {
        float: right;
        margin-top: 0;
    }

    .mc_li li .mcli {
        top: 0;
    }

    .mc_nav {
        display: none;
    }

    .mc_li .swiper-button-white {
        display: none;
    }

    .mc_li .swiper-wrapper {
        width: 90%;
        padding: 0 5%;
        flex-wrap: wrap;
        margin-top: 40px;
    }

    .mc_li li {
        margin-bottom: 15px;
    }

    .main_cf {
        padding: 80px 0;
    }

    .main_ff {
        display: none;
    }

    .me_l {
        display: none;
    }

    .me_r {
        display: none;
    }

    .main_if {
        display: none;
    }

    .main_hf {
        height: auto;
        padding: 20px 0 40px;
    }

    .mh {
        width: 90%;
        padding: 0 5%;
        height: 100px;
    }

    .mh dl {
        border: 0;
    }

    .mh dl dt {
        width: 41px;
        height: 41px;
    }

    .mh dl dd {
        font-size: 18px;
        color: #2f2725;
    }

    .main_hf .more {
        display: block !important;
        margin-top: 0;
    }

    .main_df {
        margin: 80px auto;
    }

    .main_df .md_title em {
        display: none;
    }

    .main_df .md_title span {
        display: none;
    }

    .main_df .md_title i {
        display: block;
        text-align: center;
        font-size: 38px;
        color: #2f2725;
        letter-spacing: 8px;
    }

    .main_df .news {
        width: 90%;
        padding: 0 5%;
    }

    .main_df .news dl {
        width: 100%;
        background-color: unset;
        border-bottom: 1px dashed #4c4948;
    }

    .main_df .news dl dt {
        display: none;
    }

    .main_df .news dl dd a {
        font-size: 25px;
    }

    .main_df .news dl dd p {
        font-size: 20px;
    }

    .main_df .news dl dd {
        padding: 8% 0;
    }

    .yd_me {
        display: block;
        width: 90%;
        padding: 0 5%;
        overflow: hidden;
        margin-top: 60px;
    }

    .yd_me dl {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 5%;
        float: left;
        background-color: #eeeef0;
    }

    .yd_me dl:nth-child(2n) {
        margin-right: 0;
    }

    .yd_me dl dt {
        width: 100%;
    }

    .yd_me dl dt img {
        width: 100%;
        display: block;
    }

    .yd_me dl dd {
        text-align: center;
        font-size: 24px;
        color: #000000;
        line-height: 60px;
    }

    .yd_me li {
        width: 48%;
        text-align: center;
        line-height: 140px;
        background-color: #eeeef0;
        float: left;
        font-size: 38px;
        color: #2f2725;
        margin: 0 4% 4% 0;
    }

    .yd_me li:nth-child(2n) {
        margin-right: 0;
    }

    #main_gf {
        display: none;
    }

    .footer_1 {
        display: none;
    }

    .yd_footer_2 {
        display: block;
        width: 100%;
        background-color: #1f1f1f;
    }

    .yf2_1 {
        overflow: hidden;
        border-bottom: 1px solid #ffffff;
    }

    .yf21 {
        width: 49.9%;
        float: left;
        text-align: center;
        border-right: 1px solid #ffffff;
        padding-bottom: 50px;
    }

    .yf21:nth-child(2) {
        border: 0;
    }

    .yf21 em {
        display: block;
        font-size: 30px;
        color: #ffffff;
        margin: 55px 0 20px;
    }

    .yf21 span {
        display: block;
        font-size: 18px;
        color: #ffffff;
        margin: 20px 0 8px;
    }

    .yf21 img {
        width: 50%;
    }

    .yf21 p {
        display: block;
        font-size: 20px;
        color: #fff;
    }

    .yf21 a {
        color: #fff;
    }

    .yf21 p i {
        font-size: 22px;
    }

    .yf2_2 {
        padding-top: 30px;
        text-align: center;
    }

    .yf2_2 em {
        display: inline-block;
        text-align: center;
        font-size: 45px;
        color: #ffffff;
        padding-left: 60px;
        background-image: url(../images/yf22_em.png);
        background-repeat: no-repeat;
        background-position: left;
    }

    .yf2_2 span {
        display: block;
        text-align: center;
        font-size: 35px;
        color: #ffffff;
        margin: 70px 0 30px;
    }

    .yf2_2 input {
        width: 88%;
        padding-left: 2%;
        height: 50px;
        background-color: #ffffff;
        border: 0;
        margin-bottom: 15px;
        font-size: 24px;
    }

    .yf2_2 input:last-child {
        padding-left: 0;
        width: 90%;
        background-color: #ae1e24;
        color: #ffffff;
    }

    .yf2_2 .button {
        padding-left: 0;
        width: 90%;
        background-color: #ae1e24;
        color: #ffffff;
    }

    .yf2_3 em {
        font-size: 30px;
        display: block;
        text-align: center;
        color: #ffffff;
        margin: 60px auto 20px;
    }

    .yf2_3 p {
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        padding: 0 3%;
        padding-bottom: 40px;
    }

    .crumbs {
        display: none;
    }

    .drj::before {
        height: 102%;
        top: -1%;
    }

    #derails {
        display: none;
    }

    .details_r {
        width: 100%;
        padding: 0;
        outline: 0;
    }

    .dr_ff .mh {
        width: 90%;
        padding: 0;
    }

    .drj::after {
        width: 18%;
        right: -17.9%;
        height: 102%;
        top: -1%;
    }

    .guarantee_af .g_title span {
        width: 47%;
        margin: 0 auto;
        line-height: 160%;
        font-size: 20px;
    }

    .ga {
        width: 90%;
        margin: 40px auto 0;
    }

    .ga dl {
        background-color: #eeeef0;
    }

    .ga dl dd {
        position: unset;
        color: #4c4948;
        text-align: left;
        background-color: #eeeef0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 87%;
        padding-left: 2%;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
    }

    .ga .swiper-button-next {
        display: none;
    }

    .ga .swiper-button-prev {
        display: none;
    }

    .ga .swiper-pagination {
        color: #4c4948;
        right: 10px;
        bottom: 10px;
    }

    .guarantee_cf {
        width: 90%;
        margin-top: 60px;
        padding: 40px 5%;
        margin-bottom: 250px;
    }

    .guarantee_cf .g_title em {
        text-align: left;
    }

    .guarantee_cf .g_title span {
        text-align: left;
        line-height: 170%;
    }

    .gc {
        overflow: unset;
        height: 300px;
        position: relative;
    }

    .gc li:nth-child(1) {
        width: 53.92%;
        position: absolute;
        top: 95%;
    }

    .gc li:nth-child(2) {
        width: 43%;
        position: absolute;
        right: -5%;
        margin: 0;
        top: 40%;
    }

    .gc li:nth-child(3) {
        width: 53.92%;
        position: absolute;
    }

    .guarantee_df {
        background-color: #eeeef0;
        width: 90%;
        padding: 80px 5%;
        margin: 80px 0;
    }

    .gd dl dd {
        width: 100%;
        position: unset;
        font-size: 25px;
        margin: 50px 0 0;
        color: #2f2725;
    }

    .gd dl dt {
        position: relative;
    }

    .gd dl dt::after {
        content: '1';
        position: absolute;
        top: 95%;
        left: 50%;
        width: 44px;
        height: 44px;
        margin-left: -22px;
        font-size: 30px;
        line-height: 44px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.8);
        color: #ffffff;
        border-radius: 50%;
    }

    .gd dl:nth-child(2) dt::after {
        content: '2';
    }

    .gd dl:nth-child(3) dt::after {
        content: '3';
    }

    .guarantee_ef {
        width: 90%;
        padding: 0 5%;
    }

    .ge dl dd i {
        margin: 35px auto 15px;
    }

    .ge dl dd em {
        font-size: 20px;
    }

    .guarantee_ff {
        width: 90%;
        padding: 50px 5% 0;
    }

    .guarantee_ff .g_title span {
        width: 80%;
        margin: 0 auto;
        line-height: 170%;
    }

    .main_gf ul li p {
        margin-top: 15px;
        font-size: 23px;
    }

    .guarantee_gf {
        height: 300px;
        background-image: url(../images/yd_gg_bg.jpg);
    }

    .gg {
        padding-top: 70px;
    }

    .gg p {
        font-size: 28px;
    }

    .gg p span {
        font-size: 22px;
    }

    .main_gf ul {
        margin: 80px auto 40px;
    }

    .join_af {
        margin: 80px 0;
    }

    .join_af .g_title p {
        margin-top: 15px;
    }

    .join_af .g_title p i {
        margin: 0 8px;
    }

    .ja {
        margin-top: 40px;
        width: 90%;
        padding: 0 5%;
    }

    .ja dt {
        line-height: 160%;
        font-size: 20px;
    }

    .ja dd {
        display: unset;
    }

    .ja dd .ja_l {
        margin: 0 auto;
    }

    .ja dd .ja_r {
        margin: 0 auto;
        text-align: center;
        border: 0;
        width: 100%;
        height: auto;
        padding-top: 0px;
    }

    .ja dd .ja_r em {
        display: inline;
        font-size: 20px;
    }

    .ja dd .ja_r i {
        display: inline-block;
        margin: 0 10px;
        font-size: 24px;
        font-weight: bold;
    }

    .join_bf {
        width: 90%;
        padding: 80px 5%;
    }

    .jb_l {
        width: 100%;
        padding: 0;
        background-color: #eeeef0;
    }

    .jb_t span {
        display: block;
    }

    .jb_t p {
        margin: 10px 0 35px;
        font-size: 18px;
    }

    .jb_b p {
        display: none;
    }

    .jb_r {
        width: 100%;
        padding: 0;
    }

    .jbr {
        width: 100%;
        padding: 0;
        background-color: #eeeef0;
        margin-top: 45px;
        margin-bottom: 0;
    }

    .join_cf {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .jc_t p {
        line-height: 180%;
        margin-bottom: 25px;
    }

    .jc_b .swiper-button-next {
        display: none;
    }

    .jc_b .swiper-button-prev {
        display: none;
    }

    .jc_b li {
        width: 100%;
        margin-right: 0;
    }

    .join_df {
        width: 90%;
        padding: 0 5%;
        margin-bottom: 80px;
    }

    .join_df::before {
        display: none;
    }

    .jd {
        display: none;
    }

    .yd_jd {
        display: block !important;
        width: 100%;
        overflow: hidden;
        margin-top: 40px;
    }

    .yd_jd li {
        width: 100%;
    }

    .yd_jd li img {
        display: block;
        width: 100%;
    }

    .join_ef {
        width: 90%;
        padding: 80px 5%;
    }

    .je {
        display: block;
    }

    .je dl {
        width: 92%;
        padding: 4% 4% 8%;
        background-color: #ffffff;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .je dl:nth-child(1) {
        width: 100%;
        padding: 2% 0 3%;
    }

    .je dl dt p {
        display: block;
        text-align: left;
        position: relative;
        padding-top: 10px;
    }

    .je dl:nth-child(1) dt p {
        float: right;
        padding-top: 10px;
        width: 60%;
        margin: 8px 0 8px;
    }

    .je dl:nth-child(1) dt p i {
        top: 0px;
        right: 3%;
    }

    .je dl:nth-child(1) dd p {
        width: 60%;
        float: right;
        line-height: 160%;
    }

    .je dl dt p em {
        font-size: 28px;
        color: #2f2725;
    }

    .je dl dt p i {
        font-size: 40px;
        float: right;
        color: #969595;
        position: absolute;
        top: 0;
        right: 0;
    }

    .je dl dt img {
        display: none;
    }

    .je_img {
        display: block;
        float: left;
        width: 37.69%;
    }

    .je_img img {
        width: 100%;
    }

    .je dl dd {
        line-height: 160%;
        text-align: left;
        margin-top: 10px;
    }

    .je dl dd p {
        margin: 0;
    }

    .join_ff {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .jf li {
        height: 310px;
    }

    .jf li i {
        width: 80px;
        height: 80px;
        background-color: #ffffff;
        position: relative;
        top: 0;
        left: auto;
        display: block;
        margin: 0 auto;
        text-align: center;
        line-height: 90px;
        color: #c3575b;
        top: -2px;
    }

    .jf li em {
        font-size: 28px;
        margin: 20px 0 20px;
    }

    .jf li p {
        line-height: 160%;
    }

    .join_gf {
        width: 90%;
        padding: 80px 5%;
    }

    .jg img:nth-child(1) {
        display: none;
    }

    .jg img:nth-child(2) {
        width: 100%;
        display: block;
    }

    .join_gf::after {
        display: none;
    }

    .jg_b {
        width: 100%;
        margin: 0;
        position: unset;
    }

    .jg_b dd {
        position: unset;
    }

    .jg_b dd em {
        color: #2f2725;
        padding-top: 60px;
    }

    .jg_b dd span {
        color: #2f2725;
    }

    .jg_b dd p input {
        width: 98%;
        padding-left: 2%;
        height: 55px;
        font-size: 18px;
        background-color: #d6d6d8;
    }

    .jg_b dd p:last-child input {
        width: 100%;
    }

    .join_hf {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .jh img:nth-child(1) {
        display: none;
    }

    .jh img:nth-child(2) {
        width: 100%;
        display: block;
    }

    .join_hf .more {
        display: block;
    }

    #news {
        width: 90%;
        padding: 0 5%;
    }

    .product_t {
        display: none;
    }

    .product_b {
        width: 90%;
        padding: 0 5%;
    }

    .product_b dl {
        height: auto !important;
        width: 100%;
        margin-right: 0;
    }

    .product_b dl dt {
        height: auto;
        line-height: unset;
    }

    .product_b dl dd {
        line-height: unset;
        height: auto;
        padding-bottom: 0px;
    }

    .product_b dl dd a {
        margin-top: 33px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }

    .product_b dl dd span {
        font-size: 30px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60%;
        line-height: 104px;
    }

    .understand_af {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .understand_af .g_title {
        display: block;
    }

    .understand_af .ua_b {
        display: none;
    }

    .ua_img {
        display: none;
    }

    .ua_t p {
        line-height: 180%;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .g_title em {
        font-size: 32px;
    }

    .ueb_r1, .ueb_r2 {
        font-size: 18px;
    }

    .understand_bf {
        width: 90%;
        padding: 80px 5%;
        background-color: #eeeef0;
    }

    .understand_bf .g_title {
        padding: 0;
    }

    .ub {
        margin: 40px 0 0 0;
    }

    .understand_cf {
        background-color: #eeeef0;
        margin: 0;
        padding-bottom: 300px;
        padding-top: 0;
    }

    .understand_df {
        width: 90%;
        height: 370px;
        margin: -220px auto;
        background-image: url(../images/ub_f.jpg);
        background-size: 100%;
    }

    .ud {
        width: 90%;
        margin-top: 40px;
        margin: 0 auto;
    }

    .ud em {
        margin-top: 40px;
    }

    .ud ul {
        margin-left: 0;
        width: 300px;
    }

    .ud ul li {
        width: 100px;
        border: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .understand_ef {
        width: 100%;
        padding: 0 0;
        margin-bottom: 100px;
        margin-top: 300px;
    }

    .ue_t ul .swiper-button-prev {
        display: none;
    }

    .ue_t ul .swiper-button-next {
        display: none;
    }

    .ue_t ul {
        width: 90%;
        margin: 0 auto;
    }

    .ue_t ul li {
        width: 100%;
        margin-right: 0;
    }

    .ue_b {
        width: 100%;
        margin: 80px 0;
    }

    .ueb_l {
        width: 100%;
    }

    .ueb_r {
        width: 90%;
        top: 0;
        height: 100%;
        background-color: unset;
    }

    .ueb_r em {
        text-align: left;
        color: #ffffff;
        margin-top: 80px;
    }

    .ueb_r span {
        text-align: left;
        color: #ffffff;
        margin: 30px 0 40px;
    }

    .ueb_r span i {
        display: block;
        opacity: 0;
        height: 10px;
    }

    .ue_b .ueb_r1 {
        width: 300px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        margin-left: -180px;
        bottom: -75px;
        left: 50%;
        position: absolute;
        letter-spacing: 2px;
    }

    .ue_b .ueb_r2 {
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin-left: -180px;
    }

    .understand_ff {
        width: 90%;
        padding: 0 5%;
        background-color: unset;
        margin-bottom: 60px;
    }

    .understand_ff .g_title {
        background-color: unset;
        padding: 0;
    }

    .uf_t {
        margin: 35px 0 0 0;
    }

    .uf_t li {
        width: 100%;
        display: none;
    }

    .uf_t li:nth-child(1) {
        display: block;
    }

    .uf_b {
        margin-top: -25px;
    }

    .uf_b li:nth-child(2) {
        display: block;
    }

    .uf_b li {
        width: 100%;
    }

    .ueb_r1 {
        margin: 0 auto 20px;
    }

    .understand_gf {
        width: 90%;
        padding: 80px 5%;
        background-color: #f9f9fa;
    }

    .ug dl {
        width: 100%;
        height: auto;
        margin-right: 0;
        background-color: #ffffff;
        margin-bottom: 3%;
    }

    .ug dl:nth-child(n+4) {
        display: none;
    }

    .ug dl dt {
        height: auto;
    }

    .ug dl dd span {
        font-size: 22px;
    }

    .ug dl dd a {
        font-size: 26px;
    }

    .news_zz {
        display: none !important;
    }

    .understand_hf {
        width: 90%;
        padding: 80px 5%;
    }

    .yd_understand {
        display: block;
        width: 90%;
        padding: 0 5%;
        margin-bottom: 80px;
    }

    .yd_u_li {
        margin-top: 30px;
    }

    .yd_u_li li {
        padding: 35px 0;
        border-bottom: 1px dashed #5c5857;
    }

    .yd_u_li li span {
        font-size: 22px;
        color: #4c4948;
        display: block;
    }

    .yd_u_li li a {
        display: block;
        font-size: 28px;
        color: #333333;
        margin: 25px 0 15px;
    }

    .yd_u_li li p {
        font-size: 24px;
        color: #2f2725;
        line-height: 160%;
    }

    .sidebar {
        width: 50px;
    }

    .sidebar li:nth-child(1) {
        height: 44px;
    }

    .sidebar li:nth-child(2) {
        height: 59px;
        background-position: 0 -44px;
    }

    .sidebar li:nth-child(3) {
        height: 60px;
        background-position: 0 -103px;
    }

    .sidebar li:nth-child(4) {
        height: 51px;
        background-position: 0 -163px;
    }

    .yd_bar {
        width: 60%;
        height: 100%;
        position: fixed;
        z-index: 1008;
        top: 0;
        left: -60%;
        display: block;
        background-color: #ffffff;
        transition: all 0.5s;
    }

    .ydb_t {
        height: 150px;
        background-color: #191919;
    }

    .ydb_t i {
        width: 29px;
        height: 29px;
        background-image: url(../images/ydb_t.png);
        background-size: 100%;
        background-repeat: no-repeat;
        float: right;
        display: block;
        margin: 60px 10% 0 0;
    }

    .ydb_b {
        width: 90%;
        height: 87%;
        overflow-y: scroll;
        text-align: left;
    }

    .ydb_b::-webkit-scrollbar {
        display: none;
    }

    .ydb_b dl {
        width: 100%;
    }

    .ydb_b dl .bb_dt i::before {
        display: none;
    }

    .ydb_b dl dt {
        border-bottom: 1px solid #999999;
        line-height: 260%;
        color: #3e3a39;
        font-size: 28px;
        padding-left: 10%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ydb_b dl dt i {
        width: 15px;
        height: 15px;
        display: block;
        position: relative;
    }

    .ydb_b dl dt i::after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #3e3a39;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .ydb_b dl dt i::before {
        content: '';
        width: 2px;
        height: 100%;
        background-color: #3e3a39;
        position: absolute;
        top: 0%;
        left: 50%;
        display: block;
    }

    .ydb_b dl dd {
        border-bottom: 1px solid #999999;
        padding-left: 10%;
        padding-bottom: 3%;
        display: none;
    }

    .ydb_b dl dd a {
        display: block;
        font-size: 18px;
        color: #666464;
        margin: 7% 0;
    }

    .ydb_b dl dt a {
        width: 100%;
        height: 100%;
        display: block;
        color: #3e3a39;
    }

    .zzc {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 1005;
        display: none;
    }
}

@media screen and (max-width:650px ) {
    .dr_cf li {
        padding-left: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width:550px ) {
    .yd_me dl dd {
        font-size: 18px;
    }

    .pc-float-nav {
        display: none;
    }

    .yd_gb {
        font-size: 14px;
        line-height: 20px;
    }

    .yd_header {
        height: 90px;
    }

    .yd_logo {
        width: 51px;
    }

    .yd_tltle {
        width: 190px;
    }

    .search {
        width: 25px;
        height: 25px;
    }

    .search i {
        width: 25px;
        height: 25px;
    }

    .search_1 {
        width: 50%;
    }

    .search_1 .search_r {
        height: 25px;
        font-size: 14px;
    }

    .search_1 .search_l {
        width: 25px;
        height: 25px;
    }

    .search_1 b {
        width: 25px;
        height: 25px;
        background-size: 60% 60%;
    }

    .column {
        width: 27px;
        height: 20px;
    }

    .nav li {
        font-size: 16px;
    }

    .nav {
        height: 40px;
    }

    .dr_bf {
        width: 90%;
        margin: 20px auto 15px;
        padding-bottom: 15px;
    }

    .dr_bf dt em {
        font-size: 30px;
    }

    .dr_cf {
        width: 90%;
    }

    .dr_df {
        width: 300px;
        border-radius: 10px;
    }

    .dre_t {
        font-size: 30px;
    }

    .dre_b li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .mh dl dd {
        font-size: 15px;
    }

    .drg_by dl:nth-child(1) dd {
        top: 20px;
    }

    .drg_by dl dd em {
        font-size: 21px;
    }

    .drg_by dl dd p {
        font-size: 14px;
    }

    .drg_by dl dd {
        height: 190px;
    }

    .drg_by dl:nth-child(2) dd {
        top: 25px;
    }

    .drg_t span {
        font-size: 25px;
    }

    .g_title em {
        font-size: 26px;
    }

    .g_title span {
        font-size: 14px;
    }

    .ga dl dd {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .gc li:nth-child(1) {
        top: 70%;
    }

    .guarantee_cf {
        margin-bottom: 150px;
    }

    .gd dl dt::after {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 25px;
        margin-left: -17px;
    }

    .gd dl dd {
        margin-top: 40px;
        font-size: 16px;
    }

    .guarantee_af {
        padding-top: 40px;
        margin-bottom: 60px;
    }

    .ga .swiper-pagination {
        font-size: 14px;
        bottom: 18px !important;
        margin-left: -10px;
    }

    .guarantee_df {
        margin: 60px 0;
        padding: 60px 5%;
    }

    .ge dl dd i {
        margin: 25px auto 10px;
    }

    .ge dl dd em {
        font-size: 16px;
    }

    .ge {
        margin-bottom: 0px;
    }

    .gf {
        margin-bottom: 60px;
    }

    .gg p {
        font-size: 24px;
    }

    .gg p span {
        font-size: 18px;
    }

    .main_gf {
        margin: 60px auto;
    }

    .mg_title {
        font-size: 26px;
        letter-spacing: 4px;
    }

    .main_gf ul {
        margin-bottom: 0;
        margin-top: 40px;
    }

    .main_gf ul li em {
        font-size: 25px;
        background-size: auto 90%;
    }

    .main_gf ul li {
        width: 90%;
        padding: 0 5%;
    }

    .main_gf ul li a {
        font-size: 20px;
    }

    .main_gf ul li p {
        font-size: 15px;
    }

    .main_gf .more {
        margin-top: 0;
    }

    .main_hf {
        background-color: #f9f9fa;
    }

    .yf21 em {
        font-size: 26px;
    }

    .yf21 span {
        font-size: 16px;
    }

    .yf21 p {
        font-size: 17px;
    }

    .yf21 p i {
        font-size: 19px;
    }

    .yf2_2 em P {
        font-size: 40px;
    }

    .yf2_2 span {
        font-size: 30px;
    }

    .yf2_3 em {
        margin: 30px auto 10px;
        font-size: 22px;
    }

    .yf2_3 p {
        font-size: 14px;
    }

    .main_af em {
        font-size: 25px;
    }

    .main_af ul li {
        font-size: 21px;
    }

    .main_bf {
        margin: 60px auto;
    }

    .mb_dl dl dd em {
        font-size: 21px;
    }

    .mb_dl dl dd span {
        font-size: 16px;
        top: -3px;
    }

    .mb_dl dl dd span::before {
        font-size: 15px;
    }

    .mb_dl dl dd {
        height: 50px;
        line-height: 50px;
    }

    .main_df .news {
        margin-top: 0;
    }

    .main_df .md_title i {
        font-size: 34px;
    }

    .main_df .news dl dd a {
        font-size: 21px;
    }

    .news dl dd span {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .main_df .news dl dd p {
        margin-top: 15px;
        font-size: 17px;
    }

    .yd_me {
        margin-top: 0;
    }

    .yd_me li {
        line-height: 80px;
        font-size: 30px;
    }

    .main_ef {
        margin-bottom: 60px;
    }

    .join_af {
        margin: 60px 0;
    }

    .join_af .g_title p {
        margin-top: 25px;
        font-size: 17px;
    }

    .ja dd .ja_r em {
        font-size: 16px;
    }

    .ja dd .ja_r i {
        font-size: 22px;
    }

    .join_bf {
        padding: 60px 5%;
    }

    .jb_t span {
        font-size: 25px;
    }

    .jb_t em {
        font-size: 25px;
    }

    .je dl dt p em {
        font-size: 20px;
    }

    .je dl dt p i {
        font-size: 36px;
    }

    .je dl dd {
        font-size: 14px;
    }

    .je dl:nth-child(1) dt p {
        margin: 5px 0;
    }

    .jf li i {
        width: 50px;
        height: 50px;
        line-height: 60px;
    }

    .jf li i {
        font-size: 24px;
    }

    .jf li em {
        font-size: 20px;
        margin: 15px 0;
    }

    .jf li p {
        width: 85%;
        font-size: 14px;
    }

    .jf li {
        height: 230px;
    }

    .join_ff {
        margin: 60px 0;
    }

    .join_gf {
        padding: 60px 5%;
    }

    #news {
        width: 94%;
        padding: 0 3%;
    }

    .news dl dt {
        min-width: auto;
    }

    .news dl dd {
        padding: 3%;
    }

    .news dl dd span {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 180%;
    }

    .news dl dd a {
        font-size: 16px;
        height: auto;
        line-height: 25px;
    }

    .news dl dd p {
        line-height: 22px;
        margin-top: 15px;
        height: 44px;
    }

    #news_more {
        margin-bottom: 60px;
        line-height: 35px;
        padding-top: 2px;
        height: 33px;
    }

    .product_b {
        width: 94%;
        padding: 0 3%;
        margin-top: 0px;
    }

    .product_b dl dd span {
        font-size: 16px;
    }



    .product_b dl dd a {
        width: 120px;
        height: 30px;
        line-height: 30px;
    }



    .understand_af {
        margin: 40px 0;
    }

    .ua_t {
        max-width: 91%;
        margin-bottom: 0;
        margin-top: 35px;
    }

    .understand_bf {
        padding: 40px 5%;
    }

    .ud em {
        margin-top: 21px;
        font-size: 24px;
    }

    .ud span {
        margin: 10px 0 20px;
        font-size: 17px;
    }

    .ud ul li {
        font-size: 14px;
        margin-right: 24px;
    }

    .understand_df {
        height: 280px;
        background-repeat: no-repeat;
    }

    .ud ul {
        width: 250px;
    }

    .ug dl dd {
        padding: 3%;
    }

    .ug dl dd span {
        font-size: 17px;
    }

    .ug dl dd a {
        font-size: 20px;
        line-height: 170%;
    }

    .yd_u_li li span {
        font-size: 17px;
    }

    .yd_u_li li a {
        font-size: 22px;
    }

    .yd_u_li li p {
        font-size: 18px;
    }



    #news dl dt {
        height: 162px;
    }
}

@media screen and (max-width:450px ) {
    .dal_b li {
        max-width: 100px;
        max-height: 67px;
    }

    .dar_yx dt {
        width: 160px;
        height: 32px;
        line-height: 32px;
        margin: 0 0px;
        font-size: 12px;
    }

    .dar_yx dd {
        width: 100px;
        height: 32px;
        line-height: 32px;
        margin: 0 5px;
        font-size: 12px;
    }

    .dar_dl dl dd {
        width: 300px;
    }

    .dar_title {
        font-size: 20px;
    }

    .dar_dl {
        margin-top: 25px;
    }

    .dar_dl dl {
        margin-bottom: 15px;
    }

    .layui-layer {
        width: 96% !important;
        left: 2% !important;
    }

    .jg_b dd p input {
        height: 45px;
        font-size: 16px;
    }

    .visit dl dd em {
        font-size: 20px;
    }

    .visit dl dd p input {
        height: 35px;
        font-size: 14px;
    }

    .art-cont-wrap .art-box .art-prolist li {
        height: 145px;
    }

    .art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
        height: 110px;
    }

    #container7301987a274e56202d60976e9fc7859d_7 {
        height: 205px !important;
    }

    .newsconTJ_con .nav {
        display: none !important;
    }

    .wp_md_title em {
        font-size: 28px;
    }

    .drf_img dt p i {
        display: block;
    }

    .main_bf .yd_more {
        width: 200px;
        height: 35px;
        line-height: 37px;
        font-size: 14px;
        margin-top: 30px;
        letter-spacing: 2px;
    }

    .drf_img dt {
        top: 30px;
        left: 25px;
        width: 202px;
    }

    .drf_img dt em {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .drf_img dt p {
        font-size: 12px;
        line-height: 20px;
    }

    .jc_t p {
        font-size: 14px;
    }

    .ja dt {
        font-size: 14px;
    }

    .ue_b .ueb_r1 {
        font-size: 14px;
    }

    #container7301987a27b1f3e5f74b45fdf540fc06_7 {
        height: 210px !important;
    }

    .uhl_b li {
        font-size: 14px;
    }

    .bottom_bar li {
        line-height: 30px;
        font-size: 14px;
    }

    .wp_md_title span {
        width: 200px;
        font-size: 14px;
        line-height: 20px;
    }

    .yd_nav_menu a {
        line-height: 35px;
        font-size: 15px;
    }

    .uf_b li {
        margin-bottom: 0px;
    }

    .aboutHonor {
        width: 100%;
    }

    .aboutHonor image {
        width: 100%;
    }

    .ue_b .ueb_r2 {
        bottom: -55px;
    }

    .ue_b .ueb_r1 {
        bottom: -35px;
        width: 180px;
        height: 35px;
        line-height: 35px;
    }

    .yd_me dl dd {
        font-size: 18px;
        line-height: 35px;
    }

    .ga dl dd {
        height: 45px;
        line-height: 45px;
    }

    .ga .swiper-pagination {
        bottom: 12px !important;
    }

    .guarantee_gf {
        height: 250px;
    }

    .understand_ff .visit {
        margin-top: -30px;
    }

    .ud {
        width: 82%;
    }

    #about_m8 .g_title em {
        letter-spacing: 3px;
    }

    .nav {
        height: 44px;
    }

    .nav_1 {
        height: 32px;
    }

    .art-cont-wrap .Article .Article_time {
        height: auto;
        line-height: 25px;
    }

    .more, .more:link {
        width: 200px;
        height: 35px;
        line-height: 37px;
        font-size: 14px;
        margin-top: 30px;
        letter-spacing: 2px;
    }

    .join_hf .more {
        margin-top: 10px;
    }

    .dr_af .swiper-button-next {
        font-size: 14px;
        bottom: 7px;
        right: 57px;
        width: 16px;
    }

    .dr_af .swiper-button-prev {
        right: 80px;
        font-size: 14px;
        bottom: 7px;
        width: 16px;
    }

    .dr_af .swiper-pagination {
        font-size: 15px;
    }

    .bm100 {
        padding-bottom: 30px;
    }

    .bm100 .wp_md_title em {
        font-size: 19px !important;
    }

    .je_img {
        margin-top: 10px;
    }

    #news_more {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .product_b dl dd {
        height: auto;
    }

    .understand_gf .more {
        margin-top: 20px;
    }

    .uf_b {
        margin-top: -20px;
    }

    .uf_b .ueb_r1 {
        margin-bottom: 5px;
    }

    .main_cf .more {
        margin-top: 15px;
    }

    .main_df .more {
        margin-top: 30px;
    }

    .main_gf .more {
        margin-top: 0px;
    }

    .dr_ff .mh {
        width: 98%;
    }

    .join_cf {
        margin-top: 40px;
    }

    .jb_t p {
        margin-bottom: 25px;
    }

    .ub {
        margin-top: 20px;
    }

    .ydb_t {
        height: 90px;
    }

    .ydb_t i {
        margin-top: 35px;
        width: 23px;
        height: 23px;
    }

    .ydb_b dl dt i {
        width: 10px;
        height: 10px;
    }

    .ydb_b dl dt i::before {
        width: 1px;
    }

    .ydb_b dl dt i::after {
        height: 1px;
        margin-left: 1px;
    }

    .ydb_b dl dt {
        font-size: 18px;
    }

    .ydb_b dl dd a {
        font-size: 14px;
    }

    .yd_tltle {
        width: 180px;
    }

    .search {
        width: 21px;
        height: 21px;
        margin: 0 5%;
    }

    .search_1 {
        width: 50%;
        right: 7%;
    }

    .search i {
        width: 21px;
        height: 21px;
    }

    .search_1 .search_r {
        height: 21px;
    }

    .search_1 .search_l {
        width: 21px;
        height: 21px;
    }

    .search_1 b {
        width: 21px;
        height: 21px;
    }

    .column {
        width: 24px;
        height: 17px;
    }

    .nav li {
        font-size: 16.5px;
    }

    .nav li:nth-child(3) {
        padding: 0 1.5%;
    }

    .nav li::before {
        top: 14%;
    }

    .stay {
        height: 65px;
    }

    .stay input {
        height: 30px;
        font-size: 13px;
    }

    .main_af em {
        font-size: 18px;
    }

    .main_af ul li {
        font-size: 16px;
        position: relative;
        margin: 0 4%;
    }

    .main_af ul li:after {
        position: absolute;
        width: 1px;
        height: 80%;
        content: '';
        background-color: #333333;
        top: 3px;
        left: -16px;
    }

    .main_af ul li:nth-child(1):after {
        display: none;
    }

    .main_af em {
        margin-bottom: 5px;
        font-weight: bold;
    }

    .main_af {
        padding: 15px 0;
    }

    .main_bf {
        margin: 40px 0;
    }

    .m_title em {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 8px;
    }

    .m_title span {
        width: 140px;
        font-size: 15px;
        line-height: 22px;
        margin: 8px auto;
        height: auto;
        padding-top: 2px;
    }

    .m_title p {
        font-size: 14px;
    }

    .mb_dl {
        margin-top: 30px;
    }

    .mb_dl dl dd {
        height: 40px;
        line-height: 40px;
    }

    .mb_dl dl dd em {
        font-size: 16px;
    }

    .mb_dl dl dd span {
        font-size: 14px;
        top: -1px;
    }

    .mb_dl dl dd span::before {
        font-size: 12px;
    }

    .mb_dl dl dd b {
        font-size: 12px;
        background-size: auto 30%;
    }

    .more {
        width: 220px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        margin-top: 20px;
    }

    .m_title i {
        font-size: 15px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .main_cf {
        padding: 40px 0;
    }

    .main_df {
        margin: 40px 0;
    }

    .main_df .md_title i {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 8px;
    }

    .main_df .news dl dd a {
        display: block;
        margin: 8px auto;
        font-size: 18px;
        height: auto;
        line-height: 23px;
        font-weight: unset;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .main_df .news dl dd p {
        margin-top: 10px;
        font-size: 14px;
    }

    .main_df .news dl dd {
        padding: 7% 0;
    }

    .main_ef {
        margin-top: 60px;
        margin-bottom: 0px;
    }

    .yd_me li {
        font-size: 20px;
        font-weight: bold;
        line-height: 70px;
    }

    .mh dl dt {
        width: 35px;
        height: 35px;
    }

    .mh dl dd {
        font-size: 12px;
        margin-left: 3px;
    }

    .mh {
        height: 60px;
        width: 92%;
        padding: 0 4%;
    }

    .yf21 {
        width: 49.5%;
        padding-bottom: 35px;
    }

    .yf21 em {
        font-size: 18px;
        margin: 35px 0 10px;
    }

    .yf21 span {
        font-size: 12px;
        margin: 13px 0 5px;
    }

    .yf21 p {
        font-size: 14px;
        font-weight: bold;
    }

    .yf21 p i {
        font-size: 14px;
    }

    .yf2_2 em {
        font-size: 26px;
        background-size: auto 76%;
        padding-left: 40px;
    }

    .yf2_2 span {
        font-size: 22px;
        margin: 50px 0 20px;
    }

    .yf2_2 input {
        height: 35px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .yf2_3 em {
        font-size: 20px;
        margin-top: 20px;
    }

    .yf2_3 p {
        font-size: 12px;
        padding-bottom: 45px;
    }

    .dr_bf dt em {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .dr_bf dt span {
        font-size: 14px;
        margin: 5px 0 25px;
        display: none;
    }

    .dr_bf dd img {
        width: 80px;
        height: 80px;
    }

    .dr_bf dd p {
        font-size: 12px;
        line-height: 25px;
    }

    .dr_bf dt i {
        font-size: 16px;
    }

    .dr_cf li {
        font-size: 12px;
        line-height: 40px;
        height: 40px;
        padding-left: 0;
    }

    .dr_cf li:last-child {
        height: auto;
        flex-wrap: wrap;
    }

    .dr_cf li:last-child dl:nth-child(1) {
        border-bottom: 1px dashed #adadad;
    }

    .dr_df {
        width: 220px;
        height: 35px;
        line-height: 36px;
        font-size: 13px;
        margin: 35px auto;
    }

    .dr_df a {
        color: #ffffff;
    }

    .dr_df a:link {
        color: #ffffff;
    }

    .dre_t {
        font-size: 22px;
        padding-bottom: 20px;
        padding-top: 0;
        border-bottom: 2px solid #666666;
    }

    .dre_b {
        margin: 30px auto 15px;
    }

    .dre_b li {
        font-size: 12px;
        height: 35px;
        line-height: 35px;
    }

    .dre_b li span {
        width: 34%;
        padding-left: 1%;
    }

    .mh dl dt {
        width: 30px;
        height: 30px;
    }

    .drg_t {
        margin: 35px auto 30px;
    }

    .drg_t span {
        font-size: 20px;
    }

    .drg_t::before {
        width: 210px;
        margin-left: -105px;
    }

    .drg_b dd em {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .drg_b dd span {
        font-size: 12px;
    }

    .drg_b dd {
        padding: 30px 0;
    }

    .drg_by dl {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .drg_by dl:nth-child(2) {
        margin-bottom: 0px;
    }

    .drg_by dl dd em {
        font-size: 18px;
        margin: 15px 0 6px;
    }

    .drg_by dl dd p {
        font-size: 12px;
    }

    .drg_by dl dd {
        height: 140px;
        width: 176px;
        padding-left: 25px;
    }

    .dr_hf {
        margin-top: 40px;
    }

    .dr_if {
        margin-top: 40px;
    }

    .dr_jf {
        width: 80%;
    }

    .main_hf .more {
        width: 200px;
        height: 35px;
        line-height: 37px;
        font-size: 14px;
    }

    .main_hf {
        padding: 15px 0 30px;
    }

    .details {
        margin-bottom: 50px;
    }

    .drj .swiper-button-next {
        width: 33px;
        height: 62px;
        right: -37px;
    }

    .drj .swiper-button-prev {
        width: 33px;
        height: 62px;
        left: -37px;
    }

    .g_title em {
        font-size: 20px;
    }

    .g_title span {
        font-size: 13px;
    }

    .ga {
        margin-top: 20px;
    }

    .ga dl dd {
        font-size: 12px;
    }

    .gc {
        height: 150px;
    }

    .gc li:nth-child(1) {
        top: 105%;
    }

    .guarantee_df {
        padding: 40px 5%;
        margin-bottom: 40px;
    }

    .gd {
        margin: 25px auto 0;
    }

    .gd dl dt::after {
        width: 27px;
        height: 27px;
        line-height: 27px;
        font-size: 22px;
        margin-left: -13px;
        top: 93%;
    }

    .gd dl dd {
        margin-top: 30px;
        font-size: 14px;
    }

    .guarantee_ff {
        padding-top: 40px;
    }

    .ge {
        margin: 20px auto 0;
    }

    .ge dl dd i {
        margin: 20px auto 5px;
    }

    .ge dl dd em {
        font-size: 13px;
    }

    .guarantee_ff .g_title span {
        width: 95%;
    }

    .guarantee_af .g_title span {
        width: 54%;
        font-size: 13px;
    }

    .gf {
        margin: 20px auto 40px;
    }

    .gg p {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .gg p span {
        font-size: 15px;
    }

    .gg {
        padding-top: 82px;
    }

    .main_gf {
        margin: 40px 0 40px;
    }

    .mg_title {
        font-size: 22px;
    }

    .main_gf ul li em {
        font-size: 20px;
        background-size: auto 60%;
        padding-left: 25px;
        margin-bottom: 20px;
    }

    .main_gf ul li p {
        margin-top: 5px;
    }

    .main_gf ul li {
        margin-bottom: 25px;
    }


    .main_gf ul {
        margin-top: 30px;
    }

    .join_af {
        margin: 40px auto;
    }

    .join_af .g_title p {
        font-size: 12px;
    }

    .ja {
        margin-top: 20px;
    }

    .ja dd .ja_l {
        width: 130px;
        height: 130px;
        margin-top: 30px;
    }

    .ja dd .ja_r em {
        font-size: 14px;
    }

    .ja dd .ja_r i {
        font-size: 17px;
        margin: 0;
    }

    .join_bf {
        padding: 40px 5% 15px;
    }

    .jbr {
        margin-top: 35px;
    }

    .join_bf .g_title p {
        width: 65%;
        line-height: 23px;
        margin: 0 auto;
        font-size: 15px;
    }

    .jb_t span {
        font-size: 19px;
    }

    .jb_t em {
        font-size: 18px;
    }

    .jb_t p {
        margin-top: 5px;
        line-height: 25px;
        font-size: 14px;
    }

    .jc_t {
        margin: 0 auto 30px;
    }

    .jc_t p {
        margin-bottom: 20px;
    }

    .join_cf {
        margin-bottom: 50px;
    }

    .yd_jd {
        margin-top: 30px;
    }

    .join_df {
        margin-bottom: 40px;
    }

    .join_ef {
        padding: 40px 5%;
    }

    .je {
        margin-top: 25px;
    }

    .je dl dd {
        font-size: 12px;
        margin-top: 7px;
    }

    .je dl dt p em {
        font-size: 16px;
        font-weight: bold;
    }

    .je dl dt p i {
        font-size: 26px;
        top: -5px;
    }

    .je dl:nth-child(1) dt p {
        margin: 2px 0;
        padding-top: 5px;
    }

    .jf li em {
        font-size: 18px;
        margin: 12px 0;
        margin-bottom: 10px;
    }

    .jf li p {
        font-size: 12px;
    }

    .join_ff {
        margin: 40px 0;
    }

    .join_gf {
        padding: 40px 5%;
    }

    .jg {
        margin: 20px auto;
    }

    .jg_b dd em {
        padding-top: 40px;
        font-size: 20px;
    }

    .jg_b dd span {
        font-size: 14px;
        margin: 5px auto 20px;
    }

    .join_hf {
        margin: 40px 0;
    }

    .g_title p {
        font-size: 14px;
        margin-top: 0px;
    }

    .jh {
        margin-top: 20px;
    }

    .main_hf .more {
        margin-top: 10px;
    }

    .main_gf ul li a {
        font-size: 18px;
        padding-left: 25px;
        background-image: url(../images/mg_s.png);
        background-repeat: no-repeat;
        background-size: auto 90%;
    }

    .guarantee_af {
        margin-bottom: 40px;
    }

    #news {
        margin-top: 20px;
    }

    #news dl dt {
        height: 111px;
    }

    .news dl dd span {
        font-size: 15px;
    }

    .news dl dd a {
        font-size: 16px;
        line-height: 27px;
        height: auto;
        font-weight: bold;
    }

    .news dl dd p {
        margin-top: 5px;
        font-size: 14px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }



    .product_b dl dd span {
        font-size: 17px;
        height: 60px;
        line-height: 69px;
    }

    .product_b dl dd a {
        width: 120px;
        font-size: 12px;
        height: 30px;
        line-height: 32px;
        position: absolute;
        right: 0;
        top: 17px;
        margin-top: 0;
    }

    .product_b dl {
        height: 206px;
    }

    .ua_t p {
        text-align: left;
        font-size: 14px;
    }

    .understand_cf .g_title em {
        margin-bottom: 5px;
    }

    .uc {
        margin-top: 25px;
    }

    .understand_cf {
        padding-bottom: 150px;
    }

    .understand_df {
        margin: -100px auto 0;
        height: 219px;
    }

    .ud em {
        font-size: 19px;
    }

    .ud span {
        font-size: 14px;
        padding-left: 30px;
        margin: 8px 0 10px;
    }

    .ud ul li {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
    }

    .ud ul {
        width: 200px;
    }

    .ud ul li {
        width: 75px;
    }

    .understand_ef {
        margin-top: 40px;
        margin-bottom: 100px;
    }

    .ueb_r em {
        margin-top: 40px;
        font-size: 22px;
    }

    .ueb_r span {
        font-size: 14px;
        margin: 20px 0 20px;
    }

    .ueb_r span i {
        height: 5px;
    }

    .ue_b .ueb_r1 {
        margin-left: -115px;
    }

    .ue_b .ueb_r2 {
        width: 180px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-left: -115px;
        bottom: -55px;
        letter-spacing: 2px;
    }

    .ue_b {
        margin: 50px 0;
    }

    .understand_ff .g_title em:nth-child(2) {
        font-size: 17px;
        margin-bottom: 13px;
        font-weight: 400;
        letter-spacing: 3px;
    }

    .g_title em {
        margin-bottom: 10px;
        letter-spacing: 3px;
    }

    .understand_ff .g_title p {
        font-size: 14px;
        margin-top: 3px;
    }

    .understand_gf {
        margin: 40px auto;
        padding: 40px 5%;
    }

    .ueb_r1, .ueb_r2 {
        width: 200px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        letter-spacing: 2px;
    }

    .ug {
        margin-top: 25px;
    }

    .ug dl dd span {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .ug dl dd a {
        font-size: 14px;
    }

    .ug dl {
        margin-bottom: 4%;
    }

    .yd_u_li {
        margin-top: 0;
    }

    .yd_u_li li {
        padding: 30px 0;
    }

    .yd_u_li li span {
        font-size: 13px;
    }

    .yd_u_li li a {
        font-size: 16px;
        margin: 15px 0 10px;
        font-weight: bold;
    }

    .yd_u_li li p {
        font-size: 14px;
    }

    .yd_understand {
        margin-bottom: 50px;
    }

    .understand_hf {
        padding: 50px 5%;
    }

    .dr_cf li dl dd {
        width: 60%;
    }

    .jb {
        margin-top: 40px;
    }

    .je dl:nth-child(1) dd p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sidebar {
        width: 35px;
    }

    .sidebar li:nth-child(1) {
        height: 30px;
    }

    .sidebar li:nth-child(2) {
        height: 41px;
        background-position: 0 -30px;
    }

    .sidebar li:nth-child(3) {
        height: 44px;
        background-position: 0 -71px;
    }

    .sidebar li:nth-child(4) {
        height: 35px;
        background-position: 0 -115px;
    }

    .sidebar {
        top: auto;
        bottom: 10%;
    }

    .drg_t span i {
        padding-bottom: 3px;
    }

    .dr_jf {
        margin-top: 20px;
    }

    .exclusiveShop .main_gf ul li {
        height: auto;
        margin-bottom: 30px;
    }
}
/*450end*/

@media screen and (max-width:390px ) {
    .ud span {
        margin: 5px 0 10px;
        padding-left: 30px;
    }

    .ud em {
        margin-top: 18px;
    }

    .understand_df {
        height: 200px;
    }

    .yd_footer_2 .xz_yf21 span {
        font-size: 14px;
    }

    .yd_footer_2 .xz_yf21 p {
        font-size: 16px;
    }

    .yd_footer_2 .xz_yf21 p i {
        font-size: 16px;
    }
}

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


    .dar_dl dl dd {
        width: 220px;
    }

    .dal_b li {
        width: 80px;
        height: 53px;
    }

    .art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
        height: 90px;
    }

    .art-cont-wrap .art-box .art-prolist li {
        height: 128px;
    }

    .art-cont-wrap .art-box .art-box-bd {
        padding-bottom: 0;
    }

    #container7301987a274e56202d60976e9fc7859d_7 {
        height: 180px !important;
    }

    .guarantee_df {
        margin-top: 130px;
    }

    .wp_com_nav_sppro a {
        width: 19.75% !important;
    }

    .dr_ff .mh {
        width: 98%;
    }

    .yd_gb {
        font-size: 12px;
        line-height: 20px;
        padding: 4%;
        top: 33%;
    }

    .dre_b li span {
        width: 36%;
    }

    .dre_b li em {
        width: 62%;
    }

    .dre_b li i {
        width: 27%;
        padding-left: 5%;
    }

    .mh {
        width: 94%;
        padding: 0 3%;
    }

    .mh dl dd {
        margin-left: 1px;
    }

    .drg_b dd span {
        width: 90%;
        margin: 0 auto;
        line-height: 160%;
    }

    .guarantee_af .g_title span {
        width: 64%;
    }

    .gc {
        margin-top: 30px;
    }

    .gc li:nth-child(1) {
        top: 100%;
    }

    .guarantee_cf {
        margin-bottom: 13px;
    }

    /* .news dl dd p {
        display: none;
    } */




    .product_b dl dd span {
        font-size: 14px;
    }

    .ud span {
        margin: 10px 0;
        padding-left: 30px;
    }

    .understand_gf {
        padding: 40px 5%;
        margin: 40px auto;
    }
}

.no_data {
    text-align: center;
    padding: 10% 0;
    color: #e3e3e3;
}

.wp_com_nav {
    overflow: hidden;
    border-bottom: solid 1px #dedede;
    display: none;
}

.wp_com_nav a {
    width: 33%;
    height: 60px;
    line-height: 60px;
    float: left;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.wp_com_nav a {
    border-right: solid 1px #dedede;
}

.wp_com_nav a:nth-child(3n) {
    border: none;
}

.wp_com_nav a.cur {
    background-color: #ae1e24;
    color: #fff;
}

.wp_nav {
    overflow: hidden;
    border-bottom: solid 1px #dedede;
    display: none;
}

.wp_nav .wp_nav_l,
.wp_nav .wp_nav_r {
    width: 50%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.wp_nav .cur {
    background-color: #ae1e24;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .dal_t li .zoomPad > img {
        max-width: 100%;
        max-height: 200px;
    }

    .dal_b li img {
        max-width: 100%;
        max-height: 55px;
    }

    .exclusiveShop .main_gf ul li {
        height: auto;
    }

    .aboutHonor {
        width: 94% !important;
        padding: 3% !important;
        border: 0;
    }

    .aboutHonor p img {
        width: 100%;
    }

    .uf_b .ueb_r1 {
        margin-bottom: 5px;
    }

    .wp_nav .wp_nav_l,
    .wp_nav .wp_nav_r {
        width: 50%;
        height: 60px;
        line-height: 60px;
        float: left;
        text-align: center;
        font-size: 22px;
        position: relative;
    }

    .ue_t img {
        width: 100%;
        display: block;
    }

    .dr_ff {
        margin-top: 0;
    }

    .contact-main .w {
        margin-top: 20px !important;
    }

    .contact-main p {
        line-height: 30px !important;
        font-size: 16px !important;
    }

    .contact-main p span {
        font-size: 24px !important;
    }

    .news dl::after {
        display: none !important;
    }

    .dri .swiper-pagination {
        width: 23% !important;
    }

    .mb_dl dl dd em {
        font-weight: bold;
    }

    .wp_nav, .wp_com_nav {
        display: block;
        width: 100%;
        display: block;
        background-color: #ffffff;
        z-index: 1002;
    }

    .ue_t {
        margin-top: 25px;
    }
}

.aboutHonor {
    width: 900px;
    /* margin: 0 auto; */
    padding-left: 80px;
}

.aboutHonor h3 {
    font-weight: normal;
    margin-bottom: 30px;
    font-size: 18px;
    color: #a73c3c;
}

.aboutHonor p {
    line-height: 200%;
    margin-bottom: 20px;
    font-size: 14px;
}

.videoShow-w {
    margin-top: 5%;
}

.join-wrap .wp_com_nav a {
    width: 49.8%;
}

.join-wrap .wp_com_nav a:nth-child(2n),
.spaceProduct-wrap a:nth-child(5n),
.master-wrap a:nth-child(3n) {
    border: none;
}

.spaceProduct-wrap a {
    width: 19.8%;
}

.daGuoZiTan-wrap {
    min-height: 300px;
    padding: 0px 0 20px;
    max-width: 800px;
    margin: 0 auto;
}
/*浮动导航*/
.pc-float-nav {
    width: 100%;
    background: #1d1d1d;
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88888;
    display: none;
}

.pc-fl-nav-main {
    /*display: none;*/
    margin-left: 65px;
    width: 100%;
}

.pc-fl-nav-main .pc-fl-nav-logo {
    width: 82px;
    height: 36px;
    float: left;
    margin: 0;
    top: 6px;
    left: -10px;
    background: url(/images/min-logo.png) no-repeat center;
    background-size: cover;
    z-index: 6;
    text-indent: -99999px;
    position: relative;
}

.pc-fl-nav-main .navigator-bar {
    float: left;
    margin-left: 10px;
    height: 50px;
    margin: 0 auto;
}

.pc-fl-nav-main .navigator-bar > li {
    float: left;
    padding-left: 40px;
    cursor: pointer;
}

.navigator-bar > .index, .navigator-bar > .link {
    line-height: 50px;
}

.navigator-bar > .index > a, .navigator-bar > .link > a {
    display: block;
    height: 44px;
    color: #fff;
    font-size: 13px;
    border-bottom: 1px solid #fff;
}

.navigator-bar > .link > a > h2, .navigator-bar > .index > a > h2 {
    font-weight: 400;
}

.navigator-bar > li > .one-tag {
    position: relative;
    height: 44px;
}

.navigator-bar > li > .one-tag a {
    display: block;
}

.navigator-bar > li > .one-tag h2 {
    line-height: 50px;
    color: #eeeef0;
    font-size: 13px;
    font-weight: 400;
}

.navigator-bar > li > ul > li .two-tag-layout {
    text-align: center;
}

.navigator-bar > li > ul > li .tag-name {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    font-weight: 400;
}

.navigator-bar > li > ul > li span {
    display: block;
    line-height: 1;
    color: #d2d2d2;
    font-size: 12px;
}

.navigator-bar > li > ul > li span:hover,
.navigator-bar > li > ul > li.cur span {
    color: #fff;
}

.navigator-bar > li > ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: transparent;
    background: rgba(49,49,49,.95);
    text-align: center;
    font-size: 0;
    cursor: default;
}

.navigator-bar > li > ul > li {
    position: relative;
    display: inline-block;
    color: #a0a0a0;
    padding: 10px 0 20px;
    line-height: 1;
    margin-right: 50px;
    font-size: 13px;
    cursor: pointer;
}

.navigator-bar > li > .one-tag h2 {
    line-height: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.pc-fl-nav-main .navigator-bar > li h2:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    background: #000;
    opacity: 0;
    transform: translateX(-50%);
    transition: all .2s linear;
}

.pc-fl-nav-main .navigator-bar > li.selected h2:after,
.pc-fl-nav-main .navigator-bar > li.cur h2:after {
    width: 100%;
    background: #fff;
    opacity: 1;
}

.pc-fl-nav-main .clearfixed {
    min-height: 1%;
}

.pc-fl-nav-main .navigator-bar > li.selected .pc-float-nav-sub-ul,
.pc-fl-nav-main .navigator-bar > li.cur {
    display: block;
}
/*位置*/
.crumb-wrap .w {
    max-width: 1300px;
    margin: 0 auto;
}

.crumb, .crumb-wrap {
    font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #666;
    position: relative;
    z-index: 5;
    *z-index: 2;
    clear: both;
}

.crumb-wrap {
    top: -14px;
}

.crumb {
    padding: 13px 0 9px;
}

.crumb .item {
    float: left;
}

.crumb-wrap .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.crumb .sep {
    font-family: simsun;
    padding: 0 10px;
}

.crumb-wrap a {
    color: #666;
    text-decoration: none;
}

.crumb-wrap a:hover {
    color: #f30213;
}

.udpageBox {
    width: 100%;
    border: 1px solid #e7e7e7;
    margin-bottom: 1em;
    margin-top: 1em;
}

.udpage {
    margin-left: 2%;
    width: 96%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #222222;
}

.udpage a {
    color: #222222;
}

.udpage a:hover {
    color: #ff0000;
    text-decoration: underline;
}

.newsconTJ {
    width: 100%;
    border: 1px solid #e7e7e7;
    overflow: hidden;
}

.newsconTJ_tit {
    margin-left: 2.5%;
    margin-bottom: 0.5em;
    width: 95%;
    height: 3em;
    line-height: 3em;
    border-bottom: 1px solid #e7e7e7;
}

.newsconTJ_con {
    margin-left: 2.5%;
    width: 95%;
}

.newsconTJ_con li {
    float: left;
    width: 50%;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
}

.newsconTJ_con li a {
    color: #333333;
    transition: all 0.5s;
}

.newsconTJ_con li a:hover {
    color: #000000;
}

.opphone {
    position: relative;
}

.opphone .box {
    position: absolute;
    height: 60px;
    line-height: 60px;
    background-color: #c11b22;
    left: -133px;
    top: 0px;
    padding: 0 10px;
    font-size: 16px;
    display: none;
    color: #fff;
}

.opphone:hover .box {
    display: block;
}

.opphone a {
    display: block;
}

.contact-main {
    padding: 2% 0 10% 0;
}

.contact-main p {
    line-height: 200%;
    font-size: 14px;
}

.wp_about_nav {
    border-bottom: 0;
}

.wp_about_nav a {
    width: 24.75%;
    border-bottom: solid 1px #dedede;
}

.wp_about_nav a:hover {
    background-color: #ae1e24;
    color: #ffffff;
}

.wp_about_nav a:nth-child(3n) {
    /* border-right: solid 1px #dedede; */
    border-bottom: solid 1px #dedede;
}

/* .wp_about_nav a:nth-child(4n) {
    border-right: 0;
} */

.wp_about_nav a.wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.aboutHonor-tit {
    margin-top: 10px;
    font-size: 18px;
    color: #a73c3c;
    margin-bottom: 40px;
}

@media screen and (max-width: 770px) {
    .contact-main .w {
        width: 90%;
        margin: 0 auto;
    }

    .aboutHonor-tit {
        padding: 0 3%;
        text-align: center;
        margin-top: 40px;
        font-size: 19px;
        margin-bottom: 40px;
        color: #313131;
        font-weight: bold;
    }

    .aboutHonor blockquote {
        margin-left: 0 !important;
    }
}

.daGuoZiTan-wrap {
    width: 94%;
    font-size: 20px;
}

.daGuoZiTan-wrap img {
    width: 100%;
}

@media screen and (max-width: 450px) {
    .dr_ff .dre_t {
        width: 100%;
        border-bottom: 1px solid #666666;
    }

    .details_af {
        margin: 10px auto 30px;
    }

    .dbbr_b {
        margin-top: 20px;
    }

    .details_af {
        margin-bottom: 20px;
    }

    .column-main .column-hd {
        font-size: 19px !important;
    }

    .dri .swiper-pagination {
        width: 35% !important;
    }

    .wp_com_nav a {
        width: 33%;
        height: 40px;
        line-height: 40px;
        float: left;
        text-align: center;
        font-size: 16px;
        position: relative;
    }

    .wp_about_nav a {
        width: 16.43% !important;
    }

    .wp_about_nav a:nth-child(3) {
        border-right: solid 1px #dedede;
    }

    .wp_com_nav_sppro a {
        width: 19.81% !important;
    }

    .wp_nav .wp_nav_l,
    .wp_nav .wp_nav_r {
        width: 50%;
        height: 40px;
        line-height: 40px;
        float: left;
        text-align: center;
        font-size: 16px;
        position: relative;
    }

    .wp_nav_height a {
        height: 35px;
        line-height: 35px;
    }

    .yd_nav_menu_height {
        padding: 5px 0;
    }

    .yd_nav_menu_height a {
        line-height: 30px;
    }

    .daGuoZiTan-main .join_af .g_title p {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .join_af .g_title p {
        margin-bottom: 0px;
    }

    .contact-main p span {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .contact-main .contact-hd span strong {
        font-size: 18px !important;
        color: #ae1e24;
    }

    .daGuoZiTan-wrap {
        font-size: 16px;
    }

    .understand_ff {
        margin-bottom: 0;
    }

    .aboutHonor {
        width: 94%;
        padding: 3%;
        border: 0;
    }

    .aboutHonor img {
        width: 100%;
    }

    .dre_ts {
        text-align: initial;
    }
}

@media screen and (max-width:341px ) {
    .wp_about_nav a {
        width: 16.42% !important;
    }
}

@media screen and (max-width:310px ) {
    .wp_about_nav a {
        width: 16.4% !important;
    }
}

.artGalleryAbout p {
    line-height: 200%;
    margin-bottom: 20px;
    font-size: 14px;
}

.dr_yu_bn {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dr_yu_bn img {
    width: 100%;
    display: block;
}

.dr_yu_bn .swiper-pagination-bullet-active {
    background: #020202;
}

.dr_yu_bn .swiper-pagination {
    bottom: 2px;
}

.wp_com_nav .wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.wp_com_nav_top .wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.wp_com_nav_sppro .wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.dal_t .swiper-slide-active {
    background-color: #fff;
}