.mt-content-percent {
margin-top: -58%!important;
}
/** 头æ¡å…³æ³¨ */
.toutiao {
width: 100%;
height: 600px;
background: #ffffff;
position: relative;
z-index: 2;
padding: 35px 20px 80px 20px;
display: flex;
justify-content: space-between;
}
.toutiao .con-left-part {
width: 864px;
height: 487px;
}
.toutiao .con-right-part {
width: 360px;
height: 487px;
}
.toutiao .con-right-part li{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
}
.toutiao .con-right-part li:nth-child(1) {
padding-top: 0px;
}
.toutiao .con-right-part li:nth-child(7) {
padding-bottom: 0px;
border-bottom: none;
}
.toutiao .con-right-part li a{
font-size: 20px;
color: #333333;
}
.toutiao .more {
display: inline-block;
color: #d0121b;
background: no-repeat right center;
padding-right: 25px;
position: absolute;
right: 20px;
bottom: 25px;
}
.toutiao .toutiao-swiper {
position: relative;
}
.toutiao .swiper-button-prev {
display: inline-block;
width: 44px;
height: 70px;
position: absolute;
left: 0px;
top: 50%;
margin-top: -35px;
}
.toutiao .swiper-button-next {
display: inline-block;
width: 44px;
height: 70px;
position: absolute;
right: 0px;
top: 50%;
margin-top: -35px;
}
.toutiao .swiper-button-prev:after {
content: '';
}
.toutiao .swiper-button-next:after {
content: '';
}
/*主题教育*/
.ztjy {
margin-top: -20px;
width: 100%;
/* height: 785px;
background: no-repeat;*/
padding: 0px 0px 15px 0px;
position: relative;
}
.ztjy .swiper-button-prev {
display: inline-block;
position: absolute;
left: -70px;
top: 390px;
width: 44px;
height: 90px;
}
.ztjy .swiper-button-next {
display: inline-block;
position: absolute;
right: -70px;
top: 390px;
width: 44px;
height: 90px;
}
.ztjy .swiper-button-prev:after {
content: '';
}
.ztjy .swiper-button-next:after {
content: '';
}
.ztjy-swiper .sub-row{
position: relative;
margin-top: 30px;
}
/* .ztjy-swiper .sub-column{
position: absolute;
bottom:0;
} */
.title_xydt{
margin-top: -30px;
}
.sub-image-content .img-bottom-title{
/* height: 80px; */
position: absolute;
bottom:0;
width: 100%;
background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0.5));
}
.sub-image-content .img-bottom-title a{
color: #fff;
}
/*tab切æ¢æ¨¡å—*/
.nav-container {
background: #feefd4;
width: 770px;
/* border-top: 1px solid #d25e55; */
line-height: 55px;
display: flex;
margin-top: 80px;
margin-bottom: 50px;
position: relative;
margin-left: auto;
margin-right: 15px;
transform: skew(335deg, 0deg);
}
.nav-container .nav-item {
width: 25%;
text-align: center;
font-size: 24px;
font-weight: bold;
position: relative;
cursor: pointer;
}
/* å—ä½“æ‰¶æ£ */
.nav-container .nav-item .nav-item-title {
transform: skew(203deg);
}
.nav-container .nav-item.focus {
color: #ffffff;
background: #d25e55;
}
.nav-container .nav-item:before {
content: "";
position: absolute;
right: 0;
top: 15px;
bottom: 15px;
width: 1px;
background-color: #d25e55;
}
.nav-container .nav-item:nth-child(4):before {
width: 0px;
}
.nav-part-content .con-left-part {
width: 435px;
height: 475px;
background: #fffdf4;
padding: 72px 52px 30px 40px;
}
.nav-part-content .con-left-part .part-title {
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #a2a2a2;
padding-bottom: 37px;
}
.nav-part-content .con-left-part .part-content {
font-size: 18px;
margin-top: 32px;
letter-spacing: 1px;
line-height: 27px;
text-align: justify;
}
.nav-part-content .con-left-part .more {
display: inline-block;
color: #d0121b;
background: no-repeat right center;
padding-right: 25px;
position: absolute;
right: 0px;
bottom: 0px;
}
.nav-part-content .con-left-part .part-bottom {
height: 20px;
position: relative;
margin-top: 146px;
}
.nav-part-content .con-right-part {
width: 845px;
height: 475px;
}
.nav-part-content .three-items {
}
.nav-part-content .three-items .part-item {
width: 408px;
height: 505px;
background: #fffdf4;
display: flex;
flex-direction: column;
position: relative;
}
.nav-part-content .three-items .item-img {
width: 408px;
height: 240px;
}
.nav-part-content .three-items .split-line {
width: 350px;
height: 1px;
background: #ae200c;
margin: 20px auto 25px auto;
}
.nav-part-content .three-items .part-item .item-title {
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
font-weight: bold;
}
.nav-part-content .three-items .part-item .item-content {
height: 100px;
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
font-size: 16px;
color: #323333;
line-height: 25px;
text-align: justify;
}
.nav-part-content .three-items .part-item .part-bottom {
height: 20px;
position: relative;
}
.nav-part-content .three-items .part-item .more {
display: inline-block;
color: #d0121b;
background: no-repeat right center;
position: absolute;
right: 30px;
bottom: 20px;
width: 18px;
height: 12px;
}
/*å›¾ç‰‡åŠ çº¢è‰²è¾¹æ¡†*/
.sub-image-border {
padding: 10px;
border: 1px solid #c01920;
border-radius: 20px;
}
/*å½±åƒå…´ä¸š*/
.yxxy .img-title-ext {
background: none;
background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
width: 313px;
margin-left: 10px;
margin-bottom: 10px;
padding-top: 5px;
}
.yxxy-right-part {
display: flex;
flex-direction: column;
width: 551px;
}
.yxxy-right-part .part-title {
font-weight: bold;
font-size: 20px;
line-height: 50px;
background: #ffffff;
padding: 0 35px;
text-align: left;
}
.yxxy-right-part .part-content {
font-size: 14px;
background: #ffffff;
line-height: 25px;
height: 57px;
padding: 0 35px;
}