body {
  color: #333333;
  font-family: "microsoft yahei";
  background: #fff;
  overflow-x: hidden;
  font-size: 14px;
  font-family: PingFang-Regular;
}

@font-face {
  font-family: PingFang-Regular;
  src: url(../fonts/PingFang-Regular.ttf);
}

@font-face {
  font-family: PingFang-Medium;
  src: url(../fonts/PingFang-Medium.ttf);
}

@font-face {
  font-family: PingFang-Bold;
  src: url(../fonts/PingFang-Bold.ttf);
}

@font-face {
  font-family: KangXiZiDianTi-ShiYongBan;
  src: url(../fonts/KangXiZiDianTi-ShiYongBan-1.otf);
}

@font-face {
  font-family: DIN-Alternate-Bold;
  src: url(../fonts/DIN-Alternate-Bold.ttf);
}

@font-face {
  font-family: FangZhengYaoTi;
  src: url(../fonts/FangZhengYaoTi.ttf);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

dl {
  margin: 0;
}

dt {
  font-weight: normal;
}

ul,
li {
  list-style-type: none;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  color: #333333;
  text-decoration: none;
  outline: none;
  transition: all 0.3s;
}

a:hover {
  color: #e60012;
}

a:focus {
  text-decoration: none;
  color: inherit;
}

img {
  border: 0;
  vertical-align: middle;
  transition: all 0.6s;
  max-width: 100% !important;
}

table {
  border-collapse: collapse;
}

input,
textarea,
select,
button {
  border: 0;
  outline: none;
}

button {
  cursor: pointer;
}

.wrap {
  width: 100%;
  overflow: hidden;
}

.container {
  width: 1200px;
  margin: 0 auto;
  max-width: 95%;
  z-index: 3;
}

/*鍏叡鏍峰紡鍕垮垹闄�*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  zoom: 1;
}

.flex {
  display: flex;
  align-items: center;
}

.flex_item {
  flex: 1;
}

video {
  vertical-align: middle;
  background: #000;
  width: 100%;
}

.pic img {
  width: 100%;
}

.pic {
  overflow: hidden;
  position: relative;
}

.pic:hover img {
  transform: scale(1.1);
}

.hidden {
  display: none;
}

/**/
.top {
  color: #fff;
  background: #595757;
  height: 30px;
  display: flex;
  align-items: center;
}

.top a {
  color: #fff;
  padding: 0 15px;
}

.top span {
  padding: 0 15px;
}

.header {
  height: 110px;
  background: url(../images/header.png) center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

.header .logo {
  width: 202px;
}

.nav {
  background: #e60012;
  font-size: 18px;
  line-height: 60px;
  position: sticky;
  top: 0;
  z-index: 100;
}

.nav .flex {
  font-family: PingFang-Bold;
  justify-content: space-between;
}

.nav ul {
  display: flex;
}

.nav ul>li>a {
  color: #fff;
  position: relative;
  width: 104px;
  text-align: center;
  display: block;
}

.nav ul li.on>a,
.nav ul li:hover>a {
  font-size: 20px;
}

.nav ul li.on>a::after,
.nav ul li:hover>a::after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: #ffffff;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translate(-50%, 0);
}

.nav .btn {
  display: block;
  width: 120px;
  height: 32px;
  position: relative;
  line-height: 32px;
  color: #fff;
  text-align: center;
  border-radius: 16px;
  background: #b8000e;
}

.nav .btn img {
  z-index: 11;
  width: 120px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  border: 2px solid #fff;
}

.nav .btn:hover img {
  display: block;
}

.search {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #e60012;
  line-height: 32px;
  height: 32px;
  font-size: 16px;
  border-radius: 26px;
  padding: 0 20px;
  cursor: pointer;
  background: #ffffff;
}

.search i {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url(../images/search.png) center no-repeat;
}

.nav .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 18px;
  background: #fff;
  line-height: 80px;
  width: 100%;
  display: none;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.nav .dropdown a {
  padding: 0 30px;
}

.nav li:hover .dropdown {
  display: block;
}

.homepage {
  padding-top: 20px;
}

.homepage .a .banner,
.homepage .a .box ul li .pic {
  border-radius: 3px;
}

.homepage .a .banner p {
  font-size: 24px;
  line-height: 32px;
  font-family: PingFang-Medium;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-shadow: 2px 2px 2px #333;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px 20px 28px;
}

.homepage .a .banner .swiper-button-next,
.homepage .a .banner .swiper-button-prev {
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

.homepage .a .banner .swiper-button-next:after,
.homepage .a .banner .swiper-button-prev:after {
  font-size: 24px;
}

.homepage .a .banner .swiper-pagination {
  text-align: left;
  padding-left: 25px;
}

.homepage .a .banner .swiper-pagination-bullet {
  opacity: 1;
  border-radius: 5px;
  background: #7f7f7f;
  width: 20px;
  height: 6px;
}

.homepage .a .banner .swiper-pagination-bullet:hover {
  background: #fff;
}

.homepage .a .banner .swiper-pagination-bullet-active {
  background: #e60012;
  width: 30px;
}

.homepage .a .banner img {
  height: 400px;
}

.homepage .a {
  display: flex;
  margin: 0 -3px;
}

.homepage .a .box {
  width: 50%;
  padding: 0 3px;
}

.homepage .a .box ul {
  display: flex;
  flex-wrap: wrap;
  margin: -3px;
}

.homepage .a .box ul li {
  width: 50%;
  padding: 3px;
}

.homepage .a .box ul li a {
  display: block;
  position: relative;
}

.homepage .a .box ul li a:hover dl {
  opacity: 1;
  height: 100%;
}

.homepage .a .box ul li a:hover dl dt {
  padding-bottom: 20px;
}

.homepage .a .box ul li a:hover p {
  opacity: 0;
}

.homepage .a .box ul li p {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  font-family: PingFang-Medium;
  padding: 10px;
  left: 0;
  transition: all 0.6s;
}

.homepage .a .box ul li dl {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  transition: all 0.6s;
  width: 100%;
  padding: 30px 10px 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}

.pic {
  border-radius: 3px;
}

.homepage .banner_lg img {
  border-radius: 3px;
}

.homepage .a .box ul li dt {
  font-size: 16px;
  font-family: PingFang-Medium;
}

.swiper-button-next,
.swiper-button-prev {
  outline: none;
}

.homepage .b {
  display: flex;
  margin-top: 30px;
}

.homepage .b h3 span,
.homepage .b .news li h4,
.tit_common,
.homepage .b .newsrightlist ol li p,
.homepage .title span,
.homepage .c .bd h4,
.homepage .d .bd ul li dl dt,
.homepage .e .bd .box dt,
.homepage .e .bd .side li h4,
.homepage .f .tabtitle,
.homepage .f .tabcontent .swiper .flex h4,
.footer .bd h3,
.info>.side .two .title,
.newsitem .b .title span,
.newsitem .b .bd li h4,
.newslist li h4 {
  font-family: PingFang-Bold;
}

.homepage .b .newsrightlist ul li h4,
.nav .dropdown,
.info>.side .two .bd,
.newsitem .a .hd h1,
.newsitem .d .bd h4,
.kf h4,
.info>.side .one .ft li .flex_item span,
.piclists .a .box dl dt,
.showitem .a .ft h4 {
  font-family: PingFang-Medium;
}

.kf {
  text-align: left;
}

.homepage .b h3 {
  display: flex;
  margin-bottom: 24px;
  font-size: 24px;
  align-items: center;
  justify-content: space-between;
}

.homepage .b h3 a {
  font-size: 16px;
}

.homepage .b .news ul {
  margin: -20px 0;
}

.homepage .b .news li {
  padding: 20px 0;
  border-bottom: 1px dashed #ddd;
}

.homepage .b .news li:hover {
  background: #f8f8f8;
}

.homepage .b .news li:hover h4 a {
  color: #e60012;
}

.homepage .b .news li .pic {
  margin-right: 15px;
  width: 225px;
}

.homepage .b .news li p {
  font-size: 16px;
  color: #666;
  margin: 14px 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homepage .b .news li h4 {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.homepage .b .news li .bot {
  color: #999;
  justify-content: space-between;
}

.homepage .b .news li .bot a {
  color: #999;
}

.homepage .b .news li .bot a:hover,
.newslist li .bot a:hover {
  color: #e60012;
}

.homepage .b .side {
  width: 369px;
  margin-left: 26px;
}

.homepage .b .side .video {
  position: relative;
  margin-bottom: 21px;
}

.homepage .b .side .video i {
  display: block;
  width: 50px;
  cursor: pointer;
  height: 50px;
  background: url(../images/video.png) center no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.homepage .b .side .video p {
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.4));
}

.tit_common {
  font-size: 24px;
  padding-left: 20px;
  background: url(../images/line.png) left center no-repeat;
}

.homepage .b .newsrightlist ol li {
  margin-top: 20px;
  position: relative;
  margin-left: 10px;
}

.homepage .b .newsrightlist ol li span {
  display: block;
  width: 61px;
  height: 37px;
  position: absolute;
  top: 0;
  left: -10px;
  text-align: center;
  padding-top: 5px;
  z-index: 6;
  background: url(../images/home_10.svg) center no-repeat;
  color: #fff;
}

.homepage .b .newsrightlist ol li:nth-child(2) span {
  background: url(../images/home_11.svg) center no-repeat;
}

.homepage .b .newsrightlist ol li p {
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.4));
}

.homepage .b .newsrightlist ul {
  margin-left: 10px;
}

.homepage .b .newsrightlist ul li {
  margin-top: 20px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.homepage .b .newsrightlist ul li span {
  font-size: 16px;
  color: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  background: rgba(0, 0, 0, 0.3);
  align-items: center;
  border-radius: 5px 0;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

.homepage .b .newsrightlist ul li:first-child span {
  background: #ffbc0f;
}

.homepage .b .newsrightlist ul li .pic {
  margin-right: 15px;
}

.homepage .b .newsrightlist ul li h4 {
  font-size: 16px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homepage .b .newsrightlist ul li p {
  color: #999;
}

.homepage .banner_lg {
  margin-top: 30px;
}

.homepage .title {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.homepage .title::before {
  content: "";
  height: 8px;
  background: #f5f5f7;
  position: absolute;
  left: 0;
  right: 0;
}

.homepage .title a {
  position: relative;
  background: #fff;
  padding-left: 20px;
}

.homepage .title span {
  font-size: 24px;
  background: #fff;
  position: relative;
  padding-right: 20px;
}

.homepage .title span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-right: 15px;
  background: #e60012;
}

.homepage .c {
  margin-top: 30px;
}

.homepage .c .bd {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.homepage .c .bd .box {
  width: 400px;
}

.homepage .c .bd .side {
  width: 358px;
}

.homepage .c .bd h4 {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 56px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homepage .c .bd .box li:first-child h4 {
  -webkit-line-clamp: 3;
}

.homepage .c .bd .box li {
  padding: 16px 0;
  border-bottom: 1px dashed #eee;
}

.homepage .c .bd .box li:first-child {
  padding-top: 0;
}

.homepage .c .bd .box li .pic {
  margin-right: 15px;
  width: 156px;
}

.homepage .c .bd p {
  color: #999;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.homepage .c .bd li .bot {
  color: #999;
  margin-top: 40px;
  justify-content: space-between;
  font-size: 12px;
}

.homepage .c .bd .side li+li {
  margin-top: 19px;
}

.homepage .c .bd .side li .pic {
  margin-right: 15px;
  width: 126px;
}

.homepage .d {
  margin-top: 30px;
}

.homepage .d .bd {
  margin-top: 12px;
}

.homepage .d .bd ul {
  display: flex;
  margin: -6px;
  flex-wrap: wrap;
}

.homepage .d .bd ul li {
  width: 25%;
  padding: 6px;
}

.homepage .d .bd ul li a,
.homepage .e .bd .box {
  display: block;
  background: #fafbff;
}

.homepage .d .bd ul li dl,
.homepage .e .bd .box dl {
  padding: 15px 15px 25px;
}

.homepage .d .bd ul li dl dt,
.homepage .e .bd .box dt,
.homepage .e .bd .side li h4 {
  margin-bottom: 15px;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 56px;
}

.homepage .d .bd ul li dl dd,
.homepage .e .bd .box dd,
.homepage .e .bd .side li p {
  color: #999;
}

.homepage .e {
  margin-top: 30px;
}

.homepage .e .bd {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}

.homepage .e .bd .box {
  width: 380px;
}

.homepage .e .bd .side {
  width: 400px;
}

.homepage .e .bd .side li+li {
  margin-top: 22px;
}

.homepage .e .bd .side li .pic {
  width: 166px;
  border-radius: 5px;
  margin-right: 15px;
}

.homepage .e .bd .side li h4 {
  margin-bottom: 35px;
}

.homepage .f {
  margin-top: 30px;
}

.homepage .f .tabtitle {
  display: flex;
  font-size: 18px;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

.homepage .f .tabtitle li.on {
  font-size: 24px;
  color: #e60012;
}

.homepage .f .tabtitle li.on::after {
  content: "";
  display: block;
  height: 3px;
  background: #e60012;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.homepage .f .tabtitle li {
  flex: 1;
  cursor: pointer;
  padding-bottom: 18px;
  position: relative;
  text-align: center;
  color: #666666;
}

.homepage .f .tabcontent {
  position: relative;
  margin: 20px 0 80px;
}

.homepage .f .tabcontent .swiper .flex {
  align-items: stretch;
  padding-top: 42px;
  position: relative;
}

.homepage .f .tabcontent .swiper .flex::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f7f8fa;
  left: 210px;
  bottom: 0;
}

.homepage .f .tabcontent .swiper .flex::before {
  content: "";
  width: 207px;
  position: absolute;
  left: 0;
  top: 64px;
  bottom: 0;
  border-radius: 5px 0 0 5px;
  background: #e60012;
}

.homepage .f .tabcontent .swiper .pic {
  position: relative;
  margin: 0 44px 25px 15px;
  z-index: 6;
}

.homepage .f .tabcontent .swiper .flex_item {
  position: relative;
  padding-right: 40px;
  z-index: 6;
}

.homepage .f .tabcontent .swiper .flex h4 {
  font-size: 24px;
  color: #e60012;
}

.homepage .f .tabcontent .swiper .flex p {
  line-height: 26px;
  font-size: 16px;
  margin: 20px 0;
}

.homepage .f .tabcontent .swiper .flex .data span {
  color: #999999;
  margin-right: 30px;
}

.homepage .f .tabcontent .swiper .flex .brdge {
  margin-top: 20px;
}

.homepage .f .tabcontent .swiper .flex .brdge span {
  display: inline-block;
  font-size: 12px;
  color: #999;
  background-color: rgb(153 153 153 / 10%);
  border-radius: 3px;
  padding: 2px 10px;
  margin-right: 10px;
}

.homepage .f .tabcontent .swiper .flex .ft {
  text-align: right;
}

.homepage .f .tabcontent .swiper .flex .ft a {
  display: inline-block;
  background-color: #e60012;
  color: #fff;
  width: 120px;
  line-height: 33px;
  border-radius: 5px;
  text-align: center;
}

.homepage .f .tabcontent .swiper-pagination {
  width: 90px;
  height: 46px;
  background: #bd0205;
  color: #fff;
  border-radius: 3px;
  font-size: 20px;
  line-height: 46px;
  bottom: 0;
  left: 375px;
}

.homepage .f .swiper-button-next,
.homepage .f .swiper-button-prev {
  color: #333;
  top: auto;
  right: auto;
  left: 500px;
  bottom: 30px;
}

.homepage .f .swiper-button-prev {
  background: url(../images/prev.svg) center no-repeat;
}

.homepage .f .swiper-button-next {
  margin-left: 60px;
  background: url(../images/next.svg) center no-repeat;
}

.homepage .f .swiper-button-next:after,
.homepage .f .swiper-button-prev:after {
  display: none;
}

.footer {
  background: #1f2327;
  color: #fff;
}

.footer a {
  color: #c0c1c3;
}

.footer .bd {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #3b424a;
}

.footer .bd ul {
  display: flex;
  line-height: 36px;
  flex-wrap: wrap;
}

.footer .bd ul li {
  width: 50%;
}

.footer .bd .box {
  width: 265px;
}

.footer .bd ol {
  display: flex;
  line-height: 36px;
  flex-wrap: wrap;
}

.footer .bd ol li:first-child:before,
.footer .bd ol li:nth-child(4):before {
  display: none;
}

.footer .bd ol li::before {
  content: "|";
  padding: 0 10px;
}

.footer .bd h3 {
  font-size: 16px;
  margin-bottom: 15px;
}

.footer .bd .code {
  text-align: center;
}

.footer .ft {
  text-align: center;
  padding: 20px 0;
}

.search_dialog {
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 155px;
  left: 0;
  bottom: 0;
  z-index: 99;
  right: 0;
  display: none;
}

.search_dialog .close {
  text-align: right;
  font-size: 60px;
  cursor: pointer;
}

.search_dialog .bd {
  padding: 50px;
}

.search_dialog .bd input {
  width: 100%;
  font-size: 40px;
  background: none;
}

.search_dialog .bd h4 {
  margin: 60px 0 20px;
  font-size: 20px;
}

.search_dialog .bd p a {
  display: inline-block;
  background-color: #e2e2e2;
  color: #666;
  line-height: 36px;
  padding: 0 20px;
  font-size: 16px;
  margin-right: 15px;
}

.search_dialog .bd p a:hover {
  color: #e60012;
  background: #f5dfe3;
}

.rightside {
  position: fixed;
  right: 20px;
  top: 300px;
  z-index: 99;
  width: 50px;
  text-align: center;
}

.rightside li {
  margin-top: -1px;
  position: relative;
}

.rightside li:first-child {
  margin-bottom: 40px;
}

.rightside li:first-child a {
  border-color: #ed5630 !important;
  background: #fff !important;
}

.rightside li:hover .kf_dialog {
  display: block;
}

.rightside li:hover .rili_dialog {
  display: block;
}

.rightside a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #fff;
}

.rightside li:hover .i2 {
  background: url(../images/code_w.svg) center no-repeat;
}

.rightside li:hover .i3 {
  background: url(../images/totop_w.svg) center no-repeat;
}

.rightside li:hover .code {
  display: block;
}

.rightside li .code {
  position: absolute;
  top: 0;
  right: 70px;
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 180px;
  background: #fff;
}

.rightside li .code p {
  margin-top: 8px;
}

.rightside i {
  display: block;
  width: 50px;
  height: 50px;
}

.rightside .i1 {
  background: url(../images/icon1.svg) center no-repeat;
}

.rightside .i2 {
  background: url(../images/code.svg) center no-repeat;
}

.rightside .i3 {
  background: url(../images/totop.svg) center no-repeat;
}

.rightside .i11 {
  background: url(../images/icon2.svg) center no-repeat;
  background-size: 50px;
}

.mrightside {
  bottom: 70px;
  top: auto;
  width: 50px;
}

.mrightside li:first-child {
  margin-bottom: 0px;
}

.mrightside li:first-child a {
  background: none !important;
}

.mrightside i {
  display: block;
  width: 50px;
  height: 53px;
}

.mrightside a {
  height: auto;
  background: none;
}

/**/
.piclists {
  padding-bottom: 70px;
}

.piclists .a {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}

.piclists .a .box {
  width: 49.5%;
  border-radius: 5px;
  position: relative;
}

.piclists .a .box dl {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}

.piclists .a .box dl dt {
  font-size: 20px;
  height: 32px;
  /* margin-bottom: 20px; */
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.piclists .homepage {
  padding: 0;
}

.piclists .homepage .d {
  margin: 0;
}

/**/
.info {
  padding: 40px 0 80px;
  display: flex;
}

.newslist li:first-child {
  padding-top: 0;
}

.newslist li {
  padding: 20px 0;
  border-bottom: 1px dashed #ddd;
}

.newslist li:hover {
  background: #f8f8f8;
}

.newslist li:hover h4 a {
  color: #e60012;
}

.newslist li .pic {
  width: 225px;
  margin-left: 20px;
}

.banner img {
  border-radius: 3px;
}

.newslist li p {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  margin-top: 10px;
  -webkit-box-orient: vertical;
}

.newslist li h4 {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.newslist li .bot {
  color: #999;
  margin-top: 40px;
  justify-content: space-between;
}

.newslist li .bot a {
  color: #999;
}

.info>.side {
  width: 380px;
  overflow: hidden;
  background: #fff;
  margin-left: 20px;
}

.info>.side .one {
  border-radius: 5px;
  padding: 20px;
  z-index: 99;
  top: 0;
  background-image: linear-gradient(to bottom, #fffcf7, #fce7d5);
}

.info.on {
  padding-right: 400px;
}

.info.on>.side {
  position: fixed;
  bottom: 0;
  z-index: 99;
  right: 50%;
  margin-right: -600px;
}

.kf {
  height: 422px;
  position: relative;
  padding: 23px 20px;
  background: url(../images/bg1.png) center no-repeat;
}

.kf::after {
  content: "2022";
  font-size: 54px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
  opacity: 0.15;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #ffffff;
}

.kf .hd {
  line-height: 23px;
  height: 200px;
}

.kf .tip {
  text-align: center;
  font-weight: bold;
}

.kf h4 {
  text-align: center;
  font-size: 16px;
  position: relative;
  z-index: 5;
  margin-bottom: 50px;
  color: #fff;
}

.kf .flex {
  padding: 20px 0 10px;
  color: #ed5630;
}

.kf .flex>span {
  font-size: 40px;
}

.kf .flex p {
  font-size: 12px;
  padding: 0 10px;
  border-right: 1px solid #ed5630;
  margin-right: 10px;
  font-weight: bold;
}

.kf dt {
  font-size: 20px;
}

.kf dd {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 6px;
  text-align: center;
}

.kf_dialog {
  position: absolute;
  z-index: 99;
  top: 0;
  width: 340px;
  display: none;
  right: 100%;
}

.rili_dialog {
  position: absolute;
  z-index: 99;
  top: -95px;
  width: 400px;
  display: none;
  right: 38px;
  padding-right: 20px;
}

.rili {
  min-height: 610px;
  position: relative;
  background: url(../images/rili_bj.png) center 137px #B83032 no-repeat;
  padding-bottom: 15px;
}

.rili h3 {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-family: FangZhengYaoTi;
  padding: 23px 0 13px;
  border: solid 1px rgb(255, 255, 255, 20%);
}

.rili h3 span::after {
  content: '';
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background-color: rgb(255, 255, 255, 90%);
  display: inline-block;
  margin: 2px 30px;
}

.rili .date {
  padding: 10px 13px;
  color: #fff;
  position: relative;
  display: flow-root;
}

.rili .date .left {
  float: left;
  width: 162px;
}

.rili .date .border:after {
  content: '';
  position: absolute;
  left: 190px;
  top: 27px;
  height: 32px;
  width: 1px;
  background-color: rgb(255, 255, 255, 50%);
}

.rili .date .right {
  float: right;
}

.rili .date span {
  font-size: 54px;
  font-family: DIN-Alternate-Bold;
}

.rili .date p {
  font-size: 14px;
  padding: 0 0 0 8px;
}

.rili dl {
  padding: 0px 8px;
}

.rili dt {
  font-size: 20px;
  font-family: DIN-Alternate-Bold;
}

.rili dd {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}

.rili .content {
  margin: 20px 15px;
  padding: 20px 15px;
  border: 1px #B83032 solid;
}

.rili h4 {
  text-align: center;
  font-size: 18px;
  color: #B83032;
  font-weight: bold;
  font-family: 'PingFang-Bold';
  background: url(../images/rili_title_bottom.svg) center bottom no-repeat;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.rili .hd {
  text-align: left;
  line-height: 23px;
  min-height: 190px;
  max-height: 240px;
  color: #666;
  font-family: 'PingFang-Bold';
  text-align: justify;
}

.rili .suit_div {
  border: 1px #B83032 solid;
  height: 60px;
  padding: 10px 10px 10px 60px;
  margin: 0 15px;
  text-align: left;
  align-items: center;
  color: #666;
}

.rili .suit {
  background: url(../images/rili_suit.svg) 15px center no-repeat;
}

.rili .avoid {
  border-top: none;
  background: url(../images/rili_avoid.svg) 15px center no-repeat;
}

.info>.side .one .ft li {
  display: flex;
  align-items: center;
  line-height: 24px;
  padding: 15px 0;
  border-bottom: 1px dashed #ff9074;
}

.info>.side .one .ft li:last-child {
  padding-bottom: 0;
  border: none;
}

.info>.side .one .ft li .flex_item {
  font-size: 12px;
  color: #999;
}

.info>.side .one .ft li .flex_item span {
  color: #333;
  font-size: 14px;
  /* width: 60px; */
  display: inline-block;
}

.info>.side .one .ft li>span {
  width: 34px;
  height: 34px;
  background: #019d52;
  display: flex;
  margin-right: 15px;
  border-radius: 50%;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.info>.side .one .ft li:last-child>span {
  background: #e27e01;
}

.info>.side .two {
  margin-top: 10px;
  background: #fff;
  z-index: 99;
  top: 60px;
  padding-top: 40px;
}

.info>.side .two .title {
  padding-left: 30px;
  background: url(../images/hot.svg) left center no-repeat;
  font-size: 20px;
}

.info>.side .two li a {
  display: flex;
  font-size: 16px;
  padding: 20px 0;
  border-bottom: 1px dashed #ddd;
}

.info>.side .two .bd {
  padding-left: 20px;
}

.info>.side .two li span {
  width: 30px;
}

.info>.side .two li:first-child span,
.info>.side .two li:nth-child(2) span,
.info>.side .two li:nth-child(3) span {
  color: #fd6c67;
}

.info>.side .three {
  margin-top: 30px;
}

.info>.side .three .bd {
  padding: 30px 0 0 0;
  text-align: center;
}

.info .tit_common {
  font-size: 20px;
}

/**/
.bread {
  font-size: 14px;
}

.newsitem {
  padding: 0 16px 0 88px;
  position: relative;
  font-size: 16px;
  text-align: justify;
}

.newsitem .a {
  padding-bottom: 40px;
}

.newsitem .a .hd h1 {
  font-size: 30px;
  margin-top: 20px;
}

.newsitem .a .hd .flex,
.newsitem .a .hd .flex1 {
  justify-content: space-between;
  color: #999999;
  font-size: 14px;
  margin: 30px 0 20px;
}

.newsitem .a .hd .flex1 div {
  display: inline-block;
  margin-right: 16px;
}

.newsitem .a .hd .brdge span {
  display: inline-block;
  font-size: 12px;
  color: #999;
  background-color: rgb(153 153 153 / 10%);
  border-radius: 3px;
  padding: 2px 10px;
  margin-right: 10px;
}

.newsitem .a .hd .brdge span a {
  color: #999;
}

.newsitem .a .hd .brdge span a:hover {
  color: #E60012;
}

.newsitem .a .zhai {
  display: flex;
  padding: 20px;
  margin: 30px 0 15px;
  line-height: 26px;
  background: #f8f9fa;
}

.newsitem .a .zhai img {
  margin-right: 15px;
}

.newsitem .a .bd p {
  line-height: 1.8em !important;
  padding: 10px 0;
  text-align: justify;
  margin: auto !important;
  /* word-break: break-all; */
}

.newsitem .a .bd p img {
  margin-bottom: -10px;
}

.newsitem .a .ft {
  text-align: right;
  color: #999999;
  font-size: 16px;
  margin-top: 40px;
}

.newsitem .a .ft span {
  padding-left: 25px;
  background: url(../images/jt.png) left center no-repeat;
}

.newsitem .b .bd li {
  padding: 30px 0;
  border-bottom: 1px dashed #ddd;
}

.newsitem .b .bd li h4 {
  font-size: 20px;
  height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsitem .b .bd li p {
  font-size: 16px;
  color: #666;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.newsitem .b .bd .pic {
  width: 180px;
  margin-right: 15px;
  position: initial;
}

.newsitem .c {
  padding-top: 30px;
}

.newsitem .c .bd {
  border: 2px solid #eee;
  border-radius: 5px;
  margin: 15px 0 25px;
}

.newsitem .c .bd textarea {
  width: 100%;
  padding: 10px;
  height: 110px;
  resize: none;
}

.newsitem .c .bd .ft {
  text-align: right;
  padding: 5px 10px;
  background: #f7f9fa;
  color: #787878;
  font-size: 14px;
}

.newsitem .c .bd .ft button {
  width: 80px;
  color: #fff;
  margin-left: 10px;
  height: 30px;
  border-radius: 3px;
  background: #e60012;
}

.newsitem .b .title {
  display: flex;
  position: relative;
  align-items: center;
}

.newsitem .b .title::after {
  content: "";
  height: 8px;
  background: #f5f5f7;
  position: absolute;
  left: 0;
  right: 0;
}

.newsitem .b .title span {
  position: relative;
  background: #fff;
  padding-right: 20px;
  z-index: 3;
  font-size: 24px;
}

.newsitem .b .title span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-right: 15px;
  background: #e60012;
}

.newsitem .d .bd li {
  display: flex;
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}

.newsitem .d .bd li:last-child {
  border: none;
}

.newsitem .d .bd li p {
  font-size: 14px;
  margin-top: 10px;
}

.newsitem .d .bd .pic {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.newsitem .d .bd h4 {
  font-size: 18px;
}

.newsitem .d .bd h4 span {
  color: #a7a7a7;
  font-size: 12px;
}

.m_bottom {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.m_bottom .flex {
  justify-content: space-between;
}

.m_bottom .search {
  border: none;
  width: 50%;
  cursor: pointer;
  background: #f4f5f5;
  padding-left: 10px;
}

.m_bottom .search input {
  background: none;
}

/**/
.showitem {
  padding: 20px 0 60px;
}

.showitem .a {
  position: relative;
}

.showitem .a .mySwiper2 img {
  width: 100%;
  border-radius: 3px;
}

.showitem .a .mySwiper2 .swiper-slide {
  width: 840px;
  opacity: 0.5;
}

.showitem .a .mySwiper2 .swiper-slide-active {
  opacity: 1;
}

.showitem .a .ft {
  /*position: absolute; */
  bottom: -154px;
  left: 0;
  width: 100%;
  /* color: #fff; */
  padding: 30px 0 30px;
  z-index: 10;
  /* background: rgba(0, 0, 0, 0.5);*/
}

.showitem .a .swiper-pagination {
  /* bottom: 0; */
  max-width: 840px;
  color: #fff;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: left;
  font-size: 20px;
  top: 515px;
  padding-left: 10px;
  /* text-shadow: 0 0 black; */
  height: 45px;
}

.showitem .a .swiper-pagination-total {
  opacity: 0.6;
}

.showitem .a .swiper-pagination-current {
  font-size: 28px;
  opacity: 1;
}

.showitem .a .ft .bd {
  max-width: 840px;
  margin: 0 auto;
}

.showitem .a .ft p {
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
}

.showitem .a .ft .flex {
  max-width: 75%;
  padding: 20px 0;
  justify-content: space-between;
}

.showitem .a .ft .flex1 {
  justify-content: space-between;
  color: #999999;
  font-size: 14px;
  margin: 30px 0 20px;
}

.showitem .a .ft .flex1 div {
  display: inline-block;
  margin-right: 16px;
}

.showitem .a .ft h4 {
  font-size: 24px;
}

.showitem .a .swiper-button-next,
.showitem .a .swiper-button-prev {
  color: #fff;
  /* top: auto; */
  z-index: 20;
  bottom: 110px;
  background: rgba(0, 0, 0, 0.5);
  height: 120px;
  width: 60px;
}

.showitem .a .swiper-button-prev {
  left: 15%;
}

.showitem .a .swiper-button-next {
  right: 15%;
}

.totop {
  display: none;
}

.leftside {
  text-align: center;
  position: fixed;
  left: 50%;
  transform: translate(0, -50%);
  top: 50%;
  margin-left: -600px;
}

.leftside ol .i1 {
  width: 24px;
  height: 23px;
  background: url(../images/zan.svg) center no-repeat;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.leftside ol .i2 {
  width: 24px;
  height: 25px;
  background: url(../images/sc.svg) center no-repeat;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.leftside ol li:hover .i1 {
  background: url(../images/zan_on.svg) center no-repeat;
}

.leftside ol li:first-child:hover p {
  color: #ff4040;
}

.leftside ol li:last-child:hover p {
  color: #ffc740;
}

.leftside ol li:hover .i2 {
  background: url(../images/sc_on.svg) center no-repeat;
}

.leftside ol li {
  padding-bottom: 18px;
}

.leftside ol li p {
  font-size: 16px;
  color: #999;
  margin-top: 5px;
}

.leftside ul li i {
  display: block;
  width: 24px;
  height: 24px;
}

.leftside ul li .i3 {
  background: url(../images/facebook_facebook11.svg) center no-repeat;
}

.leftside ul li:hover .i3 {
  background: url(../images/facebook_facebook11_on.svg) center no-repeat;
}

.leftside ul li .i4 {
  background: url(../images/wx.svg) center no-repeat;
}

.leftside ul li:hover .i4 {
  background: url(../images/wx_on.svg) center no-repeat;
}

.leftside ul li .i5 {
  background: url(../images/twitter.svg) center no-repeat;
}

.leftside ul li:hover .i5 {
  background: url(../images/twitter_on.svg) center no-repeat;
}

.leftside ul li .i6 {
  background: url(../images/wb.svg) center no-repeat;
}

.leftside ul li:hover .i6 {
  background: url(../images/wb_on.svg) center no-repeat;
}

.leftside ul li .i7 {
  background: url(../images/line.svg) center no-repeat;
}

.leftside ul li:hover .i7 {
  background: url(../images/line_on.svg) center no-repeat;
}

.leftside ul li .i8 {
  background: url(../images/telegram.svg) center no-repeat;
}

.leftside ul li:hover .i8 {
  background: url(../images/telegram_on.svg) center no-repeat;
}

.leftside ul li .i9 {
  background: url(../images/copy.svg) center no-repeat;
  /* background-size: contain; */
}

.leftside ul li:hover .i9 {
  background: url(../images/copy_on.svg) center no-repeat;
  /* background-size: contain; */
}

.leftside ul li img,
.leftside ul li div {
  position: absolute;
  width: 120px;
  display: none;
  max-width: inherit;
  top: 0;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  left: 100%;
}

.leftside ul li div {
  padding: 20px;
  width: auto;
  background: #fff;
  border-radius: 10px;
  top: -80px;
  left: 200%;
  font-size: 14px;
}

.leftside ul li div span {
  display: block;
}

.leftside ul li div .text {
  padding-top: 10px
}

.leftside ul li:hover img {
  display: block;
}

.leftside ul li:hover div {
  display: block;
}

.leftside ol {
  border-bottom: 1px solid #ccc;
}

.leftside ul li {
  position: relative;
}

.leftside ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
}

/**/
.result {
  padding: 0;
}

.result .b .news li:first-child {
  padding-top: 0;
}

.nav_result {
  background: #f3f6f8;
}

.header .search1 {
  width: 806px;
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 46px;
  padding: 0;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}

.header .search1 input {
  height: 46px;
  font-size: 16px;
  width: 100%;
  padding-left: 15px;
  background: none;
}

.header .search1 button {
  width: 110px;
  height: 46px;
  color: #fff;
  font-size: 16px;
  background: #e60012;
  border-radius: 0px 3px 3px 0px;
}

.nav_result ul>li>a {
  color: #333;
}

.nav_result ul>li.on>a {
  color: #e60012;
}

.nav_result ul li.on>a::after,
.nav_result ul li:hover>a::after {
  background: #e60012;
}

@media screen and (min-width: 1441px) and (max-width: 1600px) {}

@media screen and (min-width: 1201px) and (max-width: 1440px) {}

@media (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }

  .hidden-xs {
    display: none;
  }

  .visible-xs {
    display: block;
  }

  .top,
  .newsrightlist,
  .homepage .a .banner .swiper-button-next,
  .homepage .a .banner .swiper-button-prev {
    display: none;
  }

  .nav ul {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    height: 55px;
  }

  .nav ul>li {
    display: inline-block;
    vertical-align: middle;
  }

  .homepage .a,
  .homepage .c .bd,
  .homepage .b {
    display: block;
  }

  .homepage .a .box {
    width: 100%;
  }

  .homepage .a .banner p {
    font-size: 18px;
    line-height: 24px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }

  .nav ul>li>a {
    width: 48px;
  }

  .nav {
    font-size: 14px;
    line-height: 45px;
    overflow: hidden;
    height: 45px;
  }

  .header .logo {
    width: 100px;
  }

  .header {
    height: 50px;
  }

  .jianfan {
    width: 28px;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    color: #999;
  }

  .search {
    border: 1px solid #f49499;
    width: 170px;
    padding: 0px 8px;
  }

  .search .flex_item input {
    width: 135px;
  }

  .homepage {
    padding-top: 0;
  }

  .homepage .a {
    margin: 0 -15px;
  }

  .homepage .a .box {
    padding: 0;
  }

  .homepage .b .news li .pic {
    width: 125px;
  }

  .homepage .b .news li p {
    display: none;
  }

  .homepage .b .news li h4 {
    margin-bottom: 15px;
    font-size: 16px;
    -webkit-line-clamp: 2;
  }

  .homepage .b .news li .flex {
    font-size: 12px;
  }

  .homepage .b .news ul {
    margin-bottom: 0;
  }

  .homepage .b .side {
    width: 100%;
    margin: 20px 0 0;
  }

  .homepage .banner_lg {
    margin-top: 20px;
  }

  .homepage .b h3,
  .homepage .title span,
  .homepage .c .bd h4 {
    font-size: 16px;
  }

  .homepage .title::before {
    display: none;
  }

  .homepage .b h3 a,
  .homepage .title a {
    font-size: 12px;
  }

  .homepage .b h3 span {
    flex: 1;
  }

  .homepage .b h3::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-right: 15px;
    background: #e60012;
  }

  .homepage .b h3 {
    margin-bottom: 10px;
  }

  .homepage .c .bd .box li .pic {
    width: 120px;
  }

  .homepage .c .bd .box {
    width: 100%;
  }

  .homepage .c .bd p {
    margin-top: 10px;
    font-size: 12px;
  }

  .homepage .c .bd {
    margin: 0;
  }

  .homepage .c .bd .box li:first-child {
    padding-top: 16px;
  }

  .homepage .c .bd .side {
    display: none;
  }

  .homepage .d .bd ul {
    margin: 6px -6px -6px;
  }

  .homepage .d .bd ul li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
  }

  .homepage .d .bd ul li .pic {
    display: none;
  }

  .homepage .d .bd ul li:first-child .pic {
    display: block;
    margin-bottom: 15px;
  }

  .homepage .d .bd ul li dl dt,
  .homepage .e .bd .box dt,
  .homepage .e .bd .side li h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .homepage .d .bd ul li a,
  .homepage .e .bd .box {
    background: none;
  }

  .homepage .d .bd ul li dl,
  .homepage .e .bd .box dl {
    padding: 0;
  }

  .homepage .d .bd {
    margin: 0;
  }

  .homepage .d .bd ul li dl dd p {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .homepage .e .bd {
    flex-wrap: wrap;
  }

  .homepage .e .bd .box {
    width: 48%;
    margin-bottom: 15px;
  }

  .homepage .e .bd .box .pic {
    margin-bottom: 10px;
  }

  .homepage .e .bd .side li .pic {
    width: 120px;
  }

  .homepage .e .bd .side li+li {
    margin: 0;
  }

  .homepage .e .bd .side li {
    padding: 15px 0;
    border-top: 1px dashed #ddd;
  }

  .homepage .d .bd ul li dl dd,
  .homepage .e .bd .box dd,
  .homepage .e .bd .side li p {
    font-size: 12px;
    padding-top: 5px;
  }

  .homepage .f .tabtitle {
    margin-top: 15px;
  }

  .homepage .f .tabtitle li,
  .homepage .f .tabtitle li.on {
    font-size: 14px;
  }

  .homepage .f .tabtitle li {
    flex: inherit;
    margin-right: 20px;
  }

  .homepage .f .e {
    margin-top: 10px;
  }

  .homepage .f .tabcontent {
    margin: 20px 0;
  }

  .footer .bd {
    display: none;
  }

  .search_dialog .bd {
    padding: 15px 0;
  }

  .search_dialog .bd input {
    font-size: 22px;
  }

  .search_dialog {
    top: 0;
  }

  .search_dialog .bd p a {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .search_dialog .bd h4 {
    font-size: 16px;
    margin: 30px 0 15px;
  }

  .piclists .a {
    display: block;
  }

  .piclists .a .box {
    width: 100%;
    margin-bottom: 10px;
  }

  .piclists .homepage .d .bd ul li {
    width: 50%;
    padding: 6px;
    border: none;
  }

  .piclists .homepage .d .bd ul li .pic {
    display: block;
    margin: 0;
  }

  .piclists .homepage .d .bd ul li a {
    background: #fafbff;
  }

  .piclists .homepage .d .bd ul li dl {
    padding: 10px;
  }

  .piclists .homepage .d .bd ul li dl dd {
    display: block;
  }

  .piclists .homepage .d .bd ul li dl dd+dd {
    display: none;
  }

  .piclists {
    padding-bottom: 30px;
  }

  .piclists .a .box dl {
    padding: 10px;
  }

  .piclists .a .box dl dt {
    margin-bottom: 0;
    font-size: 16px;
    height: 24px;
  }

  .piclists .a .box dl dd {
    text-align: right;
    font-size: 12px;
  }

  .newslist li .pic {
    width: 120px;
    margin: 0 15px 0 0;
  }

  .newslist li .flex {
    align-items: stretch;
  }

  .newslist li p {
    display: none;
  }

  .newslist li h4 {
    font-size: 16px;
    -webkit-line-clamp: 2;
  }

  .newslist li .bot {
    margin-top: 15px;
    font-size: 12px;
  }

  .zoom110 li .bot {
    display: block;
  }

  .info {
    padding: 20px 0 30px;
  }

  /**/
  .newsitem {
    font-size: 16px;
    padding: 0;
  }

  .newsitem .a .ft span {
    font-size: 12px;
  }

  .newsitem .a .hd h1 {
    font-size: 22px;
    font-weight: bold;
  }

  .newsitem .a .hd .flex {
    justify-content: initial;
    font-size: 12px;
    margin: 15px 0 5px;
  }

  .newsitem .a .hd .source {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin-top: 15px;
  }

  .newsitem .a .hd .flex>div {
    margin-right: 16px;
  }

  .newsitem .a .hd .datetime {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
  }

  .newsitem .a .zhai {
    display: block;
    padding-top: 0;
    margin-top: 50px;
    text-align: justify;
  }

  .newsitem .a .zhai img {
    width: 35px;
    margin: -18px 0 10px;
  }

  .newsitem .b .title span {
    font-size: 14px;
  }

  .newsitem .b .bd .pic {
    width: 120px;
  }

  .newsitem .b .bd li {
    padding: 15px 0;
  }

  .newsitem .b .bd li p {
    display: none;
  }

  .newsitem .b .bd li h4 {
    font-size: 16px;
    height: auto;
  }

  .newsitem .b .bd li .flex {
    color: #999;
    font-size: 12px;
    margin-top: 15px;
  }

  .newsitem .c {
    display: none;
  }

  .newsitem .d {
    padding-top: 20px;
  }

  .showitem .a .mySwiper2 {
    margin-left: 15px;
  }

  .showitem .a .mySwiper2 .swiper-slide {
    width: 80%;
  }

  .showitem .a .ft {
    position: static;
    background: none;
    color: #333;
    padding: 15px;
    margin-bottom: 20px;
    border-bottom: 10px solid #f5f5f5;
  }

  .showitem .a .ft .flex {
    max-width: 100%;
    font-size: 14px;
    padding-top: 0;
    color: #999;
  }

  .showitem .a .ft h5 {
    font-size: 16px;
    margin-top: 20px;
  }

  .showitem .a .swiper-button-next,
  .showitem .a .swiper-button-prev {
    display: none;
  }

  .showitem .a .ft .swiper {
    padding-bottom: 0;
  }

  .showitem .a .ft h4 {
    font-size: 18px;
    font-weight: bold;
  }

  .showitem .a .ft .swiper-pagination {
    text-align: center;
    display: none;
  }

  .showitem .a .ft .swiper-pagination-bullet-active {
    border-radius: 5px;
    width: 20px;
    background: #e60012;
  }

  .homepage .a .banner img {
    height: auto;
  }

  .nav ul>li.hidden-xs {
    display: none;
  }

  .homepage .banner_lg img {
    height: 56px;
    object-fit: cover;
  }

  .homepage .c {
    margin: 20px -15px 0;
    border-top: 1px solid #ddd;
    padding: 20px 15px 0;
  }

  .nav ul li.on>a,
  .nav ul li:hover>a {
    font-size: 16px;
  }

  .homepage .b .news li .flex {
    align-items: stretch;
  }

  .homepage .b .news li .bot {
    margin-top: 10px;
  }

  .newsitem .b .bd li .flex {
    align-items: stretch;
    justify-content: space-between;
  }

  .search i {
    margin: 0;
  }

  .info.on {
    padding-right: 0px;
  }
}

.loading {
  margin: 30px auto 0;
  text-align: center;
  color: #999;
}

.hk-portal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 10009;
  overflow: hidden;
  display: none;
}

.hk-search-mask.opacity1 {
  opacity: 1;
}

.hk-search-mask {
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, .98);
  overflow: hidden;
}

.hk-search-mask .hk-search-mask-main {
  width: 1150px;
  margin: auto;
}

.hk-search-mask .hk-search-mask-main .hk-search-mask-header {
  padding-top: 74px;
}

.hk-search-mask .hk-search-mask-main .hk-search-mask-header .logo {
  width: 231px;
  height: 77px;
  background: url(../images/logo.png) no-repeat;
  background-size: 231px 77px;
  background-position: 0 0;
  float: left;
  cursor: pointer;
}

.hk-search-mask .hk-search-mask-main .hk-search-mask-header .close {
  width: 24px;
  height: 24px;
  float: right;
  background: url(../images/search_close.png) no-repeat;
  background-size: 24px 24px;
  background-position: 0 0;
  position: relative;
  top: 9px;
  cursor: pointer;
}

.clearfloat:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.hk-search-mask .hk-search-mask-main .hk-search-mask-search-input {
  height: 56px;
  margin-top: 166px;
  margin-left: 120px;
}

.hk-search-mask .hk-search-mask-main .hk-search-mask-search-input input {
  height: 50px;
  width: 600px;
  font-size: 40px;
  color: #000;
  letter-spacing: 0;
  text-align: left;
  float: left;
  position: relative;
  top: 3px;
  border-radius: 1px;
  background: transparent;
}

.hk-search-mask-hot-search {
  margin-left: 120px;
  margin-top: 50px;
}

.hk-search-mask-hot-search .hot-tag {
  font-size: 20px;
  color: #202020;
  width: 118px;
  height: 28px;
  line-height: 28px;
  text-align: justify;
}

.hk-search-mask-hot-search .hot-word .hot-word-item {
  cursor: pointer;
  float: left;
  height: 36px;
  line-height: 36px;
  margin-right: 15px;
  margin-top: 20px;
}

.hot-word-ad {
  display: block;
  padding: 0 20px;
  background: rgba(179, 204, 244, .3);
  border-radius: 1px;
  color: #4285f4;
}

.hk-search-mask-hot-search .hot-word .hot-word-item .hot-word-common {
  padding: 0 20px;
  background: hsla(0, 0%, 78.8%, .5);
  border-radius: 1px;
  font-size: 16px;
  color: #787878;
  display: block;
}

.hk-search-mask-hot-search .hot-word .hot-word-item .hot-word-common:hover {
  color: #e60012;
  background: rgb(230, 0, 18, .1);
}

.about {
  width: 1100px;
  margin-bottom: 50px;
}

.about h2 {
  margin: 40px 20px 10px;
  font-size: 18px;
  font-weight: bold;
}

.about h3 {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: bold;
}

.about .main {
  display: flex;
}

.about .left_menu {
  width: 200px;
  margin: 20px;
}

.about .left_menu li {
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
}

.about .left_menu .active {
  background: #e60012;
  color: #fff;
}

.about .content {
  width: 800px;
  margin: 0 10px;
  padding: 15px 40px;
  background: url(../images/about_top.png) top left no-repeat;
  background-size: 100px;
  border-top: solid 1px #efefef;
  min-height: 400px;
}

.about .content p {
  line-height: 28px;
  padding: 12px 0;
  text-indent: 2em;
  color: #999;
  text-align: justify;
}

.about .content>div {
  display: none;
}

@media (max-width: 768px) {
  .about h2 {
    margin: 20px 0 10px;
  }

  .about .content {
    margin: 0;
    padding: 15px 10px;
  }

  .down-banner {
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    height: 80px;
    background: #ffffff;
    z-index: 999;
    box-shadow: 0px 5px 7px 0px rgb(194 194 194 / 24%);
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
  }

  .down-banner .centerWidth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 28px;
    width: 96%;
  }

  .down-banner .centerWidth .centerWidth-l {
    display: flex;
    align-items: center;
  }


  .down-banner span {
    display: inline-block;
    vertical-align: middle;
  }

  .down-banner .icon1 {
    width: 52px;
    height: 52px;
    background: url('../images/download_logo.png') no-repeat;
    background-size: contain;
    margin-right: 8px;
  }

  .down-banner .centerWidth .centerWidth-l .centerWidth-t1 {
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
  }

  .down-banner .centerWidth .centerWidth-l .centerWidth-t2 {
    font-size: 13px;
    letter-spacing: 0px;
    color: #9a9a9a;
  }

  .down-banner .icon2 {
    margin-left: 8px;
    margin-right: 15px;
    width: 143px;
    height: 31px;
    background: url('../img/down-banner-icon2.png') no-repeat;
    background-size: contain;
  }

  .down-banner .icon3 {
    width: 86px;
    height: 32px;
    background: url('../images/download_open.png') no-repeat;
    background-size: contain;
  }

  .down-banner .icon3 a {
    display: block;
    height: 100%;
  }
}

.g_header44,
.g_swiper_container {
  display: none;
}

@media (max-width: 768px) {
  .g_header44 {
    height: 44px;
    display: block;
  }

  .g_header {
    width: 100%;
    background: #ffffff;
    line-height: 44px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    margin-right: 4px;
    border-bottom: 0.07rem solid #f7f7f7;

    /* position: static; */
    z-index: 999;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    transition: all 0.2s ease-in-out 0s;
    transform: translate3d(0px, 0px, 0px);
    display: flex;
  }

  .g_header .g_logo {
    /* width: 36px; */
    height: 36px;
    opacity: 1;
    float: left;
  }

  .g_header .g_button {
    width: 60px;
    height: 25px;
    opacity: 1;
    float: right;
    margin-top: 6px;
    margin-right: 10px;
  }

  .g_header span {
    height: 20px;
    opacity: 1;
    font-size: 0.875rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 20px;
    float: left;
    margin-top: 8px;
    margin-left: 4px;
  }

  .g_header div {
    width: 100%;
    margin-left: 8px;
    padding-right: 10px;
  }

  .g_header_title {

    height: 20px;
    opacity: 1;
    font-size: 14px;
    font-family: PingFang, PingFang-Medium;
    font-weight: 800;
    text-align: left;
    color: #333333;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .g_header_text {
    opacity: 1;
    font-size: 12px;
    font-family: PingFang, PingFang-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    margin-bottom: 0px;
    line-height: normal;
    padding-bottom: 4px;
  }

  .swiper-container {
    width: 100%;
    /* height: 100%; */

    height: 70px;
    opacity: 1;
    background: #fcfcfc;
    /* border-radius: 10px; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px -8px 10px 0px rgba(159, 159, 159, 0.1);

  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-horizontal>.swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    height: 2px;
    opacity: 1;
    background: #d8d8d8;
    top: auto;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
    bottom: 0px;


    height: 2px;
    opacity: 1;
    background: #dc0000;
  }


  .g_swiper_container {
    position: fixed;
    bottom: 0px;
    width: 100%;
    min-height: 70px;
    opacity: 1;
    background: #fcfcfc;
    border-radius: 10px;
    /* box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.01); */

    max-width: 640px;
    margin: 0 auto;
    z-index: 666;
    display: block;
  }

  .g_swiper_container .g_flexBox {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    flex-direction: row;
    min-height: 70px;
    width: 100%;
    align-items: center;
  }

  .g_swiper_container .g_flexBox .g_news_img {
    min-width: 60px;
    width: 60px;
    height: 42px;
    opacity: 1;
    margin-left: 10px;
    margin-right: 4px;
    border-radius: 4px;
  }

  .g_swiper_container .g_flexBox .g_new_button {
    min-width: 60px;
    width: 60px;
    height: 25px;
    opacity: 1;
    margin-right: 10px;
    margin-left: 21px;
  }

  .g_swiper_container .g_flexBox .g_flexBox_title {
    flex: 1;
  }

  .g_swiper_container .g_flexBox p {
    font-size: 0.9375rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 0;
    flex: 1;
  }
}

/*
2024鏃ュ巻
*/
.chunji{
  background: url(../images/rili2024_bj_chunji.png) no-repeat;
}
.chunji .date{
  color: #E36F5D;
}
.xiaji{
  background: url(../images/rili2024_bj_xiaji.png) no-repeat;
}
.xiaji .date{
  color: #D88279;
}
.qiuji{
  background: url(../images/rili2024_bj_qiuji.png) no-repeat;
}
.qiuji .date{
  color: #D9572A;
}
.dongji{
  background: url(../images/rili2024_bj_dongji.png) no-repeat;
}
.dongji .date{
  color: #40BABD;
}
.rili2024{
  background-size: contain;
  min-width: 320px;
  height: 654px;
  margin: 0 auto;
}
.rili2024 h3 {
  font-size: 15px;
  text-align: center;
  color: #fff;
  align-items: center;
  height: 13vw;
  display: flex;
  width: 100%;
  justify-content: center;
  max-height: 50px;
  min-height: 43px;
}

.rili2024 h3 span::after {
  content: '';
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background-color: rgb(255, 255, 255, 90%);
  display: inline-block;
  margin: 2px 14px;
}
.rili2024 .blank1{
  width: 100%;
  max-height: 50px;
  min-height: 41px;
  height: 13vw;
}
.rili2024 .date {
  margin: 0 15% 0;
  font-size: 15px;
  height: 10vw;
  max-height: 59px;
}
.rili2024 .left {
    float: left;
    padding: 5px 0 0 32px;
    line-height: 22px;
}
.rili2024 .right {
  float: right;
  font-family: DIN-Alternate-Bold;
  width: 15vw;
  text-align: center;
  min-width: 54px;
  max-width: 62px;
}
.rili2024 .nongli{
  font-weight: bold;
  text-align: left;
}
.rili2024 .week{
  font-size: 14px;
}
.rili2024 .month{
  color: #fff;
  margin: 3% 0 0;
}
.rili2024 .day{    
  font-size: 36px;
  padding: 2% 0 0px;
}
.rili2024 h4 {
  text-align: center;
  font-size: 18px;
  color: #EE2214;
  font-weight: bold;
  font-family: 'PingFang-Bold';
  background: url(../images/rili2024_title_bottom.svg) center bottom no-repeat;
  margin: 8px auto;
  padding: 20px 38px 16px;
  clear: both;
}
.rili2024 .hd {
  text-align: left;
  line-height: 23px;
  font-size: 14px;
  color: #666;
  font-family: 'PingFang-Bold';
  text-align: justify;
  padding: 0 46px;
  height: 75vw;
  overflow: hidden;
  max-height: 296px;
  min-height: 230px;
}
.flex {
    display: flex;
    align-items: center;
}
.rili2024 .suit_avoid {
  margin: 16px auto 0;
}
.rili2024 .suit_div {
    height: 40px;
    padding: 4px 10px 4px 56px;
    margin: 0 15px;
    text-align: left;
    align-items: center;
    color: #666;
    font-size: 12px;
}
.rili2024 .suit {
  background: url(../images/rili2024_suit.svg) 20px center no-repeat;
}

.rili2024 .avoid {
  border-top: none;
  background: url(../images/rili2024_avoid.svg) 20px center no-repeat;
}

@media (max-width: 360px) {
  .rili2024 h4{
    font-size: 16px;
    padding: 16px 38px 16px;
  }
  .rili2024 .hd{
    line-height: 20px;
    font-size: 12px;
  }
}