@media screen and (max-width: 1360px) {
  html {
    font-size: 9.6px;
  }
}
@media screen and (min-width: 1360px) {
  html {
    font-size: 9.6px;
  }
}
@media screen and (min-width: 1370px) {
  html {
    font-size: 9.9px;
  }
}
@media screen and (min-width: 1380px) {
  html {
    font-size: 10.2px;
  }
}
@media screen and (min-width: 1390px) {
  html {
    font-size: 10.5px;
  }
}
@media screen and (min-width: 1400px) {
  html {
    font-size: 10.8px;
  }
}
@media screen and (min-width: 1410px) {
  html {
    font-size: 11.1px;
  }
}
@media screen and (min-width: 1420px) {
  html {
    font-size: 11.4px;
  }
}
@media screen and (min-width: 1430px) {
  html {
    font-size: 11.7px;
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 12px;
  }
}
html,
body {
  min-width: 1349px;
}
body {
  font-size: 100%;
}
.loginDialog {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.loginDialog .loginouter {
  width: 384px;
  height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loginDialog .loginouter .toparea {
  height: 40px;
  position: relative;
  padding-top: 16px;
  box-sizing: border-box;
}
.loginDialog .loginouter .toparea span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #fff url(/css/static/close.svg) no-repeat;
  background-size: 10px 10px ;
  background-position: center;
  cursor: pointer;
}
.loginDialog .loginouter .toparea div {
  float: left;
}
.loginDialog .loginouter .toparea .left {
  height: 0;
  width: 0;
  border-width: 12px ;
  border-style: solid;
  border-color: transparent #FFFFFF #FFFFFF transparent;
  margin-left: 78px;
}
.loginDialog .loginouter .toparea .middle {
  width: 178px;
  height: 24px;
  background-color: #fff;
}
.loginDialog .loginouter .toparea .right {
  height: 0;
  width: 0;
  border-width: 12px ;
  border-style: solid;
  border-color: transparent transparent #FFFFFF #FFFFFF;
}
.loginDialog .loginouter .body {
  height: 380px;
  width: 100%;
  background-color: #fff;
  padding: 0 50px;
  box-sizing: border-box;
}
.loginDialog .loginouter .body > p {
  height: 55px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  color: #4A4A4A;
  letter-spacing: 2px;
}
.loginDialog .loginouter .body div {
  height: 72px;
  width: 100%;
  font-size: 0;
}
.loginDialog .loginouter .body div .outer {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  background-color: #F5F5F5;
  border: 2px solid #EAEAEA;
  border-radius: 3px;
  padding-left: 30px;
  line-height: 38px;
  font-size: 14px;
}

.loginDialog .loginouter .body div .outer.username {
  background:#F5F5F5 url('/css/static/login_user.svg') no-repeat;
  background-position: 8px  center;
}
.loginDialog .loginouter .body div .outer.pws {
  background:#F5F5F5 url('/css/static/login_pws.svg') no-repeat;
  background-position: 8px  center;
}
.loginDialog .loginouter .body div .outer.yzm {
  background:#F5F5F5 url('/css/static/login-yzm.svg') no-repeat;
  background-position: 8px  center;
}

.loginDialog .loginouter .body div .outer input {
  width: calc(100% - 4px);
  background-color: transparent;
  border: none;
  outline-style: none;
  line-height: 16px;
}
.loginDialog .loginouter .body div .outer > p {
  visibility: hidden;
  height: 30px;
  line-height: 30px;
  color: #F1422F;
}
.loginDialog .loginouter .body div .outer > b {
  display: block;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 7px);
  /* transform: translateY(-50%); */
  left: 8px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #F1422F url(/css/static/close_white.svg) no-repeat;
  background-size: 6px 6px ;
  background-position: center;
}
.loginDialog .loginouter .body div .outer.error > p {
  visibility: visible;
}
.loginDialog .loginouter .body div .outer.error > b {
  visibility: visible;
}
.loginDialog .loginouter .body div .outer.yzm {
  display: inline-block;
  width: 178px;
  vertical-align: middle;
  margin-right: 12px;

}
.loginDialog .loginouter .body div a {
  display: inline-block;
  vertical-align: middle;
  /* height: 42px; */
  width: 94px;
}
.loginDialog .loginouter .body div a img {
  width: 100%;
  height: 100%;
}
.loginDialog .loginouter .body button {
  display: block;
  width: 100%;
  height: 40px;
  border: none;
  background-color: #F1422F;
  text-align: center;
  letter-spacing: 1px;
  line-height: 40px;
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 20px;
  cursor: pointer;
}
.loginDialog .loginouter .body .forget {
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.loginDialog .loginouter .body .forget a {
  color: #ADADAC;
  font-size: 14px;
  vertical-align: middle;
}
.loginDialog .loginouter .body .forget span {
  display: inline-block;
  height: 100%;
  width: 1px;
  background-color: #E0E0E0;
  margin: 0 8px;
  vertical-align: middle;
}
.topNav {
  width: 100%;
  height: 48.407rem;
  box-sizing: border-box;
  /* background: url(../static/bg.png) no-repeat; */
  /* background-size: cover; */
  /* animation: changeBG 0.5s linear ; */
  position: relative;
  z-index: 99;
  /* background-color: #5F5959; */
}
.topNav_changebg {
  position: absolute;
  width: 100%;
  height: 48.407rem;
  top: 0;
  left: 0;
  z-index: 1;
  animation: changeBG 0.45s linear ;
}
.topNav_changebg.flag0 {
  background:  rgb(44, 43, 43) url('/css/static/bg.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag1 {
  background:  rgb(44, 43, 43) url('/css/static/hangkong_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag2 {
  background:  rgb(44, 43, 43) url('/css/static/tankzhishi_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag3 {
  background:  rgb(44, 43, 43) url('/css/static/kongzhan_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag4 {
  background:  rgb(44, 43, 43) url('/css/static/shijiewuqi_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag5 {
  background:  rgb(44, 43, 43) url('/css/static/leidatance_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag6 {
  background:  rgb(44, 43, 43) url('/css/static/kekaoxing_BG.png') no-repeat ;
  background-size: cover;
}

.topNav_changebg.flag7 {
  background:  rgb(44, 43, 43) url('/css/static/wuren_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag8 {
  background:  rgb(44, 43, 43) url('/css/static/fangzhen_BG.png') no-repeat ;
  background-size: cover;
}
.topNav_changebg.flag9 {
  background:  rgb(44, 43, 43) url('/css/static/zhineng_BG.png') no-repeat ;
  background-size: cover;
}
/* .topNav_changebg.change {
  animation: changeBG 0.35s linear ;
} */
@keyframes changeBG {
  0%{
    /* opacity: 0; */
    background-color: rgb(44, 43, 43);
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.topNav .topNav-title_outer .topNav-title {
  height: 3.75rem;
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.topNav .topNav-title_outer .topNav-title .logo {
  float: left;
  height: 100%;
  width: 19rem;
  font-size: 1.5rem;
  text-align: center;
  line-height: 3.3rem;
  color: #fff;
  background: url(/css/static/LOGO.png) no-repeat;
  background-size: 18rem 2.33rem;
  background-position: 0 center;
}
.topNav .topNav-title_outer .topNav-title .login {
  float: right;
  height: 100%;
  font-size: 14px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
}
.topNav .topNav-title_outer .topNav-title .login span {
  display: inline-block;
  margin-left: 0.67rem;
  width: 1.33rem;
  height: 1.33rem;
  background: url(/css/static/login.svg) no-repeat;
  margin-top: 3px;
  background-size: 1.33rem 1.33rem;
}
.topNav .topNav-title_outer .topNav-title .user {
  float: right;
  display: block;
  position: relative;
  height: 45px;
  line-height: 49px;
  text-align: right;
  font-size: 16px;
  color: #ADADAC;
  white-space: nowrap;
  cursor: pointer;
}
.topNav .topNav-title_outer .topNav-title .user i:nth-child(1) {
  display: inline-block;
  height: 18px;
  width: 16px;
  margin-right: 6px;
  background: url(/css/static/login.svg) no-repeat;
  background-size: 16px 16px;
  background-position: 0 0 ;
  vertical-align: middle;
}
.topNav .topNav-title_outer .topNav-title .user i:nth-child(3) {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: middle;
  background: url(/css/static/down.svg) no-repeat;
  background-size: 14px 10px;
  background-position: 2px 3px;
}
.topNav .topNav-title_outer .topNav-title .user span {
  color: #fff;
}
.topNav .topNav-title_outer .topNav-title .user .userSetting {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #171616;
  padding: 10px 0;
  visibility: hidden;
}
.topNav .topNav-title_outer .topNav-title .user .userSetting a {
  display: block;
  padding: 0  10px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.topNav .topNav-title_outer .topNav-title .user .userSetting a:hover {
  background-color: #323131;
  font-size: 14px;
  color: #FFFFFF !important;
}
.topNav .topNav-title_outer .topNav-title .user:hover .userSetting {
  visibility: visible;
}
.topNav .topNav-title_outer .topNav-title > ul {
  margin-left: 6.5rem;
  height: 100%;
  float: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.topNav .topNav-title_outer .topNav-title > ul li {
  padding: 1rem 2.5rem;
  font-size: 16px;
  color: #A2A2A2;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.topNav .topNav-title_outer .topNav-title > ul li .zhishiList {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 30rem;
  top: 98%;
  left: 0;
  background-color: #171616;
  z-index: 99;
}
.topNav .topNav-title_outer .topNav-title > ul li .zhishiList ul {
  height: 100%;
  padding: 0.83rem 0;
}
.topNav .topNav-title_outer .topNav-title > ul li .zhishiList ul li {
  height: 3.33rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  padding-left: 3.83rem;
  line-height: 3.33rem;
  font-size: 1.167rem;
  color: #FFFFFF;
}
.topNav .topNav-title_outer .topNav-title > ul li .reportList {
  position: absolute;
  visibility: hidden;
  width: 100%;
  background-color: #171616;
  top: 98%;
  left: 0;
  z-index: 99;
  opacity: 0;
}
.topNav .topNav-title_outer .topNav-title > ul li .reportList ul {
  padding: 0.83rem 0;
}
.topNav .topNav-title_outer .topNav-title > ul li .reportList ul li {
  height: 3.33rem;
  width: 100%;
  line-height: 3.33rem;
  font-size: 1.167rem;
  color: #FFFFFF;
  padding: 0;
  text-align: center;
}
.topNav .topNav-title_outer .topNav-title > ul li:hover {
  opacity: 1;
  color: #FFFFFF;
}
.topNav .topNav-title_outer .topNav-title > ul li:hover .zhishiList {
  opacity: 1;
  visibility: visible;
}
.topNav .topNav-title_outer .topNav-title > ul li:hover .zhishiList li:hover {
  background-color: #323131;
}
.topNav .topNav-title_outer .topNav-title > ul li:hover .reportList {
  opacity: 1;
  visibility: visible;
}
.topNav .topNav-title_outer .topNav-title > ul li:hover .reportList li:hover {
  background-color: #323131;
}
.topNav .topNav-title_outer:hover {
  background-color: #171616;
}
.topNav .topNav-search {
  height: 8.08rem;
  width: 53.34rem;
  margin: 0 auto;
  margin-top: 7.25rem;
  margin-bottom: 7rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
.topNav .topNav-search .search-switch {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3rem;
  font-size: 0;
}
.topNav .topNav-search .search-switch span {
  display: inline-block;
  width: 8rem;
  height: 2.75rem;
  vertical-align: middle;
  text-align: left;
  font-size: 2rem;
  color: #ADADAC;
  cursor: pointer;
}
.topNav .topNav-search .search-switch i {
  display: inline-block;
  height: 2.75rem;
  width: 1px;
  margin: 0 1.33rem;
  background-color: #fff;
  vertical-align: middle;
}
.topNav .topNav-search .search-switch .selected {
  color: #FFFFFF;
}
.topNav .topNav-search .search-Ipt {
  width: 100%;
  height: 4.17rem;
  position: relative;
}
.topNav .topNav-search .search-Ipt .search-IptBG {
  width: 83.89%;
  float: left;
  height: 100%;
  background: url(/css/static/searchbar.svg) no-repeat;
  background-size: contain;
  background-position: 0 0;
  line-height: 4.17rem;
  text-align: left;
  font-size: 0;
  position: relative;
}
.topNav .topNav-search .search-Ipt .search-IptBG input {
  width: 34rem;
  height: 2rem;
  background-color: transparent;
  outline-style: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  padding: 0;
  vertical-align: middle;
  font-size: 1.167rem;
}
.topNav .topNav-search .search-Ipt .search-IptBG input[type="text"]::-webkit-input-placeholder {
  color: #ADADAC;
  letter-spacing: 1px;
}
.topNav .topNav-search .search-Ipt .search-IptBG input[type="text"]::-moz-placeholder {
  color: #ADADAC;
  letter-spacing: 1px;
}
.topNav .topNav-search .search-Ipt .search-IptBG input[type="text"]:-ms-input-placeholder {
  color: #ADADAC;
  letter-spacing: 1px;
}
.topNav .topNav-search .search-Ipt .search-IptBG .search-icon {
  display: inline-block;
  width: 1.33rem;
  height: 1.33rem;
  margin: 0 0.67rem 0 1.33rem;
  background: url(/css/static/icon_serch.svg) no-repeat;
  background-size: 100% 100%;
  /* background-position: 0.3rem 0; */
  vertical-align: middle;
}
.topNav .topNav-search .search-Ipt .search-IptBG .fenlei {
  width: 6.33rem;
  padding: 0 0.67rem;
  margin-left: 0.9rem;
  box-sizing: border-box;
  border-left: 1px solid #ADADAC;
  font-size: 1.167rem;
  color: #ADADAC;
  vertical-align: middle;
  cursor: pointer;
}
.topNav .topNav-search .search-Ipt .search-IptBG .fenlei i {
  display: inline-block;
  height: 1.33rem;
  width: 1.33rem;
  margin-top: -0.2rem;
  vertical-align: middle;
  background: url(/css/static/down.svg) no-repeat;
  background-size: 1.16rem 1rem;
  background-position: 0 center;
  transform: rotateZ(0deg);
  transition: transform 0.3s linear;
}
.topNav .topNav-search .search-Ipt .search-IptBG .fenlei.opened i {
  transform: rotateZ(-180deg);
  transition: all 0.3s linear;
}
.topNav .topNav-search .search-Ipt .search-Iptbutton {
  height: 100%;
  width: 13.59%;
  float: right;
  background-color: #F1422F;
  font-size: 1.33rem;
  color: #FFFFFF;
  line-height: 4.17rem;
  letter-spacing: 0.5rem;
  text-align: center;
  cursor: pointer;
}


.topNav .topNav-search .search-related {
  width: 537px;
  /* background-color: #f00; */

}
.topNav .topNav-search .search-related ul li {
  height: 32px;
  line-height: 32px;
}
.topNav .topNav-search .search-related ul li a {
  color: #fff;
  font-weight: 300;
  text-align: left;
  padding: 0 16px ;
  font-size: 0;
  margin:  0 1px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;


}


.topNav .topNav-search .search-related ul li a span {
  display: inline-block;
  padding-left: 8px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  flex-grow: 0;
  max-width: 380px;
}

.topNav .topNav-search .search-related ul li a b {
  display: inline-block;
  font-weight: 300;
  color: #ADADAC;
  font-size: 14px;
  flex-shrink: 0;
  flex-grow: 0;
  /* width: 120px;
  padding-right: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  position: relative; */
}

.topNav .topNav-search .search-related ul li a b::before {
  content: '[';
  display: inline-block;
  padding: 0 1px;
}
.topNav .topNav-search .search-related ul li a b::after {
  content :']';
  display: inline-block;
  /* position: absolute; */
  /* right: 0; */
  /* top: 0; */
  padding: 0 1px;
}
.topNav .topNav-search .search-related ul{
  background: url('/css/static/search_down_up.svg') no-repeat;
  background-size: 537px 152px;
  padding: 14px 0  ;
  margin-top: 8px;
}
.topNav .topNav-search .search-related ul li a{
  /* display: block; */
}
/* .topNav .topNav-search .search-related ul li a:hover {
  background-color:  #323131;
  color: #fff !important;
} */

.topNav .topNav-search .search-related ul li.sele a {
  background-color:  #323131;
  color: #fff !important;
}
.topNav .topNav-search .search-related ul:first-child li:last-child {

  background-color: transparent;
  border-left: none;
  border-right: none;
  /* margin-bottom: 12px; */
  background: url('/css/static/search_down_down.svg') no-repeat;
  background-size: 537px 152px;
  background-position: 0 -10px ;
  padding-bottom: 18px;

}
.topNav .topNav-search .search-related ul li:not(:first-child) {
  background-color: #171616;
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  /* margin:  0 1px 0 1px; */
}


.topNav .topNav-search .search-downbox {
  margin-top: 0.67rem;
  width: 100%;
  height: 3.33rem;
  background-color: rgba(23, 22, 22, 0.8);
  display: flex ;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
.topNav .topNav-search .search-downbox .icon {
  position: relative;
  padding-left: 12px;
}
.topNav .topNav-search .search-downbox input[type="radio"] {
  opacity: 0;
  position: absolute;
  margin: 0;
  width: 45px;
  height: 26px;
  cursor: pointer;
}
.topNav .topNav-search .search-downbox .label-radio {
  color: #fff;
  padding-left: 8px;
  cursor: pointer;
}
.topNav .topNav-search .search-downbox input[type="radio"] + .label-radio:before {
  content: '';
  background: transparent;
  border-radius: 100%;
  border: 1px solid #ADADAC;
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.topNav .topNav-search .search-downbox input[type="radio"].listTotalRadio + .label-radio:before {
  background: #fff;
  border: 1px solid #E0E0E0;
}
.topNav .topNav-search .search-downbox input[type="radio"]:checked + .label-radio:before {
  background-color: #EA220C;
  box-shadow: inset 0 0 0 3px rgba(23, 22, 22, 0.8);
  border-color: #EA220C;
}
.topNav .topNav-search .search-downbox input[type="radio"]:disabled + .label-radio:before {
  box-shadow: inset 0 0 0 3px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.topNav .topNav-search .search-downbox input[type="radio"] + .label-radio:empty:before {
  margin-right: 0;
}
.topNav .topNav-search .search-downbox .text {
  display: inline-block;
  font-size: 1.167rem;
  color: #FFFFFF;
  line-height: 12px;
}
.topNav .search-cardArea {
  height: 20.83rem;
  width: 1270px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.topNav .search-cardArea .item {
  width: 20%;
  height: 100%;
  padding: 6rem 0;
  box-sizing: border-box;
  position: relative;
}
.topNav .search-cardArea .item div:nth-child(1) {
  height: 6.583rem;
}
.topNav .search-cardArea .item .itemcount {
  /*opacity: 0;*/
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*height: 3.5rem;*/
  /*width: 100%;*/
  /*display: flex;*/
  /*flex-wrap: nowrap;*/
  /*flex-direction: row;*/
  /*justify-content: space-around;*/
  /*margin-top: 4.25rem;*/

  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3.5rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 4.25rem;
}
.topNav .search-cardArea .item .itemcount div {
  /*width: 33.33%;*/
  /*height: 100%;*/
  /*border-right: 1px solid #545454;*/
  /*box-sizing: border-box;*/

  width: 100%;
  height: 22px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
}
.topNav .search-cardArea .item .itemcount div p {
  text-align: center;
  font-size: 1rem;
  color: #ADADAC;
}
.topNav .search-cardArea .item .itemcount div .itemcount-num {
  /*font-size: 1.5rem;*/
  /*color: #FFFFFF;*/
  /*margin-bottom: 0.67rem;*/
  /*line-height: 1.5rem;*/

  font-size: 1.3rem;
  color: #FFFFFF;
  margin-bottom: 0.67rem;
  line-height: 1.5rem;
  width: 50%;
  text-align: left;
  padding-left: 10px;
}
.topNav .search-cardArea .item .itemcount div:nth-child(3) {
  border-right: none;
}
.topNav .search-cardArea .item a {
  /*display: block;*/
  /*text-align: center;*/
  /*font-size: 1.5rem;*/
  /*color: #FFFFFF;*/
  /*letter-spacing: 1px;*/

  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.topNav .search-cardArea .item .hangkong-icon {
  background: url(/css/static/HKCL.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .tank-icon {
  background: url(/css/static/tank.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .kongzhan-icon {
  background: url(/css/static/kongjun.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .SJWQ-icon {
  background: url(/css/static/shijie.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .RDTC-icon {
  background: url(/css/static/radar.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .huishang-icon {
  background: url(/css/static/huishang.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .kekaoxing-icon {
  background: url(/css/static/kekaoxing.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}

.topNav .search-cardArea .item .zhineng-icon{
  background: url(/css/static/zhineng.svg) no-repeat;
  background-size: 4rem 4rem;
  background-position: center;
}
.topNav .search-cardArea .item .fangzhen-icon{
  background: url(/css/static/fangzhen.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .item .wuren-icon{
  background: url(/css/static/wuren.svg) no-repeat;
  background-size: 4rem 4rem;
  background-position: center;
}

.topNav .search-cardArea .forchangBG {
  visibility: hidden;
  z-index: 0;
}
.topNav .search-cardArea .item:hover {
  background-image: linear-gradient(-42deg, #393636 0%, #5F5959 100%);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.5);
  padding: 2rem 0 ;
  transition: padding 0.3s linear;
}
.topNav .search-cardArea .item:hover .itemcount {
  opacity: 1;
  animation: movein 0.3s linear;
  bottom: 2rem;
  transition: opacity 0.5s linear;
}
.topNav .search-cardArea .hangkong:hover .hangkong-icon {
  background: url(/css/static/HKCL_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .hangkong:hover ~ .forchangBG {
  z-index: 1;
}
.topNav .search-cardArea .tank:hover .tank-icon {
  background: url(/css/static/tank_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .tank:hover ~ .forchangBG {
  z-index: 2;
}
.topNav .search-cardArea .kongzhan:hover .kongzhan-icon {
  background: url(/css/static/kongjun_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .kongzhan:hover ~ .forchangBG {
  z-index: 3;
}
.topNav .search-cardArea .SJWQ:hover .SJWQ-icon {
  background: url(../static/shijie_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .SJWQ:hover ~ .forchangBG {
  z-index: 4;
}
.topNav .search-cardArea .RDTC:hover .RDTC-icon {
  background: url(/css/static/radar_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}

.topNav .search-cardArea .huishang:hover .huishang-icon {
  background: url(../static/huishang_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .kekaoxing:hover .kekaoxing-icon {
  background: url(../static/kekaoxing_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .kekaoxing:hover ~ .forchangBG {
  z-index: 6;
}
.topNav .search-cardArea .RDTC:hover ~ .forchangBG {
  z-index: 5;
}



.topNav .search-cardArea .wuren:hover .wuren-icon {
  background: url(/css/static/wuren_hover.svg) no-repeat;
  background-size: 4rem 4rem;
  background-position: center;
}
.topNav .search-cardArea .wuren:hover ~ .forchangBG {
  z-index: 7;
}
.topNav .search-cardArea .fangzhen:hover .fangzhen-icon {
  background: url(/css/static/fangzhen_hover.svg) no-repeat;
  background-size: 5.33rem 5.33rem;
  background-position: center;
}
.topNav .search-cardArea .fangzhen:hover ~ .forchangBG {
  z-index: 8;
}
.topNav .search-cardArea .zhineng:hover .zhineng-icon {
  background: url(/css/static/zhineng_hover.svg) no-repeat;
  background-size: 4rem 4rem;
  background-position: center;
}
.topNav .search-cardArea .zhineng:hover ~ .forchangBG {
  z-index: 9;
}



.topNav .topNav-background {
  height: 100%;
  width: 100%;
}
@keyframes movein {
  from {
    bottom: -24px;
  }
  to {
    bottom: 24px ;
  }
}
.more {
  display: block;
  position: absolute;
  right: 0;
  top: 6px;
  width: 52px;
  font-size: 14px;
  color: #4A4A4A;
  background: url(/css/static/gengduo.svg) no-repeat;
  background-size: 8px  12px;
  background-position: right;
  cursor: pointer;
  margin-right: 5px;
}
.more a {
  display: block;
}
.more:hover {
  background: url(/css/static/gengduo_red.svg) no-repeat;
  background-size: 8px  12px;
  background-position: right;
}
.hexintushu-outer {
  height: 274px;
  width: 1200px;
  padding: 48px 0;
  margin: 0 auto;
}
.hexintushu-outer .hexintushu-nav {
  position: relative;
  height: 57px;
}
.hexintushu-outer .hexintushu-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
}
.hexintushu-outer .hexintushu-nav ul li {
  font-size: 24px;
  color: #202020;
  text-align: center;
  width: 96px;
  height: 100%;
  border-bottom: 4px solid #F1422F;
  box-sizing: border-box;
}
.hexintushu-outer .hexintushu-body {
  height: 208px;
  margin-top: 8px;
}
.hexintushu-outer .hexintushu-body .booklist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.hexintushu-outer .hexintushu-body .booklist li {
  width: 25%;
  height: 100%;
  padding: 24px 1% 24px 0.4%;
  box-sizing: border-box;
  cursor: pointer;
}
.hexintushu-outer .hexintushu-body .booklist li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.hexintushu-outer .hexintushu-body .booklist li div {
  width: 52%;
}
.hexintushu-outer .hexintushu-body .booklist li div:nth-child(1) {
  width: 48%;
}
.hexintushu-outer .hexintushu-body .booklist li div:nth-child(1) img {
  display: block;
  height: 100%;
  margin: 0 auto;
  box-shadow: -4px 5px 8px 3px rgba(0, 0, 0, 0.4);
}
.hexintushu-outer .hexintushu-body .booklist li p {
  line-height: 28px;
  font-size: 14px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hexintushu-outer .hexintushu-body .booklist li p:nth-child(2),.hexintushu-outer .hexintushu-body .booklist li p:nth-child(3) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.hexintushu-outer .hexintushu-body .booklist li p .title {
  font-size: 14px;
  color: #9B9B9C;
}
.hexintushu-outer .hexintushu-body .booklist li p .money {
  color: #E11B00;
}
.hexintushu-outer .hexintushu-body .booklist li p.bookname {
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.hexintushu-outer .hexintushu-body .booklist li:hover {
  box-shadow: 0 5px 16px 0 #cccccc;
}
.baogao-outer_bg {
  background: url(/css/static/reportBackground.png) no-repeat;
  background-size: 100% 100%;
}
.baogao-outer_bg .baogao-outer {
  width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
}
.baogao-outer_bg .baogao-outer .baogao-nav {
  position: relative;
  height: 57px;
}
.baogao-outer_bg .baogao-outer .baogao-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
}
.baogao-outer_bg .baogao-outer .baogao-nav ul li {
  font-size: 16px;
  color: #202020;
  text-align: center;
  height: 100%;
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  line-height: 28px;
  margin-right: 32px;
  font-weight: 500;
  cursor: pointer;
}
.baogao-outer_bg .baogao-outer .baogao-nav ul .selected {
  border-bottom: 4px solid #F1422F;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  color: #F1422F;
}
.baogao-outer_bg .baogao-outer .baogao-body {
  padding: 32px 0 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.baogao-outer_bg .baogao-outer .baogao-body .left,
.baogao-outer_bg .baogao-outer .baogao-body .right {
  width: calc(50% - 1px);
}
.baogao-outer_bg .baogao-outer .baogao-body .left {
  border-right: 1px solid #E0E0E0;
}
.baogao-outer_bg .baogao-outer .baogao-body .left div {
  float: left;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .Img-outer {
  margin-right: 24px;
  width: 120px;
  height: 154px;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .Img-outer a {
  display: block;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .Img-outer img {
  height: 100%;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .left-text {
  width: 75%;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .left-text p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  color: #4A4A4A;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .left-text .title {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #202020;
  font-weight: 600;
  cursor: pointer;
}
.baogao-outer_bg .baogao-outer .baogao-body .left .left-text .tags {
  line-height: 44px;
  max-height: 88px;
  overflow: hidden;


}
.baogao-outer_bg .baogao-outer .baogao-body .left .left-text .tags span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 12px ;
  border: 1px solid #FFA298;
  border-radius: 4px;
  background-color: #FFF1EF;
  color: #F1422F;
  margin-right: 8px;
  max-width: 415px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.baogao-outer_bg .baogao-outer .baogao-body .right {
  padding: 0 36px 0 24px;
  box-sizing: border-box;
}
.baogao-outer_bg .baogao-outer .baogao-body .right a {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.guofangkj-outer {
  width: 1200px;
  margin: 0 auto;
  padding: 48px 0;
}
.guofangkj-outer .guofangkj-nav {
  position: relative;
  height: 57px;
}
.guofangkj-outer .guofangkj-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
}
.guofangkj-outer .guofangkj-nav ul li {
  font-size: 24px;
  color: #202020;
  text-align: center;
  height: 100%;
  border-bottom: 4px solid #F1422F;
  box-sizing: border-box;
}
.guofangkj-outer .guofangkj-body {
  height: 331px;
  padding-top: 32px;
}
.guofangkj-outer .guofangkj-body .slidebox {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
.guofangkj-outer .guofangkj-body .slidebox .bd {
  height: 100%;
}
.guofangkj-outer .guofangkj-body .slidebox .bd .tempWrap {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.guofangkj-outer .guofangkj-body .slidebox .bd ul {
  height: 100%;
  overflow: hidden;
}
.guofangkj-outer .guofangkj-body .slidebox .bd ul li {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.guofangkj-outer .guofangkj-body .slidebox .bd ul li a {
  display: block;
}
.guofangkj-outer .guofangkj-body .slidebox .bd ul li a img {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}
.guofangkj-outer .guofangkj-body .slidebox .bd ul li p {
  width: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 100%);
  border-radius: 0 0 4px 4px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 65px;
  color: #FFF;
  line-height: 60px;
  font-size: 24px;
  text-indent: 24px;
  z-index: 1;
}
.guofangkj-outer .guofangkj-body .slidebox .hd {
  position: absolute;
  bottom: 18px;
  right: 16px;
  z-index: 99;
  z-index: 10;
}
.guofangkj-outer .guofangkj-body .slidebox .hd ul li {
  float: left;
  height: 6px;
  width: 16px;
  background-color: rgba(255, 255, 255, 0.6);
  margin-left: 8px;
}
.guofangkj-outer .guofangkj-body .slidebox .hd ul li.on {
  background-color: #F1422F;
}
.guofangkj-outer .guofangkj-body .content {
  float: left;
  width: 50%;
  padding: 0 24px ;
  box-sizing: border-box;
}
.guofangkj-outer .guofangkj-body .content .bignewTitle {
  display: block;
  font-size: 24px;
  color: #202020;
  margin-bottom: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guofangkj-outer .guofangkj-body .content .bignewcontent {
  padding: 0;
  line-height: 20px;
  font-size: 14px;
  color: #9B9B9C;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.guofangkj-outer .guofangkj-body .content .list li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 14px;
}

.guofangkj-outer .guofangkj-body .content .list li a {
  display: inline-block;
}
.guofangkj-outer .guofangkj-body .content .list li span {
  display: inline-block;
  margin-bottom: 18px;
  vertical-align: middle;
  white-space: nowrap;
}
.guofangkj-outer .guofangkj-body .content .line {
  margin: 16px 0 ;
  width: 100%;
  height: 1px;
  background-color: #E0E0E0;
}
.guofangkj-outer .guofangkj-body .content .news {
  display: block;
  color: #4A4A4A;
  font-size: 14px;
  margin-bottom: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;


}
.guofangkj-outer .guofangkj-body .content  .from {
  color: #A4A4A5;
}
.nianduBG-outer_bg {
  background: url(../static/nianduBG_back.png) no-repeat;
  background-size: 100% 100%;
}
.nianduBG-outer_bg .nianduBG-outer {
  padding-top: 48px;
  width: 1200px ;
  margin: 0 auto;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-nav {
  position: relative;
  height: 57px;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-nav ul li {
  font-size: 24px;
  color: #202020;
  text-align: center;
  height: 100%;
  border-bottom: 4px solid #F1422F;
  box-sizing: border-box;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body {
  padding-top: 24px;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .left {
  width: 50%;
  float: left;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .left div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 24px;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .left div a {
  display: inline-block;
  position: relative;
  height: 64px;
  width: 47%;
  background-color: #fff;
  font-size: 14px;
  color: #202020;
  padding: 0 60px ;
  box-sizing: border-box;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .left div a i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-style: normal;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .left div a:hover {
  background-image: linear-gradient(133deg, #F39F47 0%, #F1422F 100%);
  cursor: pointer;
  color: #fff !important;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .left div a.selected {
  background-image: linear-gradient(133deg, #F39F47 0%, #F1422F 100%);
  cursor: pointer;
  color: #fff !important;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .right {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 24px;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .right .title {
  display: block;
  font-size: 24px;
  color: #202020;
  margin-bottom: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .right .title span {
  font-size: 12px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 12px ;
  border: 1px solid #FFA298;
  border-radius: 4px;
  background-color: #FFF1EF;
  color: #F1422F;
  margin-left: 8px;
  vertical-align: middle;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .right .content {
  font-size: 14px;
  color: #9B9B9C;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .right .line {
  margin: 16px 0 ;
  width: 100%;
  height: 1px;
  background-color: #E0E0E0;
}
.nianduBG-outer_bg .nianduBG-outer .nianduBG-body .right .news {
  display: block;
  color: #4A4A4A;
  font-size: 14px;
  margin-bottom: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wuqiZB-outer {
  padding-top: 48px;
  width: 1200px;
  margin: 0 auto;
  /* background: url(../static/zhishiZTbg.png) no-repeat; */
  /* background-size: 100% 100%; */
}
.wuqiZB-outer .wuqiZB-nav {
  position: relative;
  height: 57px;
  width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #E0E0E0;
}
.wuqiZB-outer .wuqiZB-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
  float: left;
}
.wuqiZB-outer .wuqiZB-nav ul li {
  font-size: 24px;
  color: #202020;
  text-align: center;
  height: 100%;
  border-bottom: 4px solid #F1422F;
  box-sizing: border-box;
}
.wuqiZB-outer .wuqiZB-chartNav {
  height: 20px;
  padding-top: 10px;
  float: right;
  padding-bottom: 28px;
}
.wuqiZB-outer .wuqiZB-chartNav span {
  display: inline-block;
  width: 63px;
  height: 100%;
  border-right: 1px solid #E0E0E0;
  line-height: 20px;
  text-align: center;
  color: #4A4A4A;
  font-size: 14px;
  cursor: pointer;
}
.wuqiZB-outer .wuqiZB-chartNav span:first-child {
  width: 47px;
  text-align: left;
}
.wuqiZB-outer .wuqiZB-chartNav span.selected {
  color: #F1422F;
}
.wuqiZB-outer .wuqiZB-chartNav span:last-child {
  border-right: none;
}
.wuqiZB-outer .wuqiZB-body {
  width: 1200px;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 48px;
  border: 1px solid #E0E0E0;
  padding: 30px 24px 30px 40px;
  box-sizing: border-box;
}
.wuqiZB-outer .wuqiZB-body .title {
  height: 46px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.wuqiZB-outer .wuqiZB-body .title a {
  top: 0;
  font-weight: normal;
}
.wuqiZB-outer .wuqiZB-body .newTech {
  width: 700px;
  /* height: 400px; */
  position: relative;
}
.wuqiZB-outer .wuqiZB-body .newTech  .title {
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  height: 210px;
  width: 40px;
  background-color: #F1422F;
  color: #fff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 5px;
  line-height: 22px;
  padding-top: 24px;
  padding-left: 5px;
  box-sizing: border-box;
  font-weight: normal;
  border-radius:  0 40px 40px 0;
}
.wuqiZB-outer .wuqiZB-body .newTech ul {
  overflow: hidden;
  padding-left: 24px;
}
.wuqiZB-outer .wuqiZB-body .newTech ul li {
  width: 33%;
  float: left;
  height: 44px;
  line-height: 20px;
  font-size: 14px;
  color: #202020;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 14px;
  box-sizing: border-box;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo {
  width:432px;
  border-left: 1px solid #E0E0E0;

}

.wuqiZB-outer .wuqiZB-body .chartsInfo .title {
  padding-left: 34px;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer {
  /* width: 480px; */
  /* height: 351px; */
  /* background-color: #FFFAF9; */
  position: relative;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .bord {
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: #F1422F;
  z-index: 1;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .bd-left {
  top: -2px;
  left: -2px;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .bd-right {
  top: -2px;
  right: -2px;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .bd-top {
  bottom: -2px;
  left: -2px;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .bd-bottom {
  bottom: -2px;
  right: -2px;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .content {
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; */
  /* background-color: #FFFAF9; */
  padding: 0 0 0  17px;
  box-sizing: border-box;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .content p {
  padding-left: 45px;
  margin-bottom: 17px;
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  position: relative;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .content p:nth-last-of-type(1){
  margin-bottom:0;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .content p a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 284px;
  vertical-align: middle;
  margin-bottom: 8px;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .content p span {
  display: inline-block;
  font-size: 14px;
  color: #F1422F;
  margin-bottom: 8px;
  font-weight: normal;
  vertical-align: middle;
}
.wuqiZB-outer .wuqiZB-body .chartsInfo .chartsInfo-outer .content p .point {
  position: absolute;
  top: 6px;
  left: 20px;
  display: inline-block;
  width: 8px ;
  height: 8px ;
  border-radius: 50%;
  background-color: #F1422F;
  box-shadow: 0 0 0px 3px rgba(241, 66, 47, 0.3);
}
.wuqiZB-outer .wuqiZB-body > div {
  float: left;
}
.zhishiZT-outer_bg {
  background: url(/css/static/zhishiZTbg.png) no-repeat;
  background-size: 100% 100%;
}
.zhishiZT-outer_bg .zhishiZT-outer {
  padding-top: 48px ;
  width: 1200px;
  margin: 0 auto;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt {
  width: 56%;
  float: left;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd {
  width: 44%;
  float: left;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-nav,
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-nav {
  position: relative;
  height: 57px;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-nav ul,
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-nav ul li,
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-nav ul li {
  font-size: 24px;
  color: #202020;
  text-align: center;
  height: 100%;
  border-bottom: 4px solid #F1422F;
  box-sizing: border-box;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-nav {
  padding-right: 24px;
  box-sizing: border-box;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body,
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body {
  padding-top: 27px;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body {
  position: relative;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut {
  width: 600px;
  height: 420px;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut .centericon {
  position: absolute;
  top: 162px;
  left: 252px;
  width: 96px;
  height: 96px;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut .centericon_out1 {
  position: absolute;
  left: 236px;
  top: 146px;
  animation: NotrotateInfinite 3s linear  infinite ;
  transform-origin: center;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut .centericon_out2 {
  position: absolute;
  left: 222px;
  top: 154px;
  animation: rotateInfinite 10s linear  infinite ;
  transform-origin: center;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul li {
  position: absolute;
  -moz-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul li i:nth-child(1) {
  display: inline-block;
  margin: 0 8px;
  width: 8px ;
  height: 8px ;
  border-radius: 50%;
  background-color: #F1422F;
  box-shadow: 0 0 0px 3px rgba(241, 66, 47, 0.3);
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul li a {
  position: relative;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #202020;
  font-weight: 600;
  transition: left 0.3s linear;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul li .gray {
  color: rgba(74, 74, 74, 0.6);
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul li:hover a {
  color: #F1422F;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul .right {
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_zt-body .zhishi_zt_bodyOut ul .right i:nth-child(2) {
  display: inline-block;
  margin: 0 8px;
  width: 8px ;
  height: 8px ;
  border-radius: 50%;
  background-color: #F1422F;
  box-shadow: 0 0 0px 3px rgba(241, 66, 47, 0.3);
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body {
  width: 100%;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li {
  height: 116px ;
  width: 100%;
  background-color: #fff;
  position: relative;
  padding-top: 40px;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li p {
  padding: 0 16px ;
  box-sizing: border-box;
  color: #999999;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li a:nth-child(2) {
  padding: 0 16px ;
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #202020;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li p:nth-child(3) {
  position: relative;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li p:nth-child(3) span {
  display: inline-block;
  margin-left: 24px;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li p:nth-child(3) .right {
  display: block;
  float: right;
}
.zhishiZT-outer_bg .zhishiZT-outer .zhishi_wd-body ul li div {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px ;
  height: 24px;
  background: #F1422F;
  border-radius: 4px 0 4px 0;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 24px;
  text-align: center;
}
@keyframes rotateInfinite {
  form {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes NotrotateInfinite {
  form {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-360deg);
  }
}
.guofangTP-outer {
  padding: 48px 0;
  width: 1200px;
  margin: 0 auto;
}
.guofangTP-outer .guofangTP-nav {
  position: relative;
  height: 57px;
  margin-bottom: 33px;
}
.guofangTP-outer .guofangTP-nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #E0E0E0;
}
.guofangTP-outer .guofangTP-nav ul li {
  font-size: 24px;
  color: #202020;
  text-align: center;
  height: 100%;
  border-bottom: 4px solid #F1422F;
  box-sizing: border-box;
}
.guofangTP-outer .guofangTP-body ul li {
  float: left;
  background-color: #eee;
  height: 135px;
  width: 20%;
  position: relative;
}
.guofangTP-outer .guofangTP-body ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.guofangTP-outer .guofangTP-body ul li p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 39px;
  line-height: 48px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  color: #FFFFFF;
  font-size: 14px;
  text-indent: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guofangTP-outer .guofangTP-body ul li:first-child {
  width: 40%;
  height: 270px;
}
.guofangTP-outer .guofangTP-body ul li:first-child p {
  height: 90px;
  line-height: 124px;
}
.pagebottom {
  height: 116px;
  width: 100%;
  background-color: #202020;
}
.pagebottom p:first-child {
  padding: 40px 0 16px 0 ;
  font-size: 14px;
  color: #A0A1A2;
  text-align: center;
}
.pagebottom p {
  font-size: 14px;
  color: #A0A1A2;
  text-align: center;
}


.guofangkj-outer .guofangkj-body .slidebox .hd ul li {
  cursor: pointer;
}


.main-container {
  position: relative;
}


.browserWarn {
  height: 60px;
  line-height: 60px;
  background-color: #FDECEA;
  font-size: 14px;
  color: #202020 ;
  text-align: center;
}

.browserWarn a {
  color: #F1422F;
  text-decoration: underline;
}




.areaNav {
  position: fixed;
  width: 156px;
  top: 142px;
  left: 0;
  /* background-color: #f00; */
  z-index: 99;
  padding: 16px 16px 0 0;
}
.areaNav.moveleft {
  left: -170px;
  opacity: 1;
  animation: moveleft 0.3s ease-in ;
}

@keyframes moveleft {
  0%{
    opacity: 1;
    left: 0;
  }
  100%{
    opacity: 0;
    left: -156px;
  }
}

.showAndHide {
  position: fixed;
  width: 25px;
  height: 30px;
  cursor: pointer;

  top: 244px;
  left: 0;
  z-index: 100;
  background:  url(/css/static/nav-show.svg) no-repeat;
  background-size: 25px 25px;
  background-position: 0 center;
  transform: rotateZ(180deg);
  transition: all 0.3s linear;
}

.showAndHide.moveleft {
  animation: rotatearr 0.3s linear forwards;
}

@keyframes rotatearr {
  0%{
    transform: rotateZ(180deg);
  }
  100%{
    transform: rotateZ(0deg);
  }
}


.areaNav.forlight {
  background-color: rgba(255, 255, 255,0.9);
}
.areaNav ul li{
  font-size: 14px;
  color: #ADADAC;
  text-align: right;
  /* margin-bottom: 16px; */
}
.areaNav ul li i {
  display: block;
  padding-right: 30px;
  padding-bottom: 16px;
  font-style: normal;
  cursor: pointer;
  background: url(/css/static/topnav_select_dark.svg) no-repeat;
  background-position: right 4px;
  position: relative;
}
.areaNav ul li i:after {
  content: '';
  display: block;
  height: calc(100% - 18px);
  width: 16px;
  position: absolute;
  right: 0;
  top: 18px;
  background: url(/css/static/topnav_dian.svg);
  background-position: 1px 0;
}
.areaNav ul li i.totop:after , .areaNav ul li:nth-last-of-type(2) i:after{
  display: none;
}
.areaNav ul li.active i {
  background: url(/css/static/topnav_selected_dark.svg) no-repeat;
  background-position: right 4px;
  color: #F1422F;
}

.areaNav ul li i.totop, .areaNav ul li.light i.totop{
  background: url(/css/static/topnav_totop.svg) no-repeat;
  background-position: right 4px;
}

.areaNav ul li.light  i {
  background: url(/css/static/topnav_select.svg) no-repeat;
  background-position: right 4px;
  color: #4A4A4A;
}


.areaNav ul li.light.active i {
  background: url(/css/static/topnav_selected.svg) no-repeat;
  background-position: right 4px;
  color: #F1422F;
}