/*
* @Author: Sun Jijing
* @Date:   2023-10-30 14:53:06
* @Last Modified by: Sun Jijing
* @Last Modified time: 2023-10-31 09:57:27
*/

* { font-family: '微软雅黑' !important; }
.data_warp { padding: 50px 0 }
.data_warp .w1485 { width: 1485px; margin: 0 auto; }
.dataLhBox { position: relative; padding-left: 126px; }
.data_warp .lBox { position: absolute; top: 0; bottom: 0; left: 0; width: 125px; background: #911c2b; background-image: linear-gradient(#943a27, #8d1040); border-right: 1px solid #e4c6ce; }
.data_warp .lBox::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(dataLh_img_1.png) no-repeat center; }
.data_warp .rBox { background: #911c2b; background-image: linear-gradient(#943a27, #8d1040); }
.data_warp .rBox ul { float: left; width: 50%; position: relative; }
.data_warp .rBox ul li { float: left; display: table; width: 50%; height: 312px; background: #911c2b; box-sizing: border-box; background-position: center; background-size: cover; background-repeat: no-repeat; }
.data_warp .rBox ul li p { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; position: relative; }
.data_warp .rBox ul li p em {  color: #fff; }
.data_warp .rBox ul li:hover { position: relative; z-index: 1; }
.data_warp .rBox ul li p strong em { display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1.8em; font-size: 18px; padding: 0 30px; font-weight: normal; font-style: normal; text-align: justify; color: #fff; }
.data_warp .rBox ul li:nth-child(odd) { opacity: 0; transform: rotateY(90deg); transition: 3s;}
.data_warp .rBox ul li:nth-child(even) { opacity: 0; transform: rotateX(90deg); transition: 3s;}
.data_warp .rBox.on ul li:nth-child(odd) { opacity: 1; transform: rotateY(0); }
.data_warp .rBox.on ul li:nth-child(even) { opacity: 1; transform: rotateX(0); }
.data_warp .rBox ul li p i { font-size: 40px; font-family: Impact; font-weight: bold; font-style: normal; color: #fff; }
.data_warp .rBox ul li p i:last-child { margin-right: 10px; }
.data_warp .rBox ul li.tit { position: absolute; top: 50%; left: 50%; width: 92px; height: 92px; transform: translate(-50%, -50%) !important; background: none; transition-delay: 1s; z-index: 2; }
.data_warp .rBox ul li.tit p { position: relative; z-index: 2; text-align: center; padding: 0 0 0 10px; font-size: 22px; color: #e0eeff; letter-spacing: 9px; color: #fff; }
.data_warp .rBox ul li.tit::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: rotate(-45deg); background: rgba(255, 255, 255, .3); }
.data_warp .rBox ul li.numM em i { display: inline-block; transform: rotateX(360deg); }
.data_warp .rBox ul li.numM em.on i { transform: rotateX(0); transition: 3s; }
.data_warp .rBox ul li.numM em.on i:nth-child(1) { transition-delay: .2s; }
.data_warp .rBox ul li.numM em.on i:nth-child(2) { transition-delay: .6s; }
.data_warp .rBox ul li.numM em.on i:nth-child(3) { transition-delay: .9s; }
.data_warp .rBox ul li.numM em.on i:nth-child(4) { transition-delay: 1.4s; }
.data_warp .rBox ul li.numM em.on i:nth-child(5) { transition-delay: .8s; }
.data_warp .rBox ul li.numM em.on i:nth-child(6) { transition-delay: 1s; }
.data_warp .rBox ul li.numM em.on i:nth-child(7) { transition-delay: .5s; }
.data_warp .rBox ul li.numM em.on i:nth-child(8) { transition-delay: 1.6s; }
.data_warp .rBox ul.ts1 li:nth-child(1) { background: #943a27; }
.data_warp .rBox ul.ts1 li:nth-child(2) { background-image: url(dataLh_img_2_2.jpg); border-right: 2px solid #e4c6ce; }
.data_warp .rBox ul.ts1 li:nth-child(3) { background: #a34534; border-bottom: 2px solid #e4c6ce; }
.data_warp .rBox ul.ts1 li:nth-child(4) { background: #b26558; border-bottom: 2px solid #e4c6ce; border-right: 2px solid #e4c6ce; }
.data_warp .rBox ul.ts2 li:nth-child(1) { background-image: url(dataLh_img_2_3.jpg); }
.data_warp .rBox ul.ts2 li:nth-child(2) { background: #9d795d; }
.data_warp .rBox ul.ts2 li:nth-child(3) { background: #d7b192; border-bottom: 2px solid #fde3ce; }
.data_warp .rBox ul.ts2 li:nth-child(4) { background: #c29978; border-bottom: 2px solid #fde3ce; }
.data_warp .rBox ul.ts3 li:nth-child(1) { background: #a3343a; }
.data_warp .rBox ul.ts3 li:nth-child(2) { background: #ac3742; border-right: 2px solid #c98d7d; }
.data_warp .rBox ul.ts3 li:nth-child(3) { background-image: url(dataLh_img_2_6.jpg); border-bottom: 2px solid #e0cab0; }
.data_warp .rBox ul.ts3 li:nth-child(4) { background: #c73f4f; border-bottom: 2px solid #e0cab0; border-right: 2px solid #c98d7d; }
.data_warp .rBox ul.ts4 li:nth-child(1) { background-image: url(dataLh_img_2_4.jpg); }
.data_warp .rBox ul.ts4 li:nth-child(2) { background-image: url(dataLh_img_2_5.jpg); }
.data_warp .rBox ul.ts4 li:nth-child(3) { background: #b73a55; border-bottom: 2px solid #c98d7d; }
.data_warp .rBox ul.ts4 li:nth-child(4) { background: #b9406e; border-bottom: 2px solid #c98d7d; }
.data_warp .rBox ul.ts4 li.tit p { padding: 0; }
.data_warp .rBox ul.ts4 li.tit p em { float: left; font-size: 12px; letter-spacing: 2px; width: 50%; height: 46px; line-height: 16px; box-sizing: border-box; }
.data_warp .rBox ul.ts4 li.tit p em:nth-child(1) { padding: 10px 0 0 25px; }
.data_warp .rBox ul.ts4 li.tit p em:nth-child(2) { padding: 26px 12px 0 0; }
.data_warp .rBox ul.ts4 li.tit p em:nth-child(3) { padding: 0 0 0 15px; }
.data_warp .rBox ul.ts4 li.tit p em:nth-child(4) { padding: 0 26px 0 0; }
.data_warp .rBox ul.ts5 li.tit::after { background: rgba(130, 52, 14, .5); }
.data_warp .rBox ul.ts5 li:nth-child(1) { background: #831f0e; }
.data_warp .rBox ul.ts5 li:nth-child(2) { background-image: url(dataLh_img_2_1.jpg); }
.data_warp .rBox ul.ts6 li:nth-child(1) { background-image: url(dataLh_img_2_7.jpg); }
.data_warp .rBox ul.ts6 li:nth-child(2) { background: #ae7469; }
.data_warp .rBox ul li p strong { background: #93432b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transform: translateX(0); }
.data_warp .rBox ul li:hover p strong { transition: .4s; opacity: 1; transform: translateX(100%); }
.data_warp .rBox ul.ts1 li:nth-child(2) p strong { background: #af5d41; }
.data_warp .rBox ul.ts1 li:nth-child(3) p strong { background: #a54e36; }
.data_warp .rBox ul.ts1 li:nth-child(4) p strong { background: #b2665a; }
.data_warp .rBox ul.ts2 li:nth-child(2) p strong { background: #a06f62; }
.data_warp .rBox ul.ts2 li:nth-child(3) p strong { background: #e09d9d; }
.data_warp .rBox ul.ts2 li:nth-child(4) p strong { background: #c98d81; }
.data_warp .rBox ul.ts3 li:nth-child(1) p strong { background: #a73939; }
.data_warp .rBox ul.ts3 li:nth-child(2) p strong { background: #af3b3b; }
.data_warp .rBox ul.ts3 li:nth-child(3) p strong { background: #9e4444; }
.data_warp .rBox ul.ts3 li:nth-child(4) p strong { background: #c44343; }
.data_warp .rBox ul.ts4 li:nth-child(1) p strong { background: #db5252; }
.data_warp .rBox ul.ts4 li:nth-child(2) p strong { background: #bc5555; }
.data_warp .rBox ul.ts4 li:nth-child(3) p strong { background: #b93e3e; }
.data_warp .rBox ul.ts4 li:nth-child(4) p strong { background: #b74343; }
.data_warp .rBox ul.ts5 li:nth-child(1) p strong { background: #8e0f0f; }
.data_warp .rBox ul.ts6 li:nth-child(1) p strong { background: #9f4949; }
.data_warp .rBox ul.ts6 li:nth-child(2) p strong { background: #b97171; }
.data_warp .rBox ul li:nth-child(2):hover p strong, .data_warp .rBox ul li:nth-child(4):hover p strong { transform: translateX(-100%); }
@media screen and (max-width:1500px) {
	.data_warp .w1485 { width: 1200px; margin: 0 auto; }
	.data_warp .rBox ul li { height: 250px; }
}
@media screen and (max-width:1200px) {
	.data_warp .w1485 { width: 100%; }
	.data_warp { padding: 0; }
	.dataLhBox { padding-left: 0; }

	.data_warp .lBox { display: none; }
	.data_warp .rBox ul li { height: 25vw; }
	.data_warp .rBox ul li p { font-size: 14px; }
	.data_warp .rBox ul li p i { font-size: 30px; }
	.data_warp .rBox ul li p strong em { height: 100%; line-height: 20px; font-size: 14px; }
}
@media screen and (max-width:760px) {
	.data_warp .rBox ul li { height: 50vw; }
	.data_warp .rBox ul { width: 100%; }