html,body{ background-color:#FFFFFF; font-size: 14px; line-height: 180%;}
.welcome { background-color: #fbfbfb; border-bottom: 1px solid #f1f1f1; padding: 8px 0px;}
.top-bg {
  background-color: #fff;
  background-size:contain;
  background-image: url(../image/top-bg.png);
  background-position: right;
  background-repeat: no-repeat;}

a {
  color: #666666;
  font-size: 14px;}

.bg-bottom {
  background-color: #1877c7;
  padding: 30px 0px;
  color: #f3f3f3;
  line-height: 220%;
  font-size: 14px;}

.bg-bottom a {
  color: #FFFFFF;}

.bg-white {
  background-color: #FFFFFF;}

.bg-grey { background-color: #f3f3f3;}

.yaowen { text-align: center; border-bottom: 1px dotted #e3e3e3; padding-bottom: 10px; margin-bottom: 30px;}
.yaowen img{ width: 60px; margin-right: 40px;}
.yaowen a{ font-size: 26px; height: 35px; color: #000000;}
.yaowen a:hover{ color: #f00; text-decoration: none;}

.box-cname {border: 1px solid #ccc;background-color: #FFFFFF;}
.margin-none{ padding:5px 0px; margin:0px !important; background: url(../image/cname-bg.png) repeat-x; border-bottom: 1px solid #e7e7e7;}

.cname {
  font-size: 16px;
  color: #1a6add;
  padding-left: 10px;}

.bgline { border-bottom: 1px solid #ccc;}
.cbutton {
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  line-height: 200%;
  word-break: keep-all;}


.tab_name {
  margin: 0px;}

.tab_name li.uk-active {
  background-color: #1a6add;}

.tab_name li {
  padding: 0px 6px;
  background-color: #eeeeee;
  margin-right: 8px;
  border-radius: 8px 8px 0px 0px;}

.tab_name li a {
  font-size: 16px;
  color: #000000;}

.tab_name li.uk-active a {
  color: #FFFFFF;}

.uk-list-disc {
  font-size: 10px !important;}

.uk-list-disc li {
  padding-left: 20px !important;}


.uk-list {
  color: #807e7e;
  font-size: 14px;
  margin: 10px 5px !important;}

.uk-card-media-top img {
  width: 100%;
   height: 240px !important;}
.uk-card-title { padding: 8px 0px;font-size: 14px;}

.bg-link {
  background-color: #0d4081;
  padding: 10px 0px;
  color: #FFFFFF;}
.bg-link li { float: left; list-style-type: none; padding-right: 15px;}
.bg-link a{ color: #FFFFFF;}

.pagecontent {padding-top: 20px;}
.pagecontent h1{ font-size: 22px;}
.pagecontent p{text-indent: 32px;}

.nav-bg {
  background-color: #053e85;}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: #053e85 !important;}

.uk-navbar-nav>li>a {
  color: #FFFFFF !important;
  /*font-weight: bold;*/
  font-size: 18px;}

.uk-navbar-nav>li:hover {
  background-color: #1b8ad7;}

.uk-navbar-nav>li.uk-active>a {
  color: #ffffff;}

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a.uk-open,
.uk-navbar-nav>li>a:focus {
  color: #ffffff;}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
  min-height: 50px;
  padding: 0px;}

.uk-navbar-dropdown {
  width: 116px;
  padding: 0;
  background-color: #FFFFFF;
  opacity: 0.9;
  --uk-position-offset:0px !important;}

[class*="uk-navbar-dropdown-bottom"] {
  margin-top: 0px;}

.uk-navbar-dropdown-nav>li {
  line-height: 35px;
  text-align: center;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .uk-navbar-nav li {
    width: 90px;}
}

@media screen and (min-width: 1025px) {
  .uk-navbar-nav li {
    width: 116px;}
}

.uk-navbar-dropdown-nav>li>a {
  color: #000000;
  font-size: 16px;
  display: block;}

.uk-navbar-dropdown-nav>li>a:hover {
  color: #ffffff;
  background-color: #1b8ad7;}

.uk-subnav-pill>*> :first-child {
  background-color: #f2f2f2;
  color: #333;}


.uk-offcanvas-bar {
  background-color: #f5f5f5;}

.uk-offcanvas-bar h3 {
  color: #333333 !important;}

.uk-offcanvas-close {
  color: #333333 !important;}

.uk-offcanvas-bar .uk-nav>li a {
  color: #333333 !important;}

.uk-offcanvas-bar .uk-active>a {
  font-weight: bold;}

/* ????? */
.uk-nav-default li {
  font-size: 14px;
  line-height: 300%;
  padding-left: 1.5em;}

.uk-nav-default li:hover {
  background: url(../image/libg.png) no-repeat 240px 22px;}

.uk-nav-default li a:hover {
  color: #1877c7;}

/* ?????��?*/

.n_newslist img {
  max-width: 100%;
  margin-top: 10px;
  margin-right: 22px;}

.n_newslist .section {
  border-bottom: 1px dashed #EEEEEE;
  padding-bottom: 20px;}

.n_newslist a {
  display: block;}
.n_newslist p {
  color: #666666;
  line-height: 1.8em;}

.n_detail {
  margin-top: 10px;}

.n_detail span,
.n_detail a {
  font-size: 0.875em;
  float: left;
  display: block;
  width: 100px;
  text-align: center;
  height: 30px;
  line-height: 30px;}

.n_detail span {
  background: #EEEEEE;
  color: #666666;}

.n_detail a {
  background: #1a6add;
  color: #fff;}


@media (max-width: 900px) {
  .pagecontent img {
    width: 100% !important;
    height: auto !important;}
}