.wrap_main {
 background: url('/Content/Areas/Common/images/zhuanyeban/wenhua_bg.jpg') no-repeat top center;
 overflow: hidden;
}

.left_bg,
.banner {
 display: none;
}

.inner {
 width: 1200px;
 margin: 0 auto;
}

.wenhua_title {
 font-size: 28px;
 color: #94280F;
 writing-mode: vertical-rl;
 float: left;
 margin-top: 169px;
 margin-right: 45px;
 letter-spacing: 2px;
}

.items {
 margin-top: 157px;
 margin-bottom: 240px;
}

.items li {
 float: left;
 width: 278px;
 height: 450px;
}

.items li>a {
 display: block;
 width: 100%;
 height: 100%;
 text-align: center;
 padding-top: 115px;
 overflow: hidden;
 box-sizing: border-box;
}

.items li:nth-child(1) {
 background: #A60D00;
}

.items li:nth-child(2) {
 background: #B75145;
 margin-top: 28px;
}

.items li:nth-child(3) {
 background: #981202;
}

.items li:nth-child(4) {
 background: #B5271C;
 margin-top: 28px;
}

.items li:nth-child(4) a {
 padding-top: 80px;
}

.items li span {
 font-size: 20px;
 color: #fff;
 writing-mode: vertical-rl;
 position: relative;
 letter-spacing: 2px;
}

.items li .more {
 letter-spacing: 2px;
 font-size: 16px;
 color: rgba(255, 255, 255, 0.6);
 position: relative;
 writing-mode: vertical-rl;
}

.items li span::after {
 content: '';
 width: 1px;
 height: 54px;
 background: #fff;
 position: absolute;
 left: 50%;
 top: -70px;
 transition: all 0.2s;
}

.items li .more::after {
 content: '';
 width: 1px;
 height: 54px;
 background: #fff;
 position: absolute;
 left: 50%;
 transition: all 0.2s;
 top: 75px;
}
.items li:nth-child(4) span::after {
 height: 40px;
 top: -56px;
}
.wenhua_icon {
 background: url(/Content/Areas/Common/images/zhuanyeban/cicle.png);
 width: 86px;
 height: 86px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin: 20px auto;
 /* animation: rotate 15s linear 0s infinite both; */
}

.items li img {
 transition: all 0.2s;
 display: block;
 width: 40px;
 /* animation: rotate2 15s linear 0s infinite both; */
 transition: transform .6s ease-in-out;
}

.items li:hover img {
 transform: rotateY(360deg);
}

.items li:hover span::after {
 top: -75px;
}

.items li:hover .more::after {
 top: 75px;
}

.items li:hover .wenhua_icon {
 animation: rotate2 15s linear 0s infinite both;
}

.items li:hover .wenhua_icon img {
 animation: rotate 15s linear 0s infinite both;
}

@keyframes rotate {
 from {
 transform: rotate(0);
 }
 to {
 transform: rotate(360deg);
 }
}

@keyframes rotate2 {
 from {
 transform: rotate(360deg);
 }
 to {
 transform: rotate(0);
 }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
 .inner {
 width: 1000px;
}
 .items li {
 width: 22%;
}
 .items {
 margin-top: 100px;
 margin-bottom: 100px;
}
}
@media screen and (max-width:768px) {
 .main_zhuanyeban {
 padding: 0;
 }
 .inner {
 width: 100%;
 }
 .wenhua_title {
 font-size: 20px;
 writing-mode: inherit;
 float: none;
 margin-top: 20px;
 margin-right: 0;
 text-align: center;
 }
 .items {
 margin-top: 20px;
 margin-bottom: 20px;
 }
 .items li {
 float: left;
 width: 50%;
 height: auto;
 }
 .items li>a,
 .items li:nth-child(4) a {
 padding-top: 25px;
 }
 .items li span::after,
 .items li .more {
 display: none;
 }
 .items li:nth-child(2),
 .items li:nth-child(4) {
 margin-top: 0;
 }
 .items li span {
 font-size: 18px;
 writing-mode: initial;
 }
}