body { font-family: 'Microsoft YaHei'; background-color: #f8f8f8; color: #525c5e; }
    body a, body a:hover { text-decoration: none; }
        body a:hover { color: #dcdcdc; }
.outstanding, .form-control { color: #2c2c2c; background-color: transparent; }
 

#top { height: 50px;padding-top: 8px; }
    #top a { font-weight:bold;}

header { background-color: #ffffff; }

    header #logo { text-align: center; padding: 30px; }
        header #logo a:nth-child(n+2) img { margin-left: 15px; }

        header nav { background-color: #3d9fd2 !important; line-height: 48px; text-align: center; margin: 0 !important; }
#navbarToggler .icon-bar {
    background-color: #ffffff;
}
.navbar-nav > li.active { background-color: #8aba38; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
.navbar-nav > li > a { color: #ffffff !important; background-color: transparent !important;     font-size: 16px;font-weight:bold;}
    .navbar-nav > li.active > a, .navbar-nav > li > a:hover { }
#navbar > .nav { float:none;}
#navbar > .nav > li .dropdown-menu { background-color: #53b8ed;  margin: 0; right: 0; left: 0; min-width: 0; padding-left:10px;}
    #navbar > .nav > li .dropdown-menu a { color: #ffffff; line-height: 40px; padding: 0; }

header nav > .nav .dropdown-menu li { text-align: center; line-height: 40px; padding: 0 10px; }
header nav > .nav .dropdown-menu li:hover { background-color: #a12528; }
header nav > .nav .dropdown-menu li:hover a { background-color: transparent; }
header nav > .nav .dropdown-menu li:nth-child(n+2) { border-top: solid 1px #949494; }

#mobileNav { background-color:#428bca;line-height:17px;padding-top:15px;padding-bottom:4px;}
    #mobileNav li { text-align:center;}
#mobileNav a{color:#ffffff; }
#navbar.in { background-color: #3d9fd2; z-index: 5; position: relative; }

 

#main { background-color: #ffffff; padding-top: 68px; }
    #main p {  line-height: 25px; }
    #main #path { text-align:right;}
        #main #path li:nth-child(n+2):before {content:'>';padding-right:10px; }

    #main .navTitle { font-size: 16px; }
        #main .navTitle h3 { display: inline; color: #3d9fd2; font-size: 18px; }

#main > .lb{    margin-left: -30px;}
    #main > .rb { padding-left:45px;padding-bottom:20px;}
    #main > .lb li { padding: 18px 0;}
    #main > .rb .content { font-size:14px;}

     #main .navTitle{padding-left:33px;}
        #subNav li.active .title { background-color: #8aba38; position: relative; line-height: 28px;margin-left: -14px;padding-left:62px;}
            #subNav li.active .title:before { content: ''; position: absolute; border-top: solid 11px #314e01; border-left: solid 14px transparent; bottom: -11px; left: 0; }
            #subNav li.active .title:after { content: ''; position: absolute; border-left: solid 17px transparent; border-top: solid 14px #ffffff; right: 0; }
    #subNav li .title{  padding-left: 50px;    font-size: 16px;
    font-weight: bold;}
            #subNav li.active .title,#main > .lb li.active .title a { color: #ffffff; }
            #subNav li:nth-child(n+2){border-top:solid 1px #dceac3;}
#main > .rb  p>img {max-width:100%; }
#main h4.title { font-weight:bold;}
footer { background-color: #3d9fd2; color: #ffffff;   text-align: center; padding:28px 0 10px;}

#footNav  { color:#ffffff;padding-top:20px;}
#footNav li a { color:#ffffff;padding:10px 20px 0;}
#footNav li:nth-child(n+2):before {content:'|';    padding-right: 12px;}

#newsList .item{ border-bottom:solid 1px #dceac3;padding:22px 0;}
#newsList .item:first-child {border-top:solid 1px #dceac3;}
    #newsList .item .date { border:solid 2px #8aba38;color:#8aba38;text-align:center;padding:8px;}
        #newsList .item .date .year { font-size:14px;}
        #newsList .item .date .day { font-size:36px;}

    #category li { padding:10px 20px;}

    #main .content img { max-width:100%;}
#productModel h5 { font-size:18px;color:#0099ff;}
#productModel .pic img{     padding: 8px;
    border: solid 1px #eeeeee;
    border-radius: 8px;}
/*内页*/
.page-header h5 { background: url('../images/leaf.jpg') no-repeat left center; padding-left: 42px; line-height: 35px; font-size: 22px; }
.page-header .breadcrumb { font-size: 12px; font-weight: normal; background-color: transparent; margin: 0; padding-top: 20px; }
 
@media(max-width:768px){
  


    #main > .rb {
    padding-left: 15px;
    }
    #main { padding-top: 15px; }
    #footNav li a { padding:3px;}


}
@media(min-width:800px){
#productList .thumbnail { height:240px;overflow:hidden;}

}