/*------------首页类别直通车-----------*/

h5 { display: block;  font-size: 0.83em;  margin-block-start: 1.67em;  margin-block-end:0em; margin-inline-start: 0px; margin-inline-end: 0px;  font-weight: bold;}

.ztc_bt{text-align:center;}
.ztc_bt h5{font-size:40px; color:#333;}
.ztc_bt i{display:block; width:60px; height:4px; background:#045acf; margin:0 auto; margin-top:15px;}

.ztc_p{width:80% !important; margin:0 auto; margin-top:50px; overflow:hidden; }
.ztc_p_1{width:22.25%; margin:6px 20px; float:left; overflow:hidden; background:#fff; border-radius:15px; box-shadow:0 0 5px 2px rgb(54 54 54 / 15%);}
.ztc_p_1 h3{font-size:20px; width:255px; margin:0 auto; height:30px; line-height:30px; text-align:left; color:#333; margin-top:15px;}
.ztc_p_1 h3 a img{ display:block; margin-top:5px; float:right;}


.slideTxtBox,.slideTxtBox2,.slideTxtBox3,.slideTxtBox4{width:295px; margin:0 auto; overflow:hidden;}
.ztc_p_1a{width:255px; margin:0 auto; overflow:hidden; margin-top:10px; line-height:30px;} 
.ztc_p_1a li{float:left; margin:5px 0; margin-right:12px; line-height:30px;}
.ztc_p_1a li a{ display:block; width:115px; line-height:30px; height:30px; overflow:hidden; background:#eaeaea; border-radius:5px; float:left; text-align:center;}

/*.ztc_p_1a li a:hover{color:#ff8a00;}
.ztc_p_1a li.on a{ color:#fff; background:#ff8a00}*/
.ztc_p_1a li a:hover{color:#FFF;}
.ztc_p_1a li.on a{ color:#fff; background:#0084C4;}
.ztc_p_1a li.on a:hover{ color:#fff !important;}

.ztc_p_1b{ width:295px; margin:0 auto; overflow: hidden;  padding-bottom:3px;}
.ztc_p_1b img{width:295px; height:167px; display:block; margin-top:15px;}

.lb_bd{}
/*------------首页类别直通车-----------*/

/**
笔记本到手机
**/
@media only screen and (max-width:1366px) and (min-width:750px){

.ztc_p{width:100% !important; margin:0 auto; margin-top:50px; overflow:hidden; }
.ztc_p_1{width:22.25%; margin:6px 17px; float:left; overflow:hidden; background:#fff; border-radius:15px; box-shadow:0 0 5px 2px rgb(54 54 54 / 15%);}

	
}


@media (max-width: 1200px) {


}


@media (max-width: 767px) {

.ztc_bt h5{font-size:25px; color:#333;}	
	
.ztc_p{width:100% !important; margin:0 auto; margin-top:20px; min-height:500px; overflow:hidden; border:0px solid #F00; }
.ztc_p_1{width:96%; margin:0 auto; margin-left:2%; margin-top:10px; margin-bottom:10px; padding-bottom:20px; overflow:hidden; background:#fff; border-radius:5px; box-shadow:0 0 5px 2px rgb(54 54 54 / 15%); padding-left:5px; padding-right:5px;}


.ztc_p_1 h3{font-size:20px; width:100%; margin:0 auto; height:30px; line-height:30px; text-align:left; color:#333; margin-top:15px;}
.slideTxtBox,.slideTxtBox2,.slideTxtBox3,.slideTxtBox4{width:100%; margin:0 auto; overflow:hidden;}
.ztc_p_1a{width:100%; margin:0 auto; overflow:hidden; margin-top:10px;} 
.ztc_p_1b{ width:100%; margin:0 auto; overflow: hidden;  padding-bottom:3px;}
.ztc_p_1b img{width:100%; height:167px; display:block; margin-top:15px;}


.ztc_p_1a li{float:left; margin:5px 0; margin-right:12px; width:29%; line-height:2 !important; height:32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ztc_p_1a li a{ display:block; width:100%; line-height:2 !important; height:32px; overflow:hidden; background:#eaeaea; border-radius:5px; float:left; text-align:center;  
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.lb_bd{ display:none !important;}




	
}