body{background:#fafafa}
.nav_title{width:809px}
.hover{background:#40a7fd;color:#fff !important}
.con_title{float:left;height:80px}
.list_one{width:334px;height:331px;float:left;background:#fff;margin-right:15px;color:#2f9efd;margin-bottom:14px;cursor:pointer}
.list_one img{display:block;width:330px;height:265px;margin:2px}
.list_one h4{height:63px;line-height:63px;text-align:center}
.list_one:hover{background:#2f9efd;color:#fff}
#piao_xq{width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.8);z-index:10000;display:none}
.piao_xq{position:relative;width:80%;height:80%;position:fixed;left:50%;top:50%;z-index:1100;background:#fff;border-radius:20px}
.piao_xq img{display:block;float:left;width:45%;height:80%;margin:6%;margin-right:4%;margin-bottom:0px}
.piao_xq>div{width:45%;height:80%;float:left;margin-top:6%}
.piao_xq h4{width:85%;float:left;line-height:30px}
@media screen and (min-width:1054px){
.content{width:1034px;height:auto;margin:0px auto;margin-bottom:130px}
.list_one:nth-child(3n){margin:0px}
.piao_xq h3{width:85%;float:left;margin-top:30px;line-height:47px}
#close{position:absolute;right:24px;top:24px;width:56px;height:56px;background:rgba(0,0,0,0);background-image:url('../images/closee.png');background-size:56px 56px}
.list{float:left;margin-top:28px}
}
@media screen and (max-width:1054px){
.content{width:100%;height:auto;margin:0px auto;margin-bottom:130px}
.list_one:nth-child(2n){margin-right:0px}
.piao_xq h3{width:85%;float:left;margin-top:20px;line-height:32px}
.piao_xq>div h4:nth-child(2){margin:7px 0}
.piao_xq>div h4:nth-child(3){width: 93%;float: left;line-height: 24px;font-size: 16px;}
#close{position:absolute;right:24px;top:24px;width:35px;height:35px;background:rgba(0,0,0,0);background-image:url('../images/closee.png');background-size:35px 35px}
.list{margin-top:28px;width:700px;margin:auto;}
}
@media screen and (max-width:750px){
    .con_title {display:none;}
    #list{width:360px;}
}