.attributes-box {
    padding: 0.5rem 0.7rem;
    border: 1px solid #eee;
    margin-bottom: 1rem;
}

.attributes-box li {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.45rem;
    display: flex;
}

.attributes-box li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.attributes-box li .tit {
    line-height: 16px;
    margin-top: 5px;
    flex: 0 0 100px;
}

.attributes-box li .item {
    margin-left: 10px;
    flex: 1;
}

.attributes-box li .item a {
    display: inline-block;
    *display: inline;
    zoom: 1; line-height: 16px;
    margin-right: 10px;
    color: #333;
    position: relative;
    vertical-align: middle;
    margin-bottom: 10px;
    transition: all .2s;
    padding: 5px;
    font-size: 0.35rem;
}

.attributes-box li .item a:hover {
    color: #0081CC;
}

.attributes-box li .item a.cur {
    background: #0081CC;
    color: #fff
}

.m_cpc dl {
    width: 429px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 34px;
    float: left;
    padding: 10px 0 0 0px;
    height: 540px;
    margin-bottom: 25px;
}

.m_cpc dt {
    width: 427px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.m_cpc dt img {
    display: block;
    width: 427px;
    height: 309px;
}

.m_cpc dt em {
    display: block;
    width: 427px;
    height: 36px;
    line-height: 36px;
    background: #8d8d8d;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-style: normal;
}

.m_cpc dt em a {
    color: #fff;
}

.m_cpc dd {
    width: 427px;
}

.m_cpc dd p {
    width: 202px;
    font-family: 微软雅黑;
    float: left;
    padding: 0 2px 0 9px;
    background: url(../Img/ico.jpg) no-repeat 0 12px;
    font-size: 12px;
    color: #363636;
    line-height: 30px;
}

.m_cpc .lastdl {
    padding-left: 30px;
    padding-right: 0;
}

.m_cpc dl.ent dd p {
    font-family: 微软雅黑;
    float: left;
    padding: 0 7px 0 13px;
    background: url(../Img/ico.jpg) no-repeat 0 8px;
    font-size: 12px;
    color: #363636;
    line-height: 24px;
}

dl.dl_s {
    height: 237px;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 22px 0 2px 25px;
    background: #f4f4f4;
}

dl.dl_s dt {
    float: left;
    width: 300px;
    height: 218px;
    overflow: hidden;
}

dl.dl_s dt a {
    display: block;
    width: 300px;
    height: 218px;
}

dl.dl_s dt img {
    display: block;
    width: 300px;
    height: 218px;
}

dl.dl_s dd {
    float: left;
    padding-left: 26px;
    width: 512px;
    overflow: hidden;
}

dl.dl_s dd h4 {
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 28px;
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 28px;
    padding: 4px 0 0;
}

dl.dl_s dd h4 i {
    float: left;
    padding-right: 15px;
    display: none;
}

dl.dl_s dd h4 a {
    color: #333;
    height: 23px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

dl.dl_s dd p {
    display: block;
    font-size: 13px;
    width: auto;
    line-height: 28px;
    height: 160px;
    overflow: hidden;
    text-indent: 25px;
    text-align: justify;
}

#proCls {
    width: 1180px;
    margin-top: 10px;
}

#proCls li.cate1 {
    display: block;
    background: #EEE;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
}

#proCls li.cate1:hover {
    background: rgb(222,239,255);
}

.proClsL {
    width: 250px;
    height: 250px;
    float: left;
    position: relative;
}

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

.proClsL img {
    width: 250px;
    height: 250px;
    position: absolute;
    z-index: 1;
}

.proClsL span.bg {
    display: block;
    width: 100%;
    height: 40px;
    background: var(--color-hex);
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
}

.proClsL span.txt {
    display: block;
    width: 100%;
    height: 40px;
    color: #FFF;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    line-height: 37px;
    font-size: 14px;
    text-align: center;
}

#proCls .clear {
    clear: both;
    height: 0px;
    font-size: 0px;
}

.proClsR {
    width: 850px;
    float: right;
    overflow: hidden;
    position: relative;
}

.proCls_header {
    border-bottom: 1px solid var(--color-hex);
    margin-bottom: 20px;
}

.proCls_header span.txt {
    display: block;
    height: 40px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    background: var(--color-hex);
    padding: 0 30px;
    line-height: 40px;
}

.proCls_header .btn_more {
    width: 90px;
    height: 40px;
    color: #333;
    display: block;
    line-height: 40px;
    text-align: right;
}

.proCls_header .btn_more:hover {
    color: var(--color-hex);
}

.proCls_list {
    width: 880px;
}

.proCls_list li {
    width: 400px;
    float: left;
    margin-right: 30px;
    padding: 0 !important;
    background: none !important;
    margin-bottom: 10px;
}

.proCls_list li.clear {
    width: 100%;
    float: none;
    clear: both;
    height: 10px !important;
}

.proCls_list li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.proCls_list li a:hover, .proCls_list li a:active {
    text-decoration: underline;
}

.proCls_list li img {
    width: 40px;
    height: 40px;
    padding: 3px;
    border: 1px solid #DDD;
    margin-right: 8px;
}

/*/*#proCls li.cate1 .btn_more { width: 120px; height: 40px; background: #333; color: #fff; position: absolute; bottom: 20px; right: 20px; display: block; line-height: 40px; text-align: center; }
    #proCls li.cate1 .btn_more:hover { background: var(--color-hex); }*/
.product-title-1 {
    color: #000000;
}

.product-title-1 .title-h2, .product-title-1 .title-h1 {
    font-size: 18px;
}

.product-title-1 .title-h1 {
    font-weight: bold;
}

.product-title-1 .title-h2 {
    text-transform: uppercase;
    font-weight: bold;
}

#productsnav {
    width: 100%;
}

#productsnav li {
    width: 33.3%;
    float: left;
    text-align: center;
    /*background: url(../images/pro-bg.png) bottom center no-repeat;*/
}

/*#productsnav li:hover { background:#E6E4E5; }*/
#productsnav li a.proimg {
    border: 1px solid #e1e1e1;
    padding: 4px;
}

#productsnav li a.proimg img {
    max-width: 270px;
    max-height: 196px;
    _width: expression((this.offsetWidth > 270) ? "270px" : this.offsetWidth + "px" );
    _height: expression((this.offsetHeight > 196) ? "196px" : this.offsetHeight + "px" );
}

#productsnav li a.proimg {
    width: 270px;
    height: 196px;
    display: block;
    margin: 0px auto;
}

#productsnav li a.proimg:hover {
    border-color: var(--color-hex);
}

#productsnav li a.proimg img {
    vertical-align: middle;
    /*transition: 500ms;*/
}

/*#productsnav li a.proimg:hover img { vertical-align: middle; transform: scale(1.1); }*/
#productsnav li a.proimg i {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

#productsnav li .align_box {
    width: 270px;
    margin: 0px auto;
    /*background: #EBEBEB;*/
    line-height: 20px;
    overflow: hidden;
    padding: 5px 5px;
}

/*#productsnav li .align_box .align_box_2 { display: table-cell; width: 135px; height: 34px; font-size: 30px; *font-size: 26px; vertical-align: middle; border: solid 1px #ccc; border-top: 0px; background: #EBEBEB; }
                #productsnav li .align_box .align_box_2 span.align_word { display: inline-block; line-height: 17px; font-size: 12px; vertical-align: middle; }*/
#product-list {
    width: 100%;
}

#product-list li {
    width: 25%;
    float: left;
    text-align: center;
    background: url(../images/pro-bg.png) bottom center no-repeat;
    margin-bottom: 15px;
}

/*#product-list li:hover { background:#E6E4E5; }*/
#product-list li a.proimg {
}

#product-list li a.proimg img {
    max-width: 200px;
    max-height: 200px;
    _width: expression((this.offsetWidth > 190) ? "190px" : this.offsetWidth + "px" );
    _height: expression((this.offsetHeight > 200) ? "200px" : this.offsetHeight + "px" );
}

#product-list li a.proimg {
    width: 190px;
    height: 200px;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    border: 1px solid #ebebeb;
    padding: 4px;
}

#product-list li a.proimg img {
    vertical-align: middle;
    transition: 500ms;
}

#product-list li a.proimg:hover img {
    vertical-align: middle;
    transform: scale(1.08);
}

#product-list li a.proimg i {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

#product-list li .align_box {
    width: 190px;
    margin: 0px auto;
    background: #EBEBEB;
    line-height: 36px;
    overflow: hidden;
    padding: 5px;
}

#product-list li .align_box a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

/*#product-list li .align_box .align_box_2 { display: table-cell; width: 270px; height: 36px; font-size: 30px; *font-size: 26px; vertical-align: middle;background: #EBEBEB; }
                #product-list li .align_box .align_box_2 span.align_word { display: inline-block; line-height: 18px; font-size: 12px; vertical-align: middle; }*/
.sub_categories .col-item:nth-child(4n+1) .row {
    flex-direction: row;
}

.sub_categories .col-item:nth-child(4n+2) .row {
    flex-direction: row;
}

.sub_categories .col-item:nth-child(4n+3) .row {
    flex-direction: row-reverse;
}

.sub_categories .col-item:nth-child(4n+4) .row {
    flex-direction: row-reverse;
}

/*.pro-list ul { width: 903px; }
.pro-list li { width: 208px; height: 258px; background: #fff; margin: 0 12px 16px 0; display: inline; float:left;}
.pro-list .tit { display: inline-block; vertical-align: bottom; width: 206px; height: 53px; border: 1px solid #e4e4e4; font-size: 14px; line-height: 53px; color: #000; text-align: center; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pro-list .tit.bor-b { border: 1px solid #0c4da2; }
.pro-list .img {text-align: center; }
    .pro-list .img a { height: 200px;display: inline-block; }
        .pro-list .img a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
    .pro-list .img img { max-width: 180px; max-height: 180px; _width: expression((this.offsetWidth > 180) ? "180px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 180) ? "180px" : this.offsetHeight + "px" ); vertical-align: middle; }
.pro-list .int { height: 56px; padding: 0 24px; line-height: 18px; display: none; }
.pro-list .btn { height: 37px; padding: 0 16px; }
.pro-list .bor { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; transition: border 0.5s; }
.pro-list .bor-b { border-left: 1px solid #0e7dc7; border-right: 1px solid #0e7dc7; }
.pro-list .btn a { display: inline-block; padding-left: 13px; background: url(../Content/Web/img/bg_sign34.png) no-repeat left 0; margin-right: 7px; line-height: 26px; color: #666; }
.pro-list .btn span { display: inline-block; padding-right: 14px; background: url(../Content/Web/img/bg_sign35.png) no-repeat right 0; }
.pro-list a:hover { color: #fff; background-position: left -26px; }
.pro-list a.tit:hover { color: #0c4da2; }
.pro-list a:hover span { background-position: right -26px; }
.pro-list .line { width: 208px; height: 3px; background: #bababa; }
    .pro-list .line .in { left: -312px; top: 0; width: 100%; height: 3px; background: #0c4da2; }
.pro-list .sign { left: 0; top: 0; width: 54px; height: 54px; background: url(../Content/Web/img/bg_sign36.png) no-repeat; }
    .pro-list .sign.hot { background-position: 0 -54px; }
.pro-list .loading { height: 30px; background: url(../img/loading.gif) no-repeat center; }
.pro-list .btns { height: 45px; margin-top: 35px; }
    .pro-list .btns a { display: inline-block; left: 50%; top: 0; width: 178px; height: 43px; border: 1px solid #0c4da1; padding-left: 110px; background: #0c4da1; margin-left: -145px; font-size: 18px; line-height: 45px; color: #fff; transition: all 0.5s; }
        .pro-list .btns a:hover { border: 1px solid #040000; background: none; color: #040000; }
    .pro-list .btns span.fr { display: inline-block; width: 30px; height: 30px; margin: 7px 10px 0 0; background: url(../Content/Web/img/bg_sign37.png) no-repeat; display: none; }
    .pro-list .btns span.in { display: inline-block; left: 0; top: 0; width: 30px; height: 30px; background: url(../Content/Web/img/bg_sign38.png) no-repeat; }*/
/*.product-list-b { width: 100%; }
    .product-list-b ul { width: 100% }
    .product-list-b .items { background: #fff; border: 1px solid #eee; float: left; margin-bottom: 30px; box-sizing: border-box; width: 100% }
        .product-list-b .items:hover { box-shadow: 0 0 5px var(--color-hex); }
        .product-list-b .items .pic { width: 100%; position: relative; border-bottom: 1px solid #eee; text-align: center; margin-bottom: 0; overflow: hidden; }
            .product-list-b .items .pic a { display: block; width: 100%; padding-bottom: 100%; position: relative; }
        .product-list-b .items img { width: 100%; transition: all .3s; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
        .product-list-b .items.newss .newss { width: 61px; height: 64px; background: url(../img/pro25.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 0; left: 0; display: block; z-index: 1 }
        .product-list-b .items .con { width: 100%; padding: 21px 6% 23px; display: block; box-sizing: border-box; }
        .product-list-b .items h3 { font-size: 1rem; color: #999; line-height: 0.9rem; height: 0.9rem; overflow: hidden; display: none; }
        .product-list-b .items .font { font-size: 1rem; color: #333; line-height: 0.7rem; height: 1.4rem; overflow: hidden;margin-bottom:0; }
        .product-list-b .items .more {display:none; width: 127px; height: 0.95rem; line-height: 0.95rem; text-align: center; border: 1px solid #e4e4e4; background: #f9f9f9; font-size: 15px; color: #333; border-radius: 2px; transition: background .3s, color .3s, border .3s; margin-top: 20px }
        .product-list-b .items:hover img { transform: scale(1.1) translate(-45%,-45%) }
        .product-list-b .items:hover .more { background: var(--color-hex); border-color: var(--color-hex); color: #fff }*/
.product-list-c {
    width: 100%;
}

.product-list-c ul {
    width: 100%
}

.product-list-c .items {
    background: #fff;
    float: left;
    margin-bottom: 30px;
    box-sizing: border-box;
    width: 100%
}

.product-list-c .items .pic {
    float: left;
    width: 215px;
    height: 215px;
    position: relative;
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 0;
    overflow: hidden;
}

.product-list-c .items:hover .pic {
    box-shadow: 0 0 5px var(--color-hex);
}

.product-list-c .items .pic a {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.product-list-c .items img {
    width: 100%;
    transition: all .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.product-list-c .items.newss .newss {
    width: 61px;
    height: 64px;
    background: url(../img/pro25.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1
}

.product-list-c .items .con {
    width: calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: -webkit-calc(100% - 255px);
    overflow: hidden;
    float: left;
    margin: 0 0 0 1rem;
    color: #888888;
    font-size: 14px;
}

.product-list-c .items:hover img {
    transform: scale(1.1) translate(-45%,-45%)
}

.product-list-c .items .con {
    padding-top: 0.5rem;
}

.product-list-c .items .con h3 {
    font-size: 0.55rem;
    line-height: 0.7rem;
    position: relative;
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
}

.product-list-c .items .con h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20%;
    height: 1px;
    border-bottom: 3px solid #ccc;
    transition: all .3s;
}

.product-list-c .items:hover .con h3:before {
    width: 100%;
    left: 0;
    border-color: var(--color-hex);
}

.product-list-c .items .con p {
    line-height: 24px;
    height: 96px;
}

.product-list-c .items:hover .con p {
    color: #666;
}

.product-list-c .items .con .i-sign {
    transition: all .3s;
    color: #ccc;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10px;
}

.product-list-c .items:hover .con .i-sign {
    border-color: var(--color-hex);
    background-color: var(--color-hex);
    color: #fff;
}

.product-list-o {
}

.product-list-o a.col-item {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    font-weight: normal;
    margin-bottom: 30px;
}

.product-list-o a.col-item {
    display: block;
}

.product-list-o a.col-item img {
    padding-bottom: 20px;
}

.product-list-o a.col-item img.begin-img {
    display: block;
}

.product-list-o a.col-item img.hover-img {
    display: none;
}

.product-list-o a.col-item:hover {
}

.product-list-o a.col-item .content:before {
    content: '';
    position: absolute;
    left: 35%;
    top: 0;
    width: 30%;
    height: 1px;
    border-bottom: 3px solid #ccc;
    transition: all .3s;
}

.product-list-o a.col-item .content {
    padding-top: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.product-list-o a.col-item:hover .content:before {
    width: 100%;
    left: 0;
    border-color: var(--color-hex);
}

.product-list-o a.col-item .content h3 {
    line-height: 1.625rem;
    /*height: 3.25rem;*/
    height: auto;
    margin-bottom: 0;
}

.product-list-o a.col-item .content .i-sign {
    transition: all .3s;
    color: #ccc;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product-list-o a.col-item:hover .content .i-sign {
    border-color: var(--color-hex);
    background-color: var(--color-hex);
    color: #fff;
}

/*产品展示*/
.pro_detial {
    width: 100%;
}

.pro_detial .tips {
    font-size: 1.125rem;
    line-height: 2;
    text-align: center;
}

.pro_detial .tips h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: bold;
}

.pro_detial .tips p.fz36 {
    font-size: 2.25rem;
    line-height: 3.175rem;
    color: #cfcfd0;
}

.pro_detial .tips a {
    display: inline-block;
    width: 188px;
    height: 54px;
    border: 1px solid #7a7a7a;
    border-radius: 28px;
    margin: 33px 0 57px;
}

.pro_detial .tips a:hover {
    border-color: #fff;
}

.pro_detial .tips span {
    display: inline-block;
    width: 113px;
    padding-left: 75px;
    background: url(../Content/Web/img/bg_sign07.png) no-repeat 42px 0;
    margin: 9px 0;
    font-size: 18px;
    line-height: 2;
    color: #d2d3d3;
    text-align: left;
}

.pro_detial .tips a:hover span {
    background-position: 42px -36px;
    color: #fff;
}

.pro_detial .img-show {
    width: 100%;
    margin: 0px auto 18px;
}

.pro_detial .img-show .img {
    width: 100%;
    margin-bottom: 18px;
    text-align: center;
    border: 1px solid #eee;
}

/*.pro_detial .img-show .img-list { height: 60px; text-align: center; }
            .pro_detial .img-show .img-list a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
            .pro_detial .img-show .img-list img { display: inline-block; border: 2px solid #fff; margin: 1px 8px; cursor: pointer; vertical-align: middle; max-width: 56px; max-height: 56px; _width: expression((this.offsetWidth > 56) ? "56px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 56) ? "56px" : this.offsetHeight + "px" ); }
            .pro_detial .img-show .img-list a.Active img { border: 2px solid #f60; margin: 0 7px; }*/
.img-list {
    width: calc(100% - 50px);
    max-width: 500px;
    margin: 10px auto;
    position: relative;
}

.img-list .swiper-container {
}

.img-list .arrow-left {
    background: url(../img/feel3.png) no-repeat left top;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.img-list .arrow-right {
    background: url(../img/feel4.png) no-repeat left bottom;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.img-list a.swiper-button-disabled {
    opacity: 0.1;
}

.img-list a i {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.img-list img {
    display: inline-block;
    border: 2px solid #eee;
    cursor: pointer;
    vertical-align: middle;
    max-width: 100%;
}

.img-list a.Active img {
    border: 2px solid #eab632;
}

.info-pic {
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.info-font {
    width: 100%;
}

.info-font h2 {
    color: #000;
    line-height: 3.5rem;
    font-weight: bold;
    padding-bottom: 20px;
    /* border-bottom: 1px solid #e0e0e0;*/
    margin: 0;
}

.info-font h3 {
    color: #333;
    line-height: 2rem;
}

.info-font p {
    color: #666;
    line-height: 1.5rem;
    margin-bottom: 9px
}

/*.info-font .font { padding: 40px 0 45px; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #666; line-height: 24px; margin-bottom: 9px }*/
.info-font .font {
    margin: 0px 0 25px;
    padding: 10px;
    line-height: 36px;
    background: #f3f3f3;
    border-radius: 5px;
    color: #252525;
    position: relative;
}

.info-font .font:before {
    position: absolute;
    content: '';
    bottom: -23px;
    left: 30px;
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 23px solid #f3f3f3;
}

a.commonBtn {
    display: inline-block;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 6px;
    line-height: 1.75rem;
    font-size: 1.25rem;
    color: #fff;
    background: var(--color-hex);
    text-transform: uppercase;
    transition: all .3s;
    border: none;
    outline: none;
}

a.commonBtn:hover {
    background: #222;
    color: #fff;
}

.ser-line {
    position: relative;
}

.ser-line p {
    margin-bottom: 5px;
    line-height: 32px;
}

.ser-line p a {
}

.ser-line p i {
    color: var(--color-hex);
    margin-right: 5px;
    float: left;
}

/*.ser-line img { position: absolute; width: 120px; right: 30px; top: -10px; }*/
/*.por-detail .title { background: var(--color-hex); font-size: 18px; line-height: 40px; color: #fff; position: relative; width: 100%;padding-top:1rem; }
    .por-detail .title a { display: inline-block; vertical-align: bottom; color: #fff; font-size: 18px; line-height: 40px; min-width: 65px; padding: 0 15px; text-align: center; cursor: pointer; margin-left: 15px; }
        .por-detail .title a.cur, .por-detail .title a:hover { background: #fff; color: var(--color-hex); }
        .por-detail .title a.back { float: right; background: #fff; color: var(--color-hex); margin-right:15px;}*/
/*.por-detail .title { padding: 0 30px; background: var(--color-hex); font-size: 18px; height: 49px; line-height: 56px; color: #fff; }

    .por-detail .title li { font-size: 18px; }
    .por-detail .title .layui-this { color: #015198; }
*/
.por-detail .title {
    padding: 0 30px;
    background: var(--color-hex);
    font-size: 18px;
    height: 49px;
    line-height: 56px;
    color: #fff;
}

.por-detail .layui-tab-card > .layui-tab-title {
    background: var(--color-hex);
}

.por-detail .title li {
    font-size: 18px;
}

.por-detail .title li a {
    color: #fff;
}

.por-detail .title li.back {
    float: right;
    background: #fff;
    color: var(--color-hex);
    margin-right: 15px;
    margin-top: 9px;
}

.por-detail .title li.back a {
    color: var(--color-hex);
}

.por-detail .title .layui-this {
    color: var(--color-hex);
}

.por-detail .detail-in {
    font-size: 14px;
    line-height: 2;
    margin-top: -1px;
    overflow-x: auto;
}

.por-detail .detail-in img {
    max-width: 100%;
    text-align: center;
}

.por-detail .turn {
    margin-top: 50px;
    font-size: 14px;
    height: 70px;
    line-height: 30px;
    color: #888;
    position: relative;
}

.por-detail .turn a {
    color: #888;
}

.por-detail .turn a:hover {
    color: #f08300;
}

.por-detail .turn a.back {
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 9.5625rem;
    position: absolute;
    border-radius: 22px;
    background: #f08300;
    font-size: 1rem;
    line-height: 2.5rem;
    color: #fff;
}

.por-detail .turn span {
    display: inline-block;
    padding-left: 2.5rem;
}

.por-detail .turn em {
    display: inline-block;
    width: 0.875rem;
    height: 1rem;
    margin: 14px 14px 0 0;
    background: url(../Content/Web/img/bg_sign08.png) no-repeat;
}

.por-detail .turn a:hover em {
    transform: rotate(-360deg);
}

.por-detail .proinfotit {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: 1rem;
    background-color: #eee;
    color: var(--color-hex);
    padding: 0px 0px 0px 0.625rem;
    margin: 0px 0px 0.5rem;
}

.por-detail .pic-t {
    text-align: left;
    letter-spacing: 0.125rem;
    line-height: 3.75rem;
    color: #282828;
    border-radius: 1.875rem;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 auto;
}

.por-detail .pic-c {
    font-size: 1rem;
    letter-spacing: 0.0625rem;
    color: #333;
    line-height: 2.125rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #686868;
}

.por-detail .pic-list {
    list-style: none;
    padding: 1rem 0
}

.por-detail .pic-list .pic-li {
    padding: 0;
    display: flex;
    justify-content: space-between
}

.por-detail .pic-list .pic-li .picl-t {
    font-weight: 700;
    width: 40%;
    padding: 1rem 0 1rem 0.5rem;
    font-size: 1rem;
    border-bottom: solid .0625rem #888
}

.por-detail .pic-list .pic-li .picl-c {
    font-size: 1rem;
    width: 56%;
    padding: 1rem 0 1rem 0.5rem;
    border-bottom: solid .0625rem #888
}

.por-detail .pic-list .pic-li:last-child .picl-t {
    border-bottom: none
}

.por-detail .pic-list .pic-li:last-child .picl-c {
    border-bottom: none
}

table.met_editor {
    width: 100% !important;
    margin-bottom: 1.6rem;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    padding: 0 !important;
    border: 0
}

table.met_editor td {
    border: 1px solid #ddd !important
}

table.met_editor > thead > tr > th, table.met_editor > tbody > tr > th, table.met_editor > tfoot > tr > th, table.met_editor > thead > tr > td, table.met_editor > tbody > tr > td, table.met_editor > tfoot > tr > td {
    padding: .7rem;
    line-height: 1.6;
    vertical-align: top;
    border-top: 1px solid #ddd
}

table.met_editor > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd
}

.por-detail .tagname {
    text-align: left;
    letter-spacing: 0.125rem;
    line-height: 3.75rem;
    color: #282828;
    border-radius: 1.875rem;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 auto;
}

.por-detail .dect {
    width: 100%;
    position: relative;
    padding: 0 0 0 20px;
    margin: 10px 0;
    font-size: 1rem;
    color: #666666;
}

.por-detail .dect:after {
    width: 4px;
    height: 4px;
    background: #cbcbcb;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.por-detail .mavlist {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #f1f1f1;
}

.por-detail .menu_head {
    position: relative;
    padding: 30px 0 30px 0px;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    margin-bottom: 0;
    color: #333;
}

#table-yg {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    font-family: '微软雅黑'
}

.table-box-body-row {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.detail-table-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 20%;
    padding: 5px 27px;
    color: #767676;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    white-space: normal;
    word-break: break-all;
    text-align: right;
}

.detail-table-header span {
    width: 100%;
    text-align: right;
    font-size: 14px;
}

.detail-table-ceil {
    position: relative;
    width: 25%;
    color: #262626;
    background-color: #fff;
    border-bottom: none;
    border-left: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 27px;
    color: #767676;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    white-space: normal;
    border-left: solid 1px #e5e5e5;
}

.detail-table-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.sg-f24 {
    font-size: 1.25rem;
    color: #333333;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    #table-yg {
        overflow: hidden;
        width: 100%;
        overflow-x: scroll;
        font-size: 13px;
    }

    .detail-table-header {
        padding: 0 5px;
        width: 110px;
    }

    .detail-table-ceil {
        padding: 6px 10px;
        width: 195px;
    }
}

.hst-table th {
    padding: 14px;
    font-size: 18px;
}

.hst-table table.table-bg th {
    text-align: center;
    background-color: var(--color-hex);
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

.hst-table table.table-bg, .bdt-static-table .bdt-static-body-row-cell {
    text-align: center;
    width: 100%;
}

.hst-table table.table-bg {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    margin-bottom: 1px;
}

.hst-table table.table-bg td {
    border-style: solid;
    border-width: 1px;
    padding: 6px;
    font-size: 17px;
    background-color: #fff;
    border-color: #ccc;
}

.hst-table table.table-bg tr:nth-child(even) td {
    background-color: #f5f5f5;
}

/*#pro_detial { width: 100%; }
#pro_left { width: 480px; float: left; }
#pro_img { background: #F0F0F0; padding: 5px; min-height: 139px; _height: 139px; }
    #pro_img .zoomimg { text-align: center; line-height: 0px; }

.img-list { margin-top: 10px; }
    .img-list ul li { float: left; width: 80px; height: 80px; vertical-align: middle; margin-right: 20px; text-align: center; }
        .img-list ul li a { display: block; border: solid 2px #eaeaea; width: 80px; height: 80px; }
            .img-list ul li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
            .img-list ul li a:hover { border: solid 2px #f60; }
        .img-list ul li img { vertical-align: middle; max-width: 80px; max-height: 80px; _width: expression((this.offsetWidth > 80) ? "80px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 80) ? "80px" : this.offsetHeight + "px" ); }


#pro_do { width: 680px; float: right; }
    #pro_do .pro_title { font-size: 36px; color: var(--color-hex); line-height: 60px; margin-bottom: 10px; }
    #pro_do .pro_desc { font-size: 16px; line-height: 36px; padding: 10px; max-height: 400px; overflow-x: hidden; overflow-y: auto; }
    #pro_do p.div { display: block; padding: 0; margin: 0; color: #F00; font-size: 16px; line-height: 35px; font-weight: bold; }
    #pro_do .share { display: block; padding: 10px 3px 15px 3px; text-align: left; }
ul#pro_btm { font-size: 14px; width: 100%; border-top: 1px dashed #ccc; padding-top: 10px; }
    ul#pro_btm li { height: 25px; width: 100%; overflow: hidden; }
        ul#pro_btm li a img { vertical-align: middle; border: 1px solid #E6E6E6; margin-right: 7px; display: inline-block; width: 48px; height: 48px; }
        ul#pro_btm li a .span { vertical-align: middle; display: inline-block; text-indent: 7px; }
        ul#pro_btm li a { font-size: 14px !important; }
.products-detail { margin-top: 20px; }
    .products-detail .tab { overflow: hidden; background: #f6f6f6; width: 100%; }
        .products-detail .tab li { height: 54px; font-size: 18px; line-height: 54px; color: #333; text-align: center; float: left; cursor: pointer; padding: 0px 30px; }
            .products-detail .tab li.on,
            .products-detail .tab li:hover { color: #fff; background: var(--color-hex); }
    .products-detail .box { padding: 30px; border: 1px solid #f6f6f6; }
        .products-detail .box .propic { text-align: center; margin: 20px 0px; }
            .products-detail .box .propic img { max-width: 600px; _width: expression((this.offsetWidth > 600) ? "600px" : this.offsetWidth + "px" ); }
        .products-detail .box table { border-collapse: collapse; }
    .products-detail .boxs { display: none; line-height: 30px; }
    .products-detail .box p { font-size: 16px; }
    .products-detail .box h4 { line-height: 28px; background: #F7F7F7; padding: 0 5px; margin-top: 10px; }
    .products-detail .box p { white-space: normal; word-spacing: 1px; }
        .products-detail .box p strong, .products-detail .box p b { color: var(--color-hex); }
    .products-detail .box .p_tit { font-weight: bold; }
    .products-detail .introduce { padding: 10px; }
        .products-detail .introduce .boxs_title { font-weight: bold; margin-bottom: 5px; margin-top: 5px; text-indent: initial; color: var(--color-hex); font-size: 14px; }
    .products-detail .down p { }
        .products-detail .down p a { display: block; line-height: 64px; height: 64px; text-indent: 77px; font-weight: bold; background: url("../img/down.png") no-repeat 40px center; border-bottom: 1px solid #f6f6f6; color: #666; }
        .products-detail .down p:hover a { color: #91cb1e; }
.g-fce h3 { display: block; text-align: center; }
.g-fce h3 { padding-top: 3px; font: 24px "Microsoft YaHei"; color: #d70010; font-weight: bold; }
    .g-fce h3 em { display: block; font-style: normal; font: 16px "Microsoft YaHei"; color: #333333; background: url(../img/pro_tit.png) no-repeat center top; height: 16px; margin-top: 10px; }
.g-fce p img { vertical-align: middle; padding: 0 5px; }


.cs_table { border-color: #231815; }
    .cs_table th { background: #f5f9ec; line-height: 24px; }
    .cs_table td { line-height: 24px; }*/
#ajaxwaitid {
    background: none repeat scroll 0 0 #DD0000;
    color: #FFFFFF;
    display: none;
    height: 1.6em;
    line-height: 1.6em;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 100;
}

.zoominner {
    padding: 5px 10px 5px;
    background: #Fafafa;
    text-align: left;
    font-size: 12px;
}

.zoominner p {
    padding: 5px 0;
}

.zoominner .y {
    float: right;
    padding-bottom: 5px;
}

.zoominner p a {
    float: left;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    background: url(../images/imgzoom_tb.gif) no-repeat 0 0;
    line-height: 100px;
    overflow: hidden;
}

.zoominner p a:hover {
    background-position: 0 -39px;
}

.zoominner p a.imgadjust {
    background-position: -40px 0;
}

.zoominner p a.imgadjust:hover {
    background-position: -40px -39px;
}

.zoominner p a.imgclose {
    background-position: -80px 0;
}

.zoominner p a.imgclose:hover {
    background-position: -80px -39px;
}

/*#procon_2 ul { padding: 0; margin: 0; list-style: none; }
    #procon_2 ul li { margin-top: 4px; margin-bottom: 4px; }*/
/*相关产品*/
/*#AboutProduct { margin-bottom: 10px; }
    #AboutProduct span { font-size: 10pt; font-weight: bold; }
    #AboutProduct ul { margin: 0px; margin-top: 10px; padding: 0px; }
    #AboutProduct li { list-style-type: square; list-style-position: inside; padding-left: 8px; float: left; width: 32%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 2em; }
        #AboutProduct li a { color: #014CCC; }*/
.instructions-list .ulbox .li {
    background: #fafafa url(../img/img37.png) no-repeat 98% center;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
    position: relative;
    padding: 20px 20px 20px 70px;
    display: block;
}

.instructions-list .ulbox .li:hover {
    background: var(--color-hex) url(../img/img37-1.png) no-repeat 98% center;
    color: #fff;
}

.instructions-list .ulbox .li .sp1 {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
    display: block
}

.instructions-list .ulbox .li .sp1 i {
    font-size: 30px;
    color: var(--color-hex);
}

.instructions-list .ulbox .li:hover .sp1 i {
    color: #fff;
}

.instructions-list .ulbox .li .sp1 img {
    max-width: 100%
}

.instructions-list .ulbox .li .sp3 {
    font-size: 14px;
    color: #333;
    padding: 20px 0;
    line-height: 36px;
    position: absolute;
    right: 60px;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.instructions-list .ulbox .li .imga {
    display: block
}

.instructions-list .ulbox .li .imgb {
    display: none
}

.instructions-list .ulbox .li:hover .imga {
    display: none
}

.instructions-list .ulbox .li:hover .imgb {
    display: block
}

.instructions-list .ulbox .li:hover .sp3 {
    color: #fff
}

.instructions-list .ulbox .li p {
    width: 70%
}

.proimg {
    height: 0;
}

@media (max-width: 992px) {
    .product-list-c .items .pic {
        width: 155px;
        height: 155px;
    }

    .product-list-c .items .con p {
        line-height: 24px;
        -webkit-line-clamp: 3;
        height: 72px;
    }

    .info-pic {
        width: 100%;
        float: initial;
    }

    .info-font {
        width: 100%;
        float: initial;
        margin-top: 20px;
    }

    .pro_detial .img-show {
        width: 100%;
    }

    .pro_detial .img-show .img {
        width: 100%;
    }

    .por-detail .title {
        padding-top: 0;
        height: auto;
        border: 1px solid var(--color-hex);
    }

    .por-detail .title li {
        width: 50%;
        font-size: 14px;
        margin-left: 0;
        vertical-align: middle;
        float: left;
    }

    .por-detail .title li.back {
        width: 50%;
        float: left;
        background: none;
        color: #fff;
        margin: 0;
    }

    .por-detail .title li.back a {
        color: #fff;
    }

    .pro_detial .pc-ma {
        display: none;
    }

    .proimg {
        height: auto;
    }

    .proimg .swiper-container {
        width: 100%;
        height: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .proimg .swiper-slide {
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        padding-bottom: 100%;
    }

    .proimg .swiper-button-next, .proimg .swiper-button-prev {
        position: absolute;
        top: 50%;
        margin-top: -21.5px;
        left: 0;
        outline: 0;
        width: 22px;
        height: 43px;
        text-indent: -9999px;
        z-index: 100;
        display: block;
        background: url(../img/arrow5.png) no-repeat;
    }

    .proimg .swiper-button-prev :hover {
        background-position: 0 -46.5px;
    }

    .proimg .swiper-button-next:hover {
        background-position: -40px -46.5px;
    }

    .proimg .swiper-button-prev {
        left: 4%;
    }

    .proimg .swiper-button-next {
        right: 4%;
        left: auto;
        background-position: -40px 0;
    }

    .proimg .gallery-top {
        width: 100%;
    }

    .gallery-thumbs {
        height: 70px;
        padding: 10px 0;
    }

    .proimg .gallery-thumbs .swiper-slide {
        width: 50px;
        /* background-size: cover; */
        height: 100%;
        border: 1px solid #e2e2e2;
    }

    .proimg .gallery-thumbs .swiper-slide-active {
        border-bottom: 2px solid #df3d30;
    }

    .proimg .gallery-thumbs .swiper-slide {
        background-size: cover;
    }

    .attributes-box li .tit {
        flex: 0 0 82px;
    }
}