/*内容区域*/
.main {
  height: 100vh;
  overflow-y: auto;
  /* -ms-scroll-snap-type: y mandatory; */
  /* scroll-snap-type: y mandatory; */
  /* -webkit-overflow-scrolling: touch; */
  background: rgba(250, 250, 250, 1);
  font-family: 'SourceHanSansCN';  /*  思源黑体  */
}

.section {
  /* min-height: 100vh; */
  padding-top: 170px;
  /* scroll-snap-align: end; */
  background: rgba(250, 250, 250, 1);
  font-family: 'SourceHanSansCN';
}

.hide {
  display: none;
}
.root {
  /* width: 100vw; */
  background: rgba(250, 250, 250, 1);
  overflow-y: scroll;
}

body::-webkit-scrollbar {
  width: 1rem
}

.root::-webkit-scrollbar {
  width: 0;
}

.root a {
  font-size: 0;
}

.root img {
  width: 100%;
  height: 100%;
}

/* .commonbg {
  width: 100%;
  height: 70rem;
} */
/************** views **********/
.commonviews {
  width: 1460rem;
  margin: 0 auto
}
.commonviews img {
  width: 1460rem;
}
/************** hotBox **********/
.hotBox {
  width: 1460rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 350rem;
  gap: 0 55rem;
  margin-bottom: 50rem;
}
.hotBox .video {
  width: 450rem;
  height: 350rem;
  object-position: center;
  object-fit: cover;
}
.hotBox .hotItem {
  position: relative;
  background-color: #4d4d4d;
  overflow: hidden;
}
.hotBox .active::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;;
  background: rgba(0, 0, 0, .5);
  z-index: 1;
}
.hotBox .hotItem .itemBg {
  width: 100%;
  height: 100%;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.hotBox .hotItem .title {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  color: rgba(250, 250, 250, 1);
  z-index: 2;
}
.hotBox .hotItem .title .titleWrap {
  position: absolute;
  left: 40rem;
  bottom: 40rem;
  color: rgba(250, 250, 250, 1);
  z-index: 2;
  font-size: 30px;
  text-align: left;
  line-height: 1em;
  font-family: 'SourceHanSansCN_bold';
}
.hotBox .hotItem .title::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, .5); */
  z-index: 0;
}
.hotBox .hotItem .title .ps {
  font-size: 18px;
  margin-top: 13px;
  font-family: 'SourceHanSansCN_normal';
}
/**************list header start**********/
.listheaderbar {
  padding-top: 0;
}
.listheaderbox {
  height: 80px;
  width: 100%;
  background: rgba(250, 250, 250, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.listheaderbox .commonico {
  height: 55px;
  margin: 0;
  width: auto;
}
/************** list **********/
.list {
  width: 1460rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 425rem);
  /* gap: 50rem 60rem; */
}
.listItem {
  position: relative;
  overflow: hidden;
}
.listItem.active::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(38, 38, 38, .6);
}
.listItem .itemBg {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.listItem .top {
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 35rem;
  color: rgba(250, 250, 250, 1);
}
.listItem .righticon {
  height: 35rem;
  width: auto;
}
.listItem  .foot {
  position: absolute;
  z-index: 2;
  bottom: 50rem;
  left: 50rem;
}
.listItem  .foot p {
  font-size: 18px;
  color: rgba(250, 250, 250, 1);
  margin-bottom: 15px;
  margin-top: 0;
  font-family: 'SourceHanSansCN_normal';
  line-height: 1em;
}
.listItem .foot .title {
  font-size: 30px;
  /* font-weight: 600; */
  color: rgba(250, 250, 250, 1);
  font-family: 'SourceHanSerifCN-Bold';
  line-height: 1em;
}
.listItem .foot .footImg {
  height: 40rem;
}
.listItem .foot .panda {
  height: 80rem;
}
/**************jiankang start**********/
.jk_nav {
  width: 100%;
  height: 80rem;
  background: #EFEBE8;
}

.jk_nav_box {
  width: 1170rem;
  margin: 0 auto;
  height: 40rem;
  padding-top: 20rem;
  display: flex;
  justify-content: space-between;
}

.jk_nav .jk_nav_logo {
  width: 85rem;
  height: 40rem;
}

.jk_nav .jk_nav_logo img {
  width: 100%;
  height: 100%;
}

.jk_nav .jk_nav_channel {
  width: calc(100% - 85rem);
  height: 40rem;
  text-align: right;
}

.jk_nav .jk_nav_channel .jk_nav_c_item {
  height: 40rem;
  line-height: 40rem;
  font-size: 16rem;
  font-family: STSongti-SC-Bold, STSongti-SC;
  font-weight: 500;
  color: #4d4d4d;
}

.jk_nav .jk_nav_channel .jk_nav_c_line {
  width: 30rem;
  height: 40rem;
  line-height: 40rem;
  color: #4d4d4d;
  text-align: center;
  display: inline-block;
}

.jk_nav .jk_nav_channel .jk_nav_c_item.active {
  color: #00A530;
}

/*************************************/
/*.jk_main::-webkit-scrollbar{width:0;}*/
.jk_main {
  width: 1170rem;
  /*height:calc(100vh - 210rem);*/
  /*overflow-y: scroll;*/
  margin: 0 auto;
  margin-top: 30rem;
}

.jk_main .firstbox {
  display: flex;
  justify-content: space-between;
}

.jk_main .firstbox .left {
  width: 585rem;
  height: 390rem;
}

.jk_main .firstbox .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jk_main .firstbox .right {
  width: 585rem;
  height: 390rem;
  position: relative;
  background: rgba(250, 250, 250, 1);
}

.jk_main .firstbox .title {
  width: 484rem;
  max-height: 60rem;
  font-size: 22rem;
  font-weight: normal;
  color: #4d4d4d;
  line-height: 30rem;
  margin-top: 162rem;
  margin-left: 40rem;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.jk_main .firstbox .summary {
  width: 484rem;
  max-height: 44rem;
  font-size: 16rem;
  font-weight: 300;
  margin-left: 40rem;
  margin-top: 15rem;
  color: #808080;
  line-height: 22rem;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*************************************/
.jk_main .secondbox {
  display: flex;
  justify-content: space-between;
}

.jk_main .secondbox .right {
  width: 585rem;
  height: 390rem;
  overflow: hidden;
}

.jk_main .secondbox .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jk_main .secondbox .left {
  width: 585rem;
  height: 390rem;
  position: relative;
  background: rgba(250, 250, 250, 1);
}

.jk_main .secondbox .title {
  width: 484rem;
  max-height: 60rem;
  font-size: 22rem;
  font-weight: normal;
  color: #4d4d4d;
  line-height: 30rem;
  margin-top: 162rem;
  margin-left: 60rem;
  text-align: right;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.jk_main .secondbox .summary {
  width: 484rem;
  max-height: 44rem;
  font-size: 16rem;
  font-weight: 300;
  margin-left: 60rem;
  margin-top: 15rem;
  color: #808080;
  line-height: 22rem;
  text-align: right;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*********jiankang end****************************/

/************关于我们start*********************/
/*.about-box::-webkit-scrollbar{width:0;}*/
.about-box {
  width: 1170rem;
  /*height:calc(100vh - 210rem);*/
  /*overflow-y: scroll;*/
  margin: 0 auto;
  margin-top: 60rem;
}

.about-box .about_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.about-box .abox {
  width: 230rem;
}

.about-box .abox .title {
  height: 20rem;
  font-size: 14rem;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 20rem;
  margin-bottom: 18rem;
  margin-top: 18rem;
  position: relative;
}

.about-box .abox .title .aboutline {
  width: 4rem;
  height: 15rem;
  background: #D2C5BA;
  display: inline-block;
  position: absolute;
  left: 0rem;
  top: 3rem;
}

.about-box .abox .title .titlename {
  margin-left: 14rem;
}

.about-box .a-box1 .content {
  width: 100%;
  font-size: 12rem;
  font-weight: 400;
  color: #808080;
  line-height: 20rem;
  word-break: break-all;
}

.about-box .a-box3 .content {
  width: 100%;
  font-size: 12rem;
  font-weight: 400;
  color: #808080;
  line-height: 25rem;
}

.about-box .a-box3 .gotoservice {
  width: 94rem;
  height: 27rem;
  border: 1rem solid #000000;
  font-size: 12rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 27rem;
  text-align: center;
  margin-top: 30rem;
}

.about-box .abox .content {
  width: 100%;
}

.about-box .a-box2 .content .subtitle {
  width: 100%;
  height: 18rem;
  font-size: 13rem;
  font-weight: 400;
  color: #282828;
  line-height: 18rem;
  margin-bottom: 15rem;
}

.about-box .a-box2 .content .info {
  width: 100%;
  height: 16rem;
  font-size: 10rem;
  font-weight: 400;
  color: #676767;
  line-height: 16rem;
  position: relative;
  margin-bottom: 13rem;
}

.about-box .a-box2 .content .info img {
  width: 16rem;
  height: 16rem;
}

.about-box .a-box2 .content .info div {
  display: inline-block;
  height: 16rem;
  line-height: 16rem;
  font-size: 10rem;
  position: absolute;
  left: 28rem;
  top: 0rem;
}

.about-box .a-box2 .content .info .minfont {
  width: 240rem;
}

.about-box .a-box2 .content .infoc {
  width: 100%;
  height: 12rem;
  line-height: 12rem;
  position: relative;
  margin-bottom: 13rem;
}

.about-box .a-box2 .content .infoc .tip {
  display: inline-block;
  height: 12rem;
  line-height: 12rem;
  font-size: 10rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 240rem;
  color: #676767;
}

.about-box .a-box4 img {
  width: 90rem;
  height: 90rem;
}

.about-box .a-box4 .content {
  width: 100%;
  height: 25rem;
  font-size: 12rem;
  font-weight: 400;
  color: #808080;
  line-height: 25rem;
}

/***footer*****/
.about-box .about_footer {
  width: 100%;
  margin-top: 50rem;
}

.about-box .about_footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-box .about_footer .logo {
  width: 85rem;
  height: 40rem;
  object-fit: fill;
}

.about-box .about_footer .social {
  height: 29rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 45rem;
}

.about-box .about_footer .social .item-box {
  position: absolute;
  width: 109rem;
  height: 113rem;
  top: 39rem;
  left: -35rem;
  display: none;
}

.about-box .about_footer .social .item-box.tik-tok {
  left: -40rem;
}

.about-box .about_footer .social .item-box .bg {
  width: 109rem;
  height: 113rem;
}

.about-box .about_footer .social .item-box .code {
  position: absolute;
  width: 101rem;
  height: 101rem;
  top: 8rem;
  left: 4rem;
  object-fit: fill;
}

.about-box .about_footer .social .weibo {
  width: auto;
  height: 29rem;
  margin-right: 40rem;
}

.about-box .about_footer .social .social-wechat {
  position: relative;
  margin-right: 44rem;
}

.about-box .about_footer .social .social-wechat:hover .item-box {
  display: block;
}

.about-box .about_footer .social .social-wechat .wechat {
  width: auto;
  height: 28rem;
}

.about-box .about_footer .social .social-tik-tok {
  position: relative;
}

.about-box .about_footer .social .social-tik-tok:hover .item-box {
  display: block;
}

.about-box .about_footer .social .social-tik-tok .tik-talk {
  width: auto;
  height: 28rem;
}

.about-box .about_footer .rights {
  color: #4d4d4d;
  font-size: 14rem;
  margin-top: 48rem;
  margin-bottom: 60rem;
  width: 688rem;
  /*display: flex;*/
  /*justify-content: space-between;*/
  text-align: center;
}

.about-box .about_footer .rights a {
  color: #4d4d4d;
  font-size: 14rem;
}

/************关于我们end**************************/


/*************家居start****************************/


.jiaju_nav {
  width: 100%;
  height: 80rem;
  background: #EFEBE8;
}

.jiaju_nav_box {
  width: 1170rem;
  margin: 0 auto;
  height: 40rem;
  padding-top: 20rem;
  display: flex;
  justify-content: space-between;
}

.jiaju_nav .jiaju_nav_logo {
  width: 104rem;
  height: 40rem;
}

.jiaju_nav .jiaju_nav_logo img {
  width: 100%;
  height: 100%;
}

.jiaju_nav .jiaju_nav_channel {
  width: calc(100% - 104rem);
  height: 40rem;
  line-height: 40rem;
  text-align: right;
}

.jiaju_nav .jiaju_nav_channel .jiaju_nav_c_item {
  height: 40rem;
  line-height: 40rem;
  font-size: 16rem;
  font-family: STSongti-SC-Bold, STSongti-SC;
  font-weight: 500;
  color: #4d4d4d;
}

.jiaju_nav .jiaju_nav_channel .jiaju_nav_c_line {
  width: 66rem;
  height: 40rem;
  line-height: 40rem;
  color: #4d4d4d;
  text-align: center;
  display: inline-block;
}

.jiaju_nav .jiaju_nav_channel .jiaju_nav_c_item.active {
  color: #EA8A2D;
}


/**jk_main***/
/*.jiaju_main::-webkit-scrollbar{width:0;}*/
.jiaju_main {
  width: 1170rem;
  /*height:calc(100vh - 210rem);*/
  /*overflow-y: scroll;*/
  margin: 0 auto;
  margin-top: 60rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #FCFCFC;
}

.jiaju_main .left {
  width: 802rem;
  display: flex;
}

.jiaju_main .right {
  width: 348rem;
}

.jiaju_main .jiaju_box {
  width: 348rem;
  height: 348rem;
  overflow: hidden;
  position: relative;
}

.jiaju_main .jiaju_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jiaju_main .box1 {
  width: 454rem;
  /*background: red;*/
  background: rgba(250, 250, 250, 1);
}

.jiaju_padding {
  padding-top: 20rem;
}

.jiaju_main .box4 {
  width: 348rem;
  /*background: red;*/
  background: rgba(250, 250, 250, 1);
}

.jiaju_main .jiaju_box .boxmain {
  position: absolute;
  left: 72rem;
  top: 110rem;
  width: 310rem;
  height: 180rem;
}

.jiaju_main .jiaju_box .boxmain2 {
  left: 19rem;
}

.jiaju_main .jiaju_box .boxline {
  width: 310rem;
  height: 2rem;
  background: #D7D7D7;
  position: absolute;
  left: 72rem;
  top: 10rem;
}

.jiaju_main .jiaju_box .boxmain .title {
  width: 100%;
  max-height: 44rem;
  line-height: 22rem;
  color: #4d4d4d;
  font-size: 16rem;
  text-align: center;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.jiaju_main .jiaju_box .boxmain .summary {
  width: 100%;
  max-height: 34rem;
  line-height: 17rem;
  color: #808080;
  font-size: 12rem;
  margin-top: 10rem;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.jiaju_main .jiaju_box .boxmain .readbtn {
  width: 74rem;
  height: 21rem;
  border: 1rem solid #000000;
  font-size: 12rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 21rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 42rem;

}

/*************家居end****************************/



/*************lvyoustart****************************/
.lvyou_nav {
  width: 100%;
  height: 80rem;
  background: #EFEBE8;
}

.lvyou_nav_box {
  width: 1170rem;
  margin: 0 auto;
  height: 40rem;
  padding-top: 20rem;
  display: flex;
  justify-content: space-between;
}

.lvyou_nav .lvyou_nav_logo {
  width: 108rem;
  height: 40rem;
}

.lvyou_nav .lvyou_nav_logo img {
  width: 100%;
  height: 100%;
}

.lvyou_nav .lvyou_nav_channel {
  width: calc(100% - 108rem);
  height: 40rem;
  line-height: 40rem;
  text-align: right;
}

.lvyou_nav .lvyou_nav_channel .lvyou_nav_c_item {
  height: 40rem;
  line-height: 40rem;
  font-size: 16rem;
  font-family: STSongti-SC-Bold, STSongti-SC;
  font-weight: 500;
  color: #4d4d4d;
}

.lvyou_nav .lvyou_nav_channel .lvyou_nav_c_line {
  width: 30rem;
  height: 40rem;
  line-height: 40rem;
  color: #4d4d4d;
  text-align: center;
  display: inline-block;
}

.lvyou_nav .lvyou_nav_channel .lvyou_nav_c_item.active {
  color: #FFCA00;
}


/**jk_main***/
/*.lvyou_main::-webkit-scrollbar{width:0;}*/

.lvyou_main {
  width: 1170rem;
  /*height:calc(100vh - 210rem);*/
  /*overflow-y: scroll;*/
  margin: 0 auto;
  margin-top: 60rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #FCFCFC;
}

.lvyou_main .left {
  width: 688rem;
  height: 688rem;
  overflow: hidden;
}

.lvyou_main .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lvyou_main .right {
  width: 440rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.lvyou_main .right .lvyou_box {
  width: 200rem;
  height: 328rem;
  background: rgba(250, 250, 250, 1);
  position: relative;
}

.lvyou_main .right .lvyou_box .cover {
  width: 200rem;
  height: 200rem;
  overflow: hidden;
}

.lvyou_main .right .lvyou_box .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lvyou_main .right .lvyou_box .title {
  width: 180rem;
  margin: 0 auto;
  margin-top: 20rem;
  max-height: 44rem;
  line-height: 22rem;
  color: #4d4d4d;
  font-size: 16rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lvyou_main .right .lvyou_box .summary {
  width: 180rem;
  margin: 0 auto;
  max-height: 34rem;
  line-height: 17rem;
  color: #808080;
  font-size: 12rem;
  margin-top: 10rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lvyou_main .right .lvyou_leftbox {
  width: 100%;
  height: 360rem;
  position: relative;
}


.lvyou_main .right .lvyou_leftbox .title {
  width: 400rem;
  margin-top: 60rem;
  max-height: 112rem;
  line-height: 56rem;
  color: #4d4d4d;
  font-size: 40rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lvyou_main .right .lvyou_leftbox .summary {
  width: 400rem;
  max-height: 34rem;
  line-height: 17rem;
  color: #808080;
  font-size: 12rem;
  margin-top: 10rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lvyou_main .right .lvyou_leftbox .readbtn {
  width: 63rem;
  height: 21rem;
  border: 1rem solid #000000;
  font-size: 12rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 21rem;
  text-align: center;
  position: absolute;
  bottom: 40rem;
  left: 0rem;
}

.lvyou_main .right .lvyou_leftbox .date {
  width: 308rem;
  height: 17rem;
  font-size: 12rem;
  font-weight: 300;
  color: #808080;
  line-height: 17rem;

  position: absolute;
  bottom: 0rem;
  left: 0rem;
}

/*************旅游end****************************/

/*************二级start****************************/
.top_gg {
  height: 195rem;
  width: 1170rem;
  margin: 0 auto;
  margin-top: 60rem;
}

.top_gg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.common_list {
  width: 1170rem;
  margin: 0 auto;
  margin-top: 60rem;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  background: #FCFCFC;
}

.common_list .common_item {
  width: 380rem;
  height: 200rem;
  display: flex;
  margin-right: 10rem;
  margin-bottom: 30rem;
}

.common_list .common_item .cover {
  width: 200rem;
  height: 200rem;
}

.common_list .common_item .rbox {
  width: 180rem;
  height: 200rem;
  position: relative;
  background: rgba(250, 250, 250, 1);
}

.common_list .common_item .rbox .title {
  width: 160rem;
  margin-top: 30rem;
  max-height: 44rem;
  line-height: 22rem;
  color: #4d4d4d;
  font-size: 16rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.common_list .common_item .rbox .summary {
  width: 160rem;
  max-height: 34rem;
  line-height: 17rem;
  color: #808080;
  font-size: 12rem;
  margin-top: 10rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.common_list .common_item .rbox .readbtn {
  width: 63rem;
  height: 21rem;
  border: 1rem solid #000000;
  font-size: 12rem;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 21rem;
  text-align: center;
  position: absolute;
  bottom: 32rem;
  left: 10rem;
}
/*************二级end****************************/



/**************slider*****************/
.firstPageBox {
  width: 1460rem;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  background-color: #4d4d4d;
}
.firstPageBox .itemBg {
  width: 1000rem;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.firstPageBox .full {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  left: 0;
  top: 0;
  transform: none;
}
.firstPageBox .video {
  width: 1460rem;
  height: 700rem;
  object-fit: cover;
}

.logobox {
  width: 1370rem;
  height: 240rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 48vh;
  z-index: 11;
  text-align: center;
}

.firstpage_trendslogo {
  width: 310rem;
  height: 36rem;
}

.firstpage_trends {
  width: 1370rem;
  height: 240rem;
  margin-top: 20rem;
}

.fhide {
  position: absolute;
  top: 0rem;
}

/*.firstpage_trends*/
/*{*/
/*    width: 806rem;*/
/*    height: 164rem;*/
/*    position: absolute;*/
/*    left:50%;*/
/*    margin-left:-403rem;*/
/*    bottom: 46vh;*/
/*    z-index: 11;*/
/*}*/
/*.firstpage_trendslogo*/
/*{*/
/*    width: 310rem;*/
/*    height: 36rem;*/
/*    position: absolute;*/
/*    left:50%;*/
/*    margin-left:-155rem;*/
/*    bottom: 66vh;*/
/*    z-index: 11;*/
/*}*/

/******************************/

/*******先生开始************************/
.xiansheng_nav {
  width: 100%;
  height: 80rem;
  background: #EFEBE8;
}

.xiansheng_nav_box {
  width: 1170rem;
  margin: 0 auto;
  height: 40rem;
  padding-top: 20rem;
  display: flex;
  justify-content: space-between;
}

.xiansheng_nav .xiansheng_nav_logo {
  width: 145rem;
  height: 40rem;
}

.xiansheng_nav .xiansheng_nav_logo img {
  width: 100%;
  height: 100%;
}

.xiansheng_nav .xiansheng_nav_channel {
  width: calc(100% - 145rem);
  height: 40rem;
  text-align: right;
}

.xiansheng_nav .xiansheng_nav_channel .xiansheng_nav_c_item {
  height: 40rem;
  line-height: 40rem;
  font-size: 16px;
  font-family: STSongti-SC-Bold, STSongti-SC;
  font-weight: 500;
  color: #4d4d4d;
}

.xiansheng_nav .xiansheng_nav_channel .xiansheng_nav_c_line {
  width: 114rem;
  height: 40rem;
  line-height: 40rem;
  color: #4d4d4d;
  text-align: center;
  display: inline-block;
}

.xiansheng_nav .xiansheng_nav_channel .xiansheng_nav_c_item.active {
  color: #FF1114;
}


.xiansheng_box {
  width: 1170rem;
  margin: 0 auto;
  margin-top: 60rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #FCFCFC;
}

.xiansheng_box .xiansheng_item {
  width: 348rem;
  height: 348rem;
  margin-bottom: 30rem;
  position: relative;
}

.xiansheng_box .xiansheng_item:hover .hbox {
  display: block !important;
}

.xiansheng_box .xiansheng_item .cover {
  width: 348rem;
  height: 348rem;
  overflow: hidden;
}

.xiansheng_box .xiansheng_item .hbox {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 348rem;
  height: 348rem;
  background: #000000;
  opacity: 0.8;
}

.xiansheng_box .xiansheng_item .hbox .title {
  width: 308rem;
  font-weight: bold;
  max-height: 44rem;
  line-height: 22rem;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 auto;
  color: #DCDCDC;
  margin-top: 108rem;

}

.xiansheng_box .xiansheng_item .hbox .summary {
  width: 308rem;
  max-height: 34rem;
  line-height: 17rem;
  color: #DCDCDC;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 auto;
  margin-top: 10rem;
}

.xiansheng_box .xiansheng_item .hbox .readbtn {
  width: 63rem;
  height: 21rem;
  border: 1rem solid #DCDCDC;
  font-size: 12px;
  font-weight: 400;
  color: #DCDCDC;
  line-height: 21rem;
  text-align: center;
  position: absolute;
  bottom: 80rem;
  left: 20rem;
}


.xiansheng_box .xiansheng_item .firsthbox {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 348rem;
  height: 174rem;
}

.xiansheng_box .xiansheng_item .firsthbox .title {
  width: 100%;
  font-weight: bold;
  max-height: 112rem;
  line-height: 56rem;
  font-size: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 auto;
  color: #4d4d4d;
}

.xiansheng_box .xiansheng_item .firsthbox .summary {
  width: 100%;
  max-height: 34rem;
  line-height: 17rem;
  color: #808080;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 auto;
  margin-top: 30rem;
}

.xiansheng_box .firstitem .readbtn {
  width: 63rem;
  height: 21rem;
  border: 1rem solid #000000;
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 21rem;
  text-align: center;
  position: absolute;
  bottom: 56rem;
  left: 0rem;
}

.xiansheng_box .firstitem .date {
  width: 100%;
  height: 17rem;
  font-size: 12px;
  font-weight: 400;
  color: #808080;
  line-height: 17rem;
  position: absolute;
  bottom: 17rem;
  left: 0rem;
}

/*******先生结束*********************/

/*****cosmo start********************************/

.root .cosmo-box {
  height: calc(100vh - 70rem);
}

.root .cosmo-box .cosmo-header {
  height: 80rem;
  background-color: #EFEBE8;
}

.root .cosmo-box .cosmo-header .header-wrapper {
  width: 1170rem;
  height: 100%;
  padding: 0 15rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.root .cosmo-box .cosmo-header .header-wrapper .left {
  width: 315rem;
  height: 40rem;
}

.root .cosmo-box .cosmo-header .header-wrapper .right {
  width: 591rem;
  height: 70rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
  /*border: 1rem solid red;*/
}

/*********/
.root .cosmo-box .cosmo-header .header-wrapper .right .g {
  position: relative;
  width: 280rem;
  cursor: pointer;
}

.root .cosmo-box .cosmo-header .header-wrapper .right .cosmo_channel_item .c {
  width: 100%;
  height: 35rem;
  line-height: 35rem;
  display: grid;
  grid-template-columns: 90rem 1rem 90rem;
}

.root .cosmo-box .cosmo-header .header-wrapper .right .cosmo_channel_item {
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: 0rem;
  height: 70rem;
  background: #EFEBE8;
  display: none;

}

.root .cosmo-box .cosmo-header .header-wrapper .right .cosmo_channel_item .cname {

  font-size: 14px;
  font-family: STSongti-SC-Bold, STSongti-SC;
  /*font-weight: bold;*/
  color: #4d4d4d;
  line-height: 35rem;
  text-align: center;

}

.root .cosmo-box .cosmo-header .header-wrapper .right .cosmo_channel_item .cname.active {

  color: #ED287B;

}

.root .cosmo-box .cosmo-header .header-wrapper .right .cosmo_channel_item .line {
  font-size: 14px;
  width: 1rem;
  height: 35rem;
  line-height: 35rem;
  color: #4d4d4d;

}

.root .cosmo-box .cosmo-header .header-wrapper .right .g:hover .cosmo_channel_item {
  display: block;
}

/**********/

.root .cosmo-box .cosmo-header .header-wrapper .right img {
  width: 137rem;
  height: 30rem;
  margin-top: 20rem;
}

.root .cosmo-box .cosmo-list {
  /*height: calc(100vh - 150rem);*/
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30rem;
}

.root .cosmo-box .cosmo-list .list-wrapper {
  width: 1170rem;
  padding: 0 15rem;
  display: flex;
  justify-content: space-between;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item {
  width: 390rem;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .top {
  width: 390rem;
  height: 390rem;
  overflow: hidden;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom {
  width: 390rem;
  height: 390rem;
  background-color: rgba(250, 250, 250, 1);
  position: relative;
  box-sizing: border-box;
  padding-top: 107rem;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom .title {
  margin-left: 48rem;
  margin-right: 48rem;
  color: #4d4d4d;
  font-size: 16px;
  text-align: center;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom .summary {
  margin-top: 20rem;
  margin-left: 48rem;
  margin-right: 48rem;
  color: #808080;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom .read {
  position: absolute;
  bottom: 106rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 65rem;
  height: 21rem;
  border: 1rem solid #000000;
  color: #4d4d4d;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*@media only screen and (max-height: 1080rem) {*/
/*    .root .cosmo-box .cosmo-list .list-wrapper .list-item {*/
/*        width: calc((100vh - 270rem) / 2);*/
/*    }*/

/*    .root .cosmo-box .cosmo-list .list-wrapper .list-item .top {*/
/*        width: calc((100vh - 270rem) / 2);*/
/*        height: calc((100vh - 270rem) / 2);*/
/*    }*/

/*    .root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom {*/
/*        width: calc((100vh - 270rem) / 2);*/
/*        height: calc((100vh - 270rem) / 2);*/
/*    }*/
/*}*/


/********hot start*********/
.hotbox_main {
  width: 1170rem;
  margin: 0 auto;
  margin-top: 60rem;
  position: relative;
}

.hotbox_main .hotbox_top {
  width: 100%;
  height: 348rem;
  position: relative;
}

.hotbox_main .hotbox_top .left .hot1 {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 246rem;
  height: 70rem;
  z-index: 1;
}

.hotbox_main .hotbox_top .left .hot2 {
  position: absolute;
  left: 0rem;
  top: 118rem;
  width: 142rem;
  height: 52rem;
  z-index: 1;
}

.hotbox_main .hotbox_top .left .hotleftbtn {
  position: absolute;
  left: 0rem;
  bottom: 17rem;
  width: 40rem;
  height: 40rem;
  z-index: 1;
}

.hotbox_main .hotbox_top .left .hotrightbtn {
  position: absolute;
  left: 102rem;
  bottom: 17rem;
  width: 40rem;
  height: 40rem;
  z-index: 1;
}

.hotbox_main .hotbox_top .right {
  position: absolute;
  right: 0rem;
  top: 0rem;
  width: 848rem;
  height: 348rem;
  display: flex;
  justify-content: space-between;
}

.hotbox_main .hotbox_top .right .hot_item {
  width: 90rem;
  height: 348rem;
  background: #000000;
  opacity: 0.6;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}

.hotbox_main .hotbox_top .right .hot_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hotbox_main .hotbox_top .right .hot_item.active {
  width: 348rem;
  opacity: 1;
}

.hotbox_main .hotbox_top .right .hot_item .info {
  width: 348rem;
  height: 120rem;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #4d4d4d 100%);
  /*background: red;*/
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  display: none;
}

.hotbox_main .hotbox_top .right .hot_item.active .info {
  display: block;
}

.hotbox_main .hotbox_top .right .hot_item .info .title {
  width: 318rem;
  max-height: 44rem;
  font-size: 16px;
  font-family: PingFangSCSemibold-, PingFangSCSemibold;
  font-weight: normal;
  color: #DCDCDC;
  line-height: 22rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 15rem;
  margin-top: 15rem;
}

.hotbox_main .hotbox_top .right .hot_item .info .summary {
  width: 318rem;
  height: 40rem;
  font-size: 12px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #DCDCDC;
  line-height: 20rem;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 15rem;
  margin-top: 10rem;
}

.hotbox_main .hotbox_top .right .hot_item .info .viewcount {
  width: 318rem;
  height: 14rem;
  font-size: 10px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #DCDCDC;
  line-height: 14rem;
  overflow: hidden;
  margin-left: 15rem;
  margin-top: 10rem;
}

.hotbox_main .hotbox_down {
  width: 100%;
  height: 412rem;
  display: flex;
  justify-content: space-between;
  margin-top: 60rem;
}

.hotbox_main .hotbox_down .hotitem {
  width: 348rem;
  height: 412rem;
}

.hotbox_main .hotbox_down .hotitem .cover {
  width: 348rem;
  height: 233rem;
  overflow: hidden;
}

.hotbox_main .hotbox_down .hotitem .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hotbox_main .hotbox_down .hotitem .info {
  width: 348rem;
  height: 179rem;
  position: relative;
  background: rgba(250, 250, 250, 1);
}

.hotbox_main .hotbox_down .hotitem .info .title {

  width: 308rem;
  height: 44rem;
  font-size: 16px;
  font-family: PingFangSCSemibold-, PingFangSCSemibold;
  font-weight: normal;
  color: #4d4d4d;
  line-height: 22rem;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 20rem;
  margin-top: 20rem;
}

.hotbox_main .hotbox_down .hotitem .info .summary {
  width: 308rem;
  height: 34rem;
  font-size: 12px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #808080;
  line-height: 17rem;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-left: 20rem;
  margin-top: 10rem;
}

.hotbox_main .hotbox_down .hotitem .info .read {
  width: 63rem;
  height: 21rem;
  position: absolute;
  left: 143rem;
  bottom: 30rem;
}


/********hot end *********/

.hotbox_main .hotbox_top .right .hot_item .info .title:hover {
  color: #F40000;
}

.hotbox_main .hotbox_top .right .hot_item .info .summary:hover {
  color: #F40000;
}

.hotbox_main .hotbox_down .hotitem .info .title:hover {
  color: #F40000;
}

.hotbox_main .hotbox_down .hotitem .info .summary:hover {
  color: #F40000;
}

.hotitem img {
  cursor: pointer;
  transition: all 0.6s;
}

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

.root .cosmo-box .cosmo-list .list-wrapper .list-item .top img {
  cursor: pointer;
  transition: all 0.6s;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .top img:hover {
  transform: scale(1.1);
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom .title:hover {
  color: #FF007B;
}

.root .cosmo-box .cosmo-list .list-wrapper .list-item .bottom .summary:hover {
  color: #FF007B;
}

.root .cosmo-box .cosmo-header .header-wrapper .right .cosmo_channel_item .cname:hover {
  color: #ED287B;
}

.xiansheng_box .xiansheng_item:hover .cover img {
  cursor: pointer;
  transition: all 0.6s;
}


.xiansheng_box .xiansheng_item:hover .cover img {
  transform: scale(1.1);
}


.xiansheng_box .xiansheng_item .hbox .title:hover {
  color: #FF1114;
}

.xiansheng_box .xiansheng_item .hbox .summary:hover {
  color: #FF1114;
}

.xiansheng_nav .xiansheng_nav_channel .xiansheng_nav_c_item:hover {
  color: #FF1114;
}

.lvyou_main .left img {
  cursor: pointer;
  transition: all 0.6s;
}

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

.lvyou_main .right .lvyou_box .cover img {
  cursor: pointer;
  transition: all 0.6s;
}

.lvyou_main .right .lvyou_box .cover img:hover {
  transform: scale(1.1);
}

.lvyou_main .right .lvyou_leftbox .title:hover {
  color: #FFCA00;
}

.lvyou_main .right .lvyou_leftbox .summary:hover {
  color: #FFCA00;
}

.lvyou_main .right .lvyou_box .title:hover {
  color: #FFCA00;
}

.lvyou_main .right .lvyou_box .summary:hover {
  color: #FFCA00;
}

.lvyou_nav .lvyou_nav_channel .lvyou_nav_c_item:hover {
  color: #FFCA00;
}

.jiaju_main .jiaju_box .boxmain .title:hover {
  color: #EA8A2D;
}

.jiaju_main .jiaju_box .boxmain .summary:hover {
  color: #EA8A2D;
}

.jiaju_nav .jiaju_nav_channel .jiaju_nav_c_item:hover {
  color: #EA8A2D;
}



.jiaju_main .jiaju_box img {
  cursor: pointer;
  transition: all 0.6s;
}

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

.jk_nav .jk_nav_channel .jk_nav_c_item:hover {
  color: #00A530;
}

.jk_main .firstbox .title:hover {
  color: #00A530;
}

.jk_main .firstbox .summary:hover {
  color: #00A530;
}

.jk_main .secondbox .title:hover {
  color: #00A530;
}

.jk_main .secondbox .summary:hover {
  color: #00A530;
}

.jk_main .secondbox .right img {
  cursor: pointer;
  transition: all 0.6s;
}

.jk_main .secondbox .right img:hover {
  transform: scale(1.1);
}

.jk_main .firstbox .left img {
  cursor: pointer;
  transition: all 0.6s;
}

.jk_main .firstbox .left img:hover {
  transform: scale(1.1);
}

.jk_main .firstbox .left {
  overflow: hidden;
}
/* about */
.about .logoBar {
  height: 80rem;
  width: 1460rem;
  margin: 0 auto;
}
.about .logoBar .miniLogo{
  height: 35px;
}
.about .topBox {
  margin: 0 auto;
}
.about .topBox .firstPageBox {
  height: 700rem;
  width: 1460rem;
  margin: 0 auto;
}
.about .topBox .itemBg {
  width: 1460rem;
  max-height: 700rem;
  transform: none;
  position: static;
}
.about  .infoWrap {
  width: 1460rem;
  margin: 0 auto;
}
.about .section .line1, .about .section .line2 {
  position: relative;
}
.about .section .line1 {
  height: 290rem;
}
.about .section .line2 {
  height: 260rem;
}
.about .section .line1 .left {
  position: relative;
  width: 400rem;
  margin-right: 160rem;
}
.about .section .line1 .right {
  width: 900rem;
  flex: 1;
}
.about .section .line2 {
  margin-top: 100rem;
}
.about .section .line2 .left {
  width: 870rem;
  flex: 1;
}
.about .section .line1 .left img, .about .section .line2 .right img {
  width: 100%;
}
.about .section .line2 .right {
  position: relative;
  width: 400rem;
  margin-left: 190rem;
}
.about .section .items-start .title {
  font-size: 28px;
  font-family: 'SourceHanSansCN_bold';
  margin-bottom: 40px;
}
.about .section .items-start p {
  font-size: 16px;
  font-family: 'SourceHanSansCN_normal';
  line-height: 25px;
}
.about .section .items-start span {
  font-size: 16px;
  font-family: 'SourceHanSansCN_normal';
  line-height: 25px;
  white-space: nowrap;
}
.about .section .line2 .left  .title{
  margin-bottom: 40px;
}
.about .swiperWrap {
  position: relative;
  width: 1460rem;
  margin: 0 auto;
}
.about .swiperWrap .ps {
  width: 180rem;
  height: 370rem;
  /* display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end; */
  position: relative;
  /* font-size: 30px;
  letter-spacing: -1px;;
  font-family: 'SourceHanSerifCN_SemiBold'!important; */
}
.about .swiperWrap .ps div:last-child {
  margin-top: 35px;
  white-space: nowrap;
}
.about .swiperWrap .ps::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  right: -30rem;
  top: 0;
  width: 2px;
  background-color: #4d4d4d;
}
.about .swiperWrap::before {
  position: absolute;
  top: 45rem;
  width: 1460rem;
  content: "";
  display: block;
  height: 2px;
  background-color: #4d4d4d;
  left: 50%;
  transform: translateX(-50%);
}
.about .swiperWrap::after {
  position: absolute;
  width: 1460rem;
  bottom: 45rem;
  content: "";
  display: block;
  height: 2px;
  background-color: #4d4d4d;
  left: 50%;
  transform: translateX(-50%);
}
.about .swiperWrap .swiper {
  width: 1200rem;
  margin: 0;
}
.about .swiperWrap .swiper .swiper-slide {
  background: rgba(250, 250, 250, 1);
}
.about .swiperWrap .swiper .swiper-slide .img {
  width: 226rem;
  height: 295rem;
}
.about .swiperWrap .swiper .swiper-slide .title {
  font-size: 17px;
  margin-top: 10px;
  white-space: nowrap;
  color: #4d4d4d;
  font-family: 'SourceHanSansCN_heavy'!important;
}
.about .swiperWrap .swiper .swiper-slide .subTitle {
  color: #4d4d4d;
  font-size: 16px;
  font-family: 'SourceHanSerifCN_light'!important;
}
.about .swiperWrap .swiper-button-prev1 {
  position: absolute;
  top: 215rem;
  left: 210rem;
  width: 50rem;
  height: 50rem;
  z-index: 8;
}
.about .swiperWrap .swiper-button-next1 {
  position: absolute;
  top: 215rem;
  right: -50rem;
  width: 50rem;
  height: 50rem;
  z-index: 8;
}
.cosmoroot {
  width: 1460rem;
}