body{position: relative;}

.ztfw_bar{ position: fixed; width: 44px; top: 485px; left: 50%; margin-left: -714px; background-color: #1658A0; border-radius: 10px 0 10px 0; z-index: 99;}
.ztfw_bar>p{ font-size: 18px; line-height: 22px; text-align: center; color: #ffffff; cursor: pointer;}
.ztfw_bar>p>i{ display:block; height: 44px; width: 44px; text-align: center; border-radius: 0 10px 0 10px; background: url(220928szf_ztfw_menu.png) no-repeat center #387FC9; transform: rotateY(180deg);}
.ztfw_bar>p.on>i{/* transform: rotateY(0deg); */border-radius: 10px 0 10px 0;}
.ztfw_bar>p>span{ padding:10px; display: block;}
.ztfw_bar ul.ztfw_con{ position: absolute; left: 44px; top: 0; width: 192px; background-color: #E8F5FF; box-shadow: 2px 1px 6px 0px rgba(80, 128, 179, 0.4); display: none;}
.ztfw_bar ul.ztfw_con>li{ position: relative;}
.ztfw_bar ul.ztfw_con>li>a{ display: block; line-height: 38px; padding-right: 20px; padding-left: 22px; font-size: 16px;}
.ztfw_bar ul.ztfw_con>li>a i{ width: 20px; margin-right: 16px;}
.ztfw_bar ul.ztfw_con>li>a em{ position: absolute; right: 14px; width: 16px; height: 16px; top: 11px; background: url(220928szf_ztfw_icon_r.png) no-repeat center;}
.ztfw_bar ul.ztfw_con>li>a:hover,.ztfw_bar ul.ztfw_con>li.on>a{ background-color: #C4DBF2; color: #1658A0; font-weight: bold;}
.ztfw_bar ul.ztfw_con>li>a:hover em,.ztfw_bar ul.ztfw_con>li.on>a em{ background-image: url(220928szf_ztfw_icon_r1.png);}
.ztfw_bar ul.ztfw_con>li>ul{ position: absolute; display: none; left: 100%; background-color: #E8F5FF; padding: 15px 15px 15px 25px; top: 0; width: 210px;box-shadow: 2px 1px 6px 0px rgba(80, 128, 179, 0.4); z-index: 100;}
.ztfw_bar ul.ztfw_con>li>ul li{ line-height: 30px; font-size: 16px; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.ztfw_bar ul.ztfw_con>li>ul li.qykb {
    width: 100%;
}
.ztfw_bar ul.ztfw_con>li>ul li.w100{width: 100%;}



.slb .ztfw_bar{ width: 66px; margin-left: -724px;}
.slb .ztfw_bar>p>i{ width: 66px; height: 66px;}
.slb .ztfw_bar>p>span{ padding: 20px; font-size: 28px; line-height: 38px;}
.slb .ztfw_bar ul.ztfw_con{ left: 66px; width: 300px;}
.slb .ztfw_bar ul.ztfw_con>li>a{ font-size: 24px; line-height: 54px;}
.slb .ztfw_bar ul.ztfw_con>li>a em{ top: 20px;}
.slb .ztfw_bar ul.ztfw_con>li>ul li{ width: 100%; float: inherit; font-size: 20px; line-height: 44px;}


@media screen and (max-width: 1700px){
.ztfw_bar {
    top: 213px;

	}
@media screen and (max-width: 1450px){
.ztfw_bar {
       left: 0%;
    margin-left: 0px;

	}





@media screen and (max-width: 1000px){
	
	.ztfw_bar,.slb .ztfw_bar{ margin-left:0; left: 0; top: 100px;}
	.slb .ztfw_bar{ top:230px;}
	.ztfw_bar ul.ztfw_con>li>ul{ left: 0; position: relative; width: inherit;}
	.ztfw_bar ul.ztfw_con>li>ul li{ float: inherit; width: 100%;}
	.ztfw_bar ul.ztfw_con>li>ul{display: none!important;}
	.ztfw_bar{top: 150px;}
	.ztfw_bar ul.ztfw_con{width: 192px;}
	.ztfw_bar ul.ztfw_con>li>a {
    padding-right: 10px;
    padding-left: 20px;
}
	
	
}


	
@media screen and (max-width: 768px){	
	
	
}