.titleLists li .tit{
    padding: 20px 15px;
    /*background: #FFF;*/
    cursor: pointer;
    color:#333333;
    font-size: 22px;
    background-color: #FBE8EA;
}

.titleLists li .tit a{
     color: #666;
 }
.titleLists li .tit:hover a{
     color: #FFF;
 }
.titleLists li .tit span{
    display: inline-block;
    width: 80%;
    white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
.titleLists li .tit i{
    display: inline-block;
    width:18px;
    height: 18px;
    background: url(../images/go.png) no-repeat center;
    background-size:auto 100% ;
    float:right;
    margin-top: 7px;
}
.titleLists li .tit:hover{
    background-color: #f25e5d;

}
.titleLists .on .tit{
    background: #FBE8EA;
    color: #D91F2D;
}
.titleLists li .tit:hover i{
    background: url(../images/go-h.png) no-repeat center;
    background-size:auto 100% ;
}
.titleLists .on .tit i{
    background: url(../images/go-h.png) no-repeat center;
    background-size:auto 100% ;
}
.twolev {
    background-color: #FFF;
    display: none;
}
.titleLists .on .twolev{
    display: block;
}
.twolev .p2{
    position: relative;
}
.twolev .p2 p{
	font-size: 20px;
    color: #666666;
    padding: 20px 15px;
    cursor: pointer;
    border-bottom: 1px solid #eeeeee;
}
.twolev .p2 p i{
    display: inline-block;
    vertical-align: middle;
	width: 6px;
	height: 6px;
	background-color: #d91f2d;
}
.twolev .p2 p b{
    display: inline-block;
    background: url(../images/risj.png) no-repeat center;
    background-size: 100% 100%;
	width: 8px;
    height: 12px;
    float: right;
    margin-top: 8px;
    display: none;
}
.twolev .p2 p:hover{
    background-color: #f7f7f7;
}
.twolev .on1 p{
    background-color: #f7f7f7;
}
.twolev .p2:hover p b{
     display: block;
}
.twolev .on1 p b{
    display: block;
}
.twolev  .thrLev{
	width: 260px;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #FFF;
    box-shadow: 0 0 10px #EBEAEA;
    z-index: 10;
    display: none;
}
.twolev  .thrLev .thrcon{
    padding: 16px 0 16px 40px;
    cursor: pointer;
    font-size: 20px;
    color: #666666;
}
.twolev  .thrLev .thrcon:hover{
	color: #d91f2d;
}
.twolev .on1  .thrLev{
    display: block;
}
@media (min-width:200px) and (max-width:767px) {
.twolev .thrLev { position: static;}
.titleLists li .tit {font-size:18px;}
.twolev .p2 p {font-size: 16px;padding: 15px 15px;}
.twolev .thrLev .thrcon {padding: 15px 0 15px 40px;font-size: 14px;}
.product .left .title .text .en {font-size: 20px;}
.product .left .title .text .cn{font-size: 16px;}
.titleLists li .tit {padding:15px 15px;font-size:18px;}
}
@media (min-width: 992px){
.titleList li { padding: 0;font-size: 22px;}
.titleList li .tit{ padding: 20px 15px;font-size: 22px;}
.twolev .thrLev { position: absolute;}
}