/* CSS Document */
.pub_title{width:100%;text-align:center;font-size: 34px;line-height: 40px; color: #212121;margin-top: 30px;padding-bottom:20px;}
.pub_title .more{float: right;padding-right: 10px;display: block;font-size:18px;line-height:40px;}

#footer{background: #222222;padding-top: 50px;padding-bottom: 30px;}
.foot_nav{float: left;width:15%;box-sizing: border-box;margin-bottom: 60px;}
.foot_nav:last-child{width:40%;float: right}
.foot_nav dt{font-size: 1.8rem;color: #ffffff;padding-bottom:20px;}
.foot_nav dd{font-size: 1.4rem;color: #a3a3a3;}
.foot_nav dd .a_l{width:100%;display:block;float:left;font-size: 1.4rem;color: #999999;height: 36px;line-height: 36px;overflow: hidden;}
.foot_nav dd .h_p{font-size: 1.4rem;color: #a3a3a3;padding:5px 0px;line-height: 30px;}
.foot_nav dd .h_p a{color: #a3a3a3;}
.foot_nav dd .icon{display:block;float:left;padding:0px 5px;font-size:2rem;color: #a3a3a3;height: 30px;line-height: 30px;}
.foot_nav dd .share{width: 30px;height: 30px;border-radius: 30px;font-size: 1.4rem;background: #FFFFFF;text-align: center;display:block;float:left;margin-right:10px;margin-bottom:10px;color: #232323;line-height: 30px;}
.line_foot{ width:100%; height:1px; margin-top:30px;margin-bottom:20px;background: #747474;}
.footer_erm{ width:117px; height:117px;float:right; margin-bottom:25px;}
.f_nav{ width:100%; text-align:center; padding-top:15px;}
.f_nav a{ padding:0px 15px; display:inline-block; border-right:solid 1px #4b4b4b; font-size:14px; color:#b2b2b2;text-transform: capitalize}
.f_nav a:hover{ padding:0px 15px; display:inline-block; border-right:solid 1px #919191; font-size:14px; color:#999999;}
.f_nav a.last{ border-right:none;}
.copyright{padding: 5px; text-align:center;line-height:24px; color:#999999;}
.copyright a{color: #999999;}
.footer_send{width:100%;height:36px;padding-right:120px;box-sizing: border-box;position: relative;}
.footer_send .input_text{width:100%;border: solid 1px #a3a3a3;box-sizing:border-box;text-indent:10px;background: none;height: 36px;}
.footer_send .send_btn{position:absolute;right:0px;top:0px;display:block;width:100px;border:none;background:#3b3b3b;text-align:center;height: 36px;line-height: 36px;font-size: 14px;color: #fffefe;}
.footer_send .send_btn i{font-size: 14px;padding-right: 5px;}
.footer_link{padding:20px 0px;}
.footer_link label{float: left;line-height:30px;color: #ffffff;font-size: 18px;padding-right: 10px;}
.footer_link a{color: #999999;font-size: 14px;padding-right: 10px;line-height:30px;}
.comp_depict{margin-top:5px;padding:0 5px;box-sizing: border-box; text-align:center;line-height:22px;font-size: 14px; color:#999999;}
.comp_depict h1{font-weight: normal;}
.m_share{display: none;}
.foot_menu{display: none;}

#footer .form_box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 330px;
}
#footer .form_box li{
    float: none;
    margin-bottom: 9px;
}
#footer .form_box li .btn{
    width: 100px;
    background: white;
    color: black;
    border-radius: 5px;
}

#footer input::placeholder,#footer textarea::placeholder {
     color: white;
 }

#footer .form_box li textarea,
#footer .form_box li input{
    padding: 5px 8px;
    width: 100%;
    color: white;
    border: 0;
    border-bottom: 1px solid white;
    background: transparent;
}
#footer .form_box li .error,#footer .form_box li .p_r{
    font-size: 12px;
    color: white;
}
#footer .footer_message{
    width: 37%;
}


@media only screen and (max-width:1450px){
    #footer .foot_nav {
        margin-bottom: 90px;
    }
    #footer .form_box li textarea, #footer .form_box li input{
        height: 30px;
        line-height: 30px;
    }
    #footer .form_box li textarea{
        height: 55px;
    }
    #footer .message_list ul li{
        padding: 5px 0px;
    }
    #footer .form_box li .btn{
        line-height: inherit;
    }
}


@media only screen and (max-width:1040px) {
    #footer{padding:30px 0px;margin-top: 15px;}
    .f_nav{padding-top: 0px; height: auto;}
    .f_nav a{margin-bottom: 5px;}
    .m_share{text-align:center;margin:10px 0;overflow: hidden;display: block;}

    .m_share .share{width:24px;height: 24px;font-size: 1.8rem;margin-right:5px;margin-bottom:5px;overflow:hidden;color: #a4a4a4;line-height:24px;}
    .foot_menu{display: block;  width:100%;background:#fbfbfb; height:54px;border-top: solid 1px #e5e5e5; position:fixed; bottom:-1px; left:0px; padding:5px 0px;z-index: 999;}
    .foot_menu a{ display:block; width:20%; float:left; text-align:center; }
    .foot_menu a i{font-size: 24px;color:#1f2837;line-height: 1;}
    .foot_menu a p{ display:block; font-size:1.4rem; color:#555555;}
}
.header_header_lg_list_pc ul li a {
    display: flex;
}

/*返回顶部css*/
.side{position:fixed;width:54px;height:275px;right:0;bottom:60px;z-index:100;}
.side ul{
    overflow: visible;
}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #0291ca;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#1aa5dd;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font-size:14px;line-height:54px;overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#1aa5dd;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#1052a4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li:nth-child(1) img,.side ul li:nth-child(2) img{
    position: relative;
    top: -6px;
}
.side ul li:last-child{
    margin-top: 5px;
}

.side ul li img:nth-child(1),.side ul li img:nth-child(2){

}
.side ul li .sidetwo{line-height:21px;height:48px;padding:3px 0 3px 0;}
.side ul li .sidetwo b{font-weight:bold;}

@media only screen and (max-width: 767px) {
    .side {
        display: none;
    }
    #footer .footer_content_box {
        display: block !important;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #footer .footer_message {
        width: 100%;
    }
    #footer .foot_nav {
        margin-bottom: 36px;
        float: none;
    }
    .foot_nav dt{
        text-align: center;
    }

}
/*翻页*/
.page-nav {
font-size: 12px;
margin-top: 15px;
padding-bottom: 4px;
margin-bottom: 25px;
text-align: center;
}
.page-nav span, .page-nav a {
display: inline-block;
margin: 2px 6px 2px 0;
padding: 5px 10px 5px 10px;
border:1px solid #999999;
background: #fff;
font-weight: bold;
color: #999999;
width: auto;
text-decoration: none
}
.page-nav select{
  height: 28px;
  padding: 0 10px;
margin: 2px 6px 2px 0;
}
.page-nav span:last-child, .page-nav a:last-child, {
margin-right:0
}
.page-nav a:hover {
background: #999999;
border:1px solid #999999;
color: #ffffff
}
.page-nav .current {
border:1px solid #999999;
background: #999999;;
color: #ffffff
}


div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:0px;height:0px;background:#ffffff;border:1px solid #CCCCCC;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;cursor:move;z-index:1;}
 @media only screen and (max-width:767px) {
     div.zoomDiv{ display: none;}
 }
 .side_c_details .s_top .photo {
    display: flex;
    min-height: 63px;
}
.side_c_details .s_top .photo img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

        .detail_col .pro_bgpic .swiper-wrapper .swiper-slide{
            display: flex;
            justify-content: center;
            align-items: center;
            height: initial;
        }
        .detail_col .pro_bgpic .swiper-wrapper .swiper-slide video{
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        @media only screen and (max-width: 1040px){
            #lightbox-container-image-box{
                width: 100% !important;
                height: auto !important;
            }
            .Tt{
                width: 100%;
            }
            #lightbox-image{
                width: 100%;
            }
            #lightbox-container-image-data-box{
                width: 100% !important;
                box-sizing: border-box;
            }
        }

@media(max-width: 480px){

        .paths{
            display: block;
            padding: 20px 10px;
        }
    }


    @media only screen and (max-width: 767px){
            .sku_attr_dl .select_name{
                width: 110px;
            }

        }