body{background:#fafafa}
.con{width:100%;height:auto;margin:0px auto;margin-bottom:130px;position:relative}
.con:before{width:100%;border-top:2px solid #b3b3b3;position:absolute;right:0;top:84px;content:''}
.content{margin:0 auto}
.xz_nav{height:84px}
.nav_left{float:left;height:84px;width:100%;}
.nav_left a{display:block;float:left;color:#030303;height:86px;line-height:86px;padding:0 22px;font-size:16px;cursor:pointer}
.nav_left a:hover,.nav_left a.hover{color:#fff;background:#3ba1f6}
.xz_nav>h4{float:right;height:86px;line-height:108px;font-size:14px}
.xz_nav>h4 a{font-size:14px;color:#000}
.xz_nav>h4 span{padding:0px 9px}
.xz_list ol{height:46px;line-height:46px;margin-top:47px;border:1px solid #bebebe;background:#f9f9f9}
.xz_con ul li{cursor:pointer}
.xz_con ul{padding-top:32px;float:left;margin-left:26px}
.xz_con div{height:100%;float:left;overflow-x:hidden;border-right:1px solid #bebebe}
.xz_con div:nth-child(3){width:316px}
.xz_con div:nth-child(2) ul,.xz_con div:nth-child(3) ul{height:309px;overflow:auto}
.xz_con ul li{float:left;color:#353535;margin:6px 0;text-indent:24px;background:#ecf6ff;height:34px;line-height:34px}
.xz_con div:nth-child(1) ul li:hover,.xz_con div:nth-child(1) ul li.hover{background:#41a7fc;color:#ffffff;height:40px;line-height:40px;margin:3px 0}
.xz_con div:nth-child(2) ul li{text-indent:14px;height:34px;line-height:34px}
.xz_con div:nth-child(2) ul li:hover,.xz_con div:nth-child(2) ul li.hover{height:44px;line-height:44px;margin:1px 0;color:#fff;background:url('../images/lhb1.png') no-repeat #fff}
.xz_con div:nth-child(3) ul a{display:block;height:50px;float:left;margin-left:60px;color:#353535;line-height:24px;}
.xz_con div:nth-child(3) ul li:hover{background:url('../images/wendang1.png') no-repeat;background-size:35px 42px;background-position:3px 0}
.xz_con div:nth-child(3) ul li a:hover{color:#77b9fd}
.xz_con div:nth-child(3) ul li.mp4{background:url('../images/play-circle.png') no-repeat;background-size:40px 40px}

@media screen and (min-width:1054px){
.content{width:1034px;}
.xz_nav{width:1034px}
.xz_list ol li{width:320px;height:45px;float:left;text-indent:40px}
.xz_list ol li:nth-child(3),.xz_con div:nth-child(3){border:none}
.xz_con{width:1034px;height:365px;border:1px solid #bebebe;background-size:1054px;border-top:none}
.xz_con ul{width:323px}
.xz_con div{width:320px}
.xz_con ul li{width:264px}
.xz_con div:nth-child(2) ul li{width:275px}
.xz_con div:nth-child(3) ul a{width:220px;}
.xz_con div:nth-child(3) ul li{width:280px;height:50px;background:url('../images/wendang2.png') no-repeat;text-indent:0;background-size:35px 42px;background-position:3px 0}
}
@media screen  and (max-width:1054px){
.content{width:100%}
.xz_nav{width:100%}
.xz_list ol{height:46px;line-height:46px;margin-top:47px;border:1px solid #bebebe;background:#f9f9f9;display:flex;}
.xz_list ol li{height:45px;float:left;text-indent:40px;flex:1}
.xz_list ol li:nth-child(3),.xz_con div:nth-child(3){border:none}
.xz_con{display:flex}
.xz_con ul{width:98%}
.xz_con div{flex:1}
.xz_con ul li{width:80%}
.xz_con div:nth-child(1) ul li{width:80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.xz_con div:nth-child(2) ul li{width:86%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.xz_con div:nth-child(2) ul li:hover,.xz_con div:nth-child(2) ul li.hover{background-position: center; background-size: 100% 100%;}
.xz_con div:nth-child(3) ul li{height:50px;background:url('../images/wendang2.png') no-repeat;text-indent:0;background-size:35px 42px;background-position:3px 0;overflow:hidden;}
}
@media screen and (max-width:750px){.nav_left a{padding:0 8px;}}

.nav > li {
    font-size:1.75rem;
}