@charset "utf-8";

/* CSS Document */

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

img {
    border: none;
    max-width: 100%;
}

body {
    font-size: 15px;
    font-weight: normal;
    padding: 0px;
    /*    padding-top: 120px;*/
    margin: 0px;
    text-decoration: none;
    line-height: 27px;
}

a {
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #d51b1b;
    text-decoration: none;
}


.clear {
    clear: both;
}

ul {
    list-style-type: none;
}

li {
    list-style-type: none;
    line-height: 27px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hz {
    width: 78%;
    margin: 0 auto;
}

.hza {
    width: 78%;
    margin:70px auto;
}
.hzatop {
    width: 78%;
    margin:70px auto;
    margin-top: 120px;
}

.hza:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.woff2?t=1683621559953') format('woff2'), url('iconfont.woff?t=1683621559953') format('woff'), url('iconfont.ttf?t=1683621559953') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 15px;
    font-weight: bold;
}

.error-msg,
.beyondstock {
    border: 1px solid #CC9998;
    margin-left: 0px;
    *margin-top: 5px;
    line-height: 20px;
    text-align: center;
    color: #999999;
    clear: both;
    font-size: 12px;
}

.error-msg p,
.beyondstock {
    color: #a10000;
    line-height: 20px;
}

.amount-msg em,
.beyondstock {
    display: block;
    border: 1px solid #ffe1d3;
    border-top: 0;
    color: #f40;
    text-align: center;
    padding: 5px 5px;
    background: #fff0e7;
    word-break: break-all;
    max-width: 100%;
    white-space: pre-line;
}

.iconfont2 {
    font-family: "iconfont" !important;
    font-size: 40px;
}

.iconfont3 {
    font-family: "iconfont" !important;
    font-size: 52px;
}

@font-face {
    font-family: Roboto-Regular;
    /*字体名称*/
    src: url(../images/Roboto-Regular.ttf)/*字体路径*/
}

.top-pc {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
    /* position: fixed;
    z-index: 9;
    top: 0px;
    left: 0;*/
    position: relative;
    width: 100%;
    transition: all 0.5s;
}

.top-pc.active {
    background: rgba(255, 255, 255, 0.9);
}

.top-hz {
    border-bottom: 1px solid #e5e6e8;
    overflow: hidden;
    display: block;
}

.top-hz-box {
    float: right;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.top-hz-zc {
    display: inline-block;
    text-align: left;
}

.top-hz-zc li {
    padding-right: 28px;
    display: inline-block;
}

.top-hz-zc li a {
    color: #666;
}

.top-hz-zc li a:hover {
    color: #d51b1b;
    text-decoration: underline;
}

.Hcart .button {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.Hcart .icon {
    margin-right: 5px;
    position: relative;
}

.Hcart .icon .number {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #e60012;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.bgInit {
    background: url(../images/cart1.svg) no-repeat;
    width: 22px;
    height: 22px;
}

.text {
    margin-top: 13px;
}

.top-hz-menu {
    margin-left: 5%;
    display: inline-block;
    text-align: left;
}

.top-hz-menu li {
    margin-right: 28px;
    display: inline-block;
}

.top-hz-menu li a {
    color: #666;
}

.top-hz-menu li a:hover {
    color: #d51b1b;
    text-decoration: underline;
}

.top-hz-sc {
    background: url(../images/index_02.jpg)no-repeat;
    display: inline-block;
    padding: 5px 90px;
    color: #fff;
}

.top-hz-sc:hover {
    text-decoration: underline;
}

.top-hz-sc img {
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}

.logo-hz {
    width: 95%;
    margin: 0 auto;
}


.mainbav li {
    float: left;
}

.mainbav .memu {
    float: left;
    height: 79px;
}

.mainbav .memu>a {
    line-height: 79px;
    font-size: 18px;
    padding: 0 25px;
}

.mainbav .memu>a:hover {
    color: #d51b1b !important;
}

.mainbav .memu.active>a,
.mainbav .memu:hover>a {
    color: #d51b1b;
    display: block;
}

.mainbav ul li ul {
    position: absolute;
    display: none;
    z-index: 9999;
    width: 250px;
    background: #f9f9f9;
    padding: 10px 0;
}

.mainbav ul li ul li {
    float: none;
    border-right: none;
    padding: 6px 0;
    text-align: left;
}

.mainbav ul li ul li a {
    display: block;
    color: #666 !important;
    font-size: 15px;
    font-weight: normal;
    padding: 0 25px;
}

.mainbav ul li ul li a:hover {
    color: #d51b1b!important;
}

.mainbav ul li .erji_dh {
    width: 100%;
    padding: 20px 0 50px 0;
    background: #f9f9f9;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
}

.mainbav ul li:hover .erji_dh {}

.mainbav ul li .erji_dh dl {
    overflow: hidden;
    font-size: 0px;
    width: 94%;
    margin: 0 auto;
}

.mainbav ul li .erji_dh dl dd {
    width: 21%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
}

.mainbav ul li .erji_dh dl dd .erji_dh_wz {
    margin: 40px 0 20px;
    border-bottom: 1px solid #999;
}

.mainbav ul li .erji_dh dl dd .erji_dh_wz a {
    font-size: 18px;
}

.mainbav ul li .erji_dh dl dd .erji_dh_wz a:hover {
    color: #d51b1b;
}

.mainbav ul li .erji_dh dl dd .sanji_dh {
    font-size: 15px;
    margin-right: -2%;
    margin-left: -2%;
}

.mainbav ul li .erji_dh dl dd .sanji_dh a {
    color: #666;
    display: block;
    line-height: 30px;
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
}

.mainbav ul li .erji_dh dl dd .sanji_dh a:hover {
    color: #d51b1b;
}

.top-hy {
    float: right;
    margin-top: 28px;
}

.index-yyl {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 80px;
    margin: 0 20px;
}

.index-yyl img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
}

.set {
    background: 45px 10px no-repeat;
    transition: all 0.5s;
}

.new {
    width: 150px;
    position: absolute;
    z-index: 999;
    display: none;
    top: 120px;
    text-align: center;
    margin-left: -70px;
}

.new li img {
    width: 26px;
    margin-right: 12px;
}

.new a {
    color: #666;
    font-size: 15px;
}

.nav1 ul li {
    line-height: 42px;
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #f2f2f2;
}

.nav1 ul li:hover {
    background: #d51b1b;
}

.nav1 .new a:hover {
    color: #fff;
}

.sousuo {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
    position: relative;
    z-index: 11;
    transition: all 0.5s;
}

.sousuo .sousuo_an {
    width: 18px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    background: url(../images/index_05.svg) center no-repeat;
    cursor: pointer;
    transition: all 0.5s;
}

.sousuo .ssk_bj {
    width: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 130px;
    z-index: 10;
}

.sousuo .ssk {
    width: 25%;
    overflow: hidden;
    margin: 0 auto;
    border: none;
    border-radius: 25px;
}

.sousuo .ssk .input_txt {
    width: 75%;
    height: 48px;
    float: left;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 0 20px;
    border: 1px solid #e5e6e8;
}

.sousuo .ssk .input_btn {
    width: 25%;
    height: 48px;
    float: right;
    FONT-SIZE: 15px;
    color: #fff;
    border: 0;
    background: #d51b1b;
    cursor: pointer;
}

.p-show {
    display: block !important;
}

input,
textarea {
    outline: none;
}

.top_sj {
    display: none;
}

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

.banner ul li .img {
    overflow: hidden;
}

.banner ul li .img img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.banner ul li .txt {
    position: absolute;
    left: 65%;
    bottom: 35%;
    width: 32%;
    max-width: 500px;
}

.banner ul li .txt .ml1 {
    font-size: 18px;
    color: #666;
}

.banner ul li .txt .ml2 {
    font-size: 36px;
    line-height: 36px;
    margin-top: 25px;
    color: #000;
}

.banner ul li .txt .ml3 {
    font-size: 20px;
    margin-top: 25px;
    color: #333;
}

.banner ul li .txt .ml4 {
    color: #fff;
    border-radius: 25px;
    font-size: 15px;
    margin-top: 30px;
    background: #d51b1b;
    width: 138px;
    line-height: 40px;
    text-align: center;
}

.banner ul li.swiper-slide-active .txt .ml1 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner ul li.swiper-slide-active .txt .ml2 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner ul li.swiper-slide-active .txt .ml3 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner ul li.swiper-slide-active .txt .ml4 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*内页banner开始*/

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

.neiye-banner ul li .img {
    overflow: hidden;
}

.neiye-banner ul li .img img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.neiye-banner ul li .txt {
    position: absolute;
    left: 65%;
    bottom: 40%;
    width: 32%;
    max-width: 500px;
}

.neiye-banner ul li .txt .ml1 {
    font-size: 18px;
    color: #666;
}

.neiye-banner ul li .txt .ml2 {
    font-size: 36px;
    line-height: 36px;
    color: #000;
}

.neiye-banner ul li .txt .ml3 {
    font-size: 20px;
    margin-top: 25px;
    color: #333;
}

.neiye-banner ul li .txt .ml4 {
    color: #fff;
    border-radius: 25px;
    font-size: 15px;
    margin-top: 30px;
    background: #d51b1b;
    width: 138px;
    line-height: 40px;
    text-align: center;
}

.neiye-banner ul li.swiper-slide-active .txt .ml1 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.neiye-banner ul li.swiper-slide-active .txt .ml2 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.neiye-banner ul li.swiper-slide-active .txt .ml3 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.neiye-banner ul li.swiper-slide-active .txt .ml4 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*内页banner结束*/

.bandd {
    position: absolute;
    left: 0;
    bottom: 60px!important;
    width: 100%;
    text-align: center;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bandd span {
    display: inline-block;
    z-index: 2;
    cursor: pointer;
    margin: 0 6px!important;
    width: 10px;
    height: 10px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    opacity: 1!important;
}

.bandd span.swiper-pagination-bullet-active {
    background: #fff;
    width: 40px;
}

.bandd span::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    height: 100%;
    width: 0;
    display: block;
    background: #d61a1a;
    transition: all 0s;
    -webkit-transition: all 0s;
}

.bandd span.swiper-pagination-bullet-active::before {
    width: 100%;
    transition: all 3s;
    -webkit-transition: all 5s;
}

.index-menu ul {
    display: flex;
    flex-wrap: wrap;
}

.index-menu ul a {
    display: block;
    width: 25%;
    text-align: center;
}

.index-menu li {
    position: relative;
}

.index-menu-title {
    font-size: 18px;
    padding: 20px 0;
}

.index-menu li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0px;
    left: 50%;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #d51b1b;
}

.index-menu li:hover:after {
    width: 100%;
    left: 0;
}

.index-zz {
    text-align: center;
    font-size: 36px;
    color: #000;
    line-height: 40px;
}

.index-zz p {
    font-size: 18px;
    color: #333;
    margin-top: 25px;
    line-height: 28px;
}

.index-product-hz {
    margin-right: -1.5%;
    margin-left: -1.5%;
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}

.index-product {
    width:22%;position:relative;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    margin-right: 1.5%;
    margin-left: 1.5%;

    float: left;
    border-radius: 15px;
    padding: 28px;
    box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.1);
}

.index-product:hover {
    transform: translateY(-6px);
    -webkit-trafont-size: 0;
}

.index-product-left-new{position:absolute;z-index:1;left:0;top:0 ; }
.index-product-left {
    width: 100%;
    float: left;margin-top:30px;
}

.index-product-pic {
    float: left;
    width: 100%;
}

.index-product-pic img {
    width: 100%;
    object-fit: cover;
    transition: all .8s ease;
}

.index-product-pic:hover img {
    transform: scale(1.06);
}

.index-product-left-title {
    font-size: 24px;margin-top:10px;
    word-break: break-all;
}

.index-product-left-nr {
    margin: 12px 0;
    font-size: 15px;
    color: #666;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    white-space: normal/*nowrap*/;
}

.index-product-left-more {
    color: #2d6caa;
    margin-top: 20px;
}

.index-product-gd {
    text-align: right;
    padding: 45px 0;
    border-bottom: 1px solid #e5e6e8;
}

.index-product-gd a {
    font-size: 16px;
    color: #2d6caa;
}

.index-cases {
    margin: 80px 0 60px 0;
}

.index-cases-title {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #000;
}

.khjz_dkj {
    position: relative;
    margin-top: 50px;
}

.product-ry .item {
    margin: 0 15px;
    position: relative;
    border-bottom: 3px solid #d51b1b;
    box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
    overflow: hidden;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.product-ry .item:hover {
    transform: translateY(-6px);
    -webkit-trafont-size: 0;
}

.product-ry .item .cpzs_img {
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    line-height: 0;
}

.product-ry .item .cpzs_img img {
    width: 100%;
    object-fit: cover;
    transition: all .8s ease;
}

.product-ry .item .cpzs_img:hover img {
    transform: scale(1.06);
}

.product-ry .item .cpzs_wb {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.cpzs_wb_sz {
    font-size: 16px;
    color: #999;
}

.product-ry .item .cpzs_wb .cpzs_wb_t {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
}

.cpzs_wb_t2 {
    margin: 25px 0;
    color: #5c5c5c;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cpzs_wb_mome {
    color: #2d6caa;
}


/* display none until init*/

.owl-carousel {
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix*/

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-controls {
    width: 100%;
    z-index: 11;
    margin-top: 30px;
}

.owl-carousel .owl-controls .owl-buttons div {
    position: absolute;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 20px;
    height: 70px;
    text-indent: -9999px;
    transition: .35s;
    top: 45%;
    margin-top: -35px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
    background: url(../images/index_24.png) center no-repeat;
    overflow: hidden;
    left: -20px;
}

.owl-carousel .owl-controls .owl-buttons .owl-next {
    background: url(../images/index_25.png) center no-repeat;
    overflow: hidden;
    right: -20px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
    background: url(../images/index_24a.png) center no-repeat;
    overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
    background: url(../images/index_25a.png) center no-repeat;
    overflow: hidden;
}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

.owl-carousel .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #999;
}

.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #d51b1b;
    border: 1px solid #d51b1b;
}

.owl-carousel .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.index-news {
    padding-bottom: 60px;
}

.news-list {
    float: left;
    margin-top: 50px;
}

.news-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
}

.news-list ul li {
    border-bottom: 3px solid #d51b1b;
    box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
    float: left;
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.news-list ul li:hover {
    transform: translateY(-6px);
    -webkit-trafont-size: 0;
}

.news-list ul li .img {

    position: relative;
    overflow: hidden;
}

.news-list ul li .img img {
 
    object-fit: cover;
    transition: all .8s ease;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.news-list ul li:hover .img img {
    transform: scale(1.06);
}

.news-list ul li .text {
    padding: 30px;
}

.news-list ul li .text h6 {
    font-size: 22px;
    transition: all .4s ease;
    font-weight: normal;
}

.news-list ul li .text p {
    color: #666;
    margin: 20px 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-list ul li .time {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.index-yp-hz {
    background: url(../images/yp.jpg) center;
    padding: 78px 0;
    overflow: hidden;
    background-size: 100%;
}

.index-yp-box {
    text-align: center;
    color: #fff;
}

.index-yp-title {
    font-size: 36px;
    line-height: 40px;
}

.index-yp-nr {
    font-size: 18px;
    margin: 35px 0;
    overflow: hidden;
}

.index-yp-mome {
    width: 170px;
    line-height: 40px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
}

.index-yp-mome a {
    font-size: 16px;
}

.index-foot-bj {
    background: url(../images/foot.jpg)no-repeat center bottom #f4f5f6;
    padding-top: 40px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.foot-box {
    width: 70%;
    float: left;
}

.foot-menu {
    float: left;
    margin-right: 10%;
}

.foot-contact-title {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-bottom: 20px;
}

.foot-contact-nr li {
    line-height: 35px;
}

.foot-contact-nr li a {
    color: #7f7f7f;
}

.foot-contact-nr li a:hover {
    color: #d61a1a;
    text-decoration: underline;
}

.foot-contact-hz {
    width: 30%;
    float: right;
    color: #7f7f7f;
}

.hm {
    color: #d51b1b;
    font-size: 24px;
    padding-bottom: 15px;
}

.foot-contact-addredd {
    margin: 30px 0;
}

.foot-contact-addredd a {
    color: #7f7f7f;
}

.foot-contact-addredd a:hover {
    color: #d61a1a;
    text-decoration: underline;
}

.foot-contact-addredd p {
    margin-bottom: 8px;
}

.foot-contact-addredd p img {
    float: left;
    margin-right: 10px;
    padding-top: 6px;
}

.foot-contact-ewm {
    width: 130px;
    text-align: center;
}

#firstpane {
    display: none;
}

.index-foot-bottom-left {
    float: left;
    width: 58%;
    margin-left: 2.5%;
}

.index-foot-bottom-left-fx li {
    float: left;
    margin-right: 3%;
}

.index-foot-bottom-left-link {
    margin: 20px 0;
}

.index-foot-bottom-left-link li {
    float: left;
    margin-right: 1%;
    color: #666;
    font-size: 14px;
}

.index-foot-bottom-left-link li a {
    color: #666;
    font-size: 14px;
}

.index-foot-bottom-left-link li a:hover {
    color: #d61a1a;
    text-decoration: underline;
}

.index-foot-bottom {
    margin-top: 40px;
}

.index-foot-bottom-right {
    margin-top: 30px;
    float: right;
    background: url(../images/bg.svg)no-repeat;
    color: #fff;
    font-size: 14px;
    padding: 20px 30px 20px 100px;
}

.index-foot-bottom-right a {
    color: #fff !important;
    font-weight: normal !important;
    ;
    font-size: 14px !important;
}

.index-foot-bottom-right a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.index-tc {
    position: fixed;
    z-index: 2221;
    left: 15%;
    right: 15%;
    bottom: 50%;
    transform: translate(0%, 50%);
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
    padding: 40px;
    overflow: hidden;
    border-radius: 20px;
}

.index-tc-x {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-size: 16px;
    cursor:pointer;
}

.index-tc-nr {
    max-height: 39vh;
    overflow: auto;
    padding-right: 20px;
    font-size: 15px;
}

.tksm {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.qd {
    background: #F00;
    padding: 5px 0;
    float: right;
    width: 100px;
    text-align: center;
    margin-top: 30px;
}

.qd a {
    color: #fff;
}

.qd a:hover {
    text-decoration: underline;
}

#privacyOptionsCookieOptIn-bottom.cookie-overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

#privacyOptionsCookieOptIn-bottom {
    position: fixed;
    background-color: transparent;
    z-index: 222;
    top: 0;
    width: 100%;
    height: 100%;
    transition: background-color 1s ease;
}

.index-tc2 {
    position: fixed;
    z-index: 2;
    left: 22%;
    right: 22%;
    bottom: 50%;
    transform: translate(0%, 50%);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 20px;
}

.cn {
    padding: 3% 3% 0 3%;
}

.cn-nr {
    overflow: auto;
    margin: 20px 0;
    font-size: 15px;
    padding: 30px;
    background: #f2f2f2;
}

.cn-nr::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    /**/
}

.cn-nr::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
}

.cn-nr::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
}

.cn-nr::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.cn-nr::-webkit-scrollbar-corner {
    background: #179a16;
}

.cn-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.cn-tk {
    text-align: right;
    margin-top: 10px;
}

.cn-tk a {
    color: #d51b1b;
}

.cn-tk a:hover {
    text-decoration: underline;
}

.cn-more {
    margin-top: 20px;
}

.cn-more ul {
    text-align: right;
    margin-left: -1%;
    margin-right: -1%;
}

.cn-more li {
    background: #000;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    padding: 6px 20px;
    margin: 0 0.5%;
}

.cn-more li a {
    color: #fff;
    word-break: break-all;
}

.cn-more li a:hover {
    text-decoration: underline;
}

.cn-more li.cn-more-bty {
    background: #fff;
    border: 1px solid #000;
}

.cn-more li.cn-more-bty a {
    color: #000;
}

.t2 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s;
}

.topcontrol:hover .t2 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all 0.4s;
}

.topcontrol {
    opacity: 0;
    transition: all 0.4s;
}

body.scroll .topcontrol {
    opacity: 1;
}

.ny-about-menu {
    overflow: hidden;
    padding: 30px 0 50px 30px;
}

.tabs_left {
    float: left;
}

.locate {
    color: #333;
    float: left;
    font-size: 15px;
    color: #000;
}

.locate a {
    color: #666;
    float: none!important;
    font-size: 14px;
    display: inline-block;
    margin-right: 0px;
}

.locate a:hover {
    color: #d51b1b;
}

.locate span {
    display: inline-block;
    margin: 0 7px;
    color: #000;
}

.ny-product-wb {
    float: left;
    font-size: 15px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.ny-product-wb p {
    float: left;
    color: #333;
    font-weight: bold;
}

.ny-product-wb p a {
    margin-left: 30px;
    color: #d51b1b;
}

.ny-product-wb p a:hover {
    text-decoration: underline;
}

.ny-product-hz {
    margin-top: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e7e7e7;
}

.ny-product-left {
    background: #fafafa;
    width: 15%;
    float: left;
    border-right: 1px solid #e7e7e7;
}

.ny-product-left-title {
    padding: 30px;
    font-size: 24px;
}

.menu_head2 {
    color: #333;
    cursor: pointer;
    position: relative;
    margin-bottom: 2px;
    padding: 10px 25px;
    background: #e7e7e7 url(../images/pro_left2.png) center right no-repeat;
}

.menu_list2 .current {
    background: #e7e7e7 url(../images/pro_down2.png) center right no-repeat;
}

.menu_body2 {
    padding: 20px 0;
}

.menu_body2 a {
    display: block;
    padding: 2px 35px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu_body2 a:hover {
    color: #d51b1b;
}

.ny-product-right {
    width: 85%;
    float: right;
}

.ny-product-bg {
    background: #e7e7e7;
}

.ny-product-right th {
    border: 1px solid #fff;
    padding: 20px;
    font-weight: normal;
}

.ny-product-xh {
    width: 235px;
}

.ny-product-sl {
    width: 150px;
}

.ny-product-right table {
    border-collapse: collapse;
}

.ny-product-right table tr {
    width: auto;
}

.ny-product-right table td {
    padding: 10px;
    border: 1px solid #ccc;
    line-height: 22px;
    font-family: Arial, "微软雅黑";
    width: auto;
}


/*表格样式*/

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.product-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}


/*左侧导航*/

.product-nav {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 16rem;
    background: #fff;
}

.product-nav .card {
    margin-bottom: 0.125rem;
}


/*折叠按钮*/

.product-nav .card-header a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    padding-right: 3rem;
    font-size: 0.94rem;
    line-height: 1.5em;
    color: #333;
    background: #e7e7e7;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.4s;
}

.product-nav .card-header a:hover {
    color: #d51b1b;
}

.product-nav .card-header a:not(.collapsed) {
    color: #fff;
    background: #d51b1b;
    font-weight: bold;
}

.product-nav .card-header a:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.5rem;
    width: 12px;
    height: 1px;
    background-color: #666;
    transform: translate(0%, -50%);
    transition: all .4s;
}

.product-nav .card-header a:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.5rem;
    width: 12px;
    height: 1px;
    background-color: #666;
    transform: translate(0%, -50%);
    transform: rotate(-90deg);
    transition: all .4s;
}

.product-nav .card-header a:not(.collapsed):after {
    transform: rotate(0deg);
}

.product-nav .card-header a:hover:before,
.product-nav .card-header a:hover:after {
    background-color: #d51b1b;
}

.product-nav .card-header a:not(.collapsed):before,
.product-nav .card-header a:not(.collapsed):after {
    background-color: #fff;
}


/*折叠导航*/

.product-nav .card-body {
    padding: 0.75rem 0;
    background: #fafafa;
}

.product-nav .card-body li a.on,
.product-nav .card-body li a:hover {
    color: #d51b1b;
}

.product-nav .card-body a {
    display: block;
    padding: 0.5rem 1.75rem;
    font-size: 0.875rem;
    line-height: 1em;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.4s;
}

.product-nav .card-body a:before {
    content: "-";
    margin-right: 0.5rem;
}

.product-nav .card-body a:hover {
    color: #d51b1b;
}


/*产品表格*/

.product-table {
    position: relative;
    z-index: 1;
    width: calc(100% - 16rem);
}

.product-table li {
    line-height: 1.25em;
}


/*头部*/

.product-table .table-head {
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    overflow: hidden;
    font-size: 15px;
}

.product-table .table-head li {
    position: relative;
    z-index: 3;
    display: inline-flex;
    box-sizing: border-box;
    /*border-bottom: 1px solid #fff;*/
}

.product-table .table-head li>div {
    position: relative;
    width: 160px;
    padding: 15px 20px 0 20px;
    flex-shrink: 0;
    /*   border-left: 1px solid #fff;*/
    background: #e7e7e7;
    color: #333;
    line-height: 26px;
}

.product-table .table-head li>div:first-of-type {
    position: sticky;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    border-left: none;
    box-shadow: 8px 0 8px -4px rgba(0, 0, 0, 0.1);
    width: 230px;
}

.xh a {
    color: #d51b1b;
}

.xh a:hover {
    text-decoration: underline;
}

.parameter .xh a {
    font-weight: bold;
    color: #d51b1b !important;
}

.parameter .xh a:hover {
    text-decoration: underline;
}

.parameter .pdf a {
    color: #d51b1b !important;
}

.parameter .pdf a:hover {
    text-decoration: underline;
}


/*头部筛选*/

html {
    overflow-x: hidden;
}

.product-table .table-screen {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    overflow: visible;
}

.product-table .table-screen ol {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    padding: 0 10px;
    margin: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
    border-bottom: 1px solid #fff;
    background: #e7e7e7;
    box-shadow: 8px 0 8px -4px rgba(0, 0, 0, 0.1);
}

.product-table .table-screen li {
    display: inline-flex;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}

.product-table .table-screen li>div {
    position: relative;
    width: 160px;
    padding: 15px 10px;
    flex-shrink: 0;
    text-align: center;
    /*    border-left: 1px solid #fff;*/
    background: #e7e7e7;
}

.product-table .table-screen li>div:first-of-type {
    width: 230px;
}

.product-table .table-screen ol input {
    display: block;
    width: 100%;
    height: 2.4em;
    padding: 0 8px;
    font-size: 14px;
    line-height: 2.4em;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.product-table .table-screen button {
    cursor: pointer;
    display: inline-block;
    padding: 0 2em;
    font-size: 0.8rem;
    line-height: 2.3em;
    border-radius: 3px;
    color: #666;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
    transition: all 0.4s;
}

.product-table .table-screen .show button {
    color: #d51b1b;
    border: 1px solid #d51b1b;
}

.product-table .table-screen button span {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5em;
    transition: transform 0.4s;
}

.product-table .table-screen .show button span {
    transform: rotate(180deg)
}

.product-table .table-screen label {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 8px 8px;
    font-size: 14px;
    line-height: 1em;
    color: #666;
    transition: all 0.4s;
}

.product-table .table-screen label:hover {
    color: #d51b1b;
}

.product-table .table-screen label .checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    transition: all 0.4s;
}

.product-table .table-screen label .checkbox:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 13%;
    bottom: 45%;
    width: 70%;
    height: 25%;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all .4s;
}

.product-table .table-screen input[type="checkbox"]:checked+.checkbox {
    background: #d51b1b;
}

.product-table .table-screen input[type="checkbox"]:checked+.checkbox:after {
    opacity: 1;
}

.product-table .table-screen label input {
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
}


/*内容*/

.product-table .table-content {
    position: relative;
    overflow-y: auto;
}

.product-table .table-content .item {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
}

.product-table .table-content .item>div {
    width: 160px;
    padding: 15px 20px;
    flex-shrink: 0;
    /* border-left: 1px solid #e7e7e7;*/
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    color: #666;
    background: #fff;
    transition: all 0.4s;
}

.product-table .table-content .item:hover>div {
    background: #f5f5f5;
}

.product-table .table-content .item>div:first-of-type {
    position: sticky;
    z-index: 3;
    top: 0;
    left: 0;
    bottom: 0;
    width: 230px;
    border-left: none;
    background: #fff;
    box-shadow: 8px 0 8px -4px rgba(0, 0, 0, 0.1);
}

.product-table .table-content .item:hover>div:first-of-type {
    background: #f5f5f5;
}

.product-table .table-content a {
    color: #666;
}

.product-table .table-content .fold-btn a {
    color: #d51b1b;
}

.product-table .table-content .fold-btn a:hover {
    text-decoration: underline;
}

.product-table .table-content .fold-btn {
    width: 100%;
    display: flex;
    border: none;
    border-radius: 0;
    background: none;
    color: #666;
    outline: none;
    cursor: pointer;
}

.product-table .table-content .fold-btn:not(.collapsed),
.product-table .table-content a:hover {
    color: #d51b1b;
}

.product-table .table-content .fold-btn>div {
    text-align: left;
}

.product-table .table-content .fold-btn span.iconfont {
    flex-shrink: 0;
    display: inline-block;
    width: 3em;
    line-height: 1.5em;
    text-align: center;
    transition: transform 0.4s;
}

.product-table .table-content .fold-btn:not(.collapsed) span.iconfont {
    transform: rotate(180deg);
}

.btn-name {
    display: block;
}

.product-table .table-content .fold-btn .btn-name {
    color: #d51b1b;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}

.product-table .table-content .fold-btn .btn-name:hover {
    text-decoration: underline;
}

.product-table .table-content .fold-btn .btn-info {
    color: #666;
}

.product-table .table-content .fold-content dl {
    margin-top: 8px;
}

.product-table .table-content .fold-content dl dd {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.5em;
    color: #666;
    white-space: nowrap;
}

.ls {
    color: #009d76;
}

.hs {
    color: #d51b1b;
}

.huan {
    color: #ffae00;
}


/*展开子集设置*/

.product-table .table-content .sub-list .item:first-of-type {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.05) inset;
}

.product-table .table-content .sub-list .item:last-of-type {
    box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.05) inset;
}

.product-table .table-content .sub-list .item>div {
    position: relative;
    background: none;
    transition: all 0.4s;
}

.product-table .table-content .sub-list .item>div:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    transition: all .4s;
}

.product-table .table-content .sub-list .item>div:first-of-type {
    position: sticky;
    padding-left: 65px;
}

.product-table .table-content .sub-list .item:first-of-type>div:first-of-type:after {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.05) inset;
}

.product-table .table-content .sub-list .item:last-of-type>div:first-of-type:after {
    box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.05) inset;
}


/*设置固定宽度滚动条让head和contact定位准确（contact有最高高度值，会出现竖向滚动条）*/

.product-table .table-head li:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    background-color: #e7e7e7;
}

.product-table .table-screen li:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    background-color: #e7e7e7;
}

.product-table .table-head::-webkit-scrollbar-track,
.product-table .table-content::-webkit-scrollbar-track {
    background: #ebebeb;
}

.product-table .table-head::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.product-table .table-content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.product-table .table-head::-webkit-scrollbar-thumb,
.product-table .table-content::-webkit-scrollbar-thumb {
    background: #d51b1b;
}


/*下拉*/

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

.dropdown-menu {
    position: absolute;
    top: 100% !important;
    left: 50% !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem;
    margin: .125rem 0 0;
    box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e6e6e6;
    border-radius: .25rem;
    transform: translate(-50%, 0%) !important;
}

.dropdown-menu.show {
    display: block
}

.dropdown-menu a {
    display: block;
    padding: 0.125em 1em;
    line-height: 1.5em;
    color: #666;
    white-space: nowrap;
}

.collapse:not(.show) {
    display: none;
}


/*响应式调整*/

@media all and (max-width:768px) {
    .product-nav {
        width: 100%;
    }
    .product-nav .card-header a {
        padding: 0.6rem 1.5rem;
    }
    .product-table {
        width: 100%;
        margin-top: 30px;
    }
}


/*滚动阴影显示*/

.product-table .table-head li>div:first-of-type,
.product-table .table-screen ol,
.product-table .table-content .item>div:first-of-type {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 10%) !important;
}

.product-table.first-shadow .table-head li>div:first-of-type,
.product-table.first-shadow .table-screen ol,
.product-table.first-shadow .table-content .item>div:first-of-type {
    box-shadow: 6px 0 6px -4px rgb(0 0 0 / 10%) !important;
}


/*产品中心开始*/

.ny-cpzx-hz {
    margin-top: 50px;
}

.join-list {
    width: 100%;
    margin-top: 20px;
    margin-right: -4%;
}

.join-list ul {
    display: flex;
    flex-wrap: wrap;
}

.join-list ul li {
    float: left;
    width: 46%;
    margin-right: 4%;
    margin-bottom: 40px;
}

.join-menu {
    width: 100%;
    user-select: none;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0;
    border-bottom: 1px solid #e5e6e8;
}

.join-menu:hover {
    color: #d61a1a;
}

.join-menu:after {
    background: url(../images/jt.png)no-repeat;
    width: 15px;
    height: 20px;
    content: "";
    opacity: 0.5;
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.join-menu.ontrue:after {
    transform: rotate(90deg);
    opacity: 1;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.join-p {
    float: left;
    margin: 30px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e6e8;
    width: 100%;
}

.join-p p {
    float: left;
    width: 33.3%;
    padding: 10px 0;
}

.join-p p a {
    color: #333;
}

.join-p p a:hover {
    color: #d61a1a;
    text-decoration: underline;
}

.join-ms {
    color: #666;
}


/*产品中心结束*/


/*产品描述开始*/

.ny-about-menu {
    overflow: hidden;
    padding: 30px 0 50px 0;
}

.ny-cpms-hz {
    border-bottom: 1px solid #e5e6e8;
    overflow: hidden;
}

.ny-cpms-title {
    font-size: 45px;
    line-height: 45px;
    float: left;
}

.ny-cpms-lc {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.ny-cpms-ms {
    font-size: 18px;
    color: #666;
    margin: 30px 0;
}

.ny-cpms-xz {
    margin: 20px 0;
}

.ny-cpms-xz a {
    color: #d51b1b;
}

.ny-cpms-xz a:hover {
    text-decoration: underline;
}

.ny-cpms-xz-pic {
    font-family: "iconfont" !important;
    font-size: 24px;
    margin-right: 5px;
}

.ny-cpms-yp {
    width: 130px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 10px;
    background: #d51b1b;
    text-align: center;
    color: #fff;
}

.ny-cpms-yp a {
    color: #fff;
}

.ny-cpms-yp:hover {
    background: #c00e1c;
}

.ny-cpms-ljdg {
    width: 130px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #d51b1b;
    border: 1px solid #d51b1b;
    text-align: center;
}

.ny-cpms-ljdg a {
    color: #d51b1b;
}

.ny-cpms-ljdg a:hover {
    text-decoration: underline;
}

.pro_con {
    display: flex;
    flex-wrap: wrap;
    margin-top: 55px;
    overflow: hidden;
}

.pro_t {
    width: 100%;
}

.pro_t ul {
    line-height: 0;
}

.pro_t li {
    margin-right: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    line-height: 55px;
    cursor: pointer;
}

.pro_t li:hover,
.pro_t li.cur {
    color: #e64545;
    border-bottom: 3px solid #e64545;
    font-weight: bold;
}

.pro_gg {
    background: #f8f8f8;
    border-top: 1px solid #e5e6e8;
}

.ny-cpms-nr {
    padding: 50px 0;
    color: #666;
    width: 60%;
}

.ny-cpms-nr p {
    margin-bottom: 5px;
}

.pro_con2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 55px;
    color: #666;
    overflow: hidden;
}

.pro_t2 {
    width: 100%;
    margin-top: 40px;
}

.pro_t2 ul {
    line-height: 0;
}

.pro_t2 li {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.pro_t2 li:hover,
.pro_t2 li.cur {
    color: #e64545;
    border-bottom: 2px solid #e64545;
    font-weight: bold;
}

.ny-cpms-cpcs-sz {
    float: right;
}

.ny-cpms-cpcs {
    padding: 30px 0 50px 0;
    color: #666;
    width: 40%;
}

.ny-cpms-cpcs li {
    list-style-position: inside;
    list-style-type: disc;
    border-bottom: 1px solid #e5e6e8;
    line-height: 42px;
    padding-right: 10%;
}

.ny-cpms-tx {
    padding: 30px 0 50px 0;
    color: #666;
}

.ny-cpms-tx ul {
    margin-left: 20px;
}

.ny-cpms-tx li {
    list-style-position: outside;
    list-style-type: disc;
    line-height: 32px;
}

.ny-cpms-jswd {
    padding: 50px 0;
    color: #666;
    overflow: hidden;
    font-size: 14px;
}

.ny-cpms-jswd li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e6e8;
    padding: 10px 0;
}

.ny-cpms-jswd-pic {
    font-family: "iconfont" !important;
    font-size: 18px;
    color: #e64545;
    padding-right: 3px;
}

.ny-cpms-jswd-xh {
    float: left;
    padding-right: 15%;
}

.ny-cpms-jswd-xh a {
    font-size: 15px;
}

.ny-cpms-jswd-sc {
    float: left;
}

.ny-cpms-jswd-xz {
    float: right;
}

.ny-cpms-jswd-xz a {
    color: #e64545;
}

.ny-cpms-jswd-xz a:hover {
    color: #ff3600;
}

.ny-cpms-jswd-sj {
    float: left;
    margin-top: 35px;
}

.ny-cpms-jswd-wb {
    float: left;
    margin: 0 5%;
    width: 75%;
}

.ny-cpms-jswd-wb p {
    margin-bottom: 8px;
}

.ny-cpms-jswd-wb-title {
    color: #333;
}

.ny-cpms-jswd-wb-title a {
    font-size: 20px;
    color: #d51b1b;
}

.ny-cpms-jswd-wb-title a:hover {
    text-decoration: underline;
}

.ny-cpms-jswd-wb-title2 {
    font-size: 18px;
}

.ny-cpms-jswd-an {
    float: right;
    margin-top: 55px;
}

.ny-cpms-jswd-an a {
    background: #d51b1b;
    color: #fff;
    width: 145px;
    height: 25px;
    text-align: center;
    border-radius: 25px;
    display: block;
}

.ny-cpms-jswd-an a:hover {
    background: #c00e1c;
}

.ny-dgzl-box {
    width: 100%;
    overflow-x: auto;
}

.ny-dgzl-hz {
    margin-top: 50px;
    border-top: 1px solid #e5e6e8;
    min-width: 1200px;
}

.ny-dgzl-hz tr:hover {
    background: #f9f9f9;
}

.ny-dgzl-hz table td {
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #e5e6e8;
    color: #666;
    font-size: 14px;
    vertical-align: top;
    white-space: nowrap;
}

.ny-dgzl-hs {
    color: #000 !important;
    font-size: 15px !important;
}

.ny-dgzl-title {
    background: #f8f8f8;
    line-height: 65px;
}

.ny-dgzl-hz table td p a {
    text-decoration: underline;
}

.ny-dgzl-xh a {
    font-size: 15px !important;
}

.ny-gwc {
    float: left;
    width: 132px;
}

.ny-gwc .gwc2 {
    text-decoration: underline;
    color: #333;
    cursor: pointer;
}

.j {
    float: left;
    width: 35px;
    height: 28px;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #dedfe1;
}

.jh {
    float: left;
}

.el-input__inner {
    text-align: center;
    width: 60px;
    height: 28px;
    border-top: 1px solid #dedfe1;
    border-bottom: 1px solid #dedfe1;
    border-left: none;
    border-right: none;
}

.fold-content {
    font-size: 14px;
}

.price {
    float: right;
}

.parameter2 {
    width: 130px;
}

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

.parameter2 a:hover {
    color: #d51b1b;
}

.parameter2 .fold-btn:not(.collapsed) {
    color: #d51b1b;
}

.parameter2 .fold-btn:not(.collapsed) span {
    color: #d51b1b;
    transform: rotate(180deg);
}

.parameter2 .fold-btn span {
    display: inline-block;
    transition: transform 0.4s;
}


/*产品描述结束*/


/*关于我们*/

.about-bj {
    background-image: linear-gradient(to right, #f17927, #ce173f);
    margin-top: 420px;
    height: 300px;
}

.about {
    position: relative;
}

.about-gsjj {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
    padding: 60px 40px;
    border-radius: 15px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

.about-gsjj:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.about-gsjj-left {
    width: 55%;
    float: left;
}

.about-gsjj-left-title {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 20px;
    position: relative;
}

.about-gsjj-left-title:after {
    content: "";
    position: absolute;
    background: #d51b1b;
    width: 60px;
    height: 4px;
    bottom: 0;
    left: 0;
}

.about-gsjj-left-title2 {
    font-size: 24px;
    margin: 55px 0 30px 0;
}

.about-gsjj-left-nr {
    color: #666;
    height: 172px;
    overflow: auto;
    padding-right: 30px;
    line-height: 30px;
}

.about-gsjj-left-nr p {
    margin-bottom: 15px;
}

.about-gsjj-left-nr::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    /**/
}

.about-gsjj-left-nr::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
}

.about-gsjj-left-nr::-webkit-scrollbar-thumb {
    background: #d41718;
    border-radius: 10px;
}

.about-gsjj-left-nr::-webkit-scrollbar-thumb:hover {
    background: #d41718;
}

.about-gsjj-left-nr::-webkit-scrollbar-corner {
    background: #179a16;
}

.about-gsjj-pic {
    width: 39%;
    line-height: 0;
    float: right;
    padding: 8px;
    margin-top: -140px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
    border-radius: 15px;
}

.about-gsjj-pic img {
    width: 100%;
}

.about-qywh-bj {
    background-image: linear-gradient(to right, #f17927, #ce173f);
    overflow: hidden;
    padding-bottom: 70px;
}

.about-qywh-wh {
    float: left;
    width: 33.3%;
    color: #fff;
}

.about-qywh-wh-pic {
    float: left;
    width: 15%;
}

.about-qywh-wh-right {
    float: left;
    padding-left: 12px;
    width: 85%;
    color: #e7e7e7;
}

.about-qywh-wh-right p {
    font-size: 30px;
    float: left;
    margin-bottom: 25px;
    width: 100%;
    color: #fff;
}


/*发展历程*/

.about-fzlc-bj {
    background: url(../images/f.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e6e8;
}

.about-fzlc-title {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}

.about-fzlc-title:after {
    content: "";
    position: absolute;
    background: #c00e1c;
    width: 60px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 3px;
    bottom: 0;
}

.cd-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 2px;
}

.cd-container::after {
    content: '';
    display: table;
    clear: both;
}

#cd-timeline {
    position: relative;
    margin-top: 4em;
}

#cd-timeline>.box {
    max-height: 873px;
    overflow: hidden;
    transition: all 0.5s;
}

#cd-timeline.show>.box {
    max-height: 400vh;
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    height: 100%;
    width: 4px;
    background: #db1819;
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 5em;
        margin-bottom: 3em;
    }
    #cd-timeline::before {
        left: 50%;
        margin-left: -3px;
    }
}

.cd-timeline-block {
    position: relative;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block:first-child {
        margin-top: 0;
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 8px;
    left: 19px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ffd1d2, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline-img {
    background: #db1819;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 16px;
        height: 16px;
        left: 50%;
        margin-left: -9px;
        margin-top: 15px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    margin-right: 20px;
    background: #eee;
    border-radius: 2px;
    padding: 1.6em;
    .timeline-content-info {
        background: #eee;
        padding: 5px 10px;
        box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.08);
        border-radius: 2px;
        i {
            margin-right: 5px;
        }
    }
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    color: #db1819;
    margin-top: 0;
    font-size: 1.45rem;
}

.cd-timeline-content p {
    margin-top: 1em;
    color: #444;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #eee;
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.85rem;
    }
    .cd-timeline-content p {
        font-size: 16px;
        color: #333;
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.7em;
        width: 46%;
    }
    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #eeeeee;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #eee;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }
}


/*发展历程结束*/


/*关于我们-荣誉资质开始*/

.ny-ry .item {
    margin: 0 25px;
    position: relative;
    overflow: hidden;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.ny-ry .item:hover {
    transform: translateY(-6px);
    -webkit-trafont-size: 0;
}

.ny-ry .item .cpzs_img {
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    line-height: 0;
}

.ny-ry .item .cpzs_img img {
    width: 100%;
    object-fit: cover;
    transition: all .8s ease;
}

.ny-ry .item .cpzs_img:hover img {
    transform: scale(1.06);
}

.ny-ry .item .cpzs_wb {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.ny-ry .item .cpzs_wb .cpzs_wb_t {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    text-align: center;
}

.ny-ryzz-more {
    margin: 50px auto 0 auto;
    overflow: hidden;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    text-align: center;
}

.ny-ryzz-more a {
    border: 1px solid #db1819;
    color: #db1819;
    display: inline-block;
    font-size: 17px;
    padding: 12px 40px;
}

.ny-ryzz-more:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
}


/*关于我们-荣誉资质内页*/

.ny-ryzz-wb {
    font-size: 18px;
    color: #666;
    margin: 35px 0 60px;
    overflow: hidden;
}

.sy_cpfl_img ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1.5%;
    margin-left: -1.5%;
}

.sy_cpfl_img ul li {
    float: left;
    width: 30.3%;
    padding: 40px;
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 55px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sy_cpfl_img ul li:hover {
    border: 1px solid #d51b1b;
}

.sy_cpfl_img ul li .img {
    overflow: hidden;
}

.sy_cpfl_img ul li .img img {
    display: block;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sy_cpfl_img ul li:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sy_cpfl_img ul li .text {
    padding-top: 30px;
}

.sy_cpfl_img ul li .text .h1 {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sy_cpfl_img ul li .text .h1 span {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
}


/*关于我们-荣誉资质内页结束*/


/*关于我们-荣誉资质结束*/


/*关于我们-合作伙伴开始*/

.about-hzhb-bj {
    background: url(../images/hzhb.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    overflow: hidden;
}

.about-hzhb-hz {
    width: 46%;
    float: left;
}

.about-hzhb {
    float: left;
    font-size: 16px;
    color: #666;
    margin: 40px 0 50px 0;
    overflow: hidden;
    line-height: 30px;
}

.about-hzhb-pic li {
    float: left;
    width: 30.3%;
    line-height: 0;
    margin: 0 1.5% 20px 1.5%;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1s);
    moz-box-shadow: 0px 0px 8px 4px #ddd;
    -webkit-box-shadow: 0px 0px 8px 4px #ddd;
    box-shadow: 0px 0px 8px 4px #ddd;
}


/*关于我们-合作伙伴结束*/


/*关于我们-人才招聘开始*/

.jobs-top {
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0;
    width: 100%;
    transition: all 0.5s;
}

.jobs-top.active {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
}

.jobs-logo {
    float: left;
    margin-right: 6%;
    margin-top: 10px;
}

.jobs-logo img.logo-t1 {
    display: block;
}

.jobs-logo img.logo-t2 {
    display: none;
}

.jobs-top.active .jobs-logo img.logo-t1 {
    display: none;
}

.jobs-top.active .jobs-logo img.logo-t2 {
    display: block;
}

.jobs-menu {
    float: left;
    width: 50%;
}

.jobs-menu li {
    float: left;
    padding: 30px 5%;
}

.jobs-menu li a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 50%;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #e51a15;
}

.jobs-menu li a:hover:after {
    width: 100%;
    left: 0;
}

.jobs-menu li a {
    font-size: 17px;
    color: #fff;
    text-align: center;
    display: block;
    position: relative;
}

.jobs-menu li a:hover {
    color: #d51b1b;
}

.jobs-top.active .jobs-menu li a {
    color: #333;
}

.jobs-top.active .jobs-menu li a:hover {
    color: #d51b1b;
}

.jobs-top.active .jobs-dl a {
    color: #333;
    border: 1px solid #333;
}

.jobs-top.active .jobs-dl a:hover {
    color: #d51b1b;
    border: 1px solid #d51b1b;
}

.jobs-dl {
    float: right;
    margin-top: 30px;
}

.jobs-dl a {
    padding: 5px 22px;
    color: #fff;
    border: 1px solid #fff;
}

.jobs-dl a:hover {
    color: #d51b1b;
    border: 1px solid #d51b1b;
}

.jq22-container {
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.job-video-pic {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100VW;
    height: 100VH;
}

.video-wb {
    text-align: center;
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    color: #fff;
}

.video-wb p {
    font-weight: normal;
    font-size: 18px;
    margin: 12px 0 40px 0;
}

.video-ss {
    display: block;
    margin: 0 auto;
    width: 430px;
}

.video-sok {
    float: left;
    font-size: 15px;
    width: 386px;
    background: #fff;
    line-height: 46px;
    padding: 0 15px;
    border: none;
    border-right: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.video-sok:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.video-sok::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

.job-video-hz {
    position: relative;
}

.video-box {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translate(0%, -50%);
}

.jobs-hz {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.jobs-a {
    width: 33.3%;
    float: left;
    padding: 0 30px;
    text-align: center;
}

.jobs-a-pic img {
    display: inline-block;
    vertical-align: top;
    transform: scaleX(1);
    transition: transform 0.3s;
}

.jobs-a-pic:hover img {
    transform: scaleX(-1);
}

.jobs-a-title {
    font-size: 26px;
    font-weight: bold;
    margin: 30px 0;
}

.jobs-a-nr {
    color: #666;
    font-size: 16px;
}

.jobs-wh {
    width: 31.3%;
    margin-right: 2%;
    float: left;
    overflow: hidden;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    border-radius: 15px;
    background-image: linear-gradient(to right, #f17927, #ce173f);
}

.jobs-wh:hover {
    transform: translateY(-6px);
    -webkit-trafont-size: 0;
}

.jobs-wh-pic {
    line-height: 0;
    float: left;
}

.jobs-wh-pic img {
    overflow: hidden;
}

.jobs-wh-wb {
    font-size: 26px;
    color: #fff;
    width: 100%;
    padding: 50px;
    float: left;
}

.jobs-wh-wb p {
    font-size: 16px;
    margin-top: 20px;
}

.jobs-card-header {
    display: flex;
    align-items: center;
    background: transparent;
    margin-bottom: 30px;
}

.jobs-card-header .txt {
    border-left: solid 3px #d51b1b;
    display: block;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    padding-left: .5em;
    color: #333;
}

.jobs-card-header:after {
    content: '';
    border-top: dashed 1px #ccc;
    display: block;
    flex: auto;
    margin-left: 10px;
}

.jobs-card-body {
    margin: 30px 0;
}

.key-category {
    display: flex;
    align-items: center;
    padding: 10px 0;
    position: relative;
}

.key-category:not(:last-of-type) {
    border-bottom: dashed 1px #eaeaea;
}

.key-category .title {
    flex-shrink: 0;
}

.key-category .words {
    align-items: center;
    padding-right: 4em;
    position: relative;
}

.key-category .keys {
    flex: auto;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.more-category .word,
.key-category .word {
    position: relative;
    margin: 0 5px;
    line-height: 2;
}

.key-category .keys .open {
    position: absolute;
    color: #d51b1b;
    top: 0;
    right: 0;
    text-decoration: none;
    border-bottom: solid 1px;
    display: none;
}

.more-category .word input,
.key-category .word input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.more-category .word .txt,
.key-category .word .txt {
    padding: 5px 5px;
    font-weight: normal;
    min-width: 40px;
}

.more-category .word {
    font-size: .8rem;
}

.more-category .word input:checked+.txt,
.key-category .word input:checked+.txt {
    background: #d51b1b;
    color: #fff;
}

.more-category {
    border: dashed 1px #ccc;
    background: #f5f5f5;
    z-index: 99;
    padding: 10px;
    border-radius: 10px;
    display: none;
    width: 100%;
    margin-top: -1px;
}

.show-all .open {
    display: none;
}

.show-all .keys {
    height: auto;
}

.position-list {
    margin-top: 30px;
}

.position-item {
    border-bottom: dashed 1px #eaeaea;
    padding: 1.5rem 15px;
}

.position-item:hover {
    background: #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
}

.position-name .title {
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
}

.position-name .title .txt {
    transition: all .3s ease-in-out;
    font-size: 18px;
}

.position-name .title:hover {
    cursor: pointer;
}

.position-name .title:hover .txt {
    color: #d51b1b;
}

.position-name .i-hot {
    position: absolute;
    margin-left: 5px;
}

.position-name .i-title {
    color: #5cbfff;
    vertical-align: middle;
    display: inline-block;
    transform: scale(1.2);
}


/* 投递页 */

.position-extend {
    color: #999;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    flex-wrap: wrap;
}

.position-extend .extend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
}

.position-extend .time {
    font-size: 14px;
}

.position-extend .ele:not(:last-of-type) .txt {
    border-right: solid 1px #ccc;
    padding-right: 10px;
    margin-right: 10px;
}

.position-extend .i-details {
    color: orange;
}

.position-name .i-title,
.position-extend .i-details {
    font-size: 22px;
    margin-right: 5px;
}

.position-extend .i-details {
    display: none;
}

iframe::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    /**/
}

iframe::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
}

iframe::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
}

iframe::-webkit-scrollbar-thumb:hover {
    background: #333;
}

iframe::-webkit-scrollbar-corner {
    background: #179a16;
}

.job-ssk-hz {
    margin-top: 60px;
}

.jobs-pic {
    font-family: "iconfont" !important;
    font-size: 35px;
    color: #d51b1b;
    float: left;
}

.tc-bj {
    padding-right: 3%;
}

.tc-title {
    font-size: 24px;
}

.tc-ms {
    font-size: 16px;
    color: #d51b1b;
    margin-top: 20px;
    font-weight: bold;
}

.tc-ms-hz {
    padding-left: 12px;
    position: relative;
}

.tc-ms-hz:after {
    content: "";
    position: absolute;
    left: 0;
    background: #d51b1b;
    width: 3px;
    height: 45px;
    top: 5%;
}

.tc-ms-gz {
    color: #999;
}

.tc-ms-gz li {
    float: left;
    padding-right: 10px;
    font-size: 14px;
}

.tc-nr {
    border-top: dashed 1px #eaeaea;
    border-bottom: dashed 1px #eaeaea;
    margin: 30px 0;
    padding: 30px 0;
    color: #666;
}

.tc-nr p {
    margin-bottom: 15px;
}

.tc-nr p span {
    font-weight: bold;
    color: #333;
}

.tc-nr-l {
    margin-left: 20px;
}

.tc-nr-l li {
    list-style-position: inside;
    list-style-type: disc;
}

.job-tj {
    width: 140px;
    border: 1px solid #d51b1b;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #d51b1b;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}

.job-tj:hover {
    background: #e03500;
}

.job-tj a {
    color: #fff;
}

.job-tc-hz {
    width: 60%;
    height: 68%;
    margin: 0 auto;
    padding: 60px 30px 30px 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1111111;
    max-height: 100%;
    border-radius: 15px;
}

.job-tc-gb {
    position: absolute;
    cursor: pointer;
    right: 28px;
    color: #333;
    font-size: 20px;
    top: 20px;
}

.job-tc-hz iframe {
    width: 100%;
    height: 100%;
    border: none;
}


/*关于我们-人才招聘结束*/


/*分页*/

.yema {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 50px 0;
}

.yema.bgs2 {
    text-align: right;
}

.yema a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    overflow: hidden;
    padding-right: 10px;
    min-width: 40px;
    margin-left: 3px;
    text-align: center;
    color: #333333;
    font-size: 16px;
    border: 1px solid #ececee;
    background: #ececee;
}

.yema a:hover {
    text-decoration: none;
    color: #fff;
    background: #d51b1b;
    border: 1px solid #d51b1b;
}

.yema a.on {
    color: #fff;
    background: #d51b1b;
    border: 1px solid #d51b1b;
}

.yema a.first,
.yema a.last {
    margin-right: 0;
}

.yema a.first:hover,
.yema a.last:hover {
    background-color: #d51b1b;
}

.yema a span {
    font-family: "宋体";
    font-size: 16px;
}


/*内页-联系我们开始*/

.ny-contact-bj {
    background: url(../images/co.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    overflow: hidden;
    margin-top: 100px;
}

.ny-contact-left {
    width: 55%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.ny-contact-left-fx {
    width: 10%;
    float: left;
    background: #424242;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 32%;
}

.ny-contact-left-fx p img {
    max-width: 100%;
    height: auto;
    margin: auto;
    opacity: 0.6;
}

.ny-contact-left-fx p img:hover {
    opacity: 1;
}

.ny-contact-left-fx p {
    margin-bottom: 35px;
    text-align: center;
    overflow: hidden;
    display: block;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.ny-contact-left-fx p:hover {
    transform: translateY(-6px);
    -webkit-trafont-size: 0;
}

.ny-contact {
    color: #bdbdbd;
    font-family: "iconfont" !important;
    font-size: 24px;
}

.ny-contact:hover {
    color: #fff;
}

.ny-contact-left-lx {
    width: 90%;
    float: left;
    background: #fff;
    border-radius: 5px;
    padding: 5%;
}

.ny-contact-left-lx-title {
    font-size: 30px;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.ny-contact-left-lx-title:after {
    content: "";
    position: absolute;
    left: 0;
    background: #d51b1b;
    width: 5px;
    height: 30px;
    top: 0;
}

.ny-contact-left-lx-nr {
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
}

.ny-contact-left-lx-content {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
    font-size: 16px;
}

.ny-contact-left-lx-content-title {
    font-weight: bold;
    margin: 13px 0;
}

.ny-contact-left-lx-content-wb {
    word-break: break-all;
}

.ny-contact-left-tb {
    color: #d51b1b;
    font-family: "iconfont" !important;
    font-size: 35px;
}

.ny-contact-left-lx-sz {
    margin-top: 25px;
    font-size: 16px;
}

.ny-contact-left-lx-sz-tb {
    color: #999;
    font-family: "iconfont" !important;
    font-size: 22px;
    padding-right: 15px;
}

.ny-contact-left-lx-sz li {
    padding-bottom: 10px;
}

.ny-contact-feedback {
    width: 40%;
    float: right;
    padding-top: 10%;
}

.ny-contact-feedback-title {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}

.ny-contact-feedback-ms {
    color: #cfcfcf;
}

.ny-feedback-ly {
    margin-top: 30px;
}

.soka {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
    border: none;
    background: none;
    padding: 22px 0 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #98999c;
}

.sokb {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: none;
    border: none;
    border-bottom: 1px solid #98999c;
    color: #fff;
    margin: 15px 0;
    font-size: 15px;
    width: 100%;
}

.soka:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #cfcfcf;
}

.soka::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #cfcfcf;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cfcfcf;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cfcfcf;
}

.tj {
    width: 185px;
    border: 1px solid #d51b1b;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #d51b1b;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}


/*内页-联系我们下部分内容开始*/

.ny-contact-qgqy-hz {
    display: flex;
    flex-wrap: wrap;
}

.ny-contact-qgqy {
    width: 49%;
    margin-right: 2%;
    float: left;
    background: #f2f2f2;
    border: 1px solid #e1e1e1;
    padding: 0 40px 40px 0;
    margin-bottom: 45px;
}

.ny-contact-qgqy:nth-child(2n) {
    margin-right: 0;
}

.ny-contact-qgqy:nth-child(3n) {
    margin-bottom: 0;
}

.ny-contact-qgqy:nth-child(4n) {
    margin-bottom: 0;
}

.ny-contact-qgqy-title {
    text-align: center;
    width: 240px;
    font-size: 24px;
    color: #fff;
    line-height: 66px;
    margin-top: -12px;
}

.ny-contact-qgqy-nr {
    margin: 40px 0 0 5%;
}

.ny-contact-qgqy-nr li {
    margin-bottom: 5px;
    font-size: 16px;
}

.ny-contact-qgqy-nr-tb {
    color: #d51b1b;
    font-family: "iconfont" !important;
    font-size: 23px;
    padding-right: 10px;
}


/*内页-联系我们下部分内容结束*/


/*内页-联系我们结束*/


/*内页-代理商开始*/

.ny-dls-hz {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.ny-dls {
    width: 50%;
    padding-right: 5%;
    float: left;
    margin-bottom: 30px;
}

.ny-dls-nr {
    color: #666;
}

.ny-dls-nr a {
    color: #666;
}

.ny-dls-nr a:hover {
    color: #d51b1b;
    text-decoration: underline;
}

.ny-dls-pic {
    float: left;
}

.ny-dls-title {
    float: left;
    font-size: 18px;
    margin-top: 12px;
    margin-left: 10px;
}


/*内页-代理商结束*/


/*内页-下载中心开始*/

.download-serach {
    margin: 60px 0;
}

.download-serach:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.download-serach-left {
    float: right;
}

.download-sok {
    float: left;
    font-size: 15px;
    width: 420px;
    background: #fafafa;
    line-height: 48px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.download-sok:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.download-sok::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}


/*头部筛选*/


/*内页-下载中心开始*/

.download-serach-xz {
    position: relative;
    z-index: 3;
    padding-left: 15px;
    display: flex;
    float: left;
}

.download-serach-xz button {
    cursor: pointer;
    display: inline-block;
    padding: 0 2em;
    font-size: 15px;
    line-height: 48px;
    border-radius: 10px;
    color: #666;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    transition: all 0.4s;
}

.download-serach-xz .show button {
    color: #d51b1b;
}

.download-serach-xz button span {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5em;
    transition: transform 0.4s;
}

.download-serach-xz .show button span {
    transform: rotate(180deg)
}

.download-serach-xz label {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 8px 8px;
    font-size: 14px;
    line-height: 1em;
    color: #666;
    transition: all 0.4s;
}

.download-serach-xz label:hover {
    color: #d51b1b;
}

.download-serach-xz label .checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    transition: all 0.4s;
}

.download-serach-xz label .checkbox:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 13%;
    bottom: 45%;
    width: 70%;
    height: 25%;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all .4s;
}

.download-serach-xz input[type="checkbox"]:checked+.checkbox {
    background: #d51b1b;
}

.download-serach-xz input[type="checkbox"]:checked+.checkbox:after {
    opacity: 1;
}

.download-serach-xz label input {
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
}

.download-nr {
    margin-bottom: 20px;
    overflow: auto;
}

.download-nr table {
    border-collapse: collapse;
}

.download-nr-title-ys {
    color: #000 !important;
    font-size: 17px !important;
}

.download-nr table td {
    word-wrap: break-word;
    padding: 12px;
    border-bottom: 1px solid #e1e1e1;
    padding: 12px;
    font-size: 14px;
    color: #666;
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.download-nr table td a {
    color: #666;
}

.download-nr table td a:hover {
    color: #d51b1b;
}

.download-xz a {
    color: #d51b1b !important;
}

.download-xz a:hover {
    text-decoration: underline;
}


/*内页-下载中心结束*/


/*内页-服务支持开始*/

.service-xz {
    background: url(../images/dx.jpg)no-repeat;
    padding-top: 65px;
}

.service-xz-bj {
    background: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-top: 50px;
    padding: 30px;
}

.service-contact {
    margin-top: 50px;
    border-top: 1px solid #e5e6e8;
}

.service-co {
    margin-top: 90px;
    display: flex;
    flex-wrap: wrap;
}

.service-co-hz {
    width: 25%;
    text-align: center;
    float: left;
    font-size: 14px;
}

.service-co-hz p {
    color: #666;
}

.service-co-hz img {
    transition: all 0.5s;
}

.service-co-hz:hover img {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.service-co-hm {
    font-size: 22px;
    color: #333 !important;
    margin: 25px 0 10px;
}

.service-co-hz img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.service-co-hz .tu {
    display: block;
}

.service-co-hz .tu2 {
    display: none;
}

.service-co-hz:hover .tu {
    display: none;
}

.service-co-hz:hover .tu2 {
    display: block;
}


/*内页-服务支持结束*/


/*内页-服务理念开始*/

.faq {
    color: #666;
    padding: 30px 0;
}

.ny-fwln {
    margin-top: 60px;
}

.ny-fwln-left {
    float: left;
    width: 48%;
}

.ny-fwln-left img {
    border-radius: 15px;
}

.ny-fwln-right {
    float: right;
    width: 48%;
    margin-top: 35px;
}

.ny-fwln-right li {
    border-bottom: 1px solid #e5e6e8;
    font-size: 18px;
    padding-bottom: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.ny-fwln-right span {
    background: url(../images/tb.png)no-repeat;
    color: #fff;
    text-align: center;
    height: 48px;
    width: 52px;
    line-height: 38px;
    display: block;
    float: left;
    font-size: 24px;
    margin-right: 20px;
}


/*内页-服务理念结束*/


/*内页样品申请开始*/

.ypsq-pic {
    width: 30%;
    float: left;
}

.ypsq-right {
    width: 70%;
    float: left;
    padding-left: 60px;
}

.ypsq-sok {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 48.7%;
    border: none;
    margin-right: 2%;
    background: none;
    padding: 30px 0 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border-bottom: 1px solid #98999c;
}

.ypsq-sokb {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 100%;
    border: none;
    background: none;
    padding: 30px 0 10px;
    margin-bottom: 10px;
    font-size: 15px;
    border-bottom: 1px solid #98999c;
}

.ypsq-sokc {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: none;
    border: none;
    border-bottom: 1px solid #98999c;
    margin: 20px 0;
    font-size: 15px;
    width: 100%;
}

.ypsq-sok:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.ypsq-sok::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}


/*内页-样品申请结束*/


/*内页-意见反馈开始*/

.yjfk {
    position: relative;
    margin: 50px 0 60px 0;
    overflow: hidden;
}

.yjfk:after {
    content: "";
    position: absolute;
    background: #f9f9f9;
    width: 100%;
    z-index: -1;
    height: 100%;
    bottom: 0;
    left: 10%;
    transform: translate(10%, 0%);
}

.yjfk-left {
    background: #d82f2f;
    padding: 6% 2% 10% 2%;
    color: #fff;
    width: 24%;
    float: left;
}

.yjfk-left-title {
    font-size: 24px;
}

.yjfk-left-nr {
    margin-top: 30px;
    float: let;
}

.yjfk-left-nr a {
    color: #fff;
}

.yjfk-left-nr a:hover {
    text-decoration: underline;
}

.yjfk-right {
    width: 76%;
    float: left;
    padding-left: 60px;
}


/*内页-意见反馈结束*/


/*内页-应用方案详情页开始*/

.ny-caseshow-hz {
    margin-top: 50px;
    border: 1px solid #e5e6e8;
    overflow: hidden;
}

.ny-caseshow-title {
    border-bottom: 1px solid #e5e6e8;
    font-size: 24px;
    padding: 30px;
    width: 100%;
}

.ny-caseshow-box {
    display: flex;
    flex-wrap: wrap;
}

.ny-caseshow-left {
    border-right: 1px solid #e5e6e8;
    padding: 30px;
    width: 62%;
    float: left;
}

.ny-caseshow-right {
    float: left;
    padding: 20px;
    width: 38%;
    color: #666;
}

.ny-caseshow-right-title {
    border-bottom: 1px solid #e5e6e8;
    margin-top: 50px;
    color: #d51b1b;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 8px;
}

.ny-caseshow-right-title:after {
    content: "";
    position: absolute;
    background: #d51b1b;
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
}

.caseshow-join-list {
    width: 100%;
    margin-top: 20px;
}

.caseshow-join-list ul {
    display: flex;
    flex-wrap: wrap;
}

.caseshow-join-list ul li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.caseshow-join-menu {
    width: 100%;
    user-select: none;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid #e5e6e8;
}

.caseshow-join-menu:hover {
    color: #d51b1b;
}

.caseshow-join-menu:after {
    background: url(../images/jt.png)no-repeat;
    width: 15px;
    height: 20px;
    content: "";
    opacity: 0.5;
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.caseshow-join-menu.ontrue:after {
    transform: rotate(90deg);
    opacity: 1;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.caseshow-fl {
    border-bottom: 1px solid #e5e6e8;
    padding: 10px 0;
}

.caseshow-fl a {
    color: #d51b1b;
}

.caseshow-fl a:hover {
    text-decoration: underline;
}

.caseshow-qt {
    margin-top: 20px;
}

.caseshow-qt a {
    color: #d51b1b;
}

.caseshow-qt a:hover {
    text-decoration: underline;
}


/*内页-应用方案详情页结束*/


/*内页-新闻资讯开始*/

.news-title li {
    position: relative;
    margin-right: 4%;
}

.news-title li.memu:after {
    content: "";
    width: 0;
    height: 3px;
    background: #d51b1b;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}

.news-title li.memu:hover:after {
    width: 100%;
}

.news-title li.active:after {
    width: 100%;
}

.news-title li a {
    font-size: 24px;
    font-weight: bold;
}

.news-title .memu {
    float: left;
    padding-bottom: 10px;
}

.news-title .memu:hover,
.news-title .memu.active {
    display: block;
}

.news-title .memu:hover a,
.news-title .memu.active a {
    color: #d51b1b;
}

.news-nr {
    margin-top: 50px;
}

.news-nr li {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 2%;
}

.news-nr li:hover {
    background: #f2f2f2;
}

.news-nr-left {
    float: left;
    width: 80%;
}

.news-nr-left-title {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-nr-left-wb {
    color: #666;
    margin-top: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-nr-rq-hz {
    float: right;
    width: 15%;
    border-left: 1px solid #eee;
    padding-left: 5%;
}

.news-nr li:hover .news-nr-rq {
    color: #d51b1b;
}

.news-nr li:hover .news-nr-rq p {
    color: #d51b1b;
}

.news-nr li:hover .iconfont1 {
    color: #d51b1b;
}

.news-nr li:hover .news-nr-rq-hz {
    border-left: 1px solid #d51b1b;
}

.news-nr-rq {
    font-weight: bold;
    margin-top: 15px;
    font-size: 36px;
    line-height: 36px;
    color: #757575;
    float: left;
    padding-right: 3%;
}

.news-nr-rq p {
    font-size: 15px;
    color: #999;
    font-weight: normal;
}

.news-nr-rq-jt {
    float: right;
    margin-top: 20px;
}

.iconfont1 {
    font-family: "iconfont" !important;
    font-size: 28px;
    line-height: 28px;
    color: #999;
}

.w-newsList {
    margin-top: 50px;
}

.img-count-in {
    float: left;
    width: 50%;
    line-height: 0;
}

.img-count-in img {
    width: 100%;
    border-radius: 25px;
}

.w-newsList1 a {
    display: block;
    text-decoration: none;
    color: #333;
}

.news-item {
    display: flex;
    background: #f9f9f9;
    border-radius: 25px;
}

.news-text {
    width: 50%;
    float: left;
    padding: 5%;
    overflow: hidden;
}

.day_month {
    font-size: 17px;
    color: #d51b1b;
    margin-bottom: 0.8em;
}

.w-newsList1 .news-h {
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 0.8em;
}

.news-h:hover {
    color: #d51b1b;
}

.w-newsList1 .news-sum {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #666;
}

.w-newsList1 .more {
    margin-top: 20px;
    width: 45px;
    height: 24px;
    float: right;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;
}

.w-newsList1 .adSN_page {
    position: absolute;
    z-index: 9;
    left: 50% !important;
    bottom: 20% !important;
    top: auto;
    transform: none;
    -webkit-transform: none;
    width: 50% !important;
    padding-left: 5%;
}

.w-newsList1 .adSN_page span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 6px;
}

.w-newsList1 .swiper-num {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 50%;
    margin-top: -130px;
    color: #bebebe;
}

.w-newsList1 .swiper-num .active {
    font-size: 32px;
    font-weight: bold;
}

.news-nr {
    margin-top: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #999;
}

.news-ti {
    font-size: 24px;
    text-align: center;
}

.time {
    font-size: 15px;
    text-align: center;
    color: #999;
    margin-top: 15px;
}

.time ul {
    text-align: center;
}

.time li {
    margin-right: 20px;
    display: inline-block;
}

.time li img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.brief {
    border-bottom: 1px solid #e4e4e4;
    color: #d51b1b;
    padding: 35px;
    line-height: 25px;
    position: relative;
    margin-top: 20px;
    padding-bottom: 5%;
}

.brief span {
    position: absolute;
}

.brief span img {
    max-width: 100%;
    height: auto;
}

.brief .d1 {
    left: 0;
    top: 5%;
}

.brief .d2 {
    right: 0;
    bottom: 5%;
}

.news-content {
    padding: 30px 0;
    color: #666;
    line-height: 30px;
    border-bottom: 1px solid #e4e4e4;
}

.news-content p {
    margin-bottom: 15px;
}

.ny-newsshow-hz {
    display: flex;
    flex-wrap: wrap;
}

.ny-newsshow-left {
    width: 70%;
    float: left;
    padding-right: 4%;
    border-right: 1px solid #e4e4e4;
    padding-bottom: 40px;
}

.ny-newsshow-right {
    width: 28%;
    float: right;
    padding-left: 3%;
}

.ny-newsshow-right-title {
    font-size: 20px;
    font-weight: bold;
}

.ny-newsshow-right-nr {
    margin-top: 30px;
    overflow: hidden;
}

.ny-newsshow-right-nr ul {
    margin-left: 20px;
}

.ny-newsshow-right-nr li {
    list-style-position: outside;
    list-style-type: disc;
    color: #999;
    padding-bottom: 12px;
}


/*上下篇*/

#page {
    padding-top: 40px;
}

#page .next,
#page .prev {
    color: #d51b1b;
}

#page .next a,
#page .prev a {
    color: #666;
}

#page .next a:hover,
#page .prev a:hover {
    color: #d51b1b;
}

#page .next {
    margin-top: 6px;
}


/*内页-新闻资讯结束*/


/*登陆开始*/
.login-bj{
    width: 100%;
    min-height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  background:#eee;padding:2% 0;
}
.login-box{width:100%;font-size:14px;}
.login-logo{text-align:center;margin-bottom:30px;}
.login-hz{width:25%;margin:0 auto;min-width:480px;background:#fff;padding:2%; border-radius: 4px; border: 1px solid #D4D4D4;}
.login-title{text-align:center;font-size:30px;font-weight:bold;}

.login-text{width:100%;margin-bottom:10px;line-height:35px;    height: 35px;border:1px solid #ccc;padding:0 10px;border-radius: 4px;}

.login-text2{width:80%;margin-bottom:10px;line-height:35px;    height: 35px;border:1px solid #ccc;padding:0 10px;border-radius: 4px;}
.label{color:#666;}
.login-ssk{margin-top:30px;    }
.login-ssk li{float:left;width:100%;}
.login-ssk li a{margin-left:10px;color: #d51b1b;white-space:nowrap;}
.dxyz{position:relative;}
.dxyz input{overflow:hidden;padding-right:90px;}
.dxyz a{position:absolute;z-index:1;top:20%; right:15px; transform:translate(0%,-20%); }
.login-ssk:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999; 
}

.login-ssk::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}

.login-ssk input:-ms-input-placeholder,
.login-ssk textarea:-ms-input-placeholder {
color: #999;
}

.login-ssk input::-webkit-input-placeholder,
.login-ssk textarea::-webkit-input-placeholder {
color: #999;
}
select {
	outline:none;

}

.index-tj{ width:100%; margin-top:20px;border: 1px solid #d51b1b; line-height:35px; text-align: center; color: #fff; background-color: #d51b1b; cursor: pointer; font-size: 16px; border-radius:5px; }

.login-wb{margin-top:20px;font-size:14px;}
.login-wb a{color:#d51b1b;font-size:14px;}

.zc-hz{width:42%;margin:0 auto;min-width:800px;background:#fff;padding:2%; border-radius: 4px; border: 1px solid #D4D4D4;}
.zc-box{width:96%;float:left;margin:1%;}
.zc-wb{text-align:center;margin-bottom:20px;  padding: 0 5%;}
.zc-bq{text-align:center;margin-top:20px;color:#666;}
.zctk a{color: #d51b1b;}
.zctk a:hover{ text-decoration:underline;}
.zctk2 a{color: #d51b1b;}
.zctk2 a:hover{ text-decoration:underline;}
#con { }
#tags {  background:#eeeeee;display:block;overflow:hidden;}
#tags LI {FLOAT: left;width:50%;display:block;text-align:center; line-height:45px;}
#tags LI A {  display:block;font-size: 16px;font-weight:bold;}
#tags LI.selectTag A { width:100%;COLOR: #fff;display:block;background:#d51b1b;}
#tagContent { float: left;}
.tagContent {DISPLAY: none; }
#tagContent DIV.selectTag { DISPLAY: block }


.yszc-nr{margin:5% 0;height:490px;overflow:auto;padding-right:20px;}
.yszc-nr::-webkit-scrollbar{
  width:5px;
  height:5px;
  /**/
}
.yszc-nr::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
.yszc-nr::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:10px;
}
.yszc-nr::-webkit-scrollbar-thumb:hover{
  background: #333;
}
.yszc-nr::-webkit-scrollbar-corner{
  background: #179a16;}

/*登陆结束*/



/*在线商城开始*/

.zxsc-hz {
    margin: 30px 0;
    overflow: hidden;
}

.zxsc-hz2 {
    border-bottom: dashed 1px #dcdcdc;
    margin-top: 15px;
    padding-bottom: 10px;
}

.f-nav {
    overflow: hidden;
    transition: all 1s;
    display: block;
    padding: 10px;
    position: relative;
    border-radius: 25px;
    margin-bottom: 30px;
    background-color: #f2f2f2;
}

.f-nav li {
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
    border-radius: 25px;
    display: inline-block;
    list-style-type: none;
    padding: 2px 18px;
    text-align: center;
    cursor: pointer;
}

.sideline {
    position: absolute;
    background-color: #d51b1b;
    left: 0;
    top: 0;
    z-index: 1;
    display: inline-block;
    list-style-type: none;
    text-align: center;
    cursor: pointer;
}

.f-nav li.active {
    background-color: #d51b1b;
}


/*从中间变大*/

.f-nav li.scaleChange {
    color: #fff;
    background-color: #d51b1b;
    animation: scaleChange .8s;
}

.f-nav li.scaleChange a {
    color: #fff;
}

@keyframes scaleChange {
    0% {
        transform: scale(0);
    }
    ,
    50% {
        transform: scale(.5);
    }
    ,
    100% {
        transform: scale(1);
    }
}

.f-nav-2 {
    overflow: hidden;
    transition: all 1s;
    display: block;
    position: relative;
}

.f-nav-2 li {
    margin: 0;
    float: left;
    position: relative;
    z-index: 100;
    border-radius: 25px;
    display: inline-block;
    list-style-type: none;
    padding: 2px 18px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 5px;
}


/*从中间变大*/

.f-nav-2 li.scaleChange {
    color: #fff;
    background-color: #d51b1b;
    animation: scaleChange .8s;
}

.f-nav-2 li.scaleChange a {
    color: #fff;
}

.ny-zxsc-wb {
    font-weight: bold;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.zxsc-box {
    border-bottom: solid 1px #e5e5e5;
    overflow: hidden;
    padding-bottom: 10px;
}

.zxsc-title {
    float: left;
    font-size: 24px;
    position: relative;
    padding-left: 15px;
    margin-top: 20px;
}

.zxsc-title:after {
    content: "";
    position: absolute;
    left: 0;
    background: #d51b1b;
    width: 4px;
    height: 24px;
    top: 2px;
}

.zxsc-xh-hz {
    margin-top: 35px;
}

.zxsc-xh a {
    font-size: 18px;
    color: #d51b1b;
    margin-right: 10px;
}

.zxsc-xh a:hover {
    text-decoration: underline;
}

.zxsc-xh-bg table td {
    padding: 15px;
    border-top: 1px solid #e5e6e8;
    color: #666;
    vertical-align: top;
    white-space: nowrap;
}

.zxsc-xh-bg {
    margin-top: 10px;
    border: 1px solid #e5e6e8;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 1300px;
}

.zxsc-xh-bg-title {
    background: #f8f8f8;
}

.zxsc-hs {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: bold;
}

.zxsc-gwc-hz {
    float: right;
    width: 100px;
    text-align: center;
}

.zxsc-gwc {
    background: #d51b1b;
    margin-bottom: 10px;
    border-radius: 5px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.zxsc-gwc a {
    color: #fff;
    font-size: 14px;
}

.zxsc-gwc a:hover {
    text-decoration: underline;
}

.zxsc-zxgm {
    border: 1px solid #d51b1b;
    border-radius: 5px;
    line-height: 28px;
}

.zxsc-zxgm a {
    color: #d51b1b;
    font-size: 14px;
}

.zxsc-zxgm a:hover {
    text-decoration: underline;
}


/*在线商城结束*/


/*加入购物车*/

.gwc-hezi {
    margin-bottom: 60px;
}

.zxsc-gwc-box {
    width: 30%;
    padding: 20px;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 50%;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    display: none;
    z-index: 1111;
    max-height: 100%;
    min-width: 720px;
}

.zxsc-gwc-title {
    text-align: center;
    margin: 40px 0;
    font-size: 24px;
    font-weight: bold;
}

.zxsc-gwc-an {
    text-align: center;
    margin-bottom: 5%;
}

.zxsc-gwc-an li {
    display: inline-block;
    margin: 0 1%;
}

.zxsc-gwc-an li img {
    float: left;
}

.zxsc-gwc-an li.jxgw {
    color: #d51b1b;
    display: inline-block;
    width: 140px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #d51b1b;
    border-radius: 25px;
}

.zxsc-gwc-an li a {
    display: block;
    width: 140px;
    line-height: 35px;
    text-align: center;
    background: #d51b1b;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
}

.zxsc-gwc-gb {
    border-radius: 100px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    font-size: 20px;
    top: 10px;
}

.sc {
    font-size: 22px;
    font-weight: normal;
    color: #666;
    float: left;
    cursor: pointer;
}


/*加入购物车结束*/


/*购物清单*/

.gwc-qx-hz {
    margin-top: 30px;
}

.gwc-qx li {
    float: left;
    margin-right: 1%;
    cursor: pointer;
}

.gwc-js {
    float: right;
}

.gwc-js li {
    float: left;
    margin-left: 25px;
}

.gwc-js li span {
    color: #d51b1b;
    font-size: 20px;
}

.gwc-js li a {
    margin-top: -8px;
    background: #d51b1b;
    width: 120px;
    line-height: 38px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    display: block;
}


/*购物清单结束*/


/*.购物为空*/

.gwc-js-k {
    text-align: center;
    font-size: 18px;
    margin: 80px 0;
    overflow: hidden;
}

.gwc-js-k p {
    margin-bottom: 30px;
}

.gwc-js-k p a {
    margin: 0 auto;
    background: #d51b1b;
    width: 160px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    display: block;
}


/*购物为空结束*/


/*购买结算*/

.gm-title {
    font-size: 18px;
}

.gm-hz {
    border: 1px solid #e5e6e8;
    padding: 3%;
    margin-top: 50px;
    overflow: hidden;
    border-radius: 25px;
}

.gm-dz {
    color: #d51b1b;
}

.gm-shr {
    margin-bottom: 30px;
    overflow: hidden;
}

.gm-dz {
    font-weight: normal;
    cursor: pointer;
}

.gm-dz:hover {
    text-decoration: underline;
}

.gm-lxfs {
    margin-top: 10px;
}

.gm-lxfs li {
    float: left;
    margin-bottom: 10px;
    clear: both;
    width: 50%;
    display: inline-block;
    padding: 5px 10px;
    border: #e5e6e8 solid 1px;
    cursor: pointer;
}

.gm-lxfs li.on,
.gm-lxfs li.current {
    border: #d20302 solid 2px;
    background: url(../images/icon2.png) no-repeat right bottom;
}

.gm-lxfs li p {
    float: left;
    margin-right: 5px;
}

.gm-jc {
    font-size: 18px;
    font-weight: bold;
}

.gm-tck {
    width: 45%;
    padding: 30px;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
    top: 50%;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    display: none;
    z-index: 1111;
    max-height: 100%;
    min-width: 720px;
}

.gm-add {
    width: 80%;
    font-weight: bold;
    font-size: 18px;
    padding-left: 18px;
    position: relative;
}

.gm-add:after {
    content: "";
    position: absolute;
    left: 0;
    background: #d51b1b;
    width: 5px;
    height: 20px;
    top: 3px;
}

.gm-nr {
    margin: 5% 0;
}

.gm-nr table td {
    padding: 1%;
}

.tright {
    text-align: right
}

.sjr {
    width: 28%;
}

.input320 {
    border: solid 1px #e5e6e8;
    padding-left: 10px;
    width: 75%;
    line-height: 40px;
}

.red {
    color: #cc0001;
}

.gm-nr table td select {
    height: 40px;
    margin-right: 1%;
    width: 24%;
    font-size: 15px;
}

select.select {
    border: solid 1px #e5e6e8;
    padding: 0 10px;
}

.submit-btn {
    border: none;
    background: #d51b1b;
    width: 150px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    display: block;
    cursor: pointer;
    font-size: 15px;
}

.gm-fp-xk {
    margin: 30px 0 15px;
    overflow: hidden;
}

.gm-fp .ts {
    color: #d51b1b;
    margin-left: 20px;
    font-weight: bold;
    font-size: 16px;
}

.gm-fp-wb {
    color: #d51b1b;
}

.gm-fp-xk-hz {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.gm-fp-xk-hz p {
    margin-bottom: 5px;
}

.gm-fp-sok {
    float: left;
    width: 100%;
    padding-left: 15px;
    height: 45px;
    line-height: 45px;
    border: solid 1px #e5e6e8;
    margin-bottom: 30px;
    font-size: 15px;
}

.gm-xh-bg {
    margin-top: 35px;
    border: 1px solid #e5e6e8;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow-x: auto;
    width: 100%;
}

.gm-xh-bg table td {
    padding: 15px 24px;
    border-top: 1px solid #e5e6e8;
    color: #666;
    vertical-align: top;
    white-space: nowrap;
}

.gm-qx-hz {
    padding: 2% 0;
    overflow: hidden;
    text-align: right;
    float: right;
}

.jg {
    color: #d51b1b;
    font-size: 18px;
}

.gm-ddbz-hz {
    margin-top: 30px;
}

.gm-ddbz-title {
    float: left;
    margin-top: 10px;
    font-weight: bold;
}

.gm-ddbz {
    margin-top: 10px;
    float: right;
    width: 100%;
}

.ddbz {
    width: 100%;
    padding: 1%;
    border: solid 1px #e5e6e8;
    font-size: 15px;
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.gm-js {
    float: right;
}

.gm-js-jg {
    text-align: right;
}

.gm-js-an {
    float: right;
    margin-top: 20px;
}

.gm-js-an p {
    float: left;
    margin-left: 10px;
}

.gm-js-an .tjdf {
    background: #d51b1b;
    width: 120px;
    line-height: 38px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    display: block;
    cursor: pointer;
}

.gm-js-an a.fhgwc {
    border: 1px solid #d51b1b;
    width: 130px;
    line-height: 37px;
    border-radius: 5px;
    text-align: center;
    color: #d51b1b;
    display: block;
}


/*购买结算结束*/


/*支付方式*/

.gm-zf {
    margin-top: 30px;
}

.gm-zf li {
    float: left;
    margin-right: 1%;
    border: 2px solid #e5e6e8;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 0;
    width: 13.2%;
    text-align: center;
}

.gm-zf li:hover,
.gm-zf li.on {
    border: 2px solid #d51b1b;
    background: url(../images/icon2.png) no-repeat right bottom;
}

.ljzf {
    margin-top: 50px;
}

.ljzf a {
    margin: 0 auto;
    background: #d51b1b;
    width: 160px;
    line-height: 42px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: block;
}


/*支付方式结束*/


/*支付成功*/

.zf-hz {
    text-align: center;
}

.zf {
    display: inline-block;
    margin: 0 auto;
}

.zf-title {
    font-size: 24px;
    margin-bottom: 25px;
}

.zf-left {
    float: left;
}

.zf-left img {
    width: 100px;
    margin-top: 12px;
}

.zf-right {
    float: left;
    margin-left: 40px;
    text-align: left;
}

.zf-hz-an {
    margin-top: 40px;
    texr-align: center;
}

.zf-hz-an li {
    display: inline-block;
    margin: 0 0.5%;
}

.zf-hz-an li.jxgw a {
    display: block;
    color: #d51b1b;
    width: 140px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #d51b1b;
    background: #fff;
    border-radius: 25px;
}

.zf-hz-an li a {
    display: block;
    width: 140px;
    line-height: 35px;
    text-align: center;
    background: #d51b1b;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
}


/*支付成功结束*/


/*我的订单*/

.dd-left-hz {
    float: left;
    width: 230px;
}

.dd-left-tx {
    background: #f9f9f9;
    border-radius: 15px;
    border: 1px solid #e5e6e8;
    padding: 30px;
    text-align: center;
}

.dd-left-tx-pic img {
    border-radius: 100px;
    border: 2px solid #e5e6e8;
    width: 120px;
    height: 120px;
}

.dd-left-tx-title {
    margin: 10px 0 20px 0;
    font-size: 18px;
}

.dd-left-tx-qhzh a {
    border-radius: 25px;
    border: 1px solid #e5e6e8;
    padding: 3px 0;
    display: block;
    background: #fff;
    margin: 0 auto;
}

.dd-left-tx-qhzh a:hover {
    background: #d51b1b;
    color: #fff;
    border: 1px solid #d51b1b;
    display: block;
}

.dd-left-xx {
    background: #f9f9f9;
    border-radius: 15px;
    border: 1px solid #e5e6e8;
    padding: 15px;
    margin-top: 10px;
    overflow: hidden;
}

.dd-left-xx-jbxx-title {
    border-radius: 25px;
    border: 1px solid #e5e6e8;
    padding: 10px 20px;
    display: block;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
}

.dd-left-xx-jbxx-title a {
    font-weight: bold;
    color: #d51b1b;
}

.dd-left-xx-jbxx-hz {
    margin-bottom: 20px;
    overflow: hidden;
}

.jb-pic {
    float: left;
    padding-right: 10px;
}

.dd-left-xx-jbxx-menu {
    margin-top: 20px;
}

.dd-left-xx-jbxx-menu li {
    float: left;
    padding-left: 30px;
    width: 100%;
    line-height: 38px;
    border-radius: 25px;
    margin-bottom: 5px;
}

.dd-left-xx-jbxx-menu li:hover,
.dd-left-xx-jbxx-menu li.on {
    background: #fff;
    color: #d51b1b;
}

.dd-left-xx-jbxx-title-iconfont {
    font-family: "iconfont" !important;
    font-size: 22px;
    font-weight: normal;
    margin-right: 8px;
    color: #999;
    float: left;
}

.aqtc {
    cursor: pointer;
}

.dd-right-hz {
    float: right;
    width: calc(100% - 250px);
    border: 1px solid #e5e6e8;
    padding: 2%;
    border-radius: 25px;
}

.dd-right-title {
    position: relative;
    padding-left: 20px;
    font-size: 20px;
    border-bottom: 1px solid #e5e6e8;
    padding-bottom: 10px;
    font-weight: bold;
}

.dd-right-title:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 3px solid #d51b1b;
    position: absolute;
    left: 0;
    top: 7px;
    content: "";
}

.dd-right-title a {
    font-size: 15px;
}

.dd-right-ddzt {
    margin-top: 20px;
}

.dd-right-xdsj-box {
    margin-top: 30px;
}

.dd-right-xdsj-ddzt {
    float: left;
    margin-right: 30px;
}

.s14 {
    width: 100px;
    
    border: 0.01rem solid #e5e6e8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: #555;
    font-size: 15px;
    min-height: 40px;
}

.dd-right-xdsj-hz {
    float: left;
}

.dd-right-xdsj-hz span {
    margin: 0 10px;
}

.date_picker {
    width: 180px;
    background: #fefefe;
    border: 1px solid #e5e6e8;
    font-size: 14px;
    color: #333;
    text-indent: 0.5rem;
    min-height: 40px;
    border-radius: 3px;
}

.date_selector,
.date_selector * {
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.date_selector {
    background: #fbfbfb;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0;
    margin-top: -1px;
    position: absolute;
    z-index: 100000;
    display: none;
    border-radius: 3px;
    box-shadow: 0 0 5px #aaa;
    box-shadow: 0 2px 2px #ccc;
    width: 250px;
}

.date_selector_ieframe {
    position: absolute;
    z-index: 99999;
    display: none;
}

.date_selector .nav {
    width: 230px;
}

.date_selector .nav p {
    clear: none;
}

.date_selector .month_nav,
.date_selector .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
}

.date_selector .month_nav {
    float: left;
    width: 55%;
}

.date_selector .year_nav {
    float: right;
    width: 45%;
}

.date_selector .month_name,
.date_selector .year_name {
    font-weight: bold;
    line-height: 20px;
}

.date_selector .button {
    display: block;
    position: absolute;
    top: 3px;
    width: 18px;
    height: 18px;
    line-height: 14px;
    font-weight: bold;
    color: #d51b1b;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.date_selector .button:hover,
.date_selector .button.hover {
    background: #d51b1b;
    color: #fff;
    cursor: pointer;
    border-color: #d51b1b;
}

.date_selector .prev {
    left: 0;
}

.date_selector .next {
    right: 0;
}

.date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
    margin: 0;
    width: 230px;
}

.date_selector th,
.date_selector td {
    width: 2.5em;
    height: 2em;
    padding: 0 !important;
    text-align: center !important;
    color: #666;
    font-weight: normal;
}

.date_selector th {
    font-size: 12px;
}

.date_selector td {
    border: 1px solid #f1f1f1;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
    color: #333;
    background: #fff;
}

.date_selector td.today {
    background: #eee;
}

.date_selector td.unselected_month {
    color: #ccc;
}

.date_selector td.selectable_day {
    cursor: pointer;
}

.date_selector td.selected {
    background: #d51b1b;
    color: #fff;
    font-weight: bold;
}

.date_selector td.selectable_day:hover,
.date_selector td.selectable_day.hover {
    background: #d51b1b;
    color: #fff;
}

.dd-right-xdsj-right {
    float: right;
}

.search-input {
    width: 280px;
    text-indent: .1rem;
    min-height: 40px;
    border: 0.01rem solid #e5e6e8;
    font-size: 15px;
}

.search-btn {
    cursor: pointer;
    color: #fff;
    background: #d51b1b;
    min-height: 40px;
    padding: 0 15px;
    border: none;
    font-size: 15px;
}

.xdsj {
    float: left;
    line-height: 40px;
}

.ddlb-hz {
    margin-top: 50px;
}

.ddlb-bg {
    margin-top: 50px;
    overflow-x: auto;
}

.ddlb-bg-tr {
    background: #f9f9f9;
    border-bottom: 1px solid #e5e6e8;
    border-top: 1px solid #e5e6e8;
}

.ddlb-bg-title {
    font-size: 15px !important;
    font-weight: bold;
}

.ddlb-bg table {
    border-collapse: collapse;
}

.ddlb-bg table tr {
    border-bottom: 1px solid #e5e6e8;
    margin-bottom: 5px;
}

.ddlb-bg table tr:hover {
    background: #f9f9f9;
}

.ddlb-bg table td {
    padding: 10px 15px;
    width: auto;
    vertical-align: top;
    white-space: nowrap;
}

.ddlb-bg table td.xh a {
    color: #d51b1b;
}

.ddlb-bg table td.xh a:hover {
    text-decoration: underline;
}

.ddlb-bg table td .zf a {
    margin-bottom: 10px;
    background: #d51b1b;
    color: #fff;
    width: 100px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    display: block;
}

.ddlb-bg table td .zf a:hover {
    color: #fff;
}

.ddlb-bg table td p a {
    line-height: 28px;
    color: #666;
}

.ddlb-bg table td p a:hover {
    color: #d51b1b;
}

.dd-ddh {
    margin: 40px 0 10px;
    overflow: hidden;
}

.dd-ddh p {
    float: left;
    margin-right: 2%;
}

.dd-ddh p a {
    color: #d51b1b;
}

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

.dd-bg-tr {
    background: #f9f9f9;
    border-bottom: 1px solid #e5e6e8;
    border-top: 1px solid #e5e6e8;
}

.dd-bg-title {
    font-size: 15px !important;
    font-weight: bold;
}

.dd-bg table {
    border-collapse: collapse;
    overflow-x: auto;
    width: 100%;
}

.dd-bg table tr {
    border-bottom: 1px solid #e5e6e8;
    margin-bottom: 5px;
}

.dd-bg table td {
    padding: 10px;
    width: auto;
    vertical-align: top;
    white-space: nowrap;
}

.dd-bg table td.xh a {
    color: #d51b1b;
}

.dd-bg table td.xh a:hover {
    text-decoration: underline;
}

.dd-bg table td .zf a {
    margin-bottom: 10px;
    background: #d51b1b;
    color: #fff;
    width: 100px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    display: block;
}

.dd-bg table td .zf a:hover {
    color: #fff;
}

.dd-bg table td p a {
    line-height: 28px;
    color: #666;
}

.dd-bg table td p a:hover {
    color: #d51b1b;
}

.xt {
    border-left: 1px solid #e5e6e8;
    vertical-align: middle !important;
}

.xt-left {
    border-right: 1px solid #e5e6e8;
    vertical-align: middle !important;
}


/*我的订单结束*/


/*我的订单详情*/

.ddxq-ddxx {
    margin-top: 30px;
}

.ddxq-ddxx a {
    float: left;
    margin-top: 20px;
    margin-right: 1%;
    border-radius: 5px;
    border: 1px solid #e5e6e8;
    padding: 3px 30px;
}

.ddxq-ddxx a:hover {
    border: 1px solid #d51b1b;
    background: #d51b1b;
    color: #fff;
}

.ddxq-ddxx a:not([href]) {
    opacity: 0.5;
    border: 1px solid #e5e6e8;
    background: #fff;
    color: #333;
}

.ddxq-jbxx-hz {
    border-top: 1px solid #e5e6e8;
  
    margin-top: 50px;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.ddxq-jbxx {
    float: left;
    width: 50%;
    margin-bottom: 50px;
}

.ddxq-jbxx-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.ddxq-zf a {
    background: #d51b1b;
    color: #fff;
    width: 130px;
    font-size: 16px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    display: block;
    float: right;
    margin-top: 15px;
}


/*我的订单详情结束*/


/*用户信息*/

.dd-ggzh-hz {
    margin-top: 50px;
}

.dd-ggzh-hz span {
    margin-bottom: 10px;
}

.dd-ggzh-left {
    float: left;
    width: 60%;
}

.dd-ggzh-right {
    float: right;
    text-align: center;
    width: 30%;
}

.dd-ggzh-right-pic img {
    border-radius: 100px;
    border: 2px solid #e5e6e8;
    width: 120px;
    height: 120px;
}

.dd-ggzh-right-sc {
    margin-top: 10px;
}

.dd-ggzh-right-sc a {
    margin: 0 auto 10px auto;
    background: #d51b1b;
    color: #fff;
    width: 120px;
    line-height: 32px;
    border-radius: 5px;
    text-align: center;
    display: block;
}

.dd-ggzh-soka {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 75%;
    background: none;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 1px solid #e5e6e8;
}

.dd-ggzh-box p {
    float: left;
    width: 20%;
    margin-right: 15px;
    text-align: right;
    margin-top: 15px;
}

.dd-ggzh-tj {
    width: 180px;
    margin-left: 160px;
    border: 1px solid #d51b1b;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: #d51b1b;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}


/*用户信息结束*/


/*账号安全*/

.dl-list {
    clear: both;
    padding: 20px 0px;
    border-bottom: #e5e6e8 solid 1px;
}

.dl-list dt {
    float: left;
    padding-left: 50px;
}

.dl-list dd {
    float: right;
}

.dl-list dd a {
    float: left;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #d51b1b;
    padding: 3px 40px;
    color: #d51b1b;
}

.dl-list dd a:hover {
    border: 1px solid #d51b1b;
    background: #d51b1b;
    color: #fff;
}

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

.f16 {
    font-size: 16px;
}

.icon16 {
    background: url(../images/icon16.png) no-repeat 10px center;
}

.icon17 {
    background: url(../images/icon17.png) no-repeat 10px center;
}

.icon18 {
    background: url(../images/icon18.png) no-repeat 10px center;
}


/*账号安全结束*/


/*账号安全-设置*/

.jindu {
    clear: both;
    height: 100px;
    position: relative;
    width: 80%;
    margin: 60px auto 0 auto;
}

.jindu .jindu-border {
    height: 3px;
    background: #e7e7e7;
}

.jindu1 {
    position: absolute;
    left: -50px;
    top: -15px;
    text-align: center;
}

.jindu1 span {
    width: 36px;
    height: 36px;
    font-size: 18px;
    text-align: center;
    line-height: 36px;
    background: #e7e7e7;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
}

.jindu1 p {
    width: 100px;
    text-align: center;
    padding-top: 5px;
}

.jindu2 {
    left: 45%;
}

.jindu3 {
    right: -50px;
    left: inherit;
}

.jindu1 .bgred {
    background: #d51b1b;
    color: #fff;
}

.jindu-border1 {
    background: #d51b1b;
    height: 5px;
    width: 50%;
    float: left;
}

.zhma {
    margin-top: 80px;
}

.zhma-hz {
    margin-top: 50px;
}

.zhma-wb {
    float: left;
    width: 25%;
    text-align: right;
    margin-top: 10px;
    margin-right: 1%;
}

.zhma-box a {
    background: #d51b1b;
    float: left;
    text-align: center;
    color: #fff;
    margin-left: 1%;
    display: block;
    width: 16%;
    line-height: 43px;
    padding: 0 10px;
}

.zhma-box2 {
    margin-top: 20px;
    margin-left: 26%;
    float: left;
}

.zhma-box2 a {
    border-radius: 5px;
    background: #d51b1b;
    padding: 12px 30px;
    color: #fff;
}

.zhma-box-soka {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 45%;
    background: none;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 1px solid #e5e6e8;
}

.zhma-box-soka-yzm {
    float: left;
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 28%;
    background: none;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 1px solid #e5e6e8;
}

.zhma-hz {
    margin-top: 50px;
}

.zhma-box-soka-2 {
    font-family: Roboto-Regular, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 40%;
    background: none;
    padding: 12px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 1px solid #e5e6e8;
}

.zhma-pic {
    font-size: 80px;
    line-height: 80px;
    color: #d51b1b;
    font-weight: normal;
}


/*账号安全-设置结束*/


/*收货地址*/

.dd-shdz {
    border: 1px solid #d51b1b;
    padding: 8px 18px;
    margin-right: 12px;
    border-radius: 5px;
}

.dd-shdz-address-hz {
    overflow-x: auto;
    width: 100%;
}

.dd-shdz-address {
    margin-top: 30px;
    border-top: #e5e6e8 solid 1px;
    padding-top: 30px;
    min-width: 960px;
}

.dd-shdz-address table {
    border-collapse: collapse;
}

.dd-shdz-address table tr {
    border-bottom: #e5e6e8 solid 1px;
}

.dd-shdz-address table td {
    padding: 10px;
    width: auto;
    font-size: 14px;
}

.dd-shdz-bj p {
    margin-right: 15px;
    float: left;
}

.dd-shdz-bj p:hover {
    cursor: pointer;
}


/*收货地址结束*/


/*售后记录*/

.dd-shjl-title {
    border-top: #e5e6e8 solid 1px;
    padding: 30px 0 20px;
}

.dd-shjl-title li {
    float: left;
    margin-right: 2%;
}

.dd-shjl-title li a:hover,
.dd-shjl-title li a.on {
    color: #d51b1b;
}


/*售后记录结束*/


/*申请售后*/

.shsq-nr {
    margin: 50px 0;
}

.shsq-nr table td {
    padding: 1%;
}

.shsq-nr table td select {
    height: 40px;
    font-size: 15px;
}


/*申请售后结束*/


/*站内消息*/

.dd-znxx {
    margin-top: 20px;
}

.ddlb-znxx-xq {
    font-size: 18px;
    font-weight: bold;
}

.ddlb-znxx-xq-wb {
    padding: 30px 0;
    color: #666;
    border-bottom: #e5e6e8 solid 1px;
}

.ddlb-znxx-time {
    padding-top: 10px;
    color: #999;
    overflow: hidden;
}

.ddlb-znxx-time p {
    float: left;
    margin-right: 25px;
}


/*站内消息结束*/


/*发票*/

.dd-fpxz p {
    margin-bottom: 15px;
}

.tabs div {
    display: none;
    clear: both;
}

.tabs .horizontal {
    text-align: center;
}

.tabs .horizontal li {
    display: inline-block;
    margin: 0 5px 30px 5px;
    background: #f9f9f9;
    padding: 6px 5%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}

.tabs .horizontal li.selectActive {
    BACKGROUND: url(../images/icon2.png) no-repeat right bottom #fdf2f2;
    border: 1px solid #d51b1b;
}


/*发票结束*/


/*物流信息开始*/
.ddxq-wlxx{margin-top:50px;}
.ddxq-wlxx ul{ position:relative; width:100%; overflow:hidden;}
.ddxq-wlxx ul:before{ content:""; position:absolute; z-index:-1; top:0;left:24px; border-right:1px dashed #ebebeb; width:1px; height:100%; }

.ddxq-wlxx ul.ddxq-other{ display:none; }
.ddxq-wlxx li{display:flex; margin-bottom:30px; overflow:hidden}

.ddxq-wlxx-pic{ position:relative; z-index:3; width:48px; height:48px; border:1px solid #ebebeb; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; flex-shrink:0; transition:all 0.4s;}
.ddxq-wlxx-pic img{ width:26px;}

.ddxq-wlxx-wb{margin-left:20px;color:#999;}
.ddxq-wlxx-qs{font-size:18px;font-weight:bold; line-height:48px;  }
.ddxq-wlxx-wb span{margin-right:20px; color:#999;}


/*完成状态*/
.ddxq-wlxx li.complete .ddxq-wlxx-pic{
	border:1px solid #666;
	background:#666;
}
.ddxq-wlxx li.complete .ddxq-wlxx-pic img{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}


/*当前状态*/
.ddxq-wlxx li.active .ddxq-wlxx-pic{
	border:1px solid #d51b1b;
	background:#d51b1b;
}
.ddxq-wlxx li.active .ddxq-wlxx-pic img{
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.ddxq-wlxx li.complete .ddxq-wlxx-wb,
.ddxq-wlxx li.active .ddxq-wlxx-wb{color:#333;}

/*物流信息结束*/

/*支付开始*/

.zf-le{float:left;font-size:16px;font-weight:bold;}
.zf-le span{color: #d51b1b;}
.zf-le b{font-weight:normal;}
.zf-ri{float:right;position:relative; background:#f9f9f9;border:1px solid #e5e6e8;padding:5px 15px 5px 36px;display:block;}
.zf-ri a{color:#d51b1b;}
.zf-ri a:hover{ text-decoration:underline;}
.zf-ri img{position:absolute;z-index:1;left:8px;top:17px;transform:translate(0%,-50%); }
.zf-zzxx{margin:30px 0;float:left;border:1px solid #e5e6e8;padding:25px;overflow:hidden;width:100%;}
.zf-zzxx-jc{font-size:18px;font-weight:bold;margin-bottom:20px !important;}
.zf-zzxx p{margin-bottom:6px;}
.zf-sc li{margin-bottom:10px;}
.zf-sc a{background:#f9f9f9;border:1px solid #e5e6e8;padding:8px 18px;}
.zf-sc-k { width:60%;border: solid 1px #e5e6e8;padding-left: 10px;line-height:35px;}
.zf-sc-tjhz{margin-top:10px;text-align:center;}
.zf-sc-tj{	width: 120px;display:inline-block;
	border: 1px solid #d51b1b;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background:#d51b1b;
	cursor: pointer;
	border-radius: 5px;
	font-size:15px;}
.zf-shsc{width: 120px;display:inline-block;
	border: 1px solid #d51b1b;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background:#d51b1b;margin-left:10px;
	cursor: pointer;
	border-radius: 5px;
}
.zf-shsc a{color: #fff;}
/*支付结束*/