/* GLOBAL STYLES
-------------------------------------------------- */

body{font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
#content p {
    margin: 15px 0px;
}


#content table,
#content table tr th,
#content table tr td {
    border: 1px solid #666 !important;
    padding: 7px 10px !important;
}
#content table {
    width: 100%;
    min-height: 25px !important;
    line-height: 25px !important;
    text-align: left;
    border-collapse: collapse !important;
}

/* Padding below the footer and lighter body text */

/* body {background: url(img/bodybj.jpg) no-repeat;} */
.headbg{
    background: -webkit-linear-gradient(#fbe9e9, #fff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fbe9e9, #fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fbe9e9, #fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fbe9e9, #fff); /* 标准的语法 */
}

.footerbg{
    background-color: #333;
    color: #fff;
    border-top:1px solid #555;
    margin-top:30px;
}
.footer {
    text-align: center;
    padding: 18px 0px;
    margin-top:20px;
}

@media (min-width: 768px) {
    .footer {
    text-align: center;
    padding: 30px 0px;
    margin-top:30px;
}
}


.footer a{color: #fff;}

.footer_bag {
    background-color: #333;
    color: #fff;
}

.footer_bag a {
    color: #fff;
}

.noPadding {
    padding: 0px;
}

.noMargin {
    margin: 0px;
}

.logo {
    padding: 20px 0px;
    width: 100%;
    text-align: left;
}

.logo a {
    border: none;
    display: block;
    text-decoration: none;
    color: #9a0002;
}

.logo a:hover{
    color: #9a0002;
}

.logo>a>img {
    width: 100%;
}
.logo h4{
    color: #999;
    margin-top:10px;
    font-size: 14px;
    font-weight: bold;
}
.logo h3{text-align: center;}
.logo h3,h4{
    margin: 0px;
    padding: 0px;
}

.search-tool{
    margin-top:50px;
}

.search-form .search-field{border: 1px solid #ccc;float: left; line-height: 35px; padding: 0px 10px; width: 250px; color: #999;font-weight: normal; }
.search-form .search-submit{border: none;background-color: #9a0002;line-height: 37px; padding: 0px 25px; float: left;color: #fff;}
.no-results, .not-found{padding:0px 20px 20px; height: auto; overflow: auto;}
.index .row{margin-bottom: 15px;}

.wx_code {display: none; position: absolute;right:0px;top:28px;}
.wx_code img{width: 100px;  }

#tabNav{margin-top: 20px;margin-right: 20px;margin-left: 20px;}
#tabNav>ul{border-bottom: 2px solid #ccc; list-style: none; padding: 0px;font-size: 16px;}
#tabNav>ul>li{display: inline-block; padding: 7px 15px;margin: 0px;}
#tabNav>ul>li a{color: #666; text-decoration: none;}
#tabNav>ul>li:first-child{ background-color: #9a0002; color: #fff; }
#tabNav>ul>li:hover{background-color: #9a0002; color: #fff;}
#tabNav>ul>li:first-child a{color: #fff}
#tabNav>ul>li:hover a{color: #fff}

#tabs{display: block;color: #666;margin-right: 20px;margin-left: 20px;}
#tabs a:hover{color: #9a0002;}
#tabs ul{padding: 0px;list-style: none;min-height: 195px;}
#tabs>ul>li{display: none;}
#tabs ol{padding: 0px; margin: 0px; list-style:none; }
#tabs ol li{line-height: 38px;background-color: #f2f2f2;}
#tabs ol li:nth-child(even){background-color: #fff;}
#tabs ol li a{color: #666; display:block;}
#tabs ol li span{display: inline-block; background-color: #e1e1e1; padding: 0px 10px; margin-right: 10px; width: 85px;}
#tabs ol li:nth-child(even) span{background-color: #ececec; }
#tabs ol li i{float: right; color: #666; line-height: 38px;padding-right: 10px;}
#tabs ol li:hover{background: #c53033; color: #666;} 
#tabs ol li:hover a{color: #fff;} 
#tabs ol li:hover i{color: #fff;} 
#tabs ol li:hover span{color: #fff;background: #9a0002;} 
#tabs>ul>li:first-child{display:block;}

.about{margin-right: 20px;margin-left: 20px;}
.about h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px;}
.about h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
.about h2 a i{color: #9a0002; font-size: 14px; margin-right: 5px;}
.about h2 small{font-size: 18px;}
.about img{width: 100%;}
.about>p{text-indent: 2em; color: #666; padding: 0px; margin: 0px!important; background-color: #f2f2f2;padding:10px 12px; font-size: 13px; line-height: 20px;}
.about b{color: #9a0002;}

.contact{margin-left: 20px;margin-right: 20px;}
.contact h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px; margin-top:0px;}
.contact h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
.contact h2 i{color: #9a0002; margin-left: 5px;}
.contact h2 small{font-size: 18px;}
.contact img{margin-bottom: 3px; width: 100%;}
.contact ul{list-style: none;padding: 0px; color: #666; line-height: 24px;}
.contact ul li{font-size: 12px;}
.contact ul li b{color: #9a0002;font-size: 18px; display: block;}

.about_list{list-style: none; padding: 0px; margin-top: 20px; margin-left: 20px;}
.about_list li {color: #fff;  text-align: center;line-height: 61px; margin-bottom: 10px;}
.about_list li i{font-size: 24px; margin-right: 20px; vertical-align: text-bottom;}
.about_list li a{color: #fff; font-size: 24px; display: block;}
.about_list .color1{background-color: #8e1adb;}
.about_list .color2{background-color: #2adb1a;}
.about_list .color3{background-color: #1a8edb;}
.about_list .color4{background-color: #db471a;}

/**
 * Environment 横向滚动
 * ------------------------------ */
.Environment{position:relative;width: 100%;margin-right: 20px;margin-left: 20px;}
.Environment h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 18px; margin-top:0px;}
.Environment h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
.Environment h2 a i{color: #9a0002; font-size: 14px; margin-right: 5px;}
.Environment h2 small{font-size: 18px;}
.Environment ul{list-style: none;padding: 0px; color: #888; height: auto; overflow: auto;}
.Environment ul li{width: 25%; float: left;}
.Environment ul li a{padding:10px 10px; display: block;}
.Environment ul li a img{width: 100%;}
.Environment .box{overflow:hidden;position:relative;height:142px;margin:0px auto;width: 100%;}
.Environment .list{overflow:hidden;width: 99999px;}
.Environment .list li{float:left;width:273px;}
.Environment .prev,
.Environment .next{position:absolute;top:50%;margin-top:0px;width:40px;height:50px;background-image:url(./img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.Environment .prev{left:5px;background-position:0 0;}
.Environment .next{right:5px;background-position:-40px 0;}
.Environment .prev:hover{background-position:0 -50px;}
.Environment .next:hover{background-position:-40px -50px;}

.links{list-style: none;padding: 0px;margin-right: 20px;margin-left: 20px;}
.links h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px; margin-top:-15px;}
.links h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
.links h2 a i{color: #9a0002; font-size: 14px; margin-right: 5px;}
.links h2 small{font-size: 18px;}
.links ul{list-style: none;padding: 0px; color: #888; height: auto; overflow: auto;}
.links ul li{width: 50%; float: left;}
.links ul li a{padding:10px 5px; display: block;}
.links ul li a img{width: 100%; height: 60px; border: 1px solid #ccc;}

.head-telphone-phone {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    display: block;
    width: 100%;
    text-align: center;
}

.head-telphone-phone a {
    color: #9a0002;
    font-weight: bold;
    text-decoration: none;
}

.head-telphone-phone b {
    font-size: 18px;
}

@media (min-width: 768px) {
    .logo {
        padding: 45px 0px;
        max-width: 529px;
    }
    
    .logo h3{text-align: left;}

    .head-telphone {
        font-size: 14px;
        line-height: 28px;
        float: right;
        position: relative;
        text-align: right;
        top: 5px
    }
    .head-telphone a {
        color: #666;
        text-decoration: none;
    }
    .head-telphone i {
        font-size: 16px;
        color: #9a0002;
        padding-right: 3px;
    }
    .head-telphone b {
        font-size: 22px;
        color: #9a0002;
    }

    .top-menu a{margin-right: 15px;}
    .top-menu a:last-child{margin-right: 0px; }
    #date{color: #666; line-height: 35px;margin-top:10px;}
    #content {
        min-height: 600px;
    }

    #tabNav{margin-top: 20px;margin-right: 0px;margin-left: 0px;}
    #tabNav>ul{border-bottom: 2px solid #ccc; list-style: none; padding: 0px;font-size: 16px;}
    #tabNav>ul>li{display: inline-block; padding: 10px 25px;margin: 0px;}
    #tabNav>ul>li a{color: #666; text-decoration: none;}
    #tabNav>ul>li:first-child{ background-color: #9a0002; color: #fff; }
    #tabNav>ul>li:hover{background-color: #9a0002; color: #fff;}
    #tabNav>ul>li:first-child a{color: #fff}
    #tabNav>ul>li:hover a{color: #fff}

    #tabs{display: block;color: #666;margin-right: 0px;margin-left: 0px;}
    #tabs a:hover{color: #9a0002;}
    #tabs ul{padding: 0px;list-style: none;min-height: 195px;}
    #tabs>ul>li{display: none;}
    #tabs ol{padding: 0px; margin: 0px; list-style:none; }
    #tabs ol li{line-height: 38px;background-color: #f2f2f2;}
    #tabs ol li:nth-child(even){background-color: #fff;}
    #tabs ol li a{color: #666; display:block;}
    #tabs ol li span{display: inline-block; background-color: #e1e1e1; padding: 0px 10px; margin-right: 10px; width: 85px;}
    #tabs ol li:nth-child(even) span{background-color: #ececec; }
    #tabs ol li i{float: right; color: #666; line-height: 38px;padding-right: 10px;}
    #tabs ol li:hover{background: #c53033; color: #666;} 
    #tabs ol li:hover a{color: #fff;} 
    #tabs ol li:hover i{color: #fff;} 
    #tabs ol li:hover span{color: #fff;background: #9a0002;} 
    #tabs>ul>li:first-child{display:block;}

    .about{margin-right: 20px;margin-left: 0px;}
    .about h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px;}
    .about h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
    .about h2 a i{color: #9a0002; font-size: 14px; margin-right: 5px;}
    .about h2 small{font-size: 18px;}
    .about img{width: 100%;}
    .about>p{text-indent: 2em; color: #666; padding: 0px; margin: 0px!important; background-color: #f2f2f2;padding:10px 12px; font-size: 13px; line-height: 20px;}
    .about b{color: #9a0002;}

    .contact{margin-left: 20px;margin-right: 0px;}
    .contact h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px;margin-top: 20px;}
    .contact h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
    .contact h2 i{color: #9a0002; margin-left: 5px;}
    .contact h2 small{font-size: 18px;}
    .contact img{margin-bottom: 3px; width: 100%;}
    .contact ul{list-style: none;padding: 0px; color: #666; line-height: 18px;}
    .contact ul li{font-size: 12px;}
    .contact ul li b{color: #9a0002;font-size: 14px; display: block;}

    .about_list{list-style: none; padding: 0px; margin-top: 20px; margin-left: 20px;}
    .about_list li {color: #fff;  text-align: center;line-height: 61px; margin-bottom: 10px;}
    .about_list li i{font-size: 24px; margin-right: 20px; vertical-align: text-bottom;}
    .about_list li a{color: #fff; font-size: 24px; display: block;}
    .about_list .color1{background-color: #8e1adb;}
    .about_list .color2{background-color: #2adb1a;}
    .about_list .color3{background-color: #1a8edb;}
    .about_list .color4{background-color: #db471a;}

    /**
    * Environment 横向滚动
    * ------------------------------ */
    .Environment{position:relative;width: 1170px;margin-right: 0px;margin-left: 0px;}
    .Environment h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px; margin-top:0px;}
    .Environment h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
    .Environment h2 a i{color: #9a0002; font-size: 14px; margin-right: 5px;}
    .Environment h2 small{font-size: 18px;}
    .Environment ul{list-style: none;padding: 0px; color: #888; height: auto; overflow: auto;}
    .Environment ul li{width: 25%; float: left;}
    .Environment ul li a{padding:10px 10px; display: block;}
    .Environment ul li a img{width: 100%;}
    .Environment .box{overflow:hidden;position:relative;height:142px;margin:0px auto;width: 1090px;}
    .Environment .list{overflow:hidden;width: 99999px;}
    .Environment .list li{float:left;width:273px;}
    .Environment .prev,
    .Environment .next{position:absolute;top:50%;margin-top:0px;width:40px;height:50px;background-image:url(./img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
    .Environment .prev{left:5px;background-position:0 0;}
    .Environment .next{right:5px;background-position:-40px 0;}
    .Environment .prev:hover{background-position:0 -50px;}
    .Environment .next:hover{background-position:-40px -50px;}

    .links{list-style: none;padding: 0px;margin-right: 0px;margin-left: 0px;}
    .links h2{color: #9a0002; border-bottom: 2px solid #ccc; line-height: 42px;font-size: 24px; margin-top:0px;}
    .links h2 a{color: #999; font-size: 12px; float: right; margin-top: 5px;}
    .links h2 a i{color: #9a0002; font-size: 14px; margin-right: 5px;}
    .links h2 small{font-size: 18px;}
    .links ul{list-style: none;padding: 0px; color: #888; height: auto; overflow: auto;}
    .links ul li{width: 194px; float: left;}
    .links ul li a{padding:10px 5px; display: block;}
    .links ul li a img{width: 100%; height: 60px; border: 1px solid #ccc;}
}

.navbar {
    margin-bottom: 0px;
}
.navbar-collapse{padding-left: 0px; padding-right: 0px;}
.navbar-nav>li{border-right:1px solid #df8b92;}
.navbar-nav>li a{padding-left: 41px; padding-right: 40px;}
.navbar-nav>li:last-child{border-right: none;}

.navbar-default {
    background-color: #9a0002;
    color: #fff;
    border-radius: 0px;
    border: none;
    font-size: 16px;    
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #d13b11;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ddd;
    background-color: #d13b11;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: #d13b11;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #d13b11;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #fff;
}

.navbar-default .navbar-link:hover {
    color: #fff;
}

.navbar-default .btn-link {
    color: #fff;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #fff;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */


/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
}


/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper>.container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
}

.navbar-wrapper .navbar .container {
    width: auto;
}

.navbar-nav>li>.sub-menu {
    list-style: none;
    padding: 0px;
    background-color: #db471a;
    padding: 16px 0px;
}

.navbar-nav>li>.sub-menu a {
    color: #fff;
    text-decoration: none;
    white-space:nowrap;
}

.navbar-nav>li>.sub-menu li {
    min-height: 30px;
    line-height: 30px;
    text-indent: 1em;
}

.navbar-nav>li>.sub-menu li:hover {
    background-color: #d13b11;
}

.navbar-nav>li:hover>.sub-menu {
    display: block;
}

@media (min-width: 768px) {
    .navbar-nav>li>.sub-menu {
        display: none;
        list-style: none;
        padding: 0px;
        position: absolute;
        top: 50px;
        left: 0px;
        z-index: 999;
        background-color: #db471a;
    }
    .navbar-nav>li>.sub-menu a {
        color: #fff;
        text-decoration: none;
    }
    .navbar-nav>li>.sub-menu li {
        min-height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #f59e86;
        text-indent: 0em;
    }
    .navbar-nav>li>.sub-menu li:last-child {border-bottom: none;}
    .navbar-nav>li>.sub-menu li:hover {
        background-color: #d13b11;
    }
    .navbar-nav>li:hover>.sub-menu {
        display: block;
    }
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


/* Carousel base class */

.myCarousel {
    padding: 0px;
    min-height: 3px;
    background-color: #9a0002;
}

.carousel {
    height: 220px;
}


/* Since positioning the image, we need to help out the caption */

.carousel-caption {
    z-index: 10;
}


/* Declare heights because of positioning of img element */

.carousel .item {
    height: 220px;
    background-color: #777;
}

.carousel-inner>.item>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 220px;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

@media (min-width: 768px) {
    .myCarousel {
        padding: 0px 15px;
    }
    /* Carousel base class */
    .carousel {
        height: 680px;
        margin-bottom: 30px;
        margin: 20px 0px;
    }
    /* Since positioning the image, we need to help out the caption */
    .carousel-caption {
        z-index: 10;
    }
    /* Declare heights because of positioning of img element */
    .carousel .item {
        height: 680px;
        background-color: #777;
    }
    .carousel-inner>.item>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 680px;
    }
}


/* MARKETING CONTENT
-------------------------------------------------- */


/* Center align the text within the three columns below the carousel */

.newProducts {}

.newProducts h1 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 26px;
}

.newProducts .row {
    margin: 0px;
}

.newProducts .col-lg-3 {
    margin-bottom: 0px;
    text-align: center;
    border-bottom: none;
    padding: 0px 0px 30px 0px;
}

.newProducts img {
    width: 100%;
    border-radius: 0px;
}

.newProducts h2 {
    font-weight: normal;
}

.newProducts .col-lg-3 p {
    margin-right: 10px;
    margin-left: 10px;
    text-indent: 2em;
    text-align: left;
}

.service {
    background-color: #333;
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    color: #fff;
}


/* .service .one{background-color: #E91E63;}
.service .two{background-color: #9C27B0;}
.service .three{background-color: #4caf50;}
.service .four{background-color: #2196f3;}
.service .five{background-color: #607d8b;}
.service .six{background-color: #673ab7;} */

.service span {
    font-size: 92px;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    display: block;
    color: #333;
    margin: auto;
    background-color: #fff;
}

.service h1 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: bold;
}

.service .col-lg-4 {
    margin-bottom: 40px;
    text-align: center;
}

.service h2 {
    font-weight: normal;
}

.service p {
    margin-right: 10px;
    margin-left: 10px;
    text-align: left;
    text-indent: 2em;
}

@media (min-width: 768px) {
    .newProducts {
        padding-bottom: 40px;
    }
    .newProducts .row {
        margin: -15px;
    }
    .newProducts h1 {
        font-size: 36px;
        margin-bottom: 50px;
    }
    .newProducts .col-lg-3 img {
        width: 100%;
        border-radius: 5px;
    }
    .newProducts .col-lg-3 {
        border: none;
        padding: 0px 15px;
    }
    .service h1 {
        font-size: 36px;
        margin-bottom: 50px;
    }
    .service .col-lg-4 {
        margin-bottom: 20px;
        text-align: center;
    }
}


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 80px 0;
    /* Space out the Bootstrap <hr> more */
}


/* Thin out the marketing headings */

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}


/* 产品中心-所有分类 CSS
-------------------------------------------------- */

.products-cat h1 {
    text-align: center;
    font-size: 26px;
}

.products-cat>.row {
    margin: 0px;
}

.products-cat>.row .product-cat-list {
    padding: 7px;
}

.products-cat>.row .product-cat-list>div {
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.products-cat a {
    border: none;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.products-cat img {
    width: 100%;
}

.products-cat span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .products-cat h1 {
        text-align: left;
        font-size: 36px;
        padding: 0px 10px;
    }
    .products-cat img {
        width: 100%;
        height: 112px;
    }
}

@media (min-width: 1200px) {
    .products-cat img {
        width: 100%;
        height: 137px;
    }
}


/* 产品中心-分类产品 CSS
-------------------------------------------------- */

.products img {
    width: 100%;
    height: auto;
}

.products>.row {
    margin: 0px;
}

.products .products-list {
    padding: 0px;
}

.products .products-list h3 {
    border-bottom: none;
    padding-bottom: 10px;
    font-size: 26px;
    text-align: center;
}

.products .products-list>.row {
    margin: 0px;
}

@media (min-width: 768px) {
    .products .products-list h3 {
        border-bottom: 2px solid #333;
        padding-bottom: 10px;
        font-size: 24px;
        text-align: left;
    }
    .products .products-list {
        padding: 0px 15px;
    }
}

.products>.row .ProductItem {
    padding: 7px;
}

.products>.row .ProductItem>div {
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.products a {
    border: none;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.products span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}


/* 产品详细 CSS
-------------------------------------------------- */

.product-info {
    background-color: #e5e5e5;
    width: 100%;
    margin-top: 10px;
}

.product-info>div {
    padding: 20px;
    text-align: center;
}

.product-info img {
    width: 100%;
}

@media (min-width: 768px) {
    .product-info {
        background-color: #e5e5e5;
        width: 100%;
        margin-top: 10px;
    }
    .product-info>div {
        padding: 20px;
        text-align: center;
    }
    .product-info img {
        width: auto;
    }
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
    /* Navbar positioning foo */
    .navbar-wrapper {
        margin-top: 20px;
    }
    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
        border-radius: 4px;
    }
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}
.sidebar{border: 1px solid #e5e5e5;border-top: 2px solid #9a0002;margin-top: 20px;}
.sidebar h3 {
    border-bottom: 2px solid #e5e5e5;
    padding:0px 20px 12px;
    margin-top:15px;
    color: #9a0002;
    font-size: 18px;
}

.sidebar ul {
    padding: 0px;
    list-style: none;
}

.sidebar li {
    padding: 10px 20px;
    margin: 0px;
    font-weight: normal;
}

.sidebar li:hover {
    background-color: #9a0002;
    color: #fff;
}

.sidebar li a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px dotted #e5e5e5;  
    display: block;
    padding-bottom: 5px;  
}

.sidebar li:hover a {
    color: #fff;
    display: block;
}

.contact_sidebar{margin-bottom: 20px; color: #666;}
.contact_sidebar ul li img{width:100%; margin-bottom: 5px;}
.contact_sidebar ul li{line-height: 24px;padding:0px 20px;font-size: 12px;}
.contact_sidebar ul li:hover{background-color: #fff;color: #666;}
.contact_sidebar ul li b{color: #9a0002; font-size: 14px;line-height: 18px; display: block;}
.nextArticle{margin-left: 20px;margin-top: 0px; }
.nextArticle a{ color: #9a0002;}

.article-list{margin:20px; border: 1px solid #e5e5e5;border-top: 2px solid #9a0002; height: auto; overflow: auto;}
@media (min-width: 768px) {
.article-list{margin:20px 0px; border: 1px solid #e5e5e5;border-top: 2px solid #9a0002; height: auto; overflow: auto;}
    .nextArticle{margin-left: 0px;margin-top: 0px; }
}
.article-list h3 {
   border-bottom: 2px solid #e5e5e5;
    padding:20px;
    color: #fff;
    color: #9a0002;
    margin:0px;
    font-size: 22px;
    font-weight: bold;
}

.article-list h3 span{color: #9a0002}

.article-list ul {
    padding: 20px;
    margin: 0px;
    list-style: none;
}

.article-list li {
    line-height: 38px;background-color: #fff;
    border-bottom:1px dotted #e5e5e5;
}

.article-list li:nth-child(even){background-color: #fff;}
.article-list li:nth-child(even) span{ }
.article-list li i{float: right; color: #666; line-height: 38px;padding-right: 10px;}
.article-list li a {
    color: #666; display:block;
}

.article-list li span{display: inline-block; padding: 0px 10px; margin-right: 10px; width: 85px;}

.article-list li:hover {
    background: #c53033; color: #666;
}
.article-list li:hover i{color: #fff;} 
.article-list li:hover span{color: #fff;background: #9a0002;} 

.article-list li:hover a {
    color: #fff;
}


.entry-single{border: 1px solid #e5e5e5; border-top:2px solid #9a0002; margin-top: 20px;margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }
.entry-header>h3{margin-top: 7px; margin-bottom: 7px;font-weight: bold; letter-spacing: 1px; padding-left: 30px; padding-right: 30px;}
.entry-header{text-align: center; border-bottom: 2px solid #e5e5e5; padding-top:15px; ; padding-bottom: 18px;}

#dituContent {
    width: 100%;
    height: 300px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

@media (min-width: 768px) {
    #dituContent {
        width: 100%;
        height: 400px;
    }
    .entry-single{border: 1px solid #e5e5e5; border-top:2px solid #9a0002; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px;}
}

.entry-content {
    margin-bottom: 10px;
    padding:10px 30px;
    line-height: 26px;
}

.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0px auto;
}

.size-full {
    max-width: 100%
}

.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.page_navi{overflow:hidden;width:100%;text-align:center}
.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page_navi a:hover,.page_navi a.current{background-color: #9a0002; color:#fff;font-weight:bolder; border: none;}