.wrap_main {
 position: relative;
}

.linkmap {
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -600px !important;
}

div.linkmap a {
 color: #fff;
}

div.linkmap span {
 color: #fff;
}

.description {
 width: 100%;
 height: 618px;
 background: url(/Content/Areas/Common/images/common/jianjieBg.png) repeat;
 overflow: hidden;
}

.descriptionIn {
 background: url(/Content/Areas/Common/images/common/jianjieBg1.png) no-repeat top center;
 padding: 30px 0 0 50px;
 box-sizing: border-box;
 margin-top: 80px;
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}

.descriptionIn .text {
 font-size: 14px;
 color: #fff;
 line-height: 30px;
 display: block;
 width: 522px;
 text-indent: 2em;
 position: relative;
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}

.animate .descriptionIn .text,
.animate .descriptionIn a.fr,
.animate .descriptionIn {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
}

.descriptionIn .main_title {
 margin-bottom: 15px;
 color: #fff;
}

.descriptionIn a.fr {
 margin-top: -25px;
 overflow: hidden;
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}

.descriptionIn a.fr:hover img {
 transform: scale(1.1);
}

.descriptionIn a.fr img {
 transition: all 0.5s;
}

.descriptionIn .details {
 position: absolute;
 right: 0;
 bottom: -97px;
}


/* 领导信息 */

.innerLeader {
 width: 1225px;
 margin: 0 auto;
 padding-top: 35px;
 padding-bottom: 60px;
 position: relative;
}

.innerLeader .main_title {
 width: 1200px;
 margin: 0px auto 30px;
}

.swiper-container-leader {
 overflow: hidden;
}

.swiper-container-leader .swiper-slide .Img_Box {
 width: 225px;
 height: 298px;
 position: relative;
 margin: 0 auto;
}

.swiper-container-leader .swiper-slide .Img_Box .content_box {
 width: 100%;
 position: absolute;
 height: 58px;
 background: rgba(0, 0, 0, 0.5);
 bottom: 0;
 display: flex;
 align-items: center;
 justify-content: center;
}

.swiper-container-leader .swiper-slide .Img_Box .content_box h2 a {
 color: #fff;
 font-size: 16px;
}

.swiper-container-leader .swiper-slide .Img_Box .pic {
 display: block;
 width: 225px;
 height: 298px;
 overflow: hidden;
}

.swiper-container-leader .swiper-slide .Img_Box .pic:hover img {
 transform: scale(1.1);
}

.swiper-container-leader .swiper-slide .Img_Box .pic img {
 width: 100%;
 transition: all 0.5s;
}

.innerLeader .prev-leader,
.innerLeader .next-leader {
 width: 26px;
 height: 38px;
}

.innerLeader .prev-leader {
 background: url(/Content/Areas/Common/images/common/docArrowLeft.png);
 left: -55px;
 margin-top: -5px;
}

.innerLeader .next-leader {
 background: url(/Content/Areas/Common/images/common/docArrowRight.png);
 right: -55px;
 margin-top: -5px;
}


/* 南宫集团pc文化 */

.cultrue {
 width: 100%;
 height: 524px;
 background: url(/Sites/Uploaded/UserUpLoad/20201029/20201029190508.jpg);
}

.relative {
 position: relative;
 overflow: hidden;
}

.cultrue_title {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 100px;
 left: 400px;
}

.cultrue_title a {
 display: block;
 color: #fff;
 font-size: 30px;
 position: relative;
 margin: 10px 0;
 letter-spacing: 3px;
 writing-mode: vertical-rl;
}

.cultrue_right {
 width: 680px;
 height: 524px;
 float: right;
 background: url(/Content/Areas/Common/images/common/wenhuaInside.png);
}

.cultrue_right li {
 float: left;
 margin-left: 90px;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
 opacity: 0;
 padding-top: 0px;
}

.animate .cultrue_right li:nth-child(1) {
 padding-top: 205px;
 opacity: 1;
}

.cultrue_right a.title_type {
 writing-mode: vertical-rl;
 font-size: 20px;
 color: #254558;
 letter-spacing: 3px;
 position: relative;
 background: url(/Content/Areas/Common/images/common/dian.png) no-repeat top center;
 padding-top: 15px;
}

.cultrue_right li:hover a.title_type::after {
 background: url(/Content/Areas/Common/images/common/cultrueIconHover.png);
}

.cultrue_right a.title_type::after {
 content: '';
 display: block;
 background: url(/Content/Areas/Common/images/common/cultrueIcon.png);
 width: 14px;
 height: 21px;
 position: absolute;
 left: 30px;
 bottom: -40px;
}

.cultrue_right a.title_type::before {
 content: '';
 display: block;
 width: 1px;
 background: url(/Content/Areas/Common/images/common/linesCul.png);
 position: absolute;
 left: 37px;
 bottom: -20px;
}

.cultrue_right li:nth-child(1) {
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}

.animate .cultrue_right li:nth-child(1) {
 padding-top: 205px;
 opacity: 1;
}

.cultrue_right li:nth-child(1):hover {
 padding-top: 225px;
}

.cultrue_right li:nth-child(1) a.title_type::before {
 height: 286px;
}

.cultrue_right li:nth-child(2) {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}

.animate .cultrue_right li:nth-child(2) {
 padding-top: 309px;
 opacity: 1;
}

.cultrue_right li:nth-child(2):hover {
 padding-top: 329px;
}

.cultrue_right li:nth-child(2) a.title_type::before {
 height: 388px;
}

.cultrue_right li:nth-child(3) {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}

.animate .cultrue_right li:nth-child(3) {
 padding-top: 167px;
 opacity: 1;
}

.cultrue_right li:nth-child(3):hover {
 padding-top: 187px;
}

.cultrue_right li:nth-child(3) a.title_type::before {
 height: 294px;
}

.cultrue_right li:nth-child(4) {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}

.animate .cultrue_right li:nth-child(4) {
 padding-top: 315px;
 opacity: 1;
}

.cultrue_right li:nth-child(4):hover {
 padding-top: 335px;
}

.cultrue_right li:nth-child(4) a.title_type::before {
 height: 442px;
}

.cultrue_right li:nth-child(5) {
 -webkit-transition-delay: 0.8s;
 transition-delay: 0.8s;
}

.animate .cultrue_right li:nth-child(5) {
 padding-top: 202px;
 opacity: 1;
}

.cultrue_right li:nth-child(5):hover {
 padding-top: 222px;
}

.cultrue_right li:nth-child(5) a.title_type::before {
 height: 352px;
}


/* 南宫集团pc院报 */

.innerReported,
.innerPic {
 width: 1230px;
 margin: 0 auto;
 position: relative;
}

.innerReported .main_title,
.innerPic .main_title {
 width: 1200px;
 margin: 35px auto 30px;
}

.reported {
 height: 805px;
 background: url(/Content/Areas/Common/images/common/noticeBg.png) no-repeat;
}

.innerReported .swiper-container-reported,
.innerPic .swiper-container-pic {
 overflow: hidden;
}

.innerReported .swiper-container-reported .swiper-slide .Img_Box {
 width: 220px;
 height: 340px;
 overflow: hidden;
 margin: 0 auto;
 position: relative;
}

.innerPic .swiper-container-pic .swiper-slide .Img_Box {
 width: 380px;
 height: 250px;
 overflow: hidden;
 margin: 0 auto;
 position: relative;
}

.innerReported .swiper-container-reported .swiper-slide .Img_Box .content_box,
.innerPic .swiper-container-pic .swiper-slide .Img_Box .content_box {
 width: 100%;
 height: 48px;
 position: absolute;
 bottom: 0;
 background: rgba(0, 0, 0, 0.5);
 display: flex;
 align-items: center;
 justify-content: center;
}
.innerPic .swiper-container-pic .swiper-slide .Img_Box .content_box {
 display: none;
}
.innerReported .swiper-container-reported .swiper-slide .Img_Box .content_box h2,
.innerPic .swiper-container-pic .swiper-slide .Img_Box .content_box h2 {
 width: 100%;
 box-sizing: border-box;
 padding: 0 20px;
}

.innerReported .swiper-container-reported .swiper-slide .Img_Box .content_box h2 a,
.innerPic .swiper-container-pic .swiper-slide .Img_Box .content_box h2 a {
 color: #fff;
 font-size: 16px;
 line-height: 48px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 text-align: center;
 width: 100%;
 display: block;
}

.innerReported .swiper-container-reported .swiper-slide .Img_Box img,
.innerPic .swiper-container-pic .swiper-slide .Img_Box img {
 width: 100%;
 transition: all 0.2s;
}
.innerReported .swiper-container-reported .swiper-slide .Img_Box:hover img {
 transform: scale(1.1);
}
.innerPic .swiper-container-pic .swiper-slide .Img_Box:hover img {
 transform: scale(1.1);
}
.innerReported .prev-reported,
.innerReported .next-reported,
.innerPic .prev-pic,
.innerPic .next-pic {
 width: 26px;
 height: 38px;
}

.innerReported .prev-reported,
.innerPic .prev-pic {
 background: url(/Content/Areas/Common/images/common/docArrowLeft.png);
 left: -55px;
 margin-top: 15px;
}

.innerReported .next-reported,
.innerPic .next-pic {
 background: url(/Content/Areas/Common/images/common/docArrowRight.png);
 right: -55px;
 margin-top: 15px;
}


/* 乘车路线 */

.location {
 width: 100%;
 height: 500px;
 background: url(/Content/Areas/Common/images/common/location.jpg);
}

#allmap {
 width: 750px;
 height: 440px;
 float: left;
 margin-top: 30px;
}

.locationDetail {
 width: 400px;
 padding-top: 40px;
}

.bus {
 margin-bottom: 40px;
}

.bus h1,
.subway h1 {
 color: #fff;
 font-size: 18px;
 margin-bottom: 15px;
 display: flex;
 align-items: center;
}

.bus h1 img,
.subway h1 img {
 margin-right: 10px;
}

.bus p,
.subway p {
 color: #fff;
 font-size: 14px;
 line-height: 30px;
}


/* 方位指南 */

.guide {
 height: 430px;
 padding-top: 35px;
 box-sizing: border-box;
}

.guideList li {
 float: left;
 width: 400px;
 height: 280px;
 text-align: center;
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
}

.animate .guideList li {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
}

.guideList li:nth-child(1) {
 background: url(/Content/Areas/Common/images/common/guide1.png);
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}

.guideList li:nth-child(2) {
 background: url(/Content/Areas/Common/images/common/guide2.png);
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}

.guideList li:nth-child(3) {
 background: url(/Content/Areas/Common/images/common/guide3.png);
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}

.guideList li a {
 font-size: 24px;
 color: #fff;
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
 transition: all 0.5s;
}

.guideList li:hover a {
 font-size: 26px;
}

.guideList li:nth-child(1) a::before {
 content: '';
 width: 83px;
 height: 80px;
 display: block;
 background: url(/Content/Areas/Common/images/common/guideIcon1.png);
 margin: 70px auto 30px;
 background-size: 100% 100%;
 transition: all 0.5s;
}

.guideList li:nth-child(2) a::before {
 content: '';
 width: 83px;
 height: 80px;
 display: block;
 background: url(/Content/Areas/Common/images/common/guideIcon2.png);
 margin: 70px auto 30px;
 background-size: 100% 100%;
 transition: all 0.5s;
}

.guideList li:nth-child(3) a::before {
 content: '';
 width: 83px;
 height: 80px;
 display: block;
 background: url(/Content/Areas/Common/images/common/guideIcon3.png);
 margin: 70px auto 30px;
 background-size: 100% 100%;
 transition: all 0.5s;
}

@media only screen and (max-width:768px) {
 .inner,
 .descriptionIn .text,
 .innerLeader,
 .innerReported,
 .innerPic,
 .innerReported .main_title,
 .innerPic .main_title {
 width: 100%;
 }
 .descriptionIn a.fr,
 .innerLeader .prev-leader,
 .innerLeader .next-leader,
 .swiper-button-next,
 .swiper-button-prev,.cultrue {
 display: none;
 }
 .description,
 .location,
 .guide {
 height: auto;
 padding: 0;
 box-sizing: border-box;
 /* background: none; */
 }
 .descriptionIn {
 padding: 20px;
 box-sizing: border-box;
 margin-top: 0;
 background-size: cover;
 }
 .descriptionIn .details {
 position: relative;
 right: 0;
 bottom: 0;
 display: block;
 margin: 0 auto;
 width: 114px;
 text-indent: 0;
 }
 .cultrue_title {
 position: relative;
 top: 0;
 left: 0;
 flex-direction: row;
 }
 .cultrue_title img {
 display: none;
 }
 .cultrue_title a {
 writing-mode: initial;
 }
 .cultrue_right {
 width: 100%;
 height: auto;
 }
 .cultrue_right li {
 margin-left: 30px;
 }
 .animate .cultrue_right li:nth-child(4) {
 margin-bottom: 40px;
 }
 #allmap,
 .locationDetail {
 float: none;
 width: 100%;
 }
 .location {
 background-size: cover;
 margin-bottom: 30px;
 }
 .locationDetail {
 padding: 20px;
 box-sizing: border-box;
 }
 .guideList {
 overflow: hidden;
 }
 .guideList li {
 width: 100%;
 height: auto;
 box-sizing: border-box;
 padding: 40px 0;
 }
 .guideList li a::before {
 margin-top: 0 !important;
 }
 .reported {
 height: auto;
 background-size: cover;
 margin-bottom: 30px;
 }
} 