html, body { padding: 0; margin: 0; font-size: 13px; font-family: '微软雅黑', sans-serif; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
h3 { font-size: 14px; }
.clearfix { clear: both; zoom: 1; }
.clearfix:after, .clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
p { margin: 0; padding-bottom: 1em; }
.main-header { position: relative; z-index: 2; }
.main-nav ul, .main-nav li { list-style: none; padding: 0; margin: 0; }
.main-nav > ul { margin: 0 auto; }
.main-nav > ul > li { position: relative; text-align: center; float: left; color: #377bce; }
.main-nav > ul > li > a { transition: 0.3s all ease-in-out; display: inline-block; }
.main-nav > ul > li > a:hover { color: #377bce; }
.main-nav > ul > li ul { display: none; position: absolute; top: 100%; left: 0; text-align: left; border: 1px solid #eee; background: #fff; box-shadow: 0px 1px 4px 0px #333; min-width: 100%; padding: 10px 0; }
.main-nav > ul > li ul a { color: #333; display: block; white-space: nowrap; padding: 6px 20px; }
.main-nav > ul > li ul a:hover { background: #f7f7f7; }
.main-nav > ul > li:hover ul { display: block; }
.main-body { background: #fff; min-height: 440px; }
.main-footer { background: #282828; color: #7b7b7b; padding: 8px 0; text-align: center; line-height: 24px; font-size: 14px; }
.main-footer a { color: #7b7b7b; }
.container.no-padding { padding: 0; }
.main-nav { background: url(../img/nav_bg.png) repeat-x center top; }
.main-nav a { color: #fff; }
#carouselList { border-bottom-left-radius: 25px; overflow: hidden; }
#carouselList img { height: 288px; }
.min-gutter-row { padding: 0; margin: 0; }
.min-gutter-row > div { padding: 0; }
.nav-position { padding: 10px; color: #999; }
.nav-position .nav-item { border-right: 1px solid #eee; color: #eee; border-radius: 50%; }
.app-item { height: 96px; overflow: hidden; transition: 0.5s all ease-in-out; }
.app-item :hover img { transform: scale(1.2, 1.2); }
.body-left-menu { background: #f1f1f1; padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.body-left-menu h3, .body-left-menu ul, .body-left-menu li { padding: 0; margin: 0; list-style: none; }
.body-left-menu h3 { font-size: 16px; padding: 12px 8px 12px 30px; border-bottom: 1px solid #fff; }
.body-left-menu li { padding: 12px 8px 12px 30px; border-bottom: 1px dotted #fff; }
.body-left-menu li.active { background: #377bce; }
.body-left-menu li.active a { color: #fff; }
.page-body-title { font-size: 16px; padding: 12px; border-bottom: 1px solid #eee; }
.product-list ul, .product-list li { list-style: none; padding: 0; margin: 0; }
.product-list li { width: 25%; float: left; text-align: center; }
.product-list li img { width: 150px; height: 150px; }
.picture-item-list .col-sm-6 { margin-bottom: 20px; }
.picture-item-list .col-sm-6 h3 { font-size: 16px; margin-top: 15px; color: #377bce; }
.picture-item-list .col-sm-6 h3 + div { float: right; margin-top: -20px; }
.picture-item-list .col-sm-6 hr { border-top: 1px dotted #ccc; }
.page-banner { height: 180px; background-size: cover; background-position: center center; position: relative; }
.page-banner span { position: absolute; right: 20px; bottom: 50px; color: #fff; font-size: 20px; font-weight: bold; }
.page-banner span:last-child { -webkit-box-reflect: below; box-reflect: below; opacity: 0.2; }
.nav-pagination { margin-top: 20px; padding-top: 15px; }
.news-list ul { margin: 0; padding: 0; list-style: none; }
.news-list li { border-bottom: 1px dotted #ccc; margin: 0; padding: 10px 10px 10px 0; list-style: none; }
.news-list a { font-size: 16px; line-height: 30px; }
.news-list .news-date { font-size: 14px; color: #999; }
.home-news-part { padding-top: 15px; }
.home-news-part a { font-size: 14px; }
.home-news-part .page-body-title { margin: 0; }
.home-news-part .page-body-title .float-right { font-size: 12px; color: #999; }
.home-news-part ul, .home-news-part li { padding: 0; margin: 0; list-style: none; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-news-part .col-lg-3 ul { background: #f1f1f1; }
.home-news-part .col-lg-6 .page-body-title { padding-left: 0; padding-right: 0; }
.home-news-part .col-lg-6 .home-news-list { margin: 0 30px; }
.home-news-part .col-lg-6 .home-news-list h3 { padding: 8px 0; }
.home-news-part .col-lg-6 .home-news-list h3 a { color: #377bce; }
.home-news-part .col-lg-6 .home-news-list .first-picture-news img { height: 100px; width: 120px; }
.home-news-part ul { padding: 15px; }
.home-news-part .news-date { font-size: 12px; color: #999; }
.first-picture-news { padding-top: 15px; }
.hr-item { padding: 20px 0; margin: 0 10px; background: #f7f7f7; margin-bottom: 20px; }
.hr-item h3 span { margin-left: 20px; color: #c00; font-size: 12px; }
.hr-item .hr-pic { height: 120px; width: 100px; border: 1px solid #eee; border-radius: 5px; padding: 5px; background-color: #f1f1f1; background-size: cover; max-width: 90%; }
.letter-nav { border-bottom: 1px dotted #ccc; margin-bottom: 30px; padding-bottom: 15px; }
.letter-nav a { margin-right: 20px; font-size: 20px; font-weight: normal; }
.letter-nav a:hover { color: #377bce; }
.timeline > div { padding: 10px 10px; border-bottom: 1px solid #eee; }
.timeline > div .date-part { display: inline-block; width: 120px; }
.research-list .research-item { margin-top: 20px; margin-bottom: 20px; height: 200px; background-size: cover; background-position: center center; position: relative; }
.research-list .research-item:hover { background-size: 120% 120%; }
.research-list .research-item:hover h3 { color: #f60; }
.research-list .research-item h3 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; margin: 0; padding: 7px 10px; text-align: center; }
.useful-link { line-height: 24px; }
.useful-link a { margin: 0 5px; }
@media (max-width: 768px) {
.main-nav { background: transparent; }
img { max-width: 100%; height: auto !important; }
.hidden-md { display: none !important; }
.main-footer div { white-space: nowrap; overflow: hidden; }
.first-picture-news { padding: 15px 15px 0; }
.first-picture-news img { width: 100%; }
.home-news-list { padding: 15px; }
.home-news-list > ul { padding: 15px !important; }
.img-100 img { width: 100% !important; height: auto; }
#logoPart { width: 70%; }
}
.show-xs { display: none; }
@media (max-width: 480px) {
.show-xs { display: block; }
img { max-width: 100%; height: auto !important; }
.hidden-xs { display: none !important; }
.nav-item > ul { display: none !important; }
.home-news-list { padding: 15px; }
.img-100 img { width: 100% !important; height: auto; }
}
@media (min-width: 1200px) {
.container { width: 1200px; }
.main-nav > ul > li > a { padding: 8px 30px; }
}
.main-nav .dropdown-menu a { color: #333; }
.navbar-toggler { color: #fff; position: absolute; top: 12px; right: 0; font-size: 12px; }
.navbar-nav > li, .navbar-nav > li > a { color: #fff; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-12 { width: 100%; }