/* 新华网专题通用css框架。*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
  color: #333;
  background-color: #eee;
  line-height: 1.8em;
}

.title {
  margin-top: 50px;
  margin-bottom: 60px;
  background-repeat: no-repeat;
  background-size: cover;
}

a {
  text-decoration: none;
  color: #fff;
}
a:hover {
  text-decoration: underline;
}
a:link {
  cursor: pointer;
}
body,
ul,
li,
input,
img,
a,
dl,
dt,
dd,
textarea,
button,
input,
select {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-family: Arial, Helvetica, "苹方-简", "微软雅黑";
  font-weight: normal;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  border: 0;
  height: auto;
  width: auto;
}
li {
  list-style: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pointer {
  cursor: pointer;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.block-center {
  margin-left: auto;
  margin-right: auto;
}
/*字号定义部分*/
.font-lg,
.font-lg a {
  font-size: 28px;
}
.font-md,
.font-md a {
  font-size: 20px;
}

.font-sm,
.font-sm a {
  font-size: 16px;
}

.limit-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.limit-line.line1 {
  white-space: nowrap;
  display: block;
  -webkit-box-orient: inherit;
}
.limit-line.line2 {
  -webkit-line-clamp: 2;
}
.limit-line.line3 {
  -webkit-line-clamp: 3;
}
.limit-line.line4 {
  -webkit-line-clamp: 4;
}
.limit-line.line5 {
  -webkit-line-clamp: 5;
}
.limit-line.line6 {
  -webkit-line-clamp: 6;
}

.show-xs {
  display: none;
}
.show-lg {
  display: block;
}
.bg-xinhua-bar {
  background-color: #A50D00;
  min-width: 1188px;
}
.top-bar {
  height: 60px;
  color: #ffffff;
  text-decoration: none;
  padding-left: 14px;
  margin: 0 auto;
  position: relative;
  width: 1200px;
}
.top-bar a {
  color: #ffffff;
}
.top-bar .container {
  width: 1188px;
}
.top-bar ul li {
  list-style: none;
  float: left;
  line-height: 60px;

  min-width: 46px;
  text-align: center;
}
.top-bar ul li a {
  margin-right: 5px;
  font-size: 15px;
}
.footer {
  color: #ffffff;
  background: #A50D00;
  line-height: 50px;
  font-size: 12px;
  margin: 0 auto;
}

.banner {
  height: auto;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
.banner .pc img {
  width: 1920px;
  height: 1082px;
  max-width: inherit;
  max-height: inherit;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
}
.banner .m img {
  width: 7.5rem;
  height: auto;
  max-width: inherit;
  max-height: inherit;
  /* transform: translateX(-50%); */
  position: relative;
  /* left: 50%; */
}
.more {
  text-align: right;
  margin-top: 7px;
}
.more a {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
/*主要页面容器相关*/
.page-container {
  min-width: 1200px;
}
.container {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}
.container::before {
  content: " ";
  display: table;
}
.bg-max-container {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
}



@media (max-width: 768px) {
  body,
  ul,
  li,
  input,
  img,
  a,
  dl,
  dt,
  dd,
  textarea,
  button,
  input,
  select {
    font-size: 0.28rem;
  }

  .show-lg {
    display: none;
  }
  .show-xs {
    display: block;
  }
  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
  }
  .block {
    padding-top: 10px;
  }
  .page-container {
    min-width: auto;
    background: #fff;
  }
  .container {
    /* margin: 0 0.32rem; */
    width: auto;
    overflow: hidden;
  }
  .bg-max-container {
    padding: 0.2rem 0;
  }

  .font-lg,
  .font-lg a {
    font-size: 0.34rem;
  }
  .font-md,
  .font-md a {
    font-size: 0.28rem;
  }

  .font-sm,
  .font-sm a {
    font-size: 0.24rem;
  }
  .more {
    text-align: center;
  }
  .more a {
    font-size: 0.28rem;
    font-weight: 400;
    color: #fffefe;
  }
  .footer {
    background: #A50D00;
  }
}


.sh-container .video-img .video-poster {
  width: 100%;
  height: 100%;
  display: block;
 }
 .sh-container .video-img .video-wrapper {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }
 

/* PC ：title与 block-background样式 */
.title{
  width: 546px;
  height: 117px;
  background-size: 100% 100%;
  margin: 0 auto;
}
.title.title-sh {
  background: url("../img/title-sh.png") no-repeat center;
  margin-bottom: 0px;
}
.title.title-wl {
  background: url("../img/title-wl.png") no-repeat center;
  margin-bottom: 0px;
}
.title.title-mx {
  background: url("../img/title-mx.png") no-repeat center;
  margin-bottom: 87px;
}
.title.title-cp {
  background: url("../img/title-cp.png") no-repeat center;
  margin-bottom: 57px;
}

.block-sh {
  background: url("../img/bg-sh.jpg") no-repeat top center;
  background-size: cover;
  min-height: 1147px;
  background-position: top center;
  padding-top: 53px;
  padding-bottom: 43px;
  margin-top: -1px;
}
.block-wl {
  background: url("../img/bg-wl.jpg") no-repeat top center;
  background-size: cover;
  min-height: auto;
  background-position: top center;
  padding-top: 108px;
  padding-bottom: 124px;
  margin-top: -1px;
}
.block-mx {
  background: url("../img/bg-mx.jpg") no-repeat top center;
  background-size: cover;
  /* min-height: 2255px; */
  background-position: top center;
  padding-top: 130px;
  padding-bottom: 80px ;
  margin-top: -1px;
}
.block-cp {
  background: url("../img/bg-cp.jpg") no-repeat top center;
  background-size: cover;
  background-position: top center;
  padding-top: 57px;
  padding-bottom: 60px;
  margin-top: -1px;
}

/* 区块more begin */
.btn-more {
	margin: 50px auto 0;
	width: 150px;
}

.btn-h-e {
	font-size: 16px;
	border-radius: 5px;
	color: #fff;
	letter-spacing: 0;
	line-height: 1;
	background-color: #a50319;
	width: 100%;
	text-align: center;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 30px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	text-decoration: none;
	overflow: hidden;
}

.btn-h-e::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: .2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	display: block;
	width: 300px;
	height: 300px;
	content: "";
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	background-color: rgb(255 255 255 / .15);
	border-radius: 50%;
	z-index: -1;
}

.btn-h-e::after {
	position: absolute;
	top: 40%;
	left: 50%;
	transition: opacity .2s linear .2s, -webkit-transform .2s linear .2s;
	transition: transform .2s linear .2s, opacity .2s linear .2s;
	transition: transform .2s linear .2s, opacity .2s linear .2s, -webkit-transform .2s linear .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	content: "»";
	font-size: 50px;
	font-weight: 900;
	line-height: inherit;
	color: transparent;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	background-color: rgb(255 255 255 / .15);
	border-radius: 50%;
	opacity: 0;
	z-index: -1;
}

.btn-h-e:hover {
	color: transparent;
}

.btn-h-e:hover::before,
.btn-h-e:hover::after {
	transition-duration: .15s;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	color: #fff;
}

/* 区块more end */

/* 移动端 ：title与 block-background样式 */
@media (max-width: 768px) {
 
  .title{
    width: 4.376rem;
    height: .936rem;
  }
  .title.title-sh {
    background: url("../img/title-sh-m.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: .32rem;
    margin-bottom: .32rem;
  }

  .title.title-wl {
    background: url("../img/title-wl-m.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: 1rem;
    margin-bottom: .23rem;
  }

  .title.title-mx {
    background: url("../img/title-mx-m.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: .96rem;
    margin-bottom: 0.81rem;

  }
  .title.title-cp {
    background: url("../img/title-cp-m.png") no-repeat center;
    background-size: 100% 100%;
    margin-top: .45rem;
    margin-bottom: 0.23rem;
  }
  .block-sh {
    background: url("../img/bg-sh-m.jpg") no-repeat top center;
    background-size: cover;
    min-height: auto;
    padding-top: 0rem;
    padding-bottom: .5rem;
  }
  .block-wl {
    background: url("../img/bg-wl-m.jpg") no-repeat top center;
    background-size: cover;
    min-height: auto;
    padding-top: 0rem;
    padding-bottom: .27rem;
  }
  .block-mx {
    background: url("../img/bg-mx-m.jpg") no-repeat top center;
    background-size: cover;
    min-height: 22.23rem;
    padding-top: 0rem;
    padding-bottom: .21rem;
  }
  .block-cp {
    background: url("../img/bg-cp-m.jpg") no-repeat bottom center;
    background-size: cover;
    padding-top: 0rem;
    padding-bottom: 1.58rem;
  }
  .more {
    text-align: center;
  }
  .more a {
    font-size: 0.28rem;
    font-weight: 400;
    color: #fffefe;
  }
  
  /* 区块more begin */
	.btn-more {
		margin: .4rem auto 0;
		width: 1.8rem;
	}

	.btn-h-e {
		font-size: .26rem;
		border-radius: .1rem;
		color: #fff;
		letter-spacing: 0;
		line-height: 1;
		background-color: #a50319;
		width: 100%;
		text-align: center;
		transition-property: all;
		transition-duration: .2s;
		transition-timing-function: linear;
		transition-delay: 0s;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: .26rem 0;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		text-decoration: none;
		overflow: hidden;
	}

	.btn-h-e::before {
		position: absolute;
		top: 50%;
		left: 50%;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		transition-duration: .2s;
		transition-timing-function: linear;
		transition-delay: 0s;
		display: block;
		width: 3rem;
		height: 3rem;
		content: "";
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		background-color: rgb(255 255 255 / .15);
		border-radius: 50%;
		z-index: -1;
	}

	.btn-h-e::after {
		position: absolute;
		top: 40%;
		left: 50%;
		transition: opacity .2s linear .2s, -webkit-transform .2s linear .2s;
		transition: transform .2s linear .2s, opacity .2s linear .2s;
		transition: transform .2s linear .2s, opacity .2s linear .2s, -webkit-transform .2s linear .2s;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		content: "»";
		font-size: .8rem;
		font-weight: 900;
		line-height: inherit;
		color: transparent;
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		background-color: rgb(255 255 255 / .15);
		border-radius: 50%;
		opacity: 0;
		z-index: -1;
	}

	.btn-h-e:hover {
		color: transparent;
	}

	.btn-h-e:hover::before,
	.btn-h-e:hover::after {
		transition-duration: .15s;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
		color: #fff;
	}

	/* 区块more end */
}


/*********** 为美好梦想作答 *************/
.mx-container{
  margin: 0 auto;
}
.mx-container .row-item{
  width: 1200px;
  height: 255px;
  position: relative;
  display: flex;
  margin-bottom: 67px;
  color: #666666;
  background: url('../img/text-bg.png') no-repeat top left;
  background-size: 100% 100%;
}
.mx-container .row-item:last-child{
  margin-bottom: 0;
}
.mx-container .row-img {
  width: 465px;
  height: 259px;
  border-radius: 20px;
  margin-right: 29px;
  position: absolute;
  top: -30px;
  border: 3px solid #fef2c8;
  background-color: #fef2c8;
}
.mx-container .row-img img{
  width: 465px;
  height: 259px;
  border-radius: 20px;
}
.mx-container .row-img.row-img-1, .mx-container .row-img.row-img-3, .mx-container .row-img.row-img-5{
  left: 14px;
}
.mx-container .row-img.row-img-2,.mx-container .row-img.row-img-4,.mx-container .row-img.row-img-6{
  right: -14px;
}
.mx-container .row-item-1 , .mx-container .row-item-3, .mx-container .row-item-5{
  padding: 45px 36px 0 508px;
}
.mx-container .row-item-2,.mx-container .row-item-4,.mx-container .row-item-6{
  padding: 45px 509px 0 35px ;
}
.mx-container .row-item:nth-child(odd) .row-img{
  left: 14px;
}
.mx-container .row-item:nth-child(even) .row-img{
  right: -14px;
}
.mx-container .row-item:nth-child(odd){
  padding: 45px 36px 0 508px;
}
.mx-container .row-item:nth-child(even){
  padding: 45px 509px 0 35px ;
}
.mx-container .row-title{
  font-size: 20px;
  font-weight: bold;
  line-height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-box-orient: inherit;
  max-width: 632px;
  color: #B3271B;
  border-bottom: 1px #B3271B solid;
}
.mx-container .row-title a{
  font-size: 20px;
  font-weight: bold;
  color: #B3271B;
}
.mx-container .row-desc{
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-top: 30px;
}
.mx-container .row-desc a{
  font-size: 14px;
  color: #666666;
}
@media (max-width: 768px) {
  .mx-container .row-item{
    width: 6.80rem;
    height: 5.85rem;
    margin: 0 auto;
    margin-bottom: .88rem;
    background: url('../img/text-bg-m.png') no-repeat top left;
    background-size: 100% 100%;
    padding: 0rem .21rem !important;
    display: block !important;
    padding-top:1px !important;
  }

  .mx-container .row-img{
    width: 6.36rem;
    height: 3.54rem;
    position: static;
    margin-top: -.51rem;
    border-radius: .2rem;
    border: .03rem solid #fef2c8;
  }
  .mx-container .row-img img{
    width: 6.36rem;
    height: 3.54rem;
    border-radius: .2rem;
  }
  .mx-container .row-title{
    font-size: .28rem;
    font-weight: bold;
    line-height: .8rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    
  }
  .mx-container .row-title a{
    font-size: .28rem;
    font-weight: bold;
  }
  .mx-container .row-desc{
    margin-top: .30rem;
    font-weight: 400;
    font-size: .24rem;
    line-height: .38rem;
    color: #666666;
  }
  .mx-container .row-desc a{
    font-size: .24rem;
    color: #666666;
  }

}


/************* 为美好生活作答 *************/
.sh-container{
  margin: 70px auto 0;
}
.sh-container .sh-video{
  width:1199px;
  height:864px;
  background: url('../img/video-module-bg.png') no-repeat top left;
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom:63px ;
}
.sh-container .video-img {
  position: relative;
  width: 1054px;
  height: 587px;
  position: absolute;
  top: 33px;
  left: 50%;
  margin-left: -527px;
}
.sh-container .video-img img{
  width: 1054px;
  height: 587px;
  border-radius: 20px;
}
.sh-container .sh-video .bar{
  width: 1054px;
  height: 59px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -527px;
  background: rgba(0, 0, 0, .6);
  font-size: 22px;
  color: #FFF;
  font-weight: bold;
  line-height: 59px;
  text-align: center;
  border-radius: 0 0 20px 20px;
  display: block;
}
.sh-container .video-card {
  width: 1138px;
  height: 148px;
  background: url(../img/card-bg.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 61px;
  font-weight: 400;
  font-size: 17px;
  color: #FFFFFF;
  padding: 25px 77px 0 35px;
  box-sizing: border-box;
  line-height: 30px;
}
.sh-container .video-card-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.sh-container .video-card-title a{
  font-weight: bold;
  font-size: 20px;
}
.video-img video {
  border-radius: 20px;
}
.sh-container .video-img .icon-play {
  width: 126px;
  height: 126px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: block;
}

.sh-container .video-img .video-poster {
  width: 100%;
  height: 100%;
  display: block;
 }
 .sh-container .video-img .video-wrapper {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }

@media (max-width: 768px) {
  .sh-container{
    margin: 0 auto 0;
  }
  .sh-container .video-img .icon-play {
    width: 1.2rem;
    height: 1.2rem;
  }
  .sh-container .sh-video{
    width: 7.36rem;
    height: 6.48rem;
    margin: .32rem auto 0;
    background: url(../img/mobile-video-module-bg.png) no-repeat center;
    background-size: 100% 100%;
  }
  .sh-container .video-img {
    width: 6rem;
    height: 3.35rem;
    left: 50%;
    margin-left: -3rem;
    top: .18rem;
  }
  .video-img video {
    border-radius: .2rem;
  }
  .sh-container .sh-video .bar {
    width: 100%;
    height: .64rem;
    border-radius: 0 0 .2rem .2rem;
    font-size: .25rem;
    margin-left: -3rem;
    line-height: .64rem;
  }
  .sh-container .video-img img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: .2rem;
  }
  .sh-container .video-card {
    width: 6.45rem;
    height: 2.13rem;
    background: linear-gradient(90deg, #FB7E50 0%, #F7A24A 99%);
    border-radius: .2rem;
    border: 2px solid #FFF5C3;
    bottom: .59rem;
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .36rem;
    padding: .3rem .4rem 0 .28rem;
    box-sizing: border-box;
  }
  .sh-container .video-card-title {
    font-size: .28rem;
  }
  .sh-container .video-card-title a{
    font-size: .28rem;
  }
  .sh-container .img-text{
    width: 6.84rem;
    height: 7.96rem;
    margin: 0 auto;
    display: block;
    padding: .45rem .31rem 0 .32rem;
  }
  .sh-container .text-container {
    margin-right: 0;
    margin-bottom: .24rem;
  }
  .sh-container .text-container .text-title{
    font-size: .34rem;
    text-indent: 1em;
  }
  .sh-container .text-container .desc{
    width: 6.08rem;
  }
  .sh-container .text-container .desc p a{
    font-size: .28rem;
    line-height: .48rem;
  }
  .sh-container .img-right{
    width: 6.21rem;
  }
  .sh-container .img-right img{
    width: 6.21rem;
    height: 3.50rem;
  }

}



/************* 为美好未来作答 *************/
#widget_2{
  position: relative;
  padding: 0 73.5px;
}
.wl-container {
  margin-top: 75px;
}
#widget_2 .swiper-container {
  padding-bottom:86px;
}
.wl-container .slide-content {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 3px solid #fef2c8;
  position: relative;
}
.wl-container .slide-content .bar{
  width: 100%;
  height: 59px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50%;
  background: rgba(0, 0, 0, .3);
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  line-height: 59px;
  text-align: center;
  border-radius: 0 0 20px 20px;
  display: block;
}

.wl-container .swiper-slide-active .slide-content{
 box-shadow: 0px 37px 78px 5px rgba(107, 15, 8, 0.39);
}

.wl-container .swiper-button-prev {
  width: 38px;
  height: 45px;
  background-size: 38px 45px;
  background-image: url(../img/left.png);
  top: 43%;
}
.wl-container .swiper-button-next {
  width: 38px;
  height: 45px;
  background-size: 38px 45px;
  background-image: url(../img/right.png);
  top: 43%;
}
.wl-container #widget_2 .slide-content img{
  width: 100%;
  height: 100%;
  display: block;
}
.wl-container .card-list {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.wl-container .card-item {
  width: 592px;
  height: 165px;
  background: url(../img/card-bg2.png) no-repeat center;
  background-size: 100% 100%;
  padding: 4px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
.wl-container .card-text {
  padding: 26px 41px 0 20px;
  font-size: 16px;
  box-sizing: border-box;
}
.wl-container .card-text a{
  font-size: 16px;
}
.wl-container  .card-time {
  width: 100%;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  margin-top: 30px;
}
.wl-container .card-item img {
  width: 293px;
  height: 157px;
  display: block;
  flex-shrink: 0;
}
.wl-container .img-text{
  width: 1055px;
  height: 320px;
  background: linear-gradient(150deg, #FDF0DA 1%, #FFFFF7 99%);
  margin: 0 auto;
  display: flex;
  padding: 26px 27px 0 52px;
}
.wl-container .text-container {
  margin-right: 47px;
}
.wl-container .text-container .text-title{
  font-size: 24px;
  font-weight: bold;
  color: #111111;
  margin-bottom: 18px;
  max-width: 452px;
}
.wl-container .text-container .desc{
  text-indent: 2em;
  width: 452px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}
.wl-container .text-container .desc p a{
  font-size: 18px;
  font-weight: 400;
  color: #111111;
  line-height: 35px;
  text-align: justify;
}
.wl-container .img-right{
  width: 477px;
  flex-wlrink: 0;
}
.wl-container .img-right img{
  width: 477px;
  height: 269px;
}
.wl-container .swiper-pagination{
  bottom: 44px;
}
.swiper-pagination .swiper-pagination-bullet{
  margin-right: 15px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #FDF1C8;
} 


@media (max-width: 768px) {
  .wl-container{
    margin-top: 0;
  }
  #widget_2{
    position: relative;
    width: 6.84rem;
    height: 3.81rem;
    border-radius: .2rem;
    margin: 0 auto;
    padding: 0;
  }
  #widget_2 .swiper-container {
    width: 6.84rem;
    padding-bottom: 0;
  }
  .wl-container .slide-content {
    border-radius: .2rem;
  }
  .wl-container .slide-content .bar{
    width: 100%;
    height: .64rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    background: rgba(0, 0, 0, .6);
    font-size: .25rem;
    color: #FFF;
    font-weight: bold;
    line-height: .64rem;
    text-align: center;
    border-radius: 0 0 .2rem .2rem;
    display: block;
  }
  .wl-container .swiper-slide-active .slide-content {
    box-shadow: unset;
  }
  .wl-container .slide-content .bar a{
    font-size: .25rem;
    color: #FFF;
    font-weight: bold;
  }
  #widget_2 .swiper-container .swiper-slide{
    width: 100%;
    height: 3.81rem;
  }
  .wl-container .swiper-pagination{
    position: static;
  }
  #widget_2 .swiper-button-prev , #widget_2 .swiper-button-next{
    width: .33rem;
    height: .39rem;
    display: none;
  }
  .wl-container .wl-video .bar{
    width: 6.84rem;
    height: .55rem;
    bottom: .18rem;
    margin-left: -3.42rem;
    font-size: .28rem;
    line-height: .55rem;
  }
  .wl-container .img-text{
    width: 6.84rem;
    height: 7.96rem;
    margin: 0 auto;
    display: block;
    padding: .45rem .31rem 0 .32rem;
  }
  .wl-container .text-container {
    margin-right: 0;
    margin-bottom: .24rem;
  }
  .wl-container .text-container .text-title{
    font-size: .34rem;
    text-indent: 1em;
  }
  .wl-container .text-container .desc{
    width: 6.08rem;
  }
  .wl-container .text-container .desc p a{
    font-size: .28rem;
    line-height: .48rem;
  }
  .wl-container .img-right{
    width: 6.21rem;
  }
  .wl-container .img-right img{
    width: 6.21rem;
    height: 3.50rem;
  }
  .wl-container .card-list {
    width: 100%;
    padding: 0 .32rem;
    box-sizing: border-box;
    display: block;
    margin-top: .72rem;
  }
  .wl-container .card-item {
    width: 100%;
    height: 1.65rem;
    background: url(../img/mobile-card-bg2.png) no-repeat center;
    background-size: 100% 100%;
    padding: 2px;
    font-size: .28rem;
    line-height: .42rem; 
  }
  .wl-container .card-item:first-child {
    margin-bottom: .4rem;
  }
  .wl-container .card-item img {
    width: 2.93rem;
    height: 100%;
  }
  .wl-container .card-text {
    padding: .2rem .3rem 0 .15rem;
  }
  .wl-container .card-time {
    display: none;
  }
}

/************* 美好产品集锦 *************/
.block-cp .card-row{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
}
.block-cp .card-row .card-item{
  margin-bottom: 42px;
  flex-shrink: 0;
}
.block-cp .card-row .card-item img{
  width: 550px;
  height: 370px;
  box-shadow: 0px 17px 27px 0px rgba(68, 52, 50, 0.33);
  border-radius:20px;
}
@media (max-width: 768px) {
  .block-cp .card-row{
      width: 6.82rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 auto;
  }
  .block-cp .card-row .card-item{
      margin-bottom: .4rem;
      flex-shrink: 0;
  }
  .block-cp .card-row .card-item img{
      width: 3.2rem;
      height: 2.1rem;
      border-radius: .2rem;
  }

}

/************* 子页面样式 *************/
.news-item {
  padding: 10px 5px 12px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .news-item {
    padding: 0.1rem 0.05rem 0.15rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.1rem;
  }
}