/*导航-start*/
body {
     font-family: "microsoft yahei";
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 300;
}

p {
    margin: 0;
}

ol, ul, dl {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a:focus, a:hover {
    text-decoration: none;
}

.gray-title {
    font-size: 30px;
    color: #979796;
    text-align: center;
    margin: 45px 0 45px 0;
    font-weight: bold;
}

/* 导航栏一 */

#top-nav {
    margin-bottom: 0;
    padding: 10px 0;
}

#collapse ul li {
    text-align: center;
}

#top-nav .logo {
    height: auto;
}

#top-nav .logo img, #top-nav .logo span {
    float: left;
}

#top-nav .logo .long-title {
    margin-left: 10px;
    padding: 10px;
    border-left: 1px solid #000;
    margin-top: 6px;
}

#top-nav .navbar-right img, #top-nav .navbar-right .tel-box {
    float: left;
}

#top-nav .navbar-right img {
    margin-right: 10px;
}

#top-nav .navbar-right img:nth-child(2), #top-nav .navbar-right .tel-box {
    margin-top: 15px;
}

#top-nav .navbar-right .tel-box p {
    margin-bottom: 0;
}

#top-nav .navbar-right .tel-box .tel-title {
    font-size: 16px;
}

#top-nav .navbar-right .tel-box .tel {
    font-size: 25px;
    color: #b70000;
    font-weight: bold;
}

#top-nav .navBtn {
    margin-top: 25px;
}

#top-nav .navbar-nav {
    border-bottom: 1px solid #ddd;
}

#collapse {
    padding-bottom: 10px;
}

.navnull {
    display: none;
}

/* 导航栏二 */

#top-nav2 {
    margin-bottom: 0;
    background-color: #0e7bbb;
}

#top-nav2 a {
    color: #fff;
}

#top-nav2 a.active{
    background: url('/img/navBg.jpg') 0 0 no-repeat;
}

#top-nav2 a:hover {
    background: url('/img/navBg.jpg') 0 0 no-repeat;
}

/* banner */

.banner-box {
    overflow: hidden;
}

.banner-box .owl-carousel .item {
    display: block;
}

.banner-box .owl-carousel img {
    display: block;
    width: 100%;
}

.banner-box .owl-controls {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-box .owl-controls .owl-dot span {
    opacity: 1;
    background: #fff;
}

.banner-box .owl-controls .owl-dot.active span {
    background: #3271b6;
}

#banner {
    position: relative;
}

/* 产品展示 */
.goods-category {
    margin-bottom: 25px;
}

.goods-category .goods-img img {
    width: 100%;
}

.goods-category .goods-name {
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
}

.goods-category .goods-detail {
    font-size: 12px;
}

.goods-category .detail-link {
    display: block;
    width: 115px;
    margin: 10px auto;
    padding: 8px 16px;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    text-align: center;
    color: #008ac8;
    font-size: 12px;
}

/* 产品直通车 */
.goods-car {
    padding: 25px 0 10px;
    background: #ebecec;
}

.goods-car .goods-sort img {
    width: 100%;
}

.goods-car .goods-sort li {
    height: 46px;
    line-height: 46px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.goods-car .goods-sort li a {
    display: block;
}

.goods-car .goods-sort li a::before {
    content: url(../img/list_style.png);
    margin-left: 22px;
    margin-right: 15px;
}

.goods-car .goods-sort, .goods-car .gc-banner-box {
    margin-bottom: 10px;
}

#goods-banner-box {
    position: relative;
    background: #fff;
}

#goods-banner-box .goods-banner {
    padding: 10px;
}

#goods-banner-box .gb-img-box {
    text-align: center;
    margin-bottom: 30px;
}

#goods-banner-box img {
    width: auto;
    height: 373px;
    margin: 0 auto;
}

#goods-banner-box .goods-link {
    padding: 10px;
    border-bottom: 1px dashed #ddd;
}

#goods-banner-box .goods-link a:after {
    content: url(../img/triangle.png);
    margin-left: 4px;
    position: relative;
    top: -2px;
}

#goods-banner-box .goods-title-detail {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 5px 10px 25px 10px;
}

#goods-banner-box .goods-detail-btn {
    text-align: right;
}

#goods-banner-box .owl-prev, #goods-banner-box .owl-next {
    border-radius: 0;
    padding: 0;
}

#goods-banner-box .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

#goods-banner-box .owl-nav:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}

#goods-banner-box .owl-prev {
    content: url("/img/sprite.png");
    float: left;
}

#goods-banner-box .owl-next {
    content: url("/img/sprite2.png");
    float: right;
}

/* 公司合作伙伴 */
.company-partners {
    margin-bottom: 25px;
}

.company-partners ul:after {
    content: '';
    clear: both;
    display: block;
    overflow: hidden;
}

.company-partners li {
    width: 20%;
    float: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.company-partners li img {
    width: 100%;
}

/* 大事件 */
.big-event {
    background: #f7f7f9;
}

.big-event img {
    width: 100%;
}

/* 关于我们 */
.about-us {
    padding: 35px 0;
    color: #fff;
    background: url(/img/sixth.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.about-us h2 {
    text-align: center;
    margin-bottom: 35px;
    font-weight: bold;
}

.about-us p {
    text-indent: 28px;
    margin-bottom: 10px;
}

/* 优点 */
.advantage .row {
    margin: 0;
}

.advantage li {
    /*background: #e7e7e7;*/
}

.advantage img {
    width: 100%;
}

.advantage .advantage-left {
    border-right: 10px solid #0068b1;
}

.advantage .advantage-left, .advantage .advantage-right {
    padding: 0;
}

.advantage .advantage-left {
    text-align: right;
    color: #747474;
}

.advantage .advantage-left dt {
    padding: 30px 0 20px 0;
}

.advantage .advantage-left dd {
    padding: 17px 0;
}

.advantage .advantage-left li:nth-of-type(3) dd {
    padding-bottom: 18px;
}

.advantage dl {
    padding: 20px;
}

.advantage dt {
    font-size: 20px;
    color: #000;
}

.advantage dt b {
    color: #2d6bb2;
    font-size: 25px;
}

/* 新闻 */
.news-dynamic .news-list-box {
    color: #666;
    margin-bottom: 25px;
}

.news-dynamic .news-list-box li{
    margin-bottom: 10px;
}

.news-dynamic .news-list-box li:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}

.news-dynamic .news-list-box li a {
    color: #666;
}

.news-dynamic .news-list-box .news-title {
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-dynamic .news-list-box .news-time {
    float: right;
}

/* 页脚 */
.footer {
    padding: 25px 0;
    background: #c9cacc;
    color: #666;
}

.footer .link a {
    display: inline-block;
    color: #666;
    margin: 0 5px;
}

.footer .company-info-box {
    margin-top: 25px;
    font-size: 12px;
}

.footer .footer-logo, .footer .company-info {
    float: left;
}

.footer .company-info-box .company-info {
    margin-left: 10px;
    padding: 0 10px;
    border-left: 1px solid #000;
}

.footer .company-info-box .company-info p {
    margin-bottom: 5px;
}

.footer .company-info-box .info-code {
    text-align: right;
}

.footer .company-info-box .info-code img {
    margin-left: 10px;
}

/* 达到指定尺寸使用指定样式 */

@media (max-width: 1024px) {
    #big-bg .container {
        padding-top: 40%;
    }
}

/* 移动端搜索 */
.phone-form {
    margin: 0;
    padding: 0;
}

.phone-form .form-group {
    margin: 0;
}

@media (max-width: 768px) {
    #top-nav {
        padding: 0;
    }

    #top-nav .logo img, #top-nav .logo span {
        float: initial;
    }

    #top-nav .logo img {
        width: 150px;
    }

    #top-nav .logo .long-title {
        display: inline-block;
        margin-top: 8px;
        font-size: 14px;
        padding: 0;
        border: none;
    }

    #top-nav {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }

    #goods-banner-box img {
        width: 100%;
        height: auto;
    }

    #goods-banner-box .owl-nav {
        display: none;
    }

    .company-partners li {
        width: 33.3%;
    }

    .navnull {
        display: block;
        height: 100px;
    }

    .advantage .advantage-left dt, .advantage .advantage-left dt {
        padding: 0
    }

    .advantage .advantage-left {
        text-align: left;
        border: none;
    }

    .news-dynamic .news-list-box .news-title {
        width: 59%;
    }

    .footer .company-info-box .company-info {
        margin: 0;
        padding: 0;
        border: none;
    }

    .footer .company-info-box .info-code {
        margin-top: 15px;
        text-align: center;
    }
}
.partners-imgbox img {width: 100%;}
