@charset "utf-8"; 

*{ font-family: '微软雅黑'; }
a{ color: #333; text-decoration: none; font-size: 14px; cursor: pointer; }
ol,ul,li{ list-style: none; }
body{ background: #fff; }

.content .main{ padding-top: 40px; }
.content .main .model{ padding: 15px; border: 1px solid #ccc; margin-top: 20px; cursor: pointer; }
.content .main .model .hd-title{ padding-top: 20px; font-size: 16px; font-weight: bold; color: #bb1127; height: 50px; line-height: 30px; overflow: hidden; }
.content .main .model .hd-short{ line-height: 30px; max-height: 60px; overflow: hidden; }

.content .main .model:hover{ background: #bb1127; }
.content .main .model:hover .hd-title{ color: #fff; }
.content .main .model:hover .hd-short{ color: #fff; }

.kecheng{
	height:476px;
	padding: 0;
}
.kecheng li:nth-child(1){
	background:#fff url(../image/ke_1.png) no-repeat -72px 230px;
}
.kecheng li:nth-child(2){
	background:#fff url(../image/ke_2.png) no-repeat -25px 320px;
}
.kecheng li:nth-child(3){
	background:#fff url(../image/ke_3.png) no-repeat -25px 320px;
}
.kecheng li:nth-child(4){
	background:#fff url(../image/ke_4.png) no-repeat 20px 250px;
}
.kecheng li:nth-child(1):hover>div{
    border: 1px solid #fff
}
.kecheng li:nth-child(2):hover>div{
    border: 1px solid #fff
}
.kecheng li:nth-child(3):hover>div{
    border: 1px solid #fff
}
.kecheng li:nth-child(4):hover>div{
    border: 1px solid #fff
}
.kecheng li:nth-child(1):hover{
	background:#bb1127 url(../image/ke_1.png) no-repeat -72px 230px;
	color:#fff;
}
.kecheng li:nth-child(2):hover{
	background:#bb1127 url(../image/ke_2.png) no-repeat -25px 320px;
	color:#fff;
}
.kecheng li:nth-child(3):hover{
	background:#bb1127 url(../image/ke_3.png) no-repeat -25px 320px;
	color:#fff;
}
.kecheng li:nth-child(4):hover{
	background:#bb1127 url(../image/ke_4.png) no-repeat 20px 250px;
	color:#fff;
}
.kecheng li:nth-child(1):hover>div>p,.kecheng li:nth-child(2):hover>div>p,.kecheng li:nth-child(3):hover>div>p,.kecheng li:nth-child(4):hover>div>p{
	color:#fff;

}
.kecheng li{
	float: left;
    height: 470px;
    width: 23%;
    margin: 0 12px;
    padding-top: 20px;
    padding: 5px;
    border-radius: 15px;
}
.kecheng li:nth-child(1){
	margin-left: 0
}
.kecheng li>div{
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	border-radius: 15px;
	display: flex;
	direction: rtl;
	padding: 20px;
}
.kecheng li>div.hover{
	background:red;
}

.kecheng li>div>p{
	font-size: 13px;
    word-wrap: break-word;
    color: #4d4d4d;
    letter-spacing: 7px;
    font-family: "微软雅黑";
    writing-mode: vertical-rl;
    width: auto;
    direction: initial;
    line-height: 200%;
}
.kecheng li>div>h2{
	writing-mode: vertical-rl;
	font-size:30px;
	word-wrap:break-word;
	letter-spacing:10px;
	margin-left:10px;
	float:left;
	margin-right: 0;
}