* {
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-family: 'MicrosoftYaHei', '微软雅黑';

  /* font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; */
}

li {
  list-style: none;
}

#bigBox {
  width: 100%;
  /* height: 100%;
  position:relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  min-width: 1200px; */
}

/* swiper轮播图样式 */
.swiper-containers {
  width: 1920px;
  height: 360px;
  overflow: hidden;
  position: relative;
}
.swiper-paginations {
  width: 160px;

  height: 4px;
  border-radius: 8px;
  position: absolute;
  z-index: 100000;
  bottom: 60px;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom:28px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 162px !important;
  border-radius: 14px !important;
}
.swiper-paginations .swiper-pagination-bullet-active {
  background: #ffffff !important;
  opacity: 1 !important;
  border-radius: 14px !important;
}
.swiper-pagination-bullet {
  background: #999999 !important;
  opacity: 0.4 !important;
  border-radius: 14px !important;
}
.swiper-paginations .swiper-pagination-bullet {
  width: 40px;
  height: 4px;
}
/* swiper轮播图样式 */
.banner img {
  width: 100%;
  height: auto;
}
@media (max-width: 1920px) {
  .banner img {
    height: 360px;
    width: auto;
  }
}
@media (max-width: 1190px) {
  .banner img {
    height: 400px;
    width: auto;
  }
}
/* html,
body {
  width: 100%;
} */
.banner {
  width: 100%;
 /*  height: 100% !important; */
  position:relative;
}
.swiper-containers {
  width: 100%;
}
.slide-img-box {
  width: 100%;
  height: 360px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  /* background-image: url(../images/img_banner8.png); */
}

.banner-button-next{
	background-image: url(../images/img_banner_right.png) !important;
    background-size: 100% 100% !important;
    right: 6% !important;
}
.banner-button-prev{
	background-image: url(../images/img_banner_left.png) !important;
	background-size: 100% 100% !important;
	left: 6% !important;

}



/* 10.13头部的修改 */
#header {
  height: max-content;
  width: 100%;
  background: rgba(15, 68, 131, 1);
}
/* 10.13头部的修改 */

/* 卡片 */
#card {
  width: 1190px;
  /* height: 216px; */
  margin: 0 auto;
  position: relative;
}
.card_top {
  width: 100%;
  height: 85px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.gui-title-bottom {
	min-height:118px;
}

.card_top > span {
  display: inline-block;
  background: #cccccc;
}
.card_top > .span4 {
  background: none;
}
/* .card_top>.span1,.card_top>.span6{
    margin-right: 2px;
} */
.card_top > .span1,
.card_top > .span7 {
  width: 490px;
  height: 1px;
}
.card_top{
	position:relative;
}
.span10{
	position:absolute;
	right:0;
	top:0;
	color:red;
	font-size:14px;
}
.card_top > .span2,
.card_top > .span5 {
  margin-right: 3px;
}

.card_top > .span2,
.card_top > .span6,
.card_top > .span8 {
  width: 2px;
  height: 4px;
}
.card_top > .span4 {
  width: 170px;
  text-align: center;
}
.card_top > .span3,
.card_top > .span4 {
  margin-right: 10px;
}
.card_top > .span3,
.card_top > .span5 {
  width: 2px;
  height: 8px;
  background-color: #ffb54b;
}
.ggxx-span {
  width: 412px !important;
  height: 1px;
}
.xwzx-span {
  width: 500px !important;
  height: 1px;
}
.moreP.xwzx {
  width: 70px !important;
}
.card_top > .span8 {
  margin-left: 2px;
}
.tabs {
  width: 1338px;
  margin: 0 auto;
  height: 60px;
  /* background: rgba(15, 68, 131, 1); */
  color: white !important;
}

.tabs > div {
  /* float: right; */
  margin-right: 10px;
  height: 100%;
}

/* .tabs-left {
  width: 350px;
  height: 100%;
  float: left !important;
} */

/*每个文字后面都加1.2px空隙*/
/* .title-csP {
  letter-spacing: 1.2px;
} */

/* .tabs-left > img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 15px 15px 15px 40px;
}

.tabs-left > div {
  width: 70%;
  height: 100%;
  float: left;
}

.tabs-left > div > p {
  line-height: 10px;
}

.tabs-left > div > p:nth-of-type(1) {
  font-size: 14px;
  color: white;
  margin-top: 18px;
}

.tabs-left > div > p:nth-of-type(2) {
  font-size: 20px;
  color: white;
  font-weight: bold;
} */

.tabs-center > ul {
  margin: 0;
  padding: 0;
}

.tabs-center > ul > li {
  float: left;
  padding: 0 36px;
  line-height: 60px;
  height: 100%;
  color: white;
  font-size: 20px;
  box-sizing: border-box;
}
.tabs-center > ul > li a {
  color: white;
  font-size: 20px;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.tabs-center > ul > li:hover {
  background: #073976;
  cursor: pointer;
}

.tabs-title2 {
  height: 100%;
}
.tabs-center .tab-common-more {
  display: none;
  text-align: center;
  position: relative;
}

/* .tabs-center .tab-common-more:hover {
    background: none;
} */

.tabs-center .tab-common-more .tab-common-list {
  display: none;
  position: absolute;
  top: 100%;
  /* left: -22px; */
  left: 120px;
  width: 114px;
  z-index: 100;
  background: rgba(15, 68, 131, 1);
}

.blackImg,
.blueImg {
  margin-bottom: 5px;
}

.blueImg {
  display: none;
}

.tabs-center .tab-common-more .tab-common-more-icon {
  /*background-image: url('../images/黑@2x.png');*/
  /*background-repeat: no-repeat;*/
  /*width: 25px;*/
  /*height: 100%;*/
}

.tabs-center .tab-common-more:hover .tab-common-list {
  display: block;
}
.tab-common-more:hover {
  height: 60px !important;
}

/* .tabs-center .tab-common-more:hover .blackImg {
    display: none;
}

.tabs-center .tab-common-more:hover .blueImg {
    display: unset;
} */

.tabs-center .tab-common-more .tab-common {
  display: none;
}


.tabs-center .tab-common-more .tab-common-list .tab-common {
  padding: 0 25px;
  line-height: 80px;
  height: 80px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.tabs-center .tab-common-more .tab-common-list .tab-common:hover {
  background: rgba(7, 57, 118, 1);
  /* color: white !important; */
  cursor: pointer;
}

/**
* 头部自适应媒体查询
**/
/* @media (max-width: 1600px) {
  .tabs-center .tab-common-more {
    display: block;
  }

  .tabs-center .tab-common-more .tab-common:last-child {
    display: block;
  }

  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(2) {
    display: none;
  }
} */

/* @media (max-width: 1500px) {
  .tabs-center .tab-common-more {
    display: block;
  }

  .tabs-center .tab-common-more .tab-common:last-child,
  .tabs-center .tab-common-more .tab-common:nth-last-child(2) {
    display: block;
  }

  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(2),
  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(3) {
    display: none;
  }
} */

/* @media (max-width: 1400px) {
  .tabs-center .tab-common-more {
    display: block;
  }

  .tabs-center .tab-common-more .tab-common:last-child,
  .tabs-center .tab-common-more .tab-common:nth-last-child(2),
  .tabs-center .tab-common-more .tab-common:nth-last-child(3) {
    display: block;
  }

  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(2),
  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(3),
  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(4) {
    display: none;
  }
} */

/* @media (max-width: 1300px) {
  .tabs-center .tab-common-more {
    display: block;
  }

  .tabs-center .tab-common-more .tab-common:last-child,
  .tabs-center .tab-common-more .tab-common:nth-last-child(2),
  .tabs-center .tab-common-more .tab-common:nth-last-child(3),
  .tabs-center .tab-common-more .tab-common:nth-last-child(4) {
    display: block;
  }

  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(2),
  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(3),
  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(4),
  .tabs-center > .tabs-title2 > .tab-common:nth-last-child(5) {
    display: none;
  }
} */

.tabActive2 {
  color: #ffc656 !important;
  border-bottom: 4px solid #ffc656;
  box-sizing: border-box;
}
.tabActive2 a {
  color: #ffc656 !important;
}

.tabs-right {
  width: 250px;
  height: 100%;
  float: right !important;
  padding-right: 20px;
  text-align: right;
  position: relative;
  line-height: 80px;
}

input {
  outline: none;
  font-size: 14px !important;
}

.tabs-right > input {
  width: 234px;
  height: 34px;
  border: none;
  border-radius: 18px;
  padding-left: 10px;
  background: rgba(0, 0, 0, 0.06);
  color: white;
}
.tabs-right > span {
  display: block;
  width: 15px;
  height: 16px;
  position: absolute;
  top: 33px;
  right: 35px;
  background-image: url(../images/icon_seach.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.seachInput:hover {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.seachInput:hover .searchSpan {
  border: 1px solid yellow !important;
}

/*搜索框*/

#content {
  width: 100%;
  margin: 0 auto;
  /* background: linear-gradient(
    180deg,
    rgba(241, 242, 243, 1) 0%,
    rgba(250, 250, 250, 1) 100%
  ); */
}
.index_data{
	width:100% !important;
	margin: 0 auto;
	background: url(../images/img_zx_background.png);
}

.content-top-cards {
  width: 1190px;
  height: 120px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  line-height: 120px;
  margin-left: 363px;
  margin: 0 auto;
}

.content-top-cards > span {
  display: block;
  width: 8px;
  height: 60px;
  background: rgba(15, 68, 131, 1);
  border-radius: 0px 10px 10px 0px;
  float: left;
  margin-top: 30px;
}

.content-top-cards > span:nth-of-type(2) {
  float: right !important;
  border-radius: 10px 0 0 10px;
}

.content-top-cards > ul {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-top-cards > ul > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 110px;
}
/* 卡片向上平移动效 */
.cards-ul > li:hover {
  background: #0f4483;
}
.cards-ul > li img {
  transition: transform 0.3s;
}
.cards-ul > li:hover img {
  transform: translateY(-50px);
}
.cards-ul > li:hover .cards-p {
  color: white;
}

.content-top-cards {
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  margin-bottom: 40px;
}
.content-top-cards > ul > li div {
  width: 100%;
  height: 50px;
  margin-top: 17px;
  text-align: center;
  line-height: 50px;
  /* display: flex; */
  /* flex-direction: column; */
  align-items: center;
  overflow: hidden;
}
.content-top-cards > ul > li div > .moreImg4 {
  display: block;
  margin-left: 30px;
  /* margin-top: -16px; */
}

.content-top-cards > ul > li img {
  width: 48px;
  height: 48px;
}

.content-top-cards > ul > li > p {
  line-height: 30px;
  margin-top: 5px;
}

.content-bottom {
  width: 1190px !important;
  margin: 0 auto;
  position:relative;
}
.cs-content_2{
	background:#F2F2F2;
	padding-bottom: 40px;
}
.notice_div {
  width: 100%;
  /* height: 414px; */
  /* background: url(../images/img_ggxx_background.png) no-repeat; */
  background-size: 100% 100%;
  position:relative;
}
.notice {
  width: 1190px;
  margin: 0 auto;
  position: relative;
}

.notice_1 {
  width: 50%;
  margin: 0 auto;
}

.notice_1 > ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice_1 > ul > li {
  position: relative;
}

.notice_1 > ul > li:nth-of-type(1),
.notice_1 > ul > li:nth-of-type(3) {
  width: 35%;
  height: 50px;
  margin-top: 30px;
}
.notice_1 > ul > li:nth-of-type(2) {
  margin-bottom: 10px;
}
.notice_1 > ul > li:nth-of-type(2) > p:first-child {
  margin-bottom: 8px !important;
}

.notice_1 > ul > li > span {
  display: block;
}

.notice_1 > ul > li > p {
  text-align: center;
}

.lineSpan {
  width: 98%;
  height: 1px;
  background: #dddddd;
  margin-top: 2px;
}

.dotSpan {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(245, 160, 39, 1);
}

.notice_1 > ul > li .dotSpan:first-child {
  float: left;
}

.notice_1 > ul > li .dotSpan:last-child {
  position: absolute;
  right: 0;
  top: 0;
}

.notice_1 > ul > li:nth-of-type(2) p:first-child {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin: 0;
}

.notice_1 > ul > li:nth-of-type(2) p:last-child {
  margin: 0;
  font-size: 12px;
  color: #999999;
  font-family: 'ArialMT', 'Arial';
}

.notice_2 {
  width: 98%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}

/* 首页交易信息轮播start */
/* .swiper-container3>.swiper-wrapper>.swiper-slide{
	width:10% !important;
}
 */
 .swiper-container3{
    overflow: hidden;
    border: 1px solid #dddddd;
  	border-radius: 20px;
  	background: white;
  	line-height: 40px;
 }
 .swiper-container3>.swiper-wrapper{
 	text-align:center;
 	display: flex;
	justify-content: space-between;
	align-items: center;
 }
 .swiper-container3>.swiper-wrapper>.swiper-slide{
 font-size: 16px;
 width: 10% !important;
 }
  .cs-jyxxSpan{
	  display: block;
	  width: 1px;
	  height: 16px;
	  background: #dddddd;
	  float: right;
      margin-top: 12px;
  }



.notice_2_ul {
  width: 90%;
  margin: 0 auto;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #dddddd;
  border-radius: 20px;
  overflow: hidden;
  background: white;
}
.notice_2_ul > span {
  display: block;
  width: 1px;
  height: 16px;
  background-color: #dddddd;
}
.notice_2_ul li {
  width: 10%;
  height: 100%;
  line-height: 40px;
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.bubble {
  /* background: url("../images/公告信息选中状态背景.png") no-repeat; */
  /* background-size: 100% 95%; */
  color: white !important;
  cursor: pointer;
  background-color: #0f4483;
  font-size: 16px;
  font-weight: bold;
}
.bubbles{
  color: white !important;
  cursor: pointer;
  background-color: #0f4483;
  font-size: 16px;
  font-weight: bold;
}
.moreP {
  padding: 0;
  height: 50%;
  width: 50px;
  margin: 15px 12px 0 10px;
  color: #666666;
}

.moreP:hover {
  color: #0f4483;
  cursor: pointer;
}

.moreImg2 {
  display: none;
}
.notice_2 > .moreP:hover .cs-moreP-span {
  color: #0f4483 !important;
}
.notice_2 > p > span {
  line-height: 20px;
  color: #666666;
}

.moreP > img {
  float: right;
  margin-top: 2px;
}

.swiper-container {
  height: 190px !important;
}

.slide-ul {
  width: 98%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}
.slide-ul > li {
  width: 570px;
  height: 54px;
  background: rgba(255, 255, 255, 1);
  position: relative;
  color: #333333;
  margin-bottom:10px;
}
.slide-ul > li:hover {
  border: 1px solid #0f4483;
  cursor: pointer;
}
.slide-ul > li:hover .notice-div p {
  color: #0f4483 !important;
}
.slide-ul > li:hover .notice-date {
  background: rgba(255, 223, 176, 1);
}
.notice-date {
  width: 100px;
  height: 34px;
  line-height:34px;
  background: rgba(255, 234, 205, 1);
  position: absolute;
  left: -10px;
  top: 10px;
}

.notice-date > p:nth-of-type(1) > span {
  font-size: 12px;
}
.notice-date > p:nth-of-type(1) {
  padding: 0px 7px 5px 7px;
}
.notice-date > p:nth-of-type(1) > span:nth-of-type(1) {
  float: left;
}
.notice-date > p {
  padding: 7px 0 7px 0;
  margin: 0;
}
.notice-date > p:nth-of-type(1) > span:nth-of-type(2) {
  float: right;
}
.notice-date > p:nth-of-type(2) {
  padding: 13px 7px 5px 7px;
  text-align: center;
}
.notice-date > p:nth-of-type(2) > strong {
  font-size: 19px;
}
.notice-div {
  height: 100%;
  padding-left: 90px;
}
.notice-div > p:nth-of-type(1) {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin: 16px 0px 8px 0px;
  line-height: 22px;
}
.notice-div > p:nth-child(2) {
  color: rgba(102, 102, 102, 1);
}

/*轮播分页*/
p:nth-child .swiper-pagination {
  width: 1190px;
  margin-top: 15px;
}

.swiper-pagination > span {
  display: inline-block;
  width: 30px;
  height: 6px;
  border-radius: 3px;
  margin-right: 5px;
}

.swiper-pagination-bullet-active {
  background: #FFB54B !important;
}
.guide_div {
  width: 100%;
}
.guide {
  width: 1190px;
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  margin: 20px auto -10px;
}

.guide-left {
  width: 49%;
}
.guide-left .card_top > .span5,
.guide-left .card_top > .span6,
.guide-left .card_top > .span8 {
  width: 2.8px;
}
.guide-right .card_top > .span5,
.guide-right .card_top > .span6,
.guide-right .card_top > .span8 {
  width: 2.8px;
}

.guide-right {
  width: 49%;
}

.gui-title-top {
  height: 25px;
  line-height: 25px;
  position: relative;
}

.gui-title-top > span {
  display: block;
  float: left;
}

.gui-title-top > span:first-child {
  width: 6px;
  height: 6px;
  background: rgba(15, 68, 131, 1);
  margin: 10px 5px 0 0;
}

.gui-title-top > span:nth-of-type(2) {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}

.gui-title-top > span:nth-of-type(3) {
  width: 60%;
  height: 7px;
  border-top: 1px solid #dddddd;
  background: white;
  margin-top: 10px;
  z-index: 99;
  position: relative;
}

.gui-title-top > span:nth-of-type(4) {
  width: 6px;
  height: 6px;
  background: rgba(245, 160, 39, 1);
  margin-bottom: 4px;
  border-radius: 50%;
  margin-top: 7px;
}

.gui-title-top > span:nth-of-type(5) {
  position: absolute;
  top: -4px;
  left: 25%;
  font-size: 24px;
  color: #dddddd;
}

.moreP:hover .moreImg1 {
  display: none;
}

.moreP:hover .moreImg2 {
  display: block;
}

.cs-2 {
  position: absolute;
  top: -1px;
  right: 0;
}
.cs-2:hover .cs-cs-2-span {
  color: #0f4483 !important;
}
.cs-2 > span {
  color: #666666;
}
.cs-2 img {
  margin-top: 4px;
}

/* .gui-title-bottom {
    margin-top: 20px;
} */
.gui-title-bottom > ul > li > span {
  display: inline-block;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gui-title-bottom > ul > li,
.gui-title-bottom1 > ul > li {
  line-height: 30px;
  height: 30px;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cs-centerSpan {
  width: 77%;
  color: #333333;
}
.gui-title-bottom > ul > li > span:first-child,
.gui-title-bottom1 > ul > li > span:first-child {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f5a027;
  margin-left: 10px;
}
.cs-rightSpan {
  float: right;
  padding-right: 10px;
  color: #666666;
}
.gui-title-bottom > ul > li > span:last-child,
.gui-title-bottom1 > ul > li > span:last-child {
  margin-left: 13px;
}
.gui-title-bottom > ul > li:hover .cs-centerSpan {
  color: #0f4483 !important;
  cursor: pointer;
}

.gui-title-bottom > ul > li:hover .cs-rightSpan {
  cursor: pointer;
  color: #0f4483 !important;
}

.gui-title-bottom > ul > li:hover,
.gui-title-bottom1 > ul > li:hover {
  color: rgba(15, 68, 131, 1);
  font-weight: 600;
}

/*
.cs-right > div > span:nth-of-type(5) {
    position: absolute;
    top: -4px;
    left: 15%;
} */

.gui-title-bottom-right {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.gui-title-bottom1 {
  width: 60%;
}

.gui-title-bottom2 {
  width: 38%;
  height: 100%;
}
.tradingGuide {
  width: 1190px;
  margin: 10px auto;
}
.tradingGuide_cards {
  width: 100%;
}
.tradingGuide_cards_ul {
  width: 100%;
  height: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tradingGuide_cards_ul > li {
  width: 190px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.tradingGuide_cards_ul > li > img {
  width: 60px;
  height: 60px;
  margin-top: 15px;
}
/* card边框颜色 */
.tradingGuide_cards_ul > li > div {
  position: absolute;
  background: rgba(219, 137, 52, 1);
  transition-duration: 0.5s;
}
/* .tradingGuide_cards_ul > li:nth-of-type(2) > div {
  background: rgba(22, 190, 137, 1);
}  */
.tradingGuide_cards_ul > li:nth-of-type(1) > div {
  background: rgba(55, 174, 175, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(2) > div {
  background: rgba(117, 121, 243, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(3) > div {
  background: rgba(0, 145, 255, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(4) > div {
  background: rgba(231, 60, 56, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(5) > div {
  background: rgba(224, 117, 22, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(6) > div {
  background: rgba(106, 168, 16, 1);
}
 .tradingGuide_cards_ul > li:nth-of-type(7) > div {
  background: rgba(36, 136, 198, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(8) > div {
  background: rgba(219, 137, 52, 1);
}
/**从第9个开始**/
/**交易目录边框颜色**/
.tradingGuide_cards_ul > li:nth-of-type(9) > div {
  /* background: rgba(106, 168, 16, 1); */
  background: rgba(22, 190, 137, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(10) > div {
  /* background: rgba(36, 136, 198, 1); */
   background: rgba(55, 174, 175, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(11) > div {
   background: rgba(62, 117, 235, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(12) > div {
   background: rgba(117, 121, 243, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(13) > div {
   background: rgba(0, 145, 255, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(14) > div {
   background: rgba(231, 60, 56, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(15) > div {
   background: rgba(224, 117, 22, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(16) > div {
   background: rgba(106, 168, 16, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(17) > div {
  background: rgba(36, 136, 198, 1)
}
.tradingGuide_cards_ul > li:nth-of-type(18) > div {
    background: rgba(219, 137, 52, 1);
}
/**************************/
.tradingGuide_cards_ul > li:nth-of-type(19) > div {
  background: rgba(22, 190, 137, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(20) > div {
   background: rgba(55, 174, 175, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(21) > div {
   background: rgba(62, 117, 235, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(22) > div {
   background: rgba(117, 121, 243, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(23) > div {
   background: rgba(0, 145, 255, 1);
}
.tradingGuide_cards_ul > li:nth-of-type(24) > div {
   background: rgba(231, 60, 56, 1);
}
/* hover边框动画 */
.border-top {
  top: -1px;
  left: 0;
  transition: width;
}
.border-bottom {
  bottom: -1px;
  left: 100%;
  transition: width, left;
}
.border-top,
.border-bottom {
  width: 0;
  height: 1px;
}
.border-left {
  top: 0;
  left: -1px;
  transition: height;
}
.border-right {
  top: 100%;
  right: -1px;
  transition: height, top;
}
.border-left,
.border-right {
  width: 1px;
  height: 0;
}
.tradingGuide_cards_ul > li:hover .border-top {
  width: 100%;
}
.tradingGuide_cards_ul > li:hover .border-left {
  height: 100%;
}
.tradingGuide_cards_ul > li:hover .border-bottom {
  width: 100%;
  left: 0;
}
.tradingGuide_cards_ul > li:hover .border-right {
  height: 100%;
  top: 0;
}

.tradingGuide_cards_ul > li:hover {
  font-weight: bold;
}

.tradingGuide_cards_ul > li > p {
  font-size: 18px;
}
/* card背景 */
/* .tradingGuide_cards_ul > li:nth-of-type(1) {
  background: rgba(224, 143, 61, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(2) {
  background: rgba(22,189,137,0.06);
}
 */


.tradingGuide_cards_ul > li:nth-of-type(1) {
  background: rgba(69, 194, 194, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(2) {
  background: rgba(126, 131, 245, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(3) {
  background: rgba(0, 145, 255, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(4) {
  background: rgba(224, 32, 32, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(5) {
  background: rgba(225, 117, 23, 0.06);
}
.tradingGuide_cards_ul > li:nth-of-type(6) {
  background: rgba(112, 172, 18, 0.08);
}
 .tradingGuide_cards_ul > li:nth-of-type(7) {
  background: rgba(36, 137, 199, 0.06);
}
.tradingGuide_cards_ul > li:nth-of-type(8) {
  background: rgba(224, 143, 61, 0.08);
}
/**交易目录**/
.tradingGuide_cards_ul > li:nth-of-type(9) {
  /* background: rgba(112, 172, 18, 0.08); */
  background: rgba(22,189,137,0.06);

}
.tradingGuide_cards_ul > li:nth-of-type(10) {
  /* background: rgba(36, 137, 199, 0.06); */
  background: rgba(69, 194, 194, 0.08);
}

.tradingGuide_cards_ul > li:nth-of-type(11) {
  background: rgba(62, 132, 242, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(12) {
  background: rgba(126, 131, 245, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(13) {
  background: rgba(0, 145, 255, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(14) {
  background: rgba(224, 32, 32, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(15) {
  background: rgba(225, 117, 23, 0.06);
}
.tradingGuide_cards_ul > li:nth-of-type(16) {
  background: rgba(112, 172, 18, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(17) {
  background: rgba(36, 137, 199, 0.06);
}
.tradingGuide_cards_ul > li:nth-of-type(18) {
  background: rgba(224, 143, 61, 0.08);
}
/********************/
.tradingGuide_cards_ul > li:nth-of-type(19) {
  background: rgba(22,189,137,0.06);
}
.tradingGuide_cards_ul > li:nth-of-type(20) {
  background: rgba(69, 194, 194, 0.08);
}

.tradingGuide_cards_ul > li:nth-of-type(21) {
  background: rgba(62, 132, 242, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(22) {
  background: rgba(126, 131, 245, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(23) {
  background: rgba(0, 145, 255, 0.08);
}
.tradingGuide_cards_ul > li:nth-of-type(24) {
  background: rgba(224, 32, 32, 0.08);
}

/* card字体颜色 */
.jyzn_color_jyznml {
	color: rgba(219, 137, 52, 1);
}
.jyzn_color_jyzngkml {
	color: rgba(22, 190, 137, 1);
}
.jyzn_color_jyznpt {
	color: rgb(75 175 237);
}
.jyzn_color_jyznlc {
	color: rgba(55, 174, 175, 1);
}
.jyzn_color_jyznczzn {
	color: rgba(62, 117, 235, 1);
}
.jyzn_color_jyznsf {
	color: rgba(117, 121, 243, 1);
}
.jyzn_color_jyznxz {
	color: rgba(0, 145, 255, 1);
}
.jyzn_color_jyznwt {
	color: rgba(231, 60, 56, 1);
}
.jyzn_color_jyznxyxx {
	color: rgba(224, 117, 22, 1);
}
.jyzn_color_jyznzjpj {
	color: rgba(106, 168, 16, 1);
}
.jyzn_color_jyznjgxx {
	color: rgba(36, 136, 198, 1);
}
/**公路养护工程字体样式**/
.jsgc_color_glyh {
	color: rgba(98, 214, 223, 1);
}
.jyzn_color_gzml{
  color: #7B80F5;
}
.jyzn_color_fwqd2{
  color: #1A9CFF;
}
.commonProblem {
  width: 100%;
  height: 41px;
  line-height: 41px;
  border-radius: 4px;
  position: relative;
  background: #f3f3f3;
  margin-bottom: 10px;
}

.commonProblem > span {
  margin-left: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.cs-3 {
  position: absolute;
  top: 2px;
  right: 10px;
  color: #666666;
}

.cs-3 img {
  margin-top: 12px;
}

.cs-gui-title-p {
  margin-right: 22px;
}

.moreImg4 {
  display: none;
}

.gui-title-bottom2 > ul > li {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  position: relative;
}

.gui-title-bottom2 > ul > li:hover .moreImg3 {
  display: none;
}

.gui-title-bottom2 > ul > li:hover .moreImg4 {
  display: block;
}

.backgroundSpan {
  display: block;
  width: 1px;
  height: 28px;
  position: absolute;
  top: 20px;
  left: 60px;
  background: rgba(255, 255, 255, 0.2);
}

.gui-title-bottom2 > ul > li > img {
  transition: transform 2s;
}
.gui-title-bottom2 > ul > li:hover .cs-jt {
  transform: translateX(9px);
}

/*#rightFixed > ul > li div img {*/
/*width: 100%;*/
/*transition: transform .3s;*/
/*}*/
/*#rightFixed > ul > li:hover div img {*/
/*transform: translate(-36px);*/
/*}*/

.dataCentre {
  width: 100%;
  margin: 35px auto;
  overflow: hidden;
}
.content-bottom>.dataCentre{
	margin:0 auto !important;
}

.chartCollect {
  width: 1190px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chartCollect > div {
  width: 390px;
  height: 480px !important;
  /*overflow: hidden;*/
  position: relative;
  background: white;
}

.chart-topP {
  width: 100%;
  height: 37px;
  margin-top: 0;
  /* margin-bottom: 10px; */
  line-height: 42px;
  border-radius: 4px;
  background: white;
}
.chart-topP > span {
  display: block;
  float: left;
}

.chart-topP > span:nth-of-type(1) {
  width: 3px;
  height: 16px;
  background: rgba(15, 68, 131, 1);
  border-radius: 0px 3px 3px 0px;
  margin-top: 12px;
}
.chart-topP > span:nth-of-type(2) {
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#pieBoxs {
  overflow: hidden;
  background-size: 100%;
  background: url(../images/echartsmap.png) no-repeat;
  position: relative;
}
.pieboxPosition {
  width: 137px;
  height: 140px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  border: 1px solid #557aff;
  position: absolute;
  top: 280px;
  right: 20px;
}
.pieboxPosition ul {
  margin: 10px 0px 0px 10px;
}
.pieboxPosition ul li:nth-child(1) {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  line-height: 20px;
}
.pieboxPosition ul li {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
}
.dataCentre_cards {
  width: 100%;
  margin-bottom: 10px;
}

.dataCentre_cards > ul {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.dataCentre_cards > ul > li {
  width: 46%;
  height: 80px;
  position: relative;
  border-radius: 2px;
}

.dataCentre_cards > ul > li > p {
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 35px;
  margin: 0;
  padding-left: 15px;
}

.dataCentre_cards > ul > li > p > span {
  font-size: 32px;
}

.dataCentre_cards > ul > li:first-child {
  background: #63a4f2;
}

.dataCentre_cards > ul > li:last-child {
  background: #f5b151;
}

.dataCentre_cards > ul > li > img {
  width: 62px;
  height: 62px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.dataCentre_bottom {
  width: 100%;
}

.dataCentre_bottom > ul {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
}

.dataCentre_bottom > ul > li {
  width: 46%;
  height: 118px;
  background: rgba(15, 68, 131, 0.04);
  border-radius: 4px;
  margin-bottom: 10px;
}

.dataCentre_bottom > ul > li > p {
  color: #333333;
  margin: 0;
  line-height: 33px;
  padding-left: 20px;
}

.dataCentre_bottom > ul > li > p:nth-of-type(2) > span:first-child {
  font-size: 26px;
  font-weight: bold;
}

.dataCentre_bottom > ul > li > p:nth-of-type(2) > span:last-child {
  font-size: 12px;
}

.dataCentre_bottom > ul > li > p:last-child > span {
  /* color: #ff5151; */
}

.dataCentre_bottom > ul > li > span {
  display: block;
  width: 20px;
  height: 2px;
  background: #ddbe83;
  margin: 0 0 5px 20px;
}

.greenSpan {
  color: #58c343 !important;
}
.pie-centerDiv {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 14px solid #e7ecf2;
  position: absolute;
  top: 207px;
  left: 163px;
}
.pieChart-ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pieChart-ul > li {
  width: 60%;
  height: 30px;
}

.pieChart-ul > li:first-child {
  padding-left: 15px;
  color: #666666;
}

.pieChart-ul > li:last-child {
  width: 33%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
  padding-right: 15px;
  position: relative;
}

.pieChart-ul > li:last-child > span {
  display: block;
  width: 1px;
  height: 40%;
  background: rgba(193, 193, 193, 1);
  border-radius: 17px;
}

.cut-p {
  z-index: 10;
}

.cut-p:hover {
  cursor: pointer;
  color: #0f4483;
  font-weight: bold;
}

.active1 {
  color: #0f4483;
  border-radius: 2px;
  font-weight: bold;
}
.notice_cs {
  width: 30px;
  height: 1px;
  background: #0f4483;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #0f4483;
}
.cs-jye1 {
  position: absolute;
  top: 15px;
  right: 104px;
  display: block;
}
.cs-jye2 {
  position: absolute;
  top: 15px;
  right: 20px;
  display: none;
}

#pieOption,
#pieOption_2 {
  width: 100%;
  height: 360px;
}

#pieOption_2 {
  width: 379px;
  height: 360px;
}

.chart {
  width: 100%;
  height: 360px;
}

.ccc,
.ddd {
  width: 379px;
  height: 360px;
}

.ddd {
  display: none;
}

/*底部文字*/
#footer {
  width: 100%;
  height: 310px;
  background: #0f4483;
  color: white;
}

.select-div {
  width: 1190px;
  margin: 0 auto;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*
 footer底部select如果是2个则不动样式，如果是4个,将1735行  .select-div里的justify-content:center改为justify-content:space-between;
 以及将下面的    .select-div>div:nth-of-type(1){}   给注释掉
  */
/* .select-div>div:nth-of-type(1){
	margin-right:10px;
} */


.select-div > div > select {
  color: #fff;
  border: none;
  width: 280px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  box-sizing: border-box;
  text-indent: 10px;
  position: relative;
  font-size: 14px;
}

.select-div > div > select > option {
  background: #0f4483;
  color: #fff;
}

.bottom_2 {
  /* width: 20%; */
  margin: 15px auto;
  text-align: center;
}

.bottom_2 > span {
  color: white;
  padding: 0 15px;
  border-right: 1px solid #547aa6;
  font-size: 16px;
  font-weight: 600;
}

.bottom_2 > span:last-child {
  border: none;
}

.footer-logo {
  /* width: 800px;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  justify-content: center; */
  width: max-content;
  padding: 0 30px;
  margin: 30px auto;
}

.footer-logo > div:first-child {
  width: 200px;
  margin-right: 40px;
}

.footer-logo > div:first-child > img {
  margin-top: 18px;
}
.footer-logo > div:first-child > img:first-child {
  margin-right: 24px;
  margin-top: 26px;
}
.footer-logo > div:first-child > img:last-child {
  float: right;
  margin-right: 7px;
}

.footer-logo > div:last-child > p {
  margin: 10px 0;
  text-align: center;
}
.cs-bottom_p {
  width: 1190px;
  height: 1px;
  /*background: linear-gradient(rgba(250,250,250,0.1), rgba(255,255,255,0.4), rgba(250,250,250,0.1));*/
  background-image: linear-gradient(
    to right,
    rgba(250, 250, 250, 0),
    rgba(255, 255, 255, 0.3),
    rgba(250, 250, 250, 0)
  );
  margin: 0 auto;
}
/* 底部结尾 */

.rightFixed {
  width: 110px;
  position: fixed;
  top: 6%;
  z-index: 100;
  transition: right 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
}
/*.rightFixed:hover{
  right: 0;
}*/
.rightFixed>div{
  width: 30px;
  height: 80px;
  border:1px solid #DDDDDD;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
}

.rightFixed > ul {
  width: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
  border-radius: 6px 0px 0px 6px;
}

.rightFixed > ul > li {
  width: 100%;
  height: 72px;
 /*  display: flex;
  flex-direction: column;
  justify-content: center; */
  align-items: center;
  color: rgba(102, 102, 102, 1);
}
.rightFixed > ul > li a{
	text-decoration: none;
    text-align: center;
    color: #666666;
}

.rightFixed > ul > li div {
  /* display: flex; */
  width: 100%;
  float: left;
  height: 35px;
  margin-top: 13px;
  overflow: hidden;
}
.rightFixed > ul > li div img {
  width: 31px !important;
  height: 31px;
  float: left;
}
.fixedimg1 {
  padding-left: 24px;
}
.fixedimg2 {
  display: none;
}
.rightFixed > ul > li div:hover .fixedimg1 {
  overflow: hidden;
}

/* #rightFixed > ul > li div img{
    float: left;
} */

.rightFixed > ul > li > p {
  margin: 5px 0;
  text-align:center;
}
.rightFixed > ul > li {
  position: relative;
}

.rightFixed > ul > li:hover {
  background: #0f4483;
  color: white !important;
  cursor: pointer;
}
.rightFixed > ul > li:hover .link-a{
	color: white !important;
	cursor: pointer;
	background: #0f4483;
}

.rightFixed > ul > li div img {
  width: 100%;
  transition: transform 0.3s;
}
.rightFixed > ul > li:hover div .fixedimg1 {
  transform: translate(-96px);
}
.rightFixed > ul > li:hover div .fixedimg2 {
  position: absolute;
  top: 14px;
  left: 24px;
}
.fixedimg2 {
  display: block;
}

.cards-p {
  color: rgba(51, 51, 51, 1);
}

.cards-ul > li:hover {
  cursor: pointer;
  border-radius: 2px;
}
.tabs-title2 li {
  position: relative;
}

.tabs-title2 li div span {
  width: 200px;
  padding: 5px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  /* height: 100%; */
  /* float: left; */
  text-align: left;
  line-height: 53.5px;
}
.tabs-title2 li div span:nth-child(1) {
  padding-top: 4.2px;
}

.nav span:hover,
.box_two span:hover {
  background: rgba(255, 237, 204, 1) !important;
}
.nav span i {
  font-size: 14px;
  margin: 19px 12px 0px 30px;
}
.nav1 span {
  background: rgba(255, 255, 255, 0.95);
}

.nav span img {
  width: 16px;
  height: 16px;
  float: left;
  margin: 19px 12px 0px 30px;
}
.nav {
  display: none;
  /* padding-top: 8px;
  padding-bottom: 8px; */
}
.nav2 {
  width: 420px;
  background: rgba(255, 255, 255, 0.95);
  position: relative;
}
.nav2 span:nth-child(1),
.nav2 span:nth-child(2),
.nav2 span:nth-child(3),
.nav2 span:nth-child(4),
.nav2 span:nth-child(5),
.nav2 span:nth-child(6) {
  /* border-right:1px solid rgba(102, 102, 102, 0.2); */
}
/* .nav2 p{
  width: 1px;
  height:460px;
  color: rgba(102, 102, 102, 0.2);
  position: absolute;left: 230px;
} */
.box_on {
  background: rgba(7, 57, 118, 1) ;
}

.box_two {
  width: 230px !important;
  display: none;
}
.tabs-title2 li .nav2 div {
  background: rgba(255, 255, 255, 0.95);
}
.tabs-title2 li div {
  z-index: 10000;
  zoom: 1;
  position: absolute;
  left: 0px;
  flex-wrap: wrap;
 justify-content: space-between;
 height: max-content;
}
.cs-jyxx{
	height:400px !important;
}
/* .tabs-title2 li .nav2 {
  height: 390px;
} */
.tabs-title2 li div {
  z-index: 10000;

}
/*.cards-ul > li:hover .moreImg4 {*/
/*-webkit-animation: flipinY 1.5s ease-out backwards;*/
/*-moz-animation: flipinY 1.5s ease-out backwards;*/
/*-ms-animation: flipinY 1.5s ease-out backwards;*/
/*animation: flipinY 1.5s ease-out backwards;*/
/*display: block;*/
/*}*/

/*@keyframes flipinY {*/
/*0% {*/
/*transform: perspective(400px) rotateY(90deg);*/
/*opacity: 0;*/
/*}*/
/*40% {*/
/*transform: perspective(400px) rotateY(-10deg);*/
/*}*/
/*70% {*/
/*transform: perspective(400px) rotateY(10deg);*/
/*}*/
/*100% {*/
/*transform: perspective(400px) rotateY(0);*/
/*opacity: 1;*/
/*}*/
/*}*/

/*10.13号新增头部搜索栏*/
.header_search {
  width: 100%;
  height: 90px;
  background: #ffffff;
}
.searchStyle input::-webkit-input-placeholder {
  color: #999999 !important;
}
.searchStyle input:-moz-placeholder {
  color: #999999 !important;
}
.searchStyle input::-moz-placeholder {
  color: #999999 !important;
}
.searchStyle input:-ms-input-placeholder {
  color: #999999 !important;
}

.search_main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.search_main dl {
  width: 750px;
  float: left;
}
.search_main dl dt {
  float: left;
}
.search_main dl dt img {
  width: 50px;
  height: 50px;
  margin: 21px 10px 0px 0px;
}
.search_main dl dd p:nth-child(1) {
  font-size: 18px;
  color: #595858;
  font-size: 18px;
  padding-top: 19px;
  line-height: 18px;
  letter-spacing: 2px;
}
.search_main dl dd p:nth-child(2) {
  font-size: 24px;
  font-weight: bold;
  color: #444444;
  line-height: 24px;
  margin-top: 10.5px;
  letter-spacing: 2px;
}
.searchStyle {
  float: right;
  width: 235px;
  height: 42px;
  background: rgba(15, 68, 131, 0.06);
  border-radius: 20px;
  border: 1px solid #0f4483;
  margin-top: 24px;
  padding-left: 20px;
  padding-right: 36px;
}
.search_position {
  
  float: right;
  margin: 37px 20px 0 -35px;
}

/* 市场活跃度情况 */
#pieDiv {
  width: 386px;
  height: 80px;
  margin-bottom: 9px;
  position: relative;
}
#pieDiv > ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pieDiv > ul > li {
  width: 33.33%;
  height: 100%;
  line-height: 60px;
  text-align: center;
}
#pieDiv > ul > li:nth-of-type(1) {
  color: #568cff;
}
#pieDiv > ul > li:nth-of-type(2) {
  color: #40b8ff;
}
#pieDiv > ul > li:nth-of-type(3) {
  color: #eba94a;
}
#pieDiv > p {
  width: 100%;
  height: 30px;
  margin: 0;
}
#pieDiv > p > span {
  display: block;
  margin-top: 8px;
  float: left;
  width: 33.33%;
  font-weight: 400;
  color: rgba(85, 85, 85, 1);
  text-align: center;
  line-height: 10px;
}

.chart-topP > span {
  display: block;
  float: left;
}
.chart-topP > span:nth-of-type(1) {
  width: 3px;
  height: 16px;
  background: rgba(15, 68, 131, 1);
  border-radius: 0px 3px 3px 0px;
  margin-top: 12px;
}
.chart-topP > span:nth-of-type(2) {
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.quantityDiv {
  width: 370px;
  height: 246px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 auto;
}
.quantityDiv > div {
  width: 100%;
  height: 119px;
  background: rgba(15, 68, 131, 0.04);
}
.city {
  position: relative;
}
.city > p {
  margin: 0;
  line-height: 33px;
  font-weight: bold;
  padding-left: 10px;
}
.statistics {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.statistics > img {
  width: 66px;
  height: 60px;
  margin-left: 20px;
}
.statistics > ul {
  width: 70%;
  height: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.statistics > ul > li {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.statistics > ul > li > p {
  margin: 3px 0;
  color: #333333;
}
.statistics > ul > li > p:nth-of-type(2) {
  font-size: 18px;
  font-weight: bold;
}
.city > span {
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 30px;
  left: 13px;
  background: #ffb54b;
}
.nonlocal .statistics img {
  width: 81px;
  height: 63px;
}
.swiper-pagination {
	width: 1190px;
	position: unset !important;
}
/** 首页banner添加文字 **/
.swiper-slide-title{
	width:max-content;
	position:absolute;
	top:-153%;
	left:0%;
}
.swiper-slide-title img{
	width:1190px;
	height:144px;
}
/*登录*/
.login{
  width: 150px;
  float: right;
  margin-top: 33px;
  position:relative;
}
.login>span{
  display: inline-block;
  font-size: 20px;
  color: #3081E1;
}
.login>span:nth-of-type(2){
  margin: 0 10px;
}
.login>span a{
  color: #3081E1;
  text-decoration: none;
  font-size: 20px;
}
/* 提示框 */
.promptMessage{
	width:100%;
	height:50px;
	position: absolute;
	margin:0 auto;
	top:150px;
	z-index:999;

}
.promptMessage div{
	width:580px;
	height:70%;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	align-items:center;
	background:#fdf6e5;
	color:#fd945f;
	border-radius:3px;
}
.promptMessage div img{
	width:16px;
	height:16px;
	margin-left: 80px;
}
/*登录*/
.login-box{
   width: 290px;
    height: 360px;
    background: rgba(255, 255, 255, 0.9);
    /* box-shadow: 0px 4px 16px 0px rgba(8, 46, 93, 0.5); */
    border-radius: 4px;
    /* border: 1px solid #B2B7BC; */
    position: absolute;
    top: -163%;
    right: 0%;
    z-index: 99;
    /* overflow: hidden; */
   top: -359px;
}
/* input placeholder字体颜色样式 */
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #999999;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999999;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999999;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #999999;
}
.login-box>ul{
    width: 100%;
    height: 47px;
    display: flex;
    justify-content: space-between;
    position:relative;
}
.login-box>ul>img{
	width: 20px;
    height: 20px;
    position: absolute;
    right: -20px;
    top: 0px;
}
.login-box>ul>li{
    width: 50%;
    height: 47px;
    text-align: center;
    line-height: 47px;
    color: #555555;
    font-size: 16px;
    border-bottom: 1px solid #999999;
}
.login-box>ul>li:hover{
    color: #3081E1;
    cursor: pointer;
}
.login-box_tab{
    border-bottom: 2px solid #3081E1 !important;
}
.login-box>div{
    width: 100%;
    margin: 0 auto;
}
.classify{
    height: 40px;
    line-height: 40px;
}
.classify label{
    margin-left: 5px;
}
.classify input{
    margin-right: 5px;
    margin-top: 5px;
}
.login-box_textInput{
    text-align: center;
    position: relative;
}
.login-box_textInput img{
    width: 16px;
    height: 16px;
}
.login-box_textInput img:nth-of-type(1){
    position: absolute;
    top: 14%;
    left: 8%;
}
.login-box_textInput img:nth-of-type(2){
    position: absolute;
    bottom: 13%;
    left: 8%;
}
.login-box_textInput input{
    width: 75%;
    height: 34px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    padding-left: 40px;
}
.login-box_textInput input:nth-of-type(1){
	margin:10px 0;
}
.login-box_bottom{
	width:81%;
	height:45px;
	text-align:center;
	margin:0 auto;
	display:flex;
	justify-content: start;
	align-items: center;
}
.login-box_bottom>img{
	width:15px;
	height:15px;
	margin-left:10px;
}
.login-box_bottom p{
    text-align: right;
    line-height: 35px;
    color: #3081E1;
    float: left;
}
.login-box_bottom_p1{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.login-box_bottom>div{
	width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding-top: 17px;
}
.login-box_bottom>p>a:nth-of-type(1){
	color:#3081E1;
}
.login-box_bottom>p>a:nth-of-type(2){
	color:#3081E1;
}
.login-box_bottom>p>a:nth-of-type(2):hover{
	cursor: pointer;
	border-bottom:1px solid #3081E1;
}
.login-box_bottom>div>a{
	display:block;
	font-size:14px;
}
.login-box_bottom>div>a:nth-of-type(1){
	color:#3081E1;
}
.login-box_bottom>div>a:nth-of-type(2){
	color:#666666;
}
.login-box_bottom>div>a:hover{
	color:#3081E1;
	cursor: pointer;
	border-bottom:1px solid #3081E1;
}


.login-box_bottom button{
    width: 100%;
    height: 34px;
    text-align: center;
    font-size: 16px;
    background: #0F4483;
    color: white;
    border: none;
    border-radius: 4px;
}
.login-footer{
	width:100%;
	height:78px;
	background:rgb(238, 238, 238,0.9);
}
.login-footer-box{
	width:85%;
	height:100%;
	margin:0 auto;
	display:flex;
	justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}
.login-footer-box>div{
	font-size:14px;
	color:#333333;
	display:flex;
	justify-content: center;
    align-items: center;
}
.login-footer-box>div{
	    min-width: 33.33%;
    /* width: 33.33%; */
    height: 50%;
}
.colorRegist{
	color:#3081E1 !important;
}
.login-footer-box>div:hover{
	cursor: pointer;
	color:#3081E1;
}
.login-footer-box>div>img{
	width:20px;
	height:20px;
	margin-right:5px;
}
.login-box_content>div{
    display: none;
}
.login-box_content .div_show{
    display: block;
}
.login-box_content>div>p{
    font-size: 12px;
    color: #999999;
    text-align: center;
}
.erweimaImg{
    width: 120px !important;
    height: 120px !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-bottom: 5px;
}


/*左浮框*/
.leftFixed{
  width: 80px;
  position: fixed;
  top: 30%;
  left: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
  border-radius: 2px 0px 0px 2px;
}
/* 数据中心区加混滚动效果 */
.echarts-content{
	height:480px !important;
}
.swiper-pagination2 > span {
  display: inline-block;
  width: 30px;
  height: 6px;
  border-radius: 3px;
  margin-right: 5px;
}

.swiper-pagination2{
	text-align: center;
}

/**首页电子化交易图**/
.card_title_type{
	margin:28px auto 0;
	width: max-content;
}
.card_title_type > img{
	width:580px;
	height:72px;
}
/****/
.suspendedTab{
	width: 40px;
    height: 170px;
    background-size: 100%;
    position: absolute;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    text-align: center;
    line-height: 40px;
    color: white;
    font-size: 18px;
    letter-spacing: 3px;
}
.suspendedTab1{
    top: 18%;
    left: -5.7%;
    background-image: url(../images/img_tab_dzhjy.png);
}
.suspendedTab2{
	top: 45%;
    left: -5.7%;
	background-image: url(../images/img_tab_dzhjy.png);
}
.suspendedTab3{
	z-index: 100;
    top: 0;
    left: -5.7%;
	background-image: url(../images/img_tab_dzhjy.png);
}

/**公开专栏**/
/*swiper交易指南*/
.cs-content_swiper{
	width:100%;
	height:max-content;
	border:1px solid #CCCCCC;
	position: relative;
	margin-bottom: 30px;
}
.swiper-container1{
    width: 87.5%;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin-left: 70px;
}
.swiper-container1 .swiper-slide{
  width: 136.5px !important;
  text-align: center;
    /*margin-right: 5px;*/
    margin-left: 12px;
}
/* .swiper-container1 .swiper-slide img{
    width: 100%;
    height: 100%;
} */
.swiper-container1 .swiper-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.swiper-button-prev,.swiper-button-next{
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    top: 50%;
    /* border: 2px solid #CCCCCC; */
    border-radius: 50%;
    margin-bottom: 10px;

}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 14px!important;
}

.target_left_line{
	position:absolute;
	top:0;
	left:-30px;
	width:1px;
	height:1725px;
	background:rgba(210,175,83,1);
}

/*点击banner区跳专题详情*/
#specialDetail_box{
  width: 1190px;
  margin: 0px auto 30px;
}
.videoBox > p{
  width: 100%;
  height: max-content;
}


.detailBanner_ztbd{
    height: 240px;
    background: url("../images/img_detail_banner_ztbd.png") no-repeat;
    background-size: 100% 100%;
    background-position: 0;
}

.detailBanner_yzn {
  height: 240px;
  background: url(../images/img_detail_banner_yzn.jpg) no-repeat;
  background-size: 100% 100%;
  background-position: 0;
}


html,body{
    width: 100%;
    position: relative;
}
.login2-box{
    width: 290px;
    height: 360px;
    position: absolute;
    top: -148%;
    right: 0%;
    z-index: 99;
    border-radius: 5px;
	background: rgba(255, 255, 255, 0.8);
	top: -360px;
}
.login2-box>p:nth-of-type(1){
    color: #3081E1;
    font-size: 14px;
    margin: 40px 0 35px 30px;
}
.login2-box>p:nth-of-type(2){
    margin: 0 0 35px 30px;
}
.login2-box_button{
    width: 90%;
    margin: 0 auto;
}
.login2-box_button>button{
    width: 100%;
    height: 34px;
    text-align: center;
    font-size: 16px;
    background: #0F4483;
    color: white;
    border: none;
    border-radius: 4px;
    margin: auto;
}
.login2-box_goBack{
    width: 80%;
    margin:  40px auto 0;
    display: flex;
    justify-content: space-between;
}
.login2-box_goBack>span:nth-of-type(1){
    color: #3081E1;
}
.login2-box_goBack>span:nth-of-type(2){
    color: #555555;
}
li{
          list-style: none;
      }
      html,body{
          width: 100%;
          position: relative;
      }
      /*登录*/
      .login-box-CA{
          width: 290px;
          height: 248px;
          background: rgba(255, 255, 255, 0.8);
          box-shadow: 0px 4px 16px 0px rgba(8, 46, 93, 0.5);
          border-radius: 4px;
          border: 1px solid #B2B7BC;
          position: absolute;
          top: 15%;
          right: 10%;
          z-index: 99;
      }
      .login-box-CA>ul{
          margin: 0;
          padding: 0;
          width: 100%;
          height: 47px;
          display: flex;
          justify-content: space-between;
      }
      .login-box-CA>ul>li{
          width: 50%;
          height: 47px;
          text-align: center;
          line-height: 47px;
          color: #555555;
          font-size: 16px;
          /*border-bottom: 1px solid #999999;*/
      }
      .login-box-CA>ul>li:hover{
          color: #3081E1;
          cursor: pointer;
      }
      .login-box_tab_2{
          /*border-bottom: 2px solid #3081E1 !important;*/
          color: #3081E1 !important;
      }
      .login-box-CA>div{
          width: 92%;
          margin: 0 auto;
      }
      .classify_2{
          height: 40px;
          line-height: 60px;
          font-size: 14px;
          margin-left: 10px;
      }
      .classify_2 label{
          margin-left: 25px;
      }
      .classify_2 input{
          margin-right: 5px;
          margin-top: 5px;
      }
      .login-box_textInput{
          text-align: center;
          position: relative;
          margin-top: -18px;
          display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
      }
      .login-box_textInput img{
          width: 16px;
          height: 16px;
      }
      .login-box_textInput>input{
          width: 230px;
          height: 34px;
          background: rgba(255, 255, 255, 0.8);
          border-radius: 4px;
          border: 1px solid #D2D2D2;
          padding-left: 10px;
      }
      .login-box_textInput>input:nth-of-type(2){
      	  width: 131px;
      	  margin-right:10px;
      }
      #sendSmsCode{
      	  width: 89px;
      	  height:34px;
      	  border:1px solid rgb(1, 102, 182);
      	  color:rgb(1, 102, 182);
      	  font-size: 14px;
    	  background: #FFFFFF;
    	  margin-top:2px;
      }
      #sendSmsCode:hover{
      	cursor: pointer;
      }
      /* .login-box_bottom{
          display: flex;
          justify-content: space-between;
      } */
      .login-box_bottom p{
          line-height: 35px;
          font-size: 14px;
      }
      .login-box_bottom p:nth-of-type(2){
          color: #3081E1;
      }
      .login-box_content>div{
          display: none;
      }
      .login-box_content .div_show{
          display: block;
      }
      .div_show_2 button{
          width: 240px;
          height: 34px;
          text-align: center;
          font-size: 16px;
          background: #0F4483;
          color: white;
          border: none;
          border-radius: 4px;
          margin-top:10px;
      }
      .login-box_content>div>p{
          font-size: 12px;
          color: #999999;
          text-align: center;
      }
      .erweimaImg{
          width: 120px !important;
          height: 120px !important;
          position: relative !important;
          top: 0 !important;
          left: 0 !important;
          margin-bottom: 5px;
      }
      .wxgzh{
      	position:relative;
      }
      .erweima{
            width: max-content !important;
            height: max-content !important;
		    display: none;
		    position: absolute;
		    left: -288px;
		    top: -12px;
		    /* border: 1px solid red; */
      }
      #erweima_img{
          width: auto !important;
          height: auto !important;
      }
	  .wxgzh:hover .erweima{
			display:block !important;
	  }
	  .login-box_content_child>div{
      	display:block;
      }
      .login-box_content_child_div1{
      	width:100%;
      	text-align:center;
      	min-height: 181px;
      }
      #appImgId{
      	    width: 140px;
		    height: 140px;
		    margin: 5px auto;
      }
      .login-box_content_child_div1>p{
      	font-size:14px;
      	color:#555555;
      }
      .login-box_content_child .div_show{
      	display: block;
      }
      #appLoginInfoId {
      	min-height:225px;
      }
      #appImgSuccess{
	      width: 60px;
	      height:60px;
	      margin-bottom:15px;
      }
      #appPSuccess{
      	margin:0 0 5px 0;
      }
      .appPSuccess1{
      	margin-bottom:30px;
      }
      #appImgfal{
	      width:100px;
	      height:100px;
      }
      .appPSuccess2{
      	margin:20px 0;
      }
      .appPSuccess2>a{
      	text-decoration:none;
      	color: blue;
      }
      .appPSuccess2:hover{
      	cursor: pointer;
      }
      #businessLicense{
      	position:relative;
      	min-height: 225px;
     	}
      .zhezhao{
      	width:137px;
      	height:135px;
      	background:#333333;
      	opacity:0.8;
      	position: absolute;
      	top:49px;
      	left:26%;
      	text-align:center;
      }
      .zhezhao p{
	      font-size:14px;
	      color:#FFFFFF;
	      margin-bottom:10px;
      }
      .zhezhao p:nth-of-type(1){
      	margin:30px 0 10px 0;
      }
      .renovateBtn{
      	width:max-content !important;
      	height:max-content !important;
      	text-align:center;
      	padding:3px 35px;
      	border-radius:5px;
      	background:#3081E1;
      	color:#FFFFFF;
      	border:none;
      	position: absolute;
      	top:55%;
      	left:32%;
      }

.jgpt{
  position:relative;
}

.jgpt_link{
  width: 280px !important;
  height: 100px !important;
  display: none;
  position: absolute;
  left: -280px;
  top: -12px;
  z-index: 999;
}


.jgpt:hover .jgpt_link{
  display:block !important;
}
#jgpt-box{
  width: 280px !important;
  height: 100px !important;
  display:flex;
  margin-top: 0px;
  background: #fff;

}
#jgpt-box > div{
  flex:1;
  text-align: center;
  padding:10px;
  width: 280px !important;
  height: 100px !important;
  box-sizing:border-box;
  margin-top: 0px;
}
#jgpt-box img{
  width: 31px !important;
  height: 31px;
  float: inherit;
}
#jgpt-box p{
  color:#333 !important;
  margin-top: 10px;
}