/*====================?????ʽ======================*/
.hide {
    display: none;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
    vertical-align: center;
}

ul, li {
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}

body, input, select, button, textarea {
    font-size: 12px;
    font-family: "微软雅黑";
    outline: none;
}

button {
    cursor: pointer;
}

i, em, cite {
    font-style: normal;
}

aside section, .body {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

a, a:link {
    color: #000;
    text-decoration: none;
}

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

a:focus {
    outline: none;
}

.orange {
    color: #F26E01;
}

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

body {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #ffffff;
    font-family: "宋体" !important;
}

.cx_head {
    width: 100%;
    height: 65px;
    /*background-color: #343839;*/
    background-color: #787878;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}

.cx_head_box {
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

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

.cxhb_logo img {
    /**height: 100%;**/
    display: block;
}

.cxhb_nav {
    width: 820px;
    height: 100%;
    float: left;
    margin-left: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cxhb_nav a {
    font-size: 16px;
    color: #ffffff;
    transition: all 0.5s;
}

.cxhb_nav a:hover {
    color: #f7b173;
}

.cxhb_nav .cxna {
    color: #f7b173;
}

.cxhb_nav .cxna_res {
    color: #f7b173;
}

.cx_icon {
    float: right;
    height: 100%;
}

.cx_icon li {
    height: 100%;
    float: left;
    position: relative;
    margin-left: 25px;
}

.cx_icon li em {
    width: 26px;
    height: 26px;
    display: block;
    background-image: url(../images/cx_icon1.png);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 22px;
    cursor: pointer;
}

.cx_icon_pc li em {
    background-image: url(../images/cx_icon1_pc.png);
}

.cx_icon li:nth-child(2) em {
    background-image: url(../images/cx_icon2.png);
}

.cx_icon li:nth-child(3) em {
    background-image: url(../images/cx_icon3.png);
}

.cx_icon li:nth-child(4) em {
    width: 29px;
    background-image: url(../images/cx_icon4.png);
}

.cx_icon li:hover .cxi_box1 {
    height: 130px;
}

.cx_icon li:hover .cxi_box2 {
    height: 130px;
}

.cx_icon li:hover .cxi_box3 {
    height: 130px;
}

.cxi_box1 {
    width: 315px;
    height: 0;
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    left: -50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    overflow: hidden;
}

.cxi_box1 p {
    width: 270px;
    height: 45px;
    border-bottom: 1px solid #656565;
}

.cxi_box1 p input {
    width: 60%;
    height: 45px;
    font-size: 14px;
    float: left;
    color: #656565;
    border: 0;
    background-color: unset;
}

.cxi_box1 p button, .cxi_box1 p .searchbtn {
    width: 18px;
    height: 45px;
    background-image: url(../images/cxi_box1_b.png);
    background-size: 100% auto;
    background-position: center;
    float: right;
    background-repeat: no-repeat;
    border: 0;
    background-color: unset;
}

.cxi_box2 {
    width: 315px;
    height: 0px;
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    left: -100px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: all 0.5s;
    overflow: hidden;
}

.cxi_box2 dt {
    width: 78px;
    height: 78px;
    margin: 0 auto;
}

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

.cxi_box2 dd {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #656565;
    margin-top: 5px;
}

.cxi_box3 {
    width: 315px;
    height: 0px;
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    left: -150px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: all 0.5s;
    overflow: hidden;
}

.cxi_box3 i {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #656565;
    margin-bottom: 10px;
}

.cxi_box3 span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 28px;
    color: #f7b173;
}

.cxi_box4 {
    left: -200px;
}

.cx_menu {
    width: 100%;
    height: 150px;
    background-color: #f0e6e0;
    position: relative;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
}

.cx_menu_ul {
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s;
}

.cx_menu_ul_1 {
    height: 100%;
}

.cx_menu_ul li {
    margin: 0 40px;
}

.cx_menu_ul li b {
    width: 46px;
    height: 46px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transition: all 0.5s;
}

.cx_menu_ul li b img {
    width: 100%;
    display: block;
    opacity: 0;
}

.cx_menu_ul li em {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #303030;
    margin-top: 15px;
    transition: all 0.5s;
}

.cx_menu_ul li:hover em {
    color: #bb0517;
}

.subnav1 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul1_1.png);
}

.subnav1 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul1_2.png);
}

.subnav1 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul1_3.png);
}

.subnav1 li:nth-child(4) b {
    background-image: url(../images/cx_menu_ul1_4.png);
}

.subnav1 li:nth-child(5) b {
    background-image: url(../images/cx_menu_ul1_5.png);
}

.subnav1 li:nth-child(6) b {
    background-image: url(../images/cx_menu_ul1_6.png);
}

.subnav1 li:nth-child(7) b {
    background-image: url(../images/cx_menu_ul1_7.png);
}

.subnav2 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul2_1.png);
}

.subnav2 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul2_2.png);
}

.subnav2 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul2_3.png);
}

.subnav2 li:nth-child(4) b {
    background-image: url(../images/cx_menu_ul2_4.png);
}

.subnav3 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul3_1.png);
}

.subnav3 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul3_2.png);
}

.subnav3 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul3_3.png);
}

.subnav3 li:nth-child(4) b {
    background-image: url(../images/cx_menu_ul3_4.png);
}

.subnav4 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul4_1.png);
}

.subnav4 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul4_2.png);
}

.subnav4 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul4_3.png);
}

.subnav5 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul5_3.png);
}

.subnav5 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul5_1.png);
}

.subnav5 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul5_3.png);
}

.subnav5 li:nth-child(4) b {
    background-image: url(../images/cx_menu_ul5_4.png);
}

.subnav6 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul6_1.png);
}

.subnav6 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul6_2.png);
}

.subnav6 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul6_3.png);
}

.subnav7 li:nth-child(1) b {
    background-image: url(../images/cx_menu_ul7_1.png);
}

.subnav7 li:nth-child(2) b {
    background-image: url(../images/cx_menu_ul7_2.png);
}

.subnav7 li:nth-child(3) b {
    background-image: url(../images/cx_menu_ul7_3.png);
}

.subnav7 li:nth-child(4) b {
    background-image: url(../images/cx_menu_ul7_4.png);
}

.subnav7 li:nth-child(5) b {
    background-image: url(../images/cx_menu_ul7_5.png);
}

.subnav1 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_1_1.png);
}

.subnav1 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_1_2.png);
}

.subnav1 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_1_3.png);
}

.subnav1 li:hover:nth-child(4) b {
    background-image: url(../images/cx_menu_ul_1_4.png);
}

.subnav1 li:hover:nth-child(5) b {
    background-image: url(../images/cx_menu_ul_1_5.png);
}

.subnav1 li:hover:nth-child(6) b {
    background-image: url(../images/cx_menu_ul_1_6.png);
}

.subnav1 li:hover:nth-child(7) b {
    background-image: url(../images/cx_menu_ul_1_7.png);
}

.subnav2 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_2_1.png);
}

.subnav2 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_2_2.png);
}

.subnav2 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_2_3.png);
}

.subnav2 li:hover:nth-child(4) b {
    background-image: url(../images/cx_menu_ul_2_4.png);
}

.subnav3 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_3_1.png);
}

.subnav3 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_3_2.png);
}

.subnav3 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_3_3.png);
}

.subnav3 li:hover:nth-child(4) b {
    background-image: url(../images/cx_menu_ul3_4_hover.png);
}

.subnav4 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_4_1.png);
}

.subnav4 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_4_2.png);
}

.subnav4 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_4_3.png);
}

.subnav5 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_5_3.png);
}

.subnav5 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_5_1.png);
}

.subnav5 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_5_3.png);
}

.subnav5 li:hover:nth-child(4) b {
    background-image: url(../images/cx_menu_ul_5_4.png);
}

.subnav6 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_6_1.png);
}

.subnav6 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_6_2.png);
}

.subnav6 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_6_3.png);
}

.subnav7 li:hover:nth-child(1) b {
    background-image: url(../images/cx_menu_ul_7_1.png);
}

.subnav7 li:hover:nth-child(2) b {
    background-image: url(../images/cx_menu_ul_7_2.png);
}

.subnav7 li:hover:nth-child(3) b {
    background-image: url(../images/cx_menu_ul_7_3.png);
}

.subnav7 li:hover:nth-child(4) b {
    background-image: url(../images/cx_menu_ul_7_4.png);
}

.subnav7 li:hover:nth-child(5) b {
    background-image: url(../images/cx_menu_ul_7_5.png);
}

.subnav3 li:nth-child(1) {
    display: none;
}

/*.subnav5 li:nth-child(2) {
    display: none;
}*/

.cx_banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 65px;
}

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

.cx_banner .swiper-button-next, .cx_banner .swiper-button-prev {
    display: block;
}

.cx_banner .swiper-pagination {
    bottom: 75px !important;
}

.cx_banner .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #bb0517;
    background-color: unset;
    opacity: 1;
}

.cx_banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #bb0517;
    border: 1px solid #bb0517;
}

.cx_main_af {
    width: 100%;
    height: 160px;
    background-color: #ededef;
    display: flex;
    justify-content: center;
}

.cxma {
    width: 525px;
    /*padding-left: 75px;*/
    padding-left: 30px;
}

.cxma em {
    display: block;
    font-size: 18px;
    margin: 32px 0 13px;
    font-weight: bold;
}

.cxma ul {
    overflow: hidden;
}

.cxma ul li {
    float: left;
    margin-right: 20px;
    font-size: 16px;
}

.cxma ul li a {
    color: #000000;
    transition: all 0.5s;
}

.cxma ul li a:hover {
    color: #bb0517;
}

.cxma .cxma_more {
    width: 80px;
    margin-top: 20px;
    color: #bb0517;
    font-size: 14px;
    display: block;
    background-image: url(../images/cxma_more.png);
    background-repeat: no-repeat;
    background-position: right center;
    transition: all 0.5s;
}

.cxma .cxma_more:hover {
    width: 90px;
}

.cxma:nth-child(2) {
    background-color: #e3e1e1;
}

.cx_main_bf {
    margin: 60px auto 0;
}

.cxm_title em {
    display: block;
    text-align: center;
    font-size: 34px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 7px;
}

.cxm_title p {
    text-align: center;
    font-size: 20px;
    color: #656565;
}

.cxm_title p span {
    margin: 0 10px;
}

.cx_main_bf .cxme_more {
    display: none;
}

.cxmb_t {
    display: flex;
    justify-content: center;
    margin: 15px auto 65px;
}

.cxmb_t a {
    width: 210px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #808080;
    border: 1px solid #bfbfbf;
    margin-right: 5px;
    transition: all 0.5s;
}

.cxmb_t a:hover {
    background-color: #bb0517;
    color: #ffffff;
}

.cxmb_t em {
    width: 210px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bb0517;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}

.cxmb_t em i {
    width: 19px;
    height: 18px;
    background-image: url(../images/cxmb_t_em.png);
    background-size: 100% auto;
    display: block;
    margin-left: 30px;
    cursor: pointer;
}

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

.cxmb_b dl {
    width: 16.666%;
    float: left;
    position: relative;
    overflow: hidden;
}

.cxmb_b dl dt {
    width: 100%;
}

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

.cxmb_b dl:hover dt img:nth-child(1) {
    transform: scale(1.1);
}

.cxmb_b dl dt img:nth-child(2) {
    display: none;
}

.cxmb_b dl dd {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(191, 25, 40, 0.9);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    opacity: 0;
    transition: all 0.5s;
}

.cxmb_b dl:hover dd {
    opacity: 1;
}

.cxmb_b dl dd em {
    width: 100%;
    display: block;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 35px;
    text-align: center;
}

.cxmb_b dl dd p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}

.cxmb_b dl dd b {
    width: 37px;
    height: 37px;
    background-image: url(../images/cxmb_b_b.png);
    background-size: 100% auto;
    display: block;
    margin-top: 60px;
}

.cx_main_cf {
    width: 100%;
    background-image: url(../images/cxmc_bg.jpg);
    padding-bottom: 130px;
}

.cxmct_t {
    width: 100%;
}

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

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

.cxmct_b {
    max-width: 1438px;
    height: 300px;
    background-color: #dcdcdc;
    margin: -60px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    z-index: 10;
}

.cxmct_b em {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 34px;
    color: #333333;
    font-weight: bold;
}

.cxmct_b p {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333333;
    margin: 25px 0 40px;
}

.cxmct_b span {
    display: none;
}

.cxmct_b p i {
    margin: 0 15px;
}

.cxmct_b a {
    width: 218px;
    height: 43px;
    /* border-radius: 25px; */
    border: 1px solid #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    /* color: #ffffff !important; */
    transition: all 0.5s;
    margin-top: 0;
    font-weight: unset;
}

.cxmct_b a:hover {
    /* background-color: #e8b755;
    color: #777 !important;
    border-color: #e8b755; */
}

.cxmc_b {
    max-width: 1438px;
    margin: 0 auto;
    overflow: hidden;
}

.cxmc_b dl {
    width: 48.95%;
    max-height: 280px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 25px 2.1% 0 0;
}

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

.cxmc_b dl dt {
    width: 100%;
    position: relative;
}

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

.cxmc_b dl dt p {
    width: 50%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0, 0, 0.5);
    position: absolute;
    left: 25%;
    bottom: 20px;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.5s;
}

.cxmc_b dl:hover dt p {
    opacity: 0;
}

.cxmc_b dl dd {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0, 0, 0.5);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    opacity: 0;
    transition: all 0.5s;
}

.cxmc_b dl:hover dd {
    opacity: 1;
}

.cxmc_b dl dd em {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
}

.cxmc_b dl dd p {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}

.cxmc_b dl dd b {
    width: 48px;
    height: 48px;
    display: block;
    background-image: url(../images/cxmc_bb.png);
    margin-top: 30px;
}

.cx_main_df {
    height: 950px;
    overflow: hidden;
    background-image: url(../images/cxmd_bg.jpg);
    background-position: center;
}

.cxmd_t {
    max-width: 1438px;
    margin: 230px auto 0;
    overflow: hidden;
}

.cxmd_t dt {
    width: 65px;
    height: 210px;
    padding: 0 10px;
    background-color: #bb0517;
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 35px;
    margin: 0 40px 0 94px;
    float: left;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.cxmd_t dd {
    float: left;
}

.cxmd_t dd em {
    display: block;
    font-size: 50px;
    color: #e6c29e;
    font-weight: bold;
    margin: 30px 0 20px;
}

.cxmd_t dd p {
    font-size: 20px;
    color: #e6c29e;
}

.cxmd_t dd p span {
    margin-right: 20px;
    text-align: center;
}

.cxmd_b {
    max-width: 1438px;
    height: 360px;
    background-color: #ffffff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cxmd_b li {
    margin: 0 45px;
}

.cxmd_b li b {
    width: 50px;
    height: 43px;
    display: block;
    margin: 0 auto;
}

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

.cxmd_b li em {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #000000;
    margin: 25px 0 20px;
    transition: all 0.5s;
}

.cxmd_b li:hover em {
    color: #bb0517;
}

.cxmd_b li p {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

.cxmd_b li a {
    width: 98px;
    height: 28px;
    border: 1px solid #b0b0b0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #7f7f7f;
    margin: 40px auto 0;
    transition: all 0.5s;
}

.cxmd_b li:hover a {
    color: #ffffff;
    background-color: #bb0517;
}

.cxmd_b li a i {
    font-size: 14px;
    margin-left: 7px;
    line-height: 18px;
}

.cx_main_ef {
    margin: 50px 0 60px;
}

.cxme_t {
    display: flex;
    justify-content: center;
    margin: 15px 0 70px;
}

.cxme_t a {
    width: 128px;
    height: 34px;
    border: 1px solid #9b1922;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #9b1922;
    background-color: #ffffff;
    transition: all 0.5s;
    margin: 0 4px;
}

.cxme_t a:hover {
    background-color: #9b1922;
    color: #ffffff;
}

.cxme_b {
    max-width: 1438px;
    margin: 0 auto;
    overflow: hidden;
}

.cxme_b dl {
    width: 30.25%;
    float: left;
    transition: all 0.5s;
    margin-right: 4.625%;
}

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

.cxme_b dl dt {
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: relative;
}

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

.cxme_b dl dd {
    padding: 0 35px;
    overflow: hidden;
}

.cxme_b dl dd em {
    display: block;
    height: 56px;
    line-height: 28px;
    font-size: 16px;
    margin: 35px 0 16px;
    overflow: hidden;
}

.cxme_b dl dd em a {
    color: #373737;
    transition: all 0.5s;
}

.cxme_b dl dd p {
    font-size: 14px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: #656565;
}

.cxme_b dl dd .cxmeb_more {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #656565;
    width: 105px;
    background-image: url(../images/cxma_more.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 30px 0 45px;
}

.cxme_b dl:hover {
    background-color: #fff8f4;
}

.cxme_b dl:hover em a {
    color: #9b1922;
}

.cxme_b dl dt a::after {
    position: absolute;
    width: 100%;
    height: 0;
    background-color: #9b1922;
    left: 0;
    bottom: 0;
    content: '查看更多';
    color: #ffffff;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    overflow: hidden;
}

.cxme_b dl:hover dt a::after {
    height: 35px;
}

.cxme_more {
    width: 268px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #656565;
    margin: 30px auto 0;
    border: 1px solid #656565;
    transition: all 0.5s;
}

.cxme_more i {
    font-size: 16px;
    margin-left: 7px;
    line-height: 18px;
}

.cxme_more:hover {
    background-color: #d00000;
    color: #ffffff;
}

.cx_footer_af {
    width: 100%;
    height: 180px;
    background-color: #dcdcdc;
}

.cx_footer_af ul {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
}

.cx_footer_af ul li {
    width: 33.3333%;
    height: 100%;
    transition: all 0.5s;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.cx_footer_af ul li::before {
    width: 1px;
    height: 113px;
    background-color: #a8a19c;
    position: absolute;
    left: 0;
    top: 33px;
    content: '';
}

.cx_footer_af ul li:nth-child(1)::before {
    display: none;
}

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

.cx_footer_af ul li:nth-child(10) {
    background-image: url(../images/cx_footer_af1.png);
}

.cx_footer_af ul li:nth-child(1) {
    background-image: url(../images/cx_footer_af2.png);
}

.cx_footer_af ul li:nth-child(2) {
    background-image: url(../images/cx_footer_af3.png);
}

.cx_footer_af ul li:hover:nth-child(10) {
    background-image: url(../images/cx_footer_af_1.png);
    background-color: #9b1922;
}

.cx_footer_af ul li:hover:nth-child(1) {
    background-image: url(../images/cx_footer_af_2.png);
    background-color: #9b1922;
}

.cx_footer_af ul li:hover:nth-child(2) {
    background-image: url(../images/cx_footer_af_3.png);
    background-color: #9b1922;
}

.cx_footer_bf {
    display: flex;
    justify-content: center;
    margin: 105px 0 120px;
}

.cx_footer_bf li {
    width: 115px;
    margin: 0 45px;
}

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

.cx_footer_cf {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.cxfc_af {
    float: left;
}

.cxfc_af dt {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

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

.cxfc_af dd {
    text-align: center;
    font-size: 12px;
    color: #656565;
    margin-top: 10px;
    line-height: 160%;
}

.cxfc_bf {
    float: left;
    margin-left: 30px;
}

.cxfc_bf ul {
    float: left;
    margin-left: 110px;
}

.cxfc_bf ul li em a {
    font-size: 18px;
    color: #000000;
    position: relative;
}

.cxfc_bf ul li a {
    font-size: 16px;
    color: #656565;
    position: relative;
}

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

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

.cxfc_bf ul li:hover a {
    color: #cb3333;
}

.cxfc_bf ul li {
    margin-bottom: 15px;
}

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

.cxfc_cf {
    float: right;
}

.cxfc_cf em {
    display: block;
    font-size: 18px;
}

.cxfc_cf ul {
    overflow: hidden;
    margin: 10px auto 23px;
}

.cxfc_cf ul li {
    width: 24px;
    height: 24px;
    float: left;
    background-image: url(../images/QQ.png);
    background-size: 100% auto;
    margin-right: 7px;
}

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

.cxfc_cf span {
    font-size: 14px;
    display: block;
    color: #000000;
}

.cxfc_cf p {
    font-size: 18px;
    color: #656565;
    margin-top: 10px;
}

.cx_footer_df {
    height: 65px;
    background-color: #7f7f7f;
    margin-top: 150px;
}

.cx_footer_df .cxfd_t {
    display: none;
}

.cx_footer_df dl {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.cx_footer_df dl dt {
    width: 50%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    float: left;
}

.cx_footer_df dd {
    width: 40%;
    height: 100%;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cx_footer_df dd a,
.cx_footer_df dd span {
    padding-left: 32px;
    font-size: 14px;
    color: #ffffff;
    margin: 0 40px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.cx_footer_df dd a:nth-child(1) {
    background-image: url(../images/cxfd_a1.png);
}

.cx_footer_df dd a:nth-child(2) {
    background-image: url(../images/cxfd_a2.png);
}

.floating_Window {
    position: fixed;
    right: 0;
    bottom: -100%;
    z-index: 20;
    transition: all 0.5s;
}

.floating_Window_1 {
    bottom: 20%;
}

.floating_Window li {
    width: 54px;
    height: 54px;
    border-bottom: 1px solid #464646;
    position: relative;
    cursor: pointer;
}

.floating_Window li em {
    display: block;
    width: 100%;
    height: 100%;
}

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

.floating_Window li b {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 54px;
    overflow: hidden;
    transition: all 0.5s;
}

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

.floating_Window li:hover b {
    width: 130px;
}

.cx_offer {
    width: 100%;
    height: 72px;
    background-color: rgba(191, 25, 40, 0.5);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 110;
    overflow: hidden;
    transition: all 0.5s;
}

.cx_offer_1 {
    width: 142px;
    height: 40px;
    bottom: 10px;
    background-color: unset;
    background-image: url(../images/cx_offer_1.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.cx_offer_1 .cxo_box {
    display: none;
}

.cxo_box {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.5s;
}

.cxo_box input {
    width: 230px;
    height: 36px;
    background-color: #ffffff;
    border: 0;
    font-size: 14px;
    color: #808080;
    padding-left: 15px;
    margin: 0 7px;
}

.cxo_box button {
    width: 244px;
    height: 36px;
    background-color: #981218;
    color: #fff8f4;
    border: 0;
    font-size: 14px;
    margin-left: 7px;
}

.cxo_box b {
    width: 18px;
    height: 18px;
    background-image: url(../images/cxo_box_b.png);
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 9px;
    right: 4%;
    cursor: pointer;
}

.cx_yd_head {
    display: none;
}

.cx_yd_menu_bar {
    display: none;
}

.cx_official {
    display: none;
}

.cx_Secondary_menu {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 57px;
    background-color: #eeeeee;
    z-index: 80;
}

.cx_Secondary_menu a {
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #505050;
    transition: all 0.5s;
}

.cx_Secondary_menu a:hover {
    color: #ffffff;
    background-color: #bb0517;
}

.cx_Secondary_menu .cxsm {
    color: #ffffff;
    background-color: #bb0517;
}

.cx_crumbs {
    max-width: 1300px;
    margin: 0 auto;
    line-height: 75px;
    font-size: 14px;
    color: #373737;
}

.cx_crumbs a {
    color: #373737;
    transition: all 0.5s;
}

.cx_crumbs a:last-child {
    font-weight: bold;
}

.cx_crumbs a:hover {
    color: #bb0517;
}

.cx_crumbs span {
    font-family: '宋体';
    margin: 0 5px;
}

.cx_brand_af {
    max-width: 1200px;
    margin: 0 auto 50px;
}

.cxba_title {
    text-align: center;
    margin: 40px auto 50px;
}

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

.cxba_title i {
    text-align: center;
    font-size: 18px;
    color: #000000;
    display: block;
    margin-top: 6px;
}

.cxba_title p {
    font-size: 16px;
    color: #51060e;
}

.cxba_title p span {
    margin: 0 5px;
}

.cxba_t p {
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    text-indent: 2em;
}

.cxba_t {
    margin-bottom: 25px;
}

.cxba_more {
    font-size: 14px;
    width: 270px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #656565;
    transition: all 0.5s;
}

.cxba_more:hover {
    background-color: #cb3333;
    color: #ffffff;
}

.cxba_b {
    max-width: 1200px;
    margin: 75px auto 30px;
}

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

.cxbb_t {
    height: 600px;
    background-image: url(../images/cxbb_t_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.cxbbt {
    max-width: 1200px;
    margin: 95px auto 0;
}

.cxbbt em {
    display: block;
    font-size: 30px;
    color: #fff8f4;
    font-weight: bold;
}

.cxbbt p {
    font-size: 16px;
    color: #fff8f4;
    margin-top: 10px;
}

.cxbbt a {
    width: 268px;
    height: 28px;
    border: 1px solid #fff8f4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 33px;
    font-size: 14px;
    color: #fff8f4;
    transition: all 0.5s;
}

.cxbbt a:hover {
    background-color: #cb3333;
    color: #ffffff;
}

.cx_brand_bf {
    background-color: #eeeeee;
    padding-bottom: 100px;
}

.cxbb_b {
    max-width: 1200px;
    background-color: #ffffff;
    overflow: hidden;
    margin: -260px auto 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.cxbb_b dl {
    width: 37.5%;
    margin: 100px 4% 90px;
}

.cxbb_b dl dt {
    width: 100%;
    overflow: hidden;
}

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

.cxbb_b dl dd {
    font-size: 16px;
    color: #000000;
    margin-top: 25px;
}

.cx_brand_cf .cxbb_t {
    background-image: url(../images/cxbb_t1.jpg);
}

.cx_brand_cf .cxbb_t em {
    margin-bottom: 25px;
}

.cxbc_t {
    max-width: 1200px;
    background-color: #ffffff;
    overflow: hidden;
    margin: -252px auto 0;
    position: relative;
    z-index: 1;
    padding: 65px 0 80px;
}

.cxbc_t dt {
    width: 42.5%;
    float: left;
    margin: 0 5% 0 7%;
}

.cxbc_t dt em {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
}

.cxbc_t dt p {
    font-size: 16px;
    line-height: 36px;
    margin: 40px 0;
    color: #000000;
}

.cxbc_t dt a {
    width: 270px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    border: 1px solid #656565;
    transition: all 0.5s;
}

.cxbc_t dt a:hover {
    background-color: #cb3333;
    color: #ffffff;
}

.cx_brand_cf {
    background-color: #eeeeee;
    padding-bottom: 100px;
}

.cxbc_t dd {
    width: 37.5%;
    float: left;
    margin-top: 30px;
}

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

.cx_brand_df {
    max-width: 1070px;
    margin: 80px auto 100px;
}

.cxbd_title {
    text-align: center;
    font-size: 30px;
    color: #000000;
    font-weight: bold;
}

.cxbd_t {
    overflow: hidden;
    margin: 65px auto;
}

.cxbd_t_l {
    width: 44.859%;
    height: 350px;
    background-color: #ececec;
    float: left;
    overflow: hidden;
    position: relative;
}

.cxbd_t_l li {
    font-size: 14px;
    line-height: 30px;
    color: #000000;
}

.cxbdtl {
    width: 72.9166%;
    overflow: hidden;
    margin: 70px auto 0;
}

.cxbdtl_p {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    text-align: center;
}

.cxbdtl_p span {
    margin: 0 10px;
}

.cxbdtl_p .swiper-pagination-bullet-active {
    background-color: #8d0917;
}

.cxbd_t_r {
    float: right;
    width: 46.26168%;
}

.cxbd_t_r em {
    display: block;
    font-size: 18px;
    color: #000000;
    border-bottom: 2px solid #000000;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.cxbd_t_r ul li {
    position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 36px;
    color: #000000;
}

.cxbd_t_r ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #000000;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 12px;
}

.cxbd_t_r p {
    font-size: 15px;
    line-height: 32px;
    color: #000000;
    margin-top: 30px;
}

.cxbd_b {
    margin-bottom: 60px;
}

.cxbd_b p {
    font-size: 20px;
    line-height: 36px;
    color: #000000;
}

.cxbd_b p em {
    display: block;
    text-align: right;
    font-size: 15px;
    color: #000000;
    margin-top: 10px;
    font-weight: bold;
}

.cx_brand_ef {
    background-color: #eeeeee;
    padding: 65px 0 70px;
}

.cxbe_t {
    max-width: 1130px;
    margin: 30px auto 50px;
    position: relative;
}

.cxbe_t::after {
    width: 3px;
    height: 100%;
    background-color: #e8b755;
    left: 50%;
    top: 0;
    content: '';
    position: absolute;
    transform: translateX(-50%);
}

.cxbe_t dl {
    /* overflow: hidden; */
    position: relative;
    margin-bottom: 30px;
}

.cxbe_t dl::after {
    width: 126px;
    height: 38px;
    background-image: url('../images/cxbe_t_a1.png');
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 1;
}

.cxbe_t dl:nth-child(even)::after {
    transform: translateX(-50%) rotate(180deg);
}

.cxbe_t dl dt {
    width: 50%;
    min-height: 10px;
    float: left;
    text-align: center;
}

.cxbe_t dl dt img {
    display: none;
}


.cxbe_t dl dd {
    width: 50%;
    min-height: 40px;
    box-sizing: border-box;
    position: relative;
}

.cxbe_t dl:nth-child(odd) dd {
    padding-left: 75px;
    padding-right: 20px;
}

.cxbe_t dl:nth-child(even) dd {
    padding-right: 75px;
    padding-left: 20px;
}

.cxbe_t dl dd {
    margin-left: auto;
}

.cxbe_t dl dd p {
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    text-align: justify;
}

.cxbe_t dl dd span {
    display: block;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    line-height: 2;
    text-align: justify;
}

.cxbe_t dl:nth-child(even) dd {
    margin-left: 0;
    margin-right: auto;
}

.cxbe_t dl:nth-child(even) dd span {
    text-align: right;
}

.cxbe_t dl:nth-child(even) dd p {
    text-align: right;
}

.cxbe_t dl:nth-child(even) dt {
    float: right;
}

.cx_brand_ff {
    margin: 55px auto 60px;
}

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

.cxbf_box dl {
    width: 23%;
    margin: 0 5% 20px 5%;
    /*float: left;*/
    display: inline-block;
}


.cxbf_box dl dt {
    overflow: hidden;
}

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

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

.cxbf_box dl dd a {
    font-size: 14px;
    width: 270px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
    border: 1px solid #656565;
    transition: all 0.5s;
}

.cxbf_box dl dd a:hover {
    background-color: #cb3333;
    color: #ffffff;
}

.cx_craftsman_af {
    max-width: 1073px;
    margin: 0 auto;
    background-color: #ececec;
    padding: 40px 0 10px 0;
    overflow: hidden;
}

.cx_craftsman_af p {
    max-width: 937px;
    margin: 0 auto 25px;
    font-size: 14px;
    color: #000000;
    line-height: 30px;
}

.cx_craftsman_bf {
    max-width: 1073px;
    margin: 0 auto;
}

.cx_craftsman_bf em {
    display: block;
    font-size: 18px;
    color: #000000;
    margin: 55px 0 40px;
}

.cx_craftsman_bf ul li {
    position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 36px;
    color: #000000;
}

.cx_craftsman_bf ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #000000;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 12px;
}

.cx_craftsman_bf p {
    line-height: 32px;
    color: #000000;
    margin-top: 30px;
    font-size: 15px;
}

.cx_craftsman_cf {
    max-width: 1073px;
    margin: 50px auto 55px;
    padding-bottom: 50px;
    border-bottom: 2px solid #000000;
}

.cx_craftsman_cf p {
    font-size: 20px;
    line-height: 36px;
    color: #000000;
}

.cx_craftsman_cf p em {
    display: block;
    text-align: right;
    font-size: 15px;
    color: #000000;
    margin-top: 10px;
    font-weight: bold;
}

.cx_craftsman_df {
    max-width: 1073px;
    margin: 0 auto;
    overflow: hidden;
}

.cxcd_t em {
    display: block;
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}

.cxcd_t span {
    display: block;
    font-size: 18px;
    color: #000000;
    margin: 15px 0 40px;
}

.cxcd_b {
    overflow: hidden;
}

.cxcd_b dl {
    width: 30.19%;
    height: 410px;
    float: left;
    margin: 0 4.715% 20px 0;
}

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

.cxcd_b dl dt {
    width: 100%;
    overflow: hidden;
}

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

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

.cxcd_b dl dd em {
    display: block;
    margin: 13px 0;
    font-size: 32px;
}

.cxcd_b dl dd em i {
    font-size: 31px;
    color: #0e0e0e;
    padding-right: 2px;
}

.cxcd_b dl dd em span {
    font-size: 24px;
    color: #595a5b;
    font-weight: bold;
    padding-left: 3px;
}

.cxcd_b dl dd p {
    font-size: 13px;
    line-height: 25px;
    color: #0e0e0e;
}

.cx_institute {
    max-width: 940px;
    margin: 30px auto 80px;
}

.cx_institute p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 25px;
    overflow: hidden;
}

.cx_institute p img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.cx_institute p em {
    font-size: 16px;
    font-weight: bold;
}

.cx_institute p span {
    display: block;
}

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

.cx_product_title dl {
    width: 32.76%;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 0.86% 10px 0;
}

.cx_product_title dl dt {
    width: 100%;
}

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

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

.cx_product_title dl dd {
    width: 92%;
    height: 100%;
    padding-left: 8%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    transition: all 0.5s;
}

.cx_product_title dl dd em {
    display: block;
    width: 100%;
    font-size: 28px;
    color: #303030;
    margin-bottom: 15px;
    transition: all 0.5s;
}

.cx_product_title dl dd p {
    font-size: 14px;
    line-height: 30px;
    color: #303030;
    transition: all 0.5s;
}

.lik {
    width: 220px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10%;
    border: 1px solid#303030;
    color: #303030;
}

.cx_product_title .cxpt dd .lik {
    border-color: #ffffff;
    color: #ffffff;
}
/* .cx_product_title dl dd.cx_ts em {
    color: #ffffff;
}

.cx_product_title dl dd.cx_ts p {
    color: #ffffff;
} */
.cx_product_title .cxpt dd.cx_ts {
    background-color: #e8b755;
}

.cx_product_title .cxpt dd em {
    color: #ffffff;
}

.cx_product_title .cxpt dd p {
    color: #ffffff;
}

.cx_product_title dl:hover {
    opacity: 0.8;
}

.cx_product_title {
    padding-bottom: 45px;
}

.p_title {
    max-width: 1300px;
    font-size: 30px;
    margin: 0 auto 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000000;
    position: relative;
}

.protype_top, .protype2_top {
    width: 1px;
    height: 113px;
    position: absolute;
    z-index: -1;
    top: -113px;
    left: 0;
}

#protype2 {
    /* padding-top: 55px;
    border-top: 1px solid #000000; */
}

.cxp_title {
    text-align: center;
    font-size: 30px;
    color: #505050;
    margin: 56px auto 35px;
}

.cxp_material {
    position: relative;
}

.cxp_material_t {
    height: 70px;
    background-image: url(../images/cxp_material_t_bg.jpg);
    background-position: center;
    display: flex;
    justify-content: center;
}

.cxp_material_t a {
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    transition: all 0.5s;
}

.cxp_material_t .cxpmt,
.cxp_material_t .cxdbtli {
    background-color: #e8b755;
}

.cxp_material_b {
    /* position: absolute;
    top: 100%;
    left: 0; */
    width: 100%;
    height: 57px;
    background-color: #eeeeee;
    z-index: 10;
    overflow: hidden;
    transition: all 0.5s;
    /* display: none; */
}

.cxp_material_b nav {
    height: 100%;
    display: flex;
    justify-content: center;
}

.cxp_material_b nav a {
    width: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #505050;
    padding: 0 45px;
}

.cxp_material_b .cxpmt,
.cxp_material_b .cxdbtli {
    background-color: #e8b755;
    color: #fff;
}

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

.cxp_dl dl {
    width: 23.07%;
    float: left;
    margin: 0 2.57% 45px 0;
}

.productSleep-body .cxp_dl dl {
    width: 30%;
}

.cxp_dl dl:nth-child(4n),
.productSleep-body .cxp_dl dl:nth-child(3n) {
    margin-right: 0;
}

.productSleep-body .cxp_dl dl:nth-child(4n) {
    margin-right: 45px;
}

.cxp_dl dl dt {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productSleep-body .cxp_dl dl dt {
    height: 400px;
}

.cxp_dl dl dt img {
    height: 100%;
    height: 200px;
    display: block;
}

.productSleep-body .cxp_dl dl dt img {
    height: 400px;
}

.cxp_dl dl dt em {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(191, 25, 40, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    opacity: 0;
}

.cxp_dl dl dt:hover em {
    opacity: 1;
}

.cxp_dl dl dt i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 122px;
    height: 56px;
    border: 2px solid #fff8f4;
    font-size: 16px;
    color: #fff8f4;
}

.cxp_dl dl dd em {
    display: block;
    text-align: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    margin: 15px 0;
}

.productSleep-body .cxp_dl dl dd em {
    font-family: Microsoft YaHei;
    font-size: 20px;
    color: #303030;
}

.productSleep-body .cxp_dl dl dd em.subTitle {
    font-size: 14px;
}

.cxp_dl dl dd em a {
    color: #656565;
    transition: all 0.5s;
}

.productSleep-body .cxp_dl dl dd em a {
    color: #303030;
}

.cxp_dl dl dd em a:hover {
    color: #8d0917;
}

.cxp_dl dl dd span {
    width: 124px;
    height: 28px;
    /* display: flex; */
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #656565;
    margin: 0 auto;
    border: 1px solid #c4c4c4;
    cursor: pointer;
}

.cxp_dl dl dd span:hover {
    background-color: #8d0917;
    color: #ffffff;
}

.cxp_dl dl dd .showlink {
    width: 124px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #656565;
    margin: 0 auto;
    border: 1px solid #c4c4c4;
    cursor: pointer;
}

.cxp_dl dl dd .showlink:hover {
    background-color: #8d0917;
    color: #ffffff;
}

.cx_product .cxp_title {
    margin-top: 0;
}

.cx_cxp_more {
    margin: 40px auto 90px;
    width: 140px;
    font-size: 18px;
    color: #656565;
    text-align: center;
    cursor: pointer;
}

.cxme_news dl {
    margin-bottom: 60px;
}

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

.cxda_l {
    width: 43.076%;
    float: left;
    margin: 0 155px 0 90px;
    position: relative;
}

.cxdal {
    width: 100%;
    max-height: 560px;
    overflow: hidden;
}

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

.cxda_l_l {
    width: 24px;
    height: 46px;
    position: absolute;
    top: 45%;
    left: -70px;
    background-image: url(../images/cxda_l_l.png);
    background-size: 100% auto;
}

.cxda_l_r {
    width: 24px;
    height: 46px;
    position: absolute;
    top: 45%;
    right: -70px;
    background-image: url(../images/cxda_l_r.png);
    background-size: 100% auto;
}

.cxda_l_span {
    text-align: center;
    margin-top: 40px;
    display: none;
}

.cxda_l_span span {
    width: 11px;
    height: 11px;
    margin: 0 10px;
}

.cxda_l_span .swiper-pagination-bullet-active {
    background-color: #bb0517;
}

.cxda_r {
    width: 32.69%;
    float: left;
}

.cxda_r_af {
    display: block;
    font-size: 24px;
    color: #303030;
    padding-bottom: 30px;
    border-bottom: 1px solid #808080;
}

.cxda_r_bf {
    margin: 10px 0 15px;
}

.cxda_r_bf li {
    font-size: 14px;
    line-height: 46px;
    color: #303030;
}

.cxda_r_cf {
    overflow: hidden;
}

.cxda_r_cf_l {
    float: left;
}

.cxda_r_cf_l span {
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff8f4;
    background-color: #bb0517;
}

.cxda_r_cf_l em {
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff8f4;
    background-color: #bb0517;
    margin-top: 14px;
    cursor: pointer;
}

.cxda_r_cf_r {
    float: right;
}

.cxda_r_cf_r dt {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

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

.cxda_r_cf_r dd {
    text-align: center;
    font-size: 14px;
    color: #303030;
    margin-top: 10px;
}

.cxdb_t {
    height: 70px;
    background-image: url(../images/cxp_material_t_bg.jpg);
    background-position: center;
    /* display: flex; */
    display: none;
    justify-content: center;
}

.cxdb_t li {
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    transition: all 0.5s;
    cursor: pointer;
}

.cxdb_t li a {
    color: #ffffff;
    display: block;
}

.cxdb_t .cxdbtli {
    background-color: #e8b755;
}

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

.dl_2_b {
    width: 80%;
    max-height: 718px;
    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_1_t {
    width: 80%;
    height: 45px;
    line-height: 43px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    margin: 0 auto;
    background-color: #ae1e24;
}

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

.tbcont_l {
    width: 23.46%;
    float: left;
    margin-top: 70px;
}

.tbcont_l .details_l {
    width: 100%;
}

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

.cxdbb_af dl {
    max-width: 800px;
    margin: 60px auto 0;
}

.cxdbb_af dl dt {
    text-align: center;
    font-size: 24px;
    color: #000000;
    border-bottom: 2px solid #000000;
    padding-bottom: 15px;
}

.cxdbb_af dl dd {
    text-align: center;
    font-size: 14px;
    color: #808080;
    margin-top: 10px;
}

.cxdb_b {
    min-height: 500px;
}

.cxdb_bz {
    background-color: #bb0517;
    height: 265px;
    overflow: hidden;
}

.cxdb_bz em {
    display: block;
    max-width: 800px;
    font-size: 24px;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 10px;
    margin: 40px auto 45px;
    text-align: center;
}

.cxdb_bz ul {
    display: flex;
    justify-content: center;
}

.cxdb_bz ul li {
    width: 118px;
    margin: 0 40px;
}

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

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

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

.cx_article_l {
    width: 72.30%;
    float: left;
}

.cxal_titl {
    background-color: #eeeeee;
    height: 115px;
    overflow: hidden;
}

.cxal_titl em {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #353535;
    font-weight: bold;
    margin: 30px 0 10px;
}

.cxal_titl p {
    font-size: 14px;
    color: #353535;
    text-align: center;
}

.cxal_titl p span {
    margin: 0 5px;
}

.cxal_p {
    margin-top: 25px;
    margin-bottom: 125px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    padding-bottom: 120px;
}

.cxal_p p {
    margin-top: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #353535;
    text-indent: 2em;
}

.cx_article_r {
    width: 25.07%;
    float: right;
}

.cxar_af {
    border: 1px solid #a0a0a0;
    padding: 25px;
    margin-bottom: 17px;
}

.cxar_af em {
    display: block;
    font-size: 16px;
    color: #353535;
    border-bottom: 1px solid #353535;
    padding-bottom: 10px;
    font-weight: bold;
}

.cxar_af ul li {
    padding: 15px 0;
    border-bottom: 1px dotted #000000;
    font-size: 14px;
    line-height: 22px;
}

.cxar_af ul li a {
    color: #353535;
    transition: all 0.5s;
}

.cxar_af ul li a:hover {
    color: #bb0517;
}

.cxar_dl {
    overflow: hidden;
}

.cxar_dl dl {
    width: 47%;
    float: left;
    margin-right: 6%;
    margin-top: 20px;
}

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

.cxar_dl dl dt {
    width: 100%;
    height: 85px;
    overflow: hidden;
}

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

.cxar_dl dl dd {
    text-align: center;
    font-size: 14px;
    color: #353535;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 7px;
}

.cxj_title {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #bb0517;
}

.cxja_t {
    max-width: 1073px;
    height: 200px;
    background-color: #eeeeee;
    margin: 35px auto 40px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.cxja_t p {
    width: 85%;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
    padding-left: 15%;
}

.cxja_b {
    max-width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}

.cxja_b dl {
    width: 47.058%;
    float: left;
    margin-right: 5.884%;
    margin-bottom: 25px;
}

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

.cxja_b dl dt {
    width: 100%;
    height: 138px;
    overflow: hidden;
    display: block;
    border-bottom: 10px solid #bb0517;
}

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

.cxja_b dl dd em {
    display: block;
    margin: 20px 0 15px;
    font-size: 28px;
    font-weight: bold;
    color: #444444;
}

.cxja_b dl dd em i {
    margin-right: 25px;
}

.cxja_b dl dd p {
    font-size: 18px;
    line-height: 30px;
    height: 90px;
    color: #444444;
}

.cx_join_bf {
    height: 950px;
    background-image: url(../images/cxjb_bg.jpg);
    background-position: center;
    overflow: hidden;
}

.cx_join_bf .cxj_title {
    color: #ffffff;
    margin: 100px 0 50px;
}

.cxjb {
    max-width: 1073px;
    margin: 0 auto;
}

.cxjb li {
    width: 32.15%;
    height: 290px;
    border: 1px solid #ffffff;
    border-radius: 15px;
    float: left;
    margin: 0 1.45% 30px 0;
}

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

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

.cxjb li b {
    width: 230px;
    display: block;
    margin: 35px auto 50px;
}

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

.cxjb li p {
    font-size: 18px;
    color: #fff8f4;
    line-height: 30px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.cx_join_cf {
    margin: 95px 0 130px;
}

.cxjc_box {
    max-width: 1073px;
    margin: 60px auto 0;
}

.cxjc_box dl {
    border: 1px solid #444444;
    height: 189px;
    border-radius: 13px;
    margin-bottom: 19px;
}

.cxjc_box dl dt {
    width: 20.69%;
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.cxjc_box dl dt b {
    width: 46px;
    height: 46px;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #ae1e24;
    font-size: 30px;
    color: #ffffff;
}

.cxjc_box dl dt em {
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #444444;
    font-weight: bold;
    margin-top: 20px;
    display: block;
}

.cxjc_box dl dd {
    width: 79%;
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.cxjc_box dl dd p {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    color: #444444;
}

.cx_join_df {
    height: 490px;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

.cx_join_df .cxj_title {
    width: 100%;
}

.cxjd {
    max-width: 1073px;
    margin: 70px auto 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.cxjd::after {
    width: 100%;
    height: 1px;
    background-color: #000000;
    content: '';
    position: absolute;
    left: 0;
    top: 80px;
}

.cxjd li {
    margin: 0 35px;
}

.cxjd li b {
    width: 49px;
    height: 49px;
    display: block;
    margin: 0 auto;
}

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

.cxjd li i {
    width: 12px;
    height: 12px;
    display: block;
    background-color: #000000;
    border-radius: 50%;
    margin: 25px auto 20px;
}

.cxjd li em {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #444444;
    line-height: 30px;
}

.cx_join_ef {
    overflow: hidden;
    position: relative;
    height: 588px;
    background-image: url(../images/cxje_bg.jpg);
    background-position: center;
}

.cx_join_ef .cxj_title {
    margin: 55px 0 35px;
    color: #ffffff;
}

.cxje_t {
    max-width: 880px;
    height: 270px;
    background-color: rgba(255,255, 255, 0.8);
    margin: 0 auto;
    padding-top: 50px;
}

.cxje_t li {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}

.cxje_t li p {
    width: 245px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #4d4d4d;
    height: 30px;
    line-height: 30px;
    margin: 0 13px;
}

.cxje_t li p input {
    height: 30px;
    border: 0;
    background-color: unset;
    font-size: 14px;
}

.cxje_t li p .txt5 {
    width: 160px;
}

.cxje_t li button {
    width: 340px;
    height: 40px;
    background-color: #bb0517;
    color: #fff8f4;
    font-size: 20px;
    border: 0;
    transition: all 0.5s;
}

.cxje_t li button:hover {
    background-color: #ffc87a;
    color: #777;
}

.cxje_b {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0, 0, 0.5);
    height: 75px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cxje_b em {
    color: #fff8f4;
    font-size: 28px;
    margin-right: 30px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/cxje_b_em.png);
}

.cxje_b span {
    font-size: 43px;
    color: #ffc87a;
}

.cx_footer_ff {
    margin: 50px 0 120px;
}

.cx_footer_ff p {
    text-align: center;
    font-size: 24px;
    color: #ae1e24;
    line-height: 39px;
}

.cx_footer_ff em {
    display: block;
    text-align: center;
    margin-top: 40px;
    font-size: 25px;
    color: #6f6f6f;
}

.cx_footer_ff span {
    display: block;
    font-size: 70px;
    color: #ae1e24;
    text-align: center;
}

.cxs_title {
    width: 315px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    padding-bottom: 7px;
    border-bottom: 1px solid #000000;
    margin: 0 auto;
}

.cx_service .cxj_title {
    margin: 30px auto 50px;
}

.cxs_t, .cxs_b {
    max-width: 1073px;
    overflow: hidden;
    border: 1px solid #808080;
    margin: 0 auto 40px;
}

.cxs_t dt {
    width: 42%;
    float: left;
    margin-left: 5%;
}

.cxs_t dt em {
    display: block;
    font-size: 22px;
    color: #595a5b;
    margin: 25px 0 10px;
    font-weight: bold;
}

.cxs_t dt p {
    font-size: 16px;
    line-height: 32px;
    color: #0e0e0e;
}

.cxs_t dt ul li {
    font-size: 14px;
    line-height: 30px;
    color: #0e0e0e;
}

.cxs_t dd {
    width: 50%;
    float: right;
}

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

.cxs_b dt {
    width: 40%;
    margin-left: 5%;
    float: left;
}

.cxs_b dt p {
    font-size: 16px;
    line-height: 32px;
    margin-top: 50px;
}

.cxs_b dd {
    width: 50%;
    float: right;
}

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

.cxs_b {
    margin-bottom: 90px;
}

.cxbrief_p {
    max-width: 1073px;
    margin: 0 auto 100px;
}

.cxbrief_p p {
    font-size: 16px;
    line-height: 36px;
    color: #000000;
}

.cxbrief_p p em {
    display: block;
    font-size: 18px;
    margin: 35px 0;
    font-weight: bold;
}

.cxbrief_p p img {
    max-width: 100%;
    display: block;
}

.cx_video {
    margin-top: 30px;
    margin-bottom: 80px;
}

.cx_video_dl {
    max-width: 1200px;
    margin: 0 auto;
}

.cx_video_dl_t {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 17px;
    border-bottom: 2px solid #000000;
}

.cx_video_dl_b {
    max-width: 1200px;
    margin: 37px auto 0;
    overflow: hidden;
}

.cx_video_dl_b dl {
    width: 28.3%;
    float: left;
    margin: 0 7.55% 40px 0;
}

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

.cx_video_dl_b dl dt {
    width: 100%;
    height: 192px;
    overflow: hidden;
}

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

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

.cx_video_dl_b dl dd {
    font-size: 16px;
    color: #656565;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cxv_more {
    width: 120px;
    margin: 0 auto 100px;
    font-size: 18px;
    color: #656565;
    cursor: pointer;
}

.cx_factory_af {
    height: 600px;
    background-image: url(../images/cxbb_t_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.cx_factory_af em {
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    font-size: 54px;
    margin-bottom: 20px;
}

.cx_factory_af p {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    line-height: 64px;
}

.cx_factory_bf {
    margin: 80px 0 100px;
}

.cx_factory_bf dt {
    max-width: 1073px;
    margin: 0 auto 60px;
}

.cx_factory_bf dt p {
    font-size: 16px;
    line-height: 36px;
}

.cx_factory_bf dd {
    max-width: 1161px;
    margin: 0 auto;
}

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

.cx_museum {
    background-color: #eeeeee;
    padding-bottom: 200px;
}

.cx_museum_t {
    height: 600px;
    background-position: center;
    background-image: url(../images/cxbb_t1.jpg);
    overflow: hidden;
}

.cx_museum_t em {
    display: block;
    text-align: center;
    font-size: 54px;
    color: #ffffff;
    margin-top: 125px;
    font-weight: bold;
}

.cx_museum_b {
    max-width: 1073px;
    background-color: #ffffff;
    padding: 70px 75px;
    margin: -330px auto 0;
    position: relative;
    z-index: 1;
}

.cx_museum_b p {
    font-size: 16px;
    line-height: 36px;
}

.cx_museum_b p img {
    max-width: 100%;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.cx_museum_b p em {
    display: block;
    font-size: 20px;
    margin-top: 30px;
}

.cxbe_box {
    background-color: unset;
}


.cx_ny_banner {
    width: 100%;
    margin-top: 65px;
}

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

.cxfb {
    display: none;
}

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

.cx_yd_code_1 {
    opacity: 1;
    z-index: 300;
}

.cx_yd_Telephone {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    z-index: -100;
    opacity: 0;
    transition: all 0.5s;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #ffffff;
}

.cx_yd_Telephone em {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 10px;
}

.cx_yd_Telephone b {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 36px;
    color: #f7b173;
}

.cx_yd_Telephone_1 {
    opacity: 1;
    z-index: 300;
}
/* 地区搜索框 */
.service_bf {
    max-width: 1300px;
    margin: 0 auto;
}

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

.service_bf1 {
    float: left;
    margin-right: 20px;
}

.service_bf1 select {
    width: 260px;
    height: 45px;
    font-size: 14px;
    color: #4f4f4f;
    padding: 0 15px;
    border: 1px solid 1px solid #d0d0d0;
}

.service_bf2 {
    width: 558px;
    height: 43px;
    border: 1px solid #d0d0d0;
    color: #4f4f4f;
    float: left;
}

.service_bf2 input {
    float: left;
    width: 420px;
    height: 100%;
    padding: 0 15px;
    font-size: 14px;
    background-color: unset;
    border: 0;
}

.service_bf2 button {
    width: 43px;
    height: 43px;
    float: right;
    background-color: #666666;
    background-image: url(../images/sb_i.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
}

.service_bf2 button:hover {
    background-color: #ac2026;
}

#tabcont4 {
    display: none;
}
/*选择器*/
.wp_screen {
    display: none;
}

@media screen and (max-width:1440px ) {
    .cxi_box1 {
        left: -130px;
    }

    .cxi_box2 {
        left: -180px;
    }

    .cxi_box3 {
        left: -230px;
    }

    .cxi_box4 {
        left: -280px;
    }

    .cxhb_logo img {
        position: relative;
        left: 50px;
    }
}

@media screen and (max-width:1350px ) {
    .cxhb_nav {
        margin-left: 200px;
    }

    .cxme_b dl dt {
        height: 210px;
    }

    .cxhb_logo img {
        position: relative;
        left: 0px;
    }
}


@media screen and (max-width:1250px ) {
    .cxbf_box {
        max-width: 870px;
    }

    .cxbf_box dl {
        width: 45.97%;
        margin: 0 8.06% 20px 0;
    }

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

@media screen and (max-width:1250px ) {
    .cxp_title {
        margin-top: 20px;
    }

    .cxp_dl {
        width: 94%;
        /* margin-top: 40px; */
    }

    .cxp_dl dl {
        margin-bottom: 25px;
    }

    .cxmd_b li {
        margin: 0 30px;
    }

    .cxp_dl dl dt {
        height: 185px;
    }

    .cx_icon {
        display: none;
    }

    .cxmct_b {
        height: 250px;
        width: 94%;
    }

    .cxp_material_b nav a {
        padding: 0 20px;
    }

    .cxme_b dl dt {
        height: 185px;
    }

    .cx_crumbs {
        width: 94%;
    }

    .cxbb_t {
        padding: 0 3%;
    }

    .cx_video_dl {
        padding: 0 3%;
    }

    .cx_video {
        padding: 0 3%;
    }

    .cx_head {
        height: 55px;
    }

    .cxhb_logo {
        left: 15px;
    }

    .cx_main_cf {
        padding-bottom: 80px;
    }

    .cxmd_t {
        margin-top: 70px;
    }

    .cx_main_df {
        height: 700px;
    }

    .cxmd_b {
        width: 94%;
    }

    .cxme_b dl dd {
        padding: 0 15px;
    }

    .cxme_t {
        margin-bottom: 50px;
    }

    .cx_footer_bf {
        margin: 60px 0 70px;
    }

    .cx_footer_df {
        margin-top: 100px;
    }

    .cx_banner {
        margin-top: 55px;
    }

    .cx_ny_banner {
        margin-top: 55px;
    }

    .cxba_title {
        margin-top: 20px;
    }

    .cx_menu {
        height: 100px;
    }

    .cx_product_title {
        width: 94%;
    }

    .p_title {
        width: 94%;
        text-align: left;
    }
}

@media screen and (max-width:1070px ) {
    .tbcont_l {
        display: none;
    }

    .tbcont_r {
        width: 100%;
    }

    .cx_article {
        width: 94%;
    }

    .cx_footer_af {
        height: 100px;
    }

    .cx_footer_af ul li::before {
        height: 70px;
        top: 18px;
    }

    .cxal_p {
        padding-bottom: 80px;
        margin-bottom: 80px;
    }

    .cx_footer_bf {
        margin: 60px 0 70px;
    }

    .cx_footer_df {
        margin-top: 100px;
    }

    .cx_craftsman_af {
        width: 94%;
    }

    .cx_craftsman_bf {
        width: 94%;
    }

    .cx_craftsman_cf {
        width: 94%;
    }

    .cx_craftsman_df {
        width: 94%;
    }

    .cx_factory_bf {
        width: 94%;
        margin: 50px auto 60px;
    }

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

    .cx_brand_af {
        width: 94%;
    }

    .cxbb_b {
        width: 94%;
    }

    .cxbc_t {
        width: 94%;
    }

    .cx_brand_df {
        width: 94%;
    }

    .cx_museum_b {
        width: 90%;
        padding: 3%;
    }

    .cx_museum {
        padding-bottom: 100px;
    }

    .cxda_l {
        margin-right: 100px;
    }

    .cxdal {
        height: 460px;
    }

    .cxja_t {
        width: 94%;
    }

    .cx_join_bf {
        padding: 0 3%;
    }

    .cx_join_cf {
        padding: 0 3%;
    }

    .cx_join_df {
        padding: 0 3%;
    }

    .cxme_b {
        padding: 0 3%;
    }

    .cxme_b dl dt {
        height: 150px;
    }

    .cxme_b dl dd {
        padding: 0 3%;
    }

    .cx_product_title {
        width: 94%;
    }

    .cxp_dl {
        width: 94%;
    }

    .cxp_dl dl dt {
        height: 155px;
    }

    .cx_service {
        padding: 0 3%;
    }
}
/*联系我们*/
.contact_wrap {
    max-width: 1300px;
    margin: 0 auto;
}

.contact_wrap .contact_bd {
    font-size: 26px;
    color: #2f2f2f;
    margin: 40px auto 170px;
    text-align: center;
}
/*身边体验店*/
.conract_af {
    max-width: 1280px;
    margin: 0 auto;
}

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

.conract_bf {
    max-width: 1280px;
    margin: 47px auto 0px;
    overflow: hidden;
}

.conract_bf li {
    /* width: 32%; */
    width: 29.2%;
    float: left;
    /* margin: 0 2% 50px 0; */
    padding: 0 1%;
    border-right: 1px solid #989898;
    margin-bottom: 50px;
}

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

.conract_bf li p {
    line-height: 22px;
    font-size: 16px;
    color: #2f2f2f;
    margin-bottom: 20px;
    padding-left: 25px;
}

.conract_bf li p:nth-child(1) {
    background-image: url(../images/cp_p.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.conract_bf li p:nth-child(2) {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
/*预约参观*/
.xz_title {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #0c0c0c;
    margin-bottom: 30px;
}

.xz_appointment {
    max-width: 1280px;
    margin: 0 auto 85px;
    overflow: hidden;
    background-color: #f2f2f2;
}

.xz_appointment dt {
    width: 55.78%;
    float: left;
}

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

.xz_appointment dd {
    width: 44.22%;
    float: right;
    text-align: center;
    padding-top: 40px;
}

.xz_appointment dd em {
    display: block;
    font-size: 20px;
    color: #0c0c0c;
}

.xz_appointment dd span {
    display: block;
    font-size: 16px;
    color: #0c0c0c;
    margin: 20px 0 10px;
}

.xz_appointment dd b {
    display: block;
    font-size: 36px;
    color: #ae1e24;
    margin-bottom: 30px;
}

.xz_appointment dd p {
    width: 333px;
    height: 40px;
    line-height: 40px;
    color: #0c0c0c;
    font-size: 16px;
    border: 1px solid #7d7d7d;
    margin: 0 auto 26px;
}

.xz_appointment dd img {
    width: 100px;
}
/*客户案例*/
.case {
    max-width: 1000px;
    margin: 30px auto 80px;
}

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

.case_l {
    width: 13.9375%;
    float: left;
}

.case_l li {
    margin-bottom: 22px;
}

.case_l li.cur a {
    color: #981218;
}

.case_l a {
    font-size: 16px;
    color: #595a5b;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    color: #545454;
    padding-left: 30px;
    background-image: url(../images/crumbs_d.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.case_r {
    width: 85%;
    float: right;
}

.r_wrap {
    width: 94%;
    padding: 3%;
    outline: 1px solid #666666;
    overflow: hidden;
}

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

.r_swiper::after {
    display: block;
    content: '';
    padding-top: 75%;
}

.caser_t {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}

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

.caser_t li {
    overflow: hidden;
}

.caser_b {
    width: 100%;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.caser_b::after {
    display: block;
    content: '';
    padding-top: 14.2%;
}

.caserb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 82%;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.caserb li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.caserb li {
    position: relative;
    margin-right: 15px;
    background-color: #7f7f7f;
    text-align: center;
    overflow: hidden;
}

.caser_b_l {
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    cursor: pointer;
    color: #b9b9b9;
    border: 1px solid #b9b9b9;
    border-radius: 32px;
    font-family: serif;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.8s;
    outline: none;
}

.caser_b_r {
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    cursor: pointer;
    color: #b9b9b9;
    border: 1px solid #b9b9b9;
    border-radius: 32px;
    font-family: serif;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.8s;
    outline: none;
}
/*产品详情*/
.cxdb_details {
    text-align: center;
}

.cxdb_details em {
    text-align: center;
    font-size: 24px;
    color: #000000;
    border-bottom: 2px solid #000000;
    padding-bottom: 15px;
    display: block;
    max-width: 800px;
    margin: 60px auto 60px auto;
}

.cxdb_detai_bd {
    max-width: 910px;
    margin: 0 auto;
}

.cxdb_detai_bd img {
    width: 100%;
    display: block;
}
/*咨询框*/
.btnbar {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    clear: both;
}

.btnbar .go,
.opformbtn {
    padding: 8px 30px;
    background-color: #b52428;
    color: #fff;
}

.opformbtn:hover {
    color: #fff;
}

.btnbar .opformbtn {
    margin-left: 20px;
}

.showbtn {
    padding: 5px 10px;
    background-color: #b52428;
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
}

.layui-layer-setwin .layui-layer-close {
    background-position: 0px -39px;
}

#add-main .layui-btn, #add-main .layui-btn-primary:hover {
    background: #b52428;
    color: #fff;
}

#add-main .layui-btn-primary, #add-main .layui-btn-primary:hover {
    border-color: #b52428;
}

.ty_cxme_more {
    margin: 0 auto 70px;
}

.news_banner {
    margin-top: 65px;
}

@media screen and (max-width:950px ) {
    .lik {
        bottom: 4%;
    }

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

    .case_r {
        width: 100%;
    }

    .case_l li {
        float: left;
        margin-right: 30px;
    }

    .caser_t li img {
        height: 100%;
    }

    .cx_footer_cf {
        width: 94%;
    }

    .cxfc_bf {
        margin-left: 0px;
    }

    .cx_video_dl_b dl dt {
        height: 140px;
    }

    .cx_institute {
        width: 94%;
    }

    .cxja_b {
        width: 94%;
    }

    .cxjb li {
        margin-right: 1.4%;
    }

    .cxjc_box dl {
        height: 280px;
    }

    .cxjc_box dl dt {
        width: 26%;
    }

    .cxjc_box dl dd {
        width: 73%;
    }

    .cxme_b dl dt {
        height: 143px;
    }

    .cxp_dl dl dt {
        height: 138px;
    }

    .cxmb_b dl {
        width: 33.333%;
    }

    .cxmd_b li {
        margin: 0 10px;
    }
}

@media screen and (max-width:850px ) {
    .xz_appointment dt {
        width: 100%;
    }

    .xz_appointment dd {
        width: 100%;
        padding-bottom: 40px;
    }

    .cus_main {
        padding: 0 3%;
    }

    .conract_bf li {
        width: 49%;
        margin-bottom: 30px;
    }

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

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

    .cx_article_l {
        width: 100%;
    }

    .cxar_af {
        display: none;
    }

    .cxal_p p img {
        max-width: 100%;
    }

    .cxhb_nav {
        width: 600px;
    }

    .cx_craftsman_af p {
        width: 94%;
    }

    .cxbb_b dl {
        margin: 50px 4% 40px;
    }

    .cxbf_box {
        padding: 0 3%;
    }

    .cxda_l {
        width: 80%;
        margin: 0 10%;
    }

    .cxdal {
        height: 660px;
    }

    .cxda_r {
        width: 94%;
        padding: 0 3%;
    }

    .cxda_r_bf li {
        width: 50%;
        float: left;
    }

    .cxda_r_bf {
        overflow: hidden;
        margin-bottom: 60px;
    }

    .cxdb_t li {
        width: 150px;
    }

    .cxdb_bz em {
        width: 94%;
    }

    .cxja_t p {
        width: 94%;
        padding: 0 3%;
    }

    .cxja_b dl dt {
        height: 100px;
    }

    .cxjb li b {
        margin-bottom: 30px;
    }

    .cxje_t {
        width: 94%;
    }

    .cxjd li {
        margin: 0 15px;
    }

    .cxme_b dl dt {
        height: 125px;
    }

    .cxme_b dl dd em {
        margin-top: 15px;
    }

    .cx_product_title dl {
        width: 49%;
        margin-right: 2%;
    }

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

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

    .cxp_material_t a {
        width: 150px;
    }

    .cxs_t dd {
        width: 100%;
        float: left;
    }

    .cxs_t dt {
        width: 94%;
        float: right;
        padding: 3%;
    }

    .cxs_b dt {
        width: 94%;
        float: right;
        padding: 3%;
    }

    .cxs_b dd {
        width: 100%;
    }
}

@media screen and (max-width: 800px ) {
    .cxp_material_b nav a {
        font-size: 16px;
    }
}

@media screen and (max-width:768px ) {
    .search-wrap input {
        width: 224px !important;
    }

    .cx_article_l {
        width: 100%;
    }

    .cx_article_r {
        display: none;
    }

    .contact_wrap .contact_bd span:nth-child(2n) {
        display: block;
        opacity: 0;
        height: 10px;
    }

    .cx_main_ef .cxm_title p {
        display: none;
    }

    .cx_main_bf .cxme_more {
        display: flex;
        margin: 70px auto;
    }

    .cx_main_df {
        height: 900px;
    }

    .cxmct_b em {
        width: 295px;
        height: 70px;
        background-color: #bb0517;
        margin: 0 auto 0;
        border-radius: 35px;
        font-size: 36px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cxmct_b a {
        background-color: unset;
        color: #333333 !important;
        border-color: #333333 !important;
    }

    .cxmb_t {
        display: none;
    }

    .cxp_dl dl dd .showlink {
        width: 124px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #656565;
        margin: 0 auto;
        border: 1px solid #c4c4c4;
        cursor: pointer;
    }

    .cxp_dl dl dd span {
        display: none;
    }

    .cxmct_t img:nth-child(1) {
        display: none;
    }

    .cxmct_t img:nth-child(2) {
        display: block;
    }

    .cx_ny_banner {
        margin-top: 0;
    }

    .cx_banner {
        margin-top: 0;
    }

    .service_bf {
        width: 94%;
    }

    .news_banner {
        margin-top: 0;
    }

    .about_crumbs_line, .about_crumbs_link {
        display: none;
    }

    .service_bf1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .service_bf1 select {
        width: 100%;
    }

    .service_bf2 {
        width: 100%;
    }

    .service_bf2 input {
        width: 60%;
    }

    .p_title {
        width: 94%;
        font-size: 25px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .cx_product_title {
        padding-bottom: 25px;
    }

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

    .cxm_title em {
        width: 295px;
        height: 70px;
        background-color: #bb0517;
        margin: 0 auto 25px;
        border-radius: 35px;
        font-size: 50px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    .cxme_b dl:hover {
        background-color: unset;
    }

    .cxme_b dl:hover em a {
        color: #000000;
    }

    .cxba_b {
        position: relative;
        z-index: 1;
    }

    .floating_Window {
        bottom: 10%;
    }

    /*.floating_Window .openformbtn {
        display: none;
    }*/

    .cxmb_b dl dt {
        opacity: 1;
        position: relative;
    }

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

    .cxmb_b dl:nth-child(3) dt::after {
        transition-delay: 0.5s;
    }

    .cxmb_b dl:nth-child(4) dt::after {
        transition-delay: 0.5s;
    }

    .cxmb_b dl:nth-child(5) dt::after {
        transition-delay: 1s;
    }

    .cxmb_b dl:nth-child(6) dt::after {
        transition-delay: 1s;
    }

    .cxmb_b_1 dl dt::after {
        opacity: 0;
    }

    .cxp_dl dl dt img {
        height: auto;
        width: 100%;
    }

    .lik {
        display: none;
    }

    .cxje_t li button:hover {
        background-color: #bb0517;
        color: #fff8f4;
    }

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

    .cxmd_b li:hover em {
        color: #000000;
    }

    .cxmc_b dl:hover dt p {
        opacity: 1;
    }

    .cxmct_b a:hover {
        background-color: unset;
        color: #ffffff !important;
        border-color: #ffffff;
    }

    .cxma ul li a:hover {
        color: #000000;
    }

    .case {
        width: 94%;
        padding: 0 3%;
    }

    /* .caserb li img {
        display: block;
        width: 100%;
    } */

    .cx_product_title dl:hover {
        opacity: 1;
    }

    .cxp_dl dl dt:hover em {
        display: none;
    }

    .cx_video_dl_b dl dt:hover img {
        transform: scale(1);
    }

    .cxcd_b dl:hover dt img {
        transform: scale(1);
    }

    .cxba_more:hover {
        background-color: unset;
        color: #000000;
    }

    .cxbbt a:hover {
        background-color: unset;
        color: #ffffff;
    }

    .cxbc_t dt a:hover {
        background-color: unset;
        color: #000000;
    }

    .cxba_more:hover {
        background-color: unset;
        color: #000000;
    }

    .cxbf_box dl:hover dt img {
        transform: scale(1);
    }

    .cxbf_box dl dd a:hover {
        background-color: unset;
        color: #000000;
    }

    .cx_footer_af ul li:hover:nth-child(10) {
        background-image: url(../images/cx_footer_af1.png);
    }

    .cx_footer_af ul li:hover:nth-child(1) {
        background-image: url(../images/cx_footer_af2.png);
    }

    .cx_footer_af ul li:hover:nth-child(2) {
        background-image: url(../images/cx_footer_af3.png);
    }

    .cxfc_bf ul li:hover a {
        color: #656565;
    }

    .cxfc_bf ul li a::after {
        display: none;
    }

    .cxmd_b li:hover a {
        color: #7f7f7f;
        background-color: unset;
    }

    .cxmc_b dl:hover dd {
        display: none;
    }

    .cxmb_t a:hover {
        color: #808080;
        background-color: unset;
    }

    .cxmb_b dl dt img:nth-child(2) {
        display: block;
    }

    .cxmb_b dl dt img:nth-child(1) {
        display: none;
    }

    .cx_yd_menu_bar {
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
        z-index: -60;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 0.5s;
    }

    .cx_yd_menu_bar_1 {
        z-index: 160;
        opacity: 1;
    }

    .cx_ydmb_t {
        width: 80%;
        background-color: #ffffff;
        margin: 3% auto;
        border-radius: 10px;
        padding: 20px 0;
    }

    .cx_ydmb_t li {
        text-align: center;
        line-height: 60px;
        font-size: 14px;
        border-top: 1px solid #eaeaea;
    }

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

    .cx_ydmb_t li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #333333;
    }

    .cx_ydmb_b {
        width: 35px;
        height: 35px;
        margin: 10px auto;
        background-image: url(../images/ydmb_b.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .cx_official {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: -3;
        display: block;
        opacity: 0;
        transition: all 0.5s;
        display: block;
    }

    .cx_official_1 {
        opacity: 1;
        z-index: 30000;
    }

    .cx_official_t {
        margin-top: 50%;
    }

    .cx_official_t a {
        display: block;
        line-height: 60px;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
    }

    .cx_official_b {
        width: 35px;
        height: 35px;
        margin: 10px auto;
        background-image: url(../images/ydmb_b.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .cx_head {
        display: none;
    }

    .cx_yd_head {
        display: block;
    }

    .cxyd_t {
        width: 100%;
        height: 113px;
        /*background-color: #303030;*/
        background-color: #ffffff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cxyd_t_logo {
        float: left;
        height: 100%;
        margin-left: 30px;
    }

    .cxyd_t_logo img {
        height: 100%;
        display: block;
    }

    .cxyd_t_lx {
        width: 187px;
        display: none;
    }

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

    .cxyd_t_r {
        overflow: hidden;
    }

    .cxyd_t_r1 {
        width: 37px;
        height: 37px;
        float: left;
        background-image: url(../images/cx_icon1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        margin-right: 40px;
    }

    .cxyd_t_r2 {
        display: none;
        width: 37px;
        height: 37px;
        float: left;
        background-image: url(../images/cx_icon2.png);
        background-position: center;
        background-size: 100% auto;
        margin-right: 40px;
        background-repeat: no-repeat;
    }

    .cxyd_t_r3 {
        width: 44px;
        height: 37px;
        float: left;
        background-image: url(../images/cx_icons_menu.png);
        background-position: center;
        background-size: 100% auto;
        margin-right: 30px;
        background-repeat: no-repeat;
    }

    .cxyd_b {
        height: 65px;
        background-color: #ededef;
        display: flex;
        justify-content: start;
    }

    .cxyd_b a {
        width: 20%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #303030;
        font-weight: bold;
        position: relative;
    }

    .cxyd_b a::before {
        width: 1px;
        height: 40%;
        background-color: #303030;
        position: absolute;
        left: 0;
        top: 30%;
        content: '';
    }

    .cxyd_b a:nth-child(1)::before {
        display: none;
    }

    .cx_banner .swiper-pagination {
        bottom: 10px !important;
    }

    .cx_offer {
        position: unset;
        height: 90px;
        background-color: #585858;
    }

    .cxo_box b {
        display: none;
    }

    .cxo_box input {
        width: 145px;
        height: 50px;
        font-size: 22px;
    }

    .cxo_box button {
        width: 165px;
        height: 50px;
        font-size: 22px;
    }

    .cx_main_af {
        background-color: #ededef;
        flex-wrap: wrap;
        align-content: center;
    }

    .cxma:nth-child(2) {
        background-color: #ededef;
    }

    .cxma {
        width: 94%;
        padding: 0 3%;
        overflow: hidden;
    }

    .cxma .cxma_more {
        display: none;
    }

    .cxma em {
        float: none;
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        line-height: 45px;
        position: absolute;
        left: 10px;
        background-color: #ededef;
        min-width: 70px;
    }

    .cxma ul {
        float: none;
        height: 30px;
        overflow: hidden;
        white-space: nowrap;
        width: 325px;
        display: -webkit-box;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: 70px;
        display: flex;
        justify-content: flex-start;
    }

    .cxma ul::-webkit-scrollbar {
        display: none;
    }

    .cxma ul li {
        font-size: 22px;
        line-height: 45px;
        margin: 0 0 0 30px;
        display: inline-block;
    }

    .cxmb_t {
        margin-bottom: 45px;
    }

    .cxmb_t a, .cxmb_t em {
        height: 48px;
        font-size: 22px;
    }

    .cxmb_b dl {
        width: 50%;
        margin: 0;
    }

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

    .cxmb_b dl dd {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        opacity: 1;
        background-color: rgba(0,0,0,0.1);
    }

    .cxmb_b dl dd p {
        display: none;
    }

    .cxmb_b dl dd b {
        display: none;
    }

    .cxmb_b dl dd em {
        margin-bottom: 0;
        font-size: 40px;
        transition: all 0.5s;
    }

    .cxmb_b_1 dl dd em {
        margin: 0;
    }

    .cxmb_b_1 dl:nth-child(2n) dd em {
        margin: 0;
    }

    .cxmct_b p {
        display: none;
    }

    .cxmct_b span {
        display: block;
        width: 80%;
        font-size: 22px;
        color: #333333;
        text-align: center;
        margin: 15px auto;
    }

    .cxmct_b {
        height: 320px;
    }

    .cxmc_b dl {
        width: 100%;
        margin-right: 0;
    }

    .cxmc_b {
        width: 94%;
    }

    .cxmc_b dl dt p {
        font-size: 24px;
    }

    .cx_main_cf {
        padding-bottom: 50px;
    }

    .cxmd_t {
        width: 70%;
        margin-top: 120px;
    }

    .cxmd_t dt {
        margin: 0;
    }

    .cxmd_t dd {
        width: 75%;
        float: right;
    }

    .cxmd_b li p {
        display: none;
    }

    .cxmd_b li a i {
        display: none;
    }

    .cxmd_b {
        width: 90%;
        flex-wrap: wrap;
        padding: 60px 0;
    }

    .cxmd_t dd em {
        font-size: 41px;
    }

    .cxmd_t dd p {
        font-size: 24px;
        overflow: hidden;
    }

    .cxmd_t dd p span {
        width: 33.33%;
        margin-right: 0;
        display: block;
        float: left;
        line-height: 160%;
    }

    .cxmd_b li a {
        margin-top: 0;
        font-size: 18px;
    }

    .cxmd_b li {
        width: 33.33%;
        margin: 0;
    }

    .cxme_b dl {
        width: 100%;
        margin: 0;
        border-bottom: 1px dotted #191919;
        padding-top: 45px;
    }
    /* .cxme_b {
		margin-top: 30px;
	} */
    .cxme_b dl dt {
        width: 100%;
        height: auto;
    }

    .cxme_b dl:hover dt a::after {
        display: none;
    }

    .cxme_t {
        margin-bottom: 0;
    }

    .cxme_t a {
        width: auto;
        border: 0;
        height: auto;
        color: #333333;
        margin: 0 15px;
    }

    .cxme_b {
        padding: 0 5%;
    }

    .cxme_b dl dd .cxmeb_more {
        width: 200px;
        background-image: unset;
        font-size: 22px;
        color: #656565;
    }

    .cxme_b dl dd em {
        height: auto;
        font-size: 24px;
    }

    .cxme_b dl dd em a {
        color: #000000;
    }

    .cxme_b dl dd p {
        height: auto;
        font-size: 22px;
        line-height: 40px;
    }

    .cxme_b dl dd {
        padding: 0;
    }

    .cxme_more {
        height: 50px;
        background-color: #dcdcdc;
        color: #333333 !important;
        border-color: #dcdcdc;
        font-size: 22px;
        margin-top: 40px;
        font-weight: bold;
    }

    .cxme_more i {
        font-size: 25px;
    }

    .cx_footer_af ul li {
        background-size: auto 40%;
    }

    .cx_footer_af {
        height: 150px;
    }

    .cx_footer_af ul li::before {
        height: 115px;
    }

    .cx_footer_cf {
        display: none;
    }

    .cxfb {
        display: block;
        float: left;
        margin: 25px 0 0 30px;
    }

    .cxfb_box {
        overflow: hidden;
        padding: 80px 0;
    }

    .cx_footer_bf {
        float: left;
        flex-wrap: wrap;
        width: 60%;
        margin: 0;
    }

    .cx_footer_df {
        margin-top: 0;
    }

    .cx_footer_bf li {
        margin: 20px 30px;
    }

    .cxfb dt {
        width: 120px;
        margin: 0 auto;
    }

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

    .cxfb dd {
        text-align: center;
        font-size: 22px;
        color: #656565;
        margin-top: 10px;
    }

    .cx_footer_df .cxfd_t {
        display: block;
        padding: 50px 0 0;
    }

    .cx_footer_df .cxfd_t em {
        display: block;
        text-align: center;
        font-size: 40px;
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 40px;
    }

    .cx_footer_df .cxfd_t input {
        display: block;
        margin: 0 auto;
        width: 75%;
        height: 53px;
        text-align: center;
        border: 0;
        font-size: 24px;
        margin-bottom: 25px;
    }

    .cx_footer_df .cxfd_t button {
        width: 60%;
        height: 53px;
        background-color: #981218;
        color: #ffffff;
        font-size: 28px;
        display: block;
        margin: 0 auto;
        border: 0;
    }

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

    .cx_footer_df {
        height: auto;
    }

    .cx_footer_df dl {
        overflow: hidden;
    }

    .cx_footer_df dd {
        width: 100%;
        height: 55px;
        background-color: #333333;
    }

    .cx_footer_df dd a {
        font-size: 20px;
        margin: 0 60px;
    }

    .cx_footer_df dl dt {
        width: 80%;
        margin: 60px auto;
        font-size: 24px;
        float: unset;
    }

    .cxp_dl dl {
        width: 100% !important;
        margin-right: 0;
    }

    .cxp_dl dl dt {
        height: auto;
    }

    .cxp_dl dl dd em {
        font-size: 24px;
        margin: 20px 0;
    }

    .cxp_dl dl dd span {
        height: 35px;
        font-size: 20px;
    }

    .cxme_news dl dt {
        display: block;
        height: auto;
    }

    .cxme_news {
        margin-bottom: 80px;
    }

    .cxja_b dl dt {
        height: 98px;
    }

    .cxjb li b {
        width: 170px;
        margin-bottom: 20px;
    }

    .cxjb li {
        margin-right: 1.3%;
    }

    .cxdal {
        height: auto;
    }

    .cxda_r {
        margin-top: 50px;
    }

    .cxda_r_af {
        font-size: 30px;
        font-weight: bold;
    }

    .cxda_r_bf li {
        font-size: 22px;
    }

    .cxda_r_cf_r dt {
        width: 120px;
        height: 120px;
    }

    .cxdbb_af dl {
        width: 94%;
    }

    .cxdb_bz {
        padding: 0 3%;
    }

    .cx_video_dl_b dl {
        width: 100%;
        margin-right: 0;
        float: unset;
    }

    .cx_video_dl_b {
        overflow: unset;
    }

    .cx_video_dl_b dl dt {
        height: auto;
        border: 1px solid #eee;
    }

    .cx_video_dl_b dl dd {
        font-size: 22px;
        margin-top: 15px;
    }

    .cxbb_b {
        flex-wrap: wrap;
    }

    .cxbb_b dl {
        width: 80%;
    }

    .cxbb_b dl dd {
        font-size: 22px;
    }

    .cxbc_t dd {
        width: 100%;
    }

    .cxbc_t {
        padding-bottom: 0;
    }

    .cxbc_t dt {
        width: 94%;
        padding: 0 3%;
        margin: 0;
    }

    .cxbd_t_l {
        width: 100%;
    }

    .cxbd_t_l {
        width: 100%;
        height: 280px;
    }

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

    .cxba_more {
        height: 40px;
        font-size: 20px;
    }

    .cx_factory_af {
        height: 400px;
    }

    .cx_factory_af p {
        font-size: 24px;
        line-height: 40px;
    }

    .cx_factory_af em {
        font-size: 48px;
    }

    /* 2021-2-25  gui -start */
    .cxp_title {
        display: none;
    }

    .cxp_material {
        display: none;
    }

    .wp_screen {
        display: block;
    }
    /* 2021-2-25  gui -end */
}

@media screen and (max-width:650px ) {
    .cxm_title em {
        font-size: 45px;
    }

    .cxmb_b dl dd em {
        font-size: 35px;
    }

    .cxma ul li {
        margin-left: 20px;
    }

    .cxmct_b span {
        font-size: 21px;
    }

    .cxmct_b {
        height: 250px;
    }

    .cxmct_b em {
        font-size: 32px;
    }

    .cxmct_b a {
        width: 180px;
        height: 35px;
    }

    .cxmd_t dd em {
        font-size: 35px;
    }

    .cxmd_t dt {
        height: 180px;
    }

    .cx_main_df {
        height: 880px;
    }

    .cx_footer_af ul li {
        background-size: auto 35%
    }

    .cxja_t {
        height: auto;
        padding: 3% 0;
    }

    .cxja_b dl {
        width: 100%;
        margin-right: 0;
    }

    .cxja_b dl dt {
        height: auto;
    }

    .cxjb li {
        margin-right: 1.2%;
    }

    .cx_museum_t em {
        font-size: 50px;
    }

    .cxbf_box dl {
        width: 48%;
        margin-right: 4%;
    }

    .cxbbt a {
        height: 35px;
        font-size: 20px;
    }

    .cxbc_t dt a {
        height: 35px;
        font-size: 20px;
    }

    .cxbe_t::before {
        width: 1px;
        height: 100%;
        content: '';
        background: #E9BA5C;
        position: absolute;
        top: 0;
        left: 10%;
        z-index: 1;
    }

    .cxbe_t::after {
        content: '';
        width: 9px;
        height: 9px;
        display: block;
        border-radius: 50%;
        background: #E9BA5C;
        position: absolute;
        bottom: 0;
        left: -moz-calc(10% - 4px);
        left: -webkit-calc(10% - 4px);
        left: calc(10% - 4px);
        top: auto;
        margin: 0;
        z-index: 10;
        transform: none;
    }

    .cxbe_t dl::after {
        display: none;
    }

    .cxbe_t dl {
        margin-left: auto;
        width: 90%;
        position: relative;
        overflow: unset;
    }

    .cxbe_t dl::before {
        content: '';
        width: 9px;
        height: 9px;
        display: block;
        border-radius: 50%;
        background: #E9BA5C;
        position: absolute;
        left: -4px;
        top: 10px;
        z-index: 10;
    }

    .cxbe_t dl:nth-child(even) dt {
        float: left;
    }

    .cxbe_t dl dt {
        display: none;
    }

    .cxbe_t dl dd {
        width: 94%;
    }

    .cxbe_t dl dd:nth-child(even) {
        padding-left: 20px;
        margin-left: 0;
    }

    .cxbe_t dl dd:nth-child(even) p {
        text-align: left;
    }

    .cxbe_t dl dd:nth-child(even) span {
        text-align: left;
    }

    .cx_brand_ef {
        padding-top: 0;
    }

    .cxcd_b dl {
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 50px;
    }

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

@media screen and (max-width:550px ) {
    .xz_title {
        font-size: 20px;
    }

    .cus_main li {
        width: 100%;
        margin-right: 0;
    }

    .cxyd_t {
        height: 90px;
    }

    .cxyd_t_lx {
        width: 130px;
    }

    .cxyd_t_r1, .cxyd_t_r2 {
        width: 25px;
        height: 25px;
        margin-right: 25px;
        background-image: url(../images/cx_icon1wap.png);
    }

    .cxyd_t_r3 {
        width: 30px;
        height: 23px;
    }

    .cxyd_b {
        height: 44px;
    }

    .cxyd_b a {
        font-size: 20px;
    }

    .cxo_box input {
        width: 110px;
        height: 44px;
        font-size: 20px;
    }

    .cxo_box button {
        width: 120px;
        height: 44px;
        font-size: 20px;
    }

    .cxma em {
        font-size: 20px;
    }

    .cxma ul li {
        font-size: 19px;
    }

    .cxm_title em {
        font-size: 30px;
    }

    .cxm_title p {
        font-size: 18px;
    }

    .cxmb_t a, .cxmb_t em {
        width: 170px;
        height: 35px;
        font-size: 17px;
    }

    .cxmb_t em i {
        margin-left: 20px;
    }

    .cxmct_b em {
        font-size: 28px;
    }

    .cxmct_b span {
        font-size: 18px;
    }

    .cxmct_b {
        height: 230px;
    }

    .cxmc_b dl dt p {
        font-size: 20px;
    }

    .cxmd_t dt {
        height: 160px;
        width: 30px;
        font-size: 30px;
        line-height: 30px;
    }

    .cxmd_t dd em {
        font-size: 30px;
    }

    .cxmd_t dd p {
        font-size: 18px;
    }

    .cxmd_t {
        margin-top: 100px;
    }

    .cx_main_df {
        height: 750px;
    }

    .cxmd_b li em {
        font-size: 20px;
        margin: 10px 0 15px;
    }

    .cxmd_b {
        padding: 30px 0;
    }

    .cxmd_b li a {
        width: 80px;
        height: 25px;
        font-size: 15px;
    }

    .cx_footer_bf li {
        margin: 15px 20px;
    }

    .cxfb {
        margin-top: 15px;
    }

    .cxfb dd {
        font-size: 20px;
    }

    .cx_footer_df .cxfd_t em {
        font-size: 30px;
    }

    .cx_footer_df .cxfd_t input, .cx_footer_df .cxfd_t button {
        height: 45px;
        font-size: 22px;
    }

    .cx_footer_df dl dt {
        margin: 40px auto;
        font-size: 20px;
    }

    .cx_footer_df dd {
        height: 45px;
    }

    .cx_footer_df dd a {
        font-size: 18px;
    }

    .cx_footer_af ul li {
        background-size: auto 25%;
    }

    .cxme_b dl dd em {
        font-size: 22px;
    }

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

    .cxme_b dl dd .cxmeb_more {
        font-size: 20px;
    }

    .cxme_more {
        height: 40px;
        font-size: 20px;
    }

    .cxda_l_r {
        right: -35px;
    }

    .cxda_l_l {
        left: -35px;
    }

    .cxda_r_bf li {
        font-size: 20px;
    }

    .cxdb_bz ul li {
        margin: 0 15px;
    }

    .cxdb_bz em {
        margin: 30px auto 35px;
    }

    .cxdb_bz {
        height: 200px;
    }

    .cxdbb_af dl dt {
        font-size: 22px;
    }

    .cx_Secondary_menu a {
        width: auto;
        height: 40px;
        margin: 0 30px;
    }

    .cxj_title {
        font-size: 25px;
    }

    .cx_Secondary_menu .cxsm {
        background-color: unset;
        color: #bb0517;
    }

    .cx_Secondary_menu {
        flex-wrap: wrap;
        width: auto;
        height: auto;
        padding: 3%;
    }

    .cx_product_title dl dd em {
        font-size: 17px;
        margin-bottom: 5px;
    }

    .cx_product_title dl dd p {
        line-height: 25px;
    }

    .cx_factory_af p {
        font-size: 18px;
        line-height: 35px;
    }

    .cx_factory_af {
        height: 300px;
    }

    .cx_factory_af em {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .cxba_title p span {
        margin: 0 1px;
    }

    .cxba_title {
        margin-bottom: 35px;
    }

    .cxbrief_p p em {
        margin: 20px auto;
    }

    .cxba_title em {
        font-size: 25px;
    }

    .cxba_more {
        width: 200px;
        height: 35px;
        font-size: 16px;
    }

    .cxbbt {
        margin-top: 55px;
    }

    .cxbbt a {
        width: 200px;
        height: 35px;
        font-size: 16px;
        margin-top: 20px;
    }

    .cxbb_t {
        height: 520px;
    }

    .cxbb_b {
        padding-top: 50px;
    }

    .cxbb_b dl {
        margin: 0 0 40px
    }

    .cx_brand_bf {
        padding-bottom: 50px;
    }

    .cxbc_t dt a {
        width: 200px;
        height: 35px;
        font-size: 16px;
    }

    .cx_brand_cf {
        padding-bottom: 50px;
    }

    .cx_brand_df {
        margin: 50px auto 70px;
    }

    .cx_brand_ef {
        padding-top: 50px;
    }

    .cxbd_t {
        margin-top: 35px;
    }

    .cxbf_box dl dd a {
        width: 200px;
    }

    .cx_brand_ff {
        margin-top: 20px;
    }

    .cx_video {
        margin-bottom: 50px;
    }

    .cx_museum_t em {
        font-size: 35px;
        margin-top: 80px;
    }

    .cx_museum_t {
        height: 500px;
    }

    .cxba_title i {
        font-size: 16px;
    }

    .cx_join_bf {
        overflow: hidden;
        height: auto;
        padding: 50px 0;
        background-position: top;
    }

    .cxjb {
        padding: 0 3%;
    }

    .cxjb li {
        width: 100%;
        margin-right: 0;
        height: auto;
        padding-bottom: 25px;
    }

    .cxjc_box dl {
        height: auto;
        overflow: hidden;
        padding: 20px 0;
    }

    .cxjc_box dl dt em {
        margin-top: 0;
        width: auto;
        height: 46px;
        display: flex;
        align-items: center;
    }

    .cxjc_box dl dt {
        width: 100%;
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }

    .cxjc_box dl dd {
        width: 94%;
        padding: 0 3%;
    }

    .cxjc_box dl dt b {
        background-color: unset;
        color: #ae1e24;
        font-size: 28px;
    }

    .cx_join_cf {
        margin: 50px 0;
    }

    .cxje_b em {
        font-size: 22px;
    }

    .cxje_b span {
        font-size: 35px;
    }

    .cxje_b {
        height: 60px;
    }

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

    .cx_footer_ff span {
        font-size: 50px;
    }

    .cx_footer_ff {
        margin: 30px auto 60px;
    }
}

@media screen and (max-width:414px ) {
    .cx_main_bf .cxme_more {
        margin: 20px auto;
    }

    .cxyd_t_logo {
        margin-left: 20px;
    }

    .cxme_b {
        margin-top: 25px;
    }

    .p_title {
        font-size: 20px;
    }

    .case_l a {
        font-size: 15px;
        padding-left: 24px;
    }

    .caser_b_l, .caser_b_r {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        font-size: 5px;
        top: 35%;
    }

    .xz_title {
        font-size: 18px;
    }

    .xz_appointment dd p {
        width: 280px;
    }

    .conract_bf li p {
        margin-bottom: 5px;
    }

    .contact_wrap .contact_bd {
        font-size: 14px;
        margin-bottom: 70px;
    }

    .cx_institute {
        margin-top: 20px;
    }

    .cxje_t li p input {
        width: 65%;
    }

    .cxyd_t {
        height: 70px;
    }

    .cxyd_t_lx {
        width: 110px;
    }

    .cxyd_t_r3 {
        width: 25px;
        height: 20px;
        margin-right: 20px;
    }

    .cxyd_t_r1, .cxyd_t_r2 {
        width: 20px;
        height: 20px;
        margin-right: 20px;
    }

    .cxyd_b {
        height: 35px;
    }

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

    .cx_banner .swiper-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }

    .cx_offer {
        height: 60px;
    }

    .cxo_box input {
        width: 85px;
        height: 30px;
        font-size: 14px;
        padding-left: 5px;
        margin: 0 2px;
    }

    .cxo_box button {
        width: 85px;
        height: 30px;
        font-size: 14px;
        padding-left: 0px;
        margin: 0 2px;
    }

    .cx_offer {
        background-color: #585858;
    }

    .cxma em {
        font-size: 14px;
        line-height: 30px;
    }

    .cxma ul li {
        font-size: 14px;
        line-height: 30px;
        margin-left: 15px;
    }

    .cx_main_af {
        height: 100px;
    }

    .cx_main_bf {
        margin-top: 30px;
    }

    .cxm_title em {
        font-size: 25px;
        width: 150px;
        height: 35px;
        margin-bottom: 15px;
    }

    .cxmb_b {
        margin-top: 20px;
    }

    .cxm_title p {
        font-size: 15px;
    }

    .cxm_title p span {
        margin: 0 7px;
    }

    .cxmb_t a, .cxmb_t em {
        width: 120px;
        height: 30px;
        font-size: 14px;
    }

    .cxmb_t em i {
        width: 12px;
        height: 11px;
        margin-left: 10px;
    }

    .cxmb_t {
        margin: 10px 0 25px;
    }

    .cxmb_b dl dd em {
        font-size: 20px;
    }

    .cxmct_b em {
        font-size: 18px;
        width: 150px;
        height: 35px;
    }

    .cxmct_b span {
        width: 90%;
        font-size: 14px;
        line-height: 21px;
        margin: 10px 0;
    }

    .cxmct_b a {
        width: 145px;
        height: 30px;
        font-size: 13px;
    }

    .cxmct_b {
        height: 160px;
        margin-top: -60px;
    }

    .cxmc_b dl {
        margin-top: 10px;
    }

    .cxmc_b dl dt p {
        font-size: 15px;
        height: 28px;
        bottom: 10px;
        background-color: rgba(0,0, 0, 0.4);
    }

    .cx_main_cf {
        padding-bottom: 30px;
    }

    .cxmd_t {
        margin-top: 70px;
    }

    .cxmd_t dt {
        height: 120px;
        font-size: 21px;
        line-height: 22px;
    }

    .cxmd_t dd em {
        font-size: 22px;
        font-weight: unset;
        margin: 15px 0 20px;
    }

    .cxmd_t dd p {
        font-size: 14px;
    }

    .cxmd_b li b {
        width: 35px;
        height: 26px;
    }

    .cxmd_b li em {
        font-size: 15px;
        margin: 15px auto 18px;
    }

    .cxmd_b li a {
        width: 65px;
        height: 20px;
        font-size: 14px;
    }

    .cxmd_b {
        height: 250px;
        padding: 25px 0;
    }

    .cx_main_df {
        height: 550px;
    }

    .cx_main_ef {
        margin: 50px 0 40px;
    }

    .cxme_b dl {
        padding-top: 25px;
    }

    .cxme_b dl dd em {
        font-size: 16px;
        margin: 10px 0 10px;
        line-height: 25px;
    }

    .cxme_b dl dd p {
        font-size: 14px;
        line-height: 25px;
    }

    .cxme_b dl dd .cxmeb_more {
        font-size: 14px;
        margin: 15px 0 20px;
    }

    .cxme_more {
        width: 200px;
        height: 30px;
        font-size: 16px;
        margin-top: 30px;
    }

    .cxme_more i {
        font-size: 22px;
    }

    .cx_footer_af {
        height: 100px;
    }

    .cx_footer_af ul li {
        background-size: auto 29%;
    }

    .cx_footer_af ul li::before {
        height: 66px;
    }

    .floating_Window li {
        width: 40px;
        height: 40px;
    }

    .cx_footer_bf li {
        width: 76px;
        margin: 15px 10px;
    }

    .cxfb_box {
        padding: 25px 0;
    }

    .cxfb dt {
        width: 70px;
    }

    .cxfb dd {
        font-size: 12px;
    }

    .cxfb {
        margin-top: 24px;
    }

    .cx_footer_df dd a {
        margin: 0 30px;
    }

    .cx_footer_df dd {
        height: 30px;
    }

    .cx_footer_df dd.hide {
        display: none;
    }

    .cx_footer_df dd a {
        font-size: 14px;
        background-size: auto 80%;
        padding-left: 23px;
    }

    .cx_footer_df dl dt {
        font-size: 12px;
        margin-top: 30px;
    }

    .cx_footer_df .cxfd_t em {
        font-size: 20px;
    }

    .cx_footer_df .cxfd_t input, .cx_footer_df .cxfd_t button {
        height: 35px;
        font-size: 14px;
        margin-bottom: 13px;
    }

    .cx_footer_df .cxfd_t em {
        margin-bottom: 25px;
    }

    .cx_footer_df .cxfd_t {
        padding-top: 35px;
    }

    .cx_Secondary_menu a {
        margin: 0 20px;
        height: 30px;
        font-size: 15px;
    }

    .cx_service .cxj_title {
        font-size: 20px;
        margin: 20px auto 30px;
    }

    .cxs_t dt em {
        font-size: 18px;
        margin-top: 10px;
    }

    .cxs_b dt p {
        margin-top: 20px;
    }

    .cxs_b {
        margin-bottom: 60px;
    }

    .cx_product_title dl dd p {
        display: none;
    }

    .cx_product_title dl dd {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }

    .cxp_title {
        font-size: 18px;
        margin: 0 0 15px;
        display: none;
    }
    /*2020-12-1*/
    .cxp_material {
        display: none;
    }
    /*end*/
    .cxp_material_t {
        flex-wrap: wrap;
        height: auto;
        padding: 7px 0;
        line-height: 30px;
    }

    .cxp_material_t a {
        width: 100px;
        font-size: 16px;
    }

    .cxp_dl {
        margin-top: 30px;
    }

    .cxp_dl dl dd {
        border: 1px solid #ddd;
        padding-bottom: 15px;
    }

    .cxp_dl dl dd em {
        margin: 14px 0;
        font-size: 16px;
    }

    .cxp_dl dl dd span {
        font-size: 14px;
        height: 30px;
    }

    .cxp_dl dl {
        margin-bottom: 30px;
    }

    .cx_cxp_more {
        margin: 10px auto 50px;
        font-size: 16px;
    }

    .cxme_b dl:nth-child(1) {
        padding-top: 0;
    }

    .cxj_title {
        font-size: 23px;
    }

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

    .cxja_t {
        padding: 4% 0;
    }

    .cxja_b dl dd em {
        font-size: 22px;
        margin: 10px 0 5px;
    }

    .cxja_b dl dd em i {
        margin-right: 15px;
    }

    .cxja_b dl dd p {
        font-size: 16px;
        line-height: 25px;
        height: auto;
    }

    .cx_join_bf .cxj_title {
        margin: 10px 0 30px;
    }

    .cxjb li b {
        margin: 15px auto 10px;
    }

    .cxjb li p {
        font-size: 16px;
        line-height: 25px;
    }

    .cxjb li {
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

    .cxjc_box {
        margin-top: 30px;
    }

    .cxjc_box dl {
        padding: 10px 0;
    }

    .cxjc_box dl dd p {
        font-size: 15px;
    }

    .cxjc_box dl dt b {
        font-size: 24px;
    }

    .cxjc_box dl dt em {
        font-size: 24px;
    }

    .cxjc_box dl dt {
        margin-bottom: 0;
    }

    .cx_join_df {
        padding: 30px 0;
        height: auto;
    }

    .cxjd {
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .cxjd li {
        width: 100%;
        display: flex;
        margin: 0;
    }

    .cxjd li i {
        display: none;
    }

    .cxjd li b {
        margin: 0 20px 0 100px;
    }

    .cxjd li em br {
        display: none;
    }

    .cxjd li em {
        line-height: 49px;
    }

    .cxjd::after {
        display: none;
    }

    .cxje_t li button {
        width: 260px;
        height: 35px;
        font-size: 16px;
    }

    .cx_join_ef {
        height: 490px;
    }

    .cx_join_ef .cxj_title {
        margin: 35px 0 20px;
    }

    .cxje_b em {
        font-size: 20px;
    }

    .cxje_b span {
        font-size: 32px;
    }

    .cxje_b {
        height: 50px;
    }

    .cx_footer_ff p {
        font-size: 18px;
        line-height: 30px;
    }

    .cx_footer_ff {
        margin: 20px 0 50px;
    }

    .cx_footer_ff em {
        font-size: 20px;
        margin-top: 20px;
    }

    .cx_footer_ff span {
        font-size: 40px;
    }

    .cxba_title {
        margin-top: 0;
    }

    .cx_institute p {
        margin-bottom: 20px;
    }

    .cxba_title em {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .cxba_title i {
        font-size: 14px;
        margin-top: 3px;
    }

    .cx_institute p em {
        font-size: 15px;
    }

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

    .cx_detalis_af {
        margin-top: 0;
        margin-bottom: 0;
    }

    .cxda_l_l, .cxda_l_r {
        display: none;
    }

    .cxda_l {
        width: 100%;
        margin: 0;
    }

    .cxda_l_span {
        margin-top: 15px;
        display: none;
    }

    .cxda_l_span span {
        width: 8px;
        height: 8px;
    }

    .cxda_r {
        margin-top: 20px;
    }

    .cxda_r_af {
        font-size: 21px;
        padding-bottom: 15px;
    }

    .cxda_r_bf li {
        font-size: 16px;
        line-height: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tbcont {
        margin-bottom: 40px;
    }

    .cxda_r_bf {
        margin: 15px 0 15px;
    }

    .cxda_r_cf_l span, .cxda_r_cf_l em {
        width: 180px;
        height: 40px;
        font-size: 15px;
    }

    .cxda_r_cf_r dt {
        width: 80px;
        height: 80px;
    }

    .cxda_r_cf_r dd {
        margin-top: 0;
        font-size: 12px;
    }

    .cxdb_t {
        height: 50px;
    }

    .cxdb_t li {
        font-size: 15px;
    }

    .cxdbb_af dl {
        margin-top: 30px;
    }

    .cxdbb_af dl dt {
        font-size: 18px;
        padding-bottom: 10px;
    }

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

    .cxdb_bz {
        height: 160px;
    }

    .cx_museum_t em {
        font-size: 28px;
        margin-top: 60px;
    }

    .cx_museum_t {
        height: 460px;
    }

    .cx_museum_b p {
        font-size: 14px;
        line-height: 28px;
    }

    .cx_museum_b p em {
        font-size: 18px;
    }

    .cx_museum {
        padding-bottom: 50px;
    }

    .cx_crumbs {
        line-height: 40px;
        margin-bottom: 10px;
    }

    .cx_video_dl_t {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .cx_video_dl_b dl dd {
        font-size: 16px;
        margin-top: 0;
    }

    .cxv_more {
        margin-bottom: 60px;
        font-size: 15px;
        text-align: center;
    }

    .cx_video_dl_b dl {
        margin-bottom: 30px;
    }

    .cx_brand_ff {
        margin-top: 0px;
    }

    .cxbd_title {
        font-size: 20px;
    }

    .cxbf_box {
        margin-top: 30px;
    }

    .cx_brand_ff {
        margin-bottom: 30px;
    }

    .cxbf_box dl dd a {
        width: 160px;
        margin-top: 15px;
    }

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

    .cxba_t p {
        font-size: 14px;
        line-height: 28px;
    }

    .cxba_more {
        font-size: 14px;
        height: 32px;
        width: 180px;
    }

    .cxba_title {
        margin-bottom: 25px;
    }

    .cxba_b {
        margin: 40px auto 20px;
    }

    .cxba_t {
        margin-bottom: 15px;
    }

    .cxbbt {
        margin-top: 45px;
    }

    .cxbbt em {
        font-size: 25px;
    }

    .cxbbt p {
        font-size: 14px;
        margin-top: 5px;
    }

    .cxbbt a {
        font-size: 14px;
        height: 32px;
        width: 180px;
    }

    .cxbb_t {
        height: 420px;
    }

    .cxbb_b dl dd {
        font-size: 16px;
        margin-top: 10px;
    }

    .cx_brand_cf .cxbb_t em {
        margin-bottom: 10px;
    }

    .cxbc_t {
        padding: 30px 0 35px;
        margin-top: -200px;
    }

    .cxbc_t dd {
        display: none;
    }

    .cxbc_t dt p {
        margin: 10px 0 20px;
        line-height: 25px;
        font-size: 14px;
    }

    .cxbc_t dt em {
        font-size: 20px;
    }

    .cxbc_t dt a {
        font-size: 14px;
        height: 32px;
        width: 180px;
    }

    .cxbdtl {
        width: 80%;
        margin: 30px auto 0;
    }

    .cxbd_t {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .cxbd_t_r em {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .cxbd_t_r ul li {
        line-height: 28px;
    }

    .cxbd_t_r ul li span {
        top: 8px;
    }

    .cxbd_t_r p {
        line-height: 28px;
        font-size: 13px;
        line-height: 23px;
        margin-top: 15px;
    }

    .cxbd_b p {
        font-size: 14px;
        line-height: 24px;
    }

    .cxbd_b p em {
        font-size: 13px;
    }

    .cxbd_b {
        margin-bottom: 30px;
    }

    .cx_brand_df {
        margin-bottom: 50px;
    }

    .cxbe_t {
        margin: 20px auto 40px;
    }

    .cxbe_t dl {
        margin-bottom: 15px;
    }

    .cxbe_t dl dd span {
        font-size: 17px;
    }

    .cxbe_t dl dd p {
        font-size: 17px;
    }

    .cx_brand_ef {
        padding-bottom: 40px;
    }

    .cxbrief_p p {
        font-size: 14px;
        line-height: 28px;
    }

    .cxbrief_p p em {
        font-size: 15px;
    }

    .cxbrief_p {
        margin-bottom: 60px;
    }

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

    .cx_factory_af em {
        font-size: 25px;
    }

    .cx_factory_af {
        height: 220px;
    }

    .cx_factory_bf {
        margin: 30px auto 50px;
    }

    .cx_factory_bf dt {
        margin-bottom: 20px;
    }

    .cx_factory_bf dt p {
        font-size: 14px;
        line-height: 28px;
    }

    .cxbe_box {
        padding-top: 20px;
    }

    .cx_craftsman_bf em {
        font-size: 16px;
        margin: 30px auto 20px;
    }

    .cx_craftsman_bf ul li {
        line-height: 28px;
    }

    .cx_craftsman_bf ul li span {
        top: 8px;
    }

    .cx_craftsman_bf p {
        font-size: 13px;
        line-height: 23px;
        margin-top: 15px;
    }

    .cx_craftsman_cf {
        margin-top: 30px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    .cx_craftsman_cf p {
        font-size: 14px;
        line-height: 24px;
    }

    .cx_craftsman_cf p em {
        font-size: 13px;
    }

    .cxcd_t em {
        font-size: 20px;
    }

    .cxcd_t span {
        font-size: 16px;
        margin: 5px 0 25px;
    }

    .cxcd_b dl dd em {
        font-size: 25px;
        margin: 8px 0;
    }

    .cxcd_b dl dd p {
        font-size: 16px;
    }

    .cxcd_b dl dd em i {
        font-size: 26px;
    }

    .cxal_titl em {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .cxal_titl {
        height: auto;
        padding: 25px 0;
    }

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

    .cxal_titl p span {
        margin: 0;
    }

    .cxal_p p {
        margin-top: 20px;
        line-height: 26px;
        text-indent: 0;
    }

    .cxal_p {
        padding-bottom: 40px;
        margin-bottom: 50px;
    }

    .cx_Secondary_menu_1 a {
        margin: 0 10px;
    }
}

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

    .cxp_material_t a {
        width: 80px;
    }

    .cxba_title p span {
        margin: 3px 17px;
        display: inline-block;
    }

    .cx_museum_b p em {
        margin-top: 20px;
    }

    .cx_footer_df dl dt {
        margin: 20px auto 30px;
    }

    .cxo_box input {
        width: 80px;
    }

    .cxma ul li {
        margin-left: 10px;
    }

    .cx_main_af {
        height: 90px;
    }

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

    .cxmd_t dd em {
        font-size: 20px;
    }

    .cxmd_b {
        /* padding: 10px 0; */
    }

    .cx_main_df {
        height: 520px;
    }

    .cxmd_t dt {
        width: 26px;
    }

    .cxmd_t {
        width: 73%;
        margin-top: 50px;
    }

    .cx_main_ef .cxm_title p {
        margin-bottom: 20px;
    }

    .cxm_title p span {
        font-size: 14px;
    }

    .cx_service .cxj_title {
        font-size: 18px;
    }

    .cxs_title {
        font-size: 15px;
    }

    .cxs_b dt p {
        font-size: 15px;
    }

    .cx_product_title dl dd em {
        font-size: 17px;
    }

    .cxp_material_t a {
        font-size: 15px;
    }

    .cxme_b dl dd em {
        margin: 5px 0;
    }

    .cxj_title {
        font-size: 20px;
    }

    .cxja_t {
        margin: 25px auto 20px;
    }

    .cxja_b dl dd em {
        font-size: 20px;
    }

    .cxjd li b {
        margin-left: 80px;
    }

    .cxje_b em {
        margin-right: 8px;
    }

    .cx_footer_ff p {
        font-size: 15px;
        line-height: 25px;
    }

    .cx_footer_ff em {
        font-size: 18px;
    }

    .cxje_t li p input {
        width: 60%;
    }

    .cx_video_dl_b dl {
        margin-bottom: 20px;
    }

    .cx_video_dl_b {
        margin-top: 25px;
    }

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

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

    .cxcd_b dl dd em i {
        font-size: 20px;
    }

    .cxcd_b dl dd p {
        font-size: 14px;
        line-height: 23px;
    }
}

/* 2021-2-26 -staer */
@media screen and (min-width:320px) and (max-width:374px) {
    .cxma em {
        font-size: 12px;
    }

    .cxma ul li {
        font-size: 12px;
    }

    .cxo_box input {
        font-size: 12px;
    }

    .cxo_box button {
        font-size: 12px;
    }

    .cx_main_af {
        height: auto;
        padding: 10px 0;
    }

    .cxm_title em {
        font-size: 20px;
        width: 140px;
        height: 30px;
    }

    .cxmct_b span {
        font-size: 12px;
    }

    .cxmd_t dd em {
        font-size: 18px;
    }

    .cxmd_t dd p {
        font-size: 12px;
    }

    .cxmct_b em {
        font-size: 20px;
        width: 140px;
        height: 30px;
    }
}
/* 2021-2-26 -end */

.no_data {
    text-align: center;
    padding: 10% 0;
    color: #ddd;
}

em, i, u {
    font-style: normal;
}

ol, ul {
    list-style: none;
}

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

.selector {
    border-top: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 10px;
    clear: both;
    color: #666;
}

.selector .sl-wrap {
    position: relative;
    _zoom: 1;
    line-height: 40px;
    border-bottom: 1px solid #DDD;
    background: #f3f3f3;
}

.selector .sl-key {
    float: left;
    width: 100px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.selector .sl-value {
    margin-left: 110px;
    padding-right: 130px;
    padding-left: 10px;
    overflow: hidden;
    zoom: 1;
    background: #fff;
    font-size: 14px;
}

.selector .sl-v-list {
    overflow: hidden;
    zoom: 1;
}

.selector .s-category .sl-v-list {
    *position: relative;
}

.selector .sl-v-list ul {
    float: left;
    overflow: hidden;
    zoom: 1;
    position: relative;
    height: 40px;
}

.selector .sl-v-list li {
    float: left;
    _display: inline;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.selector .sl-v-list li.cur {
    background-color: #e8b755;
    color: #ffffff;
}

.selector .sl-v-list li.cur a {
    color: #ffffff;
}

.selector .s-category .sl-v-list li {
    width: 80px;
    margin-right: 4px;
}

.selector .sl-v-list li a {
    float: left;
    white-space: nowrap;
    zoom: 1;
    color: #666;
}

.selector .s-category .sl-v-list li a {
    width: 80px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selector .sl-v-list li.cur a,
.selector .sl-v-list li a:hover,
.selector .sl-v-list li a.curr {
    text-decoration: none;
    color: #fff;
    background-color: #e8b755;
}

.selector .sl-btns {
    display: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-primary {
    border: 0;
    padding: 5px 15px 6px;
    color: #FFF;
    background-color: #E74649;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#E74649,#DF3033);
    background-image: linear-gradient(top,#E74649,#DF3033);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E74649', endColorstr='#DF3033', GradientType=0);
}

.btn.disabled {
    padding: 4px 13px 5px;
    border: 1px solid #DDD;
    background: #FFF;
    cursor: default;
    color: #CCC;
    -webkit-filter: none;
    opacity: .2;
    filter: alpha(Opacity=20);
    filter: alpha(Opacity=20);
}

.selector .sl-btns .btn-primary {
    margin-right: 8px;
}

.btn-default {
    border: 1px solid #DDD;
    padding: 4px 13px 5px;
    color: #666;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}

.selector .sl-ext {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 110px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
}

.selector .sl-ext .sl-e-more {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 39px;
    height: 23px;
    line-height: 23px;
    padding: 0 7px 0 4px;
    background: #fff;
    visibility: hidden;
    color: #333;
    border: 1px solid #ddd;
}

.selector .sl-ext .sl-e-more i, .selector .sl-ext .sl-e-multiple i {
    background: url(../images/search.ele.png) no-repeat 9999px 9999px;
    -webkit-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out;
}

.selector .sl-ext .sl-e-more i {
    position: absolute;
    top: 1px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-position: 4px 7px;
}

.selector .sl-ext .sl-e-more {
    float: right;
    margin-right: 0px;
    position: relative;
    width: 39px;
    height: 23px;
    line-height: 23px;
    padding: 0 7px 0 4px;
    background: #fff;
    visibility: hidden;
    color: #333;
    border: 1px solid #ddd;
}

.selector .sl-ext .sl-e-more:hover {
    text-decoration: none;
    color: #e4393c;
}

.selector .sl-ext .sl-e-more i {
    position: absolute;
    top: 1px;
    right: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-position: 4px 7px;
}

.selector .sl-ext .sl-e-more:hover i {
    border-color: #e4393c;
    background-position: 4px -11px;
}

.selector .s-category .extend {
    margin-top: -1px;
    border: 1px solid #dddddd;
    background: #f9f9f9;
}

.selector .s-category .extend .sl-key {
    padding-left: 8px;
}

.selector .s-category .extend .sl-value {
    margin-left: 108px;
    background: #fff;
}

.selector .s-category .extend .sl-ext {
    right: 8px;
}

.selector .extend .sl-v-color ul, .selector .extend .sl-v-list ul, .selector .extend .sl-v-logos ul, .selector .multiple .sl-v-color ul, .selector .multiple .sl-v-list ul, .selector .multiple .sl-v-logos ul {
    height: auto;
}

.selector .sl-ext .sl-e-more:hover {
    text-decoration: none;
    color: #e4393c;
}

.selector .sl-ext .sl-e-more.opened i {
    background-position: 4px -27px;
}

.selector .sl-ext .sl-e-more.opened:hover i {
    background-position: 4px -45px
}

.space_head {
    width: 100%;
    background-color: #e9efef;
    padding: 85px 0 45px;
}

.space_head em {
    display: block;
    text-align: center;
    font-size: 50px;
    color: #333333;
    letter-spacing: 5px;
}

.space_head span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333333;
    letter-spacing: 5px;
    margin: 10px 0;
}

.space_head p {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333333;
    letter-spacing: 5px;
}

.series {
    width: 100%;
    background-color: #e9efef;
    padding: 85px 0 45px;
}

.series_box {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.series_box em {
    display: block;
    font-size: 50px;
    color: #333333;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

.series_box span {
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    letter-spacing: 2px;
}

@media screen and (max-width: 750px) {
    .selector .s-category .sl-v-list li {
        width: auto;
        margin-right: 0;
        padding: 0 2.5%;
        line-height: 30px;
    }

    .selector .s-category .sl-v-list li a {
        width: auto;
    }

    .selector .sl-v-list li {
        height: auto;
        margin-bottom: 0;
    }

    .selector .sl-key {
        width: 45px;
    }

    .selector .sl-value {
        padding-right: 0;
        margin-left: 45px;
        padding: 5px;
    }

    .container {
        width: 94%;
    }

    .selector .sl-v-list ul {
        width: 100%;
        height: auto;
    }

    .wp_screen {
        display: block;
    }
}
/*在线客服*/
.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;
}

.opphone .box {
    position: absolute;
    height: 60px;
    line-height: 60px;
    background-color: #c11b22;
    left: -116px;
    top: 0px;
    padding: 0 10px;
    font-size: 16px;
    display: none;
    color: #fff;
}

.opphone:hover .box {
    display: block;
}

.opphone a {
    display: block;
}

@media screen and (max-width: 768px) {
    .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;
    }
}

@media screen and (max-width: 450px) {
    .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%;
    }
}
/*添加微信*/
.wechat_wrap {
    display: none;
    overflow: hidden;
    width: 100%;
    background: #fff;
    height: 3rem;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888888;
}

.wechat_wrap_base_left {
    margin-left: 1.0625rem;
    font-size: 0.79257246rem;
}

.wechat_wrap_base_right {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 100%;
    /*background: #1aad17;*/
    width: 7.625rem;
    color: #757575;
}

.wechat_wrap_base_right i {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/wx_icon.png?v=1.1) no-repeat;
    background-size: 100%;
    display: inline-block;
}

.wechat_wrap_base_right span {
    font-size: 16px;
    margin-left: 0.25rem;
}

.wechat-modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1.35869565rem;
    position: relative;
    background: #fff;
    border-radius: 1.1888587rem;
}

.wechat-modal-container {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1.35869565rem;
    position: relative;
    background: #fff;
    border-radius: 1.1888587rem;
}

.wechat-modal-content {
    width: 100%;
}

.wechat-modal-content-jump {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.wechat-modal-content-jump .title {
    color: #000;
    font-size: 1.13224638rem;
    line-height: 1.13224638rem;
    font-weight: bold;
    margin: 0.56612319rem 0;
}

.wechat-modal-content-jump .wechat-number,
.wechat-modal-content-jump .desc {
    color: #666;
    font-size: 0.9057971rem;
    line-height: 1.13224638rem;
    font-weight: 400;
    margin-bottom: 0.56612319rem;
}

.wechat-modal-content-jump .button {
    background-color: #1aad17;
    border-radius: 0.50951087rem;
    width: 8.15217391rem;
    height: 2.54755435rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.45289855rem;
    cursor: pointer;
    color: #fff;
    font-size: 0.96240942rem;
    line-height: 0.96240942rem;
}

.wechat-modal-content-jump .image img {
    width: 2.49094203rem;
    height: 2.49094203rem;
}

.wechat_wrap_layer {
    border-radius: 20px !important;
}
/*咨询栏*/
.bottom_consult {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 888888;
}

.bottom_consult .bottom_consult_base {
    /*padding: 0.1875rem 1.0625rem;*/
    display: flex;
    width: 100%;
    background-color: #585858;
}

.bottom_consult .btn {
    /*border-radius: 0.1875rem;*/
    flex: 1;
    color: #fff;
}

.bottom_consult .btn_tel i,
.bottom_consult .btn_form i {
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/tel_icon.png) no-repeat;
    background-size: 100%;
    display: inline-block;
}

.bottom_consult .btn_tel,
.bottom_consult .btn_form {
    height: 2.75rem;
    line-height: 2.75rem;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: rgb(0, 38, 255)*/;
}

.bottom_consult .btn_form {
    /*background-color: rgb(255, 0, 31);*/
    /*margin-left: 0.5rem;*/
}

.bottom_consult .btn_form i {
    background: url(../images/form_icon.png) no-repeat;
    background-size: 100%;
    margin-right: 6px;
}

.bottom_consult_from_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    z-index: 888889;
    display: none;
}

.bottom_consult_from_wrap .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.bottom_consult_form {
    position: absolute;
    left: 0;
    background: #fff;
    min-height: 2.75rem;
    padding: 1.0625rem 0 3.125rem 0;
    width: 100%;
    border-radius: 0.8125rem 0.8125rem 0 0;
    background-color: #fff;
    overflow: hidden;
    bottom: 0;
    padding: 0px;
}

.bottom_consult_form .bmConsult_hd {
    text-align: center;
    color: #333;
    padding: 1rem 0;
    font-size: 1rem;
}

.bottom_consult_form .inner_form {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 1rem 0px 0px;
    position: relative;
}

.bottom_consult_form .inner_form_blank {
    /*padding-top: 2.5rem;*/
    padding-bottom: 1.25rem;
}

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

.form_item_wrap {
    display: flex;
    margin-bottom: 0.75rem;
    padding: 0 1rem;
    font-size: 1rem;
    text-align: left;
    padding: 0 0.9625rem;
}

.form_item_wrap input, .form_item_wrap select {
    outline: none;
    border-radius: 3px;
    font-family: inherit;
    font-size: 0.843750rem;
    box-sizing: border-box;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding-left: 8px;
    padding-right: 36px;
    border: 0.0625rem solid #eee;
    line-height: 20px;
    color: #000;
    outline-width: 0;
    outline-style: none;
    outline-color: transparent;
    box-shadow: none;
    text-shadow: none;
    user-select: text;
    background-color: transparent;
    -webkit-appearance: none;
    box-shadow: 0 -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}

.form_item_wrap input:hover {
    border-color: 000;
}

.form_item_wrap input::placeholder {
    color: #b0b0b0;
}

.bmConsubtn {
    margin-top: 1.25rem;
    display: block;
    padding: 0.25rem 1rem 0 1rem;
}

.bmConsubtn .bmConsubtn_inner {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    background-color: rgb(70, 126, 255);
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border-radius: 0.3125rem;
    background-image: -webkit-linear-gradient( 45deg, rgb(70, 126, 255), rgb(44, 178, 255));
    text-align: center;
    color: #fff;
    font-size: 0.96240942rem;
    -webkit-animation: enlargeShrink 3s infinite;
    -o-animation: enlargeShrink 3s infinite;
    animation: enlargeShrink 3s infinite;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.bmConsubtn .bmConsubtn_inner::before {
    content: '';
    display: block;
    position: absolute;
    width: 3.67980072rem;
    height: 3.67980072rem;
    margin-top: -0.56612319rem;
    background-image: url(../images/swipe_light.png);
    background-size: 3.39673913rem 3.39673913rem;
    -webkit-animation: searchLights 3s linear infinite forwards;
    -o-animation: searchLights 3s linear infinite forwards;
    animation: searchLights 3s linear infinite forwards;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@keyframes searchLights {
    0% {
        transform: translate(-5.66123188rem);
        -webkit-transform: translate(-5.66123188rem);
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    67% {
        transform: translate(-5.66123188rem);
        -webkit-transform: translate(-5.66123188rem);
        opacity: 1;
    }

    100% {
        transform: translate(24.90942029rem);
        -webkit-transform: translate(24.90942029rem);
    }
}

@keyframes enlargeShrink {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    14% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
    }

    42% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

    66% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.bm_Consult_close {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.5rem;
    right: 0.5rem;
    color: #fff;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 99999999999;
}

.bottom_call_phone {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: none;
}

.bottom_call_phone .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.call_phone_content {
    left: 25%;
    top: 25%;
    transform: translate(-15%, -15%);
    position: absolute;
}

.call_phone_content .card {
    background-color: #fff;
    position: relative;
    height: 27.17391304rem;
    border-radius: 1.1888587rem;
}

.call_phone_content .card .card-image img {
    width: 100%;
    border-radius: 1.188rem;
}

.call_phone_content .card .company {
    position: absolute;
    color: #172353;
    width: 100%;
    top: 2.3022343rem;
}

.call_phone_content .card .company .company_base {
    margin: 0 auto;
    word-break: break-all;
    text-align: center;
    width: 15.28532609rem;
    font-size: 1.1888587rem;
    color: #fff;
}

.call_phone_content .card .intro .title {
    text-align: center;
    font-weight: 600;
    font-size: 1.35869565rem;
    margin-top: 1.69836957rem;
    margin-bottom: 0.84918478rem;
}

.call_phone_content .card .intro .content {
    text-align: center;
    color: #858585;
    font-size: 0.9057971rem;
    margin-bottom: 1.45304952rem;
}

.call_phone_content .card .button {
    border-radius: 1.41530797rem;
    width: 14.15307971rem;
    height: 2.83061594rem;
    line-height: 2.83061594rem;
    font-size: 1.13224638rem;
    text-align: center;
    margin: 0 auto;
    background-color: #4e6ef2;
    color: #fff;
}

.call_phone_content .card .button a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.call_phone_content .close {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    margin: 0 auto;
    font-weight: bold;
    width: 2.03804348rem;
    height: 2.03804348rem;
    margin-top: 1.11352657rem;
    background-image: url(../images/close2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

@media screen and (max-width: 750px) {
    body {
        padding-top: 3rem !important;
        padding-bottom: 0.5rem !important;
    }

    .wechat_wrap, .bottom_consult {
        display: flex;
    }
}

.search {
    position: fixed;
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, .4);
    z-index: 50000000;
    transition: all .5s;
    display: none;
}

.search-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-wrap input {
    width: 160px;
    height: 30px;
    border: none;
    outline: none;
    padding: 0 20px;
    font-size: 14px;
    color: #000;
}

.search-close {
    width: 34px;
    margin-left: 14px;
}

.search-close img {
    width: 20px;
}

.search.top {
    top: 0;
}

#pageMask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;
    width: 100%;
    height: 100%;
    background-color: transparent;
}