body {
    font-size: 14px;
    font-family: arial, "微软雅黑";
    background: #dbdfe1
}

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

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img { 
    max-width: 100%
}

/* header sider footer */
.header-top {
    background: #33485d;
    border-bottom: 2px solid #95a5a5;
    color: #fff;
    padding: 5px 0
}

.share-con li a {
    color: #fff
}
.share-con li:nth-child(1){
    background: #1a6bbd
}
.share-con li:nth-child(2){
    background: #00a1e7
}
.share-con li:nth-child(3){
    background: #c35545
}
.share-con li:nth-child(4){
    background: #0068a7
}

.header-main {
    padding: 36px 0 8px 0
}

.header-font h4 {
    margin: 0;
    line-height: 1.5em;
    color: #364b60
}

.header-font i {
    font-size: 1.5em
}

mred {
    color: #dd4942
}
mblue {
    color: #135392
}

.navbar {
    margin-bottom: 0;
    min-height: 0
}

.navbar-nav>li>a {
    color: #747374;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px
}

.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: #747374;
    border-color: #747374;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 15px
}

aside h4 {
    background: #416c97;
    color: #fff;
    padding: 10px 15px;
    margin-bottom: 0
}
aside ul li {
    border-top: 1px solid #ddd
}
aside ul li a {
    color: #fff;
    background: #9ab0c7;
    display: block;
    padding: 10px 15px;
}
aside ul li a:before {
    content: "◆";
    margin-right: 5px;
    color: #a50102
}

aside .active-s,
.child-list .active-s {
    color: #416c97
}

.child-list {
    margin-bottom: 12px
}
.child-list ul li {
    margin-bottom: 3px
}
.child-list ul li a {
    background: #d2d2d2;
    color: #787878;
    padding: 7px 30px;
    display: table
}

.child-list .active-s {
    background: #9ab0c7
}

footer {
    color: #fff
}

footer p {
    margin: 0
}

footer h3 {
    margin-top: 0
}

.footer-main {
    background: #46617a;
    padding: 20px 0 25px 0
}

.footlist>ul>li {
    margin-bottom:5px;
    vertical-align: top;
    margin-right: 10px
}
.footlist ul li a {
    color: #fff
}
.footlist ul li i {
    margin-right: 3px
}
.footlist ul li ul li {
    padding-left: 8px
}

.footer-down {
    padding: 8px 0;
    background: #3a4e60;
    font-size: 12px
}
.footer-down a{color:#fff}

/* header sider footer ^ */

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

.my-breadcrumb {
    padding: 10px 0;
    background: #808c9a;
    color: #fff
}
.my-breadcrumb a {
    color: #fff
}
.breadcrumb {
    padding-top: 0!important;
    padding-bottom: 0!important;
    display: table;
    margin: 0
}
.breadcrumb .active {
    color: #fff;
}
.breadcrumb>li li::before {
    content: ">"
}

.page-tit {
    font-size: 18px;
    border-bottom: 1px solid #808c9a;
    padding-bottom: 4px;
    margin-bottom: 10px
}
.page-tit:before {
    content: ">";
    margin-right: 5px
}

.post-content {
    background: #c8cdd3;
    margin-top: 10px;
    padding: 6px 15px 30px 15px
}

.product-con {
    margin-top: 35px
}

.product-con h4 {
    background: #818c9a;
    color: #fff;
    padding: 8px 12px
}

.product-con .thumbnail {
    border: 0;
    border-radius: 0;
    padding: 0
}

.product-con .caption a {
    display: block;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #787878;
    font-weight: bold;
text-align: center;

}

.down-con {
    position: relative;
    background: #fff;
    overflow: hidden
}

.down-con .down-item {
    margin-top: 15px
}

.down-item p {
    font-size:12px
}

.down-item .dname {
    color: #000;
    display: block
}
.down-con .bmore {
    background: #90c51f;
    color: #fff;
    display: table;
    padding: 4px 15px;
    border-radius: 15px;
    margin-top: 5px;
    font-size: 12px
}

.mpl-0 {
    margin-bottom: 20px
}

.cho-prod>div {
    margin-bottom: 21px;
    overflow: hidden
}

.main-con {
    background: #c7cdd2;
    margin-top: 20px
}

.main-con h2 {
    font-weight: bold;
    margin:0;
    padding: 20px 0 10px 0
}

mgreen {
    color: #8bc41b
}

.about-con,.coo-con {
    padding-left: 30px
}
.about-con {
    height: 262px;
    background: no-repeat right bottom #fff
}
.about-con h5 {
    margin-top: 0;
    font-weight: bold
}
.about-con p {
    font-size: 12px;
    color: #aaa
}
.about-con a,
.news-con .morebtn {
    background: #90c51f;
    color: #fff;
    display: table;
    padding: 4px 35px;
    border-radius: 15px;
    margin-top: 30px
}

.contact-con address {
    margin-bottom: 5px;
    color: #676767
}
.contact-con address i {
    margin-right: 3px
}

.work-con {
    height: 240px;
    background: no-repeat center bottom #7cabb8;
    text-align: center;
    color: #fff;
    padding-top: 10%
}
.work-con h3 {
    font-weight: bold;
    margin-top:0
}
.work-con a {
    background: #fff;
    color: #0e607f;
    padding: 4px 25px;
    border-radius: 15px
}

.news-con {
    height: 502px;
    background: #f7f7f7;
    padding: 0 15px
}

.news-con>div {
    padding: 15px 0
}
.news-con>div div {
    border-top: 1px solid #ddd
}

.news-con .item-tit {
    display: block;
    color: #484848;
    font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    margin-bottom: 10px
}
.news-con .item-summ {
    font-size: 12px;
    color: #999
}
.news-con span {
    color: #e87e27;
    font-weight: bold;
    font-size: 16px
}

.coo-con {
    height: 502px;
    background: no-repeat center bottom
}

.coo-con a {
    background: #fff;
    color: #000;
    display: table;
    padding: 4px 35px;
    border-radius: 15px;
    margin-top: 15px
}

.product-page {
    margin-top: 10px;
    padding: 6px 15px 30px 15px;
    background: #e4e7ea
}

.product-list>div {
    margin-bottom: 25px
}

.product-list .caption>a {
    display: block;
    background: #416c97;
    color: #fff;
    font-size: 16px;
    padding: 4px 10px
}
.product-list .caption>p {
    padding-left: 10px;
    margin-top: 10px
}

.img-thumbnail {
    border: 0;
    padding: 0;
    border-radius: 0;
    background: transparent
}

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

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

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

.button-raised.button-caution {
    border-color: #69b1f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#368fe8), to(#416c97));
    background: linear-gradient(#368fe8, #416c97);
    color: #a9d1fa
}
.button-raised.button-caution:hover, .button-raised.button-caution:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#368fe8), to(#416c97));
    background: linear-gradient(top, #368fe8, #416c97);
    color: #a9d1fa
}
.button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active {
    border-color: #69b1f8;
    background: #226ab1; 
}

#form1 {
    margin-bottom: 20px
}

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

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

.news-list li {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #aaa
}
.news-list li a {
    color: #545454
}
.news-list i {
    color: #e70007;
    margin-right: 5px
}

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

.news-table h4 {
    margin-top: 0;
    font-weight: normal
}
.news-table h4 a {
    color: #000
}
.news-table span {
    color: #416c97;
    display: block
}

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

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

/* main ^ */


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

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

@media(max-width:500px){
    .col-xxs {
        width: 100%
    }
}

@media(min-width:500px) and (max-width:768px) {
    .main-con>div>div>div:nth-child(2) {
        padding-right:0
    }
    .main-con>div>div>div:nth-child(3) {
        padding-left:0
    }
}

@media(min-width:768px) {
    nav>.container {
        background: -moz-linear-gradient(top, #e2e2e2, #ddddde, #c6c6c6);
        background: -webkit-linear-gradient(top, #e2e2e2, #ddddde, #c6c6c6);
        background: -o-linear-gradient(top, #e2e2e2, #ddddde, #c6c6c6);
        border: 1px solid #cecece;
        margin-bottom: 10px
    }

    .news-table .m-btn {
        margin-top: 45px;
        float: right
    }
    
    .main-con .col-sm-3 {
        padding:0
    }

    .mpl-0 {
        padding-left: 0
    }
    .mpr-0 {
        padding-right: 0
    }
    .mp-0 {
        padding-left: 0;
        padding-right: 0
    }

    .cho-prod>div {
        height: 121px
    }

    .post-content {
        padding-left: 30px;
        padding-right: 30px
    }

    .down-con {
        height: 312px
    }
}

@media(min-width:992px) {
    .header-font h4 {
        font-size: 16px
    }
 
    .down-con {
        height: 386px
    }
}

@media(min-width:1200px) {
    .header-font h4 {
        font-size: 20px
    }

    .navbar-nav>li>a {
        padding-left: 20px;
        padding-right: 20px
    }

    .down-con {
        height: 452px
    }
}

@media(max-width:768px) {
    .product-con>div>div>div a {
        margin-left: auto;
        margin-right: auto;
        display: table
    }

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

@media(max-width:992px) {
    .about-con,.news-con,.coo-con {
        padding-left: 15px
    }

    .main-con h2 {
        font-size: 20px
    }

    .navbar-header {
        float: right
    }
    .nav>li>a {
        padding-left: 10px;
        padding-right: 10px
    }
}