﻿body {
    font-size: 14px;
    font-family: Arial, "微软雅黑";
    background: #fff
}

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

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img { 
    max-width: 100%
}

/* header sider footer */
.header-main {
background:#55505c;
    background: -moz-linear-gradient(left, #32272f, #201f2a, #373944, #474752, #55505c);
    background: -webkit-linear-gradient(left, #32272f, #201f2a, #373944, #474752, #55505c);
    background: -o-linear-gradient(left, #32272f, #201f2a, #373944, #474752, #55505c);
    z-index: 990;
    width: 100% 
}

.headMsg {
    color: #878787
}
.headMsg i {
    margin-right: 5px
}

.search-con {
    margin-right: 8px
}
.search-con .form-control {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-left: 3px
}
.search-con .btn-default {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.navbar {
    margin-bottom: 0
}

.navbar-nav>li>a {
    color: #fff;
    font-style: italic;
    font-size: 16px
}

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.active-h>a {
    background: transparent
}

.navbar-toggle {
    color: #fff;
    border-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 15px
}

.aside {
    margin-top: 10px
}
.aside li {
    padding: 0
}

.aside li a {
    color: #000;
    padding: 6px 24px;
    display: inline-block
}
.aside li a:hover,
.aside .active-s {
    color: #fff;
    background: #e7010d
}

.aside .parentList li {
        border:1px solid #e7010d
    }   
 .childList li {margin-right:-4px}
.childList li a {
    padding: 6px 12px;
    display: inline-block;
   color:#fff;
background: #e7010d
}

.childList li a:hover,
.aside .active-a {
   background: #007bb9
}

footer p {
    margin: 0
}

.footer-main {
    background: #e9e9e9;
    padding: 15px 0
}

.footer-main b a {
   color: #000;
    display: block;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    margin-bottom: 6px
}
.footer-main ul li {
    margin-bottom: 5px
}
.footer-main ul li a {
    display: block;
    font-size: 12px;
    color: #583939;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.footer-down {
    padding: 10px 0;
    background: #dadada;
    color: #4f4f4f
}
.footer-down a{color:#4f4f4f}
/* header sider footer ^ */

/* main */
.banner .swiper-pagination {
    bottom: 10px;
    width: 100%
}

.my-breadcrumb {
    padding: 10px 0
}
.my-breadcrumb i {
    margin-right: 5px
}
.breadcrumb {
    padding-top: 0!important;
    padding-bottom: 0!important;
    color: #545454;
    display: table;
    margin: 0
}
.breadcrumb>li+li::before {
    content: ">>";
    color: #545454
}

.page-tit h1 {
    font-size: 1.8em;
    text-align: center
}
.page-tit>div {
    width: 32px;
    height: 2px;
    background: #e60212;
    margin: 0 auto
}

.page-tit {
    margin: 0 auto 35px auto;
}

.post-content {
    margin: 50px 0
}

.product-con {
    background: #f0f0f0;
    padding: 20px 0 50px 0
}

.home-tit p {
    margin: 30px 0 20px 15px;
    color: #787878;
    font-size: 16px
}

.home-pro {
    padding-bottom: 10px
}

.home-pro .thumbnail {
    border: 0;
    padding: 0;
    margin-bottom: 0
}
.home-pro .caption {
    background: #fff;
    padding: 5px 15px;
height:52px;
overflow:hidden
}
.home-pro .caption a {
    display: table;
    color: #000;
    font-weight: bold;
    font-size: 16px
}

.home-pro .swiper-slide {
    box-shadow: 2px 2px 8px #bbb;
}

.choose-con {
    padding: 10px 0;
}

.choose-con ul {
    margin-top: 15px
}
.choose-con ul li {
    margin-bottom: 20px
}
.choose-con ul li span {
    padding: 8px 15px;
    display: inline-table;
    color: #fff;
    font-size: 16px
}
.choose-con ul li .rCon {
    background: #c33835
}
.choose-con ul li .bCon {
    background: #0e8bd2;
    padding-right: 15%
}

.about-con>h2 {
    margin-top: 0;
    color: #e70012
}

.about-main {
    background: #ebebeb;
    padding: 15px
}
.about-main>h3 {
    font-style: italic;
    margin-top: 0;
    font-size: 20px
}

.news-con {
    margin-top: 15px
}

.news-item .item-tit {
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    margin-bottom: 10px
}

.news-item .item-summ {
    color: #878787;
    font-size: 12px
}

.contact-con {
    background: url("images/home-contact.jpg") no-repeat left
}

.contact-con address {
    margin-bottom: 5px;
    font-size: 12px;
    color: #707070
}

.cert-list img {
    border: 2px solid #ddd
}

.product-page {
    margin: 30px auto
}

.product-page>div>div {
    margin-bottom: 30px
}
.product-page .product-list-item {
    box-shadow: 0px 0px 10px #ddd;
    padding:10px;
    position: relative;
    overflow: hidden;
}

.product-page .caption {
    overflow: hidden
}
.product-page .caption a {
    color: #787878;
    display: block;
    height: 35px
}

.post-container {
    margin-top: 35px
}
.post-container>h3 {
    margin-bottom: 25px
}

.img-thumbnail {
    border: 0
}

.spec-items {
    display: block;
    margin-bottom: 30px
}
.spec-items>ul {
    display: block
}
.spec-items>ul>li {
    width: 33%;
    width: 33%\9;
    float: left;
    padding: 2px 5px
}
.spec-items>ul>li>a {
    width: 100%
}

.pro-summary>h4 {
    margin-top:0
}
.pro-summary>p {
    color: #656565;
    margin-bottom: 20px
}

.email {
    padding: 5px 12px;
    margin-bottom:10px;
    background: #44a96b;
    color: #fff;
    border-radius: 5px;
    display: table
}
.email:hover {
    color: #fff
}
.email>i {
    margin-right: 3px
}
.share {
    display: table;
    margin-bottom:10px;
    margin-left: 5px
}

.product-content {
    margin: 35px 0 20px 0;
    border: 1px solid #ddd;
    background: #fff
}

.check-card {
    height: 30px;
    background: #ececec
}
.check-card span {
    display: table;
    background: #fff;
    text-align: center;
    padding: 4px 15px;
    border-right: 1px solid #ddd;
    border-top: 2px solid #3488ea
}

.sup-box {
    margin-bottom: 20px
}

.sup-box a {
    color: #9c573a
}

.button-raised.button-caution {
    border-color: #c69e53;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3c67d), to(#e8b950));
    background: linear-gradient(#f3c67d, #e8b950);
}
.button-raised.button-caution:hover, .button-raised.button-caution:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#f3c67d), to(#e8b950));
    background: linear-gradient(top, #f3c67d, #e8b950);
    color: #9c573a
}
.button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active {
    border-color: #c69e53;
    background: #f3c67d; 
}

.sup-box h4 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    background: #3488ea;
    padding: 5px 15px
}

.sup-box .relate-item {
    box-shadow: 2px 2px 5px #ddd;
    margin-bottom: 15px
}
.sup-box .relate-item .caption a {
    color: #565656;
    text-align: center;
    display: block;
    padding: 5px 10px
}

.news-list li {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc
}
.news-list li a {
    color: #545454
}
.news-list li a:before {
    content: ">";
    margin-right: 3px
}

.news-table {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.news-table h4 {
    margin-top: 0;
    font-weight: normal
}
.news-table p {
    color: #616161
}
.news-table span {
    color: #888;
    display: block
}
.news-table .m-btn {
    padding: 5px 15px;
    border: 1px solid #ddd;
    color: #888;
    display: table;
}
.news-table .m-btn>i {
    margin-left: 5px
}

.news-page h3 {
    border-bottom: 0;
    padding-bottom: 0
}

.relanews-box {
    border-left: 1px solid #bbb;
    padding-left:30px
}
.relanews-box>h3 {
    background: #f3f3f3;
    font-size: 16px;
    display: table;
    padding: 10px 55px 10px 15px;
    margin-bottom: 20px
}

.rela-news {
    margin-bottom: 60px
}
.rela-news>li {
    padding: 15px 20px;
    box-shadow: 0px 0px 8px #ddd;
    margin-bottom: 20px
}
.rela-news a {
    display: block;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #5d5d5d;
    font-weight: bold;
    font-size: 14px
}
.rela-news span {
    margin: 8px 0;
    display: table
}

.main-content {
    padding: 40px 0px;
    border-top: 1px dotted #777;
    border-bottom: 1px solid #bbb;
}


.product-content table {
    max-width: 100%;
    overflow-x: scroll
}
.product-content table td {
    border: 1px solid #333;
    padding: 5px;
    word-break: break-all;
    background: #eee
}

/* main ^ */


ul:before, ul:after,.footer-main:before,.footer-main:after,.news-list>li:before,.news-list>li:after,
.news-item:before,.news-item:after,.news-table:before,.news-table:after {
    display: table;
    content: " "
}

ul:after,.footer-main:after,.news-item:after,.news-list>li:after,.news-table:after {
    clear: both
}


@media(min-width:768px) {
    .video-con {
        padding-right: 0
    }
    .about-con {
        padding-left: 0
    }
    .about-con>h2 {
        margin-left: 15px
    }

    .sup-box .relate-item .caption a {
        height: 60px
    }

    .news-table .m-btn {
        margin-top: 45px;
        float: right
    }
}

@media(min-width:992px) {
    .logo-con {
        margin-top: 5px
    }

    .navbar-collapse,.navbar-collapse .navbar-nav {
        float: right!important
    }

    .navbar-collapse {
        padding-right: 0!important
    }
    
}

@media(max-width:992px) {
    .logo-con {
        margin-top: 5px
    }
}

@media(max-width:768px) {
    .about-con {
        margin-top: 15px
    }

    .about-con .row>div {
        margin-bottom: 10px
    }

    .link-item {
        margin-bottom: 15px
    }
    .link-item .caption {
        height: 110px;
        overflow: hidden
    }

    .sup-box .relate-item .caption a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}
/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #32272f;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: fontawesome; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f015";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: fontawesome; font-size: 14px;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}
.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;margin-top: 0!important;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;margin-top: 0!important;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>a:after{content:'\f107';font-family:fontawesome;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

@media(max-width:768px) {
   
}


