﻿@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{
	margin:0;
	padding:0;
}
body,input,textarea,select,button,table{
	font-size:16rem;
	line-height:1.25em;
	font-family:Arial,'microsoft yahei',Verdana,Helvetica,sans-serif;
}
*{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
/*取消按钮点击的时候有阴影*/
a,img,button,input,textarea{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	-ms-tap-highlight-color:rgba(255,255,255,0);
	-moz-tap-highlight-color:rgba(255,255,255,0);
	-o-tap-highlight-color:rgba(255,255,255,0);
}
button, input, textarea, select {
    border: medium none;
    outline: medium none;/*取消chrome下input和textarea的聚焦边框*/
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}
body{
	min-width:320rem;
	font-size:1em;
	-webkit-text-size-adjust:none; 
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-size: inherit; 
	font-weight: normal;
}
header,footer,section,nav,menu,details,hgroup,figure,figcaption,article,aside{
	margin:0;
	padding:0;
	display:block;
}
img,fieldset{
	border:0;
}
img { 
	vertical-align:middle;
}
ul,ol{
	list-style:none;
}
table{
	border-collapse:collapse; 
	width: 100%;
}
a{
	color:#666;
	text-decoration:none;
}
.cl:after{
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
.cl{
	zoom:1
}
.rel{
    position: relative;
}
.abs{
	position: absolute;
}
.dis{
    display: block;
}
.hide{
    display: none;
}
.hr_gray {
    border: none;
    border-top: 1rem solid #ccc;
}
/*arrow*/
.arr_right:after,.arr_left:after{
  content: "";
  width: 0.4rem;
  height:0.4rem;
  border-right: 2rem solid #ccc;
  border-bottom: 2rem solid #ccc;
  top: 50%;
  right:15rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.25rem;
  }
  .arr_down:after{
  content: "";
  width: 8rem;
  height:8rem;
  border-right: 1rem solid #666;
  border-bottom: 1rem solid #666;
  top: 48%;
  right:-0.85rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.25rem;
  }
  .arr_up:after{
  content: "";
  width: 8rem;
  height:8rem;
  border-right: 1rem solid #666;
  border-bottom: 1rem solid #666;
  top: 50%;
  right:-0.85rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.15rem; 
  }
/*取消滚动条*/
.cansel_scrollbar::-webkit-scrollbar              { /* 1 */  width:0rem; background-color:rgba(0,0,0,0);}
.cansel_scrollbar::-webkit-scrollbar-button       { /* 2 */ }
.cansel_scrollbar::-webkit-scrollbar-track        { /* 3 */ }
.cansel_scrollbar::-webkit-scrollbar-track-piece  { /* 4 */ }
.cansel_scrollbar::-webkit-scrollbar-thumb        { /* 5 */ border:none; width:5rem;  border-radius:4rem; background-color:rgba(0,0,0,0);}
.cansel_scrollbar::-webkit-scrollbar-corner       { /* 6 */ background-color:#41475f;}
.cansel_scrollbar::-webkit-resizer                { /* 7 */ }
.cansel_scrollbar::-webkit-scrollbar:horizontal   { height:1rem;}
body {
	background-color: #fff;
}
.flex {
    display: flex;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col{
    display: flex;
    flex-direction: column;
}
.flex-grow-0{
    flex-grow: 0;
}
.flex-grow-1{
    flex-grow: 1;
}
.flex-x-center{
    display: flex;
    justify-content: center;
}
.flex-y-center{
    display: flex;
    align-items: center;
}
.flex-y-start{
   display: flex;
   align-items: flex-start;
}
.flex-x-between{
   display: flex;
   justify-content: space-between;
}
.flex-x-end{
  display: flex;
  justify-content: flex-end;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}
/*index*/
.container{
  min-height: 100vh;
  position: relative;
}
.container .top{
  width: 100%;
}
.main_content{
  width: 100%;
  min-height: 900rem;
  position: relative;
  padding-bottom: 90rem;
}
.main_content::before{
  content: '';
  width: 100%;
  height: 680rem;
  background: linear-gradient(to bottom,rgba(255,241,220,1),rgba(252,166,154,.35),rgba(252,166,154,0));
  background: -webkit-linear-gradient(top,rgba(255,241,220,1),rgba(252,166,154,.35),rgba(252,166,154,0));
  background: -moz-linear-gradient(top,rgba(255,241,220,1),rgba(252,166,154,.35),rgba(252,166,154,0));
  background: -ms-linear-gradient(top,rgba(255,241,220,1),rgba(252,166,154,.35),rgba(252,166,154,0));
  background: -o-linear-gradient(top,rgba(255,241,220,1),rgba(252,166,154,.35),rgba(252,166,154,0));
  position: absolute;
  left: 0;
  top: 0;
}
.main_content .bottom{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.moduleBox{
  width: 64%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding-top: 20rem;
}
.sub_titleBox{
  width: 100%;
  margin: 0 0 20rem;
}
.sub_titleBox img{
  width: 100%;
}
.mySwiper1{
  width: 735rem;
  height: 550rem;
}
.mySwiper1 .swiper-wrapper,.mySwiper1 .swiper-slide,.mySwiper1 .swiperBox,.mySwiper1 video{
  width: 100%;
  height: 100%;
}
.mySwiper1 .swiper-pagination{
  bottom: 18rem!important;
  top: auto!important;
  left: auto!important;
  width: auto!important;
  right: 20rem!important;
}
.mySwiper1 .swiper-pagination-bullet{
  width: 6rem!important;
  height: 6rem!important;
  border-radius: 50%!important;
  background: #bb9074!important;
  margin: 0 7rem!important;
  opacity: 1!important;
}
.mySwiper1 .swiper-pagination-bullet-active{
  border-radius: 5rem!important;
  background: #ffeab9!important;
  position: relative;
}
.mySwiper1 .swiper-pagination-bullet-active::before{
  content: '';
  width: 20rem;
  height: 20rem;
  border: 1rem solid #ffeab9;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.swiperBox{
  width: 100%;
  height: 100%;
  position: relative;
}
.swiperBox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiperBox p{
  width: 100%;
  font-size: 22rem;
  line-height: 20rem;
  color: #ffeab9;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 18rem;
  padding: 0 150rem 0 15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsListBox{
  width: calc(100% - 735rem - 75rem);
  margin-left: 75rem;
  margin-top: -10rem;
}
.newsListBox .newsList .news_list{
  cursor: pointer;
}
.newsListBox .newsList .news_list .news_picBox{
  width: 181rem;
  height: 134rem;
  position: relative;
  margin-left: 45rem;
}
.newsListBox .newsList .news_list .news_picBox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 10;
}
.newsListBox .newsList .news_list .news_picBox::before{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #e6998b;
  position: absolute;
  right: -5rem;
  bottom: -5rem;
}
.newsListBox .newsList .news_list .news_list_info{
  width: calc(100% - 181rem - 45rem);
  padding: 10rem 0;
  border-bottom: 1rem solid #e1d4d4;
}
.newsListBox .newsList .news_list .news_list_info .time{
  font-size: 17rem;
  color: #bd171e;
}
.newsListBox .newsList .news_list .news_list_info h1{
  font-size: 20rem;
  color: #000000;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-top: 5rem;
  font-weight: bold;
}
.newsListBox .newsList .news_list .news_list_info .text{
  font-size: 16rem;
  color: #8d8686;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-top: 5rem;
}
.newsListBox .newsList .news_list .news_list_info2{
  width: 100%;
  padding: 16rem 0;
  border-bottom: 1rem solid #e1d4d4;
}
.newsListBox .newsList .news_list .news_list_info2 .time{
  font-size: 17rem;
  color: #bd171e;
}
.newsListBox .newsList .news_list .news_list_info2 h1{
  font-size: 18rem;
  color: #000000;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5rem;
}
.moreBtn{
  font-size: 18rem;
  color: #c71119;
  justify-content: flex-end;
  margin-top: 18rem;
  cursor: pointer;
}
.moreBtn img{
  width: 20rem;
  height: 20rem;
  margin-right: 12rem;
}
.cardBoxList{
  width: 100%;
}
.cardBoxList .cardBox{
  width: 285rem;
}
.cardBoxList .cardBox .card_picBox{
  width: 100%;
  height: 215rem;
}
.cardBoxList .cardBox .card_picBox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cardBoxList .cardBox ul li{
  padding: 15rem 0;
  border-bottom: 1rem solid #e1d4d4;
}
.cardBoxList .cardBox ul li a{
  cursor: pointer;
}
.cardBoxList .cardBox ul li a p{
  font-size: 18rem;
  color: #000000;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.cardBoxList .cardBox2{
  width: calc(100% - 570rem);
  padding: 0 75rem;
  cursor: pointer;
}
.cardBoxList .cardBox2 .card_picBox2{
  width: 100%;
  height: 375rem;
}
.cardBoxList .cardBox2 .card_picBox2 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cardBoxList .cardBox2 h1{
  font-size: 23rem;
  color: #000000;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 15rem;
}
.cardBoxList .cardBox2 p{
  font-size: 16rem;
  color: #8d8686;
  line-height: 1.3;
  margin-top: 15rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}



/*footer*/
.footer{
    width: 100%;
    height: 180rem;
    background-color: #b9231f;
}
.footer .inner_footer{
    width: 81%;
    margin: 0 auto;
    padding: 0 25rem;
}
.footer .inner_footer p{
    font-size: 16rem;
    color: #fff;
}
.footer .inner_footer ul li:not(:last-child){
    margin-bottom: 15rem;
}
.footer .inner_footer .footer_text .ico1{
    width: 50rem;
    margin-right: 30rem;
}
.footer .inner_footer .footer_text .ico2{
    width: 20rem;
    margin-right: 8rem;
}


/*2026-10-23*/
@font-face {
    font-family: 'DFPSongW12-GB';
    src: url('DFPSongW12.woff2') format('woff2'),
        url('DFPSongW12.woff') format('woff'),
        url('DFPSongW12.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.topNewsBox{
  width: 74%;
  margin: 0 auto;
  padding-top: 45rem;
  position: relative;
  z-index: 10;
}
.topNewsBox .main_title{
  font-size: 48rem;
  color: #bc0500;
  text-align: center;
  line-height: 1.2;
  font-family: 'DFPSongW12-GB';
  background-image: linear-gradient(to right, #b30000, #c60a00,#d71301);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

.marquee {
	width: 100%;
	overflow: hidden;
  margin-top: 15rem;
}
.marquee-text {
	white-space: nowrap;
	display: inline-block;
	animation: run 20s linear infinite;
}
/* 悬浮暂停 */
.marquee:hover .marquee-text {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
.marquee-text a {
	text-decoration:none;
  margin-right: 35rem;
  font-size: 17rem;
  color:#e1242c;
  cursor: pointer;
}
@keyframes run {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}


.sub_titleBox{
  margin: 0 0 25rem;
}
.moduleBox{
  padding-top: 30rem;
}
.cardBoxList .cardBox{
  width: calc(50% - 65rem);
  margin-right: 130rem;
}
.cardBoxList .cardBox:nth-child(2n){
  margin-right: 0;
}
.cardBoxList .cardBox .card_picBox{
  width: 100%;
  height: 305rem;
  margin: 10rem 0;
}
.cardBoxList .cardBox ul li{
  height: 85rem;
  padding: 0;
}
.main_content{
  padding-bottom: 70rem;
}