.new_down a.on span{color: #008c77;}
.m_h1{display: none;}
.load-more{display: none;}
.procon {
    width: 100%;
    padding: 30px 0 120px;
    background: #F1F2F3;
}
.m_swiper{display: none;}
.procon .propart {
    margin-bottom: 43px;
}

.product-nav,.m_product_parameter {
    display: none;
}
.metals_swiper .swiper-pagination{display: none;}
/* .procon .propart .top1 {} */

.procon .propart .top1 a {
    display: block;
    width: 16.66%;
    height: 70px;
    line-height: 70px;
    color: #fff;
    background: #008B76;
    text-align: center;
    font-size: 16px;
    transition: all 0.3s;
    float: left;
}
.pro_two_box .item .cphide{bottom: -100px;}
.pro_two_box .item .cphide .param{border-top: 1px solid #fff;padding-top: 15px;}
.pro_two_box .item .cphide .model,
.pro_two_box .item .cphide .size .t,
.pro_two_box .item .cphide .size ul li
{font-size: 14px;line-height: 21px;color: #fff;}
.pro_two_box .item .cphide .size{font-size: 14px;line-height: 25px;color: #fff; display: flex;}
.procon .propart .top1 a.on,
.procon .propart .top1 a:hover {
    background: #007362;
}

.procon .propart .top2 {
    padding: 22px 0 22px 56px;
    background: #fff;
}

.procon .propart .top2 a {
    display: block;
    width: 11.1%;
    line-height: 40px;
    color: #666;
    font-size: 15px;
    transition: all 0.3s;
    float: left;
}

.procon .propart .top2 a.on,
.procon .propart .top2 a:hover {
    color: #018c77;
}

.stores-pro li {
    float: left;
    width: 31%;
    margin: 0 3.5% 23px 0;
}

.probox {
    margin-bottom: 27px
}

.probox .item {
    float: left;
    width: calc(33.33% - 14px);
    margin: 0 20px 30px 0;
    display: block;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .1);
}

.probox .item:nth-child(3n) {
    margin-right: 0;
}

.probox .item .pic {
    width: 100%;
    height: 245px;
    overflow: hidden;
}

.probox .item .imgBg {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.probox .item p {
    font-size: 15px;
    color: #666;
    line-height: 60px;
    height: 60px;
    padding-left: 24px;
    background: #fff;
}

.probox .item:hover .imgBg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.probox .item:hover p {
    color: #018C77;
}


/*产品详情*/

.noshadow .header {
    box-shadow: none;
}

.prdtcon {
    padding-bottom: 134px;
    background: #F7F7F7;
}

.prdtcon .top {
    width: 100%;
    height: 60px;
    background: #EEEEEE;
    font-size: 14px;
    text-align: right;
    line-height: 60px;
    color: #000;
    border-bottom: 1px solid #DCDCDC;
}

.prdtcon .top img {
    margin-right: 10px;
    vertical-align: baseline;
}

.prdtcon .top a {
    color: #000;
    font-size: 14px;
}

.prdtcon .top a:hover {
    text-decoration: underline;
}

.prdtcon .top span {
    display: inline-block;
    height: 59px;
    border-bottom: 3px solid #008A71;
    color: #008A71;
}

.prdtcon .prdt_one {
    margin-top: 30px;
    padding: 40px 20px 82px 40px;
    background: #fff
}

.prdtcon .prdt_l {
    width: 586px;
    height: 395px;
}

.prdtcon .prdt_l .pic {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.prdtcon .prdt_l .pic:first-child {
    display: block;
}

.prdtcon .prdt_l .vr {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 115px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 139, 118, 0.7);
    border-radius: 5px;
    cursor: pointer;
}

.prdtcon .prdt_l .vr img {
    margin-right: 10px
}

.prdtcon .prdt_l p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.6);
}

.prdtcon .prdt_r {
    width: calc(100% - 656px);
    padding-top: 16px;
}

.prdtcon .prdt_r .tit {
    margin-bottom: 18px;
}

.prdtcon .prdt_r .tit p {
    font-size: 36px;
    color: #333;
    line-height: 54px;
}

.prdtcon .prdt_r .back {
    font-size: 16px;
    color: #008a71;
    width: 70px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prdtcon .prdt_r .back img {
    margin-right: 5px;
}

.prdtcon .tit1 {
    font-size: 15px;
    color: #666;
    line-height: 29px;
}

.prdtcon .imgs {
    padding-top: 37px;
    border-top: 1px solid #ccc;
    margin-top: 24px;
}

.prdtcon .imgs .img {
    width: 50px;
    height: 50px;
    margin: 0 20px 20px 0;
    position: relative;
    line-height: 50px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.prdtcon .imgs .img.on:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #008A71;
    content: '';
}

.prdtcon .imgs img {
    max-width: 100%;
    max-height: 100%;
}

.prdt_two {
    background: #fff;
    margin-top: 20px;
    padding-top: 23px;
}

.prdt_two .tan {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    text-align: left;
}

.proDet-fixed {
    position: fixed;
    left: 50%;
    top: 105px;
    margin-left: -640px;
    background: #fff;
    z-index: 99;
    width: 1280px;
}

.target-fix {
    position: relative;
    top: -150px;
    display: block;
    height: 0;
    overflow: hidden;
}

.prdt_two .tan a {
    font-size: 22px;
    color: #333;
    display: inline-block;
    padding: 0 42px;
    line-height: 52px;
    cursor: pointer;
}

.prdt_two .tan a.on {
    color: #008a71;
    border-bottom: 1px solid #008a71;
}

.prdt_two .boxs {
    padding: 0 50px 75px;
}

.prdt_two .boxs .item {
    text-align: center;
}

.prdt_two .boxs .item:first-child {
    display: block;
}

.prdt_two .boxs .item img {
    max-width: 100%;
}

.new_recommend{padding: 4.4271vw 0 3.9063vw 0;position: relative;width: 66.6667vw;margin: 0 auto;}
.new_recommend .title1{color: #333333;font-size: 1.25vw;margin-bottom: 1.5625vw;}
/* .recommend_swiper{margin-bottom: 1.4063vw;} */
.recommend_swiper{margin-bottom:0;}
.recommend_swiper .swiper-wrapper{
    height: 20.0521vw;
    margin-bottom: 1.0417vw;}
.recommend_swiper .swiper-slide{position: relative;background-size: cover !important;}
.recommend_swiper .swiper-slide::after{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.33);
    position: absolute;
    left: 0;
    top: 0;
}
.recommend_swiper .tit{color: #fff;font-size: 1.0417vw;font-weight: bold;position: absolute;z-index: 1; left: 1.6667vw;bottom: 1.3021vw;}
.new_recommend .swiper-scrollbar{width: calc(100% - 188px);background: #EEEEEE;height: 3px;bottom: 30px;left: 0;}
.swiper-scrollbar-drag{height: 4px;background: #008C77;}
.new_recommend .sBtn{height: 3.2292vw;display: flex;align-content: center;position: relative;top: 11px;}
.new_recommend .sBtn .swiper-button-prev,.new_recommend .sBtn .swiper-button-next{width: 3.2292vw;height: 3.2292vw;background-size: contain !important;}
.new_recommend .sBtn .swiper-button-prev{left: auto;right: 3.6458vw;background: url(../images/new_prev_hover.png) no-repeat center center;transition: all .3s linear;}
.new_recommend .sBtn .swiper-button-next{right: 0;background: url(../images/new_next.png) no-repeat center center;transition: all .3s linear;}
.new_recommend .sBtn .swiper-button-prev:hover{background: url(../images/new_prev.png) no-repeat center center;}
.new_recommend .sBtn .swiper-button-next:hover{background: url(../images/new_next_hover.png) no-repeat center center;}
.new_product_data{width: 100%;background-color: #F6F6F6;padding-bottom: 5vw;}
.new_product_data .photo{height: 630px;background-size: contain !important;margin: 0 auto;}
.metals_swiper{background: #fff;margin-top: 10px;width: 66.6667vw;margin: 0 auto;}
.metals_swiper .tit{display: flex;align-items: center;width: 100%;height: 3.9063vw;padding: 0 1.5625vw;box-sizing: border-box;border-bottom: 1px solid #EEEEEE;}
.metals_swiper .tit .ese{color: #333333;font-size: 1.25vw;font-weight: bold;margin-right: 10px;}
.metals_swiper .tit .en{color: #999999;font-size: 14px;}
.metals_swiper .swiper-container{height: 15.625vw;}
.metals_swiper .swiper-container .swiper-slide{position: relative;overflow: hidden;transition: all .3s;border-right: 1px solid #EEEEEE;}
/* .metals_swiper .swiper-container .swiper-slide:hover .masking{bottom: 0;} */
.metals_swiper .swiper-container .swiper-slide .pic{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.metals_swiper .swiper-container .swiper-slide .pic img{display: block;width: 100%;height: 100%;}
.metals_swiper .swiper-container .swiper-slide .masking{width: 100%;height: 100%;background: rgba(0,140,119,.9);position: absolute;bottom: -300px;left: 0;padding: 1.5625vw;box-sizing: border-box;}
.metals_swiper .swiper-container .swiper-slide .masking p{color: #fff;font-size: 0.8333vw;line-height: 1.3542vw;}
.metals_swiper .swiper-container .swiper-button-prev{left: 0;width: 2.0833vw;height: 4.4271vw;border-radius: 4px 0 0 4px;background: url(../images/metals_prev.png) no-repeat center center;background-size: contain !important;}
.metals_swiper .swiper-container .swiper-button-next{right: 0;width: 2.0833vw;height: 4.4271vw;border-radius: 0px 4px 4px 0px;background: url(../images/metals_next.png) no-repeat center center;background-size: contain !important;}
.swiper-button-next, .swiper-button-prev{top: 58%;transform: translateY(-50%);}











/*产品中心第二版yyw2020-05-21*/
.pro_one{width: 100%;border-bottom: 1px solid #E5E5E5;box-shadow: 0 7px 17px -10px rgba(71,67,63,0.1);position: relative;}
.pro_one .pro_div{width: 100%;height: 80px;border-right: 1px solid #E5E5E5;}
.pro_one .pro_div:first-child{border-left: 1px solid #E5E5E5;}
.pro_one .item{width: 100%;height: 100%;line-height: 80px;padding: 0 20px;font-size: 17px;font-weight: bold;cursor: pointer;
    background: url(../images/add_icon.png) no-repeat right 20px center;display: block;}
.pro_one .item:hover, .pro_one .item.on{color: #008b76;background: url(../images/add_icon_lv.png) no-repeat right 20px center;}
.pro_one .pro_hide{display: none;position: absolute;top: 80px;z-index: 2;background: rgba(255,255,255,0.95);left: 0;}
.pro_one .pro_hide .container{padding: 50px 0 25px 10px;}
.pro_one .pro_hide span {display: block;float: left; width: auto;}
.pro_one .pro_hide a{display: inline-block;padding: 0px 19px;color: #4c4c4c;font-size: 15px;border-radius: 30px;margin: 0px 12px 20px 0;
	cursor: pointer;height: 30px;line-height: 30px;}
.pro_one .pro_hide a.on,.pro_one .pro_hide a:hover{color: #fff;background: #008C77;}
.pro_one .pro_hide span.on a{color: #fff;}
.noinfo{color: #666;font-size: 12px;text-align: center;display: none;}
#pro_one>.container{display: flex;}
.pro_two {
	margin-top: 74px;
	padding-bottom: 120px;
}
.pro_two_box {
	padding-bottom: 7px;
}
.pro_two_box .item {
	width: calc(33.33% - 16px);
	margin: 0 23px 43px 0;
	height: 385px;
	position: relative;
	padding: 24px 30px;
}
.pro_two_box .item:nth-child(3n) {
	margin-right: 0;
}
.pro_two_box .item:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(71, 67, 63, 0.4)), to(#000));
	background-image: -o-linear-gradient(top, rgba(71, 67, 63, 0.4), #000);
	background-image: linear-gradient(to bottom, rgba(71, 67, 63, 0.4), #000);
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	opacity: 0.3;
}
.pro_two_box .item .tit {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}
.pro_two_box .item .s-tit {
	font-size: 14px;
	color: #fff;
	margin-bottom: 15px;
}
.pro_two_box .item .more {
	font-size: 14px;
	color: #fff;
	position: relative;
	padding-left: 42px;
	line-height: 13px;
}
.pro_two_box .item .more:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 1px;
	background: #fff;
	top: 6px;
	left: 0;
}
.pro_two_box .item .box {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.pro_two_box .item .cphide {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -30px;
	transition: all 0.4s;
}
.pro_two_box .item:hover:after {
	opacity: 0.8;
}
.pro_two_box .item:hover .cphide {
	bottom: 0;
}
        /*产品详情（新）2020-04-10*/

        .cpdet {
            padding-bottom: 50px;
            background: #fff;
        }
        
        .cpdet1 {
            padding: 80px 0 70px;
            background: #F8F8F8;
        }
        
        .cpdt_l {
            width: 58%;
        }
        
        .cpdt_l .swiper-container {
            padding-bottom: 60px;
        }
        
        .cpdt_l .swiper-slide {
            width: 66%;
            height: 550px;
            position: relative;
            margin: 0 35px;
            cursor: pointer;
            overflow: hidden;
        }
        
        
        /*.cpdt_l .swiper-slide:after{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(71,67,63,0.7)),to(#000));
            background-image: -o-linear-gradient(top,rgba(71,67,63,0.7),#000);
            background-image: linear-gradient(to bottom,rgba(71,67,63,0.7),#000);
            top: 0;
            left: 0;
            z-index: 0;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
            opacity: 0.4;
        }*/
        
        .cpdt_l .swiper-slide .txt {
            position: absolute;
            width: 300px;
            bottom: 0;
            height: 64px;
            left: 77px;
            padding-left: 18px;
            color: rgba(255, 255, 255, 0.6);
            font-size: 15px;
            line-height: 22px;
            z-index: 2;
            overflow: hidden;
            transition: all 0.3s;
        }
        
        .cpdt_l .swiper-slide .txt:before {
            position: absolute;
            left: 0;
            width: 9px;
            top: 5px;
            height: 9px;
            border: 1px solid rgba(255, 255, 255, 0.6);
            content: '';
            border-radius: 100%;
        }
        
        .cpdt_l .swiper-slide .txt:after {
            position: absolute;
            left: 4px;
            width: 1px;
            top: 14px;
            height: 100px;
            content: '';
            background-color: rgba(255, 255, 255, 0.6);
        }
        
        .cpdt_l .swiper-slide .vr {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            font-size: 20px;
            display: flex;
            z-index: 2;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        
        .cpdt_l .swiper-slide .vr .box {
            font-size: 16px;
            width: 120px;
            height: 40px;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 40px;
        }
        
        .cpdt_l .swiper-slide .vr .box img {
            margin-right: 5px;
            height: 20px;
        }
        
        .cpdt_l .swiper-slide .add {
            width: 29px;
            height: 29px;
            background: url(../images/jiahao.png) no-repeat center;
            position: absolute;
            bottom: -30px;
            left: 33px;
            transition: all 0.3s;
        }
        
        
        /*.cpdt_l .swiper-slide:hover .txt{bottom: -64px;}
        .cpdt_l .swiper-slide:hover .vr{top: -30px;}
        .cpdt_l .swiper-slide:hover .add{bottom: 33px;}*/
        
        .lg-backdrop {
            background-color: rgba(0, 0, 0, 0.5);
        }
        
        .lg-toolbar .lg-icon#lg-download {
            display: none;
        }
        
        .lg-actions .lg-next,
        .lg-actions .lg-prev,
        .lg-toolbar .lg-icon,
        #lg-counter {
            color: #f7f7f7;
        }
        
        .cpdt_l .swiper-container-horizontal>.swiper-pagination-bullets {
            bottom: 5px;
        }
        
        .cpdt_l .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            opacity: 1;
            background: transparent;
            border: 1px solid #b3b3b3;
            margin: 0 15px;
        }
        
        .cpdt_l .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #008A71;
            border: 1px solid #008A71;
        }
        
        .cpdt_l .swiper-button-next,
        .cpdt_l .swiper-button-prev {
            top: auto;
            margin-bottom: 0;
            bottom: 0;
            width: 58px;
            height: 25px;
            background-size: 100%;
            z-index: 22;
        }
        
        .cpdt_l .swiper-button-next {
            background-image: url(../images/cp_fr.png);
            right: 16px;
        }
        
        .cpdt_l .swiper-button-prev {
            background-image: url(../images/cp_fl.png);
            left: 16px;
        }
        
        .cpdt_r {
            width: 42%;
            padding: 0 7.3%;
        }
        
        .cpdt_r .tit {
            margin-bottom: 25px;
            font-size: 32px;
            color: #333;
            line-height: 36px;
        }
        
        .cpdt_r .tit1 {
            font-size: 15px;
            color: #666;
            line-height: 29px;
        }
        
        .cpdt_r .pics {
            padding-top: 45px;
        }
        
        .cpdt_r .pics .pic {
            width: 50px;
            height: 50px;
            margin: 0 20px 20px 0;
            position: relative;
            line-height: 50px;
            text-align: center;
            float: left;
            cursor: pointer;
        }
        
        .cpdt_r .pics .pic.on:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 2px solid #008A71;
            content: '';
        }
        
        .cpdt_r .pics img {
            max-width: 100%;
            max-height: 100%;
        }
        
        .cpdet2 {
            margin-top: 60px;
        }
        
        .cpdet2 .tan {
            width: 100%;
            text-align: center;
        }
        
        .cpdet2 .tan span {
            font-size: 24px;
            color: #333;
            display: inline-block;
            margin: 0 55px;
            line-height: 50px;
            cursor: pointer;
        }
        
        .cpdet2 .tan span.on {
            color: #008A71;
            border-bottom: 1px solid #008A71;
        }
        
        .cpdet2 .boxs {
            padding: 60px 40px 0;
        }
        
        .cpdet2 .boxs .item {
            text-align: center;
            display: none;
        }
        
        .cpdet2 .boxs .item:first-child {
            display: block;
        }
        
        .cpdet2 .boxs .item img {
            max-width: 100%;
        }
        
        
        /*产品中心第二版*/
        
        .pro_one {
            width: 100%;
            border-bottom: 1px solid #E5E5E5;
            box-shadow: 0px 2px 5px -3px rgba(71, 67, 63, 0.2);
        }
        
        .pro_one .item {
            width: 100%;
            height: 80px;
            /* border-right: 1px solid #E5E5E5; */
            line-height: 80px;
            padding: 0 20px;
            font-size: 17px;
            font-weight: bold;
            background: url(../images/add_icon.png) no-repeat right 20px center;
            display: block;
        }
        
        /* .pro_one .item:first-child {
            border-left: 1px solid #E5E5E5;
        } */
        
        .pro_one .item:hover,
        .pro_one .item.on {
            color: #008b76;
            background: url(../images/add_icon_lv.png) no-repeat right 20px center;
        }
        
        .pro_two {
            margin-top: 74px;
            padding-bottom: 120px;
        }
        
        .pro_two_box {
            padding-bottom: 7px;
        }
        
        .pro_two_box .item {
            width: calc(33.33% - 16px);
            margin: 0 23px 43px 0;
            height: 385px;
            position: relative;
            padding: 24px 30px;
        }
        .cphide .size .t{    white-space: nowrap;}
        .pro_two_box .item:nth-child(3n) {
            margin-right: 0;
        }
        
        .pro_two_box .item:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(71, 67, 63, 0.4)), to(#000));
            background-image: -o-linear-gradient(top, rgba(71, 67, 63, 0.4), #000);
            background-image: linear-gradient(to bottom, rgba(71, 67, 63, 0.4), #000);
            top: 0;
            left: 0;
            z-index: 0;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
            opacity: 0.3;
        }
        
        .pro_two_box .item .tit {
            font-size: 20px;
            color: #fff;
            font-weight: bold;
            line-height: 22px;
            margin-bottom: 20px;
        }
        
        .pro_two_box .item .s-tit {
            font-size: 14px;
            color: #fff;
            margin-bottom: 15px;
        }
        
        .pro_two_box .item .more {
            font-size: 14px;
            color: #fff;
            position: relative;
            padding-left: 42px;
            line-height: 13px;
        }
        
        .pro_two_box .item .more:before {
            position: absolute;
            content: '';
            width: 30px;
            height: 1px;
            background: #fff;
            top: 6px;
            left: 0;
        }
        
        .pro_two_box .item .box {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            z-index: 2;
        }
        
        .pro_two_box .item .cphide {
            position: absolute;
            left: 0;
            width: 100%;
            bottom: -30px;
            transition: all 0.4s;
        }
        
        .pro_two_box .item:hover:after {
            opacity: 0.8;
        }
        
        .pro_two_box .item:hover .cphide {
            bottom: 0;
        }
        
        .canshu {
            width: 100%;
        }
        
        .canshu .row {
            width: 46.67%;
            font-size: 17px;
            color: #666;
            padding: 30px 0 8px;
            border-bottom: 1px solid #ccc;
            line-height: 17px;
            text-align: left;
        }
        
        .canshu .row:nth-child(2n+1) {
            float: right;
        }
        
        .canshu .row span {
            font-size: inherit;
            color: #333;
        }
/* 频道页 */
.series_bg{width: 100%;background: rgb(245,244,240);padding: 93px 0 130px 0;}
.series_main .h1{font-size: 40px;color: #333333;font-weight: 500;margin-bottom: 12px;text-align: center;}
.series_main .h2{font-size: 18px;color: #666666;margin-bottom: 35px;text-align: center;}
.series_main .series_entrance{display: flex;justify-content: space-between;}
.series_main .series_entrance .item:hover::after{background: rgba(0, 0, 0, 0);}
.series_main .series_entrance .item{width: 12.5%;height: 455px;display: block;background-size: cover !important;transition: all .38s linear;position: relative;overflow: hidden;}
.series_main .series_entrance .item::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .33);}
.series_main .series_entrance .item.on{width: 48.83%;}
.series_main .series_entrance .item.on::after{background: rgba(0, 0, 0, 0);}
.series_main .series_entrance .item.on .de_tit .tit{display: none;}
.series_main .series_entrance .item .de_tit{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.series_main .series_entrance .item .de_tit .icon{width: 42px;height: 42px;margin: 0 auto;margin-bottom: 23px;background-size: contain !important;background-position: center center;background-repeat: no-repeat;}
.series_main .series_entrance .item.on .de_tit{left: 30px;top: 30px;transform: translate(0,0);}
.series_main .series_entrance .item .de_tit .tit{font-size: 20px;color: #fff;text-align: center;}
.series_entrance .item .de_tit .closet{background-image: url(../images/series-icon1.png);}
.series_entrance .item .de_tit .floor{background-image: url(../images/series-icon2.png);}
.series_entrance .item .de_tit .door{background-image: url(../images/series-icon3.png);}
.series_entrance .item .de_tit .furniture{background-image: url(../images/series-icon4.png);}
.series_entrance .item .de_tit .wood{background-image: url(../images/series-icon5.png);}
.series_main .series_entrance .item .on_text{display: none;overflow: hidden;}
.series_main .series_entrance .item.on .on_text{color: #fff;width: calc(100% - 60px) !important;margin-left: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-bottom: 20px; display: flex;justify-content: space-between;align-items: flex-end;position: absolute;bottom: 32px;width: 100%;z-index: 2;}
.series_main .series_entrance .item.on .on_text .tit1{font-size: 28px;margin-bottom: 13px;white-space: normal;}
.series_main .series_entrance .item.on .on_text .desc{font-size: 14px;white-space: normal;width: 100%;}
.series_main .series_entrance .item.on .on_text .more{color: #fff;font-size: 14px;display: flex;align-items: center;}
.series_main .series_entrance .item.on .on_text .more img{width: 12px;height: 4px;display: block;margin-left: 8px;}

.index5{color: #fff;text-align: center;}
.index5 .h1{font-size: 40px;margin-bottom: 38px;}
.index5 .h2{font-size: 20px;margin-bottom: 18px;}
.index5 .quality_all{display: flex;width: 960px;margin: 0 auto;justify-content: space-between;margin-top: 86px;}
.index5 .quality_all .item{width: 139px;height: 156px;padding-top: 26px;background: url(../images/quality_icon_bg.png); background-size: contain !important;}
.index5 .quality_all .item .icon{width: 46px;height: 45px;margin: 0 auto; background-size: contain;background-position: center center;background-repeat: no-repeat;margin-bottom: 10px;}
.index5 .quality_all .item p{font-size: 18px;color: #363636;text-align: center;}
.index5 .quality_all .item .icon1{background-image: url(../images/quality_icon1.png);}
.index5 .quality_all .item .icon2{background-image: url(../images/quality_icon2.png);}
.index5 .quality_all .item .icon3{background-image: url(../images/quality_icon3.png);}
.index5 .quality_all .item .icon4{background-image: url(../images/quality_icon4.png);}
.index5 .quality_all .item .icon5{background-image: url(../images/quality_icon5.png);}




@media screen and (max-width: 1280px){
    .series_main .series_entrance .item .de_tit .tit{font-size: 16px;}
    .new_recommend .sBtn{top: 18px;}
    .new_recommend .swiper-scrollbar{bottom: 16px;}
}
@media screen and (max-width: 750px){
    .pro_one {
        display: flex;
    }
    .pro_one .container {overflow-x: auto;}
    .pro_one .container::-webkit-scrollbar{
        display: none !important;
    }
    .pro_one .container{
       scrollbar-width: none !important;
    }
    .pro_one .container{
        -ms-overflow-style: none !important;
    }
    .pro_one::-webkit-scrollbar{
        display: none !important;
    }
    .pro_one{
       scrollbar-width: none !important;
    }
    .pro_one{
        -ms-overflow-style: none !important;
    }
    .prod-top{padding: 0 .3rem;}
    .mbflo{margin-right: .2rem;}
    .mbflo .mbtit,.prod-top .flo .yudz,.prod-top .sel-box span{font-size: .3rem !important;}
    .mbflo-hide{
        position: fixed;
        width: 100%;
        left: 0;
        text-align: center;
        border-top: .01rem solid #fff;
    }
    .mbflo-hide li{
        border-bottom: .01rem solid #E5E5E5;
    }
    .mbflo-hide li:last-child{border: none;}

    .pro_one .container{width: 100%;padding: 0 .3rem;}
	.pro_one .pro_div:first-child{border-left: none;}
	.pro_one .pro_div{height: 1rem;border: none;width: auto;margin-right: .65rem;}
	.pro_one .item {line-height: 1rem;height: 1rem;font-size: .32rem !important; width: auto;background: none; flex-shrink: 0;padding: 0;font-size: 0.28rem;font-weight: 400;}
	.pro_one .item .pro_hide{width: 100%;height: auto;}
    .pro_one .item.on{color: #018C77;border-bottom: .04rem solid #018C77;}
    .pro_one .item:hover, .pro_one .item.on {background: none;}
	.pro_one .pro_hide{top: 1rem;}
	.pro_one .pro_hide .container { padding: 0.3rem;width: 94%;}
	.pro_one .pro_hide span{width: auto;}
	.pro_one .pro_hide a {padding: 0px 0.3rem;font-size: 0.26rem; margin: 0px 0 0.3rem 0;height: 0.52rem;line-height: 0.52rem;}

    .pro_two .item:nth-child(3n) {
        margin-right: .2rem;
    }
    .pro_two .item:nth-child(2n) {
        margin-right: 0;
    }
    .pro_two .item {
        width: 3.35rem;
        margin: 0 .2rem 0.2rem 0;
        height: 3.5rem;
        padding: 0.25rem;
    }
    .pro_two_box .item .cphide {
        bottom: 0;
    }
    .pro_two_box .item .s-tit {
        font-size: 0.24rem;
        margin-bottom: 0.1rem;
    }
    .pro_two_box .item .tit {
        font-size: 0.3rem;
        line-height: 0.3rem;
        margin-bottom: 0;
    }
    .pro_two_box .item .more {
        display: none;
    }
    .pro_two {
        padding: 0.3rem 0 1rem;
        margin-top: 0;
        background: #f5f7f7;
    }
    .cpdet1 {
        padding: 0.67rem 0.3rem .3rem .3rem;
    }
    .proDet-main{border: none !important;}
    .cpdt_l {
        width: 100%;
    }
    .cpdt_r {
        width: 100%;
        padding: .65rem 0 0 0;
    }
    .cpdt_l .swiper-slide {
        margin: 0;
        width: 78%;
    }
    .cpdt_l .swiper-button-next,
    .cpdt_l .swiper-button-prev {
        display: none;
    }
    .cpdt_l .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 0.1rem;
    }
    .cpdt_l .swiper-container {
        padding-bottom: 0.7rem;
    }
    .cpdt_l .swiper-slide .txt {
        height: 1rem;
        left: 0.5rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .cpdt_l .swiper-slide .vr .box {
        font-size: 0.26rem;
        width: 1.8rem;
        height: 0.6rem;
        border-radius: 0.6rem;
    }
    .cpdt_r .tit {
        margin-bottom: 0.3rem;
        font-size: 0.4rem;
        line-height: 0.4rem;
    }
    .cpdt_r .pics {
        padding-top: 0.5rem;
    }
    .cpdt_r .pics .pic {
        width: 1rem;
        height: 1rem;
        margin: 0 0.18rem 0.18rem 0;
        line-height: 1rem;
    }
    .cpdt_r .pics .pic:nth-child(6n) {
        margin: 0 0 0.18rem 0;
    }
    .cpdet2 {
        margin-top: 0.5rem;
    }
    .cpdet2 .tan span {
        font-size: 0.3rem;
        margin: 0 0.4rem;
        line-height: 0.8rem;
    }
    .cpdet2 .boxs {
        padding: 0.5rem 0 0;
    }
    .canshu .row {
        width: 100%;
        font-size: 0.26rem;
        padding: 0.3rem 0 0.15rem;
        line-height: 0.26rem;
    }
    .cpdt_r .tit1{
        font-size: .24rem;
        line-height: .36rem;
    }
    .new_text{
        padding-bottom: .45rem !important;
        font-size: .24rem;
        color: #666;
    }
    .new_text:empty {
        display: none;
     }
     .proDet-pics.prodetail-box{
        padding: 0 .3rem;
     }
     .cpdet1{background: none !important;}
    .cpdet2 .boxs{padding: 0 .3rem !important;}
    .cpdet2 .boxs .new_data {
        padding: 0 !important;
    }
    .cpdet2 .boxs .new_data {
        margin-top: .5rem;
    }
    .cpdet2 .boxs .tit{font-size: .4rem !important;}
    .series_main.container{padding: .67rem 0 1.27rem !important;}
    .series_main .h1{font-size: .4rem;margin-bottom: 0.24rem;}
    .series_main .h2{font-size: .26rem;margin-bottom: 0.64rem;}
    .index5{padding: 1rem 0 !important;}
    .index5 .h1{font-size: .4rem;margin-bottom: 0.34rem;}
    .index5 .h2{font-size: .24rem;margin-bottom: 0.08rem;}
    .index5 .quality_all{margin-top: 0.86rem;flex-wrap: wrap;width: 100%;justify-content: initial;padding: 0 .44rem;}
    .index5 .quality_all .item{width: 1.73rem;height: 1.94rem;padding-top: 0.33rem;margin-right: 0.7rem;margin-bottom: 0.08rem;}
    .index5 .quality_all .item:nth-child(3){margin-right: 0;}
    .index5 .quality_all .item:nth-child(4){margin-left: 1.15rem;}
    .index5 .quality_all .item .icon{width: 0.57rem;height: 0.57rem;margin-bottom: 0.1rem;}
    .index5 .quality_all .item p{font-size: .24rem;}
    .series_main.container{display: none;}
    .m_swiper{display: block;}
    .m_swiper .swiper-container{width: 100%;}
    .m_swiper{padding: .67rem 0.3rem .1rem 0.3rem;}
    /* .index4-tit1{display: none;} */
    .m_swiper .swiper-container{padding-top: 1.35rem;}
    .m_swiper .h1{color: #333333;font-size: .4rem;margin-bottom: .12rem;text-align: center;}
    .m_h1{font-size: .4rem;text-align: center;margin: 0;display: block;margin-top: .3rem;opacity: 0;}
    .m_swiper .h2{color: #808080;font-size: .26rem;text-align: center;}
    .m_swiper .swiper-slide{width: 100% !important;height: 5rem;}
    .m_swiper .swiper-slide a{display: block;width: 100%;height: 100%;background-size: cover !important;position: relative;}
    .m_swiper .swiper-slide a .icon{width: 0.5rem;height: 0.5rem;position: absolute;left: 0.27rem;top: 0.3rem;background-size: contain !important;background-position: center center;background-repeat: no-repeat;}
    .m_swiper .swiper-slide a .icon1{background-image: url(../images/series-icon1.png);}
    .m_swiper .swiper-slide a .icon2{background-image: url(../images/series-icon2.png);}
    .m_swiper .swiper-slide a .icon3{background-image: url(../images/series-icon3.png);}
    .m_swiper .swiper-slide a .icon4{background-image: url(../images/series-icon4.png);}
    .m_swiper .swiper-slide a .icon5{background-image: url(../images/series-icon5.png);}
    .m_swiper .swiper-slide a .tit{width: 92%;color: #fff;font-size: .28rem;border-bottom: 1px solid rgba(255, 255, 255, 0.4);background: url(../images/a_icon.png) no-repeat 95% center;background-size: .3rem .05rem;position: absolute;bottom: .6rem;padding: 0;left: 4%;padding-bottom: .1rem; }
    .m_swiper .swiper-pagination{bottom: auto;top: .63rem;width: 100%;display: flex;justify-content: space-between;}
    .m_swiper .swiper-pagination .swiper-pagination-bullet{width: auto;height: auto;background: none;border-radius: 0;opacity: 1;}
    .m_swiper .swiper-pagination .swiper-pagination-bullet .tit{font-size: .28rem;color: #999999;}
    .m_swiper .swiper-pagination .swiper-pagination-bullet-active .tit{color: #007663;border-bottom: .04rem solid #007663;}

    .index4-con{top: 2.45rem !important;padding: 0 .3rem;box-sizing: border-box;}
    .index4-box{height: 6rem !important;}
    .recommend_swiper .tit{font-size: .26rem;left: 0.3rem;bottom: 0.3rem;}
    .recommend_swiper .swiper-wrapper{height: 3.4rem;}
    .new_recommend .sBtn,.new_recommend .swiper-scrollbar,.metals_swiper .swiper-container .swiper-button-prev,.metals_swiper .swiper-container .swiper-button-next{display: none !important;}
    .new_recommend{padding: .63rem 0;padding-top: 0.34rem !important;}
    .new_recommend .title1{font-size: .32rem;margin-bottom: .3rem;font-weight: bold;}
    .metals_swiper .tit{padding: 0 .3rem;height: 1.12rem;padding-left: 0;}
    .metals_swiper .tit .ese{font-size: .32rem;font-weight: bold;}
    .metals_swiper .tit .en{font-size: .24rem;padding-bottom: .05rem;}
    .metals_swiper .tit{align-items: flex-end;padding-bottom: 0.3rem;}
    .recommend_swiper,.recommend_swiper .swiper-wrapper{margin-bottom: 0;}
    .metals_swiper .swiper-container {height: 2.95rem;}
    .metals_swiper .swiper-container{border-left: .01rem solid #EEEEEE;}
    .m_product_parameter{display: block;width: 100%;text-align: center;}
    .m_product_parameter{max-width: 100%;}
    .new_product_data .photo{display: none;}
    .metals_swiper{position: relative;padding: 0 .3rem .68rem 0.3rem;}
    /* .metals_swiper .swiper-container{border-bottom: .01rem solid #EEEEEE;border-right: .01rem solid #EEEEEE;} */
    .metals_swiper .tit{border-bottom: none;}
    .metals_swiper .swiper-container .swiper-slide{border-bottom: .01rem solid #EEEEEE;border-right: .01rem solid #EEEEEE;border-top: .01rem solid #EEEEEE;}
    .new_product_data{padding-bottom: .68rem;}
    .metals_swiper .swiper-pagination{display: block;width: 96%;bottom: .2rem;}
    .metals_swiper .swiper-pagination span{margin-right: 0.3rem;background: none;opacity: 1;border: 1px solid #333;}
    .metals_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: #009C84;border: 1px solid #009C84;}
    .pro_one .pro_div{flex-shrink: 0;}
    .container {
        width: 100% !important;
    }
    .pro_two{padding: 0.3rem !important;}
    .page{display: none;}
    .load-more{display: flex;justify-content: center;align-items: center;width: 3.2rem;height: .8rem;margin-top: .3rem; margin-bottom: .5rem;text-align: center; border: 0.01rem solid #E5E5E5;border-radius: .06rem;background: #fff;margin: 0 auto;}
    .load-more span{font-size: .28rem;color: #666666;}
    .index6-tit,.index7-tit{font-size: .4rem !important;}
    .index6-tit{margin-bottom: 0.48rem;}
    .index6-con .swiper-container{padding: 0 .3rem;}
    .index7{padding: 0.8rem 0.3rem 0.6rem 0.3rem;}
    .index7-tit{margin-bottom: 0.58rem;}
    .index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .index4-box .swiper-pagination-bullet-active{
        border: 1px solid #008c77;
    }
    .index4-box .swiper-pagination-bullet-active{background: #008c77;}
    .index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        border: 1px solid #666;
    }
    .index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .2rem;}
    .index6-con .swiper-container-horizontal>.swiper-pagination-bullets{bottom: .53rem;}
    .index6 { padding: 0.8rem 0 0.13rem 0 !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .2rem;}
    .index6-con .swiper-container-horizontal>.swiper-pagination-bullets span{margin: 0 .2rem;}
    .prodet-slide .swiper-container.gallery-thumbs{display: block !important;bottom: -.3rem !important;}
    .title1.nav span{margin-left: 0 !important;margin-right: .24rem !important;font-size: .28rem !important;}
    .title1.nav span:nth-child(1){margin-left: 0.48rem !important;}
    .new_recommend{padding: .63rem 0.3rem;}
    .down-icon{
        display: inline-block;
        margin-left: 0.1rem;
        width: .24rem;
        height: .24rem;
        background: url(../images/sel-arr-be.png) no-repeat center center;
    }
    .prod-top .sel-box{background: none;}
    .prod-top .sel-box span{display: inline-block !important;width: auto;}
    .pro_two_box .item .cphide{bottom: 0;}
    .pro_two_box .item .cphide:hover{bottom: 0;}
    .pro_two_box .item .cphide .param{padding-top: 0;}
    .pro_two_box .item .cphide .param{margin-top: .15rem;}
    .pro_two_box .item .cphide .model, .pro_two_box .item .cphide .size .t, .pro_two_box .item .cphide .size ul li{font-size: .24rem;}
    .pc_data{display: none;}
    .new_recommend{width: 100%;}
    .metals_swiper{width: calc(100% - .6rem);}
    .metals_swiper .swiper-container .swiper-slide .masking p{font-size: .24rem;line-height: .4rem;}
    .metals_swiper .swiper-container .swiper-slide .masking{bottom: -3.5rem;}
}