@charset "utf-8";
.page-body{margin-top:10px;margin-bottom:30px;position:relative;}
.page-body-t{margin-top:-250px;margin-bottom:30px;position:relative;}
.p-left{float:left;width:23%;overflow:hidden;}
.p-left .mbg{background-color:#fff;border-radius:4px;margin-right:20px;overflow:hidden;}
.p-right{width:77%;padding:10px;background-color:#fff;border-radius:4px;overflow:hidden;}
.po-title{background-color:#2789ed;color:#FFF;text-align:center;font-size:20px;height:50px;line-height:50px;margin-bottom:20px;}
.po-title span{}

.nav-list{width:100%;padding:0 10px 10px 10px;}
.nav-list li{line-height:38px; padding:0 15px;font-size:16px;border-bottom:#eee 1px solid;margin-bottom:8px;}
.nav-list li:hover{background-color:#2789ed;border-radius:4px;}
.nav-list li:hover a{color:#fff;}
.nav-list li i{float:right;font-size:18px;line-height:38px;}
.nav-list li.on{background-color:#eeeeee;border-radius:4px;}
.nav-list li.on a{color:#2789ed;width:100%;display:inline-block;}
.nav-list li ul{width:100%;}
.nav-list li ul li{width:100%;line-height:24px;border:none;font-size:14px;background: url(d.png) no-repeat left;padding-left: 15px;}

.pos-top{width:100%;height:40px;line-height:40px;border-bottom:#eee 1px solid;position:relative;}
.pos-top .title{float:left;font-size:20px; line-height:39px;position:relative;border-bottom:#e20606 1px solid;}
.pos-top .position{float:right;}
.position{height:40px;line-height:40px;font-family:"NSimSun";}
.position i{font-size:18px;color:#888; padding-right:5px;line-height:40px;}
.position a{color:#666;font-family:"Microsoft Yahei";}
.position span{font-family:"NSimSun";margin:0px 5px;}


.list-news{width:100%;padding:10px;}
.list-news li{border-bottom:#eee 1px solid;padding:10px 0;line-height:35px;overflow:hidden;}
.list-news li:hover{background:#fcfcfc;}
.list-news li .pic{float:left;width:120px;text-align:center;margin-right:18px;}
.list-news li .pic img{max-width:120px;max-height:95px;}
.list-news li .txt{}
.list-news li .txt h1{font-size:16px;line-height:18px; padding-bottom:5px;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;}
.list-news li .txt .summary{color:#666;line-height:24px;}
.list-news li .txt .right{float:right;color:#999;font-size:12px;line-height:14px;}
.list-news li .txt .click{float:left;padding-right:8px;}
.list-news li .txt .click i{padding-right:3px;}
.list-news li .txt .time{float:right;}


/*分页*/
.paging{text-align:center;padding-top:20px;}
.paging span{padding:5px 10px;margin:0px 3px;background:#ee4547;color:#ffffff;border-radius:2px;}
.paging a{display:inline-block;padding:5px 10px;margin:0px 3px;box-shadow:0px 0px 2px 1px #E0E0E0;background-color:#FFF;border-radius:2px;}
.paging a:hover{background:#ee4547;color:#ffffff;border-radius:2px;}


.content-top{width:100%;}
.content-top h1{width:100%; text-align:center;font-size:22px; padding:2px 0 10px 0;border-bottom:#eee 1px solid;position:relative;}
.content-top .time{width:100%;text-align:center;line-height:30px;line-height:30px;font-size:12px;color:#999;}
.content-top .time span{color:#e20606;padding:0 3px;}
.content{padding:10px 5px;color:#333;font-size:16px;line-height:30px;}
.content img{padding:10px;}

.s-page{background-color:#fff;padding:10px;border-radius:4px;}

.list-pic{width:100%;}
.list-pic ul{overflow:hidden;}
.list-pic li{float:left;width:25%;padding:10px;overflow:hidden;}
.list-pic li .pic{width:100%;border:#eee 1px solid;text-align:center;position:relative;}
.list-pic li h1{padding:2px 0;font-size:16px;color:#e20606;font-weight:normal;text-align:center;}
.list-pic li h2{font-weight:normal;text-align:center;font-size:12px;height:20px;line-height:20px;color:#666;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;}
.list-pic li .txt{width:100%;height:100%;opacity:0;position:absolute;bottom:-50%;color:#666;line-height:24px;transition:all 0.5s;padding:10px 15px;text-align:left;font-size:14px;}
.list-pic li:hover .txt{opacity:1;bottom:0;background-color:rgba(0,0,0,0.6);color:#FFF;}


.chanpin{width:100%;padding:5px 0 20px 0;overflow:hidden;}
.chanpin ul{padding:10px 0;overflow:hidden;}
.chanpin li{float:left;width:25%;padding:10px;text-align:center;}
.chanpin li .br{border:1px solid #E5E5E5;transition: all .3s ease;border-radius:4px;overflow:hidden;}
.chanpin li .br:hover{box-shadow:0 4px 10px 0 rgba(0, 0, 0, .1);}
.chanpin li .pic{text-align:center;padding:10px;overflow:hidden;}
.chanpin li .pic img{width:100%;}
.chanpin li .title{height:30px;line-height:30px;}


.content-yw{padding:20px 10px;line-height:25px;font-size:13px;text-indent:2em;}
.yw-list{padding:10px;}
.yw-list .box-b{border:#ddd 1px solid;border-radius:4px; overflow:hidden;}
.yw-list .box-b h1{width:100%;background-color:#dddddd;font-size:16px;color:#333;font-weight:normal;padding:10px 0 10px 20px;}
.yw-left{float:left;width:30%;padding:10px;}
.yw-left .br{border:#eee 1px solid;padding:5px; border-radius:4px;}
.yw-left .br .icon{width:100%;text-align:center;padding-bottom:15px;}
.yw-left .br .icon i{font-size:80px;color:#555;}
.yw-left .br h1{font-size:16px;font-weight: bold;text-align:center;background:none;border-bottom:#eee 1px solid;padding-bottom:8px;}
.yw-left .br .txt{font-size:12px;line-height:24px;padding:6px;overflow:hidden;}
.yw-left .br a{ color:#333;}
/*
.yw-left .br:hover{background-color:#c6443f; color:#FFF;}
.yw-left .br:hover h1{color:#FFF; border-bottom:#FFF 1px solid;}
.yw-left .br:hover a{color:#FFF;}
.yw-left .br:hover .icon i{color:#fff;}
*/


.yw-right{width:70%;padding:10px; overflow:hidden;}
.yw-right li{float:left;width:33%; padding:5px 6px;font-family:"Microsoft Yahei";}
.yw-right li a{display:inline-block;font-size:16px;width:100%;background-color:#2789ed;height:33px; line-height:33px; color:#FFF; text-align:center; border-radius:4px;cursor:pointer;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;}


.p-zz{width:100%;padding:10px;background-color:#fff;border-radius:4px;overflow:hidden;}
.list-zz{width:100%;}
.list-zz ul{overflow:hidden;}
.list-zz li{float:left;width:25%;padding:10px;overflow:hidden;}
.list-zz li .pic{width:100%;border:#eee 1px solid;text-align:center;position:relative;}
.list-zz li h1{padding:2px 0;font-size:16px;font-weight:normal;text-align:center;}

.list-a{width:100%;padding:10px 5px;}
.list-a li{background:url(/static/img/d.png) no-repeat left;padding:10px 0;padding-left:15px;line-height:28px;border-bottom:#eee 1px solid;overflow:hidden;}
.list-a li h1{float:left;width:75%;font-size:16px;font-weight:normal;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;}
.list-a li a{color:#111;}
.list-a li .right{float:right;color:#999;font-size:12px;}
.list-a li .click{float:left;padding-right:8px;}
.list-a li .click i{padding-right:3px;}
.list-a li .time{float:right;}

.top-home{width:100%;padding:10px;overflow:hidden;}
.top-home span{float:right;}
@media(max-width:1200px){
.page-body{margin-top:0px;}
.page-body-t{margin-top:-50px;}
.p-left{float:none;width:100%;}
.p-left .mbg{margin:0;}
.nav-list{width:100%;padding:10px;}
.nav-list li{float:left;border:#ccc 1px solid;border-radius:4px;height:30px;line-height:30px;padding:0 8px;font-size:14px;margin:5px 3px;}
.nav-list li a{color:#666;}
.nav-list li i{display:none;}
.nav-list li:hover{border:#2789ed 1px solid;background-color:#2789ed;border-radius:4px;}
.nav-list li:hover a{color:#fff;width:100%;display:inline-block;}
.nav-list li.on{border:#e20606 1px solid;background-color:#e20606;border-radius:4px;}
.nav-list li.on a{color:#fff;width:100%;display:inline-block;}

.po-title{ display:none;}
.p-right{width:100%;}
}
@media(max-width:720px){
.chanpin li{width:50%;}
.list-pic li{width:50%;}
}
@media(max-width:640px){
.list-a li h1{width:60%;}
.banner{padding-top:46px;}
.yw-list .yw-left{display:none;}
.yw-list .yw-right{width:100%;}
.list-zz li{width:50%;}
.yw-right li{width:50%;}
}
@media(max-width:360px){
.list-a li h1{width:50%;}
}