
.textleft{float: left;width: 220px;}
.textleft>p{font-size: 20px;color: #494949;line-height: 38px;font-family: "microsoft yahei";}
.textleft>p:first-child{margin-top: 40px;}
.textleft>p>span{font-size: 22px; color: #e83746;}

.textmenu{float: left;width: 100%; height: auto;}
.textmenu li{width: 100%; height: 50px; border-bottom: solid 1px #979797;background-color: #767676;position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;}
.textmenu li:last-child{border-bottom: none;}
.textmenu li a{display: block;width: 100%; height: 100%;text-decoration: none;}
.textmenu li a p{color: #e1e2e9;line-height: 50px;font-size: 14px;padding-left: 25px;}
.textmenu li:before{content: "";width: 4px; height: 100%;position: absolute;left: 0; top: 0;background-color: #E60012;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;}
.textmenu li:after{content: url(../img/ProductList/pclistico.png);width: 8px; height: 12px;display: block;line-height: 12px; position: absolute;right: 15px; top: 19px;}

.textmenu li:hover{background-color: #E60012;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
}
.textmenu li:hover:before{background-color: #767676;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;}
.textmenu li.textselect{background-color: #E60012;}
.textmenu li.textselect:before{background-color: #767676;}
.textcontact{float: left; width: 218px;margin-top: 25px; border: solid 1px #E83746;border-top: none;background-color: #e5e5e5;}
.textcontact li{float: left;width: 100%;}
.textcontact li:nth-child(1){height: 50px;background-color: #e83746;}
.textcontact li:nth-child(1) p{font-size: 14px;color: #FFFFFF;line-height: 50px;text-align: center;}


.textcontact li:nth-child(2){height: 55px;background: url(../img/About/leftico1.png) no-repeat 30px center;border-bottom: dotted 1px #1C1C1C;}
.textcontact li:nth-child(2) a{display: block;width: 158px; margin-left: 30px;text-align: right;font-size: 14px; color: #000;letter-spacing: 1px;line-height: 55px;text-decoration: none;}
.textcontact li:nth-child(3){height: 55px;background: url(../img/About/leftico2.png) no-repeat 30px center;border-bottom: dotted 1px #1C1C1C;}
.textcontact li:nth-child(3) p{line-height:55px; margin:0 30px;text-align: right;font-size: 14px; color: #000;}

.textcontact li:nth-child(4){height: 55px;background: url(../img/About/leftico3.png) no-repeat 30px center;}
.textcontact li:nth-child(4) a{display: block;width: 158px; margin-left: 30px;text-align: right;font-size: 14px; color: #000;letter-spacing: 1px;line-height: 55px;text-decoration: none;}


.textcontact li:nth-child(3) a:hover,.textcontact li:nth-child(4) a:hover{color: #E83746;}

