/* topNav */
.navTop{position: fixed; top: 0;z-index: 99;width: 100%;height: 60px;color: #BD1A2D;}
.navTop .menu-content{ margin: 10px auto; display: flex; flex-direction: row;}
.navTop .menu-logo{width: 100px;}
.navTop .menu-content .menu-navbar{width: 700px;margin:0 220px 0 40px;}
.navTop .menu-content .menu-navbar ul{ display: flex;justify-content: space-around;width: 100%;}
.navTop .menu-content .menu-navbar ul li{list-style: none;line-height: 40px;width: 100px;text-align: center;height: 40px;}
.navTop .menu-content .menu-navbar ul li a{ font-size: 14px; font-weight: 600; color: #BD1A2D;}
.navTop .menu-content .menu-navbar ul li .active-item{border-bottom: 4px solid #BD1A2D;padding: 0 0 17px 0;}
.menu-telImage{line-height: 40px;width: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.menu-telImage img{margin-right: 10px;}
/* banner */
.bannerNavTop{width: 100%;position: relative;}
.bannerNavTop img{width: 100%;height: auto;}
/* banner-nav */
.banner-nav{width: 100%;height: 100px; position: absolute; top: 55%;z-index: 12;background: url(../images/partyPage/img_qydj_dh.png) no-repeat; background-size: 100% 100%;}
.banner-nav ul{width: 35%;padding-top: 50px;margin: 0 auto;padding-left: 10%;}
.banner-nav ul li{float: left; padding: 0px 3%;}
.banner-nav ul li a{color: #fff;}
/* target */
.target{width: 100%;background: url(../images/partyPage/img_djmb_bg.png) no-repeat; background-size: 100% 100%;}
.target-content{width: 70%; margin: 0 auto;text-align: center; padding:100px 0;}
.target-title{margin-bottom: 70px;}
.target-title h2{color: #E4443A;}
.target-list{width: 100%;}
.target-list p {font-size: 24px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #E4443A;line-height: 36px;letter-spacing: 1px;}

/* main-contetn */
.main-contetn{width: 100%;background: url(../images/partyPage/img_djmb_bg（1）.png) no-repeat; background-size: 100% 100%;}

/* theory */
.theory{width: 100%;overflow: hidden}
.theory-content{width: 70%; margin: 0 auto;text-align: center; padding:50px 0;}
.theory-title{margin-bottom: 70px;}
.theory-title h2{color: #fff;background: url(../images/partyPage/img_titlebg.png) no-repeat; background-size: 100% 100%;height: 45px;line-height: 45px;}
.theory-list{width: 100%;overflow: hidden;}
.theory-list p {height: 72px;font-size: 24px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #E4443A;line-height: 36px;letter-spacing: 1px;}
.theory-list ul{width: 100%;overflow: hidden;}
.theory-list ul li{text-align: left; width: 44%; margin-left: 2%;margin-bottom: 30px;overflow: hidden;float: left;padding: 20px;background-color: rgba(255, 255, 255, 0.45);}
.theory-list ul li h4{margin-bottom: 12px; height: 28px; font-size: 18px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600;color: #E4443A;line-height: 28px;letter-spacing: 1px;}
.theory-list ul li p{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3; -webkit-box-orient: vertical;display: -webkit-box; height: 90px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;color: #E4443A;line-height: 26px; letter-spacing: 1px;}
.theory-list ul li .theory-list-dateBtn{display: flex;justify-content: space-between;}
.theory-list ul li .theory-list-dateBtn span{height: 17px;font-size: 12px;font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;color: #666666;line-height: 17px;}
.theory-list ul li .theory-list-dateBtn a{height: 17px;font-size: 14px;font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;color: #666666;line-height: 17px;}
.theory-list ul li .theory-list-dateBtn a span{display: inline-block;border:5px solid;border-color: #fff #fff #fff #666;;width: 0;height: 0;}
.theory-list ul li:hover{box-shadow: 0px 15px 20px 0px rgba(129,0,0,0.05);border-left:3px solid  #E4443A;background-color: #fff;}
.theory-list ul li:hover h4{color: #E4443A;}
.theory-list ul li:hover  .theory-list-dateBtn a{color: #E4443A;}
.theory-list ul li:hover  .theory-list-dateBtn a span{border-color: #fff #fff #fff #E4443A;}
/* company */
.company{width: 100%;}
.company-img img{width: 100%;margin-bottom: 10px;}
.company-content{width: 70%; margin: 0 auto;text-align: center; padding:50px 0;}
.company-title{margin-bottom: 70px;}
.company-title h2{color: #fff;background: url(../images/partyPage/img_titlebg.png) no-repeat; background-size: 100% 100%;height: 45px;line-height: 45px;}
.company-list{width: 100%;display: flex;height: 300px;}
.company-list .company-list-img{width: 50%;}
.company-list .company-list-img img{width: 100%;height: 100%;}
.company-list-allLists{width: 70%;}
.company-list-allLists ul li{height: 75px; }
.company-list-allLists ul li .company-news-detail{height: 100%; width: 90%;margin: 0 auto; display: flex;justify-content: space-between;}
.company-list-allLists ul li .company-news-detail .company-news-detail-left{display: flex;width: 68%;}
.company-list-allLists ul li .company-news-detail .company-news-detail-left span{margin-top: 32px; display: inline-block; width: 0;  height: 0;border: 5px solid;border-color:#F2F2F2  #F2F2F2 #F2F2F2 #E4443A;}
.company-list-allLists ul li .company-news-detail .company-news-detail-left h4{width: 100%;text-align: left;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; height: 28px; font-size: 18px;font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333;margin-top: 25px;letter-spacing: 1px;}
.company-list-allLists ul li   .company-news-detail div:nth-child(2) span{line-height: 75px;}
.company-list-allLists ul li:hover{cursor: pointer;}
.company-list-allLists ul li:hover .company-news-detail .company-news-detail-left h4{color: #BD1A2D;}
.company-list-allLists ul li:hover .company-news-detail div:nth-child(2) span{color: #BD1A2D;}

/* study */
.study{width: 100%;background-color: #fff;}
.study-content{width: 70%; margin: 0 auto;text-align: center; padding:50px 0;}
.study-title{margin-bottom: 70px;}
.study-title h2{color: #BD1A2D;}
.study-list{width: 100%;display: flex;height: 300px;}

.swiper-wrapper{width: 386px; height: 256px; float: left;margin: 0 7px;}
.swiper-wrapper .study-news-detail{position: relative; width: 100%;height: 100%;}
.swiper-wrapper .study-news-detail h4{position: absolute; top: 0;font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #E4443A;line-height: 25px;}
/* moreBtn */
.MoreBtn button{cursor: pointer; margin-top: 70px; width: 136px; height: 36px;border-radius: 2px;border: 1px solid #E4443A;background-color: #fff;color: #E4443A;border-radius: 2px;}
.MoreBtn button:hover{background-color: #E4443A;color: #fff;}

@media (max-width: 1680px) {
    .theory-list ul li{width: 43%;}
    .study-list{height: 240px;}
    .banner-nav{top: 50%;}
    .target-list p{font-size: 24px;}
    .theory-list ul li p{font-size: 16px;}
} 
@media (max-width: 1440px) {
    .theory-list ul li{width: 42%;}
    .study-list{height: 240px;}
    .banner-nav{top: 45%;}
    .target-list p{font-size: 22px;}
    .theory-list ul li p{font-size: 14px;}
    .MoreBtn button{font-size: 12px;width: 100px;height: 30px;}
} 
@media (max-width: 1366px) {
    .theory-list ul li{width: 39%;}
    .study-list{height: 240px;}
    .banner-nav{top: 45%;}
    .target-list p{font-size: 22px;}
    .theory-list ul li p{font-size: 14px;}
    .MoreBtn button{font-size: 12px;width: 100px;height: 30px;}
}  
@media (max-width: 1280px) {
    .theory-list ul li{width: 50%;}
    .menu-telImage{display: none;}
    .study-list{height: 240px;}
    .banner-nav{top: 44%;}
    .target-list p{font-size: 20px;}
    .theory-list ul li p{font-size: 14px;}
    .MoreBtn button{font-size: 12px;width: 100px;height: 30px;}
}