body {
  background: #f2f2f2;
}
.logo_con {
  background: #FFF;
}
.resource_con {
  background: #FFF;
}
ul,
li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
header {
  width: 100%;
  line-height: 28px;
  font-size: 0.28rem;
  background: #f0f1f0;
}
header .header .tips img {
  width: 14px;
  margin-right: 3px;
}
@media (min-width: 768px) {
  header .header .tips {
    font-size: 14px;
  }
}

header .header .home img {
  float: left;
  width: 20px;
  height: 20px;
  margin-right:0px;
  margin-top: 2px;
}
@media (min-width: 768px) {
  header .header .home img {
    margin-top: 7px;
  }
}
@media (min-width: 768px) {
  header .header .user-info {
    font-size: 14px;
    float: right;
  }
}
header .header .user-info ul.logined {
  display: none;
}
header .header .user-info ul.unlogin {
  display: block;
}
header .header .user-info ul {
  float: right;
}
header .header .user-info ul li {
  float: left;
}
header .header .user-info ul li:last-child {
  margin-left: 10px;
}
@media (max-width: 768px) {
  header .header .user-info ul {
    margin-right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media (min-width: 768px) {
  header {
    line-height: 34px;
  }
}

@media (min-width: 1200px)
.container {
    width: 1170px;
}

.container.menu_map,
.container.app {
  padding-bottom: 30px;
}
.container.resource {
  padding-bottom: 30px;
}
.container.footer_bg {
  background: #FFF;
}
.footer {
    border-top: 6px solid #005492;
    padding-top: 15px;
    padding-bottom: 20px;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.container.portal_logo {
    padding: 30px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}
.container.portal_logo h1
	{background: url(../images/logo.png) no-repeat;
	font-family: "微软雅黑";
	font-size: 38px;
	font-weight: bold;
	color: #005492;
	letter-spacing: 1.5px;
	margin:0;
	padding-left:120px;
	line-height:40px;
	height:54px}
.container.portal_logo h1 small{    font-size: 13px!important;
    color: #005492;
    font-weight: bold;
    letter-spacing: 0.5px;
    position: relative;
    top: -20px;}
.container.portal_logo img{max-width:100%;max-height:100%}
h1 {
    font-size: 2em;
    margin: .67em 0;
}

.container.portal_logo .head_right {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.container.portal_logo .head_right a {
  text-decoration: none;
  color: #337ab7;
  font-size: 14px;
}
.container.portal_logo .head_right .userinfo {
  color: #4679b2;
}
.container.portal_logo .head_right .userinfo_box {
  position: relative;
}
.container.portal_logo .head_right .userinfo_box:hover .user_menu {
  display: block;
}
.container.portal_logo .head_right .userinfo_box .user_menu {
  display: none;
}
.container.portal_logo .head_right .unlogin {
  display: block;
}
.container.portal_logo .head_right .unlogin a {
  margin-left: 14px;
}
.container.portal_logo .head_right .logined {
  display: none;
}
.container.portal_logo .head_right .logined > ul > li {
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
.container.portal_logo .head_right .logined > ul > li a {
  display: block;
}
.container.portal_logo .head_right .logined > ul > li .user_menu {
  position: absolute;
  right: 0px;
  z-index: 99999;
}
.container.portal_logo .head_right .logined > ul > li .user_menu li {
  display: block;
  margin-right: 0px;
  line-height: 32px;
  padding: 0px 10px;
  background: #ffffff;
  border: 1px solid #bdbdbd;
}
.container.portal_logo .head_right .logined > ul > li .user_menu li:first-child {
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #bdbdbd;
  border-bottom: none;
}
.container.portal_logo .head_right .logined > ul > li .user_menu li:last-child {
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #bdbdbd;
}
.container.portal_logo .head_right .logined > ul > li .user_menu li:hover {
  background: #1c528e;
}
.container.portal_logo .head_right .logined > ul > li .user_menu li a {
  color: #4c4c4c;
  white-space: nowrap;
}
.container.portal_logo .head_right .logined > ul > li .user_menu li a:hover {
  color: #FFF;
  margin-right: 0px;
}
nav {
  background: #005492;
  background-repeat-y: no-repeat;
  border: 0px;
  z-index: 9999;
}
nav.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
}
nav .a_common {
  color: #ffffff;
  background: transparent;
}
nav a {
  color: #ffffff;
  display: inline-block;
}
nav a:hover {
  color: #ffffff;
  background: transparent;
}
nav a.disable {
  cursor: default;
  text-decoration: none;
}
nav .icon-bar {
  background: #ffffff;
}
nav #navbar {
  position: relative;
}
nav #navbar a {
  color: #ffffff;
  background: transparent;
}
nav #navbar .navbar-nav > li {
  width: auto;
  margin: 0 10px;
}
nav #navbar .navbar-nav > li:not(:last-child):after {
  display: block;
  width: 100%;
  height: 1px;
  right: auto;
  top: auto;
  left: 0px;
  bottom: 0px;
  background: #076195;
  content: '';
}
@media (min-width: 768px) {
  nav #navbar .navbar-nav > li:not(:last-child):after {
    position: absolute;
    width: 2px;
    height: 20px;
    right: -1px;
    top: 15px;
    left: auto;
    bottom: auto;
    background: #ffffff;
  }
}
nav #navbar .navbar-nav > li > a {
  display: inline-block;
  text-align: left;
  padding: 15px 0px;
  font-size: 0.4rem;
}
@media (min-width: 768px) {
  nav #navbar .navbar-nav > li > a {
    display: block;
    text-align: center;
    font-size: 18px;
    cursor:pointer;
  }
}
nav #navbar .navbar-nav > li .mobile.glyphicon {
  position: absolute;
  top: 18px;
  right: 10px;
  color: #ffffff;
  display: block;
}
@media (min-width: 768px) {
  nav #navbar .navbar-nav > li .mobile.glyphicon {
    display: none;
  }
}
@media (min-width: 768px) {
  nav #navbar .navbar-nav > li .mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  nav #navbar .navbar-nav > li {
    width: 12%;
    margin: 0px;
    
  }
}
nav #navbar .navbar-nav .leaf {
  display: none;
}
nav #navbar .navbar-nav .leaf a {
  font-size: 0.36rem;
  padding: 10px;
  width: 100%;
}
nav #navbar .navbar-nav .district-info {
  margin-left: 0px;
  background: #ffffff;
  display: none;
}
@media screen and (min-width: 768px) {
  nav #navbar .navbar-nav {
    float: none;
  }
}
nav #navbar .mutual > li > a {
  color: #005492;
  padding: 10px;
}
nav #navbar .city-info {
  position: relative;
  display: none;
}
nav #navbar .city-info .province {
  margin: 0 10px;
  font-weight: bold;
  border-bottom: 1px solid #005492;
}
nav #navbar .city-info .province a {
  font-size: 0.36rem;
  padding: 10px 0px 5px;
  color: #005492;
}
nav #navbar .city-info .close {
  position: absolute;
  right: 10px;
  top: 3.5px;
  font-size: 20px;
}
nav #navbar .hover-menu {
  position: absolute;
  background: #005492;
  width: 100%;
  padding: 30px 100px 30px;
  opacity: 0.9;
  left: 0px;
  display: none;
}
nav #navbar .hover-menu .pc {
  display: none;
}
nav #navbar .hover-menu .pc.active {
  display: block;
  background: #005492;
}
nav #navbar .hover-menu .pc.pc > li {
  margin-right: 50px;
}
nav #navbar .hover-menu li {
  float: left;
}
nav #navbar .hover-menu li a {
  font-size: 0.16rem;
}
nav #navbar .hover-menu .province-row {
  margin-bottom: 20px;
}
nav #navbar .hover-menu .province-row ul {
  margin-bottom: 0px;
}
nav #navbar .hover-menu .province-row ul > li {
  width: 10%;
  text-align: center;
  position: relative;
}
nav #navbar .hover-menu .district-info {
  background: transparent;
}
nav #navbar .hover-menu .city-box {
  position: relative;
  background: #6186b0;
  border-radius: 3px;
  margin-top: -10px;
  margin-bottom: 10px;
  display: none;
}
nav #navbar .hover-menu .city-box li {
  width: auto;
  padding: 10px 15px;
}
nav #navbar .hover-menu .city-box li a {
  font-size: 0.14rem;
}
nav #navbar .hover-menu .city-box .up-arrow {
  position: absolute;
  top: -8px;
  left: 0px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #6186b0;
}

.mapServer {background: #005492;font-size: 16px;padding: 30px 0px 10px 0px;min-height: 50px;float: left;width: 100%;position: absolute;display: none;opacity: 0.9;}
.mapAPI {background: #005492;font-size: 16px;padding: 30px 0px 10px 0px;min-height: 50px;float: left;width: 100%;position: absolute;display: none;opacity: 0.9;}

.city {background: #005492;font-size: 16px;padding: 30px 0px 10px 0px;min-height: 50px;float: left;width: 100%;position: absolute;display: none;opacity: 0.9;}
.city_con{width:940px;margin:auto;}
.province{clear:both;display:table;content:'';}
.province_rt{float:left;width:940px;}
.province_row{margin-bottom:20px;height:22px;}
.province_rt ul.province_row li{display:block;width:10%;color:#FFF;float:left;text-align:center;}
.mapAPI .province_rt ul.province_row li{display:block;width:15%;color:#FFF;float:left;text-align:center;}
.mapServer .province_rt ul.province_row li{display:block;width:25%;color:#FFF;float:left;text-align:center;}
.province_rt li a{color:#FFF;}

.relation a {
    color: #666;
}
.relation a, .relation span {
    margin-right: 10px;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0;
}
a {
    background-color: transparent;
    
}
.copyright span {
    margin-right: 20px;
    cursor:pointer;
}
.copyright, .relation {
    line-height: 25px;
    color: #666;
}
.copyright span a {
    color: #666;
}
.copyright span a:hover {
    color: #23527c;
    text-decoration: underline;
}


.tips marquee{width: 90%;height:22px;line-height:22px; margin-top:6px;margin-bottom:-6px;/*margin-left:-54px;*/}
.tips marquee span{ display: inline-block; background:url(../images/news/point.png) no-repeat 0px  12px;  margin-left:80px;font-size:14px;color:#333; padding-left: 10px;}
.tips marquee span:hover{background:url(../images/news/point_v.png) no-repeat 0px  12px;color:#0076ca;cursor:pointer;}
.tips span.more  { position:relative;top:0px;float: right;background:url(../images/news/more.png) no-repeat 30px 10px;  padding:0px 30px 0px 0px;  }
.tips span.more:hover{color:#0076ca;}