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: #fff;
    z-index: 999;
    width: 100%;
    box-shadow: 0px 2px 2px #ccc
}

.header-main .navbar {
    margin-top: 15px;
    margin-bottom: 0;
    border: 0
}

.navbar-nav>li>a {
    color: #979797;
    font-style: italic
}

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.active-h>a {
    color: #14ae67;
    background: transparent;
    border-bottom: 3px solid #14ae67
}

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

.side-n h3 {
    background: #03bc5d;
    color: #fff;
    padding: 12px 15px;
    margin: 0
}

.side-n>ul>li>a {
    display: block;
    padding: 8px 15px;
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 1px solid #ddd;
overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.side-n>ul>li>a::after {
    content: ">";
    position: absolute;
    right: 30px
}

.active-s,.side-n>ul>li>a:hover {
    color: #e40000!important;
    border-left-color: #e40000!important
}




.side-p {
    margin-top: 27px
}

.side-p .parent-list li a {
    background: #e6e6e6;
    color: #7e7e7e;
    padding: 15px 30px;
    display: table;
    font-size: 18px
}

.side-p .child-list {
    background: #f1f1f1;
    font-size: 14px;
    margin-top:-5px;
    margin-left: -14px;
    margin-right: -14px;
    padding: 6px 15px
}
.side-p .child-list li {
    padding: 0
}
.side-p .child-list li a {
    color: #7e7e7e;
    padding: 5px 12px;
    display: table
}
.side-p .child-list li a:before {
    content:">";
    margin-right: 3px
}

.side-p .active-s,.parent-list li a:hover {
    background: #df4a43!important;
    color: #fff!important
}
.child-list li a:hover {
    text-decoration: underline
}


footer {
    background: #efefef
}
footer p {
    margin: 0
}

.footer-main {
    padding: 30px 0;
    color: #757575
}

footer h3 {
    color: #15ae67;
    font-size: 32px;
    margin-top:0
}
footer address {
    margin-bottom: 15px
}
.contact-con i {
    margin-right: 5px
}

.feed-con .form-control {
    background: rgba(255, 255, 255, 0.1)
}

.footer-down {
    color: #b1ffdb;
    padding: 15px 0 12px 0;
    background: #15ae67
}
.footer-down a {
    color: #b1ffdb;
}
.footer-down a:hover {
    color: #b1ffdb
}

/* header sider footer ^ */

/* main */
#home-page .banner {
    padding-bottom: 50px
}
.banner .swiper-pagination {
    bottom: 10px;
    width: 100%
}

.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
}

.home-tit h1,
.home-tit h2 {
    color: #15ae67;
    text-transform: uppercase;
    border-bottom:1px solid #ddd
}

.page-tit {
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px
}
.page-tit h3 {
    border-bottom: 1px solid #15ae67;
    margin-bottom: -1px;
    padding-right: 10%;
    display: table
}

.about-con{padding: 10px 0 30px 0}
.news-con {
    padding: 10px 0 70px 0
}

.about-con>.container {
    margin-top: 45px
}

.about-con {
    margin-bottom: 15px
}

.about-con p {
    color: #7e7e7e;
    line-height: 1.8em
}

.about-con img {
    border: 10px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #ddd
}
.about-con a:hover img {
    border-color: #15ae67;
    box-shadow:none
}

.product-con {
    padding: 20px 0 60px 0
}

.product-con .thumbnail {
    border: 0;
    padding: 0;
    margin-bottom: 0
}
.product-con .caption {
    background: #15ae67;
    padding: 5px 15px;
    color: #fff
}
.product-con .caption {
    background: #15ae67;
    padding: 5px 15px;
    color: #fff
}
.product-con .caption a {
    color: #fff;
    display:block;
    text-align:center
}

.product-con .thumbnail {
    margin-bottom: 15px
}


.news-main>div+div {
    border-top: 1px solid #ddd
}

.news-item {
    padding: 20px 0
}

.news-item .col-xs-3 p {
    color: #e3e3e3;
    font-family: "SimHei";
    margin-bottom: 0;
    line-height: 1em;
    font-weight: bold;
    text-align: right
}
.news-item .col-xs-3 p:nth-child(1) {
    font-size: 44px;
    margin-bottom: 5px;
}

.news-item .item-tit {
    display: block;
    color: #000;
    font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    margin-bottom: 6px
}
.news-item .item-summ {
    color: #878787;
    margin-bottom: 0
}
.news-item .item-tit:hover {
    text-decoration: underline
}

.contact-feed>h3 {
    color: #fff;
    text-align: center;
    margin: 10px auto 20px
}



.product-page .product-list-item {
    padding: 30px 0
}

.product-page>div+div {
    border-top: 1px solid #ddd
}

.product-page .caption {
    overflow: hidden;
    display: block
}
.product-page .caption a {
    color: #333;
    display: block;
}

.product-page .caption .list-inline li {
    width: 30%;
    width: 30%\9
}

.product-post {
    background: #f1f1f1;
    padding: 15px
}

.img-thumbnail {
    border: 0
}

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

.email {
    padding: 5px 12px;
    margin-bottom:20px;
    background: #df4a43;
    color: #fff;
    border-radius: 5px;
    display: table
}
.email:hover {
    color: #fff
}
.email>i {
    margin-right: 3px
}

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

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

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

.sup-box .product-list-item .caption a {
    color: #787878;
    text-align: center;
    display: block
}

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

.news-table li {
    padding: 15px 0
}
.news-table li+li {
    border-top: 1px dotted #ddd
}
.news-table li a>h4 {
    color: #333;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.news-table li p {
    color: #808080
}

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


/* main ^ */


ul:before, ul:after,.footer-main:before,.footer-main:after,.tools-box>div:before,.tools-box>div:after,
.choose-con>div>div:before,.choose-con>div>div:after,.news-item:before,.news-item:after,
.about-con .col-md-6:before,.about-con .col-md-6:after,.abreast:before,.abreast:after,.contact-main:before,.contact-main:after {
    display: table;
    content: " "
}

ul:after,.footer-main:after,.tools-box>div:after,.choose-con>div>div:after,.news-item:after,.about-con .col-md-6:after,.abreast:after,
.contact-main:after {
    clear: both
}


@media(min-width:768px) {
    .footer-main>div>div>div+div {
        border-left: 1px solid #ddd
    }
}

@media(min-width:992px) {
    .navbar-nav>li {
        margin-right: 15px
    }

    .navbar-nav>li>a {
        padding-top:15px!important;
        padding-bottom: 15px!important;
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

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

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

    .news-page {
        margin-left: 4%
    }
    
}

@media(min-width:1200px) {
    .header-main .navbar {
        margin-top: 25px;
    }

    .navbar-nav>li {
        margin-right: 30px
    }
}

@media(max-width:768px) {
    .link-item {
        margin-bottom: 15px
    }
    .link-item .caption {
        height: 110px;
        overflow: hidden
    }

    .choose-con {
        padding-top: 5px
    }

    .footer-main {
        padding: 0
    }
}

@media(max-width:450px) {
    .news-item .col-xs-3 p:nth-child(1) {
        font-size: 28px
    }
}