@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; /*兼容低版本的浏览器*/
  -webkit-box-sizing: border-box; /*为了兼容低版本的web*/
  color: #000;
}
body {
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma, "微软雅黑", "黑体";
  line-height: 120%;
  background: #fff;
  margin: 0;
  overflow-x: hidden; /*溢出隐藏，去掉水平方向的，直接剪裁*/
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
form,
table {
  margin: 0;
  padding: 0;
}
a,
img {
  border: none; /*兼容ie浏览器*/
}
img {
  vertical-align: middle;
  border: 0;
}
li {
  list-style: none;
}
i,
em {
  font-style: normal;
}
a {
  text-decoration: none;
  color: #000000;
  border: 0;
}
a:link {
  text-decoration: none;
  color: #000000;
}
a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #000000;
}
a:active {
  text-decoration: none;
  color: #000000;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/*display*/
.display_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.display_flex > * {
  display: block;
}
.display_inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.display_inline-flex > * {
  display: block;
}
/*伸缩流方向*/
.flex-direction_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/*主轴对齐*/
.justify-content_flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-content_flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content_flex-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*侧轴对齐*/
.align-items_flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items_flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.align-items_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.align-items_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
/*伸缩性*/
.flex_auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.flex_1 {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
/*显示顺序*/
.order_2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.order_3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.footer {
  height: 60px;
  background-color: #eeeeee;
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 60px;
}
.header-div {
  height: 90px;
  background: #0273d4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.top-content {
  width: 1060px;
  margin: 0 auto;
  height: 90px;
}
.top-content img {
  width: 53px;
  height: 50px;
  margin-right: 10px;
}
.top-content p {
  font-size: 24px;
  font-weight: bolder;
  color: white;
}
.content {
  width: 1060px;
  margin: 110px auto 80px;
  clear: both;
  overflow: hidden;
}
.content-left {
  width: 790px;
  margin-right: 20px;
  float: left;
}
.content-right {
  width: 250px;
  float: left;
}
.tab-div {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.tab {
  float: left;
  padding: 10px 10px;
  font-family: NotoSansCJKsc-Bold;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
}
.tab.active {
  border-bottom: 3px solid #0273d4;
  color: #0273d4;
  font-weight: bolder;
}
.list-item {
  display: block;
  height: 40px;
  border-bottom: 1px dashed #e5e5e5;
}
.list-item:last-child {
  border: 0;
}
.text {
  cursor: pointer;
  color: #222222;
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
  max-width: 550px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  float: left;
}
.text::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #0273d4;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 18px;
}
.date {
  line-height: 40px;
  float: right;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #222222;
}
.wechart-top {
  margin: 16px 0 19px;
  padding: 0 15px;
}
.wechart-top img {
  width: 18px;
  height: 14px;
  margin-right: 8px;
}
.wechart {
  width: 250px;
  height: 250px;
  background: #f0f2f8;
  clear: both;
  overflow: hidden;
}
.wechart-top p {
  font-family: NotoSansCJKsc-Bold;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0273d4;
}
.wechart-img {
  width: 146px;
  height: 146px;
  margin: 0 auto;
  display: block;
}
.watcher {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #0273d4;
  text-align: center;
  margin-top: 15px;
}
.chooseItem {
  text-align: center;
  width: 250px;
  height: 70px;
  background-color: #0273d4;
  line-height: 70px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  display: block;
  margin-top: 20px;
  cursor: pointer;
}
.chooseItem:hover {
  color: white;
}
.chossed {
  margin-top: 30px;
}
.chossed .tab {
  margin-right: 20px;
  cursor: pointer;
}
.choosed-list-div {
  clear: both;
  overflow: hidden;
}
.choosed-list-div-top {
  position: relative;
  font-family: NotoSansCJKsc-Bold;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #0273d4;
  padding-left: 20px;
  margin: 22px 0 0px;
}
.choosed-list-div-top::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5%;
  background: #0273d4;
  position: absolute;
  top: 6px;
  left: 0;
}
.tab-list {
  clear: both;
  overflow: hidden;
  margin-top: 27px;
}
.float-left {
  float: left;
  margin-right: 20px;
}
.float-left:nth-child(3n) {
  margin-right: 0;
}
.tab-text {
  width: 250px;
  height: 70px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  border: dashed 2px #cccccc;
  cursor: pointer;
}

.tab-text p {
  margin-left: 14px;
  margin-right: 14px;
  text-align: center;
  font-family: NotoSansCJKsc-Bold;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 0px;
  color: #0273d4;
}
.tab-text div {
  margin-left: 20px;
}
.tab-text:hover {
  background-color: #0273d4;
  border: 2px solid #0273d4;
}

.tab-text:hover p {
  color: white;
}
.tab-bottom a {
  margin: 7px 15px 32px 0;
  cursor: pointer;
}
.tab-bottom a:nth-child(1) {
  color: #0273d4;
}

.tab-text div {
  background-image: url(../images/tubiao.png);
}

.img1 {
  background-position: 0 -5px;
  width: 33px;
  height: 33px;
}
.tab-text:hover .img1 {
  background-position: 0 -180px;
}
.img2 {
  background-position: -107px -5px;
  width: 36px;
  height: 32px;
}
.tab-text:hover .img2 {
  background-position: -107px -180px;
}

.img3 {
  background-position: -214px -5px;
  width: 37px;
  height: 34px;
}
.tab-text:hover .img3 {
  background-position: -214px -180px;
}
.img4 {
  background-position: -322px -2px;
  width: 38px;
  height: 38px;
}
.tab-text:hover .img4 {
  background-position: -322px -177px;
}
.img5 {
  background-position: -432px -2px;
  width: 37px;
  height: 39px;
}
.tab-text:hover .img5 {
  background-position: -432px -177px;
}
.img6 {
  background-position: -539px -2px;
  width: 37px;
  height: 39px;
}
.tab-text:hover .img6 {
  background-position: -539px -177px;
}
.img7 {
  background-position: -649px -2px;
  width: 35px;
  height: 37px;
}
.tab-text:hover .img7 {
  background-position: -649px -177px;
}
.img8 {
  background-position: -756px 0px;
  width: 36px;
  height: 42px;
}
.tab-text:hover .img8 {
  background-position: -756px -175px;
}
.img9 {
  background-position: -861px -1px;
  width: 42px;
  height: 40px;
}
.tab-text:hover .img9 {
  background-position: -861px -176px;
}

.img10 {
  background-position: -974px -3px;
  width: 35px;
  height: 35px;
}
.tab-text:hover .img10 {
  background-position: -974px -178px;
}
.img12 {
  background-position: -1080px -3px;
  width: 36px;
  height: 34px;
}
.tab-text:hover .img12 {
  background-position: -1080px -178px;
}
.img13 {
  background-position: -1189px -3px;
  width: 35px;
  height: 35px;
}
.tab-text:hover .img13 {
  background-position: -1189px -178px;
}
.img14 {
  background-position: -1297px -3px;
  width: 36px;
  height: 31px;
}
.tab-text:hover .img14 {
  background-position: -1297px -178px;
}
.img15 {
  background-position: -1404px -3px;
  width: 38px;
  height: 39px;
}
.tab-text:hover .img15 {
  background-position: -1404px -178px;
}
.img16 {
  background-position: 0px -95px;
  width: 36px;
  height: 36px;
}
.tab-text:hover .img16 {
  background-position: 0px -269px;
}
.img17 {
  background-position: -107px -95px;
  width: 37px;
  height: 37px;
}
.tab-text:hover .img17 {
  background-position: -107px -269px;
}
.img18 {
  background-position: -217px -95px;
  width: 37px;
  height: 37px;
}
.tab-text:hover .img18 {
  background-position: -217px -269px;
}
.img19 {
  background-position: -324px -94px;
  width: 38px;
  height: 38px;
}
.tab-text:hover .img19 {
  background-position: -324px -269px;
}
.img21 {
  background-position: -433px -93px;
  width: 38px;
  height: 38px;
}
.tab-text:hover .img21 {
  background-position: -433px -269px;
}
.img24 {
  background-position: -543px -95px;
  width: 34px;
  height: 36px;
}
.tab-text:hover .img24 {
  background-position: -541px -269px;
}
.img26 {
  background-position: -648px -95px;
  width: 40px;
  height: 37px;
}
.tab-text:hover .img26 {
  background-position: -648px -269px;
}
.img27 {
  background-position: -758px -97px;
  width: 36px;
  height: 28px;
}
.tab-text:hover .img27 {
  background-position: -758px -272px;
}
.img31 {
  background-position: -870px -94px;
  width: 29px;
  height: 34px;
}
.tab-text:hover .img31 {
  background-position: -870px -269px;
}
.img33 {
  background-position: -973px -92px;
  width: 40px;
  height: 40px;
}
.tab-text:hover .img33 {
  background-position: -973px -267px;
}
.img34 {
  background-position: -1082px -92px;
  width: 38px;
  height: 32px;
}
.tab-text:hover .img34 {
  background-position: -1082px -267px;
}
.img36 {
  background-position: -1189px -90px;
  width: 39px;
  height: 38px;
}
.tab-text:hover .img36 {
  background-position: -1189px -265px;
}
.img44 {
  background-position: -1299px -90px;
  width: 39px;
  height: 38px;
}
.tab-text:hover .img44 {
  background-position: -1299px -265px;
}
.img46 {
  background-position: -1409px -90px;
  width: 33px;
  height: 37px;
}
.tab-text:hover .img46 {
  background-position: -1409px -265px;
}
.clear-fixed {
  clear: both;
  height: 20px;
}
.link-url {
  background-color: #0273d4;
  width: 250px;
  height: 70px;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: normal;
  font-stretch: normal;
  text-align: center;
  padding-top: 19px;
  line-height: 22px;
  color: #ffffff;
}