/* normalize */
p {
    font-size: 14px;
}
html body {
    font-size: 14px;
}


/* modal */
#inquiryModal .productcol .t{

}

#inquiryModal .productcol .c{
    font-weight: bold;
}

#inquiryModal .formcol .captchaform .input-group-addon{
    padding: 0;
    cursor: pointer;
}

#inquiryModal .formcol .parsley-error-list{
    position: absolute;
    bottom:-20px;
    left: -30px;
}

/* 产品详情页查看图片 */
#lightgallery a.lightgallery-item {
    width: 100%;
    overflow: hidden;
    display: block;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: white;
    margin-bottom: 10px;
}
#lightgallery a.lightgallery-item > img {
    width: 100%;
    height: auto;
}



/* 三处列表样式 */
.side-body.photo-body .ul-web-form .col-sm-12{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.side-body.photo-body .ul-web-form .col-sm-12 .col-sm-4{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33%;
    overflow: hidden;
    text-align: center;
}
.side-body.honor-body .ul-web-form .col-sm-12{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.side-body.honor-body .ul-web-form .col-sm-12 .col-sm-4,.side-body.honor-body .ul-web-form .col-sm-12 .col-sm-2{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    overflow: hidden;
    text-align: center; 
}

.side-body.product-body .ul-web-form .col-sm-12{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.side-body.product-body .ul-web-form .col-sm-12 .col-sm-3,.side-body.product-body .ul-web-form .col-sm-12 .col-sm-2,.side-body.product-body .ul-web-form .col-sm-12 .col-sm-7{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33%;
    overflow: hidden;
    text-align: center;
}

@media (min-width:768px) {
    .container {
        width: 100%;
    }
}

.navbar-nav-wrapper{
    padding: 0 15px;
}

.topnav .change-lang{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 80px;
    padding-right: 15px;
    z-index: 999;
}
.topnav .change-lang >span{
    cursor: pointer;
}
.topnav .change-lang >span:nth-child(2){
    padding: 0 5px;
    cursor: inherit;
}


/* 页头和导航背景 */
header {
    position: sticky;
    top: 0;
    z-index: 16;
}

@media (min-width: 768px) {


    .navbar-nav-wrapper .navbar-nav > li > img {
        height: 80px;
        width: auto;
    }
    
    .navbar-nav-wrapper .navbar-nav > li > a {
        color: #4d3900;
        font-size: 16px;
        font-weight: lighter;
        padding: 0 10px;
        line-height: 80px;
        position: relative;
        /* color: #e47a10; */
    }
    
    .navbar-nav-wrapper .navbar-nav > li > a::after {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background-color: #4d3900;
        top: 25px;
        position: absolute;
        transition: width 500ms;
    }
    
    .navbar-nav-wrapper .navbar-nav > li > a:hover::after {
        /* width: 100%; */
        width: calc(100% - 20px);
    }
    
    .navbar-nav-wrapper .navbar-nav > li > a:hover {
        color: #4d3900;
    }
    
    .topnav {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 5px;
    }
       
}

@media (max-width: 767px) {

    .navbar-nav-wrapper .change-lang {
        display: none;
    }
    .navbar-header .change-lang {
        line-height: 53px;
        right: 40px;
    }

    .navbar-header img {
        height: 53px;
        width: auto;
        margin: 0 10px 0 10px;
    }

    .navbar-header {
        background-color: #ffffff;
        color: #4d3900;
        line-height: 53px;
        border: 0;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 5px;
    }

    .navbar-header .navbar-brand {
        color: #4d3900;
        padding: 0;
        vertical-align: top;
        font-size: 17px;
        font-weight: lighter;
        letter-spacing: -2px;
        width: 100%;
        padding-right: 138px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .navbar-header .navbar-brand > a{
        position: relative;
        top: 3px;
    }

    .navbar-header button {
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        line-height: 38px;
        font-size: 20px;
        border-width: 0;
        height: 53px;
        padding: 0;
        color: #4d3900;
    }

    .navbar-header a {
        color: #4d3900;
    }

    .navbar-header button::before {
        color: #34495e;
    }

    .navbar-nav-wrapper {
        background-color: #ffffff;
        overflow: hidden;
    }

    .navbar-nav-wrapper .navbar-nav > li > a {
        color: #4d3900;
        font-size: 16px;
        font-weight: lighter;
        padding: 0 10px;
        line-height: 30px;
        position: relative;
        /* color: #e47a10; */
    }
    .navbar-nav-wrapper .navbar-nav > li > a:hover {
        color: #4d3900;
    }
    .navbar-nav-wrapper .navbar-nav > li > img {
        display: none;
    }
    .navbar-nav-wrapper .navbar-toggle:before {
        color: #4d3900;
    }
    .navbar-nav-wrapper .navbar-nav li:nth-of-type(2n+0) {
        /* background-color: rgba(77, 57, 0, 0.4); */
    }
}


/* 主画面 */
.main-content {
    padding: 9px 14px;
}

/* 轮播 */
.carousel {
    /* max-height: 300px; */
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: auto;
    /* max-height: 300px; */
    margin: 0 auto;
}

.carousel-indicators li {
    margin-bottom: -20px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.carousel-indicators li.active {
    width: 20px;
    height: 20px;
    background-color: #fff;
}

.carousel-caption {
    font-size: 16px;
    padding-bottom: 40px;
}

/* 通用 */
/* section.container-fluid {
    margin-top: 5px;
} */

.container-fluid {
 padding-left: 0px;
 padding-right: 0px;
}

@media (min-width: 1200px) {
    .container {
        width:100%;
    }
}

.container {
    padding-left: 0;
    padding-right: 0;
}

#indexmap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-family: "微软雅黑";
    border: 2px dashed #bbbbbb;
}

.pull-middle {
    display: inline-block;
    vertical-align: middle !important;
    word-spacing: normal;
    height: 100%;
}

i {
    margin-right: 5px !important;
}

.a-inherit {
    color: inherit;
}

.news-sub-title {
    border-top: 1px dashed #c1c1c1;
    border-bottom: 1px dashed #c1c1c1;
    padding: 5px 0;
    margin-bottom: 10px;
}

/* side 左侧显示内容 */
html body .side-row {
    word-break: break-all;
}

.side-header {
    padding-top: 5px;
    padding-bottom: 5px;
    /* background: #34495e; */
    background: #4d3900;
    color: #fff;
    margin-top: 5px;
    border-radius: 2px;
}

.side-header .pull-right {
    font-size: 10px;
    margin: auto;
    line-height: 2;
}

.side-body {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #FFFFFF;
    /* margin-bottom: 5px; */
    border-radius: 0 0 3px;
}
.row > .side-body {
    margin-bottom: 5px;
}

.side-body ul {
    list-style: disc;
    padding-left: 15px;
}

.noborder {
    border: none !important;
    height: auto !important;
}

/* web 页面列表样式 */
/* .ul-web-vg li {
    list-style: none;
    text-decoration: underline;
}

.ul-web li {
    margin-bottom: 10px;
    border-bottom: 1px dashed #c1c1c1;
} */

.ul-web-form li {
    list-style: none;
    padding: 5px 0;
    border-bottom: 1px dashed #c1c1c1;
    text-align: center;
}

.ul-web-form li img {
    margin-bottom: 0px;
}

.ul-web-form p{
    margin: 0px;
}



/* 页脚 */
footer { 
    box-shadow: none;
    margin-top: 5px;
    /* margin-right: 14px !important; */
    /* margin-left: 14px !important; */
    /* background-color: #34495e; */
    background: #4d3900;
    font-size: 12px;
    color: #fff;
}

footer span {
    color: #9aa4af;
}

footer span:hover, span:focus {
    color: #1abc9c;
    cursor: pointer;
}

/* 导航菜单前的LOGO根据分辨率自动显示隐藏 */

@media (min-width: 768px) {
    .navbar-header {
        display: none;
    }

    section.container-body {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .navbar-brand {
        display: block;
    }

    section.container-body {
        margin-left: 0 !important;
    }
}

/* blockquto */
.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}


/* 推荐产品 */

.demo-browser {
    border-radius: 0 0 6px 6px;
    color: #4d3900;
    padding: 0;
    font-size: 12px;
}

.demo-browser-content {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* gap: 10px; */
    flex-wrap: wrap;
}

.demo-browser-content > .pro {
    /* width: 144px; */
    flex-basis: 33.33%;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    padding: 5px;
    
}

.demo-browser-content > .pro a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    color: #34495e;
}




.demo-browser-content > .pro a:hover {
    /* box-shadow: 3px 35px 77px -8px rgb(0 0 0 / 90%); */
    box-shadow: rgba(0, 0, 0, 0.1) 6px 6px 5px;
}


.demo-browser-content > .pro p {
    margin: 0;
}

.demo-browser-content > .pro span {
    font-size: 12px;
}

.demo-browser-content > .pro img {
    width: 100%;
}

@media (max-width:768px) {
    .demo-browser-content > .pro {
        /* width: 144px; */
        flex-basis: 100%;
        font-size: 14px;
        text-align: center;
        background-color: #fff;
        /* padding: 5px; */
        
    }
}



/* 推荐产品 */
.rmd-products .demo-browser-content .pro{
    

}

/* 公司相册 */
.company-photo .demo-browser-content .pro{
    
}


/* 产品详情页 图片展示 */
.pro-pictures .col-sm-12 {
    border: 1px dotted #c1c1c1;
    background-color: #e4e8ed;
}
.pro-pictures .col-sm-12+.col-sm-12 {
    border-top: none;
}
.pro-pictures .col-sm-12 img{
    max-width:80%;
    border: 6px solid white;
    margin: 5px;
}
.pro-pictures .col-sm-3{
    padding: 5px 3px;
}
.pro-pictures .col-sm-3 img{
    max-width:99%;
    border: 1px solid white;
    margin: 0;
}


/* 咨询悬浮球 */
body{
    overflow-x: hidden;
}
#ballId {
    position: fixed;
    right: 0px; /* 初始位置 */
    top: 100px;
    cursor: pointer; /* 鼠标悬停时显示指针 */
    transition: right 0.3s ease; /* 平滑过渡效果 */
    user-select: none; /* 防止文本选择 */
    z-index: 100;
    font-size: 12px;


    background: rgb(19, 167, 19);
    color: white;
    width: 80px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.5);
}

#ballId > span {
    display: none;
    /* font-size: 30px; */
}


#ballId > div {
    display: block;
}

#ballId.onmove{
    width: 40px;
    border-radius: 50%;
}

#ballId.onmove >span {
    display: block;
}

#ballId.onmove >div{
    display: none;
}